body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,body{-webkit-user-select:none;user-select:none}@layer components{:root{--sidebar-width-expanded:300px;--sidebar-width-collapsed:72px;--sidebar-width-hover:260px}::selection{background-color:#009de6;color:#000}.border-gradient .gradient{margin:2px}.simple-row{align-items:center;justify-content:flex-start}.simple-column,.simple-row{display:flex;gap:var(--gap-half)}.simple-column{flex-direction:column}.simple-column.wide{gap:var(--gap)}.section-divider{margin-bottom:var(--gap-half);margin-top:var(--gap-wider)}.footnote{font-size:var(--font-sm);font-style:italic;margin:0;padding:0}.answer p a{color:#007bff;text-decoration:underline}.btn{align-items:center;border-radius:var(--border-radius);cursor:pointer;display:flex;filter:brightness(1);font-weight:700;gap:var(--gap);justify-content:center;padding:var(--gap-half) var(--gap);transition:filter .3s ease-out;width:-webkit-fit-content;width:fit-content}.btn:hover{filter:brightness(1.2)}.btn.tertiary{background-color:#0000}.btn.secondary{border:1px solid var(--primary);transition:background-color .3s ease-out}.btn.secondary.warning{border-color:var(--warning);color:var(--warning)}.btn.primary{background-color:var(--primary);border:1px solid var(--primary-dark);color:var(--white)}.btn.disabled{background-color:var(--black-500-a25);color:var(--black-500);cursor:default}.light-theme .btn.tertiary{border:1px solid var(--black-800);color:var(--black-800)}.dark-theme .btn.tertiary{border:1px solid var(--black-300);color:var(--white)}.unselected-box{transition:background-color .3s ease-out}.light-theme .btn.secondary{fill:var(--primary);background-color:#fff0;color:var(--primary)}.dark-theme .btn.secondary{background-color:#0000;color:var(--white)}.dark-theme .btn.secondary:hover{background-color:var(--black-800)}.light-theme .btn.secondary:hover{background-color:var(--primary);color:var(--white)}.light-theme .btn.secondary:hover svg{fill:#fff}.unselected-box:hover{background-color:var(--surface-contrast-low)}.unselected-box{background-color:inherit}.selected-box,.selected-box:hover{background-color:var(--surface-contrast-low)}.dark-theme .btn.dsabled:hover{background-color:var(--black-800)}.light-theme .btn.dsabled:hover{background-color:var(--black-300)}.icon{width:auto}.icon.round{border-radius:var(--border-radius)}.icon-row{display:flex;gap:var(--gap)}.light-theme .icon.active{fill:var(--black)}.dark-theme .icon.active{fill:var(--white)}a.icon-link{cursor:pointer}a.icon-link svg{fill:var(--black-500);transition:fill .3s ease-out}.dark-theme a.icon-link:hover svg{fill:var(--white)}.light-theme a.icon-link:hover svg{fill:var(--primary)}.tooltip{text-wrap:wrap;align-items:flex-start;animation-delay:.5s;animation-duration:.3s;animation-fill-mode:forwards;animation-name:fade-in;animation-timing-function:ease-out;background-color:var(--surface-contrast-low);border:1px solid var(--stroke-contrast-mid);border-radius:var(--border-radius);color:var(--text-contrast-high);display:inline-flex;flex-direction:column;font-size:var(--font-sm);max-width:18rem;opacity:0;padding:var(--gap-quarter) var(--gap-half);position:absolute;right:-1rem;top:110%;width:-webkit-fit-content;width:fit-content;z-index:100}.tooltip:after{border-bottom:.5rem solid var(--tooltip-bg);border-left:.25rem solid #0000;border-right:.25rem solid #0000;content:"";height:0;position:absolute;right:1.5rem;top:-.5rem;width:0}.tooltip.center{right:.4rem;top:calc(100% + .4rem);transform:translateX(50%)}.tooltip.center:after{right:50%}.tooltip.no-triangle:after{display:none}.tooltip.tooltip-floating{animation-delay:0s;bottom:auto;left:auto;pointer-events:none;position:fixed;right:auto;top:auto;transform:none}.tooltip.tooltip-floating:after{display:none}.tooltip.status-tooltip{font-weight:600}.tooltip.status-tooltip:not(.active){background-color:var(--surface-contrast-low);border-color:var(--stroke-contrast-lower);color:var(--text-contrast-low)}.tooltip.status-tooltip.active{background-color:var(--surface-contrast-low);border-color:var(--stroke-contrast-mid);color:var(--text-contrast-high)}.spinner{align-items:center;color:var(--white);display:flex;height:100%;justify-content:center;text-align:center;width:100%}.spinner svg{animation:spin 1s linear infinite;height:4rem;margin-right:var(--gap);width:4rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.title-w-icon{align-items:center;display:flex;justify-content:space-between;width:100%}.dashboard{max-width:100vw}.dashboard-layout{background:var(--background);display:grid;grid-template-columns:var(--sidebar-width-expanded) 1fr;height:100%;min-height:100dvh;min-height:100vh;position:relative;transition:grid-template-columns .25s ease}.sidebar .tab-row{align-items:center;cursor:grab;display:flex;gap:var(--gap-half);padding-left:var(--gap-half)}.sidebar .tab-website{grid-gap:var(--gap-half);align-items:center;display:grid;gap:var(--gap-half);grid-template-columns:auto 1fr;width:100%}@media (min-width:769px){.dashboard-layout.sidebar-collapsed{grid-template-columns:var(--sidebar-width-collapsed) 1fr}.sidebar{transition:width .25s ease;width:var(--sidebar-width-expanded)}.sidebar.collapsed{width:var(--sidebar-width-collapsed)}.sidebar.collapsed .container{align-items:stretch;gap:var(--gap-half);padding:var(--gap-half);width:100%}.sidebar.collapsed .tab-row{gap:0;justify-content:center;padding-left:0}.sidebar.collapsed .tab-row .drag{display:none}.sidebar.collapsed .tab,.sidebar.collapsed .tab-website{background:#0000;gap:var(--gap-quarter);justify-content:center;margin:0 auto;position:relative;width:100%}.sidebar.collapsed .tab-website{grid-template-columns:1fr;justify-items:center}.sidebar.collapsed .tab .tab-label,.sidebar.collapsed .tab-website .label{display:none}.sidebar.collapsed .tab svg{height:1.2rem}.sidebar.collapsed .tab-website.selected-box,.sidebar.collapsed .tab-website.unselected-box,.sidebar.collapsed .tab.selected-box,.sidebar.collapsed .tab.unselected-box{background:#0000;box-shadow:none}.sidebar.collapsed .logo{padding:var(--gap-half)}.sidebar.collapsed .logo .image{height:32px}.sidebar.collapsed .panel-footer{align-items:stretch}.sidebar.collapsed .label-hint[data-label],.sidebar.collapsed .tab-website[data-label],.sidebar.collapsed .tab[data-label]{overflow:visible}.sidebar.collapsed .label-hint[data-label]:after,.sidebar.collapsed .tab-website[data-label]:after,.sidebar.collapsed .tab[data-label]:after{background:var(--surface-contrast-lowest);border-radius:var(--border-radius);box-shadow:0 12px 32px var(--surface-contrast-low);color:var(--text-contrast-high);content:attr(data-label);font-size:var(--font-sm);left:calc(100% + var(--gap-half));opacity:0;padding:var(--gap-half) var(--gap);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) translateX(8px);transition:opacity .2s ease-out,transform .2s ease-out;white-space:nowrap;z-index:880}.sidebar.collapsed .label-hint.selected-box:after,.sidebar.collapsed .tab-website.selected-box:after,.sidebar.collapsed .tab.selected-box:after{background:var(--surface-contrast-low)}.sidebar.collapsed .tab-website[data-label]:hover:after,.sidebar.collapsed .tab[data-label]:hover:after{opacity:1;transform:translateY(-50%) translateX(0)}}@media (max-width:1024px){.dashboard-layout{grid-template-columns:72px 1fr}.sidebar{background:var(--surface-contrast-lower);display:flex;flex-direction:column;height:100vh;position:-webkit-sticky;position:sticky;top:0}.website-list .website-list-container{align-items:center;width:100%}.drag-drop-area,.panel-footer{width:100%}.tab-website{justify-content:center}}@media (max-width:768px){.dashboard-layout{grid-template-columns:auto;grid-template-rows:4rem 1fr;padding:var(--gap-half)}}.sidebar{background:var(--surface-contrast-lower);border-right:1px solid var(--surface-contrast-low);height:100vh;position:-webkit-sticky;position:sticky;z-index:850}.sidebar,.sidebar .container{display:flex;flex-direction:column;top:0}.sidebar .container{gap:var(--gap);height:100%;padding:var(--gap);position:relative}.sidebar-preview-layer{inset:0;pointer-events:none;position:fixed}.sidebar-preview{left:0;opacity:0;pointer-events:none;position:fixed;top:0;transform:translateY(-50%) translateX(8px);transition:opacity .2s ease-out,transform .2s ease-out;width:var(--sidebar-width-hover)}.sidebar-preview.visible{opacity:1;transform:translateY(-50%) translateX(0)}.sidebar-preview .tab{background:var(--surface-contrast-lowest);box-shadow:0 12px 32px var(--surface-contrast-low);width:100%}.sidebar-preview .tab.selected-box{background:var(--surface-contrast-low)}.sidebar .logo{align-items:center;cursor:pointer;display:flex;height:72px;justify-content:flex-start;padding:var(--gap) var(--gap-half)}.sidebar .logo svg{height:24px;max-height:100%}.sidebar.collapsed .logo{justify-content:center}.light-theme .logo{fill:var(--black)}.dark-theme .logo{fill:var(--white)}.light-theme .container.compact .logo .image{--favicon-highlight:var(--black);color:var(--black)}.dark-theme .container.compact .logo .image{--favicon-highlight:var(--white);color:var(--white)}.sidebar .hamburger{display:none}.sidebar .tab,.sidebar-preview .tab{align-items:center;border-radius:var(--border-radius);cursor:pointer;display:flex;font-weight:700;gap:var(--gap-half);padding:var(--gap-half);width:100%}.sidebar .tab svg,.sidebar-preview .tab svg{fill:var(--surface-contrast-mid);height:.75rem;transition:fill .2s ease-out}.add-site-btn{align-items:center;background:#0000;border:none;color:inherit;cursor:pointer;display:inline-flex;justify-content:center;padding:var(--gap-quarter)}.light-theme .sidebar .tab:hover svg{fill:var(--primary);transition:fill .3s ease-out}.dark-theme .sidebar .tab:hover svg{fill:var(--white)}.sidebar.collapsed .switch-label{display:none}.switch-menu{background:var(--surface-contrast-lowest);border:1px solid var(--surface-contrast-low);border-radius:var(--border-radius);box-shadow:0 12px 32px var(--surface-contrast-low);display:flex;flex-direction:column;overflow:hidden;pointer-events:auto;position:fixed;z-index:920}.switch-menu-item{align-items:center;background:#0000;border:none;color:inherit;cursor:pointer;display:flex;gap:var(--gap-half);justify-content:space-between;padding:var(--gap-half) var(--gap);text-align:left;transition:background-color .2s ease-out}.switch-menu-item.selected:hover,.switch-menu-item:hover{background-color:var(--surface-contrast-low)}.switch-menu-item.selected{background-color:var(--surface-contrast-lower);color:var(--text-contrast-high)}.switch-menu-item-label{align-items:center;display:inline-flex;font-size:var(--font-sm);gap:var(--gap-half)}.switch-menu-item svg{fill:currentColor;transition:fill .2s ease-out}.switch-menu-item.selected svg,.switch-menu-item:hover svg{fill:var(--primary)}.switch-menu-backdrop{background:#0000;inset:0;pointer-events:auto;position:fixed;z-index:910}.switch-icon svg{transition:transform .3s ease-out,fill .2s ease-out}.switch-icon:hover svg{transform:rotate(10deg)}.switch-system-icon{display:inline-flex;height:1rem;position:relative;width:1.5rem}.switch-system-icon .icon{left:0;position:absolute;top:0}.switch-system-icon .icon.secondary{bottom:0;left:auto;opacity:.75;right:0;top:auto}@media (max-width:768px){.sidebar{background:var(--surface-contrast-lower);border:none;box-shadow:0 0 64px 2px var(--surface-contrast-lowest);height:calc(100vh - 88px);left:-100vw;padding:0;position:fixed;top:88px;transition:left .3s ease-out;width:88%;z-index:900}.sidebar .hamburger{display:block;height:30px}.sidebar .logo{display:none}.sidebar .nav-close{margin-left:auto}.sidebar.active{left:0}.tab-website{justify-content:left}}.nav-mobile{display:none}@media screen and (max-width:768px){.nav-mobile{border-right:0;display:flex;flex-direction:column;height:auto;padding:0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.nav-mobile .logo{cursor:pointer;height:30px}.nav-mobile .main{align-items:center;display:flex;justify-content:space-between;padding:var(--gap) var(--gap-half)}.nav-mobile .mirror{height:50%;position:relative;width:100%}.nav-mobile .mirror.one{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#0000;top:0;z-index:-1}.nav-mobile .mirror.two{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);color:#0000;top:50%;z-index:-1}}.dark-theme .nav-mobile .mirror{background:#00000040}.light-theme .nav-mobile .mirror{background:#ffffff40}.website-list{display:flex;flex-direction:column;gap:0;height:100%;justify-content:stretch;overflow-x:hidden;overflow-y:auto}.website-list .website-list-container{display:flex;flex-direction:column;gap:var(--gap-half);height:100%;width:100%}.website-list-container .website{align-items:center;border-radius:var(--border-radius);cursor:pointer;display:flex;flex-direction:row;gap:var(--gap-half);padding:var(--gap-half);transition:background-color .3s ease-out}.website-list .drag-drop-area{display:flex;flex-direction:column;gap:var(--gap-quarter);height:100%;width:100%}.website-list-container .website:hover{background-color:var(--surface-contrast-low);color:var(--text-contrast-high)}.website-list-container .website{color:var(--text-contrast-mid)}@media (max-width:768px){.website-list-container .website{padding:var(--gap-half)}}.percentage-box{align-items:center;border-radius:var(--border-radius);display:flex;font-size:var(--font-normal);gap:var(--gap-half);justify-content:space-between;padding:var(--gap-half) var(--gap)}.traffic-buttons-wrap{container-type:inline-size}.traffic-buttons{align-content:center;display:inline-flex;flex-direction:row-reverse;gap:var(--gap-half);justify-content:flex-start;text-align:left;width:100%}@container (max-width: 640px){.traffic-buttons{align-items:stretch;flex-direction:column;text-align:center}}@container (max-width: 320px) and (min-width: 221px){.traffic-buttons{gap:var(--gap-quarter);text-align:center}}.traffic-buttons .radio{cursor:pointer;display:flex;justify-content:left;max-width:96px;min-width:64px}.traffic-buttons .radio svg [data-knob]{transition:stroke .2s ease,filter .2s ease}.traffic-buttons .radio svg [data-knob][data-layer=inner]{pointer-events:none}.traffic-buttons .radio svg [data-knob][data-layer=ring]{pointer-events:all}.traffic-buttons .radio svg [data-knob][data-layer=ring]:hover{stroke:var(--stroke-contrast-mid);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--stroke-contrast-mid) 30%,transparent))}.traffic-buttons .status{align-items:center;display:flex}@media screen and (max-width:1140px){.traffic-buttons{flex-direction:column;gap:var(--gap-half);justify-content:flex-start;text-align:center;width:96px}}.bubble{border-radius:var(--border-radius);display:flex;padding:var(--gap-half);position:absolute;top:50%;z-index:10}.bubble p{margin:0;padding:0}.blue-percentage-box{background-color:var(--primary-a15);color:var(--primary)}.red-percentage-box{background-color:var(--bot-a15);color:var(--bot)}.gray-percentage-box{background-color:var(--surface-contrast-low);color:var(--text-contrast-mid)}.panel-footer{display:flex;flex-direction:column;flex-shrink:1}.panel-footer .tab{padding:var(--gap-half)}@media (max-width:768px){.panel-footer{gap:var(--gap-quarter)}.nav-mobile .main{display:inline-block;position:relative}.nav-mobile .main .close,.nav-mobile .main .hamburger{height:1.5rem;position:absolute;right:var(--gap-half);top:var(--gap);transition:opacity .3s ease-out,transform .3s ease-out;width:1.5rem}.nav-mobile .main .hamburger{opacity:1;transform:scale(1)}.nav-mobile .main.active .hamburger{opacity:0;transform:scale(0)}.nav-mobile .main.active .close{opacity:1;transform:scale(1) rotate(1turn)}.nav-mobile .main .close{opacity:0;transform:scale(0) rotate(0deg)}}.box-gradient{background:linear-gradient(var(--black-500),#0000)}.box-gradient,.box-gradient .inner{border-radius:var(--border-radius-lg)}.box-gradient .inner{height:100%;margin:1px;padding:var(--gap)}.modal{align-items:center;animation-duration:.5s;animation-fill-mode:forwards;animation-name:fade-in;animation-timing-function:ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0000004d;display:flex;height:100%;justify-content:center;left:0;max-height:100vh;max-width:100vw;position:fixed;top:0;width:100%;z-index:1000}.modal .modal-gradient{animation-delay:.3s;animation-duration:.5s;animation-fill-mode:forwards;animation-name:fade-in-zoom;animation-timing-function:ease-out;background:linear-gradient(var(--black-500),#0000);border-radius:var(--border-radius);max-width:60rem;opacity:0;position:absolute;width:calc(100% - var(--gap)*2);z-index:0}.modal .content{display:flex;flex-direction:column;gap:var(--gap);height:-webkit-fit-content;height:fit-content;margin:1px;max-height:90vh;overflow-y:auto;width:calc(100% - 2px)}.modal .content,.modal .traffic-graph{border-radius:var(--border-radius);padding:var(--gap)}.modal .traffic-graph{height:80vh;margin:auto;max-width:90vw;width:100%}.modal .content{background-color:var(--surface-contrast-lower)}.modal .message{animation-duration:.3s;animation-fill-mode:forwards;animation-name:fade-in-zoom;animation-timing-function:ease-out;background-color:var(--black-500);color:var(--black);left:0;padding:var(--gap-half);position:absolute;top:60%;width:100%;z-index:2}.modal .message,.modal .script{border-radius:var(--border-radius)}.modal .script{display:flex;justify-content:space-between;margin:var(--gap-wide) 0;padding:var(--gap);position:relative;white-space:pre-wrap}}.echarts canvas{height:auto!important;width:auto!important}@layer components{:is(nav,main) .button{align-items:center;border:none;border-radius:var(--border-radius);cursor:pointer;display:flex;overflow:hidden;padding:.25rem var(--gap);position:relative;transform:scale(1);transition:transform .3s ease-in-out;white-space:nowrap;width:-webkit-fit-content;width:fit-content;z-index:0}:is(nav,main) .button:hover{transform:scale(1.05)}:is(nav,main) .button:before{background-color:var(--primary);content:"";display:block;height:100%;left:-130%;position:absolute;transform:skewX(20deg);transition:left .3s ease-out;width:120%;z-index:-1}:is(nav,main) .button:not(.no-arrow):after{content:url(/static/media/arrow-white.520b87cdf31563610376.svg);display:inline-block;overflow:visible;overflow:initial;padding-left:var(--gap);position:relative;top:2px;z-index:0}.button.no-arrow{padding:10px 30px}:is(nav,main) .button.primary{background-color:var(--primary-dark);color:var(--white)}:is(nav,main) .button:hover:before{left:-10%}@media (max-width:950px){:is(nav,main) .button{margin:auto}}nav.top{align-items:center;background:#0000;border:0;border-bottom:1px solid;border-image:linear-gradient(90deg,#fff0 15%,#fff9 50%,#fff0 88%) 1;display:flex;height:4rem;justify-content:space-around;padding:var(--gap-half) var(--gap);position:fixed;top:0;width:100vw;z-index:1000}nav.top .mirror{height:50%;position:absolute;width:100%}nav.top .mirror.one{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);top:0;z-index:-1}nav.top .mirror.two{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);top:50%;z-index:-1}nav.top .mirror{background:#000000a6}nav .nav-container{align-items:center;display:flex;justify-content:flex-start;max-width:var(--section-max-width);width:100%}nav .logo{fill:#fff;height:2rem}nav ul{display:flex;flex-grow:1;justify-content:space-between;list-style:none;max-width:26rem}nav ul li{margin-bottom:0;margin-right:var(--gap-half)}nav .right{align-items:center;display:flex;margin-left:auto;padding-right:15px}nav.top a{font-size:var(--paragraph)}nav .right a:not(.button){margin-bottom:0;margin-right:var(--gap)}nav .hamburger,nav.mobile-nav{display:none}@media screen and (max-width:850px){nav .hamburger{background:var(--black);border-radius:var(--border-radius);cursor:pointer;display:flex;flex-direction:column;height:36px;justify-content:space-between;padding:.6rem 8px;transition:background-color .5s ease-in-out;width:36px}nav .hamburger:hover{background-color:var(--primary-hover)}nav .hamburger .line{background:var(--black-300);height:1px;width:100%}nav .desktop-nav{display:none}nav.mobile-nav{align-items:flex-end;display:flex;height:100vh;justify-content:flex-start;left:-100vw;opacity:0;overflow:hidden;position:fixed;top:0;transition:left .3s ease-in-out,opacity .5s ease-in-out;width:100vw;z-index:900}nav.mobile-nav:after{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#004e73cc;content:"";height:100%;left:-38%;position:absolute;transform:skew(-10deg);width:130%;z-index:-1}nav.active.mobile-nav{left:0;opacity:1}nav.mobile-nav ul{display:flex;flex-direction:column;gap:var(--gap);padding-bottom:5rem}nav.mobile-nav li{margin-bottom:var(--gap-half)}nav.mobile-nav li a{font-size:clamp(1.5rem,4vw + .75rem,var(--headline-2))}nav.mobile-nav li a.button{margin-left:0;padding:.75rem 1rem}}.landing{display:flex;flex-direction:column;min-height:100vh}.landing main{flex-grow:1;padding:var(--gap);width:100%}.landing main h1{color:var(--white);margin-bottom:0;padding-bottom:0}.landing main .login{grid-gap:var(--gap-wider);display:grid;gap:var(--gap-wider);grid-template-columns:1fr 1fr;margin:auto;max-width:var(--section-max-width);padding:6rem 0 2rem;width:100%}@media screen and (max-width:650px){.landing main .login{display:flex;justify-content:center}}.landing main form{display:flex;flex-direction:column;gap:var(--gap)}@media screen and (max-width:650px){.landing main form{width:100%}}.landing main input{background:var(--white);border-radius:var(--border-radius);color:var(--black);position:relative;width:100%}.landing main a.custom-link2,.landing main label{display:block;margin-bottom:var(--gap-half);margin-top:var(--gap)}.landing main a.custom-link2{text-align:right}.landing main p{color:var(--white);text-align:center}.landing main a:not(.button){color:var(--black-300);text-decoration:underline;transition:color .3s ease-out}.landing main a:not(.button):hover{color:var(--primary)}.landing main .button{margin:auto;width:-webkit-fit-content;width:fit-content}footer{background:linear-gradient(345deg,#151c2d,#000 50%,#151c2d) 100%;display:flex;justify-content:space-around;min-height:33vh;padding:2rem 4rem;position:relative;width:100%;z-index:2}footer .footer-container{display:flex;gap:var(--gap);justify-content:space-between;max-width:var(--section-max-width);width:100%}footer .left-column{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;width:40%}footer .left-column .logo{max-height:2rem}footer .right-column{align-items:flex-start;display:flex;flex-grow:1;gap:calc(var(--gap)*2);justify-content:flex-end;padding-top:.45rem}footer .logo{fill:var(--white);height:2rem}footer h4{color:#fff;font-size:var(--paragraph);font-size:1rem;font-weight:500;letter-spacing:.1rem;margin:0;padding-bottom:.3rem;text-align:left;text-transform:uppercase}footer ul{display:flex;flex-direction:column;font-size:.8rem;gap:.43rem;list-style:none;margin:0;padding:0}footer ul li{margin-bottom:0;padding-bottom:var(--gap-half)}@media (max-width:650px){footer{flex-flow:column-reverse}footer,footer .footer-container{flex-direction:column}footer .logo{margin-bottom:var(--gap);margin-top:var(--gap-wide)}footer .left-column{margin-bottom:var(--gap);width:100%}footer .right-column{flex-direction:column}}}@layer utility{.show-mobile{display:none}@media screen and (max-width:651px){.show-mobile{display:block}.hide-mobile{display:none}}}@layer components{.overview{display:flex;flex-direction:column;gap:2rem;min-height:100vh;overflow:hidden}.overview,.site-overview{max-width:70rem;padding:var(--gap-wide);width:100%}.settings{align-items:left;background:var(--surface-contrast-lowest);border:1px solid var(--stroke-contrast-lower);border-radius:var(--border-radius);display:flex;flex-direction:column-reverse;padding:var(--gap-half) 0}.settings .filters{display:flex;flex-direction:row;padding:0 var(--gap-wide)}.settings .dropdown-list,.settings .filters{align-items:center;justify-content:space-between;width:100%}.settings .dropdown-list{background:var(--background);border-radius:var(--border-radius);box-shadow:0 8px 32px 4px var(--surface-contrast-low);display:absolute;padding:var(--gap-half)}.settings .dropdown{align-items:center;background:var(--surface-contrast-lower);border-radius:var(--border-radius);cursor:pointer;display:flex;flex-direction:row;font-weight:700;justify-content:space-between}@media (max-width:1024px){.settings{flex-direction:column}}@media (max-width:768px){.overview,.site-overview{padding:var(--gap-half)}.settings .filters{padding:var(--gap-quarter) var(--gap)}}.overview .sitecard-grid{grid-gap:var(--gap-half);align-items:center;display:grid;gap:var(--gap-half);grid-template-areas:"drag website-name trend       status" "drag fraud-level  bot-traffic status";grid-template-columns:30px 1fr 1fr 120px;grid-template-rows:1fr 1fr;padding:var(--gap-half)}.overview .sitecard-grid>div{align-items:center;display:flex;gap:var(--gap-half);justify-content:flex-start;overflow:hidden}.overview .sitecard-grid .drag{cursor:grab;grid-area:drag}.overview .sitecard-grid .website-name{cursor:pointer;grid-area:website-name}.overview .sitecard-grid .fraud-level{grid-area:fraud-level}.overview .sitecard-grid .trend{grid-area:trend}.overview .sitecard-grid .bot-traffic{grid-area:bot-traffic}.overview .sitecard-grid .status{grid-area:status;overflow:visible}@media screen and (max-width:1024px){.overview .sitecard-grid{gap:var(--gap-half);grid-template-areas:"drag website-name  fraud-level" "drag trend         trend" "drag status        status";grid-template-columns:30px 1fr 30px;grid-template-rows:1fr 1fr 1fr;padding:var(--gap-half)}.overview .sitecard-grid .bot-traffic{display:none}.graph-header{align-items:center;display:flex;flex-direction:column;gap:var(--gap);justify-content:space-between;width:100%}}.overview .traffic-card{align-items:center;background-color:var(--surface-contrast-lowest);border-radius:var(--border-radius);box-shadow:0 .5rem 3rem .5rem var(--surface-contrast-low);display:flex;flex-direction:column;gap:var(--gap);justify-content:space-between;line-height:1.15;position:relative;width:100%}.overview .traffic-card .statistics>svg{height:var(--icon-small)}.overview .traffic-card .statistics{align-items:center;display:flex;flex-wrap:wrap;gap:var(--gap-half)}.overview .traffic-card .statistics .data-value{color:var(--text-contrast-high);font-size:max(var(--font-lg),1.5vw);font-weight:700}.traffic-card .statistics .data-value-mid{color:var(--text-contrast-mid);font-size:max(var(--font-lg),1.5vw);font-weight:400}.overview .traffic-card .bot-wave,.overview .traffic-card .total-wave{background-color:initial;bottom:0;height:100%;left:50%;position:relative;transform:translate(-50%);width:100%}.overview .section-header,.overview .traffic-cards{display:flex;justify-content:space-between}.overview .traffic-cards{align-items:center;gap:var(--gap);width:100%}.overview .traffic-cards svg{fill:none}@media (max-width:768px){.overview .traffic-cards{flex-direction:column}}.graph-header{align-items:center;display:flex;justify-content:space-between;width:100%}.profile{padding:var(--gap)}.profile,.profile .form{display:flex;flex-direction:column;max-width:60rem}.profile .form{flex-grow:1;gap:var(--gap)}.two-column{grid-gap:var(--gap);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr}.two-column.add-divider>div:first-of-type{padding-right:calc(var(--gap) + 2px);position:relative}.two-column.add-divider>div:first-of-type:after{border:0;border-image:linear-gradient(180deg,#fff0 0,#fff9 50%,#fff0) 1;border-right:1px solid;content:"";height:100%;position:absolute;right:0;top:0;width:2px}}@layer components{@media screen and (max-width:768px){.two-column{display:flex;flex-direction:column}.two-column.add-divider>div:first-of-type{padding-bottom:calc(var(--gap) + 2px);padding-right:0}.two-column.add-divider>div:first-of-type:after{border-bottom:1px solid;border-image:linear-gradient(90deg,#fff0 0,#fff9 50%,#fff0) 1;border-right:0;bottom:0;height:2px;top:auto;width:100%}}.profile .extra-users>div{border:0;border-image:linear-gradient(90deg,#fff0 0,#fff9 50%,#fff0) 1;border-top:1px solid;margin-top:var(--gap);padding-top:var(--gap)}.profile-settings{align-items:flex-start;display:flex;flex-direction:column;max-width:60rem;padding:var(--gap)}.profile-settings .website-container{margin-bottom:var(--gap);max-height:50vh;overflow-y:scroll;width:100%}.profile-settings .website-container .website-name{overflow:hidden}.profile-settings .table-header,.profile-settings .website-container .item{grid-gap:var(--gap);align-items:center;display:grid;gap:var(--gap);grid-template-areas:"url status fraud edit";grid-template-columns:40% 20% 20% 1fr;padding:var(--gap-half) 0;width:100%}.profile-settings .website-container .item{margin-top:var(--gap-half);overflow:hidden;width:100%}.profile-settings .website-container .item .url{grid-area:url}.profile-settings .website-container .item .status{grid-area:status}.profile-settings .website-container .item .fraud{grid-area:fraud}.profile-settings .website-container .item .edit{grid-area:edit}.profile-settings .website-container .item .icon-row{justify-content:flex-end}@media screen and (max-width:768px){.profile-settings .table-header{display:none}.profile-settings .website-container .item{grid-template-areas:"url edit" "status fraud";grid-template-columns:1fr 3.5rem;grid-template-rows:1fr 1fr}}.subscription{grid-gap:var(--gap-wide);display:grid;gap:var(--gap-wide);grid-template-columns:calc(60% - var(--gap)) calc(40% - var(--gap));width:100%}.subscription .card,.subscription .card>div{border-radius:var(--border-radius);height:100%;min-height:40vh}.subscription .card .plan{grid-gap:var(--gap);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr;padding:var(--gap)}.subscription .plan-benefits{display:flex;flex-direction:column;gap:var(--gap)}.profile-settings .token{border:1px solid var(--black-300);border-radius:var(--border-radius);max-width:18rem;padding:var(--gap)}.profile-settings .token p{margin:0;overflow:hidden;padding:0}.profile-options{align-self:flex-end;display:flex;gap:var(--gap);margin-top:var(--gap)}@media (max-width:1200px){.subscription,.subscription .card.plan{display:flex;flex-direction:column}}@media (max-width:796px){.profile-options,.profile-options a{width:100%}.profile .form{gap:var(--gap-half)}.profile .form .two-column{display:flex;flex-direction:column}}@media (max-width:768px){.profile-settings{padding:var(--gap-half);width:100%}.profile-settings .website-container{max-height:none;overflow:visible}}}@layer components{.section-header{display:flex;margin-top:2.5rem;padding:0 var(--gap-half)}.site-overview{height:100%;position:relative;width:100%}.site-overview .overview-table{grid-gap:var(--gap-wide);background:var(--surface-contrast-lowest);border:1px solid var(--stroke-contrast-lower);border-radius:var(--border-radius);display:grid;gap:var(--gap-wide);grid-template-areas:"title-card live-bot-tracking live-bot-tracking" "traffic-card  live-bot-tracking live-bot-tracking" "when-started-graph when-started-graph traffic-when-started";grid-template-columns:1fr 1fr 1fr;grid-template-rows:10rem 1fr 1fr;padding:var(--gap-quarter)}@media screen and (max-width:768px){.site-overview{width:calc(100vw - var(--gap))}.site-overview .overview-table{align-items:stretch;display:flex;flex-direction:column;padding-bottom:var(--gap)}}.site-overview .traffic-when-started{border-radius:var(--border-radius);display:flex;flex-direction:column;gap:var(--gap)}.site-overview .traffic-when-started .traffic-grid{grid-gap:var(--gap-half);display:grid;gap:var(--gap-half);grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.site-overview .detection-types{grid-gap:var(--gap-wide);align-items:center;display:grid;gap:var(--gap-wide);grid-template-areas:"doughnut keywords" "doughnut sources";grid-template-columns:60% 1fr;grid-template-rows:14rem 14rem;height:30rem;justify-content:stretch}@media screen and (max-width:1023px){.site-overview .detection-types{align-items:stretch;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;max-height:none;padding-bottom:var(--gap-wide)}.site-overview .doughnut{height:400px}}.site-overview .doughnut{grid-area:doughnut}.site-overview .keywords{grid-area:keywords;height:100%;max-height:100%;padding:var(--gap-half)}.site-overview .keyword-container{align-content:flex-start;align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--gap-half);height:100%;justify-content:flex-start;overflow-y:auto}.site-overview .keyword{border-bottom-left-radius:var(--border-radius);border-top-left-radius:var(--border-radius);display:flex;width:-webkit-fit-content;width:fit-content}.dark-theme .site-overview .keyword{background-color:var(--black-800)}.light-theme .site-overview .keyword{background-color:var(--white)}.site-overview .keyword .word{align-items:center;display:flex;max-width:9rem;overflow:hidden;padding:var(--gap)}.site-overview .keyword .value{align-items:center;border-bottom-right-radius:var(--border-radius);border-top-right-radius:var(--border-radius);display:flex;padding:var(--gap-half)}.site-overview .sources{border-radius:var(--border-radius);display:flex;flex-direction:column;gap:var(--gap);height:100%;max-height:100%;overflow-y:scroll;padding:var(--gap-half)}@media screen and (max-width:1023px){.site-overview .keywords,.site-overview .sources{max-height:30rem}}.site-overview .source>div{width:100%}.site-overview .source span{width:2rem}.site-overview .title-card{grid-area:title-card;justify-content:space-between;padding:var(--gap-half) var(--gap)}.site-overview .title-card,.site-overview .traffic-card{border-radius:var(--border-radius);display:flex;flex-direction:column}.site-overview .traffic-card{gap:var(--gap);grid-area:traffic-card;padding:var(--gap)}.site-overview .live-bot-tracking{grid-area:live-bot-tracking;padding:var(--gap)}.site-overview .traffic-when-started{grid-area:traffic-when-started;padding:var(--gap)}.site-overview .when-started-graph{grid-area:when-started-graph;padding:var(--gap)}@media screen and (max-width:768px){.site-overview .live-bot-tracking{height:20rem;padding-bottom:var(
        --gap-wide
      )}.site-overview .when-started-graph{height:15rem;padding:var(--gap)}}.site-overview .time-option{align-items:center;cursor:pointer;display:flex;justify-content:space-evenly;padding:var(--gap-half) var(--gap);transition:"background-color 0.2s, color 0.2s";width:100%}.site-overview .time-selector{display:flex;justify-content:space-between;overflow:hidden;width:100%}.site-overview .data-label{font-weight:700;margin-left:var(--gap-half)}.site-overview .table-container{max-width:100%}.site-overview table{border-collapse:collapse;height:100%;table-layout:fixed;width:100%}.site-overview table .header{font-size:var(--font-sm)}.site-overview table .header:after{background-color:var(--black-900);border-radius:var(--border-radius);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.site-overview table tr{position:relative}.site-overview table tr:after{border-bottom:1px solid;border-image:linear-gradient(90deg,#fff0 10%,#fff9 50%,#fff0 90%) 1;bottom:0;content:"";display:block;height:1px;left:0;position:absolute;width:100%}.site-overview table td{padding:var(--gap-half)}@media screen and (max-width:768px){.site-overview .table-container{overflow-x:scroll}.site-overview .time-selector{display:flex;justify-content:space-evenly;overflow:hidden;width:100%}.site-overview .time-option{align-items:center;cursor:pointer;display:flex;justify-content:space-evenly;padding:var(--gap-half) var(--gap);transition:"background-color 0.2s, color 0.2s";width:100%}}.light-theme table .header:after{background-color:var(--black--300)}.light-theme table tr:after{border-image:linear-gradient(90deg,#0000 10%,#0009 50%,#0000 90%) 1}}
/*# sourceMappingURL=main.99b98ec4.css.map*/