:root{--background: 255 255 255;--color: 0 0 0;--toolbar-width: 70px;--font-weight: 500;background-color:#fff;color:#000}*{box-sizing:border-box}html,body,#cesiumContainer{margin:0;padding:0;width:100%;height:100%}body{background-color:#00000040}body,button,input{font-family:Poppins,sans-serif;color:rgb(var(--color));font-size:15px;font-weight:var(--font-weight)}button{border:none;outline:none;background-color:transparent;cursor:pointer;padding:0}ul{list-style:none;margin:0;padding:0}.cesium-viewer-toolbar{display:none}.cesium-credit-logoContainer img{width:124px}body>.wrapper{position:relative;width:100%;height:calc(100% - 60px);overflow:hidden}body>header{height:60px;background-color:#fff;display:flex;align-items:center;gap:.8rem;padding-left:22px}body>header h1{font-size:1em;font-weight:600;display:inline-block}body>header>span{opacity:.6}.controls{z-index:999;position:absolute}.controls{top:20px;right:20px;display:flex;flex-direction:column;align-items:center}.controls>div{margin-bottom:5px;background-color:rgb(var(--background) / 90%);width:40px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:8px;cursor:pointer}.controls svg{fill:rgb(var(--color));width:18px}#compass{width:54px;height:54px;border-radius:100%;padding:14px}#compass>div{width:100%;height:100%;border-radius:100%;background-color:rgb(var(--color) / 15%);display:flex;justify-content:center;align-items:center}#compass>div>svg{width:22px}#compass>div>svg>path:nth-child(2){fill:rgb(var(--color) / 50%)}@media screen and (max-width: 981px){body>header{height:52px}body>.wrapper{height:calc(100% - 52px)}.controls{right:5px;top:10px;transform:scale(.9);transform-origin:top right}}.toolbar{z-index:900;position:absolute;top:0;bottom:0;left:0;padding:20px 10px;display:flex;flex-direction:column;pointer-events:none}.toolbar>div{margin-bottom:8px;pointer-events:auto}.toolbar>div.legendIsOpen button>.icon{background-color:#fff;border:1px solid rgba(0,0,0,.7)}.toolbar>div>button{z-index:2;position:relative;width:46px;height:46px}.toolbar>div>button:hover>.icon{background-color:#fff}.toolbar>div>button .icon{width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:6px;background-color:#ffffffe6}.toolbar>div>button>span{font-size:1.15em;letter-spacing:.5px;font-weight:700}.toolbar>div>button .tooltip{position:absolute;left:calc(100% - 5px);top:0;bottom:0;font-size:.95em;background-color:#fff;border-top-right-radius:6px;border-bottom-right-radius:6px;overflow:hidden;opacity:0;pointer-events:none;transform:translate(-15px);transition:transform .2s ease,opacity .2s ease}.toolbar>div>button .tooltip>div{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 20px 0 12px;white-space:nowrap;transition:all .2s ease}.toolbar>div.legendToggle>button .tooltip>div{flex-direction:row;justify-content:flex-start;align-items:center}.toolbar>div.legendToggle>button .tooltip>div>span{position:relative;display:none;width:16px;height:2px;margin-right:14px;background-color:rgb(var(--color));border-radius:2px;opacity:1}.toolbar>div.legendToggle>button .tooltip>div>span:after{content:"";position:absolute;width:8px;height:8px;left:0;top:-4px;transform:rotate(45deg);border-bottom:2px solid rgb(var(--color));border-left:2px solid rgb(var(--color));border-radius:2px}.toolbar>div>button .tooltip div span{opacity:.5;font-size:.9em}body:not(.noTooltip) .toolbar button:hover .tooltip{opacity:1;transform:translate(0);pointer-events:auto}.toolbar>div.legendIsOpen>button{position:unset}.toolbar>div.legendIsOpen .legend{opacity:1;pointer-events:auto;transform:translate(0)}.toolbar>div.legendIsOpen .tooltip{opacity:1;transform:translate(9px);z-index:10;top:20px;bottom:unset;height:64px;width:340px;border-radius:0;pointer-events:auto;border-bottom:1px solid rgb(var(--color) / 5%)}.toolbar>div.legendIsOpen .tooltip>div{padding-left:30px}.toolbar>div.legendToggle.legendIsOpen>button .tooltip>div>span{display:inline-block}.toolbar .legend{z-index:1;position:absolute;top:20px;left:var(--toolbar-width);width:340px;background-color:#fffffff2;opacity:0;pointer-events:none;transform:translate(-20px);transition:all .2s ease}.toolbar .legend>div{position:relative;padding-top:64px;padding-bottom:30px;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.toolbar .legend>div::-webkit-scrollbar{display:none;width:0;height:0}.toolbar .legend>div>div,.toolbar .legend>div>ul{margin:0;padding:26px 0 0}.toolbar .legend>div>div{padding-right:30px;padding-left:30px}.toolbar .legend>div>ul:before{display:block;color:rgb(var(--color));font-size:.75em;margin-left:30px;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.toolbar .legend>div>ul.etapp1a:before{content:"Inga vypunkter"}.toolbar .legend>div>ul>li:hover,.toolbar .legend .dropdown.open{background-color:rgb(var(--color) / 3%)}.toolbar .legend>button{width:100%;padding:1em;text-align:center;border-top:1px solid rgba(0,0,0,.1)}#layers li>input{display:none}#layers li>label{position:relative;display:block;padding:3px 30px;cursor:pointer;color:rgb(var(--color) / 30%);border-left:0 solid rgb(132 144 154 / 0);transition:color .2s ease}#layers li>input:checked+label{color:rgb(var(--color))}#layers li>label:after{content:"Av";position:absolute;top:10px;right:30px;font-size:.85em}#layers li>input:checked+label:after{content:"På"}#viewpoints li{padding:5px 30px;cursor:pointer}.toolbar .legend .dropdown>div{overflow:hidden;max-height:0;opacity:0;pointer-events:none;transition:all .2s ease}.toolbar .legend .dropdown>div p{font-size:.95em;padding-top:10px}.toolbar .legend .dropdown.open>div{max-height:100%;opacity:1;pointer-events:auto}.toolbar .legend .dropdown ul{padding:20px 0 0}.toolbar .legend .dropdown li{padding:10px 15px}.toolbar .legend .dropdown li:hover{background-color:rgb(var(--color) / 3%)}.toolbar .legend .dropdown li>span{right:40px}.toolbar>div>button img,.toolbar>div>button svg{width:21px}.toolbar>div svg g{fill:rgb(var(--color))}#sun>div>div>div>ul{margin-top:40px}.toolbar .action.active>button>.icon{background-color:rgb(var(--color) / 8%)}.actions{z-index:100;position:absolute;bottom:5px;left:calc(var(--toolbar-width) + 10px);display:flex;flex-direction:column;width:350px}.noTooltip .actions{left:calc(var(--toolbar-width) + 350px)}.actions>div{position:relative;padding:20px 24px;border-radius:6px;background-color:rgb(var(--background) / 80%);opacity:0;pointer-events:none;height:130px;margin-bottom:-135px;transition:opacity .3s ease,margin .3s ease}.actions>div.active{opacity:1;pointer-events:auto;margin-bottom:5px}.actions>div>p{margin:0 0 16px;line-height:1.5;font-size:.95em;letter-spacing:.2px}#date{padding-top:1em!important}#date select{display:block;width:100%;padding:.6em;font-size:1.05em}#time{position:relative;width:100%}#hourOutput{text-align:center}#time input[type=range]{-webkit-appearance:none;margin:17px 0;width:100%;height:6px;border-radius:5px;background:rgb(var(--color) / 50%)}#time input[type=range]:focus{outline:none}#time input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;border-radius:3px;background:transprent}#time input[type=range]::-webkit-slider-thumb{height:23px;width:23px;border-radius:50%;background:#fbcf7b;border:1px solid rgb(var(--color) / 20%);cursor:pointer;-webkit-appearance:none;margin-top:-9px}@media screen and (max-width: 981px){.tooltip{display:none}.toolbar .legend{position:fixed;top:unset;bottom:0;left:0;width:100%;border-radius:6px}.toolbar .legend>div{padding-top:0}.toolbar{padding:10px 5px}.toolbar>div{margin-bottom:1px}.toolbar>div>button{transform:scale(.9)}.toolbar>div>button:hover>.icon{background-color:#ffffffe6}.toolbar>div.legendIsOpen button>.icon{background-color:#fff}}