.course-detail-hero{padding-top:calc(1rem + 72px);background:var(--linen-50);padding-bottom:4rem}.course-detail-hero .course-detail-hero__title{color:var(--blue-950);padding:0 0 1.5rem}.course-detail-hero .course-detail-hero__grid{display:grid;grid-template-columns:repeat(1,1fr);gap:3rem}.course-detail-hero .course-detail-hero__content{order:1}.course-detail-hero .course-detail-hero__media{padding:.5rem;border:1px solid var(--slate-200);position:relative}.course-detail-hero .course-detail-hero__video{position:relative;overflow:hidden;height:100%;width:100%}.course-detail-hero__media.has-video .course-detail-hero__video:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080}.course-detail-hero__video img{width:100%;height:100%;object-fit:cover}.course-detail-hero .course-detail-hero__video video{width:100%;height:100%;object-fit:cover;aspect-ratio:1/1}.course-detail-hero .course-detail-hero__video--play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3.75rem;max-width:3.75rem;z-index:2;background:transparent;border:none;cursor:pointer}.course-detail-hero .course-detail-hero__video svg{width:100%;height:100%}.course-detail-hero .course-detail-hero__info{display:flex;align-items:center;gap:1.5rem;padding:0 0 1.5rem}.course-detail-hero .course-detail-hero__author{display:flex;align-items:center;gap:.38rem}.course-detail-hero .course-detail-hero__author .text-body{font-weight:600}.course-detail-hero .course-detail-hero__author img{width:2.5rem;height:2.5rem;object-fit:cover;border-radius:100%}.course-detail-hero .course-detail-hero__skill-level{display:flex;height:1.75rem;padding:.25rem 1rem;justify-content:center;align-items:center;gap:.5rem;border-radius:3.25rem;font-size:1rem;font-weight:600;line-height:152%}.course-detail-hero .course-detail-hero__skill-level--beginner{color:var(--pine-900);background:var(--pine-200)}.course-detail-hero .course-detail-hero__skill-level--intermediate{color:var(--slate-600);background:var(--linen-100)}.course-detail-hero .course-detail-hero__skill-level--advanced{color:var(--blue-800);background:var(--blue-200)}.course-detail-hero .course-detail-hero__skill-level--all{color:var(--pine-950);background:var(--linen-300)}.course-detail-hero .kit-detail-hero__description{padding:0 0 1.5rem}.course-detail-hero .kit-detail-hero__description p{margin:0;font-size:1.125rem;font-style:normal;font-weight:350;line-height:152%;letter-spacing:-.0225rem}.course-detail-hero__details{column-gap:1.5rem;row-gap:.5rem;margin:0 0 2rem}.course-detail-hero__details .meta--date{order:1}.course-detail-hero__details .meta--length{order:3}.course-detail-hero__details .meta--technique{order:2}.course-detail-hero__details .meta--price{order:4}.course-detail-hero__details .text-sm{font-weight:600}.course-detail-hero .course-detail-hero__animated-line{width:100%;margin-bottom:3rem}.course-detail-hero .course-detail-hero_button{position:relative;margin-bottom:1.5rem}.course-detail-hero button{text-transform:capitalize}.course-detail-hero .course-detail-hero_button button:disabled .quick-add__submit-icon{display:none}.course-detail-hero .course-detail-hero_button .course-detail-hero__buttons-pill{position:absolute;left:50%;top:-1.25rem;transform:translate(-50%);height:1.75rem;padding:0 1rem;border-radius:999px;font-size:.875rem;font-weight:600;background:var(--red-600);display:flex;align-items:center;justify-content:center;color:#fff;z-index:1;border:1px solid var(--linen-50);gap:.31rem}.course-detail-hero .course-detail-hero_button .course-detail-hero__buttons-pill svg path{fill:#fff}.live-course__rating-custom_text{color:var(--charcoal-500);font-family:var(--body-font);font-size:1rem;font-weight:350;line-height:152%;letter-spacing:-.02rem;padding-left:.75rem}@media (min-width: 1024px){.course-detail-hero{padding:10rem 0 5rem}.course-detail-hero .course-detail-hero__grid{grid-template-columns:repeat(2,1fr)}.course-detail-hero .course-detail-hero__content{order:0;padding:2rem 0 0}.course-detail-hero__details{max-width:100%}.course-detail-hero__details .meta--date{order:1}.course-detail-hero__details .meta--length{order:2}.course-detail-hero__details .meta--technique{order:3}.course-detail-hero__details .meta--price{order:4}}@media (min-width: 1280px){.course-detail-hero .course-detail-hero__grid{gap:5rem}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/section-course-detail-hero.css.map */