body,html{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}a,h1,h2,h3,h4,h5,h6,label,p,span{font-family:"Myriad Pro",sans-serif;color:var(--text-color-main)}.splash{width:100%;height:100vh;margin-top:0;border:none;display:flex;flex-direction:column;padding:5rem 2rem 2rem}.splash h1,.splash h2,.splash h4,.splash p,.splash span{color:var(--text-color-main)}.splash p{max-width:60%;margin-left:1rem}.splash .link{text-decoration:none}.splash .link h2{color:#5db4a4}.splash span{font-family:"Dancing Script",cursive}.color{height:20%;cursor:pointer}.color .indicator-container{display:flex;align-items:center;justify-content:flex-end;height:100%}.color .indicator-container .hex{color:hsla(0,0%,100%,.5);font-size:16px;font-weight:600;margin-right:7vw;opacity:1}.color .indicator-container .indicator{background-color:hsla(0,0%,100%,.5);width:1em;height:1em;border-radius:100%;margin-right:7vw}@media screen and (orientation:landscape){.color{height:100%;width:20%;display:flex;flex-direction:column;justify-content:flex-end}.color .indicator-container{height:auto;margin-bottom:1.5rem;justify-content:space-evenly}.color .indicator-container .hex,.color .indicator-container .indicator{margin:0}}.color-animate{-webkit-animation:color-animate var(--animation-time) ease-in;animation:color-animate var(--animation-time) ease-in;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes color-animate{0%{height:20%}to{height:14%}}@keyframes color-animate{0%{height:20%}to{height:14%}}.color-animate-return{-webkit-animation:color-animate-return var(--animation-time) ease-in;animation:color-animate-return var(--animation-time) ease-in;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes color-animate-return{0%{height:14%}to{height:20%}}@keyframes color-animate-return{0%{height:14%}to{height:20%}}@media screen and (orientation:landscape){@-webkit-keyframes color-animate{0%{height:100%}to{height:80%}}@keyframes color-animate{0%{height:100%}to{height:80%}}.color-animate-return{-webkit-animation:color-animate-return var(--animation-time) ease-in;animation:color-animate-return var(--animation-time) ease-in;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes color-animate-return{0%{height:80%}to{height:100%}}@keyframes color-animate-return{0%{height:80%}to{height:100%}}}.editor{position:absolute;bottom:10px;width:100%;height:30%;display:flex;flex-direction:column;justify-content:space-evenly;cursor:default}@media screen and (orientation:landscape){.editor{bottom:none;left:0;height:20%}}.editor-animate-off{display:none}.editor-animate{-webkit-animation:editor-animate var(--animation-time) ease-out;animation:editor-animate var(--animation-time) ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes editor-animate{0%{bottom:-30%}to{bottom:0}}@keyframes editor-animate{0%{bottom:-30%}to{bottom:0}}.editor-animate-return{-webkit-animation:editor-animate-return var(--animation-time) ease-out;animation:editor-animate-return var(--animation-time) ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes editor-animate-return{0%{bottom:0}to{bottom:-30%}}@keyframes editor-animate-return{0%{bottom:0}to{bottom:-30%}}.animation-end{visibility:hidden}@media screen and (orientation:landscape){@-webkit-keyframes editor-animate{0%{bottom:-20%}to{bottom:0}}@keyframes editor-animate{0%{bottom:-20%}to{bottom:0}}.editor-animate-return{-webkit-animation:editor-animate-return var(--animation-time) ease-out;animation:editor-animate-return var(--animation-time) ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes editor-animate-return{0%{bottom:0}to{bottom:-20%}}@keyframes editor-animate-return{0%{bottom:0}to{bottom:-20%}}}.slider-container{display:flex;justify-content:space-between;align-items:center;text-align:left}.slider-container p{color:hsla(0,0%,100%,.5);width:3em;height:1.3em;margin-left:2em;margin-right:auto}.slider-container .slider{-webkit-appearance:none;appearance:none;height:11px;width:65%;margin-right:3em;border-radius:0;background-color:hsla(0,0%,100%,.5);overflow:hidden}.slider-container .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:21px;height:11px;border:none;background-color:#000;border:1px solid hsla(0,0%,100%,.5);cursor:pointer;mix-blend-mode:overlay}@media screen and (orientation:landscape){.slider-container .slider{width:80%}}.composer-animate{-webkit-animation:composer-animate var(--animation-time) ease-in;animation:composer-animate var(--animation-time) ease-in;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes composer-animate{0%{width:100vw}to{width:calc(100vw - 54px)}}@keyframes composer-animate{0%{width:100vw}to{width:calc(100vw - 54px)}}.composer-animate-return{-webkit-animation:composer-animate-return var(--animation-time) ease-in;animation:composer-animate-return var(--animation-time) ease-in;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes composer-animate-return{0%{width:calc(100vw - 54px)}to{width:100vw}}@keyframes composer-animate-return{0%{width:calc(100vw - 54px)}to{width:100vw}}.composer{position:relative;display:flex;flex-direction:column;width:100%;height:calc(100vh - 54px);height:calc(var(--vh, 1vh)*100 - 54px)}@media screen and (orientation:landscape){.composer{flex-direction:row}}button{transition:all var(--animation-time) ease-in-out;background-color:transparent;border:none;border:1px solid var(--button-border-color);color:var(--button-text-color);cursor:pointer;font-size:1rem;margin-bottom:1rem;padding:.5rem}button:disabled{opacity:.5;cursor:default}.account-button{width:80%}.account-button:hover{background-color:var(--button-hover-color)}.afm-btn{background-color:grey}.basic-button{border:none;margin-left:auto}.close-button{font-size:.8rem;border:1px solid var(--button-border-color);padding:.3rem;margin-top:1rem}.close-button:hover{background-color:var(--button-hover-color)}.dots{border:none;margin:0;padding:0;opacity:.7}.disabled-button{border-color:var(--button-disabled-border-color);color:var(--button-disabled-text-color);cursor:default}.disabled-button:hover{background-color:transparent}.google-button{display:flex;align-items:center;justify-content:center}.google-button:hover{background-color:var(--button-hover-color)}.menu-button{margin-top:1vh;margin-bottom:1.5vh;border:none}.palette-button{width:100px;margin:0;border:none;text-align:right}.search-button{transition:all var(--animation-time) ease-in-out;position:absolute;left:0;margin:0 16px;padding:0;border:none;z-index:999}.search-button.search-active{left:-40px}.icon{transition:all var(--animation-time) ease-in-out}.btn-icn{margin-left:.5rem}.menu{position:fixed;right:0;-webkit-transform:translate3d(54px,0,0);transform:translate3d(54px,0,0);width:54px;display:flex;flex-direction:column;justify-content:flex-start;background-color:var(--bg-color-main);z-index:999}.menu-animate{-webkit-animation:menu-animate var(--animation-time) ease-in;animation:menu-animate var(--animation-time) ease-in;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes menu-animate{0%{-webkit-transform:translate3d(54px,0,0);transform:translate3d(54px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes menu-animate{0%{-webkit-transform:translate3d(54px,0,0);transform:translate3d(54px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.menu-animate-return{-webkit-animation:menu-animate-return var(--animation-time) ease-in;animation:menu-animate-return var(--animation-time) ease-in;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes menu-animate-return{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(54px,0,0);transform:translate3d(54px,0,0)}}@keyframes menu-animate-return{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(54px,0,0);transform:translate3d(54px,0,0)}}input[type=email],input[type=password],input[type=text]{-webkit-appearance:none;appearance:none;border-radius:0;height:30px;border:1px solid var(--form-border-color);color:var(--form-text-color);background-color:var(--form-bg-color);margin-bottom:1rem;font-size:1rem;padding:0 .5rem}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus{border:1px solid var(--form-focus-border-color);outline:none}input[type=email].alert,input[type=password].alert,input[type=text].alert{border-color:red}input[type=email].search,input[type=password].search,input[type=text].search{transition:all var(--animation-time) ease-in-out;position:absolute;left:10px;margin-bottom:0;width:45%;opacity:1;border:1px solid var(--search-field-border);background-color:var(--search-field-bg)}input[type=email].search.search-active,input[type=password].search.search-active,input[type=text].search.search-active{left:-110px;width:0;opacity:0}.modal .palettes-header{text-align:center;width:90%}.modal .palettes-window{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;overflow-y:auto;width:100%;height:80%}.modal .palettes-window .palette{width:95%;height:9rem;display:flex;flex-direction:column;padding:0 10px 10px;margin:.5rem;border-bottom:1px solid var(--palette-border);border-bottom:1px solid hsla(0,0%,46.7%,.5)}.modal .palettes-window .palette .palette-top{display:flex;justify-content:space-between;align-items:center;padding-top:.5rem}.modal .palettes-window .palette .palette-top p{text-align:left;margin:0}.modal .palettes-window .palette .colors{position:relative;display:flex;height:6.5rem;cursor:default}.modal .palettes-window .palette .colors .ind-color{width:20%;height:100%}.modal .palettes-window .palette .colors .delete,.modal .palettes-window .palette .colors .palette-buttons,.modal .palettes-window .palette .colors .rename{transition:all var(--animation-time) ease-in-out;position:absolute;top:-1px;left:-1px;display:flex;flex-direction:column;align-items:flex-end;height:101%;width:102%;background:linear-gradient(90deg,transparent 0,var(--bg-color-main));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal .palettes-window .palette .colors .buttons-hidden,.modal .palettes-window .palette .colors .delete-hidden,.modal .palettes-window .palette .colors .rename-hidden{opacity:0;visibility:hidden}.modal .palettes-window .palette .colors .delete,.modal .palettes-window .palette .colors .rename{align-items:center;justify-content:flex-end;background:none;height:101%;background-color:var(--bg-color-main);-webkit-backdrop-filter:none;backdrop-filter:none}.modal .palettes-window .palette .colors .delete input,.modal .palettes-window .palette .colors .rename input{width:80%;height:70px;margin:5px 0 0}.modal .palettes-window .palette .colors .delete button,.modal .palettes-window .palette .colors .rename button{margin:0;height:25px;padding:0;width:45%}.modal .palettes-window .palette .colors .delete .delete-button-container,.modal .palettes-window .palette .colors .delete .rename-button-container,.modal .palettes-window .palette .colors .rename .delete-button-container,.modal .palettes-window .palette .colors .rename .rename-button-container{display:flex;align-items:center;justify-content:space-between;width:86%;height:50%;margin-top:15px}.save-form{display:flex;flex-direction:column}.account-info-input,.account-settings,.sign-in,.sign-up{display:flex;flex-direction:column;align-items:center;width:100%;text-align:left}.account-info-input .account-button-container,.account-info-input .account-info-input,.account-info-input .sign-in-form,.account-info-input .sign-up-form,.account-settings .account-button-container,.account-settings .account-info-input,.account-settings .sign-in-form,.account-settings .sign-up-form,.sign-in .account-button-container,.sign-in .account-info-input,.sign-in .sign-in-form,.sign-in .sign-up-form,.sign-up .account-button-container,.sign-up .account-info-input,.sign-up .sign-in-form,.sign-up .sign-up-form{width:80%}.account-info-input .account-button-container input,.account-info-input .account-info-input input,.account-info-input .sign-in-form input,.account-info-input .sign-up-form input,.account-settings .account-button-container input,.account-settings .account-info-input input,.account-settings .sign-in-form input,.account-settings .sign-up-form input,.sign-in .account-button-container input,.sign-in .account-info-input input,.sign-in .sign-in-form input,.sign-in .sign-up-form input,.sign-up .account-button-container input,.sign-up .account-info-input input,.sign-up .sign-in-form input,.sign-up .sign-up-form input{width:calc(100% - 1rem)}.account-info-input .account-button-container button,.account-info-input .account-info-input button,.account-info-input .sign-in-form button,.account-info-input .sign-up-form button,.account-settings .account-button-container button,.account-settings .account-info-input button,.account-settings .sign-in-form button,.account-settings .sign-up-form button,.sign-in .account-button-container button,.sign-in .account-info-input button,.sign-in .sign-in-form button,.sign-in .sign-up-form button,.sign-up .account-button-container button,.sign-up .account-info-input button,.sign-up .sign-in-form button,.sign-up .sign-up-form button{width:100%}.account-info-input button,.account-settings button,.sign-in button,.sign-up button{width:80%}.user-menu{width:100%;justify-content:center}.user-menu,.user-menu .user-sub-menu{display:flex;flex-direction:column;align-items:center}.user-menu .user-header,.user-menu .user-header .user-button-container{width:100%;display:flex;flex-direction:column;align-items:center}.user-menu .user-header .user-button-container{justify-content:center}.modal{position:absolute;bottom:0;left:-100%;width:calc(100vw - 56px);height:calc(100vh - 56px);height:calc(var(--vh, 1vh)*100 - 56px);opacity:1;background-color:var(--bg-color-main)}.modal,.modal .close-button-container{display:flex;flex-direction:column;align-items:center}.modal .close-button-container{justify-content:right;width:81%}.modal .modal-button{width:80%}.modal .modal-button button{width:100%}@media screen and (min-width:767px){.modal{left:none;right:0;width:350px}}.modal-animate{-webkit-animation:modal-animate var(--animation-time) ease-in;animation:modal-animate var(--animation-time) ease-in;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.modal-animate-return{-webkit-animation:modal-animate-return var(--animation-time) ease-in;animation:modal-animate-return var(--animation-time) ease-in;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes modal-animate-return{0%{left:0}to{left:-100%}}@keyframes modal-animate-return{0%{left:0}to{left:-100%}}@-webkit-keyframes modal-animate{0%{left:-100%}to{left:0}}@keyframes modal-animate{0%{left:-100%}to{left:0}}@media screen and (min-width:767px){@-webkit-keyframes modal-animate{0%{left:100%}to{left:calc(100% - 406px)}}@keyframes modal-animate{0%{left:100%}to{left:calc(100% - 406px)}}@-webkit-keyframes modal-animate-return{0%{left:calc(100% - 406px)}to{left:100%}}@keyframes modal-animate-return{0%{left:calc(100% - 406px)}to{left:100%}}}.hamburger{margin-left:15px;margin-right:3.5px;transition:all var(--animation-time) ease-in-out}.spinner{animation:rotate var(--spinner-time) reverse infinite ease-in-out}.search-spinner{width:30px;margin-left:.5rem;fill:var(--text-color-main)}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes rotate{0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(0);transform:rotate(0)}}.top-bar{position:relative;height:54px;justify-content:space-between}.top-bar,.top-bar .search-icon{display:flex;align-items:center}.top-bar .search-icon{padding:0;justify-content:flex-end;margin-right:auto}.top-bar h1{margin-left:auto;margin-right:10px;transition:all var(--animation-time) ease-in-out;font-family:"Dancing Script",cursive;color:var(--text-color-main);opacity:.7}.primary{width:100vw}.primary .secondary{width:100vw;display:flex}:root{--bg-color-main:#fafafa;--bg-color-form:#fff;--text-color-main:#212121;--text-color-form:#000;--button-text-color:#212121;--button-disabled-text-color:#999;--button-border-color:#616161;--button-disabled-border-color:#999;--button-hover-color:#dadada;--form-bg-color:#fff;--form-border-color:#212121;--form-text-color:#212121;--form-focus-border-color:#212121;--help-bg-color:hsla(0,0%,98%,0.7);--palette-border:#757575;--search-field-bg:#fff;--search-field-border:#ddd;--animation-time:.07s;--spinner-time:2s}
/*# sourceMappingURL=main.d075ea88.chunk.css.map */