.horoscope-city{color:var(--ink,#16161d);font-family:inherit}.horoscope-city>p:empty{display:none}.horoscope-city dialog{color:inherit;background:var(--page,#f9f6ee);border:1px solid var(--accent,#876840);max-width:min(34rem,100vw - 2rem);max-height:calc(var(--dialog-viewport-height,100dvh) - 2rem);border-radius:8px;padding:1rem;inset-block-start:var(--dialog-viewport-top,0px);inset-block-end:var(--dialog-viewport-bottom,0px);overflow:auto}.horoscope-city dialog::backdrop{background:#16161da6}.horoscope-city h2{margin:0 0 1.5rem;font-size:1.25rem}.horoscope-city__subtitle{color:currentColor;opacity:.78;margin:-1rem 0 1.25rem}.horoscope-city__row{display:grid;position:relative}.horoscope-city__row input{box-sizing:border-box;width:100%}.horoscope-city__row:has(.horoscope-city__dictation:not([hidden])) input{padding-inline-end:3.25rem}.horoscope-city .horoscope-city__dictation{width:2.75rem;height:2.75rem;min-height:0;color:inherit;opacity:.7;cursor:pointer;transition:background-color .16s var(--ease,cubic-bezier(.16, 1, .3, 1)), opacity .16s var(--ease,cubic-bezier(.16, 1, .3, 1));background:0 0;border:0;border-radius:4px;place-items:center;margin-block:auto;padding:0;display:grid;position:absolute;inset-block:0;inset-inline-end:1px}.horoscope-city .horoscope-city__dictation:hover{opacity:1}.horoscope-city .horoscope-city__dictation[aria-pressed=true]{background:var(--accent,#876840);color:#fff;opacity:1;animation:1.6s ease-out infinite dictation-pulse}@media (prefers-reduced-motion:reduce){.horoscope-city .horoscope-city__dictation[aria-pressed=true]{animation:none}}.horoscope-city__mic{width:1.25rem;height:1.25rem}.horoscope-city__dictation-notice{margin:.5rem 0 0;font-size:.8125rem;line-height:1.5}.horoscope-city__dictation-status{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.horoscope-city label{margin-bottom:.5rem;display:block}.horoscope-city .horoscope-city__clear{text-align:left;min-width:44px;min-height:44px;font-family:var(--sans,system-ui, -apple-system, sans-serif);color:var(--ink-soft,#67665e);cursor:pointer;background:0 0;border:0;padding:0;font-size:.75rem;font-weight:400;line-height:1.2;position:absolute;inset-block-end:0;inset-inline-start:.75rem}.horoscope-city__row:has(.horoscope-city__clear:not([hidden])) input{padding-block-end:2.75rem}.horoscope-city input{box-sizing:border-box;width:100%;color:inherit;border:1px solid var(--accent,#876840);font:inherit;background:#fff;border-radius:4px;padding:.75rem}.horoscope-city :is(button,a){color:inherit;font:inherit}.horoscope-city button{border:1px solid var(--accent,#876840);min-height:var(--horoscope-action-height,28px);font-family:var(--sans,system-ui, -apple-system, sans-serif);font-size:var(--control-text,.8125rem);cursor:pointer;background:0 0;border-radius:8px;padding:.25rem .75rem;font-weight:600;line-height:1.2}.horoscope-city :is(button:not(.horoscope-city__clear):hover,[role=option]:hover,[aria-selected=true]){background:#87684024}.horoscope-city :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.horoscope-city [role=listbox]{overscroll-behavior:contain;max-height:min(45dvh,18rem);margin:0 0 .5rem;padding:0;list-style:none;overflow-y:auto}.horoscope-city [role=option]{box-sizing:border-box;overflow-wrap:anywhere;cursor:pointer;border-bottom:1px solid #87684059;min-height:44px;padding:.75rem}.horoscope-city a{text-underline-offset:.2em;margin-right:.75rem;padding:.5rem 0;display:inline-block}.horoscope-city p{overflow-wrap:anywhere}.horoscope-page .horoscope-city dialog{background:var(--ink,#16161d);color:var(--on-ink,#fff);font-family:var(--sans);border-radius:12px;box-shadow:0 24px 48px #00000073}.horoscope-page .horoscope-city dialog::backdrop{background:var(--horoscope-dialog-veil)}.horoscope-page .horoscope-city dialog input{background:var(--horoscope-dialog-field);color:var(--on-ink,#fff)}.horoscope-page .horoscope-city dialog input::placeholder{color:var(--ink-soft,#b5b3bf);opacity:1}.horoscope-page .horoscope-city__clear{color:var(--ink-soft,#b5b3bf)}.horoscope-page .horoscope-city dialog :focus-visible{outline:2px solid var(--accent);outline-offset:3px}
