.cities-search{width:min(100%,36rem);margin-top:.5rem}.group-title{font-size:var(--step--1);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:.6rem;margin-bottom:1.5rem;font-weight:650;display:flex}:lang(th) .group-title{letter-spacing:0;font-size:var(--step-0)}.live-dot{background:#3f8f5a;border-radius:50%;width:.55rem;height:.55rem;box-shadow:0 0 0 4px #3f8f5a2e}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.grid--live>.city-card--lg{aspect-ratio:4/3;grid-column:1/-1}.areas-card{border-radius:var(--r-lg);background:var(--cream);box-shadow:inset 0 0 0 1px var(--line);grid-column:1/-1;align-content:start;gap:1rem;padding:1.75rem;display:grid}.areas-card ul{display:grid}.areas-card__link{border-bottom:1px solid var(--line);font-family:var(--font-display);font-size:var(--step-1);transition:color .25s, padding .4s var(--ease-out);justify-content:space-between;align-items:center;padding:.8rem 0;display:flex}.areas-card__link:hover{color:var(--pandan-700);padding-left:.35rem}.standards-wrap{padding-bottom:var(--space-section)}@media (min-width:900px){.grid--soon{grid-template-columns:repeat(4,minmax(0,1fr))}.grid--live{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.grid--live>.city-card--lg{aspect-ratio:16/10;grid-column:auto}.areas-card{grid-column:auto}}