.unsupported-city-notice{z-index:1300;right:1rem;bottom:calc(5.75rem + env(safe-area-inset-bottom,0px));background:color-mix(in srgb, var(--color-surface) 94%, transparent);width:min(30rem,100vw - 2rem);max-height:calc(100dvh - 8rem);color:var(--color-text-primary);-webkit-backdrop-filter:blur(22px)saturate(1.15);backdrop-filter:blur(22px)saturate(1.15);border:1px solid #0d0d0d59;border-radius:1.35rem;padding:1.2rem;position:fixed;overflow-y:auto;box-shadow:0 1.4rem 4rem #0d0d0d40}.unsupported-city-close{border:1px solid var(--color-border);width:2.4rem;height:2.4rem;color:inherit;background:0 0;border-radius:999px;place-items:center;display:grid;position:absolute;top:.8rem;right:.8rem}.unsupported-city-stamp{max-width:calc(100% - 3rem);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid;border-radius:.3rem;align-items:center;gap:.4rem;padding:.35rem .55rem;font-size:.65rem;font-weight:600;display:inline-flex;transform:rotate(-1.5deg)}.unsupported-city-kicker{font-family:var(--font-mono);letter-spacing:.12em;margin:1rem 0 .35rem;font-size:.64rem}.unsupported-city-notice h2{max-width:23rem;font-family:var(--font-display);font-variation-settings:"wdth" 88;letter-spacing:-.055em;text-transform:uppercase;margin:0;font-size:clamp(1.8rem,7vw,2.65rem);font-weight:650;line-height:.95}.unsupported-city-copy{color:var(--color-text-secondary);margin:.75rem 0 1rem;line-height:1.35}.unsupported-city-notice form label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem;font-size:.65rem;display:block}.unsupported-city-form-row{grid-template-columns:minmax(0,1fr) auto;gap:.45rem;display:grid}.unsupported-city-form-row input,.unsupported-city-form-row button{min-height:3rem;font:inherit;border-radius:.8rem}.unsupported-city-form-row input{border:1px solid var(--color-border);min-width:0;color:inherit;background:#ffffff73;padding:0 .8rem}.unsupported-city-form-row button{border:1px solid var(--color-brand-ink);background:var(--color-brand-acid);color:var(--color-brand-ink);padding:0 1rem;font-weight:750}.unsupported-city-form-row input:focus-visible,.unsupported-city-form-row button:focus-visible,.unsupported-city-close:focus-visible,.unsupported-city-travel a:focus-visible{outline:3px solid var(--color-brand-acid-deep);outline-offset:2px}.unsupported-city-error{color:var(--color-danger);margin:.45rem 0 0;font-size:.8rem}.unsupported-city-success{align-items:flex-start;gap:.75rem;margin-top:1rem;display:flex}.unsupported-city-success>svg{flex:none;margin-top:.15rem}.unsupported-city-success p{margin:.55rem 0 0}.unsupported-city-travel{border-top:1px solid var(--color-border);margin-top:1rem;padding-top:.85rem}.unsupported-city-travel>p{margin:0 0 .6rem;font-size:.82rem;font-weight:650}.unsupported-city-travel nav{flex-wrap:wrap;gap:.4rem;display:flex}.unsupported-city-travel a{border:1px solid var(--color-border);color:inherit;font-family:var(--font-mono);text-transform:uppercase;border-radius:999px;align-items:center;gap:.2rem;padding:.35rem .55rem;font-size:.65rem;text-decoration:none;display:inline-flex}@media (width>=768px){.unsupported-city-notice{bottom:1.5rem;right:1.5rem}}@media (width<=480px){.unsupported-city-form-row{grid-template-columns:1fr}}@media (prefers-reduced-motion:no-preference){.unsupported-city-notice{animation:.26s ease-out both unsupported-city-arrive}}@keyframes unsupported-city-arrive{0%{opacity:0;transform:translateY(.65rem)}to{opacity:1;transform:translateY(0)}}
