/* Shadcn Studio Phone Input 8: joined country selector and validation state. */
body.theme-blackfire .bf-checkout-modern .bf-phone-input{display:flex;width:100%;min-width:0}
body.theme-blackfire .bf-checkout-modern .bf-phone-country{
  flex:0 0 120px;width:120px;min-width:0;height:44px;padding:0 24px 0 10px;
  border:1px solid #343740!important;border-right:0!important;border-radius:8px 0 0 8px!important;
  background:#0d0f12!important;color:#fafafa!important;font:500 12px Geist,ui-sans-serif,system-ui,sans-serif;
  text-overflow:clip;cursor:pointer;outline:none;
}
body.theme-blackfire .bf-checkout-modern .bf-phone-input #bf-customer-phone{
  flex:1 1 auto;min-width:0;width:1%;border:1px solid #343740!important;border-radius:0 8px 8px 0!important;
  background:#0d0f12!important;color:#fafafa!important;
}
body.theme-blackfire .bf-checkout-modern .bf-phone-input:focus-within .bf-phone-country,
body.theme-blackfire .bf-checkout-modern .bf-phone-input:focus-within #bf-customer-phone{border-color:#f472b6!important}
body.theme-blackfire .bf-checkout-modern .bf-phone-input .bf-phone-country[aria-invalid=true],
body.theme-blackfire .bf-checkout-modern .bf-phone-input #bf-customer-phone[aria-invalid=true]{border-color:#f87171!important}
body.theme-blackfire .bf-checkout-modern .bf-phone-country:focus-visible{position:relative;z-index:1;box-shadow:0 0 0 3px #f472b626}
html[data-bf-theme=light] body.theme-blackfire .bf-checkout-modern .bf-phone-country{
  border-color:#d4d4d8!important;background:#fff!important;color:#18181b!important;box-shadow:0 1px 2px rgba(24,24,27,.08)
}
html[data-bf-theme=light] body.theme-blackfire .bf-checkout-modern .bf-phone-input #bf-customer-phone{border-color:#d4d4d8!important;background:#fff!important;color:#18181b!important}
html[data-bf-theme=light] body.theme-blackfire .bf-checkout-modern .bf-phone-input:focus-within .bf-phone-country,
html[data-bf-theme=light] body.theme-blackfire .bf-checkout-modern .bf-phone-input:focus-within #bf-customer-phone{border-color:#f472b6!important}
html[data-bf-theme=light] body.theme-blackfire .bf-checkout-modern .bf-phone-input .bf-phone-country[aria-invalid=true],
html[data-bf-theme=light] body.theme-blackfire .bf-checkout-modern .bf-phone-input #bf-customer-phone[aria-invalid=true]{border-color:#f87171!important}
@media(max-width:575px){body.theme-blackfire .bf-checkout-modern .bf-phone-country{flex-basis:116px;width:116px;height:44px}}