.video-embed{--ratio-percent: 56.25%;position:relative;width:100%;padding-bottom:var(--ratio-percent);background-color:rgba(var(--color-foreground),.06);border-radius:var(--media-radius, 0);overflow:hidden}.video-embed__frame,.video-embed video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.video-embed video{background:#000;object-fit:contain}.sop-embed{--sop-height: 900px;width:100%;margin-top:2rem;border-radius:var(--media-radius, 0);overflow:hidden}.sop-embed__frame{display:block;width:100%;height:var(--sop-height);border:0}.sop-content{margin-top:2rem}.sop-content img{max-width:100%;height:auto;border-radius:var(--media-radius, 0)}.sop-content pre{overflow-x:auto;padding:1.6rem;border-radius:var(--media-radius, 0);background-color:rgba(var(--color-foreground),.06)}.sop-content blockquote{margin:1.6rem 0;padding-left:1.6rem;border-left:.2rem solid rgba(var(--color-foreground),.2)}.lesson-images{margin-top:3rem;display:grid;gap:2rem}.lesson-images__item{margin:0}.lesson-images__item img{display:block;width:100%;height:auto;border-radius:var(--media-radius, 0)}.course-locked{text-align:center;padding:4rem 2rem;border:.1rem solid rgba(var(--color-foreground),.12);border-radius:var(--media-radius, 0)}.course-locked__icon svg{width:3.2rem;height:3.2rem;opacity:.5}.course-locked__heading{margin:1.5rem 0 .5rem}.course-locked__text{margin:0 auto 2rem;max-width:46rem;color:rgba(var(--color-foreground),.75)}.course-locked__price{margin-bottom:2rem;font-size:2rem}.course-locked__price .price{justify-content:center}.course-notice{padding:1.5rem 2rem;border-radius:var(--media-radius, 0);border:.1rem dashed rgba(var(--color-foreground),.4);color:rgba(var(--color-foreground),.75)}.course-notice--warning{border-color:rgba(var(--color-foreground),.6)}.course-progress{display:block;margin:2rem 0}.course-progress__track{width:100%;height:.6rem;border-radius:.6rem;background-color:rgba(var(--color-foreground),.12);overflow:hidden}.course-progress__fill{height:100%;width:0;border-radius:.6rem;background-color:rgb(var(--color-foreground));transition:width .3s ease}.course-progress__label{margin:.8rem 0 0;font-size:1.4rem;color:rgba(var(--color-foreground),.75)}.course-module__header{margin:3rem 0 1.2rem}.course-module__header:first-child{margin-top:1rem}.course-module__title{margin:0}.course-module__description{margin:.4rem 0 0;font-size:1.4rem;color:rgba(var(--color-foreground),.7)}.course-lessons{list-style:none;padding:0;margin:0;display:grid;gap:1.2rem}.lesson-card{display:flex;align-items:center;gap:1.6rem;padding:1.6rem 2rem;border:.1rem solid rgba(var(--color-foreground),.12);border-radius:var(--media-radius, 0);text-decoration:none;color:rgb(var(--color-foreground));transition:border-color .15s ease}.lesson-card:hover{border-color:rgba(var(--color-foreground),.4)}.lesson-card__status{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.3)}.lesson-card__status svg{width:1.2rem;height:1.2rem;opacity:0}.lesson-card[data-completed=true] .lesson-card__status{background-color:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}.lesson-card[data-completed=true] .lesson-card__status svg{opacity:1;color:rgb(var(--color-background))}.lesson-card__body{flex:1 1 auto;min-width:0}.lesson-card__title{margin:0;font-size:1.6rem}.lesson-card__meta{margin:.4rem 0 0;font-size:1.3rem;color:rgba(var(--color-foreground),.7)}.lesson-card__index{flex:0 0 auto;font-size:1.3rem;color:rgba(var(--color-foreground),.7);font-variant-numeric:tabular-nums}.lesson__header{margin-bottom:2rem}.lesson__eyebrow{display:inline-block;margin-bottom:.8rem;font-size:1.3rem;color:rgba(var(--color-foreground),.7);text-decoration:none}.lesson__body{margin-top:3rem}.lesson__resources{margin-top:3rem;padding-top:2rem;border-top:.1rem solid rgba(var(--color-foreground),.12)}.lesson__resources ul{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.8rem}.lesson__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem;margin-top:3rem;padding-top:2rem;border-top:.1rem solid rgba(var(--color-foreground),.12)}.lesson__nav{display:flex;gap:1.2rem;margin-left:auto}@media screen and (max-width:749px){.lesson__nav{margin-left:0;width:100%}.lesson__nav .button{flex:1 1 0}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-course.css.map */