.video-guides{background-color:var(--vg-background-color);background-image:var(--vg-background-image);background-size:cover;background-position:center;overflow:hidden;padding-top:var(--vg-padding-top-desktop);padding-bottom:var(--vg-padding-bottom-desktop)}@media(min-width:1200px){.video-guides .page-width{max-width:1500px;padding:0 8rem}}.video-guides__title{margin:0;font-size:var(--desktop-h2-font-size);line-height:var(--desktop-h2-line-height);letter-spacing:var(--desktop-h2-letter-spacing);font-weight:var(--desktop-h2-font-weight);font-family:var(--desktop-h2-font-family);color:var(--color-deep-teal)}.video-guide-card__title{color:var(--color-deep-teal);font-family:var(--desktop-body-l-bold-font-family);font-size:var(--desktop-body-l-bold-font-size);line-height:var(--desktop-body-l-bold-line-height);letter-spacing:var(--desktop-body-l-bold-letter-spacing);font-weight:var(--desktop-body-l-bold-font-weight);margin-top:21px;margin-bottom:6px}.video-guide-card__description{font-family:var(--desktop-body-font-family);font-size:var(--desktop-body-font-size);line-height:var(--desktop-body-line-height);letter-spacing:var(--desktop-body-letter-spacing);font-weight:var(--desktop-body-font-weight);color:var(--color-deep-teal)}.video-guides__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.video-guides .swiper-wrapper,.video-guides .grid-layout{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.video-guide-card__media{position:relative;border-radius:12px;overflow:hidden}.video-guide-card__video{width:100%;display:block}.video-guide-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.video-guide-card__overlay img{width:100%;height:100%;object-fit:cover;display:block}.video-guide-card__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:0px;background-color:transparent;cursor:pointer}.video-guide-card__duration{position:absolute;right:12px;bottom:12px;border-radius:4px;background:var(--color-clean-slate);color:#fff;font-family:var(--desktop-body-sm-font-family);font-size:var(--desktop-body-sm-font-size);line-height:var(--desktop-body-sm-line-height);letter-spacing:var(--desktop-body-sm-letter-spacing);font-weight:var(--desktop-body-sm-font-weight);padding-left:4px;padding-right:4px}.video-guide-card__overlay.is-hidden{display:none}.video-guide-card__content{margin-top:12px}.video-guides__scrollbar{margin-top:16px;position:static!important;height:8px!important;border-radius:999px;background:var(--color-polished-gray)!important}.video-guides__scrollbar .swiper-scrollbar-drag{border-radius:999px;background:var(--color-teal);display:block!important}.video-guides__button{display:flex;align-items:center;gap:8px;font-family:var(--desktop-body-l-bold-font-family);font-size:var(--desktop-body-l-bold-font-size);line-height:var(--desktop-body-l-bold-line-height);letter-spacing:var(--desktop-body-l-bold-letter-spacing);font-weight:var(--desktop-body-l-bold-font-weight);color:var(--color-deep-teal);text-decoration:none}.video-guides__button.mobile{display:none}@media(max-width:768px){.video-guides__button.mobile{display:flex;margin-top:20px;font-size:var(--mobile-body-l-bold-font-size);line-height:var(--mobile-body-l-bold-line-height);letter-spacing:var(--mobile-body-l-bold-letter-spacing)}.video-guides{padding-top:var(--vg-padding-top-mobile);padding-bottom:var(--vg-padding-bottom-mobile)}.video-guides__title{font-size:var(--mobile-h2-font-size);line-height:var(--mobile-h2-line-height);letter-spacing:var(--mobile-h2-letter-spacing)}.video-guide-card__title{font-size:var(--mobile-body-l-bold-font-size);line-height:var(--mobile-body-l-bold-line-height);letter-spacing:var(--mobile-body-l-bold-letter-spacing)}.video-guide-card__description{font-size:var(--mobile-body-font-size);line-height:var(--mobile-body-line-height);letter-spacing:var(--mobile-body-letter-spacing)}.video-guides__header{flex-direction:column;align-items:flex-start;gap:24px}.video-guides__slider{overflow:visible}.video-guides .swiper-wrapper{display:flex;gap:0}.video-guides .swiper-slide{width:272px}.video-guides__header .video-guides__button{display:none}.grid-layout{display:flex!important;flex-direction:column;gap:20px}.grid-layout .video-guide-card{width:100%;margin:0 auto}}@media(min-width:768px){.video-guides__scrollbar{display:none}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/video-guides-grid-carousel.css.map */