.classroom-subscribe{padding-block:var(--size-14)}.classroom-subscribe .classroom-subscribe-container{background-color:var(--color-neutral-05);border-radius:var(--radius-xl);border:var(--border);padding:var(--size-3);gap:var(--size-3);flex-direction:column;display:flex}@media (width>=640px){.classroom-subscribe .classroom-subscribe-container{flex-direction:row}}.classroom-subscribe .classroom-subscribe-image{max-width:100%}@media (width>=640px){.classroom-subscribe .classroom-subscribe-image{max-width:300px}}.classroom-subscribe .classroom-form-container{gap:var(--size-2);flex-direction:column;justify-content:center;display:flex}@media (width>=1024px){.classroom-subscribe .classroom-form-container{gap:var(--size-3)}}@media (width>=640px){.classroom-subscribe .classroom-subscribe-form{grid-template-columns:1fr}}@media (width>=1024px){.classroom-subscribe .classroom-subscribe-form{grid-template-columns:1fr auto}}@media (width>=768px){:root{--font-size-display-xs:var(--font-size-md);--font-size-display-sm:var(--font-size-xl);--font-size-display-md:var(--font-size-3xl);--font-size-display-lg:var(--font-size-5xl);--font-size-display-xl:var(--font-size-7xl);--font-size-display-2xl:var(--font-size-10xl);--space-1:var(--size-1);--space-2:var(--size-2);--space-3:var(--size-3);--space-4:var(--size-4);--space-5:var(--size-5);--space-6:var(--size-6);--space-8:var(--size-8);--space-10:var(--size-10);--space-12:var(--size-12);--space-14:var(--size-14);--space-16:var(--size-16);--space-18:var(--size-18);--space-20:var(--size-20);--space-30:var(--size-30);--space-40:var(--size-40)}}.progress-bar{width:100%;min-width:var(--size-8);height:var(--size-0-5);border-radius:var(--size-0-5);background-color:var(--color-neutral-40)}@media (width>=640px){.progress-bar{height:var(--size-1)}}.progress-bar-percentage{background-color:var(--color-interactive-info);height:100%;min-width:var(--size-1);border-radius:inherit}@media (width>=768px){:root{--font-size-display-xs:var(--font-size-md);--font-size-display-sm:var(--font-size-xl);--font-size-display-md:var(--font-size-3xl);--font-size-display-lg:var(--font-size-5xl);--font-size-display-xl:var(--font-size-7xl);--font-size-display-2xl:var(--font-size-10xl);--space-1:var(--size-1);--space-2:var(--size-2);--space-3:var(--size-3);--space-4:var(--size-4);--space-5:var(--size-5);--space-6:var(--size-6);--space-8:var(--size-8);--space-10:var(--size-10);--space-12:var(--size-12);--space-14:var(--size-14);--space-16:var(--size-16);--space-18:var(--size-18);--space-20:var(--size-20);--space-30:var(--size-30);--space-40:var(--size-40)}}.class-block{gap:var(--size-2);display:flex}.class-block .class-block-body{flex-direction:column;justify-content:center;gap:0;display:flex}@media (width>=640px){.class-block .class-block-body{gap:var(--size-0-5)}}.class-block .class-block-title{color:inherit;text-decoration:none}.class-block .class-block-title:hover{text-decoration:underline}.class-block .class-block-title:focus-visible h4{outline-width:var(--a11y-outline-width);outline-color:var(--a11y-outline-color);outline-style:solid}.class-block .class-block-artwork{position:relative}.class-block .class-block-artwork-image{width:var(--size-15)}@media (width>=640px){.class-block .class-block-artwork-image{width:var(--size-30)}}.class-block .class-block-artwork-tag{content-visibility:hidden;height:0;position:absolute;inset-block-start:var(--size-1);inset-inline-start:var(--size-1)}@media (width>=640px){.class-block .class-block-artwork-tag{content-visibility:visible;height:var(--badge-height)}}.class-block .class-block-description{content-visibility:hidden}@media (width>=640px){.class-block .class-block-description{content-visibility:visible}}.class-block .class-block-progress-bar{width:var(--size-8)}.class-block .class-block-deck{justify-content:center;gap:var(--size-0-5);flex-direction:column;width:100%;display:flex}@media (width>=640px){.class-block .class-block-deck{gap:var(--size-1)}}@media (width>=768px){:root{--font-size-display-xs:var(--font-size-md);--font-size-display-sm:var(--font-size-xl);--font-size-display-md:var(--font-size-3xl);--font-size-display-lg:var(--font-size-5xl);--font-size-display-xl:var(--font-size-7xl);--font-size-display-2xl:var(--font-size-10xl);--space-1:var(--size-1);--space-2:var(--size-2);--space-3:var(--size-3);--space-4:var(--size-4);--space-5:var(--size-5);--space-6:var(--size-6);--space-8:var(--size-8);--space-10:var(--size-10);--space-12:var(--size-12);--space-14:var(--size-14);--space-16:var(--size-16);--space-18:var(--size-18);--space-20:var(--size-20);--space-30:var(--size-30);--space-40:var(--size-40)}}.classroom-classes{padding-block:var(--size-8)}@media (width>=1024px){.classroom-classes{padding-block:var(--size-10)}}.classroom-classes .classroom-classes-layout{gap:var(--size-4);flex-direction:column;display:flex;position:relative}@media (width>=1024px){.classroom-classes .classroom-classes-layout{gap:var(--size-8);flex-direction:row}}.classroom-classes .classroom-classes-aside{gap:var(--size-4);flex-direction:column;flex:1;display:flex}@media (width>=1024px){.classroom-classes .classroom-classes-aside{top:var(--size-4);align-self:flex-start;gap:var(--size-6);position:sticky}}.classroom-classes .classroom-classes-categories-container{gap:var(--size-4);flex-direction:column;flex:3;display:flex}@media (width>=640px){.classroom-classes .classroom-classes-categories-container{gap:var(--size-8)}}@media (width>=1024px){.classroom-classes .classroom-classes-categories-container{gap:var(--size-9)}}.classroom-classes .classroom-classes-category{gap:var(--size-2);flex-direction:column;display:flex}@media (width>=1024px){.classroom-classes .classroom-classes-category{gap:var(--size-4)}}.classroom-classes .classroom-classes-class-list-container{gap:var(--size-2);flex-direction:column;display:flex}@media (width>=1024px){.classroom-classes .classroom-classes-class-list-container{gap:var(--size-4)}}.classroom-classes .classroom-classes-featured{padding:var(--size-2);border-radius:var(--radius-xl);gap:var(--size-2);flex-direction:column;display:flex;position:relative;overflow:hidden}@media (width>=640px){.classroom-classes .classroom-classes-featured{gap:var(--size-3);flex-direction:row}}@media (width>=1024px){.classroom-classes .classroom-classes-featured{gap:var(--size-2);flex-direction:column}}.classroom-classes .classroom-classes-featured-background{background-image:var(--classroom-classes-featured-background-image);z-index:-1;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;width:100%;height:100%;position:absolute;inset:0}.classroom-classes .classroom-classes-featured-background:after{content:"";background:rgba(255, 255, 255, var(--opacity-70));-webkit-backdrop-filter:blur(100px);position:absolute;inset:0}.classroom-classes .classroom-classes-featured-body{gap:var(--size-2);flex-direction:column;display:flex}@media (width>=640px){.classroom-classes .classroom-classes-featured-body{gap:var(--size-1)}}@media (width>=1024px){.classroom-classes .classroom-classes-featured-body{gap:var(--size-2)}}.classroom-classes .classroom-classes-featured-image{min-width:var(--size-30)}@media (width>=768px){:root{--font-size-display-xs:var(--font-size-md);--font-size-display-sm:var(--font-size-xl);--font-size-display-md:var(--font-size-3xl);--font-size-display-lg:var(--font-size-5xl);--font-size-display-xl:var(--font-size-7xl);--font-size-display-2xl:var(--font-size-10xl);--space-1:var(--size-1);--space-2:var(--size-2);--space-3:var(--size-3);--space-4:var(--size-4);--space-5:var(--size-5);--space-6:var(--size-6);--space-8:var(--size-8);--space-10:var(--size-10);--space-12:var(--size-12);--space-14:var(--size-14);--space-16:var(--size-16);--space-18:var(--size-18);--space-20:var(--size-20);--space-30:var(--size-30);--space-40:var(--size-40)}}.classroom-app{gap:var(--size-6);height:var(--size-70);padding-inline:max(var(--page-gutter), calc((100vw - var(--page-max-width)) / 2));box-sizing:border-box;background-color:#f3f2e8;flex-direction:column;padding-block-start:var(--size-8);display:flex;position:relative;overflow:hidden}@media (width>=640px){.classroom-app{height:var(--size-80)}}@media (width>=1280px){.classroom-app{height:var(--size-70);justify-content:space-between;gap:var(--size-8);padding-block:var(--size-10);flex-direction:row;padding-inline-end:0}}.classroom-app .classroom-app-deck{gap:var(--size-2);text-align:center;flex-direction:column;justify-content:start;align-items:center;display:flex}@media (width>=1280px){.classroom-app .classroom-app-deck{text-align:start;max-width:var(--size-55);justify-content:center;align-items:start}}.classroom-app .classroom-app-description{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);text-align:center;margin:0}@media (width>=1280px){.classroom-app .classroom-app-description{font-size:var(--font-size-md);text-align:start}}.classroom-app .classroom-app-image-container{box-sizing:border-box;align-items:start;gap:5%;padding-inline:7vw;display:flex}@media (width>=640px){.classroom-app .classroom-app-image-container{padding-inline:var(--size-8);gap:3%}}@media (width>=1280px){.classroom-app .classroom-app-image-container{gap:5%;padding-inline:0}}.classroom-app .classroom-app-image{--classroom-app-image-rotation:-12deg;transform:rotate(var(--classroom-app-image-rotation));box-shadow:var(--shadow-md);border-radius:var(--size-1-2)}.classroom-app .classroom-app-image:nth-of-type(2){display:none}@media (width>=640px){.classroom-app .classroom-app-image{border-radius:var(--size-3)}.classroom-app .classroom-app-image:first-of-type{transform:rotate(var(--classroom-app-image-rotation)) translateY(var(--size-13))}.classroom-app .classroom-app-image:nth-of-type(2){transform:rotate(var(--classroom-app-image-rotation));display:block}.classroom-app .classroom-app-image:nth-of-type(3){transform:rotate(var(--classroom-app-image-rotation)) translateY(var(--size-6))}}@media (width>=1280px){.classroom-app .classroom-app-image{--classroom-app-image-rotation:-24deg}.classroom-app .classroom-app-image:first-of-type{transform:rotate(var(--classroom-app-image-rotation)) translateY(var(--size-15))}.classroom-app .classroom-app-image:nth-of-type(2){transform:rotate(var(--classroom-app-image-rotation)) translateY(calc(var(--size-15) * -1))}.classroom-app .classroom-app-image:nth-of-type(3){transform:rotate(var(--classroom-app-image-rotation)) translateY(calc(var(--size-7) * -1))}}@media (width>=768px){:root{--font-size-display-xs:var(--font-size-md);--font-size-display-sm:var(--font-size-xl);--font-size-display-md:var(--font-size-3xl);--font-size-display-lg:var(--font-size-5xl);--font-size-display-xl:var(--font-size-7xl);--font-size-display-2xl:var(--font-size-10xl);--space-1:var(--size-1);--space-2:var(--size-2);--space-3:var(--size-3);--space-4:var(--size-4);--space-5:var(--size-5);--space-6:var(--size-6);--space-8:var(--size-8);--space-10:var(--size-10);--space-12:var(--size-12);--space-14:var(--size-14);--space-16:var(--size-16);--space-18:var(--size-18);--space-20:var(--size-20);--space-30:var(--size-30);--space-40:var(--size-40)}}