@charset "UTF-8";.quiz{color:#fff;--padding: clamp(20px, 5.38vw, 60px)}@media(min-width:1366px){.quiz{display:grid;grid-template-columns:2fr 2fr}}@media(min-width:1920px){.quiz{display:grid;grid-template-columns:3fr 2fr}}.quiz-banner{--row-gap: 16px;--min-height: 368px;--current-rotation: 0deg;--target-rotation: 0deg;transition:--rotation .1s linear;background-color:var(--blue-accent);padding:var(--padding);display:flex;flex-direction:column;row-gap:var(--row-gap);min-height:var(--min-height);position:relative;overflow:hidden}.quiz-banner:hover{--target-rotation: 360deg}.quiz-banner:hover:after{animation-play-state:running}.quiz-banner:before{content:"";width:0;height:0;border-width:30px 30px 0 0;border-color:var(--gray) transparent transparent transparent;border-style:solid;position:absolute;left:0;top:0;pointer-events:none}@media(min-width:744px){.quiz-banner:before{border-width:40px 40px 0 0}}@media(min-width:1366px){.quiz-banner:before{border-width:60px 60px 0 0}}.quiz-banner:after{content:"";position:absolute;right:-40%;bottom:-39%;pointer-events:none;background-image:url(/assets/public/i/hexagon_mobile.webp);background-repeat:no-repeat;background-size:contain;background-position:center;transform:rotate(24deg);transform-origin:center;opacity:.3;transform:rotate(var(--current-rotation));animation:rotateOnHover 120s linear infinite;animation-play-state:paused;width:344px;height:344px}@media(min-width:744px){.quiz-banner:after{width:590px;height:590px;right:-39%;bottom:-77%}}@media(min-width:1366px){.quiz-banner:after{width:745px;height:745px;right:-18%;bottom:-50%}}@media(min-width:744px){.quiz-banner{--row-gap: 24px;--min-height: 414px}}@media(min-width:1366px){.quiz-banner{--row-gap: 30px;--min-height: 600px}}.quiz-banner-text{font-weight:600;line-height:1.15;font-size:clamp(18px,2.97vw,26px)}@media(min-width:744px){.quiz-banner-text{line-height:1.25}}@media(min-width:1366px){.quiz-banner-text{max-width:500px;--min-height: 600px}}.quiz-banner-note{display:flex;align-items:center;column-gap:8px;margin-top:auto;max-width:260px}.quiz-banner-note .icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:#fff;border-radius:var(--border-radius);color:var(--blue-accent);font-size:25px;width:48px;height:48px}@media(min-width:1366px){.quiz-banner-note{column-gap:12px}}.quiz-form{background-color:var(--black)}.quiz-form .invalid-feedback{color:var(--red);background:#ffffffe6;border-radius:2px;padding:.5rem var(--input-padding);font-size:.85rem}.quiz-form:has(.form-manager--success){padding:var(--padding)}.quiz-page{display:flex;flex-direction:column;flex-grow:1;flex-shrink:0;flex-basis:100%;height:auto;padding:var(--padding);scroll-snap-align:center;align-content:start;height:100%}.quiz-page-head{--gap: 32px;display:flex;flex-direction:column;gap:var(--gap);width:100%}@media(min-width:744px){.quiz-page-head{--gap: 40px}}@media(min-width:1366px){.quiz-page-head{--gap: 50px}}.quiz-page-progress{width:100%;display:flex;flex-direction:column;gap:8px}.quiz-page-progress-bars{display:flex;gap:8px}.quiz-page-progress-bar{flex:1 0 auto;height:2px;background-color:#ecf1f833}.quiz-page-progress-bar--filled{background-color:var(--blue)}.quiz-page-body{--gap: 12px;width:100%;flex-grow:1;display:grid;gap:var(--gap);align-content:start;position:relative}@media(min-width:744px){.quiz-page-body{--gap: 20px}}@media(min-width:744px){.quiz-page--1 .quiz-page-body,.quiz-page--2 .quiz-page-body,.quiz-page--4 .quiz-page-body{grid-template-columns:1fr 1fr}}.quiz-nav{display:flex;gap:20px;align-self:end;justify-content:end;margin-top:8px;width:100%}.quiz-nav .btn{height:60px}.quiz-nav:not(:has(.btn:only-child)){justify-content:space-between}@media(min-width:744px){.quiz-nav:not(:has(.btn:only-child)){justify-content:end}}.quiz-page--5 .quiz-nav{display:flex;flex-wrap:wrap;width:100%}@media(min-width:744px){.quiz-page--5 .quiz-nav{flex-direction:row;justify-content:space-between}}.quiz .btn--quiz-finish{--btn-color: var(--black);height:auto;align-self:stretch;max-width:295px;flex-grow:1;flex-basis:200px}@media(min-width:1024px){.quiz .btn--quiz-finish{max-width:255px}}@keyframes rotateOnHover{0%{transform:rotate(var(--current-rotation))}to{transform:rotate(calc(var(--current-rotation) + 360deg))}}