@property --rail-fade-start{syntax:"<length>";inherits:false;initial-value:0}@property --rail-fade-end{syntax:"<length>";inherits:false;initial-value:0}@layer components{:where([data-rail]){position:relative;--rail-fade:clamp(16px,3vw,40px);--rail-gutter:0px;--rail-bleed:0px;margin-inline:calc(var(--rail-bleed) * -1)}:where([data-rail][data-rail-gutter=bleed]){--rail-gutter:1rem;--rail-bleed:1rem}@media (min-width:40rem){:where([data-rail][data-rail-gutter=bleed]){--rail-gutter:1.5rem;--rail-bleed:1.5rem}}@media (min-width:64rem){:where([data-rail][data-rail-gutter=bleed]){--rail-gutter:0px;--rail-bleed:0px}}:where([data-rail][data-rail-gutter=panel]){--rail-bleed:0.75rem}@media (min-width:40rem){:where([data-rail][data-rail-gutter=panel]){--rail-bleed:0px}}:where([data-rail-viewport]){--rail-mask-dir:to right;--rail-fade-start:0px;--rail-fade-end:var(--rail-fade,16px);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;padding-inline:var(--rail-gutter,0);scroll-padding-inline:calc(var(--rail-gutter, 0px) + var(--rail-fade, 16px));scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(var(--rail-mask-dir),transparent 0,#000 var(--rail-fade-start),#000 calc(100% - var(--rail-fade-end)),transparent 100%);mask-image:linear-gradient(var(--rail-mask-dir),transparent 0,#000 var(--rail-fade-start),#000 calc(100% - var(--rail-fade-end)),transparent 100%);transition:--rail-fade-start var(--duration-item) var(--ease-macos),--rail-fade-end var(--duration-item) var(--ease-macos)}:where([data-rail-viewport])::-webkit-scrollbar{display:none}:where([dir=rtl] [data-rail-viewport],[data-rail-viewport][dir=rtl]){--rail-mask-dir:to left}@media (pointer:coarse){:where([data-rail-viewport]){scroll-snap-type:x mandatory}}:where([data-rail-track]>[data-card-set-item=""]){scroll-snap-align:start}:where([data-rail]:not([data-rail-at-start]))>:where([data-rail-viewport]){--rail-fade-start:var(--rail-fade,16px)}:where([data-rail][data-rail-at-end])>:where([data-rail-viewport]){--rail-fade-end:0px}:where([data-rail][data-rail-motion=drift])>:where([data-rail-viewport]){--rail-fade-start:var(--rail-fade,16px);--rail-fade-end:var(--rail-fade,16px);scroll-snap-type:none}:where([data-rail][data-rail-motion=drift]) :where([data-rail-track]){will-change:transform}:where([data-rail][data-rail-wrap=end-clone])>:where([data-rail-viewport]){scroll-snap-type:x mandatory}@media (hover:hover) and (pointer:fine){:where([data-rail-viewport]){cursor:grab}:where([data-rail][data-rail-motion=none][data-rail-at-start][data-rail-at-end])>:where([data-rail-viewport]){cursor:auto}}:where([data-rail][data-rail-dragging])>:where([data-rail-viewport]){cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where([data-rail-prev],[data-rail-next]){position:absolute;top:var(--rail-arrow-top,50%);z-index:20;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-top:-22px;border-radius:9999px;border:1px solid hsl(var(--border));background:hsl(var(--background)/.92);color:hsl(var(--foreground));opacity:0;pointer-events:none;transition:opacity var(--duration-menu-out) var(--ease-macos-in)}:where([data-rail-prev]){inset-inline-start:calc(var(--rail-gutter, 0px) + 8px)}:where([data-rail-next]){inset-inline-end:calc(var(--rail-gutter, 0px) + 8px)}:where([dir=rtl]) :where([data-rail-prev],[data-rail-next])>svg{transform:scaleX(-1)}@media (hover:hover) and (pointer:fine){:where([data-rail]:hover,[data-rail]:focus-within)>:where([data-rail-prev],[data-rail-next]){opacity:1;pointer-events:auto;transition:opacity var(--duration-item) var(--ease-macos)}:where([data-rail]:hover,[data-rail]:focus-within)>:where([data-rail-prev]:disabled,[data-rail-next]:disabled){opacity:.4;pointer-events:none}}@media (hover:none),(pointer:coarse){:where([data-rail-prev],[data-rail-next]){display:none}}:where([data-rail-pause]){position:absolute;inset-block-start:0;inset-inline-start:var(--rail-gutter,0);z-index:21;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:9999px;border:1px solid hsl(var(--border));background:hsl(var(--background)/.92);color:hsl(var(--foreground));font-size:.875rem;font-weight:500;white-space:nowrap}:where([data-rail-pause]:not(:focus)){width:1px;height:1px;min-height:0;padding:0;overflow:hidden;clip-path:inset(50%);border-width:0}:where([data-rail-prev],[data-rail-next],[data-rail-pause]):focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}@media (prefers-reduced-motion:reduce){:where([data-rail-next]),:where([data-rail-prev]){transition-duration:var(--duration-reduced,.12s)!important}}:where(html[data-motion=reduce]) :where([data-rail-next]),:where(html[data-motion=reduce]) :where([data-rail-prev]){transition-duration:var(--duration-reduced,.12s)!important}}