html,body{background:#393e46;height:100%;margin:0;font-family:sans-serif}canvas{image-rendering:pixelated}input,select{box-sizing:border-box}.pos-absolute{position:absolute}.pos-relative{position:relative}.t-0{top:0}.h-100{height:100%}.w-100{width:100%}.ov-auto{overflow:auto}.ov-hidden{overflow:hidden}.ov-visible{overflow:visible}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.d-inline-flex{display:inline-flex}.d-block{display:block}.d-flex{display:flex}.d-grid{display:grid}.d-none{display:none}.flex-column{flex-direction:column}.justify-content-end{justify-content:flex-end}.justify-content-between{justify-content:space-between}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.m-0{margin:0}.mt-2{margin-top:.5rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.mr-auto{margin-right:auto}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.p-2{padding:.5rem}.px-16{padding:0 16px}.p-full{padding:1rem}.p-half{padding:.5rem}.gap-full{gap:1rem}.no-tap{-webkit-tap-highlight-color:transparent}.pointer{cursor:pointer}.text-center{text-align:center}@font-face{font-family:Material Icons Round;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialiconsround/v107/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmP.woff2)format("woff2")}.material{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-family:Material Icons Round;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.modal-component{z-index:22}@media (max-width:699px){.home-mobile-screen{z-index:21}}menu-bar-v1{z-index:20}.tool-bar{z-index:19}.lightbox{z-index:18}menu-bar-v1 .drop-menu .submenu{z-index:2}.hide{display:none}.w3-left{float:left!important}.w3-padding{padding:8px 16px!important}.w3-tiny{font-size:10px!important}.w3-opacity{opacity:.6}.w3-right{float:right!important}.w3-small{font-size:12px!important}.tools svg{width:30px;height:30px;padding:8px}.tools:hover svg{fill:#2196f3;cursor:pointer}.loading{float:left;color:#cacaca;margin-right:2px;font-size:12px;position:relative;top:2px}.file-settings{border-bottom:1px solid #ccc;margin-bottom:1em;padding-bottom:1em}@media (max-width:600px){#nav-bar{overflow:hidden;height:0!important}}.layers canvas{border:1px solid}.layers.active{background:#d6d6d6}.mobile-left-tools.isPan .clickable[data-callback=toggle-pan-tool]{background:#ff69b4}.layers{background:#ececec;padding:8px 10px}[data-callback=toggle-awake].active{background:#ff69b4}.clickable[data-callback=toggle-draw-tool].isPencil .isEraser{display:none}.clickable[data-callback=toggle-draw-tool].isEraser .isPencil{display:none}.mobile-tools input{display:none}.mobile-tools input:checked+label.isEraser{background:#ff69b4}.mobile-tools input:checked+label.isPencil{background:#1e90ff}@media (min-width:769px){.mobile-tools,.right-mobile-tools,.mobile-left-tools,.mobile-screen-tools{display:none}}.no-mobile .mobile-tools,.no-mobile .right-mobile-tools,.no-mobile .mobile-left-tools,.no-mobile .mobile-screen-tools{display:none}.mobile-tools:not([data-mode=default])>[data-mode=default]{height:0;overflow:hidden}.mobile-tools:not([data-mode=selection])>[data-mode=selection]{height:0;overflow:hidden}ripple-button-v1.style2 button{aspect-ratio:0;-webkit-border-radius:0;border-radius:0;padding:10px 16px}.layer:not(.--active):hover .layer-name{background:#4c4c4c}.layer:not(.--active):hover .frames{background:#1b1b1b!important}.layer.--active .layer-name{background:#616161!important}.layer .name{color:#dedede;text-overflow:ellipsis;white-space:pre;width:100%;padding:.35rem .5rem;font-size:.8rem;display:block;overflow:hidden}.layer .frames{border-bottom:1px solid #212121;background:#171616!important}.layer.--active .frames.d-flex.clickable{background:#232323!important}.mask{z-index:0;grid-template-columns:200px 1fr;display:grid}.mask:after{content:" ";background:#191919;display:block}.mask:before{content:" ";background:#232323;display:block;position:sticky;left:0}button.clickable:disabled{opacity:.4}.timeline-action .clickable{padding:4px}.timeline-action .clickable .material{font-size:1.2rem}.frame{background:#333;width:20px}.frame:hover{background:#484c48}.frame.--active{background:#009688}.layer-name{background:#232323;align-items:center;width:200px;display:flex;position:sticky;left:0;overflow:hidden;box-shadow:0 0 1px #fff}.layer-name .icon{color:#dedede;background:rgba(0,0,0,.16);align-items:center;height:100%;padding:0 6px;font-size:1rem;display:flex}.layer .icon:hover{color:#ffeb3b}.layer .icon.isOff{opacity:.5}.timeline-wrapper{grid-template-rows:1fr;grid-template-columns:1fr;height:96px;display:grid;position:relative;overflow:auto}#timeline{z-index:1}.timeline-wrapper .mask,#timeline{grid-area:1/1}.layer{color:#fff;z-index:1;cursor:pointer;background:#3c3c3c;grid-template-columns:auto 1fr;display:grid;position:relative}.beta{color:#fff;background:#3f51b5;-webkit-border-radius:6px;border-radius:6px;padding:2px 4px;font-size:.7rem}body.tool-hand-hover #canvas{cursor:grab}body.tool-hand #canvas{cursor:grabbing}@media (min-width:700px){#work-canvas-container{grid-template-columns:1fr auto}.tool-bar .tool{max-width:32px}}@media (max-width:699px){.tool[data-tool=hand]{grid-area:1/9}modal-v2-color-palette{height:0}}.mobile-selection-pane button{border:1px solid #818181;-webkit-border-radius:16px;border-radius:16px}.ripple{background-position:50%;transition:background .8s}.ripple:hover{background:#efefef radial-gradient(circle,transparent 1%,#e2e2e2 1%) 50%/15000%}.ripple:active{background-color:#cacaca;background-size:100%;transition:background}.tool-bar{top:40px;left:10px}.tool-bar .inner{grid-template-columns:1fr}.mobile-button-stytle-1{color:#f9f9f9;background:#343434;border:0;box-shadow:0 0 3px #121212}@media (min-width:700px){.home-mobile-screen,.mobile-ui-button,.mobile-pane{display:none}.tool-bar .inner{display:grid!important}}.mobile-ui-button{z-index:1;position:fixed}.btn-mobile-save{padding:9px 16px}.btn-mobile-awake.active{color:#282828;background:#ffeb3b}.mobile-selection-pane small{grid-gap:4px;align-items:center;padding:3px;display:flex}@media (max-width:699px){.mobile-hide{display:none}.home-mobile-screen{color:#ececec;background:#282828;width:100%;height:100%;position:fixed;top:0;left:0}.bottom-float-buttons{margin-bottom:8px}body.layer-setting .bottom-float-buttons{margin-bottom:92px}menu-bar-v1{display:none!important}.mini-window[timeline]{display:none!important}.layer{grid-template-columns:none}.layer-name{width:100%}.layer .name{align-items:center;height:32px;display:flex}.mobile-setting-menu .tool{text-align:center;padding-bottom:6px}.mobile-setting-menu .tool .helpnote{background:inherit;color:inherit;text-align:center;display:block;position:relative;left:0;transform:none}.mobile-setting-menu .tool .icon{padding:12px 18px}.bottom-float-buttons{transition:margin .15s}.tool-bar{transition:height .15s}}.window{z-index:40;max-width:544px;margin:16px auto;position:absolute;top:0;bottom:0;left:0;right:0}.window .Wrapper{height:100%;display:grid}.window .Modal{-webkit-border-radius:3px;border-radius:3px;grid-template-rows:auto 1fr auto;margin:0 16px;display:grid;position:relative;overflow:hidden}.window .Header{background:#fff;border-bottom:1px solid #e2e2e2;justify-content:space-between;align-items:center;padding:8px 0 8px 16px;display:flex}.window h5{text-transform:uppercase;font-size:14px}.window .Content{padding:16px 16px 32px;overflow:auto}.window .Overlay{background:rgba(0,0,0,.667);width:100%;height:100%;position:fixed;top:0;left:0}.window.Hide:before{content:"";opacity:.01;z-index:100;background:#000;width:100%;height:100%;display:table;position:fixed;top:0;left:0}.window .Modal{transition:all .25s;transform:scale(1)}.window.Hide .Modal{transform:scale(.95)}.window{visibility:visible;opacity:1}.window.transition-enabled{transition:all .25s}.window.Hide{visibility:hidden;opacity:0;z-index:999}.window.Hide .Modal{visibility:hidden}.col1{color:#fff!important}.col2{color:#c1d0d0!important}.col3{color:#252525}.bg1{background:#202529!important}.bg2{background:#2d333f}.bg3{background:#3b647b}.bg4{background:#1d1f25}.bg5{background:#1a1d21}.bg6{background:#272822}.bg7{background:#444c50}.bg8{background:#f5f5f5}.btn-style-1{color:#fff;cursor:pointer;background:#262730;border:1px solid #2a2a2a;-webkit-border-radius:.2em;border-radius:.2em;justify-content:center;align-items:center;width:100px;padding:.7em 1.4em;font-size:.9em;font-weight:700;display:inline-flex}.btn-style-1:hover{background:rgba(38,39,48,.667)}.btn-style-1:focus{outline-color:#e91e63;box-shadow:0 0 5px 1px #818181}.no-select,label{user-select:none;-webkit-tap-highlight-color:transparent}body:not(.is--show-grid) #js-grid-guidelines{display:none}body:not(.is--show-grid-pixel) #js-grid-pixel-guidelines{display:none}.w3-btn,.w3-button{vertical-align:middle;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap;border:none;padding:8px 16px;text-decoration:none;display:inline-block;overflow:hidden}.w3-btn:hover{box-shadow:0 8px 16px rgba(0,0,0,.2),0 6px 20px rgba(0,0,0,.19)}.w3-btn,.w3-button{-webkit-touch-callout:none;user-select:none;-khtml-user-select:none}.w3-disabled{cursor:not-allowed;opacity:.3}.w3-btn:disabled{cursor:not-allowed;opacity:.3}.w3-button:disabled{cursor:not-allowed;opacity:.3}.w3-disabled *{pointer-events:none}:disabled *{pointer-events:none}.w3-button:hover{color:#000!important;background-color:#ccc!important}.w3-button{outline:none}h1,h2,h3,h4,h5,h6{margin:10px 0;font-family:Segoe UI,Arial,sans-serif;font-weight:400}.w3-wide{letter-spacing:4px}.w3-transparent{background-color:transparent!important}.w3-hover-none:hover{background-color:transparent!important}.w3-hover-none:hover{box-shadow:none!important}hr{border:0;border-top:1px solid #eee;margin:20px 0}.w3-input{border:none;border-bottom:1px solid #ccc;width:100%;padding:8px;display:block}.w3-check,.w3-radio{width:24px;height:24px;position:relative;top:6px}html{box-sizing:border-box}*{box-sizing:inherit}:before{box-sizing:inherit}:after{box-sizing:inherit}.obsoletes{visibility:hidden!important;width:0!important;height:0!important;display:none!important;position:absolute!important;overflow:hidden!important}