.rolling-number{display:inline-flex;align-items:baseline;justify-content:flex-end;white-space:nowrap;font-variant-numeric:tabular-nums;line-height:1.2;vertical-align:baseline}
.number-digit{display:inline-block;height:1.2em;width:.65em;overflow:hidden;position:relative;text-align:center;mask-image:linear-gradient(transparent,#000 9%,#000 91%,transparent)}
.number-track{display:flex;flex-direction:column;line-height:1.2;will-change:auto}.number-track>span{height:1.2em;flex-shrink:0}
.number-punctuation{line-height:1.2}
[data-component="Attribution table"],[data-component="Visitor table"]{grid-column:span 2}
[data-component="Attribution table"] .specimen-body,[data-component="Visitor table"] .specimen-body{padding:20px 22px}
.attribution{width:100%}.attribution-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}.attribution-top>span{font-size:10px;color:var(--muted)}
.ranked-table{width:100%;border-collapse:separate;border-spacing:0 4px;table-layout:fixed;font-size:12px}
.ranked-table caption{text-align:left}.ranked-table th{width:65%;font-weight:400;text-align:left;position:static}.ranked-table td{text-align:right;padding:0 12px;position:relative;z-index:1;pointer-events:none;color:var(--muted)}
.ranked-table tr{position:relative;height:37px}.rank-bars{position:absolute;inset:0;display:flex;align-items:stretch;gap:3px;pointer-events:none;z-index:0}
.rank-bars>span{transform-origin:left;transition:width 300ms ease-out;background:var(--bg-a2);width:var(--traffic-share);border-radius:8px 0 0 8px}
.rank-bars .revenue-bar{width:var(--revenue-share);background:var(--green-a2);border-radius:0 8px 8px 0}
.ranked-table tr[data-revenue="0"] .traffic-bar{border-radius:8px}.ranked-table tr[data-revenue="0"] .revenue-bar{display:none}
.rank-name{position:relative;z-index:1;display:flex;align-items:center;gap:9px;padding:8px 10px;max-width:100%;text-align:left;font-size:12px;white-space:nowrap}
.rank-name>span:last-child{overflow:hidden;text-overflow:ellipsis}.rank-name:hover>span:last-child,.rank-name:focus-visible>span:last-child{text-decoration:underline;text-underline-offset:3px}
.source-symbol{font-size:16px;line-height:20px;width:20px;flex-shrink:0;display:inline-flex;justify-content:center}.show-revenue td{color:var(--success-text)}
.attribution-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:16px}.attribution-bottom .button{font-size:10px}.attribution-key{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:5px}.key-block{width:8px;height:8px;border-radius:2px;background:var(--bg-a3)}.key-block.green{background:var(--green-a2);margin-left:7px}
.number-demo{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;padding:24px 0}.number-demo>.rolling-number{font-size:46px;letter-spacing:-1.5px;font-weight:500}.number-demo .label-caption{margin-top:-10px}
.visitor-table{width:100%;border-collapse:collapse;font-size:11px;table-layout:fixed}.visitor-table td{padding:11px 5px;border-bottom:1px solid var(--border)}.visitor-table tr:last-child td{border-bottom:0}.visitor-table td:first-child{width:44%}.visitor-table td:nth-child(2){width:25%}.visitor-table td:nth-child(3){text-align:right;color:var(--success-text);width:18%}.visitor-table td:last-child{text-align:right;color:var(--muted);width:13%}.visitor-name{display:flex;align-items:center;gap:8px;white-space:nowrap}.visitor-name>span:nth-child(2){overflow:hidden;text-overflow:ellipsis}.visitor-avatar{position:relative;display:inline-flex;flex-shrink:0}.visitor-avatar .avatar{width:25px;height:25px}.visitor-flag{position:absolute;right:-3px;bottom:-3px;font-size:12px;line-height:14px}.verified{color:var(--accent);font-size:13px}.referrer-pill{display:inline-flex;align-items:center;gap:5px;max-width:100%;white-space:nowrap;padding:4px 8px;background:var(--surface);border:1px solid var(--bg-a3);box-shadow:var(--shadow-soft);border-radius:30px;color:var(--muted);font-size:10px}.referrer-pill .icon{height:12px;width:12px}
@media(max-width:980px){[data-component="Attribution table"],[data-component="Visitor table"]{grid-column:span 2}}
@media(max-width:490px){[data-component="Attribution table"],[data-component="Visitor table"]{grid-column:span 1}[data-component="Attribution table"] .specimen-body,[data-component="Visitor table"] .specimen-body{padding:18px 12px}.rank-name{font-size:11px;gap:6px}.ranked-table{font-size:11px}.ranked-table th{width:62%}.ranked-table td{padding-right:7px}.visitor-table{font-size:10px}.visitor-name{gap:5px}.visitor-table td:last-child{display:none}.visitor-table td:first-child{width:48%}.visitor-table td:nth-child(2){width:27%}.visitor-table td:nth-child(3){width:25%}.referrer-pill{font-size:9px;padding:3px 5px}.visitor-table .avatar{width:21px;height:21px}.attribution-top .segmented button{padding:6px 9px;font-size:10px}.attribution-bottom{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.rank-bars>span{transition:none}}
.rank-bars{right:3px}
.show-revenue[data-revenue="0"] td{color:var(--muted)}