.steps-video{position:relative;overflow:hidden;padding:var(--hiwa-pt, 60px) 20px var(--hiwa-pb, 60px);background-image:linear-gradient(259deg,#fcfcfc 17%,#e7ebec 63%)}.steps-video:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--hiwa-texture-url, none);background-size:cover;background-position:center;opacity:.2;pointer-events:none;z-index:0}.steps-video__inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:32px;align-items:flex-start}.steps-video__media{width:100%;height:100%;aspect-ratio:1 / 1;overflow:hidden;flex-shrink:0;align-self:center;-webkit-mask-image:url(steps-video-mask.png);mask-image:url(steps-video-mask.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.steps-video__image{width:100%;height:100%;object-fit:cover;display:block}.steps-video__image--placeholder{width:100%;height:100%;background:#e7ebec;display:block}.steps-video__mock-video{width:100%;height:100%;background:#d3d3d3;display:flex;align-items:center;justify-content:center}.steps-video__play-icon{display:flex;width:60px;height:60px;flex-shrink:0;filter:drop-shadow(0 2px 8px rgba(0,0,0,.18))}.steps-video__play-icon svg{width:100%;height:100%}.steps-video__video{width:100%;height:100%;object-fit:cover;display:block}.steps-video__content{display:flex;flex-direction:column;gap:18px;align-items:flex-start;width:100%}.steps-video__heading{font-family:var(--mobile-h2-font-family);font-weight:var(--mobile-h2-font-weight);font-size:var(--mobile-h2-font-size);line-height:var(--mobile-h2-line-height);letter-spacing:var(--mobile-h2-letter-spacing);color:var(--color-deep-teal);margin:0}.steps-video__items{display:flex;flex-direction:column;gap:12px;width:100%}.steps-video__item{border-bottom:1px solid #71a5ae;padding-bottom:12px}.steps-video__item>summary{list-style:none}.steps-video__item>summary::-webkit-details-marker{display:none}.steps-video__item-summary{display:flex;justify-content:space-between;align-items:flex-start;gap:5px;cursor:pointer;-webkit-user-select:none;user-select:none}.steps-video__item-title{font-family:var(--mobile-body-l-bold-font-family);font-weight:var(--mobile-body-l-bold-font-weight);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);color:var(--color-deep-teal);flex:1}.steps-video__item-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--color-deep-teal);width:23px;height:23px}.steps-video__item-icon svg{width:100%;height:100%}.steps-video__icon-minus{display:none}details[open].steps-video__item .steps-video__icon-plus{display:none}details[open].steps-video__item .steps-video__icon-minus{display:block}.steps-video__item-content{font-family:var(--mobile-body-font-family);font-weight:var(--mobile-body-font-weight);font-size:var(--mobile-body-font-size);line-height:var(--mobile-body-line-height);letter-spacing:var(--mobile-body-letter-spacing);color:var(--color-deep-teal)}.steps-video__cta{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--color-deep-teal);font-family:var(--mobile-body-l-bold-font-family);font-weight:var(--mobile-body-l-bold-font-weight);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);transition:gap .3s ease}.steps-video__cta:hover{gap:16px}.steps-video__cta-icon{display:flex;width:24px;height:24px;flex-shrink:0;transform:rotate(90deg)}.steps-video__cta-icon svg{width:100%;height:100%}.steps-video__items{display:flex;flex-direction:column}.steps-video__item{display:flex;gap:2rem;padding:12px 0 16px;border-bottom:1.5px solid var(--color-teal)}.steps-video__item-number{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--color-teal);border-radius:50%;font-size:var(--desktop-h3-font-size);line-height:1;font-family:var(--desktop-h3-font-family);font-weight:var(--desktop-h3-font-weight);line-height:var(--desktop-h3-line-height);letter-spacing:var(--desktop-h3-letter-spacing);color:var(--color-deep-teal)}.steps-video__item-content{flex:1}.steps-video__item-title{margin:0 0 .4rem;line-height:1.2}.steps-video__item-text>*:first-child{margin-top:0}.steps-video__item-text>*:last-child{margin-bottom:0}@media screen and (max-width:749px){.steps-video__item{gap:1.6rem;padding:1.6rem 0}.steps-video__item-number{width:40px;height:40px}}@media screen and (min-width:990px){.steps-video{padding:var(--hiwa-pt, 100px) clamp(24px,5.3vw,80px) var(--hiwa-pb, 100px);background-image:linear-gradient(236deg,#fcfcfc 17%,#e7ebec 63%)}.steps-video__inner{flex-direction:row;align-items:center;gap:clamp(32px,8vw,120px);max-width:1352px;margin:0 auto;width:100%}.steps-video__content{order:1;flex:1 1 300px;min-width:0;gap:27px}.steps-video__media{order:2;width:clamp(280px,42vw,634px);height:clamp(280px,42vw,634px);align-self:auto;flex-shrink:0}.steps-video--image-left .steps-video__media{order:1}.steps-video--image-left .steps-video__content{order:2}.steps-video__heading{font-family:var(--desktop-h2-font-family);font-weight:var(--desktop-h2-font-weight);font-size:var(--desktop-h2-font-size);line-height:var(--desktop-h2-line-height);letter-spacing:var(--desktop-h2-letter-spacing)}.steps-video__items{gap:0px}.steps-video__item{border-bottom-width:1.5px;padding-bottom:16px}.steps-video__item-title{font-family:var(--desktop-body-l-bold-font-family);font-weight:var(--desktop-body-l-bold-font-weight);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)}.steps-video__item-icon{width:30px;height:30px}.steps-video__item-content{font-family:var(--desktop-body-font-family);font-weight:var(--desktop-body-font-weight);font-size:var(--desktop-body-font-size);line-height:var(--desktop-body-line-height);letter-spacing:var(--desktop-body-letter-spacing)}.steps-video__cta{font-family:var(--desktop-body-l-bold-font-family);font-weight:var(--desktop-body-l-bold-font-weight);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)}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/section-steps-video.css.map */