@layer components{.proj-glance{border:.8px solid var(--color-border-faint);border-radius:9.6px;background:var(--color-surface);margin:0 0 12.8px;overflow:hidden}.proj-glance__header{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12.8px 6.4px;border:none;background:rgba(0,0,0,0);cursor:pointer;user-select:none;font-family:var(--font-sans);text-align:left}.proj-glance__arrow{color:var(--color-primary-green);font-size:7.2px;line-height:1}.proj-glance__title{font-size:8.8px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--proj-ink-4)}.proj-glance__state{margin-left:auto;display:inline-flex;align-items:center;gap:4px;padding-left:6.4px;font-size:8.8px;font-weight:400;color:var(--proj-ink-2)}.proj-glance__chevron{font-size:7.2px;color:var(--proj-ink-4)}.proj-glance__body{border-top:.8px solid var(--color-border-faint)}.proj-glance__mask{overflow:hidden;mask-image:linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent)}.proj-glance__track{display:flex;align-items:stretch;width:max-content;animation-name:proj-ticker;animation-timing-function:linear;animation-iteration-count:infinite}.proj-glance__track:hover{animation-play-state:paused}@media(prefers-reduced-motion: reduce){.proj-glance__track{animation-play-state:paused}}@keyframes proj-ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}.proj-glance__item{display:flex;align-items:center;gap:9.6px;height:38.4px;padding:0 17.6px;border:none;border-right:.8px solid var(--color-border-faint);background:rgba(0,0,0,0);cursor:pointer;font-family:var(--font-sans);white-space:nowrap}.proj-glance__item:hover{background:var(--color-hover-subtle)}.proj-glance__label{font-size:8.8px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted)}.proj-glance__rank{color:var(--color-text-secondary)}.proj-glance__logo{flex-shrink:0;display:block;width:16px;height:16px}.proj-glance__opp-logo{flex-shrink:0;display:block;width:14.4px;height:14.4px}.proj-glance__name{font-size:11.2px;font-weight:600;color:var(--color-text)}.proj-glance__value-wrap{display:inline-flex;align-items:center;gap:4.8px}.proj-glance__site-logo{width:12.8px;height:12.8px;flex-shrink:0;display:block}.proj-glance__value{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-primary-green)}.proj-glance__edge{display:inline-flex;align-items:center;gap:4.8px;padding-left:6.4px;border-left:.8px solid var(--color-border-faint);font-variant-numeric:tabular-nums}.proj-glance__edge-fair{font-size:8.8px;font-weight:300;color:var(--proj-ink-4)}.proj-glance__edge-text{font-size:9.6px;font-weight:600;color:var(--proj-bad-soft)}.proj-glance__edge-text--good{color:var(--color-accent-teal)}.proj-glance__sub{display:inline-flex;align-items:center;gap:4px;font-size:8.8px;font-weight:300;color:var(--proj-ink-4)}.proj-csv-menu__trigger{display:inline-flex;align-items:center;justify-content:center;width:28.8px;height:28.8px;padding:0;box-sizing:border-box;border-radius:8px;border:1px solid var(--border-hairline);background:color-mix(in srgb, var(--color-text) 7%, transparent);color:var(--color-text-secondary);cursor:pointer}.proj-csv-menu__trigger:hover{background:color-mix(in srgb, var(--color-text) 12%, transparent);color:var(--color-text)}.proj-csv-menu__trigger[aria-expanded=true]{border-color:var(--proj-lavender)}.proj-csv-menu__icon{width:12.8px;height:12.8px}.proj-csv-menu__panel{position:absolute;top:33.6px;right:0;z-index:60;width:198.4px;border:.8px solid var(--color-border-faint);border-radius:9.6px;background:var(--color-surface);box-shadow:var(--proj-popover-shadow);padding:8px;display:flex;flex-direction:column;gap:3.2px}.proj-csv-menu__eyebrow{font-size:8.8px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--proj-ink-4);padding:1.6px 4.8px 6.4px}.proj-csv-menu__row{display:flex;align-items:center;gap:8px;height:30.4px;padding:0 8px;border-radius:6.4px;border:1px solid var(--color-border-faint);background:rgba(0,0,0,0);text-decoration:none;cursor:pointer}.proj-csv-menu__row:hover{background:color-mix(in srgb, var(--color-text) 8%, transparent)}.proj-csv-menu__row--current{border-color:var(--border-hairline);background:color-mix(in srgb, var(--color-text) 5%, transparent)}.proj-csv-menu__logo{width:11.2px;height:11.2px;flex-shrink:0;display:block}.proj-csv-menu__code{font-size:10.4px;font-weight:600;color:var(--color-text);width:24px}.proj-csv-menu__desc{font-size:9.6px;font-weight:400;color:var(--color-text)}}
