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{::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);color:var(--black-300);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}.dark-theme .unselected-box:hover{background-color:var(--black-800)}.light-theme .unselected-box:hover{background-color:var(--black-300)}.dark-theme .btn.disabled:hover,.light-theme .btn.dsabled:hover{background-color:var(--black-500)}.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:nowrap;animation-delay:.5s;animation-duration:.3s;animation-fill-mode:forwards;animation-name:fade-in;animation-timing-function:ease-out;background-color:var(--black-500);border-radius:var(--border-radius-lg);color:var(--black);font-size:var(--font-sm);opacity:0;padding:var(--gap-half);position:absolute;right:-1rem;top:100%;z-index:100}.tooltip:after{border-bottom:.5rem solid var(--black-500);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}.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{display:grid;grid-template-columns:300px 1fr;height:100%;min-height:100vh;position:relative}.dashboard-layout.dark-theme{background:var(--black)}.dashboard-layout.light-theme{background:var(--white)}@media (max-width:950px){.dashboard-layout{grid-template-columns:250px 1fr}}@media (max-width:768px){.dashboard-layout{grid-template-columns:auto;grid-template-rows:4rem 1fr;padding:var(--gap-half)}}.sidebar{border:2px solid #0000;height:100vh;padding:var(--gap);position:-webkit-sticky;position:sticky;width:100%}.sidebar,.sidebar .container{display:flex;flex-direction:column;top:0}.sidebar .container{gap:var(--gap);height:100%}.dark-theme .sidebar{background:var(--black);border-right-color:var(--black-800)}.light-theme .sidebar{background:var(--white);border-right-color:var(--black-800)}@media (max-width:768px){.sidebar{background:var(--black);border:none;height:calc(100vh - 62px);left:-100vw;padding:var(--gap);position:fixed;top:62px;transition:left .3s ease-out;z-index:900}}.sidebar .logo{cursor:pointer;height:30px}.sidebar .logo svg{height:30px;max-height:100%}.light-theme .logo{fill:var(--black)}.dark-theme .logo{fill:var(--white)}.sidebar .hamburger{display:none}.sidebar .tab{align-items:center;border-radius:var(--border-radius);cursor:pointer;display:flex;font-weight:700;gap:var(--gap-half);padding:var(--gap-half) var(--gap);width:100%}.sidebar .tab svg{height:2rem}@media (max-width:768px){.sidebar{background:var(--black);border:none;height:calc(100vh - 62px);left:-100vw;padding:var(--gap);position:fixed;top:62px;transition:left .3s ease-out;z-index:900}.sidebar .hamburger{display:block;height:30px}.sidebar .logo{display:none}.sidebar .nav-close{margin-left:auto}.sidebar.active{left:0}}.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;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)}.nav-mobile .mirror{height:50%;position:absolute;width:100%}.nav-mobile .mirror.one{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);top:0;z-index:-1}.nav-mobile .mirror.two{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);top:50%;z-index:-1}}.dark-theme .nav-mobile .mirror{background:#00000040}.light-theme .nav-mobile .mirror{background:#ffffff40}.website-list{display:flex;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);padding:var(--gap-half) var(--gap);transition:background-color .3s ease-out}.website-list .drag-drop-area{display:flex;flex-direction:column;gap:var(--gap-half);height:100%}.dark-theme .website-list-container .website:hover{background-color:var(--black-800)}.light-theme .website-list-container .website:hover{background-color:var(--black-300)}.dark-theme .website-list-container .website{color:var(--black-300)}.light-theme .website-list-container .website{color:var(--black)}@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{align-items:center;display:flex;flex-direction:column;gap:var(--gap);justify-content:center;position:relative}.traffic-buttons .radio{cursor:pointer;display:flex}.traffic-buttons .status{align-items:center;display:flex}@media screen and (max-width:768px){.traffic-buttons{flex-direction:row;gap:0;justify-content:flex-start}}.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}.dark-theme .blue-percentage-box{background-color:#0e1e26;color:var(--primary)}.light-theme .blue-percentage-box{background-color:#e5f5fc;color:var(--primary)}.light-theme .red-percentage-box{background-color:#f6d5d5;color:var(--bot)}.dark-theme .red-percentage-box{background-color:#261617;color:var(--bot)}.dark-theme .gray-percentage-box,.light-theme .gray-percentage-box{background-color:#333;color:#a9a9a9}.panel-footer{display:flex;flex-direction:column;flex-shrink:1}.panel-footer .tab{padding-left:0}@media (max-width:768px){.panel-footer{gap:var(--gap)}.nav-mobile .main{position:relative}.nav-mobile .main .close,.nav-mobile .main .hamburger{position:absolute;right:var(--gap);transition:opacity .3s ease-out,transform .3s ease-out}.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%}.light-theme .modal .content{background-color:var(--white)}.dark-theme .modal .content{background-color:var(--black)}.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)}.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;max-width:60rem;min-height:100vh;overflow:hidden}.overview,.site-overview{padding:var(--gap);width:100%}.site-overview{max-width:70rem}.settings{align-items:center;display:flex;justify-content:space-between;padding:var(--gap-half) 0}.settings .filters{display:flex;flex-wrap:wrap;gap:var(--gap);width:100%}.settings .dropdown{border:none;border-radius:var(--border-radius);font-weight:700;padding:var(--gap-half) var(--gap);width:9rem}.dark-theme .dropdown{background-color:var(--black-800)}.light-theme .dropdown{background-color:var(--black-100)}@media (max-width:768px){.settings{flex-direction:column}}.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:786px){.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}}.overview .traffic-card{align-items:center;border-radius:var(--border-radius);display:flex;flex-direction:column;gap:var(--gap);justify-content:space-between;position:relative;width:100%}.overview .traffic-card .statistics>svg{height:var(--icon-mid)}.overview .traffic-card .statistics{align-items:center;display:flex;flex-wrap:wrap;gap:var(--gap-half)}.overview .traffic-card .statistics .data-value{font-size:1.5rem;font-weight:700}.overview .traffic-card .bot-wave,.overview .traffic-card .total-wave{background-color:initial;bottom:0;height:100%;left:50%;position:absolute;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:1024px){.overview .traffic-cards{flex-direction:column}}.graph-header{align-items:center;display:flex;justify-content:space-between}.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}}}@layer components{.section-header{display:flex;margin-top:3rem}.site-overview{height:100%;position:relative;width:100%}.site-overview .overview-table{grid-gap:var(--gap-wide);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}@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-wide)}}.site-overview .traffic-when-started{border-radius:var(--border-radius);display:flex;flex-direction:column;gap:var(--gap);padding: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}.site-overview .title-card,.site-overview .traffic-card{border-radius:var(--border-radius);display:flex;flex-direction:column;padding:var(--gap)}.site-overview .traffic-card{gap:var(--gap);grid-area:traffic-card}.site-overview .live-bot-tracking{grid-area:live-bot-tracking}.site-overview .traffic-when-started{grid-area:traffic-when-started}.site-overview .when-started-graph{grid-area:when-started-graph}@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}}.site-overview .time-option{align-items:center;cursor:pointer;display:flex;justify-content:center;padding:var(--gap-half) var(--gap);transition:"background-color 0.2s, color 0.2s";width:-webkit-fit-content;width:fit-content}.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}}.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.e2fbfb74.css.map*/