:root{--puikit-mobile-number-input-font-family:var(--puikit-font-family-sans);--puikit-mobile-number-input-selector-gap:var(--puikit-spacing-1);--puikit-mobile-number-input-selector-padding:var(--puikit-padding-1) var(--puikit-padding-2);--puikit-mobile-number-input-selector-border-radius:var(--puikit-border-radius-1);--puikit-mobile-number-input-selector-background-hover:var(--puikit-color-alpha-light-100);--puikit-mobile-number-input-dial-code-color:var(--puikit-color-text-primary);--puikit-mobile-number-input-chevron-transition:transform 150ms ease;--puikit-mobile-number-input-search-padding-x:var(--puikit-padding-8);--puikit-mobile-number-input-dropdown-max-height:220px;--puikit-mobile-number-input-dropdown-padding-x:var(--puikit-padding-4);--puikit-mobile-number-input-dropdown-padding-y:var(--puikit-padding-4);--puikit-mobile-number-input-list-gap:0;--puikit-mobile-number-input-item-padding:12px 8px;--puikit-mobile-number-input-item-gap:var(--puikit-spacing-2);--puikit-mobile-number-input-item-font-size:var(--puikit-typography-size-3);--puikit-mobile-number-input-item-dial-code-min-width:5ch;--puikit-mobile-number-input-bottom-sheet-list-height:50vh;--puikit-mobile-number-input-bottom-sheet-list-height:50dvh}.pui-mobile-number-input{display:inline-flex;flex-direction:column;position:relative;width:100%}.pui-mobile-number-input-inner{--puikit-text-input-prefix-gap:var(--puikit-mobile-number-input-selector-gap)!important;direction:ltr}.pui-mobile-number-input .pui-text-input__input{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pui-mobile-number-input__country-selector{align-items:center;border-radius:var(--puikit-mobile-number-input-selector-border-radius);cursor:pointer;display:flex;gap:var(--puikit-mobile-number-input-selector-gap);padding:var(--puikit-mobile-number-input-selector-padding);transition:background-color .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pui-mobile-number-input__country-selector>div{align-items:center;display:flex}@media (hover:hover){.pui-mobile-number-input:not(.pui-mobile-number-input--disabled) .pui-mobile-number-input__country-selector:hover{background-color:var(--puikit-mobile-number-input-selector-background-hover)}}.pui-mobile-number-input--disabled{opacity:var(--puikit-text-input-disabled-opacity)}.pui-mobile-number-input--disabled .pui-text-input--disabled{opacity:1}.pui-mobile-number-input--disabled .pui-mobile-number-input__country-selector{cursor:not-allowed;pointer-events:none}.pui-mobile-number-input__chevron{align-items:center;display:flex;justify-content:center;pointer-events:none;transition:var(--puikit-mobile-number-input-chevron-transition)}.pui-mobile-number-input--open .pui-mobile-number-input__chevron{transform:rotate(180deg)}@media (hover:hover){.pui-mobile-number-input:not(.pui-mobile-number-input--disabled):not(.pui-mobile-number-input--open):not(.pui-mobile-number-input--focused):not(.pui-mobile-number-input--error):hover .pui-text-input--outlined{background-color:var(--puikit-text-input-background-hover);border-color:var(--puikit-text-input-border-color-hover)}}.pui-mobile-number-input--focused,.pui-mobile-number-input--open{--puikit-text-input-border-color:var(--puikit-text-input-border-color-focus);--puikit-text-input-border-color-hover:var(--puikit-text-input-border-color-focus);--puikit-text-input-background-hover:transparent}.pui-mobile-number-input--error{--puikit-text-input-border-color:var(--puikit-text-input-border-color-error);--puikit-text-input-border-color-hover:var(--puikit-text-input-border-color-error);--puikit-text-input-border-color-focus:var(--puikit-text-input-border-color-error);--puikit-text-input-background-hover:transparent}.pui-mobile-number-input__dropdown{--puikit-popover-width:100%;--puikit-popover-content-padding-x:0;--puikit-popover-content-padding-y:0}.pui-mobile-number-input__search{border-bottom:1px solid var(--puikit-color-alpha-light-100);padding:0 var(--puikit-mobile-number-input-search-padding-x)}.pui-mobile-number-input__list{--puikit-list-padding:var(--puikit-mobile-number-input-dropdown-padding-y) var(--puikit-mobile-number-input-dropdown-padding-x);--puikit-list-gap:var(--puikit-mobile-number-input-list-gap);max-height:var(--puikit-mobile-number-input-dropdown-max-height);overflow-y:auto}.pui-mobile-number-input__bottom-sheet{--puikit-bottom-sheet-max-height:90vh;--puikit-bottom-sheet-max-height:90dvh}.pui-mobile-number-input__bottom-sheet .pui-mobile-number-input__list{max-height:var(--puikit-mobile-number-input-bottom-sheet-list-height)}.pui-mobile-number-input__item-content{align-items:center;display:flex;flex:1;gap:var(--puikit-mobile-number-input-item-gap);min-width:0}.pui-mobile-number-input__item-name{color:var(--puikit-color-text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pui-mobile-number-input__item-dial-code,.pui-mobile-number-input__item-name{font-family:var(--puikit-mobile-number-input-font-family),sans-serif;font-size:var(--puikit-mobile-number-input-item-font-size)}.pui-mobile-number-input__item-dial-code{color:var(--puikit-color-text-secondary);direction:ltr;flex-shrink:0;min-width:var(--puikit-mobile-number-input-item-dial-code-min-width);unicode-bidi:isolate}.pui-mobile-number-input__mask-placeholder{align-items:center;display:flex;font:inherit;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;inset:0;overflow:hidden;padding:0 var(--puikit-text-input-padding-x-m) 0 var(--puikit-text-input-prefix-gap);pointer-events:none;position:absolute;white-space:nowrap}.pui-mobile-number-input--s .pui-mobile-number-input__mask-placeholder{padding:0 var(--puikit-text-input-padding-x-s) 0 var(--puikit-text-input-prefix-gap)}.pui-mobile-number-input__mask-hidden{visibility:hidden;white-space:pre}.pui-mobile-number-input__mask-visible{white-space:pre}.pui-mobile-number-input--empty .pui-mobile-number-input-inner .pui-text-input__input,.pui-mobile-number-input__mask-visible{color:var(--puikit-text-input-placeholder-color)}