.how-to-use{margin:80px 0 60px}.how-to-use__header{margin-bottom:40px;text-align:center}.how-to-use__header .detail-2{margin:0 0 20px}.how-to-use__header .h4{margin:0}.how-to-use__container{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:350px}.how-to-use__image{position:relative;z-index:3}@media screen and (min-width: 1051px){.how-to-use__image{position:absolute;width:500px;height:500px;left:calc(50% - 250px);top:calc(50% - 250px)}}.how-to-use__image img{object-fit:contain}.how-to-use__column{display:flex;flex-direction:column;justify-content:center}.how-to-use__item{padding-bottom:20px;display:flex;gap:20px}.how-to-use__item svg{flex-shrink:0}.how-to-use__column--right .how-to-use__item-content{text-align:right}.how-to-use__item-content .body-6{margin:14px 0 22px;color:var(--teal-1)}.how-to-use__item-content .body-3{margin:0}.how-to-use__item:last-child{padding:0}.how-to-use__slider-wrapper{display:none}.how-to-use__slider .slick-dots{margin:-5px 0 0;padding:0;display:flex;justify-content:center;align-items:center;list-style:none}.how-to-use__slider .slick-dots li{padding:5px 15px;cursor:pointer}.how-to-use__slider .slick-dots li button{height:8px;width:8px;display:block;border-radius:100%;font-size:0;background:var(--beige);cursor:pointer;transition:background .3s ease}.how-to-use__slider .slick-dots li.slick-active button{background:var(--teal)}@media screen and (max-width: 1050px){.how-to-use__column{display:none}.how-to-use__slider-wrapper{margin-top:40px;display:block}.how-to-use__container{display:block}.how-to-use__image{height:400px}.how-to-use__item{display:block;text-align:center}.how-to-use__item-content{padding:0}.how-to-use__item .body-6{margin:10px 0 20px;font-size:13px;line-height:1.1;text-align:center;letter-spacing:.16em}.how-to-use__item .body-3{max-width:500px;margin:0 auto}}@media screen and (max-width: 768px){.how-to-use{margin:60px 0}.how-to-use__image{height:325px}}.how-to-use__paid .how-to-use__item-content .body-6{margin:13px 0 10px}.how-to-use__paid .how-to-use__item-content .body-4{margin-top:0}.how-to-use__paid .how-to-use__column{justify-content:unset}.how-to-use__paid .how-to-use__item{height:33%}.how-to-use__paid .how-to-use__item-content .body-4{max-width:300px;margin:0;font-size:14px;line-height:1.6;letter-spacing:.02em}.how-to-use__column--right .how-to-use__item{justify-content:flex-end}.how-to-use__paid .how-to-use__container{border-top:1px solid #DCD7CF;position:relative;min-height:550px}.how-to-use__paid .how-to-use__container:before{content:"";height:1px;background:#dcd7cf;width:100%;top:33%;position:absolute}.how-to-use__paid .how-to-use__container:after{content:"";height:1px;background:#dcd7cf;width:100%;top:66%;position:absolute}.how-to-use__paid .how-to-use__header .detail-2{font-size:12px;margin:0 0 30px}.how-to-use__paid-divider{height:1px;max-width:1280px;background:#dcd7cf;margin:0 auto}.how-to-use__paid .how-to-use__button-desktop{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:max-content;display:block;padding:17px 40px 13px}.how-to-use__paid .how-to-use__button-mobile{position:relative;display:none;padding:17px 40px 13px}.how-to-use__paid .how-to-use__button-mobile img,.how-to-use__paid .how-to-use__button-desktop img{margin-right:10px;height:10px;width:10px}@media screen and (max-width: 1320px){.how-to-use__paid-divider{padding:0 20px;width:calc(100% - 40px)}}@media screen and (max-width: 1050px){.how-to-use__paid .how-to-use__container{border-top:none;min-height:unset}.how-to-use__paid .how-to-use__container:before{content:none}.how-to-use__paid .how-to-use__container:after{content:none}.how-to-mobile-arrow__anchor{margin-top:-22px;z-index:3;position:relative;display:flex;justify-content:center;gap:25px}.how-to-use__paid{margin-top:50px;margin-bottom:24px}.how-to-use__paid .how-to-use__slider-wrapper{margin-top:30px}.how-to-use__paid .how-to-use__item-content .body-6{margin:0 0 20px;font-size:12px}.how-to-use__paid .how-to-use__item-content .body-4{max-width:260px;margin:0 auto 47px;font-size:12px;font-weight:500}.how-to-use__paid .how-to-use__header .h4{font-size:38px}.how-to-use__paid .how-to-use__button-mobile{display:block;width:fit-content;margin:40px auto 60px}.how-to-use__paid .how-to-use__button-desktop{display:none}.how-to-use__paid-divider{padding:0 20px;width:calc(100% - 40px)}}@media screen and (max-width: 768px){.how-to-use__paid-divider{padding:0 20px;width:calc(100% - 40px)}}
/*# sourceMappingURL=/cdn/shop/t/323/assets/section-product-how-to-use.css.map */