.q-banner{display:contents}
.q-banner__desktop{display:none;max-width:1080px;width:100%;align-items:center;justify-content:center;gap:12px}
.q-banner__text{font-size:16px;line-height:24px;color:#4d4d4d;margin:0}
.q-banner__text b{color:#171717;font-weight:600}
.q-banner__action{gap:0;box-shadow:0 0 0 1px rgba(0,0,0,.08),0 2px 2px rgba(0,0,0,.04),0 0 0 1px #fafafa!important}
.q-banner__action:focus-visible{transition:none;box-shadow:0 0 0 2px var(--ss-surface-light),0 0 0 4px var(--ss-primary)!important}
.q-banner__suffix{margin-left:4px;margin-right:2px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.q-banner__suffix svg{width:14px;height:14px}
.q-banner__compact{width:fit-content;margin-inline:auto;position:relative;z-index:1}
@media(min-width:961px){.q-banner__compact{display:none}.q-banner__desktop{display:flex}}
[data-theme=dark] .q-banner__text{color:#a1a1a1}[data-theme=dark] .q-banner__text b{color:#ededed}
[data-theme=dark] .q-banner__action{box-shadow:0 0 0 1px rgba(255,255,255,.145),0 1px 2px rgba(0,0,0,.16),0 0 0 1px #000!important}
[data-theme=dark] .q-banner__action:focus-visible{box-shadow:0 0 0 2px #0a0a0a,0 0 0 4px var(--ss-primary)!important}