.modules__header{--text-color: var(--ui-color, var(--_text-color));--headline-color: var(--text-color);position:fixed;top:0;left:50%;translate:-50% 0;width:100%}.modules__header>div{display:flex;height:var(--_layout-margins-default);align-items:center}.modules__header>div::before{content:"";background:center/contain url("../../img/dot.png") no-repeat;width:var(--_ui-icon-size-default);aspect-ratio:1;margin-inline-end:1.5cqi;filter:var(--ui-filter, none)}.modules__header>div :is(h1,h2,h3,h4,h5,h6){margin-right:auto}.modules__header :is(h1,h2,h3,h4,h5,h6,p){--font-size: 16;font-family:var(--_font-family-text-alt);margin:0;font-weight:normal;line-height:1}.modules__header :is(h1,h2,h3,h4,h5,h6,p) strong,.modules__header :is(h1,h2,h3,h4,h5,h6,p) b{font-weight:bold}.modules__header :is(h1,h2,h3,h4,h5,h6,p) a{text-decoration:none}.modules__header :is(h1,h2,h3,h4,h5,h6,p) a:hover,.modules__header :is(h1,h2,h3,h4,h5,h6,p) a:focus-visible{text-decoration:underline}.modules__progress ul,.modules__progress li{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:.4cqi}.modules__progress span{display:block;text-indent:-1000em;overflow:hidden;aspect-ratio:1;width:.6944444444cqi;border:.0694444444cqi solid var(--text-color);border-radius:4cqi}.modules__progress span.-is-visited{background:var(--text-color)}.modules__progress>ul>li>span{aspect-ratio:.6}.-modules-canvas{display:grid;grid-template-columns:repeat(24, 1fr);grid-template-rows:4cqi 1fr 4cqi}.-modules-canvas:has(.-is-active>.--banner),.-modules-canvas:has(.-is-active>.--collectibles){--canvas-background: transparent}.-modules-canvas:has(.-is-active>.--collectibles){--canvas-border-color: var(--_text-color)}.-modules-canvas-navigation{grid-column:2/24;grid-row:2/3;align-self:end;display:flex;justify-content:space-between}.-modules-canvas-navigation>a{margin-inline:0}body:has(main[data-station="1"]){--station-color: var(--_color-chapter-1)}body:has(main[data-station="2"]){--station-color: var(--_color-chapter-2)}body:has(main[data-station="3"]){--station-color: var(--_color-chapter-3)}body:has(main[data-station="4"]){--station-color: var(--_color-chapter-4)}body:has(main[data-station="5"]){--station-color: var(--_color-chapter-5)}body:has(main[data-station="6"]){--station-color: var(--_color-chapter-6)}body:has(main[data-station="2"]),body:has(main[data-station="3"]),body:has(main[data-station="4"]),body:has(main[data-station="5"]){--ui-color: var(--_text-color-inverted);--ui-filter: invert(1)}.modules__cover{--canvas-background: transparent}.modules__cover-text{grid-column:2/10;grid-row:2/3;background:var(--_background-color);padding:7%;z-index:2;align-self:start}.modules__cover-text :is(h1,h2,h3,h4,h5,h6){--font-size: 40;font-family:var(--_font-family-text-alt);margin-block-end:.5em}.modules__cover-text :is(p,li){--font-size: 16}.modules__cover-image{grid-area:1/1/4/25;background:rgba(0,0,0,.1)}.modules__cover-image img{height:100%;width:100%}.modules__cover-infopoint{grid-area:1/1/4/25;justify-items:end;align-content:end;padding:4cqi}.modules__cover-hotspots{grid-area:1/1/4/25;position:relative;pointer-events:none}.modules__cover-hotspots li{--text-color: var(--_text-color-inverted);--img-opacity: 1;position:absolute;left:var(--x, 50%);top:var(--y, 50%);translate:-50% -50%}.modules__cover-hotspots li:not(.-is-visited){--img-opacity: 0}.modules__cover-hotspots li a{text-decoration:none;pointer-events:all}.modules__cover-hotspots li a:hover figure>span,.modules__cover-hotspots li a:focus-visible figure>span{scale:1.1}.modules__cover-hotspots li a:hover figure>span img,.modules__cover-hotspots li a:focus-visible figure>span img{--img-opacity: 0.9}.modules__cover-hotspots li figure{width:7.5cqi;margin:0}.modules__cover-hotspots li figure>span{transition:scale .7s var(--ease-out-expo) 0s;display:block;aspect-ratio:105/160;border:.0694444444cqi solid var(--text-color);border-radius:15em;overflow:hidden}.modules__cover-hotspots li figure img{width:100%;height:100%;transition:opacity .7s var(--ease-out-expo) .1s;opacity:var(--img-opacity)}.modules__cover-hotspots li figcaption{--font-size: 16;text-align:center;font-weight:700;width:min-content;min-width:140%;justify-self:center}.template__finish main{background:linear-gradient(var(--station-color), hsl(from var(--station-color) h s calc(l * 1.2)))}.template__finish .modules__cover-hotspots li{--text-color: var(--_text-color)}.template__finish .modules__cover-hotspots li figure>span{border-color:var(--_text-color-inverted)}