@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Akaya+Telivigala&family=DotGothic16&family=Fredoka+One&family=Lobster&family=Montserrat:wght@400;800&family=Nunito:wght@400&family=Playfair+Display:wght@400&family=Roboto:wght@400&display=swap);.sumo-paneltabs .tabs{align-items:center;display:flex;font-size:11px;font-weight:700;height:23px;justify-content:flex-start;margin:0 0 10px;position:relative;text-transform:uppercase}.sumo-paneltabs .tabs label{color:var(--color2);display:inline-flex;opacity:.5;pointer-events:none;text-align:center}.sumo-paneltabs .tab{border-radius:4px;cursor:pointer;margin-right:5px;padding:3px 5px 1px;text-align:center;text-transform:none}.sumo-paneltabs .tab.open{background:var(--color3)}.sumo-paneltabs .tab.open label{color:var(--color2);opacity:1}.sumo-paneltabs .tab.open .header:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sumo-paneltabs .tab.closed .header:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sumo-paneltabs .sumo-checkbox p{max-width:200px}.sumo-collapsible .header{align-items:center;border-bottom:1px solid var(--color3);cursor:pointer;display:flex;font-size:11px;font-weight:700;height:23px;justify-content:flex-start;margin:0 0 10px;padding:0;position:relative;text-transform:uppercase}.sumo-collapsible .header label{color:var(--color1);pointer-events:none}.sumo-collapsible .header:after{border:solid var(--color2);border-width:0 1.5px 1.5px 0;content:"";display:inline-block;height:5px;position:absolute;right:10px;top:6px;transition:-webkit-transform .1s ease-out;transition:transform .1s ease-out;transition:transform .1s ease-out,-webkit-transform .1s ease-out;width:5px}.sumo-collapsible.open{padding-bottom:15px}.sumo-collapsible.open .header:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sumo-collapsible.closed .header:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sumo-collapsible .sumo-checkbox p{max-width:200px}#panels-wrapper{height:calc(100% - 84px);overflow-x:hidden;overflow-y:auto;position:absolute;right:0;top:84px;width:280px;z-index:5}#panels-wrapper::-webkit-scrollbar{background-color:initial}#panels-wrapper::-webkit-scrollbar *{background:transparent}#panels-wrapper::-webkit-scrollbar-thumb{background:var(--color3)!important;border-radius:16px;opacity:.3}#panels-wrapper.floating{background:var(--color4);bottom:calc(42px + env(safe-area-inset-bottom));height:auto;max-height:calc(100vh - 84px);overflow-x:hidden;overflow-y:auto;position:absolute;right:0;top:42px;width:280px;z-index:9}.App.pwa #panels-wrapper.floating{bottom:74px}#panels-wrapper.floating input[type=range]::-webkit-slider-thumb{height:24px;width:24px}.panels-toggle{align-items:center;background:var(--color3);border-bottom-left-radius:3px;cursor:pointer;display:flex;height:24px;justify-content:center;position:fixed;right:281px;top:84px;width:16px;z-index:9}.panels-toggle.panels-open{right:281px}.panels-toggle.panels-closed{right:43px}.panels-toggle.panels-open svg{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.panels-toggle.panels-closed svg{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.single-panel{padding:12px;position:relative;width:270px}#panels-wrapper.floating .single-panel{height:-webkit-max-content}.single-panel .button-row{align-items:center;display:flex;justify-content:center;width:100%}.single-panel .description{color:#a6b0b7}.single-panel .ago{margin:10px 0 0}.work-info-zoom-wrapper{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:15px;width:100%}.work-preview{align-items:center;background:none;border:1px solid var(--color2);display:grid;grid-template-columns:50% 50%;height:80px;justify-self:flex-end;text-align:left;width:50%}.work-preview canvas{background:#fff}.work-info{width:50%}.coordinates{display:flex;flex-direction:column}.coordinates div{align-items:center;display:flex;justify-content:space-between}.coordinates div p{font-weight:700}#panel-info .sumo-input{min-width:0;min-width:auto;width:61%}#panel-info .sumo-select{width:61%}#panel-info .navigation{align-items:center;display:flex;justify-content:center}#panel-info .navigation .viewport{background-position:50%;background-repeat:no-repeat;background-size:contain;overflow:hidden;position:relative}#panel-info .navigation .viewport.loading{background-position:50%!important;background-size:16px!important}#panel-info .navigation .viewport .canvas{background:var(--color6);background-size:contain;position:absolute}#panel-info .navigation .viewport .zoom-area{border:3px solid red;position:absolute}#panel-info .navigation .viewport.loading .zoom-area{display:none}.work-name{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:10px}.cloud-props{display:flex;flex-direction:column;margin-bottom:20px}.cloud-props .item{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:10px}.exif-data tr{vertical-align:text-top}.exif-data td{padding:4px 1px;position:relative;width:50%}.exif-data td button{-webkit-appearance:none;appearance:none;background:transparent;border:1px solid #c3ced7;border-radius:3px;color:#c3ced7;font-size:11px;font-weight:700;height:auto;left:0;min-width:0;min-width:auto;padding:0;position:absolute;text-transform:uppercase;top:15px;width:46px}#panels-controls{align-items:center;display:flex;position:fixed;right:0;top:42px}#panels-controls.mobile{bottom:env(safe-area-inset-bottom)!important;position:fixed;top:auto;z-index:99999}.App.pwa #panels-controls{bottom:32px!important}#panels-controls .sumo-square-icon{width:40px}.single-panel button{align-items:center;background:var(--color3);border:1px solid transparent;border-radius:3px;cursor:pointer;display:flex;font-weight:700;justify-content:center;margin:5px 2px;overflow:hidden;padding:5px 8px;text-overflow:ellipsis;white-space:nowrap;width:50%}.single-panel button:hover{color:#fff;cursor:pointer;transition:all .618s ease-out}.single-panel button:active{background-color:var(--color1);transition:all 0s ease-out}.tool-settings.adjustment-brush #tools-inner-wrapper{grid-template-columns:1fr 1fr}#panel-brush p{font-weight:700}#panel-brush table{width:245px}#panel-brush table tr{align-items:center;display:flex;justify-content:space-between;margin:0 0 3px}#panel-brush table td{border-radius:15px;cursor:pointer;height:15px;transition:all .1s ease-in-out;width:15px}#panel-brush table td.selected{border:2px solid #fff}#panel-brush table td:hover{opacity:.7}#panel-brush .tool-settings{flex-direction:column}#panel-brush .select-brush-container{margin-right:0}#panel-brush #selectBrushWrapper{position:fixed;right:13px;top:210px;width:300px}#panel-brush #selectBrushWrapper .brushes-options{display:none}#panel-brush .tool-settings .sumo-dropdown-slider{margin:0}#panel-brush .tool-settings .select-container{margin-right:0;width:100%}#panel-brush .tool-settings .select-wrapper{width:100%}.swatch-section ul{grid-gap:4px;display:grid;gap:4px;grid-auto-rows:26px;grid-template-columns:repeat(9,24px);margin:10px 0}.swatch-section li{border-radius:15px;cursor:pointer;height:24px;width:24px}.swatch-section li.selected{border:2px solid var(--color7)}.swatch-section .add-new-swatch{border-radius:15px;cursor:pointer}.swatch-section .add-new-swatch svg{fill:var(--color2)}#latest-colors-used{grid-gap:4px;display:grid;gap:4px;grid-auto-rows:26px;grid-template-columns:repeat(9,24px);margin:10px 0}.palette-single-color{border-radius:40px;cursor:pointer;height:24px;width:24px}.palette-single-color:hover{opacity:.8}.ace-container{display:flex;flex-direction:row}.ace-container .frame-info{left:16px;position:fixed;top:56px;z-index:999}button.command{bottom:20px;color:#111;font-size:12px;font-weight:600;position:absolute;right:20px}.ace-container .console{background:#222727;border-left:1px solid var(--color4);border-top:1px solid var(--color4);bottom:0;max-height:200px;overflow-y:scroll;padding:10px;position:fixed;right:0;width:600px;z-index:9999}.console code span.log{color:#fff;font-weight:700;padding:3px 6px}.console code span.error{background:#fff;color:red;font-weight:700;padding:3px 6px}.ace-container button{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;height:42px;position:absolute;right:370px;top:42px;z-index:9999}.ace-container button svg{fill:#fff}#playerCache{background:#222627;border:none;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}#panel-brush .panel-header{display:flex;justify-content:space-between;margin-bottom:15px}#panel-brush .panel-header .sumo-blue-title{width:50%}#panel-brush .panel-header .sumo-select{max-height:35px;width:60%}#panel-brush .panel-header .sumo-select:after{right:13px;top:11px}#panel-brush .panel-header .sumo-select select{font-size:10px;min-width:auto;padding-right:24px}#panel-brush .tool-settings-single{height:32px;justify-content:space-between;width:100%}#panel-brush .tool-settings-single p{width:50%}#panel-brush .sumo-dropdown-slider{height:32px;justify-content:space-between;width:100%}#panel-brush .sumo-dropdown-slider label{width:50%}#panel-brush .dropdown-slider-wrapper.slider-only{height:auto;width:auto}#panel-brush .dropdown-slider-input-wrapper.slider-only{border-bottom-left-radius:0;border-top-left-radius:0}#panel-brush .sumo-range.slider-only{position:relative;right:auto;top:auto}#panels-wrapper .toggle-option{align-items:center;display:flex;height:32px;justify-content:space-between;width:100%}#panels-wrapper .toggle-option .icon-and-label{align-items:center;display:flex;justify-content:flex-start;width:100%}#panel-brush .toggle-option .icon-and-label,#panel-brush .toggle-option .icon-and-label label{cursor:pointer}#panels-wrapper .toggle-option .icon{align-items:center;display:flex;height:32px;width:32px}#panels-wrapper .toggle-option .icon svg{height:24px;width:24px}#panels-wrapper .toggle-option label{margin-right:0;width:40%}#panels-wrapper label[role=button]{align-items:center;background:var(--color3);border:1px solid transparent;border-radius:3px;cursor:pointer;display:flex;font-weight:700;justify-content:center;margin:10px 1px;padding:10px}#panels-wrapper .option-values{display:flex;flex-direction:column}#panels-wrapper .option-values.expanded{background:var(--color5);border-radius:3px;margin:5px 0;padding:1px 0 0}#panels-wrapper .option-values .sumo-dropdown-slider label{padding-left:15px}#panels-wrapper .option-values-group{display:flex;flex-direction:column}#panels-wrapper .option-values-group .value-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;margin-left:15px}#panels-wrapper .option-values-group .value-item label{width:90px}#panels-wrapper .image-colors{display:flex;flex-direction:row;flex-wrap:wrap}#panels-wrapper .image-colors .swatch{border:1px solid var(--color3);border-radius:3px;cursor:pointer;height:42px;overflow:hidden;position:relative;width:12.5%}#panels-wrapper .image-colors .swatch:after{background:#fff;content:" ";height:10px;position:absolute;right:-5px;top:-5px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:10px}#panels-wrapper .image-colors .swatch.selected{border:1px solid var(--color2)}#panel-settings .the-menu{padding:0 5px}#panel-settings .toggle-option{align-items:center;display:flex;height:32px;justify-content:space-between;width:100%}#panel-settings .toggle-option label{color:#fff;width:100%}#panel-settings .select-option{display:flex;flex-direction:column;justify-content:flex-start;padding:10px 0}#panel-settings .select-option p{padding:5px 2px}#panel-settings .backup-info{border-top:1px solid var(--color3);display:flex;justify-content:space-between;margin:15px 0 5px;padding:0 0 0 3px}#panel-settings .autosave-thumb{border:1px solid var(--color3);border-radius:3px;height:48px;margin:10px 3px 0}.tool-settings.adjustment-brush{position:relative}.tool-settings.adjustment-brush .single-tool svg{margin:0 80px}.tool-settings.adjustment-brush #tools-inner-wrapper .adjustment-icons{left:0;right:0;top:0;width:auto}.tool-settings.adjustment-brush{flex-direction:column}.tool-settings.adjustment-brush .sumo-dropdown-slider{height:32px;justify-content:space-between;width:100%}.tool-settings.adjustment-brush .sumo-dropdown-slider label{width:50%}.tool-settings.adjustment-brush .sumo-dropdown-slider.slider-only{display:flex;flex-direction:row}.tool-settings.adjustment-brush .opened-slider.dropdown-slider-wrapper.slider-only{align-items:center}.tool-settings.adjustment-brush .sumo-range.slider-only{display:flex;position:relative;right:auto;top:auto}.tool-settings .sumo-checkbox,.tool-settings.adjustment-brush .sumo-dropdown-slider{margin-right:0}.tool-settings.adjustment-brush .dropdown-slider-input-wrapper.slider-only{border-bottom-left-radius:0;border-top-left-radius:0}#panel-adjustments .sumo-select select{text-transform:capitalize}.sumo-btn.delete:hover{background:red}#panel-ai .sumo-dropdown-slider{height:32px;justify-content:space-between;width:100%}#panel-ai .sumo-dropdown-slider label{width:100%}#panel-ai .dropdown-slider-wrapper.slider-only{height:auto;width:auto}#panel-ai .sumo-range.slider-only{position:relative;right:auto;top:auto}#panel-ai h2{position:relative}#panel-ai h2.beta:after{align-items:center;background:var(--tunes);border-radius:11px;color:var(--color5);content:"Beta";display:flex;font-size:9px;font-weight:900;height:16px;justify-content:center;position:absolute;right:0;top:-7px;width:34px}#panel-ai h2 a{color:var(--color2);font-size:10px;position:absolute;right:0}#panel-ai button.randomize{bottom:80px;box-shadow:0 2px 5px var(--color5);left:20px;position:absolute;width:32px}#panel-ai .dropdown-slider-input-wrapper.slider-only{border-bottom-left-radius:0;border-top-left-radius:0}#panel-ai .sumo-dropdown-slider label{width:50%}#panel-ai{flex-direction:column}#panel-ai .tool-single-button-settings{justify-content:space-between;margin:0 0 5px;width:100%}#panel-ai .tool-single-button-settings .items{display:flex;flex-direction:row}#panel-ai .actions{display:flex}#panel-ai .help{color:#fff;font-size:13px}#panel-ai .help.fixed-height{height:70px}#panel-ai button.selected,#panel-ai button.tool-button-selected{border:1px solid var(--color1)}#panel-ai button.primary,#panel-ai button.selected{background:var(--color1)}#panel-ai .select__control{background-color:var(--color5);border-color:transparent;box-shadow:none!important}.select__menu{background-color:var(--color4)!important;border-color:transparent}.select__option--is-focused{background-color:var(--color3)!important}.select__input{color:var(--color2)!important}@media (max-width:420px){#code-editor{bottom:42px;height:auto!important;position:absolute;right:0;top:50%;z-index:9}.grid{-webkit-transform-origin:top;transform-origin:top}}table.swatches{width:245px}table.swatches tr{align-items:center;display:flex;justify-content:space-between;margin:0 0 3px}table.swatches td{border-radius:15px;cursor:pointer;height:15px;transition:all .1s ease-in-out;width:15px}table.swatches td.selected{border:2px solid #fff}table.swatches td:hover{opacity:.7}button.kimono{align-items:center;background:var(--color3);border:1px solid transparent;border-radius:3px;cursor:pointer;display:flex;font-weight:700;justify-content:center;margin:5px 2px;overflow:hidden;padding:5px 8px;text-overflow:ellipsis;white-space:nowrap}button.kimono:hover{background-color:var(--color4);border-color:var(--color1);color:#fff;cursor:pointer;transition:all .618s ease-out}button.kimono.warning:hover{border-color:var(--video)}button.kimono:active{background-color:var(--color1);transition:all 0s ease-out}button.kimono.warning:active{background-color:var(--video);transition:all 0s ease-out}#layers-header{align-items:center;display:flex;height:40px;justify-content:space-between;width:256px}.layer-action[disabled]{opacity:.3;pointer-events:none}.layer-action{align-items:center;cursor:pointer;display:flex;float:left;height:18px;justify-content:center;margin-right:10px;width:18px}.layer-action svg{height:18px;pointer-events:none;width:18px}.single-layer{align-items:center;background:#222527;border:2px solid transparent;display:flex;height:40px;justify-content:flex-start;position:relative;width:100%}.single-layer .layer-lock{cursor:pointer;position:absolute;right:11px;top:11px;z-index:1}.single-layer .layer-lock svg{height:18px;width:18px}.single-layer .layer-actions{display:flex;position:absolute;right:0}.single-layer .layer-actions button{background:var(--color4);border-radius:3px;height:30px;margin:0;padding:2px;width:24px}.single-layer .layer-actions:first-child() button{box-shadow:-10px 0 10px var(--color5)}.single-layer .layer-actions button svg{pointer-events:none}.layer-preview{align-items:center;display:flex;justify-content:center;margin-right:5px;width:50px}.layer-preview .has-layer-mask{font-size:16px;margin-right:0;-webkit-transform:rotate(180deg) scaleY(-1) translateX(-5px);transform:rotate(180deg) scaleY(-1) translateX(-5px)}.layer-preview canvas{background:#fff;border:1px solid var(--color2)}.layer-preview img{background:#fff;height:32px;object-fit:cover;width:50px}.layer-preview img.has-layer-mask{-webkit-transform:scale(.75);transform:scale(.75)}.layer-name input{background:none;border-radius:0;box-shadow:none!important;font-size:12px;min-width:0;min-width:auto;outline:none;text-overflow:ellipsis;width:111px}.App.mobile .layer-name input{font-size:16px}.toggle-layer-visibility,.toggle-mask-visibility{cursor:pointer;height:24px;margin:5px;width:24px}#layers-footer{align-items:center;background:var(--color4);border-top:1px solid var(--color3);bottom:0;display:flex;height:33px;justify-content:space-between;padding:0 10px;position:fixed;right:0;width:280px}.App.mobile #layers-footer,.App.tablet #layers-footer{border-bottom:1px solid var(--color3);border-left:1px solid var(--color3);bottom:calc(42px + env(safe-area-inset-bottom))!important;padding:0 0 0 8px}.App.pwa #layers-footer,.App.tablet #layers-footer{bottom:32px}#layers-footer .left{align-items:center;display:flex;justify-content:flex-start}#layers-footer .right{align-items:center;display:flex;justify-content:flex-end}#layers-footer .color-chooser{align-items:center;background:#222;border-radius:6px;bottom:44px;display:flex;flex-direction:column;height:233px;overflow:hidden;padding:5px;position:absolute;transition:all .3s ease-out;width:255px}#layers-footer .color-chooser table{width:245px}#layers-footer .color-chooser table tr{align-items:center;display:flex;justify-content:space-between;margin:0 0 3px}#layers-footer .color-chooser table td{border-radius:15px;cursor:pointer;height:15px;transition:all .1s ease-in-out;width:15px}#layers-footer .color-chooser table td.selected{border:2px solid #fff}#layers-footer .color-chooser table td:hover{opacity:.7}#layers-header .sumo-range input{max-width:42px}#layers-header .sumo-select select{padding-right:24px}#layers-content{max-height:calc(100vh - 207px);overflow-x:hidden;overflow-y:auto;width:256px}#layers-content::-webkit-scrollbar{background-color:initial}#layers-content::-webkit-scrollbar *{background:transparent}#layers-content::-webkit-scrollbar-thumb{background:var(--color3)!important;border-radius:16px;opacity:.3}#panel-layer-transform{display:flex;flex-direction:column;padding:10px 20px 0 0}#panel-layer-transform .row,#panel-layer-transform input[type=number]{align-items:center;display:flex;justify-content:space-between}#panel-layer-transform input[type=number]{background:#222527;border:none;border-radius:100px;height:28px;margin:2px 0;padding:0 10px;width:150px;width:70px}.range-toggle{background:#222527;border-radius:0 24px 24px 0;cursor:pointer;display:inline-block;height:24px;margin-left:-1px;position:relative;width:24px}.range-toggle img{margin-left:5px;pointer-events:none}.dropdown-slider-input-wrapper{align-items:center;background:#222527;border-radius:24px;display:flex;height:24px;padding:10px;position:absolute;right:0;top:25px;width:120px;z-index:10}.sumo-range.slider-only{position:absolute;right:0;top:-30px}.dropdown-slider-input-wrapper input{margin:0;width:100%}.dropdown-slider-wrapper.slider-only{height:100%;width:100%}.dropdown-slider-input-wrapper.slider-only{align-items:center;background:#222527;border-radius:24px;display:flex;height:24px;padding:10px;position:relative;right:auto;top:auto;width:auto;z-index:auto}.dropdown-options-current{align-items:center;background:#222527;border-radius:20px 0 0 20px;display:flex;height:24px;min-width:75px;padding:0 10px}.dropdown-options-current img,.dropdown-options-list-wrapper img{-webkit-filter:invert(.9);filter:invert(.9);margin-right:7px;width:10px}.dropdown-options-list-wrapper li.selected{background:var(--color6)}.dropdown-options-list-wrapper li.selected span{color:#fff}.dropdown-options-list-wrapper{background:#222;border-radius:5px;position:absolute;top:100%;width:100%;z-index:999}.dropdown-options-list-wrapper li{align-items:center;cursor:pointer;display:flex;height:24px;padding:0 10px}.dropdown-options-list-wrapper li:first-child{border-radius:5px 5px 0 0}.dropdown-options-list-wrapper li:last-child{border-radius:0 0 5px 5px}.dropdown-options-list-wrapper li:hover:not(.selected){background:#333}.dropdown-options-wrapper,.select-gradient-container{margin-right:15px}#panel-text .row{display:flex;flex-direction:row;height:32px}#panel-text .row span{color:var(--color2);font-family:Quicksand,arial;font-size:11px;font-style:normal;font-weight:500;line-height:14px;margin:0;min-width:45px;text-align:left;text-transform:capitalize}#panel-text .row input{background:var(--color3);border:none;border-radius:0;color:#fff;width:40px}#panel-text .row.spacing{align-items:center;justify-content:space-between}#panel-text .row.spacing button.arrange{fill:var(--color2);background:transparent;border:none;cursor:pointer;margin:0;padding:0}#panel-text .row.spacing button.arrange svg{height:32px;pointer-events:none;width:32px}#panel-text .shape-list{display:flex;flex-wrap:wrap;padding-bottom:15px}#panel-text .shape{align-items:center;border:1px solid #4d5256;cursor:pointer;display:flex;height:74px;justify-content:center;margin:4px;position:relative;width:74px}#panel-text .shape.text{height:50px;width:100%}#panel-text .shape-list label{bottom:5px;color:var(--color2);font-family:Quicksand,arial;font-size:11px;font-style:normal;font-weight:500;line-height:14px;margin:0;position:absolute;text-align:left;text-transform:capitalize}#panel-text .shape-options{border-bottom:1px solid rgba(195,206,215,.15);display:flex;flex-direction:column;padding:15px 0}#panel-text .shape-options .sumo-select{justify-content:space-between;margin:5px 0}#panel-text .shape-options .sumo-select select{width:150px}#panel-text .shape-options label{color:var(--color2);font-family:Quicksand,arial;font-size:11px;font-style:normal;font-weight:500;line-height:14px;margin:0;text-align:left;text-transform:capitalize}#panel-text .shape-options .tab.open label{color:var(--color5)}#panel-text .shape-options .radio-group{display:flex;flex-direction:row}#panel-text .shape-actions{display:flex;justify-content:space-between}#panel-text .shape-actions button svg{margin-right:8px}#panel-text .shape-actions .function{background:var(--color4)!important}#panel-text .shape-actions button svg{height:16px;width:16px}#panel-text input[type=text]{font-size:11px}#panel-text input[type=text],#panel-text textarea{border:none;border-radius:2px;color:#fff;padding:0 5px;width:100%}#panel-text textarea{font-size:14px}#panel-text .shape-list .shape.svg svg{height:48px;width:48px}#panel-text .shape-list .shape.image img{height:100%;padding:12px;width:100%}#panel-text .sumo-dropdown-slider{height:32px;justify-content:space-between;width:100%}#panel-text .sumo-dropdown-slider label{width:100%}#panel-text .sumo-dropdown-slider.slider-only{display:flex;flex-direction:row}#panel-text .opened-slider.dropdown-slider-wrapper.slider-only{align-items:center}#panel-text .sumo-range.slider-only{display:flex;position:relative;right:auto;top:auto}#panel-text .sumo-range.slider-only input[type=text]{border-radius:100px 0 0 100px;padding-right:16px}#panel-text .sumo-dropdown-slider,.sumo-checkbox{margin-right:0}#panel-text .dropdown-slider-input-wrapper.slider-only{border-bottom-left-radius:0;border-top-left-radius:0}#panel-text .checkmark{min-width:0!important;min-width:auto!important}#panel-text .color-code-input{align-items:center;background:#222527;border-radius:100px;display:flex;height:28px;justify-content:space-between;padding:0 6px 0 5px;width:124px}#panel-text .color-preview{border:1px solid var(--color3);border-radius:50%;cursor:pointer;height:20px;width:20px}#panel-text .color-code-input input[type=color],#panel-text .color-code-input input[type=text]{background:transparent;font-size:11px;width:60px}#panel-text .color-code-input input[type=text]:focus{background:#fff;color:#000}#panel-text .color-chooser{align-items:center;background:#222;border-radius:6px;display:flex;flex-direction:column;height:266px;overflow:hidden;padding:5px;position:absolute;transition:all .3s ease-out;width:255px;z-index:9}#panel-text .color-chooser table{width:240px}#panel-text .color-chooser table tr{align-items:center;display:flex;justify-content:space-between;margin:0 0 3px}#panel-text .color-chooser table td{border-radius:15px;cursor:pointer;height:15px;transition:all .1s ease-in-out;width:15px}#panel-text .color-chooser table td.selected{border:2px solid #fff}#panel-text .color-chooser table td:hover{opacity:.7}#panel-text div[id^=font-picker] .dropdown-button{background:#222527!important;border-radius:100px;box-shadow:none;height:24px;margin-left:2px;padding:0 10px;width:199px}#panel-text div[id^=font-picker] ul{background:#222527;box-shadow:none;margin-left:4px;transition:none;width:197px;z-index:9}#panel-text div[id^=font-picker] ul li{font-size:14px;height:24px;margin:0;padding:0}#panel-text div[id^=font-picker] ul li button.active-font,#panel-text div[id^=font-picker] ul li button:hover,div[id^=font-picker] ul li button:focus{background:#3587c9!important}#panel-text div[id^=font-picker] ul li button{background:#222527!important}.column{display:flex;flex-direction:column}#panel-brush .column .sumo-checkbox{margin:3px 0}.sprite-editor{grid-gap:10px;display:grid;grid-auto-rows:64px;grid-template-columns:64px 64px 64px;margin:10px 0}.sprite-editor,.sprite-editor .thumb{align-items:center;justify-content:center;position:relative}.sprite-editor .thumb{border:1px solid #000;display:flex;height:64px;width:64px}.sprite-editor .thumb label{align-items:center;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;margin:0;position:absolute;right:0;text-align:center;top:0}.sprite-editor .thumb img{max-height:64px;max-width:64px}.sprite-sheets{grid-gap:5px;align-items:center;display:grid;grid-auto-rows:78px;grid-template-columns:1fr 1fr 1fr}.sprite-sheets,.sprite-sheets .sheet{justify-content:center;position:relative}.sprite-sheets .sheet{align-items:baseline;border:1px solid var(--color3);cursor:pointer;display:flex;height:78px;overflow:hidden;width:78px}.sprite-sheets .sheet:hover{background:var(--color5);z-index:1}.sprite-sheets .sheet label{align-items:center;bottom:0;cursor:pointer;display:flex;display:none;justify-content:center;left:0;margin:0;position:absolute;right:0;top:0}.sprite-sheets .sheet img{display:inline-flex;height:auto;width:78px}.sprite-sheets .sheet:hover img{display:inline-flex;height:78px;object-fit:contain;width:78px}.sprite-sheets .toggle-option{align-items:center;display:flex;height:32px;width:100%}.sprite-sheets .toggle-option label{margin-right:0;width:33%}#toolinfo-wrapper{background:var(--color4);border:"none";border-left:1px solid rgba(195,206,215,.15);border-right:1px solid rgba(195,206,215,.15);bottom:0;height:32px;left:84px;line-height:32px;padding-left:10px;position:absolute;z-index:3}#toolinfo-wrapper.tablet{border:1px solid rgba(195,206,215,.15);bottom:42px}#toolinfo-text li{list-style-type:disc;margin-bottom:4px;margin-left:16px}.animation-border{border:1px solid var(--color4);padding:2px}.border-animation{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:borderFlash;animation-name:borderFlash}@-webkit-keyframes borderFlash{0%{border:1px solid var(--color1)}to{border:1px solid var(--color4)}}@keyframes borderFlash{0%{border:1px solid var(--color1)}to{border:1px solid var(--color4)}}input.kimono{background:var(--color5);border:1px solid transparent;border-radius:100px;color:var(--color2);display:inline-block;font-size:11px;height:24px;outline:none;padding:0 10px;width:auto}input.kimono:focus{border:1px solid var(--color1);box-shadow:none}#floating-options{align-items:center;bottom:32px;display:flex;flex-direction:column;justify-content:center;position:fixed;right:0;top:84px;transition:opacity .38s ease-out;width:42px;z-index:9}.App.mobile #floating-options,.App.tablet #floating-options{bottom:42px;top:42px}#floating-options .pop-button{background:rgba(47,51,54,.7);border:2px solid #fff;border-radius:50%;cursor:pointer;height:32px;margin-bottom:32px;width:32px}#floating-options .pop-button .content{align-items:center;border-radius:50%;display:flex;height:100%;justify-content:center;position:relative;width:100%}#floating-options .pop-button .content label{color:var(--color2);margin:0;position:absolute;right:-7px;text-align:center;text-shadow:0 1px 1px rgba(35,37,39,.5);top:-20px;width:42px}#floating-options .pop-button .content span{color:#fff;font-weight:700}#floating-options .sumo-dropdown-slider{margin-top:-36px;position:absolute;right:42px}#floating-options .sumo-dropdown-slider label{display:none}#floating-options .sumo-dropdown-slider .sumo-range.slider-only{right:5px;top:-7px;width:40px}#floating-options .sumo-dropdown-slider .dropdown-slider-input-wrapper.slider-only{background:#4d5256;height:225px;margin:16px 10px 10px;width:24px}#floating-options .sumo-dropdown-slider .dropdown-slider-input-wrapper.slider-only input{left:-90px;position:absolute;top:100px;-webkit-transform:rotate(270deg);transform:rotate(270deg);width:205px}#floating-options .sumo-dropdown-slider .sumo-range input{background:transparent;font-size:10px;padding:0 10px;text-align:center;width:43px}#floating-options .sumo-dropdown-slider .sumo-range:after{background:transparent;bottom:0;color:var(--color2);right:4px;top:3px}#floating-options .sumo-dropdown-slider input::-webkit-slider-thumb{height:32px;width:32px}#floating-options .history-buttons{align-items:center;display:flex;flex-direction:column;justify-content:center}#floating-options .history-buttons button{align-items:center;background:rgba(47,51,54,.7);border:none;border-radius:3px;box-shadow:none;cursor:pointer;display:inline-flex;height:32px;justify-content:center;margin:4px 0;padding:6px;width:32px}#floating-options .history-buttons button svg{height:100%;width:100%}.tool-settings.selection{flex-direction:column}.tool-settings.selection .tool-single-button-settings{justify-content:space-between;margin:0 0 5px;width:100%}.tool-settings.selection .tool-single-button-settings .items{display:flex;flex-direction:row}.tool-settings.selection .actions{display:flex}.tool-settings.selection .actions button{font-size:12px}.tool-settings.selection .tool-settings-single{align-items:center;display:flex;justify-content:space-between;position:relative;width:100%}.tool-settings.selection .sumo-dropdown-slider{border-bottom-left-radius:0;border-top-left-radius:0;justify-content:space-between;margin:5px 0;width:100%}.tool-settings.selection .sumo-range.slider-only{position:relative;right:auto;top:auto}.tool-settings.selection .dropdown-slider-input-wrapper.slider-only{border-bottom-left-radius:0;border-top-left-radius:0}.tool-settings.selection .sumo-dropdown-slider label{width:50%}.tool-settings.selection .option-values{background:var(--color5);margin:-10px 1px 0;padding:1px 0 1px 10px}#tool-button-color.tool-button{min-width:62px}#tool-button-color.tool-button span{font-size:9px}#selectWrapper .content-section li{flex-direction:row;width:50%}#selectWrapper .content-section li img{margin-right:14px;width:32px}#selectWrapper .content-section li label{cursor:pointer;font-size:13px}#selectWrapper .content-section li:hover label{color:#fff}.tool-settings.tree{flex-direction:column}.tool-settings.tree .sumo-dropdown-slider{border-bottom-left-radius:0;border-top-left-radius:0;justify-content:space-between;margin:5px 0;width:100%}.tool-settings.tree .sumo-range.slider-only{position:relative;right:auto;top:auto}.tool-settings.tree .dropdown-slider-input-wrapper.slider-only{border-bottom-left-radius:0;border-top-left-radius:0}.tool-settings.tree .sumo-dropdown-slider label{width:50%}.tool-settings.tree ul.presets{align-items:center;display:grid;grid-auto-rows:100px;grid-template-columns:1fr 1fr 1fr;justify-content:center;width:100%}.tool-settings.tree ul.presets li{align-items:center;border:2px solid transparent;border-radius:3px;display:flex;flex-direction:column;justify-content:center;padding:5px}.tool-settings.tree ul.presets img{max-height:64px;max-width:64px}.tool-settings.tree ul.presets span{margin-top:5px}.tool-settings.eraser{align-items:flex-start;flex-direction:column}.tool-settings.eraser .sumo-dropdown-slider{border-bottom-left-radius:0;border-top-left-radius:0;justify-content:space-between;margin:5px 0;width:100%}.tool-settings.eraser .sumo-range.slider-only{position:relative;right:auto;top:auto}.tool-settings.eraser .dropdown-slider-input-wrapper.slider-only{border-bottom-left-radius:0;border-top-left-radius:0}.tool-settings.eraser .sumo-dropdown-slider label{width:50%}.tool-settings.eraser ul.presets{align-items:center;display:grid;grid-auto-rows:42px;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;justify-content:center;margin-bottom:15px;width:100%}.tool-settings.eraser ul.presets li{align-items:center;border:2px solid transparent;border-radius:3px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin:2px;padding:5px}.tool-settings.eraser ul.presets img{-webkit-filter:invert(1);filter:invert(1);max-height:24px;max-width:24px}.tool-settings.eraser ul.presets span{margin-top:5px}.tool-settings.move-and-pan{display:flex;flex-direction:column}.tool-settings.move-and-pan .actions{display:flex}.tool-settings.move-and-pan .actions button.icon svg{height:24px;width:24px}.tool-settings.move-and-pan p{color:var(--color2);font-size:13px}.tool-settings.crop .actions{display:flex;flex-direction:row}.tool-settings.crop .brush-settings{margin:20px 0}.tool-settings.crop .crop-help{color:#fff;font-size:13px}.tool-settings.magic{align-items:flex-start}.tool-settings.magic .sumo-dropdown-slider{border-bottom-left-radius:0;border-top-left-radius:0;justify-content:space-between;margin:5px 0;width:100%}.tool-settings.magic .sumo-range.slider-only{position:relative;right:auto;top:auto}.tool-settings.magic .dropdown-slider-input-wrapper.slider-only{border-bottom-left-radius:0;border-top-left-radius:0}.tool-settings.magic .sumo-dropdown-slider label{width:50%}.tool-settings.magic{flex-direction:column}.tool-settings.magic .tool-single-button-settings{justify-content:space-between;margin:0 0 5px;width:100%}.tool-settings.magic .tool-single-button-settings .items{display:flex;flex-direction:row}.tool-settings.magic .actions{display:flex}.tool-settings.magic .actions button{font-size:12px}.tool-settings.magic .brush-settings{margin:20px 0}.tool-settings.magic .magic-help{color:#fff;font-size:13px}.tool-settings.magic .magic-help.fixed-height{height:57px}.tool-settings.magic .magic-help.fixed-height.marker{height:80px}.tool-settings button.tool-button-selected{border:1px solid var(--color1)}.tool-settings button.primary{background:var(--color1)}.tool-settings.eyedropper .tool-settings-single{align-items:center;display:flex;justify-content:space-between;width:100%}.tool-settings.eyedropper .color-picker-current-color{border:2px solid var(--color2);border-radius:50%;height:32px;width:32px}.tool-settings.paintbucket .tool-settings-single{align-items:center;display:flex;justify-content:space-between;position:relative;width:100%}.tool-settings.paintbucket .sumo-dropdown-slider{border-bottom-left-radius:0;border-top-left-radius:0;justify-content:space-between;margin:5px 0;width:100%}.tool-settings.paintbucket .sumo-range.slider-only{position:relative;right:auto;top:auto}.tool-settings.paintbucket .dropdown-slider-input-wrapper.slider-only{border-bottom-left-radius:0;border-top-left-radius:0}.tool-settings.paintbucket .sumo-dropdown-slider label{width:50%}.tool-settings.paintbucket .tool-settings-single table{margin-bottom:15px;width:256px}.tool-settings.paintbucket .tool-settings-single table tr{align-items:center;display:flex;justify-content:space-between;margin:0 0 3px}.tool-settings.paintbucket .tool-settings-single table td{border-radius:15px;cursor:pointer;height:15px;transition:all .1s ease-in-out;width:15px}.tool-settings.paintbucket .tool-settings-single table td.selected{border:2px solid #fff}.tool-settings.paintbucket .tool-settings-single table td:hover{opacity:.7}.tool-settings.paintbucket .chrome-picker{position:relative;width:255px!important}.tool-settings.overliner{align-items:flex-start;flex-direction:column}.tool-settings.overliner .sumo-dropdown-slider{border-bottom-left-radius:0;border-top-left-radius:0;justify-content:space-between;margin:5px 0;width:100%}.tool-settings.overliner .sumo-range.slider-only{position:relative;right:auto;top:auto}.tool-settings.overliner .dropdown-slider-input-wrapper.slider-only{border-bottom-left-radius:0;border-top-left-radius:0}.tool-settings.overliner .sumo-dropdown-slider label{width:50%}.tool-settings.overliner ul.presets{align-items:center;display:grid;grid-auto-rows:42px;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;justify-content:center;margin-bottom:15px;width:100%}.tool-settings.overliner ul.presets li{align-items:center;border:2px solid transparent;cursor:pointer;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.tool-settings.overliner ul.presets .color,.tool-settings.overliner ul.presets li{border-radius:50%;height:32px;width:32px}.tool-settings.overliner ul.presets span{margin-top:5px}.tool-settings.vector-shape{align-items:flex-start;flex-direction:column}.tool-settings.vector-shape .sumo-dropdown-slider{border-bottom-left-radius:0;border-top-left-radius:0;margin:5px 0}.tool-settings.vector-shape .sumo-dropdown-slider label{width:145px}.tool-settings.vector-shape ul.presets{align-items:center;display:grid;grid-auto-rows:42px;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;justify-content:center;margin-bottom:15px;width:100%}.tool-settings.vector-shape ul.presets li{align-items:center;border:2px solid transparent;border-radius:3px;cursor:pointer;display:flex;flex-direction:column;height:36px;justify-content:center;padding:0;width:36px}.tool-settings.vector-shape ul.presets li.selected{border-color:var(--color1)}.tool-settings.vector-shape ul.presets li.selected svg{fill:var(--color7)}.tool-settings.vector-shape ul.presets svg{fill:var(--color2);height:100%;width:100%}.tool-settings.vector-shape .row{display:flex;flex-direction:row;height:32px}.tool-settings.vector-shape .row span{color:var(--color2);font-family:Quicksand,arial;font-size:11px;font-style:normal;font-weight:500;line-height:14px;margin:0;min-width:45px;text-align:left;text-transform:capitalize}.tool-settings.vector-shape .row input{background:var(--color3);border:none;border-radius:0;color:#fff;width:40px}.tool-settings.vector-shape .row.spacing{align-items:center;justify-content:space-between}.tool-settings.vector-shape .row.spacing button.arrange{fill:var(--color2);background:transparent;border:none;cursor:pointer;margin:0;padding:0}.tool-settings.vector-shape .row.spacing button.arrange svg{height:32px;pointer-events:none;width:32px}.tool-settings.vector-shape .shape-list{display:flex;flex-wrap:wrap;padding-bottom:15px}.tool-settings.vector-shape .shape{align-items:center;border:1px solid #4d5256;cursor:pointer;display:flex;height:74px;justify-content:center;margin:4px;position:relative;width:74px}.tool-settings.vector-shape .shape.text{height:50px;width:100%}.tool-settings.vector-shape .shape-list label{bottom:5px;color:var(--color2);font-family:Quicksand,arial;font-size:11px;font-style:normal;font-weight:500;line-height:14px;margin:0;position:absolute;text-align:left;text-transform:capitalize}.tool-settings.vector-shape .shape-options{border-bottom:1px solid rgba(195,206,215,.15);display:flex;flex-direction:column;padding:15px 0}.tool-settings.vector-shape .shape-options .sumo-select{justify-content:space-between;margin:5px 0}.tool-settings.vector-shape .shape-options .sumo-select select{width:150px}.tool-settings.vector-shape .shape-options label{color:var(--color2);font-family:Quicksand,arial;font-size:11px;font-style:normal;font-weight:500;line-height:14px;margin:0;text-align:left;text-transform:capitalize}.tool-settings.vector-shape .shape-options .tab.open label{color:var(--color5)}.tool-settings.vector-shape .shape-options .radio-group{display:flex;flex-direction:row}.tool-settings.vector-shape .shape-actions{display:flex;justify-content:space-between}.tool-settings.vector-shape .shape-actions button svg{margin-right:8px}.tool-settings.vector-shape .shape-actions .primary{background:#3588c9!important}.tool-settings.vector-shape .shape-actions .warning{background:#c62e2d!important}.tool-settings.vector-shape .shape-actions .function{background:var(--color4)!important}.tool-settings.vector-shape .shape-actions button svg{height:16px;width:16px}.tool-settings.vector-shape input[type=text]{border:none;border-radius:2px;color:#fff;font-size:11px;padding:0 5px;width:100%}.tool-settings.vector-shape textarea{border:none;border-radius:2px;color:#fff;font-size:14px;padding:0 5px;width:100%}.tool-settings.vector-shape .shape-list .shape.svg svg{height:48px;width:48px}.tool-settings.vector-shape .shape-list .shape.image img{height:100%;padding:12px;width:100%}.tool-settings.vector-shape .sumo-dropdown-slider{height:32px;justify-content:space-between;width:100%}.tool-settings.vector-shape .sumo-dropdown-slider.slider-only{display:flex;flex-direction:row}.tool-settings.vector-shape .opened-slider.dropdown-slider-wrapper.slider-only{align-items:center}.tool-settings.vector-shape .sumo-range.slider-only{display:flex;position:relative;right:auto;top:auto}.tool-settings.vector-shape .sumo-range.slider-only input[type=text]{border-radius:100px 0 0 100px;padding-right:16px}.sumo-checkbox,.tool-settings.vector-shape .sumo-dropdown-slider{margin-right:0}.tool-settings.vector-shape .dropdown-slider-input-wrapper.slider-only{border-bottom-left-radius:0;border-top-left-radius:0}.tool-settings.vector-shape .checkmark{min-width:0!important;min-width:auto!important}.tool-settings.vector-shape .color-code-input{align-items:center;background:#222527;border-radius:100px;display:flex;height:28px;justify-content:space-between;padding:0 6px 0 5px;width:150px}.tool-settings.vector-shape .color-preview{border:1px solid var(--color3);border-radius:50%;cursor:pointer;height:20px;width:20px}.tool-settings.vector-shape .color-code-input input[type=color],.tool-settings.vector-shape .color-code-input input[type=text]{background:transparent;font-size:11px;width:60px}.tool-settings.vector-shape .color-code-input input[type=text]:focus{background:#fff;color:#000}.tool-settings.vector-shape .color-chooser{align-items:center;background:#222;border-radius:6px;display:flex;flex-direction:column;height:266px;overflow:hidden;padding:5px;position:absolute;transition:all .3s ease-out;width:255px;z-index:9}.tool-settings.vector-shape .color-chooser table{width:240px}.tool-settings.vector-shape .color-chooser table tr{align-items:center;display:flex;justify-content:space-between;margin:0 0 3px}.tool-settings.vector-shape .color-chooser table td{border-radius:15px;cursor:pointer;height:15px;transition:all .1s ease-in-out;width:15px}.tool-settings.vector-shape .color-chooser table td.selected{border:2px solid #fff}.tool-settings.vector-shape .color-chooser table td:hover{opacity:.7}.tool-settings.vector-shape div[id^=font-picker] .dropdown-button{background:#222527!important;border-radius:100px;box-shadow:none;height:24px;margin-left:2px;padding:0 10px;width:199px}.tool-settings.vector-shape div[id^=font-picker] ul{background:#222527;box-shadow:none;margin-left:4px;transition:none;width:197px;z-index:9}.tool-settings.vector-shape div[id^=font-picker] ul li{font-size:14px;height:24px;margin:0;padding:0}.tool-settings.vector-shape div[id^=font-picker] ul li button.active-font,.tool-settings.vector-shape div[id^=font-picker] ul li button:hover,div[id^=font-picker] ul li button:focus{background:#3587c9!important}.tool-settings.vector-shape div[id^=font-picker] ul li button{background:#222527!important}div[id^=font-picker] .dropdown-icon.finished:before{border-top:6px solid var(--color2)}#select-gradient-dropdown{background:#2f3336;border-radius:20px;box-shadow:0 0 15px rgba(0,0,0,.5);display:block;margin:0;position:absolute;top:33px;z-index:11}.select-gradient-container{display:flex;flex-direction:column;margin-top:20px}.select-gradient-wrapper{width:255px}#select-gradient-dropdown-canvas,#tool-navbar-gradient-canvas{border-radius:20px 0 0 20px;cursor:pointer;height:100%;width:90px}.gradient-info{margin-top:8px;position:relative}.gradient-sections{grid-gap:3px;display:grid;gap:3px;grid-auto-rows:41px;grid-template-columns:repeat(6,41px);margin:10px 0}.gradient-sections li{cursor:pointer;font-size:11px;height:36px;list-style:none;padding:1px;text-align:left;width:36px}.gradient-sections li canvas{border-radius:3px}.gradient-canvas-background{background-image:url(data:image/png;base64,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);height:80px;left:0;position:absolute;top:0;width:100%;z-index:0}.gradient-canvas-preview{border:1px solid #c3ced7;border-radius:5px;height:80px;margin:0 auto 10px;width:100%}.gradient-canvas-preview canvas{border-radius:5px;height:100%;width:100%}.gradient-preview-sliders{height:30px;margin:0;padding:0 10px;position:relative;text-align:center}input.gradientPoint{-webkit-appearance:none;appearance:none;background:#222527;border-radius:8px;height:8px;left:0;margin:0;outline:none;padding:0;pointer-events:none;position:absolute;top:4px;width:100%}.gradient-single-detail{align-items:center;display:grid;grid-template-columns:88px 117px 50px;margin:0;position:relative;width:100%}.gradient-single-detail input[type=number]{margin-left:10px;min-width:0;min-width:auto;width:40px}#gradient-library .gradient-single-detail .color-picker-current-color{margin-left:20px}::-webkit-slider-thumb{outline:0;position:relative;z-index:1}.gradient-options{align-items:center;display:flex;justify-content:space-between;margin-top:20px}.gradient-color-picker-actions{display:flex;flex-direction:row;justify-content:space-between;position:relative}.gradient-color-picker-actions .item{align-items:center;display:flex;flex-direction:row;justify-content:center}.gradient-color-picker-actions .item button.trash{background:transparent;height:24px;padding:0;width:40px}.gradient-color-picker-actions .item button svg{height:100%;width:100%}.gradient-color-picker-actions button.colorPickerToggle{border:2px solid #fff;height:24px;margin:5px;width:24px}.shape-gradient-preview-wrapper{align-items:center;border:1px solid var(--color2);display:flex;height:190px;justify-content:center;width:190px}.shape-gradient-controls{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start}#shape-gradient-edit-section{background:var(--color4);border-radius:20px;box-shadow:0 0 15px rgba(0,0,0,.5);display:grid;grid-template-columns:1fr 1fr;margin:0;padding:20px;position:absolute;top:100%;z-index:11}.add-new-gradient{align-items:center;cursor:pointer;display:flex;font-size:11px;height:36px;justify-content:center;list-style:none;padding:1px;text-align:left;width:36px}.add-new-gradient svg{fill:var(--color2);height:20px;width:20px}.tool-settings.gradient{align-items:flex-start;flex-direction:column}.tool-settings.gradient .tool-single-button-settings .items{display:flex;flex-direction:row}.tool-settings.gradient .tool-single-button-settings .items button{margin:2px;padding:4px}.tool-settings.gradient .tool-single-button-settings .items svg{height:24px;width:24px}.color-picker-current-color{border-radius:50%;height:20px;width:20px}.gradient-details .preview{border:2px solid #fff;border-radius:50%;margin:10px 24px}.gradient-details .action-buttons{align-items:center;display:flex;justify-content:center;margin:20px 0}.gradient-color-picker-wrapper{bottom:0;position:absolute;right:0;z-index:9}.tool-settings.gradient .sketch-picker{position:absolute;right:0;top:0;width:255px!important}.tool-settings.gradient .select-gradient-type{display:flex}.tool-settings.gradient .select-gradient-type button.gradient-icon{border:2px solid transparent;height:24px;padding:0;width:24px}.tool-settings.gradient .select-gradient-type button.gradient-icon svg{width:24px}.tool-settings.smudge{align-items:flex-start;flex-direction:column}.tool-settings.smudge .sumo-dropdown-slider{border-bottom-left-radius:0;border-top-left-radius:0;justify-content:space-between;margin:5px 0;width:100%}.tool-settings.smudge .sumo-range.slider-only{position:relative;right:auto;top:auto}.tool-settings.smudge .dropdown-slider-input-wrapper.slider-only{border-bottom-left-radius:0;border-top-left-radius:0}.tool-settings.smudge .sumo-dropdown-slider label{width:50%}.tool-settings.blur{align-items:flex-start;flex-direction:column}.tool-settings.blur .sumo-dropdown-slider{border-bottom-left-radius:0;border-top-left-radius:0;justify-content:space-between;margin:5px 0;width:100%}.tool-settings.blur .sumo-range.slider-only{position:relative;right:auto;top:auto}.tool-settings.blur .dropdown-slider-input-wrapper.slider-only{border-bottom-left-radius:0;border-top-left-radius:0}.tool-settings.blur .sumo-dropdown-slider label{width:50%}.select-brush-wrapper{background:#383d40;border-radius:100px 0 0 100px;cursor:pointer;display:inline-block;height:24px;position:relative;width:40px}.select-brush-wrapper-selected{align-items:center;display:inline-flex;height:100%;width:100%}.select-brush-wrapper-selected img{-webkit-filter:invert(.9);filter:invert(.9);height:18px;margin:0 auto;max-width:24px;width:auto}div#selectBrushWrapper{background:#2f3336;border-radius:15px;box-shadow:0 0 20px rgba(0,0,0,.5);display:block;height:-webkit-max-content;height:max-content;margin:0;min-height:270px;padding:15px;position:absolute;top:34px;width:555px;z-index:11}.brushes-table{display:grid;flex-wrap:wrap;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;margin-top:15px;width:256px}.brushes-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;height:100%;width:100%}.brushes-table li{border-radius:5px;cursor:pointer;display:grid;height:32px;list-style:none;margin:0;padding:0;width:32px}.brushes-table li,.brushes-table li div{align-items:center;justify-content:center}.brushes-table li div{display:flex}.brushes-table li div img{-webkit-filter:invert(1);filter:invert(1);max-height:100%;max-width:24px;width:100%}.select-brush-container{align-items:center;display:flex;margin-right:12px;position:relative}.select-brush-container p{margin-right:5px}.gradient-settings{grid-gap:0 10px;align-items:center;display:flex;display:grid;grid-template-columns:60px auto 40px;justify-content:center;justify-content:space-between}.gradient-settings input[type=range]{height:5px;width:50%}.brushes-styles-list>p{font-weight:700;margin-bottom:10px}.brush-property{margin-bottom:5px}.brushes-styles-list{margin-bottom:20px}.gradient-settings span{line-height:normal;margin-bottom:5px}.brushes-picker .sumo-select{position:relative}.brushes-picker .sumo-select select{padding-right:30px}#tools-navbar-wrapper{align-items:center;background:var(--color4);border-bottom:1px solid rgba(195,206,215,.15);display:flex;height:42px;justify-content:flex-start;position:relative;width:100%}#tools-navbar-wrapper.tablet{border-bottom:none;bottom:env(safe-area-inset-bottom);position:fixed;top:auto;z-index:2}.App.pwa #tools-navbar-wrapper{bottom:32px}#tools-navbar-wrapper .section{align-items:center;flex-direction:row;height:42px;justify-content:center;line-height:42px;padding:0 5px}#tools-navbar-wrapper .section.rating{align-items:center;display:flex;flex-direction:row;justify-content:center}.section.rating.rate-sumo{display:flex;left:calc(50% - 112px);position:fixed;width:225px}.section.rating.rate-sumo .rate-tool{align-items:center;display:flex;justify-content:center}.section.rating.rate-sumo span{margin-top:5px}#tools-navbar-wrapper .section.shortcuts{flex-wrap:nowrap;height:39px;overflow-x:scroll;overflow-y:hidden;scrollbar-width:thin;white-space:nowrap;width:calc(100% - 280px)}#tools-navbar-wrapper .section.shortcuts:after{background:linear-gradient(-90deg,var(--color4) 0,rgba(47,51,54,0) 100%);content:" ";height:42px;position:absolute;right:280px;top:0;width:50px;z-index:9999999999}.section.shortcuts::-webkit-scrollbar{height:3px;width:10px}.section.shortcuts::-webkit-scrollbar *{background:var(--color1)}.section.shortcuts::-webkit-scrollbar-thumb{background:var(--color3)!important;padding-top:-5px}#tools-navbar-wrapper .section.shortcuts button,.current-shortcuts .button{background:none;border:2px solid var(--color3);border-radius:9px;color:var(--color2);font-size:11px;font-weight:700;line-height:14px;margin:0 5px;padding:3px 6px;text-transform:uppercase}#tools-navbar-wrapper .current-shortcuts{display:inline-block;flex-wrap:nowrap;height:39px;max-width:calc(100% - 280px);overflow-x:scroll;overflow-y:hidden;white-space:nowrap}.App.desktop #tools-navbar-wrapper .section.shortcuts button:hover{background-color:var(--color4);border-color:var(--color1);color:#fff;cursor:pointer;transition:all .618s ease-out}#tools-navbar-wrapper .section.shortcuts button:active{background-color:var(--color1);transition:all 0s ease-out}#tools-navbar-wrapper .sumo-paneltabs{display:inline-flex}#tools-navbar-wrapper .section.shortcuts .sumo-paneltabs .tabs{height:24px;margin:initial}#tools-navbar-wrapper .tabs .tab{background:none;border:2px solid var(--color3);border-radius:0;color:var(--color2);font-size:11px;font-weight:700;line-height:19px;margin:0;padding:3px 6px;text-transform:uppercase}#tools-navbar-wrapper .tabs .tab:first-child{border-bottom-left-radius:9px;border-bottom-right-radius:0;border-top-left-radius:9px;border-top-right-radius:0}#tools-navbar-wrapper .tabs .tab:last-child{border-bottom-left-radius:0;border-bottom-right-radius:9px;border-top-left-radius:0;border-top-right-radius:9px}#tools-navbar-wrapper .tabs .tab.open{background:var(--color1);border-color:var(--color1)}#tools-navbar-wrapper .tabs .tab.open label{color:var(--color7)}#tools-navbar-wrapper .tabs .tab:hover{background-color:var(--color1);border-color:var(--color1);cursor:pointer;transition:all .618s ease-out}#tools-navbar-wrapper .tabs .tab:hover label{color:#fff;transition:all .618s ease-out}#tools-navbar-wrapper .tabs .tab:active{background-color:var(--color1);transition:all 0s ease-out}.section.shortcuts button.edit-shortcuts{border:none!important;height:24px;margin:0!important;padding:0!important;vertical-align:middle;width:24px}.section.shortcuts button.edit-shortcuts:hover svg{fill:var(--color1);transition:all .618s ease-out}.section.shortcuts.editing .button{background:none;border:2px solid var(--color3);border-radius:9px;color:var(--color2);font-size:11px;font-weight:700;line-height:14px;margin:0 5px;padding:3px 6px;position:relative;text-transform:uppercase}.section.shortcuts.editing .button:after{align-items:center;background:var(--color3);border-radius:50%;content:"-";cursor:pointer;display:flex;font-size:23px;height:16px;justify-content:center;position:absolute;right:-10px;top:-8px;width:16px}.edit-shortcuts:after{content:none!important}span.filename{align-items:center;color:var(--color2);cursor:text;display:inline-block;font-size:12px;font-weight:700;height:42px;justify-content:center;left:calc(50% - 140px);line-height:42px;overflow:hidden;position:fixed;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:280px}span.filename svg{display:inline-block;height:24px;margin-right:0;margin-top:8px;vertical-align:top;width:24px}.App.tablet .welcome-modal .modal-background{bottom:42px;height:auto;top:0}.App.mobile .modal-background{bottom:42px;top:0}.App.mobile .welcome-modal #sumo-modal{bottom:0;left:0;right:0;top:0}.App.mobile .welcome-modal .modal-header{display:block}#tools-navbar-wrapper .section.shortcuts button.api-save-button{background:var(--color1);border-color:var(--color1);color:#fff}#tools-navbar-wrapper .section.shortcuts button.api-save-button:hover{border-color:var(--color2)}.shortcut-button.component{padding-right:22px!important;position:relative}.shortcut-button.component:after{border:solid var(--color2);border-width:0 1.5px 1.5px 0;content:"";display:inline-block;height:5px;position:absolute;right:9px;top:7px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transition:all .3s ease-in-out;width:5px}.shortcut-button.component.open:after{top:5px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}#tools-navbar-wrapper.tablet .shortcut-button.component.open:after{top:8px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.shortcut-component{background:var(--color4);border-radius:3px;padding:10px;position:relative;width:280px}.shortcut-component .sumo-paneltabs{display:flex;flex-direction:column}.shortcut-component .sumo-paneltabs .tabs{justify-content:center;margin:10px;margin-bottom:10px!important}.shortcut-component .sumo-paneltabs .tabs .tab{display:inline-flex;height:24px;line-height:20px;padding:0 5px!important}.shortcut-component .sumo-paneltabs .the-content{padding:2px 8px 8px}.floating-component{left:84px;position:fixed;top:84px;z-index:9999}#tools-navbar-wrapper.tablet .floating-component{bottom:calc(42px + env(safe-area-inset-bottom));top:auto}#tools-navbar-wrapper.mobile .floating-component{bottom:calc(116px + env(safe-area-inset-bottom));left:calc(50% - 140px)!important;top:auto}.App.pwa #tools-navbar-wrapper.mobile .floating-component,.App.pwa #tools-navbar-wrapper.tablet .floating-component{bottom:74px;top:auto}.shortcut-component .icon-and-label{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;width:100%}.shortcut-component .sumo-dropdown-slider{height:32px;justify-content:space-between;width:100%}.shortcut-component .sumo-dropdown-slider label{width:30%}.shortcut-component .dropdown-slider-wrapper.slider-only{align-items:center;height:auto;width:auto}.shortcut-component .dropdown-slider-input-wrapper.slider-only{border-bottom-left-radius:0;border-top-left-radius:0}.shortcut-component .sumo-range.slider-only{position:relative;right:auto;top:auto}.shortcut-component .sumo-range:after{background:transparent none repeat 0 0/auto auto padding-box border-box scroll;background:initial;bottom:auto;height:auto;margin:initial;top:auto}.shortcut-component .toggle-option{align-items:center;display:flex;height:32px;width:100%}.shortcut-component .toggle-option .icon{align-items:center;display:flex;height:32px;width:32px}.shortcut-component .toggle-option .icon svg{height:24px;width:24px}.shortcut-component .toggle-option label{margin-right:0;width:31%}.shortcut-component .option-values{display:flex;flex-direction:column}.shortcut-component .option-values.expanded{background:var(--color5);border-radius:3px;margin:5px 0;padding:1px 0 0}.shortcut-component .option-values .sumo-dropdown-slider label{padding-left:15px}.shortcut-component .option-values-group{display:flex;flex-direction:column}.shortcut-component .option-values-group .value-item{align-items:center;display:flex;justify-content:space-between;margin-left:15px}.shortcut-component .option-values-group .value-item label{width:90px}.shortcut-component .image-colors{display:flex;flex-direction:row;flex-wrap:wrap}.shortcut-component .image-colors .swatch{border:1px solid var(--color3);border-radius:3px;cursor:pointer;height:42px;overflow:hidden;position:relative;width:12.5%}.shortcut-component .image-colors .swatch:after{background:#fff;content:" ";height:10px;position:absolute;right:-5px;top:-5px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:10px}.shortcut-component .image-colors .swatch.selected{border:1px solid var(--color2)}#tools-navbar-wrapper.mobile{background:transparent;border-bottom:none;bottom:calc(42px + env(safe-area-inset-bottom));height:64px;left:0;overflow:hidden;position:fixed;transition:bottom .3s ease-in-out;width:100%;z-index:99999}#tools-navbar-wrapper .section.shortcuts.large:after{display:none}#tools-navbar-wrapper.mobile .section.shortcuts.large{display:block;height:64px;overflow-x:scroll;overflow-y:hidden;width:100%}#tools-navbar-wrapper.mobile.visible{bottom:42px;position:absolute;z-index:9}#tools-navbar-wrapper.mobile.hidden{bottom:-80px;position:absolute;z-index:9}#tools-navbar-wrapper.mobile .section.shortcuts.large button{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(47,51,54,.62);border-color:var(--color3);height:55px;overflow:hidden;padding:0 5px!important;text-align:center;vertical-align:text-bottom;white-space:break-spaces;width:84px}#tools-navbar-wrapper.mobile .section.shortcuts.large .shortcut-button.component:after{display:none}#infobar-wrapper{background:var(--color4);border:1px solid rgba(195,206,215,.15);border-bottom:none;border-top:none;bottom:0;height:32px;left:84px;line-height:32px;padding-left:10px;position:absolute;z-index:3}#infobar-wrapper h3{align-items:center;cursor:pointer;display:inline-flex;height:20px;justify-content:flex-end;margin-top:6px;width:-webkit-max-content;width:max-content}#infobar-wrapper.tablet{border:1px solid rgba(195,206,215,.15);bottom:42px}#tools-wrapper{background:var(--color4);height:calc(100% - 84px);left:0;opacity:1;overflow:overlay;padding-top:5px;position:absolute;text-align:center;top:85px;-webkit-user-select:none;user-select:none;visibility:visible;width:84px;z-index:99}@-moz-document url-prefix(){#tools-wrapper{overflow:auto}}#tools-wrapper::-webkit-scrollbar{width:2px}#tools-wrapper::-webkit-scrollbar *{background:transparent}#tools-wrapper::-webkit-scrollbar-thumb{background:var(--color3)!important}#tools-wrapper.narrow{height:calc(100% - 84px - env(safe-area-inset-bottom));overflow:overlay;top:42px;width:84px}.App.pwa.tablet #tools-wrapper.narrow{height:calc(100% - 116px)!important}#tools-wrapper.mobile.box.hidden{bottom:-100%}#tools-wrapper.mobile.box.hidden,#tools-wrapper.mobile.box.visible{background:rgba(47,51,54,.9);border:1px solid #42484c;height:auto;left:42px;right:auto;top:auto;transition:bottom .3s ease-in-out;width:162px;z-index:9}#tools-wrapper.mobile.box.visible{bottom:42px}.App.pwa #tools-wrapper.mobile.box.visible{bottom:32px}#tools-inner-wrapper{align-items:center;display:grid;justify-content:center;width:100%}#tools-inner-wrapper,#tools-wrapper.narrow #tools-inner-wrapper{grid-auto-rows:44px;grid-template-columns:1fr 1fr}#tools-wrapper.box #tools-inner-wrapper{grid-auto-rows:42px;grid-template-columns:1fr 1fr 1fr 1fr}#tools-inner-wrapper .adjustment-icons{left:0;pointer-events:none;position:absolute;top:100px;width:84px}#tools-inner-wrapper .adjustment-icons span{align-items:center;display:flex;height:44px;justify-content:center}#tools-inner-wrapper .adjustment-icons span svg{height:16px;width:16px}#tools-wrapper.narrow .adjustment-icons{top:102px;width:42px}#tools-wrapper.narrow .adjustment-icons span{height:84px}#tools-wrapper h2{margin-bottom:0;padding-left:10px;text-align:left}#tools-wrapper.narrow .sumo-blue-title{font-size:8px;padding-left:8px}.single-tool{align-items:center;cursor:pointer;display:flex;justify-content:center;position:relative;transition:all .1s ease-in-out}.single-tool svg,.single-tool svg path{pointer-events:none}.tool-settings .sumo-checkbox,.tool-settings .sumo-dropdown-slider{margin-right:15px}.tool-settings .sumo-dropdown-slider label{margin-right:8px}#tools-wrapper .debug{align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:center;position:absolute;width:42px}#tools-wrapper .debug label{font-size:8px;margin:0}#tools-inner-wrapper .scroll-indicator.top{background:#000;background:linear-gradient(0deg,#2f3336,rgba(47,51,54,0));bottom:0;cursor:pointer;height:84px;left:0;position:fixed;width:42px;z-index:1}#tools-inner-wrapper .scroll-indicator.top:after{bottom:0;color:var(--color2);content:"›";font-size:44px;left:0;position:absolute;-webkit-transform:rotate(90deg) translate(-20px,5px);transform:rotate(90deg) translate(-20px,5px);-webkit-transform-origin:bottom left;transform-origin:bottom left}#tools-inner-wrapper .scroll-indicator.bottom{background:#000;background:linear-gradient(0deg,rgba(47,51,54,0),#2f3336);cursor:pointer;height:84px;left:0;position:fixed;top:84px;width:42px;z-index:1}#tools-inner-wrapper .scroll-indicator.bottom:after{color:var(--color2);content:"›";font-size:44px;left:0;position:absolute;top:0;-webkit-transform:rotate(-90deg) translate(-15px,-15px);transform:rotate(-90deg) translate(-15px,-15px);-webkit-transform-origin:top left;transform-origin:top left}#tools-opener{bottom:0;height:42px;left:43px;position:fixed;width:42px;z-index:99999}.App.pwa #tools-opener{bottom:32px}#shortcuts-opener{bottom:0;height:42px;left:86px;position:fixed;width:42px;z-index:99999}#shortcuts-opener svg{height:20px;width:20px}.App.pwa #shortcuts-opener{bottom:32px}.canvas-size-inputs .sumo-dropdown-slider{margin-bottom:10px}.canvas-size-inputs .sumo-dropdown-slider label{min-width:50px}.canvas-move-wrapper{display:inline-grid;grid-template-columns:33.3% 33.4% 33.3%;grid-template-rows:33.3% 33.4% 33.3%;height:115px;width:115px}.canvas-move-square{align-items:center;border:.5px solid #444;border-radius:5px;color:#4d4e5f;cursor:pointer;display:inline-grid;font-size:22px;justify-content:center;margin:1px;text-align:center}.canvas-move-square img{height:13px;width:13px}.canvas-move-square:hover{background:#333}.welcome-modal .modal-background{bottom:0!important}.welcome-modal #sumo-modal{border:1px solid #4d5256;border-radius:0;bottom:84px;box-shadow:none;left:84px;max-width:none;position:fixed;right:84px;top:84px;width:auto}.welcome-modal #modal-header{min-height:48px}.welcome-modal .modal-header{height:0}.welcome-modal .modal-header svg{z-index:9}.welcome-modal .modal-title{display:none}.welcome-modal .modal-content{height:100%;padding:0}.welcome-modal .modal-buttons{bottom:0;height:50px;justify-content:flex-end!important;margin-top:10px;position:absolute;width:100%}.welcome-modal.mobile .modal-buttons{background:var(--color4);bottom:calc(env(safe-area-inset-bottom));padding:10px 0;position:absolute;z-index:9}.App.pwa .welcome-modal.mobile .modal-buttons{bottom:32px}.welcome-modal.mobile .modal-buttons #modal-no-btn{display:none}.welcome-modal .modal-buttons .sumo-btn{margin:0 10px 0 0}.welcome-modal .layout{flex-direction:row}.welcome-modal.mobile .layout{height:calc(100% - env(safe-area-inset-bottom))}.App.pwa .welcome-modal.mobile .layout{height:calc(100% - 32px)}.welcome-modal .layout .row{display:flex;flex-direction:row;height:111px;justify-content:space-between;padding:5px 25px 0}.welcome-modal.mobile .layout .row{align-items:center;flex-direction:column;justify-content:center;padding-top:25px}.welcome-modal .layout{height:100%;position:relative}.welcome-modal .layout,.welcome-modal.logged-in .layout{display:flex;flex-direction:column;width:100%}.welcome-modal.mobile .layout{width:100%}.welcome-modal .logo{align-items:center;display:flex;flex-direction:row}.welcome-modal .logo svg{height:64px!important;width:64px!important}.welcome-modal.mobile .logo{margin-left:-15px}.welcome-modal .logo .title{display:flex;flex-direction:column;justify-content:center;margin-left:10px}.welcome-modal .logo .title .line1{color:var(--color2);font-family:Quicksand,arial;font-size:14px;font-style:normal;font-weight:700;line-height:7px}.welcome-modal .logo .title .line2{color:#fff;font-family:Quicksand,arial;font-size:24px;font-style:normal;font-weight:700;line-height:30px}.welcome-modal .logo .title .line3{color:var(--color2);font-family:Quicksand,arial;font-size:11px;font-style:normal;font-weight:500;line-height:14px}.welcome-modal .buttons{align-items:center;display:flex;justify-content:space-between;width:calc(100% - 280px)}.App.mobile .welcome-modal .buttons{bottom:8px;position:fixed;right:5px;width:auto;z-index:999}.welcome-modal .tabbed-content{height:calc(100% - 42px - env(safe-area-inset-bottom))}.App.pwa .welcome-modal .tabbed-content{height:calc(100% - 74px)}.welcome-modal .tabbed-content .tabs{align-items:center;display:flex;flex-direction:row;height:32px;margin-top:5px;padding:0 25px;width:100%}.welcome-modal.mobile .tabbed-content .tabs{justify-content:center}.welcome-modal .tabbed-content .tab{border-bottom:2px solid transparent;color:#fff;cursor:pointer;font-size:14px;font-style:normal;font-weight:700;line-height:17px;padding:7px 10px}.welcome-modal .tabbed-content .tab.active{border-bottom:2px solid #fff}.welcome-modal .tabbed-content .content{background:var(--color5);bottom:50px;left:0;overflow-y:auto;padding:25px;position:absolute;right:0;top:142px}.welcome-modal.mobile .tabbed-content .content{border-bottom:1px solid var(--color3);height:calc(100% - 185px);overflow-y:scroll;padding-bottom:100px}.welcome-modal .tabbed-content .content label{color:#fff;font-family:Quicksand,arial;font-size:14px;font-style:normal;font-weight:700;line-height:17px}.welcome-modal .tabbed-content .content ul{display:flex;flex-direction:row;flex-wrap:wrap}.welcome-modal .tabbed-content .content li{display:flex;height:100px;padding:5px;width:25%}.welcome-modal .tabbed-content .content.paint li{height:100px}.welcome-modal .tabbed-content .content.coloring li{height:200px}.welcome-modal .tabbed-content .content.coloring li .icon{width:100%}.welcome-modal .tabbed-content .content.cloud li{height:200px}.welcome-modal .tabbed-content .content.cloud li .icon{width:100%}.welcome-modal .tabbed-content .content li .item-wrap{align-items:center;background:var(--color4);cursor:pointer;display:flex;flex-direction:row;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.welcome-modal .tabbed-content .item-wrap .thumbnail{background-position:50%;background-size:cover;height:88px;margin-left:-25px;margin-right:5px;width:80px}.welcome-modal .tabbed-content .content.paint li:first-child,.welcome-modal .tabbed-content .content.paint li:nth-child(2),.welcome-modal .tabbed-content .content.paint li:nth-child(3),.welcome-modal .tabbed-content .content.paint li:nth-child(4){height:70px}.App.tablet .welcome-modal .tabbed-content .content li:first-child,.App.tablet .welcome-modal .tabbed-content .content li:nth-child(2),.App.tablet .welcome-modal .tabbed-content .content li:nth-child(3),.App.tablet .welcome-modal .tabbed-content .content li:nth-child(4){zoom:.75}.welcome-modal .tabbed-content .content li:first-child .item-wrap,.welcome-modal .tabbed-content .content li:nth-child(2) .item-wrap,.welcome-modal .tabbed-content .content li:nth-child(3) .item-wrap,.welcome-modal .tabbed-content .content li:nth-child(4) .item-wrap{background:transparent;flex-direction:row}.welcome-modal .tabbed-content .content li .item-wrap:active{border:1px solid var(--color1)}.welcome-modal .options{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-bottom:5px}.welcome-modal .options .custom-size{align-items:center;display:flex;justify-content:center;padding-left:5px}.welcome-modal .options .custom-size button.background{border:2px solid var(--color3);border-radius:3px;height:24px;margin:0 10px 0 5px;width:24px}.welcome-modal .options .custom-size button{height:24px;min-width:0;min-width:auto;padding:8px 10px}.welcome-modal .options .custom-size input[type=number]{-webkit-appearance:none;background:var(--color3);border:none;border-radius:100px;color:var(--color2);cursor:text;font-size:11px;height:24px;outline:none;padding:0 10px}.welcome-modal .options .sumo-select{margin:0 10px}.welcome-modal .options .sumo-select select{background:var(--color4);padding-right:23px}.welcome-modal .options label{font-size:12px!important}.welcome-modal .tabbed-content .content li .item-wrap select{background:#222527;padding-right:20px;text-transform:capitalize;width:90px}.welcome-modal .tabbed-content .content li.selected{background:#2da9cb;border-radius:5px}.welcome-modal .tabbed-content .content li .icon{pointer-events:none;width:64px}.App.mobile .welcome-modal .tabbed-content .content li .icon{width:32px}.welcome-modal .tabbed-content .content li .icon img{width:150px}.welcome-modal .tabbed-content .content li .text{align-items:flex-start;display:flex;flex-direction:column;margin:0 5px;width:110px}.welcome-modal .tabbed-content .content li:first-child .text,.welcome-modal .tabbed-content .content li:nth-child(2) .text,.welcome-modal .tabbed-content .content li:nth-child(3) .text,.welcome-modal .tabbed-content .content li:nth-child(4) .text,.welcome-modal .tabbed-content .content li:nth-child(5) .text{align-items:flex-start}.App.mobile .welcome-modal .tabbed-content .content li .text{align-items:normal;width:50%}.App.mobile .welcome-modal .icon svg{height:24px;width:24px}.welcome-modal .tabbed-content .content li .line1{font-weight:700}.welcome-modal .tabbed-content .content li .line1,.welcome-modal .tabbed-content .content li .line2{color:var(--color2);font-family:Quicksand,arial;font-size:11px;font-style:normal;line-height:14px;pointer-events:none;text-align:left}.welcome-modal .tabbed-content .content li .line2{font-weight:500}.welcome-modal .icon svg{fill:var(--color2);height:36px;width:36px}.modal-content .layout .right{background:#3d4246;width:200px}.modal-content .layout .right p{margin:0 auto;padding:20px;text-align:center}.modal-content .layout .right .buttons{align-items:center;bottom:11px;display:flex;justify-content:flex-end;position:absolute;right:10px;width:200px}.modal-content .layout .show-this-modal-toggle{bottom:10px;left:15px;position:absolute;z-index:9}.welcome-modal.mobile .modal-content .layout .show-this-modal-toggle{bottom:11px;position:fixed;z-index:9999}.modal-content .layout .cloud li.works-item,.modal-content .layout .community li.works-item{cursor:pointer;display:flex;flex-direction:column;height:250px;min-height:140px;padding:15px;position:relative}.modal-content .layout .cloud li.works-item .details,.modal-content .layout .community li.works-item .details{display:flex;flex-direction:column}.modal-content .layout .cloud li.works-item .thumb,.modal-content .layout .community li.works-item .thumb{background-position:50%;background-size:cover;border:1px solid #fff;height:100%;margin-bottom:15px;width:100%}.modal-content .layout .cloud li.works-item .name,.modal-content .layout .community li.works-item .name{color:#fff;display:flex;font-size:11px;font-style:normal;font-weight:700;line-height:14px;text-transform:capitalize}.modal-content .layout .cloud li.works-item .ago,.modal-content .layout .community li.works-item .ago{color:var(--color2);display:flex;font-size:11px;font-style:normal;font-weight:500;line-height:14px}.modal-content .layout .cloud li.works-item .status{align-items:center;background:var(--color5);display:flex;height:32px;justify-content:center;position:absolute;right:16px;top:17px;width:32px}.modal-content .layout .cloud li.works-item .status svg{height:24px;pointer-events:none;width:24px}.welcome-modal .color-chooser{align-items:center;background:#222;border-radius:6px;display:flex;flex-direction:column;height:233px;left:238px;overflow:hidden;padding:5px;position:absolute;top:55px;transition:all .3s ease-out;width:255px;z-index:9}.welcome-modal .color-chooser .tabs{margin:0;padding:0}.welcome-modal .color-chooser .tab{padding:1px 6px}.welcome-modal .color-chooser table{width:245px}.welcome-modal .color-chooser table tr{align-items:center;display:flex;justify-content:space-between;margin:0 0 3px}.welcome-modal .color-chooser table td{border-radius:15px;cursor:pointer;height:15px;transition:all .1s ease-in-out;width:15px}.welcome-modal .color-chooser table td.selected{border:2px solid #fff}.welcome-modal .color-chooser table td:hover{opacity:.7}.modal-content .layout{font-size:14px;text-align:center}.progress-meter{border:2px solid var(--color2);border-radius:3px;height:20px;margin-bottom:-20px;width:100%}.progress-meter .percent{background:#2ca1c3;height:100%;transition:width .32s ease-in-out}.progress-meter .stripes{height:16px;overflow:hidden}.splash .splash-content{top:60px}.splash .splash-content img.logo{height:auto;width:300px}.splash .modal-buttons button{padding:25px 50px}.lens-modal-background{align-items:center;background:rgba(34,37,39,.75);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:opacity .618s ease-in-out;width:100%;z-index:99999}.lens-modal{background:var(--color4);border-radius:15px;box-shadow:0 0 20px rgba(0,0,0,.5);color:#222;display:grid;font-family:Quicksand;font-size:14px;font-weight:500;grid-template-areas:"title title" "lens-list controls" "footer footer";grid-template-columns:140px 2fr;height:auto;margin:20px auto auto;max-width:-webkit-max-content;max-width:max-content;position:relative;-webkit-user-select:none;user-select:none;width:100%;z-index:111;z-index:99999}.App.mobile .lens-modal{zoom:.75}.lens-modal-header{align-items:center;background:#222527;border-radius:15px 15px 0 0;color:var(--color2);cursor:move;display:flex;font-size:14px;grid-area:title;height:48px;justify-content:center;padding:0 20px;width:100%}.lens-modal .modal-header svg{cursor:pointer;position:absolute;right:18px;top:15px}.lens-modal .modal-header svg:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}.lens-modal .modal-title{font-size:14px;line-height:14px;text-align:center;text-transform:uppercase;width:calc(100% - 32px)}.lenses-list{border-right:1px solid #222;display:flex;flex-direction:column;grid-area:lens-list}.lenses-list ul{text-align:center}.lenses-list li{background-color:var(--color5);border:none;border-bottom:1px solid #474747;cursor:pointer;padding:10px 0}.lenses-list li:last-child{border-bottom-left-radius:15px}.lenses-list li.selected{background:var(--color1);color:var(--color5)}.lens-controls-list{grid-area:controls;padding:15px;position:relative;width:470px}.lens-modal-buttons{align-items:center;bottom:0;display:flex;grid-area:footer;justify-content:center;left:0;padding:15px;position:absolute;right:0}.lens-modal-buttons button{margin:0 5px}.lens-slider-value input[type=number]{background:#222527;border:none;border-radius:0 100px 100px 0;grid-area:value;height:100%;padding:4px 4px 4px 10px;width:50px}.slider-lock-icon{grid-area:lock}.lens-slider-XYcontrols-container{display:grid;grid-template-areas:"control1 lock" "control2 lock";grid-template-columns:414px 30px;grid-template-rows:1fr 1fr;height:100%;width:100%}.lens-slider-XYcontrols-container:first-child{grid-area:control1}.lens-slider-XYcontrols-container div:nth-child(2){grid-area:control2}.lens-slider-XYcontrols-container:nth-child(3){grid-area:lock;height:100%;width:100%}.center-pointer-wrapper{pointer-events:none;position:fixed;z-index:99999}.center-pointer{background:rgba(0,0,0,.5);border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px #000;cursor:pointer;height:32px;left:50%;margin-left:-16px;margin-top:-16px;pointer-events:all;position:absolute;top:50%;width:32px}.splash #sumo-modal{background-position:50%;background-size:cover;height:380px;max-height:none;max-width:none;width:580px}.App.mobile .splash #sumo-modal{background-position:60%;border-radius:0;height:calc(100% - 84px);width:100%}.splash .modal-background{background:transparent}.splash .modal-header{display:none}.splash .modal-content{height:100%;position:relative}.splash .splash-content{bottom:110px;left:230px;position:absolute;right:30px;text-align:right;top:0}.splash .splash-content h1.logo{color:#000;font-size:3rem;margin-bottom:0}.splash .text-content{color:var(--color4);font-size:14px;margin-left:50px;margin-top:15px}.App.mobile .splash #sumo-modal .splash-content{align-items:flex-end;display:flex;flex-direction:column;justify-content:center;left:30px}.splash .modal-buttons{bottom:30px;left:30px;position:absolute;right:30px;width:auto}.splash .modal-buttons button{font-size:18px;padding:25px 35px}.splash .modal-buttons #modal-no-btn{background:none;border:none;margin-left:0;margin-top:1.5rem;padding:0}.splash .modal-buttons #modal-no-btn:hover{color:#2da7cb}::-webkit-scrollbar{background-color:initial}::-webkit-scrollbar *{background:transparent}::-webkit-scrollbar-thumb{background:var(--color4)!important;border-radius:16px;opacity:.3}.customizer-modal .modal-background{background:transparent;bottom:0!important;top:84px}.App.tablet .customizer-modal .modal-background{bottom:42px!important;top:auto}.customizer-modal #sumo-modal{background:var(--color5);border:1px solid #4d5256;border-radius:0;box-shadow:none;left:84px;max-width:none;position:fixed;right:280px;top:84px;width:auto}.App.tablet .customizer-modal #sumo-modal{bottom:42px;top:auto}.customizer-modal.customize-shortcuts.floating-options-visible #sumo-modal{right:42px}.customizer-modal #modal-header{min-height:48px}.customizer-modal .modal-header{border-radius:0;display:none}.customizer-modal .modal-header svg{z-index:9}.customizer-modal .modal-title{align-items:center;display:flex;height:48px;justify-content:center}.customizer-modal .modal-content{overflow-y:auto;padding:5px}.customizer-modal .modal-buttons{bottom:0;height:50px;justify-content:flex-end!important;margin-top:10px;position:absolute;right:0;width:auto}.customizer-modal.mobile .modal-buttons{background:var(--color4);bottom:calc(env(safe-area-inset-bottom));padding:10px 0;position:absolute;z-index:9}.customizer-modal.mobile .modal-buttons #modal-no-btn{display:none}.customizer-modal .modal-buttons .sumo-btn{margin:0 10px 0 0}.customizer-modal .buttons{align-items:center;display:flex;justify-content:space-between;width:calc(100% - 280px)}.App.mobile .customizer-modal .buttons{bottom:7px;position:fixed;right:5px;width:auto}.customizer-modal ul.buttons{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin-bottom:20px;width:auto}.customizer-modal ul.buttons.current{margin-bottom:10px}.customizer-modal li.button{background:none;border:2px solid var(--color3);border-radius:9px;color:var(--color2);font-size:11px;font-weight:700;height:24px;margin:2px;padding:3px 6px;text-transform:uppercase}.customizer-modal .shortcuts-gallery{align-items:flex-start;display:grid;grid-template-columns:1fr 1fr 1fr;justify-content:center;width:100%}.controls{padding:10px}.controls ul{list-style:none;margin:0;overflow-y:auto;padding:0}.adjust-controller,.controls ul{display:flex;flex-direction:column}.adjust-controller{padding:5px 0}.adjust-controller.disabled{opacity:.3;pointer-events:none}.adjust-controller .icon{align-items:center;display:flex;height:16px;justify-content:center;margin-right:5px;width:16px}.adjust-controller .icon svg{height:100%;width:100%}.adjust-controller .label-and-icon{align-items:center;display:flex;flex-direction:row;position:relative}.adjust-controller .label-and-icon.both-sides{justify-content:space-between}.adjust-controller .label-and-icon.both-sides svg{height:13px;width:13px}.adjust-controller .label-and-icon svg{cursor:pointer;height:20px;width:20px}.adjust-controller .label-and-icon-row{display:flex;flex-direction:row;justify-content:space-between;margin-left:15px;margin-right:80px;width:calc(100% - 95px)}.adjust-controller .label-and-icon-row label{margin-left:0!important;width:auto}.adjust-controller .label-and-icon-row .slider-value{display:inline-flex;position:relative;right:-28px!important}.adjust-controller .slider{display:flex;flex-direction:column;position:relative}.adjust-controller label{color:var(--color2);margin:0}.adjust-controller .slider-value{color:var(--color2);font-family:Quicksand,arial;font-size:11px;font-style:normal;font-weight:500;line-height:14px;position:absolute;right:calc(50% - 22px);text-align:center;top:1px;width:44px}.adjust-controller .label-and-icon.both-sides .slider-value{top:0}.adjust-controller .label-and-icon.both-sides .reset{right:20px;top:0}.adjust-controller.mobile .slider-value{right:50%;top:9px}.adjust-controller .target{position:absolute;right:26px;top:4px}.adjust-controller .target svg{height:18px;opacity:1;width:18px}.adjust-controller .reset{position:absolute;right:0;top:0}.adjust-controller .reset svg{cursor:pointer;height:13px;opacity:1;width:13px}.adjustments-modal-background{align-items:center;background:rgba(34,37,39,.75);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:opacity .618s ease-in-out;width:100%;z-index:99999}.adjustments-modal{background:var(--color4);border-radius:15px;box-shadow:0 0 20px rgba(0,0,0,.5);color:#222;display:grid;font-family:Quicksand;font-size:14px;font-weight:500;grid-template-areas:"title title" "lens-list controls" "lens-list footer";grid-template-columns:140px 280px;height:auto;margin:20px auto auto;max-width:-webkit-max-content;max-width:max-content;position:relative;-webkit-user-select:none;user-select:none;width:100%;z-index:111;z-index:99999}.App.mobile .adjustments-modal{zoom:.75}li{list-style-type:none}.adjustments-modal-header{align-items:center;background:#222527;border-radius:15px 15px 0 0;color:var(--color2);cursor:move;display:flex;font-size:14px;grid-area:title;height:48px;justify-content:center;padding:0 20px;width:100%}.adjustments-modal .adjustments-header svg{cursor:pointer;position:absolute;right:18px;top:15px}.adjustments-modal .adjustments-header svg:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}.adjustments-modal .modal-title{font-size:14px;line-height:14px;text-align:center;text-transform:uppercase;width:calc(100% - 32px)}.adjustments-list{border-right:1px solid #222;display:flex;flex-direction:column;grid-area:lens-list}.adjustments-list ul{text-align:center}.adjustments-list li{background-color:var(--color5);border:none;border-bottom:1px solid #474747;cursor:pointer;padding:10px 0;position:relative}.adjustments-list li .reset{cursor:pointer;display:inline-block;height:13px;opacity:.7;position:absolute;right:10px;top:8px;width:13px}.adjustments-list li.selected{background:var(--color1);color:var(--color5)}.adjustments-controls-list{grid-area:controls;padding:15px;position:relative;width:280px}.adjustments-modal-buttons{align-items:s;display:flex;flex-wrap:wrap;grid-area:footer;justify-content:space-around;padding:15px;row-gap:10px}.adjustments-modal-buttons button{margin:0 5px;width:45%}.lens-slider-control{display:grid;grid-template-areas:"name input value";grid-template-columns:160px 200px 50px;margin-top:8px;width:-webkit-min-content;width:min-content}.lens-slider-name{grid-area:name;line-height:28px;text-align:left}#lens-slider-input{background:#222527;border-radius:100px 0 0 100px;display:flex;grid-area:input;justify-content:flex-end}#lens-slider-input input[type=range]{width:95%}.lens-slider-rangeWrapper{background:#222527}.lens-slider-value input[type=text]{background:#222527;border:none;border-radius:0 100px 100px 0;grid-area:value;height:100%;padding:4px 4px 4px 10px;width:50px}.custom-size-form .color-chooser{background:var(--color5);border-radius:5px;bottom:70px;height:auto!important;left:60px;padding:15px!important;position:absolute;width:275px}.notifications{bottom:50px;position:fixed;right:30px;width:300px;z-index:999999}.notifications .box{align-items:center;border:2px solid var(--color2);border-radius:10px;box-shadow:5px 5px 5px 0 rgba(79,103,107,.2);display:flex;flex-direction:column;justify-content:center;min-height:70px;padding:30px 10px;position:relative}.notifications .box.error{background:var(--color4);border:2px solid #d12828}.notifications .box.confirm,.notifications .box.success{background:var(--color4);border:2px solid var(--color1)}.notifications .box .dismiss{background:var(--color3)}.notifications .box .confirm,.notifications .box .dismiss{align-items:center;border-radius:9px;cursor:pointer;display:flex;font-size:14px;justify-content:center;margin:0 5px;padding:5px 8px}.notifications .box .confirm{background:var(--color1);color:#fff}.notifications .box .row{display:flex;margin:15px 0 -10px}.notifications .box .icon{align-items:center;background:var(--color2);border-radius:50%;display:flex;height:32px;justify-content:center;left:-15px;position:absolute;top:-15px;width:32px}.notifications .box.error .icon{height:32px;padding:8px;width:32px}.notifications .box.error .icon svg{fill:#d12928;fill:var(--color4)}.notifications .box.success .icon svg{fill:#22cc71;fill:var(--color4)}.notifications .box span.title{color:#fff;display:inline-block;font-size:16px;margin-top:5px}.notifications .box p{color:#fff;display:flex;font-size:16px;justify-content:center;line-height:20px;text-align:center}.event-canvas{align-items:flex-end;border:1px solid var(--color3);bottom:32px;display:flex;justify-content:center;left:84px;position:absolute;right:280px;top:84px;z-index:2}.event-canvas.tablet{bottom:calc(42px + env(safe-area-inset-bottom));left:84px;right:0;top:42px}.event-canvas.mobile{bottom:42px;bottom:calc(42px + env(safe-area-inset-bottom));left:0;right:0;top:42px}.App.pwa .event-canvas{bottom:74px}.App.desktop .event-canvas.no-sidebar{right:42px}.drop-area{bottom:0;left:0;position:absolute;right:0;top:0;z-index:9999}.event-canvas.mobile .drop-area{display:none}.crop-preview{border:2px solid #fff;cursor:move;outline:2px solid #000;position:absolute;z-index:9999}.crop-preview .inner-wrapper{height:100%;position:relative;width:100%}.crop-preview .handle{height:48px;margin:-1px;position:absolute;width:48px}.crop-preview .grid{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.handle.top-left{border-left:8px solid #fff;border-top:8px solid #fff;cursor:se-resize;left:0;top:0}.handle.handle.top-left:before{border-left:5px solid #888;border-top:5px solid #888;content:" ";height:46px;left:-10px;position:absolute;top:-10px;width:46px;z-index:-1}.handle.top-right{border-right:8px solid #fff;border-top:8px solid #fff;cursor:sw-resize;right:0;top:0}.handle.handle.top-right:before{border-right:5px solid #888;border-top:5px solid #888;content:" ";height:46px;position:absolute;right:-10px;top:-10px;width:46px;z-index:-1}.handle.bottom-left{border-bottom:8px solid #fff;border-left:8px solid #fff;bottom:0;cursor:ne-resize;left:0}.handle.handle.bottom-left:before{border-bottom:5px solid #888;border-left:5px solid #888;bottom:-10px;content:" ";height:46px;left:-10px;position:absolute;width:46px;z-index:-1}.handle.bottom-right{border-bottom:8px solid #fff;border-right:8px solid #fff;bottom:0;cursor:nw-resize;right:0}.handle.handle.bottom-right:before{border-bottom:5px solid #888;border-right:5px solid #888;bottom:-10px;content:" ";height:46px;position:absolute;right:-10px;width:46px;z-index:-1}.spin-control{bottom:60px;position:fixed;right:310px;z-index:9999}.spin-control:after{content:"Speed";font-size:10px;left:53px;position:absolute;top:-8px}.spin-control .sumo-range{display:none}.event-canvas.mobile .spin-control{right:calc(50% - 65px)}.event-canvas.mobile .spin-control,.event-canvas.tablet .spin-control{bottom:calc(60px + env(safe-area-inset-bottom));position:fixed;z-index:9999}.event-canvas.tablet .spin-control{right:15px}.App.pwa .spin-control{bottom:92px}.shapes-container{background:transparent;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:calc(100vw - 364px)}.shapes-container .drop-area{z-index:-1}.App.tablet .shapes-container{height:100%;left:0;top:0;width:calc(100vw - 84px)!important}.App.mobile .shapes-container{height:100%;left:0;top:0;width:100%!important}.shapes-content{align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;overflow:hidden;position:absolute;right:0;top:0}.shapes-content .text{cursor:move;margin:0;padding:0;position:absolute}.shapes-content .text span{display:flex;pointer-events:none}.shapes-content .image{cursor:move;margin:0;position:absolute}.shapes-content .image img{pointer-events:none}.shapes-content .svg{cursor:move;margin:0;position:absolute}.shapes-content .svg svg{pointer-events:none}.shapes-content .rectangle{cursor:move;margin:0;position:absolute}.shapes-content .rectangle div{pointer-events:none}.shapes-content .circle{cursor:move;margin:0;position:absolute}.shapes-content .circle div{border-radius:50%;pointer-events:none}.shapes-content .guide{border:1px dotted #3588c9;opacity:.3;pointer-events:none;position:absolute;z-index:-1}.shapes-content .guide.vertical-center{height:100%;left:50%;top:0}.shapes-content .guide.horizontal-center{left:0;top:50%;width:100%}.shape-tools{border:1px dashed var(--color1);border-radius:0!important;box-shadow:1px 1px 5px var(--color4);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.shape-tools .rotate{background:var(--color1);border:1px solid #fff;border-radius:50%;bottom:-2.75rem;cursor:grab;height:1.5rem;pointer-events:all!important;position:absolute;right:calc(50% - .75rem);width:1.5rem}.shape-tools .rotate:after{background:#fff;content:"|";height:100%;left:45%;position:absolute;top:-100%}.shape-tools .resize{background:var(--color1);border:1px solid #fff;border-radius:50%;bottom:-.75rem;cursor:se-resize;height:1.5rem;pointer-events:all!important;position:absolute;right:-.75rem;width:1.5rem}.canvas-container{align-items:center;background-color:#000;bottom:32px;display:flex;justify-content:center;left:84px;overflow:hidden;position:absolute;right:280px;top:84px;touch-action:pan-y,pan-x,pinch-zoom;z-index:1}.canvas-container.tablet{bottom:calc(42px + env(safe-area-inset-bottom));left:84px;right:0;top:42px}.canvas-container.mobile{bottom:42px;bottom:calc(42px + env(safe-area-inset-bottom));left:0;right:0;top:42px}.App.pwa .canvas-container{bottom:74px}.App.desktop .canvas-container.no-sidebar{right:42px}.canvas-container .loader{align-items:center;background:#232527;bottom:0;display:flex;flex-direction:column;justify-content:center;left:84px;position:fixed;right:280px;top:84px}.canvas-container .loader span{display:inline-flex;margin:20px 0}.canvas-container .loader svg{-webkit-animation:rotate .9s linear infinite;animation:rotate .9s linear infinite;-webkit-transform-origin:center center!important;transform-origin:center center!important}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.canvas-container.tablet .loader{left:84px}.canvas-container.mobile .loader,.canvas-container.tablet .loader{bottom:calc(42px + env(safe-area-inset-bottom));right:0;top:calc(42px + env(safe-area-inset-top))}.canvas-container.mobile .loader{left:0}.App.pwa .canvas-container .loader{bottom:74px}.brush-size-preview{align-items:center;border:1px solid #fff;border-radius:50%;box-shadow:0 0 3px #000;display:flex;justify-content:center;position:absolute}.softness-size-preview{border:1px dotted #fff;border-radius:50%;box-shadow:0 0 3px #000}@media (max-width:420px){nav.sumo-navbar .bottom-bar{bottom:env(safe-area-inset-bottom)!important}.App.pwa nav.sumo-navbar .bottom-bar{bottom:32px!important}}.reactour__helper.reactour__helper--is-open{background:#2f3336;border-radius:10px;max-width:320px;min-width:280px;padding:20px;text-decoration:none}.reactour__helper.reactour__helper--is-open p{margin:0}.reactour__helper.reactour__helper--is-open p,.reactour__helper.reactour__helper--is-open span:not(.reactour-buttons span){font-size:14px}.reactour__helper.reactour__helper--is-open p{color:#fff;font-weight:700;margin-bottom:5px}.reactour-mask{color:#111;opacity:.8}#___reactour button.reactour-back:hover svg{fill:#333}.reactour__helper .reactour-badge{align-items:center;background:#2da7cb;border-radius:30px;color:#fff;display:flex;font-size:14px;font-weight:700;height:25px;justify-content:center;left:-15px;padding:0;position:absolute;top:-15px;width:40px}#___reactour button{height:32px}#___reactour button.reactour-skip{color:#333}#___reactour button.reactour-back{margin-left:auto;margin-right:10px}.reactour-buttons{align-items:center;display:flex;justify-content:flex-start;margin-top:20px}.reactour__helper button[disabled]{opacity:.2;pointer-events:none}.reactour__helper .sumo-btn{margin:0;min-width:auto;width:auto}.console{overflow-y:scroll;position:fixed;z-index:9}.console span{background:rgba(0,0,0,.8);font-family:monospace;font-size:14px;padding:2px;pointer-events:none}.console.visible span{-webkit-user-select:text;user-select:text}.library-spinner-container{display:none!important}:root{--paint:var(--color6);--tunes:#e5ab42;--threed:var(--color1);--code:#22cc71;--photo:#30b7a7;--audio:#7c60d9;--video:#c62e2d;--top:env(safe-area-inset-top);--right:env(safe-area-inset-right);--bottom:env(safe-area-inset-bottom);--left:env(safe-area-inset-left)}*{font-smoothing:antialiased;-moz-font-smoothing:grayscale;-webkit-touch-callout:none;box-sizing:border-box;font-family:Quicksand,arial;-webkit-user-select:none;user-select:none}input,textarea{-webkit-touch-callout:auto;-webkit-user-select:auto;user-select:auto}a,div,h1,h2,h3,h4,h5,h6,input,p,span,textarea{font-family:Quicksand,arial;font-size:11px}#tools-infobar-text div{font-size:12px}nav.sumo-navbar li span{font-size:14px}nav.sumo-navbar{box-sizing:initial!important}.sumo-text-small{font-size:11px}.sumo-text-default{font-size:14px}.sumo-text-regular{font-weight:500}.sumo-text-bold{font-weight:700}.sumo-blue-title{color:var(--color1);font-size:11px;text-transform:uppercase}.sumo-paint-text{color:var(--color6)}.sumo-tunes-text{color:#e5ab42}.sumo-3d-text{color:var(--color1)}.sumo-code-text{color:#22cc71}.sumo-photo-text{color:#30b7a7}.sumo-audio-text{color:#7c60d9}.sumo-video-text{color:#c62e2d}.sumo-icon-normal{fill:var(--color2);cursor:pointer;height:24px;width:24px}.sumo-icon-normal:hover{fill:#fff}.sumo-icon-small{cursor:pointer;height:16px;width:16px}.sumo-rounded-icon{border-radius:30px;height:30px;width:30px}.sumo-rounded-icon,.sumo-square-icon,.sumo-square-toggle{align-items:center;cursor:pointer;display:flex;justify-content:center}.sumo-square-icon,.sumo-square-toggle{height:42px;position:relative;width:42px}.sumo-square-icon svg{fill:var(--color2)}.sumo-square-icon.stroke svg{fill:none;stroke:var(--color2)}.sumo-square-highlighted{box-shadow:inset 0 -4px var(--color1)}.sumo-square-highlighted-right{box-shadow:inset -4px 0 var(--color1)}.sumo-square-icon.sumo-square-highlighted svg{fill:#fff}div[role=button] svg{pointer-events:none}.sumo-btn{align-items:center;border:1px solid;border-radius:100px;color:#fff;cursor:pointer;display:inline-flex;font-family:Quicksand,arial;font-size:11px;font-weight:700;height:30px;justify-content:center;min-width:90px;outline:none;padding:8px 20px;text-align:center;text-decoration:none;transition:all .1s ease-in-out;width:auto}.sumo-btn-paint{background-color:var(--color6);border-color:var(--color6)}.sumo-btn-tunes{background-color:#e5ab42;border-color:#e5ab42}.sumo-btn-3d{background-color:var(--color1);border-color:var(--color1)}.sumo-btn-code{background-color:#22cc71;border-color:#22cc71}.sumo-btn-photo{background-color:#30b7a7;border-color:#30b7a7}.sumo-btn-audio{background-color:#7c60d9;border-color:#7c60d9}.sumo-btn-video{background-color:#c62e2d;border-color:#c62e2d}.sumo-btn-colored:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}.sumo-btn-transparent{background-color:var(--color4);border-color:var(--color2);color:var(--color2)}.sumo-btn-transparent:hover{background:var(--color2);border-color:var(--color2);color:#222527}.sumo-input{background:#222527;border:none;border-radius:100px;color:var(--color2);display:inline-block;font-size:11px;height:24px;outline:none;padding:0 10px;width:auto}#sumo-modal .sumo-input{font-size:16px}.sumo-input::-webkit-input-placeholder{opacity:.4}.sumo-input::placeholder{opacity:.4}.sumo-input[type=number]::-webkit-inner-spin-button,.sumo-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.sumo-range input,.sumo-select select{-webkit-appearance:none;background:#222527;border:none;border-radius:100px;color:var(--color2);cursor:pointer;font-size:11px;height:24px;outline:none;padding:0 10px;width:100%}.sumo-range{max-width:48px}.sumo-range input{border-radius:100px 0 0 100px;padding:0 15px 0 7px;text-align:right}.sumo-range:after{background:#222627;bottom:0;color:#666;content:attr(data-content);height:-webkit-max-content;height:max-content;margin:auto;position:absolute;right:1px;top:0}.sumo-select{min-width:55px}.sumo-range,.sumo-select{display:inline-block;position:relative}.sumo-dropdown-slider,.sumo-select{align-items:center;display:flex}.range-toggle:after,.select-toggle:after,.sumo-select:after{border:solid var(--color2);border-width:0 1.5px 1.5px 0;content:"";display:inline-block;height:5px;position:absolute;right:10px;top:6px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:5px}.sumo-checkbox{height:24px;width:24px}.sumo-checkbox,.sumo-checkbox label{position:relative;width:-webkit-max-content;width:max-content}.sumo-checkbox label{align-items:center;cursor:pointer;display:block;display:flex;height:100%;padding-left:35px;-webkit-user-select:none;user-select:none}.sumo-checkbox.checkbox-right label{padding:0}.sumo-checkbox.checkbox-right .checkmark,.sumo-checkbox.checkbox-right input{left:auto;right:-24px}.sumo-checkbox input{cursor:pointer;height:0;height:100%;left:0;opacity:0;position:absolute;top:0;width:0;width:100%}.sumo-checkbox p{color:var(--color2);display:inline-block;font-size:11px;margin:0}.checkmark:after{border:solid var(--color2);border-width:0 2px 2px 0;height:9px;left:9px;top:5px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:4px}.checkmark{background:#222527;border-radius:24px;cursor:pointer;height:24px;left:0;pointer-events:none;position:absolute;top:0;width:24px}.checkmark:after{content:"";display:none;position:absolute}.sumo-checkbox input:checked~.checkmark:after{display:block}.sumo-radio{background:#222527;border-radius:24px;height:24px;width:24px}.sumo-radio label{cursor:pointer;height:100%;width:100%}.sumo-radio input,.sumo-radio label{align-items:center;display:flex;justify-content:center}.sumo-radio input{-webkit-appearance:none;border-radius:12px;height:12px;margin:0;outline:none;pointer-events:none;width:12px}.sumo-radio input:checked{background:var(--color2)}.sumo-btn-colored:hover,.sumo-rounded-icon:hover,.sumo-square-icon:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}.sumo-square-toggle:hover{-webkit-filter:none;filter:none}.modal-content .modal-content-highlighted{font-size:14px;font-weight:700;margin-bottom:10px}.modal-content a{color:var(--color6)}.sumo-input-wrapper{align-items:center;display:flex;justify-content:space-between}.flex-align-center{align-items:center;display:flex;position:relative}input.sumo-input.adjustmentInput::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}.dropdown-options-wrapper,.dropdown-slider-wrapper{display:flex;position:relative}.spinner h1{align-items:center;bottom:0;color:#fff;display:flex;font-size:22px;justify-content:center;left:0;position:fixed;right:280px;text-align:center;top:42px;z-index:999999999}.App.tablet .spinner h1{bottom:42px;left:42px;right:0;top:42px}.App.mobile .spinner h1{bottom:42px;left:0;right:0;top:42px}.fade-animation{-webkit-animation:fade 1.618s linear infinite;animation:fade 1.618s linear infinite;-webkit-transform-origin:center center!important;transform-origin:center center!important}@-webkit-keyframes fade{0%{opacity:1}62%{opacity:.62}to{opacity:1}}@keyframes fade{0%{opacity:1}62%{opacity:.62}to{opacity:1}}.autosaving-indicator{opacity:.5;position:absolute;right:13px;top:13px;z-index:99999}.autosaving-indicator img{height:16px;width:16px}.sumo-navbar .sumo-menu .sumo-header-navbar svg rect{-webkit-transform-origin:center;transform-origin:center}.sumo-navbar .sumo-menu .sumo-header-navbar.working svg rect{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}nav.sumo-navbar .zoom-menu ul{border:1px solid var(--color3)}.App.basic-user .sumo-navbar.mobile .sumo-menu,.App.no-user .sumo-navbar.mobile .sumo-menu{width:100px!important}.App.edut-user .sumo-navbar.mobile .sumo-menu,.App.pro-user .sumo-navbar.mobile .sumo-menu{width:100%!important}nav.sumo-navbar.mobile .sumo-menu .the-menu{margin-left:-4px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.library-updated-animation{-webkit-animation:bounce .3s linear 6;animation:bounce .3s linear 6;-webkit-transform-origin:center center!important;transform-origin:center center!important}@-webkit-keyframes bounce{0%{-webkit-transform:translate(0);transform:translate(0)}62%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes bounce{0%{-webkit-transform:translate(0);transform:translate(0)}62%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}to{-webkit-transform:translate(0);transform:translate(0)}}.App.tablet .app-name.paint{font-size:0}.App.tablet nav.sumo-navbar li span{padding:0 10px}.App.tablet nav.sumo-navbar .app-name.paint .svg-image{display:none}@media (max-height:549px),(max-width:1023px){.App.pwa .menu.mobile{height:calc(100% - 74px)!important}}.pl-3{padding-left:.75rem}:root{--color1:#2da7cb;--color2:#c3ced7;--color3:#454a4e;--color4:#2f3336;--color5:#232527;--color6:#2da7cb;--color7:#fff;--sat:env(safe-area-inset-top);--sar:env(safe-area-inset-right);--sab:env(safe-area-inset-bottom);--sal:env(safe-area-inset-left)}*{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;box-sizing:border-box!important;-moz-box-sizing:border-box!important}:not(input,textarea){-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}:active,:focus{outline:none}body,html{height:100%;overscroll-behavior-x:none;touch-action:none}body,html{-webkit-tap-highlight-color:transparent;overflow:hidden}body{-webkit-text-size-adjust:100%;background:var(--color4);font-family:Quicksand,arial;font-size:14px;line-height:1.42857143;margin:0;padding:0}button,button:focus,input,input:focus,textarea,textarea:focus{outline:none}button:focus,input:focus,input:focus+.rangeToggle,textarea:focus{box-shadow:0 0 5px 0 hsla(0,0%,100%,.2);outline:none}button:active,input:active,textarea:active{box-shadow:none;outline:none}a:focus{text-decoration:underline}ul{list-style:none;margin:0;padding:0}.noselect{-webkit-touch-callout:none;cursor:default;-webkit-user-select:none;user-select:none}#root,.App{height:100%}#root .App{background:var(--color4);bottom:0;left:0;position:fixed;right:0;top:0}@media (max-width:813px){#root .App{padding-top:env(safe-area-inset-top)}}img{vertical-align:middle}button,div,input,label,option,p,span{color:var(--color2);font-family:Quicksand,arial}p{margin:0}input[type=range]{-webkit-appearance:none;background:var(--color1);border-radius:10px;height:8px;margin:10px 0;padding:initial}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color7);border-radius:20px;cursor:pointer;height:18px;pointer-events:all;width:18px}label{margin-right:5px}.modal-inputs-wrapper{align-items:center;display:grid;grid-template-columns:1fr 4fr;margin-bottom:15px}.modal-inputs-wrapper:last-child{margin:0}.modal-radio-wrapper{display:flex;flex-direction:column;gap:5px}.modal-radio-wrapper .sumo-radio{margin-right:10px}input[type=range].color-temperature-slider{background:#0b9cff;background:linear-gradient(90deg,#0b9cff,#fff 50%,#ff9c0a);border:1px solid #aaa;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0b9cff",endColorstr="#ff9c0a",GradientType=1)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.cta{background-color:red!important;color:#fff!important}.mb-3{margin-bottom:.75rem}