body.--hasQuizForm .notice {
    display: none;
}

.at-quizForm {
    margin-top: 0;
    overflow-x: clip;
}

.at-quizForm__quiz {
    position: relative;
}

.at-quizForm form {
    display: flex;
    align-items: stretch;
    max-width: 680px;
    min-height: 680px;
    padding-bottom: 5vh;
    flex-direction: column;
    justify-content: center;
    margin-inline: auto;
    text-align: center;
}

.at-quizForm .subtitle {
    font-size: var(--size-normal)
}

.at-quizForm form p {
    font-size: var(--size-large);
}

.at-quizForm span.req {
    display: none;
}

.at-quizForm input[type='text'],
.at-quizForm .proFormText,
.at-quizForm select {
    background-color: #fff;
    width: 100%;
}

.at-quizForm input[type='text'],
.at-quizForm .proFormText {
    width: 60%;
}

.at-quizForm legend {
    display: inline-block;
    margin-bottom: calc(var(--lineHeight-text)* 1em);
    padding: .5em 1em .4em;
    border: 1px solid var(--darker-100);
    border-radius: var(--radius-l);
    line-height: 1;
    font-family: var(--fam-text);
    font-size: var(--size-small);
    font-weight: var(--font-bold);
    letter-spacing: .05em;
    text-transform: uppercase;
    color: color-mix(in lch, var(--darker-300), var(--color, #999));
}

.at-quizForm label.field {
    display: block;
    margin-bottom: 0.5rem;
    font-family: var(--fam-headings);
    font-weight: var(--font-bold);
    line-height: var(--lineHeight-headings);
    letter-spacing: -0.022em;
    font-size: var(--size-large);
    color: var(--ink);
}

@media screen and (min-width: 720px) {
    .at-quizForm label.field {
        font-size: var(--size-h-large);
    }
}

.at-quizForm .fieldinput {
    margin-top: 1.5rem;
}

.at-quizForm .proFormListRadio {
    text-align: left;
    margin-top: 3rem;
}

.at-quizForm .proFormListRadio li {
    padding-left: 0;
}

.at-quizForm .proFormListRadio input {
    margin-left: 0.5em;
    margin-top: 0.9em;
}

.at-quizForm .proFormListRadio label {
    display: block;
    padding-block: 0.5em;
    padding-inline: 1.7em 0.3em;
    background: #fff;
    border-radius: 4px;
    cursor: pointer;
}

.at-quizForm .proFormListRadio label:hover,
.at-quizForm .proFormListRadio li:hover label,
.at-quizForm .proFormListRadio input:checked + label {
    background-color: var(--cloudy);
    box-shadow: 0 0 0 1px var(--sapphire);
}

/**
 * Buttons
 */

.at-quizForm .submit button.cancel {
    display: none;
}

.at-quizForm .submit div div {
    display: flex;
    justify-content: space-between;
}

.at-quizForm .submit .fieldinput {
    margin-top: 0;
}

.at-quizForm .submit div div:not(:has(button.previous)) {
    justify-content: center;
}

/**
 * Shapes
 */

[class*='at-quizForm__shape'] {
    position: absolute;
    rotate: -10deg;
    opacity: .5;
}

.at-quizForm__shape1 {
    top: 9em;
    left: -13em;
    rotate: -10deg;
    width: min(23em, 50vw);
    height: min(23em, 50vw);
}

.at-quizForm__shape2 {
    right: 4em;
    bottom: 0;
    width: min(12em, 24vw);
    height: min(12em, 24vw);
}

.at-quizForm:not(.u-squircleBg) .at-quizForm__shape1 {
    clip-path: polygon(66% 0, 100% 0%, 100% 100%, 48% 100%);
}

.at-quizForm:not(.u-squircleBg) .at-quizForm__shape2 {
    bottom: -5em;
    clip-path: polygon(0 0, 100% 0, 100% 67%, 0 50%);
}

.at-quizForm .formfielderror {
    font-weight: var(--font-bold);
    font-size: var(--size-normal)
}

/**
  Colors
  */

.--u-papaya [class*='at-quizForm__shape'] {
    color: var(--papaya-300);
}

.--u-sapphire [class*='at-quizForm__shape'] {
    color: var(--sapphire-100);
}

.--u-sunflower [class*='at-quizForm__shape'] {
    color: var(--sunflower);
}

.--u-tropical [class*='at-quizForm__shape'] {
    color: var(--tropical);
}