@keyframes kort-dots-march{to{background-position-x:6px}}.kort-pill{appearance:none;font-family:var(--font-sans);color:var(--pill-ink,var(--color-cream));cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:9px;padding:0 0 11px;font-size:16px;font-weight:700;line-height:1;display:inline-flex;position:relative}.kort-pill__main{align-items:center;gap:9px;display:inline-flex;position:relative}.kort-pill__label{white-space:nowrap}.kort-pill__dot{background:var(--accent,var(--color-teal));width:11px;height:11px;transition:transform .25s var(--ease-out);border-radius:50%;flex-shrink:0}.kort-pill:hover .kort-pill__dot{transform:scale(1.45)}.kort-pill:active .kort-pill__dot{transform:scale(1.2)}.kort-pill__desc{white-space:nowrap;color:var(--pill-ink,var(--color-cream));opacity:0;max-width:0;transition:max-width .45s var(--ease-out), opacity .3s ease, transform .45s var(--ease-out);font-size:16px;font-weight:400;overflow:hidden;transform:translate(-6px)}.kort-pill:hover .kort-pill__desc{opacity:.78;max-width:320px;transform:translate(0)}.kort-pill__line{background-image:radial-gradient(circle, var(--accent,var(--color-teal)) 1.25px, transparent 1.6px);background-position:0;background-repeat:repeat-x;background-size:6px 4px;height:4px;animation:3.75s linear infinite kort-dots-march;position:absolute;bottom:-11px;left:0;right:0}.kort-pill:hover .kort-pill__line{animation-duration:.72s}.kort-toggle{--accent:var(--color-teal);--pill-ink:var(--color-cream);font-family:var(--font-sans);align-items:center;gap:24px;padding:2px 0 20px;display:inline-flex;position:relative}.kort-toggle__opt{color:color-mix(in srgb, var(--pill-ink) 42%, transparent);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .36s var(--ease-out);background:0 0;border:none;align-items:center;gap:10px;font-family:inherit;font-size:16px;font-weight:700;line-height:1;display:inline-flex;position:relative}.kort-toggle__opt[data-active=true]{color:var(--accent)}.kort-toggle__ring{background:0 0;border:2px solid;border-radius:50%;flex-shrink:0;width:12px;height:12px}.kort-toggle__travel{background:var(--accent);pointer-events:none;z-index:2;border-radius:50%;width:12px;height:12px;position:absolute;top:0;left:0}.kort-toggle[data-ready=true] .kort-toggle__travel{transition:transform .36s var(--ease-out)}.kort-toggle__track{height:4px;position:absolute;bottom:6px;left:0;right:0}.kort-toggle__line{background-image:radial-gradient(circle,currentColor 1.25px,#0000 1.6px);background-position:0;background-repeat:repeat-x;background-size:6px 4px;animation:3.75s linear infinite kort-dots-march;position:absolute;inset:0}.kort-toggle__line--base{color:color-mix(in srgb, var(--pill-ink) 30%, transparent)}.kort-toggle__line--active{color:var(--accent);clip-path:inset(0 50% 0 0)}.kort-toggle[data-ready=true] .kort-toggle__line--active{transition:clip-path .36s var(--ease-out)}@media (hover:none){.kort-pill:hover .kort-pill__line{animation-duration:3.75s}}@media (prefers-reduced-motion:reduce){.kort-pill__line,.kort-toggle__line{animation:none}.kort-pill__dot,.kort-pill__desc,.kort-toggle__opt,.kort-toggle__travel,.kort-toggle__line--active{transition:none}}.marchpill{display:none}@keyframes marchpill-run{to{stroke-dashoffset:calc(-1 * var(--march-period,2))}}@media (max-width:920px){.marchpill{pointer-events:none;display:block;position:absolute;inset:0}.marchpill__svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.marchpill__rect{fill:none;stroke:var(--march-color,var(--color-teal));stroke-width:2.6px;vector-effect:non-scaling-stroke;stroke-linecap:round;animation:3.75s linear infinite marchpill-run}.marchpill__dot{background:var(--march-dot,var(--march-color,var(--color-teal)));border-radius:50%;width:12px;height:12px;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.kort-pill:has(.marchpill){--march-color:var(--accent,var(--color-teal));border-radius:999px;justify-content:flex-start;min-height:44px;padding:11px 36px 11px 20px}:is(.kort-pill:has(.marchpill) .kort-pill__line,.kort-pill:has(.marchpill) .kort-pill__dot,.kort-pill:has(.marchpill) .kort-pill__desc){display:none}}@media (max-width:920px) and (prefers-reduced-motion:reduce){.marchpill__rect{animation:none}}@media (max-width:920px){.kort-toggle{--march-color:var(--color-teal);border-radius:999px;align-items:center;gap:clamp(16px,5vw,26px);min-height:44px;padding:13px clamp(18px,5vw,24px)}.kort-toggle .marchpill__dot,.kort-toggle__track{display:none}}