.pastael-how-to-use{width:100%;margin-top:0;margin-bottom:.8rem;overflow:hidden;border-radius:var(--pastael-button-radius);background-color:var(--pastael-color-cocoa);color:var(--pastael-color-white)}.pastael-how-to-use__inner{display:flex;flex-direction:column;gap:2.4rem;width:100%;padding:2.4rem .8rem}.pastael-how-to-use__header{display:flex;flex-direction:column;gap:.4rem;align-items:center;width:100%;text-align:center}.pastael-how-to-use__heading{margin:0;color:var(--pastael-color-white);font-family:var(--pastael-font-family);font-size:2.4rem;font-weight:var(--pastael-font-bold);line-height:var(--pastael-leading);letter-spacing:var(--pastael-tracking-heading);text-transform:uppercase}.pastael-how-to-use__description{margin:0;max-width:54rem;color:rgba(var(--pastael-color-white-rgb),.7);font-family:var(--pastael-font-family);font-size:1.6rem;font-weight:var(--pastael-font-regular);line-height:var(--pastael-leading)}.pastael-how-to-use__slider{display:block;width:100%}.pastael-how-to-use__track{display:flex;gap:.8rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pastael-how-to-use__track::-webkit-scrollbar{display:none}.pastael-how-to-use__card{display:flex;flex:0 0 85%;flex-direction:column;gap:1.6rem;align-items:flex-start;width:85%;min-width:0;scroll-snap-align:start}.pastael-how-to-use__media{position:relative;width:100%;overflow:hidden;aspect-ratio:336 / 399;border:.1rem solid var(--pastael-color-border);border-radius:var(--pastael-button-radius);background-color:rgba(var(--pastael-color-black-rgb),.12)}.pastael-how-to-use__image,.pastael-how-to-use__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.pastael-how-to-use__video{pointer-events:none}.pastael-how-to-use__image--placeholder{padding:2.4rem;background-color:var(--pastael-color-sand-soft)}.pastael-how-to-use__caption{display:flex;gap:1.2rem;align-items:flex-start;width:100%}.pastael-how-to-use__number{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;border-radius:2.4rem;background-color:var(--pastael-color-sand-soft);backdrop-filter:blur(1.4rem);-webkit-backdrop-filter:blur(1.4rem);color:var(--pastael-color-cocoa);font-family:var(--pastael-font-family);font-size:2rem;font-weight:var(--pastael-font-semibold);line-height:var(--pastael-leading)}.pastael-how-to-use__copy{display:flex;flex:1 1 auto;flex-direction:column;gap:.4rem;align-items:flex-start;min-width:0}.pastael-how-to-use__title{margin:0;color:var(--pastael-color-white);font-family:var(--pastael-font-family);font-size:1.6rem;font-weight:var(--pastael-font-semibold);line-height:var(--pastael-leading);text-transform:uppercase}.pastael-how-to-use__text{margin:0;color:var(--pastael-color-white);font-family:var(--pastael-font-family);font-size:1.4rem;font-weight:var(--pastael-font-medium);line-height:var(--pastael-leading)}.pastael-how-to-use__dots{display:flex;gap:.6rem;align-items:center;justify-content:center;margin-top:1.6rem}.pastael-how-to-use__dot{display:block;flex-shrink:0;width:.6rem;height:.6rem;padding:0;border:0;border-radius:50%;background-color:rgba(var(--pastael-color-white-rgb),.4);cursor:pointer;transition:width .2s ease,height .2s ease,background-color .2s ease}.pastael-how-to-use__dot.is-active{width:1.2rem;height:1.2rem;background-color:var(--pastael-color-sand-soft)}.pastael-how-to-use__dot:focus-visible{outline:.2rem solid var(--pastael-color-sunlight);outline-offset:.2rem}@media screen and (min-width:750px){.pastael-how-to-use__inner{padding:2.4rem 1.6rem}.pastael-how-to-use__heading{font-size:3.2rem}.pastael-how-to-use__description{font-size:2.4rem}.pastael-how-to-use__track{display:grid;grid-template-columns:repeat(var(--pastael-how-to-use-columns),minmax(0,1fr));gap:1.6rem;overflow:visible;scroll-snap-type:none}.pastael-how-to-use__card{flex:none;width:100%;scroll-snap-align:unset}.pastael-how-to-use__dots{display:none}}@media(prefers-reduced-motion:reduce){.pastael-how-to-use__track{scroll-behavior:auto}.pastael-how-to-use__dot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-pastael-how-to-use.css.map */