.hmf-appearance{display:inline-grid;place-items:center;inline-size:var(--hmf-control-min);block-size:var(--hmf-control-min);padding:var(--hmf-space-0);border:var(--hmf-border-width) solid transparent;border-radius:var(--hmf-radius-control);background-color:transparent;color:var(--hmf-muted);cursor:pointer;transition:background-color var(--hmf-duration-fast) var(--hmf-ease),color var(--hmf-duration-fast) var(--hmf-ease)}.hmf-appearance:hover{background-color:var(--hmf-surface-subtle);color:var(--hmf-text)}.hmf-appearance:focus-visible{outline:var(--hmf-focus-width) solid var(--hmf-focus);outline-offset:var(--hmf-space-1)}.hmf-appearance__icon{display:none;grid-area:1 / 1}.hmf-appearance[data-mode=system] [data-for=system],.hmf-appearance[data-mode=light] [data-for=light],.hmf-appearance[data-mode=dark] [data-for=dark]{display:inline-flex}@media(prefers-reduced-motion:reduce){.hmf-appearance{transition:none}}@media(forced-colors:active){.hmf-appearance:focus-visible{outline-color:Highlight}}@media print{.hmf-appearance{display:none}}