body{color:#f2f0f2;background-color:#8c5e74;font-family:Aboreto,sans-serif;font-weight:400;line-height:1.5}h1,h2,h3,h4,h5{font-weight:600}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}.leaflet-popup-content{color:#f2f0f2;font-family:Aboreto,sans-serif;font-size:.8rem}.leaflet-popup .leaflet-popup-content-wrapper{background-color:#8c5e74;border-radius:10px;transition:transform 1s;transform:translate(-50px,-5px)}.leaflet-popup-close-button{transform:translate(-50px,-5px);color:#0000!important}.leaflet-popup .leaflet-popup-tip{background-color:#0000}.leaflet-control-zoom.leaflet-bar a{color:#8c5e74;background-color:#f29b88;width:36px;height:36px;font-size:1.2rem}.leaflet-control-zoom.leaflet-bar a:hover{color:#f2f0f2;background-color:#a65e44}.sök-filtrera{color:#262314;background-color:#8c5e74;flex-direction:row;gap:.5rem;font-family:Aboreto,sans-serif;display:flex}.sök-filtrera input.sökruta{color:#262314;border:1px solid #f2f0f2;border-radius:5px;flex:1;padding:.5rem;font-family:Aboreto,sans-serif}.sök-filtrera button.sökknapp{color:#262314;cursor:pointer;background-color:#f29b88;border:none;border-radius:5px;padding:.5rem 1rem;font-family:Aboreto,sans-serif;transition:background-color .2s}.sök-filtrera button.sökknapp:hover{color:#f2f0f2;background-color:#a65e44}.sök-filtrera select{color:#262314;border:1px solid #f2f0f2;border-radius:5px;padding:.5rem;font-family:Aboreto,sans-serif}.main{height:100vh;display:flex}.main #map{background-color:#f2f0f2;flex:1;height:100%}.main #map-laddare{z-index:100000;background:#f2f0f280;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.main .spinner{border:5px solid #f2f0f2;border-top-color:#8c5e74;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.main .sidomeny{background-color:#8c5e74;flex-direction:column;width:40%;padding:1rem;display:flex}.main .sidomeny h1{margin-bottom:.5rem}.main #toplista{padding:.5rem;position:relative;overflow-y:auto}.main #toplista h2{margin-top:1rem;margin-bottom:.5rem}.main #toplista p{max-width:50ch;margin-bottom:.5rem;font-size:.8rem;font-style:italic}.main #toplista .kommunnamn{color:#f2f0f2;background:0 0;border-radius:5px;margin-bottom:.3rem;padding:.1rem}.main #toplista-overlay{z-index:10;pointer-events:none;background:#8c5e74;animation:1.2s ease-out forwards revealClip;position:absolute;inset:0}@keyframes revealClip{0%{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}.main .sidfot{text-align:right;color:#f2f0f2;margin-top:auto;font-size:.8rem}@media (width<=1274px){.main .sök-filtrera{flex-direction:column;width:100%;display:flex}.main .sök-filtrera form{gap:.5rem;width:100%;display:flex}}@media (width<=768px){.main{flex-direction:column;height:auto}.main .sidomeny{flex-direction:column;order:2;width:100%;min-height:0;padding:1rem;display:flex}.main .sök-filtrera{flex-direction:column;width:90%;display:flex}.main .sök-filtrera form{gap:.5rem;width:100%;display:flex}.main .sök-filtrera input.sökruta{flex:1;width:100%}.main #map{order:1;min-height:70vh}.main #toplista{width:100%;margin-top:.5rem}.main .sidfot{text-align:center;margin-top:.5rem}}