.browser{background:var(--color-wash);border-bottom:1px solid var(--color-rule)}.strip{--n: 1;--open-w: 220px;--tab-h: 36px;display:flex;align-items:flex-end;height:calc(var(--tab-h) + 8px);padding:8px 8px 0;overflow:hidden}.tab{position:relative;height:var(--tab-h);width:calc((100% + var(--n) * 1px) / var(--n));min-width:3px;margin-right:-1px;background:var(--color-surface);border:1px solid var(--color-rule);border-bottom:0;border-radius:8px 8px 0 0;display:flex;align-items:center;gap:8px;padding:0;overflow:hidden;container-type:inline-size;opacity:0;transform:translateY(6px);transition:width .16s ease-out,background-color .18s ease,opacity .14s ease-out,transform .22s cubic-bezier(.2,.7,.2,1)}.tab.in{opacity:1;transform:none}.tab .fav{flex:none;margin-left:10px;width:16px;height:16px;border-radius:3px;display:grid;place-items:center;background:var(--tint);color:var(--tint-ink);font-family:var(--font-mono);font-weight:500;font-size:9.5px;line-height:1}.tab .title{min-width:0;margin-right:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12.5px;line-height:1;color:var(--color-ink)}@container (max-width: 76px){.tab .title{display:none}}@container (max-width: 30px){.tab .fav{display:none}}.strip:hover .tab,.strip.has-open .tab{width:calc((100% - var(--open-w) + var(--n) * 1px) / (var(--n) - 1))}.strip:hover .tab:hover,.strip.has-open .tab.open{width:var(--open-w);z-index:1}.tab.kept{background:var(--color-accent);border-color:var(--color-accent)}.tab.kept .title{background:var(--color-accent);color:var(--color-ink);font-weight:500}.count{min-height:1.5em}@media(prefers-reduced-motion:reduce){.tab{transition:none}}