.slider{position:relative;width:100vw;height:100vh;overflow:hidden}.slider .img,.slider-images{position:absolute;width:100%;height:100%}.slider-counter{position:absolute;bottom:2em;left:50%;transform:translateX(-50%);height:24px;display:flex;gap:.5em;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.slider-counter>div{flex:1 1}.slider-counter p{line-height:20px;color:var(--text)}.slider .counter{position:relative;top:0;will-change:transform}.slider .slider-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:64px;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.slider-title-wrapper{position:relative;width:100%;top:0;text-align:center;will-change:transform}.slider-title-wrapper p{font-size:50px;line-height:60px;color:var(--text);font-weight:500}.slider-indicators{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:75%;display:flex;justify-content:space-between}.slider-indicators p{position:relative;font-size:40px;font-weight:200;will-change:transform;color:var(--text)}.slider-preview{position:absolute;bottom:2em;right:2em;width:30%;height:50px;display:flex;gap:.5em}.slider .preview{position:relative;flex:1 1;cursor:pointer}.slider .preview:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.25);transition:.3s ease-in-out}.slider .preview.active:after{background-color:transparent}@media (max-width:900px){.slider-indicators{width:90%}.slider-preview{width:90%;bottom:2em;gap:.25em}.slider-title-wrapper p{font-size:30px}.slider-counter{bottom:10em}}