:root{--pos-top:12%;--pos-center:50%;--pos-bottom:78%;--step-ease:cubic-bezier(.25,.8,.25,1);--slide-ease:cubic-bezier(.25,.8,.25,1);--hide-dur:160ms}.av-wrap[data-av-sliders]{--curr-label-fs:36px;--curr-unit-fs:70px;--small-label-fs:23px;--small-unit-fs:44px}@media screen and (max-width:700px){.av-wrap[data-av-sliders]{--curr-label-fs:18px;--curr-unit-fs:24px;--small-label-fs:12px;--small-unit-fs:14px}}.sliders-box-pro-setting{display:flex;gap:20px;height:70%}.av-wrap .wrap{align-items:stretch;direction:ltr;display:flex;gap:20px;height:100%}.av-wrap .left-slider{background:radial-gradient(160% 140% at 100% 100%,#192046 0,#0d0f15 35%,#0a0b0e 100%);border-radius:30px;color:#fff;overflow:hidden;padding:40px;width:541px}.av-wrap .left-slider,.av-wrap .title-left-slider{height:100%;position:relative}.av-wrap .title-left-slider p{font-size:36px;font-weight:600;left:0;line-height:1.2;margin:0;position:absolute;right:0;top:0;transition:transform var(--slide-dur) var(--slide-ease),opacity var(--slide-dur) var(--slide-ease)}.av-wrap .title-left-slider p,.av-wrap .title-left-slider p.l-enter{opacity:0;transform:translateX(100%)}.av-wrap .title-left-slider p.l-active{opacity:1;transform:translateX(0)}.av-wrap .title-left-slider p.l-leave{opacity:0;transform:translateX(-100%)}.av-wrap .dots{background:#fff;border-radius:17px;bottom:30px;display:flex;gap:9px;left:30px;padding:8px;position:absolute}.av-wrap .dot{background:#dbdbdb;border-radius:999px;height:6px;transition:background .5s ease,width .5s ease;width:6px}.av-wrap .dot.is-on{background:#4b4b4b;width:18px}.av-wrap .right-slider{background:radial-gradient(150% 140% at 0 100%,#192046 0,#0d0f15 35%,#0a0b0e 100%);border-radius:30px;color:#fff;height:100%;overflow:hidden;padding:28px;position:relative;width:355px}.av-wrap .box-sliders{height:100%;position:relative;width:100%}.av-wrap .--slide{color:#fff;height:100%;inset:0;opacity:0;position:absolute;transform:translateX(100%);transition:transform var(--slide-dur) var(--slide-ease),opacity var(--slide-dur) var(--slide-ease);z-index:0}.av-wrap .--slide.is-active{opacity:1;transform:translateX(0);z-index:2}.av-wrap .--slide.is-leaving{opacity:0;transform:translateX(-100%);z-index:1}.av-wrap .--label{left:50%;opacity:1;position:absolute;transform:translate(-50%);transition:top var(--step-dur) var(--step-ease),transform var(--step-dur) var(--step-ease),opacity var(--step-dur) ease;width:100%;will-change:top,transform,opacity}.av-wrap .--label .label,.av-wrap .--label .unit{transition:font-size var(--step-dur) var(--step-ease),line-height var(--step-dur) var(--step-ease),color var(--step-dur) linear,opacity var(--step-dur) ease}.av-wrap .--label.no-anim,.av-wrap .--label.no-anim .label,.av-wrap .--label.no-anim .unit{transition:none!important}.av-wrap .--label.curr{opacity:1;top:var(--pos-center);transform:translate(-50%,-50%)}.av-wrap .--label.small.top-pos{opacity:.45;top:var(--pos-top);transform:translate(-50%)}.av-wrap .--label.small.bottom-pos{opacity:.45;top:var(--pos-bottom);transform:translate(-50%)}.av-wrap .--label.hidden{opacity:0!important;pointer-events:none;transition:opacity var(--hide-dur) ease!important}.av-wrap .curr .label{font-size:var(--curr-label-fs)}.av-wrap .curr .label,.av-wrap .curr .unit{font-weight:600;line-height:1.2;text-align:center}.av-wrap .curr .unit{font-size:var(--curr-unit-fs)}.av-wrap .small .label{font-size:var(--small-label-fs)}.av-wrap .small .label,.av-wrap .small .unit{color:#4b4b4b;font-weight:600;line-height:1.2;text-align:center}.av-wrap .small .unit{font-size:var(--small-unit-fs)}.av-wrap .--slide.hide-bottom-on-last .--label.small.bottom-pos,.av-wrap .--slide.suppress-top-on-start .--label.small.top-pos{opacity:0!important;pointer-events:none}@media screen and (max-width:700px){.av-wrap .left-slider{background:radial-gradient(150% 140% at 0 100%,#192046 0,#0d0f15 35%,#0a0b0e 100%)!important;border-radius:20px;padding:25px 20px;width:281px}.av-wrap .title-left-slider p{font-size:16px;line-height:1.2;text-align:center}.av-wrap .right-slider{background:0 0;border-radius:30px;height:210px;left:50%;padding:10px;position:absolute;top:65%;transform:translate(-50%,-50%);width:210px}.av-wrap .dots{left:50%;transform:translateX(-50%)}}
