.section-how-it-works-padding{padding-top:48px;padding-bottom:48px;background:#f6f1f0}@media screen and (min-width: 750px){.section-how-it-works-padding{padding-top:64px;padding-bottom:64px}}.how-it-works{background:#f6f1f0}.how-it-works__header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:40px}.how-it-works__text{display:flex;flex-direction:column;gap:12px;max-width:538px}.how-it-works__subtitle{opacity:.5;color:#272727;font-size:14px;font-family:"Lato",var(--font-body-family);font-weight:400;text-transform:uppercase;letter-spacing:.56px;margin:0}.how-it-works__title{color:#272727;font-size:48px;font-family:"Lato",var(--font-heading-family);font-weight:500;line-height:1.2;margin:0}.how-it-works__navigation{display:flex;gap:.8rem}.how-it-works__nav-button{width:48px;height:48px;background:#fff;border:none;border-radius:999px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.how-it-works__nav-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #0000001a}.how-it-works__nav-button:disabled{opacity:.5;cursor:not-allowed}.how-it-works__nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.how-it-works__nav-icon svg{width:100%;height:100%;fill:#272727}.how-it-works__carousel-container{overflow:visible;width:100%;margin-bottom:40px}.how-it-works__carousel::-webkit-scrollbar{display:none}.how-it-works__carousel{display:flex;gap:32px;width:100%;scroll-behavior:smooth;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-left:calc(max(1.5rem,(100vw - var(--page-width)) / 2 + 1.5rem) - 3px)}@media screen and (min-width: 750px){.how-it-works__carousel{padding-left:calc(max(5rem,(100vw - var(--page-width)) / 2 + 5rem) - 3px)}}.how-it-works__video-card{flex:0 0 306px;min-width:0}.how-it-works__video-embed{position:relative;width:100%;aspect-ratio:9 / 16;border-radius:16px;overflow:hidden;background:#e3e9e2}.how-it-works__video-embed iframe{width:100%;height:100%;display:block;border:none;border-radius:16px;pointer-events:none}.how-it-works__video-embed iframe.playing{pointer-events:auto}.how-it-works__local-video{width:100%;height:100%;object-fit:cover;border-radius:16px;display:block;background:#e3e9e2}@media screen and (max-width: 749px){.how-it-works__video-embed video{position:relative;z-index:5}.how-it-works__video-poster{display:none!important}}.how-it-works__video-poster{position:absolute;top:0;left:0;right:0;bottom:0;background:#e3e9e2;z-index:10;border-radius:16px;pointer-events:none}.how-it-works__video-embed:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;z-index:5;pointer-events:none}.how-it-works__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:58px;height:58px;background:#fff6;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 0 15px #a2a2a240;transition:all .2s ease;z-index:15;pointer-events:auto}.how-it-works__play-button:hover{background:#fff9;transform:translate(-50%,-50%) scale(1.1)}.how-it-works__play-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.how-it-works__play-icon svg{width:16px;height:16px;fill:#272727}.how-it-works__pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px}.how-it-works__dot{width:12px;height:12px;border-radius:50%;border:none;background:#2727271a;cursor:pointer;transition:background-color .2s ease}.how-it-works__dot--active{background:#272727}.how-it-works__dot:hover{background:#2727274d}.how-it-works__dot--active:hover{background:#272727}@media screen and (max-width: 1199px){.how-it-works__header,.how-it-works__carousel-container{margin-bottom:32px}.how-it-works__video-card{flex:0 0 280px}}@media screen and (max-width: 989px){.how-it-works__header{flex-direction:column;align-items:flex-start;gap:24px;margin-bottom:24px}.how-it-works__navigation{align-self:flex-end}.how-it-works__title{font-size:40px}.how-it-works__video-card{flex:0 0 250px}.how-it-works__carousel{padding-left:max(5rem,(100vw - var(--page-width)) / 2 + 5rem)}}@media screen and (max-width: 749px){.how-it-works__header{text-align:left;align-items:flex-start}.how-it-works__title{font-size:32px}.how-it-works__navigation{display:none}.how-it-works__pagination{display:none!important}.how-it-works__video-card{flex:0 0 220px}.how-it-works__carousel{gap:16px;padding-left:calc(1.5rem - 3px)}.how-it-works__carousel-container{overflow:visible}.how-it-works__play-button{width:48px;height:48px}.how-it-works__play-icon svg{width:14px;height:14px}}@media screen and (max-width: 549px){.how-it-works__title{font-size:28px}.how-it-works__carousel{padding-left:calc(1rem - 3px)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-how-it-works.css.map */