@keyframes animateRadio {
    0% {
        color: #fff
    }

    to {
        color: #666ee8
    }
}

@keyframes animateCheckbox {
    0% {
        background-color: #fff;
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }

    to {
        background-color: #666ee8;
        transform: scale(1)
    }
}

.tooltip-thin .tooltip-inner {
    padding: 7px !important
}

.tooltip-arrow .arrow {
    display: inherit !important;
    filter: invert(1)
}

@keyframes rotating {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.counter-container {
    margin: 20px 0 0
}

.counter-box {
    display: inline-block;
    margin: 0 30px 0 0
}

    .counter-box .number {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: auto;
        background-color: #fff;
        border-radius: 3px;
        color: var(--navy);
        font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
        font-size: var(--text-display);
        height: 81px;
        line-height: 65px;
        text-align: center;
        text-shadow: 1px 1px 1px rgba(0,0,0,.005);
        width: 110px
    }

    .counter-box.last {
        margin: 0
    }

    .counter-box span {
        display: block;
        font-size: var(--text-caption);
        line-height: 2.29;
        margin: 5px 0 0;
        text-align: center
    }

@media(max-width:767px) {
    .counter-box {
        margin: 0 15px 0 0
    }
}

@media(max-width:575px) {
    .counter-box {
        margin: 0 8px 0 0
    }

        .counter-box .number {
            font-size: var(--text-display);
            height: 70px;
            line-height: 60px;
            width: 65px
        }
}