.how-it-works{padding:60px 0;background-color:#fff}.how-it-works__container{display:flex;flex-direction:column;gap:36px;margin:0 auto}.how-it-works__content{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:flex-start}.how-it-works__main-video{position:relative}.how-it-works__video-wrapper{position:relative;width:100%;border-radius:16px;overflow:hidden}.how-it-works__video-wrapper--small{border-radius:8px}.how-it-works__video-wrapper--clickable{background:none;border:none;padding:0;cursor:pointer;transition:transform .2s ease-in-out}.how-it-works__video-wrapper--clickable:hover{transform:translateY(-2px)}.how-it-works__video-wrapper--clickable:active{transform:translateY(0)}.how-it-works__video{width:100%;height:auto;display:block}.how-it-works__video-control{position:absolute;background:none;border:none;cursor:pointer;transition:opacity .3s ease;z-index:2}.how-it-works__video-control:hover{opacity:.8}.how-it-works__video-control--main-pause,.how-it-works__video-control--main-play{bottom:14px;left:14px;width:24px;height:24px;padding:0}.how-it-works__video-control--secondary-pause{top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;pointer-events:none}.how-it-works__video-control--secondary-play{top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;pointer-events:none}.how-it-works__text-content{display:flex;flex-direction:column}.how-it-works__title{margin-bottom:8px}.how-it-works__description{font-family:PlainLP,sans-serif;font-weight:400;font-size:18px;line-height:1.4;color:#181716;margin:0 0 32px}.how-it-works__video-title{font-family:PlainLP,sans-serif;font-weight:700;font-size:18px;line-height:1.4;color:#181716;margin:auto 0 16px}.how-it-works__secondary-video{position:relative;width:100%;max-width:315px}.how-it-works__video--secondary{background-color:#f5f5f5}.how-it-works__video-thumbnail{width:100%;height:auto;display:block}.how-it-works__modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;z-index:9999}.how-it-works__modal[hidden]{display:none}.how-it-works__modal:not([hidden]){display:flex}.how-it-works__modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009}.how-it-works__modal-dialog{position:relative;width:100%;max-width:960px;margin:0 16px;background:transparent}.how-it-works__modal-media{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden}.how-it-works__modal-media iframe{width:100%;height:100%;display:block;border:0}.how-it-works__modal-close{position:absolute;top:-40px;right:0;width:36px;height:36px;border:none;border-radius:18px;background:#ffffffd9;color:#000;font-size:24px;line-height:1;cursor:pointer}@media screen and (min-width:768px){.how-it-works__container{gap:48px}.how-it-works__modal-dialog{margin:0 32px}.how-it-works__modal-close{top:-48px;width:40px;height:40px;font-size:28px}}@media screen and (min-width:1024px){.how-it-works__container{gap:72px}}@media screen and (max-width:768px){.how-it-works{padding:40px 0}.how-it-works__content{grid-template-columns:1fr;gap:24px}.how-it-works__text-content{padding-top:0;gap:24px}.how-it-works__description,.how-it-works__video-title{font-size:16px}}@media screen and (max-width:480px){.how-it-works{padding:32px 0}.how-it-works__content,.how-it-works__text-content{gap:20px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-index-how-it-works.css.map */