*{margin:0;padding:0}:focus{outline:none}li{list-style:none}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.clearfix{zoom:1}a{text-decoration:none}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}hr{background-image:linear-gradient(90deg,transparent,#3f3f3f 50%,transparent);border:none;height:2px;margin:0 auto;width:90%}body,html{height:100%;overflow-x:auto;width:100%}.border{background-color:#e4e9f0;min-height:100%;min-width:600px;overflow-x:hidden;width:100%}.header{padding:10px;text-align:center}.header span{font-family:Lucida Handwriting;font-size:3em;font-weight:700}.header span img{height:1.7em;margin:0 5px;vertical-align:middle}#logo{cursor:pointer}.banner{margin:5px 0}.tools-wrapper{margin:10px}.tools-wrapper,.tools-wrapper .tools{display:flex;flex-direction:row;justify-content:center}.tools-wrapper .tools{justify-self:start}.tools-wrapper .tools .tool{align-self:center;display:flex;flex-direction:row;margin:5px}.tools-wrapper .tools .tool>div{align-self:center;margin:0 5px}.tools-wrapper .flip-wrapper{align-self:center;margin-left:10px}.wrapper{--panel-min-height:400px;--panel-max-height:600px;--panel-border-radius:10px;--code-font-size:14px;box-sizing:border-box;display:flex;flex-direction:row;margin:10px auto;width:95%}.wrapper .panel{align-self:flex-start;flex-grow:0;max-height:var(--panel-max-height);overflow:hidden;overflow-y:overlay;position:relative;width:50%}.wrapper .action-wrapper{--animate-duration:1s;align-self:center;display:flex;flex-direction:column}.action-wrapper .action{align-self:center;border-radius:50%;cursor:pointer;display:flex;height:50px;justify-content:center;transition:.3s;width:50px}.action-wrapper .action:hover{opacity:80%;transform:scale(1.1)}.action-wrapper .action i{align-self:center;font-size:30px}.wrapper .action-wrapper .animate__spin i{animation:spin .5s ease 0s forwards}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.wrapper .action-wrapper .animate__grow i{animation:grow .5s ease 0s forwards}@keyframes grow{0%{-webkit-transform:scale(1);transform:scale(1)}20%{-webkit-transform:scale(.8);transform:scale(.8)}60%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.wrapper .action-wrapper .animate__shake i{animation:shake .5s ease 0s forwards}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}20%,60%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}40%,80%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}}.wrapper .action-wrapper .animate__rubber i{animation:rubber .5s ease 0s forwards}@keyframes rubber{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale(1);transform:scale(1)}}.wrapper .action-wrapper .animate__blink i{animation:tada .5s ease 0s forwards}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1.1)}10%,20%{-webkit-transform:scaleX(1) rotate(-3deg);transform:scaleX(1) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.2,1.2,1.2) rotate(3deg);transform:scale3d(1.2,1.2,1.2) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.2,1.2,1.2) rotate(-3deg);transform:scale3d(1.2,1.2,1.2) rotate(-3deg)}to{-webkit-transform:scaleX(1.1);transform:scaleX(1.1)}}.wrapper .panel{min-height:var(--panel-min-height)}.wrapper .panel .code{border-radius:var(--panel-border-radius);max-height:var(--panel-max-height);min-height:var(--panel-min-height);overflow:hidden}#source,.wrapper .panel .code{box-sizing:border-box;width:100%}#source{border:none;border-radius:var(--panel-border-radius);font-size:var(--code-font-size);padding:8px 10px;resize:none;z-index:5}#source:focus{box-shadow:inset 0 0 6px 0 rgba(10,37,64,.35)}.panel .cover{--animate-duration:0.3s;background-image:linear-gradient(45deg,#a8edea,#fed6e3);border-radius:var(--panel-border-radius);box-shadow:inset 0 0 10px 2px rgba(0,0,0,.1);display:flex;flex-direction:column;height:100%;left:0;min-height:var(--panel-min-height);overflow:auto;position:absolute;text-align:center;top:0;width:100%;z-index:5}.panel .cover p{align-self:center;margin:auto;width:90%}.footer{text-align:center;width:100%}.footer .badge-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:10px auto;width:100%}.footer .badge-wrapper .badge{margin:0 5px}.footer .copyright{display:inline-block;font-family:Lucida Handwriting;margin:auto auto 20px;text-align:center}.footer .copyright:hover{text-decoration:underline}@media screen and (max-width:950px){.tools-wrapper .tools{flex-direction:column;justify-content:flex-start}.tools-wrapper .tools .tool{align-self:flex-start}.tools-wrapper .tools .tool .prompt{text-align:right;width:8em}}@media screen and (max-width:768px){.wrapper{flex-direction:column}.wrapper .panel{width:100%}.wrapper .action-wrapper{flex-direction:row}.footer .badge-wrapper{flex-direction:column}}.alertify-notifier .ajs-message{border-radius:100px;box-shadow:0 0 10px 1px hsla(0,0%,100%,.3);text-align:center;text-shadow:0 0 10px #fff}.alertify-notifier .ajs-message.ajs-success{background:rgba(92,184,17,.9)}.alertify-notifier .ajs-message.ajs-warning{background:rgba(251,192,45,.9)}.alertify-notifier .ajs-message.ajs-error{background:rgba(254,26,0,.9)}.alertify .ajs-dialog{border-radius:20px;overflow:hidden}.alertify .ajs-dialog .ajs-header{font-family:Lucida Handwriting;font-size:large}.alertify .ajs-dialog .ajs-button{background-color:#07c160;border:none;border-radius:10px;box-shadow:0 0 3px 2px rgba(0,0,0,.1);color:#fff;cursor:pointer;transition:.3s}.alertify .ajs-dialog .ajs-button:hover{box-shadow:0 0 3px 2px rgba(0,0,0,.3);opacity:.9}.coffee{font-family:Lucida Handwriting;margin:auto;width:80%}.coffee img{width:100%}.notification{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:auto;width:80%}pre{box-sizing:border-box!important;margin:0!important;max-height:var(--panel-max-height);min-height:400px!important;overflow-x:hidden;overflow-y:auto;padding:8px 10px!important}pre.line-numbers{padding-left:50px!important}pre code{border-radius:var(--panel-border-radius);box-sizing:border-box!important;display:block!important;font-size:var(--code-font-size)!important;min-width:100%!important;width:max-content}pre code .token{font-size:var(--code-font-size)}pre code table{border-collapse:collapse;font-family:inherit}pre code table tr .lineno{padding-right:5px;text-align:right;--color:#ccc;border-right:.5px solid var(--color)}pre code table tr .line{padding-left:5px}.code.pre-copy>.code-toolbar>pre[class*=language-]{transition:background 1s}.code.copy>.code-toolbar>pre[class*=language-],.code>.code-toolbar>pre[class*=language-]>code *{background:transparent!important}.expand{background-color:#bbb;border-radius:1000px;cursor:pointer;display:inline-block;padding:5px 15px}.expand.hidden{display:none}.expand i{margin-left:5px}.expand:hover{background-color:#aaa;box-shadow:0 0 5px 2px rgba(0,0,0,.1);transform:scale(1.05)}.expand:active{background-color:#999}#previous.hidden{height:0;overflow:hidden;transition:height .5s}