.slider-container{position:fixed;top:50%;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;height:var(--sliderHeight);padding:var(--padding) 0;width:100vw}.slides{display:grid;cursor:pointer}.slides>.slide{grid-area:1/-1}.slideContent{opacity:1;border-radius:var(--borderRadius);overflow:hidden;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));width:var(--slideWidth);height:var(--slideHeight);background-size:cover;background-position:50%;background-repeat:no-repeat;transition:transform .5s ease-in-out;align-content:center;transform-style:preserve-3d;transform:perspective(var(--perspective)) translateX(calc(100% * var(--offset) + (var(--gap) * var(--offset)))) rotateY(calc(var(--rotation) * var(--dir)))}.slide[data-active]{z-index:2;pointer-events:auto}.slide[data-active] .slideContent{--x:calc(var(--px) - 0.5);--y:calc(var(--py) - 0.5);transform:perspective(var(--perspective)) translateZ(var(--activeSlideZ))}@media (hover:hover){.slide[data-active] .slideContent:hover{transition:none;transform:perspective(var(--perspective)) rotateY(calc(var(--x) * 45deg)) rotateX(calc(var(--y) * -45deg)) translateZ(var(--activeSlideZ))}}