.video-tutorials-section{padding:64px 0;position:relative;margin-bottom:-1px;overflow:hidden}.video-tutorials-section__top{display:flex;flex-direction:column;gap:23px}.video-tutorials-section__subtitle{margin:0;width:max-content;display:block}.video-tutorials-section__heading{margin:24px 0 0;max-width:550px;color:var(--color-foreground-heading)}.video-tutorials-section__description{margin-top:10px;max-width:558px;font-family:Overused Grotesk,sans-serif;font-size:16px;font-weight:400;line-height:122%;letter-spacing:-.32px;color:var(--color-foreground)}.video-tutorials-section__slider-nav{display:flex;align-items:center;gap:8px}.video-tutorials-section__slider-nav .swiper-button-prev,.video-tutorials-section__slider-nav .swiper-button-next{position:static;margin:0;padding:18px;width:50px;height:50px;border-radius:4px;overflow:hidden;background-color:var(--color-primary-button-background);transition:background-color .3s,opacity .3s}:is(.video-tutorials-section__slider-nav .swiper-button-prev,.video-tutorials-section__slider-nav .swiper-button-next) svg path{fill:var(--color-primary-button-text);transition:fill .3s}.video-tutorials-section__slider{margin-top:32px}.video-tutorials-section__slide{height:auto;width:100%;display:flex;flex-direction:column;background-color:var(--white, #fff);border-radius:20px;overflow:hidden}.video-tutorials-section__slide-video{position:relative;width:100%;flex:0 0 auto;padding:8px 8px 0;overflow:hidden;cursor:pointer;box-sizing:border-box;aspect-ratio:320 / 232}.video-tutorials-section__slide-video-play{position:absolute;left:24px;bottom:21px;width:48px;height:48px}.video-tutorials-section__slide-video>img,.video-tutorials-section__slide-video>.video-tutorials-section__slide-video-placeholder{width:100%;height:100%;display:block;border-radius:16px;overflow:hidden}.video-tutorials-section__slide-video>img{object-fit:cover}.video-tutorials-section__slide-content{padding:18px;display:flex;flex-direction:column;align-items:flex-start;flex:1 1 auto;border-radius:20px;overflow:hidden}.video-tutorials-section__slide-subtitle{margin-bottom:24px;padding-top:2px;padding-inline:12px;font-family:var(--font-heading--family-custom);font-size:16px;font-weight:500;line-height:120%;letter-spacing:.64px;text-transform:uppercase;color:var(--black-80, rgba(0, 0, 0, .8));border-radius:24px;border:1px solid var(--black-50, rgba(0, 0, 0, .5));background:var(--green, #B3F00D)}.video-tutorials-section__slide-title{margin:0;display:block;font-family:var(--font-heading--family-custom);font-size:32px;font-weight:700;line-height:90%;letter-spacing:.64px;text-transform:uppercase;color:var(--black, #000)}.video-tutorials-section__slide-description{margin-top:5px;font-family:var(--font-body-family-custom);font-size:16px;font-weight:400;line-height:122%;letter-spacing:-.32px;color:var(--black-80, rgba(0, 0, 0, .8))}.video-tutorials-section__popup{position:fixed;z-index:calc(var(--layer-sticky) + 1);top:0;right:0;bottom:0;left:0;padding:32px 16px;display:flex;justify-content:center;align-items:flex-start;background:#000000b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);overflow:auto;opacity:0;pointer-events:none;transition:opacity .2s}.video-tutorials-section__popup.show{opacity:1;pointer-events:visible}.video-tutorials-section__popup-inner{position:relative;margin:auto;width:100%;max-width:640px;border-radius:20px;overflow:hidden;aspect-ratio:var(--video-aspect-ratio, 1000/600)}.video-tutorials-section__popup-close{position:absolute;z-index:2;top:18px;right:18px;cursor:pointer;transition:opacity .3s}.video-tutorials-section__popup-item{display:none;height:100%}.video-tutorials-section__popup-item.is-active{display:block}.video-tutorials-section__popup-inner video{width:100%;height:100%;display:block;object-fit:contain}.video-tutorials-section__slider .swiper-wrapper{align-items:stretch;display:flex;gap:12px}.video-tutorials-section__slider .swiper-slide{height:auto;display:flex;flex:0 0 calc((100% - 12px * .07) / 1.07);min-width:0}@media screen and (min-width:640px){.video-tutorials-section__slider .swiper-slide{flex:0 0 calc((100% - 12px)/2)}}@media screen and (min-width:768px){.video-tutorials-section__slider .swiper-slide{flex:0 0 calc((100% - 18px)*.4)}}@media screen and (min-width:990px){.video-tutorials-section__slider .swiper-wrapper{gap:24px}.video-tutorials-section__slider .swiper-slide{flex:0 0 calc((100% - 24px * 2.06) / 3.06)}}.video-tutorials-section__slider.is-initialized .swiper-wrapper{gap:0}.video-tutorials-section__slider.is-initialized .swiper-slide{flex:0 0 auto}.video-tutorials-section__slide{width:100%;display:flex;flex-direction:column;min-height:100%}.video-tutorials-section__slide-video{flex:0 0 auto}.video-tutorials-section__slide-content{flex:1 1 auto;display:flex;flex-direction:column;align-items:flex-start}.video-tutorials-section__slide-title{min-height:2.1em}.video-tutorials-section__slide-description{flex:1 1 auto}.video-tutorials-section__slide-video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:16px;overflow:hidden;background:#e9e9e9;text-align:center;padding:16px;box-sizing:border-box}.video-tutorials-section__slide-video-placeholder span{font-family:var(--font-body-family-custom);font-size:16px;line-height:1.2;color:var(--black, #000)}.video-tutorials-section__popup-iframe-wrap{width:100%;height:100%}.video-tutorials-section__popup-iframe{width:100%;height:100%;display:block;border:0}@media screen and (min-width:990px){.video-tutorials-section{padding:120px 0}.video-tutorials-section__inner{padding:0 10px}.video-tutorials-section__top{flex-direction:row;justify-content:space-between}.video-tutorials-section__slider-nav .swiper-button-prev:hover,.video-tutorials-section__slider-nav .swiper-button-next:hover{background-color:var(--color-primary-button-hover-background)}:is(.video-tutorials-section__slider-nav .swiper-button-prev:hover,.video-tutorials-section__slider-nav .swiper-button-next:hover) svg path{fill:var(--color-primary-button-hover-text)}.video-tutorials-section__slider-nav .swiper-button-prev,.video-tutorials-section__slider-nav .swiper-button-next{padding:8px;width:30px;height:30px}.video-tutorials-section__slider{margin-top:28px}.video-tutorials-section__description{font-size:18px;line-height:130%;letter-spacing:-.36px}.video-tutorials-section__slide-video{aspect-ratio:413/232}.video-tutorials-section__slide-subtitle{font-size:20px;font-weight:500;line-height:120%;letter-spacing:.4px;text-transform:uppercase}.video-tutorials-section__popup-close:hover{opacity:.6}.video-tutorials-section__popup-inner{max-width:768px}}@media screen and (min-width:1280px){.video-tutorials-section__popup-inner{max-width:1000px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/video-tutorials.css.map */