/* Contenedor principal */
.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Años en grande */
.large-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 2rem;
    font-size: 6vmax;
}

.large-row .digit {
    height: 30vmin;
    width: 15vmin;
    margin: 0 0.5rem;
}

.large-row .digit-years {
    height: 30vmin;
    width: 15vmin;
    margin: 0 0.5rem;
}

.large-row .digit-days {
    height: 30vmin;
    width: 15vmin;
    margin: 0 0.5rem;
}

.large-row .digit-hours {
    height: 30vmin;
    width: 15vmin;
    margin: 0 0.5rem;
}

.large-row .digit-minutes {
    height: 30vmin;
    width: 15vmin;
    margin: 0 0.5rem;
}

.large-row .digit-seconds {
    height: 30vmin;
    width: 15vmin;
    margin: 0 0.5rem;
}

.large-row .digit-messages {
    height: 30vmin;
    width: 15vmin;
    margin: 0 0.5rem;
}


.large-label {
    display: block;
    text-align: center;
    font-size: 2vmax;
    color: #00d9ff;
    margin-top: 1rem;
    text-shadow: 0 0 0.5rem #00d9ff;
}

/* Días, Horas, Minutos y Segundos */
.small-row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    font-size: 2vmax;
}

.small-row-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2vmax;
}

.small-row-1 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    font-size: 2vmax;
}

@media (max-width: 992px) {

    .small-row-1 {
        flex-direction: column;
        gap: 0.8rem;
        font-size: 2.5vmax;
    }
}

@media (max-width: 768px) {
    .small-row-1 {
        flex-direction: column;
        gap: 0.5rem;
        font-size: 3vmax;
    }
}

@media (max-width: 576px) {
    .small-row-1 {
        gap: 0.3rem;
        font-size: 4vmax;
    }
}

.small-row .digit {
    height: 20vmin;
    width: 10vmin;
    margin: 0 0.5rem;
}

.small-row .digit-years {
    height: 20vmin;
    width: 10vmin;
    margin: 0 0.5rem;
}

.small-row .digit-days {
    height: 20vmin;
    width: 10vmin;
    margin: 0 0.5rem;
}

.small-row .digit-hours {
    height: 20vmin;
    width: 10vmin;
    margin: 0 0.5rem;
}

.small-row .digit-minutes {
    height: 20vmin;
    width: 10vmin;
    margin: 0 0.5rem;
}

.small-row .digit-seconds {
    height: 20vmin;
    width: 10vmin;
    margin: 0 0.5rem;
}

.small-row-2 .digit-messages {
    height: 8vmin;
    width: 4vmin;
    margin: 0 0.5rem;
}


.small-row label {
    font-size: 1.5vmax;
    color: #00d9ff;
    margin-top: 0.5rem;
    text-shadow: 0 0 0.3rem #00d9ff;
    display: block;
    text-align: center;
}



.time {
    /* display: flex; */
    /* flex-direction: row; */
    transform: translateZ(20px);
    transform: translateZ(20px) rotateX(calc(var(--mouse-y) * 45deg)) rotateY(calc(var(--mouse-x) * 45deg));
}

.digit {
    height: 20vmin;
    width: 10vmin;
    transform-style: preserve-3d;
    perspective: 1000px;
    margin: 0 1rem;
}

.digit,
.digit:after,
.digit:before {
    transition: transform 1s cubic-bezier(0.5, 0, 0.5, 1);
}

.digit:hover {
    transform: translateZ(2vmax);
}

.digit:hover:after,
.digit:hover:before {
    transform: translateZ(-2vmax);
}

.digit:nth-child(2),
.digit:nth-child(4) {
    margin-right: 3vmax;
}

.digit:nth-child(2):before,
.digit:nth-child(2):after,
.digit:nth-child(4):before,
.digit:nth-child(4):after {
    content: "";
    background: white;
    display: block;
    position: absolute;
    text-align: center;
    width: 1vmax;
    height: 1vmax;
    left: calc(100% + 2vmax);
    box-shadow: 0 0 1rem #00d9ff, inset 0 0 1vmax #00d9ff;
    font-size: 8vmax;
    text-shadow: 0 0 1rem #00d9ff;
    -webkit-animation: pulse 1s alternate cubic-bezier(0.5, 0, 0.5, 1) infinite;
    animation: pulse 1s alternate cubic-bezier(0.5, 0, 0.5, 1) infinite;
}

.digit:nth-child(2):before,
.digit:nth-child(4):before {
    top: 30%;
}

.digit:nth-child(2):after,
.digit:nth-child(4):after {
    bottom: 30%;
}

@-webkit-keyframes pulse {
    to {
        opacity: 0.5;
    }
}

@keyframes pulse {
    to {
        opacity: 0.5;
    }
}


/**  YEAR   ****/

[data-years^="0"] .digit-years:nth-child(1) :nth-child(4):before,
[data-years^="0"] .digit-years:nth-child(1) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-years$="0"] .digit-years:nth-child(2) :nth-child(4):before,
[data-years$="0"] .digit-years:nth-child(2) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-years^="1"] .digit-years:nth-child(1) :nth-child(1):before,
[data-years^="1"] .digit-years:nth-child(1) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-years^="1"] .digit-years:nth-child(1) :nth-child(2):before,
[data-years^="1"] .digit-years:nth-child(1) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-years^="1"] .digit-years:nth-child(1) :nth-child(4):before,
[data-years^="1"] .digit-years:nth-child(1) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-years^="1"] .digit-years:nth-child(1) :nth-child(5):before,
[data-years^="1"] .digit-years:nth-child(1) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-years^="1"] .digit-years:nth-child(1) :nth-child(6):before,
[data-years^="1"] .digit-years:nth-child(1) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-years$="1"] .digit-years:nth-child(2) :nth-child(1):before,
[data-years$="1"] .digit-years:nth-child(2) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-years$="1"] .digit-years:nth-child(2) :nth-child(2):before,
[data-years$="1"] .digit-years:nth-child(2) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-years$="1"] .digit-years:nth-child(2) :nth-child(4):before,
[data-years$="1"] .digit-years:nth-child(2) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-years$="1"] .digit-years:nth-child(2) :nth-child(5):before,
[data-years$="1"] .digit-years:nth-child(2) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-years$="1"] .digit-years:nth-child(2) :nth-child(6):before,
[data-years$="1"] .digit-years:nth-child(2) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-years^="2"] .digit-years:nth-child(1) :nth-child(1):before,
[data-years^="2"] .digit-years:nth-child(1) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-years^="2"] .digit-years:nth-child(1) :nth-child(7):before,
[data-years^="2"] .digit-years:nth-child(1) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-years$="2"] .digit-years:nth-child(2) :nth-child(1):before,
[data-years$="2"] .digit-years:nth-child(2) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-years$="2"] .digit-years:nth-child(2) :nth-child(7):before,
[data-years$="2"] .digit-years:nth-child(2) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-years^="2"] .digit-years:nth-child(1) :nth-child(1):before,
[data-years^="2"] .digit-years:nth-child(1) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-years^="2"] .digit-years:nth-child(1) :nth-child(7):before,
[data-years^="2"] .digit-years:nth-child(1) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-years$="2"] .digit-years:nth-child(2) :nth-child(1):before,
[data-years$="2"] .digit-years:nth-child(2) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-years$="2"] .digit-years:nth-child(2) :nth-child(7):before,
[data-years$="2"] .digit-years:nth-child(2) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-years^="3"] .digit-years:nth-child(1) :nth-child(1):before,
[data-years^="3"] .digit-years:nth-child(1) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-years^="3"] .digit-years:nth-child(1) :nth-child(5):before,
[data-years^="3"] .digit-years:nth-child(1) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-years$="3"] .digit-years:nth-child(2) :nth-child(1):before,
[data-years$="3"] .digit-years:nth-child(2) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-years$="3"] .digit-years:nth-child(2) :nth-child(5):before,
[data-years$="3"] .digit-years:nth-child(2) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-years^="4"] .digit-years:nth-child(1) :nth-child(2):before,
[data-years^="4"] .digit-years:nth-child(1) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-years^="4"] .digit-years:nth-child(1) :nth-child(5):before,
[data-years^="4"] .digit-years:nth-child(1) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-years^="4"] .digit-years:nth-child(1) :nth-child(6):before,
[data-years^="4"] .digit-years:nth-child(1) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-years$="4"] .digit-years:nth-child(2) :nth-child(2):before,
[data-years$="4"] .digit-years:nth-child(2) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-years$="4"] .digit-years:nth-child(2) :nth-child(5):before,
[data-years$="4"] .digit-years:nth-child(2) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-years$="4"] .digit-years:nth-child(2) :nth-child(6):before,
[data-years$="4"] .digit-years:nth-child(2) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-years^="5"] .digit-years:nth-child(1) :nth-child(3):before,
[data-years^="5"] .digit-years:nth-child(1) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-years^="5"] .digit-years:nth-child(1) :nth-child(5):before,
[data-years^="5"] .digit-years:nth-child(1) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-years$="5"] .digit-years:nth-child(2) :nth-child(3):before,
[data-years$="5"] .digit-years:nth-child(2) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-years$="5"] .digit-years:nth-child(2) :nth-child(5):before,
[data-years$="5"] .digit-years:nth-child(2) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-years^="6"] .digit-years:nth-child(1) :nth-child(3):before,
[data-years^="6"] .digit-years:nth-child(1) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-years$="6"] .digit-years:nth-child(2) :nth-child(3):before,
[data-years$="6"] .digit-years:nth-child(2) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-years^="7"] .digit-years:nth-child(1) :nth-child(1):before,
[data-years^="7"] .digit-years:nth-child(1) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-years^="7"] .digit-years:nth-child(1) :nth-child(4):before,
[data-years^="7"] .digit-years:nth-child(1) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-years^="7"] .digit-years:nth-child(1) :nth-child(5):before,
[data-years^="7"] .digit-years:nth-child(1) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-years^="7"] .digit-years:nth-child(1) :nth-child(6):before,
[data-years^="7"] .digit-years:nth-child(1) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-years$="7"] .digit-years:nth-child(2) :nth-child(1):before,
[data-years$="7"] .digit-years:nth-child(2) :nth-child(1):after {
    opacity: 0;
    transform: translateZ(-2vmax);
}

[data-years$="7"] .digit-years:nth-child(2) :nth-child(4):before,
[data-years$="7"] .digit-years:nth-child(2) :nth-child(4):after {
    opacity: 0;
    transform: translateZ(-2vmax);
}

[data-years$="7"] .digit-years:nth-child(2) :nth-child(5):before,
[data-years$="7"] .digit-years:nth-child(2) :nth-child(5):after {
    opacity: 0;
    transform: translateZ(-2vmax);
}

[data-years$="7"] .digit-years:nth-child(2) :nth-child(6):before,
[data-years$="7"] .digit-years:nth-child(2) :nth-child(6):after {
    opacity: 0;
    transform: translateZ(-2vmax);
}

[data-years^="9"] .digit-years:nth-child(1) :nth-child(5):before,
[data-years^="9"] .digit-years:nth-child(1) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-years$="9"] .digit-years:nth-child(2) :nth-child(5):before,
[data-years$="9"] .digit-years:nth-child(2) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}



/***** DAYS  ****/
[data-days-1^="0"] .digit-days:nth-child(1) :nth-child(4):before,
[data-days-1^="0"] .digit-days:nth-child(1) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-1^="1"] .digit-days:nth-child(1) :nth-child(1):before,
[data-days-1^="1"] .digit-days:nth-child(1) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-1^="1"] .digit-days:nth-child(1) :nth-child(2):before,
[data-days-1^="1"] .digit-days:nth-child(1) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-1^="1"] .digit-days:nth-child(1) :nth-child(4):before,
[data-days-1^="1"] .digit-days:nth-child(1) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-1^="1"] .digit-days:nth-child(1) :nth-child(5):before,
[data-days-1^="1"] .digit-days:nth-child(1) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-1^="1"] .digit-days:nth-child(1) :nth-child(6):before,
[data-days-1^="1"] .digit-days:nth-child(1) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-1^="2"] .digit-days:nth-child(1) :nth-child(1):before,
[data-days-1^="2"] .digit-days:nth-child(1) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-1^="2"] .digit-days:nth-child(1) :nth-child(7):before,
[data-days-1^="2"] .digit-days:nth-child(1) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-1^="2"] .digit-days:nth-child(1) :nth-child(1):before,
[data-days-1^="2"] .digit-days:nth-child(1) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-1^="2"] .digit-days:nth-child(1) :nth-child(7):before,
[data-days-1^="2"] .digit-days:nth-child(1) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-1^="3"] .digit-days:nth-child(1) :nth-child(1):before,
[data-days-1^="3"] .digit-days:nth-child(1) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-1^="3"] .digit-days:nth-child(1) :nth-child(5):before,
[data-days-1^="3"] .digit-days:nth-child(1) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-1^="4"] .digit-days:nth-child(1) :nth-child(2):before,
[data-days-1^="4"] .digit-days:nth-child(1) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-1^="4"] .digit-days:nth-child(1) :nth-child(5):before,
[data-days-1^="4"] .digit-days:nth-child(1) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-1^="4"] .digit-days:nth-child(1) :nth-child(6):before,
[data-days-1^="4"] .digit-days:nth-child(1) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-1^="5"] .digit-days:nth-child(1) :nth-child(3):before,
[data-days-1^="5"] .digit-days:nth-child(1) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-1^="5"] .digit-days:nth-child(1) :nth-child(5):before,
[data-days-1^="5"] .digit-days:nth-child(1) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-1^="6"] .digit-days:nth-child(1) :nth-child(3):before,
[data-days-1^="6"] .digit-days:nth-child(1) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-1^="7"] .digit-days:nth-child(1) :nth-child(1):before,
[data-days-1^="7"] .digit-days:nth-child(1) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-1^="7"] .digit-days:nth-child(1) :nth-child(4):before,
[data-days-1^="7"] .digit-days:nth-child(1) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-1^="7"] .digit-days:nth-child(1) :nth-child(5):before,
[data-days-1^="7"] .digit-days:nth-child(1) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-1^="7"] .digit-days:nth-child(1) :nth-child(6):before,
[data-days-1^="7"] .digit-days:nth-child(1) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-1^="9"] .digit-days:nth-child(1) :nth-child(5):before,
[data-days-1^="9"] .digit-days:nth-child(1) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}




[data-days-2^="0"] .digit-days:nth-child(2) :nth-child(4):before,
[data-days-2^="0"] .digit-days:nth-child(2) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-2^="1"] .digit-days:nth-child(2) :nth-child(1):before,
[data-days-2^="1"] .digit-days:nth-child(2) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-2^="1"] .digit-days:nth-child(2) :nth-child(2):before,
[data-days-2^="1"] .digit-days:nth-child(2) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-2^="1"] .digit-days:nth-child(2) :nth-child(4):before,
[data-days-2^="1"] .digit-days:nth-child(2) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-2^="1"] .digit-days:nth-child(2) :nth-child(5):before,
[data-days-2^="1"] .digit-days:nth-child(2) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-2^="1"] .digit-days:nth-child(2) :nth-child(6):before,
[data-days-2^="1"] .digit-days:nth-child(2) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-2^="2"] .digit-days:nth-child(2) :nth-child(1):before,
[data-days-2^="2"] .digit-days:nth-child(2) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-2^="2"] .digit-days:nth-child(2) :nth-child(7):before,
[data-days-2^="2"] .digit-days:nth-child(2) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-2^="2"] .digit-days:nth-child(2) :nth-child(1):before,
[data-days-2^="2"] .digit-days:nth-child(2) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-2^="2"] .digit-days:nth-child(2) :nth-child(7):before,
[data-days-2^="2"] .digit-days:nth-child(2) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-2^="3"] .digit-days:nth-child(2) :nth-child(1):before,
[data-days-2^="3"] .digit-days:nth-child(2) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-2^="3"] .digit-days:nth-child(2) :nth-child(5):before,
[data-days-2^="3"] .digit-days:nth-child(2) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-2^="4"] .digit-days:nth-child(2) :nth-child(2):before,
[data-days-2^="4"] .digit-days:nth-child(2) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-2^="4"] .digit-days:nth-child(2) :nth-child(5):before,
[data-days-2^="4"] .digit-days:nth-child(2) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-2^="4"] .digit-days:nth-child(2) :nth-child(6):before,
[data-days-2^="4"] .digit-days:nth-child(2) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-2^="5"] .digit-days:nth-child(2) :nth-child(3):before,
[data-days-2^="5"] .digit-days:nth-child(2) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-2^="5"] .digit-days:nth-child(2) :nth-child(5):before,
[data-days-2^="5"] .digit-days:nth-child(2) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-2^="6"] .digit-days:nth-child(2) :nth-child(3):before,
[data-days-2^="6"] .digit-days:nth-child(2) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-2^="7"] .digit-days:nth-child(2) :nth-child(1):before,
[data-days-2^="7"] .digit-days:nth-child(2) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-2^="7"] .digit-days:nth-child(2) :nth-child(4):before,
[data-days-2^="7"] .digit-days:nth-child(2) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-2^="7"] .digit-days:nth-child(2) :nth-child(5):before,
[data-days-2^="7"] .digit-days:nth-child(2) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-2^="7"] .digit-days:nth-child(2) :nth-child(6):before,
[data-days-2^="7"] .digit-days:nth-child(2) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-2^="9"] .digit-days:nth-child(2) :nth-child(5):before,
[data-days-2^="9"] .digit-days:nth-child(2) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}



[data-days-3^="0"] .digit-days:nth-child(3) :nth-child(4):before,
[data-days-3^="0"] .digit-days:nth-child(3) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-3^="1"] .digit-days:nth-child(3) :nth-child(1):before,
[data-days-3^="1"] .digit-days:nth-child(3) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-3^="1"] .digit-days:nth-child(3) :nth-child(2):before,
[data-days-3^="1"] .digit-days:nth-child(3) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-3^="1"] .digit-days:nth-child(3) :nth-child(4):before,
[data-days-3^="1"] .digit-days:nth-child(3) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-3^="1"] .digit-days:nth-child(3) :nth-child(5):before,
[data-days-3^="1"] .digit-days:nth-child(3) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-3^="1"] .digit-days:nth-child(3) :nth-child(6):before,
[data-days-3^="1"] .digit-days:nth-child(3) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-3^="2"] .digit-days:nth-child(3) :nth-child(1):before,
[data-days-3^="2"] .digit-days:nth-child(3) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-3^="2"] .digit-days:nth-child(3) :nth-child(7):before,
[data-days-3^="2"] .digit-days:nth-child(3) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-3^="2"] .digit-days:nth-child(3) :nth-child(1):before,
[data-days-3^="2"] .digit-days:nth-child(3) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-3^="2"] .digit-days:nth-child(3) :nth-child(7):before,
[data-days-3^="2"] .digit-days:nth-child(3) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-3^="3"] .digit-days:nth-child(3) :nth-child(1):before,
[data-days-3^="3"] .digit-days:nth-child(3) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-3^="3"] .digit-days:nth-child(3) :nth-child(5):before,
[data-days-3^="3"] .digit-days:nth-child(3) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-3^="4"] .digit-days:nth-child(3) :nth-child(2):before,
[data-days-3^="4"] .digit-days:nth-child(3) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-3^="4"] .digit-days:nth-child(3) :nth-child(5):before,
[data-days-3^="4"] .digit-days:nth-child(3) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-3^="4"] .digit-days:nth-child(3) :nth-child(6):before,
[data-days-3^="4"] .digit-days:nth-child(3) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-3^="5"] .digit-days:nth-child(3) :nth-child(3):before,
[data-days-3^="5"] .digit-days:nth-child(3) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-3^="5"] .digit-days:nth-child(3) :nth-child(5):before,
[data-days-3^="5"] .digit-days:nth-child(3) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-3^="6"] .digit-days:nth-child(3) :nth-child(3):before,
[data-days-3^="6"] .digit-days:nth-child(3) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-3^="7"] .digit-days:nth-child(3) :nth-child(1):before,
[data-days-3^="7"] .digit-days:nth-child(3) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-3^="7"] .digit-days:nth-child(3) :nth-child(4):before,
[data-days-3^="7"] .digit-days:nth-child(3) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-3^="7"] .digit-days:nth-child(3) :nth-child(5):before,
[data-days-3^="7"] .digit-days:nth-child(3) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-3^="7"] .digit-days:nth-child(3) :nth-child(6):before,
[data-days-3^="7"] .digit-days:nth-child(3) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-days-3^="9"] .digit-days:nth-child(3) :nth-child(5):before,
[data-days-3^="9"] .digit-days:nth-child(3) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}


















/***** HOURS  ****/
[data-hours^="0"] .digit-hours:nth-child(1) :nth-child(4):before,
[data-hours^="0"] .digit-hours:nth-child(1) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-hours$="0"] .digit-hours:nth-child(2) :nth-child(4):before,
[data-hours$="0"] .digit-hours:nth-child(2) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-hours^="1"] .digit-hours:nth-child(1) :nth-child(1):before,
[data-hours^="1"] .digit-hours:nth-child(1) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-hours^="1"] .digit-hours:nth-child(1) :nth-child(2):before,
[data-hours^="1"] .digit-hours:nth-child(1) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-hours^="1"] .digit-hours:nth-child(1) :nth-child(4):before,
[data-hours^="1"] .digit-hours:nth-child(1) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-hours^="1"] .digit-hours:nth-child(1) :nth-child(5):before,
[data-hours^="1"] .digit-hours:nth-child(1) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-hours^="1"] .digit-hours:nth-child(1) :nth-child(6):before,
[data-hours^="1"] .digit-hours:nth-child(1) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-hours$="1"] .digit-hours:nth-child(2) :nth-child(1):before,
[data-hours$="1"] .digit-hours:nth-child(2) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-hours$="1"] .digit-hours:nth-child(2) :nth-child(2):before,
[data-hours$="1"] .digit-hours:nth-child(2) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-hours$="1"] .digit-hours:nth-child(2) :nth-child(4):before,
[data-hours$="1"] .digit-hours:nth-child(2) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-hours$="1"] .digit-hours:nth-child(2) :nth-child(5):before,
[data-hours$="1"] .digit-hours:nth-child(2) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-hours$="1"] .digit-hours:nth-child(2) :nth-child(6):before,
[data-hours$="1"] .digit-hours:nth-child(2) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-hours^="2"] .digit-hours:nth-child(1) :nth-child(1):before,
[data-hours^="2"] .digit-hours:nth-child(1) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-hours^="2"] .digit-hours:nth-child(1) :nth-child(7):before,
[data-hours^="2"] .digit-hours:nth-child(1) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-hours$="2"] .digit-hours:nth-child(2) :nth-child(1):before,
[data-hours$="2"] .digit-hours:nth-child(2) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-hours$="2"] .digit-hours:nth-child(2) :nth-child(7):before,
[data-hours$="2"] .digit-hours:nth-child(2) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-hours^="2"] .digit-hours:nth-child(1) :nth-child(1):before,
[data-hours^="2"] .digit-hours:nth-child(1) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-hours^="2"] .digit-hours:nth-child(1) :nth-child(7):before,
[data-hours^="2"] .digit-hours:nth-child(1) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-hours$="2"] .digit-hours:nth-child(2) :nth-child(1):before,
[data-hours$="2"] .digit-hours:nth-child(2) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-hours$="2"] .digit-hours:nth-child(2) :nth-child(7):before,
[data-hours$="2"] .digit-hours:nth-child(2) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-hours^="3"] .digit-hours:nth-child(1) :nth-child(1):before,
[data-hours^="3"] .digit-hours:nth-child(1) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-hours^="3"] .digit-hours:nth-child(1) :nth-child(5):before,
[data-hours^="3"] .digit-hours:nth-child(1) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-hours$="3"] .digit-hours:nth-child(2) :nth-child(1):before,
[data-hours$="3"] .digit-hours:nth-child(2) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-hours$="3"] .digit-hours:nth-child(2) :nth-child(5):before,
[data-hours$="3"] .digit-hours:nth-child(2) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-hours^="4"] .digit-hours:nth-child(1) :nth-child(2):before,
[data-hours^="4"] .digit-hours:nth-child(1) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-hours^="4"] .digit-hours:nth-child(1) :nth-child(5):before,
[data-hours^="4"] .digit-hours:nth-child(1) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-hours^="4"] .digit-hours:nth-child(1) :nth-child(6):before,
[data-hours^="4"] .digit-hours:nth-child(1) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-hours$="4"] .digit-hours:nth-child(2) :nth-child(2):before,
[data-hours$="4"] .digit-hours:nth-child(2) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-hours$="4"] .digit-hours:nth-child(2) :nth-child(5):before,
[data-hours$="4"] .digit-hours:nth-child(2) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-hours$="4"] .digit-hours:nth-child(2) :nth-child(6):before,
[data-hours$="4"] .digit-hours:nth-child(2) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-hours^="5"] .digit-hours:nth-child(1) :nth-child(3):before,
[data-hours^="5"] .digit-hours:nth-child(1) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-hours^="5"] .digit-hours:nth-child(1) :nth-child(5):before,
[data-hours^="5"] .digit-hours:nth-child(1) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-hours$="5"] .digit-hours:nth-child(2) :nth-child(3):before,
[data-hours$="5"] .digit-hours:nth-child(2) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-hours$="5"] .digit-hours:nth-child(2) :nth-child(5):before,
[data-hours$="5"] .digit-hours:nth-child(2) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-hours^="6"] .digit-hours:nth-child(1) :nth-child(3):before,
[data-hours^="6"] .digit-hours:nth-child(1) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-hours$="6"] .digit-hours:nth-child(2) :nth-child(3):before,
[data-hours$="6"] .digit-hours:nth-child(2) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-hours^="7"] .digit-hours:nth-child(1) :nth-child(1):before,
[data-hours^="7"] .digit-hours:nth-child(1) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-hours^="7"] .digit-hours:nth-child(1) :nth-child(4):before,
[data-hours^="7"] .digit-hours:nth-child(1) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-hours^="7"] .digit-hours:nth-child(1) :nth-child(5):before,
[data-hours^="7"] .digit-hours:nth-child(1) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-hours^="7"] .digit-hours:nth-child(1) :nth-child(6):before,
[data-hours^="7"] .digit-hours:nth-child(1) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-hours$="7"] .digit-hours:nth-child(2) :nth-child(1):before,
[data-hours$="7"] .digit-hours:nth-child(2) :nth-child(1):after {
    opacity: 0;
    transform: translateZ(-2vmax);
}

[data-hours$="7"] .digit-hours:nth-child(2) :nth-child(4):before,
[data-hours$="7"] .digit-hours:nth-child(2) :nth-child(4):after {
    opacity: 0;
    transform: translateZ(-2vmax);
}

[data-hours$="7"] .digit-hours:nth-child(2) :nth-child(5):before,
[data-hours$="7"] .digit-hours:nth-child(2) :nth-child(5):after {
    opacity: 0;
    transform: translateZ(-2vmax);
}

[data-hours$="7"] .digit-hours:nth-child(2) :nth-child(6):before,
[data-hours$="7"] .digit-hours:nth-child(2) :nth-child(6):after {
    opacity: 0;
    transform: translateZ(-2vmax);
}

[data-hours^="9"] .digit-hours:nth-child(1) :nth-child(5):before,
[data-hours^="9"] .digit-hours:nth-child(1) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-hours$="9"] .digit-hours:nth-child(2) :nth-child(5):before,
[data-hours$="9"] .digit-hours:nth-child(2) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}



/***** MINUTES  ****/

[data-minutes^="0"] .digit-minutes:nth-child(1) :nth-child(4):before,
[data-minutes^="0"] .digit-minutes:nth-child(1) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-minutes$="0"] .digit-minutes:nth-child(2) :nth-child(4):before,
[data-minutes$="0"] .digit-minutes:nth-child(2) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-minutes^="1"] .digit-minutes:nth-child(1) :nth-child(1):before,
[data-minutes^="1"] .digit-minutes:nth-child(1) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-minutes^="1"] .digit-minutes:nth-child(1) :nth-child(2):before,
[data-minutes^="1"] .digit-minutes:nth-child(1) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-minutes^="1"] .digit-minutes:nth-child(1) :nth-child(4):before,
[data-minutes^="1"] .digit-minutes:nth-child(1) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-minutes^="1"] .digit-minutes:nth-child(1) :nth-child(5):before,
[data-minutes^="1"] .digit-minutes:nth-child(1) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-minutes^="1"] .digit-minutes:nth-child(1) :nth-child(6):before,
[data-minutes^="1"] .digit-minutes:nth-child(1) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-minutes$="1"] .digit-minutes:nth-child(2) :nth-child(1):before,
[data-minutes$="1"] .digit-minutes:nth-child(2) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-minutes$="1"] .digit-minutes:nth-child(2) :nth-child(2):before,
[data-minutes$="1"] .digit-minutes:nth-child(2) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-minutes$="1"] .digit-minutes:nth-child(2) :nth-child(4):before,
[data-minutes$="1"] .digit-minutes:nth-child(2) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-minutes$="1"] .digit-minutes:nth-child(2) :nth-child(5):before,
[data-minutes$="1"] .digit-minutes:nth-child(2) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-minutes$="1"] .digit-minutes:nth-child(2) :nth-child(6):before,
[data-minutes$="1"] .digit-minutes:nth-child(2) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-minutes^="2"] .digit-minutes:nth-child(1) :nth-child(1):before,
[data-minutes^="2"] .digit-minutes:nth-child(1) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-minutes^="2"] .digit-minutes:nth-child(1) :nth-child(7):before,
[data-minutes^="2"] .digit-minutes:nth-child(1) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-minutes$="2"] .digit-minutes:nth-child(2) :nth-child(1):before,
[data-minutes$="2"] .digit-minutes:nth-child(2) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-minutes$="2"] .digit-minutes:nth-child(2) :nth-child(7):before,
[data-minutes$="2"] .digit-minutes:nth-child(2) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-minutes^="2"] .digit-minutes:nth-child(1) :nth-child(1):before,
[data-minutes^="2"] .digit-minutes:nth-child(1) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-minutes^="2"] .digit-minutes:nth-child(1) :nth-child(7):before,
[data-minutes^="2"] .digit-minutes:nth-child(1) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-minutes$="2"] .digit-minutes:nth-child(2) :nth-child(1):before,
[data-minutes$="2"] .digit-minutes:nth-child(2) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-minutes$="2"] .digit-minutes:nth-child(2) :nth-child(7):before,
[data-minutes$="2"] .digit-minutes:nth-child(2) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-minutes^="3"] .digit-minutes:nth-child(1) :nth-child(1):before,
[data-minutes^="3"] .digit-minutes:nth-child(1) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-minutes^="3"] .digit-minutes:nth-child(1) :nth-child(5):before,
[data-minutes^="3"] .digit-minutes:nth-child(1) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-minutes$="3"] .digit-minutes:nth-child(2) :nth-child(1):before,
[data-minutes$="3"] .digit-minutes:nth-child(2) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-minutes$="3"] .digit-minutes:nth-child(2) :nth-child(5):before,
[data-minutes$="3"] .digit-minutes:nth-child(2) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-minutes^="4"] .digit-minutes:nth-child(1) :nth-child(2):before,
[data-minutes^="4"] .digit-minutes:nth-child(1) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-minutes^="4"] .digit-minutes:nth-child(1) :nth-child(5):before,
[data-minutes^="4"] .digit-minutes:nth-child(1) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-minutes^="4"] .digit-minutes:nth-child(1) :nth-child(6):before,
[data-minutes^="4"] .digit-minutes:nth-child(1) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-minutes$="4"] .digit-minutes:nth-child(2) :nth-child(2):before,
[data-minutes$="4"] .digit-minutes:nth-child(2) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-minutes$="4"] .digit-minutes:nth-child(2) :nth-child(5):before,
[data-minutes$="4"] .digit-minutes:nth-child(2) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-minutes$="4"] .digit-minutes:nth-child(2) :nth-child(6):before,
[data-minutes$="4"] .digit-minutes:nth-child(2) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-minutes^="5"] .digit-minutes:nth-child(1) :nth-child(3):before,
[data-minutes^="5"] .digit-minutes:nth-child(1) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-minutes^="5"] .digit-minutes:nth-child(1) :nth-child(5):before,
[data-minutes^="5"] .digit-minutes:nth-child(1) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-minutes$="5"] .digit-minutes:nth-child(2) :nth-child(3):before,
[data-minutes$="5"] .digit-minutes:nth-child(2) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-minutes$="5"] .digit-minutes:nth-child(2) :nth-child(5):before,
[data-minutes$="5"] .digit-minutes:nth-child(2) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-minutes^="6"] .digit-minutes:nth-child(1) :nth-child(3):before,
[data-minutes^="6"] .digit-minutes:nth-child(1) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-minutes$="6"] .digit-minutes:nth-child(2) :nth-child(3):before,
[data-minutes$="6"] .digit-minutes:nth-child(2) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-minutes^="7"] .digit-minutes:nth-child(1) :nth-child(1):before,
[data-minutes^="7"] .digit-minutes:nth-child(1) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-minutes^="7"] .digit-minutes:nth-child(1) :nth-child(4):before,
[data-minutes^="7"] .digit-minutes:nth-child(1) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-minutes^="7"] .digit-minutes:nth-child(1) :nth-child(5):before,
[data-minutes^="7"] .digit-minutes:nth-child(1) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-minutes^="7"] .digit-minutes:nth-child(1) :nth-child(6):before,
[data-minutes^="7"] .digit-minutes:nth-child(1) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-minutes$="7"] .digit-minutes:nth-child(2) :nth-child(1):before,
[data-minutes$="7"] .digit-minutes:nth-child(2) :nth-child(1):after {
    opacity: 0;
    transform: translateZ(-2vmax);
}

[data-minutes$="7"] .digit-minutes:nth-child(2) :nth-child(4):before,
[data-minutes$="7"] .digit-minutes:nth-child(2) :nth-child(4):after {
    opacity: 0;
    transform: translateZ(-2vmax);
}

[data-minutes$="7"] .digit-minutes:nth-child(2) :nth-child(5):before,
[data-minutes$="7"] .digit-minutes:nth-child(2) :nth-child(5):after {
    opacity: 0;
    transform: translateZ(-2vmax);
}

[data-minutes$="7"] .digit-minutes:nth-child(2) :nth-child(6):before,
[data-minutes$="7"] .digit-minutes:nth-child(2) :nth-child(6):after {
    opacity: 0;
    transform: translateZ(-2vmax);
}

[data-minutes^="9"] .digit-minutes:nth-child(1) :nth-child(5):before,
[data-minutes^="9"] .digit-minutes:nth-child(1) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-minutes$="9"] .digit-minutes:nth-child(2) :nth-child(5):before,
[data-minutes$="9"] .digit-minutes:nth-child(2) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}








/***** SECONDS  ****/
/* quiero que me generes para data-seconds y digit-seconds*/
[data-seconds^="0"] .digit-seconds:nth-child(1) :nth-child(4):before,
[data-seconds^="0"] .digit-seconds:nth-child(1) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-seconds$="0"] .digit-seconds:nth-child(2) :nth-child(4):before,
[data-seconds$="0"] .digit-seconds:nth-child(2) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-seconds^="1"] .digit-seconds:nth-child(1) :nth-child(1):before,
[data-seconds^="1"] .digit-seconds:nth-child(1) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-seconds^="1"] .digit-seconds:nth-child(1) :nth-child(2):before,
[data-seconds^="1"] .digit-seconds:nth-child(1) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-seconds^="1"] .digit-seconds:nth-child(1) :nth-child(4):before,
[data-seconds^="1"] .digit-seconds:nth-child(1) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-seconds^="1"] .digit-seconds:nth-child(1) :nth-child(5):before,
[data-seconds^="1"] .digit-seconds:nth-child(1) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-seconds^="1"] .digit-seconds:nth-child(1) :nth-child(6):before,
[data-seconds^="1"] .digit-seconds:nth-child(1) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-seconds$="1"] .digit-seconds:nth-child(2) :nth-child(1):before,
[data-seconds$="1"] .digit-seconds:nth-child(2) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-seconds$="1"] .digit-seconds:nth-child(2) :nth-child(2):before,
[data-seconds$="1"] .digit-seconds:nth-child(2) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-seconds$="1"] .digit-seconds:nth-child(2) :nth-child(4):before,
[data-seconds$="1"] .digit-seconds:nth-child(2) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-seconds$="1"] .digit-seconds:nth-child(2) :nth-child(5):before,
[data-seconds$="1"] .digit-seconds:nth-child(2) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-seconds$="1"] .digit-seconds:nth-child(2) :nth-child(6):before,
[data-seconds$="1"] .digit-seconds:nth-child(2) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-seconds^="2"] .digit-seconds:nth-child(1) :nth-child(1):before,
[data-seconds^="2"] .digit-seconds:nth-child(1) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-seconds^="2"] .digit-seconds:nth-child(1) :nth-child(7):before,
[data-seconds^="2"] .digit-seconds:nth-child(1) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-seconds$="2"] .digit-seconds:nth-child(2) :nth-child(1):before,
[data-seconds$="2"] .digit-seconds:nth-child(2) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-seconds$="2"] .digit-seconds:nth-child(2) :nth-child(7):before,
[data-seconds$="2"] .digit-seconds:nth-child(2) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-seconds^="2"] .digit-seconds:nth-child(1) :nth-child(1):before,
[data-seconds^="2"] .digit-seconds:nth-child(1) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-seconds^="2"] .digit-seconds:nth-child(1) :nth-child(7):before,
[data-seconds^="2"] .digit-seconds:nth-child(1) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-seconds$="2"] .digit-seconds:nth-child(2) :nth-child(1):before,
[data-seconds$="2"] .digit-seconds:nth-child(2) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-seconds$="2"] .digit-seconds:nth-child(2) :nth-child(7):before,
[data-seconds$="2"] .digit-seconds:nth-child(2) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-seconds^="3"] .digit-seconds:nth-child(1) :nth-child(1):before,
[data-seconds^="3"] .digit-seconds:nth-child(1) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-seconds^="3"] .digit-seconds:nth-child(1) :nth-child(5):before,
[data-seconds^="3"] .digit-seconds:nth-child(1) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-seconds$="3"] .digit-seconds:nth-child(2) :nth-child(1):before,
[data-seconds$="3"] .digit-seconds:nth-child(2) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-seconds$="3"] .digit-seconds:nth-child(2) :nth-child(5):before,
[data-seconds$="3"] .digit-seconds:nth-child(2) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-seconds^="4"] .digit-seconds:nth-child(1) :nth-child(2):before,
[data-seconds^="4"] .digit-seconds:nth-child(1) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-seconds^="4"] .digit-seconds:nth-child(1) :nth-child(5):before,
[data-seconds^="4"] .digit-seconds:nth-child(1) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-seconds^="4"] .digit-seconds:nth-child(1) :nth-child(6):before,
[data-seconds^="4"] .digit-seconds:nth-child(1) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-seconds$="4"] .digit-seconds:nth-child(2) :nth-child(2):before,
[data-seconds$="4"] .digit-seconds:nth-child(2) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-seconds$="4"] .digit-seconds:nth-child(2) :nth-child(5):before,
[data-seconds$="4"] .digit-seconds:nth-child(2) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-seconds$="4"] .digit-seconds:nth-child(2) :nth-child(6):before,
[data-seconds$="4"] .digit-seconds:nth-child(2) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-seconds^="5"] .digit-seconds:nth-child(1) :nth-child(3):before,
[data-seconds^="5"] .digit-seconds:nth-child(1) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-seconds^="5"] .digit-seconds:nth-child(1) :nth-child(5):before,
[data-seconds^="5"] .digit-seconds:nth-child(1) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-seconds$="5"] .digit-seconds:nth-child(2) :nth-child(3):before,
[data-seconds$="5"] .digit-seconds:nth-child(2) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-seconds$="5"] .digit-seconds:nth-child(2) :nth-child(5):before,
[data-seconds$="5"] .digit-seconds:nth-child(2) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-seconds^="6"] .digit-seconds:nth-child(1) :nth-child(3):before,
[data-seconds^="6"] .digit-seconds:nth-child(1) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-seconds$="6"] .digit-seconds:nth-child(2) :nth-child(3):before,
[data-seconds$="6"] .digit-seconds:nth-child(2) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-seconds^="7"] .digit-seconds:nth-child(1) :nth-child(1):before,
[data-seconds^="7"] .digit-seconds:nth-child(1) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-seconds^="7"] .digit-seconds:nth-child(1) :nth-child(4):before,
[data-seconds^="7"] .digit-seconds:nth-child(1) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-seconds^="7"] .digit-seconds:nth-child(1) :nth-child(5):before,
[data-seconds^="7"] .digit-seconds:nth-child(1) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-seconds^="7"] .digit-seconds:nth-child(1) :nth-child(6):before,
[data-seconds^="7"] .digit-seconds:nth-child(1) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-seconds$="7"] .digit-seconds:nth-child(2) :nth-child(1):before,
[data-seconds$="7"] .digit-seconds:nth-child(2) :nth-child(1):after {
    opacity: 0;
    transform: translateZ(-2vmax);
}

[data-seconds$="7"] .digit-seconds:nth-child(2) :nth-child(4):before,
[data-seconds$="7"] .digit-seconds:nth-child(2) :nth-child(4):after {
    opacity: 0;
    transform: translateZ(-2vmax);
}

[data-seconds$="7"] .digit-seconds:nth-child(2) :nth-child(5):before,
[data-seconds$="7"] .digit-seconds:nth-child(2) :nth-child(5):after {
    opacity: 0;
    transform: translateZ(-2vmax);
}

[data-seconds$="7"] .digit-seconds:nth-child(2) :nth-child(6):before,
[data-seconds$="7"] .digit-seconds:nth-child(2) :nth-child(6):after {
    opacity: 0;
    transform: translateZ(-2vmax);
}

[data-seconds^="9"] .digit-seconds:nth-child(1) :nth-child(5):before,
[data-seconds^="9"] .digit-seconds:nth-child(1) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-seconds$="9"] .digit-seconds:nth-child(2) :nth-child(5):before,
[data-seconds$="9"] .digit-seconds:nth-child(2) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}









/**  MESSAGES   ****/
[data-messages-0^="0"] .digit-messages:nth-child(1) :nth-child(4):before,
[data-messages-0^="0"] .digit-messages:nth-child(1) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-0^="1"] .digit-messages:nth-child(1) :nth-child(1):before,
[data-messages-0^="1"] .digit-messages:nth-child(1) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-0^="1"] .digit-messages:nth-child(1) :nth-child(2):before,
[data-messages-0^="1"] .digit-messages:nth-child(1) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-0^="1"] .digit-messages:nth-child(1) :nth-child(4):before,
[data-messages-0^="1"] .digit-messages:nth-child(1) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-0^="1"] .digit-messages:nth-child(1) :nth-child(5):before,
[data-messages-0^="1"] .digit-messages:nth-child(1) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-0^="1"] .digit-messages:nth-child(1) :nth-child(6):before,
[data-messages-0^="1"] .digit-messages:nth-child(1) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-0^="2"] .digit-messages:nth-child(1) :nth-child(1):before,
[data-messages-0^="2"] .digit-messages:nth-child(1) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-0^="2"] .digit-messages:nth-child(1) :nth-child(7):before,
[data-messages-0^="2"] .digit-messages:nth-child(1) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-0^="2"] .digit-messages:nth-child(1) :nth-child(1):before,
[data-messages-0^="2"] .digit-messages:nth-child(1) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-0^="2"] .digit-messages:nth-child(1) :nth-child(7):before,
[data-messages-0^="2"] .digit-messages:nth-child(1) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-0^="3"] .digit-messages:nth-child(1) :nth-child(1):before,
[data-messages-0^="3"] .digit-messages:nth-child(1) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-0^="3"] .digit-messages:nth-child(1) :nth-child(5):before,
[data-messages-0^="3"] .digit-messages:nth-child(1) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-0^="4"] .digit-messages:nth-child(1) :nth-child(2):before,
[data-messages-0^="4"] .digit-messages:nth-child(1) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-0^="4"] .digit-messages:nth-child(1) :nth-child(5):before,
[data-messages-0^="4"] .digit-messages:nth-child(1) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-0^="4"] .digit-messages:nth-child(1) :nth-child(6):before,
[data-messages-0^="4"] .digit-messages:nth-child(1) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-0^="5"] .digit-messages:nth-child(1) :nth-child(3):before,
[data-messages-0^="5"] .digit-messages:nth-child(1) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-0^="5"] .digit-messages:nth-child(1) :nth-child(5):before,
[data-messages-0^="5"] .digit-messages:nth-child(1) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-0^="6"] .digit-messages:nth-child(1) :nth-child(3):before,
[data-messages-0^="6"] .digit-messages:nth-child(1) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-0^="7"] .digit-messages:nth-child(1) :nth-child(1):before,
[data-messages-0^="7"] .digit-messages:nth-child(1) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-0^="7"] .digit-messages:nth-child(1) :nth-child(4):before,
[data-messages-0^="7"] .digit-messages:nth-child(1) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-0^="7"] .digit-messages:nth-child(1) :nth-child(5):before,
[data-messages-0^="7"] .digit-messages:nth-child(1) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-0^="7"] .digit-messages:nth-child(1) :nth-child(6):before,
[data-messages-0^="7"] .digit-messages:nth-child(1) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-0^="9"] .digit-messages:nth-child(1) :nth-child(5):before,
[data-messages-0^="9"] .digit-messages:nth-child(1) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}



/**  1  */
[data-messages-1^="0"] .digit-messages:nth-child(2) :nth-child(4):before,
[data-messages-1^="0"] .digit-messages:nth-child(2) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-1^="1"] .digit-messages:nth-child(2) :nth-child(1):before,
[data-messages-1^="1"] .digit-messages:nth-child(2) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-1^="1"] .digit-messages:nth-child(2) :nth-child(2):before,
[data-messages-1^="1"] .digit-messages:nth-child(2) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-1^="1"] .digit-messages:nth-child(2) :nth-child(4):before,
[data-messages-1^="1"] .digit-messages:nth-child(2) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-1^="1"] .digit-messages:nth-child(2) :nth-child(5):before,
[data-messages-1^="1"] .digit-messages:nth-child(2) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-1^="1"] .digit-messages:nth-child(2) :nth-child(6):before,
[data-messages-1^="1"] .digit-messages:nth-child(2) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-1^="2"] .digit-messages:nth-child(2) :nth-child(1):before,
[data-messages-1^="2"] .digit-messages:nth-child(2) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-1^="2"] .digit-messages:nth-child(2) :nth-child(7):before,
[data-messages-1^="2"] .digit-messages:nth-child(2) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-1^="2"] .digit-messages:nth-child(2) :nth-child(1):before,
[data-messages-1^="2"] .digit-messages:nth-child(2) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-1^="2"] .digit-messages:nth-child(2) :nth-child(7):before,
[data-messages-1^="2"] .digit-messages:nth-child(2) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-1^="3"] .digit-messages:nth-child(2) :nth-child(1):before,
[data-messages-1^="3"] .digit-messages:nth-child(2) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-1^="3"] .digit-messages:nth-child(2) :nth-child(5):before,
[data-messages-1^="3"] .digit-messages:nth-child(2) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-1^="4"] .digit-messages:nth-child(2) :nth-child(2):before,
[data-messages-1^="4"] .digit-messages:nth-child(2) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-1^="4"] .digit-messages:nth-child(2) :nth-child(5):before,
[data-messages-1^="4"] .digit-messages:nth-child(2) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-1^="4"] .digit-messages:nth-child(2) :nth-child(6):before,
[data-messages-1^="4"] .digit-messages:nth-child(2) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-1^="5"] .digit-messages:nth-child(2) :nth-child(3):before,
[data-messages-1^="5"] .digit-messages:nth-child(2) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-1^="5"] .digit-messages:nth-child(2) :nth-child(5):before,
[data-messages-1^="5"] .digit-messages:nth-child(2) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-1^="6"] .digit-messages:nth-child(2) :nth-child(3):before,
[data-messages-1^="6"] .digit-messages:nth-child(2) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-1^="7"] .digit-messages:nth-child(2) :nth-child(1):before,
[data-messages-1^="7"] .digit-messages:nth-child(2) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-1^="7"] .digit-messages:nth-child(2) :nth-child(4):before,
[data-messages-1^="7"] .digit-messages:nth-child(2) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-1^="7"] .digit-messages:nth-child(2) :nth-child(5):before,
[data-messages-1^="7"] .digit-messages:nth-child(2) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-1^="7"] .digit-messages:nth-child(2) :nth-child(6):before,
[data-messages-1^="7"] .digit-messages:nth-child(2) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-1^="9"] .digit-messages:nth-child(2) :nth-child(5):before,
[data-messages-1^="9"] .digit-messages:nth-child(2) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

/** 2 */
[data-messages-2^="0"] .digit-messages:nth-child(3) :nth-child(4):before,
[data-messages-2^="0"] .digit-messages:nth-child(3) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-2^="1"] .digit-messages:nth-child(3) :nth-child(1):before,
[data-messages-2^="1"] .digit-messages:nth-child(3) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-2^="1"] .digit-messages:nth-child(3) :nth-child(2):before,
[data-messages-2^="1"] .digit-messages:nth-child(3) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-2^="1"] .digit-messages:nth-child(3) :nth-child(4):before,
[data-messages-2^="1"] .digit-messages:nth-child(3) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-2^="1"] .digit-messages:nth-child(3) :nth-child(5):before,
[data-messages-2^="1"] .digit-messages:nth-child(3) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-2^="1"] .digit-messages:nth-child(3) :nth-child(6):before,
[data-messages-2^="1"] .digit-messages:nth-child(3) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-2^="2"] .digit-messages:nth-child(3) :nth-child(1):before,
[data-messages-2^="2"] .digit-messages:nth-child(3) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-2^="2"] .digit-messages:nth-child(3) :nth-child(7):before,
[data-messages-2^="2"] .digit-messages:nth-child(3) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-2^="2"] .digit-messages:nth-child(3) :nth-child(1):before,
[data-messages-2^="2"] .digit-messages:nth-child(3) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-2^="2"] .digit-messages:nth-child(3) :nth-child(7):before,
[data-messages-2^="2"] .digit-messages:nth-child(3) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-2^="3"] .digit-messages:nth-child(3) :nth-child(1):before,
[data-messages-2^="3"] .digit-messages:nth-child(3) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-2^="3"] .digit-messages:nth-child(3) :nth-child(5):before,
[data-messages-2^="3"] .digit-messages:nth-child(3) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-2^="4"] .digit-messages:nth-child(3) :nth-child(2):before,
[data-messages-2^="4"] .digit-messages:nth-child(3) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-2^="4"] .digit-messages:nth-child(3) :nth-child(5):before,
[data-messages-2^="4"] .digit-messages:nth-child(3) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-2^="4"] .digit-messages:nth-child(3) :nth-child(6):before,
[data-messages-2^="4"] .digit-messages:nth-child(3) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-2^="5"] .digit-messages:nth-child(3) :nth-child(3):before,
[data-messages-2^="5"] .digit-messages:nth-child(3) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-2^="5"] .digit-messages:nth-child(3) :nth-child(5):before,
[data-messages-2^="5"] .digit-messages:nth-child(3) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-2^="6"] .digit-messages:nth-child(3) :nth-child(3):before,
[data-messages-2^="6"] .digit-messages:nth-child(3) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-2^="7"] .digit-messages:nth-child(3) :nth-child(1):before,
[data-messages-2^="7"] .digit-messages:nth-child(3) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-2^="7"] .digit-messages:nth-child(3) :nth-child(4):before,
[data-messages-2^="7"] .digit-messages:nth-child(3) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-2^="7"] .digit-messages:nth-child(3) :nth-child(5):before,
[data-messages-2^="7"] .digit-messages:nth-child(3) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-2^="7"] .digit-messages:nth-child(3) :nth-child(6):before,
[data-messages-2^="7"] .digit-messages:nth-child(3) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-2^="9"] .digit-messages:nth-child(3) :nth-child(5):before,
[data-messages-2^="9"] .digit-messages:nth-child(3) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}



/** 3 */

[data-messages-3^="0"] .digit-messages:nth-child(4) :nth-child(4):before,
[data-messages-3^="0"] .digit-messages:nth-child(4) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-3^="1"] .digit-messages:nth-child(4) :nth-child(1):before,
[data-messages-3^="1"] .digit-messages:nth-child(4) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-3^="1"] .digit-messages:nth-child(4) :nth-child(2):before,
[data-messages-3^="1"] .digit-messages:nth-child(4) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-3^="1"] .digit-messages:nth-child(4) :nth-child(4):before,
[data-messages-3^="1"] .digit-messages:nth-child(4) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-3^="1"] .digit-messages:nth-child(4) :nth-child(5):before,
[data-messages-3^="1"] .digit-messages:nth-child(4) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-3^="1"] .digit-messages:nth-child(4) :nth-child(6):before,
[data-messages-3^="1"] .digit-messages:nth-child(4) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-3^="2"] .digit-messages:nth-child(4) :nth-child(1):before,
[data-messages-3^="2"] .digit-messages:nth-child(4) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-3^="2"] .digit-messages:nth-child(4) :nth-child(7):before,
[data-messages-3^="2"] .digit-messages:nth-child(4) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-3^="2"] .digit-messages:nth-child(4) :nth-child(1):before,
[data-messages-3^="2"] .digit-messages:nth-child(4) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-3^="2"] .digit-messages:nth-child(4) :nth-child(7):before,
[data-messages-3^="2"] .digit-messages:nth-child(4) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-3^="3"] .digit-messages:nth-child(4) :nth-child(1):before,
[data-messages-3^="3"] .digit-messages:nth-child(4) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-3^="3"] .digit-messages:nth-child(4) :nth-child(5):before,
[data-messages-3^="3"] .digit-messages:nth-child(4) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-3^="4"] .digit-messages:nth-child(4) :nth-child(2):before,
[data-messages-3^="4"] .digit-messages:nth-child(4) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-3^="4"] .digit-messages:nth-child(4) :nth-child(5):before,
[data-messages-3^="4"] .digit-messages:nth-child(4) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-3^="4"] .digit-messages:nth-child(4) :nth-child(6):before,
[data-messages-3^="4"] .digit-messages:nth-child(4) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-3^="5"] .digit-messages:nth-child(4) :nth-child(3):before,
[data-messages-3^="5"] .digit-messages:nth-child(4) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-3^="5"] .digit-messages:nth-child(4) :nth-child(5):before,
[data-messages-3^="5"] .digit-messages:nth-child(4) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-3^="6"] .digit-messages:nth-child(4) :nth-child(3):before,
[data-messages-3^="6"] .digit-messages:nth-child(4) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-3^="7"] .digit-messages:nth-child(4) :nth-child(1):before,
[data-messages-3^="7"] .digit-messages:nth-child(4) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-3^="7"] .digit-messages:nth-child(4) :nth-child(4):before,
[data-messages-3^="7"] .digit-messages:nth-child(4) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-3^="7"] .digit-messages:nth-child(4) :nth-child(5):before,
[data-messages-3^="7"] .digit-messages:nth-child(4) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-3^="7"] .digit-messages:nth-child(4) :nth-child(6):before,
[data-messages-3^="7"] .digit-messages:nth-child(4) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-3^="9"] .digit-messages:nth-child(4) :nth-child(5):before,
[data-messages-3^="9"] .digit-messages:nth-child(4) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

/** 4 */

[data-messages-4^="0"] .digit-messages:nth-child(5) :nth-child(4):before,
[data-messages-4^="0"] .digit-messages:nth-child(5) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-4^="1"] .digit-messages:nth-child(5) :nth-child(1):before,
[data-messages-4^="1"] .digit-messages:nth-child(5) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-4^="1"] .digit-messages:nth-child(5) :nth-child(2):before,
[data-messages-4^="1"] .digit-messages:nth-child(5) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-4^="1"] .digit-messages:nth-child(5) :nth-child(4):before,
[data-messages-4^="1"] .digit-messages:nth-child(5) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-4^="1"] .digit-messages:nth-child(5) :nth-child(5):before,
[data-messages-4^="1"] .digit-messages:nth-child(5) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-4^="1"] .digit-messages:nth-child(5) :nth-child(6):before,
[data-messages-4^="1"] .digit-messages:nth-child(5) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-4^="2"] .digit-messages:nth-child(5) :nth-child(1):before,
[data-messages-4^="2"] .digit-messages:nth-child(5) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-4^="2"] .digit-messages:nth-child(5) :nth-child(7):before,
[data-messages-4^="2"] .digit-messages:nth-child(5) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-4^="2"] .digit-messages:nth-child(5) :nth-child(1):before,
[data-messages-4^="2"] .digit-messages:nth-child(5) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-4^="2"] .digit-messages:nth-child(5) :nth-child(7):before,
[data-messages-4^="2"] .digit-messages:nth-child(5) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-4^="3"] .digit-messages:nth-child(5) :nth-child(1):before,
[data-messages-4^="3"] .digit-messages:nth-child(5) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-4^="3"] .digit-messages:nth-child(5) :nth-child(5):before,
[data-messages-4^="3"] .digit-messages:nth-child(5) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-4^="4"] .digit-messages:nth-child(5) :nth-child(2):before,
[data-messages-4^="4"] .digit-messages:nth-child(5) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-4^="4"] .digit-messages:nth-child(5) :nth-child(5):before,
[data-messages-4^="4"] .digit-messages:nth-child(5) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-4^="4"] .digit-messages:nth-child(5) :nth-child(6):before,
[data-messages-4^="4"] .digit-messages:nth-child(5) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-4^="5"] .digit-messages:nth-child(5) :nth-child(3):before,
[data-messages-4^="5"] .digit-messages:nth-child(5) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-4^="5"] .digit-messages:nth-child(5) :nth-child(5):before,
[data-messages-4^="5"] .digit-messages:nth-child(5) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-4^="6"] .digit-messages:nth-child(5) :nth-child(3):before,
[data-messages-4^="6"] .digit-messages:nth-child(5) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-4^="7"] .digit-messages:nth-child(5) :nth-child(1):before,
[data-messages-4^="7"] .digit-messages:nth-child(5) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-4^="7"] .digit-messages:nth-child(5) :nth-child(4):before,
[data-messages-4^="7"] .digit-messages:nth-child(5) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-4^="7"] .digit-messages:nth-child(5) :nth-child(5):before,
[data-messages-4^="7"] .digit-messages:nth-child(5) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-4^="7"] .digit-messages:nth-child(5) :nth-child(6):before,
[data-messages-4^="7"] .digit-messages:nth-child(5) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-4^="9"] .digit-messages:nth-child(5) :nth-child(5):before,
[data-messages-4^="9"] .digit-messages:nth-child(5) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

/** 5 */

[data-messages-5^="0"] .digit-messages:nth-child(6) :nth-child(4):before,
[data-messages-5^="0"] .digit-messages:nth-child(6) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-5^="1"] .digit-messages:nth-child(6) :nth-child(1):before,
[data-messages-5^="1"] .digit-messages:nth-child(6) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-5^="1"] .digit-messages:nth-child(6) :nth-child(2):before,
[data-messages-5^="1"] .digit-messages:nth-child(6) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-5^="1"] .digit-messages:nth-child(6) :nth-child(4):before,
[data-messages-5^="1"] .digit-messages:nth-child(6) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-5^="1"] .digit-messages:nth-child(6) :nth-child(5):before,
[data-messages-5^="1"] .digit-messages:nth-child(6) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-5^="1"] .digit-messages:nth-child(6) :nth-child(6):before,
[data-messages-5^="1"] .digit-messages:nth-child(6) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-5^="2"] .digit-messages:nth-child(6) :nth-child(1):before,
[data-messages-5^="2"] .digit-messages:nth-child(6) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-5^="2"] .digit-messages:nth-child(6) :nth-child(7):before,
[data-messages-5^="2"] .digit-messages:nth-child(6) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-5^="2"] .digit-messages:nth-child(6) :nth-child(1):before,
[data-messages-5^="2"] .digit-messages:nth-child(6) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-5^="2"] .digit-messages:nth-child(6) :nth-child(7):before,
[data-messages-5^="2"] .digit-messages:nth-child(6) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-5^="3"] .digit-messages:nth-child(6) :nth-child(1):before,
[data-messages-5^="3"] .digit-messages:nth-child(6) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-5^="3"] .digit-messages:nth-child(6) :nth-child(5):before,
[data-messages-5^="3"] .digit-messages:nth-child(6) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-5^="4"] .digit-messages:nth-child(6) :nth-child(2):before,
[data-messages-5^="4"] .digit-messages:nth-child(6) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-5^="4"] .digit-messages:nth-child(6) :nth-child(5):before,
[data-messages-5^="4"] .digit-messages:nth-child(6) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-5^="4"] .digit-messages:nth-child(6) :nth-child(6):before,
[data-messages-5^="4"] .digit-messages:nth-child(6) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-5^="5"] .digit-messages:nth-child(6) :nth-child(3):before,
[data-messages-5^="5"] .digit-messages:nth-child(6) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-5^="5"] .digit-messages:nth-child(6) :nth-child(5):before,
[data-messages-5^="5"] .digit-messages:nth-child(6) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-5^="6"] .digit-messages:nth-child(6) :nth-child(3):before,
[data-messages-5^="6"] .digit-messages:nth-child(6) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-5^="7"] .digit-messages:nth-child(6) :nth-child(1):before,
[data-messages-5^="7"] .digit-messages:nth-child(6) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-5^="7"] .digit-messages:nth-child(6) :nth-child(4):before,
[data-messages-5^="7"] .digit-messages:nth-child(6) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-5^="7"] .digit-messages:nth-child(6) :nth-child(5):before,
[data-messages-5^="7"] .digit-messages:nth-child(6) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-5^="7"] .digit-messages:nth-child(6) :nth-child(6):before,
[data-messages-5^="7"] .digit-messages:nth-child(6) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-5^="9"] .digit-messages:nth-child(6) :nth-child(5):before,
[data-messages-5^="9"] .digit-messages:nth-child(6) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

/** 6 */

[data-messages-6^="0"] .digit-messages:nth-child(7) :nth-child(4):before,
[data-messages-6^="0"] .digit-messages:nth-child(7) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-6^="1"] .digit-messages:nth-child(7) :nth-child(1):before,
[data-messages-6^="1"] .digit-messages:nth-child(7) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-6^="1"] .digit-messages:nth-child(7) :nth-child(2):before,
[data-messages-6^="1"] .digit-messages:nth-child(7) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-6^="1"] .digit-messages:nth-child(7) :nth-child(4):before,
[data-messages-6^="1"] .digit-messages:nth-child(7) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-6^="1"] .digit-messages:nth-child(7) :nth-child(5):before,
[data-messages-6^="1"] .digit-messages:nth-child(7) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-6^="1"] .digit-messages:nth-child(7) :nth-child(6):before,
[data-messages-6^="1"] .digit-messages:nth-child(7) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-6^="2"] .digit-messages:nth-child(7) :nth-child(1):before,
[data-messages-6^="2"] .digit-messages:nth-child(7) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-6^="2"] .digit-messages:nth-child(7) :nth-child(7):before,
[data-messages-6^="2"] .digit-messages:nth-child(7) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-6^="2"] .digit-messages:nth-child(7) :nth-child(1):before,
[data-messages-6^="2"] .digit-messages:nth-child(7) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-6^="2"] .digit-messages:nth-child(7) :nth-child(7):before,
[data-messages-6^="2"] .digit-messages:nth-child(7) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-6^="3"] .digit-messages:nth-child(7) :nth-child(1):before,
[data-messages-6^="3"] .digit-messages:nth-child(7) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-6^="3"] .digit-messages:nth-child(7) :nth-child(5):before,
[data-messages-6^="3"] .digit-messages:nth-child(7) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-6^="4"] .digit-messages:nth-child(7) :nth-child(2):before,
[data-messages-6^="4"] .digit-messages:nth-child(7) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-6^="4"] .digit-messages:nth-child(7) :nth-child(5):before,
[data-messages-6^="4"] .digit-messages:nth-child(7) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-6^="4"] .digit-messages:nth-child(7) :nth-child(6):before,
[data-messages-6^="4"] .digit-messages:nth-child(7) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-6^="5"] .digit-messages:nth-child(7) :nth-child(3):before,
[data-messages-6^="5"] .digit-messages:nth-child(7) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-6^="5"] .digit-messages:nth-child(7) :nth-child(5):before,
[data-messages-6^="5"] .digit-messages:nth-child(7) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-6^="6"] .digit-messages:nth-child(7) :nth-child(3):before,
[data-messages-6^="6"] .digit-messages:nth-child(7) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-6^="7"] .digit-messages:nth-child(7) :nth-child(1):before,
[data-messages-6^="7"] .digit-messages:nth-child(7) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-6^="7"] .digit-messages:nth-child(7) :nth-child(4):before,
[data-messages-6^="7"] .digit-messages:nth-child(7) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-6^="7"] .digit-messages:nth-child(7) :nth-child(5):before,
[data-messages-6^="7"] .digit-messages:nth-child(7) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-6^="7"] .digit-messages:nth-child(7) :nth-child(6):before,
[data-messages-6^="7"] .digit-messages:nth-child(7) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-6^="9"] .digit-messages:nth-child(7) :nth-child(5):before,
[data-messages-6^="9"] .digit-messages:nth-child(7) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

/** 7 */

[data-messages-7^="0"] .digit-messages:nth-child(8) :nth-child(4):before,
[data-messages-7^="0"] .digit-messages:nth-child(8) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-7^="1"] .digit-messages:nth-child(8) :nth-child(1):before,
[data-messages-7^="1"] .digit-messages:nth-child(8) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-7^="1"] .digit-messages:nth-child(8) :nth-child(2):before,
[data-messages-7^="1"] .digit-messages:nth-child(8) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-7^="1"] .digit-messages:nth-child(8) :nth-child(4):before,
[data-messages-7^="1"] .digit-messages:nth-child(8) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-7^="1"] .digit-messages:nth-child(8) :nth-child(5):before,
[data-messages-7^="1"] .digit-messages:nth-child(8) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-7^="1"] .digit-messages:nth-child(8) :nth-child(6):before,
[data-messages-7^="1"] .digit-messages:nth-child(8) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-7^="2"] .digit-messages:nth-child(8) :nth-child(1):before,
[data-messages-7^="2"] .digit-messages:nth-child(8) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-7^="2"] .digit-messages:nth-child(8) :nth-child(7):before,
[data-messages-7^="2"] .digit-messages:nth-child(8) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-7^="2"] .digit-messages:nth-child(8) :nth-child(1):before,
[data-messages-7^="2"] .digit-messages:nth-child(8) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-7^="2"] .digit-messages:nth-child(8) :nth-child(7):before,
[data-messages-7^="2"] .digit-messages:nth-child(8) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-7^="3"] .digit-messages:nth-child(8) :nth-child(1):before,
[data-messages-7^="3"] .digit-messages:nth-child(8) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-7^="3"] .digit-messages:nth-child(8) :nth-child(5):before,
[data-messages-7^="3"] .digit-messages:nth-child(8) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-7^="4"] .digit-messages:nth-child(8) :nth-child(2):before,
[data-messages-7^="4"] .digit-messages:nth-child(8) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-7^="4"] .digit-messages:nth-child(8) :nth-child(5):before,
[data-messages-7^="4"] .digit-messages:nth-child(8) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-7^="4"] .digit-messages:nth-child(8) :nth-child(6):before,
[data-messages-7^="4"] .digit-messages:nth-child(8) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-7^="5"] .digit-messages:nth-child(8) :nth-child(3):before,
[data-messages-7^="5"] .digit-messages:nth-child(8) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-7^="5"] .digit-messages:nth-child(8) :nth-child(5):before,
[data-messages-7^="5"] .digit-messages:nth-child(8) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-7^="6"] .digit-messages:nth-child(8) :nth-child(3):before,
[data-messages-7^="6"] .digit-messages:nth-child(8) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-7^="7"] .digit-messages:nth-child(8) :nth-child(1):before,
[data-messages-7^="7"] .digit-messages:nth-child(8) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-7^="7"] .digit-messages:nth-child(8) :nth-child(4):before,
[data-messages-7^="7"] .digit-messages:nth-child(8) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-7^="7"] .digit-messages:nth-child(8) :nth-child(5):before,
[data-messages-7^="7"] .digit-messages:nth-child(8) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-7^="7"] .digit-messages:nth-child(8) :nth-child(6):before,
[data-messages-7^="7"] .digit-messages:nth-child(8) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-7^="9"] .digit-messages:nth-child(8) :nth-child(5):before,
[data-messages-7^="9"] .digit-messages:nth-child(8) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

/** 8 */

[data-messages-8^="0"] .digit-messages:nth-child(9) :nth-child(4):before,
[data-messages-8^="0"] .digit-messages:nth-child(9) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-8^="1"] .digit-messages:nth-child(9) :nth-child(1):before,
[data-messages-8^="1"] .digit-messages:nth-child(9) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-8^="1"] .digit-messages:nth-child(9) :nth-child(2):before,
[data-messages-8^="1"] .digit-messages:nth-child(9) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-8^="1"] .digit-messages:nth-child(9) :nth-child(4):before,
[data-messages-8^="1"] .digit-messages:nth-child(9) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-8^="1"] .digit-messages:nth-child(9) :nth-child(5):before,
[data-messages-8^="1"] .digit-messages:nth-child(9) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-8^="1"] .digit-messages:nth-child(9) :nth-child(6):before,
[data-messages-8^="1"] .digit-messages:nth-child(9) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-8^="2"] .digit-messages:nth-child(9) :nth-child(1):before,
[data-messages-8^="2"] .digit-messages:nth-child(9) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-8^="2"] .digit-messages:nth-child(9) :nth-child(7):before,
[data-messages-8^="2"] .digit-messages:nth-child(9) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-8^="2"] .digit-messages:nth-child(9) :nth-child(1):before,
[data-messages-8^="2"] .digit-messages:nth-child(9) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-8^="2"] .digit-messages:nth-child(9) :nth-child(7):before,
[data-messages-8^="2"] .digit-messages:nth-child(9) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-8^="3"] .digit-messages:nth-child(9) :nth-child(1):before,
[data-messages-8^="3"] .digit-messages:nth-child(9) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-8^="3"] .digit-messages:nth-child(9) :nth-child(5):before,
[data-messages-8^="3"] .digit-messages:nth-child(9) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-8^="4"] .digit-messages:nth-child(9) :nth-child(2):before,
[data-messages-8^="4"] .digit-messages:nth-child(9) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-8^="4"] .digit-messages:nth-child(9) :nth-child(5):before,
[data-messages-8^="4"] .digit-messages:nth-child(9) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-8^="4"] .digit-messages:nth-child(9) :nth-child(6):before,
[data-messages-8^="4"] .digit-messages:nth-child(9) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-8^="5"] .digit-messages:nth-child(9) :nth-child(3):before,
[data-messages-8^="5"] .digit-messages:nth-child(9) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-8^="5"] .digit-messages:nth-child(9) :nth-child(5):before,
[data-messages-8^="5"] .digit-messages:nth-child(9) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-8^="6"] .digit-messages:nth-child(9) :nth-child(3):before,
[data-messages-8^="6"] .digit-messages:nth-child(9) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-8^="7"] .digit-messages:nth-child(9) :nth-child(1):before,
[data-messages-8^="7"] .digit-messages:nth-child(9) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-8^="7"] .digit-messages:nth-child(9) :nth-child(4):before,
[data-messages-8^="7"] .digit-messages:nth-child(9) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-8^="7"] .digit-messages:nth-child(9) :nth-child(5):before,
[data-messages-8^="7"] .digit-messages:nth-child(9) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-8^="7"] .digit-messages:nth-child(9) :nth-child(6):before,
[data-messages-8^="7"] .digit-messages:nth-child(9) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-8^="9"] .digit-messages:nth-child(9) :nth-child(5):before,
[data-messages-8^="9"] .digit-messages:nth-child(9) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

/** 9 */

[data-messages-9^="0"] .digit-messages:nth-child(10) :nth-child(4):before,
[data-messages-9^="0"] .digit-messages:nth-child(10) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-9^="1"] .digit-messages:nth-child(10) :nth-child(1):before,
[data-messages-9^="1"] .digit-messages:nth-child(10) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-9^="1"] .digit-messages:nth-child(10) :nth-child(2):before,
[data-messages-9^="1"] .digit-messages:nth-child(10) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-9^="1"] .digit-messages:nth-child(10) :nth-child(4):before,
[data-messages-9^="1"] .digit-messages:nth-child(10) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-9^="1"] .digit-messages:nth-child(10) :nth-child(5):before,
[data-messages-9^="1"] .digit-messages:nth-child(10) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-9^="1"] .digit-messages:nth-child(10) :nth-child(6):before,
[data-messages-9^="1"] .digit-messages:nth-child(10) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-9^="2"] .digit-messages:nth-child(10) :nth-child(1):before,
[data-messages-9^="2"] .digit-messages:nth-child(10) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-9^="2"] .digit-messages:nth-child(10) :nth-child(7):before,
[data-messages-9^="2"] .digit-messages:nth-child(10) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-9^="2"] .digit-messages:nth-child(10) :nth-child(1):before,
[data-messages-9^="2"] .digit-messages:nth-child(10) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-9^="2"] .digit-messages:nth-child(10) :nth-child(7):before,
[data-messages-9^="2"] .digit-messages:nth-child(10) :nth-child(7):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-9^="3"] .digit-messages:nth-child(10) :nth-child(1):before,
[data-messages-9^="3"] .digit-messages:nth-child(10) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-9^="3"] .digit-messages:nth-child(10) :nth-child(5):before,
[data-messages-9^="3"] .digit-messages:nth-child(10) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-9^="4"] .digit-messages:nth-child(10) :nth-child(2):before,
[data-messages-9^="4"] .digit-messages:nth-child(10) :nth-child(2):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-9^="4"] .digit-messages:nth-child(10) :nth-child(5):before,
[data-messages-9^="4"] .digit-messages:nth-child(10) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-9^="4"] .digit-messages:nth-child(10) :nth-child(6):before,
[data-messages-9^="4"] .digit-messages:nth-child(10) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-9^="5"] .digit-messages:nth-child(10) :nth-child(3):before,
[data-messages-9^="5"] .digit-messages:nth-child(10) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-9^="5"] .digit-messages:nth-child(10) :nth-child(5):before,
[data-messages-9^="5"] .digit-messages:nth-child(10) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-9^="6"] .digit-messages:nth-child(10) :nth-child(3):before,
[data-messages-9^="6"] .digit-messages:nth-child(10) :nth-child(3):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-9^="7"] .digit-messages:nth-child(10) :nth-child(1):before,
[data-messages-9^="7"] .digit-messages:nth-child(10) :nth-child(1):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-9^="7"] .digit-messages:nth-child(10) :nth-child(4):before,
[data-messages-9^="7"] .digit-messages:nth-child(10) :nth-child(4):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-9^="7"] .digit-messages:nth-child(10) :nth-child(5):before,
[data-messages-9^="7"] .digit-messages:nth-child(10) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-9^="7"] .digit-messages:nth-child(10) :nth-child(6):before,
[data-messages-9^="7"] .digit-messages:nth-child(10) :nth-child(6):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}

[data-messages-9^="9"] .digit-messages:nth-child(10) :nth-child(5):before,
[data-messages-9^="9"] .digit-messages:nth-child(10) :nth-child(5):after {
    opacity: 0.1;
    transform: translateZ(-2vmax);
}









.line {
    position: absolute;
    transform-style: preserve-3d;
    perspective: 1000px;
}

.line:before,
.line:after {
    content: "";
    display: block;
    position: absolute;
    color: #00d9ff;
    background: white;
    transition: all 0.9s cubic-bezier(0.5, 0, 0.5, 1);
    border-radius: 1ch;
    box-shadow: 0 0 1rem #00d9ff, inset 0 0 1vmin #00d9ff;
}

.line:after {
    transition-timing-function: cubic-bezier(0.4, 0, 0.1, 1);
}

.line:nth-child(2n-1) {
    height: 50%;
    width: 0.5vmin;
}

.line:nth-child(2n-1):before,
.line:nth-child(2n-1):after {
    height: calc(50% - 0.25vmin);
    width: 100%;
}

.line:nth-child(2n-1):before {
    top: 0.25vmin;
    transform-origin: center top;
}

.line:nth-child(2n-1):after {
    bottom: 0.25vmin;
    transform-origin: center bottom;
}

.line:nth-child(2n) {
    width: 100%;
    height: 0.5vmin;
}

.line:nth-child(2n):before,
.line:nth-child(2n):after {
    height: 100%;
    width: calc(50% - 0.25vmin);
}

.line:nth-child(2n):before {
    left: 0.25vmin;
    transform-origin: left center;
}

.line:nth-child(2n):after {
    right: 0.25vmin;
    transform-origin: right center;
}

.line:nth-child(1) {
    top: 0;
    left: 0;
}

.line:nth-child(2) {
    top: 0;
    left: 0;
}

.line:nth-child(3) {
    top: 0;
    right: 0;
}

.line:nth-child(4) {
    top: 50%;
    left: 0;
}

.line:nth-child(5) {
    top: 50%;
    left: 0;
}

.line:nth-child(6) {
    bottom: 0;
    left: 0;
}

.line:nth-child(7) {
    top: 50%;
    right: 0;
}


body,
html {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

/* 
*,
*:before,
*:after {
    box-sizing: border-box;
    position: relative;
}

*:before,
*:after {
    content: "";
    display: block;
} 
    */

main *,
main *:before,
main *:after {
    box-sizing: border-box;
    position: relative;
}

main *:before,
main *:after {
    content: "";
    display: block;
}