.quiz {position: relative;}.quiz * {box-sizing: border-box;}.quiz_start {max-width: 400px;}.quiz_start input {width: 100%;padding: 8px 10px;margin-bottom: 5px;}.quiz_start button {padding: 8px 10px;cursor: pointer;}.quiz_questions {display: grid;grid-template: 1fr / 1fr;align-items: flex-start;}.quiz_question {position: relative;padding: 20px;margin: 0 0 20px;grid-column: 1 / 1;grid-row: 1 / 1;backface-visibility: hidden;width: 100%;box-sizing: border-box;}.quiz_answer label span {display: block;}.quiz_answer label {user-select: none;}.quiz_answer label input {margin: 10px 0;}.quiz_answer textarea {margin: 10px 0;font-family: inherit;}.quiz_answer button {display: inline-block;cursor: pointer;padding: 10px;}.quiz_answer img {display: inline-block;max-width: 200px;max-height: 200px;}.quiz_answer img[src=""],.quiz_answer img[src=""] + br {display: none;}.quiz_question > h3 {margin: -20px -20px 20px;padding: 15px 20px;}.quiz_answer.radio label:hover {cursor: pointer;background: rgba(0,0,0,0.08);}.quiz_progress {display: flex;align-items: baseline;}.quiz_progressbar {flex: 1;margin: 0 1em 1em;background: #fff;border-radius: 10px;}.quiz_progressbar > div {background: #369;height: .8em;border-radius: inherit;transition: width 0.2s ease-out;}div[class*=-enter-active],div[class*=-leave-active] {transition: transform .4s, opacity 0.5s;}.fade-enter,.fade-leave-to {opacity: 0;}[class$=fade-enter],[class$=fade-leave-to] {opacity: 0;}[class$=rotatex-enter] {transform: rotateX(180deg);}[class$=rotatex-leave-to] {transform: rotateX(-180deg);}[class$=rotatey-enter ]{transform: rotateY(180deg);}[class$=rotatey-leave-to] {transform: rotateY(-180deg);}[class$=scale-enter],[class$=scale-leave-to] {transform: scale(0);}.next-slide-enter {transform: translateX(75%);opacity: 0;}.next-slide-leave-to {transform: translateX(-75%);opacity: 0;}.prev-slide-enter {transform: translateX(-75%);opacity: 0;}.prev-slide-leave-to {transform: translateX(75%);opacity: 0;}.fade-enter-active {position: absolute;top: 0;left: 0;right: 0;}@supports (display: grid) {.fade-enter-active {position: relative;}}.design1 .quiz_start,.design1 .quiz_question {border-radius: 5px;background: #fff;box-shadow: 1px 1px 5px rgba(0,0,0,0.1);}.design1 .quiz_start {display: grid;padding: 30px;}.design1 .quiz_question > h3 {background: rgba(0,0,0,0.05);}.design1 .quiz_answers {display: flex;flex-wrap: wrap;}.design1 .quiz_answer {flex: 1;text-align: center;min-width: max-content;}.design1 .quiz_answer label {height: 100%;display: flex;padding: 10px;flex-flow: column;align-items: center;justify-content: flex-end;transition: background 0.25s ease;}.design1 .quiz_answer label input,.design1 .quiz_answer label textarea {width: 100%;padding: 8px 10px;}.design1 .quiz_answer label textarea {min-height: 15ch;resize: vertical;}.design1 .quiz_answer button {padding: 10px;}.design1 .quiz_answer img {max-width: 220px;max-height: 200px;}.darkwood .quiz_start,.darkwood .quiz_question {border-radius: 0;padding: 35px 0 0;background: linear-gradient(#111, #333);box-shadow: 1px 1px 5px rgba(0,0,0,0.1);color: #333;text-align: center;}.darkwood .quiz_start {display: grid;padding: 30px;}.darkwood .quiz_question > * {color: #fff;}.darkwood .quiz_question > h3 {background: none;margin: 20px 10px 30px;}.darkwood .quiz_answers {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 1px;}.darkwood .quiz_answer:only-child {grid-column: 1 / -1;}.darkwood .quiz_answer label {display: flex;padding: 15px 10px;height: 100%;align-items: center;justify-content: flex-end;flex-flow: column;transition: all 0.1s;}.darkwood .quiz_answer label:hover {background: #111;}.darkwood .quiz_answer label input,.darkwood .quiz_answer label textarea {width: 100%;padding: 8px 10px;}.darkwood .quiz_answer label input[type="radio"] {position: absolute;visibility: hidden;}.darkwood .quiz_answer label span {padding: 10px;}.darkwood .quiz_answer img {width: 100%;height: 200px;max-width: none;max-height: none;object-fit: cover;}.darkwood .quiz_progressbar > div {background: #261a00;height: .5em;}.rounded.quiz_wrap {--quiz-color: #034c8f;text-align: center;}.rounded .quiz_progress,.rounded .quiz_answer label > br {display: none;}.rounded .quiz_answers {display: grid;grid-template-columns: 1fr 1fr;grid-gap: 15px;}.rounded .quiz_answer:only-child {grid-column: 1 / -1;}.rounded .quiz_answer:not(.radio) {background: #034c8f;background-color: var(--quiz-color);padding: 10px;}.rounded .quiz_answer label input[type=radio] {visibility: hidden;pointer-events: none;position: absolute;left: -100%;}.rounded .quiz_answer input[type=text],.rounded .quiz_answer textarea {width: 100%;padding: 8px 10px;}.rounded .quiz_answer img {display: block;width: 100%;height: 200px;object-fit: cover;max-width: none;max-height: none;border-radius: 10px 10px 0 0;}.rounded .quiz_answer img[src=""] {display: none;}.rounded .quiz_answer.radio label > span {display: block;background: #034c8f;background-color: var(--quiz-color);text-align: center;padding: 20px 15px;color: #fff;border-radius: 0 0 10px 10px;}.rounded .quiz_answer img[src=""] ~ span {padding: 40px 15px;border-radius: 10px;}.rounded .quiz_answer {border-radius: 10px;transition: all 0.2s ease-out;}.rounded .quiz_answer:hover,.rounded .quiz_answer:active {box-shadow: 0 0 10px #034C8F;box-shadow: 0 0 10px var(--quiz-color);}.rounded .quiz_answer:active {transform: scale(0.9);}