.benefits .benefits__shapes{position:absolute;top:0;left:50%;width:100%;height:100%;display:none;justify-content:center;align-items:center;text-align:center;max-width:30rem;transform:translate(-50%)}.benefits.visible .benefits__shapes{transform:translate(-50%) scale(1)}.benefits .benefits__shape,.benefits .benefits__shape:before,.benefits .benefits__shape:after{position:absolute;top:50%;left:50%;width:var(--shape-size);height:var(--shape-size);transform:translate(-50%,-50%);border:1px solid;border-radius:50%;pointer-events:none;filter:blur(1px)}html.js :is(.benefits .benefits__shape,.benefits .benefits__shape:before,.benefits .benefits__shape:after){transform:translate(-50%,-50%) scale(0);transition:transform .6s;transition-timing-function:cubic-bezier(.3,.6,.5,1);transition-delay:.4s}.benefits .benefits__shape:before,.benefits .benefits__shape:after{content:""}.benefits .benefits__shape{--shape-size: 47rem;border-color:rgba(var(--color-text),.12)}.benefits .benefits__shape:before{--shape-size: 54rem;border-color:rgba(var(--color-text),.07)}.benefits .benefits__shape:after{--shape-size: 40rem;border-color:rgba(var(--color-text),.17)}.benefits .benefits__benefit{transition:var(--transition);transition-duration:.8s;transition-delay:.5s}html.js :is(.benefits.visible .benefits__shape,.benefits.visible .benefits__shape:before,.benefits.visible .benefits__shape:after){transform:translate(-50%,-50%) scale(1)}html.js .benefits .benefits__benefit>*{opacity:0;visibility:hidden;transform:translateY(30px);transition:opacity .5s,visibility .5s,transform .7s;transition-timing-function:cubic-bezier(.3,.6,.5,1);transition-delay:.8s}html.js .benefits .benefits__benefit>*:nth-child(2){transition-delay:.9s}html.js .benefits .benefits__benefit-counter,html.js .benefits .benefits__benefit-heading{transform:scale(0);transition:transform .5s;transition-timing-function:cubic-bezier(.3,.6,.5,1);transition-delay:1s}html.js .benefits.visible .benefits__benefit>*{opacity:1;visibility:visible;transform:translateY(0)}html.js .benefits.visible .benefits__benefit-counter,html.js .benefits.visible .benefits__benefit-heading{transform:scale(1)}@media screen and (min-width: 1025px){.benefits .benefits__shapes{display:flex;max-width:22rem}.benefits .benefits__shape{--shape-size: 43rem}.benefits .benefits__shape:before{--shape-size: 50rem}.benefits .benefits__shape:after{--shape-size: 36rem}.benefits .grid-custom-item:nth-of-type(2n) .benefits__benefit{margin-left:auto}html.js .benefits .grid-custom-item:nth-of-type(1) .benefits__benefit{transform:translate(25%,25%)}html.js .benefits .grid-custom-item:nth-of-type(2) .benefits__benefit{transform:translate(-25%,25%)}html.js .benefits .grid-custom-item:nth-of-type(3) .benefits__benefit{transform:translate(25%,-25%)}html.js .benefits .grid-custom-item:nth-of-type(4) .benefits__benefit{transform:translate(-25%,-25%)}html.js .benefits.visible .grid-custom-item .benefits__benefit{transform:translate(0)!important}}@media screen and (min-width: 1200px){.benefits .benefits__shapes{max-width:30rem}.benefits .benefits__shape{--shape-size: 47rem}.benefits .benefits__shape:before{--shape-size: 54rem}.benefits .benefits__shape:after{--shape-size: 40rem}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/benefits.css.map */