.phone-number__country-select__positioner{outline:none;z-index:1000;user-select:none}.phone-number__country-select__content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-6);padding:var(--spacing-8);background:var(--color-surface);border-radius:var(--spacing-4);box-shadow:0 2px 6px 0 rgba(29,29,29,.05),0 1px 4px 0 rgba(29,29,29,.25);max-height:var(--available-height, 320px);min-width:var(--anchor-width, 120px);overflow-y:auto;transform-origin:var(--transform-origin);transition:transform 150ms,opacity 150ms}.phone-number__country-select__content[data-starting-style],.phone-number__country-select__content[data-ending-style]{opacity:0;transform:scale(0.95) translateY(-8px)}.phone-number__country-select__viewport{display:flex;flex-direction:column;gap:var(--spacing-6);width:100%}.phone-number__country-select__item{position:relative;display:flex;align-items:center;align-self:stretch;height:52px;padding:var(--spacing-8);border-radius:var(--spacing-2);background:var(--color-surface);color:var(--color-on-surface);cursor:pointer;font-size:var(--font-size-1);line-height:var(--font-size-1_5)}.phone-number__country-select__item:hover:not([data-disabled]){background:var(--color-surface-variant)}.phone-number__country-select__item[data-highlighted]{background:var(--color-surface-variant)}.phone-number__country-select__item[data-disabled]{background:var(--color-inactive);color:var(--color-on-inactive);cursor:not-allowed;pointer-events:none}.phone-number__country-select__item[data-selected]{background:var(--color-action-brand);color:var(--color-action-on-brand)}.phone-number__country-select__item[data-selected]:hover{background:var(--color-action-brand)}.phone-number__country-select__item-text{flex:1;align-items:center;display:flex;gap:var(--spacing-8)}.phone-number__country-select__item-hint{flex-shrink:0;margin-left:var(--spacing-8);color:var(--color-on-surface-variant);font-size:var(--font-size-0_875);line-height:var(--font-size-1_375)}@container aura (max-width: 480px){.phone-number__country-select__item-hint{line-height:var(--font-size-1_25)}}.phone-number__country-select__item[data-selected] .phone-number__country-select__item-hint{color:var(--color-action-on-brand)}.phone-number__country-select__item[data-disabled] .phone-number__country-select__item-hint{color:var(--color-on-inactive)}.phone-number{display:flex;flex-direction:column;gap:var(--spacing-4)}.phone-number__label{display:flex;flex-direction:column;gap:var(--spacing-4);width:100%}.phone-number__label-text{color:var(--color-on-surface-variant);background:rgba(0,0,0,0);font-size:var(--font-size-0_875);line-height:var(--font-size-1_375)}@container aura (max-width: 480px){.phone-number__label-text{line-height:var(--font-size-1_25)}}.phone-number__required-mark{color:var(--color-notification)}.phone-number__country-select{display:flex;flex-direction:row;align-items:flex-start;gap:0;font-size:var(--font-size-1);line-height:var(--font-size-1_5)}.phone-number__country-select__positioner{width:272px}.phone-number__country-select__field-wrapper{position:relative}.phone-number__country-select__trigger{position:relative;display:flex;align-items:center;justify-content:space-between;align-self:stretch;height:48px;padding:0 var(--spacing-16);background:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--border-radius-md) 0 0 var(--border-radius-md);color:var(--color-on-surface-variant);cursor:pointer;outline:none;font-family:inherit;font-size:inherit;line-height:1.5;text-align:left;gap:var(--spacing-8)}.phone-number__country-select__trigger:focus{border-color:var(--color-tertiary);border-right-color:var(--color-tertiary)}.phone-number__country-select__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:var(--spacing-8)}.phone-number__country-select__value-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px}.phone-number__country-select__value-icon svg{width:100%;height:100%}.phone-number__country-select__value-hint{flex-shrink:0}.phone-number__country-select__icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--color-on-surface);flex-shrink:0}.phone-number__country-select__icon svg{width:24px;height:24px}.phone-number__text-field{flex-grow:1;flex-shrink:0;min-width:120px;max-width:640px;font-size:var(--font-size-1);line-height:var(--font-size-1_5)}.phone-number__text-field__field{gap:var(--spacing-8);display:flex;align-items:center;height:48px;width:100%;background:var(--color-surface);border:1px solid var(--color-outline);border-left:none;border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;padding:0 var(--padding-sm);color:var(--color-on-surface)}.phone-number__text-field__field:focus-within{border-color:var(--color-tertiary);border-left-color:var(--color-outline)}.phone-number__text-field__text{padding:var(--spacing-12) 0;flex:1;border:none;outline:none;background:rgba(0,0,0,0);font-family:inherit;font-size:inherit;line-height:1.5;color:inherit}.phone-number__text-field__text:focus{outline:none}.phone-number__text-field__text::placeholder{color:var(--color-on-surface-variant)}.phone-number--disabled{cursor:not-allowed}.phone-number--disabled .phone-number__country-select__trigger{background:var(--color-inactive);border:1px solid var(--color-outline-variant);color:var(--color-on-surface-variant);pointer-events:none}.phone-number--disabled .phone-number__country-select__icon{color:var(--color-on-inactive)}.phone-number--disabled .phone-number__text-field__field{background:var(--color-inactive);border:1px solid var(--color-outline-variant);border-left:none;color:var(--color-on-inactive)}.phone-number--disabled .phone-number__text-field__text{cursor:not-allowed}.phone-number--readonly .phone-number__country-select__trigger{background-color:var(--color-inactive);border-color:var(--color-outline-variant);color:var(--color-on-surface-variant);pointer-events:none;cursor:default}.phone-number--readonly .phone-number__country-select__icon{color:var(--color-on-inactive)}.phone-number--readonly .phone-number__text-field__field{color:var(--color-on-inactive);background-color:var(--color-inactive);border:1px solid var(--color-outline-variant);border-left:none}.phone-number--readonly .phone-number__text-field__text{cursor:default}.phone-number--readonly .phone-number__text-field__field:focus-within{border-color:var(--color-outline-variant);border-left:none}.phone-number--readonly.phone-number--error .phone-number__country-select__trigger,.phone-number--readonly.phone-number--error .phone-number__country-select__trigger:hover{border-color:var(--color-outline-variant)}.phone-number--readonly.phone-number--error .phone-number__text-field__field,.phone-number--readonly.phone-number--error .phone-number__text-field__field:hover,.phone-number--readonly.phone-number--error .phone-number__text-field__field:focus-within{border-color:var(--color-outline-variant);border-left:none}.phone-number--error .phone-number__label-text{color:var(--color-error)}.phone-number--error .phone-number__country-select__trigger{border-color:var(--color-error)}.phone-number--error .phone-number__text-field__field{border-color:var(--color-error);border-left-color:var(--color-outline)}.phone-number--error .phone-number__country-select__trigger:focus{border-color:var(--color-error)}.phone-number--error .phone-number__text-field__field:focus-within{border-color:var(--color-error);border-left-color:var(--color-outline)}.phone-number--error.phone-number--readonly .phone-number__country-select__trigger{border-color:var(--color-error)}.phone-number--error.phone-number--readonly .phone-number__text-field__field{border-color:var(--color-error)}