@property --fade-start{syntax:"<length>";inherits:false;initial-value:0}@property --fade-end{syntax:"<length>";inherits:false;initial-value:0}.rail.svelte-cx1hjm{--gutter:1rem;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);padding:.5rem var(--gutter);scrollbar-width:none;cursor:grab;-webkit-mask-image:linear-gradient(to right, transparent, black var(--fade-start), black calc(100% - var(--fade-end)), transparent);mask-image:linear-gradient(to right, transparent, black var(--fade-start), black calc(100% - var(--fade-end)), transparent);gap:1rem;margin:2.5rem 0 -.5rem;transition:--fade-start .3s ease-out,--fade-end .3s ease-out;display:flex;overflow-x:auto}.rail.svelte-cx1hjm::-webkit-scrollbar{display:none}@media (width>=40rem){.rail.svelte-cx1hjm{--gutter:max(1.5rem, calc((100% - 72rem) / 2 + 1.5rem));gap:1.25rem}}.rail.dragging.svelte-cx1hjm{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.tile.svelte-cx1hjm{scroll-snap-align:start;flex:none;width:min(20rem,82vw)}@media (width>=40rem){.tile.svelte-cx1hjm{width:22rem}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.tile.svelte-cx1hjm{animation:linear both svelte-cx1hjm-tile-in,linear both svelte-cx1hjm-tile-out;animation-timeline:view(inline),view(inline);animation-range:entry,exit}}}@keyframes svelte-cx1hjm-tile-in{0%{opacity:.3;transform:scale(.92)rotate(1.5deg)}}@keyframes svelte-cx1hjm-tile-out{to{opacity:.3;transform:scale(.92)rotate(-1.5deg)}}@media (prefers-reduced-motion:reduce){.rail.svelte-cx1hjm{transition:none}}