.video-guides{--vg-accent: #e2703a;--vg-card: #111111;--vg-gap: 2rem;--vg-radius: 1.2rem;--vg-mobile-width: 78%;--vg-mobile-gutter: max( 0px, calc((100% - var(--vg-mobile-width)) / 2 - var(--vg-gap)) )}.video-guides__inner{display:grid;grid-template-areas:"heading" "rule" "carousel" "cta";gap:0}.video-guides__header{grid-area:heading;text-align:center}.video-guides__heading{margin:0}.video-guides__subheading{margin-top:.6rem;opacity:.75}.video-guides__subheading p{margin:0}.video-guides__rule{grid-area:rule;height:1px;margin:1.8rem 0 2.4rem;background:var(--vg-accent);opacity:.55}.video-guides__cta{grid-area:cta;justify-self:center;align-self:center;display:inline-flex;align-items:center;justify-content:center;min-height:4.2rem;margin-top:2rem;padding:.9rem 2.8rem;border-radius:999px;background:var(--vg-accent);color:#fff;font-weight:700;text-decoration:none;transition:filter var(--duration-short, .1s) ease}.video-guides__cta:hover{filter:brightness(1.08)}.video-guides__carousel{grid-area:carousel;display:block;position:relative}.video-guides__list{display:flex;flex-wrap:nowrap;gap:0;column-gap:var(--vg-gap);margin:0;padding:0;list-style:none}.video-guides__item{box-sizing:border-box;min-width:0;margin:0;padding:0}.video-guide-card{display:flex;flex-direction:column;height:100%;border-radius:25px;background:linear-gradient(205deg,#f5723f 14.52%,#1a1a1a 85.48%);overflow:hidden;padding:15px}.video-guide-card__image,.video-guide-card__media{border-radius:10px}.video-guide-card__media{position:relative;aspect-ratio:16 / 9;background:#fff}.video-guide-card__poster{display:block;width:100%;height:100%;margin:0;padding:0;border:0;background:none;cursor:pointer}.video-guide-card__image{display:block;width:100%;height:100%;object-fit:cover}.video-guide-card__image--empty{display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.06)}.video-guide-card__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:5.4rem;height:5.4rem;border-radius:50%;background:#0000008c;color:#fff;transition:background .2s ease,transform .2s ease}.video-guide-card__poster:hover .video-guide-card__play{background:#000000bf;transform:translate(-50%,-50%) scale(1.06)}.video-guide-card__play .icon{width:2rem;height:2rem;fill:currentColor;margin-inline-start:.2rem}.video-guide-card__media iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.video-guide-card__info{display:flex;align-items:flex-end;gap:1.2rem;flex-grow:1;padding:1.4rem 1.6rem;color:#fff}.video-guide-card__copy{flex-grow:1;min-width:0;text-align:start}.video-guide-card__title{margin:0;color:inherit;font-weight:700;line-height:1.3}.video-guide-card__subtitle{margin:.4rem 0 0;font-size:1.3rem;line-height:1.3}.video-guide-card__action{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:1px solid var(--vg-accent);border-radius:50%;background:none;color:#fff;cursor:pointer;transition:background .2s ease}.video-guide-card__action:hover{background:#ffffff1f}.video-guide-card__action .icon{width:1.2rem;height:1.2rem;transform:rotate(calc(-90deg * var(--direction-multiplier)))}.video-guides__arrows{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.video-guides__arrow{position:absolute;top:50%;display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;border:1px solid rgb(255 255 255 / .4);border-radius:50%;background:#00000073;color:#fff;pointer-events:auto;transform:translateY(-50%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.video-guides__arrow[disabled]{opacity:.3;pointer-events:none}.video-guides__arrow .icon{width:1.4rem;height:1.4rem}.video-guides__arrow--prev{inset-inline-start:.8rem}.video-guides__arrow--next{inset-inline-end:.8rem}.video-guides__arrow--prev .icon{transform:rotate(calc(90deg * var(--direction-multiplier)))}.video-guides__arrow--next .icon{transform:rotate(calc(-90deg * var(--direction-multiplier)))}.video-guides__dots{display:flex;align-items:center;justify-content:center;margin-top:1.8rem}.video-guides__dot{padding:.6rem;border:0;background:none;cursor:pointer}.video-guides__dot .dot{display:block;width:.9rem;height:.9rem;border-radius:50%;background:rgba(var(--color-foreground),.25);transition:background .2s ease,transform .2s ease}.video-guides__dot.is-active .dot{background:var(--vg-accent);transform:scale(1.15)}@media screen and (max-width:749.98px){.video-guides__carousel{margin-inline:calc(-1 * var(--px-mobile));overflow-x:auto}.video-guides__list{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.video-guides__list::-webkit-scrollbar{display:none}.video-guides__list:before,.video-guides__list:after{content:"";flex:0 0 5%}.video-guides__item{flex:0 0 78%;scroll-snap-align:center;scroll-snap-stop:always}}@media screen and (min-width:750px){.video-guides{--vg-gap: 2.4rem}.video-guides__inner{grid-template-areas:"heading cta" "rule    rule" "carousel carousel";grid-template-columns:minmax(0,1fr) auto;align-items:center}.video-guides__header{text-align:start}.video-guides__cta{display:none}.video-guides__item{flex:1 1 0}.video-guides__list--slider-desktop{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.video-guides__list--slider-desktop::-webkit-scrollbar{display:none}.video-guides__list--slider-desktop .video-guides__item{flex:0 0 calc((100% - (var(--vg-columns) - 1) * var(--vg-gap)) / var(--vg-columns));scroll-snap-align:start}.video-guides__arrows--mobile-only,.video-guides__dots--mobile-only{display:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-video-guides.css.map */