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