.howitwork{position:relative;background-size:contain;background-position:center bottom;background-repeat:no-repeat}@media (max-width: 989px){.howitwork{background-size:cover}}.howitwork:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(180deg,#e9b4c3,#d896a2 57.29% 100%);z-index:-1}.howitwork>.section-header{position:relative;z-index:1}.lamp-wrapper{padding-top:23.3%;position:relative;margin-left:2rem}.lamp-item-wrap{display:flex;align-items:center;justify-content:center}.lamp-item{position:relative;width:50%}.lamp-item .light-on{position:absolute;top:0;left:0;opacity:0;z-index:0}.lamp-item img{max-width:100%;height:auto;transition:opacity .3s ease-out;transition-delay:3.2s}.state-btn-group{position:absolute;bottom:calc(100% - 3rem);transform:translate(-50%);z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.lamp-item:first-child .state-btn-group{left:44%}.lamp-item:last-child .state-btn-group{left:47%}.state-btn-label{background-color:#fff;border-radius:.5rem;box-shadow:0 2px 10px #0003;padding:1.1rem 2.7rem;margin-bottom:2rem;font-size:1.6rem;line-height:1;position:relative}@media (max-width: 749px){.state-btn-label{padding:1rem;font-size:1.3rem;white-space:nowrap}.state-btn-group{bottom:calc(100% - 1.8rem)}}.state-btn-label:after{content:"";position:absolute;left:50%;top:100%;transform:translate(-50%);width:1px;height:1px;border-style:solid;border-width:.8rem;border-color:#fff transparent transparent transparent}.state-btn{width:2.2rem;height:2.2rem;padding:0;margin:0;background-color:#9e9faa;color:rgb(var(--color-button-text));border:0;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .19s ease-out;animation:pulse 1.3s infinite}.state-btn:hover{background-color:rgba(var(--color-button),var(--alpha-button-background));transform:scale(1.2);animation:pulse-active 1.3s infinite}.state-btn:disabled{background-color:#9e9faa;transform:scale(1);animation:unset;cursor:not-allowed}.state-btn svg{width:1rem;height:1rem}@keyframes pulse-active{0%{box-shadow:0 0 #ee3a9080}to{box-shadow:0 0 0 10px #ee3a9000}}@keyframes pulse{0%{box-shadow:0 0 #ffffff80}to{box-shadow:0 0 0 10px #fff0}}.line-wrap{position:absolute;top:0;left:47.7%;transform:translate(-50%);z-index:1;width:57%;height:auto}.line-wrap #plane-1,.line-wrap #plane-2{opacity:0}.howitworks-lights{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;user-select:none;pointer-events:none}.howitworks-lights .light{width:3rem;height:3rem;border-radius:50%;position:absolute;filter:blur(4px);background:transparent;transition:all .2s ease-out;transition-delay:3.5s}.howitwork.purple .howitworks-lights .light{background:#8fb1f5}.howitwork.yellow .howitworks-lights .light{background:#f6e38e}@media (max-width: 749px){.howitworks-lights .light{width:2rem;height:2rem}.light:nth-child(1),.light:nth-child(2),.light:nth-child(3),.light:nth-child(8),.light:nth-child(9){display:none}}.light:nth-child(1){left:19.44%;top:25%}.light:nth-child(2){left:27.28%;top:15.39%}.light:nth-child(3){left:31.33%;top:20%}.light:nth-child(4){left:40.33%;top:46.56%}.light:nth-child(5){left:45.06%;top:30.91%}.light:nth-child(6){left:58.33%;top:21.45%}.light:nth-child(7){right:19%;top:26.68%}.light:nth-child(8){right:18.67%;bottom:41.95%}.light:nth-child(9){right:6.56%;bottom:12.91%}.howitwork.light-on .lamp-item img.light-off{opacity:0}.howitwork.light-on.purple .lamp-item img.light-on.purple,.howitwork.light-on.yellow .lamp-item img.light-on.yellow,.howitwork.light-on .howitworks-lights{opacity:1}.howitwork.light-on.left .lamp-item:first-child img{transition-delay:.2s}.howitwork.light-on.right .lamp-item:last-child img{transition-delay:.2s}.howitwork .watermark{position:absolute;right:4rem;bottom:2.6rem}.howitworks-footer{overflow:hidden}.howitworks-footer-inner{padding-top:3.1rem;padding-bottom:3.1rem;margin-left:-1rem;margin-right:-1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.howitworks-footer-item{flex:0 0 auto;max-width:20%;width:100%;padding-left:1rem;padding-right:1rem;display:flex;align-items:center;justify-content:center}.howitworks-footer-item h3{font-size:3rem;margin-right:3rem;margin-top:0;margin-bottom:0}.howitworks-footer-item p{margin:0;padding:0;max-width:calc(100% - 8rem);font-size:2.2rem;font-family:var(--font-heading-family);font-weight:600;line-height:1.4;color:#151644}.howitworks-footer-item .img-wrap{width:6rem;height:6rem;display:flex;align-items:center;justify-content:center;margin-right:2rem}.howitworks-footer-item .img-wrap img{width:auto;height:auto;max-width:100%;max-height:100%}@media (max-width: 1399px){.howitworks-footer-item h3{margin-right:0}}@media (max-width: 1199px){.howitworks-footer-item h3{font-size:2.4rem}.howitworks-footer-item .img-wrap{width:4rem;height:4rem}.howitworks-footer-item p{font-size:1.5rem}}@media (max-width: 989px){.howitworks-footer-inner{padding-top:2rem;padding-bottom:2rem}.howitworks-footer-inner{align-items:stretch}.howitworks-footer-item:first-child{max-width:100%;margin-bottom:2rem}.howitworks-footer-item{flex-direction:column;justify-content:flex-start;align-items:center}.howitworks-footer-item .img-wrap{margin-bottom:1rem;margin-right:0}.howitworks-footer-item p{text-align:center;max-width:100%}}@media (max-width: 749px){.howitworks-footer-item:not(:first-child){max-width:50%;margin-bottom:2rem}.howitworks-footer-item p{max-width:15rem}}@media (max-width: 1499px) and (min-width: 750px){.lamp-item{width:40%}.line-wrap{width:45%}.lamp-wrapper{padding-top:17.8%}}@media (min-width: 1500px){.lamp-item{width:45%}.line-wrap{width:51%}.lamp-wrapper{padding-top:20.3%}}#line-2{opacity:0}.infinity-tabs{display:block;margin-top:5rem}.infinity-buttons{border-bottom:solid 1px rgba(21,22,68,.1);display:flex}.infinity-button{border-radius:.5rem .5rem 0 0;border:0;background:transparent;padding:1.3rem 1.5rem;display:flex;align-items:center;justify-content:center;width:100%;max-width:35rem;font-family:var(--font-heading-family);font-size:1.6rem;font-weight:600;color:#828282;filter:grayscale(100%);cursor:pointer}.infinity-button svg{margin-right:1.2rem;-webkit-user-select:none;user-select:none;pointer-events:none}.infinity-button.active{background:rgba(var(--color-button),.1);color:rgba(var(--color-button),var(--alpha-button-background));filter:unset;position:relative}.infinity-button.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:.4rem;background:rgba(var(--color-button),var(--alpha-button-background))}@media (max-width: 749px){.infinity-button{font-size:1.4rem;padding:1rem}.infinity-button svg{margin-right:.7rem}}.infinity-content-inner{border-bottom:solid 1px rgba(21,22,68,.1);align-items:stretch;margin-left:-1.5rem;margin-right:-1.5rem;display:none}.infinity-content-inner.active{display:flex}.infinity-col{margin-top:3rem;padding-left:1.5rem;padding-right:1.5rem;display:flex;flex-direction:column;width:50%}.infinity-box{background:#f4f5fa;padding:4.2rem 3.5rem;border-radius:2rem;flex:1;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}.infinity-box+.infinity-box{margin-top:2.5rem}.infinity-box .text-side{min-width:50%}.infinity-box img{width:100%;height:auto}@media screen and (min-width: 990px){.infinity-box.horizontal{flex-direction:row;align-items:flex-start}.infinity-box.horizontal .text-side{margin-right:2.2rem}.infinity-box.horizontal img{max-width:calc(50% - 2.2rem)}.infinity-box .text-side p,.infinity-box .text-side ul li{font-size:2rem;line-height:1.5}}.infinity-box .text-side h4{color:#151644;font-size:3.2rem;font-weight:600;margin-top:0;margin-bottom:1.5rem}.infinity-box .text-side ul{padding-left:2.5rem;margin-bottom:3rem}.infinity-box .text-side p{margin-bottom:3rem;margin-top:0}@media screen and (max-width: 989px){.infinity-content-inner{flex-wrap:wrap;flex-direction:column}.infinity-col{width:100%;margin-top:2.5rem}.infinity-box{padding:2.5rem 2rem}.infinity-box .text-side h4{font-size:2.3rem;margin-bottom:1rem}.infinity-box img{margin-left:auto;margin-right:auto}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-howitwork.css.map */