.ui-appearance{min-inline-size:0;color:var(--color-ink);font-family:var(--font-body);border:0;margin:0;padding:0}.ui-appearance>legend{margin-bottom:var(--space-2);color:var(--color-ink);font-size:var(--type-label);font-weight:var(--weight-medium);padding:0}.ui-appearance-options{gap:var(--space-1);width:fit-content;max-width:100%;padding:var(--space-1);border:var(--size-border) solid var(--color-control-line);border-radius:var(--radius-large);background-color:var(--color-raised);background-image:var(--gradient-inset);box-shadow:var(--shadow-inset);box-sizing:border-box;flex-wrap:wrap;display:flex}.ui-appearance-options>label{cursor:pointer;flex:auto;min-width:0;display:flex;position:relative}.ui-appearance-options input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.ui-appearance-options span{min-height:var(--size-control);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-medium);color:var(--color-secondary);font:var(--weight-medium) var(--type-label)/var(--line-compact) var(--font-body);box-sizing:border-box;overflow-wrap:anywhere;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.ui-appearance-options input:hover:not(:disabled):not(:checked)+span{background-color:var(--color-hover)}.ui-appearance-options input:checked+span{background-color:var(--color-accent);background-image:var(--gradient-control-accent);border-color:var(--color-accent);color:var(--color-on-accent);box-shadow:var(--shadow-control)}.ui-appearance-options input:active:not(:disabled)+span{background-image:var(--gradient-inset);box-shadow:var(--shadow-control-pressed)}.ui-appearance-options input:disabled,.ui-appearance-options input:disabled+span{cursor:not-allowed}.ui-appearance-options input:disabled+span{opacity:var(--opacity-disabled);box-shadow:none}.ui-appearance-options input:focus-visible+span{outline:var(--size-focus-ring) solid var(--color-focus);outline-offset:var(--size-focus-offset)}.ui-appearance>p{margin:var(--space-2) 0 0;color:var(--color-muted);font:var(--type-caption)/var(--line-body) var(--font-body)}.ui-appearance-compact>legend{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ui-appearance-compact .ui-appearance-options{padding:var(--space-half);gap:var(--space-half)}.ui-appearance-compact .ui-appearance-options span{padding-inline:var(--space-2);font-size:var(--type-caption)}@media (forced-colors:active){.ui-appearance-options,.ui-appearance-options span{box-shadow:none;background-image:none}.ui-appearance-options input:checked+span{border-color:highlight;outline:1px solid highlight}.ui-appearance-options input:focus-visible+span{outline:var(--size-focus-ring) solid Highlight;outline-offset:var(--size-focus-offset)}}