@keyframes Exercises-module-scss-module__p-TIbG__fadeIn{0%{opacity:0}to{opacity:1}}@keyframes Exercises-module-scss-module__p-TIbG__fadeOut{0%{opacity:1}to{opacity:0}}@keyframes Exercises-module-scss-module__p-TIbG__popUpEnter{0%{transform:scale(.9)}to{transform:scale(1)}}@keyframes Exercises-module-scss-module__p-TIbG__popUpExit{0%{transform:scale(1)}to{transform:scale(.9)}}.Exercises-module-scss-module__p-TIbG__component{-webkit-user-select:none;user-select:none}.Exercises-module-scss-module__p-TIbG__component .Exercises-module-scss-module__p-TIbG__exercise{--padding-top:calc(var(--header-height) + var(--vt-padding));--exercise-main-height:calc(100vh - var(--padding-top) - var(--exercise-header-height) - 3rem);--aaa:.2s;--bbb:var(--ease-in-out-cubic);padding-top:var(--padding-top);height:calc(100vh - var(--padding-top));justify-items:center;display:grid}@keyframes Exercises-module-scss-module__p-TIbG__fromSubleAnim{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.Exercises-module-scss-module__p-TIbG__component .Exercises-module-scss-module__p-TIbG__exercise[data-enter=initial],.Exercises-module-scss-module__p-TIbG__component .Exercises-module-scss-module__p-TIbG__exercise[data-enter=true]{animation-name:Exercises-module-scss-module__p-TIbG__fromSubleAnim;animation-duration:var(--aaa);animation-timing-function:var(--bbb)}@keyframes Exercises-module-scss-module__p-TIbG__toSubleAnim{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-10px)}}.Exercises-module-scss-module__p-TIbG__component .Exercises-module-scss-module__p-TIbG__exercise[data-enter=false]{animation-name:Exercises-module-scss-module__p-TIbG__toSubleAnim;animation-duration:var(--aaa);animation-timing-function:var(--bbb)}.Exercises-module-scss-module__p-TIbG__component .Exercises-module-scss-module__p-TIbG__exercise>*{display:grid}.Exercises-module-scss-module__p-TIbG__component .Exercises-module-scss-module__p-TIbG__exercise--header{height:var(--exercise-header-height);align-items:center}.Exercises-module-scss-module__p-TIbG__component .Exercises-module-scss-module__p-TIbG__exercise--header>*{text-align:center}.Exercises-module-scss-module__p-TIbG__component .Exercises-module-scss-module__p-TIbG__exercise--header .Exercises-module-scss-module__p-TIbG__title{letter-spacing:-.00875rem;word-spacing:-.00875rem;color:var(--base-secondary-default);margin:0;font-family:Px Grotesk;font-size:.875rem;font-weight:400;line-height:140%}.Exercises-module-scss-module__p-TIbG__component .Exercises-module-scss-module__p-TIbG__exercise--main{height:var(--exercise-main-height)}.Exercises-module-scss-module__p-TIbG__component .Exercises-module-scss-module__p-TIbG__exercise--main>*{display:grid}.Exercises-module-scss-module__p-TIbG__component .Exercises-module-scss-module__p-TIbG__exercise--main{transition:all .5s}.Exercises-module-scss-module__p-TIbG__component .Exercises-module-scss-module__p-TIbG__exercise--main .Exercises-module-scss-module__p-TIbG__image-answers{--item-height:calc(var(--code-height) + var(--media-height));justify-content:center}.Exercises-module-scss-module__p-TIbG__component .Exercises-module-scss-module__p-TIbG__exercise--main .Exercises-module-scss-module__p-TIbG__image-answers--answer{--radius:4px;cursor:pointer;align-content:start;display:grid}.Exercises-module-scss-module__p-TIbG__component .Exercises-module-scss-module__p-TIbG__exercise--main .Exercises-module-scss-module__p-TIbG__image-answers--answer>*{transition:var(--base-transition)}.Exercises-module-scss-module__p-TIbG__component .Exercises-module-scss-module__p-TIbG__exercise--main .Exercises-module-scss-module__p-TIbG__image-answers--answer .Exercises-module-scss-module__p-TIbG__media{border-radius:var(--radius)var(--radius)0 0;height:var(--media-height);background:var(--url);background-position:50%;background-size:cover}.Exercises-module-scss-module__p-TIbG__component .Exercises-module-scss-module__p-TIbG__exercise--main .Exercises-module-scss-module__p-TIbG__image-answers--answer .Exercises-module-scss-module__p-TIbG__code{height:var(--code-height);border-radius:0 0 var(--radius)var(--radius);background-color:var(--base-accent-default);place-items:center;display:grid}.Exercises-module-scss-module__p-TIbG__component .Exercises-module-scss-module__p-TIbG__exercise--main .Exercises-module-scss-module__p-TIbG__image-answers--answer:hover .Exercises-module-scss-module__p-TIbG__media{opacity:.8}.Exercises-module-scss-module__p-TIbG__component .Exercises-module-scss-module__p-TIbG__exercise--main .Exercises-module-scss-module__p-TIbG__image-answers--answer:hover .Exercises-module-scss-module__p-TIbG__code{background-color:var(--base-accent-hover)}.Exercises-module-scss-module__p-TIbG__component .Exercises-module-scss-module__p-TIbG__exercise--main .Exercises-module-scss-module__p-TIbG__text-answers{grid-row-gap:2rem;grid-template-rows:auto 1fr;justify-content:center;display:grid}.Exercises-module-scss-module__p-TIbG__component .Exercises-module-scss-module__p-TIbG__exercise--main .Exercises-module-scss-module__p-TIbG__text-answers--media{height:var(--h);width:var(--w);background:var(--url);background-position:50%;background-size:cover}.Exercises-module-scss-module__p-TIbG__component .Exercises-module-scss-module__p-TIbG__exercise--main .Exercises-module-scss-module__p-TIbG__text-answers--answers{grid-row-gap:1rem;align-content:start;display:grid}.Exercises-module-scss-module__p-TIbG__component .Exercises-module-scss-module__p-TIbG__exercise--main .Exercises-module-scss-module__p-TIbG__text-answers--answers .Exercises-module-scss-module__p-TIbG__answer{grid-template-columns:var(--code-size)auto;grid-column-gap:1rem;cursor:pointer;width:var(--w);align-items:center;display:grid}.Exercises-module-scss-module__p-TIbG__component .Exercises-module-scss-module__p-TIbG__exercise--main .Exercises-module-scss-module__p-TIbG__text-answers--answers .Exercises-module-scss-module__p-TIbG__answer .Exercises-module-scss-module__p-TIbG__code{background-color:var(--base-primary-default);color:var(--base-on-primary-default);height:var(--code-size);border-radius:.25rem;justify-content:center;align-items:center;display:grid}.Exercises-module-scss-module__p-TIbG__component .Exercises-module-scss-module__p-TIbG__exercise--main .Exercises-module-scss-module__p-TIbG__text-answers--answers .Exercises-module-scss-module__p-TIbG__answer:hover .Exercises-module-scss-module__p-TIbG__code{background-color:var(--base-primary-hover);color:var(--base-on-primary-default)}.Exercises-module-scss-module__p-TIbG__modal{display:grid}.Exercises-module-scss-module__p-TIbG__bottom{--h-skip:3rem;--h-result:12rem;--transition:.2s;display:grid}.Exercises-module-scss-module__p-TIbG__bottom>*{background-color:var(--surface-high);grid-area:1/-1;justify-content:center;width:100%;display:grid;position:fixed;bottom:0;left:0}.Exercises-module-scss-module__p-TIbG__bottom .Exercises-module-scss-module__p-TIbG__skip{height:var(--h-skip);z-index:1;align-items:center}@keyframes Exercises-module-scss-module__p-TIbG__fromAnim{0%{transform:translate(0,var(--h-result))}to{transform:translate(0)}}.Exercises-module-scss-module__p-TIbG__bottom .Exercises-module-scss-module__p-TIbG__skip{animation-name:Exercises-module-scss-module__p-TIbG__fromAnim;animation-duration:var(--transition);animation-timing-function:var(--ease-in-out-cubic)}.Exercises-module-scss-module__p-TIbG__bottom .Exercises-module-scss-module__p-TIbG__result{height:var(--height);opacity:0;pointer-events:none;z-index:2}.Exercises-module-scss-module__p-TIbG__bottom .Exercises-module-scss-module__p-TIbG__result .Exercises-module-scss-module__p-TIbG__result{opacity:1;pointer-events:initial}@keyframes Exercises-module-scss-module__p-TIbG__toAnim{0%{transform:translate(0)}to{transform:translate(0,var(--h-skip))}}.Exercises-module-scss-module__p-TIbG__bottom .Exercises-module-scss-module__p-TIbG__result .Exercises-module-scss-module__p-TIbG__result,.Exercises-module-scss-module__p-TIbG__bottom[data-state=solved] .Exercises-module-scss-module__p-TIbG__skip{animation-name:Exercises-module-scss-module__p-TIbG__toAnim;animation-duration:var(--transition);animation-timing-function:var(--ease-in-out-cubic);animation-fill-mode:forwards}.Exercises-module-scss-module__p-TIbG__bottom[data-state=solved] .Exercises-module-scss-module__p-TIbG__result{opacity:1;pointer-events:initial;animation-name:Exercises-module-scss-module__p-TIbG__fromAnim;animation-duration:var(--transition);animation-timing-function:var(--ease-in-out-cubic)}.Exercises-module-scss-module__p-TIbG__result-layout{grid-gap:1rem;grid-template:"feedback feedback"5.5rem"answer next"3rem/1fr 1fr;align-content:end;display:grid}.Exercises-module-scss-module__p-TIbG__result-layout .Exercises-module-scss-module__p-TIbG__feedback{grid-area:feedback}@media (min-width:768px){.Exercises-module-scss-module__p-TIbG__exercise{--exercise-header-height:10rem}.Exercises-module-scss-module__p-TIbG__exercise--header{width:32rem}.Exercises-module-scss-module__p-TIbG__exercise--header .Exercises-module-scss-module__p-TIbG__question{letter-spacing:-.03rem;word-spacing:-.03rem;margin:0;padding:.5rem 0 2rem;font-family:Px Grotesk;font-size:1.5rem;font-weight:700;line-height:117%}.Exercises-module-scss-module__p-TIbG__exercise--main .Exercises-module-scss-module__p-TIbG__image-answers{--code-height:2.5rem;--media-height:max(8rem,20vh);grid-template-columns:1fr 1fr;grid-template-rows:var(--item-height);grid-column-gap:1rem}.Exercises-module-scss-module__p-TIbG__exercise--main .Exercises-module-scss-module__p-TIbG__image-answers--answer{width:calc(var(--media-height)*1.77 - var(--code-height));max-width:calc(100vw - 2*var(--hz-padding))}.Exercises-module-scss-module__p-TIbG__exercise--main .Exercises-module-scss-module__p-TIbG__text-answers{--code-size:2.5rem;--h:max(12rem,calc(var(--exercise-main-height)/2));--w:calc(var(--h)*1.7777)}.Exercises-module-scss-module__p-TIbG__result{--height:12rem}.Exercises-module-scss-module__p-TIbG__result .Exercises-module-scss-module__p-TIbG__result-layout{width:22rem;padding-bottom:1rem}.Exercises-module-scss-module__p-TIbG__modal{--size:60;width:calc(var(--size)*1vw);height:calc(var(--size)*.5625*1vw);background-color:#000}}@media (min-width:0) and (max-width:767px){.Exercises-module-scss-module__p-TIbG__component .Exercises-module-scss-module__p-TIbG__exercise{--exercise-header-height:6rem}.Exercises-module-scss-module__p-TIbG__component .Exercises-module-scss-module__p-TIbG__exercise--header{width:18rem}.Exercises-module-scss-module__p-TIbG__component .Exercises-module-scss-module__p-TIbG__exercise--header .Exercises-module-scss-module__p-TIbG__title{opacity:0;display:none;position:fixed}.Exercises-module-scss-module__p-TIbG__component .Exercises-module-scss-module__p-TIbG__exercise--header .Exercises-module-scss-module__p-TIbG__question{letter-spacing:-.01rem;word-spacing:-.01rem;margin:0;padding:0 0 1rem;font-family:Px Grotesk;font-size:1rem;font-weight:400;line-height:130%}.Exercises-module-scss-module__p-TIbG__component .Exercises-module-scss-module__p-TIbG__exercise--main .Exercises-module-scss-module__p-TIbG__image-answers{--code-height:2rem;--row-gap:1rem;--height-minus-code:calc(var(--exercise-main-height) - (var(--count)*var(--code-height)));--height-minus-gaps:calc(var(--height-minus-code) - ((var(--count) - 1)*var(--row-gap)));--height-minus-padding:calc(var(--height-minus-gaps) - 2rem);--media-height:calc(var(--height-minus-padding)/var(--count));grid-row-gap:var(--row-gap);grid-template-rows:auto auto;align-content:start}.Exercises-module-scss-module__p-TIbG__component .Exercises-module-scss-module__p-TIbG__exercise--main .Exercises-module-scss-module__p-TIbG__image-answers--answer{--w:calc(var(--media-height)*1.77 - var(--code-height))}.Exercises-module-scss-module__p-TIbG__component .Exercises-module-scss-module__p-TIbG__exercise--main .Exercises-module-scss-module__p-TIbG__image-answers--answer .Exercises-module-scss-module__p-TIbG__media{width:var(--w);max-width:calc(100vw - 2*var(--hz-padding));height:calc(var(--w)*.5625);border-radius:var(--radius)}.Exercises-module-scss-module__p-TIbG__component .Exercises-module-scss-module__p-TIbG__exercise--main .Exercises-module-scss-module__p-TIbG__text-answers{--code-size:2rem;--w:70vw;--h:calc(var(--w)*.5625)}.Exercises-module-scss-module__p-TIbG__result{--height:10rem;padding:1rem 0}.Exercises-module-scss-module__p-TIbG__result .Exercises-module-scss-module__p-TIbG__result-layout{width:calc(100vw - var(--hz-padding))}.Exercises-module-scss-module__p-TIbG__modal{background-color:#000;height:56.25vw;display:grid}.Exercises-module-scss-module__p-TIbG__component .Exercises-module-scss-module__p-TIbG__exercise{--vt-padding:1rem;--exercise-header-height:4rem}.Exercises-module-scss-module__p-TIbG__component .Exercises-module-scss-module__p-TIbG__exercise--main .Exercises-module-scss-module__p-TIbG__image-answers--answer{--w:80vw;max-width:calc(100vw - 2*var(--hz-padding))}.Exercises-module-scss-module__p-TIbG__component .Exercises-module-scss-module__p-TIbG__exercise--main .Exercises-module-scss-module__p-TIbG__image-answers--answer .Exercises-module-scss-module__p-TIbG__media{width:var(--w);height:calc(var(--w)*.5625);border-radius:var(--radius)}}
.BasicImageLoader-module-scss-module__G4NdSa__basic-image-loader{display:grid}.BasicImageLoader-module-scss-module__G4NdSa__basic-image-loader *{grid-area:1/-1;width:100%;height:100%}.BasicImageLoader-module-scss-module__G4NdSa__basic-image-loader img{object-fit:cover}.BasicImageLoader-module-scss-module__G4NdSa__basic-image-loader img[data-loaded=false]{visibility:hidden}.BasicImageLoader-module-scss-module__G4NdSa__basic-image-loader .BasicImageLoader-module-scss-module__G4NdSa__loading{background-color:var(--surface-high);place-content:center;display:grid}