@layer components{.ws-browser{--ws-bar-bg:#f5f3ef;--ws-bar-dot:#11161f29;--ws-bar-pill:#fff;--ws-bar-text:#4f5661;--ws-bar-line:#10162114;width:100%;box-shadow:0 0 0 1px var(--ws-bar-line), var(--ws-shadow-device,0 24px 40px -24px #03092066);background:#fffefd;background:lab(99.6603% .0525117 .75953);border-radius:14px;position:relative;overflow:clip;container-type:inline-size}@supports (color:lab(0% 0 0)){.ws-browser{--ws-bar-bg:lab(95.9645% .164866 2.2833);--ws-bar-dot:lab(7.12857% -.222839 -7.21636/.16);--ws-bar-pill:lab(100% 0 0);--ws-bar-text:lab(36.1149% -.595778 -7.4054);--ws-bar-line:lab(7.09343% -.087522 -8.9719/.08);box-shadow:0 0 0 1px var(--ws-bar-line), var(--ws-shadow-device,0 24px 40px -24px lab(2.76966% 2.25486 -14.3688/.4))}}.ws-browser[data-tone=dark]{--ws-bar-bg:#1b1f29;--ws-bar-dot:#ffffff2e;--ws-bar-pill:#ffffff12;--ws-bar-text:#bec4d2;--ws-bar-line:#ffffff1a;background:#12161f;background:lab(7.11114% .204571 -7.26464)}@supports (color:lab(0% 0 0)){.ws-browser[data-tone=dark]{--ws-bar-bg:lab(11.7223% .114381 -7.3601);--ws-bar-dot:lab(100% 0 0/.18);--ws-bar-pill:lab(100% 0 0/.07);--ws-bar-text:lab(79.0235% -.25022 -7.51501);--ws-bar-line:lab(100% 0 0/.1)}}.ws-browser-bar{background:var(--ws-bar-bg);border-bottom:1px solid var(--ws-bar-line);grid-template-columns:1fr auto 1fr;align-items:center;height:clamp(22px,4.4cqw,44px);padding-inline:clamp(8px,1.6cqw,16px);display:grid}.ws-browser-dots{gap:clamp(3px,.7cqw,7px);display:flex}.ws-browser-dots>span{aspect-ratio:1;background:var(--ws-bar-dot);border-radius:9999px;width:clamp(5px,.95cqw,11px)}.ws-browser-url{background:var(--ws-bar-pill);max-width:min(60cqw,420px);height:clamp(14px,2.9cqw,28px);box-shadow:0 0 0 1px var(--ws-bar-line);color:var(--ws-bar-text);white-space:nowrap;border-radius:9999px;align-items:center;gap:.45em;padding-inline:1.1em;font-size:clamp(7px,1.25cqw,13px);font-weight:500;line-height:1;display:inline-flex}.ws-browser-url>svg{flex:none;width:1em;height:1em}.ws-browser-url>span{text-overflow:ellipsis;overflow:clip}.ws-browser-view{aspect-ratio:16/10;grid-template:100%/100%;display:grid;position:relative;overflow:clip}.ws-browser-view>*{grid-area:1/1;min-width:0;min-height:0}.ws-browser-shot{object-fit:cover;object-position:top;width:100%;height:100%}}