.htu-main{display:grid;gap:75px;grid-template-columns:repeat(2,1fr)}.htu-left{max-width:574px;display:flex;flex-direction:column;gap:clamp(24px,4vw,48px)}.htu-header{display:grid;grid-template-columns:auto 1fr;column-gap:clamp(16px,2.4vw,30px);row-gap:clamp(16px,2.7vw,32px)}.htu-title-image{align-self:center;width:4.2vw;max-width:57px;min-width:41px;height:auto}.htu-title>*{margin:0;font-family:var(--font-body-family);font-size:clamp(40px,5vw,64px);line-height:100%;font-weight:700;color:currentColor}.htu-description{margin:0;grid-row:2;grid-column:1/3;color:currentColor;font-size:18px;font-weight:500;line-height:100%}.htu-blocks{display:flex;flex-direction:column;gap:20px}.htu-block{display:flex;align-items:center;gap:8px}.htu-block__index{margin:0;display:flex;justify-content:center;align-items:center;color:var(--main-color);font-size:clamp(20px,3vw,30px);line-height:100%;border-radius:100px;width:4.8vw;height:4.8vw;min-width:52px;min-height:52px;max-width:66px;max-height:66px}.htu-block__index-wrapper{position:relative}.progress-circle{position:absolute;top:0;left:0;width:4.8vw;height:4.8vw;min-width:52px;min-height:52px;max-width:66px;max-height:66px}.progress-circle svg{transform:rotate(-90deg);width:100%;height:100%}.bg{fill:none;stroke:var(--main-color);stroke-width:1;stroke-dasharray:2 4}.progress{fill:none;stroke:var(--main-color);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:0 100;transition:all .3s ease}.progress.animated{animation-fill-mode:both;animation:progress 10s ease-out forwards}@keyframes progress{0%{stroke-dasharray:0 100}to{stroke-dasharray:100 100}}.htu-block__text{margin:0;font-size:clamp(16px,1.5vw,20px);line-height:100%;font-weight:800}.htu-right{display:flex;position:relative;justify-self:end}.htu-right .video-facade{border-radius:0}.htu-right .video-container video{object-fit:fill!important}.htu-custom-image{width:10.4vw;max-width:145px;position:absolute;left:-14%;bottom:0;z-index:1}.htu-custom-image>*{width:100%;height:auto}.htu-poster-image{object-fit:cover;max-width:581px;width:100%;height:auto;aspect-ratio:581 / 681}@media (max-width: 960px){.htu-description{display:none}}@media (max-width: 768px){.htu-main{grid-template-columns:1fr;position:relative;max-width:450px;margin:0 auto}.htu-right{position:static}.htu-left{margin:0 auto}.htu-block__text{font-weight:500}.htu-right{justify-self:center}.htu-custom-image{top:460px;left:50%;height:293px;transform:translate(-50%,-50%) rotate(-90deg)}.htu-custom-image>*{height:100%;width:auto}.htu-title>*{line-height:44px}}@media (max-width: 530px){.htu-custom-image{top:470px}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/section-how-to-use.css.map */