/* Component: phone */

.sm-phone-input.iti { width: 100%; }

.sm-app .sm-phone-input.iti .iti__tel-input,
.sm-app .sm-phone-input.iti input[type="tel"] {
    width: 100%;
    min-height: 42px;
    padding: 10px 12px 10px 52px;
    border: 1px solid var(--sm-border, var(--sm-line-strong, #CBD5E1));
    border-radius: var(--sm-input-radius, var(--sm-radius-sm, 10px));
    font: inherit;
    background: #fff;
    color: var(--sm-ink, #0F172A);
    box-shadow: none;
}

.sm-app .sm-phone-input.iti .iti__tel-input:focus,
.sm-app .sm-phone-input.iti input[type="tel"]:focus {
    outline: none;
    border-color: var(--sm-accent);
    box-shadow: 0 0 0 3px var(--sm-accent-soft);
}