vl-video-frame,vl-howto-carousel{display:block}.vl-howto{padding-block:var(--vl-pad-top, 84px) var(--vl-pad-bottom, 0px);background:var(--vl-bg, var(--cream-100))}.vl-howto__inner{min-width:0}.vl-howto__header{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.vl-howto__heading{margin:0;max-width:530px;color:var(--neutral-900)}.vl-howto__intro{max-width:600px;color:var(--neutral-500)}.vl-howto__intro p{margin:0}.vl-howto__carousel{min-width:0;margin-block-start:var(--vl-head-gap, 48px)}.vl-howto__grid{display:grid;grid-template-columns:repeat(var(--vl-cols, 3),minmax(0,1fr));gap:var(--vl-gap, 24px);align-items:start;margin:0;padding:0;list-style:none}.vl-howto__card{position:relative;aspect-ratio:var(--vl-card-ratio, 410 / 430);border-radius:var(--vl-card-radius, 12px);background:var(--cream-200);overflow:hidden}.vl-howto--stagger .vl-howto__card:nth-child(2n){aspect-ratio:auto;align-self:stretch;margin-block:calc(var(--vl-stagger, 20px) * -1)}.vl-howto__link{display:block;width:100%;height:100%;color:inherit;text-decoration:none}.vl-howto__media{width:100%;height:100%}.vl-howto__media-el{display:block;width:100%;height:100%;object-fit:cover}.vl-howto__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(18,16,14,var(--vl-scrim, .75)) 0%,rgba(18,16,14,0) var(--vl-scrim-stop, 60%));pointer-events:none}.vl-howto__body{position:absolute;inset-inline:var(--vl-card-pad, 24px);bottom:var(--vl-card-pad, 24px)}.vl-howto--text-center .vl-howto__body{text-align:center}.vl-howto__title{margin:0;color:var(--cream-50)}.vl-howto__num{margin-inline-end:6px}.vl-howto__text{margin:8px 0 0;color:var(--cream-200);max-width:256px}.vl-howto__dots{display:none}@media screen and (max-width:989px){.vl-howto__carousel{margin-block-start:32px}.vl-howto__grid{grid-template-columns:repeat(var(--vl-cols-tablet, 2),minmax(0,1fr))}.vl-howto--stagger .vl-howto__card:nth-child(2n){aspect-ratio:var(--vl-card-ratio, 410 / 430);align-self:start;margin-block:0}}@media screen and (max-width:599px){.vl-howto{padding-block:var(--vl-pad-top-mobile, 56px) var(--vl-pad-bottom-mobile, 0px)}.vl-howto__grid{grid-template-columns:repeat(var(--vl-cols-mobile, 1),minmax(0,1fr))}.vl-howto__body{inset-inline:max(16px,calc(var(--vl-card-pad, 24px) * .75));bottom:max(16px,calc(var(--vl-card-pad, 24px) * .75))}.vl-howto--carousel .vl-howto__grid{display:flex;gap:var(--vl-slide-gap, 12px);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.vl-howto--carousel .vl-howto__grid::-webkit-scrollbar{display:none}.vl-howto--carousel .vl-howto__card,.vl-howto--carousel.vl-howto--stagger .vl-howto__card:nth-child(2n){flex:0 0 var(--vl-slide-w, 84%);width:var(--vl-slide-w, 84%);min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.vl-howto--carousel .vl-howto__dots{display:flex;justify-content:center;align-items:center;gap:8px;margin-block-start:var(--vl-dots-gap, 20px)}.vl-howto__dot{width:var(--vl-dot, 8px);height:var(--vl-dot, 8px);padding:0;border:0;border-radius:999px;background:var(--vl-dot-color, #d9d2c5);cursor:pointer;transition:width .2s ease,background-color .2s ease}.vl-howto__dot.is-active{width:calc(var(--vl-dot, 8px) * 3);background:var(--vl-dot-active, #1f1b16)}.vl-howto__dot:focus-visible{outline:2px solid var(--vl-dot-active, #1f1b16);outline-offset:3px}}@media(prefers-reduced-motion:reduce){.vl-howto__dot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/vitalume-howto.css.map */