/* Country code picker of a mobile number field (partials/mobile_country_select.blade.php) */
.cc-opt { display: flex; align-items: center; gap: .55rem; direction: ltr; }
.cc-opt .fi { flex: none; width: 1.35em; line-height: 1em; border-radius: 2px; box-shadow: 0 0 0 1px rgba(15, 23, 42, .08); }
.cc-opt .cc-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cc-opt .cc-dial { direction: ltr; unicode-bidi: isolate; color: #64748b; font-weight: 600; font-variant-numeric: tabular-nums; }
.select2-selection .cc-opt .cc-dial, .select2-results__option--highlighted .cc-opt .cc-dial { color: inherit; }
/* .cc-drop is the container select2 attaches to <body> for the open list */
body .select2-container.cc-drop { width: auto !important; }
body .cc-drop .select2-dropdown { width: 300px !important; max-width: calc(100vw - 32px); }
[dir="rtl"] .cc-drop .cc-name { direction: rtl; text-align: right; }