.learning-tutorials{color:rgb(var(--color-foreground))}.learning-tutorials__nav{margin:0 0 2.4rem}.learning-tutorials__back{display:inline-flex;align-items:center;gap:.6rem;font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:rgba(var(--color-foreground),.7);transition:color .2s ease}.learning-tutorials__back:hover{color:rgb(var(--color-foreground))}.learning-tutorials__back-icon{width:1.2rem;height:1.2rem;flex-shrink:0}.learning-tutorials__header{display:flex;flex-direction:column;gap:1.2rem;margin:0 0 2.4rem;max-width:64rem}.learning-tutorials__header--center{margin-inline:auto;text-align:center;align-items:center}.learning-tutorials__eyebrow{margin:0;font-size:1.2rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--color-foreground),.5)}.learning-tutorials__heading{margin:0}.learning-tutorials__text{margin:0;font-size:1.5rem;line-height:1.5;color:rgba(var(--color-foreground),.75)}.learning-tutorials__toc{max-width:100%;margin:0 0 2.4rem;overflow:hidden}.learning-tutorials__toc-list{display:flex;flex-wrap:wrap;gap:1.2rem 2.4rem;list-style:none;margin:0;padding:0}.learning-tutorials__toc-link{display:inline-block;white-space:nowrap;padding:0 0 .2rem;border-bottom:1px solid transparent;text-transform:uppercase;text-decoration:none;font-size:1.2rem;letter-spacing:.1em;color:rgba(var(--color-foreground),.55);transition:color .2s ease,border-color .2s ease}.learning-tutorials__toc-link:hover,.learning-tutorials__toc-link.is-active{color:rgb(var(--color-foreground));border-bottom-color:rgb(var(--color-foreground))}.learning-tutorials__topics{display:flex;flex-direction:column;gap:0}.learning-tutorials__topic{display:flex;flex-direction:column;gap:2.4rem;padding:3.2rem 0;border-top:1px solid rgba(var(--color-foreground),.1);scroll-margin-top:calc(var(--header-height, 6.7rem) + 2.4rem);min-width:0}html.js:not(.shopify-design-mode) .learning-tutorials__topic--reveal{opacity:0;transform:translateY(1.6rem)}html.js:not(.shopify-design-mode) .learning-tutorials__topic--reveal.is-revealed{opacity:1;transform:none;transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1)}.learning-tutorials__topic.is-scroll-target .learning-tutorials__topic-head{animation:learning-topic-arrive .52s cubic-bezier(.22,.61,.36,1) both}@keyframes learning-topic-arrive{0%{opacity:.4;transform:translateY(.8rem)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html.js:not(.shopify-design-mode) .learning-tutorials__topic--reveal,html.js:not(.shopify-design-mode) .learning-tutorials__topic--reveal.is-revealed{opacity:1;transform:none;transition:none}.learning-tutorials__topic.is-scroll-target .learning-tutorials__topic-head{animation:none}}.learning-tutorials__topic:first-child{border-top:0;padding-top:.8rem}.learning-tutorials__topic:last-child{border-bottom:1px solid rgba(var(--color-foreground),.1)}@media screen and (min-width:990px){.learning-tutorials__topic{gap:2.8rem;padding:4.8rem 0}.learning-tutorials__topic:first-child{padding-top:1.2rem}}.learning-tutorials__topic-head{display:flex;flex-direction:column;gap:1rem;max-width:64rem}.learning-tutorials__topic-title{margin:0;max-width:64rem;font-family:var(--font-heading-family);font-size:clamp(2.4rem,3vw,3.6rem);font-weight:400;line-height:1.15;letter-spacing:var(--font-heading-letter-spacing, -.04em)}.learning-tutorials__topic-index{position:static;margin-inline-start:.15em;vertical-align:super;font-family:var(--font-heading-family);font-style:normal;font-size:.42em;font-weight:var(--font-weight-normal, 400);line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;opacity:.55}.learning-tutorials__topic-text{margin:0;font-size:1.4rem;line-height:1.5;color:rgba(var(--color-foreground),.7);max-width:48rem}.learning-tutorials__tips{max-width:64rem;display:flex;flex-direction:column;gap:1.6rem;padding-block-start:.4rem}.learning-tutorials__tips-label{margin:0;font-size:1.1rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--color-foreground),.45)}.learning-tutorials__tips-intro{margin:0;max-width:54rem;font-size:1.5rem;line-height:1.5;color:rgba(var(--color-foreground),.78)}.learning-tutorials__tips-highlight{margin:0;max-width:54rem;padding:1.2rem 0;border-block:1px solid rgba(var(--color-foreground),.14);font-family:var(--font-heading-family);font-size:clamp(1.5rem,1.8vw,1.8rem);font-weight:400;line-height:1.35;letter-spacing:var(--font-heading-letter-spacing, -.02em);color:rgb(var(--color-foreground))}.learning-tutorials__tips-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.learning-tutorials__tips-item{display:grid;grid-template-columns:3.2rem minmax(0,1fr);gap:1.2rem 1.6rem;align-items:start;padding:1.4rem 0;border-top:1px solid rgba(var(--color-foreground),.1)}.learning-tutorials__tips-item:last-child{border-bottom:1px solid rgba(var(--color-foreground),.1)}.learning-tutorials__tips-index{font-family:var(--font-heading-family);font-size:1.2rem;font-weight:400;letter-spacing:.06em;line-height:1.4;color:rgba(var(--color-foreground),.45);font-variant-numeric:tabular-nums}.learning-tutorials__tips-copy{margin:0;font-size:1.4rem;line-height:1.5;color:rgba(var(--color-foreground),.8)}.learning-tutorials__topic-body{max-width:64rem;margin:0;font-size:1.4rem;line-height:1.55;color:rgba(var(--color-foreground),.78)}.learning-tutorials__topic-body>*:first-child{margin-block-start:0}.learning-tutorials__topic-body>*:last-child{margin-block-end:0}.learning-tutorials__topic-body p{margin:0 0 1.2rem}.learning-tutorials__topic-body ul,.learning-tutorials__topic-body ol{margin:0 0 1.2rem;padding-inline-start:1.6rem}.learning-tutorials__topic-body li+li{margin-block-start:.6rem}.learning-tutorials__topic-body strong{font-weight:600;color:rgb(var(--color-foreground))}.learning-tutorials__clips{display:flex;gap:1.2rem;list-style:none;margin:0;padding:0 0 .4rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.learning-tutorials__clips::-webkit-scrollbar{display:none}.learning-tutorials__clip{flex:0 0 64%;max-width:26rem;scroll-snap-align:start;min-width:0;display:flex;flex-direction:column;gap:.8rem}@media screen and (min-width:750px){.learning-tutorials__clip{flex-basis:40%;max-width:28rem}}@media screen and (min-width:990px){.learning-tutorials__clips{display:grid;grid-template-columns:repeat(auto-fill,minmax(22rem,1fr));overflow:visible;scroll-snap-type:none;padding:0;gap:2rem}.learning-tutorials__clip{flex:none;max-width:none;width:100%}}.learning-tutorials__media{position:relative;width:100%;aspect-ratio:9 / 16;overflow:hidden;background:rgba(var(--color-foreground),.06);border:0;padding:0;cursor:pointer;color:#fff;text-align:left}@media screen and (min-width:990px){.learning-tutorials__media{max-height:56rem}}.learning-tutorials__media img,.learning-tutorials__media video,.learning-tutorials__media .placeholder-svg{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.22,1,.36,1)}.learning-tutorials__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000000f,#0000 40%),linear-gradient(180deg,#0000 50%,#00000073);pointer-events:none}.learning-tutorials__play{position:absolute;top:50%;left:50%;z-index:2;width:4.8rem;height:4.8rem;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);background:transparent;color:#fff;border:1px solid rgba(255,255,255,.85);pointer-events:none;transition:transform .25s ease,border-color .25s ease,background .25s ease}.learning-tutorials__play svg{width:1.6rem;height:1.6rem;margin-inline-start:.2rem;fill:currentColor;filter:drop-shadow(0 1px 6px rgba(0,0,0,.35))}.learning-tutorials__clip-title{margin:0;font-size:1.3rem;font-weight:500;line-height:1.3}@media(hover:hover)and (pointer:fine){.learning-tutorials__media:hover img,.learning-tutorials__media:hover video{transform:scale(1.04)}.learning-tutorials__media:hover .learning-tutorials__play{transform:translate(-50%,-50%) scale(1.06);background:#ffffff14;border-color:#fff}}.learning-tutorials__media:focus-visible{outline:2px solid #000;outline-offset:3px}.learning-tutorials__products{display:flex;flex-direction:column;gap:.8rem;max-width:56rem}.learning-tutorials__products-label{margin:0;font-size:1.1rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(var(--color-foreground),.45)}.learning-tutorials__product-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.learning-tutorials__product-card{display:block}.learning-tutorials__product{display:flex;align-items:center;gap:.8rem;min-height:5.6rem;border-top:1px solid rgba(var(--color-foreground),.1)}.learning-tutorials__product-list>li:last-child .learning-tutorials__product{border-bottom:1px solid rgba(var(--color-foreground),.1)}.learning-tutorials__product-main{display:flex;align-items:center;gap:1rem;flex:1 1 auto;min-width:0;padding:.6rem 0;text-decoration:none;color:inherit}.learning-tutorials__product-media{width:4rem;height:4rem;flex-shrink:0;overflow:hidden;background:rgba(var(--color-foreground),.04)}.learning-tutorials__product-media img,.learning-tutorials__product-media .placeholder-svg{width:100%;height:100%;object-fit:cover;display:block}.learning-tutorials__product-copy{display:flex;flex-direction:column;gap:.2rem;min-width:0}.learning-tutorials__product-title{font-size:1.3rem;line-height:1.3;font-weight:500}.learning-tutorials__product-price{font-size:1.2rem;line-height:1.3;color:rgba(var(--color-foreground),.55)}.learning-tutorials__product-form{flex-shrink:0;margin:0}.learning-tutorials__product-add{width:4rem!important;height:4rem!important;min-width:4rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center;flex-shrink:0}.learning-tutorials__product-add svg{width:1.4rem;height:1.4rem;pointer-events:none}.learning-tutorials__product-add .quick-cart-drawer__trigger--loading{pointer-events:none}.learning-tutorials__product-main:hover .learning-tutorials__product-title{text-decoration:underline;text-underline-offset:.2em}.learning-tutorials__actions{display:flex;flex-wrap:wrap;gap:1.2rem;margin-block-start:4rem}.learning-tutorials__actions--center{justify-content:center}.learning-tutorials-modal{--learning-modal-pad-y: 1.2rem;--learning-modal-pad-x: 1.6rem;--learning-modal-products-space: 9.5rem;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;align-items:flex-start;justify-content:center;padding:var(--learning-modal-pad-y) var(--learning-modal-pad-x);background:#000000ad;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden;transition:opacity .25s ease,visibility .25s ease}.learning-tutorials-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}.learning-tutorials-modal__dialog{--learning-modal-media-max-h: calc( 100vh - (var(--learning-modal-pad-y) * 2) - var(--learning-modal-products-space) );--learning-modal-media-max-h: calc( 100dvh - (var(--learning-modal-pad-y) * 2) - var(--learning-modal-products-space) );position:relative;display:flex;flex-direction:column;align-items:stretch;width:min(100%,36rem,calc(var(--learning-modal-media-max-h) * 9 / 16));max-height:calc(100vh - (var(--learning-modal-pad-y) * 2));max-height:calc(100dvh - (var(--learning-modal-pad-y) * 2));margin-inline:auto;background:transparent}.learning-tutorials-modal__media{position:relative;width:100%;aspect-ratio:9 / 16;max-height:var(--learning-modal-media-max-h);background:#000;flex:0 1 auto;min-height:0;overflow:hidden}.learning-tutorials-modal__media video,.learning-tutorials-modal__media iframe{width:100%;height:100%;border:0;display:block;object-fit:cover;background:#000}.learning-tutorials-modal__close{position:absolute;top:1rem;right:1rem;z-index:4;width:3.6rem;height:3.6rem;display:flex;align-items:center;justify-content:center;border:0;background:#00000059;color:#fff;cursor:pointer;font-size:2.8rem;line-height:1;padding:0}.learning-tutorials-modal__close:hover{opacity:.85}.learning-tutorials-modal__products{position:relative;z-index:3;width:100%;margin-top:.8rem;flex-shrink:0;min-width:0}.learning-tutorials-modal__products[hidden]{display:none!important}.learning-tutorials-modal:has(.learning-tutorials-modal__products[hidden]),.learning-tutorials-modal:has(.learning-tutorials-modal__products.is-dismissed){--learning-modal-products-space: 4.8rem}.learning-tutorials-modal__products-bar{position:relative;display:flex;flex-direction:column;width:100%;min-width:0}.learning-tutorials-modal__products.is-dismissed .learning-tutorials-modal__products-bar{display:none}.learning-tutorials-modal__products-dismiss{position:absolute;top:-.2rem;right:0;z-index:2;width:2.8rem;height:2.8rem;display:flex;align-items:center;justify-content:center;border:0;padding:0;background:#0000008c;color:#fff;font-size:2rem;line-height:1;cursor:pointer}.learning-tutorials-modal__products-dismiss:hover{opacity:.85}.learning-tutorials-modal__products-restore{display:none;align-self:center;margin:0 auto;border:1px solid rgba(255,255,255,.55);background:#00000073;color:#fff;padding:.7rem 1.4rem;font-size:1.1rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.learning-tutorials-modal__products.is-dismissed .learning-tutorials-modal__products-restore:not([hidden]){display:inline-flex}.learning-tutorials-modal__products-restore:hover{background:#0009}.learning-tutorials-modal__products-track{display:flex;gap:.8rem;width:100%;min-width:0;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:.2rem 3.2rem .2rem 0;box-sizing:border-box}.learning-tutorials-modal__products-track::-webkit-scrollbar{display:none}.learning-tutorials-modal__slide{flex:0 0 min(85%,22rem);max-width:100%;scroll-snap-align:start;min-width:0}product-card.learning-tutorials-modal__product-card,.learning-tutorials-modal__product-card{display:block!important;width:100%;position:relative;gap:0}.learning-tutorials-modal__product{display:flex;align-items:center;gap:.8rem;padding:.8rem;background:#fff;color:#111;box-shadow:0 .6rem 1.6rem #0000002e}.learning-tutorials-modal__product-main{display:flex;align-items:center;gap:.8rem;min-width:0;flex:1 1 auto;color:inherit;text-decoration:none}.learning-tutorials-modal__product-media{width:4.4rem;height:4.4rem;flex-shrink:0;overflow:hidden;background:#f3f3f3}.learning-tutorials-modal__product-media img{width:100%;height:100%;object-fit:cover;display:block}.learning-tutorials-modal__product-copy{display:flex;flex-direction:column;gap:.2rem;min-width:0}.learning-tutorials-modal__product-price{font-size:1.2rem;font-weight:600;line-height:1.2}.learning-tutorials-modal__product-title{font-size:1.2rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.learning-tutorials-modal__product-form{margin:0!important;flex:0 0 auto!important;width:auto!important;max-width:none!important;display:block!important}.learning-tutorials-modal__product-add{position:static!important;inset:auto!important;width:3.6rem!important;height:3.6rem!important;min-width:3.6rem!important;max-width:3.6rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 3.6rem!important;flex-shrink:0!important;box-shadow:none!important;overflow:hidden}.learning-tutorials-modal__product-add svg{width:1.4rem;height:1.4rem;pointer-events:none}.learning-tutorials-modal__product-add .quick-cart-drawer__trigger--loading{pointer-events:none}@media(prefers-reduced-motion:reduce){.learning-tutorials__media img,.learning-tutorials__media video,.learning-tutorials__play,.learning-tutorials-modal{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/section-learning-tutorials.css.map */