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