html.co8-loc-lock{overflow:hidden}
.co8-loc{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid rgba(0,0,0,.12);border-radius:16px;background:#fff;color:#111;box-shadow:0 24px 60px rgba(0,0,0,.35);overflow:auto;margin:auto}
.co8-loc::backdrop{background:rgba(5,10,20,.6)}
.co8-loc:not([open]){display:none}
.co8-loc__form{display:grid;gap:16px;padding:20px 22px 22px}
.co8-loc__head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.co8-loc__title{margin:0;font-size:1.15rem;line-height:1.3}
.co8-loc__x{min-width:44px;min-height:44px;border:0;background:transparent;font-size:1.75rem;line-height:1;cursor:pointer;color:inherit;border-radius:8px}
.co8-loc__field{display:grid;gap:6px}
.co8-loc__field label{font-size:.875rem;font-weight:600}
.co8-loc select{width:100%;min-height:44px;padding:8px 12px;font:inherit;color:#111;background:#fff;border:1px solid #6b7280;border-radius:10px}
.co8-loc__note{margin:0;font-size:.8125rem;color:#444}
.co8-loc__actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.co8-loc__btn{min-height:44px;padding:0 20px;font:inherit;font-weight:600;color:#fff;background:#1a6fd6;border:2px solid #1a6fd6;border-radius:999px;cursor:pointer}
.co8-loc__btn--ghost{background:transparent;color:#111;border-color:#6b7280}
.co8-loc :is(select,button):focus-visible{outline:3px solid #1a6fd6;outline-offset:2px}
[data-co8-localization-toggle]:focus-visible{outline:3px solid #3399FF;outline-offset:2px}
@media(max-width:480px){.co8-loc{width:calc(100vw - 16px);border-radius:14px}.co8-loc__actions>*{flex:1}}
@media(prefers-reduced-motion:no-preference){.co8-loc[open]{animation:co8locin .18s ease-out}@keyframes co8locin{from{opacity:0;transform:translateY(8px)}}}