.color-gray-default{color:#6f6f6f}.color-danger-default{color:#e5543d}.button--primary{padding:8px 16px;background-color:#6742d1;border-radius:8px;color:#fff;font-weight:700;text-align:center}.button--circle{cursor:pointer;height:48px;width:48px;background-color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%}.button--circle:active:not(:disabled){transform:translateY(2px)}@media(prefers-color-scheme:dark){.button--circle{background-color:#231646}}.button--previous{border:2px solid #ffbe2e}.button--previous svg path{fill:#ffbe2e}.button--stop{border:2px solid #e5543d}.button--stop svg path{fill:#e5543d}.button--stop.with-countdown{border-color:#f4c4bc}@media(prefers-color-scheme:dark){.button--stop.with-countdown{border-color:#9a3929}}.button--next{border:2px solid #6742d1}.button--next svg path{fill:#6742d1}.countdown{display:block}.countdown>.background{fill:none}.countdown>.progress{fill:none;stroke:#e5543d;transition:stroke-dashoffset 1s linear}.input--recall{height:64px;text-align:center;width:100%;max-width:128px;border-radius:0;font-weight:700;font-size:40px;line-height:48px;transition:background-color .25s ease-in-out,border-color .25s ease-in-out,border-radius .25s ease-in-out;border-bottom:4px;border-bottom-style:solid}.input--recall.correct,.input--recall.incorrect{border-radius:40px}.input--recall.correct:focus,.input--recall.incorrect:focus{background-color:inherit;border-radius:0;color:inherit}.input--recall.correct{background-color:#bce7ca;color:#3dbe66}.input--recall.incorrect{background-color:#f4c4bc;color:#e5543d}.input--recall:focus{border-color:#6742d1}.input--recall{border-color:#f3f0fb}@media(prefers-color-scheme:dark){.input--recall{border-color:#100b21}.input--recall.correct{background-color:#153f22;color:#3dbe66}.input--recall.incorrect{background-color:#4c1c15;color:#e5543d}}:root{--background:#f3f0fb;--foreground:#100b21}@media(prefers-color-scheme:dark){:root{--background:#100b21;--foreground:#f3f0fb}}body{color:var(--foreground);background:var(--background);font-family:Comfortaa,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.test{gap:16px}.color-text--primary{color:#6742d1}.preparator{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:var(--background);z-index:2;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:32px;line-height:40px;font-weight:700;padding:32px}.fadeinout-2000{animation:fadeinout 2s ease-in-out both}.fadein-2000{animation:fadein 2s ease-in-out both}.fadeout-2000{animation:fadeout 2s ease-in-out both}.delay-0{animation-delay:0s}.delay-2000{animation-delay:2s}.delay-4000{animation-delay:4s}.delay-6000{animation-delay:6s}.delay-8000{animation-delay:8s}@keyframes fadeinout{0%{opacity:0;visibility:hidden}50%{opacity:1;visibility:visible}99%{opacity:0;visibility:hidden}to{opacity:0;visibility:hidden;display:none}}@keyframes fadein{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes fadeout{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}