@layer components{.swipe-row{--swipe-inset:var(--spacing-gutter);--swipe-gap:var(--spacing-stack-sm);--swipe-peek:40px;--swipe-dot:var(--color-border-subtle);--swipe-dot-current:var(--color-action);--swipe-card:min(448px,calc(100cqw - var(--swipe-inset) - var(--swipe-gap) - var(--swipe-peek)));margin-inline:calc(var(--swipe-bleed,0px)*-1);container-type:inline-size}.swipe-row-scroller{align-items:stretch;gap:var(--swipe-gap);padding:16px var(--swipe-inset);overscroll-behavior-x:contain;scroll-padding-inline:var(--swipe-inset);scroll-snap-type:x mandatory;scrollbar-width:none;margin:-16px 0;list-style:none;display:flex;position:relative;overflow:auto hidden}.swipe-row-scroller::-webkit-scrollbar{display:none}.swipe-row-scroller>*{flex:0 0 var(--swipe-card);scroll-snap-align:start;min-width:0}.swipe-row-scroller:focus-visible{outline:3px solid var(--color-ribbon);outline-offset:-3px}.swipe-row-indicator{justify-content:center;gap:6px;height:8px;margin-top:20px;display:flex}.swipe-row-dot{border-radius:var(--radius-pill);background:var(--swipe-dot);width:8px;height:8px;transition:width .3s,background-color .3s}.swipe-row-dot.is-current{background:var(--swipe-dot-current);width:24px}@media (prefers-reduced-motion:reduce){.swipe-row-dot{transition:none}}@media (width>=768px){.swipe-row-until-md{display:contents}.swipe-row-until-md>.swipe-row-indicator{display:none}.swipe-row-until-md>.swipe-row-scroller{display:contents}.swipe-row-until-md>.swipe-row-scroller.swipe-row-keep{scroll-snap-type:none;gap:normal;margin:0;padding:0;display:block;overflow:visible}.swipe-row-until-md>.swipe-row-scroller.swipe-row-keep>*{flex:initial;scroll-snap-align:none}}@media (width>=1024px){.swipe-row-until-lg{display:contents}.swipe-row-until-lg>.swipe-row-indicator{display:none}.swipe-row-until-lg>.swipe-row-scroller{display:contents}.swipe-row-until-lg>.swipe-row-scroller.swipe-row-keep{scroll-snap-type:none;gap:normal;margin:0;padding:0;display:block;overflow:visible}.swipe-row-until-lg>.swipe-row-scroller.swipe-row-keep>*{flex:initial;scroll-snap-align:none}}}