.animarte-ellipsis{display:flex;justify-content:space-between;align-items:center}.animarte-ellipsis__element{--width: 20%;--height: 20%;width:var(--width);height:var(--height);border-radius:100vw;background:currentColor;animation-iteration-count:infinite}.animarte{position:relative;isolation:isolate;box-sizing:border-box;overflow:hidden;flex-shrink:0;width:var(--animarte-size);height:var(--animarte-size);color:var(--animarte-color)}.animarte-blocks--dancing-1 .animarte-blocks__element{display:grid;grid-template:1fr 1fr/1fr 1fr;position:absolute;left:50%;top:50%;width:75%;height:75%}.animarte-blocks--dancing-1 .animarte-blocks__element:nth-of-type(1){transform:translate(-50%,-50%) rotate(45deg)}.animarte-blocks--dancing-1 .animarte-blocks__element:nth-of-type(2){opacity:.5;transform:translate(-50%,-50%) rotate(-45deg)}.animarte-blocks--dancing-1 .animarte-blocks__element:nth-of-type(3){opacity:.5;transform:translate(-50%,-50%) rotate(135deg)}.animarte-blocks--dancing-1 .animarte-blocks__element:nth-of-type(4){transform:translate(-50%,-50%) rotate(-135deg)}.animarte-blocks--dancing-1 .animarte-blocks__element:before{content:"";display:block;position:relative;margin:7.5%;background:currentColor;animation-iteration-count:infinite;animation-duration:var(--animarte-speed);animation-name:blockDancing1}@keyframes blockDancing1{0%{top:0%;left:0%}25%{top:0%;left:100%}50%{top:100%;left:100%}75%{top:100%;left:0%}to{top:0%;left:0%}}.animarte-blocks--heart-1{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:5%;rotate:-135deg;scale:.7}.animarte-blocks--heart-1 .animarte-blocks__element{width:100%;height:100%;display:block;position:relative;border-radius:25%;background:currentColor;animation-iteration-count:infinite;animation-duration:var(--animarte-speed)}.animarte-blocks--heart-1 .animarte-blocks__element:nth-of-type(1){animation-name:blocksHeart1Right;animation-delay:calc(var(--animarte-speed) * .111 * 4)}.animarte-blocks--heart-1 .animarte-blocks__element:nth-of-type(2){animation-name:blocksHeart1Right;animation-delay:calc(var(--animarte-speed) * .111 * 3)}.animarte-blocks--heart-1 .animarte-blocks__element:nth-of-type(3){animation-name:blocksHeart1Down;animation-delay:calc(var(--animarte-speed) * .111 * 2)}.animarte-blocks--heart-1 .animarte-blocks__element:nth-of-type(4){animation-name:blocksHeart1Up;animation-delay:calc(var(--animarte-speed) * .111 * 5)}.animarte-blocks--heart-1 .animarte-blocks__element:nth-of-type(5){animation-name:blocksHeart1Down;animation-name:blocksHeart1DownAndLeft}.animarte-blocks--heart-1 .animarte-blocks__element:nth-of-type(6){animation-name:blocksHeart1Left;animation-delay:calc(var(--animarte-speed) * .111 * 1)}.animarte-blocks--heart-1 .animarte-blocks__element:nth-of-type(7){animation-name:blocksHeart1Up;animation-delay:calc(var(--animarte-speed) * .111 * 6)}@keyframes blocksHeart1DownAndLeft{0%,89%{top:0%;left:0%}11.1%,77.8%{top:116.6666666667%;left:0%}88.9%{top:116.6666666667%;left:-116.6666666667%}}@keyframes blocksHeart1Down{0%,22.3%{top:0%}11.1%,22.2%{top:116.6666666667%}}@keyframes blocksHeart1Up{0%,22.3%{top:0%}11.1%,22.2%{top:-116.6666666667%}}@keyframes blocksHeart1Right{0%,22.3%{left:0%}11.1%,22.2%{left:116.6666666667%}}@keyframes blocksHeart1Left{0%,22.3%{left:0%}11.1%,22.2%{left:-116.6666666667%}}.animarte-blocks--rolling .animarte-blocks__element{display:grid;grid-template:1fr 1fr/1fr 1fr;position:absolute;left:0;top:0;width:100%;height:100%}.animarte-blocks--rolling .animarte-blocks__element:nth-of-type(1){rotate:0deg}.animarte-blocks--rolling .animarte-blocks__element:nth-of-type(3){rotate:180deg}.animarte-blocks--rolling .animarte-blocks__element:nth-of-type(2){rotate:270deg}.animarte-blocks--rolling .animarte-blocks__element:before{content:"";display:block;position:relative;border-radius:25%;margin:7.5%;background:currentColor;animation-iteration-count:infinite;animation-duration:var(--animarte-speed)}.animarte-blocks--rolling .animarte-blocks__element:nth-child(1):before{animation-name:blockKeyframes;animation-delay:calc(var(--animarte-speed) / 4 / 4 * 1)}.animarte-blocks--rolling .animarte-blocks__element:nth-child(2):before{animation-name:blockKeyframes;animation-delay:calc(var(--animarte-speed) / 4 / 4 * 2)}.animarte-blocks--rolling .animarte-blocks__element:nth-child(3):before{animation-name:blockKeyframes;animation-delay:calc(var(--animarte-speed) / 4 / 4 * 3)}@keyframes blockKeyframes{0%{top:0%;left:0%}25%{top:0%;left:100%;transform:rotate(180deg)}50%{top:100%;left:100%;transform:rotate(360deg)}75%{top:100%;left:0%;transform:rotate(540deg)}to{top:0%;left:0%;transform:rotate(720deg)}}.animarte-circles--agitated-1 .animarte-circles__element{position:absolute;top:50%;width:20%;height:20%;border-radius:100vw;background:currentColor;animation-name:circlesAgitated1;animation-duration:var(--animarte-speed);animation-iteration-count:infinite;animation-timing-function:ease-in-out}.animarte-circles--agitated-1 .animarte-circles__element:nth-of-type(1){opacity:1;animation-delay:calc(var(--animarte-speed) * .02 * 1)}.animarte-circles--agitated-1 .animarte-circles__element:nth-of-type(2){opacity:.5;animation-delay:calc(var(--animarte-speed) * .02 * 2)}.animarte-circles--agitated-1 .animarte-circles__element:nth-of-type(3){opacity:calc(1 / 3);animation-delay:calc(var(--animarte-speed) * .02 * 3)}@keyframes circlesAgitated1{0%,to{left:0%;height:20%;transform:translateY(-50%)}25%{height:16%}50%{left:100%;height:20%;transform:translate(-100%,-50%)}75%{height:15%}}.animarte-circles--breathing .animarte-circles__element{grid-area:1/1;width:100%;height:100%;border-radius:50%;background:currentColor;opacity:.5;animation-name:blinkKeyframes;animation-duration:var(--animarte-speed);animation-iteration-count:infinite}.animarte-circles--breathing .animarte-circles__element:nth-of-type(1){animation-delay:calc(var(--animarte-speed) / 2 / 4 * 1)}.animarte-circles--breathing .animarte-circles__element:nth-of-type(2){animation-delay:calc(var(--animarte-speed) / 2 / 4 * 2)}.animarte-circles--breathing .animarte-circles__element:nth-of-type(3){animation-delay:calc(var(--animarte-speed) / 2 / 4 * 3)}@keyframes blinkKeyframes{0%{transform:scale(1)}50%{transform:scale(0)}to{transform:scale(1)}}.animarte-circles{display:grid;justify-items:center;align-items:center}.animarte-circles--pulsing-1 .animarte-circles__element{grid-area:1/1;margin:0;width:100%;height:100%;border-radius:50%;background:transparent;border:1px solid currentColor;animation-name:circlesPulsing1;animation-duration:var(--animarte-speed);animation-iteration-count:infinite;animation-timing-function:ease-in-out}.animarte-circles--pulsing-1 .animarte-circles__element:nth-of-type(1){width:20%;height:20%;animation-delay:calc(var(--animarte-speed) / 2 / 4 * 1)}.animarte-circles--pulsing-1 .animarte-circles__element:nth-of-type(2){width:40%;height:40%;animation-delay:calc(var(--animarte-speed) / 2 / 4 * 2)}.animarte-circles--pulsing-1 .animarte-circles__element:nth-of-type(3){width:60%;height:60%;animation-delay:calc(var(--animarte-speed) / 2 / 4 * 3)}.animarte-circles--pulsing-1 .animarte-circles__element:nth-of-type(4){width:80%;height:80%;animation-delay:calc(var(--animarte-speed) / 2 / 4 * 4)}.animarte-circles--pulsing-1 .animarte-circles__element:nth-of-type(5){width:100%;height:100%;animation-delay:calc(var(--animarte-speed) / 2 / 4 * 5)}@keyframes circlesPulsing1{0%,to{transform:scale(.85);opacity:.2}50%{transform:scale(1);opacity:1}}.animarte-circles{display:grid}.animarte-circles--pulsing-2 .animarte-circles__element{grid-area:1/1;width:100%;height:100%;border-radius:50%;background:currentColor;opacity:.5;animation-name:blinkKeyframes;animation-duration:var(--animarte-speed);animation-iteration-count:infinite;transform:scale(0);opacity:1}.animarte-circles--pulsing-2 .animarte-circles__element:nth-of-type(1){animation-delay:calc(var(--animarte-speed) * .2 * 1)}.animarte-circles--pulsing-2 .animarte-circles__element:nth-of-type(2){animation-delay:calc(var(--animarte-speed) * .2 * 2)}.animarte-circles--pulsing-2 .animarte-circles__element:nth-of-type(3){animation-delay:calc(var(--animarte-speed) * .2 * 3)}.animarte-circles--pulsing-2 .animarte-circles__element:nth-of-type(4){animation-delay:calc(var(--animarte-speed) * .2 * 4)}.animarte-circles--pulsing-2 .animarte-circles__element:nth-of-type(5){animation-delay:calc(var(--animarte-speed) * .2 * 5)}@keyframes blinkKeyframes{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}.animarte-clock{--radius: calc((var(--animarte-size) - 50%) / 2)}.animarte-clock--crazy-1 .animarte-clock__element:nth-child(1),.animarte-clock--crazy-1 .animarte-clock__element:nth-child(2),.animarte-clock--crazy-1 .animarte-clock__element:nth-child(3),.animarte-clock--crazy-1 .animarte-clock__element:nth-child(4){position:absolute;left:50%;top:50%}.animarte-clock--crazy-1 .animarte-clock__element:nth-child(1),.animarte-clock--crazy-1 .animarte-clock__element:nth-child(2){border-radius:100vw;width:8%;animation-name:clockCrazy1;animation-iteration-count:infinite;animation-timing-function:linear;transform-origin:top;translate:-50% 0%}.animarte-clock--crazy-1 .animarte-clock__element:nth-child(1){height:40%;background:currentColor;animation-duration:calc(var(--animarte-speed) / 3)}.animarte-clock--crazy-1 .animarte-clock__element:nth-child(2){height:30%;animation-duration:var(--animarte-speed);background:color-mix(in srgb,currentColor 50%,transparent)}.animarte-clock--crazy-1 .animarte-clock__element:nth-child(3),.animarte-clock--crazy-1 .animarte-clock__element:nth-child(4){transform:translate(-50%,-50%)}.animarte-clock--crazy-1 .animarte-clock__element:nth-child(3){width:8%;height:8%;background-color:currentColor;border:1px solid color-mix(in srgb,currentColor 90%,#000);background:currentColor;border-radius:100vw}.animarte-clock--crazy-1 .animarte-clock__element:nth-child(4){width:100%;height:100%;border:4px solid currentColor;border-radius:100vw}@keyframes clockCrazy1{to{transform:rotate(1turn)}}.animarte-ellipsis--agitated .animarte-ellipsis__element{position:relative;display:flex;align-items:flex-end;background-color:transparent}.animarte-ellipsis--agitated .animarte-ellipsis__element:before{content:"";width:100%;height:100%;border-radius:50%;background-color:currentColor;animation-name:ellipsisAgitated;animation-duration:var(--animarte-speed);animation-timing-function:ease-in-out;animation-iteration-count:infinite}.animarte-ellipsis--agitated .animarte-ellipsis__element:nth-of-type(1):before{animation-delay:calc(var(--animarte-speed) / 4 * 1)}.animarte-ellipsis--agitated .animarte-ellipsis__element:nth-of-type(2):before{animation-delay:calc(var(--animarte-speed) / 4 * 2)}.animarte-ellipsis--agitated .animarte-ellipsis__element:nth-of-type(3):before{animation-delay:calc(var(--animarte-speed) / 4 * 3)}@keyframes ellipsisAgitated{50%{height:50%}}.animarte-ellipsis--blinking-1 .animarte-ellipsis__element{animation-name:ellipsisBlinking1;animation-duration:var(--animarte-speed);animation-timing-function:ease-in-out}.animarte-ellipsis--blinking-1 .animarte-ellipsis__element:nth-of-type(1){animation-delay:calc(var(--animarte-speed) / 4 * 1)}.animarte-ellipsis--blinking-1 .animarte-ellipsis__element:nth-of-type(2){animation-delay:calc(var(--animarte-speed) / 4 * 2)}.animarte-ellipsis--blinking-1 .animarte-ellipsis__element:nth-of-type(3){animation-delay:calc(var(--animarte-speed) / 4 * 3)}@keyframes ellipsisBlinking1{0%,to{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(0)}}.animarte-ellipsis--blinking-2 .animarte-ellipsis__element{animation-duration:var(--animarte-speed);animation-timing-function:ease-in-out}.animarte-ellipsis--blinking-2 .animarte-ellipsis__element:nth-of-type(1){animation-name:ellipsisBlinking2Left}.animarte-ellipsis--blinking-2 .animarte-ellipsis__element:nth-of-type(2){animation-name:ellipsisBlinking2Middle}.animarte-ellipsis--blinking-2 .animarte-ellipsis__element:nth-of-type(3){animation-name:ellipsisBlinking2Right}@keyframes ellipsisBlinking2Left{0%,24.9%,to{opacity:0}25%,99.9%{opacity:1}}@keyframes ellipsisBlinking2Middle{0%,49.9%,to{opacity:0}50%,99.9%{opacity:1}}@keyframes ellipsisBlinking2Right{0%,74.9%,to{opacity:0}75%,99.9%{opacity:1}}.animarte-ellipsis--blinking-3 .animarte-ellipsis__element{animation-name:ellipsisBlinking3;animation-duration:var(--animarte-speed);animation-timing-function:ease-in-out;opacity:0}.animarte-ellipsis--blinking-3 .animarte-ellipsis__element:nth-of-type(1){animation-delay:calc(var(--animarte-speed) / 3 * 1)}.animarte-ellipsis--blinking-3 .animarte-ellipsis__element:nth-of-type(2){animation-delay:calc(var(--animarte-speed) / 3 * 2)}.animarte-ellipsis--blinking-3 .animarte-ellipsis__element:nth-of-type(3){animation-delay:calc(var(--animarte-speed) / 3 * 3)}@keyframes ellipsisBlinking3{0%,33.33%{opacity:1}33.34%,99.9%{opacity:0}}.animarte-ellipsis--blinking-4 .animarte-ellipsis__element{animation-name:ellipsisBlinking4;animation-duration:var(--animarte-speed);animation-timing-function:ease-in-out}.animarte-ellipsis--blinking-4 .animarte-ellipsis__element:nth-of-type(1){animation-delay:calc(var(--animarte-speed) / 3 * 1)}.animarte-ellipsis--blinking-4 .animarte-ellipsis__element:nth-of-type(2){animation-delay:calc(var(--animarte-speed) / 3 * 2)}.animarte-ellipsis--blinking-4 .animarte-ellipsis__element:nth-of-type(3){animation-delay:calc(var(--animarte-speed) / 3 * 3)}@keyframes ellipsisBlinking4{50%{opacity:.4}}.animarte-ellipsis--blinking-5 .animarte-ellipsis__element{animation-name:ellipsisBlinking5;animation-duration:var(--animarte-speed);animation-timing-function:linear;animation-direction:alternate}.animarte-ellipsis--blinking-5 .animarte-ellipsis__element:nth-of-type(1){animation-name:ellipsisBlinking5Left}.animarte-ellipsis--blinking-5 .animarte-ellipsis__element:nth-of-type(2){animation-name:ellipsisBlinking5Middle}.animarte-ellipsis--blinking-5 .animarte-ellipsis__element:nth-of-type(3){animation-name:ellipsisBlinking5Right}@keyframes ellipsisBlinking5Left{0%,25%{opacity:.4}50%,to{opacity:1}}@keyframes ellipsisBlinking5Middle{0%,25%,75%,to{opacity:1}50%{opacity:.4}}@keyframes ellipsisBlinking5Right{0%,50%{opacity:1}75%,to{opacity:.4}}@property --ellipsis-dancing-1_angle{syntax: "<angle>"; initial-value: 0deg; inherits: true;}.animarte-ellipsis--dancing-1 .animarte-ellipsis__element{position:absolute;animation-timing-function:linear;animation-duration:var(--animarte-speed)}.animarte-ellipsis--dancing-1 .animarte-ellipsis__element:nth-of-type(1){animation-name:ellipsisDancing1Left}.animarte-ellipsis--dancing-1 .animarte-ellipsis__element:nth-of-type(2){animation-name:ellipsisDancing1Middle}.animarte-ellipsis--dancing-1 .animarte-ellipsis__element:nth-of-type(3){--ellipsis-dancing-1_angle: 0deg;--radius: calc(var(--animarte-size) / 2 - 2.5 * var(--width));left:calc(50% - var(--width) / 2);animation-timing-function:linear;animation-name:ellipsisDancing1Right;translate:calc(cos(var(--ellipsis-dancing-1_angle)) * var(--radius)) calc(sin(var(--ellipsis-dancing-1_angle) * -1) * var(--radius))}@keyframes ellipsisDancing1Left{0%{right:100%;bottom:50%;transform:translate(100%,50%)}to{right:50%;bottom:50%;transform:translate(50%,50%)}}@keyframes ellipsisDancing1Middle{0%{right:50%;bottom:50%;transform:translate(50%,50%)}to{right:0%;bottom:50%;transform:translateY(50%)}}@keyframes ellipsisDancing1Right{to{--ellipsis-dancing-1_angle: 180deg}}@property --ellipsis-dancing-2_angle{syntax: "<angle>"; initial-value: 0deg; inherits: true;}.animarte-ellipsis--dancing-2 .animarte-ellipsis__element{position:absolute;animation-timing-function:linear;animation-duration:var(--animarte-speed)}.animarte-ellipsis--dancing-2 .animarte-ellipsis__element:nth-of-type(1){animation-name:ellipsisDancing2Left}.animarte-ellipsis--dancing-2 .animarte-ellipsis__element:nth-of-type(2){animation-name:ellipsisDancing2Middle}.animarte-ellipsis--dancing-2 .animarte-ellipsis__element:nth-of-type(3){--radius: calc(var(--animarte-size) / 4 - var(--width));animation-timing-function:linear;animation-name:ellipsisDancing2Right;translate:calc(cos(var(--ellipsis-dancing-2_angle)) * var(--radius)) calc(sin(var(--ellipsis-dancing-2_angle) * -1) * var(--radius))}@keyframes ellipsisDancing2Left{0%,50%{right:100%;bottom:50%;transform:translate(100%,50%)}to{right:50%;bottom:50%;transform:translate(50%,50%)}}@keyframes ellipsisDancing2Middle{0%{right:50%;bottom:50%;transform:translate(50%,50%)}50%,to{right:0%;bottom:50%;transform:translateY(50%)}}@keyframes ellipsisDancing2Right{0%{--ellipsis-dancing-2_angle: 0deg;left:calc(50% + var(--width) - var(--width) / 2)}49.99%{--ellipsis-dancing-2_angle: 180deg;left:calc(50% + var(--width) - var(--width) / 2)}50%{--ellipsis-dancing-2_angle: 0deg;left:var(--width)}to{--ellipsis-dancing-2_angle: -180deg;left:var(--width)}}@property --ellipsis-dancing-3_angle{syntax: "<angle>"; initial-value: 0deg; inherits: true;}.animarte-ellipsis--dancing-3 .animarte-ellipsis__element{position:absolute;animation-timing-function:linear;animation-duration:var(--animarte-speed)}.animarte-ellipsis--dancing-3 .animarte-ellipsis__element:nth-of-type(1){animation-name:ellipsisDancing3Left}.animarte-ellipsis--dancing-3 .animarte-ellipsis__element:nth-of-type(2){animation-name:ellipsisDancing3Middle}.animarte-ellipsis--dancing-3 .animarte-ellipsis__element:nth-of-type(3){--ellipsis-dancing-3_angle: 0deg;--radius: calc(var(--animarte-size) / 2 - 2.5 * var(--width));left:calc(50% - var(--width) / 2);animation-timing-function:linear;animation-name:ellipsisDancing3Right;translate:calc(cos(var(--ellipsis-dancing-3_angle)) * var(--radius)) calc(sin(var(--ellipsis-dancing-3_angle) * -1) * var(--radius))}@keyframes ellipsisDancing3Left{0%,to{right:100%;bottom:50%;transform:translate(100%,50%)}50%{right:50%;bottom:50%;transform:translate(50%,50%)}}@keyframes ellipsisDancing3Middle{0%,to{right:50%;bottom:50%;transform:translate(50%,50%)}50%{right:0%;bottom:50%;transform:translateY(50%)}}@keyframes ellipsisDancing3Right{to{--ellipsis-dancing-3_angle: 1turn}}.animarte-ellipsis--jumping-1 .animarte-ellipsis__element{animation-name:ellipsisJumping1;animation-duration:var(--animarte-speed);animation-timing-function:ease;position:relative;top:0;right:0;bottom:0;left:0}.animarte-ellipsis--jumping-1 .animarte-ellipsis__element:nth-of-type(1){animation-delay:calc(var(--animarte-speed) / 4 * 1)}.animarte-ellipsis--jumping-1 .animarte-ellipsis__element:nth-of-type(2){animation-delay:calc(var(--animarte-speed) / 4 * 2)}.animarte-ellipsis--jumping-1 .animarte-ellipsis__element:nth-of-type(3){animation-delay:calc(var(--animarte-speed) / 4 * 3)}@keyframes ellipsisJumping1{0%,to{top:0}50%{top:-20%}}.animarte-ellipsis--jumping-2 .animarte-ellipsis__element{animation-name:ellipsisJumping2;animation-duration:var(--animarte-speed);animation-timing-function:ease;position:relative;top:0;right:0;bottom:0;left:0}.animarte-ellipsis--jumping-2 .animarte-ellipsis__element:nth-of-type(1){animation-delay:calc(var(--animarte-speed) / 4 * 1)}.animarte-ellipsis--jumping-2 .animarte-ellipsis__element:nth-of-type(2){animation-delay:calc(var(--animarte-speed) / 4 * 2)}.animarte-ellipsis--jumping-2 .animarte-ellipsis__element:nth-of-type(3){animation-delay:calc(var(--animarte-speed) / 4 * 3)}@keyframes ellipsisJumping2{0%,75%,to{top:0}25%{top:-20%}50%{top:20%}}.animarte-ellipsis--one-for-all-1 .animarte-ellipsis__element{position:absolute;animation-timing-function:linear;animation-duration:var(--animarte-speed)}.animarte-ellipsis--one-for-all-1 .animarte-ellipsis__element:nth-child(1){animation-name:ellipsisOneForAll1Top;left:50%}.animarte-ellipsis--one-for-all-1 .animarte-ellipsis__element:nth-child(2){top:50%;animation-name:ellipsisOneForAll1Right}.animarte-ellipsis--one-for-all-1 .animarte-ellipsis__element:nth-child(3){left:50%;animation-name:ellipsisOneForAll1Bottom}.animarte-ellipsis--one-for-all-1 .animarte-ellipsis__element:nth-child(4){top:50%;animation-name:ellipsisOneForAll1Left}@keyframes ellipsisOneForAll1Top{0%,90%,to{top:0;transform:translate(-50%)}10%,80%{top:50%;transform:translate(-50%,-50%)}}@keyframes ellipsisOneForAll1Right{0%,20%,90%,to{left:100%;transform:translate(-100%,-50%)}25%{width:var(--width);height:var(--height)}30%{left:50%;transform:translate(-50%,-50%)}35%,45%{width:calc(1.5 * var(--width));height:calc(1.5 * var(--height))}55%,65%{width:calc(2 * var(--width));height:calc(2 * var(--height))}75%{width:calc(2.5 * var(--width));height:calc(2.5 * var(--height))}80%{width:calc(2.5 * var(--width));height:calc(2.5 * var(--height));left:50%;transform:translate(-50%,-50%)}85%{width:var(--width);height:var(--height)}}@keyframes ellipsisOneForAll1Bottom{0%,40%,90%,to{top:100%;transform:translate(-50%,-100%)}50%,80%{top:50%;transform:translate(-50%,-50%)}}@keyframes ellipsisOneForAll1Left{0%,60%,90%,to{left:0;transform:translateY(-50%)}70%,80%{left:50%;transform:translate(-50%,-50%)}}.animarte-ellipsis--one-for-all-2 .animarte-ellipsis__element{position:absolute;animation-timing-function:ease;animation-duration:var(--animarte-speed);top:50%}.animarte-ellipsis--one-for-all-2 .animarte-ellipsis__element:nth-child(1){animation-name:ellipsisOneForAll2Left}.animarte-ellipsis--one-for-all-2 .animarte-ellipsis__element:nth-child(2){left:50%;transform:translate(-50%,-50%);animation-name:ellipsisOneForAll2Middle}.animarte-ellipsis--one-for-all-2 .animarte-ellipsis__element:nth-child(3){animation-name:ellipsisOneForAll2Right}@keyframes ellipsisOneForAll2Left{0%,to{left:0;transform:translateY(-50%)}50%{left:50%;transform:translate(-50%,-50%)}}@keyframes ellipsisOneForAll2Middle{0%{width:var(--width);height:var(--height)}50%{width:calc(2 * var(--width));height:calc(2 * var(--height))}}@keyframes ellipsisOneForAll2Right{0%,to{left:100%;transform:translate(-100%,-50%)}50%{left:50%;transform:translate(-50%,-50%)}}.animarte-ellipsis--orbiting .animarte-ellipsis__element{position:absolute}.animarte-ellipsis--orbiting .animarte-ellipsis__element:nth-of-type(1){animation-direction:alternate}.animarte-ellipsis--orbiting .animarte-ellipsis__element:nth-of-type(2){right:50%;transform:translate(50%)}.animarte-ellipsis--orbiting .animarte-ellipsis__element:nth-of-type(3){animation-direction:alternate-reverse}.animarte-ellipsis--orbiting .animarte-ellipsis__element:nth-of-type(1),.animarte-ellipsis--orbiting .animarte-ellipsis__element:nth-of-type(3){animation-name:ellipsisOrbiting;animation-duration:var(--animarte-speed);animation-timing-function:ease-in-out}@keyframes ellipsisOrbiting{0%{right:0%;transform:translate(0)}to{right:100%;transform:translate(100%)}}.animarte-ellipsis--pendulum-1 .animarte-ellipsis__element{position:absolute;animation-timing-function:ease;animation-duration:var(--animarte-speed);top:50%}.animarte-ellipsis--pendulum-1 .animarte-ellipsis__element:nth-child(1){animation-name:ellipsisPendulum1Left}.animarte-ellipsis--pendulum-1 .animarte-ellipsis__element:nth-child(2){left:50%;transform:translate(-50%,-50%)}.animarte-ellipsis--pendulum-1 .animarte-ellipsis__element:nth-child(3){animation-name:ellipsisPendulum1Right}@keyframes ellipsisPendulum1Left{0%,to{left:calc(50% - var(--width));transform:translate(-50%,-50%)}50%{left:0;transform:translateY(-50%)}}@keyframes ellipsisPendulum1Right{0%,to{left:100%;transform:translate(-100%,-50%)}50%{left:calc(50% + var(--width));transform:translate(-50%,-50%)}}.animarte-ellipsis--pendulum-2 .animarte-ellipsis__element{position:absolute;animation-timing-function:linear;animation-duration:var(--animarte-speed);top:50%}.animarte-ellipsis--pendulum-2 .animarte-ellipsis__element:nth-child(1){animation-name:ellipsisPendulum2Left}.animarte-ellipsis--pendulum-2 .animarte-ellipsis__element:nth-child(2){left:50%;transform:translate(-50%,-50%)}.animarte-ellipsis--pendulum-2 .animarte-ellipsis__element:nth-child(3){animation-name:ellipsisPendulum2Right}@keyframes ellipsisPendulum2Left{0%,25%,75%,to{left:calc(50% - var(--width));transform:translate(-50%,-50%)}50%{left:0;transform:translateY(-50%)}}@keyframes ellipsisPendulum2Right{0%,to{left:100%;transform:translate(-100%,-50%)}25%,75%{left:calc(50% + var(--width));transform:translate(-50%,-50%)}}.animarte-ellipsis--queue .animarte-ellipsis__element{position:absolute;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-duration:var(--animarte-speed)}.animarte-ellipsis--queue .animarte-ellipsis__element:nth-of-type(1){animation-name:ellipsisQueue1}.animarte-ellipsis--queue .animarte-ellipsis__element:nth-of-type(2){animation-name:ellipsisQueue2}.animarte-ellipsis--queue .animarte-ellipsis__element:nth-of-type(3){animation-name:ellipsisQueue3}@keyframes ellipsisQueue1{0%,40%{right:100%;bottom:50%;transform:translate(100%,50%)}to{right:50%;bottom:50%;transform:translate(50%,50%)}}@keyframes ellipsisQueue2{0%,10%{right:50%;bottom:50%;transform:translate(50%,50%)}to{right:0%;bottom:50%;transform:translateY(50%)}}@keyframes ellipsisQueue3{0%{right:0%;bottom:50%;transform:translateY(50%)}20%{right:0%;bottom:50%;transform:translate(100%,50%)}40%{right:0%;bottom:0;transform:translate(100%,100%)}60%{right:100%;bottom:0;transform:translateY(100%)}80%{right:100%;bottom:50%;transform:translateY(50%)}to{right:100%;bottom:50%;transform:translate(100%,50%)}}.animarte-ellipsis--stretching-1 .animarte-ellipsis__element{animation-name:ellipsisStretching1;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-duration:var(--animarte-speed)}.animarte-ellipsis--stretching-1 .animarte-ellipsis__element:nth-of-type(1){animation-delay:calc(var(--animarte-speed) * .2 * 1)}.animarte-ellipsis--stretching-1 .animarte-ellipsis__element:nth-of-type(2){animation-delay:calc(var(--animarte-speed) * .2 * 2)}.animarte-ellipsis--stretching-1 .animarte-ellipsis__element:nth-of-type(3){animation-delay:calc(var(--animarte-speed) * .2 * 3)}@keyframes ellipsisStretching1{50%{height:70%}}.animarte-graph--bar-1{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:5%}.animarte-graph--bar-1 .animarte-graph__element{display:flex;align-items:flex-end;background:currentColor;animation-name:graphBar1;animation-timing-function:ease-out;animation-iteration-count:infinite;animation-duration:var(--animarte-speed);height:0}.animarte-graph--bar-1 .animarte-graph__element:nth-child(1){--height: 20%}.animarte-graph--bar-1 .animarte-graph__element:nth-child(2){--height: 60%}.animarte-graph--bar-1 .animarte-graph__element:nth-child(3){--height: 40%}.animarte-graph--bar-1 .animarte-graph__element:nth-child(4){--height: 90%}.animarte-graph--bar-1 .animarte-graph__element:nth-of-type(1){animation-delay:calc(var(--animarte-speed) * .05 * 1)}.animarte-graph--bar-1 .animarte-graph__element:nth-of-type(2){animation-delay:calc(var(--animarte-speed) * .05 * 2)}.animarte-graph--bar-1 .animarte-graph__element:nth-of-type(3){animation-delay:calc(var(--animarte-speed) * .05 * 3)}.animarte-graph--bar-1 .animarte-graph__element:nth-of-type(4){animation-delay:calc(var(--animarte-speed) * .05 * 4)}@keyframes graphBar1{50%{height:var(--height)}}.animarte-lines--agitated-1 .animarte-lines__element{position:absolute;left:0;top:50%;transform:translateY(-50%);background:color-mix(in srgb,currentColor 30%,transparent);border-radius:100vw;width:100%;height:10%}.animarte-lines--agitated-1 .animarte-lines__element:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:100vw;background:currentColor;animation-name:linesAgited1;animation-timing-function:ease-in-out;animation-duration:var(--animarte-speed);animation-iteration-count:infinite;animation-direction:alternate}@keyframes linesAgited1{0%{left:0;width:0}50%{left:0;width:100%}to{left:100%;width:0}}.animarte-lines--stretching-1 .animarte-lines__element{position:absolute;top:50%;transform:translateY(-50%);width:10%;background-color:currentColor;animation-name:linesStretching1;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--animarte-speed)}.animarte-lines--stretching-1 .animarte-lines__element:nth-of-type(1){animation-delay:calc(var(--animarte-speed) * .2 * 1)}.animarte-lines--stretching-1 .animarte-lines__element:nth-of-type(2){animation-delay:calc(var(--animarte-speed) * .2 * 2)}.animarte-lines--stretching-1 .animarte-lines__element:nth-of-type(3){animation-delay:calc(var(--animarte-speed) * .2 * 3)}.animarte-lines--stretching-1 .animarte-lines__element:nth-of-type(4){animation-delay:calc(var(--animarte-speed) * .2 * 4)}.animarte-lines--stretching-1 .animarte-lines__element:nth-of-type(5){animation-delay:calc(var(--animarte-speed) * .2 * 5)}@keyframes linesStretching1{0%{height:0%;left:0%}50%{height:80%;left:50%}to{height:0%;left:100%;transform:translate(-100%,-50%)}}.animarte-paper-plane--flying-1 .animarte-paper-plane__element:nth-child(1),.animarte-paper-plane--flying-1 .animarte-paper-plane__element:nth-child(2),.animarte-paper-plane--flying-1 .animarte-paper-plane__element:nth-child(3){position:absolute;top:50%;left:50%;width:40%;height:40%;animation-name:paperPlaneFlying1;animation-duration:var(--animarte-speed);animation-timing-function:linear;animation-iteration-count:infinite}.animarte-paper-plane--flying-1 .animarte-paper-plane__element:nth-child(1){z-index:1;clip-path:polygon(10% 10%,100% 100%,10% 100%,10% 55%,100% 100%,10% 45%);background-color:currentColor}.animarte-paper-plane--flying-1 .animarte-paper-plane__element:nth-child(2){z-index:-2;clip-path:polygon(0% 60%,100% 100%,10% 45%);background-color:color-mix(in srgb,currentColor 90%,#000)}.animarte-paper-plane--flying-1 .animarte-paper-plane__element:nth-child(3){z-index:-1;clip-path:polygon(0% 60%,100% 100%,10% 55%);background-color:color-mix(in srgb,currentColor 80%,#000)}.animarte-paper-plane--flying-1 .animarte-paper-plane__element:nth-child(4),.animarte-paper-plane--flying-1 .animarte-paper-plane__element:nth-child(5){position:absolute;background-color:#fff9;width:40%;height:20%;border-radius:50%;animation-name:paperPlaneClouds1;animation-timing-function:linear;animation-iteration-count:infinite;opacity:0}.animarte-paper-plane--flying-1 .animarte-paper-plane__element:nth-child(4):before,.animarte-paper-plane--flying-1 .animarte-paper-plane__element:nth-child(4):after,.animarte-paper-plane--flying-1 .animarte-paper-plane__element:nth-child(5):before,.animarte-paper-plane--flying-1 .animarte-paper-plane__element:nth-child(5):after{content:"";position:absolute;background:#fff;border-radius:50%;opacity:.8}.animarte-paper-plane--flying-1 .animarte-paper-plane__element:nth-child(4):before,.animarte-paper-plane--flying-1 .animarte-paper-plane__element:nth-child(5):before{width:30%;height:30%;top:0;left:0}.animarte-paper-plane--flying-1 .animarte-paper-plane__element:nth-child(4):after,.animarte-paper-plane--flying-1 .animarte-paper-plane__element:nth-child(5):after{width:40%;height:40%;bottom:0;right:-10%}.animarte-paper-plane--flying-1 .animarte-paper-plane__element:nth-child(4){z-index:-3;animation-duration:calc(var(--animarte-speed) / .9);top:15%}.animarte-paper-plane--flying-1 .animarte-paper-plane__element:nth-child(5){z-index:2;animation-duration:calc(var(--animarte-speed) / 1.1);bottom:15%}@keyframes paperPlaneFlying1{0%,to{transform:translate(-50%,-75%) rotate(-45deg)}12.5%{transform:translate(-50%,-85%) rotate(-55deg)}25%{transform:translate(-50%,-100%) rotate(-65deg)}37.5%{transform:translate(-50%,-90%) rotate(-55deg)}50%{height:50%;transform:translate(-50%,-75%) rotate(-45deg)}62.5%{transform:translate(-50%,-65%) rotate(-35deg)}75%{transform:translate(-50%,-50%) rotate(-25deg)}87.5%{transform:translate(-50%,-65%) rotate(-35deg)}}@keyframes paperPlaneClouds1{0%{left:100%;transform:translate(100%)}50%{opacity:1}to{left:0;transform:translate(-100%)}}.animarte-semicircle--growing-2 .animarte-semicircle__element{display:grid;width:100%;height:100%;border-radius:100vw;border-color:currentColor;border-style:solid;border-width:calc(var(--animarte-size) * .1);padding:calc(var(--animarte-size) * .1)}.animarte-semicircle--growing-2 .animarte-semicircle__element:before{content:"";grid-area:1/1;border-radius:100vw;background:currentColor;animation-iteration-count:infinite,infinite;animation-duration:var(--animarte-speed),var(--animarte-speed);animation-timing-function:linear,linear;animation-name:semicircleGrowing2ChangeForm,semicircleGrowing2Spin}@keyframes semicircleGrowing2Spin{to{transform:rotate(360deg)}}@keyframes semicircleGrowing2ChangeForm{0%{clip-path:polygon(50% 50%,50% 0%,50% 0%,50% 0%,50% 0%,50% 0%,50% 0%)}6.25%{clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 0%,100% 0%,100% 0%,100% 0%)}18.75%{clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 100%,100% 100%,100% 100%,100% 100%)}31.25%{clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 100%,0% 100%,0% 100%,0% 100%)}43.75%{clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 100%,0% 100%,0% 0%,0% 0%)}50%{clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 100%,0% 100%,0% 0%,50% 0%)}56.25%{clip-path:polygon(50% 50%,100% 0%,100% 0%,100% 100%,0% 100%,0% 0%,50% 0%)}68.75%{clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,0% 100%,0% 0%,50% 0%)}81.25%{clip-path:polygon(50% 50%,0% 100%,0% 100%,0% 100%,0% 100%,0% 0%,50% 0%)}93.75%{clip-path:polygon(50% 50%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,50% 0%)}to{clip-path:polygon(50% 50%,50% 0%,50% 0%,50% 0%,50% 0%,50% 0%,50% 0%)}}.animarte-semicircle--growing .animarte-semicircle__element{width:100%;height:100%;border-radius:100vw;background-color:transparent;border-color:currentColor;border-style:solid;border-width:calc(var(--animarte-size) * .1);animation-iteration-count:infinite,infinite;animation-duration:var(--animarte-speed),var(--animarte-speed);animation-timing-function:linear,linear;animation-direction:alternate,normal;animation-name:changeShapeKeyframes,spinKeyframes}@keyframes changeShapeKeyframes{0%{clip-path:polygon(50% 50%,100% 50%,100% 50%,100% 50%,100% 50%,100% 50%,100% 50%)}25%{clip-path:polygon(50% 50%,100% 0%,100% 0%,100% 0%,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0% 0%,0% 0%,100% 0%,100% 100%,0% 100%,0% 100%)}to{clip-path:polygon(50% 50%,0% 50%,0% 0%,100% 0%,100% 100%,0% 100%,0% 50%)}}.animarte-semicircle--spinning-1 .animarte-semicircle__element{--padding: 10%;width:100%;height:100%;border-radius:100vw;background-color:transparent;border-color:currentColor;border-style:solid;border-width:calc(var(--animarte-size) * .1);clip-path:polygon(0% 0%,calc(50% - var(--padding)) 0%,calc(50% - var(--padding)) calc(50% - var(--padding)),calc(50% + var(--padding)) calc(50% - var(--padding)),calc(50% + var(--padding)) 0%,100% 0%,100% calc(50% - var(--padding)),calc(50% + var(--padding)) calc(50% - var(--padding)),calc(50% + var(--padding)) calc(50% + var(--padding)),100% calc(50% + var(--padding)),100% 100%,calc(50% + var(--padding)) 100%,calc(50% + var(--padding)) calc(50% + var(--padding)),calc(50% - var(--padding)) calc(50% + var(--padding)),calc(50% - var(--padding)) 100%,0% 100%,0% calc(50% + var(--padding)),calc(50% - var(--padding)) calc(50% + var(--padding)),calc(50% - var(--padding)) calc(50% - var(--padding)),0% calc(50% - var(--padding)));animation-name:semicircleSpinning1;animation-iteration-count:infinite;animation-duration:calc(var(--animarte-speed) / 2);animation-timing-function:linear}@keyframes semicircleSpinning1{to{transform:rotate(1turn)}}.animarte-spinner{--width: 10%;--height: 25%;--radius: calc((var(--animarte-size) - var(--height)) / 2)}.animarte-spinner--classic-1 .animarte-spinner__element{position:absolute;left:calc(var(--x) + 7.5%);top:var(--y);width:var(--width);height:var(--height);border-radius:100vw;opacity:.2;background:currentColor;animation-name:spinnerClassic1;animation-duration:var(--animarte-speed);animation-iteration-count:infinite;animation-timing-function:ease-in-out}.animarte-spinner--classic-1 .animarte-spinner__element:nth-of-type(1){--degree: 45deg ;--x: calc(var(--radius) + var(--radius) * cos(var(--degree)));--y: calc(var(--radius) + var(--radius) * sin(var(--degree)));rotate:calc(var(--degree) - 90deg);animation-delay:calc(var(--animarte-speed) * 1 * .125)}.animarte-spinner--classic-1 .animarte-spinner__element:nth-of-type(2){--degree: 90deg ;--x: calc(var(--radius) + var(--radius) * cos(var(--degree)));--y: calc(var(--radius) + var(--radius) * sin(var(--degree)));rotate:calc(var(--degree) - 90deg);animation-delay:calc(var(--animarte-speed) * 2 * .125)}.animarte-spinner--classic-1 .animarte-spinner__element:nth-of-type(3){--degree: 135deg ;--x: calc(var(--radius) + var(--radius) * cos(var(--degree)));--y: calc(var(--radius) + var(--radius) * sin(var(--degree)));rotate:calc(var(--degree) - 90deg);animation-delay:calc(var(--animarte-speed) * 3 * .125)}.animarte-spinner--classic-1 .animarte-spinner__element:nth-of-type(4){--degree: 180deg ;--x: calc(var(--radius) + var(--radius) * cos(var(--degree)));--y: calc(var(--radius) + var(--radius) * sin(var(--degree)));rotate:calc(var(--degree) - 90deg);animation-delay:calc(var(--animarte-speed) * 4 * .125)}.animarte-spinner--classic-1 .animarte-spinner__element:nth-of-type(5){--degree: 225deg ;--x: calc(var(--radius) + var(--radius) * cos(var(--degree)));--y: calc(var(--radius) + var(--radius) * sin(var(--degree)));rotate:calc(var(--degree) - 90deg);animation-delay:calc(var(--animarte-speed) * 5 * .125)}.animarte-spinner--classic-1 .animarte-spinner__element:nth-of-type(6){--degree: 270deg ;--x: calc(var(--radius) + var(--radius) * cos(var(--degree)));--y: calc(var(--radius) + var(--radius) * sin(var(--degree)));rotate:calc(var(--degree) - 90deg);animation-delay:calc(var(--animarte-speed) * 6 * .125)}.animarte-spinner--classic-1 .animarte-spinner__element:nth-of-type(7){--degree: 315deg ;--x: calc(var(--radius) + var(--radius) * cos(var(--degree)));--y: calc(var(--radius) + var(--radius) * sin(var(--degree)));rotate:calc(var(--degree) - 90deg);animation-delay:calc(var(--animarte-speed) * 7 * .125)}.animarte-spinner--classic-1 .animarte-spinner__element:nth-of-type(8){--degree: 360deg ;--x: calc(var(--radius) + var(--radius) * cos(var(--degree)));--y: calc(var(--radius) + var(--radius) * sin(var(--degree)));rotate:calc(var(--degree) - 90deg);animation-delay:calc(var(--animarte-speed) * 8 * .125)}@keyframes spinnerClassic1{0%,75%,to{opacity:.2}12.5%{opacity:1}}.animarte-windlows--asymmetrical-circles .animarte-windlows__element{position:absolute;width:inherit;height:inherit;display:flex;justify-content:center;animation-name:spinKeyframes;animation-duration:var(--animarte-speed);animation-iteration-count:infinite}.animarte-windlows--asymmetrical-circles .animarte-windlows__element:before{content:"";display:block;border-radius:50%;background:currentColor}.animarte-windlows--asymmetrical-circles .animarte-windlows__element:nth-of-type(1):before{width:17.5%;height:17.5%;opacity:.9;margin:1.25% 0}.animarte-windlows--asymmetrical-circles .animarte-windlows__element:nth-of-type(2):before{width:15%;height:15%;opacity:.8;margin:2.5% 0}.animarte-windlows--asymmetrical-circles .animarte-windlows__element:nth-of-type(3):before{width:12.5%;height:12.5%;opacity:.7;margin:3.75% 0}.animarte-windlows--asymmetrical-circles .animarte-windlows__element:nth-of-type(4):before{width:10%;height:10%;opacity:.6;margin:5% 0}.animarte-windlows--asymmetrical-circles .animarte-windlows__element:nth-of-type(5):before{width:7.5%;height:7.5%;opacity:.5;margin:6.25% 0}.animarte-windlows--asymmetrical-circles .animarte-windlows__element:nth-of-type(6):before{width:5%;height:5%;opacity:calc(1 - .1 * 6);margin:7.5% 0}.animarte-windlows--asymmetrical-circles .animarte-windlows__element:nth-of-type(1){z-index:8;animation-delay:calc(var(--animarte-speed) / 4 / 6 * 1)}.animarte-windlows--asymmetrical-circles .animarte-windlows__element:nth-of-type(2){z-index:7;animation-delay:calc(var(--animarte-speed) / 4 / 6 * 2)}.animarte-windlows--asymmetrical-circles .animarte-windlows__element:nth-of-type(3){z-index:6;animation-delay:calc(var(--animarte-speed) / 4 / 6 * 3)}.animarte-windlows--asymmetrical-circles .animarte-windlows__element:nth-of-type(4){z-index:5;animation-delay:calc(var(--animarte-speed) / 4 / 6 * 4)}.animarte-windlows--asymmetrical-circles .animarte-windlows__element:nth-of-type(5){z-index:4;animation-delay:calc(var(--animarte-speed) / 4 / 6 * 5)}.animarte-windlows--asymmetrical-circles .animarte-windlows__element:nth-of-type(6){z-index:3;animation-delay:calc(var(--animarte-speed) / 4 / 6 * 6)}@keyframes spinKeyframes{to{transform:rotate(360deg)}}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*,*:before,*:after{margin:0;padding:0;border:0;box-sizing:border-box;image-rendering:optimizeQuality;text-rendering:optimizeLegibility}html{font-family:Poppins,sans-serif;font-size:93.75%}a{text-decoration:inherit;color:inherit}ul,ol{list-style:none}button{font-family:inherit;color:inherit}button:not(:disabled){cursor:pointer}input{font-family:inherit}#root{font-family:Fira Sans,sans-serif;background-color:#fff}.animations-list{position:absolute;display:grid;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));grid-auto-rows:auto;align-content:start;gap:1rem;width:100%;height:100%;overflow-y:auto}.animation-controls{background-color:#f2f2f8;border:1px solid #dedee4;border-radius:1rem}.animation-controls__control{padding:.75rem 3rem;font-size:.875rem;text-transform:uppercase;color:#0006;text-align:center}.animation-controls__control+.animation-controls__control{border-top:1px solid #dedee4}.color-picker{--selected-color: #000;display:flex;align-items:center;justify-content:end;width:100%;height:1.25rem;background-color:var(--selected-color);border-radius:100vw;border:2px solid #ffffff;cursor:pointer}.color-picker:after{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='currentColor'%3e%3cpath%20d='M12%202C17.5222%202%2022%205.97778%2022%2010.8889C22%2013.9556%2019.5111%2016.4444%2016.4444%2016.4444H14.4778C13.5556%2016.4444%2012.8111%2017.1889%2012.8111%2018.1111C12.8111%2018.5333%2012.9778%2018.9222%2013.2333%2019.2111C13.5%2019.5111%2013.6667%2019.9%2013.6667%2020.3333C13.6667%2021.2556%2012.9%2022%2012%2022C6.47778%2022%202%2017.5222%202%2012C2%206.47778%206.47778%202%2012%202ZM10.8111%2018.1111C10.8111%2016.0843%2012.451%2014.4444%2014.4778%2014.4444H16.4444C18.4065%2014.4444%2020%2012.851%2020%2010.8889C20%207.1392%2016.4677%204%2012%204C7.58235%204%204%207.58235%204%2012C4%2016.19%207.2226%2019.6285%2011.324%2019.9718C10.9948%2019.4168%2010.8111%2018.7761%2010.8111%2018.1111ZM7.5%2012C6.67157%2012%206%2011.3284%206%2010.5C6%209.67157%206.67157%209%207.5%209C8.32843%209%209%209.67157%209%2010.5C9%2011.3284%208.32843%2012%207.5%2012ZM16.5%2012C15.6716%2012%2015%2011.3284%2015%2010.5C15%209.67157%2015.6716%209%2016.5%209C17.3284%209%2018%209.67157%2018%2010.5C18%2011.3284%2017.3284%2012%2016.5%2012ZM12%209C11.1716%209%2010.5%208.32843%2010.5%207.5C10.5%206.67157%2011.1716%206%2012%206C12.8284%206%2013.5%206.67157%2013.5%207.5C13.5%208.32843%2012.8284%209%2012%209Z'%3e%3c/path%3e%3c/svg%3e");line-height:0;transform:translate(2px);width:1.25rem;height:1.25rem;background-color:#fff;border:3px solid #ffffff;border-radius:100vw}.color-picker input[type=color]{display:none}.animation{display:grid;grid-template-rows:auto auto;border:1px solid #dedee4;border-radius:.5rem}.animation_details{display:grid;grid-template-rows:auto auto;background-color:#f2f2f880;padding:.5rem;margin:.25rem;border-radius:.5rem}.animation__name,.animation__variant{font-family:JetBrains Mono,monospace;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.animation__variant{opacity:.25}.animation .animarte-wrapper{justify-self:center;margin:.5rem}.branding{display:grid;justify-items:center;text-align:center;line-height:1.2;height:max-content;margin-bottom:1rem}.branding__logo{width:6.25rem}.branding__title{margin-top:1rem;font-size:1.5rem;font-weight:600}.branding__description{margin-top:.375rem;font-weight:300}@media screen and (max-width: 750px){.branding{grid-template-columns:max-content 1fr;grid-template-rows:auto auto;justify-items:initial;align-items:center;text-align:initial;gap:0 1rem;margin-bottom:.5rem}.branding__logo{grid-row:1/3;width:4rem}.branding__title,.branding__description{margin-top:0}}.search{position:relative;isolation:isolate;display:grid;height:3rem}.search__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;gap:.5rem;font-size:1rem;color:#0006;line-height:1;pointer-events:none}.search__placeholder:has(~input:is(:focus,:not(:placeholder-shown))){opacity:0}.search__icon{width:1rem;height:1rem}.search__input{background-color:#f2f2f8;height:100%;border-radius:.75rem;border:1px solid #dedee4;padding:.5rem .875rem;text-align:center}.search__input::placeholder{opacity:0}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:transparent}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none}.slider::-webkit-slider-thumb{border:2px solid #ffffff;height:.75rem;width:.75rem;border-radius:100vw;background:#000;cursor:pointer;transform:translateY(-3px)}.slider::-moz-range-thumb{border:2px solid #ffffff;height:.75rem;width:.75rem;border-radius:100vw;background:#000;cursor:pointer}.slider::-webkit-slider-runnable-track{width:100%;height:.375rem;cursor:pointer;box-shadow:none;background:#0006;border-radius:100vw;border:none}.slider::-moz-range-track{width:100%;height:.375rem;cursor:pointer;box-shadow:none;background:#0006;border-radius:100vw;border:none}.app-options{display:flex;justify-content:center;gap:2rem}.app-options__option{position:relative;isolation:isolate;display:flex;justify-content:center;align-items:center;flex-shrink:0;color:#aaa}.app-options__option a{display:flex}.app-options__option svg{width:1.5rem;height:1.5rem}.app-options__option+.app-options__option:before{content:"";display:block;position:absolute;left:-1rem;top:50%;transform:translate(-50%,-50%);height:2.5rem;width:1px;background-color:#dedee4}@media screen and (max-width: 750px){.app-options__option a{padding:.5rem}}.footer{display:flex;justify-content:center;gap:.75rem;background-color:#f2f2f8;border-radius:100vw;border:1px solid #dedee4;padding:.5rem}.footer__info{display:flex;align-items:center;gap:.75rem;color:#0006;font-size:.875rem}.footer__info:not(:last-child):after{content:"";display:block;width:.375rem;height:.375rem;border-radius:100vw;background-color:#aaa}@media screen and (max-width: 750px){.footer__info{font-size:1rem}}.page--home{position:relative;isolation:isolate;display:grid;grid-template-columns:auto 1rem 1fr;grid-template-rows:max-content max-content max-content 1fr max-content max-content;gap:1rem;justify-self:center;min-height:100svh;padding:3.75rem 5rem;transition:padding .2s ease-in-out;width:100%}.page--home:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;grid-row:1/7;grid-column:1/2;background-color:#f2f2f880;border-radius:1rem;border:1px solid #dedee4;padding:2rem 2.5rem}.page--home .branding,.page--home .search,.page--home .animation-controls,.page--home .app-options{margin-left:2.5rem;margin-right:2.5rem}.page--home .branding,.page--home .search,.page--home .animation-controls,.page--home .app-options,.page--home .footer{grid-column:1/2}.page--home .branding{grid-row:1/2;max-width:18rem;margin-top:2rem}.page--home .search{grid-row:2/3}.page--home .animation-controls{grid-row:3/4;max-width:18rem}.page--home .app-options{grid-row:5/6}.page--home .footer{grid-row:6/7}.page--home .animations-list{grid-column:3/4;grid-row:1/-1}@media screen and (max-width: 930px){.page--home{padding:1.5rem 2rem;grid-template-columns:auto 1fr}.page--home .animations-list{grid-column:2/3}}@media screen and (max-width: 750px){.page--home{grid-template-columns:1fr}.page--home:before{grid-column:1/2;grid-row:5/7}.page--home .branding{margin-top:0}.page--home .branding,.page--home .animation-controls{max-width:100%}.page--home .animation-controls{display:none}.page--home .branding,.page--home .search,.page--home .animation-controls,.page--home .app-options{margin-left:0;margin-right:0}.page--home .app-options{margin-top:.75rem;transform:translateY(.1875rem)}.page--home .animations-list{grid-column:1/2;grid-row:3/5}}.animarte-wrapper{display:flex;justify-content:center;align-items:center;width:5rem;height:5rem}