.slider__frame{position:relative;aspect-ratio:var(--aspectRatio,16/9);overflow:hidden;border-radius:1rem}.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(250 250 250 / .1);outline:none;margin:0;transition:all .3s;display:flex;justify-content:center;align-items:center;overflow:hidden;z-index:3}.slider__frame .slider:hover{background:#fff0}.slider__frame .slider::-webkit-slider-thumb{cursor:pointer;height:200vh;width:8px;background:var(--body-bg);-webkit-appearance:none;margin-left:10px;z-index:1}.slider__frame .slider::-moz-range-thumb{width:6px;height:100%;background:var(--body-bg);cursor:pointer;z-index:1}.slider__frame .slider__button{z-index:4;pointer-events:none;position:absolute;width:2rem;height:2rem;background-color:var(--body-bg);left:calc(50% - .8rem);top:calc(50% - .8rem);border-radius:2rem;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(--body-color);border-width:0 4px 4px 0}.slider__frame .slider__button:after{transform:rotate(-45deg)}.slider__frame .slider__button:before{transform:rotate(135deg)}