.phone-field{width:100%;margin-bottom:16px;position:relative}.phone-control{background:color-mix(in srgb, var(--white) 5%, transparent);border:1px solid color-mix(in srgb, var(--white) 14%, transparent);width:100%;transition:border-color .2s var(--ease,ease), background .2s var(--ease,ease);border-radius:8px 8px 8px 0;align-items:stretch;display:flex;overflow:hidden}.phone-control:focus-within{border-color:var(--flame);background:color-mix(in srgb, var(--white) 8%, transparent)}.phone-field .phone-country-trigger,.phone-field .phone-country-option{font-family:var(--font-sans);text-transform:none;color:var(--white);cursor:pointer;border:0;border-radius:0;margin:0}.phone-field .phone-country-trigger{border-right:1px solid color-mix(in srgb, var(--white) 14%, transparent);background:0 0;flex:none;align-items:center;gap:7px;width:auto;min-width:106px;padding:0 13px;font-size:15px;line-height:1;display:flex}.phone-field .phone-country-trigger:hover{background:color-mix(in srgb, var(--white) 5%, transparent);box-shadow:none;transform:none}.phone-country-trigger:focus-visible,.phone-country-option:focus-visible{outline:2px solid var(--flame);outline-offset:-2px}.phone-chevron{border-right:1.5px solid var(--flame);border-bottom:1.5px solid var(--flame);width:8px;height:8px;margin-left:auto;transform:translateY(-2px)rotate(45deg)}.phone-field .phone-num{width:auto;min-width:0;color:var(--white);font-family:var(--font-sans);background:0 0;border:0;border-radius:0;outline:none;flex:1;margin:0;padding:13px 14px;font-size:15px}.phone-field .phone-num::placeholder,.phone-field .phone-country-search::placeholder{color:color-mix(in srgb, var(--white) 35%, transparent)}.phone-country-menu{z-index:30;border:1px solid color-mix(in srgb, var(--white) 16%, transparent);background:#141b24;border-radius:10px 10px 10px 0;width:min(100%,390px);padding:10px;position:absolute;top:calc(100% - 8px);left:0;overflow:hidden;box-shadow:0 20px 50px #00000073}.phone-search-wrap{margin-bottom:8px;position:relative}.phone-search-icon{z-index:1;border:1.5px solid color-mix(in srgb, var(--white) 55%, transparent);pointer-events:none;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:13px;transform:translateY(-58%)}.phone-search-icon:after{content:"";border-top:1.5px solid color-mix(in srgb, var(--white) 55%, transparent);width:6px;position:absolute;bottom:-3px;right:-5px;transform:rotate(45deg)}.phone-field .phone-country-search{border:1px solid color-mix(in srgb, var(--white) 14%, transparent);background:color-mix(in srgb, var(--white) 5%, transparent);width:100%;height:42px;color:var(--white);font-family:var(--font-sans);border-radius:7px;outline:none;margin:0;padding:10px 34px;font-size:14px}.phone-field .phone-country-search:focus{border-color:var(--flame)}.phone-country-list{overscroll-behavior:contain;scrollbar-color:color-mix(in srgb, var(--flame) 70%, transparent) transparent;max-height:248px;overflow-y:auto}.phone-field .phone-country-option{text-align:left;background:0 0;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:10px 11px;font-size:14px;line-height:1.25;display:grid}.phone-field .phone-country-option:hover,.phone-field .phone-country-option[aria-selected=true]{background:color-mix(in srgb, var(--flame) 13%, transparent);box-shadow:none;transform:none}.phone-option-flag{font-size:19px}.phone-option-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.phone-option-code{color:color-mix(in srgb, var(--white) 58%, transparent);font-family:var(--font-mono);font-size:12px}.phone-country-empty{color:color-mix(in srgb, var(--white) 55%, transparent);text-align:center;margin:0;padding:20px 12px;font-size:13px}.phone-field-error{color:var(--flame);margin:6px 0 0;font-size:12px;line-height:1.4}@media (max-width:420px){.phone-field .phone-country-trigger{min-width:96px;padding-inline:11px}.phone-country-menu{width:100%}}