.sr-coverflow{--cf-accent:currentColor;--cf-card-w:min(42vw,360px);--cf-card-h:min(52vw,440px);--cf-gap:min(18vw,150px);--cf-perspective:1200px;--cf-rotate:58deg;--cf-depth:180px;overflow:hidden;position:relative}.sr-coverflow__intro{margin-left:auto;margin-right:auto;max-width:640px}.sr-coverflow__slider{position:relative;user-select:none;-webkit-user-select:none}.sr-coverflow__stage{cursor:grab;height:calc(var(--cf-card-h) + 96px);overflow:visible;perspective:var(--cf-perspective);perspective-origin:50% 42%;position:relative;touch-action:pan-y}.sr-coverflow__stage.is-dragging{cursor:grabbing}.sr-coverflow__track{inset:0}.sr-coverflow__item,.sr-coverflow__track{position:absolute;transform-style:preserve-3d}.sr-coverflow__item{appearance:none;-webkit-appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;left:50%;margin:0;outline:none;padding:0;top:8%;transform-origin:center center;transition:transform .52s cubic-bezier(.22,.61,.36,1),opacity .42s ease,filter .42s ease;width:var(--cf-card-w);will-change:transform,opacity,filter}.sr-coverflow__item:focus-visible .sr-coverflow__card{box-shadow:0 0 0 3px hsla(0,0%,100%,.85),0 28px 60px rgba(0,0,0,.45)}.sr-coverflow__card{background:#1c2430;border-radius:10px;box-shadow:0 18px 40px rgba(0,0,0,.35);display:block;height:var(--cf-card-h);overflow:hidden;position:relative;transform-style:preserve-3d;width:100%}.sr-coverflow__card img{display:block;height:100%;object-fit:cover;pointer-events:none;width:100%}.sr-coverflow__reflection{background-position:bottom;background-size:cover;border-radius:0 0 10px 10px;height:42%;left:0;margin-top:2px;mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 70%);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 70%);opacity:.28;pointer-events:none;position:absolute;right:0;top:100%;transform:scaleY(-1)}.sr-coverflow__caption{display:block;font-size:.95rem;font-weight:550;letter-spacing:.02em;margin-top:calc(42% + 18px);opacity:0;overflow:hidden;pointer-events:none;text-align:center;text-overflow:ellipsis;transform:translateY(8px);transition:opacity .36s ease,transform .36s ease;white-space:nowrap}.sr-coverflow__item.is-active{cursor:default;z-index:20}.sr-coverflow__item.is-active .sr-coverflow__card{box-shadow:0 28px 70px rgba(0,0,0,.5),0 0 0 1px hsla(0,0%,100%,.08)}.sr-coverflow__item.is-active .sr-coverflow__caption{opacity:1;transform:translateY(0)}.sr-coverflow__item.is-side{z-index:10}.sr-coverflow__item.is-far{z-index:5}.sr-coverflow button.sr-coverflow__arrow{align-items:center;appearance:none;-webkit-appearance:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:rgba(0,0,0,.55);background-image:none;border:1px solid hsla(0,0%,100%,.4);border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;fill:none;height:44px;justify-content:center;margin:0;padding:0;position:absolute;stroke:#fff;top:calc(8% + var(--cf-card-h)/2);transform:translateY(-50%);transition:background-color .2s ease,border-color .2s ease,transform .2s ease;width:44px;z-index:30}.sr-coverflow button.sr-coverflow__arrow svg{color:#fff;display:block;fill:none;stroke:#fff}.sr-coverflow button.sr-coverflow__arrow:hover{background-color:hsla(0,0%,100%,.18);border-color:hsla(0,0%,100%,.65);color:#fff}.sr-coverflow button.sr-coverflow__arrow:focus-visible{outline:2px solid #fff;outline-offset:3px}.sr-coverflow button.sr-coverflow__arrow--prev{left:max(8px,calc(50% - var(--cf-card-w)/2 - 72px))}.sr-coverflow button.sr-coverflow__arrow--next{right:max(8px,calc(50% - var(--cf-card-w)/2 - 72px))}.sr-coverflow__dots{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:8px}.sr-coverflow button.sr-coverflow__dot{appearance:none;-webkit-appearance:none;background-color:hsla(0,0%,100%,.45);background-image:none;border:0;border-radius:999px;color:#fff;cursor:pointer;height:8px;margin:0;padding:0;transition:transform .2s ease,background-color .2s ease,width .2s ease;width:8px}.sr-coverflow button.sr-coverflow__dot.is-active{background-color:#fff;width:22px}.sr-coverflow button.sr-coverflow__dot:focus-visible{outline:2px solid #fff;outline-offset:3px}@media (max-width:768px){.sr-coverflow{--cf-card-w:min(58vw,260px);--cf-card-h:min(72vw,320px);--cf-gap:min(22vw,110px);--cf-rotate:48deg;--cf-depth:140px}.sr-coverflow__arrow--prev{left:4px}.sr-coverflow__arrow--next{right:4px}.sr-coverflow__caption{font-size:.85rem}}@media (prefers-reduced-motion:reduce){.sr-coverflow__caption,.sr-coverflow__dot,.sr-coverflow__item{transition:none}}