.prompt-form__field {
    background-image: var(--gradient-secondary);
    padding: 2rem;
}

.prompt-form__textarea {
    height: 164rem;
    background-color: var(--color-white);
    font-family: var(--font-family-secondary);
    font-size: 14rem;
    line-height: 21rem;
    color: var(--color-gray-800);
    padding: 18rem;
}

.prompt-form__textarea::-webkit-input-placeholder {
    -webkit-transition: opacity var(--transition-duration);
    transition: opacity var(--transition-duration);
}

.prompt-form__textarea::-moz-placeholder {
    -moz-transition: opacity var(--transition-duration);
    transition: opacity var(--transition-duration);
}

.prompt-form__textarea:-ms-input-placeholder {
    -ms-transition: opacity var(--transition-duration);
    transition: opacity var(--transition-duration);
}

.prompt-form__textarea::-ms-input-placeholder {
    -ms-transition: opacity var(--transition-duration);
    transition: opacity var(--transition-duration);
}

.prompt-form__textarea::placeholder {
    -webkit-transition: opacity var(--transition-duration);
    transition: opacity var(--transition-duration);
}

.prompt-form__textarea:focus::-webkit-input-placeholder {
    opacity: 0;
}

.prompt-form__textarea:focus::-moz-placeholder {
    opacity: 0;
}

.prompt-form__textarea:focus:-ms-input-placeholder {
    opacity: 0;
}

.prompt-form__textarea:focus::-ms-input-placeholder {
    opacity: 0;
}

.prompt-form__textarea:focus::placeholder {
    opacity: 0;
}

.prompt-form__label {
    font-size: 16rem;
}

.prompt-form__label:not(:first-child) {
    margin-top: 20rem;
}

.prompt-form__slider {
    display: flex;
    flex-direction: column;
    gap: 10rem;
    overflow-x: auto;
    margin-left: calc(var(--container-padding-x) * -1);
    margin-right: calc(var(--container-padding-x) * -1);
    padding-left: var(--container-padding-x);
    padding-right: var(--container-padding-x);
}

.prompt-form__slider:not(:first-child) {
    margin-top: 10rem;
}

.prompt-form__slider::-webkit-scrollbar {
    display: none;
}

.prompt-form__options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    gap: 10rem;
}

.prompt-form__option {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    background-color: var(--color-white);
    border: 1rem solid var(--color-white);
    font-family: var(--font-family-secondary);
    padding: 9rem;
    -webkit-transition:
        background-color var(--transition-duration),
        border-color var(--transition-duration),
        color var(--transition-duration);
    transition:
        background-color var(--transition-duration),
        border-color var(--transition-duration),
        color var(--transition-duration);
}

.prompt-form__option.selected {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-white);
}

.prompt-form__option:not(.selected) {
    cursor: pointer;
}

.prompt-form__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 10rem;
}

.prompt-form__buttons:not(:first-child) {
    margin-top: 30rem;
}

.prompt-form__button[disabled] {
    background-color: var(--color-primary-light);
    border-color: var(--color-primary-light);
    color: var(--color-primary-extra-light);
}

.prompt-form__info-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10rem;
    min-height: 48rem;
    font-size: 16rem;
    line-height: 16rem;
}

.prompt-form__info-link a {
    font-weight: 600;
    color: var(--color-secondary);
    text-decoration: underline;
    -webkit-transition: color var(--transition-duration);
    transition: color var(--transition-duration);
}

@media screen and (min-width: 576px) {
    .prompt-form__slider {
        overflow-x: unset;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
        margin-right: 0;
    }

    .prompt-form__options {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        min-width: unset;
    }
}

@media screen and (min-width: 768px) {
    .prompt-form__option {
        font-size: 12rem;
        line-height: 17rem;
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .prompt-form__buttons {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 20rem;
    }

    .prompt-form__buttons:not(:first-child) {
        margin-top: 50rem;
    }
}

@media (hover: hover) {
    .prompt-form__option:not(.selected):hover {
        border-color: var(--color-primary);
    }

    .prompt-form__info-link a:hover {
        color: var(--color-primary);
    }
}