.metrics-demo-module__QbJWla__preview{min-height:100svh;color:var(--foreground);pointer-events:none;background:#f1f3fa}.metrics-demo-module__QbJWla__header{align-items:center;height:60px;padding-inline:12px;display:flex}.metrics-demo-module__QbJWla__header button{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:44px;display:flex}.metrics-demo-module__QbJWla__header svg{stroke-width:1.8px;width:22px;height:22px}.metrics-demo-module__QbJWla__header h1{font-size:18px;font-weight:650;line-height:26px}.metrics-demo-module__QbJWla__content{padding:8px 12px 24px}.metrics-demo-module__QbJWla__period{background:var(--card);border-radius:999px;align-items:center;gap:12px;width:100%;height:46px;padding-inline:16px;font-size:15px;font-weight:600;display:flex}.metrics-demo-module__QbJWla__period svg{width:19px;height:19px;color:var(--primary)}.metrics-demo-module__QbJWla__period svg:last-child{width:16px;color:var(--muted-foreground);margin-left:auto}.metrics-demo-module__QbJWla__tabs{scrollbar-width:none;gap:8px;margin-block:28px;display:flex;overflow-x:auto}.metrics-demo-module__QbJWla__tabs button{background:var(--card);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;min-height:38px;padding:8px 14px;font-size:14px;line-height:22px;display:flex}.metrics-demo-module__QbJWla__tabs button[aria-selected=true]{color:var(--primary);background:var(--secondary)}.metrics-demo-module__QbJWla__tabs svg{width:14px;height:14px}.metrics-demo-module__QbJWla__summary{background:var(--card);border-radius:22px;padding:20px}.metrics-demo-module__QbJWla__summary h2{font-size:17px;font-weight:650;line-height:26px}.metrics-demo-module__QbJWla__description{color:var(--muted-foreground);margin-top:12px;font-size:15px;line-height:24px}.metrics-demo-module__QbJWla__stat{background:#f1f3fa;border-radius:18px;margin-top:24px;padding:16px}.metrics-demo-module__QbJWla__stat+.metrics-demo-module__QbJWla__stat{margin-top:16px}.metrics-demo-module__QbJWla__stat h3{color:var(--muted-foreground);font-size:15px;font-weight:400;line-height:24px}.metrics-demo-module__QbJWla__value{margin-top:8px;font-size:22px;font-weight:650;line-height:30px}.metrics-demo-module__QbJWla__comparison{color:var(--muted-foreground);margin-top:10px;font-size:13px;line-height:22px}.metrics-demo-module__QbJWla__chart{width:100%;height:auto;color:var(--primary);margin-top:16px;display:block}.dark .metrics-demo-module__QbJWla__preview{background:var(--background)}.dark .metrics-demo-module__QbJWla__stat{background:var(--muted)}:is(html:has(.metrics-demo-module__QbJWla__preview),.metrics-demo-module__QbJWla__tabs){scrollbar-width:none}html:has(.metrics-demo-module__QbJWla__preview)::-webkit-scrollbar{display:none}.metrics-demo-module__QbJWla__tabs::-webkit-scrollbar{display:none}