.account-field__phone{display:flex;align-items:center;gap:8px;padding:5px 8px 5px 12px;border:1px solid var(--color-neutral-gray-200);border-radius:8px}.account-field__phone:focus-within{border-color:var(--color-secondary-500)}.account-field__phone .account-dd{width:auto;flex-shrink:0}.account-field__phone .account-dd__panel{top:calc(100% + 12px);right:auto;min-width:300px}.account-dial__trigger{display:flex;align-items:center;gap:6px;padding:4px 0;border:0;background:transparent;font-family:inherit;font-size:1.8rem;font-weight:600;color:var(--color-primary-900);white-space:nowrap;cursor:pointer}.account-dial__trigger:focus-visible{outline:2px solid var(--color-blue-500);outline-offset:2px}.account-dial__trigger .account-dd__chevron svg{width:18px;height:18px}.account-field__phone .account-phone-number{flex:1;min-width:0;margin:0;padding:4px 0 4px 10px;border:0;border-left:1px solid var(--color-neutral-gray-200);border-radius:0;background:transparent;box-shadow:none;outline:none;font-family:inherit;font-size:1.8rem;line-height:24px;color:var(--color-primary-900)}.account-field__phone .account-phone-number:focus-visible{outline:2px solid var(--color-blue-500);outline-offset:0}.account-field__phone .account-phone-number::placeholder{color:var(--color-neutral-gray-300);opacity:1}.account-field.is-invalid .account-field__phone,.account-field.is-invalid .account-field__phone:focus-within{border-color:var(--color-red-300)}.account-field__err{margin:0;font-size:1.4rem;line-height:20px;color:var(--color-red-500)}
/*# sourceMappingURL=/cdn/shop/t/63/assets/component_PhoneField.css.map */