/*!
 * Magic - https://www.minimamente.com
 * Licensed under the MIT license - https://opensource.org/licenses/MIT
 * Copyright (c) 2022 Christian Pucci
 */.puffIn{-webkit-animation-name:puffIn;animation-name:puffIn}@-webkit-keyframes puffIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(2px)}to{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}}@keyframes puffIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(2px)}to{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}}.puffOut{-webkit-animation-name:puffOut;animation-name:puffOut}@-webkit-keyframes puffOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}to{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(2px)}}@keyframes puffOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}to{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(2px)}}.vanishIn{-webkit-animation-name:vanishIn;animation-name:vanishIn}@-webkit-keyframes vanishIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(90px)}to{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}}@keyframes vanishIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(90px)}to{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}}.vanishOut{-webkit-animation-name:vanishOut;animation-name:vanishOut}@-webkit-keyframes vanishOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}to{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(20px)}}@keyframes vanishOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}to{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(20px)}}.boingInUp{-webkit-animation-name:boingInUp;animation-name:boingInUp}@-webkit-keyframes boingInUp{0%{opacity:0;transform-origin:50% 0%;transform:perspective(800px) rotateX(-90deg)}50%{opacity:1;transform-origin:50% 0%;transform:perspective(800px) rotateX(50deg)}to{opacity:1;transform-origin:50% 0%;transform:perspective(800px) rotateX(0)}}@keyframes boingInUp{0%{opacity:0;transform-origin:50% 0%;transform:perspective(800px) rotateX(-90deg)}50%{opacity:1;transform-origin:50% 0%;transform:perspective(800px) rotateX(50deg)}to{opacity:1;transform-origin:50% 0%;transform:perspective(800px) rotateX(0)}}.boingOutDown{-webkit-animation-name:boingOutDown;animation-name:boingOutDown}@-webkit-keyframes boingOutDown{0%{opacity:1;transform-origin:100% 100%;transform:perspective(800px) rotateX(0) rotateY(0)}20%{opacity:1;transform-origin:100% 100%;transform:perspective(800px) rotateX(0) rotateY(10deg)}30%{opacity:1;transform-origin:0% 100%;transform:perspective(800px) rotateX(0) rotateY(0)}40%{opacity:1;transform-origin:0% 100%;transform:perspective(800px) rotateX(10deg) rotateY(10deg)}to{opacity:0;transform-origin:100% 100%;transform:perspective(800px) rotateX(90deg) rotateY(0)}}@keyframes boingOutDown{0%{opacity:1;transform-origin:100% 100%;transform:perspective(800px) rotateX(0) rotateY(0)}20%{opacity:1;transform-origin:100% 100%;transform:perspective(800px) rotateX(0) rotateY(10deg)}30%{opacity:1;transform-origin:0% 100%;transform:perspective(800px) rotateX(0) rotateY(0)}40%{opacity:1;transform-origin:0% 100%;transform:perspective(800px) rotateX(10deg) rotateY(10deg)}to{opacity:0;transform-origin:100% 100%;transform:perspective(800px) rotateX(90deg) rotateY(0)}}.bombLeftOut{-webkit-animation-name:bombLeftOut;animation-name:bombLeftOut}@-webkit-keyframes bombLeftOut{0%{opacity:1;transform-origin:50% 50%;transform:rotate(0);filter:blur(0px)}50%{opacity:1;transform-origin:-100% 50%;transform:rotate(-160deg);filter:blur(0px)}to{opacity:0;transform-origin:-100% 50%;transform:rotate(-160deg);filter:blur(20px)}}@keyframes bombLeftOut{0%{opacity:1;transform-origin:50% 50%;transform:rotate(0);filter:blur(0px)}50%{opacity:1;transform-origin:-100% 50%;transform:rotate(-160deg);filter:blur(0px)}to{opacity:0;transform-origin:-100% 50%;transform:rotate(-160deg);filter:blur(20px)}}.bombRightOut{-webkit-animation-name:bombRightOut;animation-name:bombRightOut}@-webkit-keyframes bombRightOut{0%{opacity:1;transform-origin:50% 50%;transform:rotate(0);filter:blur(0px)}50%{opacity:1;transform-origin:200% 50%;transform:rotate(160deg);filter:blur(0px)}to{opacity:0;transform-origin:200% 50%;transform:rotate(160deg);filter:blur(20px)}}@keyframes bombRightOut{0%{opacity:1;transform-origin:50% 50%;transform:rotate(0);filter:blur(0px)}50%{opacity:1;transform-origin:200% 50%;transform:rotate(160deg);filter:blur(0px)}to{opacity:0;transform-origin:200% 50%;transform:rotate(160deg);filter:blur(20px)}}.magic{-webkit-animation-name:magic;animation-name:magic}@-webkit-keyframes magic{0%{opacity:1;transform-origin:100% 200%;transform:scale(1) rotate(0)}to{opacity:0;transform-origin:200% 500%;transform:scale(0) rotate(270deg)}}@keyframes magic{0%{opacity:1;transform-origin:100% 200%;transform:scale(1) rotate(0)}to{opacity:0;transform-origin:200% 500%;transform:scale(0) rotate(270deg)}}.swap{-webkit-animation-name:swap;animation-name:swap}@-webkit-keyframes swap{0%{opacity:0;transform-origin:0 100%;transform:scale(0) translate(-700px)}to{opacity:1;transform-origin:100% 100%;transform:scale(1) translate(0)}}@keyframes swap{0%{opacity:0;transform-origin:0 100%;transform:scale(0) translate(-700px)}to{opacity:1;transform-origin:100% 100%;transform:scale(1) translate(0)}}.twisterInDown{-webkit-animation-name:twisterInDown;animation-name:twisterInDown}@-webkit-keyframes twisterInDown{0%{opacity:0;transform-origin:0 100%;transform:scale(0) rotate(360deg) translateY(-100%)}30%{transform-origin:0 100%;transform:scale(0) rotate(360deg) translateY(-100%)}to{opacity:1;transform-origin:100% 100%;transform:scale(1) rotate(0) translateY(0)}}@keyframes twisterInDown{0%{opacity:0;transform-origin:0 100%;transform:scale(0) rotate(360deg) translateY(-100%)}30%{transform-origin:0 100%;transform:scale(0) rotate(360deg) translateY(-100%)}to{opacity:1;transform-origin:100% 100%;transform:scale(1) rotate(0) translateY(0)}}.twisterInUp{-webkit-animation-name:twisterInUp;animation-name:twisterInUp}@-webkit-keyframes twisterInUp{0%{opacity:0;transform-origin:100% 0;transform:scale(0) rotate(360deg) translateY(100%)}30%{transform-origin:100% 0;transform:scale(0) rotate(360deg) translateY(100%)}to{opacity:1;transform-origin:0 0;transform:scale(1) rotate(0) translateY(0)}}@keyframes twisterInUp{0%{opacity:0;transform-origin:100% 0;transform:scale(0) rotate(360deg) translateY(100%)}30%{transform-origin:100% 0;transform:scale(0) rotate(360deg) translateY(100%)}to{opacity:1;transform-origin:0 0;transform:scale(1) rotate(0) translateY(0)}}.foolishIn{-webkit-animation-name:foolishIn;animation-name:foolishIn}@-webkit-keyframes foolishIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(0) rotate(360deg)}20%{opacity:1;transform-origin:0% 100%;transform:scale(.5) rotate(0)}40%{opacity:1;transform-origin:100% 100%;transform:scale(.5) rotate(0)}60%{opacity:1;transform-origin:0%;transform:scale(.5) rotate(0)}80%{opacity:1;transform-origin:0% 0%;transform:scale(.5) rotate(0)}to{opacity:1;transform-origin:50% 50%;transform:scale(1) rotate(0)}}@keyframes foolishIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(0) rotate(360deg)}20%{opacity:1;transform-origin:0% 100%;transform:scale(.5) rotate(0)}40%{opacity:1;transform-origin:100% 100%;transform:scale(.5) rotate(0)}60%{opacity:1;transform-origin:0%;transform:scale(.5) rotate(0)}80%{opacity:1;transform-origin:0% 0%;transform:scale(.5) rotate(0)}to{opacity:1;transform-origin:50% 50%;transform:scale(1) rotate(0)}}.foolishOut{-webkit-animation-name:foolishOut;animation-name:foolishOut}@-webkit-keyframes foolishOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1) rotate(360deg)}20%{opacity:1;transform-origin:0% 0%;transform:scale(.5) rotate(0)}40%{opacity:1;transform-origin:100% 0%;transform:scale(.5) rotate(0)}60%{opacity:1;transform-origin:0%;transform:scale(.5) rotate(0)}80%{opacity:1;transform-origin:0% 100%;transform:scale(.5) rotate(0)}to{opacity:0;transform-origin:50% 50%;transform:scale(0) rotate(0)}}@keyframes foolishOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1) rotate(360deg)}20%{opacity:1;transform-origin:0% 0%;transform:scale(.5) rotate(0)}40%{opacity:1;transform-origin:100% 0%;transform:scale(.5) rotate(0)}60%{opacity:1;transform-origin:0%;transform:scale(.5) rotate(0)}80%{opacity:1;transform-origin:0% 100%;transform:scale(.5) rotate(0)}to{opacity:0;transform-origin:50% 50%;transform:scale(0) rotate(0)}}.holeOut{-webkit-animation-name:holeOut;animation-name:holeOut}@-webkit-keyframes holeOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1) rotateY(0)}to{opacity:0;transform-origin:50% 50%;transform:scale(0) rotateY(180deg)}}@keyframes holeOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1) rotateY(0)}to{opacity:0;transform-origin:50% 50%;transform:scale(0) rotateY(180deg)}}.swashIn{-webkit-animation-name:swashIn;animation-name:swashIn}@-webkit-keyframes swashIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(0)}90%{opacity:1;transform-origin:50% 50%;transform:scale(.9)}to{opacity:1;transform-origin:50% 50%;transform:scale(1)}}@keyframes swashIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(0)}90%{opacity:1;transform-origin:50% 50%;transform:scale(.9)}to{opacity:1;transform-origin:50% 50%;transform:scale(1)}}.swashOut{-webkit-animation-name:swashOut;animation-name:swashOut}@-webkit-keyframes swashOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1)}80%{opacity:1;transform-origin:50% 50%;transform:scale(.9)}to{opacity:0;transform-origin:50% 50%;transform:scale(0)}}@keyframes swashOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1)}80%{opacity:1;transform-origin:50% 50%;transform:scale(.9)}to{opacity:0;transform-origin:50% 50%;transform:scale(0)}}.spaceInDown{-webkit-animation-name:spaceInDown;animation-name:spaceInDown}@-webkit-keyframes spaceInDown{0%{opacity:0;transform-origin:50% 100%;transform:scale(.2) translateY(200%)}to{opacity:1;transform-origin:50% 100%;transform:scale(1) translate(0)}}@keyframes spaceInDown{0%{opacity:0;transform-origin:50% 100%;transform:scale(.2) translateY(200%)}to{opacity:1;transform-origin:50% 100%;transform:scale(1) translate(0)}}.spaceInLeft{-webkit-animation-name:spaceInLeft;animation-name:spaceInLeft}@-webkit-keyframes spaceInLeft{0%{opacity:0;transform-origin:0% 50%;transform:scale(.2) translate(-200%)}to{opacity:1;transform-origin:0% 50%;transform:scale(1) translate(0)}}@keyframes spaceInLeft{0%{opacity:0;transform-origin:0% 50%;transform:scale(.2) translate(-200%)}to{opacity:1;transform-origin:0% 50%;transform:scale(1) translate(0)}}.spaceInRight{-webkit-animation-name:spaceInRight;animation-name:spaceInRight}@-webkit-keyframes spaceInRight{0%{opacity:0;transform-origin:100% 50%;transform:scale(.2) translate(200%)}to{opacity:1;transform-origin:100% 50%;transform:scale(1) translate(0)}}@keyframes spaceInRight{0%{opacity:0;transform-origin:100% 50%;transform:scale(.2) translate(200%)}to{opacity:1;transform-origin:100% 50%;transform:scale(1) translate(0)}}.spaceInUp{-webkit-animation-name:spaceInUp;animation-name:spaceInUp}@-webkit-keyframes spaceInUp{0%{opacity:0;transform-origin:50% 0%;transform:scale(.2) translateY(-200%)}to{opacity:1;transform-origin:50% 0%;transform:scale(1) translate(0)}}@keyframes spaceInUp{0%{opacity:0;transform-origin:50% 0%;transform:scale(.2) translateY(-200%)}to{opacity:1;transform-origin:50% 0%;transform:scale(1) translate(0)}}.spaceOutDown{-webkit-animation-name:spaceOutDown;animation-name:spaceOutDown}@-webkit-keyframes spaceOutDown{0%{opacity:1;transform-origin:50% 100%;transform:scale(1) translate(0)}to{opacity:0;transform-origin:50% 100%;transform:scale(.2) translateY(200%)}}@keyframes spaceOutDown{0%{opacity:1;transform-origin:50% 100%;transform:scale(1) translate(0)}to{opacity:0;transform-origin:50% 100%;transform:scale(.2) translateY(200%)}}.spaceOutLeft{-webkit-animation-name:spaceOutLeft;animation-name:spaceOutLeft}@-webkit-keyframes spaceOutLeft{0%{opacity:1;transform-origin:0% 50%;transform:scale(1) translate(0)}to{opacity:0;transform-origin:0% 50%;transform:scale(.2) translate(-200%)}}@keyframes spaceOutLeft{0%{opacity:1;transform-origin:0% 50%;transform:scale(1) translate(0)}to{opacity:0;transform-origin:0% 50%;transform:scale(.2) translate(-200%)}}.spaceOutRight{-webkit-animation-name:spaceOutRight;animation-name:spaceOutRight}@-webkit-keyframes spaceOutRight{0%{opacity:1;transform-origin:100% 50%;transform:scale(1) translate(0)}to{opacity:0;transform-origin:100% 50%;transform:scale(.2) translate(200%)}}@keyframes spaceOutRight{0%{opacity:1;transform-origin:100% 50%;transform:scale(1) translate(0)}to{opacity:0;transform-origin:100% 50%;transform:scale(.2) translate(200%)}}.spaceOutUp{-webkit-animation-name:spaceOutUp;animation-name:spaceOutUp}@-webkit-keyframes spaceOutUp{0%{opacity:1;transform-origin:50% 0%;transform:scale(1) translate(0)}to{opacity:0;transform-origin:50% 0%;transform:scale(.2) translateY(-200%)}}@keyframes spaceOutUp{0%{opacity:1;transform-origin:50% 0%;transform:scale(1) translate(0)}to{opacity:0;transform-origin:50% 0%;transform:scale(.2) translateY(-200%)}}.perspectiveDown{-webkit-animation-name:perspectiveDown;animation-name:perspectiveDown}@-webkit-keyframes perspectiveDown{0%{transform-origin:0 100%;transform:perspective(800px) rotateX(0)}to{transform-origin:0 100%;transform:perspective(800px) rotateX(-180deg)}}@keyframes perspectiveDown{0%{transform-origin:0 100%;transform:perspective(800px) rotateX(0)}to{transform-origin:0 100%;transform:perspective(800px) rotateX(-180deg)}}.perspectiveDownReturn{-webkit-animation-name:perspectiveDownReturn;animation-name:perspectiveDownReturn}@-webkit-keyframes perspectiveDownReturn{0%{transform-origin:0 100%;transform:perspective(800px) rotateX(-180deg)}to{transform-origin:0 100%;transform:perspective(800px) rotateX(0)}}@keyframes perspectiveDownReturn{0%{transform-origin:0 100%;transform:perspective(800px) rotateX(-180deg)}to{transform-origin:0 100%;transform:perspective(800px) rotateX(0)}}.perspectiveLeft{-webkit-animation-name:perspectiveLeft;animation-name:perspectiveLeft}@-webkit-keyframes perspectiveLeft{0%{transform-origin:0 0;transform:perspective(800px) rotateY(0)}to{transform-origin:0 0;transform:perspective(800px) rotateY(-180deg)}}@keyframes perspectiveLeft{0%{transform-origin:0 0;transform:perspective(800px) rotateY(0)}to{transform-origin:0 0;transform:perspective(800px) rotateY(-180deg)}}.perspectiveLeftReturn{-webkit-animation-name:perspectiveLeftReturn;animation-name:perspectiveLeftReturn}@-webkit-keyframes perspectiveLeftReturn{0%{transform-origin:0 0;transform:perspective(800px) rotateY(-180deg)}to{transform-origin:0 0;transform:perspective(800px) rotateY(0)}}@keyframes perspectiveLeftReturn{0%{transform-origin:0 0;transform:perspective(800px) rotateY(-180deg)}to{transform-origin:0 0;transform:perspective(800px) rotateY(0)}}.perspectiveRight{-webkit-animation-name:perspectiveRight;animation-name:perspectiveRight}@-webkit-keyframes perspectiveRight{0%{transform-origin:100% 0;transform:perspective(800px) rotateY(0)}to{transform-origin:100% 0;transform:perspective(800px) rotateY(180deg)}}@keyframes perspectiveRight{0%{transform-origin:100% 0;transform:perspective(800px) rotateY(0)}to{transform-origin:100% 0;transform:perspective(800px) rotateY(180deg)}}.perspectiveRightReturn{-webkit-animation-name:perspectiveRightReturn;animation-name:perspectiveRightReturn}@-webkit-keyframes perspectiveRightReturn{0%{transform-origin:100% 0;transform:perspective(800px) rotateY(180deg)}to{transform-origin:100% 0;transform:perspective(800px) rotateY(0)}}@keyframes perspectiveRightReturn{0%{transform-origin:100% 0;transform:perspective(800px) rotateY(180deg)}to{transform-origin:100% 0;transform:perspective(800px) rotateY(0)}}.perspectiveUp{-webkit-animation-name:perspectiveUp;animation-name:perspectiveUp}@-webkit-keyframes perspectiveUp{0%{transform-origin:0 0;transform:perspective(800px) rotateX(0)}to{transform-origin:0 0;transform:perspective(800px) rotateX(180deg)}}@keyframes perspectiveUp{0%{transform-origin:0 0;transform:perspective(800px) rotateX(0)}to{transform-origin:0 0;transform:perspective(800px) rotateX(180deg)}}.perspectiveUpReturn{-webkit-animation-name:perspectiveUpReturn;animation-name:perspectiveUpReturn}@-webkit-keyframes perspectiveUpReturn{0%{transform-origin:0 0;transform:perspective(800px) rotateX(180deg)}to{transform-origin:0 0;transform:perspective(800px) rotateX(0)}}@keyframes perspectiveUpReturn{0%{transform-origin:0 0;transform:perspective(800px) rotateX(180deg)}to{transform-origin:0 0;transform:perspective(800px) rotateX(0)}}.rotateDown{-webkit-animation-name:rotateDown;animation-name:rotateDown}@-webkit-keyframes rotateDown{0%{opacity:1;transform-origin:0 0;transform:perspective(800px) rotateX(0) translateZ(0)}to{opacity:0;transform-origin:50% 100%;transform:perspective(800px) rotateX(-180deg) translateZ(300px)}}@keyframes rotateDown{0%{opacity:1;transform-origin:0 0;transform:perspective(800px) rotateX(0) translateZ(0)}to{opacity:0;transform-origin:50% 100%;transform:perspective(800px) rotateX(-180deg) translateZ(300px)}}.rotateLeft{-webkit-animation-name:rotateLeft;animation-name:rotateLeft}@-webkit-keyframes rotateLeft{0%{opacity:1;transform-origin:0 0;transform:perspective(800px) rotateY(0) translateZ(0)}to{opacity:0;transform-origin:50% 0;transform:perspective(800px) rotateY(-180deg) translateZ(300px)}}@keyframes rotateLeft{0%{opacity:1;transform-origin:0 0;transform:perspective(800px) rotateY(0) translateZ(0)}to{opacity:0;transform-origin:50% 0;transform:perspective(800px) rotateY(-180deg) translateZ(300px)}}.rotateRight{-webkit-animation-name:rotateRight;animation-name:rotateRight}@-webkit-keyframes rotateRight{0%{opacity:1;transform-origin:0 0;transform:perspective(800px) rotateY(0) translate3d(0px)}to{opacity:0;transform-origin:50% 0;transform:perspective(800px) rotateY(180deg) translateZ(150px)}}@keyframes rotateRight{0%{opacity:1;transform-origin:0 0;transform:perspective(800px) rotateY(0) translate3d(0px)}to{opacity:0;transform-origin:50% 0;transform:perspective(800px) rotateY(180deg) translateZ(150px)}}.rotateUp{-webkit-animation-name:rotateUp;animation-name:rotateUp}@-webkit-keyframes rotateUp{0%{opacity:1;transform-origin:0 0;transform:perspective(800px) rotateX(0) translateZ(0)}to{opacity:0;transform-origin:50% 0;transform:perspective(800px) rotateX(180deg) translateZ(100px)}}@keyframes rotateUp{0%{opacity:1;transform-origin:0 0;transform:perspective(800px) rotateX(0) translateZ(0)}to{opacity:0;transform-origin:50% 0;transform:perspective(800px) rotateX(180deg) translateZ(100px)}}.slideDown{-webkit-animation-name:slideDown;animation-name:slideDown}@-webkit-keyframes slideDown{0%{transform-origin:0 0;transform:translateY(0)}to{transform-origin:0 0;transform:translateY(100%)}}@keyframes slideDown{0%{transform-origin:0 0;transform:translateY(0)}to{transform-origin:0 0;transform:translateY(100%)}}.slideDownReturn{-webkit-animation-name:slideDownReturn;animation-name:slideDownReturn}@-webkit-keyframes slideDownReturn{0%{transform-origin:0 0;transform:translateY(100%)}to{transform-origin:0 0;transform:translateY(0)}}@keyframes slideDownReturn{0%{transform-origin:0 0;transform:translateY(100%)}to{transform-origin:0 0;transform:translateY(0)}}.slideLeft{-webkit-animation-name:slideLeft;animation-name:slideLeft}@-webkit-keyframes slideLeft{0%{transform-origin:0 0;transform:translate(0)}to{transform-origin:0 0;transform:translate(-100%)}}@keyframes slideLeft{0%{transform-origin:0 0;transform:translate(0)}to{transform-origin:0 0;transform:translate(-100%)}}.slideLeftReturn{-webkit-animation-name:slideLeftReturn;animation-name:slideLeftReturn}@-webkit-keyframes slideLeftReturn{0%{transform-origin:0 0;transform:translate(-100%)}to{transform-origin:0 0;transform:translate(0)}}@keyframes slideLeftReturn{0%{transform-origin:0 0;transform:translate(-100%)}to{transform-origin:0 0;transform:translate(0)}}.slideRight{-webkit-animation-name:slideRight;animation-name:slideRight}@-webkit-keyframes slideRight{0%{transform-origin:0 0;transform:translate(0)}to{transform-origin:0 0;transform:translate(100%)}}@keyframes slideRight{0%{transform-origin:0 0;transform:translate(0)}to{transform-origin:0 0;transform:translate(100%)}}.slideRightReturn{-webkit-animation-name:slideRightReturn;animation-name:slideRightReturn}@-webkit-keyframes slideRightReturn{0%{transform-origin:0 0;transform:translate(100%)}to{transform-origin:0 0;transform:translate(0)}}@keyframes slideRightReturn{0%{transform-origin:0 0;transform:translate(100%)}to{transform-origin:0 0;transform:translate(0)}}.slideUp{-webkit-animation-name:slideUp;animation-name:slideUp}@-webkit-keyframes slideUp{0%{transform-origin:0 0;transform:translateY(0)}to{transform-origin:0 0;transform:translateY(-100%)}}@keyframes slideUp{0%{transform-origin:0 0;transform:translateY(0)}to{transform-origin:0 0;transform:translateY(-100%)}}.slideUpReturn{-webkit-animation-name:slideUpReturn;animation-name:slideUpReturn}@-webkit-keyframes slideUpReturn{0%{transform-origin:0 0;transform:translateY(-100%)}to{transform-origin:0 0;transform:translateY(0)}}@keyframes slideUpReturn{0%{transform-origin:0 0;transform:translateY(-100%)}to{transform-origin:0 0;transform:translateY(0)}}.openDownLeft{-webkit-animation-name:openDownLeft;animation-name:openDownLeft}@-webkit-keyframes openDownLeft{0%{transform-origin:bottom left;transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{transform-origin:bottom left;transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}@keyframes openDownLeft{0%{transform-origin:bottom left;transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{transform-origin:bottom left;transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}.openDownLeftReturn{-webkit-animation-name:openDownLeftReturn;animation-name:openDownLeftReturn}@-webkit-keyframes openDownLeftReturn{0%{transform-origin:bottom left;transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{transform-origin:bottom left;transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes openDownLeftReturn{0%{transform-origin:bottom left;transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{transform-origin:bottom left;transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.openDownRight{-webkit-animation-name:openDownRight;animation-name:openDownRight}@-webkit-keyframes openDownRight{0%{transform-origin:bottom right;transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{transform-origin:bottom right;transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}@keyframes openDownRight{0%{transform-origin:bottom right;transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{transform-origin:bottom right;transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}.openDownRightReturn{-webkit-animation-name:openDownRightReturn;animation-name:openDownRightReturn}@-webkit-keyframes openDownRightReturn{0%{transform-origin:bottom right;transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{transform-origin:bottom right;transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes openDownRightReturn{0%{transform-origin:bottom right;transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{transform-origin:bottom right;transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.openUpLeft{-webkit-animation-name:openUpLeft;animation-name:openUpLeft}@-webkit-keyframes openUpLeft{0%{transform-origin:top left;transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{transform-origin:top left;transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}@keyframes openUpLeft{0%{transform-origin:top left;transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{transform-origin:top left;transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}.openUpLeftReturn{-webkit-animation-name:openUpLeftReturn;animation-name:openUpLeftReturn}@-webkit-keyframes openUpLeftReturn{0%{transform-origin:top left;transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{transform-origin:top left;transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes openUpLeftReturn{0%{transform-origin:top left;transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{transform-origin:top left;transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.openUpRight{-webkit-animation-name:openUpRight;animation-name:openUpRight}@-webkit-keyframes openUpRight{0%{transform-origin:top right;transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{transform-origin:top right;transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}@keyframes openUpRight{0%{transform-origin:top right;transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{transform-origin:top right;transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}.openUpRightReturn{-webkit-animation-name:openUpRightReturn;animation-name:openUpRightReturn}@-webkit-keyframes openUpRightReturn{0%{transform-origin:top right;transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{transform-origin:top right;transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes openUpRightReturn{0%{transform-origin:top right;transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{transform-origin:top right;transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.openDownLeftOut{-webkit-animation-name:openDownLeftOut;animation-name:openDownLeftOut}@-webkit-keyframes openDownLeftOut{0%{opacity:1;transform-origin:bottom left;transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{opacity:0;transform-origin:bottom left;transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}@keyframes openDownLeftOut{0%{opacity:1;transform-origin:bottom left;transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{opacity:0;transform-origin:bottom left;transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}.openDownRightOut{-webkit-animation-name:openDownRightOut;animation-name:openDownRightOut}@-webkit-keyframes openDownRightOut{0%{opacity:1;transform-origin:bottom right;transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{opacity:0;transform-origin:bottom right;transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}@keyframes openDownRightOut{0%{opacity:1;transform-origin:bottom right;transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{opacity:0;transform-origin:bottom right;transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}.openUpLeftOut{-webkit-animation-name:openUpLeftOut;animation-name:openUpLeftOut}@-webkit-keyframes openUpLeftOut{0%{opacity:1;transform-origin:top left;transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{opacity:0;transform-origin:top left;transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}@keyframes openUpLeftOut{0%{opacity:1;transform-origin:top left;transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{opacity:0;transform-origin:top left;transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}.openUpRightOut{-webkit-animation-name:openUpRightOut;animation-name:openUpRightOut}@-webkit-keyframes openUpRightOut{0%{opacity:1;transform-origin:top right;transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{opacity:0;transform-origin:top right;transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}@keyframes openUpRightOut{0%{opacity:1;transform-origin:top right;transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{opacity:0;transform-origin:top right;transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}.tinDownIn{-webkit-animation-name:tinDownIn;animation-name:tinDownIn}@-webkit-keyframes tinDownIn{0%{opacity:0;transform:scale(1) translateY(900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translateY(0)}60%,80%,to{opacity:1;transform:scale(1) translateY(0)}}@keyframes tinDownIn{0%{opacity:0;transform:scale(1) translateY(900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translateY(0)}60%,80%,to{opacity:1;transform:scale(1) translateY(0)}}.tinDownOut{-webkit-animation-name:tinDownOut;animation-name:tinDownOut}@-webkit-keyframes tinDownOut{0%,20%,40%,50%{opacity:1;transform:scale(1) translateY(0)}10%,30%{opacity:1;transform:scale(1.1) translateY(0)}to{opacity:0;transform:scale(1) translateY(900%)}}@keyframes tinDownOut{0%,20%,40%,50%{opacity:1;transform:scale(1) translateY(0)}10%,30%{opacity:1;transform:scale(1.1) translateY(0)}to{opacity:0;transform:scale(1) translateY(900%)}}.tinLeftIn{-webkit-animation-name:tinLeftIn;animation-name:tinLeftIn}@-webkit-keyframes tinLeftIn{0%{opacity:0;transform:scale(1) translate(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}@keyframes tinLeftIn{0%{opacity:0;transform:scale(1) translate(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}.tinLeftOut{-webkit-animation-name:tinLeftOut;animation-name:tinLeftOut}@-webkit-keyframes tinLeftOut{0%,20%,40%,50%{opacity:1;transform:scale(1) translate(0)}10%,30%{opacity:1;transform:scale(1.1) translate(0)}to{opacity:0;transform:scale(1) translate(-900%)}}@keyframes tinLeftOut{0%,20%,40%,50%{opacity:1;transform:scale(1) translate(0)}10%,30%{opacity:1;transform:scale(1.1) translate(0)}to{opacity:0;transform:scale(1) translate(-900%)}}.tinRightIn{-webkit-animation-name:tinRightIn;animation-name:tinRightIn}@-webkit-keyframes tinRightIn{0%{opacity:0;transform:scale(1) translate(900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}@keyframes tinRightIn{0%{opacity:0;transform:scale(1) translate(900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}.tinRightOut{-webkit-animation-name:tinRightOut;animation-name:tinRightOut}@-webkit-keyframes tinRightOut{0%,20%,40%,50%{opacity:1;transform:scale(1) translate(0)}10%,30%{opacity:1;transform:scale(1.1) translate(0)}to{opacity:0;transform:scale(1) translate(900%)}}@keyframes tinRightOut{0%,20%,40%,50%{opacity:1;transform:scale(1) translate(0)}10%,30%{opacity:1;transform:scale(1.1) translate(0)}to{opacity:0;transform:scale(1) translate(900%)}}.tinUpIn{-webkit-animation-name:tinUpIn;animation-name:tinUpIn}@-webkit-keyframes tinUpIn{0%{opacity:0;transform:scale(1) translateY(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translateY(0)}60%,80%,to{opacity:1;transform:scale(1) translateY(0)}}@keyframes tinUpIn{0%{opacity:0;transform:scale(1) translateY(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translateY(0)}60%,80%,to{opacity:1;transform:scale(1) translateY(0)}}.tinUpOut{-webkit-animation-name:tinUpOut;animation-name:tinUpOut}@-webkit-keyframes tinUpOut{0%,20%,40%,50%{opacity:1;transform:scale(1) translateY(0)}10%,30%{opacity:1;transform:scale(1.1) translateY(0)}to{opacity:0;transform:scale(1) translateY(-900%)}}@keyframes tinUpOut{0%,20%,40%,50%{opacity:1;transform:scale(1) translateY(0)}10%,30%{opacity:1;transform:scale(1.1) translateY(0)}to{opacity:0;transform:scale(1) translateY(-900%)}}.magictime{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media (print),(prefers-reduced-motion){.magictime{-webkit-animation:unset!important;animation:unset!important;transition:none!important}}:root{--max-width: 1436px;--bg-elev: #131c2b;--bg-glass: rgba(255,255,255,.02);--glass: rgba(255, 255, 255, .03);--primary: #1854ec;--primary-2: #0a3593;--primary-3: hsl(260, 81%, 39%);--primary-strong: hsl(260 95% 72%);--ok: #4caf50;--warn: #ffb300;--shadow: 0 0px 10px rgba(25, 40, 122, .25);--placeholder: #7b8591;--bg: #0b0d12;--panel: rgba(18, 21, 29, .75);--muted: #9aa3b2;--text: #e7eaf0;--brand: #6aa1ff;--accent: #7c4dff;--danger: #8a303b;--border: #232836;--input-focus: rgba(139,92,246,.5);--input-focus-2: rgba(139,92,246,.35);--input-focus-shadow: 0 0 0 2px rgba(139, 92, 246, .09);--input-border: var(--border);--input-bg: #0b0f16;--input-text: var(--text);--input-invalid: #ff617422;--grid-lines: #ff0000;--crop-area: red;--grid-lines-active: rgba(161, 147, 216, .55);--crop-area-active: rgba(188, 158, 227, .53);--grid-lines-dragging: rgba(106, 161, 255, .22);--crop-area-dragging: #6aa1ff;--btn-radius: 10px;--btn-font: "Inter", system-ui, sans-serif;--btn-bg: var(--surface);--btn-fg: var(--text);--btn-border: var(--border);--btn-primary-bg: hsl(230 25% 16% / .6);--btn-primary-bd: hsl(0 0% 100% / .08);--btn-primary-fg: #fff;--btn-danger-bg: hsl(355, 70%, 52%);--btn-danger-bd: hsl(355, 75%, 40%);--btn-danger-fg: #fff;--btn-active-bg: var(--accent);--btn-active-fg: #fff;--btn-muted-bg: var(--glass);--btn-muted-fg: var(--muted);--svg-basic-filter: invert(56%) sepia(64%) saturate(1338%) hue-rotate(193deg) brightness(101%) contrast(101%)}.svg-icon{filter:var(--svg-basic-filter);width:32px;height:32px}.icon-button{padding:0;border:none;background:transparent;cursor:pointer}*{padding:0;margin:0;box-sizing:border-box;color:var(--text)}i{font-style:normal}html,body,#app{margin:0;padding:0;min-height:100%;font-size:16px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-sizing:border-box}html,body{overflow-x:hidden;overflow-y:auto;min-width:1200px}#app{height:auto;min-height:100vh;overflow:visible}*,*:before,*:after{box-sizing:inherit}html{background:var(--bg)}#app{display:flex;flex-direction:column;min-height:100vh;background:radial-gradient(1200px 800px at 20% -10%,rgba(139,92,246,.15),transparent 60%),radial-gradient(900px 600px at 120% 20%,rgba(109,40,217,.12),transparent 55%),var(--bg)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#11132c}::-webkit-scrollbar-thumb{background-color:#402b60;border:1px solid transparent;border-radius:0}::-webkit-scrollbar-thumb:hover{background-color:#000000b3}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:1rem;font-family:var(--btn-font);font-weight:600;letter-spacing:.2px;border-radius:var(--btn-radius);border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-fg);cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;white-space:nowrap;transition:filter .15s ease,transform .05s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;padding:6px 14px}.btn:hover:not(:disabled){filter:brightness(1.55)}.btn:active{filter:brightness(.95);transform:translateY(0) scale(.98)}.btn:disabled,.btn[disabled]{opacity:.6;cursor:not-allowed}.btn-mini{height:28px;padding:0 10px;font-size:.75rem;border-radius:6px}.btn-sm{height:34px;padding:0 12px;font-size:.85rem;border-radius:8px}.btn-md{height:40px;padding:0 16px;font-size:.9rem}.btn-lg{height:48px;padding:0 20px;font-size:1rem;border-radius:12px}.btn-xl{height:56px;padding:0 26px;font-size:1.1rem;border-radius:14px}.uni{height:100%}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-fg);border-color:var(--btn-primary-bd)}.btn-extra{background:#3e1387;color:var(--text)}.btn-extra:hover:not(:disabled){background:#561abc}.btn-danger{color:#fbc4c4;border-color:#f50b0b59;background:#f50b0b1f}.btn-danger:hover:not(:disabled){background:#f50b0b40;color:var(--text);filter:brightness(1)}.btn-outline{background:transparent;border-color:#ffffff2e;color:var(--btn-fg)}.btn-ghost{background:transparent;border-color:transparent;color:var(--btn-fg);box-shadow:none}.btn-active{background:var(--btn-active-bg);color:var(--btn-active-fg);border-color:var(--btn-active-bg);box-shadow:0 4px 18px #8b5cf659}.btn-muted{background:var(--btn-muted-bg);color:var(--btn-muted-fg);border-color:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:50%}.btn-icon svg{width:18px;height:18px;stroke-width:2}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--focus),0 0 0 4px #8b5cf659}.doc-content{display:flex;flex-direction:column;gap:24px;max-width:1200px;width:100%;padding:24px 0}p.subtitle{padding-left:0}[data-v-94dfe951]{color:unset}.toast-host[data-v-94dfe951]{position:fixed;inset:12px 12px auto auto;z-index:9999;pointer-events:none}.toast-stack[data-v-94dfe951]{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.toast[data-v-94dfe951]{pointer-events:auto;width:auto;max-width:min(420px,85vw);min-width:420px;position:relative;background:#1b1e2de6;border:1px solid hsl(0 0% 100% / .08);border-radius:12px;color:var(--text);box-shadow:0 10px 28px #00000059;overflow:hidden;display:grid;grid-template-columns:1fr auto;align-items:center;will-change:transform;transform:translateZ(0)}.toast-move[data-v-94dfe951]{transition:transform .18s ease}.toast__content[data-v-94dfe951]{display:flex;align-items:center;gap:10px;padding:10px 12px}.toast__msg[data-v-94dfe951]{line-height:1.25}.toast__dot[data-v-94dfe951]{width:8px;height:8px;border-radius:999px;background:currentColor;margin-right:14px;flex-shrink:0}.toast__close[data-v-94dfe951]{appearance:none;border:0;background:transparent;color:#ffffffd9;font-size:18px;line-height:1;padding:8px 10px;cursor:pointer}.toast__close[data-v-94dfe951]:hover{color:#fff}.toast__bar[data-v-94dfe951]{grid-column:1 / -1;height:3px;background:currentColor;opacity:.75;transform-origin:left;animation:toastbar-94dfe951 linear forwards}@keyframes toastbar-94dfe951{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast--info[data-v-94dfe951]{color:#6fb3ff;border-color:#6eb3f740}.toast--warn[data-v-94dfe951]{color:#ffd266;border-color:#f7d56e40}.toast--error[data-v-94dfe951]{color:#ff6b6b;border-color:#f76e6e40}.toast--success[data-v-94dfe951]{color:#6bff6d;border-color:#6cf49240}.toast-enter-from[data-v-94dfe951]{opacity:0;transform:translate3d(6px,-6px,0) scale(.98)}.toast-enter-active[data-v-94dfe951]{transition:opacity .16s ease,transform .16s ease}.toast-leave-to[data-v-94dfe951]{opacity:0;transform:translate3d(6px,-6px,0) scale(.98)}.toast-leave-active[data-v-94dfe951]{transition:opacity .16s ease,transform .16s ease}.toast[data-v-c30fe19f]{position:fixed;right:18px;bottom:18px;background:var(--panel);border:1px solid var(--border);padding:10px 12px;border-radius:12px;z-index:30;box-shadow:var(--shadow)}