:root {--utopia-gray-1: rgb(40, 39, 38);--utopia-gray-2: rgb(52, 51, 49);--utopia-gray-3: rgb(64, 62, 60);--utopia-gray-4: rgb(159, 157, 150);--utopia-gray-5: rgb(230, 228, 217);--utopia-gray-6: rgb(242, 240, 229);--utopia-map-background-color: var(--utopia-gray-3);--transition-duration: 500ms;--transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);}*, *::before, *::after {margin: 0;padding: 0;-webkit-box-sizing: border-box;box-sizing: border-box;}body {font-family: "Nunito", sans-serif;font-optical-sizing: auto;font-size: 1rem;font-weight: 200;font-style: normal;color: var(--utopia-gray-5);}h1, h2, h3, h4, h5, h6 {font-family: "Averia Serif Libre", serif;font-weight: 300;font-style: normal;color: var(--utopia-gray-4);}h2 {font-size: 2.5em;}h3 {font-size: 1.75em;}h4 {font-size: 1.25em;}h5 {font-size: 1em;}a {font-weight: 500;color: rgb(102, 160, 200);text-decoration: none;-webkit-transition: color var(--transition-duration) var(--transition-timing-function);transition: color var(--transition-duration) var(--transition-timing-function);}a:hover {color: rgb(146, 191, 219);}strong {font-weight: 300;}em {font-style: italic;}ul {list-style: none;}input, button, textarea, select {font: inherit;color: inherit;}input {display: none;}label {cursor: pointer;}button {background: none;cursor: pointer;}img {width: 100%;display: block;}.material-symbols-rounded {font-size: 1.5rem;font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24 }#utopia-map {position: absolute;inset: 0;display: -ms-grid;display: grid;-ms-grid-rows: auto 1fr;grid-template-rows: auto 1fr;-ms-grid-columns: 1fr min(40em, 100%);grid-template-columns: 1fr min(40em, 100%);overflow: hidden;}#utopia-map > *:nth-child(1) {-ms-grid-row: 1;-ms-grid-column: 1;}#utopia-map > *:nth-child(2) {-ms-grid-row: 1;-ms-grid-column: 2;}#utopia-map > *:nth-child(3) {-ms-grid-row: 2;-ms-grid-column: 1;}#utopia-map > *:nth-child(4) {-ms-grid-row: 2;-ms-grid-column: 2;}#utopia-map-header {-ms-grid-row: 1;-ms-grid-row-span: 1;grid-row: 1/2;-ms-grid-column: 1;-ms-grid-column-span: 2;grid-column: 1/3;padding: 1em;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background: var(--utopia-gray-1);}#utopia-map-logo a {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}#utopia-map-logo svg {width: 10em;fill: var(--utopia-gray-5);-webkit-transform: translate(0, 10%);-ms-transform: translate(0, 10%);transform: translate(0, 10%);-webkit-transition: fill var(--transition-duration) var(--transition-timing-function);transition: fill var(--transition-duration) var(--transition-timing-function);}#utopia-map-logo:hover svg {fill: var(--utopia-gray-6);}#utopia-map-header:has(input:checked) ~ #utopia-side-panel {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}#utopia-map-header:has(input:checked) #utopia-side-panel-toggle::after {content: 'close';}#utopia-map-panel {-ms-grid-row: 2;-ms-grid-row-span: 1;grid-row: 2/3;-ms-grid-column: 1;-ms-grid-column-span: 2;grid-column: 1/3;height: 100%;background: var(--utopia-gray-3);position: relative;}#utopia-map-object {position: absolute;inset: 0;z-index: 0;font: inherit;}.utopia-city-icon {-webkit-filter: drop-shadow(-0.04em -0.04em 0.02em rgba(255 255 255 / 0.8)) drop-shadow(0.1em 0.2em 0.1em rgba(0 0 0 / 0.6)) drop-shadow(0.2em 0.4em 0.4em rgba(0 0 0 / 0.4));filter: drop-shadow(-0.04em -0.04em 0.02em rgba(255 255 255 / 0.8)) drop-shadow(0.1em 0.2em 0.1em rgba(0 0 0 / 0.6)) drop-shadow(0.2em 0.4em 0.4em rgba(0 0 0 / 0.4));-webkit-transition: -webkit-filter var(--transition-duration) var(--transition-timing-function);transition: -webkit-filter var(--transition-duration) var(--transition-timing-function);transition: filter var(--transition-duration) var(--transition-timing-function);transition: filter var(--transition-duration) var(--transition-timing-function), -webkit-filter var(--transition-duration) var(--transition-timing-function);}.utopia-city-icon:hover, .utopia-city-icon:has(.map-hover-highlight) {-webkit-filter: drop-shadow(-0.02em -0.02em 0.01em rgba(255 255 255 / 0.6)) drop-shadow(0.2em 0.3em 0.2em rgba(0 0 0 / 0.5)) drop-shadow(0.4em 0.8em 0.8em rgba(0 0 0 / 0.3));filter: drop-shadow(-0.02em -0.02em 0.01em rgba(255 255 255 / 0.6)) drop-shadow(0.2em 0.3em 0.2em rgba(0 0 0 / 0.5)) drop-shadow(0.4em 0.8em 0.8em rgba(0 0 0 / 0.3));}.utopia-city-image {background-repeat: no-repeat;-webkit-transform-origin: center;-ms-transform-origin: center;transform-origin: center;-webkit-transform: scale(var(--zoom-scale, 1));-ms-transform: scale(var(--zoom-scale, 1));transform: scale(var(--zoom-scale, 1));-webkit-transition: -webkit-transform var(--transition-duration) var(--transition-timing-function);transition: -webkit-transform var(--transition-duration) var(--transition-timing-function);transition: transform var(--transition-duration) var(--transition-timing-function);transition: transform var(--transition-duration) var(--transition-timing-function), -webkit-transform var(--transition-duration) var(--transition-timing-function);cursor: pointer;}.utopia-city-image:hover, .utopia-city-image.map-hover-highlight {-webkit-transform: scale(calc(var(--zoom-scale, 1) * 1.25));-ms-transform: scale(calc(var(--zoom-scale, 1) * 1.25));transform: scale(calc(var(--zoom-scale, 1) * 1.25));}.map-controls {position: absolute;z-index: 1;border-radius: 0.25em;overflow: hidden;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}.map-controls.top {top: 1em;}.map-controls.right {right: 1em;}.map-controls.bottom {bottom: 1em;}.map-controls.left {left: 1em;}[data-map-control] {width: 2.5em;height: 2.5em;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;color: var(--utopia-gray-5);background: var(--utopia-gray-1);-webkit-transition: color var(--transition-duration) var(--transition-timing-function);transition: color var(--transition-duration) var(--transition-timing-function);border: none!important;}[data-map-control]:hover, [data-map-control]:active, [data-map-control].active {color: var(--utopia-gray-6);}[data-map-control] > :nth-child(1) {-webkit-transition: -webkit-transform var(--transition-duration) var(--transition-timing-function);transition: -webkit-transform var(--transition-duration) var(--transition-timing-function);transition: transform var(--transition-duration) var(--transition-timing-function);transition: transform var(--transition-duration) var(--transition-timing-function), -webkit-transform var(--transition-duration) var(--transition-timing-function);}[data-map-control]:hover > :nth-child(1), [data-map-control]:active > :nth-child(1), [data-map-control].active > :nth-child(1) {-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}.map-controls:has(#utopia-map-attribution-toggle:checked) ~ #utopia-map-attribution {opacity: 1;visibility: visible;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}#utopia-map-attribution {position: absolute;inset: 9.5em 1em 4.5em 1em;z-index: 3;width: min(calc(100% - 2em), 40em);color: var(--utopia-gray-5);background: var(--utopia-gray-2);border-radius: 0.25em;opacity: 0;visibility: hidden;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: opacity var(--transition-duration) var(--transition-timing-function), visibility var(--transition-duration), -webkit-transform var(--transition-duration) var(--transition-timing-function);transition: opacity var(--transition-duration) var(--transition-timing-function), visibility var(--transition-duration), -webkit-transform var(--transition-duration) var(--transition-timing-function);transition: opacity var(--transition-duration) var(--transition-timing-function), transform var(--transition-duration) var(--transition-timing-function), visibility var(--transition-duration);transition: opacity var(--transition-duration) var(--transition-timing-function), transform var(--transition-duration) var(--transition-timing-function), visibility var(--transition-duration), -webkit-transform var(--transition-duration) var(--transition-timing-function);display: -ms-grid;display: grid;-ms-grid-rows: auto 1fr;grid-template-rows: auto 1fr;overflow: hidden;isolation: isolate;}#utopia-map-attribution-header {padding: 1em 1em 0.5em;z-index: 1;background: var(--utopia-gray-2);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: end;}#utopia-map-attribution-header label {-webkit-transition: -webkit-transform var(--transition-duration) var(--transition-timing-function);transition: -webkit-transform var(--transition-duration) var(--transition-timing-function);transition: transform var(--transition-duration) var(--transition-timing-function);transition: transform var(--transition-duration) var(--transition-timing-function), -webkit-transform var(--transition-duration) var(--transition-timing-function);}#utopia-map-attribution-header label:hover {-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}#utopia-map-attribution-main {padding: 1em 0 2.5em;min-height: 0;overflow-y: auto;display: -ms-grid;display: grid;gap: 1.5em;}#utopia-map-attribution section {padding-inline: 2em;display: -ms-grid;display: grid;gap: 0.5em;}#utopia-side-panel {-ms-grid-row: 2;-ms-grid-row-span: 1;grid-row: 2/3;-ms-grid-column: 2;-ms-grid-column-span: 1;grid-column: 2/3;z-index: 4;padding: 1em;background-color: var(--utopia-gray-2);-webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);-webkit-transition: -webkit-transform var(--transition-duration) var(--transition-timing-function);transition: -webkit-transform var(--transition-duration) var(--transition-timing-function);transition: transform var(--transition-duration) var(--transition-timing-function);transition: transform var(--transition-duration) var(--transition-timing-function), -webkit-transform var(--transition-duration) var(--transition-timing-function);overflow-y: auto;}#utopia-side-panel > section {padding-block: 6em;display: -ms-grid;display: grid;gap: 6em;}#utopia-side-panel > section > div {padding-block: 2em;}#utopia-side-panel-toggle {position: relative;-webkit-transition: -webkit-transform var(--transition-duration) var(--transition-timing-function);transition: -webkit-transform var(--transition-duration) var(--transition-timing-function);transition: transform var(--transition-duration) var(--transition-timing-function);transition: transform var(--transition-duration) var(--transition-timing-function), -webkit-transform var(--transition-duration) var(--transition-timing-function);}#utopia-side-panel-toggle:hover {-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}#utopia-side-panel-toggle::after {content: 'menu';font-family: 'Material Symbols Rounded';font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 0, 'opsz' 24;font-size: 2.5rem;}#utopia-city-list {display: -ms-grid;display: grid;gap: 2em;}.utopia-city-list-item {display: -ms-grid;display: grid;-ms-grid-columns: 1fr;grid-template-columns: 1fr;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 1em;}@media (min-width: 30em) {#utopia-city-list {gap: 1em;}.utopia-city-list-item {-ms-grid-columns: clamp(10em, 15vw, 12em) 1fr;grid-template-columns: clamp(10em, 15vw, 12em) 1fr;}}.utopia-city-list-item figure {position: relative;overflow: hidden;aspect-ratio: 1 / 1;-ms-grid-column-align: stretch;justify-self: stretch;-ms-flex-item-align: stretch;-ms-grid-row-align: stretch;align-self: stretch;display: block;}.utopia-city-list-item figure img {max-width: none;max-height: none;position: absolute;left: 50%;top: 50%;-webkit-transform: translate( calc(-50% + var(--offset-x, 0px)), calc(-50% + var(--offset-y, 0px)) ) scale(1) ;-ms-transform: translate( calc(-50% + var(--offset-x, 0px)), calc(-50% + var(--offset-y, 0px)) ) scale(1) ;transform: translate( calc(-50% + var(--offset-x, 0px)), calc(-50% + var(--offset-y, 0px)) ) scale(1) ;-webkit-transform-origin: calc(50% - var(--offset-x, 0px)) calc(50% - var(--offset-y, 0px)) ;-ms-transform-origin: calc(50% - var(--offset-x, 0px)) calc(50% - var(--offset-y, 0px)) ;transform-origin: calc(50% - var(--offset-x, 0px)) calc(50% - var(--offset-y, 0px)) ;-webkit-transition: -webkit-transform var(--transition-duration) var(--transition-timing-function);transition: -webkit-transform var(--transition-duration) var(--transition-timing-function);transition: transform var(--transition-duration) var(--transition-timing-function);transition: transform var(--transition-duration) var(--transition-timing-function), -webkit-transform var(--transition-duration) var(--transition-timing-function);cursor: pointer;}.utopia-city-list-item figure img:hover {-webkit-transform: translate(calc(-50% + var(--offset-x, 0px)), calc(-50% + var(--offset-y, 0px)) ) scale(1.2) ;-ms-transform: translate(calc(-50% + var(--offset-x, 0px)), calc(-50% + var(--offset-y, 0px)) ) scale(1.2) ;transform: translate(calc(-50% + var(--offset-x, 0px)), calc(-50% + var(--offset-y, 0px)) ) scale(1.2) ;}.utopia-city-list-item section {padding-block: 0.5em;display: -ms-grid;display: grid;gap: 0.5em;}#utopia-side-panel footer {padding-block: 6em 3em;display: -ms-grid;display: grid;gap: 1em;}#utopia-staridas-geography-logo svg {width: 8em;fill: var(--utopia-gray-4);-webkit-transition: fill var(--transition-duration) var(--transition-timing-function);transition: fill var(--transition-duration) var(--transition-timing-function);}#utopia-staridas-geography-logo svg:hover {fill: var(--utopia-gray-5);}#utopia-staridas-geography-contact-details {display: -ms-grid;display: grid;gap: 1em;}#utopia-staridas-geography-social-icons-list {margin: 1em 0;list-style: none;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 0.5em;}#utopia-staridas-geography-social-icons-list a {padding: 1em;font-size: 0.75rem;display: -ms-grid;display: grid;background: var(--utopia-gray-3);border-radius: 50%;-webkit-transition: -webkit-transform var(--transition-duration) var(--transition-timing-function);transition: -webkit-transform var(--transition-duration) var(--transition-timing-function);transition: transform var(--transition-duration) var(--transition-timing-function);transition: transform var(--transition-duration) var(--transition-timing-function), -webkit-transform var(--transition-duration) var(--transition-timing-function);}#utopia-staridas-geography-social-icons-list a:hover {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}#utopia-staridas-geography-social-icons-list a svg {width: 2em;height: 2em;fill: var(--utopia-gray-5);-webkit-transition: fill var(--transition-duration) var(--transition-timing-function), -webkit-transform var(--transition-duration) var(--transition-timing-function);transition: fill var(--transition-duration) var(--transition-timing-function), -webkit-transform var(--transition-duration) var(--transition-timing-function);transition: fill var(--transition-duration) var(--transition-timing-function), transform var(--transition-duration) var(--transition-timing-function) ;transition: fill var(--transition-duration) var(--transition-timing-function), transform var(--transition-duration) var(--transition-timing-function), -webkit-transform var(--transition-duration) var(--transition-timing-function);}#utopia-staridas-geography-social-icons-list a:hover svg {fill: var(--utopia-gray-6);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}#utopia-staridas-geography-copyright-and-license {font-size: 0.875rem;}::-webkit-scrollbar {width: 1em;}::-webkit-scrollbar-track {background: var(--utopia-gray-3);}::-webkit-scrollbar-thumb {background: var(--utopia-gray-2);}