/**
 * MAUP manifest.
 * @maup-path: assets/css/components/country-dial.css
 * @maup-version: 1.1.0
 * @maup-mode: replace
 * @maup-role: Stylesheet asset
 */
.phone-field-control{display:grid;grid-template-columns:118px minmax(0,1fr);align-items:stretch;min-height:58px;border-radius:14px;background:#f7f7f3;box-shadow:inset 0 0 0 1px rgba(0,0,0,.07);transition:box-shadow .2s ease,background .2s ease;overflow:hidden}
  .field--phone:focus-within .phone-field-control{background:#fff;box-shadow:inset 0 0 0 2px #111,0 0 0 4px rgba(143,130,255,.14)}
  .country-dial{position:relative;display:flex;align-items:stretch;border-right:1px solid rgba(20,20,23,.08)}
  .country-dial::after{content:"";position:absolute;right:11px;top:50%;width:6px;height:6px;border-right:1.5px solid #76767c;border-bottom:1.5px solid #76767c;transform:translateY(-70%) rotate(45deg);pointer-events:none}
  .country-dial select{appearance:none;-webkit-appearance:none;width:100%;min-width:0;border:0!important;outline:0!important;padding:0 27px 0 13px!important;background:transparent!important;box-shadow:none!important;color:#323237;font:600 .74rem/1 var(--font-mono);cursor:pointer}
  .country-dial.is-loading select{opacity:.58}
  .field--phone .phone-field-control>input{min-width:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0 14px!important}
  .field--phone .phone-field-control>input:focus{background:transparent!important;box-shadow:none!important}
  @media(max-width:520px){.phone-field-control{grid-template-columns:104px minmax(0,1fr)}.country-dial select{padding-left:11px!important;padding-right:24px!important;font-size:.7rem}}