import { collectCss } from '../../../../../../internal/style-injector/src/index.mjs';

var css$7 = ".PhoneInput_module_container__5c1958d4{display:grid;gap:var(--st-spacing-2);grid-template-columns:calc(var(--st-spacing)*22.5) 1fr}.PhoneInput_module_phone__5c1958d4{grid-area:1/2/2/3}.PhoneInput_module_select__5c1958d4{appearance:none;grid-area:1/1/2/2;padding-block:var(--st-spacing-2);padding-inline:var(--st-spacing-3) var(--st-spacing-6)}.-st-mobile .PhoneInput_module_select__5c1958d4{padding-block:var(--st-spacing-3)}.PhoneInput_module_chevron__5c1958d4{color:var(--st-muted-foreground);grid-area:1/1/2/2;margin-inline-end:var(--st-spacing-2);place-self:center end;pointer-events:none;rotate:90deg}.PhoneInput_module_error__5c1958d4{grid-area:2/1/3/3}";
collectCss(css$7);
var modules_2f821ae3 = {"container":"PhoneInput_module_container__5c1958d4","phone":"PhoneInput_module_phone__5c1958d4","select":"PhoneInput_module_select__5c1958d4 inputBase_module_inputBase__06c14ae4","chevron":"PhoneInput_module_chevron__5c1958d4","error":"PhoneInput_module_error__5c1958d4"};

export { css$7 as css, modules_2f821ae3 as default };
//# sourceMappingURL=PhoneInput.module.css.mjs.map
