@import url(https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/default.min.css);.box{position:relative;background:rgba(23,34,49,.664);margin-bottom:0;width:100%}.box.collapsed-box .box-body,.box.collapsed-box .box-footer{display:none}.box .nav-stacked>li{margin:0}.box .nav-stacked>li:last-of-type{border-bottom:none}.box.height-control .box-body{max-height:300px;overflow:auto}.box.box-solid{border-top:0}.box.box-solid>.box-header .btn.btn-default{background:transparent}.box.box-solid>.box-header .btn:hover,.box.box-solid>.box-header a:hover{background:rgba(0,0,0,.1)}.box.box-solid>.box-header>.box-tools .btn{border:0;box-shadow:none}.box.box-solid[class*=bg]>.box-header{color:#fff}.box .box-group>.box{margin-bottom:5px}.box .knob-label{text-align:center;color:#333;font-weight:100;font-size:12px;margin-bottom:.3em}.box-pm{border:0 solid #ccc;border-radius:0}.box-pm .box-header{color:#fff7f7;display:block;padding:10px;position:relative;padding-bottom:0}.box-pm .box-header .btn{border-radius:0;position:absolute;height:28px;padding:0 10px!important;line-height:25px;margin:auto;top:-1px;bottom:0;right:10px}.box-pm .box-header:after{content:" ";display:block;padding-top:9px;border-bottom:1px solid #ccc}.hideme{visibility:hidden;position:absolute;width:0;height:0}#promo-css-editor,#promo-html-editor,#promo-js-editor{position:relative;height:100px;width:100%}.box-body{padding:0;border-radius:0 0 3px 3px}.preview-options-wrapper{display:flex}@media screen and (max-width:768px){.preview-options-wrapper{flex-direction:column}}.preview-options-wrapper .preview-options{display:flex;align-items:center}@media screen and (min-width:768px){.preview-options-wrapper .preview-options{flex-grow:1;margin-right:15px}.preview-options-wrapper .preview-options:last-child{margin:0;flex-grow:0}}@media screen and (max-width:768px){.preview-options-wrapper .preview-options{margin-bottom:10px}.preview-options-wrapper .preview-options:last-child{margin:0}}.preview-options-wrapper .preview-options label{margin-right:10px;margin-bottom:0}.preview-options-wrapper .preview-options .preview-icon{width:50px;height:40px;line-height:34px;text-align:center;border:1px solid #ccc;margin:0 5px;display:inline-block;cursor:pointer;transition:all .5s ease}.preview-options-wrapper .preview-options .preview-icon.active{background-color:rgba(0,191,239,.403921568627451);color:#fff;border-color:#00c0ef}.preview-options-wrapper .preview-options.device .preview-icon{font-size:18px}.preview-option-wrapper{width:100%;position:relative}.preview-option-wrapper:after,.preview-option-wrapper:before{content:"";display:table}.preview-option-wrapper:after{clear:both}.preview-option-wrapper .preview{display:block;border:0 solid #313039;border-radius:15px}.preview-option-wrapper .preview:after,.preview-option-wrapper .preview:before{content:"";height:0;width:0;transform:all .5s}.preview-option-wrapper .preview.center{margin:auto}.preview-option-wrapper .preview.mobile{overflow:auto;border-width:40px 15px 70px 15px;border-radius:25px;transition:all .5s ease}.preview-option-wrapper .preview.mobile:after,.preview-option-wrapper .preview.mobile:before{position:absolute;left:0;right:0;margin:auto;background-color:hsla(0,0%,100%,.514)}.preview-option-wrapper .preview.mobile:after{width:40px;height:40px;border-radius:50%;bottom:15px}.preview-option-wrapper .preview.mobile:before{width:80px;height:5px;top:17.5px;border-radius:10px}.preview-option-wrapper .preview.tab{overflow:auto;border-width:25px 15px 60px 15px;border-radius:25px;transition:all .5s ease}.preview-option-wrapper .preview.tab:before{position:absolute;left:0;right:0;margin:auto;background-color:hsla(0,0%,100%,.514);width:30px;height:30px;border-radius:50%;bottom:15px}.preview-option-wrapper .preview.laptop{overflow:auto;width:auto!important;margin:0 15px 40px 15px;border-width:15px;border-radius:10px;transition:all .5s ease}.preview-option-wrapper .preview.laptop:after,.preview-option-wrapper .preview.laptop:before{position:absolute;left:0;right:0;margin:auto;background-color:hsla(0,0%,100%,.514)}.preview-option-wrapper .preview.laptop:after{width:100%;height:40px;border-bottom-left-radius:30px;border-bottom-right-radius:30px;bottom:-5px;background-color:#555}.preview-option-wrapper .preview.laptop:before{width:10px;height:10px;top:2.5px;border-radius:5px}.preview-option-wrapper .preview::-webkit-scrollbar{width:3px;background-color:#666}.preview-option-wrapper .preview::-webkit-scrollbar-thumb{width:3px;background-color:hsla(0,0%,100%,.514)}.form-control{border-radius:0}.modal-backdrop{background-color:rgba(0,0,0,.555)}.modal{visibility:hidden;background-color:transparent;display:block!important;transform:perspective(400px) scale(.9) rotateX(-15deg) translateY(100%);opacity:0;transition:all .5s ease}.modal.in{transform:perspective(400px) scale(1) rotateX(0deg) translateY(0);visibility:visible;opacity:1}.modal.style-1 .modal-header{background-color:#00c0ef;color:#fff}.modal.style-1 .modal-header .close{opacity:.8;color:#fff}.modal.style-1 .footer{border-top:1px solid #ccc;padding-top:15px}.modal-content{border-radius:0}.dnd-file-uploader .dnd-file-handler{width:100%;border:5px solid #ccc;height:100px;font-size:36px;text-align:center;line-height:100px;color:#ccc;font-weight:bolder;cursor:pointer;margin-bottom:15px}.promo-images-wrapper{background-image:url(../img/AIBG.b722b00e.png);background-size:cover;background-position:50%;height:250px;padding:10px;margin-bottom:15px;display:flex;flex-direction:column;justify-content:center}.promo-images-wrapper .btn{border-radius:0;border:none}.promo-images-wrapper .hover{text-align:center;padding:10px 30px;background-color:hsla(0,0%,100%,.514);transform:perspective(800px) rotateY(90deg);transition:all .5s ease}.promo-images-wrapper .hover .promo-bg-options{min-height:100px}.promo-images-wrapper:hover .hover{transform:perspective(800px) rotateY(0deg);transition:all .8s cubic-bezier(.43,2.11,.59,.79)}.url .live-input{position:absolute;z-index:-1;opacity:0}#editor{height:300px}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#d4c3c3}h1,h2{font-weight:400}ul{list-style-type:none;padding:0}li{display:inline-block;margin:0 10px}a{color:#42b983}.btn[data-v-989a56bc]{position:absolute;right:0;padding:.4rem;width:4rem;background:#000;color:#5a80bf;font-size:1rem;outline:none;cursor:pointer;height:20vh;border-radius:20px;margin-right:20px}.btn[data-v-989a56bc]:hover{color:#fff;background:#00f}.main-editor[data-v-989a56bc]{background:transparent;display:flex;width:100%;position:absolute;height:20vh;justify-content:center;align-items:center}.first[data-v-989a56bc]{outline-color:#5a80bf;outline-width:2px;outline-style:solid;overflow-x:hidden}.first[data-v-989a56bc],.second[data-v-989a56bc]{background:rgba(48,64,87,.6);width:50%;overflow-y:auto;white-space:pre;box-shadow:0 1px 1px #161616;padding:.4rem;height:20vh;border-radius:20px;margin-right:20px}.second[data-v-989a56bc]{right:0}.bg-content[data-v-989a56bc]{background:rgba(19,31,37,.9058823529411765);padding:0;min-height:110vh;-webkit-animation:gradient-989a56bc 25s ease infinite;-animation:gradient 25s ease infinite}@media only screen and (max-width:600px){.bg-content[data-v-989a56bc]{background:rgba(12,22,27,.6980392156862745);padding:20px;min-height:120vh;-webkit-animation:gradient-989a56bc 25s ease infinite;-animation:gradient 25s ease infinite}@keyframes gradient-989a56bc{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}height:150%}}.space[data-v-989a56bc]{height:30px}.avatar-name[data-v-989a56bc]{position:relative;top:10px;font-weight:600;margin-left:8px;margin-right:5px}.image[data-v-989a56bc]{position:static;display:flex;justify-content:flex-end;flex-direction:row;opacity:.02;animation:fadeIn-989a56bc 40s ease infinite}@keyframes fadeIn-989a56bc{0%{opacity:0;blur:0}25%{opacity:.1;blur:4}50%{opacity:.16;blur:25}75%{opacity:.05;blur:8}to{opacity:0;blur:0}}@media only screen and (max-width:600px){.image[data-v-989a56bc]{overflow-y:hidden;background-size:400% 400%;padding:0;display:flex;justify-content:flex-end;flex-direction:row;opacity:.4}}.user-speach[data-v-989a56bc]{position:center;font-size:12px;min-width:0;max-width:120%;bottom:15px;height:75px;float:inherit;left:0;right:0;border-radius:20px;padding:15px;color:#fff}@media (min-width:600px){.user-speach[data-v-989a56bc]{position:absolute;font-size:15px;min-width:0;max-width:120%;bottom:30px;height:75px;float:inherit;left:.5%;border-radius:20px;padding:10px;color:#fff}@keyframes gradient-989a56bc{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}}.btn-text[data-v-989a56bc]{cursor:pointer;display:inline-block;font-size:8px;font-weight:100;line-height:1.42857;margin-bottom:0;padding:3px 3px;text-align:center;vertical-align:middle}@media (min-width:600px){.btn-text[data-v-989a56bc]{cursor:pointer;display:inline-block;font-size:11px;font-weight:300;line-height:1.42857;margin-bottom:0;padding:6px 6px;text-align:center;vertical-align:middle}}.about[data-v-989a56bc]{padding:0;width:100%}.db-content[data-v-989a56bc]{background:#304057;background-size:400% 400%;padding:40px;min-height:88vh;-webkit-animation:gradient-989a56bc 25s ease infinite;-animation:gradient 25s ease infinite}.btn-right[data-v-989a56bc]{display:flex;justify-content:flex-end;flex-direction:row}.mg-lr14[data-v-989a56bc]{margin:0 14px}.scroll[data-v-989a56bc]{overflow-y:scroll;height:100%}.theme-bg-card[data-v-989a56bc]{background:rgba(48,64,87,.8);outline-color:#42da91;color:#fff;border:1px solid transparent;box-shadow:0 2px 4px rgba(0,0,0,.5),0 6px 6px rgba(0,0,0,.3);height:400px}.theme-bg-card[data-v-989a56bc]:hover{background:rgba(48,64,87,.8);outline-color:#42da91;outline-style:solid;animation:glow-989a56bc 1.8s ease-out infinite alternate;border-color:#42da91;box-shadow:0 0 10px rgba(90,128,191,.2),inset 0 0 10px rgba(90,128,191,.1),0 0 0 #000;color:#efe;outline:20px}.theme-bg-card-2[data-v-989a56bc]{background:rgba(12,22,27,0);outline-color:#5a80bf;color:#fff;padding:10px;top:20px}@media only screen and (max-width:600px){.theme-bg-card-2[data-v-989a56bc]{background:rgba(12,22,27,0);outline-color:#5a80bf;color:#fff;padding:10px;top:0}}.theme-bg-card-3[data-v-989a56bc]:hover{background:rgba(48,64,87,.9);outline-color:#42da91;outline-style:solid;animation:glow-989a56bc 1.8s ease-out infinite alternate;border-color:#42da91;box-shadow:0 0 10px rgba(90,128,191,.2),inset 0 0 10px rgba(90,128,191,.1),0 0 0 #000;color:#efe;outline:20px}.theme-bg-card-4[data-v-989a56bc]{background:rgba(48,64,87,.85);outline-color:#42da91;color:#fff;border:1px solid transparent;box-shadow:0 2px 4px rgba(0,0,0,.5),0 6px 6px rgba(0,0,0,.3);height:10vh;border-radius:30px}.theme-bg-card-5[data-v-989a56bc]{background:rgba(48,64,87,.6);outline-color:#5a80bf;color:#fff}@media only screen and (max-width:600px){.theme-bg-card-5[data-v-989a56bc]{background:rgba(48,64,87,.6);outline-color:#5a80bf;color:#fff}}.theme-bg-card-6[data-v-989a56bc]{background:rgba(12,22,27,.4);outline-color:#5a80bf;color:#fff;height:200px}.chart-text[data-v-989a56bc]{font-family:Courier New,Courier,monospace}.chart-text[data-v-989a56bc],.tile-title[data-v-989a56bc]{color:#fff;text-align:center;font-size:1.3rem;font-weight:400}.tile-title[data-v-989a56bc]{font-family:Arimo,sans-serif}.chart-title[data-v-989a56bc]{color:#fff;text-align:center;font-weight:400;font-family:Arimo,sans-serif;padding:10px}@media only screen and (max-width:600px){.chart-title[data-v-989a56bc]{color:#fff;text-align:center;font-size:.9rem;font-weight:700;font-family:Arimo,sans-serif}}.chart-title-4[data-v-989a56bc]{color:#fff;text-align:center;font-size:.4rem;font-weight:400;font-family:Arimo,sans-serif;padding:10px}@media only screen and (max-width:600px){.chart-title-4[data-v-989a56bc]{color:#fff;text-align:center;font-size:.9rem;font-weight:700;font-family:Arimo,sans-serif}}.theme-bg-card-5[data-v-989a56bc]{background:rgba(48,64,87,0);border-radius:25px;width:35%}@media only screen and (max-width:600px){.theme-bg-card-5[data-v-989a56bc]{background:rgba(48,64,87,.6);width:50%}}.field[data-v-989a56bc]{padding:10px;border-color:#24d441;padding-block:5px;margin-block:5px;border:1px solid transparent}.field label[data-v-989a56bc]{font-size:12px}.field input[data-v-989a56bc]{font-size:13px;padding-block:10px;margin-block:5px}input[type=submit][data-v-989a56bc]{background-color:#24d441;background:rgba(36,212,65,.4)}.chart-title-2[data-v-989a56bc]{text-align:center;font-size:1.3rem;font-weight:500;color:#42da91;font-family:Arial,Helvetica,sans-serif;padding:20px}@media only screen and (max-width:600px){.chart-title-2[data-v-989a56bc]{text-align:center;font-size:12px;font-weight:500;color:#42da91;font-family:Arial,Helvetica,sans-serif;padding:5px}}.field[data-v-989a56bc]{margin-bottom:5px;padding:5px;border-radius:20px}.field label[data-v-989a56bc]{display:block;font-size:14px;color:#fff}.field input[data-v-989a56bc]{display:block;min-width:500px;line-height:2;font-size:15px;color:#24d441;border-radius:20px;padding-block:15px;border:1px solid transparent}input[type=submit][data-v-989a56bc]{display:block;padding:10px 40px;font-size:14px;background-color:#4460aa;border:none;background:rgba(48,64,87,.8);outline-color:#42da91;color:#fff;border:1px solid transparent;height:50px}.button2[data-v-989a56bc]{border-radius:30px;padding:0;border:outline;background:#304057;opacity:.9;cursor:pointer;margin-left:auto;margin-right:auto;outline-color:#5a80bf;outline-style:solid;animation:glow-989a56bc 1.8s ease-out infinite alternate;border-color:#5a80bf;box-shadow:0 0 5px rgba(90,128,191,.2),inset 0 0 3px rgba(90,128,191,.1),0 2px 0 #000;outline:none}@keyframes glow-989a56bc{0%{border-color:#11ece5;box-shadow:0 0 5px rgba(90,128,191,.2),inset 0 0 6px rgba(90,128,191,.4),0 2px 0 #000}to{border-color:#11ece5;box-shadow:0 0 8px rgba(90,128,191,.8),inset 0 0 10px rgba(90,128,191,.8),0 2px 0 #000}}.chart-content[data-v-989a56bc]{opacity:.7;text-align:center;margin-left:0;top:-75px;background:rgba(12,22,27,.4);outline-color:rgba(90,128,191,.5);outline-style:solid;animation:glow-989a56bc 1.8s ease-out infinite alternate;border-color:#5a80bf;box-shadow:0 0 5px rgba(120,204,226,.4),inset 0 0 10px rgba(120,204,226,.2),0 4px 0 #000;color:#efe;outline-width:2px;padding:15px;border-radius:10px;margin:10px}@keyframes gradient-989a56bc{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}height:150%}.thrash[data-v-989a56bc]{font-size:20px;cursor:pointer}.theme-bg-card-3[data-v-989a56bc]{background:rgba(48,64,87,.5);outline-color:#42da91;color:#fff;border:1px solid transparent;box-shadow:0 2px 4px rgba(0,0,0,.5),0 6px 6px rgba(0,0,0,.3);height:68vh;top:-7rem}.card-animate-2[data-v-989a56bc]{animation-name:slideExpandUp-989a56bc;animation-duration:3s;transition:opacity Elastic.easeIn 1s}.slideExpandUp[data-v-989a56bc]{animation-name:slideExpandUp-989a56bc;-webkit-animation-name:slideExpandUp-989a56bc;animation-duration:2.7s;-webkit-animation-duration:2.7s;animation-timing-function:ease-out;-webkit-animation-timing-function:ease -out;visibility:visible!important}@keyframes slideExpandUp-989a56bc{0%{-webkit-transform:translateY(10%) scaleX(.94)}30%{-webkit-transform:translateY(-5%) scaleX(.95)}40%{-webkit-transform:translateY(3%) scaleX(.96)}50%{-webkit-transform:translateY(0) scaleX(1)}}.space[data-v-989a56bc]{height:20px}.card-animate[data-v-989a56bc]{animation-name:slideExpandDown-989a56bc;animation-duration:3s;transition:opacity Elastic.easeIn 1s}.slideExpandDown[data-v-989a56bc]{animation-name:slideExpandDown-989a56bc;-webkit-animation-name:slideExpandDown-989a56bc;animation-duration:2.7s;-webkit-animation-duration:2.7s;animation-timing-function:ease-out;-webkit-animation-timing-function:ease -out;visibility:visible!important}@keyframes slideExpandDown-989a56bc{0%{transform:translateY(100%) scaleX(.94)}30%{transform:translateY(-4%) scaleX(.95)}40%{transform:translateY(2%) scaleX(.96)}50%{transform:translateY(0) scaleX(1)}}.popup-container[data-v-989a56bc]{max-height:90vh;width:90vw;background:rgba(48,64,87,.6);padding:10px 40px}.font-weight-thin[data-v-989a56bc]{margin-top:2rem;margin-bottom:2rem;font-weight:600}.d-flex-row[data-v-989a56bc]{display:flex;flex-direction:row}.d-flex-col[data-v-989a56bc]{display:flex;flex-direction:column}.date-picker[data-v-989a56bc]{flex:1 1 0%;padding:17px;border:1px solid #fff;height:53px;width:auto;color:#fff;margin:0 14px;border-radius:5px}.form-control[data-v-989a56bc]{border:1px solid #5e6570;padding:20px 20px;margin-block:3px 5px;border-radius:5px;font-size:14px;background:transparent;color:#24d441}@media only screen and (max-width:600px){.form-control[data-v-989a56bc]{border:1px solid #5e6570;padding:20px 20px;margin-block:3px 5px;border-radius:10px;font-size:12px;background:transparent;color:#24d441}}.form-control-2[data-v-989a56bc]{padding:5px 10px;border-radius:5px;font-size:14px;height:290px;background:transparent;color:#fff}@media only screen and (max-width:600px){.form-control-2[data-v-989a56bc]{padding:20px 20px;margin-block:3px 5px;border-radius:10px;font-size:12px;background:transparent;color:#24d441}}.form-control-3[data-v-989a56bc]{display:block;min-width:480px;line-height:2.5;font-size:18px;color:#24d441;border-radius:20px;padding-block:20px;margin-block:5px;border:1px solid transparent}@media only screen and (max-width:600px){.form-control-3[data-v-989a56bc]{display:block;min-width:480px;line-height:2.5;font-size:16px;color:#24d441;border-radius:20px;padding-block:20px;margin-block:5px;border:1px solid transparent}}.space2[data-v-989a56bc]{height:50px}.action-btn[data-v-989a56bc]{font-size:20px;cursor:pointer;position:relative;top:5px}.typing[data-v-989a56bc]{padding:15px;border-radius:20px;min-width:0;margin-left:0;font-family:Arimo,sans-serif;font-weight:400;font-size:1.26em;background:rgba(37,50,68,.2);-webkit-animation:titleAnimation-989a56bc 20s ease infinite;-animation:titleAnimation 100s normal forwards ease-in-out}@keyframes titleAnimation-989a56bc{0%{transform:translateY(-48px);opacity:0;-webkit-clip-path:polygon(100% 0,100% 100%,0 100%,0 80%);clip-path:polygon(100% 0,100% 100%,0 100%,0 80%)}20%{transform:translateY(0);opacity:1;-webkit-clip-path:polygon(100% 0,100% 100%,0 100%,0 0);clip-path:polygon(100% 0,100% 100%,0 100%,0 0)}80%{transform:translateY(0);opacity:1;-webkit-clip-path:polygon(100% 0,100% 100%,0 100%,0 0);clip-path:polygon(100% 0,100% 100%,0 100%,0 0)}to{transform:translateY(50px);opacity:0;-webkit-clip-path:polygon(100% 0,100% 0,0 100%,0 100%);clip-path:polygon(100% 0,100% 0,0 100%,0 100%)}}.typing2[data-v-989a56bc]{padding:15px;left:0;right:0;border-radius:20px;min-width:0;max-width:90%;margin-left:60px;font-family:Arimo,sans-serif;font-weight:400;font-size:1.26em}.product-list[data-v-989a56bc]{position:absolute;margin-left:160px;margin-top:38px;width:50%;padding:0;list-style:none;background:rgba(48,64,87,.3);color:#fff;line-height:2;max-height:200px;overflow:auto;border:1px solid #7c7c7c;border-radius:8px}.item[data-v-989a56bc]{padding:10px;border-bottom:1px solid #ccc;cursor:pointer}.item[data-v-989a56bc]:hover{background:rgba(48,64,87,.8)}.calc[data-v-989a56bc]{width:200px;margin-bottom:20px}.loader[data-v-989a56bc]{border:3px solid #f3f3f3;border-radius:50%;border-top:3px solid #3498db;width:15px;height:15px;animation:spin-989a56bc 2s linear infinite;position:relative;margin-top:12px;margin-left:-15px}@keyframes spin-989a56bc{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*,:after,:before{box-sizing:border-box;outline:none}.hide{display:none}.button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin:0;padding:1.2rem 1.5rem;background-color:rgba(48,64,87,.2);border:none;border-radius:.05rem;box-shadow:0 -1.25rem 1rem -1.5rem rgba(0,0,0,.4),0 .5rem 1.75rem -.25rem rgba(0,0,0,.3),0 1.25rem 2.5rem rgba(0,0,0,.2);font-weight:300;text-transform:uppercase;transition:.5s ease;overflow:hidden}.button:before{position:absolute;content:"";bottom:0;left:0;width:0;height:50%;background-color:#54d98c}.button span{position:absolute;line-height:0}.button span i{transform-origin:center center}.button span:first-of-type{top:50%;transform:translateY(-50%)}.button span:nth-of-type(2){top:100%;transform:translateY(0);font-size:24px}.button span:nth-of-type(3){display:none}.active{background-color:#2ecc71}.active:before{width:100%;transition:width 3s linear}.active span:first-of-type{top:-100%;transform:translateY(-50%)}.active span:nth-of-type(2){top:50%;transform:translateY(-50%)}.active span:nth-of-type(2) i{animation:loading .5s linear infinite}.active span:nth-of-type(3){display:none}.finished{background-color:#54d98c}.finished .loading,.finished .submit{display:none}.finished .check{display:block!important;font-size:24px;animation:scale .5s linear}.finished .check i{transform-origin:center center}@keyframes loading{to{transform:rotate(1turn)}}@keyframes scale{0%{transform:scale(10)}50%{transform:scale(.2)}70%{transform:scale(1.2)}90%{transform:scale(.7)}to{transform:scale(1)}}@media only screen and (max-width:600px){.button{position:absolute;width:120px;height:250px;margin:0;padding:.5rem .5rem;background-color:rgba(48,64,87,.2);border:none;border-radius:25px;top:-250px;left:5px;font-weight:300;text-transform:uppercase;transition:.5s ease;overflow:hidden}.button:before{position:absolute;content:"";bottom:0;left:0;width:0;height:100%;background-color:#54d98c}.button span{position:absolute;line-height:0}.button span i{transform-origin:center center}.button span:first-of-type{top:50%;transform:translateY(-50%)}.button span:nth-of-type(2){top:100%;transform:translateY(0);font-size:24px}.button span:nth-of-type(3){display:none}.active{background-color:#2ecc71}.active:before{width:100%;transition:width 3s linear}.active span:first-of-type{top:-100%;transform:translateY(-50%)}.active span:nth-of-type(2){top:50%;transform:translateY(-50%)}.active span:nth-of-type(2) i{animation:loading .5s linear infinite}.active span:nth-of-type(3){display:none}.finished{background-color:#54d98c}.finished .loading,.finished .submit{display:none}.finished .check{display:block!important;font-size:24px;animation:scale .5s linear}.finished .check i{transform-origin:center center}@keyframes loading{to{transform:rotate(1turn)}}@keyframes scale{0%{transform:scale(10)}50%{transform:scale(.2)}70%{transform:scale(1.2)}90%{transform:scale(.7)}to{transform:scale(1)}}}