.stories-carousel{--edge:var(--carousel-edge,var(--content-edge));--slide-w:clamp(272px, 36vw, 500px);--gap:clamp(14px, 1.6vw, 20px);position:relative}.stories-carousel__head{padding-inline:var(--edge);justify-content:space-between;align-items:center;gap:16px;margin-bottom:clamp(12px,2vw,24px);display:flex}.stories-carousel__title{white-space:nowrap;min-width:0;margin:0;font-size:clamp(20px,6.4vw,76px)}.stories-carousel__controls{flex:none;gap:10px;display:flex}.stories-carousel__all,.stories-carousel__arrow{border:1px solid color-mix(in srgb, var(--cream) 22%, transparent);min-width:44px;height:44px;color:var(--cream);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:8px;transition:background .25s,border-color .25s,color .25s,opacity .25s;display:flex}.stories-carousel__all{white-space:nowrap;margin-right:6px;padding:0 16px 0 14px;font-size:14px;font-weight:500;text-decoration:none}.stories-carousel__all:is(:hover,:focus-visible),.stories-carousel__arrow:is(:hover,:focus-visible):not(:disabled){border-color:var(--cream);background:var(--cream);color:var(--background)}.stories-carousel__arrow:disabled{cursor:default;opacity:.35}.stories-carousel[data-static] .stories-carousel__arrow{display:none}@media (max-width:639px){.stories-carousel__controls{gap:8px}.stories-carousel__all,.stories-carousel__arrow{min-width:40px;height:40px}.stories-carousel__all{margin-right:0;padding:0}.stories-carousel__all span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}.stories-carousel__track{gap:var(--gap);padding:28px var(--edge) 56px;overscroll-behavior-x:contain;scroll-padding-inline:var(--edge);scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;margin:0;list-style:none;display:flex;overflow-x:auto}.stories-carousel__track::-webkit-scrollbar{display:none}.stories-carousel__track[data-dragging]{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.stories-carousel__slide{flex:0 0 var(--slide-w);scroll-snap-align:start;transition:opacity .9s var(--ease-out), translate .9s var(--ease-out);transition-delay:calc(var(--i) * 90ms)}.stories-carousel:not([data-in]) .stories-carousel__slide{opacity:0;translate:0 40px}@media (prefers-reduced-motion:reduce){.stories-carousel__slide{transition:none}.stories-carousel:not([data-in]) .stories-carousel__slide{opacity:1;translate:none}}
