body{overflow-x:hidden}body,.site-theme-light body{background-color:#f5f5f7}.site-theme-dark body{background-color:#0d0d0f}.site-theme-light .app-page-container{filter:drop-shadow(0px 0px 20px var(--theme-color-drop-shadow));padding-bottom:1.5em}.app-container{max-width:var(--spacing-max-width-default);padding:0 var(--spacing-padding-sides);margin:auto}.app-page{transition:transform .2s ease,opacity .2s ease}.app-page.is-exiting-left{transform:translate(-32px);opacity:0}.app-page.is-exiting-right{transform:translate(32px);opacity:0}.app-page.is-entering-right{transform:translate(32px);opacity:0;transition:none}.app-page.is-entering-left{transform:translate(-32px);opacity:0;transition:none}.app-header{margin-bottom:2em}@media(max-width:768px){.app-header{margin-bottom:1.5em}}.app-header-menuback{display:block;margin-top:1em;color:var(--theme-color-foreground-secondary)}@media screen and (max-width:600px){.app-header-menuback{font-size:.9rem}}.app-header-info{display:flex;justify-content:space-between;align-items:end;margin-top:1.5em;gap:1em}.app-header-title-heading{font-size:2rem;margin-top:0;text-wrap:balance;word-wrap:break-word}@media(max-width:768px){.app-header-title-heading{font-size:1.5rem}}.app-header-counters{display:flex;justify-content:end;align-items:end;flex-direction:row;gap:.5em}.app-header-counter{display:inline-block;color:var(--theme-color-foreground-secondary);flex-shrink:0}.progress-bar{position:relative;width:100%;height:7px;margin-top:1em;background-color:var(--theme-color-background-tertiary);border-radius:16px}@media(max-width:768px){.progress-bar{margin-bottom:"l"}}.progress-bar-fill{display:block;position:absolute;left:0;height:100%;background-color:var(--theme-color-accent);border-radius:16px;transition:width .25s ease-in-out}.modal-dialog-container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#00000073;backdrop-filter:blur(20px);padding:16px;opacity:0;transition:opacity .25s cubic-bezier(.4,0,.6,1)}.modal-dialog-container.is-open{opacity:1}.modal-dialog-container.is-open .modal-dialog{transform:translateY(0)}.modal-dialog{background-color:var(--theme-color-background-primary-elevated);padding:1rem;border-radius:24px;max-width:500px;margin:auto;transform:translateY(20px);transition:transform .25s cubic-bezier(.4,0,.6,1)}.close-modal-dialog{display:flex;justify-content:end}.close-modal-dialog-button{padding:.5em}.modal-dialog-content{display:flex;min-height:250px;align-items:start;padding:0 1rem 1rem}.modal-dialog-title{font-size:1.5rem;margin-bottom:1em}.modal-tutorial{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.modal-tutorial-item{display:flex;align-items:center;gap:1rem}.modal-tutorial-icon{display:flex;justify-content:center;align-items:center;background-color:var(--theme-color-background-secondary);height:4rem;width:4rem;flex-shrink:0;font-size:1.5rem;border-radius:12px}.modal-tutorial-icon.clr-1{background-color:#c4dcff;color:#0446a9}.modal-tutorial-icon.clr-2{background-color:#ffe2c4;color:#a90404}.modal-tutorial-icon.clr-3{background-color:#f1c4ff;color:#5c04a9}.modal-tutorial-item-text{font-size:1rem}.end-screen-container{opacity:0;visibility:hidden;transition:opacity 425ms cubic-bezier(.4,0,.6,1),visibility 425ms step-start}.end-screen-container.end-screen-active{opacity:1;visibility:visible}.end-screen-backdrop{position:fixed;display:flex;justify-content:center;inset:0;width:100%;height:100%;background-color:var(--theme-color-background-primary);z-index:9999;overflow-y:auto}.end-screen-content{width:100%;max-width:1250px;padding:0 var(--spacing-padding-sides);margin-bottom:600px}.end-screen-content.content-animate-in .end-screen-item{animation:end-screen-fadein .75s cubic-bezier(.4,0,.6,1) forwards}.end-screen-item{transform:translateY(72px);opacity:0}.end-screen-item.staggered-fadein:nth-child(1){animation-delay:0ms}.end-screen-item.staggered-fadein:nth-child(2){animation-delay:.1s}.end-screen-item.staggered-fadein:nth-child(3){animation-delay:.2s}.end-screen-item.staggered-fadein:nth-child(4){animation-delay:.3s}.end-screen-item.staggered-fadein:nth-child(5){animation-delay:.4s}.end-screen-item.staggered-fadein:nth-child(6){animation-delay:.5s}.end-screen-item.staggered-fadein:nth-child(7){animation-delay:.6s}.end-screen-item.staggered-fadein:nth-child(8){animation-delay:.7s}.end-screen-item.staggered-fadein:nth-child(9){animation-delay:.8s}.end-screen-item.staggered-fadein:nth-child(10){animation-delay:.9s}.end-screen-item.staggered-fadein:nth-child(11){animation-delay:1s}.end-screen-title{font-size:2rem;margin-top:1em;margin-bottom:.75em;text-align:center}.end-screen-subtitle{display:block;text-align:center;text-wrap:balance;margin-top:1.5em}.end-screen-title+.end-screen-subtitle{margin-top:0}.end-screen-icon{font-size:4.5rem;margin-top:1em}.icon-success{color:var(--theme-color-success);text-align:center}.end-screen-menuback-link{display:block;padding:1.5em 0;color:var(--theme-color-text-secondary)}.end-screen-actions{margin-top:1.5em}.end-screen-actions-content{padding:2em 0;margin:auto;display:flex;justify-content:center;align-items:center;max-width:1250px;flex-direction:row;gap:.5rem}@media screen and (max-width:600px){.end-screen-actions-content{flex-direction:column}}@keyframes end-screen-fadein{0%{transform:translateY(72px);opacity:0}to{transform:translateY(0);opacity:1}}.item-score-dial{padding:2em 0;display:flex;justify-content:center}.score-dial{position:relative;display:inline-flex;align-items:center;justify-content:center}.score-dial-svg{width:200px;height:200px}.score-dial-track{stroke:var(--theme-color-background-secondary)}.score-dial-fill{stroke:var(--theme-color-success);transition:stroke-dashoffset .8s ease}.score-dial-value{position:absolute;font-weight:700;font-size:2.5rem}.end-screen-quiz-statistics{display:flex;width:100%;gap:.75em}.statistics-box{display:block;width:100%;padding:1em;background-color:var(--theme-color-background-secondary);border-radius:12px}.statistics-box-title{color:var(--theme-color-foreground-secondary);font-size:.9rem;text-align:center}.statistics-box-value{font-size:1.5rem;text-align:center;margin:0}.incorrect-answers-list{display:flex;flex-direction:column;gap:.5em;width:100%;margin:2rem 0}.incorrect-answer-item{border-radius:12px;overflow:hidden;background:var(--theme-color-background-secondary)}.incorrect-answer-trigger{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75em 1em;box-sizing:border-box}.incorrect-answer-trigger:not(:disabled):hover{background-color:var(--theme-color-background-secondary)!important}.incorrect-answer-question{font-weight:700}.incorrect-answer-chevron{transition:transform .3s ease}.incorrect-answer-chevron:before{content:"";font-family:bootstrap-icons}.incorrect-answer-item.is-open .incorrect-answer-chevron{transform:rotate(180deg)}.incorrect-answer-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.incorrect-answer-item.is-open .incorrect-answer-content{grid-template-rows:1fr}.incorrect-answer-content-inner{overflow:hidden}.incorrect-answer-given,.incorrect-answer-correct{padding:8px 16px;margin:0;font-size:1rem}.incorrect-answer-given{color:var(--theme-color-error)}.incorrect-answer-correct{color:var(--theme-color-success);padding-bottom:14px}.incorrect-answer-label{font-weight:600}.toast-container{position:fixed;display:flex;justify-content:center;top:0;left:0;right:0;width:100%;transform:translateY(-100%);opacity:0;transition:transform .2s ease,opacity .2s ease;transition-delay:.1s;z-index:1}.toast-container.is-active{transform:translateY(0);opacity:1}.toast-container-content{padding:1.5rem}.toast-popup{background-color:var(--theme-color-background-primary-elevated);filter:drop-shadow(0px 0px 30px var(--theme-color-drop-shadow));border-radius:32px}.toast-popup-content{font-size:.9rem;display:flex;align-items:center;gap:.75em;padding:.25em}.toast-popup-badge{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:100px;background-color:var(--theme-color-vyuka-trophy-background);color:var(--theme-color-vyuka-trophy-color)}.toast-popup-badge-icon{font-size:1rem;animation:toast-popup-badge-pop ease-in-out .5s;animation-delay:.25s}.toast-popup-text{padding-right:.75em}@keyframes toast-popup-badge-pop{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.app-loading-scrim{display:flex;position:fixed;background-color:var(--theme-color-background-primary);align-items:center;justify-content:center;inset:0;width:100%;height:100%;z-index:9999;opacity:0;visibility:hidden;transition:opacity .25s ease-in-out,visibility .25s step-end}.app-loading-scrim.is-loading{opacity:1;visibility:visible;transition:opacity .25s ease-in-out,visibility .25s step-start!important}.loading-spinner{position:relative;width:40px;height:40px}.loading-spinner .spinner-bar{position:absolute;left:50%;top:50%;width:4.5px;height:13px;margin-left:-2.25px;margin-top:-20px;border-radius:100px;background-color:#6a6a6a;transform-origin:center 20px;animation:spinner-fade .75s linear infinite}.loading-spinner .spinner-bar:nth-child(1){transform:rotate(0);animation-delay:-.65625s}.loading-spinner .spinner-bar:nth-child(2){transform:rotate(45deg);animation-delay:-.5625s}.loading-spinner .spinner-bar:nth-child(3){transform:rotate(90deg);animation-delay:-.46875s}.loading-spinner .spinner-bar:nth-child(4){transform:rotate(135deg);animation-delay:-.375s}.loading-spinner .spinner-bar:nth-child(5){transform:rotate(180deg);animation-delay:-.28125s}.loading-spinner .spinner-bar:nth-child(6){transform:rotate(225deg);animation-delay:-.1875s}.loading-spinner .spinner-bar:nth-child(7){transform:rotate(270deg);animation-delay:-.09375s}.loading-spinner .spinner-bar:nth-child(8){transform:rotate(315deg);animation-delay:0s}@keyframes spinner-fade{0%{opacity:1}to{opacity:.15}}
