how-it-works{display:flex;flex-direction:column;gap:var(--hiw-row-gap-mobile, 20px)}.m-how-it-works__header,.m-how-it-works__media,.m-how-it-works__body{min-width:0}.m-how-it-works .m-section__subheading{margin-bottom:var(--hiw-subheading-spacing, 8px);font-size:var(--hiw-subheading-size, 16px);font-weight:500;line-height:1.5;letter-spacing:var(--hiw-subheading-tracking, 4px)}.m-how-it-works__media-inner{position:relative;overflow:hidden;isolation:isolate;border-radius:var(--hiw-media-radius, 20px);aspect-ratio:var(--hiw-media-ratio, 1)}.m-how-it-works .m-how-it-works__visual{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover}.m-how-it-works__text{margin-bottom:var(--hiw-text-spacing, 20px);font-size:var(--hiw-text-size, 20px);font-weight:var(--hiw-text-weight, 500);line-height:1.5}.m-how-it-works__text:last-child{margin-bottom:0}.m-how-it-works__items{display:flex;flex-direction:column;gap:var(--hiw-item-gap, 0px);margin:0;padding:0;list-style:none}.m-how-it-works__watch+.m-how-it-works__items{margin-top:var(--hiw-text-spacing, 20px)}.m-how-it-works__item{display:flex;align-items:center;gap:var(--hiw-icon-gap, 14px);padding:var(--hiw-item-padding, 18px);border-radius:var(--hiw-item-radius, 12px)}.m-how-it-works--icon-start .m-how-it-works__item{align-items:flex-start}.m-how-it-works__item.is-highlighted{background:var(--hiw-highlight-bg)}.m-how-it-works__icon{display:flex;width:var(--hiw-icon-size, 40px);height:var(--hiw-icon-size, 40px);flex:0 0 var(--hiw-icon-size, 40px);align-items:center;justify-content:center;color:var(--hiw-icon-color, currentColor)}.m-how-it-works__icon svg,.m-how-it-works__icon img{display:block;width:100%;height:100%;object-fit:contain}.m-how-it-works__item-content{min-width:0;flex:1 1 auto}.m-how-it-works .m-how-it-works__item-title{margin:0;color:inherit;font-family:var(--hiw-title-font, inherit);font-size:var(--hiw-title-size, 20px);font-weight:var(--hiw-title-weight, 600);line-height:1.3;letter-spacing:normal;text-transform:none}.m-how-it-works__item-text{margin-top:2px;font-size:var(--hiw-item-text-size, 14px);line-height:1.5}.m-how-it-works__watch{display:flex;align-items:center;gap:var(--hiw-watch-gap, 20px);margin-top:var(--hiw-watch-spacing, 20px)}.m-how-it-works__body>.m-how-it-works__watch:first-child{margin-top:0}.m-how-it-works__watch-label{min-width:0;font-size:var(--hiw-label-size, 18px);line-height:1.4}.m-how-it-works__watch-label[data-video-popup]{cursor:pointer}.m-how-it-works__thumb{position:relative;display:block;flex:0 0 auto;width:var(--hiw-thumb-width, 210px);max-width:100%;overflow:hidden;isolation:isolate;padding:0;border:0;border-radius:var(--hiw-thumb-radius, 20px);background:none;color:inherit;aspect-ratio:var(--hiw-thumb-ratio, 1.7778)}button.m-how-it-works__thumb{cursor:pointer}button.m-how-it-works__thumb:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.m-how-it-works .m-how-it-works__thumb-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform var(--m-duration-image, .65s) cubic-bezier(.05,.2,.1,1)}.m-how-it-works__play{position:absolute;top:50%;left:50%;z-index:1;display:flex;width:var(--hiw-play-size, 60px);align-items:center;justify-content:center;pointer-events:none;transform:translate(-50%,-50%);transition:transform var(--m-duration-default, .25s) ease}.m-how-it-works__play--youtube svg{display:block;width:100%;height:auto}.m-how-it-works__play--circle{height:var(--hiw-play-size, 60px);border-radius:50%;background:var(--hiw-play-bg);color:var(--hiw-play-icon)}.m-how-it-works__play--circle svg{width:32%;height:32%;margin-left:6%}@media(hover:hover){button.m-how-it-works__thumb:hover .m-how-it-works__thumb-image{transform:scale(1.05)}button.m-how-it-works__thumb:hover .m-how-it-works__play{transform:translate(-50%,-50%) scale(1.08)}}.m-modal--content.m-how-it-works-popup{width:min(var(--hiw-popup-width, 800px),100%);border-radius:var(--hiw-popup-radius, 20px);color:rgb(var(--color-foreground))}.m-how-it-works-popup__inner{display:flex;flex-direction:column;gap:20px;padding:var(--hiw-popup-padding, 32px);text-align:center}.m-how-it-works-popup__header{padding:0 28px}.m-how-it-works-popup .m-how-it-works-popup__heading{margin:0;font-size:var(--hiw-popup-heading-size, 40px);line-height:1.2}.m-how-it-works-popup__text{margin:6px 0 0;font-size:var(--hiw-popup-text-size, 20px);font-weight:500;line-height:1.5}.m-how-it-works-popup__video{position:relative;width:min(100%,calc(75vh * var(--hiw-popup-video-ratio, 1.7778)));margin:0 auto;overflow:hidden;isolation:isolate;border-radius:var(--hiw-popup-media-radius, 12px);background:#000;aspect-ratio:var(--hiw-popup-video-ratio, 1.7778)}.m-how-it-works-popup__video iframe,.m-how-it-works-popup__video video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.m-how-it-works-popup__image img{display:block;width:100%;height:auto;border-radius:var(--hiw-popup-media-radius, 12px)}.m-how-it-works-popup__image-mobile{display:none}@media screen and (max-width:767px){.m-how-it-works .m-section__subheading{font-size:var(--hiw-subheading-size-mobile, 14px)}.m-how-it-works__text{font-size:var(--hiw-text-size-mobile, 14px)}.m-how-it-works__item{padding:var(--hiw-item-padding-mobile, 12px)}.m-how-it-works .m-how-it-works__item-title{font-size:var(--hiw-title-size-mobile, 16px)}.m-how-it-works--mobile-media-above .m-how-it-works__media{order:-1}.m-how-it-works--mobile-media-below .m-how-it-works__media{order:1}.m-how-it-works--mobile-media-hidden .m-how-it-works__media{display:none}.m-how-it-works__watch-label{font-size:var(--hiw-label-size-mobile, 16px)}.m-how-it-works__thumb{width:var(--hiw-thumb-width-mobile, 160px)}.m-how-it-works__watch--mobile-stacked{flex-direction:column;align-items:flex-start}.m-how-it-works__watch--mobile-thumb-left{flex-direction:row-reverse;justify-content:flex-end}.m-how-it-works-popup__inner{gap:16px;padding:min(var(--hiw-popup-padding, 32px),20px)}.m-how-it-works-popup .m-how-it-works-popup__heading{font-size:var(--hiw-popup-heading-size-mobile, 22px)}.m-how-it-works-popup__text{font-size:var(--hiw-popup-text-size-mobile, 14px)}.m-how-it-works-popup__image--has-mobile .m-how-it-works-popup__image-desktop{display:none}.m-how-it-works-popup__image--has-mobile .m-how-it-works-popup__image-mobile{display:block}}@media screen and (min-width:768px){how-it-works{display:grid;grid-template-columns:var(--hiw-media-width, 50%) minmax(0,1fr);grid-template-rows:auto auto 1fr;grid-template-areas:"media header" "media body" "media .";column-gap:calc(var(--hiw-column-gap, 36px) / 2);row-gap:0}.m-how-it-works--media-right how-it-works{grid-template-columns:minmax(0,1fr) var(--hiw-media-width, 50%);grid-template-areas:"header media" "body media" ". media"}.m-how-it-works--align-center how-it-works{grid-template-rows:1fr auto auto 1fr;grid-template-areas:"media ." "media header" "media body" "media ."}.m-how-it-works--align-center.m-how-it-works--media-right how-it-works{grid-template-areas:". media" "header media" "body media" ". media"}.m-how-it-works--align-end how-it-works{grid-template-rows:1fr auto auto;grid-template-areas:"media ." "media header" "media body"}.m-how-it-works--align-end.m-how-it-works--media-right how-it-works{grid-template-areas:". media" "header media" "body media"}.m-how-it-works__header{grid-area:header}.m-how-it-works__media{grid-area:media;align-self:start}.m-how-it-works--align-center .m-how-it-works__media{align-self:center}.m-how-it-works--align-end .m-how-it-works__media{align-self:end}.m-how-it-works__body{grid-area:body}.m-how-it-works__watch--desktop-stacked{flex-direction:column;align-items:flex-start}.m-how-it-works__watch--desktop-thumb-left{flex-direction:row-reverse;justify-content:flex-end}}@media screen and (min-width:1024px){how-it-works{column-gap:var(--hiw-column-gap, 36px)}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/how-it-works.css.map */