:root{--background-primary: #ecf0f3;--text-dark: #000;--dark: #2d2d2d;--green: #2ecc71;--red: #db222a;--yellow: #ecde59;--accent: #fc7303;--grey: #9baacf;--grey-light: #d1d9e6;--grey-medium: #bec8e4;--shadow: 0.3rem 0.3rem 0.6rem var(--grey-light), -0.2rem -0.2rem 0.5rem #fff;--inner-shadow: inset 0.2rem 0.2rem 0.5rem var(--grey-light), inset -0.2rem -0.2rem 0.5rem #fff}:root{--section-p: 0.5em}@media(min-width: 420px){:root{--section-p: 2em}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{min-height:100vh;min-height:calc(var(--vh, 1vh)*100);font-family:"Rubik",sans-serif;background-color:var(--background-primary)}body::-webkit-scrollbar{width:.8em}body::-webkit-scrollbar-thumb{border-radius:10px;background-color:var(--grey-medium)}img::selection{background:transparent}::selection{background:var(--grey-light)}*{-webkit-tap-highlight-color:transparent}.container{margin-right:auto;margin-left:auto;width:100%;max-width:1440px;height:100%}#app{display:flex;flex-direction:column;height:100%}#app header{flex:0 0 auto}#app main{flex:1 0 auto}#app footer{flex:0 0 auto}.image-loading,.one-image-loading{position:relative;overflow:hidden}.image-loading::before,.one-image-loading::before{content:"";position:absolute;top:0;left:-150px;z-index:2;height:100%;width:200px;background:linear-gradient(to right, transparent 0%, #e7e7e7 50%, transparent 100%);animation:loading 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.image-loading::after,.one-image-loading::after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;background-color:#d1d1d1}@keyframes loading{from{left:-200px}to{left:100%}}ion-icon{pointer-events:none;color:var(--grey);font-size:var(--btn-fs);transition:.6s ease}ion-icon::selection{background:transparent}@keyframes slide-in-slide-out{0%{transform:translateY(100%)}100%{transform:translateY(0%)}}@keyframes slide-out{0%{transform:translateY(-100%)}100%{transform:translateY(0%)}}:root{--btn-fs: 1em;--btn-p: 0.5em}@media(min-width: 420px){:root{--btn-fs: 1.5em}}.btn{display:flex;justify-content:center;align-items:center;padding:var(--btn-p);border-radius:10px;box-shadow:var(--shadow);cursor:pointer;text-decoration:none;transition:all 1.5s linear;color:var(--dark)}.btn:hover{box-shadow:var(--inner-shadow)}.btn:hover ion-icon{color:var(--accent)}.range{-webkit-appearance:none;width:100%;background:transparent;position:relative;cursor:pointer}.range:focus{outline:0}.range::-webkit-slider-thumb{-webkit-appearance:none;width:3em;height:3em;margin:.5em 0;background:var(--accent);border-radius:100%;box-shadow:inset .8em .8em 5px -8px rgba(255,255,255,.4),inset -0.4em -0.4em 10px -3px rgba(0,0,0,.2),.7em .5em 7px -0.5em rgba(0,0,0,.4);cursor:pointer}.range::-webkit-slider-runnable-track{background:transparent;width:100%;height:4em;padding:0 1em;border-radius:2em;box-shadow:var(--inner-shadow)}:root{--modal-h: 80vh;--modal-icon-s: 7em;--modal-icon-fs: 3em;--modal-image-h: 8em;--modal-text-fs: 0.9em}@media(min-width: 420px){:root{--modal-h: 40em;--modal-image-h: 13em;--modal-text-fs: 1.5em}}.modal{position:fixed;bottom:0;right:50%;transform:translateX(50%);display:flex;flex-direction:column;width:100%;height:var(--modal-h);border-radius:10px;background-color:#fff;transition:1s ease-in;box-shadow:var(--inner-shadow);z-index:100}.modal.hidden{bottom:-150%}.modal__status{position:absolute;top:calc(var(--modal-icon-s)/2*-1);right:50%;transform:translateX(50%);display:flex;align-items:center;justify-content:center;width:var(--modal-icon-s);height:var(--modal-icon-s);border-radius:100%;border:15px solid #fff;background-color:#fff;box-shadow:var(--inner-shadow)}.modal__main{display:flex;flex-direction:column;align-items:center;row-gap:1em;padding:0 2em;width:100%;margin-top:calc(var(--modal-icon-s)/2 + 10px)}.modal__image{width:100%;max-width:20em;height:var(--modal-image-h)}.modal__image img{width:100%;height:100%;object-fit:contain;border-radius:10px}.modal__text{font-size:var(--modal-text-fs);text-align:center}.modal__btn{justify-self:flex-end;display:flex;align-items:center;justify-content:center;padding:2em 0}:root{--btn-lg-fs: 1em;--btn-lg-w: 50%}@media(min-width: 420px){:root{--btn-lg-fs: 1.2em}}@media(min-width: 768px){:root{--btn-lg-w: 30%;--btn-lg-fs: 1.2em}}.btn-lg{width:var(--btn-lg-w);padding:1em;font-size:var(--btn-lg-fs);font-weight:700;border-radius:10px;outline:none;border:none;box-shadow:var(--shadow);cursor:pointer;text-decoration:none;transition:all 1.5s linear;background-color:#fff;box-shadow:var(--shadow)}.btn-lg:hover{box-shadow:var(--inner-shadow)}:root{--modal-center-w: 18em;--modal-center-h: 30em;--modal-center-p: 2em 1em;--modal-title-fs: 2em;--modal-info-fs: 2em}@media(min-width: 768px){:root{--modal-center-w: 30em;--modal-center-h: 40em;--modal-info-fs: 4em}}.modal-center:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;transition:2s ease-in;background:rgba(0,0,0,.5)}.modal-center.hidden{opacity:0;z-index:-1}.modal-center.hidden>.modal-center__content{top:-150%}.modal-center__content{position:fixed;top:50%;right:50%;z-index:100;display:flex;flex-direction:column;justify-content:space-between;width:var(--modal-center-w);max-width:100%;height:var(--modal-center-h);padding:var(--modal-center-p);border-radius:10px;background-color:var(--background-primary);transform:translate(50%, -50%);transition:.4s ease-in}.modal-center__title{text-align:center;font-size:var(--modal-title-fs)}.modal-center__info{text-align:center;font-size:var(--modal-info-fs)}.modal-center__info-blitz{font-size:1.5em}@media(min-width: 768px){.modal-center__info-blitz{font-size:2.5em}}.modal-center .btn{width:47%;padding:1em;font-weight:700}.modal-center .btn.disabled{display:none}.modal-center__actions{display:flex;justify-content:space-between}:root{--popup-score-t: 20%;--popup-score-l: 20%;--popup-score-s: 80%;--popup-score-p: 2em 1em;--popup-score-fs: 1em}.popup-score{position:absolute;top:var(--popup-score-t);left:var(--popup-score-l);z-index:2;display:flex;flex-direction:column;justify-content:center;width:var(--popup-score-s);height:var(--popup-score-s);padding:var(--popup-score-p);font-size:var(--popup-score-fs);border-radius:100%;background:var(--background-primary);box-shadow:.3rem .3rem .6rem var(--grey-light);transition:.4s ease-in;pointer-events:none}.popup-score.hidden{transform:scale(0) rotate(190deg)}:root{--input-number-br: 2em}.input-number{position:relative;display:flex;justify-content:center;width:100%;height:3.3em;border-radius:var(--input-number-br);box-shadow:var(--inner-shadow);background:none}.input-number__input{width:20%;border:none;text-align:center;font-size:1.4rem;background:none;font-family:inherit;color:var(--grey)}.input-number__input.changed{animation:color-fade 1s}.input-number__input::-webkit-inner-spin-button,.input-number__input::-webkit-outer-spin-button{-webkit-appearance:none}.input-number__input::placeholder{color:var(--grey-medium)}.input-number__input:focus{outline:none}.input-number__btn{position:absolute;top:.5em;bottom:.5em;display:flex;justify-content:center;align-items:center;width:3em;border-radius:var(--input-number-br);box-shadow:var(--shadow);cursor:pointer;text-decoration:none;transition:all 1.5s linear;color:var(--dark);background:transparent;transition:all .5s ease;border:none;outline:none;color:var(--grey)}.input-number__btn:first-of-type{left:.5em}.input-number__btn:last-of-type{right:.5em}.input-number__btn:active{box-shadow:var(--inner-shadow);color:var(--primary)}.input-number__btn:hover{color:var(--accent)}@keyframes color-fade{0%{color:var(--grey)}50%{color:var(--accent)}100%{color:var(--grey)}}#checkmark.hidden{display:none}.checkmark.animated .checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:var(--green);animation:stroke .6s cubic-bezier(0.65, 0, 0.45, 1) 1s forwards}.checkmark.animated{width:100%;height:100%;border-radius:50%;display:block;stroke-width:2;stroke:#fff;stroke-miterlimit:10;margin:10% auto;box-shadow:inset 0px 0px 0px var(--green);animation:fill .4s ease-in-out 1.4s forwards,scale .3s ease-in-out 1s both}.checkmark.animated .checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(0.65, 0, 0.45, 1) 1.8s forwards}@keyframes stroke{100%{stroke-dashoffset:0}}@keyframes scale{0%,100%{transform:none}50%{transform:scale3d(1.1, 1.1, 1)}}@keyframes fill{100%{box-shadow:inset 0px 0px 0px 100px var(--green)}}#crossmark.hidden{display:none}.crossmark.animated{width:100%;height:100%;border-radius:50%;display:block;stroke-width:2;stroke:var(--red);stroke-miterlimit:10;margin:10% auto;box-shadow:inset 0px 0px 0px var(--red);animation:fillred .4s ease-in-out 1.4s forwards,scale 1.3s ease-in-out 1s both}.crossmark.animated .crossmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:var(--red);fill:none;animation:stroke .6s cubic-bezier(0.65, 0, 0.45, 1) 1s forwards}.crossmark.animated .cross__path{stroke:#fff;stroke-dasharray:48;stroke-dashoffset:48;transform-origin:50% 50% 0}.crossmark.animated .cross__path--right{animation:.3s ease 2s normal forwards 1 running stroke}.crossmark.animated .cross__path--left{animation:1s ease 2s normal forwards 1 running stroke}@keyframes fillred{100%{box-shadow:inset 0px 0px 0px 100px var(--red)}}@keyframes stroke{100%{stroke-dashoffset:0}}.modal-image{display:flex;position:fixed;z-index:99;left:0;top:0;align-items:center;justify-content:center;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.9);animation:.6s zoom}.modal-image__wrapper{width:90vw;height:90vh}.modal-image__image{width:100%;height:100%;object-fit:contain}.modal-image.hidden{display:none}.modal-image::-webkit-scrollbar{width:.8em}.modal-image::-webkit-scrollbar-thumb{border-radius:10px;background-color:var(--grey-medium)}.out{animation:.6s zoom-out}@keyframes zoom{from{transform:scale(0.4)}to{transform:scale(1)}}@keyframes zoom-out{from{transform:scale(1)}to{transform:scale(0)}}.tooltip{position:relative;cursor:pointer}.tooltip.opened .tooltip__content{bottom:-2em;z-index:2;width:auto;height:auto;padding:5px;font-size:1em;opacity:1;pointer-events:all;animation:tooltip-animation 1s ease-out forwards .15s}.tooltip__content{position:absolute;bottom:0;z-index:-5;border-radius:10px;opacity:0;white-space:nowrap;color:var(--text-dark);background:var(--background-primary);box-shadow:0 10px 30px rgba(65,72,86,.05);transition:.15s ease-in;pointer-events:none}@keyframes tooltip-animation{0%{transform:scale(1, 1)}10%{transform:scale(1.1, 0.9)}30%{transform:scale(0.9, 1.1)}50%{transform:scale(1.05, 0.95)}100%{transform:scale(1, 1)}}:root{--btn-anim-primary: #fc7303}.btn-anim{display:flex;position:relative;transition:transform ease-in .1s,box-shadow ease-in .25s}.btn-anim:focus{outline:0}.btn-anim:before,.btn-anim:after{position:absolute;content:"";display:block;width:200%;height:150%;left:-30%;z-index:-1000;transition:all ease-in-out .5s;background-repeat:no-repeat}.btn-anim:before{display:none;top:-75%;background-image:radial-gradient(circle, var(--btn-anim-primary) 20%, transparent 20%),radial-gradient(circle, transparent 20%, var(--btn-anim-primary) 20%, transparent 30%),radial-gradient(circle, var(--btn-anim-primary) 20%, transparent 20%),radial-gradient(circle, var(--btn-anim-primary) 20%, transparent 20%),radial-gradient(circle, transparent 10%, var(--btn-anim-primary) 15%, transparent 20%),radial-gradient(circle, var(--btn-anim-primary) 20%, transparent 20%),radial-gradient(circle, var(--btn-anim-primary) 20%, transparent 20%),radial-gradient(circle, var(--btn-anim-primary) 20%, transparent 20%),radial-gradient(circle, var(--btn-anim-primary) 20%, transparent 20%);background-size:25% 25%,35% 35%,30% 30%,35% 35%,33% 33%,25% 25%,30% 30%,25% 25%,33% 33%}.btn-anim:after{display:none;bottom:-75%;background-image:radial-gradient(circle, var(--btn-anim-primary) 20%, transparent 20%),radial-gradient(circle, var(--btn-anim-primary) 20%, transparent 20%),radial-gradient(circle, transparent 10%, var(--btn-anim-primary) 15%, transparent 20%),radial-gradient(circle, var(--btn-anim-primary) 20%, transparent 20%),radial-gradient(circle, var(--btn-anim-primary) 20%, transparent 20%),radial-gradient(circle, var(--btn-anim-primary) 20%, transparent 20%),radial-gradient(circle, var(--btn-anim-primary) 20%, transparent 20%);background-size:30% 30%,35% 35%,33% 33%,35% 35%,30% 30%,25% 25%,35% 35%}.btn-anim:active{transform:scale(0.9)}.btn-anim.animate:before{display:block;animation:topBubbles ease-in-out .75s forwards}.btn-anim.animate:after{display:block;animation:bottomBubbles ease-in-out .75s forwards}@keyframes topBubbles{0%{background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%}50%{background-position:0% 80%,0% 20%,10% 40%,20% 0%,30% 30%,22% 50%,50% 50%,65% 20%,90% 30%}100%{background-position:0% 70%,0% 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%;background-size:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%}}@keyframes bottomBubbles{0%{background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0%}50%{background-position:0% 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0%}100%{background-position:0% 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%;background-size:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%}}:root{--quiz-answer-w: 40%;--quiz-answer-h: 4em;--quiz-answer-p: 0.8em;--quiz-answer-fs: 1em}@media(min-width: 768px){:root{--quiz-answer-w: 40%;--quiz-answer-h: 3em;--quiz-answer-p: 1em;--quiz-answer-fs: 1.3em}}@media(min-width: 1024px){:root{--quiz-answer-fs: 1.3em}}.answer-btn{flex:1 1 var(--quiz-answer-w);height:var(--quiz-answer-h);padding:var(--quiz-answer-p);font-size:var(--quiz-answer-fs);background-color:var(--background-primary);text-align:left;outline:none;border:none;cursor:pointer;box-shadow:var(--shadow);border-radius:10px}.answer-btn:hover{box-shadow:var(--inner-shadow)}.answer-btn.correct{color:#fff;background-color:var(--green)}.answer-btn.incorrect{color:#fff;background-color:var(--red);animation:shake .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both}.answer-btn:disabled:hover{box-shadow:var(--shadow)}.answer-btn:disabled{cursor:auto}@keyframes shake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}.radio input{display:none}.radio input:checked~label{box-shadow:var(--inner-shadow)}.radio input:checked~label::after{background:var(--accent)}.radio label{box-shadow:var(--shadow);position:relative;display:flex;justify-content:center;align-items:center;cursor:pointer;width:2.8rem;height:2.8rem;border-radius:50%}.radio label:hover::after{background:var(--accent)}.radio label::after{content:"";position:absolute;width:1.4rem;height:1.4rem;background:var(--grey);border-radius:50%;transition:.3s ease}:root{--restrictive-message-title-fs: 2em;--restrictive-message-info-fs: 1.5em}@media(min-width: 768px){:root{--restrictive-message-title-fs: 2.5em;--restrictive-message-info-fs: 2em}}.restrictive-message{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5em;height:calc(var(--vh, 1vh)*75)}.restrictive-message__title{font-size:var(--restrictive-message-title-fs);color:var(--red)}.restrictive-message__info{font-size:var(--restrictive-message-info-fs)}:root{--settings-row-g: 1em;--settings-block-g: 1em;--settings-text-fs: 2em;--settings-input-range-w: 95%}@media(min-width: 420px){:root{--settings-input-range-w: 80%}}@media(min-width: 768px){:root{--settings-block-g: 2em;--settings-text-fs: 3em;--settings-input-range-w: 60%}}.settings{display:grid;grid-template-columns:repeat(auto-fit, minmax(15em, 1fr));align-content:center;gap:1em;width:100%;height:100%}@media(min-width: 420px){.settings{grid-template-columns:repeat(auto-fit, minmax(25em, 1fr))}}.settings:nth-child(1){animation:slide-in-slide-out .4s ease-in-out}.settings:nth-child(2){animation:slide-in-slide-out .8s ease-in-out}.settings-block{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--settings-block-g);padding:2em;border-radius:10px;background:var(--background-primary);box-shadow:var(--shadow)}.settings-block__input{display:flex;flex-direction:column;align-items:center}.settings-block__input-radios{display:flex;justify-content:space-between;align-items:center;font-size:2em}.settings-block .regulation{width:var(--settings-input-range-w)}.settings-block__text{font-size:var(--settings-text-fs);font-weight:700}.categories{display:grid;grid-template-columns:repeat(auto-fill, minmax(15em, 1fr));grid-auto-rows:minmax(20em, auto);gap:1em;align-items:stretch;padding:2em 0}:root{--quiz-row-g: 1em;--quiz-question-fs: 1em;--quiz-pag-s: 0.5em}@media(min-width: 420px){:root{--quiz-question-fs: 1.5em}}@media(min-width: 768px){:root{--quiz-row-g: 1em;--quiz-question-fs: 1.5em;--quiz-pag-s: 1em}}@media(min-width: 1024px){:root{--quiz-question-fs: 2em}}.quiz{display:flex;flex-direction:column;row-gap:var(--quiz-row-g);height:100%}.quiz:nth-child(1){animation:slide-in-slide-out .4s ease-in-out}.quiz:nth-child(2){animation:slide-in-slide-out .8s ease-in-out}.quiz:nth-child(3){animation:slide-in-slide-out 1.2s ease-in-out}.quiz:nth-child(4){animation:slide-in-slide-out 1.6s ease-in-out}.quiz__question{text-align:center;font-size:var(--quiz-question-fs)}.quiz__question.hidden{animation:slide-out .5s ease}.quiz-slider{overflow:hidden}.quiz__images{display:flex;flex-wrap:wrap;transition:1s ease;height:100%}.quiz__pag{display:flex;justify-content:space-between;padding:0 1em}.quiz__pag .pag-item{width:var(--quiz-pag-s);height:var(--quiz-pag-s);border-radius:100%;background-color:var(--grey)}.quiz__pag .pag-item.correct{background-color:var(--green)}.quiz__pag .pag-item.incorrect{background-color:var(--red)}.quiz__answers{display:flex;flex-wrap:wrap;gap:.5em}.quiz__answers.hidden{display:none}.quiz__answers .answer-btn:nth-child(1).hidden{animation:slide-in-slide-out .3s ease}.quiz__answers .answer-btn:nth-child(2).hidden{animation:slide-in-slide-out .6s ease}@keyframes slide-in-slide-out{0%{transform:translateY(100%)}100%{transform:translateY(0%)}}:root{--score-item-s: 13em;--score-item-image-p: 1em;--score-header-fs: 1em}@media(min-width: 420px){:root{--score-item-s: 15em;--score-item-image-p: 1.5em;--score-header-fs: 1.5em}}.score-header{margin-bottom:2em;text-align:center;font-size:var(--score-header-fs);font-weight:bold}.score{display:flex;justify-content:center;flex-wrap:wrap;gap:1em}@media(min-width: 890px){.score{gap:2em}}.score__item{position:relative;width:var(--score-item-s);height:var(--score-item-s);background:var(--background-primary);box-shadow:var(--shadow);border-radius:100%;cursor:pointer}.score__item:nth-of-type(1){animation:slide-in-slide-out .2s ease-in-out}.score__item:nth-of-type(2){animation:slide-in-slide-out .4s ease-in-out}.score__item:nth-of-type(3){animation:slide-in-slide-out .6s ease-in-out}.score__item:nth-of-type(4){animation:slide-in-slide-out .8s ease-in-out}.score__item:nth-of-type(5){animation:slide-in-slide-out 1s ease-in-out}.score__item:nth-of-type(6){animation:slide-in-slide-out 1.2s ease-in-out}.score__item:nth-of-type(7){animation:slide-in-slide-out 1.4s ease-in-out}.score__item:nth-of-type(8){animation:slide-in-slide-out 1.6s ease-in-out}.score__item:nth-of-type(9){animation:slide-in-slide-out 1.8s ease-in-out}.score__item:nth-of-type(10){animation:slide-in-slide-out 2s ease-in-out}.score__item:hover{box-shadow:var(--inner-shadow)}.score__img{width:100%;height:100%;padding:var(--score-item-image-p);pointer-events:none}.score__img.inversed{filter:grayscale(100%)}.score__img img{width:100%;height:100%;border-radius:100%;object-fit:cover}.blitz{display:flex;flex-direction:column;row-gap:var(--quiz-row-g);height:100%}.blitz:nth-child(1){animation:slide-in-slide-out .4s ease-in-out}.blitz:nth-child(2){animation:slide-in-slide-out .8s ease-in-out}.blitz:nth-child(3){animation:slide-in-slide-out 1.2s ease-in-out}.blitz:nth-child(4){animation:slide-in-slide-out 1.6s ease-in-out}.blitz__question{text-align:center;font-size:var(--quiz-question-fs)}.blitz__question.hidden{animation:slide-out .5s ease}.blitz__image{height:100%;overflow:hidden}.blitz__image img{width:100%;height:100%;object-fit:contain;border-radius:20px}.blitz__image img.disabled{pointer-events:none;cursor:auto}.blitz__answers{display:flex;flex-wrap:wrap;gap:var(--quiz-answers-g)}.blitz__answers .answer-btn{text-align:center}.blitz__answers .answer-btn.hidden{animation:slide-in-slide-out .3s ease}
:root{--background-primary: #ecf0f3;--text-dark: #000;--dark: #2d2d2d;--green: #2ecc71;--red: #db222a;--yellow: #ecde59;--accent: #fc7303;--grey: #9baacf;--grey-light: #d1d9e6;--grey-medium: #bec8e4;--shadow: 0.3rem 0.3rem 0.6rem var(--grey-light), -0.2rem -0.2rem 0.5rem #fff;--inner-shadow: inset 0.2rem 0.2rem 0.5rem var(--grey-light), inset -0.2rem -0.2rem 0.5rem #fff}:root{--section-p: 0.5em}@media(min-width: 420px){:root{--section-p: 2em}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{min-height:100vh;min-height:calc(var(--vh, 1vh)*100);font-family:"Rubik",sans-serif;background-color:var(--background-primary)}body::-webkit-scrollbar{width:.8em}body::-webkit-scrollbar-thumb{border-radius:10px;background-color:var(--grey-medium)}img::selection{background:transparent}::selection{background:var(--grey-light)}*{-webkit-tap-highlight-color:transparent}.container{margin-right:auto;margin-left:auto;width:100%;max-width:1440px;height:100%}#app{display:flex;flex-direction:column;height:100%}#app header{flex:0 0 auto}#app main{flex:1 0 auto}#app footer{flex:0 0 auto}.image-loading,.one-image-loading{position:relative;overflow:hidden}.image-loading::before,.one-image-loading::before{content:"";position:absolute;top:0;left:-150px;z-index:2;height:100%;width:200px;background:linear-gradient(to right, transparent 0%, #e7e7e7 50%, transparent 100%);animation:loading 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.image-loading::after,.one-image-loading::after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;background-color:#d1d1d1}@keyframes loading{from{left:-200px}to{left:100%}}ion-icon{pointer-events:none;color:var(--grey);font-size:var(--btn-fs);transition:.6s ease}ion-icon::selection{background:transparent}@keyframes slide-in-slide-out{0%{transform:translateY(100%)}100%{transform:translateY(0%)}}@keyframes slide-out{0%{transform:translateY(-100%)}100%{transform:translateY(0%)}}.checkbox{width:6rem;display:flex;justify-content:center}.checkbox input{display:none}.checkbox label{position:relative;display:flex;justify-content:center;border-radius:.5rem;align-items:center;width:2.8rem;height:2.8rem;box-shadow:var(--shadow);cursor:pointer}.checkbox label:hover ion-icon{color:var(--accent)}.checkbox label ion-icon{color:var(--grey);font-size:1.5rem;transition:1s ease}.checkbox input:checked~label{box-shadow:var(--inner-shadow)}.checkbox input:checked~label ion-icon{color:var(--accent)}
:root{--background-primary: #ecf0f3;--text-dark: #000;--dark: #2d2d2d;--green: #2ecc71;--red: #db222a;--yellow: #ecde59;--accent: #fc7303;--grey: #9baacf;--grey-light: #d1d9e6;--grey-medium: #bec8e4;--shadow: 0.3rem 0.3rem 0.6rem var(--grey-light), -0.2rem -0.2rem 0.5rem #fff;--inner-shadow: inset 0.2rem 0.2rem 0.5rem var(--grey-light), inset -0.2rem -0.2rem 0.5rem #fff}:root{--section-p: 0.5em}@media(min-width: 420px){:root{--section-p: 2em}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{min-height:100vh;min-height:calc(var(--vh, 1vh)*100);font-family:"Rubik",sans-serif;background-color:var(--background-primary)}body::-webkit-scrollbar{width:.8em}body::-webkit-scrollbar-thumb{border-radius:10px;background-color:var(--grey-medium)}img::selection{background:transparent}::selection{background:var(--grey-light)}*{-webkit-tap-highlight-color:transparent}.container{margin-right:auto;margin-left:auto;width:100%;max-width:1440px;height:100%}#app{display:flex;flex-direction:column;height:100%}#app header{flex:0 0 auto}#app main{flex:1 0 auto}#app footer{flex:0 0 auto}.image-loading,.one-image-loading{position:relative;overflow:hidden}.image-loading::before,.one-image-loading::before{content:"";position:absolute;top:0;left:-150px;z-index:2;height:100%;width:200px;background:linear-gradient(to right, transparent 0%, #e7e7e7 50%, transparent 100%);animation:loading 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.image-loading::after,.one-image-loading::after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;background-color:#d1d1d1}@keyframes loading{from{left:-200px}to{left:100%}}ion-icon{pointer-events:none;color:var(--grey);font-size:var(--btn-fs);transition:.6s ease}ion-icon::selection{background:transparent}@keyframes slide-in-slide-out{0%{transform:translateY(100%)}100%{transform:translateY(0%)}}@keyframes slide-out{0%{transform:translateY(-100%)}100%{transform:translateY(0%)}}:root{--category-name-fs: 2em;--category-score-fs: 2em}.category{display:flex;flex-direction:column;justify-content:flex-end;gap:1em;color:var(--text-dark);background:var(--background-primary);box-shadow:var(--shadow);padding:1.5em;border-radius:10px}.category:nth-child(1){animation:slide-in-slide-out .2s ease-in-out}.category:nth-child(2){animation:slide-in-slide-out .4s ease-in-out}.category:nth-child(3){animation:slide-in-slide-out .6s ease-in-out}.category:nth-child(4){animation:slide-in-slide-out .8s ease-in-out}.category:nth-child(5){animation:slide-in-slide-out 1s ease-in-out}.category:nth-child(6){animation:slide-in-slide-out 1.2s ease-in-out}.category:nth-child(7){animation:slide-in-slide-out 1.4s ease-in-out}.category:nth-child(8){animation:slide-in-slide-out 1.6s ease-in-out}.category:nth-child(9){animation:slide-in-slide-out 1.8s ease-in-out}.category:nth-child(10){animation:slide-in-slide-out 2s ease-in-out}.category:nth-child(11){animation:slide-in-slide-out 2.2s ease-in-out}.category:nth-child(12){animation:slide-in-slide-out 2.4s ease-in-out}.category:hover{transition:.5s ease;box-shadow:var(--inner-shadow)}.category__name{color:var(--grey);cursor:pointer;text-decoration:none;font-size:var(--category-name-fs);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:.5s ease}.category__name.played{color:var(--text-dark)}.category__header{display:flex}.category__header.hidden{display:none;visibility:hidden}.category__score ion-icon{pointer-events:none;font-size:var(--btn-fs);color:var(--yellow);transition:.6s ease}.category__results{margin-left:auto;font-size:var(--category-score-fs)}.category__image{width:100%;height:150px}.category__image img{width:100%;height:100%;border-radius:10px;object-fit:cover;pointer-events:none}.category__image.inversed{filter:grayscale(100%)}
:root{--background-primary: #ecf0f3;--text-dark: #000;--dark: #2d2d2d;--green: #2ecc71;--red: #db222a;--yellow: #ecde59;--accent: #fc7303;--grey: #9baacf;--grey-light: #d1d9e6;--grey-medium: #bec8e4;--shadow: 0.3rem 0.3rem 0.6rem var(--grey-light), -0.2rem -0.2rem 0.5rem #fff;--inner-shadow: inset 0.2rem 0.2rem 0.5rem var(--grey-light), inset -0.2rem -0.2rem 0.5rem #fff}:root{--section-p: 0.5em}@media(min-width: 420px){:root{--section-p: 2em}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{min-height:100vh;min-height:calc(var(--vh, 1vh)*100);font-family:"Rubik",sans-serif;background-color:var(--background-primary)}body::-webkit-scrollbar{width:.8em}body::-webkit-scrollbar-thumb{border-radius:10px;background-color:var(--grey-medium)}img::selection{background:transparent}::selection{background:var(--grey-light)}*{-webkit-tap-highlight-color:transparent}.container{margin-right:auto;margin-left:auto;width:100%;max-width:1440px;height:100%}#app{display:flex;flex-direction:column;height:100%}#app header{flex:0 0 auto}#app main{flex:1 0 auto}#app footer{flex:0 0 auto}.image-loading,.one-image-loading{position:relative;overflow:hidden}.image-loading::before,.one-image-loading::before{content:"";position:absolute;top:0;left:-150px;z-index:2;height:100%;width:200px;background:linear-gradient(to right, transparent 0%, #e7e7e7 50%, transparent 100%);animation:loading 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.image-loading::after,.one-image-loading::after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;background-color:#d1d1d1}@keyframes loading{from{left:-200px}to{left:100%}}ion-icon{pointer-events:none;color:var(--grey);font-size:var(--btn-fs);transition:.6s ease}ion-icon::selection{background:transparent}@keyframes slide-in-slide-out{0%{transform:translateY(100%)}100%{transform:translateY(0%)}}@keyframes slide-out{0%{transform:translateY(-100%)}100%{transform:translateY(0%)}}:root{--quiz-pictures-img-p: 0.2em}@media(min-width: 768px){:root{--quiz-pictures-img-p: 0.3em}}.image{position:relative;display:flex;justify-content:center;border-radius:10px;transition:1s ease}.image__actions{position:absolute;top:1em;display:flex;align-items:center;padding:2px;border-radius:100%;background:var(--dark);cursor:pointer}.image__actions.disabled{pointer-events:none}.image__actions:hover ion-icon{color:var(--accent)}.image__fullscreen{right:1em;border:none;outline:none}.image__hint{left:1em;z-index:2}.image.artists,.image.blitz{flex:0 0 100%;height:100%}.image.pictures{width:100%;height:25%;cursor:pointer;padding:var(--quiz-pictures-img-p)}@media(min-width: 768px){.image.pictures{width:50%;height:50%}}.image.pictures img{width:100%;height:100%;object-fit:cover}.image__img{width:100%;height:100%;object-fit:cover;border-radius:20px;transition:.3s;box-sizing:border-box}.image__img.disabled{pointer-events:none;cursor:auto}.image__img.correct{border:10px solid var(--green);animation:zoom-in-zoom-out 1s ease}.image__img.incorrect{border:10px solid var(--red);animation:shake .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both}
:root{--background-primary: #ecf0f3;--text-dark: #000;--dark: #2d2d2d;--green: #2ecc71;--red: #db222a;--yellow: #ecde59;--accent: #fc7303;--grey: #9baacf;--grey-light: #d1d9e6;--grey-medium: #bec8e4;--shadow: 0.3rem 0.3rem 0.6rem var(--grey-light), -0.2rem -0.2rem 0.5rem #fff;--inner-shadow: inset 0.2rem 0.2rem 0.5rem var(--grey-light), inset -0.2rem -0.2rem 0.5rem #fff}:root{--section-p: 0.5em}@media(min-width: 420px){:root{--section-p: 2em}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{min-height:100vh;min-height:calc(var(--vh, 1vh)*100);font-family:"Rubik",sans-serif;background-color:var(--background-primary)}body::-webkit-scrollbar{width:.8em}body::-webkit-scrollbar-thumb{border-radius:10px;background-color:var(--grey-medium)}img::selection{background:transparent}::selection{background:var(--grey-light)}*{-webkit-tap-highlight-color:transparent}.container{margin-right:auto;margin-left:auto;width:100%;max-width:1440px;height:100%}#app{display:flex;flex-direction:column;height:100%}#app header{flex:0 0 auto}#app main{flex:1 0 auto}#app footer{flex:0 0 auto}.image-loading,.one-image-loading{position:relative;overflow:hidden}.image-loading::before,.one-image-loading::before{content:"";position:absolute;top:0;left:-150px;z-index:2;height:100%;width:200px;background:linear-gradient(to right, transparent 0%, #e7e7e7 50%, transparent 100%);animation:loading 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.image-loading::after,.one-image-loading::after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;background-color:#d1d1d1}@keyframes loading{from{left:-200px}to{left:100%}}ion-icon{pointer-events:none;color:var(--grey);font-size:var(--btn-fs);transition:.6s ease}ion-icon::selection{background:transparent}@keyframes slide-in-slide-out{0%{transform:translateY(100%)}100%{transform:translateY(0%)}}@keyframes slide-out{0%{transform:translateY(-100%)}100%{transform:translateY(0%)}}:root{--timer-circle-yellow: #ffcd00}.timer{position:absolute;top:1em;display:flex;align-items:center;justify-content:center;width:3em;height:3em;margin-left:auto;margin-right:auto;border:.2rem solid var(--grey-light);border-radius:50%;background-color:var(--background-primary);z-index:1}@media(min-width: 768px){.timer{top:1em;width:4em;height:4em}}.timer.hidden{display:none}.timer__added-time{position:absolute;top:.4em;right:55%;transform:translateX(55%);display:flex;align-items:center;justify-content:center;width:2em;height:2em;font-size:1.5em;font-weight:bold;color:var(--green);opacity:1;transition:opacity 1s ease-out;animation:1s zoom}@media(min-width: 768px){.timer__added-time{font-size:2em;right:50%;transform:translateX(50%)}}.timer__added-time.incorrect{color:var(--red)}.timer__added-time.hidden{opacity:0;animation:1s zoom-out}.timer__display{font-weight:600;font-size:.8em;display:flex}@media(min-width: 768px){.timer__display{font-size:1.1em}}.display{margin:0 .015em}@keyframes popup{0%{transform:scale(0.85)}60%{transform:scale(1.05)}100%{transform:scale(0.85)}}.circle{width:110%;height:110%;position:absolute}circle{fill:none;stroke:var(--green);stroke-width:18;stroke-dasharray:1590;stroke-dashoffset:1590;stroke-linecap:round;transform:rotate(270deg);transform-origin:center;transition:all 300ms ease}@keyframes loop{from{stroke-dashoffset:0}to{stroke-dashoffset:1590}}@keyframes zoom{from{transform:scale(0.4)}to{transform:scale(1)}}@keyframes zoom-out{from{transform:scale(1)}to{transform:scale(0)}}
:root{--background-primary: #ecf0f3;--text-dark: #000;--dark: #2d2d2d;--green: #2ecc71;--red: #db222a;--yellow: #ecde59;--accent: #fc7303;--grey: #9baacf;--grey-light: #d1d9e6;--grey-medium: #bec8e4;--shadow: 0.3rem 0.3rem 0.6rem var(--grey-light), -0.2rem -0.2rem 0.5rem #fff;--inner-shadow: inset 0.2rem 0.2rem 0.5rem var(--grey-light), inset -0.2rem -0.2rem 0.5rem #fff}:root{--section-p: 0.5em}@media(min-width: 420px){:root{--section-p: 2em}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{min-height:100vh;min-height:calc(var(--vh, 1vh)*100);font-family:"Rubik",sans-serif;background-color:var(--background-primary)}body::-webkit-scrollbar{width:.8em}body::-webkit-scrollbar-thumb{border-radius:10px;background-color:var(--grey-medium)}img::selection{background:transparent}::selection{background:var(--grey-light)}*{-webkit-tap-highlight-color:transparent}.container{margin-right:auto;margin-left:auto;width:100%;max-width:1440px;height:100%}#app{display:flex;flex-direction:column;height:100%}#app header{flex:0 0 auto}#app main{flex:1 0 auto}#app footer{flex:0 0 auto}.image-loading,.one-image-loading{position:relative;overflow:hidden}.image-loading::before,.one-image-loading::before{content:"";position:absolute;top:0;left:-150px;z-index:2;height:100%;width:200px;background:linear-gradient(to right, transparent 0%, #e7e7e7 50%, transparent 100%);animation:loading 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.image-loading::after,.one-image-loading::after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;background-color:#d1d1d1}@keyframes loading{from{left:-200px}to{left:100%}}ion-icon{pointer-events:none;color:var(--grey);font-size:var(--btn-fs);transition:.6s ease}ion-icon::selection{background:transparent}@keyframes slide-in-slide-out{0%{transform:translateY(100%)}100%{transform:translateY(0%)}}@keyframes slide-out{0%{transform:translateY(-100%)}100%{transform:translateY(0%)}}.confetti-wrapper{position:relative;width:100vw;height:100vh;z-index:99}.confetti-wrapper.hidden{height:0;z-index:-1}.confetti-container{position:absolute;overflow:hidden;top:0;right:0;bottom:0;left:0}.confetti{position:absolute;z-index:1;top:-10px;border-radius:0%}.confetti--animation-slow{animation:confetti-slow 5s linear 1 forwards}.confetti--animation-medium{animation:confetti-medium 3s linear 1 forwards}.confetti--animation-fast{animation:confetti-fast 2s linear 1 forwards}@keyframes confetti-slow{0%{transform:translate3d(0, 0, 0) rotateX(0) rotateY(0)}100%{transform:translate3d(25px, 400vh, 0) rotateX(360deg) rotateY(180deg)}}@keyframes confetti-medium{0%{transform:translate3d(0, 0, 0) rotateX(0) rotateY(0)}100%{transform:translate3d(100px, 200vh, 0) rotateX(100deg) rotateY(360deg)}}@keyframes confetti-fast{0%{transform:translate3d(0, 0, 0) rotateX(0) rotateY(0)}100%{transform:translate3d(-50px, 105vh, 0) rotateX(10deg) rotateY(250deg)}}