@layer properties,theme,base;@layer components{.spatial-row{scrollbar-width:none;margin:-.625rem -.375rem;padding:.625rem .375rem;overflow:auto visible}.spatial-row::-webkit-scrollbar{display:none}.spatial-host{border-radius:inherit;display:block}.spatial-target{border-radius:inherit;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s}[data-input-mode=spatial]:not([data-device-class=tv]) .spatial-card[data-spatial-focused=true]>.spatial-target{z-index:1;position:relative}[data-input-mode=spatial][data-device-class=tv] .spatial-target,[data-input-mode=spatial][data-device-class=tv] .spatial-pill,[data-input-mode=spatial][data-device-class=tv] .spatial-cta{transition:transform var(--focus-tv-duration,.12s) cubic-bezier(.22, 1, .36, 1), box-shadow var(--focus-tv-duration,.12s) ease-out}@media (prefers-reduced-motion:reduce){[data-input-mode=spatial][data-device-class=tv] .spatial-target,[data-input-mode=spatial][data-device-class=tv] .spatial-pill,[data-input-mode=spatial][data-device-class=tv] .spatial-cta{transition:none}}[data-motion=reduce] [data-input-mode=spatial][data-device-class=tv] .spatial-target,[data-input-mode=spatial][data-device-class=tv][data-motion=reduce] .spatial-target{transition:none}[data-input-mode=spatial][data-device-class=tv] .spatial-card[data-spatial-focused=true]>.spatial-target{transform:scale(var(--focus-tv-scale,1.04));box-shadow:var(--focus-ring-tv);z-index:2;position:relative}[data-input-mode=spatial][data-device-class=tv] .spatial-pill[data-spatial-focused=true],[data-input-mode=spatial][data-device-class=tv] .spatial-cta[data-spatial-focused=true]{transform:scale(var(--focus-tv-scale,1.04));z-index:2}[data-input-mode=spatial][data-device-class=tv] .spatial-pill[data-spatial-focused=true]{background:hsl(var(--foreground) / .08)}[data-input-mode=spatial][data-device-class=tv] .spatial-pill[data-spatial-focused=true] .spatial-pill-icon{transform:none}.spatial-pill{border-radius:9999px;transition:transform .18s cubic-bezier(.22,1,.36,1),background-color .18s,box-shadow .18s;display:inline-flex}[data-input-mode=spatial] .spatial-pill[data-spatial-focused=true]{z-index:1}[data-input-mode=spatial]:not([data-device-class=tv]) .spatial-pill[data-spatial-focused=true]{background:linear-gradient(180deg, hsl(var(--foreground) / .1) 0%, hsl(var(--foreground) / .05) 100%);box-shadow:0 0 0 2px hsl(var(--background)), 0 0 0 4px hsl(var(--ring)), inset 0 1px 0 hsl(var(--foreground) / .12)}[data-input-mode=spatial] .spatial-pill[data-spatial-focused=true] .spatial-pill-btn,[data-input-mode=spatial]:not([data-device-class=tv]) .spatial-pill[data-spatial-focused=true] .spatial-pill-icon,[data-input-mode=spatial][data-device-class=tv] .spatial-pill[data-spatial-focused=true] .spatial-pill-icon{color:hsl(var(--foreground))}.spatial-field{border-radius:.75rem;outline:none}[data-input-mode=spatial] .spatial-field[data-spatial-focused=true],[data-input-mode=spatial] [data-spatial-focused=true] .spatial-field{box-shadow:0 0 0 2px hsl(var(--foreground)), 0 0 0 4px hsl(var(--background))}.spatial-cta{border-radius:1.75rem;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s}[data-input-mode=spatial] .spatial-cta[data-spatial-focused=true]{z-index:1}[data-input-mode=spatial]:not([data-device-class=tv]) .spatial-cta[data-spatial-focused=true]{box-shadow:0 0 0 2px hsl(var(--background)), 0 0 0 4px hsl(var(--ring))}[data-input-mode=spatial][data-device-class=tv] .spatial-pill[data-spatial-focused=true],[data-input-mode=spatial][data-device-class=tv] .spatial-cta[data-spatial-focused=true],[data-input-mode=spatial][data-device-class=tv] .spatial-field[data-spatial-focused=true],[data-input-mode=spatial][data-device-class=tv] [data-spatial-focused=true] .spatial-field{box-shadow:var(--focus-ring-tv)}@media (prefers-reduced-motion:no-preference){[data-input-mode=spatial]:not([data-device-class=tv]):not([data-motion=reduce]) .spatial-card[data-spatial-focused=true]>.spatial-target{transform:scale(1.03)}[data-input-mode=spatial]:not([data-device-class=tv]):not([data-motion=reduce]) .spatial-pill[data-spatial-focused=true],[data-input-mode=spatial]:not([data-device-class=tv]):not([data-motion=reduce]) .spatial-cta[data-spatial-focused=true]{transform:scale(1.04)}[data-input-mode=spatial]:not([data-device-class=tv]):not([data-motion=reduce]) .spatial-pill[data-spatial-focused=true] .spatial-pill-icon{transform:translate(-3px)}}[data-input-mode=spatial][data-device-class=tv] .local-series-episode-host[data-spatial-focused=true]{box-shadow:var(--focus-ring-tv);z-index:3;border-radius:1rem;outline:none;position:relative}[data-input-mode=spatial][data-device-class=tv] .local-series-episode-host[data-spatial-focused=true]>.local-series-episode-target{transform:scale(var(--focus-tv-scale,1.04));z-index:1;position:relative}}@layer utilities;
