.mf-phone-control,
.mf-country-code-control {
    display: flex;
    width: 100%;
    align-items: stretch;
}

.mf-phone-prefix,
.mf-country-code-control > span {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border: 1px solid var(--border);
    border-right: 0;
    border-radius: calc(var(--radius) - 2px) 0 0 calc(var(--radius) - 2px);
    background: color-mix(in oklab, var(--muted) 34%, var(--background));
    color: var(--muted-foreground);
    font-size: .8125rem;
    font-weight: 600;
    white-space: nowrap;
}

.mf-phone-control > .mf-input,
.mf-country-code-control > .mf-input {
    min-width: 0;
    flex: 1 1 auto;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.mf-phone-control > .mf-input:focus,
.mf-country-code-control > .mf-input:focus {
    position: relative;
    z-index: 1;
}
