: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;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;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: grid;grid-template-rows: auto 1fr;grid-template-columns: 1fr min(40em, 100%);overflow: hidden;}#utopia-map-header {grid-row: 1/2;grid-column: 1/3;padding: 1em;display: flex;justify-content: space-between;align-items: center;background: var(--utopia-gray-1);}#utopia-map-logo a {display: flex;align-items: center;}#utopia-map-logo svg {width: 10em;fill: var(--utopia-gray-5);transform: translate(0, 10%);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 {transform: translateX(0);}#utopia-map-header:has(input:checked) #utopia-side-panel-toggle::after {content: 'close';}#utopia-map-panel {grid-row: 2/3;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 {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));transition: filter var(--transition-duration) var(--transition-timing-function);}.utopia-city-icon:hover, .utopia-city-icon:has(.map-hover-highlight) {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;transform-origin: center;transform: scale(var(--zoom-scale, 1));transition: transform var(--transition-duration) var(--transition-timing-function);cursor: pointer;}.utopia-city-image:hover, .utopia-city-image.map-hover-highlight {transform: scale(calc(var(--zoom-scale, 1) * 1.25));}.map-controls {position: absolute;z-index: 1;border-radius: 0.25em;overflow: hidden;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: flex;justify-content: center;align-items: center;color: var(--utopia-gray-5);background: var(--utopia-gray-1);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) {transition: 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) {transform: scale(1.2);}.map-controls:has(#utopia-map-attribution-toggle:checked) ~ #utopia-map-attribution {opacity: 1;visibility: visible;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;transform: translateY(20px);transition: opacity var(--transition-duration) var(--transition-timing-function), transform var(--transition-duration) var(--transition-timing-function), visibility var(--transition-duration);display: grid;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: flex;justify-content: end;}#utopia-map-attribution-header label {transition: transform var(--transition-duration) var(--transition-timing-function);}#utopia-map-attribution-header label:hover {transform: scale(1.2);}#utopia-map-attribution-main {padding: 1em 0 2.5em;min-height: 0;overflow-y: auto;display: grid;gap: 1.5em;}#utopia-map-attribution section {padding-inline: 2em;display: grid;gap: 0.5em;}#utopia-side-panel {grid-row: 2/3;grid-column: 2/3;z-index: 4;padding: 1em;background-color: var(--utopia-gray-2);transform: translateX(100%);transition: transform var(--transition-duration) var(--transition-timing-function);overflow-y: auto;}#utopia-side-panel > section {padding-block: 6em;display: grid;gap: 6em;}#utopia-side-panel > section > div {padding-block: 2em;}#utopia-side-panel-toggle {position: relative;transition: transform var(--transition-duration) var(--transition-timing-function);}#utopia-side-panel-toggle:hover {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: grid;gap: 2em;}.utopia-city-list-item {display: grid;grid-template-columns: 1fr;align-items: center;gap: 1em;}@media (min-width: 30em) {#utopia-city-list {gap: 1em;}.utopia-city-list-item {grid-template-columns: clamp(10em, 15vw, 12em) 1fr;}}.utopia-city-list-item figure {position: relative;overflow: hidden;aspect-ratio: 1 / 1;justify-self: stretch;align-self: stretch;display: block;}.utopia-city-list-item figure img {max-width: none;max-height: none;position: absolute;left: 50%;top: 50%;transform: translate( calc(-50% + var(--offset-x, 0px)), calc(-50% + var(--offset-y, 0px)) ) scale(1) ;transform-origin: calc(50% - var(--offset-x, 0px)) calc(50% - var(--offset-y, 0px)) ;transition: transform var(--transition-duration) var(--transition-timing-function);cursor: pointer;}.utopia-city-list-item figure img:hover {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: grid;gap: 0.5em;}#utopia-side-panel footer {padding-block: 6em 3em;display: grid;gap: 1em;}#utopia-staridas-geography-logo svg {width: 8em;fill: var(--utopia-gray-4);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: grid;gap: 1em;}#utopia-staridas-geography-social-icons-list {margin: 1em 0;list-style: none;display: flex;flex-wrap: wrap;align-items: center;gap: 0.5em;}#utopia-staridas-geography-social-icons-list a {padding: 1em;font-size: 0.75rem;display: grid;background: var(--utopia-gray-3);border-radius: 50%;transition: transform var(--transition-duration) var(--transition-timing-function);}#utopia-staridas-geography-social-icons-list a:hover {transform: scale(1.1);}#utopia-staridas-geography-social-icons-list a svg {width: 2em;height: 2em;fill: var(--utopia-gray-5);transition: fill var(--transition-duration) var(--transition-timing-function), transform var(--transition-duration) var(--transition-timing-function) ;}#utopia-staridas-geography-social-icons-list a:hover svg {fill: var(--utopia-gray-6);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);}