.identia { --identia-border: #c5ccd5; --identia-bg: #fff; --identia-text: #202b3b; --identia-muted: #687588; --identia-focus: #326bd1; --identia-error: #b42318; --identia-success: #218052; --identia-radius: 8px; --identia-hover: #f1f5fa; --identia-disabled: #f0f2f5; --identia-shadow: 0 8px 28px #17212f24; position: relative; width: 100%; min-width: 0; font: inherit; color: var(--identia-text); container-type: inline-size; }
.identia, .identia * { box-sizing: border-box; }
.identia [hidden] { display: none !important; }
.identia .identia__control { position: relative; display: flex; align-items: stretch; width: 100%; min-height: 44px; border: 1px solid color-mix(in srgb, var(--identia-border) 65%, transparent); border-radius: var(--identia-radius); background: var(--identia-bg); }
.identia .identia__selector, .identia .identia__input { font: inherit; color: inherit; margin: 0; border: 0; border-radius: 0; padding: 10px 12px; box-shadow: none; background: transparent; min-width: 0; height: auto; line-height: 1.4; }
.identia .identia__selector { display: flex; align-items: center; gap: 8px; flex: 0 1 auto; max-width: 53%; border-right: 1px solid color-mix(in srgb, var(--identia-border) 25%, transparent); border-radius: var(--identia-radius) 0 0 var(--identia-radius); cursor: pointer; text-align: left; }
.identia .identia__selector:hover:not(:disabled) { background: var(--identia-hover); }
.identia .identia__selected-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .9em; font-weight: 600; }
.identia .identia__chevron { width: 6px; height: 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); margin: -3px 2px 0 3px; flex-shrink: 0; }
.identia.identia--open .identia__chevron { transform: rotate(225deg); margin-top: 3px; }
.identia .identia__input { flex: 1 1 0; width: 100%; border-radius: 0 var(--identia-radius) var(--identia-radius) 0; }
.identia .identia__input:focus, .identia .identia__selector:focus { outline: none; }
.identia .identia__input::placeholder { color: var(--identia-muted); opacity: 1; }
.identia .identia__icon { display: inline-block; flex: 0 0 24px; width: 24px; height: 20px; background: center / contain no-repeat url('assets/icons/document.svg'); }
.identia .identia__flag { height: 16px; border-radius: 2px; box-shadow: 0 0 0 1px #17212f1a; }
.identia .identia__flag[data-country="PY"] { background-image: url('assets/flags/PY.svg'); }
.identia .identia__flag[data-country="BR"] { background-image: url('assets/flags/BR.svg'); }
.identia .identia__flag[data-country="AR"] { background-image: url('assets/flags/AR.svg'); }
.identia .identia__icon--passport { background-image: url('assets/icons/passport.svg'); }
.identia .identia__dropdown { position: absolute; top: calc(100% + 6px); inset-inline: 0; z-index: 100; max-height: min(390px, 60vh); overflow-y: auto; overscroll-behavior: contain; padding: 6px; border: 1px solid var(--identia-border); border-radius: var(--identia-radius); background: var(--identia-bg); box-shadow: var(--identia-shadow); }
.identia.identia--open { z-index: 101; }
.identia .identia__dropdown:focus { outline: none; }
.identia .identia__group-label { padding: 10px 10px 6px; color: var(--identia-muted); text-transform: uppercase; font-size: .65em; font-weight: 700; letter-spacing: .1em; }
.identia .identia__option { display: flex; align-items: center; gap: 12px; padding: 10px; border-radius: 5px; cursor: pointer; }
.identia .identia__option:hover, .identia .identia__option--active { background: var(--identia-hover); }
.identia .identia__option--active { outline: 1px solid var(--identia-focus); outline-offset: -1px; }
.identia .identia__option[aria-selected="true"]::after { content: '✓'; margin-inline-start: auto; color: var(--identia-focus); }
.identia .identia__option-copy { min-width: 0; }
.identia .identia__option-label { display: block; font-size: .9em; font-weight: 600; }
.identia .identia__option-description { display: block; color: var(--identia-muted); font-size: .75em; overflow-wrap: anywhere; margin-top: 2px; }
.identia .identia__error, .identia .identia__hint { font-size: .75em; line-height: 1.5; margin-top: 7px; }
.identia .identia__hint { color: var(--identia-muted); }
.identia .identia__error { color: var(--identia-error); }
.identia .identia__error:empty, .identia .identia__hint:empty { display: none; }
.identia .identia__status { display: none; align-self: center; padding-right: 12px; color: var(--identia-success); font-size: .85em; }
.identia.identia--valid .identia__status { display: block; }
.identia.identia--invalid .identia__control { border-color: var(--identia-error); }
.identia.identia--valid .identia__control { border-color: var(--identia-success); }
.identia .identia__control:focus-within, .identia.identia--open .identia__control { border-color: var(--identia-focus); }
.identia.identia--disabled .identia__control { background: var(--identia-disabled); color: var(--identia-muted); }
.identia.identia--disabled .identia__selector, .identia.identia--disabled .identia__input { cursor: not-allowed; }
.identia.identia--disabled .identia__icon { opacity: .5; }
@container (max-width: 290px) {
    .identia .identia__selector, .identia .identia__input { padding: 10px 7px; }
    .identia .identia__selector { gap: 5px; max-width: 45%; }
    .identia .identia__selector .identia__icon { flex-basis: 20px; width: 20px; }
}