@layer components{.k-leash{display:grid;gap:clamp(32px,5vw,64px);align-items:start}@media (min-width:900px){.k-leash{grid-template-columns:300px 1fr}}.k-leash__dial{position:relative;border:1px solid var(--k-color-border);border-radius:var(--k-radius-md);background:var(--k-color-surface-raised);padding:var(--k-space-6) var(--k-space-5);margin:0;box-shadow:var(--k-elevation-raised)}.k-leash__track{left:calc(var(--k-space-5) + 7px);top:var(--k-space-6);bottom:var(--k-space-6);width:2px;background:var(--k-color-border)}.k-leash__knob,.k-leash__track{position:absolute;border-radius:var(--k-radius-xs)}.k-leash__knob{left:-3px;width:8px;height:33.3%;background:var(--k-color-accent);transition:transform var(--k-motion-slow) var(--k-motion-ease);transform:translateY(0)}.k-leash__options{display:flex;flex-direction:column;gap:var(--k-space-2)}.k-leash__option{position:relative}.k-leash__input{position:absolute;opacity:0;width:16px;height:16px;left:0;top:12px;margin:0;cursor:pointer}.k-leash__label{display:grid;grid-template-columns:16px 1fr;align-items:center;column-gap:var(--k-space-4);row-gap:2px;padding:var(--k-space-3) 0;cursor:pointer;color:var(--k-color-text-muted);transition:color var(--k-transition)}.k-leash__detent{grid-row:span 2;width:9px;height:9px;margin-left:3px;border-radius:50%;background:var(--k-color-surface);border:1px solid var(--k-color-border-strong);transition:border-color var(--k-transition),background var(--k-transition)}.k-leash__name{font-family:var(--k-font-display);font-weight:600;font-size:15px;letter-spacing:-.01em}.k-leash__gloss{grid-column:2;font-size:12px;color:var(--k-color-text-muted)}.k-leash__label:hover{color:var(--k-color-text-primary)}.k-leash__input:focus-visible+.k-leash__label{outline:2px solid var(--k-color-focus);outline-offset:4px;border-radius:var(--k-radius-xs)}.k-leash__input:checked+.k-leash__label{color:var(--k-color-text-primary)}.k-leash__input:checked+.k-leash__label .k-leash__detent{background:var(--k-color-accent);border-color:var(--k-color-accent)}.k-leash:has(.k-leash__option:nth-child(2) .k-leash__input:checked) .k-leash__knob{transform:translateY(100%)}.k-leash:has(.k-leash__option:nth-child(3) .k-leash__input:checked) .k-leash__knob{transform:translateY(200%)}.k-leash__panels{position:relative}.k-leash__panel{display:none}.k-leash:has(#leash-hooded:checked) .k-leash__panel[data-mode=hooded]{display:block}.k-leash:has(#leash-approve:checked) .k-leash__panel[data-mode=approve]{display:block}.k-leash:has(#leash-unattended:checked) .k-leash__panel[data-mode=unattended]{display:block}@supports not selector(:has(*)){.k-leash__panel{display:block;border-top:1px solid var(--k-color-border);padding-top:var(--k-space-8)}.k-leash__panel:first-child{border-top:0;padding-top:0}.k-leash__knob,.k-leash__track{display:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}