.custom-phone-picker{position:relative;width:100%}.custom-phone-picker__control{display:flex;width:100%;min-width:0}.custom-phone-picker__trigger{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;flex:0 0 auto;min-width:10.2rem;height:4.4rem;padding:0 1rem;border:1px solid rgb(var(--color-border));border-right:0;border-radius:var(--border-radius) 0 0 var(--border-radius);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;cursor:pointer}.custom-phone-picker__flag,.custom-phone-picker__option-flag{display:inline-block;flex:0 0 auto;width:2.2rem;aspect-ratio:4 / 3;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:2px;box-shadow:0 0 0 1px #00000014}.custom-phone-picker__flag{width:2.3rem}.custom-phone-picker__dial{font-size:1.4rem;white-space:nowrap}.custom-phone-picker__chevron{width:1rem;height:.7rem;transition:transform .18s ease}.custom-phone-field.is-open .custom-phone-picker__chevron{transform:rotate(180deg)}.custom-phone-picker__number.custom-design-field__input{flex:1 1 auto;min-width:0;border-radius:0 var(--border-radius) var(--border-radius) 0}.custom-phone-picker__trigger:focus-visible,.custom-phone-picker__number:focus{position:relative;z-index:1;outline:none;border-color:rgb(var(--color-border-input-hover))}.custom-phone-picker__dropdown{position:absolute;z-index:9999;top:calc(100% + .6rem);left:0;width:100%;min-width:28rem;max-width:min(42rem,calc(100vw - 3.2rem));overflow:hidden;border:1px solid rgb(var(--color-border));border-radius:var(--border-radius);background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 1rem 3rem #00000024}.custom-phone-picker__search-wrap{position:relative;padding:.8rem;border-bottom:1px solid rgb(var(--color-border));background:rgb(var(--color-background))}.custom-phone-picker__search-icon{position:absolute;top:50%;left:1.8rem;width:1.7rem;height:1.7rem;transform:translateY(-50%);color:rgba(var(--color-foreground),.55);pointer-events:none}.custom-phone-picker__search-icon svg{display:block;width:100%;height:100%}.custom-phone-picker__search{width:100%;height:4.2rem;box-sizing:border-box;padding:0 1.2rem 0 3.6rem;border:1px solid rgb(var(--color-border));border-radius:var(--border-radius);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:inherit;font-size:1.4rem;outline:none}.custom-phone-picker__search:focus{border-color:rgb(var(--color-border-input-hover))}.custom-phone-picker__list{max-height:30rem;overflow-y:auto;overscroll-behavior:contain}.custom-phone-picker__option{display:grid;grid-template-columns:2.4rem minmax(0,1fr) auto;align-items:center;gap:.8rem;width:100%;min-height:4.4rem;padding:.8rem 1.2rem;border:0;background:transparent;color:rgb(var(--color-foreground));font:inherit;text-align:left;cursor:pointer}.custom-phone-picker__option:hover,.custom-phone-picker__option:focus-visible,.custom-phone-picker__option[aria-selected=true]{background:rgb(var(--color-background-secondary));outline:none}.custom-phone-picker__option-flag{width:2.2rem}.custom-phone-picker__option-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.4rem}.custom-phone-picker__option-dial{padding-left:1rem;color:rgba(var(--color-foreground),.62);font-size:1.3rem;white-space:nowrap}.custom-phone-picker__empty{padding:1.5rem;color:rgba(var(--color-foreground),.62);font-size:1.3rem;text-align:center}@media screen and (max-width:749px){.custom-phone-picker__trigger{min-width:9.6rem}.custom-phone-picker__dropdown{min-width:100%;max-width:calc(100vw - 3.2rem)}.custom-phone-picker__search{font-size:16px}.custom-phone-picker__list{max-height:26rem}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/custom-phone-country-picker.css.map */