.digitaldice-cont{
  --digital-digit-color: var(--panda-opposite-color);
  text-align: center;
  margin-top: 20px;
}
.digitaldice-cont .number {
    display: inline-block;
    margin: 0.3125rem;
    width: 5rem;
    height: 6.5625rem;
    position: relative;
  }
  .digitaldice-cont .number__line {
    background: var(--digital-digit-color);
    display: block;
    position: relative;
    opacity: 0.05;
    transition: opacity 0.2s ease;
    width: 3.125rem;
    height: 0.625rem;
    position: absolute;
    box-shadow: var(--digital-digit-color) 0px 0px 15px;
  }
  .digitaldice-cont .number__line.on {
    opacity: 1;
  }
  .digitaldice-cont .number__line:before, .number__line:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border-style: solid;
  }
  .digitaldice-cont .number__line--horizontal {
    height: 0.625rem;
    width: 3.125rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .digitaldice-cont .number__line--horizontal:before {
    border-width: 0.3125rem 0.3125rem 0.3125rem 0;
    border-color: transparent var(--digital-digit-color) transparent transparent;
    right: 100%;
  }
  .digitaldice-cont .number__line--horizontal:after {
    border-width: 0.3125rem 0 0.3125rem 0.3125rem;
    border-color: transparent transparent transparent var(--digital-digit-color);
    left: 100%;
  }
  .digitaldice-cont .number__line--vertical {
    height: 2.5rem;
    width: 0.625rem;
  }
  .digitaldice-cont .number__line--vertical:before {
    border-width: 0 0.3125rem 0.3125rem 0.3125rem;
    border-color: transparent transparent var(--digital-digit-color) transparent;
    bottom: 100%;
  }
  .digitaldice-cont .number__line--vertical:after {
    border-width: 0.3125rem 0.3125rem 0 0.3125rem;
    border-color: var(--digital-digit-color) transparent transparent transparent;
    top: 100%;
  }
  .digitaldice-cont .number__line--top {
    transform: translateY(-50%) translateX(-50%);
    top: 0;
  }
  .digitaldice-cont .number__line--center {
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
  .digitaldice-cont .number__line--bottom {
    transform: translateY(50%) translateX(-50%);
    bottom: 0;
  }
  .digitaldice-cont .number__line--top-left {
    top: 0.3125rem;
    left: 0;
  }
  .digitaldice-cont .number__line--top-right {
    top: 0.3125rem;
    right: 0;
  }
  .digitaldice-cont .number__line--bottom-left {
    bottom: 0.3125rem;
    left: 0;
  }
  .digitaldice-cont .number__line--bottom-right {
    bottom: 0.3125rem;
    right: 0;
  }