.how-to-use{z-index:1;background:#f7f6f5}.items-with-name{position:relative}.htu-item-line{display:block!important;position:absolute;top:0;left:35px;width:1px;height:calc(100% - 30px);background-color:#dedede}.how-to-use__wrapper .image-with-text-htu__text{line-height:24px}.htu-item-num.sc-active{background:rgba(var(--branding-color));color:#fff}.htu-item-line.progress{background:rgba(var(--branding-color));height:0}.htu-item-num{width:62px;height:62px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:#fff;color:#797979;text-align:center;font-size:20px;line-height:28px;font-weight:700;position:absolute;left:-80px;top:calc(50% - 31px);z-index:9;transition:background .3s ease}.how-to-use__wrapper{display:flex;justify-content:center;flex-direction:column;align-items:center;width:calc(100% - 4rem / var(--font-body-scale))}.how-to-use h2.image-with-text-htu__heading{font-size:30px;line-height:36px}.how-to-use:not(.how-to-use--full-width) .how-to-use__wrapper{margin:auto;width:calc(100% - 8rem / var(--font-body-scale))}.how-to-use__blocks{width:100%}@media screen and (min-width:750px){.how-to-use__wrapper{width:100%}.how-to-use__wrapper--left{justify-content:flex-start}.how-to-use__wrapper--right{justify-content:flex-end}.how-to-use__blocks{max-width:50rem;padding-bottom:30px}}@media screen and (min-width:990px){.how-to-use__blocks{max-width:78rem;padding-bottom:60px}}.how-to-use__blocks *{overflow-wrap:break-word}.how-to-use__blocks>*{margin-top:0;margin-bottom:0}.image-with-text-htu{margin-bottom:30px;margin-left:85px}.image-with-text-htu .grid{margin-bottom:0}.image-with-text-htu .grid__item{position:relative}@media screen and (min-width:750px){.image-with-text-htu__grid--reverse{flex-direction:row-reverse}}.image-with-text-htu__media{min-height:100%;overflow:visible}.image-with-text-htu__media--small{height:19.4rem}.image-with-text-htu__media--medium{height:29.6rem}.image-with-text-htu__media--large{height:43.5rem}@media screen and (min-width:750px){.image-with-text-htu__media--small{height:31.4rem}.image-with-text-htu__media--medium{height:46rem}.image-with-text-htu__media--large{height:69.5rem}}.image-with-text-htu__media--placeholder{position:relative;overflow:hidden}.image-with-text-htu__media--placeholder:after{content:"";position:absolute;background:rgba(var(--color-foreground),.04)}.image-with-text-htu__media--placeholder.image-with-text-htu__media--adapt{height:20rem}@media screen and (min-width:750px){.image-with-text-htu__media--placeholder.image-with-text-htu__media--adapt{height:30rem}}.image-with-text-htu__media--placeholder>svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;fill:currentColor}.image-with-text-htu__media--placeholder:is(.animate--ambient,.animate--zoom-in)>.svg-wrapper{top:0;left:0;transform:translate(0)}.image-with-text-htu__content{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:center;align-self:center;padding:4rem calc(4rem / var(--font-body-scale)) 5rem;position:relative;z-index:1}.image-with-text-htu .grid__item:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.image-with-text-htu:not(.image-with-text-htu--overlap) .image-with-text-htu__media-item:after{border-radius:var(--media-radius);box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity))}.image-with-text-htu:not(.image-with-text-htu--overlap) .image-with-text-htu__text-item:after{border-radius:var(--text-boxes-radius);box-shadow:var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset) var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow),var(--text-boxes-shadow-opacity))}.image-with-text-htu .image-with-text-htu__media-item>*{border-radius:var(--media-radius);overflow:hidden;box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity))}.image-with-text-htu .global-media-settings{overflow:hidden!important}.image-with-text-htu .image-with-text-htu__text-item>*{border-radius:var(--text-boxes-radius);overflow:hidden;box-shadow:var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset) var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow),var(--text-boxes-shadow-opacity))}.image-with-text-htu:not(.image-with-text-htu--overlap) .image-with-text-htu__media-item>*,.image-with-text-htu:not(.image-with-text-htu--overlap) .image-with-text-htu__text-item>*{box-shadow:none}@media screen and (max-width:749px){.image-with-text-htu.collapse-corners:not(.image-with-text-htu--overlap) .image-with-text-htu__media-item:after,.image-with-text-htu.collapse-corners:not(.image-with-text-htu--overlap) .grid__item .image-with-text-htu__media,.image-with-text-htu.collapse-corners:not(.image-with-text-htu--overlap) .image-with-text-htu__media img,.image-with-text-htu.collapse-corners:not(.image-with-text-htu--overlap) .image-with-text-htu__media .placeholder-svg{border-bottom-right-radius:0;border-bottom-left-radius:0}.image-with-text-htu.collapse-corners:not(.image-with-text-htu--overlap) .image-with-text-htu__text-item:after,.image-with-text-htu.collapse-corners:not(.image-with-text-htu--overlap) .grid__item .image-with-text-htu__content{border-top-left-radius:0;border-top-right-radius:0}.image-with-text-htu.collapse-borders:not(.image-with-text-htu--overlap) .image-with-text-htu__content{border-top:0}.how-to-use h2.image-with-text-htu__heading{font-size:24px;line-height:32px}}.image-with-text-htu__content--mobile-right>*{align-self:flex-end;text-align:right}.image-with-text-htu__content--mobile-center>*{align-self:center;text-align:center}.image-with-text-htu--overlap .image-with-text-htu__content{width:90%;margin:-3rem auto 0}@media screen and (min-width:750px){.image-with-text-htu__grid--reverse .image-with-text-htu__content{margin-left:auto}.image-with-text-htu__content--bottom{justify-content:flex-end;align-self:flex-end}.image-with-text-htu__content--top{justify-content:flex-start;align-self:flex-start}.image-with-text-htu__content--desktop-right>*{align-self:flex-end;text-align:right}.image-with-text-htu__content--desktop-left>*{align-self:flex-start;text-align:left}.image-with-text-htu__content--desktop-center>*{align-self:center;text-align:center}.image-with-text-htu--overlap .image-with-text-htu__text-item{display:flex;padding:3rem 0}.image-with-text-htu--overlap .image-with-text-htu__content{height:auto;width:calc(100% + 4rem);min-width:calc(100% + 4rem);margin-top:0;margin-left:-4rem}.image-with-text-htu--overlap .image-with-text-htu__grid--reverse .image-with-text-htu__content{margin-left:0;margin-right:-4rem}.image-with-text-htu--overlap .image-with-text-htu__grid--reverse .image-with-text-htu__text-item{justify-content:flex-end}.image-with-text-htu--overlap .image-with-text-htu__media-item--top{align-self:flex-start}.image-with-text-htu--overlap .image-with-text-htu__media-item--middle{align-self:center}.image-with-text-htu--overlap .image-with-text-htu__media-item--bottom{align-self:flex-end}.image-with-text-htu__media-item--small,.image-with-text-htu__media-item--large+.image-with-text-htu__text-item{flex-grow:0}.image-with-text-htu.collapse-corners:not(.image-with-text-htu--overlap) .grid:not(.image-with-text-htu__grid--reverse) .image-with-text-htu__media-item:after,.image-with-text-htu.collapse-corners:not(.image-with-text-htu--overlap) .grid:not(.image-with-text-htu__grid--reverse) .image-with-text-htu__media,.image-with-text-htu.collapse-corners:not(.image-with-text-htu--overlap) .grid:not(.image-with-text-htu__grid--reverse) .image-with-text-htu__media img,.image-with-text-htu.collapse-corners:not(.image-with-text-htu--overlap) .grid:not(.image-with-text-htu__grid--reverse) .image-with-text-htu__media .placeholder-svg,.image-with-text-htu.collapse-corners:not(.image-with-text-htu--overlap) .image-with-text-htu__grid--reverse .image-with-text-htu__text-item:after,.image-with-text-htu.collapse-corners:not(.image-with-text-htu--overlap) .image-with-text-htu__grid--reverse .image-with-text-htu__content,.image-with-text-htu.collapse-corners:not(.image-with-text-htu--overlap) .image-with-text-htu__grid--reverse .image-with-text-htu__content:after{border-top-right-radius:0;border-bottom-right-radius:0}.image-with-text-htu.collapse-corners:not(.image-with-text-htu--overlap) .grid:not(.image-with-text-htu__grid--reverse) .image-with-text-htu__text-item:after,.image-with-text-htu.collapse-corners:not(.image-with-text-htu--overlap) .grid:not(.image-with-text-htu__grid--reverse) .image-with-text-htu__content,.image-with-text-htu.collapse-corners:not(.image-with-text-htu--overlap) .grid:not(.image-with-text-htu__grid--reverse) .image-with-text-htu__content:after,.image-with-text-htu.collapse-corners:not(.image-with-text-htu--overlap) .image-with-text-htu__grid--reverse .image-with-text-htu__media-item:after,.image-with-text-htu.collapse-corners:not(.image-with-text-htu--overlap) .image-with-text-htu__grid--reverse .image-with-text-htu__media,.image-with-text-htu.collapse-corners:not(.image-with-text-htu--overlap) .image-with-text-htu__grid--reverse .image-with-text-htu__media img,.image-with-text-htu.collapse-corners:not(.image-with-text-htu--overlap) .image-with-text-htu__grid--reverse .image-with-text-htu__media .placeholder-svg{border-top-left-radius:0;border-bottom-left-radius:0}.image-with-text-htu.collapse-borders:not(.image-with-text-htu--overlap) .grid:not(.image-with-text-htu__grid--reverse) .image-with-text-htu__content{border-left:0}.image-with-text-htu.collapse-borders:not(.image-with-text-htu--overlap) .image-with-text-htu__grid--reverse .image-with-text-htu__content{border-right:0}}.image-with-text-htu:not(.collapse-corners,.image-with-text-htu--overlap) .image-with-text-htu__media-item{z-index:2;padding:24px}.image-with-text-htu.image-with-text-htu--overlap .backround-transparent,.image-with-text-htu:not(.image-with-text-htu--overlap) .background-transparent{background:transparent}.image-with-text-htu .gradient{transform:perspective(0)}.image-with-text-htu__content{border-radius:var(--text-boxes-radius);box-shadow:var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset) var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow),var(--text-boxes-shadow-opacity));word-break:break-word}@media screen and (min-width:990px){.image-with-text-htu__content{padding:24px 60px 24px 16px}}.image-with-text-htu__content>*+*{margin-top:2rem}.image-with-text-htu__content>.image-with-text-htu__text:empty~a{margin-top:2rem}.image-with-text-htu__content>:first-child:is(.image-with-text-htu__heading),.image-with-text-htu__text--caption+.image-with-text-htu__heading,.image-with-text-htu__text--caption:first-child{margin-top:0}.image-with-text-htu__content :last-child:is(.image-with-text-htu__heading),.image-with-text-htu__text--caption{margin-bottom:0}.image-with-text-htu__content .button+.image-with-text-htu__text{margin-top:2rem}.image-with-text-htu__content .image-with-text-htu__text+.button{margin-top:3rem}.image-with-text-htu__heading{margin-bottom:0}.image-with-text-htu__text p{margin-top:0;margin-bottom:1rem}@media screen and (max-width:749px){.collapse-padding .image-with-text-htu__grid .image-with-text-htu__content{padding-left:0;padding-right:0}.image-with-text-htu .image-with-text-htu__media-item{padding:12px!important}.image-with-text-htu .image-with-text-htu__content{padding:4px 12px 16px}.image-with-text-htu{margin-bottom:25px;margin-left:56px}.image-with-text-htu .htu-item-num{font-size:16px;line-height:21}.image-with-text-htu:last-child{margin-bottom:30px}.htu-item-num{width:38px;height:38px;left:-56px;top:calc(50% - 22px)}.image-with-text-htu__content>*+*{margin-top:12px}.how-to-use__blocks{padding-bottom:32px}.htu-item-line{left:20px;height:calc(100% - 30px)}}@media screen and (min-width:750px){.collapse-padding .image-with-text-htu__grid:not(.image-with-text-htu__grid--reverse) .image-with-text-htu__content:not(.image-with-text-htu__content--desktop-center){padding-right:0}.collapse-padding .image-with-text-htu__grid--reverse .image-with-text-htu__content:not(.image-with-text-htu__content--desktop-center){padding-left:0}}@supports not (inset: 10px){.image-with-text-htu .grid{margin-left:0}}.multirow__inner{display:flex;flex-direction:column;row-gap:var(--grid-mobile-vertical-spacing)}@media screen and (min-width:750px){.multirow__inner{row-gap:var(--grid-desktop-vertical-spacing)}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/section-how-to-use.css.map */