.animated-shape{position:relative;background-color:var(--section-background-alt);border-radius:var(--radius-5);overflow:hidden;width:100%;max-width:60.3rem;margin-inline:auto}.animated-shape__el{position:absolute;transition:left var(--duration-slow) linear,top var(--duration-slow) linear,bottom var(--duration-slow) linear,right var(--duration-slow) linear,transform var(--duration-slow) linear}.animated-shape--1 .animated-shape__el--bg{max-width:72%;left:53%;transform:translate(-50%);transition:none}.animated-shape--1 .animated-shape__el--top{top:0;left:42%;max-width:57%;transition:none;z-index:2}[class^="animated-shape__el animated-shape__el--pill-"]{transform-origin:0 0;transform:scale(.5)}.animated-shape--1 .animated-shape__el--pill-6{top:22%;left:43%}.animated-shape--1 .animated-shape__el--pill-5{top:30%;left:46%}.animated-shape--1 .animated-shape__el--pill-3{top:26%;left:55%}.animated-shape--1 .animated-shape__el--jar{bottom:0;left:0;transform:translateY(100%)}.animated-shape--1 .animated-shape__el--pill-8,.animated-shape--1 .animated-shape__el--pill-9,.animated-shape--1 .animated-shape__el--pill-7,.animated-shape--1 .animated-shape__el--pill-4{top:0;left:50%}.is-animated.animated-shape--1 .animated-shape__el--pill-8{top:24%;left:56%}.is-animated.animated-shape--1 .animated-shape__el--pill-9{top:31%;left:47%}.is-animated.animated-shape--1 .animated-shape__el--pill-7{top:35%;left:53%}.is-animated.animated-shape--1 .animated-shape__el--pill-6{top:39%;left:35%}.is-animated.animated-shape--1 .animated-shape__el--pill-4{top:47%;left:53%}.is-animated.animated-shape--1 .animated-shape__el--pill-5{top:54%;left:42%}.is-animated.animated-shape--1 .animated-shape__el--pill-3{top:59%;left:62%}.is-animated.animated-shape--1 .animated-shape__el--jar{transform:translateY(0)}@media screen and (min-width: 500px){[class^="animated-shape__el animated-shape__el--pill-"]{transform:scale(.75)}}@media screen and (min-width: 1200px){[class^="animated-shape__el animated-shape__el--pill-"]{transform:scale(1)}}.animated-shape--2 [class^="animated-shape__el animated-shape__el--jar-"]{transform-origin:0 100%;transform:scale(.6)}.animated-shape--2 .animated-shape__el--jar-2,.animated-shape--2 .animated-shape__el--jar-1,.animated-shape--2 .animated-shape__el--jar-3,.animated-shape--2 .animated-shape__el--jar-4{bottom:0;left:40%;z-index:5}.animated-shape--2 .animated-shape__el--jar-1{left:42%}.animated-shape--2 [class^="animated-shape__el animated-shape__el--ellipse-"]{--scale: 0;left:50%;transform-origin:0 100%;transform:scale(var(--scale)) translate(-50%)}.animated-shape--2 .animated-shape__el--ellipse-red{bottom:0;z-index:4}.animated-shape--2 .animated-shape__el--ellipse-yellow{bottom:0;z-index:3}.animated-shape--2 .animated-shape__el--ellipse-blue{bottom:0;z-index:2}.animated-shape--2 .animated-shape__el--arrow-left,.animated-shape--2 .animated-shape__el--arrow-up,.animated-shape--2 .animated-shape__el--arrow-right{top:100%;left:50%}.is-animated.animated-shape--2 .animated-shape__el--jar-1{left:70%}.is-animated.animated-shape--2 .animated-shape__el--jar-2{left:50%}.is-animated.animated-shape--2 .animated-shape__el--jar-3{left:30%}.is-animated.animated-shape--2 .animated-shape__el--jar-4{left:12%}.is-animated.animated-shape--2 [class^="animated-shape__el animated-shape__el--ellipse-"],.is-animated.animated-shape--2 .animated-shape__el--ellipse-red{--scale: .6}.is-animated.animated-shape--2 .animated-shape__el--ellipse-yellow{--scale: .7}.is-animated.animated-shape--2 .animated-shape__el--ellipse-blue{--scale: .92}.animated-shape--2 [class^="animated-shape__el animated-shape__el--arrow-"]{transform-origin:0 0;z-index:4}.animated-shape--2 .animated-shape__el--arrow-left,.animated-shape--2 .animated-shape__el--arrow-right{transform:scale(.6)}.is-animated.animated-shape--2 .animated-shape__el--arrow-left{top:23%;left:10%}.animated-shape--2 .animated-shape__el--arrow-up{transform:scale(.6)}.is-animated.animated-shape--2 .animated-shape__el--arrow-up{top:18%;left:45%}.is-animated.animated-shape--2 .animated-shape__el--arrow-right{top:23%;left:78%}@media screen and (min-width: 500px){.animated-shape--2 [class^="animated-shape__el animated-shape__el--arrow-"]{transform:scale(.9)}.is-animated.animated-shape--2 .animated-shape__el--ellipse-yellow,.is-animated.animated-shape--2 .animated-shape__el--ellipse-red{--scale: .9}.animated-shape--2 [class^="animated-shape__el animated-shape__el--jar-"]{transform:scale(.85)}}@media screen and (min-width: 990px){.animated-shape--2 [class^="animated-shape__el animated-shape__el--arrow-"]{transform:scale(.75)}.is-animated.animated-shape--2 .animated-shape__el--ellipse-yellow,.is-animated.animated-shape--2 .animated-shape__el--ellipse-red{--scale: .8}.animated-shape--2 [class^="animated-shape__el animated-shape__el--jar-"]{transform:scale(.7)}}@media screen and (min-width: 1200px){.is-animated.animated-shape--2 [class^="animated-shape__el animated-shape__el--ellipse-"]{--scale: 1}.animated-shape--2 [class^="animated-shape__el animated-shape__el--jar-"]{transform:scale(1)}}.animated-shape--3 .animated-shape__el--bg{bottom:0;right:0;transform-origin:100% 100%;transform:scale(.97)}.animated-shape--3 [class^="animated-shape__el animated-shape__el--top-"]{--offset-top: -50%;--scale: .7;transform-origin:50% 0;transform:translate(-50%,var(--offset-top)) scale(var(--scale))}.animated-shape--3 .animated-shape__el--top-mid{--offset-top: -35%;--scale: .65;top:0;left:51%;z-index:2}.animated-shape--3 .animated-shape__el--top-mid-left{--offset-top: -42%;--scale: .55;top:0;left:42%;z-index:3}.animated-shape--3 .animated-shape__el--top-mid-right{--offset-top: -55%;--scale: .65;top:0;left:59%;z-index:3}.animated-shape--3 .animated-shape__el--top-left,.animated-shape--3 .animated-shape__el--top-right{--offset-top: -100%;top:0}.animated-shape--3 .animated-shape__el--top-left{left:27%}.animated-shape--3 .animated-shape__el--top-right{right:17%}.animated-shape--3 .animated-shape__el--pills,.animated-shape--3 .animated-shape__el--graph-1,.animated-shape--3 .animated-shape__el--graph-2{z-index:2}.animated-shape--3 .animated-shape__el--pills{bottom:0;left:22%;transform-origin:0 100%;transform:scale(0)}.animated-shape--3 .animated-shape__el--graph-1{bottom:0;right:-26%;transform-origin:0 100%;transform:scale(.6) translateY(120%)}.animated-shape--3 .animated-shape__el--graph-2{top:17%;right:-40%;transform:scale(.65)}@media screen and (min-width: 500px){.animated-shape--3 .animated-shape__el--bg{transform:scale(.95)}.animated-shape--3 [class^="animated-shape__el animated-shape__el--top-"]{--scale: .7}.animated-shape--3 .animated-shape__el--top-mid-left{--offset-top: -50%}.animated-shape--3 .animated-shape__el--top-mid{--offset-top: -30%;left:52%}.animated-shape--3 .animated-shape__el--top-mid-right{--offset-top: -54%;left:60%}.animated-shape--3 .animated-shape__el--top-right{right:19%}.animated-shape--3 .animated-shape__el--graph-1{right:-12%;transform:scale(1) translateY(120%)}.animated-shape--3 .animated-shape__el--graph-2{top:24%;transform:scale(.7)}}@media screen and (min-width: 600px) and (max-width: 989px){.animated-shape--3 .animated-shape__el--bg{transform:scale(1)}.animated-shape--3 [class^="animated-shape__el animated-shape__el--top-"]{--scale: 1}.animated-shape--3 .animated-shape__el--top-mid-left{--offset-top: -80%}.animated-shape--3 .animated-shape__el--top-mid{--offset-top: -50%;left:52%}.animated-shape--3 .animated-shape__el--top-mid-right{--offset-top: -74%;left:60%}.animated-shape--3 .animated-shape__el--top-right{right:22%}.animated-shape--3 .animated-shape__el--graph-1{right:5%;transform:scale(1) translateY(120%)}.animated-shape--3 .animated-shape__el--graph-2{top:27%;transform:scale(1)}}@media screen and (min-width: 1100px){.animated-shape--3 .animated-shape__el--bg{transform:scale(.95)}.animated-shape--3 [class^="animated-shape__el animated-shape__el--top-"]{--scale: .85}.animated-shape--3 .animated-shape__el--top-mid-left{--offset-top: -60%}.animated-shape--3 .animated-shape__el--top-mid{--offset-top: -30%;left:52%}.animated-shape--3 .animated-shape__el--top-mid-right{--offset-top: -64%;left:60%}.animated-shape--3 .animated-shape__el--top-right{right:19%}.animated-shape--3 .animated-shape__el--graph-1{right:-3%;transform:scale(1) translateY(120%)}.animated-shape--3 .animated-shape__el--graph-2{top:24%;transform:scale(.8)}}@media screen and (min-width: 1250px){.animated-shape--3 .animated-shape__el--bg{transform:scale(1)}.animated-shape--3 [class^="animated-shape__el animated-shape__el--top-"]{--scale: 1}.animated-shape--3 .animated-shape__el--top-mid-left{--offset-top: -80%}.animated-shape--3 .animated-shape__el--top-mid{--offset-top: -50%;left:52%}.animated-shape--3 .animated-shape__el--top-mid-right{--offset-top: -74%;left:60%}.animated-shape--3 .animated-shape__el--top-right{right:22%}.animated-shape--3 .animated-shape__el--graph-1{right:5%;transform:scale(1) translateY(120%)}.animated-shape--3 .animated-shape__el--graph-2{top:27%;transform:scale(1)}}.is-animated.animated-shape--3 .animated-shape__el--top-mid{--offset-top: -2%}.is-animated.animated-shape--3 .animated-shape__el--top-mid-left{--offset-top: 0%}.is-animated.animated-shape--3 .animated-shape__el--top-mid-right{--offset-top: -5%}.is-animated.animated-shape--3 .animated-shape__el--top-left,.is-animated.animated-shape--3 .animated-shape__el--top-right{--offset-top: -10%}.is-animated.animated-shape--3 .animated-shape__el--pills{transform:scale(.6)}.is-animated.animated-shape--3 .animated-shape__el--graph-1{transform:scale(.6) translateY(0)}.is-animated.animated-shape--3 .animated-shape__el--graph-2{right:10%}@media screen and (min-width: 500px){.is-animated.animated-shape--3 .animated-shape__el--top-left,.is-animated.animated-shape--3 .animated-shape__el--top-right{--offset-top: -4%}.is-animated.animated-shape--3 .animated-shape__el--pills{transform:scale(.7)}.is-animated.animated-shape--3 .animated-shape__el--graph-1{transform:scale(.7) translateY(0)}.is-animated.animated-shape--3 .animated-shape__el--graph-2{right:13%}}@media screen and (min-width: 1100px){.is-animated.animated-shape--3 .animated-shape__el--top-left,.is-animated.animated-shape--3 .animated-shape__el--top-right{--offset-top: -4%}.is-animated.animated-shape--3 .animated-shape__el--pills{transform:scale(.8)}.is-animated.animated-shape--3 .animated-shape__el--graph-1{transform:scale(.9) translateY(0)}.is-animated.animated-shape--3 .animated-shape__el--graph-2{right:13%}}@media screen and (min-width: 600px) and (max-width: 989px){.is-animated.animated-shape--3 .animated-shape__el--top-left,.is-animated.animated-shape--3 .animated-shape__el--top-right{--offset-top: -4%}.is-animated.animated-shape--3 .animated-shape__el--pills{transform:scale(1)}.is-animated.animated-shape--3 .animated-shape__el--graph-1{transform:scale(1) translateY(0)}.is-animated.animated-shape--3 .animated-shape__el--graph-2{right:17%}}@media screen and (min-width: 1250px){.is-animated.animated-shape--3 .animated-shape__el--top-left,.is-animated.animated-shape--3 .animated-shape__el--top-right{--offset-top: -4%}.is-animated.animated-shape--3 .animated-shape__el--pills{transform:scale(1)}.is-animated.animated-shape--3 .animated-shape__el--graph-1{transform:scale(1) translateY(0)}.is-animated.animated-shape--3 .animated-shape__el--graph-2{right:17%}}.animated-shape--4 [class^="animated-shape__el animated-shape__el--image-"]{z-index:2}.animated-shape--4 .animated-shape__el--bg{left:50%;bottom:0;transform-origin:50% 100%;transform:translate(-50%) scale(.6)}.animated-shape--4 .animated-shape__el--leaf{top:47%;left:50%;transform:translate(-50%) scale(.1) rotate(90deg)}.animated-shape--4 .animated-shape__el--image-4{--rotate: 30deg;top:0;left:3%;z-index:3;transform:scale(.6) translate(-40%,-50%) rotate(var(--rotate))}.animated-shape--4 .animated-shape__el--image-5{top:8%;right:-100%;transform-origin:100% 0;transform:scale(.58)}.animated-shape--4 .animated-shape__el--image-1{bottom:11%;left:-100%;transform-origin:0 100%;transform:scale(.6)}.animated-shape--4 .animated-shape__el--image-2{--rotate: 0deg;bottom:0;right:3%;transform:scale(.55) translate(50%,82%) rotate(var(--rotate))}@media screen and (min-width: 500px){.animated-shape--4 .animated-shape__el--bg{transform:translate(-50%) scale(.8)}.animated-shape--4 .animated-shape__el--leaf{transform:translate(-50%) scale(.1) rotate(90deg)}.animated-shape--4 .animated-shape__el--image-4{transform:scale(.8) translate(-17%,-33%) rotate(var(--rotate))}.animated-shape--4 .animated-shape__el--image-5{top:4%;transform:scale(.8)}.animated-shape--4 .animated-shape__el--image-1{transform:scale(.8)}.animated-shape--4 .animated-shape__el--image-2{transform:scale(.8) translate(28%,58%) rotate(var(--rotate))}}@media screen and (min-width: 600px) and (max-width: 989px){.animated-shape--4 .animated-shape__el--bg{transform:translate(-50%) scale(1)}.animated-shape--4 .animated-shape__el--image-4{transform:scale(1) translate(-2%,-19%) rotate(var(--rotate))}.animated-shape--4 .animated-shape__el--image-5{top:7%;transform:scale(1)}.animated-shape--4 .animated-shape__el--image-1{transform:scale(1)}.animated-shape--4 .animated-shape__el--image-2{transform:scale(1) translate(13%,43%) rotate(var(--rotate))}}@media screen and (min-width: 1150px){.animated-shape--4 .animated-shape__el--bg{transform:translate(-50%) scale(.9)}.animated-shape--4 .animated-shape__el--image-4{transform:scale(.9) translate(-10%,-23%) rotate(var(--rotate))}.animated-shape--4 .animated-shape__el--image-5,.animated-shape--4 .animated-shape__el--image-1{transform:scale(.9)}.animated-shape--4 .animated-shape__el--image-2{transform:scale(.9) translate(17%,53%) rotate(var(--rotate))}}@media screen and (min-width: 1250px){.animated-shape--4 .animated-shape__el--bg{transform:translate(-50%) scale(1)}.animated-shape--4 .animated-shape__el--image-4{transform:scale(1) translate(-2%,-19%) rotate(var(--rotate))}.animated-shape--4 .animated-shape__el--image-5{top:7%;transform:scale(1)}.animated-shape--4 .animated-shape__el--image-1{transform:scale(1)}.animated-shape--4 .animated-shape__el--image-2{transform:scale(1) translate(13%,43%) rotate(var(--rotate))}}.is-animated.animated-shape--4 .animated-shape__el--leaf{top:50%;left:52%;transform:translate(-50%) scale(.6) rotate(0)}.is-animated.animated-shape--4 .animated-shape__el--image-4{--rotate: 0deg}.is-animated.animated-shape--4 .animated-shape__el--image-5{right:0}.is-animated.animated-shape--4 .animated-shape__el--image-1{left:0}.is-animated.animated-shape--4 .animated-shape__el--image-2{--rotate: -29deg}@media screen and (min-width: 500px){.is-animated.animated-shape--4 .animated-shape__el--leaf{top:53%;left:52%;transform:translate(-50%) scale(.8) rotate(0)}}@media screen and (min-width: 600px) and (max-width: 989px){.is-animated.animated-shape--4 .animated-shape__el--leaf{top:56%;left:52%;transform:translate(-50%) scale(1) rotate(0)}}@media screen and (min-width: 1250px){.is-animated.animated-shape--4 .animated-shape__el--leaf{top:56%;left:52%;transform:translate(-50%) scale(1) rotate(0)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-animated-shape.css.map */