.slider__frame{position:relative;aspect-ratio:var(--aspect-ratio,16/9);overflow:hidden}.slider__frame img.background-image{position:relative;z-index:1}.slider__frame img{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2}.slider__frame .slider{position:absolute;top:0;left:0;appearance:none;width:100%;height:100%;background:rgb(0 0 0 / .25);outline:none;margin:0;transition:all .3s;display:flex;justify-content:center;align-items:center;overflow:hidden;z-index:3;padding:0}.slider__frame .slider:hover{background:#fff0}.slider__frame .slider::-webkit-slider-thumb{cursor:pointer;height:200vh;width:3px;background:var(--overlay);backdrop-filter:blur(3px);-webkit-appearance:none;margin-left:6px;z-index:1}.slider__frame .slider::-moz-range-thumb{width:6px;height:100%;background:var(--overlay);backdrop-filter:blur(3px);cursor:pointer;z-index:1}.slider__frame .slider__button{z-index:4;pointer-events:none;position:absolute;width:3rem;height:3rem;background-color:var(--overlay);backdrop-filter:blur(3px);left:calc(50% - 1.5rem);top:calc(50% - 1.5rem);border-radius:3rem;display:flex;justify-content:center;align-items:center}.slider__frame .slider__button:before,.slider__frame .slider__button:after{content:'';padding:6px;display:inline-block;border:solid var(--white);border-width:0 1px 1px 0}.slider__frame .slider__button:after{transform:rotate(-45deg)}.slider__frame .slider__button:before{transform:rotate(135deg)}