@font-face{font-family:Gilroy;src:url(https://jojoschool-cdn.azureedge.net/assets/gilroy-extrabold.otf) format("opentype");font-weight:400;font-style:normal;letter-spacing:.015em;font-display:swap}@font-face{font-family:Gilroy;src:url(https://jojoschool-cdn.azureedge.net/assets/gilroy-bold.otf) format("opentype");font-weight:700;font-style:normal;letter-spacing:.015em;font-display:swap}@font-face{font-family:Soleil;src:url(https://jojoschool-cdn.azureedge.net/assets/soleil-light.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Soleil;src:url(https://jojoschool-cdn.azureedge.net/assets/soleil-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(https://jojoschool-cdn.azureedge.net/assets/gilroy-extrabold.otf) format("opentype");font-weight:400;font-style:normal;letter-spacing:.015em;font-display:swap}@font-face{font-family:Gilroy;src:url(https://jojoschool-cdn.azureedge.net/assets/gilroy-bold.otf) format("opentype");font-weight:700;font-style:normal;letter-spacing:.015em;font-display:swap}@font-face{font-family:Soleil;src:url(https://jojoschool-cdn.azureedge.net/assets/soleil-light.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Soleil;src:url(https://jojoschool-cdn.azureedge.net/assets/soleil-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:export{animationDurationQuick:.2s;animationDurationNormal:.35s;animationDurationSlow:.6s;animationTimingEaseInOut:ease-in-out;animationTimingEaseOut:ease-out}@keyframes skeleton-loading{0%{background-color:#f6f8fd}to{background-color:#e5e5e5}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}:export{ultrathinBreakpoint:380px;mobileBreakpoint:525px;tabletBreakpoint:768px;tabletplusBreakpoint:1001px;ultrawideBreakpoint:1201px}@media (min-width: 768px){.topic-content-preview__container{margin-left:3.5rem}}.topic-content-preview__container-content{display:flex;flex-direction:column;gap:1.5rem;padding:.75rem 1.25rem}.topic-content-preview__container-content__tasks{grid-column:span 2}@media (min-width: 768px){.topic-content-preview__container-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(auto-fill,auto)}}.topic-content-preview__label{margin-bottom:.75rem}.topic-content-preview__item{display:block;width:100%;height:-moz-fit-content;height:fit-content}.topic-content-preview__item-container{background-color:#fff;border-radius:.75rem;border:1px solid #dce4f9;box-shadow:0 1px 2px #64646426;cursor:pointer;transition:border-color .2s ease-out;overflow:hidden;display:grid}@media (hover: hover) and (pointer: fine){.topic-content-preview__item-container:hover{border-color:#a3b7ef}}@media (hover: none){.topic-content-preview__item-container:active{border-color:#a3b7ef}}.topic-content-preview__image{position:relative;width:100%;overflow:hidden;aspect-ratio:1.7696182449}.topic-content-preview__image>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.topic-content-preview__description{overflow:hidden;padding:1rem;flex-grow:1;position:relative}.topic-content-preview__button{font-family:Soleil,sans-serif;font-size:1rem;text-align:left;color:#07102b;height:-moz-fit-content;height:fit-content}.topic-content-preview__button--full-width{grid-column:span 2}.topic-content-preview__button__container-content{display:flex;flex-direction:column;gap:1.5rem;padding:.75rem 1.25rem}@media (min-width: 768px){.topic-content-preview__button__container-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(auto-fill,auto)}}.topic-content-preview__button__container-content__tasks{grid-column:span 2;padding:1px 6px}.topic-content-preview__button__label{margin-bottom:.75rem}.topic-content-preview__button__item-container{background-color:#fff;border-radius:.75rem;border:1px solid #dce4f9;box-shadow:0 1px 2px #64646426;cursor:pointer;transition:border-color .2s ease-out;overflow:hidden;display:grid}@media (hover: hover) and (pointer: fine){.topic-content-preview__button__item-container:hover{border-color:#a3b7ef}}@media (hover: none){.topic-content-preview__button__item-container:active{border-color:#a3b7ef}}.topic-content-preview__button__image{position:relative;width:100%;overflow:hidden;aspect-ratio:1.7696182449}.topic-content-preview__button__image>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.topic-content-preview__button__description{overflow:hidden;padding:1rem;flex-grow:1;position:relative}.topic-content-preview__button__button{font-family:Soleil,sans-serif;font-size:1rem;text-align:left;color:#07102b;height:-moz-fit-content;height:fit-content}.topic-content-preview__button__button:has(.topic-content-preview__item--exercises):nth-child(1):last-child{grid-column:span 2}.topic-content-preview__button__button:nth-child(3){grid-column:span 2}.summary-preview{max-height:200px}@media (min-width: 768px){.summary-preview{max-height:300px}}.summary-preview:before{pointer-events:none;content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#fff0,#fff 95%);z-index:1}.summary-preview__container{height:-moz-fit-content;height:fit-content;height:100%;display:grid}.summary-preview__description{height:100%;flex:1;display:flex;flex-direction:column;gap:.625rem}.summary-preview__description__title{font-size:1.125rem;font-family:Gilroy,sans-serif;font-weight:400}.video-preview__thumbnail{position:relative}.video-preview__duration{width:-moz-fit-content;width:fit-content;position:absolute;top:.75rem;right:.75rem}.video-preview__teacher{position:absolute;bottom:.75rem;right:.75rem;font-size:.75rem}.exercise-preview__content{padding:1rem;display:flex;flex-direction:row;align-items:center;gap:1rem;flex-wrap:wrap}@media (min-width: 768px){.exercise-preview__content{flex-direction:column;align-items:unset}}.exercise-preview__blocks{gap:.5rem;display:flex;flex-wrap:wrap}.exercise-preview__text{font-family:Soleil,sans-serif;font-size:1rem;text-align:left}.exercise-preview__block{aspect-ratio:1;width:44px;height:44px;min-width:44px;min-height:44px;padding:0}
