.confirmError {
    padding: 5px;
    color: red;
}

.code-error {
    border: solid 1px red;
}

.switch {
    --button-width: 48px;
    --button-height: 27px;
    --toggle-diameter: 18px;
    --button-toggle-offset: calc((var(--button-height) - var(--toggle-diameter)) / 2);
    --color-off: var(--text);
    --color-on: var(--teal-500);
    --button-radius: 24px;
    display: flex;
    cursor: pointer;
}

.switch__slider {
    display: inline-block;
    width: var(--button-width);
    height: var(--button-height);
    background-color: var(--color-off);
    border-radius: var(--button-radius);
    position: relative;
    transition: 0.3s all ease-in-out;
}

.switch__slider::after {
    content: "";
    display: inline-block;
    width: var(--toggle-diameter);
    height: var(--toggle-diameter);
    background-color: var(--white);
    border-radius: calc(var(--toggle-diameter) / 2);
    position: absolute;
    top: var(--button-toggle-offset);
    transform: translateX(var(--button-toggle-offset));
    transition: 0.3s all ease-in-out;
}

.switch input[type="checkbox"]:checked + .switch__slider {
    background-color: var(--color-on);
}

.switch input[type="checkbox"]:checked + .switch__slider::after {
    transform: translateX(calc(var(--button-width) - var(--toggle-diameter) - var(--button-toggle-offset)));
}

.switch input[type="checkbox"] {
    display: none;
}


.isPopUp .step-flex .step-products {
    min-width: 100%;
    flex: 0 0 100%;
}

.isPopUp .custom-col-6.steps-flex--form {
    min-width: 100%;
    flex: 0 0 100%;
}