/* Appearance controls shared between the website and the themed extension. */
html[data-bb-theme] .bb-appearance{position:relative;z-index:60;flex-shrink:0;background:var(--bb-panel);color:var(--bb-text);border:1px solid var(--bb-line);border-radius:var(--bb-radius);font:13px/1.5 var(--bb-font);margin:8px 12px;box-sizing:border-box}
html[data-bb-theme] .bb-appearance summary{padding:9px 12px;cursor:pointer;list-style-position:inside;font-weight:600}
html[data-bb-theme] .bb-appearance-fields{padding:2px 12px 12px;display:grid;gap:8px}
html[data-bb-theme] .bb-appearance label{display:grid;grid-template-columns:62px minmax(0,1fr);gap:8px;align-items:center;color:var(--bb-muted)}
html[data-bb-theme] .bb-appearance select{font:inherit;min-width:0;width:100%;height:34px;padding:3px 8px;background:var(--bb-bg);color:var(--bb-text);border:1px solid var(--bb-line);border-radius:6px;appearance:auto}
html[data-bb-theme] .bb-appearance small{font-size:11px;color:var(--bb-muted);font-weight:400}
html[data-bb-theme] .bb-appearance :focus-visible{outline:2px solid var(--bb-accent)!important;outline-offset:2px}
html[data-bb-theme] .bb-appearance option{background:var(--bb-panel);color:var(--bb-text)}
html[data-bb-surface=web] .bb-appearance{max-width:430px;margin:10px 20px}
@media(prefers-reduced-motion:reduce){html[data-bb-theme] .bb-appearance *{transition:none!important}}