.bas{--bas-accent:#e01818;--bas-speed:500ms;position:relative;width:100%;margin:0 auto 28px;color:#20242a}
.bas *{box-sizing:border-box}.bas__heading{margin:0 0 18px;font-size:28px;line-height:1.2;font-weight:700}.bas__viewport{position:relative;overflow:hidden;border-radius:10px;background:#eef0f2;box-shadow:0 8px 28px rgba(20,28,38,.12)}
.bas__track{display:flex;will-change:transform}.bas__slide{position:relative;flex:0 0 100%;min-width:0;transition:opacity var(--bas-speed) ease,transform var(--bas-speed) cubic-bezier(.22,.61,.36,1)}
.bas__comparison{--bas-position:50%;position:relative;width:100%;overflow:hidden;isolation:isolate;background:#dfe3e7;user-select:none;-webkit-user-select:none}.bas--horizontal .bas__comparison{touch-action:pan-y}.bas--vertical .bas__comparison{touch-action:pan-x}.bas--touch-disabled .bas__comparison{touch-action:auto}
.bas__comparison img{display:block;width:100%;height:auto;max-width:none;pointer-events:none}.bas__after img{position:absolute;inset:0;height:100%;object-fit:cover}.bas--ratio-2-3 .bas__comparison{aspect-ratio:2/3}.bas--ratio-3-2 .bas__comparison{aspect-ratio:3/2}.bas--ratio-1-1 .bas__comparison{aspect-ratio:1/1}.bas--ratio-9-16 .bas__comparison{aspect-ratio:9/16}.bas--ratio-16-9 .bas__comparison{aspect-ratio:16/9}
.bas--ratio-2-3 .bas__comparison img,.bas--ratio-3-2 .bas__comparison img,.bas--ratio-1-1 .bas__comparison img,.bas--ratio-9-16 .bas__comparison img,.bas--ratio-16-9 .bas__comparison img{position:absolute;inset:0;height:100%;object-fit:cover}
.bas__before{position:relative;width:100%;height:100%}.bas__after{position:absolute;inset:0;z-index:2;overflow:hidden}.bas--horizontal .bas__after{clip-path:inset(0 0 0 var(--bas-position))}.bas--vertical .bas__after{clip-path:inset(var(--bas-position) 0 0 0)}
.bas__label{position:absolute;z-index:4;top:18px;padding:7px 11px;border-radius:4px;background:rgba(17,20,24,.72);color:#fff;font-size:12px;font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:.08em;pointer-events:none}.bas__label--before{left:18px}.bas__label--after{right:18px}.bas--vertical .bas__label--after{top:auto;right:auto;left:18px;bottom:18px}
.bas:not(.bas--show-labels) .bas__label{display:none}
.bas__handle{position:absolute;z-index:6;margin:0;padding:0;border:0;background:transparent;color:#fff;cursor:ew-resize;outline:0}.bas--horizontal .bas__handle{top:0;bottom:0;left:var(--bas-position);width:44px;transform:translateX(-50%)}.bas--vertical .bas__handle{left:0;right:0;top:var(--bas-position);height:44px;transform:translateY(-50%);cursor:ns-resize}
.bas__handle:before{content:"";position:absolute;background:#fff;box-shadow:0 0 2px rgba(0,0,0,.4)}.bas--horizontal .bas__handle:before{top:0;bottom:0;left:50%;width:3px;transform:translateX(-50%)}.bas--vertical .bas__handle:before{left:0;right:0;top:50%;height:3px;transform:translateY(-50%)}
.bas__handle-arrows{position:absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:space-around;width:42px;height:42px;padding:8px;border:3px solid #fff;border-radius:50%;background:rgba(20,24,29,.4);box-shadow:0 2px 12px rgba(0,0,0,.25);transform:translate(-50%,-50%)}.bas__handle-arrows i{display:block;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent}.bas__handle-arrows i:first-child{border-right:6px solid #fff}.bas__handle-arrows i:last-child{border-left:6px solid #fff}.bas--vertical .bas__handle-arrows{transform:translate(-50%,-50%) rotate(90deg)}.bas:not(.bas--show-handle-arrows) .bas__handle-arrows{width:14px;height:14px;padding:0;background:#fff}
.bas__handle:focus-visible .bas__handle-arrows{box-shadow:0 0 0 4px rgba(224,24,24,.35),0 2px 12px rgba(0,0,0,.25)}
.bas__nav{position:absolute;z-index:8;top:50%;width:42px;height:42px;margin-top:-21px;padding:0;border:0;border-radius:50%;background:rgba(20,24,29,.65);color:#fff;opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease,background .2s ease}.bas__viewport:hover .bas__nav,.bas__nav:focus{opacity:1;transform:translateY(0)}.bas__nav:hover{background:var(--bas-accent)}.bas__nav--prev{left:14px}.bas__nav--next{right:14px}.bas__nav span{position:absolute;left:50%;top:50%;width:10px;height:10px;border-top:2px solid #fff;border-right:2px solid #fff}.bas__nav--prev span{transform:translate(-35%,-50%) rotate(-135deg)}.bas__nav--next span{transform:translate(-65%,-50%) rotate(45deg)}.bas:not(.bas--show-nav) .bas__nav{display:none}
.bas__dots{display:flex;gap:8px;align-items:center;justify-content:center;padding-top:14px}.bas__dot{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:#bdc2c8;transition:width .25s ease,background .25s ease}.bas__dot.is-active{width:25px;background:var(--bas-accent)}.bas:not(.bas--show-dots) .bas__dots{display:none}
.bas--effect-slide .bas__track{transition:transform var(--bas-speed) cubic-bezier(.22,.61,.36,1)}
.bas--effect-fade .bas__track,.bas--effect-parallax .bas__track{position:relative;display:block;transition:height var(--bas-speed) ease}.bas--effect-fade .bas__slide,.bas--effect-parallax .bas__slide{position:absolute;left:0;top:0;width:100%;visibility:hidden;opacity:0;pointer-events:none}.bas--effect-fade .bas__slide.is-before,.bas--effect-fade .bas__slide.is-after,.bas--effect-parallax .bas__slide.is-before,.bas--effect-parallax .bas__slide.is-after{visibility:visible}.bas--effect-fade .bas__slide.is-active,.bas--effect-parallax .bas__slide.is-active{position:relative;visibility:visible;opacity:1;pointer-events:auto}.bas--effect-fade .bas__slide{transform:scale(.985);transition-timing-function:ease}.bas--effect-fade .bas__slide.is-active{transform:scale(1)}
.bas--effect-parallax .bas__slide{transform:translateX(22%)}.bas--effect-parallax .bas__slide.is-before{transform:translateX(-22%)}.bas--effect-parallax .bas__slide.is-active{transform:translateX(0)}.bas--effect-parallax .bas__slide .bas__comparison{transform:translateX(14%) scale(1.04);transition:transform var(--bas-speed) cubic-bezier(.22,.61,.36,1)}.bas--effect-parallax .bas__slide.is-before .bas__comparison{transform:translateX(-14%) scale(1.04)}.bas--effect-parallax .bas__slide.is-active .bas__comparison{transform:translateX(0) scale(1)}
@media(max-width:767px){.bas{margin-bottom:20px}.bas__heading{margin-bottom:13px;font-size:23px}.bas__viewport{border-radius:7px}.bas__label{top:10px;padding:6px 8px;font-size:10px}.bas__label--before{left:10px}.bas__label--after{right:10px}.bas--vertical .bas__label--after{left:10px;bottom:10px}.bas__handle-arrows{width:36px;height:36px}.bas__nav{width:34px;height:34px;margin-top:-17px;opacity:.85}.bas__nav--prev{left:8px}.bas__nav--next{right:8px}}
@media(prefers-reduced-motion:reduce){.bas,.bas *{scroll-behavior:auto!important;transition-duration:.01ms!important}}