@import url(https://fonts.googleapis.com/css?family=Indie+Flower&display=swap);@import url(https://fonts.googleapis.com/css2?family=Athiti:wght@400;700&display=swap);.star-badge{color:#aac134}.text-center{text-align:center}.route-active{font-weight:700}.rotate-me{-webkit-animation:rotating 1s linear infinite;animation:rotating 1s linear infinite}@-webkit-keyframes rotating{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotating{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.notifier__container{position:fixed;top:70px;right:20px;left:20px;display:flex;justify-content:flex-end;pointer-events:none}.notifier__container .notifier__container-list{margin-top:25px;pointer-events:auto}.notifier__notification--material{line-height:normal;vertical-align:super}.notifier__notification--default{background-color:#272838;color:#fff}.notifier__notification--default .notifier__notification-button-icon{fill:#fff}.notifier__notification--material{border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.2);cursor:default;padding:11px 26px 10px}.notifier__notification--material .notifier__notification-message{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:top;line-height:32px;font-size:15px;font-weight:400}.notifier__notification--material .notifier__notification-button{display:inline-block;transition:opacity .2s ease;opacity:.5;margin-right:-10px;margin-left:10px;outline:none;border:none;background:none;cursor:pointer;padding:6px;width:32px;height:32px;vertical-align:top}.notifier__notification--material .notifier__notification-button:focus,.notifier__notification--material .notifier__notification-button:hover{opacity:1}.notifier__notification--material .notifier__notification-button:active{transform:scale(.82);opacity:1}.notifier__notification--info{background-color:#d0e567;color:#fff}.notifier__notification--info .notifier__notification-button-icon{fill:#fff}.notifier__notification--success{background-color:#aac134;color:#fff}.notifier__notification--success .notifier__notification-button-icon{fill:#fff}.notifier__notification--error{background-color:#ea7462;color:#fff}.notifier__notification--error .notifier__notification-button-icon{fill:#fff}html{box-sizing:border-box}body,html{background:#f9f8f8}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none}audio,canvas,video{display:inline-block;*display:inline;*zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:none}img{border:0;-ms-interpolation-mode:bicubic}figure,form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}select{border:none;background:none}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}button,html,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}body{font-family:Athiti,sans-serif}body,h1{color:#272838}h1{font-size:3em;line-height:3em}h2{font-size:2em;line-height:2em}h2,h3{color:#272838}h3{font-size:1.6em;line-height:1.6em}h4{font-size:1.2em}h4,h5{line-height:1.3em;color:#272838}h5{font-size:.8em}h6{font-size:.6em;color:#272838}h6,p{line-height:1.3em}p{font-size:1em}.fa,a,label{color:#272838}.text-error{color:#ea7462}.row{display:flex;flex-flow:row wrap;flex:0 1 auto}[class*=col-]{flex:0 0 100%;margin:0}.reverse{flex-direction:row-reverse}.content-center{justify-content:center}@media only screen and (min-width:768px){.row .col-1{flex:0 0 8.33%}.row .col-2{flex:0 0 16.66%}.row .col-3{flex:0 0 25%}.row .col-4{flex:0 0 33.33%}.row .col-5{flex:0 0 41.66%}.row .col-6{flex:0 0 50%}.row .col-7{flex:0 0 58.33%}.row .col-8{flex:0 0 66.66%}.row .col-9{flex:0 0 75%}.row .col-10{flex:0 0 83.34%}.row .col-11{flex:0 0 91.67%}.row .col-12{flex:0 0 100%}}.page-header{display:block;text-align:center;margin-top:.7em}footer{position:fixed;bottom:0;right:0;left:0;display:flex;justify-content:center;padding:20px}.gallery-item{width:280px;overflow:hidden;background-color:#fff;border:1px solid #f0f0f0;border-radius:4px;margin:20px;display:flex;flex-direction:column;transition:box-shadow .5s cubic-bezier(.075,.82,.165,1);transition:transform .5s cubic-bezier(.075,.82,.165,1)}.gallery-item:hover{box-shadow:0 3px 10px 2px rgba(0,0,0,.2);transform:scale(1.05)}.gallery-item.inactive:hover{box-shadow:0 0 0 4px #aac134;transform:none}.gallery-item.small{width:230px}.gallery-item.small .gallery-item-preview{min-height:7.1rem}.gallery-item.small .gallery-item-details{padding:.5rem}.gallery-item.selected{box-shadow:0 0 0 4px #aac134;transform:scale(1)}.gallery-item .gallery-item-preview{min-width:280px;min-height:10rem;overflow:hidden;position:relative}.gallery-item .gallery-item-preview img{position:absolute;width:100%;height:auto}.gallery-item .gallery-item-details{background-color:#fff;padding:1rem}.gallery-item .gallery-item-details .row{align-items:baseline;justify-content:space-between}.gallery-item .gallery-item-actions{padding:0 1rem 1rem}.gallery-item .gallery-item-actions button{float:right}.create-new-item{height:14rem;align-self:baseline;align-items:center;justify-content:center;border:1px solid #f0f0f0}.create-new-item i{font-size:2em;margin-bottom:1em}.nav{height:60px;padding:5px 20px;margin-bottom:1px;box-sizing:border-box;border-bottom:1px solid #e3e3e3;background-color:#f9f8f8;display:flex;justify-content:space-between;align-items:center}.nav .nav-brand .logo{transform:scale(.4);display:inline-flex;font-family:Athiti,sans-serif}.nav .nav-menu{display:flex;align-items:center}.nav .nav-item{margin-left:20px}.bubble-menu{position:absolute;top:50px;right:30px;border:1px solid #f0f0f0;background-color:#f9f8f8;opacity:0;pointer-events:none}.bubble-menu li{margin:10px;padding:.3em 1.1em}.bubble-menu li a{color:#272838;display:block}.bubble-menu li a:hover{color:#d0e567}.bubble-menu.visible{opacity:1;pointer-events:all}.aside-menu{background-color:#f9f8f8;height:calc(100vh - 71px);box-sizing:border-box;border-right:1px solid #e3e3e3}@media only screen and (max-width:768px){.aside-menu{height:auto}}.vertical-menu{display:flex;flex-flow:column nowrap;flex:1 0 auto}.vertical-menu .menu-item{flex-grow:1;display:flex}.vertical-menu .menu-item *{flex-grow:1;padding:10px}app-nav{z-index:1000}app-aside{z-index:900}.btn{border:1px solid #f9f8f8;padding:10px;border-radius:4px;transition:-webkit-filter .1s ease;transition:filter .1s ease;transition:filter .1s ease,-webkit-filter .1s ease}.btn i{height:1rem}.btn:hover{-webkit-filter:brightness(.85);filter:brightness(.85)}.btn:disabled{-webkit-filter:none;filter:none;color:#7e7f9a}.small-btn{padding:6px}.transparent-btn{padding:10px;border:1px solid #f9f8f8;color:#f9f8f8;background:transparent;border-radius:20px}.toggle-btn{margin:5px auto;border-radius:10px;width:40px;height:20px;border:none;background-color:#aac134;box-shadow:inset 0 0 13px 5px rgba(0,0,0,.5);position:relative}.toggle-btn:after{content:"";height:26px;width:26px;background-color:#aac134;position:absolute;border-radius:50%;top:-3px;left:-3px}.toggle-btn.on:after{left:unset;right:-3px}.wide-btn{width:100%}.form-btn{min-width:200px}.success-btn{background-color:#aac134;border-color:#aac134;color:#f9f8f8}.info-btn{background-color:#d0e567;border-color:#d0e567;color:#f9f8f8}.danger-btn{background-color:#ea7462;border-color:#ea7462;color:#f9f8f8}.light-btn{background-color:#f9f8f8;border-color:#272838;color:#272838}.form-title{font-family:Athiti,sans-serif}.form-note,.form-title{margin-bottom:10px}.form-error,.form-inline-error{margin-bottom:10px;color:#ea7462;padding:1px}.form-error{text-align:center}.img-preview{max-height:200px}.detail-form,.form{max-width:80%;margin:0 auto}.form-btn,.form-title{margin-top:10px}.form-group{display:flex;margin-bottom:5px}.form-group .input-label{flex:0 0 calc(20% - 10px);padding:12px 10px 12px 0}.form-group .input-group{flex:0 0 calc(80% - 20px)}.form-group .input-group .form-input{width:100%}.form-input{border:1px solid #272838;border-radius:4px;padding:10px;background-color:#fff;font-family:Athiti,sans-serif}.form-input::-webkit-input-placeholder{font-family:Athiti,sans-serif;font-style:italic;font-size:.8em}.form-input::-moz-placeholder{font-family:Athiti,sans-serif;font-style:italic;font-size:.8em}.form-input:-ms-input-placeholder{font-family:Athiti,sans-serif;font-style:italic;font-size:.8em}.form-input::-ms-input-placeholder{font-family:Athiti,sans-serif;font-style:italic;font-size:.8em}.form-input::placeholder{font-family:Athiti,sans-serif;font-style:italic;font-size:.8em}.btn-group{display:flex;justify-content:space-between}.login-form{margin-top:10vh;display:flex;flex-direction:column;align-items:center}.login-form .form-btn,.login-form .form-title{align-self:center;margin-top:10px}.login-form .form-group{margin-bottom:2em;min-width:400px;display:flex;flex-direction:column;justify-content:stretch}.login-form .form-group label{text-transform:uppercase!important;letter-spacing:.5em;font-size:.8em}.login-form .form-group input{border:none;border-bottom:2px solid #4c4f99;line-height:2.5em;background-color:#f9f8f8}.login-form .form-group input:focus{border-bottom:2px solid #aac134}.login-form .form-group input::-webkit-input-placeholder{font-family:Athiti,sans-serif;font-style:italic;font-size:.8em}.login-form .form-group input::-moz-placeholder{font-family:Athiti,sans-serif;font-style:italic;font-size:.8em}.login-form .form-group input:-ms-input-placeholder{font-family:Athiti,sans-serif;font-style:italic;font-size:.8em}.login-form .form-group input::-ms-input-placeholder{font-family:Athiti,sans-serif;font-style:italic;font-size:.8em}.login-form .form-group input::placeholder{font-family:Athiti,sans-serif;font-style:italic;font-size:.8em}.login-form button{text-transform:lowercase;letter-spacing:.25em}.canvas-container{position:relative;display:block;margin:1rem auto 0}.canvas-container .canvas-background{box-shadow:1px 1px 9px -2px rgba(0,0,0,.3);position:absolute;top:0;left:0;pointer-events:none}.canvas-container canvas{position:absolute;top:0;left:0}.logo{height:100px;width:100px;background-color:#aac134;border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative}.logo:after{content:"";height:80px;width:80px;background-color:#d0e567;border-radius:50%}.lemon-petal{background-color:#aac134;width:4px;height:100px;position:absolute}.lemon-petal:nth-child(2){transform:rotate(45deg)}.lemon-petal:nth-child(3){transform:rotate(90deg)}.lemon-petal:nth-child(4){transform:rotate(135deg)}.lemon-petal:nth-child(5){transform:rotate(180deg)}.lemon-petal:nth-child(6){transform:rotate(225deg)}.logo-text{font-family:Athiti,sans-serif}.home-hero{display:flex;justify-content:center;flex-direction:column;align-items:center}.demo-video-container{border:1px solid #e3e3e3;box-shadow:1px 1px 9px -2px rgba(0,0,0,.3);margin:4rem auto}.dropzone{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:100px;padding:20px 0;border:2px dashed #aac134;border-radius:5px;background-color:#fff;margin-bottom:1rem}.dropzone.hovering{border:2px solid #d0e567;background-color:#e3e3e3}.dropzone .file-label{font-size:1.2em}progress::-webkit-progress-value{-webkit-transition:width .1s ease;transition:width .1s ease}.file-preview-container{max-height:55vh;overflow-y:scroll}.file-preview{height:10vh;display:flex;align-items:baseline}.file-preview .col-4{overflow:hidden}.file-preview-img{height:10vh;width:auto}.flow-edit-page-container{height:100%;width:100%;position:relative;background:url(pixil-frame-0.a5f268f21ccb79e058fb.png) repeat;overflow:hidden}.edit-flow-menu{position:absolute;left:0;bottom:0;right:0}.edit-flow-menu.minified .navigator-area{height:0}.actions-area{background-color:#fff;justify-content:space-between;flex-direction:row-reverse;padding:10px 20px;border-top:1px solid #f0f0f0}.actions-area *{display:inline}.actions-area select{min-width:9rem}.actions-area .btn{margin-left:10px}.navigator-area{background-color:#fff;overflow-x:scroll;overflow-y:hidden;flex-flow:row nowrap;border-top:1px solid #f0f0f0;height:188px;transition:height .5s ease-in-out}