.tutorial-scroll.svelte-10t8jyq{width:100%;height:100%;align-content:center;display:block;padding:var(--layout-margin);overflow-y:auto}.action-container.svelte-10t8jyq{display:flex;justify-content:stretch;align-items:center;gap:var(--layout-margin);flex-direction:column}.action-button-panel.svelte-10t8jyq{border-radius:var(--layout-margin)}.subtle-button.svelte-10t8jyq{padding-inline:var(--content-margin);opacity:.5;cursor:pointer;transition:opacity .25s ease;text-shadow:0 0 10px var(--dark-shadow-color)}.subtle-button.svelte-10t8jyq:hover{opacity:.25}.content.svelte-10t8jyq{display:flex;align-items:center;flex-direction:column;width:100%;gap:calc(var(--layout-margin) + var(--content-margin));padding-top:var(--layout-margin);padding-bottom:var(--layout-margin)}.subtitle.svelte-10t8jyq{opacity:.75;padding-inline:var(--box-margin);padding-bottom:calc(var(--layout-margin) + var(--layout-margin) + var(--box-margin));text-align:center;margin-inline:auto;font-size:25px;max-width:450px;text-shadow:0 0 20px var(--dark-shadow-color);text-wrap:balance}.subtitle-container.svelte-10t8jyq{margin-top:calc(-1 * var(--box-margin))}.title.svelte-10t8jyq{text-align:center;font-size:75px;text-shadow:0 0 30px var(--dark-shadow-color);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;padding-inline:var(--box-margin);width:fit-content}.how-to-image-container.svelte-10t8jyq{width:700px;max-width:100%;aspect-ratio:16 / 9;display:block;position:relative;margin-bottom:var(--box-margin)}.how-to-image.svelte-10t8jyq{width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none;pointer-events:none;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.3) 8%,rgba(0,0,0,.75) 18%,black 30%,black 70%,rgba(0,0,0,.75) 82%,rgba(0,0,0,.3) 92%,transparent 100%),linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.2) 12%,rgba(0,0,0,.6) 25%,rgba(0,0,0,.9) 38%,black 50%,black 50%,rgba(0,0,0,.9) 62%,rgba(0,0,0,.6) 75%,rgba(0,0,0,.2) 88%,transparent 100%),radial-gradient(ellipse 95% 95% at center,black 55%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.3) 8%,rgba(0,0,0,.75) 18%,black 30%,black 70%,rgba(0,0,0,.75) 82%,rgba(0,0,0,.3) 92%,transparent 100%),linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.2) 12%,rgba(0,0,0,.6) 25%,rgba(0,0,0,.9) 38%,black 50%,black 50%,rgba(0,0,0,.9) 62%,rgba(0,0,0,.6) 75%,rgba(0,0,0,.2) 88%,transparent 100%),radial-gradient(ellipse 95% 95% at center,black 55%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.how-to-subtitle.svelte-10t8jyq{position:absolute;left:50%;bottom:calc(var(--layout-margin) * 2);transform:translate(-50%);text-align:center;max-width:375px;padding-inline:calc(var(--layout-margin) * 2);width:100%;text-shadow:0 0 var(--layout-margin) var(--dark-shadow-color)}@media (max-width: 800px){.title.svelte-10t8jyq{font-size:45px}.subtitle.svelte-10t8jyq{max-width:350px}}.map-attribution-container.svelte-ygr3ex{left:0;right:0;width:100%;transition:opacity .25s ease;display:flex;opacity:60%;position:absolute;z-index:1;-webkit-user-select:none;user-select:none;pointer-events:none}@media (orientation: portrait) and (max-width: 800px),not all and (pointer: fine){.map-attribution-container.svelte-ygr3ex{opacity:1}}.full-opacity.svelte-ygr3ex{opacity:1}.map-attribution-logo.svelte-ygr3ex{position:absolute;z-index:1;bottom:-1px;left:7px}.map-attribution-data-box.svelte-ygr3ex{margin-left:auto;gap:1px;display:flex;height:14px;-webkit-user-select:none;user-select:none}.map-attribution-container.svelte-ygr3ex p:where(.svelte-ygr3ex){background-color:#f5f5f5b3;padding:1px;padding-inline:6px}.map-attribution-container.svelte-ygr3ex p:where(.svelte-ygr3ex),.map-attribution-container.svelte-ygr3ex a:where(.svelte-ygr3ex){font-family:Roboto!important;font-size:10px;color:#000}.panorama-attribution.svelte-ygr3ex p:where(.svelte-ygr3ex){background-color:#000000b3}.panorama-attribution.svelte-ygr3ex p:where(.svelte-ygr3ex),.panorama-attribution.svelte-ygr3ex a:where(.svelte-ygr3ex){color:#fff}@media (max-width: 800px){.panorama-attribution.svelte-ygr3ex{display:none}}@property --size-transition-duration{syntax: "<time>"; inherits: false; initial-value: 0s;}#map.svelte-13da2aa{font-family:inherit;cursor:crosshair;pointer-events:auto;width:100%;opacity:60%;z-index:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--box-margin);border-top-left-radius:var(--box-margin);background:#e8e4dc;box-shadow:0 2px 20px #05060a26;transition:opacity .25s ease,border-radius var(--size-transition-duration) ease,top var(--size-transition-duration) ease,height var(--size-transition-duration) ease;overflow:hidden;outline:none}@media (orientation: portrait) and (max-width: 800px),not all and (pointer: fine){#map.svelte-13da2aa{opacity:100%}}.map-full-opacity-result.svelte-13da2aa{opacity:1!important;border-radius:0!important;top:-60px;position:fixed!important;height:calc(100dvh + 60px)!important;transition:none!important}.leaflet-bottom,.leaflet-control-attribution{display:none}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s linear!important}.leaflet-tooltip{padding:1px!important;padding-inline:6px!important;box-shadow:0 1px 5px #0006!important;margin-top:-18px}.leaflet-tooltip-right{margin-left:22px!important}.leaflet-interactive{cursor:crosshair!important}.leaflet-control-layers-toggle{background-image:url(../../../img/map_layer_icon.png)!important;background-size:23px 23px!important}.leaflet-control-layers-list{padding-inline:var(--panel-margin);padding-bottom:3px}.leaflet-control-layers-selector[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;margin-right:var(--content-margin);width:16px;height:16px;border:2px solid white;border-radius:50%;display:inline-grid;place-content:center;vertical-align:middle;background-color:transparent;transition:background-color .25s ease}.leaflet-control-layers-selector[type=radio]:hover{background-color:var(--box-color-dark)}.leaflet-control-layers-selector[type=radio]:before{content:"";width:8px;height:8px;border-radius:100%;background-color:var(--brand-color);opacity:0;transition:opacity .25s ease}.leaflet-control-layers-selector[type=radio]:checked:before{opacity:1}.leaflet-touch .leaflet-control-layers{border:none!important;margin:var(--box-margin)!important}.leaflet-control-layers{background-color:var(--panel-color)!important;box-shadow:var(--button-shadow)!important;-webkit-backdrop-filter:blur(var(--weak-blur))!important;backdrop-filter:blur(var(--weak-blur))!important;color:#fff!important}.leaflet-touch .leaflet-control-layers-toggle{width:35px!important;height:35px!important}.leaflet-control-layers-selector{top:-2px!important}.leaflet-control-layers-base{font-size:18px!important;line-height:30px!important}
