/*ЦВЕТ И ТОЛЩИНА СКРОЛЛБАРА СКРОЛЛА*/
@media screen and (min-width: 961px) { ::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #C2F261; } ::-webkit-scrollbar-track { background-color: #ff5f5f5; } ::-webkit-scrollbar { width: 7px; } ::-webkit-scrollbar-thumb:hover { background-color: ; }}

/*ЦВЕТ ВЫДЕЛЕНИЯ*/
::selection { color:#262529; background-color:rgba(194, 242, 97, 1); }

:root {
    --AccentuationColor: #C2F261; /*цвет заливки по наведению*/
    --AccentuationHeight: 2px; /*размер подчеркивания*/
    --AccentuationPadding: 4px; /*отступ от текста*/
    }
/*Минимальная ширина экрана 480px*/
    @media only screen and (min-width: 480px) {
    .hover-accentuation-text,
    .hover-accentuation-text:before {
    opacity: 0;
    transform: translateX(-100%);
    transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s, transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s;
    transition-delay: 0.7s;
    }
    .link-accentuation .tn-atom:hover .hover-accentuation-text,
    .link-accentuation .tn-atom:hover .hover-accentuation-text:before {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0s; 
    }
    @keyframes anim-in-text-accentuation {
    0% {
    transform: translateX(100%);
    }
    100% {
    transform: translateX(0);
    }
    }
    @keyframes anim-in-accentuation {
    0% {
    transform: translateX(-100%);
    }
    100% {
    transform: translateX(0);
    }
    }
    @keyframes anim-out-accentuation {
    0% {
    transform: translateX(0);
    }
    100% {
    transform: translateX(-100%);
    }
    }
    @keyframes anim-out-text-accentuation {
    0% {
    transform: translateX(0);
    }
    100% {
    transform: translateX(100%);
    }
    }
    .hover-accentuation-text {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-100%);
    display: inline-table;
    width: 100%;
    height: 100%;
    padding-top: var(--AccentuationPadding);
    overflow: hidden;
    pointer-events: none;
    -webkit-animation: anim-out-text-accentuation 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
    animation: anim-out-text-accentuation 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
    }
    .hover-accentuation-text:before {
    content: "";
    background: var(--AccentuationColor);
    width: 100%;
    height: var(--AccentuationHeight);
    position: absolute;
    bottom: 0;
    transform: translateX(100%);
    display: inline-table;
    width: 100%;
    -webkit-animation: anim-out-accentuation 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
    animation: anim-out-accentuation 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
    }
    .link-accentuation .tn-atom:hover .hover-accentuation-text {
    transform: translateX(0);
    -webkit-animation: anim-in-accentuation 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
    animation: anim-in-accentuation 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
    }
    .link-accentuation .tn-atom:hover .hover-accentuation-text:before {
    -webkit-animation: anim-in-text-accentuation 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
    animation: anim-in-text-accentuation 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
    }
}

.t-form .t-form__successbox{
    background: #C2F260 !important;
    color: #262529 !important;
    font-weight: 500 !important;
}