.cities-index{padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 8);max-width:1400px;margin:0 auto}@media(min-width:40rem){.cities-index{padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 12)}}@media(min-width:64rem){.cities-index{padding-inline:calc(var(--spacing) * 8);padding-block:calc(var(--spacing) * 16)}}.cities-index .header{margin-bottom:calc(var(--spacing) * 12);text-align:center}.cities-index .header h1{margin-bottom:calc(var(--spacing) * 4);font-size:clamp(2rem,5vw,3rem);font-weight:700}.cities-index .header p{font-size:var(--text-xl-fontSize);line-height:var(--un-leading, var(--text-xl-lineHeight));color:#666}.cities-index .countries-list .country-section{margin-bottom:calc(var(--spacing) * 8)}.cities-index .countries-list .country-section:last-child{margin-bottom:0}@media(min-width:40rem){.cities-index .countries-list .country-section{margin-bottom:calc(var(--spacing) * 12)}}@media(min-width:64rem){.cities-index .countries-list .country-section{margin-bottom:calc(var(--spacing) * 16)}}.cities-index .countries-list .country-section .header{font-size:var(--text-xl-fontSize);line-height:var(--un-leading, var(--text-xl-lineHeight));margin-bottom:calc(var(--spacing) * 4);gap:calc(var(--spacing) * 2);font-weight:700;display:flex;align-items:center}@media(min-width:40rem){.cities-index .countries-list .country-section .header{font-size:var(--text-2xl-fontSize);line-height:var(--un-leading, var(--text-2xl-lineHeight));margin-bottom:calc(var(--spacing) * 6);gap:calc(var(--spacing) * 3)}}@media(min-width:64rem){.cities-index .countries-list .country-section .header{font-size:var(--text-4xl-fontSize);line-height:var(--un-leading, var(--text-4xl-lineHeight));margin-bottom:calc(var(--spacing) * 8);gap:calc(var(--spacing) * 6)}}.cities-index .countries-list .country-section .header .country-flag{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;height:1rem;border-radius:.25rem}@media(min-width:40rem){.cities-index .countries-list .country-section .header .country-flag{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;height:1.5rem}}@media(min-width:64rem){.cities-index .countries-list .country-section .header .country-flag{height:2rem}}.cities-index .countries-list .country-section .cities-grid{gap:calc(var(--spacing) * 2);display:grid;grid-template-columns:repeat(3,1fr)}@media(min-width:40rem){.cities-index .countries-list .country-section .cities-grid{gap:calc(var(--spacing) * 4)}}@media(min-width:48rem){.cities-index .countries-list .country-section .cities-grid{gap:calc(var(--spacing) * 8)}}.cities-index .countries-list .country-section .cities-grid .city-card{padding:calc(var(--spacing) * 2);gap:calc(var(--spacing) * 2);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:var(--surface-1);border:2px solid transparent;border-radius:.5rem;text-decoration:none;overflow:hidden;transition:all .2s ease}.cities-index .countries-list .country-section .cities-grid .city-card:hover{border-color:var(--border-default);transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}@media(min-width:40rem){.cities-index .countries-list .country-section .cities-grid .city-card{padding:calc(var(--spacing) * 4);gap:calc(var(--spacing) * 4);border-radius:.75rem}}@media(min-width:64rem){.cities-index .countries-list .country-section .cities-grid .city-card{padding:calc(var(--spacing) * 8);gap:calc(var(--spacing) * 8);border-radius:1rem}}.cities-index .countries-list .country-section .cities-grid .city-card .city-map{padding:calc(var(--spacing) * 2);flex-shrink:0;width:100%;height:auto;border:1px solid var(--border-muted);overflow:hidden}.cities-index .countries-list .country-section .cities-grid .city-card .city-map img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cities-index .countries-list .country-section .cities-grid .city-card .city-name{font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));margin-bottom:calc(var(--spacing) * 0);white-space:nowrap;overflow:hidden}@media(min-width:40rem){.cities-index .countries-list .country-section .cities-grid .city-card .city-name{font-size:var(--text-lg-fontSize);line-height:var(--un-leading, var(--text-lg-lineHeight))}}@media(min-width:64rem){.cities-index .countries-list .country-section .cities-grid .city-card .city-name{font-size:var(--text-2xl-fontSize);line-height:var(--un-leading, var(--text-2xl-lineHeight))}}