.phone-input.svelte-10c5l5j{position:relative;width:100%}.phone-input.svelte-10c5l5j button.country-select-button:where(.svelte-10c5l5j){display:flex;justify-content:center;align-items:center;border-right:1px solid var(--neutral-warm-300);border-radius:0;position:absolute;left:0;top:50%;transform:translateY(-50%);width:120px}.phone-input.svelte-10c5l5j button.country-select-button:where(.svelte-10c5l5j) svg:where(.svelte-10c5l5j){transition:transform .2s ease-out}.phone-input.svelte-10c5l5j button.country-select-button:where(.svelte-10c5l5j) svg.open:where(.svelte-10c5l5j){transform:rotate(180deg)}.phone-input.svelte-10c5l5j .country-code-dropdown:where(.svelte-10c5l5j){display:flex;flex-direction:column;position:absolute;left:0;top:calc(100% + .25rem);gap:1rem;padding:1rem;border-radius:8px;width:100%;max-width:400px;background:var(--neutral-warm-50);z-index:100;max-height:300px;overflow:auto}.phone-input.svelte-10c5l5j .country-code-dropdown:where(.svelte-10c5l5j) .single-country-select:where(.svelte-10c5l5j){display:flex;justify-content:start;align-items:center;gap:1rem;cursor:pointer;transition:.2s ease-out color}.phone-input.svelte-10c5l5j .country-code-dropdown:where(.svelte-10c5l5j) .single-country-select:where(.svelte-10c5l5j):hover,.phone-input.svelte-10c5l5j .country-code-dropdown:where(.svelte-10c5l5j) .single-country-select.focussed:where(.svelte-10c5l5j){color:var(--primary-sky)}.phone-input.svelte-10c5l5j input:where(.svelte-10c5l5j){width:100%;background:var(--white);border:1px solid var(--neutral-warm-300);border-radius:8px;font:inherit;outline:none;transition:background .2s ease-out,border .2s ease-out;padding:18px 12px 4px 128px}.phone-input.svelte-10c5l5j input:where(.svelte-10c5l5j):hover{background:var(--neutral-warm-50);border-color:var(--neutral-warm-300)}.phone-input.svelte-10c5l5j input:where(.svelte-10c5l5j):focus-visible{background:var(--white);border-color:var(--neutral-warm-700)}.phone-input.svelte-10c5l5j input:where(.svelte-10c5l5j):disabled{background:var(--neutral-warm-100);border-color:var(--neutral-warm-300)}.phone-input.svelte-10c5l5j input.error:where(.svelte-10c5l5j),.phone-input.svelte-10c5l5j input:where(.svelte-10c5l5j):invalid{background:var(--white);border-color:var(--warn-500);color:var(--warn-900)}.phone-input.svelte-10c5l5j input.success:where(.svelte-10c5l5j){background:var(--white);border-color:var(--success-500);color:var(--success-900)}.phone-input.svelte-10c5l5j label:where(.svelte-10c5l5j){position:absolute;top:50%;left:128px;line-height:normal;transform:translateY(-50%);transition:top .2s ease-out,transform .2s ease-out,font-size .2s ease-out,color .2s ease-out;color:var(--neutral-warm-600)}.phone-input.svelte-10c5l5j label.floating:where(.svelte-10c5l5j){top:6px;color:var(--neutral-warm-300);transform:none;font-size:10px}.phone-input.svelte-10c5l5j label.disabled:where(.svelte-10c5l5j){opacity:50%}.phone-input.svelte-10c5l5j label.error:where(.svelte-10c5l5j){color:var(--warn-900)}.phone-input.svelte-10c5l5j label.success:where(.svelte-10c5l5j){color:var(--success-900)}@media (max-width: 600px){.phone-input.svelte-10c5l5j button.country-select-button:where(.svelte-10c5l5j){padding:.5rem;width:100px}.phone-input.svelte-10c5l5j input:where(.svelte-10c5l5j){padding-left:108px}.phone-input.svelte-10c5l5j label:where(.svelte-10c5l5j){left:108px}}