body.attentiontest{background-color:var(--color-background)}.testingPage.svelte-1fjejm{background:url(../../../lib/images/background/e.svg),url(../../../lib/images/background/a.svg),url(../../../lib/images/background/i.svg),url(../../../lib/images/background/o.svg),url(../../../lib/images/background/u.svg) #cfd8ed;background-repeat:repeat-y;background-position:5% 0%,95% 0%,50% 30%,5% 0%,95% 0%;background-size:6rem,6rem,3rem;margin:-3vh -5vw}h3.svelte-1fjejm{font-weight:600}nav.svelte-1fjejm{display:flex;flex-direction:row;align-items:center;gap:20px;width:100%}nav.svelte-1fjejm a{color:var(--color-text);padding-right:0}nav.svelte-1fjejm a span{padding-left:.45em;font-weight:200!important}nav.svelte-1fjejm .progress-element{position:relative;width:100%;border-radius:40px;box-shadow:var(--box-shadow-test)}nav.svelte-1fjejm .progress-element .progressbg{height:15px;width:100%;border-radius:40px;background-color:var(--color-text)}nav.svelte-1fjejm .progress-element .progressbg .progressbar{position:relative;left:0;height:100%;border-radius:40px;width:0%;background-color:var(--color-interactions)}nav.svelte-1fjejm a,nav.svelte-1fjejm label{min-height:50px;min-width:50px;display:inline-flex;align-items:center;justify-content:center!important;font-size:var(--font-size-iconbtn)!important;border-radius:20px;border:none;text-decoration:none;background-color:var(--color-interactions);color:var(--color-text);text-align:center!important;box-shadow:var(--box-shadow-test)}nav.svelte-1fjejm a span,nav.svelte-1fjejm label span{color:var(--color-text)}nav.svelte-1fjejm a:hover,nav.svelte-1fjejm label:hover{background-color:var(--color-interactions-hover)}nav.svelte-1fjejm label input{visibility:hidden;opacity:0;height:0;width:0}nav.svelte-1fjejm label:has(input:checked){background-color:var(--color-interactions-hover)}.startcanceltest.svelte-1fjejm{display:flex;justify-content:space-between;min-width:100%;margin-top:1em}.canceltest.svelte-1fjejm,.start.svelte-1fjejm{text-decoration:none;padding:.75em 1em;border-radius:var(--border-radius);font-size:var(--font-size-storydesc);font-family:Poppins,sans-serif;display:inline-flex;align-items:center;gap:5px;color:var(--color-darktext);background-color:var(--color-text);box-shadow:var(--box-shadow-test)}.canceltest.svelte-1fjejm span,.start.svelte-1fjejm span{font-size:var(--font-size-storydesc);color:var(--color-cancel)}.canceltest.svelte-1fjejm:hover,.canceltest.svelte-1fjejm:active,.start.svelte-1fjejm:hover,.start.svelte-1fjejm:active{background-color:var(--color-active-cancel)}.start.svelte-1fjejm{border:none;background-color:var(--color-start);color:var(--color-text)}.start.svelte-1fjejm span{font-weight:800;color:var(--color-text)}.start.svelte-1fjejm:hover,.start.svelte-1fjejm:active{background-color:var(--color-active-start)}.testcard.svelte-1fjejm{position:absolute;width:70dvw;aspect-ratio:2/1.75;background-color:var(--color-text);border-radius:var(--border-radius);box-shadow:var(--box-shadow-test);top:50%;left:50%;transform:translate(-50%,-50%) scale(1);transform-origin:center center;padding:.5em;animation-name:svelte-1fjejm-animateCard;animation-play-state:paused;color:var(--color-interactions)}.testcard.svelte-1fjejm .testcard-img{position:relative;width:100%;height:70%;background-color:var(--color-interactions);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center}.testcard.svelte-1fjejm .testcard-img p{font-size:clamp(100px,100px + 5vw,185px);display:inline-block}.testcard.svelte-1fjejm p{font-family:Poppins,sans-serif;font-weight:800;text-align:center;font-size:clamp(90px,80px + 3vw,120px)}@keyframes svelte-1fjejm-animateCard{0%{transform:translate(-50%,-50%) scale(1) rotate(-1deg)}5%{transform:translate(-50%,-50%) scale(1.1) rotate(1deg)}10%{transform:translate(-50%,-50%) scale(1.2) rotate(3deg)}15%{transform:translate(-50%,-50%) scale(1.1) rotate(2deg)}20%{transform:translate(-50%,-50%) scale(.9) rotate(-2deg)}25%{transform:translate(-50%,-50%) scale(1) rotate(0)}30%{transform:translate(-50%,-50%) scale(1.1) rotate(4deg)}35%{transform:translate(-50%,-50%) scale(1.2) rotate(2deg)}40%{transform:translate(-50%,-50%) scale(1) rotate(-1deg)}45%{transform:translate(-50%,-50%) scale(1.2) rotate(1deg)}50%{transform:translate(-50%,-50%) scale(1.3) rotate(2deg)}55%{transform:translate(-50%,-50%) scale(1.2) rotate(0)}60%{transform:translate(-50%,-50%) scale(1.2) rotate(-2deg)}65%{transform:translate(-50%,-50%) scale(1.3) rotate(1deg)}70%{transform:translate(-50%,-50%) scale(1.2) rotate(3deg)}75%{transform:translate(-50%,-50%) scale(1.3) rotate(2deg)}80%{transform:translate(-50%,-50%) scale(1.2) rotate(-1deg)}85%{transform:translate(-50%,-50%) scale(1.1) rotate(0)}90%{transform:translate(-50%,-50%) scale(1.1) rotate(2deg)}95%{transform:translate(-50%,-50%) scale(1.05) rotate(1deg)}to{transform:translate(-50%,-50%) scale(1) rotate(-1deg)}}@media (min-width: 650px){.testcard.svelte-1fjejm{width:30dvw}}
