.qbf-appearance-editor { --editor-ink:#182b3f; --editor-muted:#526579; display:none; width:min(1220px,calc(100vw - 32px)); max-width:none; max-height:calc(100dvh - 32px); margin:auto; padding:0; color:var(--editor-ink); border:1px solid rgb(255 255 255 / .85); border-radius:30px; background:rgb(242 248 253 / .94); box-shadow:0 24px 90px rgb(10 31 59 / .22); font:14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif; overflow:hidden; }
.qbf-appearance-editor[open] { display:flex; flex-direction:column; }
.qbf-appearance-editor::backdrop { background:rgb(10 27 44 / .25); backdrop-filter:blur(var(--login-modal-blur, 0px)); }
.qbf-appearance-editor * { box-sizing:border-box; }
.qbf-appearance-editor [hidden] { display:none !important; }
.qbf-appearance-editor__section { padding:16px 0 20px; border-bottom:1px solid #c1d2e3; }
.qbf-appearance-editor__section:first-child { padding-top:0; }
.qbf-appearance-editor__section:last-child { border-bottom:0; }
.qbf-appearance-editor__theme-select { display:grid; gap:8px; margin:14px 0; font-weight:550; }
.qbf-appearance-editor__theme-select select { width:100%; min-height:44px; font-weight:400; }
.qbf-appearance-editor .qbf-appearance-editor__section-heading { margin:0 0 8px; color:var(--editor-ink); font-size:17px; font-weight:650; }
.qbf-appearance-editor :is(h2,p,label,summary) { color:var(--editor-ink) !important; }
.qbf-appearance-editor h2 { margin:0; font-size:22px; font-weight:650; }
.qbf-appearance-editor button { min-height:40px; padding:8px 14px; border:1px solid #d1deeb; border-radius:14px; background:rgb(255 255 255 / .82); color:#233c58; font:inherit; cursor:pointer; box-shadow:none; }
.qbf-appearance-editor button:active { transform:scale(.98); }
.qbf-appearance-editor button:disabled { opacity:.5; cursor:default; }
.qbf-appearance-editor :is(button,input,select,summary):focus-visible { outline:3px solid #0071e3; outline-offset:3px; }
.qbf-appearance-editor__header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 24px 8px; }
.qbf-appearance-editor .qbf-appearance-editor__intro { margin:0; padding:0 24px 18px; color:var(--editor-muted) !important; font-size:13px; }
.qbf-appearance-editor__layout { display:grid; grid-template-columns:minmax(0,1fr) 380px; gap:20px; min-height:0; padding:0 24px; overflow:hidden; }
.qbf-appearance-editor__stage { display:flex; flex-direction:column; min-width:0; min-height:0; }
.qbf-appearance-editor__stage iframe { display:block; width:100%; min-height:340px; height:100%; border:1px solid #d4e0eb; border-radius:22px; background:#dce9f0; }
.qbf-appearance-editor__stage p { font-size:11px; margin:10px 2px; }
.qbf-appearance-editor__fields { min-width:0; margin:0; padding:0 4px 0 0; border:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:none; }
.qbf-appearance-editor__fields::-webkit-scrollbar { display:none; }
.qbf-appearance-editor__fields details { padding:14px 0; border-bottom:1px solid #d6e1ed; }
.qbf-appearance-editor__fields summary { font-weight:600; cursor:pointer; min-height:28px; }
.qbf-appearance-editor__quick { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-bottom:8px; }
.qbf-appearance-editor__presets { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:12px; }
.qbf-appearance-editor .qbf-appearance-editor__wallpaper { min-width:0; padding:4px 4px 6px; border-radius:13px; font-size:11px; }
.qbf-appearance-editor__wallpaper img { display:block; width:100%; aspect-ratio:1.5; object-fit:cover; border-radius:9px; margin-bottom:4px; }
.qbf-appearance-editor__wallpaper[aria-pressed=true] { outline:2px solid #0071e3; outline-offset:1px; }
.qbf-appearance-editor__upload { display:block; margin-top:16px; font-size:13px; }
.qbf-appearance-editor__upload input { display:block; width:100%; padding:8px 0; font:inherit; }
.qbf-appearance-editor .qbf-appearance-editor__note { color:var(--editor-muted) !important; font-size:11px; line-height:1.7; margin:10px 0; }
.qbf-appearance-editor__tone { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:16px 0 4px; }
.qbf-appearance-editor select { min-height:40px; padding:7px 12px; border:1px solid #d1deeb; border-radius:12px; color:var(--editor-ink); background:white; font:inherit; }
.qbf-appearance-editor .qbf-appearance-editor__toggle { display:flex; align-items:center; gap:10px; margin:14px 0; font-size:13px; }
.qbf-appearance-editor__toggle input { width:19px; height:19px; accent-color:#0071e3; }
.qbf-appearance-editor__control { display:block; margin:14px 0 20px; font-size:13px; }
.qbf-appearance-editor__pair { display:grid; grid-template-columns:minmax(0,1fr) 96px; gap:12px; align-items:center; margin-top:8px; }
.qbf-appearance-editor input[type=range] { width:100%; min-width:0; margin:0; accent-color:#0071e3; box-shadow:none; }
.qbf-appearance-editor__number { display:flex; align-items:center; justify-content:flex-end; gap:5px; min-height:38px; padding:4px 8px; border:1px solid #c7d7e8; border-radius:12px; background:#fff; }
.qbf-appearance-editor input[type=number] { width:100%; min-width:0; margin:0; padding:0; border:0; border-radius:0; background:transparent; color:#233c58; text-align:right; font:inherit; box-shadow:none; appearance:textfield; }
.qbf-appearance-editor input[type=number]::-webkit-inner-spin-button { appearance:none; }
.qbf-appearance-editor__footer { display:flex; align-items:center; gap:12px; flex-shrink:0; padding:14px 24px 18px; background:transparent; }
.qbf-appearance-editor__status { flex:1; margin:0; font-size:12px; }
.qbf-appearance-editor .qbf-appearance-editor__primary { background:#0071e3; color:#fff; border-color:transparent; border-radius:999px; }
.login-preview-toolbar { position:relative; z-index:3; display:flex; align-items:center; justify-content:flex-end; gap:8px; width:min(1080px,100%); min-height:40px; margin:0 auto 24px; color:var(--login-muted,#334b65); }
.login-preview-toolbar button { min-height:36px; padding:7px 13px; color:#233c58; border:1px solid #d1deeb; border-radius:999px; background:rgb(255 255 255 / .9); font:12px/1.5 -apple-system,'PingFang SC',sans-serif; cursor:pointer; }
.login-preview-toolbar button[aria-pressed=true] { color:#fff; background:#0071e3; border-color:transparent; }
.login-preview-toolbar span { flex:1; min-width:120px; font-size:12px; }
.login-preview-embedded .login-preview-toolbar { display:none; }
.login-preview-embedded .qbf-login__brand-copy strong { font-size:19px; }
.login-preview-embedded .qbf-login__brand-copy small { display:none; }
.login-preview-embedded .qbf-login__welcome { margin:12px 0 0; }
.login-preview-embedded .qbf-login__welcome h1 { font-size:25px; }
.login-preview-embedded .qbf-login__intro { padding:0; }
.login-preview-embedded .qbf-login__panel { padding:22px; }
.login-preview-embedded .qbf-login__heading { font-size:25px; }
.login-preview-embedded .qbf-login__subtitle { font-size:12px; margin-bottom:18px; }
.login-preview-embedded .qbf-login__field { margin-bottom:13px; }
.login-preview-embedded .qbf-login__field input { height:42px; font-size:14px; }
.login-preview-embedded .login-tabs { margin-bottom:18px; }
.login-preview-embedded .login-tab { min-height:36px; font-size:11px; }
.login-preview-embedded .qbf-login__submit { min-height:42px; margin-top:18px; font-size:14px; }
.login-preview-embedded .qbf-login__fineprint { margin-top:14px; font-size:10px; }
.login-preview-embedded .toggle-link { min-height:36px; margin-top:10px; }
@media (max-width:850px) { .qbf-appearance-editor__layout { display:block; overflow-y:auto; scrollbar-width:none; } .qbf-appearance-editor__stage { margin-bottom:12px; } .qbf-appearance-editor__stage iframe { height:420px; flex:none; } .qbf-appearance-editor__fields { overflow:visible; } .qbf-appearance-editor__footer { flex-wrap:wrap; padding-inline:18px; } .qbf-appearance-editor__status { flex-basis:100%; order:3; } .qbf-appearance-editor__primary { margin-left:auto; } }
@media (prefers-reduced-motion:reduce) { .qbf-appearance-editor button:active { transform:none; } }
.qbf-appearance-editor__logo-heading { margin:18px 0 10px; font-size:12px; font-weight:600; color:var(--editor-muted); }
.qbf-appearance-editor__logo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.qbf-appearance-editor .qbf-appearance-editor__logo { position:relative; min-width:0; padding:10px 5px 8px; border:1px solid #d7e2ed; border-radius:16px; background:#fff; }
.qbf-appearance-editor__logo-art { display:flex; align-items:center; justify-content:center; height:68px; }
.qbf-appearance-editor__logo-art .qbf-login__brand-art { width:58px; }
.qbf-appearance-editor__logo-label { display:block; margin-top:7px; font-size:11px; line-height:1.5; }
.qbf-appearance-editor__logo-grid:has([data-logo-kind=wordmark]) { grid-template-columns:1fr; }
.qbf-appearance-editor .qbf-appearance-editor__logo[data-logo-kind=wordmark] { display:grid; grid-template-columns:minmax(0,1fr) 112px; align-items:center; gap:14px; padding:13px 16px; text-align:left; }
.qbf-appearance-editor__logo[data-logo-kind=wordmark] .qbf-appearance-editor__logo-art { height:44px; }
.qbf-appearance-editor__logo[data-logo-kind=wordmark] .qbf-login__brand-art { width:100%; max-width:220px; }
.qbf-appearance-editor__logo[data-logo-kind=wordmark] .qbf-appearance-editor__logo-label { margin:0; }
.qbf-appearance-editor [data-logo-choice][aria-pressed=true] { border-color:#0071e3; box-shadow:0 0 0 1px #0071e3; background:#f0f7ff; }
.qbf-appearance-editor__logo[aria-pressed=true]::after { content:'✓'; position:absolute; top:5px; right:6px; display:grid; place-items:center; width:17px; height:17px; border-radius:50%; background:#0071e3; color:white; font-size:11px; }
.qbf-appearance-editor .qbf-appearance-editor__original-logo { margin-top:14px; font-size:12px; }
.qbf-appearance-editor__tone select { max-width:70%; min-width:0; }
.login-preview-embedded .qbf-login__brand-art { width:60px; }
.login-preview-embedded .qbf-login__brand[data-logo-id=original] .qbf-login__brand-art { width:42px; }
.login-preview-embedded .qbf-login__brand[data-logo-kind=wordmark] .qbf-login__brand-art { width:min(100%,235px); }
.login-preview-embedded .qbf-login__brand[data-logo-kind=wordmark] .qbf-login__brand-copy strong { font-size:18px; }
.qbf-appearance-editor__text { display:grid; gap:8px; margin-top:14px; }
.qbf-appearance-editor__text input { width:100%; min-height:44px; padding:10px 12px; border:1px solid #d1deeb; border-radius:12px; color:var(--editor-ink); background:white; font:inherit; }
.login-preview-embedded .qbf-login__orbital-stage { max-width:260px; }
.login-preview-orbits { min-height:44px; max-width:100%; border:1px solid #d1deeb; border-radius:14px; padding:8px 12px; background:#f4f8ff; color:#233c58; font:inherit; font-size:12px; }
.qbf-appearance-editor__preview-tools { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 16px; flex-shrink:0; padding:0 2px 10px; }
.qbf-appearance-editor__preview-tools .qbf-appearance-editor__toggle { margin:0; min-height:30px; }
.qbf-appearance-editor__preview-tools small { color:var(--editor-muted); font-size:12px; }
.login-preview-embedded.login-preview-background-only .qbf-login__panel,
.login-preview-embedded.login-preview-background-only .qbf-login__brand,
.login-preview-embedded.login-preview-background-only .qbf-login__welcome,
.login-preview-embedded.login-preview-background-only .qbf-login__features,
.login-preview-embedded.login-preview-background-only #login-icp,
.login-preview-embedded.login-preview-background-only .qbf-login__astronomy-credit { display:none !important; }
.login-preview-embedded.login-preview-background-only .qbf-login__page { display:grid; min-height:100svh; padding:16px; }
.login-preview-embedded.login-preview-background-only .qbf-login__layout { display:grid; grid-template-columns:minmax(0,1fr); width:100%; align-items:center; }
.login-preview-embedded.login-preview-background-only .qbf-login__intro { display:grid; place-items:center; width:100%; }
.login-preview-embedded.login-preview-background-only .qbf-login__orbital-stage { width:min(85vw,75svh); max-width:600px; margin:0; }

.login-preview-embedded.login-preview-background-only .qbf-login[data-quantum-theme=halo] .qbf-login__layout { min-height:620px; width:min(100%,360px); margin:40px auto; }

/* The disclosure is an overlay: its transition never reflows the login anchor. */
.login-preview-toolbar #preview-settings { min-width:92px; min-height:40px; }
.login-preview-toolbar > #preview-theme-trigger { width:64px; min-height:40px; }
.login-preview-themes { position:absolute; right:72px; top:0; display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px; width:max-content; max-width:calc(100% - 80px); padding:2px; opacity:0; visibility:hidden; transform:translateX(14px); pointer-events:none; transition:opacity 360ms cubic-bezier(.22,1,.36,1),transform 360ms cubic-bezier(.22,1,.36,1),visibility 0s 360ms; }
.login-preview-toolbar[data-themes-open=true] .login-preview-themes { opacity:1; visibility:visible; transform:translateX(0); pointer-events:auto; transition-delay:0s; }
.login-preview-toolbar :is(button,select):focus-visible { outline:2px solid #c9e2ff; outline-offset:3px; box-shadow:0 0 0 5px #26384b; }
@media(max-width:1100px) { .login-preview-themes { top:48px; right:0; width:min(560px,100%); max-width:100%; box-sizing:border-box; padding:12px; justify-content:flex-start; background:rgb(230 237 245 / .98); border:1px solid #c8d2dd; border-radius:18px; box-shadow:0 12px 32px rgb(0 0 0 / .18); } }
@media(max-width:480px) { .login-preview-themes { gap:8px; } .login-preview-themes button { flex:1 0 calc(50% - 8px); min-height:40px; } .login-preview-themes select { width:100%; min-height:40px; } }
@media(prefers-reduced-motion:reduce) { .login-preview-themes { transition:none; transform:none; } }
@media(forced-colors:active) { .login-preview-toolbar :is(button,select):focus-visible { outline:2px solid Highlight; box-shadow:none; } }

.qbf-login[data-quantum-theme=halo] .login-preview-toolbar :is(button,select) { background:#23262d; border-color:#4b505b; color:#dfe2e9; }
.qbf-login[data-quantum-theme=halo] .login-preview-toolbar button:hover { background:#32363f; border-color:#737b88; }
.qbf-login[data-quantum-theme=halo] .login-preview-toolbar button[aria-pressed=true] { background:#454b56; border-color:#929aa8; color:#fff; }
.qbf-login[data-quantum-theme=halo] .login-preview-themes { background:rgb(20 22 28 / .97); border:1px solid #454b56; border-radius:18px; padding:8px; box-sizing:border-box; }
.qbf-login[data-quantum-theme=halo] .login-preview-toolbar :is(button,select):focus-visible { outline-color:#e2e6ee; box-shadow:0 0 0 5px #17191f; }
@media(forced-colors:active) { .qbf-login[data-quantum-theme=halo] .login-preview-toolbar :is(button,select):focus-visible { outline-color:Highlight; box-shadow:none; } }

.qbf-appearance-editor__stellar-presets { display:flex; flex-wrap:wrap; gap:8px; }
.qbf-appearance-editor__stellar-presets > label { flex-basis:100%; }
.qbf-appearance-editor__tone input[type=color] { width:64px; height:36px; padding:3px; border-radius:8px; }

.qbf-appearance-editor__named-effects { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; margin:12px 0; min-width:0; }
.qbf-appearance-editor__named-effects > .qbf-appearance-editor__named-title,
.qbf-appearance-editor__named-effects > select { grid-column:1 / -1; }
.qbf-appearance-editor__named-title { white-space:nowrap; }
.qbf-appearance-editor__named-effects > input,
.qbf-appearance-editor__named-effects > select { box-sizing:border-box; width:100%; min-width:0; max-width:100%; }
.qbf-appearance-editor__named-effects > button { white-space:nowrap; }
@media(max-width:480px) { .qbf-appearance-editor__named-effects { grid-template-columns:minmax(0,1fr); } }

@media(max-width:760px) {
  #preview-root .qbf-login__page { position:relative; padding:0; }
  #preview-root .login-preview-toolbar { position:absolute; top:0; right:0; left:0; margin:0; min-height:44px; pointer-events:none; }
  #preview-root .login-preview-toolbar > * { pointer-events:auto; }
  #preview-root .login-preview-toolbar > #preview-theme-trigger { width:58px; min-height:44px; }
  #preview-root .qbf-login__brand { padding-right:66px; }
  #preview-root[data-quantum-theme=halo] .qbf-login__brand { padding-left:66px; }
  .login-preview-embedded #preview-root .qbf-login__brand { padding-right:0; }
  .login-preview-embedded #preview-root[data-quantum-theme=halo] .qbf-login__brand { padding-left:0; }
  .login-preview-embedded:not(.login-preview-background-only) .qbf-login .qbf-login__welcome h1 { font-size:14px; }
  .login-preview-embedded:not(.login-preview-background-only) .qbf-login:is([data-quantum-theme=nebula],[data-quantum-theme=star-orbits]) .qbf-login__welcome h1 { font-size:var(--login-header-caption-size); }
  .login-preview-embedded:not(.login-preview-background-only) .qbf-login .qbf-login__field input { height:48px; font-size:16px; }
  .login-preview-embedded:not(.login-preview-background-only) .qbf-login .login-tab { min-height:44px; }
  .login-preview-embedded:not(.login-preview-background-only) .qbf-login .qbf-login__submit { min-height:48px; }
  .login-preview-embedded:not(.login-preview-background-only) .qbf-login .toggle-link { min-height:44px; }
  .login-preview-embedded.login-preview-background-only .qbf-login .qbf-login__intro { grid-template-columns:minmax(0,1fr); grid-template-rows:auto; min-height:0; }
  .login-preview-embedded.login-preview-background-only .qbf-login .qbf-login__orbital-stage { grid-column:auto; grid-row:auto; position:relative; top:auto; right:auto; width:min(85vw,75svh); height:auto; aspect-ratio:1; }
}

/* A quiet glass surface, with a persistent choice list for side-by-side comparison. */
.login-preview-toolbar { --picker-surface:rgb(246 249 252 / .93); --picker-ink:#23384b; --picker-line:rgb(61 80 100 / .19); --picker-hover:rgb(104 126 149 / .11); }
.qbf-login[data-login-tone=dark] .login-preview-toolbar,
.qbf-login[data-quantum-theme=halo] .login-preview-toolbar { --picker-surface:rgb(27 31 40 / .94); --picker-ink:#e2e6ed; --picker-line:rgb(212 222 237 / .24); --picker-hover:rgb(201 211 228 / .1); }
.login-preset-picker { position:relative; flex:0 1 244px; min-width:0; max-width:100%; color:var(--picker-ink); }
.login-preset-picker[hidden], .login-preset-picker [hidden] { display:none !important; }
.login-preview-toolbar .login-preset-picker__trigger { display:flex; align-items:center; gap:10px; width:100%; min-height:44px; padding:9px 12px; border:1px solid var(--picker-line); border-radius:13px; color:var(--picker-ink); background:var(--picker-surface); box-shadow:inset 0 1px 0 rgb(255 255 255 / .08); text-align:left; }
.login-preview-toolbar .login-preset-picker__label { flex:1; min-width:0; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.login-preset-picker__trigger::before, .login-preset-picker__list [role=option]::before { content:''; flex:none; width:9px; height:9px; border-radius:50%; background:var(--preset-color); box-shadow:0 0 0 3px color-mix(in srgb,var(--preset-color) 12%,transparent); }
.login-preset-picker__trigger::after { content:''; flex:none; width:6px; height:6px; margin:0 2px 3px 0; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); opacity:.6; }
.login-preset-picker__trigger[aria-expanded=true]::after { transform:rotate(225deg); margin-top:5px; }
.login-preset-picker__list { position:absolute; top:calc(100% + 8px); right:0; width:max(100%,260px); max-width:min(360px,calc(100vw - 48px)); max-height:min(360px,50dvh); padding:5px; overflow-y:auto; overscroll-behavior:contain; border:1px solid var(--picker-line); border-radius:16px; background:var(--picker-surface); -webkit-backdrop-filter:blur(24px); backdrop-filter:blur(24px); box-shadow:0 12px 32px rgb(0 0 0 / .15); scrollbar-width:thin; }
.login-preset-picker__list [role=option] { display:flex; align-items:center; gap:10px; min-height:44px; padding:10px; border-radius:10px; color:var(--picker-ink); font-size:12px; line-height:1.5; overflow-wrap:anywhere; cursor:pointer; }
.login-preset-picker__list [role=option]:hover, .login-preset-picker__list [data-active] { background:var(--picker-hover); }
.login-preset-picker__list [aria-selected=true] { font-weight:600; }
.login-preset-picker__list [aria-selected=true]::after { content:'✓'; margin-left:auto; padding-left:4px; font-size:13px; }
.qbf-appearance-editor__text-preset { display:grid; gap:8px; margin-top:14px; }
.qbf-appearance-editor .login-preset-picker--text { --picker-surface:#fff; --picker-ink:var(--editor-ink); --picker-line:#d1deeb; --picker-hover:#edf4fb; width:100%; }
.qbf-appearance-editor .login-preset-picker--text .login-preset-picker__trigger { display:flex; align-items:center; gap:10px; width:100%; min-height:44px; padding:10px 12px; text-align:left; background:var(--picker-surface); }
.login-preset-picker--text .login-preset-picker__label { flex:1; min-width:0; overflow-wrap:anywhere; }
.login-preset-picker--text .login-preset-picker__trigger::before,
.login-preset-picker--text .login-preset-picker__list [role=option]::before { content:none; }
.qbf-appearance-editor .login-preset-picker--text .login-preset-picker__list { position:static; width:100%; max-width:100%; max-height:min(260px,40dvh); margin-top:8px; box-shadow:none; }
.login-preset-picker--text .login-preset-picker__list [role=option] { font-size:14px; }
.qbf-appearance-editor .login-preset-picker--text [role=listbox]:focus-visible { outline:2px solid #0071e3; outline-offset:2px; }
.qbf-login .login-preview-toolbar .login-preset-picker :is(button,[role=listbox]):focus-visible { outline:1px solid var(--picker-ink); outline-offset:2px; box-shadow:none; }
@media(max-width:1100px) {
  .login-preview-themes { max-height:calc(100dvh - var(--login-phone-space-top,36px) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 96px); overflow-y:auto; overscroll-behavior:contain; }
  .login-preset-picker { flex-basis:100%; width:100%; }
  .login-preset-picker__list { position:static; width:100%; max-width:100%; max-height:min(280px,35dvh); margin-top:8px; box-shadow:none; }
}
@media(max-width:760px) {
  .login-preview-themes button { min-height:44px; }
  .login-preview-toolbar .login-preset-picker__trigger { flex:none; }
  .qbf-login:is([data-login-tone=dark],[data-quantum-theme=halo]) .login-preview-themes { background:var(--picker-surface); border-color:var(--picker-line); -webkit-backdrop-filter:blur(24px); backdrop-filter:blur(24px); box-shadow:0 16px 36px rgb(0 0 0 / .28); }
  .qbf-login:is([data-login-tone=dark],[data-quantum-theme=halo]) .login-preview-toolbar button { color:var(--picker-ink); background:rgb(213 224 242 / .06); border-color:var(--picker-line); }
  .qbf-login:is([data-login-tone=dark],[data-quantum-theme=halo]) .login-preview-toolbar button:hover { background:rgb(213 224 242 / .12); }
  .qbf-login:is([data-login-tone=dark],[data-quantum-theme=halo]) .login-preview-toolbar button[aria-pressed=true] { color:#fff; background:rgb(128 145 171 / .28); border-color:rgb(196 209 229 / .46); }
  .qbf-login:is([data-login-tone=dark],[data-quantum-theme=halo]) .login-preview-toolbar button:focus-visible { outline:1px solid var(--picker-ink); outline-offset:2px; box-shadow:none; }
}
@media(max-width:760px) and (prefers-reduced-transparency:reduce), (max-width:760px) and (prefers-contrast:more) {
  .qbf-login:is([data-login-tone=dark],[data-quantum-theme=halo]) .login-preview-themes { -webkit-backdrop-filter:none; backdrop-filter:none; }
}
@media(prefers-reduced-transparency:reduce), (prefers-contrast:more) {
  .login-preview-toolbar { --picker-surface:#f6f9fc; --picker-line:#5d6c7c; }
  .qbf-login[data-login-tone=dark] .login-preview-toolbar, .qbf-login[data-quantum-theme=halo] .login-preview-toolbar { --picker-surface:#1b1f28; --picker-line:#a8b3c3; }
  .login-preset-picker__list { -webkit-backdrop-filter:none; backdrop-filter:none; }
}
@media(forced-colors:active) {
  .qbf-login .login-preview-toolbar .login-preset-picker :is(button,[role=listbox]):focus-visible { outline:2px solid Highlight; }
  .login-preset-picker__list [data-active] { outline:1px solid Highlight; }
}