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