.header,.tools-btn,.preview-panel__save-apng,.preview-panel__play,.preview-panel__fullScreen,.preview-panel__save,.canvas__settings-btn,.canvas__settings-clear,.canvas__settings-grid,.footer{-webkit-box-shadow:0 8px 6px -6px black;-moz-box-shadow:0 8px 6px -6px black;box-shadow:0 8px 6px -6px black}.hidden{display:none}.tools__selector-header,.tools__settings-header,.frames-header,.preview-header,.canvas__settings-header{width:fit-content;color:#a2a2a2;margin:0px;background-color:#1b2024;padding:12px;padding-bottom:5px;border-bottom:1px dotted #444444;-webkit-box-shadow:0 8px 6px -6px black;-moz-box-shadow:0 8px 6px -6px black;box-shadow:5px 5px 8px 0px black}.tools__settings-panel,.frames,.preview-panel,.canvas__settings-panel{display:flex;flex-wrap:wrap;padding:10px;flex-direction:column;margin-bottom:30px;background:#1b2024;border-right:solid 1px black;-webkit-box-shadow:0 8px 6px -6px black;-moz-box-shadow:0 8px 6px -6px black;box-shadow:0 8px 6px -6px black}.colors__fast,.bucket-type__header,.colors__previous-header,.colors__current-header,.tool__size-header,.preview-panel__title-speed,.headerSize{padding-top:10px;text-align:center;font-size:80%;line-height:0px}.bucket-type__fullFlood,.bucket-type__certainColors,.tool__size-down,.tool__size-up,.frames-btn-add,.preview-panel__speed-down,.preview-panel__speed-up,.preview-panel__save-apng,.preview-panel__play,.preview-panel__fullScreen,.preview-panel__save,.canvas__settings-btn,.canvas__settings-clear,.canvas__settings-grid{background:#252525;border:1px solid black;text-align:center;width:34px;padding-left:10px;padding-right:10px;padding-bottom:5px;padding-top:5px;margin:0px}.tools-btn.active,.tools-btn:hover,.bucket-type__fullFlood.active,.bucket-type__certainColors.active,.bucket-type__fullFlood:hover,.bucket-type__certainColors:hover,.tool__size-down:hover,.tool__size-up:hover,.frames-btn-add:hover,.preview-panel__speed-down:hover,.preview-panel__speed-up:hover,.preview-panel__save-apng:hover,.preview-panel__play:hover,.preview-panel__fullScreen:hover,.preview-panel__save:hover,.canvas__settings-btn.active,.canvas__settings-btn:hover,.canvas__settings-clear:hover,.canvas__settings-grid:hover{width:34px;cursor:pointer;color:#ffd900;border:1px solid #ffd900}@font-face{font-family:"fontello";src:url(../fonts/fontello.eot);src:url(../fonts/fontello.eot);src:url(../fonts/fontello.eot#iefix) format("embedded-opentype"),url(../fonts/fontello.woff2) format("woff2"),url(../fonts/fontello.woff) format("woff"),url(../fonts/fontello.ttf) format("truetype");font-weight:normal;font-style:normal}.demo-icon{font-family:"fontello";font-style:normal;font-weight:normal;display:inline-block;text-decoration:inherit;width:1em;margin-right:0.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:0.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:'days';src:url(../fonts/days.woff) format("woff"),url(../fonts/days.ttf) format("truetype");font-weight:100;font-style:normal}.h1{font-weight:100;line-height:0px;padding-left:10px}.icon-menu{color:white;font-size:33px;line-height:1.2em}.signIn{color:#fff;line-height:4px;padding-right:4px}.header{width:100%;height:40px;color:white;background:#1b2024;margin-bottom:20px;display:flex;flex-wrap:nowrap;justify-content:space-between}.leftWrapper{display:flex}.rightWrapper{display:flex}.tools__selector{display:flex;align-content:flex-start;flex-wrap:wrap;padding:10px;margin-bottom:30px;background:#1b2024;border-right:solid 1px black;-webkit-box-shadow:0 8px 6px -6px black;-moz-box-shadow:0 8px 6px -6px black;box-shadow:0 8px 6px -6px black;justify-content:center}.tools-btn{background:#252525;border:1px solid black;width:60px;height:60px;padding:10px;position:relative}.tools-btn.active,.tools-btn:hover{width:60px;height:60px;padding:10px;position:relative}.tools-btn img{margin:10px}.hotkey{color:gray;position:absolute;bottom:-15px;right:5px}.settings-panel__colors{display:flex;flex-wrap:nowrap;justify-content:center;text-align:center}.inputPalette{background-color:#1b2024;border:0px;width:72px;height:29px;margin-top:-5px}.toolsContainer__colorPrevious{background-color:#96b7d1;border:1px solid #837b7b;width:65px;height:19px;margin-left:5px;margin-bottom:3px}.colors__fast-wrapper{display:flex;flex-wrap:wrap;justify-content:center}.toolsContainer__fastColor{background-color:#96b7d1;width:16px;height:19px;margin-bottom:3px}.tool__bucket-type,.tool__size-container{justify-content:center}.tool__bucket-type-btns,.tool__size-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between}.tool__size{line-height:0px}.frame{width:128px;height:128px}.frames{height:100%;text-align:center;flex-wrap:nowrap}.frames-container{display:flex;flex-wrap:nowrap;flex-direction:column;height:500px;overflow:scroll}.frames-btn-add{color:white;width:110px;margin-right:10px;margin-left:10px}.frames-btn-add:hover{width:110px;margin-right:10px;margin-left:10px}#draggable{width:130px;height:130px;text-align:center}.frameZone{width:130px;height:130px;padding:10px}.mini-frame{position:relative;border:1px solid gray}.mini-frame.active{border:1px solid yellow}.active .btnDeleteFrame{display:block;position:absolute;margin-top:0px;top:0px;margin-right:0px;right:0px;background:black;color:#FFEB3B;padding:3px;border:1px solid yellow}.active .btnDeleteFrame:hover{display:block;cursor:pointer;position:absolute;margin-top:0px;top:0px;margin-right:0px;right:0px;background:#FFEB3B;color:black;padding:3px;border:1px solid yellow}.btnDeleteFrame{display:none}.btnDeleteFrame:hover{display:none}.active .btnCopyFrame{display:block;position:absolute;margin-top:0px;top:0px;margin-left:0px;left:0px;background:black;color:#FFEB3B;padding:3px;border:1px solid yellow}.active .btnCopyFrame:hover{display:block;cursor:pointer;position:absolute;margin-top:0px;top:0px;margin-left:0px;left:0px;background:#FFEB3B;color:black;padding:3px;border:1px solid yellow}.btnCopyFrame{display:none}.btnCopyFrame:hover{display:none}.scrollbar{overflow-x:hidden}.scrollbar::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px;background-color:#131619}.scrollbar::-webkit-scrollbar{width:12px;background-color:#131619}.scrollbar::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#555}.container__canvas{position:relative;min-width:512px}.cavas__grid,.cavas__container{width:512px;height:512px;border:1px solid #444444;position:absolute}.cavas__container{z-index:100}canvas{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges}.alpha-background{width:512px;height:512px;position:absolute}.preview-panel{text-align:center}.preview-canvas{width:128px;height:128px}.preview-panel__title-speed{line-height:0px}.preview-panel__speed{line-height:0px}.preview-panel__buttons,.preview-panel__settings{display:flex;justify-content:space-between}.preview-panel__save-apng,.preview-panel__save{font-size:80%}.preview-panel__save-apng,.preview-panel__play,.preview-panel__fullScreen,.preview-panel__save{color:white;margin-top:10px}.canvas__settings-panel{text-align:center;justify-content:center}.canvas__settings-container-clear,.canvas__settings-btns-container{display:flex;flex-wrap:wrap;justify-content:center}.canvas__settings-btn{color:white;width:45px}.canvas__settings-btn.active,.canvas__settings-btn:hover{width:45px}.canvas__settings-clear{color:white;width:175px;margin-top:10px}.canvas__settings-clear:hover{width:175px}.canvas__settings-grid:hover{color:yellow}.canvas__settings-grid{color:white}.canvas__settings-grid.icon-grid{font-size:153%;padding:0px;margin:0px}.main{display:flex;width:100%;height:100%;justify-content:space-between;position:relative}.main__tools{display:flex;flex-direction:column;width:200px;padding-right:20px}.right-container{display:flex;flex-direction:column;width:250px;padding-left:20px}.left-container{display:flex}.main__frames{display:flex;flex-direction:column;width:188px;padding-right:20px}.infoblock{width:100%;height:100%;background:#1b2024;border:0px;color:red}.keyboardBtn{color:#bbbbbb;font-size:52px;line-height:0px}.keyboardBtn:hover{cursor:pointer;color:yellow;font-size:52px;line-height:0px}.footer{width:100%;height:50px;color:white;background:#1b2024;padding-bottom:5px;display:flex}.promo__main{display:flex}.main-info{text-align:left;width:40%;padding:10px}.main-screen{width:60%}.main-screen img{width:100%}.promo__examples{text-align:center;background:#21273d;margin-top:15px;padding-bottom:15px}.main-redirect-btn{text-decoration:none;background:#ffff00;border:1px solid black;text-align:center;width:34px;padding-left:10px;padding-right:10px;padding-bottom:5px;padding-top:5px;margin:0px;color:#151824}.main-redirect-btn:hover{text-decoration:none;background:#151824;border:1px solid #ffff00;text-align:center;width:34px;padding-left:10px;padding-right:10px;padding-bottom:5px;padding-top:5px;margin-top:15px;color:#ffff00}.contacts{margin:15px;color:whitesmoke;text-decoration:none;text-align:center}.contacts div:hover{color:yellow;text-decoration:none;text-align:center}.contactLink{text-decoration:none;color:whitesmoke}.contactLink:hover{text-decoration:none;color:yellow}@media (min-width: 100px) and (max-width: 600px){.promo__main{flex-wrap:wrap}.main-info{width:100%}.main-screen{padding-top:15px;width:100%}}.keyboard-modal.hidden{display:none}.keyboard-modal{position:absolute;z-index:100;width:100%;height:100%;background-color:#151824}.keyboard-modal__container{position:relative;width:auto;height:auto;font-weight:400}.keyboard-modal__container--title{display:flex;justify-content:center;align-items:center;line-height:0px;font-size:3.2rem;color:#ddcd38}.keyboard-modal__tools{margin-left:80px;font-size:2.5rem;color:#ffffff}.keyboard-modal__tools--item{display:flex;align-items:center;margin-bottom:10px;height:50px}.keyboard-modal__tools--btn{padding-left:10px;padding-right:10px;height:50px;font-size:2.5rem;background-color:#212529;color:#ffeb3b;border:3px solid #2a2a2a;cursor:pointer}.keyboard-modal__tools--btn:hover{color:#ffeb3b;border:3px solid #ffeb3b;cursor:pointer}.keyboard-modal__tools p{margin-left:15px;font-size:1.8rem}div,Ж p,textarea{font-family:'days'}html,body{height:100%}p{color:#fff}.body{margin:0;height:100%;width:100%;background:#151824;display:flex;flex-direction:column;-moz-background-size:100%;-webkit-background-size:100%;-o-background-size:100%;background-size:100%}