.map-legend .row{padding:4px 0;display:flex;flex-direction:row;align-items:center}.map-legend .row .key{display:inline-block;height:6px;width:48px;border-radius:50vh}.map-legend .row .value{padding-left:8px}.app{background-color:#000;width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden}.app .top-container{min-height:0;flex-grow:1;flex-shrink:1;flex-basis:0;display:flex;flex-direction:row}.app .top-container .brand-tab-container{flex-grow:0}.app .top-container .threat-globe-container{min-width:0;position:relative;flex-grow:1;background-color:#135370;display:flex;flex-direction:row}.app .top-container .charts-tab-container{flex-grow:0}.app .top-container .mode-switch-container{position:absolute;top:0;right:0;padding:88px 44px}.app .top-container .call-to-action-container{position:absolute;bottom:0;right:0;padding:44px}.app .top-container .map-legend-container{position:absolute;top:0;left:0;padding:44px}.app .bottom-container{flex-grow:0;flex-shrink:0}.motd{width:320px;font-size:16px;color:#fff}.brand-tab{width:80px;display:flex;flex-direction:column;justify-content:space-between;height:100%;background-color:#0a344a;align-items:center}.brand-tab .brand-group{padding-top:20px;height:160px}.brand-tab .link-group{flex-basis:50%;justify-content:end;display:flex;flex-direction:column;padding-bottom:20px}.brand-tab .link-group>*{padding:6px 0}.brand-tab .link-group img{width:16px;height:16px}.brand-tab .link-group .info-btn{cursor:pointer;background:0;border:0}.brand-tab .link-group .info-btn img{position:relative;width:20px;height:20px;left:-2px}.brand-tab .link-group .info-btn .opened{opacity:.5}.info-modal{position:absolute;bottom:80px;margin:10px;padding:10px;width:420px;border-radius:4px;background-color:#0a344a;color:#fff;left:80px}.info-modal .close-row{width:100%;height:0;overflow:visible;display:flex;flex-direction:row;justify-content:flex-end}.info-modal .close-row button{cursor:pointer;background:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;font-size:24px;color:#fff}.info-modal p{font-size:16px}.info-modal a{color:#fff}.info-modal .color-authed{color:#ecd925;font-weight:700}.info-modal .color-blocked{color:#fff;font-weight:700}.info-modal .color-resolved{color:#02d57c;font-weight:700}.call-to-action{display:flex;flex-direction:column;text-transform:uppercase}.call-to-action a{width:160px;height:32px;border-radius:50vh;font-weight:700;text-decoration:none}.call-to-action a div{width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}.call-to-action .report{color:#42a7c6;border:1px solid #42a7c6;margin-bottom:16px}.call-to-action .demo{color:#135370;background-color:#42a7c6}@media(max-width:1024px){.charts-tab-container .charts-tab{position:absolute;top:0;right:0}.charts-tab-container .charts-tab .charts-body{padding-bottom:80px}}.charts-tab{width:360px;max-width:calc(100vw - 24px);height:100%;background-color:#0a344a;position:relative;transition:width .5s}.charts-tab .charts-scroll{height:100%;overflow-y:auto;overflow-x:hidden}.charts-tab .charts-body{position:relative;width:300px;min-height:100%;display:flex;flex-direction:column;justify-content:space-around;padding:0 30px;color:#fff;right:0}.charts-tab .charts-body .chart-container{padding-bottom:60px;display:flex;flex-direction:column}.charts-tab .charts-body .chart-container .title{font-size:18px}.charts-tab .charts-body .chart-container .title .type{font-weight:700}.charts-tab .charts-body .chart-container .chart{flex-grow:1;padding-top:20px}.charts-tab .charts-body .chart-container .column:hover .chart-value{visibility:visible;opacity:1;transform:translateY(0);transition:opacity .2s,transform .2s,visibility 0s linear 0s}.charts-tab .charts-body .chart-container .chart-value{position:absolute;bottom:100%;display:flex;visibility:hidden;opacity:0;flex-direction:column;align-items:center;margin:10px 0;padding:10px 0;border-radius:8px;width:52px;background-color:#052133;transition:opacity .2s,transform .2s,visibility 0s linear .2s;transform:translateY(20px)}.charts-tab .charts-body .chart-container .chart-label{display:flex;flex-direction:column;align-items:center;position:absolute;top:100%;font-size:10px;text-align:center;width:52px;padding-top:10px}.charts-tab .charts-body .chart-container .chart-flag{display:flex;flex-direction:column;align-items:center;position:absolute;top:100%;width:52px;height:18px;padding-top:10px}.charts-tab .charts-body .chart-container .column{width:52px}.tab-handle{position:absolute;z-index:10}.tab-handle button{cursor:pointer;background-color:#0000;border:0;padding:0;position:relative}.tab-handle button .button-content{width:100%;height:100%}.tab-handle .image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.tab-handle .image-overlay img{transition:transform .5s}.tab-handle .tab{width:100%;height:100%}.tab-handle .svg-container{position:relative}.tab-handle.left{left:-24px;width:24px;height:100%;display:flex;flex-direction:row;align-items:center}.tab-handle.left button{width:40px;height:136px}.tab-handle.left .svg-container{width:24px;height:140px}.tab-handle.top{top:-24px;width:100%;height:24px;display:flex;flex-direction:column;align-items:center}.tab-handle.top button{width:136px;height:40px}.tab-handle.top .svg-container{width:140px;height:24px}.time-dropdown{font-size:12px}.time-dropdown select{color:#42a7c6;background:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20transform='rotate(180,12,12)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.3536%2011.7678L9.0607%2015.0607L7.64648%2013.6465L12.3536%208.93935L17.0607%2013.6465L15.6465%2015.0607L12.3536%2011.7678Z'%20fill='%2342a7c6'/%3e%3c/g%3e%3c/svg%3e") no-repeat right top;border:0;padding:4px 24px 4px 0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.time-dropdown select *{color:#000}.log-tab{z-index:10;height:80px;background-color:#052133;position:relative;font-size:16px;transition:height .5s}.log-tab .threat-log{display:flex;flex-direction:row;align-items:center;height:100%}.log-tab .threat-log .threat-log-row{width:12.5%;min-width:240px;height:80px;position:absolute;left:100%;padding:0;display:flex;flex-direction:row;align-items:center;justify-content:center;transition:transform .8s,top .5s;top:0;white-space:nowrap;overflow:visible;margin:0 8px}.log-tab .threat-log .threat-log-row .threat-log-flag{height:18px;padding:12px}.log-tab .threat-log .threat-log-row .threat-log-message{font-weight:700;text-transform:uppercase;display:inline}.log-tab .threat-log .index-0{transform:translate(-0)}.log-tab .threat-log .index-1{transform:translate(-100%)}.log-tab .threat-log .index-2{transform:translate(-200%)}.log-tab .threat-log .index-3{transform:translate(-300%)}.log-tab .threat-log .index-4{transform:translate(-400%)}.log-tab .threat-log .index-5{transform:translate(-500%)}.log-tab .threat-log .index-6{transform:translate(-600%)}.log-tab .threat-log .index-7{transform:translate(-700%)}.log-tab .threat-log .index-8{transform:translate(-800%)}.log-tab .threat-log .index-9{transform:translate(-900%)}.log-tab .log-overlay{position:absolute;top:0;width:100%;height:100%;background:radial-gradient(circle,transparent 50%,#052133 100%)}.mode-switch button{cursor:pointer;border:1px solid #42a7c6;padding:0}.mode-switch button:not(.selected){font-weight:400;color:#42a7c6;background-color:transparent}.mode-switch .selected{font-weight:700;color:#135370;background-color:#42a7c6}.mode-switch .switch-3d{padding:8px 8px 8px 12px;border-radius:50vh 0 0 50vh}.mode-switch .switch-2d{padding:8px 12px 8px 8px;border-radius:0 50vh 50vh 0}html{overflow-x:hidden}body{margin:0;font-family:Open Sans,Netcraft Open Sans,sans-serif;font-size:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}