.how-to{flex-direction:column;display:flex}.how-to .how-to-item{padding-top:45px;padding-bottom:126px;position:relative}.how-to .how-to-item:first-child{padding-top:110px;padding-bottom:100px;padding-right:77px}@media screen and (width>=1024px){.how-to .how-to-item:first-child{padding-top:100px;padding-bottom:200px}}.how-to .how-to-item:first-child>*{color:var(--white);position:relative}.how-to .how-to-item:first-child:before{content:"";background:var(--primary);width:150vw;height:100%;display:block;position:absolute;top:0;left:-50vw}.how-to .how-to-item:first-child .topcover.mobile{position:absolute;top:0;left:50%;transform:translate(-50%)}@media screen and (width>=1024px){.how-to .how-to-item:first-child .topcover.mobile{display:none}}.how-to .how-to-item:first-child .bottomcover.mobile{position:absolute;bottom:0;right:-15px}@media screen and (width>=1024px){.how-to .how-to-item:first-child .bottomcover.mobile{display:none}}.how-to .how-to-item:first-child .tube.mobile{border-left:solid 10px var(--secondary);border-right:solid 10px var(--white);z-index:10;height:calc(100% - 598px);position:absolute;top:318px;right:42px}@media screen and (width>=1024px){.how-to .how-to-item:first-child .tube.mobile{display:none}}.how-to .how-to-item:first-child .tube.mobile svg{position:absolute;top:-280px;right:-67px}.how-to .how-to-item:first-child .tube.mobile .pin{background:var(--gradient);border-radius:1000px;width:36px;height:36px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.how-to .how-to-item:first-child .tube.mobile .pin:before{content:"";border-radius:inherit;background:var(--white);width:22px;height:22px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.how-to .how-to-item:first-child .tube.mobile .pin:nth-child(2){top:-20px}.how-to .how-to-item:first-child .tube.horizontal.mobile{border:none;border-bottom:solid 10px var(--secondary);border-top:solid 10px var(--white);z-index:20;border-radius:0;width:30vw;height:0;top:40px;left:50%;right:auto}@media screen and (width>=768px){.how-to .how-to-item:first-child .tube.horizontal.mobile{width:35vw}}.how-to .how-to-item:first-child .tube.horizontal.mobile .pin{background:var(--gradient);border-radius:1000px;width:36px;height:36px;position:absolute;top:-18px;left:0}.how-to .how-to-item:first-child .tube.horizontal.mobile .pin:before{content:"";border-radius:inherit;background:var(--white);width:22px;height:22px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.how-to .how-to-item:first-child .centercover.desktop{display:none;position:absolute;top:0;left:50%;transform:translate(-50%)}@media screen and (width>=1024px){.how-to .how-to-item:first-child .centercover.desktop{display:block}}.how-to .how-to-item:first-child .centertube.desktop{display:none;position:absolute;top:300px;right:calc(100% - 260px)}@media screen and (width>=1024px){.how-to .how-to-item:first-child .centertube.desktop{display:block}}@media screen and (width>=1440px){.how-to .how-to-item:first-child .centertube.desktop{right:calc(100% - 160px)}}@media screen and (width>=1920px){.how-to .how-to-item:first-child .centertube.desktop{right:calc(100% - 350px)}}.how-to .how-to-item:first-child .toptube.desktop{display:none;position:absolute;top:0;right:0}@media screen and (width>=1024px){.how-to .how-to-item:first-child .toptube.desktop{display:block}}.how-to .how-to-item:first-child .tube.desktop{border-right:solid 25px var(--white);border-left:solid 25px var(--secondary);z-index:5;height:calc(100% - 230px);display:none;position:absolute;top:230px;right:0}@media screen and (width>=1024px){.how-to .how-to-item:first-child .tube.desktop{display:block}}.how-to .how-to-item:first-child .tube.desktop .pin{background:var(--gradient);z-index:5;border-radius:1000px;width:80px;height:80px;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.how-to .how-to-item:first-child .tube.desktop .pin:before{content:"";border-radius:inherit;background:var(--white);width:50px;height:50px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.how-to .how-to-item:first-child .how-to-item-title{color:var(--white)}.how-to .how-to-item:nth-child(2){min-height:850px;padding-right:82px}@media screen and (width>=1024px){.how-to .how-to-item:nth-child(2){padding-top:100px;padding-bottom:424px}.how-to .how-to-item:nth-child(2)>*{z-index:20;position:relative}.how-to .how-to-item:nth-child(2):before{content:"";background:#fafafa;width:150vw;height:100%;display:block;position:absolute;top:0;left:-50vw}}.how-to .how-to-item:nth-child(2) .bottomcover.mobile{position:absolute;bottom:48px;right:-17px}@media screen and (width>=1024px){.how-to .how-to-item:nth-child(2) .bottomcover.mobile{display:none}}.how-to .how-to-item:nth-child(2) .tube.mobile{border-right:solid 10px var(--primary);border-left:solid 10px var(--secondary);height:100px;position:absolute;top:0;right:42px}@media screen and (width>=1024px){.how-to .how-to-item:nth-child(2) .tube.mobile{display:none}}.how-to .how-to-item:nth-child(2) .tube.mobile .pin{background:var(--gradient);z-index:5;border-radius:1000px;width:36px;height:36px;position:absolute;top:calc(100% - 18px);left:50%;transform:translate(-50%)}.how-to .how-to-item:nth-child(2) .tube.mobile .pin:before{content:"";border-radius:inherit;background:var(--white);width:22px;height:22px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.how-to .how-to-item:nth-child(2) .tube.mobile .pin:nth-child(2){top:-20px}.how-to .how-to-item:nth-child(2) .tube.mobile svg{position:absolute;top:calc(100% - 2px);left:-10px}.how-to .how-to-item:nth-child(2) .tube.mobile.second{height:50%;top:310px;right:11px}@media screen and (width>=460px){.how-to .how-to-item:nth-child(2) .tube.mobile.second{height:40%}}.how-to .how-to-item:nth-child(2) .bottomcover.desktop{display:none;position:absolute;bottom:120px;right:0}@media screen and (width>=1024px){.how-to .how-to-item:nth-child(2) .bottomcover.desktop{display:block}}.how-to .how-to-item:nth-child(2) .tube.desktop{border-right:solid 25px var(--primary);border-left:solid 25px var(--secondary);z-index:30;height:calc(100% - 530px);display:none;position:absolute;top:0;right:0}@media screen and (width>=1024px){.how-to .how-to-item:nth-child(2) .tube.desktop{display:block}}.how-to .how-to-item:nth-child(2) .tube.desktop:before{content:"";border-top:solid 25px var(--primary);border-bottom:solid 25px var(--secondary);width:100vw;display:block;position:absolute;bottom:0;left:0}.how-to .how-to-item:nth-child(2) .tube.desktop .pin{background:var(--gradient);border-radius:1000px;width:80px;height:80px;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.how-to .how-to-item:nth-child(2) .tube.desktop .pin:before{content:"";border-radius:inherit;background:var(--white);width:50px;height:50px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.how-to .how-to-item:nth-child(2) .tube.desktop .pin:nth-child(2){top:auto;bottom:-20px}.how-to .how-to-item .how-to-item-title{font-size:22px;font-weight:var(--font-bold);color:var(--primary);margin-bottom:10px;line-height:140%}@media screen and (width>=1024px){.how-to .how-to-item .how-to-item-title{margin-bottom:30px;padding-left:calc(50% - 170px);font-size:32px}}.how-to .how-to-item .how-to-top-text{padding-bottom:20px;font-size:15px;line-height:140%}@media screen and (width>=1024px){.how-to .how-to-item .how-to-top-text{padding-bottom:40px;padding-left:calc(50% - 170px);font-size:18px}}.how-to .how-to-item .how-to-bottom-text{padding-top:30px;font-size:15px;line-height:140%}@media screen and (width>=1024px){.how-to .how-to-item .how-to-bottom-text{padding-top:40px;padding-left:calc(50% - 170px);font-size:18px}}.how-to .how-to-item .steps{counter-reset:items;flex-direction:column;gap:30px;display:flex}@media screen and (width>=1024px){.how-to .how-to-item .steps{gap:40px;padding-left:calc(50% - 170px)}}.how-to .how-to-item .steps li{counter-increment:items;flex-direction:column;gap:10px;display:flex}@media screen and (width>=1024px){.how-to .how-to-item .steps li{gap:20px}}.how-to .how-to-item .steps li .item-title{font-size:18px;font-weight:var(--font-bold);align-items:center;gap:10px;display:flex}@media screen and (width>=1024px){.how-to .how-to-item .steps li .item-title{padding-left:61px;font-size:24px;position:relative}}.how-to .how-to-item .steps li .item-title:before{content:counter(items);background:var(--white);width:20px;height:20px;color:var(--primary);border-radius:20px;justify-content:center;align-items:center;font-size:12px;display:flex;top:-50%;left:0}@media screen and (width>=1024px){.how-to .how-to-item .steps li .item-title:before{width:40px;height:40px;font-size:18px;position:absolute}}.how-to .how-to-item .steps li .item-text{font-size:15px;line-height:140%;position:relative}@media screen and (width>=1024px){.how-to .how-to-item .steps li .item-text{padding-left:61px;font-size:18px}}.how-to .how-to-item .steps.invert li .item-text:before,.how-to .how-to-item .steps.invert li .item-title:before{background:var(--primary);color:var(--white)}