.scope-demo{color:#333048;background:#f7f7fb}.scope-app{max-width:1800px;min-height:calc(100svh - 40px);margin:auto;display:flex}.scope-sidebar{background:#fefeff;border-right:1px solid #e8e6ee;flex-shrink:0;width:205px;padding:36px 20px;position:relative}.scope-logo{letter-spacing:-2px;color:#373047;margin:0 13px 44px;font-size:34px;font-weight:650;display:block}.scope-logo>span{color:#8b72d9;margin-left:2px}.scope-nav-label{letter-spacing:1.5px;color:#a6a0b4;margin:0 13px 17px;font-size:9px;display:block}.scope-sidebar>a:not(.scope-logo){color:#92889f;border-radius:6px;align-items:center;gap:12px;margin-bottom:5px;padding:14px 13px;font-size:13px;display:flex}.scope-sidebar>a.active{color:#8467c9;background:#f0ebfa}.scope-sidebar-note{color:#a197b0;align-items:center;gap:8px;font-size:10px;display:flex;position:absolute;bottom:30px;left:27px}.scope-sidebar-note small{margin-top:4px;font-size:9px;display:block}.scope-avatar{color:#937bb1;background:#eee7f9;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.scope-main{flex:1;min-width:0;padding:28px 4% 35px}.scope-toolbar{color:#a298b1;justify-content:space-between;align-items:center;gap:15px;font-size:10px;display:flex}.scope-toolbar>span>span{color:#d1c9df;margin:0 10px}.scope-page-heading{justify-content:space-between;align-items:center;gap:25px;margin:34px 0 28px;display:flex}.scope-page-heading .demo-eyebrow{letter-spacing:1.3px;color:#a08fb6;font-size:8px}.scope-page-heading h1{letter-spacing:-1.4px;margin:8px 0;font-size:31px;font-weight:500;line-height:1.4}.scope-page-heading p{color:#a096af;font-size:13px}.scope-project-label{flex-shrink:0;align-items:center;display:flex;position:relative}.scope-project-label select{appearance:none;color:#84728f;background:#fff;border:1px solid #e2ddea;border-radius:5px;padding:11px 35px 11px 14px;font-size:12px}.scope-project-label svg{pointer-events:none;color:#a99ab7;position:absolute;right:10px}.scope-range{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.scope-range>span{color:#8c7e9d;font-size:12px}.scope-range>span>span{color:#b1a5bf;margin-left:7px;font-size:10px}.scope-range>div{background:#fff;border:1px solid #e5dfee;border-radius:5px;flex-shrink:0;padding:3px;display:flex}.scope-range button{color:#a193b4;background:0 0;border:0;border-radius:3px;padding:5px 13px;font-size:10px}.scope-range button[aria-pressed=true]{color:#8a6bc8;background:#efe9fb}.scope-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.scope-metrics>div{background:#fff;border:1px solid #e9e5f0;border-radius:7px;padding:18px}.scope-metrics>div>span{color:#a193b1;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.scope-metrics strong{letter-spacing:-1px;color:#51405f;margin:15px 0 12px;font-size:clamp(22px,2.2vw,33px);font-weight:550;line-height:1.2;display:block}.scope-metrics strong>small{letter-spacing:0;color:#bcaaca;margin-left:4px;font-size:12px;font-weight:400}.scope-metrics em{color:#70a891;white-space:nowrap;align-items:center;gap:2px;font-size:9px;font-style:normal;display:flex}.scope-metrics em>span{color:#b3a4be;margin-left:4px;font-size:8px}.scope-chart-panel,.scope-keywords,.scope-issues{background:#fff;border:1px solid #e9e5f0;border-radius:7px;margin-top:19px;padding:23px}.scope-panel-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.scope-panel-heading h2{letter-spacing:-.4px;color:#6b5779;font-size:15px;font-weight:550}.scope-panel-heading p{color:#b09cbe;margin-top:5px;font-size:10px}.scope-panel-heading>span{color:#b09cbe;font-size:9px}.scope-panel-heading .chart-legend{color:#9473c6;font-size:9px}.scope-chart{margin-top:30px;padding-bottom:25px;padding-left:35px;position:relative}.scope-chart>svg{width:100%;height:180px;display:block;overflow:visible}.scope-chart-y{color:#bdaccb;flex-direction:column;justify-content:space-between;font-size:8px;display:flex;position:absolute;top:0;bottom:25px;left:0}.scope-chart-x{color:#bdaccb;justify-content:space-between;font-size:8px;display:flex;position:absolute;bottom:0;left:35px;right:0}.scope-bottom-grid{grid-template-columns:1.1fr 1fr;gap:19px;display:grid}.scope-search{color:#b6a4c4;border:1px solid #ebe4f2;border-radius:4px;align-items:center;gap:8px;margin:18px 0 15px;padding:8px 10px;display:flex}.scope-search input{color:#88708f;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:11px}.scope-search:focus-within{outline-offset:2px;outline:2px solid #ad8bdb}.scope-keywords table{border-collapse:collapse;text-align:left;color:#9981a3;width:100%;font-size:12px}.scope-keywords th{color:#b9a8c5;border-bottom:1px solid #eee5f6;padding:0 0 13px;font-size:9px;font-weight:400}.scope-keywords td{border-bottom:1px solid #f3edf8;padding:14px 0;font-size:11px}.scope-keywords th:last-child,.scope-keywords td:last-child{text-align:right}.scope-keywords th:nth-child(2),.scope-keywords td:nth-child(2){text-align:center}.scope-issues>.demo-filter{gap:4px;margin-top:17px}.scope-issues>.demo-filter button{color:#ab8ebe;padding:5px 10px;font-size:10px}.scope-issue{border-bottom:1px solid #f0e8f6}.scope-issue summary{cursor:pointer;color:#997baa;align-items:center;gap:9px;padding:15px 0;font-size:11px;list-style:none;display:flex}.scope-issue summary::-webkit-details-marker{display:none}.scope-issue summary>span:nth-child(2){flex:1}.scope-issue small{color:#bda4ce;margin-top:3px;font-size:9px;display:block}.scope-issue summary>svg{color:#b5a5c3;width:16px}.scope-issue>p{color:#a18aac;padding-bottom:13px;font-size:12px;line-height:1.8}.scope-issue label{color:#947aa2;cursor:pointer;align-items:center;gap:7px;padding-bottom:15px;font-size:11px;display:flex}.scope-issue input{accent-color:#9876c4}.scope-disclosure{color:#b6a1c5;margin-top:25px;font-size:10px;line-height:1.8}.scope-empty{color:#a68bb7;padding:25px 0;font-size:12px}@media (max-width:1100px){.scope-sidebar{width:175px;padding:30px 13px}.scope-main{padding:27px 3%}.scope-logo{font-size:31px}.scope-sidebar>a:not(.scope-logo){gap:9px;font-size:12px}.scope-sidebar-note{left:20px}.scope-metrics{gap:9px}.scope-metrics>div{padding:15px 12px}.scope-metrics em>span{display:none}.scope-page-heading{gap:15px}.scope-range>span>span{display:none}.scope-bottom-grid{gap:13px}.scope-chart-panel,.scope-keywords,.scope-issues{padding:18px}}@media (max-width:760px){.scope-app{display:block}.scope-sidebar{border-bottom:1px solid #e8e6ee;border-right:0;align-items:center;gap:8px;width:100%;padding:16px 5%;display:flex}.scope-logo{margin:0 auto 0 0;font-size:29px}.scope-sidebar>a:not(.scope-logo){gap:0;margin:0;padding:10px;font-size:0}.scope-sidebar>a:not(.scope-logo)>svg{width:19px}.scope-nav-label,.scope-sidebar-note{display:none}.scope-main{padding:22px 5% 30px}.scope-toolbar{font-size:9px}.scope-page-heading{margin:28px 0 20px;display:block}.scope-page-heading .demo-eyebrow{font-size:7px}.scope-page-heading h1{letter-spacing:-1.2px;margin:10px 0;font-size:28px}.scope-page-heading p{font-size:13px}.scope-project-label{margin-top:20px;display:inline-flex}.scope-project-label select{padding:10px 35px 10px 13px;font-size:12px}.scope-range{gap:8px;margin-bottom:15px}.scope-range>span{font-size:10px}.scope-range button{padding:5px 10px;font-size:10px}.scope-metrics{grid-template-columns:1fr 1fr;gap:10px}.scope-metrics>div{padding:17px 15px}.scope-metrics>div>span{font-size:11px}.scope-metrics strong{margin:13px 0 10px;font-size:29px}.scope-metrics em{font-size:9px}.scope-metrics em>span{font-size:8px;display:inline}.scope-chart-panel,.scope-keywords,.scope-issues{padding:18px 16px}.scope-panel-heading h2{font-size:15px}.scope-panel-heading p{font-size:10px}.scope-panel-heading .chart-legend{font-size:8px}.scope-chart{margin-top:25px;padding-left:28px}.scope-chart>svg{height:145px}.scope-chart-x{left:28px}.scope-bottom-grid{display:block}.scope-keywords table{font-size:13px}.scope-keywords td{font-size:12px}.scope-issue summary{padding:17px 0;font-size:12px}.scope-issue>p{font-size:13px}.scope-issue label{font-size:12px}.scope-disclosure{font-size:10px;line-height:1.9}}@media (max-width:360px){.scope-metrics em>span{display:none}.scope-range>span{font-size:9px}}.scope-demo{color:#2d2b40}.scope-page-heading h1{color:#2d2940}.scope-page-heading p,.scope-range>span,.scope-sidebar>a:not(.scope-logo){color:#756b84}.scope-project-label select{color:#695d78}.scope-metrics>div>span{color:#776a84}.scope-metrics strong{color:#302a40}.scope-metrics em{color:#34836b}.scope-metrics em>span{color:#8d7b9a}.scope-panel-heading h2{color:#4f405e}.scope-panel-heading p,.scope-panel-heading>span{color:#8a779b}.scope-keywords td{color:#6f597f;font-size:12px}.scope-keywords th{color:#8d7b9b;font-size:10px}.scope-search input{color:#6b537d;font-size:13px}.scope-search input::placeholder{color:#9681a8}.scope-issue summary{color:#725787;font-size:12px}.scope-issue small{color:#967dab;font-size:10px}.scope-issue>p,.scope-issue label{color:#7d6092;font-size:13px}.scope-disclosure{color:#927ba3;font-size:11px}.scope-empty{color:#806392}.scope-issues>.demo-filter button{color:#81639a}.scope-range button{color:#89719d}.scope-chart-y,.scope-chart-x{color:#9b85ad;font-size:9px}
