:root{--example-variable:10px}.cookie__consent,.flex{display:flex;flex-direction:row}@media (max-width:600px){.cookie__consent,.flex{flex-direction:column}}.col__1{flex-grow:1;flex-shrink:0;flex-basis:calc(100% / 12 * 1);min-width:calc(100% / 12 * 1);max-width:calc(100% / 12 * 1);width:calc(100% / 12 * 1)}@media (max-width:600px){.col__1{flex-basis:auto;max-width:100%;min-width:100%;width:100%}}.col__2{flex-grow:1;flex-shrink:0;flex-basis:calc(100% / 12 * 2);min-width:calc(100% / 12 * 2);max-width:calc(100% / 12 * 2);width:calc(100% / 12 * 2)}@media (max-width:600px){.col__2{flex-basis:auto;max-width:100%;min-width:100%;width:100%}}.col__3{flex-grow:1;flex-shrink:0;flex-basis:calc(100% / 12 * 3);min-width:calc(100% / 12 * 3);max-width:calc(100% / 12 * 3);width:calc(100% / 12 * 3)}@media (max-width:600px){.col__3{flex-basis:auto;max-width:100%;min-width:100%;width:100%}}.col__4{flex-grow:1;flex-shrink:0;flex-basis:calc(100% / 12 * 4);min-width:calc(100% / 12 * 4);max-width:calc(100% / 12 * 4);width:calc(100% / 12 * 4)}@media (max-width:600px){.col__4{flex-basis:auto;max-width:100%;min-width:100%;width:100%}}.col__5{flex-grow:1;flex-shrink:0;flex-basis:calc(100% / 12 * 5);min-width:calc(100% / 12 * 5);max-width:calc(100% / 12 * 5);width:calc(100% / 12 * 5)}@media (max-width:600px){.col__5{flex-basis:auto;max-width:100%;min-width:100%;width:100%}}.col__6,.cookie__consent .cookie__buttons,.cookie__consent .cookie__text{flex-grow:1;flex-shrink:0;flex-basis:calc(100% / 12 * 6);min-width:calc(100% / 12 * 6);max-width:calc(100% / 12 * 6);width:calc(100% / 12 * 6)}@media (max-width:600px){.col__6,.cookie__consent .cookie__buttons,.cookie__consent .cookie__text{flex-basis:auto;max-width:100%;min-width:100%;width:100%}}.col__7{flex-grow:1;flex-shrink:0;flex-basis:calc(100% / 12 * 7);min-width:calc(100% / 12 * 7);max-width:calc(100% / 12 * 7);width:calc(100% / 12 * 7)}@media (max-width:600px){.col__7{flex-basis:auto;max-width:100%;min-width:100%;width:100%}}.col__8{flex-grow:1;flex-shrink:0;flex-basis:calc(100% / 12 * 8);min-width:calc(100% / 12 * 8);max-width:calc(100% / 12 * 8);width:calc(100% / 12 * 8)}@media (max-width:600px){.col__8{flex-basis:auto;max-width:100%;min-width:100%;width:100%}}.col__9{flex-grow:1;flex-shrink:0;flex-basis:calc(100% / 12 * 9);min-width:calc(100% / 12 * 9);max-width:calc(100% / 12 * 9);width:calc(100% / 12 * 9)}@media (max-width:600px){.col__9{flex-basis:auto;max-width:100%;min-width:100%;width:100%}}.col__10{flex-grow:1;flex-shrink:0;flex-basis:calc(100% / 12 * 10);min-width:calc(100% / 12 * 10);max-width:calc(100% / 12 * 10);width:calc(100% / 12 * 10)}@media (max-width:600px){.col__10{flex-basis:auto;max-width:100%;min-width:100%;width:100%}}.col__11{flex-grow:1;flex-shrink:0;flex-basis:calc(100% / 12 * 11);min-width:calc(100% / 12 * 11);max-width:calc(100% / 12 * 11);width:calc(100% / 12 * 11)}@media (max-width:600px){.col__11{flex-basis:auto;max-width:100%;min-width:100%;width:100%}}.col__12{flex-grow:1;flex-shrink:0;flex-basis:calc(100% / 12 * 12);min-width:calc(100% / 12 * 12);max-width:calc(100% / 12 * 12);width:calc(100% / 12 * 12)}@media (max-width:600px){.col__12{flex-basis:auto;max-width:100%;min-width:100%;width:100%}}.font-medium{font-weight:500}.cookie__consent{position:fixed;bottom:0;left:0;width:100vw;padding:15px;transform:translateY(0);transition:transform .6s ease-in-out;z-index:10000;border-top:2px solid #000;background:#fff;color:#000;font-size:1.5rem;font-weight:600;line-height:1}.cookie__consent.hidden{transform:translateY(110%)}.cookie__consent .cookie__text{justify-self:flex-start}@media (max-width:600px){.cookie__consent .cookie__text{margin-bottom:20px;text-align:center;line-height:1.25}}.cookie__consent .cookie__buttons{justify-self:flex-end;display:flex;position:absolute;right:0;top:0;bottom:0;margin:auto;height:40px}@media (max-width:600px){.cookie__consent .cookie__buttons{position:relative;margin-bottom:10px}}.cookie__consent .cookie__buttons .accept__all,.cookie__consent .cookie__buttons .accept__required{border:2px solid #000;border-radius:100px;line-height:35px;vertical-align:center;padding-left:20px;padding-right:20px}.cookie__consent .accept__all{margin-left:auto;margin-right:20px;cursor:pointer}@media (max-width:600px){.cookie__consent .accept__all{margin-right:auto}}.cookie__consent .cookie__text p{margin:0}body,html{margin:0;padding:0}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;outline:0}b,strong{font-weight:600}body{background:#3b3444;font-family:Helvetica Neue,sans-serif,Arial}.login,.tracking{width:500px;max-width:calc(100% - 40px);border-radius:8px;margin-left:auto;margin-right:auto;margin-top:calc(var(--vhBar) * 50);transform:translateY(-50%);box-shadow:0 0 16px 1px rgba(0,0,0,.4);padding:30px}.login.tracking,.tracking.tracking{margin-top:50px;transform:unset}.login.user__info,.tracking.user__info{color:#000;text-align:center;background:#fff;z-index:10000;border:2px solid #000;position:fixed;top:0;left:0;right:0;border-radius:0;font-weight:600;line-height:1.4!important}.login .login__info,.login .tracking__info,.tracking .login__info,.tracking .tracking__info{color:#fff;font-size:14px;margin-bottom:30px;line-height:1.3;font-weight:600}.login .login__info span,.login .tracking__info span,.tracking .login__info span,.tracking .tracking__info span{font-weight:400}.login .tracking__info,.tracking .tracking__info{margin-bottom:0}.login .tracking__info .info__current,.tracking .tracking__info .info__current{margin-bottom:6px}.login .info__header,.tracking .info__header{font-size:20px;margin-bottom:5px}.login form label,.tracking form label{display:none}.login form .alert-danger ul,.tracking form .alert-danger ul{list-style-type:none;padding:0;color:#fff}.login form button,.login form input,.tracking form button,.tracking form input{width:100%;height:40px;padding-left:10px;padding-right:10px;-webkit-appearance:none;border-radius:5px;outline:0;border:1px solid #fff;background:#3b3444;color:#fff}.login form button,.tracking form button{background:#fff;color:#3b3444}.login form input:-webkit-autofill,.login form input:-webkit-autofill:active,.login form input:-webkit-autofill:focus,.login form input:-webkit-autofill:hover,.tracking form input:-webkit-autofill,.tracking form input:-webkit-autofill:active,.tracking form input:-webkit-autofill:focus,.tracking form input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 30px #3b3444 inset!important;-webkit-text-fill-color:#fff!important}.login form input,.tracking form input{margin-bottom:8px}.button{cursor:pointer}.buttons{width:500px;max-width:calc(100% - 40px);margin-left:auto;margin-right:auto;margin-top:10vh}.buttons .button{width:100%;height:50px;text-align:center;line-height:48px;vertical-align:center;border-radius:5px;outline:0;font-size:18px;border:1px solid #fff;box-shadow:0 0 16px 1px rgba(0,0,0,.4)}.buttons .button.start__tracking{background:#fff;color:#3b3444;margin-bottom:15px}.buttons .button.inactive{pointer-events:none;opacity:.3;box-shadow:none}.buttons .button.stop__tracking{background:#3b3444;color:#fff}#map{position:fixed;left:0;top:0;height:calc(var(--vhBar) * 100);width:100%}.banner__settings input{width:100%;height:50px;padding-left:10px;padding-right:10px;-webkit-appearance:none;border-radius:5px;outline:0;background:#3b3444;border:1px solid #02ff02;color:#02ff02;margin-bottom:15px;font-size:15px}.banner__settings input.inactive{border:1px solid #fff;color:#fff}.marquee{position:fixed;top:0;left:0;width:100vw;height:56px;background:#fff;border-bottom:2px solid #000;z-index:100;white-space:nowrap;font-size:1.5rem;font-weight:600;line-height:54px;vertical-align:center}.marquee .marquee__part{display:inline-block;white-space:nowrap;-webkit-animation:marquee-left 80s linear infinite;animation:marquee-left 80s linear infinite}@-webkit-keyframes marquee-left{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-100%,0,0)}}@keyframes marquee-left{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-100%,0,0)}}.offgrid{display:flex;width:100%;background:green}.component{display:flex;background:#00f;max-width:1080px;min-width:1080px;margin:auto}@media (max-width:1120px){.component{max-width:calc(100vw - 40px);min-width:calc(100vw - 40px)}}@media (max-width:900px){.component{max-width:calc(100vw - 40px);min-width:calc(100vw - 40px)}}@media (max-width:600px){.component{max-width:calc(100vw - 40px);min-width:calc(100vw - 40px)}}