/* The supplied 9/21 preview groups project work beneath one top-level icon. */
.pv-project-views{display:flex;align-items:center;gap:3px;align-self:flex-start;width:max-content;max-width:100%;padding:4px;border:1px solid var(--pv-line);border-radius:9px;background:var(--pv-line-2);margin:0 0 24px;overflow-x:auto;scrollbar-width:thin}
.pv-project-views button{flex:none;padding:8px 18px;border:0;border-radius:6px;background:transparent;color:var(--pv-muted);font:500 13px/1.4 var(--sans);min-height:34px;cursor:pointer}
.pv-project-views button:hover{color:var(--pv-ink);background:var(--pv-surface-2)}
.pv-project-views button[aria-current=page]{background:var(--pv-surface);color:var(--pv-ink);box-shadow:0 1px 3px #17191c0d}
body.preview-ui .ov-main>.pv-project-views{margin-bottom:0}
body.preview-ui .ws-main>.pv-project-views{margin:24px 28px 6px}
.product-project-attention{position:absolute;top:4px;right:3px;min-width:16px;height:16px;padding:0 4px;display:grid;place-items:center;border-radius:8px;background:var(--pv-warn-tint);color:var(--pv-warn);font:600 10px var(--sans)}
@media(max-width:800px){
 .pv-project-views{gap:1px;padding:3px;border-radius:8px;margin-bottom:20px}
 .pv-project-views button{font-size:12px;padding:7px 13px}
 body.preview-ui .ws-main>.pv-project-views{margin:18px 16px 8px}
}
@media(max-width:360px){.pv-project-views button{padding-inline:10px;font-size:11px}}
