@charset "UTF-8";.Header{width:100%;height:74px;display:grid;grid-template-columns:[icon] -webkit-min-content [search] auto [language] 70px [menu] 75px;grid-template-columns:[icon] min-content [search] auto [language] 70px [menu] 75px;grid-template-rows:74px;position:relative}.Header .Language,.Header .Menu{box-sizing:border-box;padding:5px}.Header .Icon{height:100%;cursor:pointer;background-image:url(/OSMS_logga_utanmost.png);background-size:90%;background-position:50%;background-repeat:no-repeat}.Header .logo{padding:10px;box-sizing:border-box}.Header .smol{display:none;height:100%}.Header .smol img{height:100%}.Header .wide{display:block;height:100%}.Header .wide img,.Header svg{height:100%}.Header svg path,.Header svg polyline{fill:#a0a8ab!important}.Header .desktopSearch{display:block;height:100%;padding:10px;box-sizing:border-box}.Header .desktopSearch .searchText{width:100%;border:0;height:100%;font-size:26px}.Header .desktopSearch .searchText:focus{outline:none}.Header .desktopSearch .searchText::-webkit-input-placeholder{color:#a0a8ab}.Header .mobileSearch{display:none;height:100%;padding:10px 0;box-sizing:border-box}.Header .mobileSearch svg{height:60px;width:60px;vertical-align:middle}@media only screen and (max-width:900px){.Header .Icon{background-image:url(/OSMS_logga2.png)}.Header .smol{display:block}.Header .desktopSearch,.Header .wide{display:none}.Header .mobileSearch{display:block}}.Header.languageEnabled:not(.menuEnabled){grid-template-columns:[icon] -webkit-min-content [search] auto [language] 70px;grid-template-columns:[icon] min-content [search] auto [language] 70px}.SearchResult{position:absolute;top:0;left:0;z-index:99999;width:65%;height:100%;overflow-y:auto;background-color:rgba(0,0,0,.2)}.SearchResult .ResultItem{cursor:pointer;padding:5px 5px 5px 0;border-bottom:2px solid #bfbfbf;height:90px;box-sizing:border-box;background-color:#f0e7e7}.SearchResult .ResultItem a{display:grid;grid-template-columns:[image] 80px [text] auto [type] 80px;text-decoration:none;font-size:16px;color:#000}.SearchResult .ResultItem a .Image{height:80px;width:80px;background-size:cover;background-position:50%;background-repeat:no-repeat}.SearchResult .ResultItem a .Text{white-space:normal;padding:0 10px;display:flex;align-items:center}.SearchResult .ResultItem a .Type{color:grey;font-size:.9em;padding:0 10px;display:flex;align-items:center}.SearchResult .SearchInput{display:none}@media only screen and (max-width:900px){.SearchResult{width:100%;background-color:#f2f1ef}.SearchResult .SearchInput{height:100px;display:block}.SearchResult .SearchInput input{width:90%;margin:32px 5% 0;font-size:1.5em;box-sizing:border-box}.SearchResult .ResultItem a{grid-template-rows:[row1] 50% [row2] 50%;grid-template-columns:[image] 80px [text] auto}.SearchResult .ResultItem a .Image{grid-row-start:1;grid-row-end:3}.SearchResult .ResultItem a .Text,.SearchResult .ResultItem a .Type{line-height:normal}}.LanguageSelect{position:absolute;top:74px;left:0;right:0;bottom:0;background:#fff;padding:25px 0 0;box-sizing:border-box;z-index:9999;overflow:auto}.LanguageSelect .welcome{width:100%;text-align:center;font-size:1.4em;font-weight:100;margin:0 0 10px}.LanguageSelect .langoption{width:170px;margin:0 auto;text-align:left;font-size:1.4em;padding:0 0 5px;font-weight:100;cursor:pointer}.LanguageSelect .langoption a:active,.LanguageSelect .langoption a:link,.LanguageSelect .langoption a:visited{text-decoration:none}.Root{height:100vh;display:grid;grid-template-rows:[header] 74px [content] auto [footer] 25px;grid-template-rows:[header] 74px [content] auto;overflow:hidden;font-family:Open Sans,sans-serif}.Root .Content{display:grid;grid-template-columns:[map] 65% [list] auto;position:relative}.Root .Content .List{display:grid;grid-template-rows:[titlebar] 140px [list] auto;position:relative;height:100%}.Root .Content .List .ListSwapButton{display:none;background:#fa8228;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1000}@media only screen and (max-width:900px){.Root .Content .List .ListSwapButton{display:block}}.Root .Content .List .Listcontent{overflow-x:hidden;overflow-y:auto;position:absolute;top:140px;bottom:0;width:100%;background:#f2f1ef}.Root .Content .List .Listcontent .Tab{display:none;box-sizing:border-box;padding:0 0 30px}.Root .Content .List .Listcontent .Tab .Info{padding:20px;box-sizing:border-box}.Root .Content .List .Listcontent .Tab.Active{display:block}@media only screen and (max-width:900px){.Root .Content{grid-template-columns:[list] 30px [map] auto}.Root .Content.Swapped .List{grid-column-start:1;grid-column-end:1;grid-row-start:1}.Root .Content.Swapped .Map{grid-column-start:2;grid-column-end:2;grid-row-start:1}}.App-logo{height:40vmin}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#09d3ac}.leftList_menu .gridcontainer .griddyhtml,body,div{padding:0;margin:0;border:0}.Map{width:100%;height:100%;position:relative}.Map .leaflet-container{width:100%;height:100%;background:#fff}.Map .MapSwapButton{display:none;background:#d9d9d9;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1000}@media only screen and (max-width:900px){.Map .MapSwapButton{display:block}}.Map .leaflet-popup-content-wrapper{border-radius:0}.Map .leaflet-popup-content-wrapper .leaflet-popup-content{width:auto!important;margin:0}.Map .leaflet-popup-content-wrapper .leaflet-popup-content .wrap{width:auto!important;display:grid}.Map .leaflet-popup-content-wrapper .leaflet-popup-content .wrap .img{width:128px;height:72px;background-color:#000;background-size:contain;background-position:50%;background-repeat:no-repeat}.Map .leaflet-popup-content-wrapper .leaflet-popup-content .wrap .title{padding:2px}.Map .leaflet-div-icon{background:transparent;border:0}.Map.moveLeft .leaflet-bottom.leaflet-right{right:400px}.SwapButton{display:none;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1000}.SwapButton .gmapsIcon{position:relative;left:calc(100% - 23px);top:9px;height:17px}.SwapButton .mapSwapBtnText{color:#000;position:absolute;top:40px;left:calc(100% - 24px);z-index:1;-webkit-transform:rotate(90deg);-webkit-transform-origin:bottom left;transform:rotate(90deg);transform-origin:bottom left}@media only screen and (max-width:900px){.SwapButton{display:block}}.SwapButton.Guides{background:#fa8228}.SwapButton.Guides .mapSwapBtnText{color:#fff}.SwapButton.Map{background:#d9d9d9}.AppList li{background-color:purple}.AppList li a{color:#fff}.OtherObject li{background-color:red}.OtherObject li a{color:#000}.Titlebar{background:-webkit-gradient(linear,left top,left bottom,from(#f99827),to(#fce67e));background:linear-gradient(180deg,#f99827,#fce67e);background-size:cover;background-position:100%;background-repeat:no-repeat;color:#fff;font-family:Raleway,sans-serif;background-image:url(/forest.png);height:140px;position:absolute;left:0;top:0;width:100%}.Titlebar .BackBtn{position:absolute;top:12px;left:26px;font-weight:lighter;font-size:1em;opacity:.4;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.7}.Titlebar .BackBtn .backarrow{height:20px;position:relative;bottom:-3px;display:inline-block;margin:0 10px 0 0}.Titlebar .BackBtn .backarrow svg polygon{fill:#fff}.Titlebar .BackBtn a,.Titlebar .BackBtn a:hover,.Titlebar .BackBtn a:visited{color:#fff;text-decoration:none}.Titlebar .Title{position:absolute;top:46px;left:27px;font-weight:100;font-size:1.2em}.Titlebar .Tabs{position:absolute;bottom:0;height:38px;width:100%}.Titlebar .TabBtn{color:#000;float:left;padding:10px;background:hsla(0,0%,100%,.4);cursor:pointer;height:19px}.Titlebar .TabBtn.Active{background:#f2f1ef;cursor:default}.ListItem{position:relative;height:80px;width:100%;cursor:pointer;box-sizing:content-box;margin:3px 0 0 3px;background:#fff;text-align:left;text-align:initial}.ListItem a,.ListItem a:hover,.ListItem a:visited{color:inherit;text-decoration:none}.ListItem svg path{fill:#000}.ListItem .image{width:100px;height:80px;position:absolute;left:0;top:0;background-position:50%;background-size:cover;background-repeat:no-repeat}.ListItem .otherStuff{width:calc(100% - 100px);height:100%;margin-left:100px;position:relative}.ListItem .otherStuff .title{position:absolute;top:10px;left:10px;width:calc(100% - 20px);line-height:20px;font-size:1em;overflow:hidden;height:44px}.ListItem .otherStuff .subtitle{position:absolute;top:54px;left:15px;font-size:.9em;color:#b3b3b3}.ListItem .otherStuff .subtitle svg{height:15px}.ListItem.marked{background:#404040;color:#e3e3e3}.AppInstance .LanguageSelect{top:0}.AppInstance .AboutImage img{width:100%}.Walk{position:relative}.LeftList{width:400px;top:0;bottom:100px;background:#f2f1ef;position:absolute;left:-400px;overflow-x:hidden;overflow-y:auto;z-index:999}.LeftList audio{position:absolute;width:0;height:0}.LeftList .Text{padding:0 20px}.LeftList .Headr{width:100%;position:relative;top:0;left:0;font-family:Raleway,sans-serif;background:#1f1f1f;color:#fff;min-height:70px}.LeftList .Headr .BackBtn{position:absolute;top:12px;left:26px;font-weight:lighter;font-size:1em;opacity:.4;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.LeftList .Headr .BackBtn a,.LeftList .Headr .BackBtn a:hover,.LeftList .Headr .BackBtn a:visited{color:#fff;text-decoration:none}.LeftList .Headr .BackBtn .backarrow{height:20px;position:relative;bottom:-3px;display:inline-block;margin:0 10px 0 0}.LeftList .Headr .BackBtn .backarrow svg polygon{fill:#fff}.LeftList .Headr .Title{padding:46px 20px 10px 27px;font-weight:100;font-size:1.2em}@media only screen and (max-width:900px){.LeftList{width:100%;left:0}}.ImagePlayer{width:100%;margin:1px 0 0;position:relative;background-color:#1f1f1f}.ImagePlayer .ScrollThingi{overflow:hidden;height:50vh}.ImagePlayer .ScrollThingi .Images{height:100%;width:100%;position:relative}.ImagePlayer .ScrollThingi .Images .Img{float:left;height:100%;width:100%;padding:10px 0;box-sizing:border-box;background-size:contain;background-position:50%;background-repeat:no-repeat;background-clip:content-box;position:absolute}.ImagePlayer .dotNodes{position:absolute;left:50%;bottom:34px;-webkit-transform:translate(-50%);transform:translate(-50%);padding:5px;background:hsla(0,0%,98%,.4);border-radius:10px;display:none}.ImagePlayer .dotNodes .dotNode{border-radius:50%;width:10px;height:10px;background:#000;float:left;margin:3px}.ImagePlayer .dotNodes .dotNode.current{background:#fff}.ImagePlayer .dotNodes.active{display:block}.ImagePlayer .Right{right:0}.ImagePlayer .Left,.ImagePlayer .Right{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:64px}.ImagePlayer .Left{left:0}.ImagePlayer .caption{color:#fff;background:hsla(0,0%,100%,.5);width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:4px 20px 6px;font-size:.9em;box-sizing:border-box}@-webkit-keyframes swoshLeft{0%{transform:translate(100%)}to{transform:translate(0)}0%{-webkit-transform:translate(100%)}to{-webkit-transform:translate(0)}}@keyframes swoshLeft{0%{transform:translate(100%)}to{transform:translate(0)}0%{-webkit-transform:translate(100%)}to{-webkit-transform:translate(0)}}.ImagePlayer .swoshLeft{-webkit-animation-name:swoshLeft;animation-name:swoshLeft;-webkit-animation-duration:1s;animation-duration:1s}@-webkit-keyframes swoshRight{0%{transform:translate(-100%)}to{transform:translate(0)}0%{-webkit-transform:translate(-100%)}to{-webkit-transform:translate(0)}}@keyframes swoshRight{0%{transform:translate(-100%)}to{transform:translate(0)}0%{-webkit-transform:translate(-100%)}to{-webkit-transform:translate(0)}}.ImagePlayer .swoshRight{-webkit-animation-name:swoshRight;animation-name:swoshRight;-webkit-animation-duration:1s;animation-duration:1s}.ImagePlayer .fullscreen_button{position:absolute;top:10px;right:10px;width:40px}.ImagePlayer svg polygon{fill:#bfbfbf}.Fullscreen{position:fixed;top:5vh;left:5vw;right:5vw;bottom:5vh;background-color:#1f1f1f;background-size:contain;background-position:50%;background-repeat:no-repeat;z-index:1000}.Fullscreen .tinyscreen{width:40px;height:40px;position:absolute;top:10px;right:10px}.Fullscreen .tinyscreen path{fill:#bfbfbf!important}.Fullscreen .caption{position:absolute;bottom:0;left:0;width:100%;background-color:hsla(0,0%,50.2%,.7);color:#fff;padding:10px;box-sizing:border-box}.Fullscreen .next,.Fullscreen .previous{position:absolute;top:0;width:25%;bottom:0;background-color:rgba(0,0,0,.1)}.Fullscreen .next svg,.Fullscreen .previous svg{height:200px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.Fullscreen .previous,.Fullscreen .previous svg{left:0}.Fullscreen .next,.Fullscreen .next svg{right:0}@media only screen and (max-width:900px){.Fullscreen{top:0;left:0;bottom:0;right:0}.Fullscreen .next,.Fullscreen .previous{height:50px;top:auto;width:50px}.Fullscreen .next svg,.Fullscreen .previous svg{height:100%}.Fullscreen .tinyscreen{bottom:0;top:auto;right:50%;-webkit-transform:translate(50%);transform:translate(50%)}}.VideoPlayer{background-color:#000}.VideoPlayer video{width:100%}.LeftListMenu{width:400px;bottom:0;height:100px;background-color:#fff;color:#000;position:absolute;left:-400px;display:block;z-index:999}.LeftListMenu .Gridcontainer{display:grid;grid-template-columns:20% 20% 20% 20% 20%;grid-template-rows:13px 15px 40px;grid-template-areas:"a b b b c" "e e e e e" "g h i j k";text-align:center;grid-row-gap:1px;font-size:11px;margin:5px 0 0}.LeftListMenu .Gridcontainer .progressTime,.LeftListMenu .Gridcontainer .progressTotal{font-weight:700}.LeftListMenu .Gridcontainer .progressBar{grid-area:1/2/1/span 3}.LeftListMenu .Gridcontainer .progressBar progress{width:100%;height:5px;margin:0 0 3px;background-color:#ccd9dd}.LeftListMenu .Gridcontainer .progressClicker{grid-area:b/b/e/b;z-index:2}.LeftListMenu .Gridcontainer .title{grid-area:e/e/e/e;padding:0 20px 2px;box-sizing:border-box;word-wrap:break-word;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.LeftListMenu .Gridcontainer .ico{height:40px}.LeftListMenu .Gridcontainer .ico.small{height:24px;margin:8px 0 0}.LeftListMenu .Gridcontainer svg{height:100%}.LeftListMenu .Gridcontainer svg path{fill:#ccd9dd}.LeftListMenu .Gridcontainer .deactivated{color:#525252}.LeftListMenu .Gridcontainer svg.deactivated path{fill:#525252}.LeftListMenu.Black{background-color:#1f1f1f;color:#ccd9dd}@media only screen and (max-width:900px){.LeftListMenu{left:0;width:100%}}
/*# sourceMappingURL=main.1adc45d5.chunk.css.map */