.tutorialArticle{color:var(--main-black)}.tutorialArticle__container{padding-top:3.6rem;padding-bottom:6rem}.tutorialArticle__header{margin-bottom:0}.tutorialArticle__articleGrid{display:block}.tutorialArticle__mainColumn{display:grid;grid-template-columns:minmax(0,1fr) 25rem;align-items:start;gap:2.25rem;min-width:0}.tutorialArticle__heading{max-width:46rem}.tutorialArticle__heroLayout{grid-column:1;margin-top:1.75rem}.tutorialArticle__mainColumn>.tutorialArticle__course{grid-column:2;grid-row:1}.tutorialArticle__category{margin:0 0 .55rem;color:#0000008f;font-size:.8rem;font-weight:700}.tutorialArticle__title{max-width:46rem;margin:0;font-size:2.75rem;line-height:1.02;letter-spacing:0;text-transform:none}.tutorialArticle__excerpt{max-width:38rem;margin:.75rem 0 0;font-size:.82rem;line-height:1.45}.tutorialArticle__courseTitle{margin:0 0 1rem;font-family:var(--font-heading-family);font-size:1.5rem;line-height:1.1}.tutorialArticle__tocTitle{margin:0 0 .75rem;font-family:var(--font-heading-family);font-size:1.1rem;line-height:1.1}.tutorialArticle__course{position:sticky;top:1rem;margin-top:-1rem}@media(min-width:64.01rem){.tutorialArticle__course{display:flex;flex-direction:column;height:calc(var(--tutorial-hero-media-height) + 2.5rem);min-height:0;overflow:hidden;position:sticky}.tutorialArticle__lessonList{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:1.5rem;scrollbar-width:thin}.tutorialArticle__toc{display:flex;flex:1 1 auto;min-height:0;flex-direction:column}.tutorialArticle__toc ol{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:4rem;scrollbar-width:thin}.tutorialArticle__course:after{position:absolute;right:0;bottom:0;left:0;height:1.5rem;background:linear-gradient(to bottom,#fff0,#ffffffe0);content:"";pointer-events:none}}.tutorialArticle__lessonList{display:flex;flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;counter-reset:lessons}.tutorialArticle__lesson{counter-increment:lessons}.tutorialArticle__lessonLink{display:grid;grid-template-columns:1rem 3.25rem minmax(0,1fr);align-items:center;gap:.5rem;border-radius:.35rem;padding:.35rem;color:inherit;text-decoration:none}.tutorialArticle__lessonLink:before{content:counter(lessons);font-size:.7rem;font-weight:700}.tutorialArticle__lesson.is-active .tutorialArticle__lessonLink,.tutorialArticle__lessonLink:hover{background:#f5f5f5}.tutorialArticle__lessonImg{width:3.25rem;height:2.25rem;border-radius:.25rem;background:#f5f5f5;object-fit:cover}.tutorialArticle__lessonText{min-width:0}.tutorialArticle__lessonText strong,.tutorialArticle__lessonText small{display:block}.tutorialArticle__lessonText strong{font-size:.75rem;line-height:1.12}.tutorialArticle__lessonText small{margin-top:.05rem;color:#00000094;font-size:.62rem}@media(min-width:64.01rem){.tutorialArticle__lessonList{gap:1rem}.tutorialArticle__lessonLink{grid-template-columns:1rem .25rem 5.625rem minmax(0,1fr);gap:0;padding:.35rem}.tutorialArticle__lessonLink:before{grid-column:1;font-size:1rem}.tutorialArticle__lessonImg{grid-column:3;width:5.625rem;height:4.125rem}.tutorialArticle__lessonText{grid-column:4;margin-left:1rem}.tutorialArticle__lessonText strong{font-family:Prompt-ExtraBold,system-ui,-apple-system,sans-serif;font-weight:700;font-size:1.25rem;line-height:1.12}.tutorialArticle__lessonText small{margin-top:.12rem;font-size:1rem}}.tutorialArticle__mainMedia{position:relative;overflow:hidden;margin-bottom:1.5rem;border-radius:.5rem;background:#f5f5f5}.tutorialArticle__video{display:block;width:100%;aspect-ratio:16 / 9;border:0;background:#111}.tutorialArticle__video iframe{display:block;width:100%;height:100%;border:0}.tutorialArticle__videoPoster{position:relative;display:block;aspect-ratio:16 / 9}.tutorialArticle__videoPoster .tutorialArticle__heroImg{width:100%;height:100%;object-fit:cover}.tutorialArticle__video .deferred-media__poster-button{width:4.25rem;height:4.25rem;border:.18rem solid #fff;background:transparent;color:#fff;box-shadow:none}.tutorialArticle__video .deferred-media__poster-button .icon{width:1.6rem;height:1.6rem}.tutorialArticle__heroImg,.tutorialArticle__blockImg{display:block;width:100%;height:auto}.tutorialArticle__videoFallback{position:relative}.tutorialArticle__videoLink{position:absolute;z-index:2;top:50%;left:50%;display:inline-flex;align-items:center;justify-content:center;min-height:3rem;border-radius:999px;padding:0 1.5rem;background:#f0ff94;color:var(--main-black);font-weight:700;text-decoration:none;transform:translate(-50%,-50%)}.tutorialArticle__contentGrid{grid-column:1;max-width:46rem}.tutorialArticle__contentGrid--withToc{display:grid;grid-template-columns:minmax(0,1fr) 14rem;max-width:none;align-items:start;gap:4rem}.tutorialArticle__content{max-width:46rem}.tutorialArticle__content h2,.tutorialArticle__content h3,.tutorialArticle__sectionTitle{letter-spacing:0;text-transform:none}.tutorialArticle__content h2{margin-top:2.75rem;font-size:1.75rem;line-height:1.14;margin-bottom:1rem}.tutorialArticle__content h3{margin-top:2rem;font-size:1.35rem}.tutorialArticle__block{margin-top:3rem}.tutorialArticle__block--titleOnly{margin-top:3.75rem;border-left:.24rem solid var(--main-green);padding-left:1.1rem}.tutorialArticle__block--titleOnly h1,.tutorialArticle__block--titleOnly h2,.tutorialArticle__block--titleOnly h3,.tutorialArticle__block--titleOnly h4,.tutorialArticle__block--titleOnly h5,.tutorialArticle__block--titleOnly h6{margin:0}.tutorialArticle__imageGallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:3rem}.tutorialArticle__imageGallery--single{width:65%;grid-template-columns:minmax(0,1fr)}.tutorialArticle__imageGallery--slider{grid-auto-columns:calc((100% - 2rem) / 3);grid-auto-flow:column;grid-template-columns:none;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.tutorialArticle__imageGallery--slider::-webkit-scrollbar{display:none}.tutorialArticle__imageGallery--slider .tutorialArticle__block--mediaOnly{scroll-snap-align:start}.tutorialArticle__galleryControls{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.75rem}.tutorialArticle__galleryButton{display:inline-flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border:.0625rem solid rgba(0,0,0,.18);border-radius:50%;padding:0;background:#fff;color:var(--main-black);cursor:pointer;font-size:1.25rem;line-height:1}.tutorialArticle__galleryButton:hover,.tutorialArticle__galleryButton:focus-visible{border-color:var(--main-green);background:var(--main-green);color:#fff}.tutorialArticle__imageGallery+.tutorialArticle__block{margin-top:3rem}.tutorialArticle__block--mediaOnly{min-width:0;margin:0}.tutorialArticle__block--mediaOnly .tutorialArticle__blockMedia{height:100%;margin:0}.tutorialArticle__block--mediaOnly .tutorialArticle__blockImg{height:100%;aspect-ratio:1 / 1;object-fit:cover}.tutorialArticle__blockImg--zoomable{cursor:zoom-in}.tutorialArticle__lightbox{width:min(90vw,78rem);max-width:none;max-height:92vh;border:0;padding:0;background:transparent;overflow:visible}.tutorialArticle__lightbox::backdrop{background:#000000c7}.tutorialArticle__lightboxFrame{position:relative;display:grid;max-height:92vh;place-items:center}.tutorialArticle__lightboxImage{display:block;max-width:90vw;max-height:84vh;width:auto;height:auto;object-fit:contain}.tutorialArticle__lightboxClose,.tutorialArticle__lightboxNav{position:absolute;z-index:1;display:inline-flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border:0;border-radius:50%;padding:0;background:#fff;color:var(--main-black);cursor:pointer;line-height:1;transition:transform .2s ease,background-color .2s ease,color .2s ease}.tutorialArticle__lightboxClose{top:-1.25rem;right:-1.25rem}.tutorialArticle__lightboxClose .icon{width:1rem;height:1rem}.tutorialArticle__lightboxNav svg{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tutorialArticle__lightboxNav--previous{left:1rem}.tutorialArticle__lightboxNav--next{right:1rem}.tutorialArticle__lightboxNav--next svg{transform:scaleX(-1)}.tutorialArticle__lightboxClose:hover,.tutorialArticle__lightboxClose:focus-visible,.tutorialArticle__lightboxNav:hover,.tutorialArticle__lightboxNav:focus-visible{background:var(--main-green);color:#fff;transform:scale(1.08)}.tutorialArticle__lightboxCount{margin:.75rem 0 0;color:#fff;font-weight:700}.tutorialArticle__blockMedia{overflow:hidden;margin-top:1.25rem;border-radius:.5rem}.tutorialArticle__side{position:sticky;top:1rem}.tutorialArticle__toc{margin-top:.875rem;padding:0}.tutorialArticle__toc ol{display:flex;flex-direction:column;gap:.65rem;margin:0;padding:1rem;border-radius:.5rem;background:#f5f5f5;list-style:none}.tutorialArticle__toc a{color:inherit;text-decoration:none}.tutorialArticle__toc a:hover{text-decoration:underline;text-underline-offset:.2rem}.tutorialArticle__toc .is-sub{color:#000000a6;font-size:.9rem}.tutorialArticle__sectionTitle{margin:0 0 1.75rem;font-size:2.2rem;line-height:1.12}.tutorialMaterials,.tutorialProducts,.tutorialRelated{margin-top:6rem}.tutorialMaterials__grid,.tutorialProducts__grid,.tutorialRelated__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.tutorialMaterials__item{min-width:0}.tutorialMaterials__img{display:block;width:100%;height:auto;aspect-ratio:440 / 318;margin-bottom:1rem;border-radius:1.25rem;background:#fff;object-fit:contain}.tutorialMaterials__item h3{margin:0 0 .5rem;font-family:var(--font-heading-family);font-size:1.25rem;line-height:1.1;letter-spacing:0;text-transform:none}.tutorialMaterials__text{font-size:.82rem;line-height:1.42}.tutorialEditorials{display:flex;flex-direction:column;gap:5rem;margin-top:6rem}.tutorialEditorial{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:3.25rem}.tutorialEditorial--right .tutorialEditorial__media{order:2}.tutorialEditorial__media{overflow:hidden;border-radius:.5rem}.tutorialEditorial__img{display:block;width:100%;height:auto}.tutorialEditorial__brand{display:flex;width:100%;height:100%;flex-direction:column;align-items:flex-start;justify-content:center;gap:.4rem;padding:2.5rem;background:#fff}.tutorialEditorial__brandName{margin:0 0 1.2rem 1.35rem;color:#009b62;font-family:var(--font-heading-family);font-size:2.35rem;font-weight:800;line-height:1}.tutorialEditorial__brandLine{display:block;padding:.35rem .75rem;color:#fff;font-family:var(--font-heading-family);font-size:clamp(1.4rem,3vw,2.5rem);font-weight:800;line-height:1}.tutorialEditorial__brandLine--pink{background:#f2a086}.tutorialEditorial__brandLine--blue{background:#acdce7}.tutorialEditorial__body h2{max-width:27rem;margin:0 0 1.25rem;font-size:2.2rem;line-height:1.06;letter-spacing:0;text-transform:none}.tutorialEditorial__body .rte{max-width:28rem;font-size:.85rem;line-height:1.5}.tutorialEditorial__body .btn-yellow,.tutorialMaterials__item .btn-yellow{margin-top:1rem}.tutorialMaterials__card{min-height:11rem;border-radius:.5rem;padding:1.25rem;background:#f7f7f7}.tutorialMaterials__download{display:flex;flex-direction:column;justify-content:flex-end;color:inherit;text-decoration:none}.tutorialMaterials__download span{font-family:var(--font-heading-family);font-size:1.3rem;line-height:1.1}.tutorialMaterials__download small{margin-top:.5rem;color:var(--main-green)}.tutorialRelated__card{position:relative}.tutorialRelated__link{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0}.tutorialRelated__img{display:block;width:100%;aspect-ratio:4 / 3;margin-bottom:1rem;border-radius:.5rem;background:#f5f5f5;object-fit:cover}.tutorialRelated__card h3{margin:0 0 .5rem;font-size:1.35rem;line-height:1.12}.tutorialRelated__card p{margin:0;font-size:.9rem;line-height:1.42}@media(max-width:64rem){.tutorialArticle__container{padding-top:2.5rem;padding-bottom:4rem}.tutorialArticle__mainColumn,.tutorialArticle__contentGrid--withToc{grid-template-columns:1fr;gap:2.25rem}.tutorialArticle__course,.tutorialArticle__side{position:static}.tutorialArticle__mainColumn>.tutorialArticle__course{grid-column:auto;grid-row:auto;margin-top:0;max-height:none;overflow:visible}.tutorialArticle__side{display:none}.tutorialArticle__lessonList{max-height:22rem;overflow:auto;padding-right:.25rem}.tutorialMaterials__grid,.tutorialProducts__grid,.tutorialRelated__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorialEditorial{grid-template-columns:1fr;gap:1.5rem}.tutorialEditorial--right .tutorialEditorial__media{order:0}}@media(max-width:39.999rem){.tutorialArticle__title{font-size:2rem}.tutorialArticle__excerpt{font-size:.78rem}.tutorialArticle__mainMedia{margin-bottom:1.25rem}.tutorialArticle__imageGallery{gap:.65rem;margin-top:2.25rem}.tutorialArticle__imageGallery--single{width:100%}.tutorialArticle__lightboxClose{top:-2.75rem;right:0}.tutorialArticle__imageGallery--slider{grid-auto-columns:calc((100% - 1.3rem) / 3)}.tutorialArticle__sectionTitle,.tutorialArticle__content h2{font-size:1.75rem}.tutorialMaterials__grid,.tutorialProducts__grid,.tutorialRelated__grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/tutorial-article.css.map */