/* MODAMIX phone field (phone_field.js): flag + country list inside the field, like the new checkout */
.mmx-tel{position:relative;width:100%;flex:1 1 100%;min-width:0}
.mmx-tel-in{position:relative;display:block;width:100%}
.mmx-tel-on .mmx-tel-in input[type=tel]{width:100%;padding-left:80px!important;direction:ltr;text-align:left}
.mmx-cc{position:absolute;left:1px;top:1px;bottom:1px;padding:0 12px;display:flex;align-items:center;gap:7px;border:0;background:none;cursor:pointer;color:inherit;border-radius:6px 0 0 6px}
.mmx-cc:hover,.mmx-cc[aria-expanded="true"]{background:rgba(247,247,247,.06)}
.mmx-cc:focus-visible{outline:2px solid #8fb3ff;outline-offset:-2px}
.mmx-cc img{width:24px;height:18px;border-radius:3px;display:block;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.mmx-cc svg{width:11px;height:7px;transition:transform .15s}
.mmx-cc[aria-expanded="true"] svg{transform:rotate(180deg)}
.mmx-ccp{position:absolute;z-index:60;left:0;right:0;margin-top:6px;background:#262a2b;border:1px solid rgba(255,255,255,.14);border-radius:8px;box-shadow:0 18px 48px rgba(0,0,0,.5);overflow:hidden;direction:ltr}
.mmx-ccp[hidden]{display:none}
.mmx-ccp-q{padding:10px;border-bottom:1px solid rgba(255,255,255,.08)}
.mmx-ccp-q input{width:100%;height:42px;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:#1f2223;color:#f7f7f7;padding:0 12px;outline:0;font-size:15px}
.mmx-ccp-q input:focus{border-color:#8fb3ff}
.mmx-ccp ul{list-style:none;margin:0;padding:6px 0;max-height:280px;overflow-y:auto;overscroll-behavior:contain}
.mmx-ccp li{display:flex;align-items:center;gap:12px;padding:9px 14px;cursor:pointer;font-size:15px;color:#d6d6d6}
.mmx-ccp li img{width:22px;height:16px;border-radius:2px;flex:none;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.1)}
.mmx-ccp li .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mmx-ccp li .dc{color:#9a9a9a;font-variant-numeric:tabular-nums}
.mmx-ccp li[aria-selected="true"],.mmx-ccp li:hover{background:rgba(247,247,247,.07);color:#fff}
.mmx-ccp li.cur .nm{font-weight:600}
.mmx-ccp li.none{cursor:default;color:#9a9a9a}
.mmx-tel-msg{color:#ff8a80;font-size:13px;margin-top:6px;min-height:0}
.mmx-tel-msg:empty{display:none}
.mmx-tel-bad .mmx-tel-in input[type=tel]{border-color:#ff8a80!important}