.k-selcard{isolation:isolate;background:linear-gradient(to top, color-mix(in oklab, var(--primary) 70%, transparent), color-mix(in oklab, var(--primary) 28%, transparent) 55%, color-mix(in oklab, var(--primary) 6%, transparent));transition:transform var(--k-base) var(--k-ease), box-shadow var(--k-base) var(--k-ease);border-radius:1rem;padding:2px;position:relative}@media (hover:hover) and (pointer:fine){.k-selcard:hover,.k-selcard:focus-within{box-shadow:0 16px 32px -20px color-mix(in oklab, var(--primary) 75%, transparent);transform:translateY(-2px)}}.k-selcard__led{pointer-events:none;z-index:2;width:calc(100% - 2px);height:calc(100% - 2px);position:absolute;inset:1px;overflow:visible}.k-selcard__led-core,.k-selcard__led-glow{fill:none;stroke-linecap:round;stroke-dasharray:30 70;animation:7s linear infinite k-led-run;animation-delay:calc(var(--k-i,0) * -.85s);transition:stroke-dasharray var(--k-slow) var(--k-ease), stroke-width var(--k-base) var(--k-ease), opacity var(--k-base) var(--k-ease)}.k-selcard__led-core{stroke:color-mix(in oklab, var(--primary) 52%, white);stroke-width:2.25px;opacity:1}.k-selcard__led-glow{stroke:var(--primary);stroke-width:8px;opacity:.7;filter:blur(6px)}@media (hover:hover) and (pointer:fine){.k-selcard:hover .k-selcard__led-core,.k-selcard:focus-within .k-selcard__led-core,.k-selcard:hover .k-selcard__led-glow,.k-selcard:focus-within .k-selcard__led-glow{stroke-dasharray:100 0;animation-play-state:paused}.k-selcard:hover .k-selcard__led-core,.k-selcard:focus-within .k-selcard__led-core{stroke-width:2.75px}.k-selcard:hover .k-selcard__led-glow,.k-selcard:focus-within .k-selcard__led-glow{stroke-width:11px;opacity:1}}@keyframes k-led-run{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}.k-selstrip:not(.is-inview) .k-selcard__led-core,.k-selstrip:not(.is-inview) .k-selcard__led-glow,.k-selstrip:not(.is-inview) .k-selcard__badge-dot{animation-play-state:paused}.k-selstrip{position:relative}@property --k-selstrip-fade-s{syntax:"<length>";inherits:false;initial-value:0}@property --k-selstrip-fade-e{syntax:"<length>";inherits:false;initial-value:0}.k-selstrip__viewport{--k-selstrip-fade-s:0px;--k-selstrip-fade-e:0px;transition:--k-selstrip-fade-s var(--k-base) var(--k-ease), --k-selstrip-fade-e var(--k-base) var(--k-ease);-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--k-selstrip-fade-s), #000 calc(100% - var(--k-selstrip-fade-e)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #000 var(--k-selstrip-fade-s), #000 calc(100% - var(--k-selstrip-fade-e)), transparent 100%)}.k-selstrip__viewport.can-prev{--k-selstrip-fade-s:3rem}.k-selstrip__viewport.can-next{--k-selstrip-fade-e:3rem}.k-selstrip__nav{z-index:20;cursor:pointer;width:2.25rem;height:2.25rem;color:var(--foreground);background-color:color-mix(in oklab, var(--card) 80%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--foreground) 8%, transparent), 0 2px 8px -2px #00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color var(--k-fast) var(--k-ease), color var(--k-fast) var(--k-ease), opacity var(--k-base) var(--k-ease);border:none;border-radius:9999px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;inset-block-start:50%;transform:translateY(-50%)}.k-selstrip__nav:hover{background-color:var(--card);color:var(--primary)}.k-selstrip__nav:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.k-selstrip__nav--prev{inset-inline-start:.25rem}.k-selstrip__nav--next{inset-inline-end:.25rem}.k-selstrip__nav[disabled]{opacity:0;visibility:hidden}.k-selcard__badge{letter-spacing:.08em;background:color-mix(in oklab, var(--background) 72%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-items:center;gap:.375rem;padding-block:.1875rem;padding-inline:.5rem .625rem;line-height:1;display:inline-flex}.k-selcard__badge--live{color:var(--k-live);border:1px solid color-mix(in oklab, var(--k-live) 32%, transparent)}.k-selcard__badge-dot{background:var(--k-live);block-size:.4375rem;inline-size:.4375rem;box-shadow:0 0 7px 1px color-mix(in oklab, var(--k-live) 65%, transparent);animation:k-live-blink 1.6s var(--k-ease) infinite;border-radius:9999px;flex:none}@keyframes k-live-blink{0%,55%{opacity:1}75%,to{opacity:.22}}@media (prefers-reduced-motion:reduce){.k-selcard__led-core,.k-selcard__led-glow{stroke-dasharray:none;animation:none}.k-selcard__led-core{opacity:1}.k-selcard__led-glow{opacity:.55}.k-selcard__badge-dot{opacity:1;animation:none}.k-selcard,.k-selcard__led-core,.k-selcard__led-glow,.k-selstrip__viewport,.k-selstrip__nav{transition:none}.k-selcard:hover,.k-selcard:focus-within{transform:none}}