@layer theme,base;@layer components{@media (max-width:47.5rem){.menu-door.menu-theme{font-weight:var(--font-weight-strong);line-height:var(--font-leading-solid);justify-content:space-between;padding-block:0}.theme-toggle{width:var(--size-phone-switch);height:var(--size-tap);padding-inline:var(--space-1);border-radius:var(--radius-pill);background-color:var(--color-panel-up);flex:none;align-items:center;display:flex;position:relative}.theme-knob{width:var(--size-phone-switch-knob);height:var(--size-phone-switch-knob);border-radius:var(--radius-pill);background-color:var(--color-chip);transition:translate var(--duration-fast) var(--ease-out);position:absolute;inset-block-start:var(--space-1);inset-inline-start:var(--space-1)}.menu-theme[data-showing=light] .theme-knob{translate:var(--size-phone-switch-knob)}.theme-toggle svg{height:var(--font-size-search);fill:none;stroke:var(--color-text-soft);stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--size-icon-stroke);flex:1;position:relative}.menu-theme[data-showing=dark] svg:first-of-type,.menu-theme[data-showing=light] svg:last-of-type{stroke:var(--color-chip-text)}}}@layer utilities;