.q-browser{container-type:inline-size}
.q-browser__frame{overflow:hidden;border-radius:6px;background:#fafafa;box-shadow:0 0 0 1px rgba(0,0,0,.08),0 2px 2px rgba(0,0,0,.04),0 0 0 1px #fafafa}
.q-browser__header{display:flex;justify-content:space-between;gap:16px;padding:8px 16px;background:var(--ss-surface-light)}
.q-browser__section{display:flex;align-items:center;flex:1;justify-content:center;gap:16px;min-width:0}
.q-browser__left{justify-content:flex-start;flex:none}
.q-browser__right{justify-content:flex-end;display:none}
.q-browser__dots{display:flex;align-items:center;gap:8px}
.q-browser__dots span{width:12px;height:12px;border-radius:50%;background:#fe5f57}.q-browser__dots span:nth-child(2){background:#febb2e}.q-browser__dots span:nth-child(3){background:#26c941}
.q-browser__controls{display:none;align-items:center;gap:16px;color:#4d4d4d}
.q-browser__controls svg{flex-shrink:0}
.q-browser__address{width:100%;border:1px solid #ebebeb;background:#fafafa;border-radius:9999px;padding:4px 4px 4px 16px;display:flex;align-items:center;justify-content:space-between}
.q-browser__address-text{font-size:13px;line-height:18px;color:#171717;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;text-align:center}
.q-browser__copy{--q-height:24px;--q-radius:4px;color:#171717;flex-shrink:0}
.q-browser__copy .q-copy-button__icons,.q-browser__copy svg{width:12px;height:12px}
.q-browser__copy .q-copy-button__icons>span{transition:opacity 150ms ease-out,transform 150ms ease-out}
.q-browser__copy .q-copy-button__check{transform:scale(0)}.q-browser__copy[data-copied=true] .q-copy-button__check{transform:scale(1)}.q-browser__copy[data-copied=true] .q-copy-button__copy{transform:scale(0)}
@media(min-width:601px){.q-browser__frame{border-radius:1.5cqw}.q-browser__header{padding:10px 20px;gap:24px}.q-browser__controls{display:flex}.q-browser__left{flex:1;max-width:140px}.q-browser__right{max-width:140px}}
@media(min-width:961px){.q-browser__right{display:flex}.q-browser__address{max-width:320px}}
[data-theme=dark] .q-browser__frame{background:#000;box-shadow:0 0 0 1px rgba(255,255,255,.145),0 1px 2px rgba(0,0,0,.16),0 0 0 1px #000}
[data-theme=dark] .q-browser__header{background:#0a0a0a}[data-theme=dark] .q-browser__address{background:#000;border-color:#2e2e2e}[data-theme=dark] .q-browser__address-text,[data-theme=dark] .q-browser__copy{color:#ededed}[data-theme=dark] .q-browser__controls{color:#a1a1a1}
[data-theme=dark] .q-browser__copy:hover{background:rgba(255,255,255,.09)}
@media(prefers-reduced-motion:reduce){.q-browser__copy .q-copy-button__icons>span{transition:none}}
.q-browser__copy:focus-visible{transition:none}
.q-browser__copy .q-copy-button__icons>span{display:flex;align-items:center;justify-content:center}.q-browser__controls svg,.q-browser__copy svg{display:block}