.mobile-wayfinder-appearance{min-width:0;margin-top:20px;padding:18px 4px 4px;border-top:1px solid var(--divider)}.mobile-wayfinder-appearance-heading{margin:0 0 9px;padding:0;display:flex;align-items:baseline;justify-content:space-between;gap:12px;border:0;background:transparent}.mobile-wayfinder-appearance-heading h2{margin:0;color:var(--text-metadata);font-size:9px;font-weight:800;line-height:1.2;letter-spacing:.12em;text-transform:uppercase}.mobile-wayfinder-appearance-heading>span{min-width:0;overflow:hidden;color:var(--muted);font-size:9px;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.mobile-wayfinder-appearance-options{position:relative;min-width:0;padding:4px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;border:1px solid color-mix(in srgb,var(--teal) 10%,var(--border));border-radius:var(--radius-nested);background:var(--wayfinder-context, var(--surface-soft))}.mobile-wayfinder-appearance-options:before{position:absolute;z-index:0;top:4px;bottom:4px;left:4px;width:calc((100% - 14px) / 3);border-radius:var(--radius-small);background:var(--wayfinder-active, var(--surface-elevated));box-shadow:inset 0 -2px var(--orange);content:"";pointer-events:none;transform:translateZ(0);transition:transform var(--motion-spring, .42s) var(--motion-ease-spring, cubic-bezier(.22, 1.15, .36, 1))}.mobile-wayfinder-appearance-options[data-appearance=dark]:before{transform:translate3d(calc(100% + 3px),0,0)}.mobile-wayfinder-appearance-options[data-appearance=system]:before{transform:translate3d(calc(200% + 6px),0,0)}.mobile-wayfinder-appearance-options>button{position:relative;z-index:1;min-width:0;min-height:44px;padding:6px 4px;display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:var(--radius-small);color:var(--muted);background:transparent;box-shadow:none;font:inherit;font-size:10px;font-weight:800;line-height:1;white-space:nowrap;cursor:pointer;transition:color var(--motion-press, 90ms) var(--motion-ease-standard, ease),background-color var(--motion-press, 90ms) var(--motion-ease-standard, ease),transform var(--motion-press, 90ms) var(--motion-ease-standard, ease)}.mobile-wayfinder-appearance-options>button svg{flex:none}.mobile-wayfinder-appearance-options>button:is(:hover,:focus-visible){color:var(--text);background:var(--wayfinder-hover, color-mix(in srgb, var(--teal) 7%, transparent))}.mobile-wayfinder-appearance-options>button:focus-visible{outline:2px solid var(--teal);outline-offset:1px}.mobile-wayfinder-appearance-options>button.is-selected{color:var(--text);background:transparent;box-shadow:none}.mobile-wayfinder-appearance-options>button:active{transform:translateY(1px)}@media(max-width:340px){.mobile-wayfinder-appearance-options>button{gap:4px;font-size:9px}}@media(prefers-reduced-motion:reduce){.mobile-wayfinder-appearance-options:before,.mobile-wayfinder-appearance-options>button{transition:none}}