.tv-nav-island.svelte-p466l8{background:color-mix(in oklch, var(--color-card) 45%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.4);border:1px solid #ffffff14;border-radius:1.5rem;transition:background-color .3s,box-shadow .3s,border-color .3s;position:relative;box-shadow:inset 0 1px #ffffff0f,0 18px 50px -30px #000000e6}.tv-nav-island.svelte-p466l8:before{content:"";border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--tv-rim), transparent 0 70%, color-mix(in oklch, var(--color-primary) 80%, transparent) 82%, color-mix(in oklch, var(--color-secondary) 70%, transparent) 90%, transparent 100%);padding:1px;animation:9s linear infinite svelte-p466l8-tv-rim;position:absolute;inset:-1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@property --tv-rim{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes svelte-p466l8-tv-rim{to{--tv-rim:360deg}}.tv-nav.scrolled.svelte-p466l8 .tv-nav-island:where(.svelte-p466l8){background:color-mix(in oklch, var(--color-card) 78%, transparent);box-shadow:inset 0 1px 0 #ffffff12, 0 22px 60px -28px #000000f2, 0 0 40px -20px color-mix(in oklch, var(--color-primary) 40%, transparent);border-color:#ffffff1f}.tv-nav-pill.svelte-p466l8{z-index:0;background:linear-gradient(135deg, color-mix(in oklch, var(--color-primary) 18%, transparent), color-mix(in oklch, var(--color-secondary) 16%, transparent));height:2.25rem;box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--color-primary) 30%, transparent), 0 0 22px -6px color-mix(in oklch, var(--color-primary) 55%, transparent);border-radius:9999px;margin-top:-1.125rem;transition:transform .45s cubic-bezier(.2,.8,.2,1),width .45s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;left:0}@media (prefers-reduced-motion:reduce){.tv-nav-island.svelte-p466l8:before{animation:none}}