#panel-content-layers{flex-direction:column}#layers-header{width:256px;height:40px;flex-direction:row;justify-content:space-between;align-items:center;display:flex}#layers-header .sumo-select,#layers-header .sumo-select[layer-modes=layers]{width:174px}#layers-header .sumo-select[layer-modes=pages]{width:174px;margin-left:22px}#layers-header .page-dropdown-opener{color:var(--color2);background:var(--color5);width:222px;text-align:center;cursor:pointer;border-radius:6px;padding:4px 24px 4px 8px;font-weight:600}#layers-header .sumo-select:after{right:32px}#layers-header .sumo-select .prev{width:20px;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-right:4px;padding:0;display:inline-flex}#layers-header .sumo-select .next{width:20px;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-left:4px;padding:0;display:inline-flex}#layers-header .sumo-select .prev svg,#layers-header .sumo-select .next svg{fill:var(--color2)}#layers-header .sumo-select .next{transform:scaleX(-1)}#layers-header .layer-use-mode-menu{display:none}#layers-header .layer-use-mode-menu.visible{z-index:9;width:110px;background:var(--color3);border-radius:12px;padding:4px 4px 5px;display:flex;position:absolute;top:15px;right:37px}#layers-header .layer-use-mode-menu.visible .sumo-select:after{right:10px}#layers-header .layer-use-mode-toggle button{border:none;margin-left:5px}#panel-content-layers .range-toggle{width:24px;height:24px;cursor:pointer;background:#222527;border-radius:0 24px 24px 0;margin-left:-1px;display:inline-block;position:relative}#panel-content-layers .dropdown-slider-wrapper{align-items:center;display:flex}.panels-layers-content-menu{z-index:9999;background:var(--color5);border:2px solid var(--color1);border-radius:6px;margin:-4px 0;display:none;position:absolute;top:97px;right:42px;box-shadow:0 1px 3px #23252780}.panels-layers-content-menu ul{height:auto;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.panels-layers-content-menu ul li{width:100%;color:var(--color2);cursor:pointer;background:0 0;padding:10px;font-size:12px;font-weight:600}.panels-layers-content-menu ul li span{font-size:inherit;pointer-events:none}.panels-layers-content-menu ul li:empty{border-bottom:1px solid var(--color3);padding:0}.panels-layers-content-menu ul li[disabled=true]{opacity:.3;pointer-events:none}#panel-content-layers .pages{width:270px;height:0;flex-direction:column;align-items:center;transition:all .3s ease-in-out;display:flex;overflow:scroll}#panel-content-layers .pages.visible{height:100vh;max-height:calc(100vh - 222px)}#panel-content-layers .pages img{width:100%;height:100%;cursor:pointer;object-fit:contain;margin:0;position:relative}#panel-content-layers .pages .thumb{width:128px;cursor:pointer;border:3px solid var(--color2);border-radius:3px;margin:5px 0;padding:0;transition:all .3s ease-in-out;display:inline-flex;position:relative}#panel-content-layers .pages .thumb.selected,#panel-content-layers .pages .thumb:hover{border:4px solid var(--color1)}#panel-content-layers .items{width:256px;max-height:calc(100vh - 207px);flex-direction:column;display:flex;overflow-x:hidden;overflow-y:auto}#panel-content-layers .item{width:100%;height:40px;color:#fff;background:var(--color4);border:2px solid #0000;border-radius:6px;justify-content:flex-start;align-items:center;display:flex;position:relative}#panel-content-layers .item.selected .layer-actions{background:var(--color1);height:36px}#panel-content-layers .item.selected .layer-actions svg{fill:#fff}#panel-content-layers .item span{width:2rem;height:2rem;cursor:move;background-color:var(--color2);place-items:center;display:grid}#panel-content-layers .item.drag{background-color:#fff}#panel-content-layers .mask{width:256px}#panel-content-layers .mask .item{border-color:#0000}#panel-content-layers .mask .item .layer-preview{background:#fff}#panel-content-layers .toggle-layer-visibility,#panel-content-layers .toggle-mask-visibility{width:24px;height:24px;cursor:pointer;margin:5px}#panel-content-layers .layer-preview{width:50px;cursor:grab;background-image:repeating-conic-gradient(#0000 0% 25%,#666 0% 50%);background-position:0 0,10px 10px;background-size:10px 10px;justify-content:center;align-items:center;display:flex}#panel-content-layers .layer-preview img{object-fit:contain}#panel-content-layers .layer-name input{width:132px;min-width:unset;text-overflow:ellipsis;background:0 0;border-radius:0;outline:none;font-size:12px;box-shadow:none!important}#panel-content-layers .layer-lens{width:20px;height:32px;cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;right:32px}#panel-content-layers .layer-lens svg{pointer-events:none;width:100%;height:100%}#panel-content-layers .layer-actions{width:32px;height:32px;cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;right:0}#panel-content-layers .layer-actions.selected{background:var(--color5)}#panel-content-layers .layer-actions svg{width:16px;height:16px;fill:var(--color2);pointer-events:none}#panel-content-layers .mask-actions{width:48px;height:32px;cursor:pointer;justify-content:space-between;align-items:center;display:flex;position:absolute;right:0}#layers-footer{width:280px;height:42px;border-top:1px solid var(--color3);background:var(--color4);justify-content:space-between;align-items:center;margin-bottom:-10px;padding:0 10px;display:flex}#layers-footer .left,#layers-footer .right{justify-content:flex-start;align-items:center;display:flex}#layers-footer button{width:24px;height:24px;float:left;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}#layers-footer button svg{pointer-events:none;width:16px;height:16px}#layer-opacity-slider-toggle{display:none}@media (hover:hover){#layers-header .sumo-select .prev:hover svg,#layers-header .sumo-select .next:hover svg{fill:var(--color1)}.panels-layers-content-menu ul li:hover{color:#fff}#panel-content-layers .item span:hover{background-color:#fff}#panel-content-layers .layer-name input:hover{color:#fff}#panel-content-layers .layer-lens:hover svg{color:var(--color1)}#panel-content-layers .layer-actions:hover svg,#layers-footer button:hover svg{fill:#fff}}