.tutorial-media{position:relative;display:block;overflow:hidden;border-radius:var(--tutorial-image-radius, 10px);background-color:rgba(var(--color-foreground),.04)}.tutorial-media--stroke{box-shadow:0 0 0 var(--tutorial-stroke-width, 1px) var(--tutorial-stroke-color, rgba(0, 0, 0, .15))}.tutorial-media img{display:block;width:100%;height:100%;object-fit:cover}.tutorial-media--fixed{aspect-ratio:var(--tutorial-image-ratio, 1 / 1)}.tutorial-media--adapt img{height:auto}.tutorial-media .placeholder-svg{display:block;width:100%;height:100%;aspect-ratio:var(--tutorial-image-ratio, 4 / 3);object-fit:cover}.tutorial-section__container{max-width:var(--tutorial-container-width, 1200px);margin-inline:auto}.tutorial-align-center{text-align:center}.tutorial-align-center .tutorial-hero__intro,.tutorial-align-center .tutorial-hero__media,.tutorial-align-center .tutorial-step__text,.tutorial-align-center .tutorial-step__figures,.tutorial-align-center .tutorial-spec{margin-inline:auto}.tutorial-align-center .tutorial-hero__meta{justify-content:center}.tutorial-align-center .tutorial-spec{max-width:60rem}.tutorial-card{height:100%}.tutorial-card__link{display:flex;flex-direction:column;gap:1.2rem;height:100%;color:rgb(var(--color-foreground));text-decoration:none}.tutorial-card__media{transition:transform var(--duration-default) ease}.tutorial-card__link:hover .tutorial-card__media{transform:translateY(-.4rem)}.tutorial-card__title{margin:0;line-height:1.3;word-break:break-word}.tutorial-card__link:hover .tutorial-card__title{text-decoration:underline;text-underline-offset:.3rem}.tutorial-card--center{text-align:center}.tutorials-gallery__grid{display:grid;grid-template-columns:repeat(var(--tutorials-columns-mobile, 1),minmax(0,1fr));gap:var(--tutorials-gap, 24px);margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.tutorials-gallery__grid{grid-template-columns:repeat(var(--tutorials-columns, 3),minmax(0,1fr))}}.tutorials-gallery__header{margin-bottom:3.2rem}.tutorials-gallery__header--center{text-align:center}.tutorials-gallery__header--center .rte{max-width:68rem;margin-inline:auto}.tutorials-gallery__header>*{margin-top:0}.tutorials-gallery__header>*:last-child{margin-bottom:0}.tutorial-hero__breadcrumb{display:inline-flex;align-items:center;gap:.6rem;margin-bottom:1.6rem;font-size:1.4rem;color:rgba(var(--color-foreground),.75);text-decoration:none}.tutorial-hero__breadcrumb:hover{color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:.3rem}.tutorial-hero__breadcrumb svg{width:1.2rem;transform:rotate(180deg)}.tutorial-hero__inner{display:grid;gap:3.2rem}.tutorial-hero__eyebrow{margin:0 0 1.2rem;font-size:1.2rem;letter-spacing:.2rem;text-transform:uppercase;color:rgba(var(--color-foreground),.7)}.tutorial-hero__title{margin:0}.tutorial-hero__intro{max-width:68rem;margin-top:1.6rem;color:rgba(var(--color-foreground),.85)}.tutorial-hero__media{max-width:var(--tutorial-image-width, 100%)}.tutorial-hero__meta{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2.4rem;padding:0;list-style:none}.tutorial-hero__meta li{padding:.4rem 1.2rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:4rem;font-size:1.3rem;color:rgba(var(--color-foreground),.8)}@media screen and (min-width:990px){.tutorial-hero--split .tutorial-hero__inner{grid-template-columns:1fr 1fr;align-items:center;gap:5rem}.tutorial-hero--split.tutorial-hero--image-first .tutorial-hero__media{order:-1}}.tutorial-step__header{margin-bottom:1.6rem}.tutorial-step__label{display:inline-block;margin:0 0 .8rem;padding:.3rem 1.2rem;border-radius:4rem;background-color:rgba(var(--color-foreground),.08);font-size:1.2rem;letter-spacing:.15rem;text-transform:uppercase;color:rgba(var(--color-foreground),.85)}.tutorial-step__heading{margin:0}.tutorial-step__text{max-width:72rem;color:rgba(var(--color-foreground),.85)}.tutorial-step__figures{display:grid;gap:var(--tutorial-gallery-gap, 20px);max-width:var(--tutorial-figures-width, 100%);margin-top:2.4rem}@media screen and (min-width:750px){.tutorial-step__figures--split{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;gap:var(--tutorial-figures-gap, 48px)}.tutorial-align-center .tutorial-step__figures--split{justify-content:center}.tutorial-step__figures--split .tutorial-step__media{width:var(--tutorial-canvas-px, 486px);max-width:100%}.tutorial-step__figures--split .tutorial-step__gallery{max-width:var(--tutorial-extras-max, 520px)}.tutorial-align-center .tutorial-step__figures--split .tutorial-step__gallery{justify-content:flex-start}}.tutorial-step__specs{display:grid;gap:2.4rem;margin-top:2.8rem}@media screen and (min-width:750px){.tutorial-step__specs--2{grid-template-columns:repeat(2,minmax(0,1fr))}}.tutorial-spec__heading{margin:0 0 .8rem;font-size:1.2rem;letter-spacing:.15rem;text-transform:uppercase;color:rgba(var(--color-foreground),.65)}.tutorial-spec__list ul{margin:0;padding:0;list-style:none;border-top:.1rem solid rgba(var(--color-foreground),.14)}.tutorial-spec__list li{display:grid;grid-template-columns:minmax(14rem,auto) minmax(0,1fr);gap:.4rem 2rem;align-items:baseline;margin:0;padding:.9rem 0;border-bottom:.1rem solid rgba(var(--color-foreground),.14);font-size:1.4rem;text-align:left;color:rgba(var(--color-foreground),.8)}.tutorial-spec__list li strong{font-weight:600;color:rgb(var(--color-foreground))}@media screen and (max-width:749px){.tutorial-spec__list li{grid-template-columns:minmax(0,1fr)}}.tutorial-step__gallery{display:flex;flex-wrap:wrap;align-content:start;gap:var(--tutorial-gallery-gap, 20px)}.tutorial-align-center .tutorial-step__gallery{justify-content:center}.tutorial-step__figure{width:var(--tutorial-extra-width, 250px);max-width:100%;margin:0}.tutorial-step__caption{margin:.8rem 0 0;font-size:1.3rem;color:rgba(var(--color-foreground),.7)}.tutorial-cta__inner{padding:4rem 2.4rem;border-radius:var(--tutorial-image-radius, 10px);border:.1rem solid rgba(var(--color-foreground),.14);text-align:center}.tutorial-cta__heading{margin:0}.tutorial-cta__text{margin-top:1.2rem;color:rgba(var(--color-foreground),.85)}.tutorial-cta__products{display:grid;grid-template-columns:repeat(var(--tutorial-cta-columns-mobile, 1),minmax(0,1fr));gap:2.4rem;margin:3.2rem 0 0;padding:0;list-style:none}@media screen and (min-width:750px){.tutorial-cta__products{grid-template-columns:repeat(var(--tutorial-cta-columns, 2),minmax(0,1fr))}}.tutorial-cta__product{display:flex;flex-direction:column;align-items:center;gap:1.2rem}.tutorial-cta__product-media{width:100%;max-width:26rem}.tutorial-cta__product-title{margin:0;font-size:1.6rem}.tutorial-cta__product-price{margin:0;font-size:1.4rem;color:rgba(var(--color-foreground),.75)}.tutorial-cta__product .button{margin-top:.4rem}@media screen and (max-width:749px){.tutorial-cta__inner{padding:3.2rem 1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-tutorials.css.map */