.input-with-help.svelte-pfrqu8 {
        display: inline-flex;
        align-items: center;
        width: 100%;
    }

    .input-with-help.svelte-pfrqu8 .input-text:where(.svelte-pfrqu8) {
        flex: 1;
    }

    .input-text.svelte-pfrqu8 {
        margin: 0;
        padding: 0 0.75rem 0 1rem;
        height: 2rem;
        border: 1px solid var(--color-primary);
        border-radius: 0.25rem;
        box-sizing: border-box;
    }

    .input-text.svelte-pfrqu8:focus {
        border: none;
        outline: 2px solid var(--color-primary);
        outline-offset: 0;
    }

    .input-text.svelte-pfrqu8:disabled {
        background-color: rgb(248 250 252); /* slate-50 */
        color: rgb(107 114 128); /* slate-500 */
        border-color: rgb(226 232 240); /* slate-200 */
        box-shadow: none;
    }

    .input-with-help.svelte-1p453dt {
        display: inline-flex;
        align-items: center;
        width: 100%;
    }

    .input-with-help.svelte-1p453dt .input-phone:where(.svelte-1p453dt) {
        flex: 1;
    }

    .disabled.svelte-1p453dt {
        background-color: #e0e0e0;
        cursor: not-allowed;
    }

    .invalid.svelte-1p453dt {
        background-color: #ffcccc;
    }