.pill-toggle{--w:2rem;--h:calc(var(--w) * .4865);--thumb-size:calc(var(--w) * .3784);--thumb-offset:calc(var(--w) * .0541);--thumb-travel:calc(var(--w) - var(--thumb-size) - (var(--thumb-offset) * 2));width:var(--w);height:var(--h);border-radius:var(--aurral-radius-round);background-color:var(--aurral-surface-raised);box-shadow:inset 0 0 0 1px var(--aurral-border);cursor:pointer;transition:background-color var(--aurral-duration-fast) var(--aurral-ease-standard), box-shadow var(--aurral-duration-fast) var(--aurral-ease-standard), opacity var(--aurral-duration-fast) var(--aurral-ease-standard);border:0;flex-shrink:0;padding:0;font-size:17px;display:inline-flex;position:relative}.pill-toggle:before{content:"";width:var(--thumb-size);height:var(--thumb-size);left:var(--thumb-offset);bottom:var(--thumb-offset);border-radius:var(--aurral-radius-round);background-color:var(--aurral-text-muted);box-shadow:var(--aurral-shadow-toggle-thumb);transition:transform var(--aurral-duration-slow) var(--aurral-ease-standard), background-color var(--aurral-duration-base) var(--aurral-ease-standard), box-shadow var(--aurral-duration-base) var(--aurral-ease-standard), scale var(--aurral-duration-slow) var(--aurral-ease-standard);position:absolute}.pill-toggle[aria-checked=true]{background-color:var(--aurral-control-on);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--aurral-control-on) 72%, var(--aurral-text)), 0 0 0 1px color-mix(in srgb, var(--aurral-control-on) 38%, transparent)}.pill-toggle[aria-checked=true]:before{transform:translateX(var(--thumb-travel));background-color:var(--aurral-control-on-contrast);box-shadow:var(--aurral-shadow-toggle-thumb-checked), 0 0 0 1px color-mix(in srgb, var(--aurral-control-on-contrast) 35%, transparent)}.pill-toggle:focus-visible{box-shadow:0 0 0 3px var(--aurral-ring), var(--aurral-shadow-toggle-focus-inset);outline:none}.pill-toggle[aria-checked=true]:focus-visible{box-shadow:0 0 0 3px var(--aurral-ring), inset 0 0 0 1px color-mix(in srgb, var(--aurral-control-on) 72%, var(--aurral-text))}.pill-toggle:active:before{scale:.94}.pill-toggle:disabled{cursor:not-allowed;opacity:.5}