:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#0d1e26}h1,h4,p{color:#fff}h3{padding-top:5px;padding-bottom:5px}h4{padding-bottom:10px}.font-color-special{color:#ccd364}header{display:flex;align-items:center;justify-content:space-between;position:fixed;width:98vw;height:40px;transform:translate(1vw);margin-top:15px;padding:15px;background-color:#81a8af;border-radius:5px;z-index:1}#smallScreenTitle{display:none}#navbar-menu-btn{display:none;background:none;border:none;font-size:24px;cursor:pointer}#navLinks{display:flex}#navLinks a{position:relative;padding:15px;font-weight:700;cursor:pointer}#navLinks a:hover,.tab-status-on{background-color:#81a8af79;border:1px solid #0d1e26;border-radius:5px}.social-media-icon{position:relative;height:25px;width:25px;float:right;margin-left:5px;margin-right:5px}.social-media-icon:hover{cursor:pointer}#content-wrapper{width:95vw;height:95vh;position:fixed;transform:translate(2.5vw);top:70px;overflow:auto;scrollbar-width:none;padding-bottom:50px}.home-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:85vh}#Welcome2MOSAICStories{flex-direction:column}.welcome-flex-item,.subtitle{width:100%;text-align:center!important}#storySelectorMenu{margin-top:25px;margin-bottom:25px}.storySelector{margin-left:5px;margin-right:5px;border:3px solid #81a8af;background-color:#000;color:#ccd364;cursor:pointer;border-radius:5px}.randomStorySelector{margin-left:5px;margin-right:5px;border:3px solid #ccd364;background-color:#000;color:#fff;cursor:pointer;border-radius:5px}.glossary-item{margin:0 0 15px}#partner-map{position:absolute;top:0;bottom:0;width:100%;height:100%;padding-bottom:50px}.stories{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;width:100%;height:auto;margin:auto;background-color:#0d1e26;overflow:auto;scrollbar-width:none}.story{width:19%;height:500px;margin:1%;padding:15px;border:1px solid #81a8af;border-radius:10px;background-color:#000;color:#fff}.story-title{font-size:20px;padding:5px 5px 5px 0;cursor:pointer}.story-title-image-container{width:100%;height:40%}.story-title-image{width:100%;height:100%;object-fit:cover}.story-abstract{font-size:medium}#active-story-overview{display:flex;width:inherit;height:85vh}.active-story-title{width:50%;display:flex;justify-content:center;align-items:center;flex-direction:column}.active-story-title h1{color:#ccd364;position:relative;text-align:center;width:85%}.active-story-title p{position:relative;margin:25px;width:70%}.active-story-title ul{color:#bac2c5}.active-story-back-btn,.active-story-down-btn{width:40px;height:40px;border-radius:50%;cursor:pointer;background-color:#fff;border:2px solid #ccc;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;font-weight:700;font-size:25px;color:#00161e;margin:10px 7px 0 0}#story-map,#story-map-container{position:relative;width:100%;height:100%}.legend{z-index:100;position:absolute;bottom:10px;right:10px;background:#fff;padding:10px;border:1px solid #ccc;font-size:14px;max-width:250px;box-shadow:2px 2px 5px #0003}.legend-item{display:flex;align-items:center}.legend-item canvas{width:20px;height:20px;margin-right:5px}.full-text-story-section{width:95vw;max-width:1100px;margin:40px auto 0;padding:30px 30px 40px;background:#101b22;border:1.5px solid #81a8af;border-radius:10px;box-shadow:0 2px 16px #0003;color:#fff;display:flex;flex-direction:column;align-items:center}.full-text-story-section a{color:#80a7ae}.full-text-story-section a:visited{color:#9ea266}.full-text-story-section a:hover{color:#cbd263}.full-text-story-section a:active{color:#e8f252}.full-text-story-section h2{color:#ccd364;font-size:2rem;margin-bottom:18px;text-align:center;font-weight:700}.full-text-story-section .story-gallery{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;margin-top:10px}.full-text-story-section .story-gallery img{max-width:260px;width:100%;border-radius:8px;border:1.5px solid #81a8af;background:#222;object-fit:cover;box-shadow:0 1px 8px #00000021;transition:transform .2s}.full-text-story-section .story-gallery img:hover{transform:scale(1.04);border-color:#ccd364}.full-text-story-section .story-body{width:100%;max-width:900px;font-size:1.12rem;line-height:1.7;color:#e6e6e6;margin-bottom:28px;text-align:left}.story-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;width:100%;margin-top:10px;justify-items:center}@media screen and (max-width: 1800px){.story{width:22%}.active-story-title p{width:80%}}@media screen and (max-width: 1500px){.story{width:32%}#story-map-container{position:relative;width:50%;height:100%}}@media screen and (max-width: 1000px){.nav-links a:hover{background-color:#81a8af79;border:1px solid #0d1e26;border-radius:5px}.story{width:40%}#active-story-overview{height:100vh;flex-direction:column}.active-story-title{width:100%;height:50%}#story-map{width:100%;height:100%;margin-top:25px}#story-map-container{position:relative;width:100%;height:100%}#partner-map{width:100%}}@media screen and (max-width: 825px){header{width:96vw;height:35px;transform:translate(2vw);margin-top:2vw;padding:2vw}#smallScreenTitle{display:flex}.social-media-icon{height:20px;width:20px;float:right;margin-left:5px;margin-right:5px}#content-wrapper{top:60px;width:90vw;transform:translate(5vw)}.story{width:80%;height:fit-content}#active-story-overview{height:fit-content;flex-direction:column}.active-story-title{width:100%;height:100%;justify-content:flex-start}.active-story-title p{width:90%;text-align:justify}#story-map{width:90vw;height:90vw;margin-top:25px}#navLinks{display:none;flex-direction:column;position:absolute;top:40px;left:0;background:#81a8af;border-radius:5px;box-shadow:0 4px 6px #0000001a}#navLinks a{padding:10px;margin:5px}#navLinks a:hover{color:#fff;background-color:#0d1e26}#navLinks.show{display:flex}#navbar-menu-btn{display:block}}.active-story-back-btn:hover,.active-story-down-btn:hover{background-color:#f0f0f0;box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.gallery-img[data-v-aaecc1b1]{width:100%;border-radius:8px;border:1.5px solid #81a8af;background:#222;object-fit:cover;box-shadow:0 1px 8px #00000021;cursor:zoom-in;transition:transform .2s,border-color .2s}.gallery-img[data-v-aaecc1b1]:hover{transform:scale(1.04);border-color:#ccd364}.expand-modal[data-v-aaecc1b1]{position:fixed;z-index:10000;left:0;top:0;right:0;bottom:0;background:#0d1e26f7;display:flex;align-items:center;justify-content:center;animation:fadeIn-aaecc1b1 .18s}@keyframes fadeIn-aaecc1b1{0%{opacity:0}to{opacity:1}}.modal-img[data-v-aaecc1b1]{max-width:92vw;max-height:85vh;border-radius:12px;border:2px solid #81a8af;box-shadow:0 2px 16px #0003;background:#222}.close-btn[data-v-aaecc1b1]{position:fixed;top:32px;right:48px;background:none;border:none;font-size:2.8rem;color:#ccd364;cursor:pointer;z-index:10001;transition:color .15s;line-height:1}.close-btn[data-v-aaecc1b1]:hover{color:#fff}.expand-modal-label[data-v-aaecc1b1]{position:fixed;left:50%;bottom:48px;transform:translate(-50%);background:#0d1e26b3;color:#ccd364;padding:6px 12px;border-radius:8px;font-size:1.18rem;font-weight:500;box-shadow:0 2px 8px #0000002b;text-align:center;max-width:90vw;z-index:10002;display:flex;align-items:center;gap:12px}.label-close-btn[data-v-aaecc1b1]{background:none;border:none;color:#ccd364;font-size:1.2rem;margin-left:12px;cursor:pointer;padding:0 4px;border-radius:50%;transition:background .15s,color .15s;z-index:10003}.label-close-btn[data-v-aaecc1b1]:hover{background:#81a8af;color:#0d1e26}:root,:host{--ol-background-color: white;--ol-accent-background-color: #F5F5F5;--ol-subtle-background-color: rgba(128, 128, 128, .25);--ol-partial-background-color: rgba(255, 255, 255, .75);--ol-foreground-color: #333333;--ol-subtle-foreground-color: #666666;--ol-brand-color: #00AAFF}.ol-box{box-sizing:border-box;border-radius:2px;border:1.5px solid var(--ol-background-color);background-color:var(--ol-partial-background-color)}.ol-mouse-position{top:8px;right:8px;position:absolute}.ol-scale-line{background:var(--ol-partial-background-color);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}.ol-scale-line-inner{border:1px solid var(--ol-subtle-foreground-color);border-top:none;color:var(--ol-foreground-color);font-size:10px;text-align:center;margin:1px;will-change:contents,width;transition:all .25s}.ol-scale-bar{position:absolute;bottom:8px;left:8px}.ol-scale-bar-inner{display:flex}.ol-scale-step-marker{width:1px;height:15px;background-color:var(--ol-foreground-color);float:right;z-index:10}.ol-scale-step-text{position:absolute;bottom:-5px;font-size:10px;z-index:11;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-text{position:absolute;font-size:12px;text-align:center;bottom:25px;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-singlebar{position:relative;height:10px;z-index:9;box-sizing:border-box;border:1px solid var(--ol-foreground-color)}.ol-scale-singlebar-even{background-color:var(--ol-subtle-foreground-color)}.ol-scale-singlebar-odd{background-color:var(--ol-background-color)}.ol-unsupported{display:none}.ol-viewport,.ol-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ol-viewport canvas{all:unset;overflow:hidden}.ol-viewport{touch-action:pan-x pan-y}.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ol-grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.ol-grab{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.ol-control{position:absolute;background-color:var(--ol-subtle-background-color);border-radius:4px}.ol-zoom{top:.5em;left:.5em}.ol-rotate{top:.5em;right:.5em;transition:opacity .25s linear,visibility 0s linear}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{right:.5em;top:.5em}.ol-control button{display:block;margin:1px;padding:0;color:var(--ol-subtle-foreground-color);font-weight:700;text-decoration:none;font-size:inherit;text-align:center;height:1.375em;width:1.375em;line-height:.4em;background-color:var(--ol-background-color);border:none;border-radius:2px}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{display:block;font-weight:400;will-change:transform}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:hover,.ol-control button:focus{text-decoration:none;outline:1px solid var(--ol-subtle-foreground-color);color:var(--ol-foreground-color)}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;bottom:.5em;right:.5em;max-width:calc(100% - 1.3em);display:flex;flex-flow:row-reverse;align-items:center}.ol-attribution a{color:var(--ol-subtle-foreground-color);text-decoration:none}.ol-attribution ul{margin:0;padding:1px .5em;color:var(--ol-foreground-color);text-shadow:0 0 2px var(--ol-background-color);font-size:12px}.ol-attribution li{display:inline;list-style:none}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button{flex-shrink:0}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution:not(.ol-collapsed){background:var(--ol-partial-background-color)}.ol-attribution.ol-uncollapsible{bottom:0;right:0;border-radius:4px 0 0}.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{top:4.5em;left:.5em;height:200px}.ol-zoomslider button{position:relative;height:10px}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{left:.5em;bottom:.5em}.ol-overviewmap.ol-uncollapsible{bottom:0;left:0;border-radius:0 4px 0 0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:block}.ol-overviewmap .ol-overviewmap-map{border:1px solid var(--ol-subtle-foreground-color);height:150px;width:150px}.ol-overviewmap:not(.ol-collapsed) button{bottom:0;left:0;position:absolute}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:var(--ol-subtle-background-color)}.ol-overviewmap-box{border:1.5px dotted var(--ol-subtle-foreground-color)}.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}.ol-overviewmap .ol-viewport:hover{cursor:pointer}