.phone-controls{display:grid;grid-template-columns:minmax(125px,35%) minmax(0,1fr);gap:0}.phone-controls select,.country-field select{width:100%;min-width:0;background:#0c1319;color:#eee;border:1px solid #ffffff30;border-radius:4px;font:inherit;padding:16px 12px}.phone-controls input{min-width:0;width:100%;border-radius:0 4px 4px 0!important}.phone-controls select{border-radius:4px 0 0 4px}.phone-field>label,.country-field>span{font-size:12px;margin-bottom:8px}.phone-controls select:focus,.country-field select:focus{outline:0;border-color:#eab15e}.phone-controls option,.country-field option{background:#101820;color:white}
#granite-signup .field:has(input[name="email"]){grid-column:1/-1}

.phone-controls{grid-template-columns:116px minmax(0,1fr)}
.phone-code-picker{position:relative;min-width:0;background:#0c1319;border:1px solid #ffffff30;border-right:0;border-radius:4px 0 0 4px}
.phone-code-picker select{position:absolute;inset:0;height:100%;width:100%;opacity:0;cursor:pointer;z-index:1;padding:0}
.phone-code-badge{display:flex;align-items:center;justify-content:center;gap:8px;height:100%;font-size:14px;white-space:nowrap;pointer-events:none;padding:0 22px 0 10px}
.phone-code-picker::after{content:"";position:absolute;right:12px;top:calc(50% - 4px);width:6px;height:6px;border-right:1px solid #abb9c0;border-bottom:1px solid #abb9c0;transform:rotate(45deg);pointer-events:none}
.phone-code-picker:focus-within{border-color:#eab15e;box-shadow:inset 0 0 0 1px #eab15e}
.phone-code-picker:hover{background:#19242d}