/* * MIT License * * Copyright (c) 2019 jinho park (cyberuls@gmail.com, easylogic) * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in all * copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ .colorpicker{position:relative;width:224px;z-index:1000;display:inline-block;border:1px solid rgba(0,0,0,.2);background-color:#fff;border-radius:3px;box-shadow:0 0px 10px 2px rgba(0,0,0,.12)}.colorpicker>.arrow{position:absolute;top:-10px;left:7px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;display:none;border-bottom:10px solid rgba(0,0,0,.2);pointer-events:none}.colorpicker>.arrow:after{position:absolute;content:"";top:1px;left:-9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.colorpicker .colorpicker-body .arrow-button{position:relative;width:10px;height:12px;padding:0px}.colorpicker .colorpicker-body .arrow-button:before{content:"";display:inline-block;position:absolute;left:0px;right:0px;top:0px;height:50%;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:3px solid #000;pointer-events:none;margin:2px}.colorpicker .colorpicker-body .arrow-button:after{content:"";display:inline-block;position:absolute;left:0px;right:0px;bottom:0px;top:50%;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid #000;pointer-events:none;margin:2px}.colorpicker .colorpicker-body .color-tab{display:flex;flex-direction:column;height:350px;box-sizing:border-box;border:1px solid #ececec}.colorpicker .colorpicker-body .color-tab.xd{height:200px}.colorpicker .colorpicker-body .color-tab .color-tab-header{flex:none;display:flex;flex-direction:row;height:20px}.colorpicker .colorpicker-body .color-tab .color-tab-header .color-tab-item{flex:1 1 auto;cursor:pointer;background-color:#ececec;text-align:center;height:100%;padding:4px 10px;box-sizing:border-box}.colorpicker .colorpicker-body .color-tab .color-tab-header .color-tab-item.active{background-color:#fff;border-bottom-color:#fff}.colorpicker .colorpicker-body .color-tab .color-tab-body{flex:1 1 auto;position:relative}.colorpicker .colorpicker-body .color-tab .color-tab-body .color-tab-content{display:none;position:absolute;left:0px;right:0px;top:0px;bottom:0px}.colorpicker .colorpicker-body .color-tab .color-tab-body .color-tab-content.active{display:block}.colorpicker .colorpicker-body .color-panel{position:relative;height:120px;overflow:hidden;cursor:pointer}.colorpicker .colorpicker-body .color-panel>.saturation{position:relative;width:100%;height:100%}.colorpicker .colorpicker-body .color-panel>.saturation>.value{position:relative;width:100%;height:100%}.colorpicker .colorpicker-body .color-panel>.saturation>.value>.drag-pointer{position:absolute;width:10px;height:10px;border-radius:50%;transform:translateX(-50%) translateY(-50%)}.colorpicker .colorpicker-body .color-panel>.saturation{background-color:rgba(204,154,129,0);background-image:linear-gradient(to right, #FFF, rgba(204, 154, 129, 0));background-repeat:repeat-x}.colorpicker .colorpicker-body .color-panel>.saturation>.value{background-image:linear-gradient(to top, #000000, rgba(204, 154, 129, 0))}.colorpicker .colorpicker-body .color-panel>.saturation>.value>.drag-pointer{border:1px solid #fff;box-shadow:0 0 2px 0 rgba(0,0,0,.05)}.colorpicker .colorpicker-body .control{position:relative;padding:10px 0px 10px 0px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.colorpicker .colorpicker-body .control>.color,.colorpicker .colorpicker-body .control>.empty{position:absolute;left:12px;top:14px;width:30px;height:30px;border-radius:50%;box-sizing:border-box}.colorpicker .colorpicker-body .control>.color{border:1px solid rgba(0,0,0,.1)}.colorpicker .colorpicker-body .control>.hue{position:relative;padding:6px 16px;margin:0px 0px 0px 42px;box-sizing:border-box;cursor:pointer}.colorpicker .colorpicker-body .control>.hue>.hue-container{position:relative;width:100%;height:10px;border-radius:3px}.colorpicker .colorpicker-body .control>.opacity{position:relative;padding:3px 16px;margin:0px 0px 0px 42px;box-sizing:border-box;cursor:pointer}.colorpicker .colorpicker-body .control>.opacity>.opacity-container{position:relative;width:100%;height:10px;border-radius:3px}.colorpicker .colorpicker-body .control .drag-bar,.colorpicker .colorpicker-body .control .drag-bar2{position:absolute;cursor:pointer;top:50%;left:0px;transform:translateX(-50%) translateY(-50%);width:12px;height:12px;border-radius:50%}.colorpicker .colorpicker-body .control>.hue>.hue-container{background:linear-gradient(to right, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%)}.colorpicker .colorpicker-body .control>.opacity>.opacity-container{background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.colorpicker .colorpicker-body .control>.opacity>.opacity-container>.color-bar{position:absolute;display:block;content:"";left:0px;right:0px;bottom:0px;top:0px}.colorpicker .colorpicker-body .control>.empty{background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.colorpicker .colorpicker-body .control .drag-bar,.colorpicker .colorpicker-body .control .drag-bar2{border:1px solid rgba(0,0,0,.05);box-shadow:2px 2px 2px 0px rgba(0,0,0,.2);background-color:#fefefe}.colorpicker .colorpicker-body .information{position:relative;box-sizing:border-box}.colorpicker .colorpicker-body .information>input{position:absolute;font-size:10px;height:20px;bottom:20px;padding:0 0 0 2px;box-sizing:border-box;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.colorpicker .colorpicker-body .information>input[type=number]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.colorpicker .colorpicker-body .information>input[type=number]::-webkit-inner-spin-button,.colorpicker .colorpicker-body .information>input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.colorpicker .colorpicker-body .information.hex>.information-item.hex{display:flex}.colorpicker .colorpicker-body .information.rgb>.information-item.rgb{display:flex}.colorpicker .colorpicker-body .information.hsl>.information-item.hsl{display:flex}.colorpicker .colorpicker-body .information>.information-item{display:none;position:relative;padding:0px 5px;padding-left:9px;box-sizing:border-box;margin-right:40px}.colorpicker .colorpicker-body .information>.information-item>.input-field{display:block;flex:1;padding:3px 1px;box-sizing:border-box;position:relative}.colorpicker .colorpicker-body .information>.information-item>.input-field>.title{text-align:center;font-size:12px;color:#a9a9a9;padding-top:2px}.colorpicker .colorpicker-body .information>.information-item>.input-field input{text-align:center;width:100%;padding:3px;height:21px;font-size:11px;color:#333;box-sizing:border-box;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;border:1px solid #cbcbcb;border-radius:2px}.colorpicker .colorpicker-body .information>.information-item>.input-field input[type=number]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.colorpicker .colorpicker-body .information>.information-item>.input-field input[type=number]::-webkit-inner-spin-button,.colorpicker .colorpicker-body .information>.information-item>.input-field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.colorpicker .colorpicker-body .information>.information-item>.input-field.hsl-l input[type=number],.colorpicker .colorpicker-body .information>.information-item>.input-field.hsl-s input[type=number]{padding-left:1px;padding-right:10px}.colorpicker .colorpicker-body .information>.information-item>.input-field .postfix{display:inline-block;position:absolute;right:1px;top:2px;height:21px;line-height:2;padding:2px;box-sizing:border-box;text-align:center;font-size:11px}.colorpicker .colorpicker-body .information>.information-change{position:absolute;display:block;width:40px;top:0px;right:0px;bottom:0px;text-align:center;box-sizing:border-box;padding-top:5px}.colorpicker .colorpicker-body .information>.information-change>.format-change-button{box-sizing:border-box;background:transparent;border:0px;cursor:pointer;outline:none}.colorpicker .colorpicker-body .information>.title{color:#a3a3a3}.colorpicker .colorpicker-body .information>.input{color:#333}.colorpicker .colorpicker-body .colorsets{border-top:1px solid #e2e2e2}.colorpicker .colorpicker-body .colorsets>.menu{float:right;padding:10px 5px;padding-right:15px}.colorpicker .colorpicker-body .colorsets>.menu button{border:0px;font-size:14px;font-weight:300;font-family:serif,sans-serif;outline:none;cursor:pointer}.colorpicker .colorpicker-body .colorsets>.color-list{margin-right:30px;display:block;padding:10px 0px 0px 10px;box-sizing:border-box;line-height:0}.colorpicker .colorpicker-body .colorsets>.color-list .color-item{width:13px;height:13px;border-radius:2px;display:inline-block;margin-right:12px;margin-bottom:12px;position:relative;background-size:contain;overflow:hidden;box-sizing:border-box;cursor:pointer;vertical-align:middle}.colorpicker .colorpicker-body .colorsets>.color-list .color-item:hover{transform:scale(1.2)}.colorpicker .colorpicker-body .colorsets>.color-list .color-item .empty{position:absolute;left:0px;top:0px;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;width:100%;height:100%;padding:0px;margin:0px;pointer-events:none}.colorpicker .colorpicker-body .colorsets>.color-list .color-item .color-view{position:absolute;left:0px;top:0px;width:100%;height:100%;padding:0px;margin:0px;pointer-events:none;border:1px solid rgba(0,0,0,.1);box-sizing:border-box}.colorpicker .colorpicker-body .colorsets>.color-list .add-color-item{width:13px;height:13px;display:inline-block;margin-right:12px;margin-bottom:12px;cursor:pointer;line-height:1;text-align:center;font-size:16px;font-weight:400;font-family:serif,sans-serif;color:#8e8e8e;vertical-align:middle}.colorpicker .colorpicker-body .color-chooser{position:absolute;left:0px;right:0px;bottom:0px;top:0px;opacity:0;background-color:rgba(0,0,0,.5);transition:opacity .05s ease-out;pointer-events:none}.colorpicker .colorpicker-body .color-chooser.open{opacity:1;pointer-events:all}.colorpicker .colorpicker-body .color-chooser .color-chooser-container{position:absolute;top:120px;left:0px;right:0px;bottom:0px;background-color:#fff}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-item-header{position:absolute;top:0px;left:0px;right:0px;height:34px;display:flex;padding:3px 0px;box-sizing:border-box;border-bottom:1px solid rgba(0,0,0,.2)}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-item-header .title{flex:2;font-weight:bold;font-size:15px;box-sizing:border-box;margin-right:30px;vertical-align:middle;margin:0px;padding:5px;padding-left:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000;text-align:left}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-item-header .items{flex:1;text-align:right;padding-right:10px;display:block;height:100%;line-height:2;cursor:pointer}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list{position:absolute;top:34px;left:0px;right:0px;bottom:0px;overflow:auto}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item{cursor:pointer;display:flex;padding:3px 0px;border-bottom:1px solid rgba(0,0,0,.1)}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item:hover{background-color:rgba(0,0,0,.05)}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item .title{flex:2;font-size:14px;box-sizing:border-box;margin-right:30px;vertical-align:middle;pointer-events:none;margin:0px;padding:5px;padding-left:14px;font-weight:normal;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000;text-align:left}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item .items{flex:3;display:block;height:100%;line-height:1.6;cursor:pointer;pointer-events:none}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item .items .color-item{width:13px;height:13px;border-radius:3px;display:inline-block;margin-right:10px;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;background-size:contain;border:1px solid #ddd;overflow:hidden;box-sizing:border-box;cursor:pointer;vertical-align:middle}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item .items .color-item .color-view{width:100%;height:100%;padding:0px;margin:0px;pointer-events:none}.colorpicker.sketch{border-radius:5px}.colorpicker.sketch>.colorpicker-body .color-panel{margin:10px 10px 2px 10px;box-sizing:border-box;height:150px}.colorpicker.sketch>.colorpicker-body>.control{padding:0px}.colorpicker.sketch>.colorpicker-body>.control>.color,.colorpicker.sketch>.colorpicker-body>.control>.empty{position:absolute;right:10px;left:auto;top:1px;width:26px;height:26px;border-radius:2px;box-sizing:border-box}.colorpicker.sketch>.colorpicker-body>.control>.color{box-shadow:inset 0px 0px 1px 0px rgba(0,0,0,.5)}.colorpicker.sketch>.colorpicker-body>.control>.hue{position:relative;padding:2px 2px 2px 10px;margin:0px 38px 0px 0px}.colorpicker.sketch>.colorpicker-body>.control>.hue>.hue-container{border-radius:0px}.colorpicker.sketch>.colorpicker-body>.control>.opacity{position:relative;padding:2px 2px 2px 10px;margin:0px 38px 0px 0px}.colorpicker.sketch>.colorpicker-body>.control>.opacity>.opacity-container{border-radius:0px}.colorpicker.sketch>.colorpicker-body>.control .drag-bar,.colorpicker.sketch>.colorpicker-body>.control .drag-bar2{border-radius:0px;top:50%;left:0px;width:2px;height:80%;transform:translateX(-50%) translateY(-50%);border-radius:1px;bottom:1px !important}.colorpicker.sketch>.colorpicker-body>.control .drag-bar.first,.colorpicker.sketch>.colorpicker-body>.control .drag-bar2.first{left:0px;transform:translateX(50%) translateY(-50%) !important}.colorpicker.sketch>.colorpicker-body>.control .drag-bar.last,.colorpicker.sketch>.colorpicker-body>.control .drag-bar2.last{transform:translateX(-150%) translateY(-50%) !important}.colorpicker.sketch>.colorpicker-body>.information .information-change{display:none}.colorpicker.sketch>.colorpicker-body>.information.rgb .information-item.rgb{display:inherit}.colorpicker.sketch>.colorpicker-body>.information.rgb .information-item.hsl{display:none !important}.colorpicker.sketch>.colorpicker-body>.information.hex .information-item.hex{display:inherit}.colorpicker.sketch>.colorpicker-body>.information.hex .information-item.hsl{display:none !important}.colorpicker.sketch>.colorpicker-body>.information.hsl .information-item.rgb{display:none !important}.colorpicker.sketch>.colorpicker-body>.information.hsl .information-item.hsl{display:inherit}.colorpicker.sketch>.colorpicker-body>.information .information-item{display:inline-flex !important;margin-right:0px}.colorpicker.sketch>.colorpicker-body>.information .information-item>.input-field>.title{color:#000;font-size:11px;cursor:pointer}.colorpicker.sketch>.colorpicker-body>.information .information-item>.input-field>.title:hover{font-weight:bold}.colorpicker.sketch>.colorpicker-body>.information .information-item>.input-field:last-child:not(:first-child){padding-right:0px}.colorpicker.sketch>.colorpicker-body>.information .information-item.hex{width:70px;padding-right:0px;padding-left:5px}.colorpicker.sketch>.colorpicker-body>.information .information-item.rgb{width:144px;padding-left:0px;padding-right:0px}.colorpicker.sketch>.colorpicker-body>.information .information-item.hsl{display:none;width:144px;padding-left:0px;padding-right:0px}.colorpicker.sketch>.colorpicker-body>.colorsets>.menu{display:none}.colorpicker.sketch>.colorpicker-body>.colorsets>.color-list{margin-right:0px;padding-right:12px}.colorpicker.sketch>.colorpicker-body>.colorsets>.color-list .color-item{width:16px;height:16px;border-radius:3px;margin-right:9px;margin-bottom:10px}.colorpicker.palette{border-radius:3px;box-shadow:none}.colorpicker.palette>.colorpicker-body .color-panel{display:none}.colorpicker.palette>.colorpicker-body>.control{display:none}.colorpicker.palette>.colorpicker-body>.information{display:none}.colorpicker.palette>.colorpicker-body>.colorsets{box-sizing:border-box;border-top:0px}.colorpicker.palette>.colorpicker-body>.colorsets>.color-list .color-item{width:15px;height:15px;margin-right:10px;margin-bottom:10px}.colorpicker.palette>.colorpicker-body>.color-chooser{display:none;box-sizing:border-box}.colorpicker.palette>.colorpicker-body>.color-chooser.open{display:block;top:-1px;left:-1px;right:-1px;bottom:auto;border-radius:3px;border:1px solid #d8d8d8;box-shadow:0 0px 10px 2px rgba(0,0,0,.12)}.colorpicker.palette>.colorpicker-body>.color-chooser.open .color-chooser-container{position:relative;top:auto;left:auto;right:auto;bottom:auto;background-color:#fff;box-sizing:border-box;border-radius:2px}.colorpicker.palette>.colorpicker-body>.color-chooser.open .color-chooser-container .colorsets-item-header{position:relative;left:auto;top:auto;right:auto;bottom:auto;border-top-left-radius:3px;border-top-right-radius:3px}.colorpicker.palette>.colorpicker-body>.color-chooser.open .color-chooser-container .colorsets-list{position:relative;top:auto;left:auto;right:auto;bottom:auto;overflow:auto}.colorpicker.palette>.colorpicker-body>.color-chooser.open .color-chooser-container .colorsets-list .colorsets-item:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.colorpicker.macos .colorpicker-body .wheel{width:224px;height:224px;position:relative;box-sizing:border-box}.colorpicker.macos .colorpicker-body .wheel .wheel-canvas{width:214px;height:214px;border-radius:50%;position:absolute;left:5px;top:5px}.colorpicker.macos .colorpicker-body .wheel .drag-pointer{display:inline-block;position:absolute;width:10px;height:10px;left:50%;top:50%;border:1px solid #fff;border-radius:50%;transform:translateX(-50%) translateY(-50%);z-index:2}.colorpicker.macos .control{padding-top:0px}.colorpicker.macos .control>.color,.colorpicker.macos .control>.empty{top:4px}.colorpicker.macos .value{position:relative;padding:6px 16px;margin:0px 0px 0px 42px;box-sizing:border-box;cursor:pointer}.colorpicker.macos .value>.value-container{position:relative;width:100%;height:10px;border-radius:3px;background-image:linear-gradient(to right, #000000 0%, rgba(255, 255, 255, 0) 100%);box-sizing:border-box}.colorpicker.macos .value>.value-container .drag-bar{position:absolute;cursor:pointer;top:50%;left:0px;transform:translateX(-50%) translateY(-50%);width:12px;height:12px;border-radius:50%}.colorpicker.mini{width:180px;display:inline-block}.colorpicker.mini .control{padding:0px}.colorpicker.mini .control .hue,.colorpicker.mini .control .opacity{margin:0px;padding:0px}.colorpicker.mini .control .hue>.hue-container{border-radius:0px;overflow:hidden;height:20px}.colorpicker.mini .control .opacity>.opacity-container{border-radius:0px;overflow:hidden;height:20px}.colorpicker.mini .control .drag-bar,.colorpicker.mini .control .drag-bar2{border:0px;background-color:transparent;height:100%;width:5px;box-sizing:border-box;box-shadow:none}.colorpicker.mini .control .drag-bar.last:before,.colorpicker.mini .control .drag-bar.lastafter,.colorpicker.mini .control .drag-bar2.last:before,.colorpicker.mini .control .drag-bar2.lastafter{left:1px}.colorpicker.mini .control .drag-bar.first:before,.colorpicker.mini .control .drag-bar.first:after,.colorpicker.mini .control .drag-bar2.first:before,.colorpicker.mini .control .drag-bar2.first:after{left:3px}.colorpicker.mini .control .drag-bar:before,.colorpicker.mini .control .drag-bar2:before{content:"";position:absolute;left:2px;top:0px;width:0;height:0;transform:translateX(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #000}.colorpicker.mini .control .drag-bar:after,.colorpicker.mini .control .drag-bar2:after{content:"";position:absolute;left:2px;bottom:0px;width:0;height:0;transform:translateX(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #000}.colorpicker.mini-vertical{width:180px;display:inline-block}.colorpicker.mini-vertical .color-panel{display:inline-block;width:140px;height:160px;vertical-align:middle}.colorpicker.mini-vertical .control{height:160px;padding:0px;vertical-align:middle;display:inline-block}.colorpicker.mini-vertical .control .hue,.colorpicker.mini-vertical .control .opacity{margin:0px;padding:0px;width:20px;display:inline-block;vertical-align:middle;height:100%;position:relative}.colorpicker.mini-vertical .control .hue>.hue-container{border-radius:0px;overflow:hidden;height:100%;background:linear-gradient(to top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%)}.colorpicker.mini-vertical .control .opacity>.opacity-container{border-radius:0px;overflow:hidden;height:100%;width:20px}.colorpicker.mini-vertical .control .drag-bar,.colorpicker.mini-vertical .control .drag-bar2{border:0px;background-color:transparent;height:2px;width:100%;box-sizing:border-box;box-shadow:none;transform:none}.colorpicker.mini-vertical .control .drag-bar.last:before,.colorpicker.mini-vertical .control .drag-bar.last:after,.colorpicker.mini-vertical .control .drag-bar2.last:before,.colorpicker.mini-vertical .control .drag-bar2.last:after{top:2px}.colorpicker.mini-vertical .control .drag-bar.first:before,.colorpicker.mini-vertical .control .drag-bar.first:after,.colorpicker.mini-vertical .control .drag-bar2.first:before,.colorpicker.mini-vertical .control .drag-bar2.first:after{top:-1px}.colorpicker.mini-vertical .control .drag-bar:before,.colorpicker.mini-vertical .control .drag-bar2:before{content:"";position:absolute;left:0px;top:2px;width:0;height:0;transform:translateY(-50%);border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #000}.colorpicker.mini-vertical .control .drag-bar:after,.colorpicker.mini-vertical .control .drag-bar2:after{content:"";position:absolute;top:2px;right:0px;width:0;height:0;transform:translateY(-50%);border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:4px solid #000}.colorpicker.ring .colorpicker-body .color-panel{position:absolute;width:120px;height:120px;left:52px;top:52px}.colorpicker.ring .colorpicker-body .wheel{width:224px;height:224px;position:relative;box-sizing:border-box}.colorpicker.ring .colorpicker-body .wheel .wheel-canvas{width:214px;height:214px;border-radius:50%;position:absolute;left:5px;top:5px}.colorpicker.ring .colorpicker-body .wheel .drag-pointer{display:inline-block;position:absolute;width:10px;height:10px;left:50%;top:50%;border:1px solid #fff;border-radius:50%;transform:translateX(-50%) translateY(-50%);z-index:2}.colorpicker.ring .control{padding-top:0px}.colorpicker.ring .control .value{display:none}.colorpicker.ring .control>.color,.colorpicker.ring .control>.empty{top:-17px;width:30px;height:30px;border-radius:2px}.colorpicker.ring-tab .colorpicker-body .color-panel{position:absolute;width:120px;height:120px;left:52px;top:52px}.colorpicker.ring-tab .colorpicker-body .wheel{width:224px;height:224px;margin:0 auto;position:relative;box-sizing:border-box}.colorpicker.ring-tab .colorpicker-body .wheel .wheel-canvas{width:214px;height:214px;border-radius:50%;position:absolute;left:5px;top:5px}.colorpicker.ring-tab .colorpicker-body .wheel .drag-pointer{display:inline-block;position:absolute;width:10px;height:10px;left:50%;top:50%;border:1px solid #fff;border-radius:50%;transform:translateX(-50%) translateY(-50%);z-index:2}.colorpicker.ring-tab .colorpicker-body .color-chooser{opacity:1;pointer-events:all}.colorpicker.ring-tab .colorpicker-body .color-chooser .color-chooser-container{top:0px;opacity:1}.colorpicker.ring-tab .colorpicker-body .color-chooser .color-chooser-container .colorsets-item-header{display:none}.colorpicker.ring-tab .colorpicker-body .color-chooser .color-chooser-container .colorsets-list{top:4px}.colorpicker.ring-tab .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .color-item{transform:scale(1.2)}.colorpicker.ring-tab .colorpicker-body .colorsets{border-top:0px}.colorpicker.ring-tab .colorpicker-body .colorsets .menu{display:none}.colorpicker.ring-tab .colorpicker-body .colorsets .color-list{margin-right:0px;padding-top:5px;padding-left:13px}.colorpicker.ring-tab .control{padding-top:0px}.colorpicker.ring-tab .control .value{display:none}.colorpicker.ring-tab .control>.color,.colorpicker.ring-tab .control>.empty{top:-17px;width:30px;height:30px;border-radius:2px}.colorpicker.xd{display:inline-block;padding-top:12px;width:245px}.colorpicker.xd .color-panel{display:inline-block;margin-left:6px;margin-bottom:12px;width:170px;height:170px;vertical-align:middle;border-radius:3px;overflow:hidden;box-sizing:border-box;border:1px solid #cecece}.colorpicker.xd .color-panel>.saturation>.value>.drag-pointer{border:2px solid #fff;width:10px;height:10px;box-shadow:0 0 1px 0px #000,inset 0 0 1px 0px #000}.colorpicker.xd .control{height:170px;padding:0px;vertical-align:middle;display:inline-block;margin-right:12px;margin-bottom:12px}.colorpicker.xd .control .hue,.colorpicker.xd .control .opacity{margin:0px;padding:0px;width:13px;display:inline-block;vertical-align:middle;height:100%;position:relative;overflow:hidden;border-radius:3px;margin-left:8px}.colorpicker.xd .control .hue>.hue-container{border-radius:0px;overflow:hidden;height:100%;background:linear-gradient(to top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%)}.colorpicker.xd .control .opacity>.opacity-container{border-radius:0px;overflow:hidden;height:100%}.colorpicker.xd .control .drag-bar,.colorpicker.xd .control .drag-bar2{border:0px;background-color:transparent;border:2px solid #fff;box-shadow:0 0 1px 0px #000,inset 0 0 1px 0px #000;width:10px;height:10px;box-sizing:border-box;transform:none;overflow:hidden;left:50%;transform:translateX(-50%) translateY(-50%)}.colorpicker.xd .information{margin-top:5px}.colorpicker.xd-tab .color-panel{display:inline-block;margin-top:10px;margin-left:6px;width:170px;height:120px;vertical-align:middle;border-radius:3px;overflow:hidden;box-sizing:border-box;border:1px solid #cecece}.colorpicker.xd-tab .color-panel>.saturation>.value>.drag-pointer{border:2px solid #fff;width:10px;height:10px;box-shadow:0 0 1px 0px #000,inset 0 0 1px 0px #000}.colorpicker.xd-tab .control{height:120px;padding:0px;vertical-align:middle;display:inline-block;margin-right:12px;margin-top:10px}.colorpicker.xd-tab .control .hue,.colorpicker.xd-tab .control .opacity{margin:0px;padding:0px;width:13px;display:inline-block;vertical-align:middle;height:100%;position:relative;overflow:hidden;border-radius:3px;margin-left:8px}.colorpicker.xd-tab .control .hue>.hue-container{border-radius:0px;overflow:hidden;height:100%;background:linear-gradient(to top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%)}.colorpicker.xd-tab .control .opacity>.opacity-container{border-radius:0px;overflow:hidden;height:100%}.colorpicker.xd-tab .control .drag-bar,.colorpicker.xd-tab .control .drag-bar2{border:0px;background-color:transparent;border:2px solid #fff;box-shadow:0 0 1px 0px #000,inset 0 0 1px 0px #000;width:10px;height:10px;box-sizing:border-box;transform:none;overflow:hidden;left:50%;transform:translateX(-50%) translateY(-50%)}.colorpicker.xd-tab .color-chooser{opacity:1;pointer-events:all}.colorpicker.xd-tab .color-chooser .color-chooser-container{top:0px;opacity:1}.colorpicker.xd-tab .color-chooser .color-chooser-container .colorsets-item-header{display:none}.colorpicker.xd-tab .color-chooser .color-chooser-container .colorsets-list{top:4px}.colorpicker.xd-tab .color-chooser .color-chooser-container .colorsets-list .color-item{transform:scale(1.2)}.colorpicker.xd-tab .colorsets{border-top:0px}.colorpicker.xd-tab .colorsets .menu{display:none}.colorpicker.xd-tab .colorsets .color-list{margin-right:0px;padding-top:5px;padding-left:13px}.colorpicker.xd-tab .information{margin-top:5px}.colorsets-contextmenu{position:fixed;padding-top:4px;padding-bottom:4px;border-radius:6px;background-color:#ececec;border:1px solid #ccc;display:none;list-style:none;font-size:13px;padding-left:0px;padding-right:0px}.colorsets-contextmenu.show{display:inline-block}.colorsets-contextmenu .menu-item{padding:2px 20px;cursor:default}.colorsets-contextmenu .menu-item:hover{background-color:#5ea3fb;color:#fff}.colorsets-contextmenu.small .menu-item.small-hide{display:none}html,body{font-size:13px;padding:0px;margin:0px;overflow:hidden;box-sizing:border-box;font-family:sans-serif}*,*:before,*:after{box-sizing:border-box}body.ua-window .scrollbar::-webkit-scrollbar{width:5px;height:8px;background-color:#aaa}body.ua-window .scrollbar::-webkit-scrollbar-thumb{background:#000}.csseditor{width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:fixed;left:0px;top:0px}.csseditor[data-theme=dark]{--range-thumb-color: white;--range-track-color: #616161;--range-thumb-border-color: rgba(0, 0, 0, 0.8);--input-background-color: #2b2b2b;--input-border-color: #2b2b2b;--input-font-color: #ececec;--border-color: #313131;--selected-color: #fc554f;--selected-border-color: #3a89f0;--background-color: #111111;--header-background-color: #111111;--selected-background-color: #535353;--font-color: #ffffff;--selected-font-color: white;--divider-color: #616161;--property-border-color: #4a4a4a;--list-item-font-color: #999;--list-item-selected-color: #03a9f4;--popup-background-color: #1f1f1f;--window-background-color: rgba(61, 61, 61, 0.5);--path-background-color: rgba(255, 255, 255, 0.7);--path-guide-color: #5c5c5c;--path-segment-stroke-color: #313131;--timeline-gauge-background-color: #ee4b66;--timeline-gauge-handle-color: #fffaaf;--timeline-row-selected-color: rgba(67, 92, 181, 0.4);--guide-font-color: guide-font-color;--guide-line-rect-color: #435cb5;--page-view-color: #919191;--page-view-element-artboard-title-color: #dedede;--animation-item-background-color: #435cb5;--select-icon-editor-item-color: #2b2b2b;--select-icon-editor-selected-color: #555555;--grid-box-editor-button-background-color: #435cb5;--status-bar-item-background-color: #760e34;--status-bar-background-color: #fc554f;--drag-area-rect-border-color: rgba(62, 168, 255, 0.9);--drag-area-rect-background-color: rgba(107, 188, 255, 0.5);--rotate-x-border-color: #6868f7;--rotate-y-border-color: #70c570;--color-view-background-color: #2b2b2b;--transform-origin-selected-color: #2b2b2b;--border-radius-selected-color: #2b2b2b}.csseditor[data-theme=light]{--range-thumb-color: #609de2;--range-track-color: #cfcfcf;--range-thumb-border-color: #609de2;--input-background-color: white;--input-border-color: #e2e2e2;--input-font-color: black;--border-color: #e2e2e2;--selected-color: #4778d4;--selected-border-color: #609de2;--background-color: white;--header-background-color: white;--selected-background-color: #d8d8d8;--font-color: #616161;--selected-font-color: white;--divider-color: #cfcfcf;--property-border-color: #e2e2e2;--list-item-font-color: black;--list-item-selected-color: #609de2;--popup-background-color: #f6f6f6;--window-background-color: #2a2a2a7a;--path-background-color: rgba(255, 255, 255, 0.7);--path-guide-color: #5c5c5c;--path-segment-stroke-color: #b7b7b7;--timeline-gauge-background-color: #435cb5;--timeline-gauge-handle-color: #748ff1;--timeline-row-selected-color: #609de2;--guide-font-color: guide-font-color;--guide-line-rect-color: #36457a;--page-view-color: rgba(17, 17, 17, 0.1);--page-view-element-artboard-title-color: black;--animation-item-background-color: #435cb5;--select-icon-editor-item-color: silver;--select-icon-editor-selected-color: #609de2;--grid-box-editor-button-background-color: #435cb5;--status-bar-item-background-color: #4653f6;--status-bar-background-color: #609de2;--drag-area-rect-border-color: rgba(62, 168, 255, 0.9);--drag-area-rect-background-color: rgba(107, 188, 255, 0.5);--rotate-x-border-color: #643ac7;--rotate-y-border-color: #8bdf8b;--color-view-background-color: #d8d8d8;--transform-origin-selected-color: #4778d4;--border-radius-selected-color: white}.csseditor[data-theme=toon]{--range-thumb-color: #333333;--range-track-color: #cfcfcf;--range-thumb-border-color: #333333;--input-background-color: white;--input-border-color: #333333;--input-font-color: black;--border-color: #333333;--selected-color: black;--selected-border-color: #609de2;--background-color: white;--header-background-color: white;--selected-background-color: #d8d8d8;--font-color: #333333;--selected-font-color: white;--divider-color: #cfcfcf;--property-border-color: #333333;--list-item-font-color: black;--list-item-selected-color: #333333;--popup-background-color: #f6f6f6;--window-background-color: white;--path-background-color: rgba(255, 255, 255, 0.7);--path-guide-color: #5c5c5c;--path-segment-stroke-color: #b7b7b7;--timeline-gauge-background-color: #435cb5;--timeline-gauge-handle-color: #748ff1;--timeline-row-selected-color: #609de2;--guide-font-color: guide-font-color;--guide-line-rect-color: #36457a;--page-view-color: rgba(17, 17, 17, 0.1);--page-view-element-artboard-title-color: black;--animation-item-background-color: #435cb5;--select-icon-editor-item-color: silver;--select-icon-editor-selected-color: #333333;--grid-box-editor-button-background-color: #435cb5;--status-bar-item-background-color: #4653f6;--status-bar-background-color: #609de2;--drag-area-rect-border-color: rgba(62, 168, 255, 0.9);--drag-area-rect-background-color: rgba(107, 188, 255, 0.5);--rotate-x-border-color: #643ac7;--rotate-y-border-color: #8bdf8b;--color-view-background-color: #333333;--transform-origin-selected-color: black;--border-radius-selected-color: #333333}.csseditor input[type=text],.csseditor input[type=number],.csseditor input[type=email],.csseditor textarea{background-color:var(--input-background-color);border:1px solid var(--input-border-color);color:var(--input-font-color);outline:none}.csseditor select{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;padding:0px 4px;line-height:1.6;cursor:pointer;height:100%;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:0px;color:var(--font-color);outline:none;vertical-align:middle;width:100%;font-size:12px;border-radius:3px}.csseditor button{border-width:0px;color:var(--button-front-color);width:16px;height:16px;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;outline:none;display:inline-block;cursor:pointer;padding:0px}.csseditor button svg{width:100%;height:100%}.csseditor input[type=file].embed-file-input{position:absolute;left:0px;top:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;display:inline-block;background-color:var(--background-color);opacity:0;pointer-events:none}.csseditor .add-image-button{display:none}.csseditor .icon svg,.csseditor button svg,.csseditor label svg{width:16px;height:16px;vertical-align:middle}.csseditor .icon svg path,.csseditor button svg path,.csseditor label svg path{fill:currentColor}.csseditor .layout-main{position:absolute;left:0px;top:0px;right:0px;bottom:0px;display:flex;flex-direction:column}.csseditor .layout-main.show-footer .layout-middle .layout-left{bottom:299px}.csseditor .layout-main.show-footer .layout-middle .layout-right{bottom:299px}.csseditor .layout-main.show-footer .layout-middle .layout-body{bottom:299px}.csseditor .layout-main.show-footer .layout-middle .layout-footer{height:299px}.csseditor .layout-main.show-footer .layout-middle .layout-footer .managed-tool>.property-title>.tools{display:flex}.csseditor .layout-main marker path{fill:var(--border-color)}.csseditor .layout-main .layout-top{display:block;flex:1 1 0px;height:0px;background-color:#ff0}.csseditor .layout-main .layout-middle{flex:1 1 auto;display:flex;height:100%;position:relative;box-sizing:border-box}.csseditor .layout-main .layout-middle .layout-header{top:0px;left:300px;right:240px;height:50px;position:absolute;background-color:var(--header-background-color);color:var(--selected-font-color);pointer-events:all;box-sizing:border-box;border-bottom:1px solid var(--border-color)}.csseditor .layout-main .layout-middle>.splitter{position:absolute;left:300px;width:2px;top:0px;bottom:0px;cursor:ew-resize}.csseditor .layout-main .layout-middle>button{position:absolute;width:16px;height:16px;top:24px;transform:translateY(-50%);cursor:pointer;color:var(--font-color)}.csseditor .layout-main .layout-middle>button svg{transform:scale(1.5)}.csseditor .layout-main .layout-middle>.toggleLeft{left:300px}.csseditor .layout-main .layout-middle>.toggleRight{right:240px}.csseditor .layout-main .layout-middle .layout-footer{position:absolute;left:0px;height:30px;bottom:0px;right:0px;overflow:hidden;border-top:1px solid var(--border-color);background-color:var(--background-color);transition:all .05s linear;pointer-events:all;z-index:10000}.csseditor .layout-main .layout-middle .layout-footer .managed-tool{background-color:var(--background-color);padding:2px 0px}.csseditor .layout-main .layout-middle .layout-left{position:absolute;left:0px;top:0px;bottom:30px;width:300px;display:inline-block;display:flex;flex-direction:column;transition:bottom .05s linear}.csseditor .layout-main .layout-middle .layout-right{position:absolute;right:0px;top:0px;bottom:30px;width:240px;display:inline-block;z-index:100;display:flex;flex-direction:column;overflow:auto;transition:bottom .05s linear}.csseditor .layout-main .layout-middle .layout-body{top:50px;left:300px;right:240px;bottom:30px;position:absolute;transition:bottom .05s linear}.csseditor input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;margin:3px 0;background-color:transparent}.csseditor input[type=range]:focus{outline:none}.csseditor input[type=range]::-moz-focus-outer{border:0px}.csseditor input[type=range]::-webkit-slider-runnable-track{width:100%;height:1px;cursor:pointer;background:var(--range-track-color);border-radius:2px}.csseditor input[type=range]::-webkit-slider-thumb{height:8px;width:8px;border-radius:100%;background:var(--range-thumb-color);cursor:pointer;-webkit-appearance:none;appearance:none;border:1px solid var(--range-thumb-border-color);margin-top:-4px}.csseditor input[type=range]:focus::-webkit-slider-runnable-track{background:var(--range-track-color)}.csseditor input[type=range]::-moz-range-track{width:100%;height:1px;cursor:pointer;background:var(--range-track-color);border-radius:2px;box-shadow:inset 0 1px 3px rgba(0,0,0,.12),inset 0 1px 2px rgba(0,0,0,.12)}.csseditor input[type=range]::-moz-range-thumb{border:1px solid #000;height:8px;width:8px;border-radius:9px;border-radius:10px;background:var(--range-thumb-color);cursor:pointer;margin-top:-4px}.csseditor input[type=range]::-ms-track{width:100%;height:1px;cursor:pointer;border:1px solid #000;border-radius:2px;background:var(--range-track-color)}.csseditor input[type=range]::-ms-fill-lower{background:var(--range-thumb-color);border:0px solid #010101;border-radius:0px;box-shadow:0px 0px 0px #000,0px 0px 0px #0d0d0d}.csseditor input[type=range]::-ms-fill-upper{background:var(--range-thumb-color);border:0px solid #010101;border-radius:0px}.csseditor input[type=range]::-ms-thumb{height:8px;width:8px;border-radius:9px;background:var(--range-thumb-color);cursor:pointer;margin-top:-4px}.csseditor input[type=range]:focus::-ms-fill-lower{background:var(--range-thumb-color)}.csseditor input[type=range]:focus::-ms-fill-upper{background:var(--range-thumb-color)}.csseditor .tab{position:absolute;left:0px;right:0px;bottom:0px;top:0px;background-color:var(--background-color);color:var(--font-color)}.csseditor .tab.number-tab.padding-5 .tab-content{padding:5px}.csseditor .tab.number-tab.padding-10 .tab-content{padding:10px}.csseditor .tab.number-tab.side-tab.side-tab-left .tab-header{left:0px;width:60px;top:0px;bottom:0px;right:auto;height:auto;display:flex;flex-direction:column;border-right:1px solid var(--border-color)}.csseditor .tab.number-tab.side-tab.side-tab-left .tab-header .logo-item{flex:none;display:block;padding:10px 0px;text-align:center}.csseditor .tab.number-tab.side-tab.side-tab-left .tab-header .logo-item label.logo{display:inline-block;width:30px;height:30px;background-image:url(3a8ca398e6a5c3b83f4de7c60843a9a0.png);background-size:contain;border-radius:2px}.csseditor .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item{display:block;width:100%;flex:none;height:auto;margin-bottom:10px;position:relative}.csseditor .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item.selected{background-color:transparent}.csseditor .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item.selected:before{content:"";background-color:var(--selected-color);width:2px;height:auto;position:absolute;left:1px;top:0px;bottom:0px}.csseditor .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item.selected label{padding:4px 13px;height:auto}.csseditor .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item.extra-item{flex:1 1 auto;overflow:auto}.csseditor .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item label{padding:4px 13px;height:auto}.csseditor .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item label svg{width:24px;height:24px}.csseditor .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item .title{padding-bottom:5px;font-size:10px;color:var(--font-color)}.csseditor .tab.number-tab.side-tab.side-tab-left .tab-body{left:60px;top:0px;bottom:0px;right:0px}.csseditor .tab.number-tab .tab-header{cursor:pointer;overflow:hidden;color:var(--font-color)}.csseditor .tab.number-tab .tab-content{display:none}.csseditor .tab.number-tab .tab-content.selected{display:block}.csseditor .tab.number-tab .tab-body{top:34px}.csseditor .tab.number-tab>.tab-header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr}.csseditor .tab.number-tab>.tab-header.full{display:flex}.csseditor .tab.number-tab>.tab-header>.tab-item{text-align:center;position:relative;padding:0px 0px 0px 0px;height:100%}.csseditor .tab.number-tab>.tab-header>.tab-item.selected:before{content:"";background-color:var(--selected-color);height:2px;position:absolute;left:0px;right:0px;top:0px}.csseditor .tab.number-tab>.tab-header>.tab-item.selected label,.csseditor .tab.number-tab>.tab-header>.tab-item:hover label{color:var(--selected-color)}.csseditor .tab.number-tab>.tab-header>.tab-item label{line-height:24px;height:100%;display:inline-block;vertical-align:middle;color:var(--font-color)}.csseditor .tab.number-tab>.tab-header>.tab-item label.icon{padding:6px 10px 2px}.csseditor .tab.number-tab>.tab-header>.tab-item label svg{width:20px;height:20px}.csseditor .tab.number-tab>.tab-header>.tab-item:first-child:hover label{left:10px}.csseditor .tab.number-tab>.tab-header>.tab-item:last-child:hover label{left:auto;right:10px}.csseditor .tab.number-tab>.tab-header>.tab-item:hover label{opacity:1}.csseditor .tab.number-tab>.tab-header>.tab-item label{display:inline-block;font-size:11px;border-radius:3px;padding:5px 10px;pointer-events:none}.csseditor .tab>.tab-header{position:absolute;left:0px;right:0px;height:34px;z-index:1;display:flex}.csseditor .tab>.tab-header.no-border>.tab-item{border:0px !important}.csseditor .tab>.tab-header>.tab-item{flex:1 1 auto;display:inline-block;font-size:12px;text-align:left;height:100%;padding:6px 4px;cursor:pointer;font-weight:bold}.csseditor .tab>.tab-header>.tab-item.small-font{font-size:11px}.csseditor .tab>.tab-header>.tab-item.selected{color:var(--selected-font-color)}.csseditor .tab>.tab-body{position:absolute;left:0px;right:0px;top:34px;bottom:0px}.csseditor .tab>.tab-body.no-border{border:0px}.csseditor .tab>.tab-body>.tab-content{position:absolute;left:0px;right:0px;top:0px;bottom:0px;display:none;overflow:auto}.csseditor .tab>.tab-body>.tab-content.selected{display:block}.csseditor .tab>.tab-body>.tab-content.selected.flex{display:flex;flex-direction:column}.csseditor .tab>.tab-body>.tab-content .fixed{flex:none}.csseditor .tab>.tab-body>.tab-content .scroll{flex:1 1 auto;overflow:auto;position:relative}.csseditor .tab>.tab-body>.tab-content .scroll .tab-element-title{position:absolute;top:0px;left:0px;right:0px;height:30px;display:none;background-color:var(--background-color);font-size:12px;font-weight:bold;padding:8px 5px !important;height:30px;background-color:#f3f3f3;color:#333}.csseditor .colorpicker-layer .colorpicker{background-color:transparent;width:100%;border:0px;box-shadow:none}.csseditor .colorpicker-layer .colorpicker .colorpicker-body{width:240px}.csseditor .colorpicker-layer .colorpicker .colorpicker-body .color-list .current-color-sets .color-item{width:20px;height:20px;margin:2px !important}.csseditor .colorpicker-layer .colorpicker .colorpicker-body .color-list .current-color-sets .add-color-item{width:20px;height:20px;margin:0px !important;padding:3px}.csseditor .colorpicker-layer .colorpicker .colorpicker-body .wheel{border:0px;background-color:transparent}.csseditor .logo{text-align:center;padding:0px 10px}.csseditor .logo .text{font-size:16px;display:inline-block;font-weight:900;line-height:1.6;color:var(--selected-color);z-index:1;vertical-align:middle}.csseditor .logo .extra-text{z-index:0;font-size:16px;display:inline-block;font-weight:900;line-height:1.6;vertical-align:middle;color:var(--selected-font-color)}.csseditor .logo .site{font-size:14px;color:var(--border-color)}.csseditor .preview-tool-menu{position:absolute;bottom:0px;left:0px;right:0px;display:inline-block;overflow:auto}.csseditor .tool-menu,.csseditor .preview-tool-menu{color:var(--selected-font-color)}.csseditor .tool-menu.center,.csseditor .preview-tool-menu.center{text-align:center}.csseditor .tool-menu .items,.csseditor .preview-tool-menu .items{height:100%;width:100%;padding:0px;display:inline-block}.csseditor .tool-menu .items .empty,.csseditor .preview-tool-menu .items .empty{width:100%;height:48px}.csseditor .tool-menu .items .draw-items[data-selected-value=svg] [data-item=css],.csseditor .preview-tool-menu .items .draw-items[data-selected-value=svg] [data-item=css]{display:none}.csseditor .tool-menu .items .draw-items[data-selected-value=svg] [data-item=svg] .divider,.csseditor .preview-tool-menu .items .draw-items[data-selected-value=svg] [data-item=svg] .divider{display:none}.csseditor .tool-menu .items .draw-items[data-selected-value=css] [data-item=svg],.csseditor .preview-tool-menu .items .draw-items[data-selected-value=css] [data-item=svg]{display:none}.csseditor .tool-menu .items .draw-items>*,.csseditor .preview-tool-menu .items .draw-items>*{display:inline-block}.csseditor .tool-menu .items .draw-items .sub-title,.csseditor .preview-tool-menu .items .draw-items .sub-title{width:1px;margin-top:-5px !important;height:1px;padding:0px;display:inline-block;vertical-align:top}.csseditor .tool-menu .items .draw-items .divider,.csseditor .preview-tool-menu .items .draw-items .divider{border:0px;border-right:1px solid var(--divider-color);height:20px;vertical-align:middle;display:inline-block}.csseditor .tool-menu .items .draw-items .menu-item,.csseditor .preview-tool-menu .items .draw-items .menu-item{text-align:center;color:var(--font-color);width:48px;height:48px;background-color:transparent;background-image:none;border:0px;box-shadow:none;display:inline-block}.csseditor .tool-menu .items .draw-items .menu-item.selected .icon,.csseditor .preview-tool-menu .items .draw-items .menu-item.selected .icon{color:var(--selected-color)}.csseditor .tool-menu .items .draw-items .menu-item.selected .title,.csseditor .preview-tool-menu .items .draw-items .menu-item.selected .title{color:var(--selected-color)}.csseditor .tool-menu .items .draw-items .menu-item[data-no-title=true],.csseditor .preview-tool-menu .items .draw-items .menu-item[data-no-title=true]{height:30px}.csseditor .tool-menu .items .draw-items .menu-item[data-no-title=true] .title,.csseditor .preview-tool-menu .items .draw-items .menu-item[data-no-title=true] .title{display:none}.csseditor .tool-menu .items .draw-items .menu-item.cylinder .icon,.csseditor .preview-tool-menu .items .draw-items .menu-item.cylinder .icon{padding-top:4px}.csseditor .tool-menu .items .draw-items .menu-item.cylinder .icon svg,.csseditor .preview-tool-menu .items .draw-items .menu-item.cylinder .icon svg{width:24px;height:24px}.csseditor .tool-menu .items .draw-items .menu-item.cylinder .icon svg path,.csseditor .preview-tool-menu .items .draw-items .menu-item.cylinder .icon svg path{stroke-width:0}.csseditor .tool-menu .items .draw-items .menu-item .icon,.csseditor .preview-tool-menu .items .draw-items .menu-item .icon{display:inline-block;border-radius:3px}.csseditor .tool-menu .items .draw-items .menu-item .icon.flipY,.csseditor .preview-tool-menu .items .draw-items .menu-item .icon.flipY{transform:rotateY(-180deg)}.csseditor .tool-menu .items.flex-2,.csseditor .preview-tool-menu .items.flex-2{flex:5}.csseditor .tool-menu .items.left,.csseditor .preview-tool-menu .items.left{flex:none;width:300px;text-align:left}.csseditor .tool-menu .items form,.csseditor .preview-tool-menu .items form{display:inline-block;vertical-align:middle}.csseditor .tool-menu .items .menu-item[data-no-title=true] .title,.csseditor .preview-tool-menu .items .menu-item[data-no-title=true] .title{display:none}.csseditor .tool-menu .items button,.csseditor .preview-tool-menu .items button{width:40px;height:40px;background-color:transparent;background-image:none;border:0px;box-shadow:none;display:inline-block;color:var(--selected-font-color)}.csseditor .tool-menu .items button[checked=checked] .icon,.csseditor .preview-tool-menu .items button[checked=checked] .icon{background-color:rgba(255,255,255,.1);color:var(--selected-font-color)}.csseditor .tool-menu .items .title,.csseditor .preview-tool-menu .items .title{font-size:10px;color:var(--font-color)}.csseditor .tool-menu .items .icon,.csseditor .preview-tool-menu .items .icon{margin:0 auto;width:20px;height:20px;color:var(--font-color)}.csseditor .tool-menu .items .icon svg,.csseditor .preview-tool-menu .items .icon svg{width:100%;height:100%}.csseditor .tool-menu .items .icon.export,.csseditor .tool-menu .items .icon.codepen,.csseditor .tool-menu .items .icon.github,.csseditor .preview-tool-menu .items .icon.export,.csseditor .preview-tool-menu .items .icon.codepen,.csseditor .preview-tool-menu .items .icon.github{background-color:transparent;padding-right:2px;border-radius:3px}.csseditor .tool-menu .items .icon.export:before,.csseditor .tool-menu .items .icon.codepen:before,.csseditor .tool-menu .items .icon.github:before,.csseditor .preview-tool-menu .items .icon.export:before,.csseditor .preview-tool-menu .items .icon.codepen:before,.csseditor .preview-tool-menu .items .icon.github:before{display:inline-block;font-size:20px;font-weight:bold;vertical-align:middle;line-height:24px}.csseditor .tool-menu .items .icon.codepen:before,.csseditor .preview-tool-menu .items .icon.codepen:before{content:"C"}.csseditor .tool-menu .items .icon.github:before,.csseditor .preview-tool-menu .items .icon.github:before{content:"G"}.csseditor .page-container{position:absolute;left:0px;right:0px;bottom:0px;top:0px;pointer-events:all;outline:none;background-color:#fff}.csseditor .page-view{position:absolute;left:0px;right:0px;bottom:0px;top:0px;background-color:var(--page-view-color)}.csseditor .page-view .page-lock{position:absolute;left:0px;right:0px;bottom:0px;top:0px;overflow:auto}.csseditor .page-view .page-lock .element-view[data-mode=ADD]{cursor:crosshair}.csseditor .page-view .page-lock .element-view .motion-based{z-index:100000000}.csseditor .page-tools{position:absolute;left:20px;bottom:10px;display:inline-block;padding:5px 10px;border-radius:3px;border:1px solid var(--border-color);color:var(--font-color);background-color:var(--background-color)}.csseditor .page-tools>label{vertical-align:middle;font-size:11px;display:inline-block;height:100%;padding-top:5px}.csseditor .page-tools button{border-radius:3px}.csseditor .page-tools>.select{display:inline-block;width:50px;border-radius:5px;border:1px solid rgba(var(--selected-color), 0.5)}.csseditor .page-subeditor{position:absolute;left:0px;top:0px;right:0px;bottom:0px;font-size:12px;pointer-events:none}.csseditor .path-manager{display:none;pointer-events:all;outline:none;border-top:0px;color:var(--font-color);background-color:var(--background-color);height:100%;padding:7px 0px;overflow:hidden;white-space:nowrap}.csseditor .path-manager .text{display:inline-block}.csseditor .path-manager .split{display:inline-block;height:20px;vertical-align:middle;width:3px;margin-right:2px;border-right:1px solid rgba(255,255,255,.3)}.csseditor .path-manager .tools{height:100%;display:inline-block}.csseditor .path-manager .tools[data-selected-value=modify] button[data-value=modify]{color:var(--selected-color)}.csseditor .path-manager .tools[data-selected-value=path] button[data-value=path]{color:var(--selected-color)}.csseditor .path-manager .tools[data-selected-value=draw] button[data-value=draw]{color:var(--selected-color)}.csseditor .path-manager .tools[data-selected-value=transform] button[data-value=transform]{color:var(--selected-color)}.csseditor .path-manager .tools button{font-size:13px;margin:0 2px;text-decoration:underline;width:auto;height:auto;vertical-align:middle;white-space:nowrap;display:inline-block;box-sizing:border-box;width:34px;height:34px}.csseditor .path-manager .tools button[data-value=flipY]{transform:rotate(90deg)}.csseditor .path-manager .tools button[data-value=flip]{transform:rotate(45deg)}.csseditor .path-manager .tools button svg{width:20px;height:20px}.csseditor .path-manager .tools button svg path{stroke-width:1;stroke:var(--background-color)}.csseditor .path-manager .tools>div{display:inline-block;height:100%;vertical-align:middle;padding:5px 0px}.csseditor .path-manager .tools>div label{text-align:right;padding:3px 2px;line-height:20px;width:auto}.csseditor .path-manager .tools>div .number-input-editor{display:inline-block}.csseditor .path-manager .tools>div .number-input-editor .range-editor-type{display:inline-block}.csseditor .path-manager .tools>div .number-input-editor .range-editor-type input[type=number]{background-color:var(--border-color)}.csseditor .path-manager .tools>div .fill-single-editor .preview{width:20px;height:20px;border:1px solid var(--selected-color);overflow:hidden}.csseditor .path-manager>*{vertical-align:middle}.csseditor .draw-manager{display:none;pointer-events:all;outline:none;border-top:0px;color:var(--font-color);background-color:var(--background-color);height:100%;padding:5px 5px}.csseditor .draw-manager .text{display:inline-block}.csseditor .draw-manager .split{display:inline-block;height:20px;vertical-align:middle;width:3px;margin-right:2px;border-right:1px solid rgba(255,255,255,.3)}.csseditor .draw-manager .tools{height:100%;display:inline-block}.csseditor .draw-manager .tools>div{display:inline-block;margin-left:10px;height:100%;vertical-align:middle;padding:5px 0px}.csseditor .draw-manager .tools>div>*{display:inline-block;width:auto}.csseditor .draw-manager .tools>div label{text-align:right;padding:3px 2px;line-height:20px}.csseditor .draw-manager .tools>div .number-input-editor{display:inline-block}.csseditor .draw-manager .tools>div .number-input-editor .range-editor-type{display:inline-block}.csseditor .draw-manager .tools>div .number-input-editor .range-editor-type input[type=number]{background-color:var(--border-color)}.csseditor .draw-manager .tools>div .fill-single-editor .preview{width:20px;height:20px;border:1px solid var(--selected-color);overflow:hidden}.csseditor .draw-manager>*{vertical-align:middle}.csseditor .rotate-editor-view{position:relative;margin:20px auto;width:100px;height:100px;pointer-events:none}.csseditor .rotate-editor-view .rotate-z{position:absolute;left:0px;right:0px;top:0px;bottom:0px;border-radius:100%}.csseditor .rotate-editor-view .rotate-z .handle{position:absolute;left:50%;top:0px;transform:translate(-50%, -50%);width:20px;height:20px;background-color:rgba(var(--selected-color), 0.5);border:1px solid var(--selected-font-color);border-radius:100%;pointer-events:all;color:var(--selected-font-color)}.csseditor .rotate-editor-view .rotate-z .handle svg{width:100%;height:100%}.csseditor .rotate-editor-view .rotate-z .handle:hover{cursor:pointer}.csseditor .rotate-editor-view .rotate-z .handle-line{position:absolute;left:50%;top:-1px;height:calc(50% + 1px);width:1px;transform:translate(-50%, 0%);background-color:rgba(0,0,0,.5)}.csseditor .rotate-editor-view .direction-area{position:absolute;left:0px;bottom:0px;top:0px;right:0px;pointer-events:none;border-radius:100%}.csseditor .rotate-editor-view .direction-area .direction{position:absolute;left:0px;top:0px;width:10px;height:10px;transform:translate(-50%, -50%);background-color:var(--selected-color);cursor:pointer;pointer-events:all;border-radius:100%;box-sizing:border-box}.csseditor .rotate-editor-view .direction-area .direction:hover{border-color:var(--selected-color)}.csseditor .rotate-editor-view .direction-area .direction[data-value=top-left]{left:15%;top:15%}.csseditor .rotate-editor-view .direction-area .direction[data-value=top-right]{left:85%;top:15%}.csseditor .rotate-editor-view .direction-area .direction[data-value=bottom-left]{top:85%;left:15%}.csseditor .rotate-editor-view .direction-area .direction[data-value=bottom-right]{top:85%;left:85%}.csseditor .rotate-editor-view .direction-area .direction[data-value=top]{left:50%;height:10px}.csseditor .rotate-editor-view .direction-area .direction[data-value=left]{top:50%;width:10px}.csseditor .rotate-editor-view .direction-area .direction[data-value=right]{top:50%;left:100%}.csseditor .rotate-editor-view .direction-area .direction[data-value=bottom]{left:50%;top:100%}.csseditor .rotate-editor-view .rotate-area{position:absolute;left:0px;right:0px;top:0px;bottom:0px;border:1px solid var(--selected-color);border-radius:100%;pointer-events:all;cursor:move}.csseditor .rotate-editor-view .rotate-area .rotate-container{position:absolute;left:20px;right:20px;top:20px;bottom:20px;transform-style:preserve-3d;pointer-events:none;perspective:1000px}.csseditor .rotate-editor-view .rotate-area .rotate-container[style=""] .rotate-item,.csseditor .rotate-editor-view .rotate-area .rotate-container:not([style]) .rotate-item{border:1px solid var(--font-color);border-radius:0px}.csseditor .rotate-editor-view .rotate-area .rotate-container[style=""] .rotate-x,.csseditor .rotate-editor-view .rotate-area .rotate-container:not([style]) .rotate-x{transform:rotateX(89deg) translateZ(0px)}.csseditor .rotate-editor-view .rotate-area .rotate-container[style=""] .rotate-y,.csseditor .rotate-editor-view .rotate-area .rotate-container:not([style]) .rotate-y{transform:rotateY(89deg) translateZ(0px)}.csseditor .rotate-editor-view .rotate-area .rotate-item{position:absolute;left:0px;top:0px;bottom:0px;right:0px;border-radius:100%;background-color:rgba(255,255,255,.4)}.csseditor .rotate-editor-view .rotate-area .rotate-x{transform:rotateX(90deg) translateZ(0px);border:5px solid var(--rotate-x-border-color)}.csseditor .rotate-editor-view .rotate-area .rotate-y{transform:rotateY(90deg) translateZ(0px);border:5px solid var(--rotate-y-border-color)}.csseditor .page-canvas{position:absolute;width:500px;height:400px;background-color:#fff}.csseditor .drag-area-rect{pointer-events:none;position:absolute;border:.5px solid var(--drag-area-rect-border-color);background-color:var(--drag-area-rect-background-color);box-sizing:border-box;left:-10000px}.csseditor .canvas-view{position:absolute;transform-origin:left top;left:0px;top:0px;width:100%;height:100%}.csseditor .canvas-view svg.element-item{pointer-events:none}.csseditor .canvas-view svg.element-item>*{pointer-events:stroke}.csseditor .canvas-view svg.element-item>:not([fill=transparent]){pointer-events:visible}.csseditor .canvas-view .element-item[contenteditable=true]{outline:none}.csseditor .canvas-view .element-item:hover:not(.selected){outline:1px double #4040fc}.csseditor .canvas-view .element-item>svg:hover>path{stroke:#4040fc}.csseditor .canvas-view .element-item>svg:hover>text{fill:#4040fc}.csseditor .canvas-view .element-item.artboard:before{content:attr(data-title);position:absolute;left:0px;top:-15px;font-size:12px;color:var(--page-view-element-artboard-title-color);display:inline-block}.csseditor .canvas-view .element-item.artboard:hover{outline:none}.csseditor .selection-view{pointer-events:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor .selection-view.empty>*{display:none}.csseditor .selection-pointer{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none}.csseditor .selection-pointer .marker{position:absolute;left:0px;top:0px;width:10px;height:10px;margin-left:-5px;margin-top:-5px;background-color:#000;border-radius:100%}.csseditor .selection-pointer .marker[data-index="1"]{background-color:var(--selected-color)}.csseditor .selection-pointer .marker[data-index="2"]{background-color:var(--border-color)}.csseditor .selection-pointer .marker[data-index="3"]{background-color:var(--border-color)}.csseditor .selection-pointer .marker[data-index="4"]{background-color:var(--border-color)}.csseditor .selection-tool{border:#d6d6d6 1px dashed;position:absolute}.csseditor .selection-tool.editing-path,.csseditor .selection-tool.editing-polygon{display:none !important}.csseditor .selection-tool.path .selection-tool-item[data-position=path],.csseditor .selection-tool.textpath .selection-tool-item[data-position=path],.csseditor .selection-tool.polygon .selection-tool-item[data-position=path]{top:-30px;bottom:auto;left:50%;right:auto;transform:translate(-50%, -50%);background-color:rgba(255,255,255,.8);border:1px solid var(--border-color);opacity:1}.csseditor .selection-tool[data-selected-position=move] [data-position=move]:before{opacity:1}.csseditor .selection-tool[data-selected-position=rotate3d] [data-position=rotate3d]:before{opacity:1}.csseditor .selection-tool[data-selected-position="to right"] [data-position="to right"]:before{opacity:1}.csseditor .selection-tool[data-selected-position="to left"] [data-position="to left"]:before{opacity:1}.csseditor .selection-tool[data-selected-position="to top"] [data-position="to top"]:before{opacity:1}.csseditor .selection-tool[data-selected-position="to bottom"] [data-position="to bottom"]:before{opacity:1}.csseditor .selection-tool[data-selected-position="to top left"] [data-position="to top left"]:before{opacity:1}.csseditor .selection-tool[data-selected-position="to top right"] [data-position="to top right"]:before{opacity:1}.csseditor .selection-tool[data-selected-position="to bottom left"] [data-position="to bottom left"]:before{opacity:1}.csseditor .selection-tool[data-selected-position="to bottom right"] [data-position="to bottom right"]:before{opacity:1}.csseditor .selection-tool[data-is-layout-container=true][data-layout-container=flex]{border:2px solid #4fdc4f}.csseditor .selection-tool[data-is-layout-container=true][data-layout-container=grid]{border:2px solid #e46363}.csseditor .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position=move],.csseditor .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to top"],.csseditor .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to top left"],.csseditor .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to top right"],.csseditor .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to bottom"],.csseditor .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to bottom left"],.csseditor .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to bottom right"],.csseditor .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to left"],.csseditor .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to right"]{display:none}.csseditor .selection-tool .selection-tool-item{position:absolute;transform:translate(-50%, -50%);display:inline-block;width:10px;height:10px;background-color:var(--selected-color);border:1px solid #4075d6;pointer-events:all;cursor:pointer}.csseditor .selection-tool .selection-tool-item:not([data-position=move]){border-radius:100%;box-sizing:border-box;border:1px solid #fff}.csseditor .selection-tool .selection-tool-item:before{opacity:0;content:attr(data-position-text);position:absolute;color:#fff;white-space:nowrap;text-align:center;background-color:rgba(51,51,51,.8);border-radius:3px;border:var(--border-color);transition:opacity .3s linear;padding:4px 10px;font-size:12px;pointer-events:none}.csseditor .selection-tool .selection-tool-item[data-position=move]{left:0px;top:0px;width:auto;height:20px;transform:translate(0%, -100%);cursor:move;background-color:var(--selected-color);border:1px solid var(--selected-color);box-sizing:border-box;display:inline-block;vertical-align:middle;padding-right:5px;overflow:hidden;color:var(--selected-font-color)}.csseditor .selection-tool .selection-tool-item[data-position=move]:before{left:0px;top:0px;transform:translate(-100%, calc(-100% - 5px))}.csseditor .selection-tool .selection-tool-item[data-position=move] svg{width:15px;height:15px}.csseditor .selection-tool .selection-tool-item[data-position=move] span{vertical-align:middle;color:var(--selected-font-color);font-size:11px}.csseditor .selection-tool .selection-tool-item[data-position=path]{left:0px;top:0px;width:20px;height:20px;cursor:move;transform:none;border-radius:0px;background-color:transparent;border:0px;opacity:0}.csseditor .selection-tool .selection-tool-item[data-position=path]:before{left:50%;top:50%;transform:translate(-50%, -50%)}.csseditor .selection-tool .selection-tool-item[data-position=path] svg{width:100%;height:100%}.csseditor .selection-tool .selection-tool-item[data-position="to top"]{left:0px;top:-2px;right:0px;height:2px;width:auto;transform:none;background-color:transparent;border:0px;cursor:ns-resize}.csseditor .selection-tool .selection-tool-item[data-position="to bottom"]{left:0px;bottom:-2px;right:0px;height:2px;width:auto;transform:none;background-color:transparent;border:0px;cursor:ns-resize}.csseditor .selection-tool .selection-tool-item[data-position="to right"]{bottom:0px;right:-2px;top:0px;height:auto;width:2px;transform:none;background-color:transparent;border:0px;cursor:ew-resize}.csseditor .selection-tool .selection-tool-item[data-position="to left"]{bottom:0px;left:-2px;top:0px;height:auto;width:2px;transform:none;background-color:transparent;border:0px;cursor:ew-resize}.csseditor .selection-tool .selection-tool-item[data-position="to top left"]{left:0px;top:0px;cursor:nwse-resize;transform:translate(-50%, -50%)}.csseditor .selection-tool .selection-tool-item[data-position="to top right"]{left:100%;top:0px;cursor:nesw-resize;transform:translate(-50%, -50%)}.csseditor .selection-tool .selection-tool-item[data-position="to bottom left"]{left:0px;top:100%;cursor:nesw-resize;transform:translate(-50%, -50%)}.csseditor .selection-tool .selection-tool-item[data-position="to bottom right"]{left:100%;top:100%;cursor:nwse-resize;transform:translate(-50%, -50%)}.csseditor .guide-line-view{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none;overflow:visible;transform:translate(0.5px, 0.5px)}.csseditor .guide-line-view line{stroke-width:1}.csseditor .guide-line-view line.base-line{stroke:var(--selected-color)}.csseditor .guide-line-view line.base-rect{stroke:var(--guide-line-rect-color)}.csseditor .guide-line-view text{font-size:10px;fill:var(--guide-font-color);text-shadow:0px 2px 2px rgba(183,183,183,.5)}.csseditor .guide-line-view text.text-center{text-anchor:middle}.csseditor .property{padding:10px 10px;border-top:1px solid var(--property-border-color);background-color:var(--background-color);color:var(--font-color);display:none}.csseditor .property:first-child{border-top:0px}.csseditor .property .group{position:relative}.csseditor .property .add-timeline-property{position:absolute;left:0px;top:50%;display:inline-block;vertical-align:middle;width:7px;height:7px;box-shadow:0 0 0 1px var(--border-color);background-color:var(--border-color);cursor:pointer;transform:translateY(-50%) rotate(45deg)}.csseditor .property .add-timeline-property:hover{box-shadow:0 0 0 1px var(--selected-color);background-color:var(--selected-color)}.csseditor .property.full{height:100%;display:flex;flex-direction:column}.csseditor .property.full.show{height:100%}.csseditor .property.full .property-title{flex:none;height:30px}.csseditor .property.full.managed-tool>.property-title{grid-template-columns:290px 1fr}.csseditor .property.full.managed-tool>.property-title label{padding-left:10px}.csseditor .property.full.managed-tool>.property-title .tools{text-align:left;display:none}.csseditor .property.full.managed-tool>.property-title .tools>*{flex:1 1 auto}.csseditor .property.full .property-body{flex:1 1 auto;overflow:auto;position:relative}.csseditor .property.show>.property-title>label .icon{transform:rotate(90deg);display:inline-block}.csseditor .property.show>.property-body{display:block;padding:0px 0px 0px 0px}.csseditor .property>.property-title{padding:2px 0px 4px 0px;height:30px;line-height:2;cursor:pointer;position:relative;font-size:11px;font-weight:400;display:grid;grid-template-columns:1fr 100px;cursor:pointer;border-bottom:0px solid var(--property-border-color);color:var(--font-color)}.csseditor .property>.property-title.filter{grid-template-columns:1fr 110px}.csseditor .property>.property-title svg{width:16px;height:16px}.csseditor .property>.property-title label{padding-left:2px;vertical-align:middle;cursor:pointer;line-height:2.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csseditor .property>.property-title label .icon{display:inline-block;transition:all linear .1s}.csseditor .property>.property-title label.has-keyframe{padding-left:12px}.csseditor .property>.property-title>.tools{text-align:right;vertical-align:middle;line-height:2.3}.csseditor .property>.property-title>.tools>*{flex:none}.csseditor .property>.property-title>.tools select{min-width:80px;max-width:80px}.csseditor .property>.property-body{display:none;padding:0px;background-color:var(--background-color)}.csseditor .property>.property-body .property-item{font-size:11px;padding:3px 0px}.csseditor .property>.property-body .property-item:first-child{padding-top:0px}.csseditor .property>.property-body .property-item.animation-property-item{display:grid;grid-template-columns:14px 1fr;grid-column-gap:2px}.csseditor .property>.property-body .property-item.animation-property-item.has-label{grid-template-columns:100px 1fr}.csseditor .property>.property-body .property-item.animation-property-item.has-label .group{padding-left:12px;padding-top:5px;vertical-align:middle}.csseditor .property>.property-body .property-item.animation-property-item.full{display:block}.csseditor .property>.property-body .property-item.animation-property-item.full .group{padding-left:14px;vertical-align:middle}.csseditor .property>.property-body .property-item.label label{font-weight:900;text-shadow:2px 2px 3px var(--border-color)}.csseditor .property>.property-footer{padding:0px 6px;font-size:12px}.csseditor .property>.property-footer>div{margin-bottom:5px}.csseditor .property>.property-footer label{width:60px;display:inline-block;cursor:pointer;padding-left:2px;padding-right:5px;vertical-align:middle}.csseditor .border-editor .header{display:grid;grid-template-columns:repeat(3, 1fr) 24px;grid-column-gap:4px;text-align:center;font-size:10px;text-transform:uppercase}.csseditor .border-editor>.editor-area{padding:5px 0px}.csseditor .border-editor>.editor-area>div{margin-top:5px}.csseditor .border-editor>.editor-area>div:first-child{margin-top:0px}.csseditor .border-editor>.editor-area>div>label{padding:2px 0px;text-transform:uppercase;font-weight:bold;text-shadow:0px 0px 2px var(--border-color)}.csseditor .border-editor .input-group{display:grid;grid-template-rows:repeat(3, 1fr)}.csseditor .border-editor .input-field{display:grid;grid-template-columns:1fr 3fr;grid-column-gap:4px;vertical-align:middle}.csseditor .border-editor .input-field input{width:100%;vertical-align:middle}.csseditor .border-editor .input-field .input-ui{vertical-align:middle}.csseditor .border-value-editor{display:grid;grid-template-columns:40px 1fr 1fr 24px;grid-column-gap:4px}.csseditor .border-value-editor label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0px;font-size:11px}.csseditor .border-slice-item{display:grid;grid-template-columns:50px 1fr;grid-column-gap:2px}.csseditor .border-slice-item.full{grid-template-columns:1fr}.csseditor .border-slice-item .slice-selector{display:grid;grid-template-columns:1fr 1fr}.csseditor .border-slice-item .slice-selector[data-selected-value=all] button[data-value=all]{color:#fff;background-color:#000}.csseditor .border-slice-item .slice-selector[data-selected-value=partitial] button[data-value=partitial]{color:#fff;background-color:#000}.csseditor .border-slice-item .slice-selector button{flex:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;width:20px;height:20px;display:inline-block;vertical-align:middle;margin-right:2px;border-radius:3px;cursor:pointer;outline:none;padding:0px;border:0px;color:var(--border-color)}.csseditor .border-slice-item .slice-selector button svg{width:100%;height:100%}.csseditor .border-slice-item .slice-setting-box{display:grid;grid-template-columns:repeat(1, 1fr);grid-column-gap:4px;grid-row-gap:2px}.csseditor .border-slice-item .slice-setting-box>div>label{display:inline-block;vertical-align:middle;margin-right:2px;cursor:pointer;outline:none;position:relative;margin-top:2px;text-align:right}.csseditor .border-slice-item .slice-setting-box>div>label.title{font-weight:bold;text-align:left}.csseditor .border-image-item{display:grid;height:30px;grid-template-columns:30px 1fr !important;grid-column-gap:5px;margin-bottom:5px;text-align:center}.csseditor .border-image-item .gradient-info{display:grid;grid-template-columns:50px 1fr 28px}.csseditor .border-image-item .gradient-info .tools{text-align:right}.csseditor .border-image-item .preview{display:grid;cursor:pointer;padding:2px}.csseditor .border-image-item .preview .mini-view{display:block;height:100%;pointer-events:none;border-radius:100%;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor .border-image-item .preview .mini-view .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;border-radius:100%}.csseditor .border-image-item .fill-title{pointer-events:none;display:inline-block;vertical-align:middle;text-align:left;padding:4px 0px}.csseditor .border-image-item .fill-title svg{width:16px;height:16px;vertical-align:middle}.csseditor .border-image-item .colorsteps{text-align:left;padding:5px 0px;height:100%}.csseditor .border-image-item .colorsteps .step{border:1px solid #333;display:inline-block;margin-left:-5px;width:16px;height:16px;border-radius:100%;cursor:pointer;position:relative}.csseditor .border-image-item .colorsteps .step:first-child{margin-left:0px}.csseditor .border-image-item .colorsteps .step[data-selected=true]:before{content:"";position:absolute;width:3px;height:3px;display:inline-block;left:50%;transform:translateX(-50%) translateY(-5px);border-radius:100%;background-color:#000}.csseditor .border-image-item .tools{line-height:2}.csseditor .box-model-item{grid-template-columns:1fr !important}.csseditor .box-model-item>div{position:relative;width:100%;height:150px}.csseditor .box-model-item>div .margin{position:absolute;left:5px;top:5px;right:5px;bottom:5px;padding:10px;border:1px dashed #aaa}.csseditor .box-model-item>div .margin:before{content:attr(data-title);position:absolute;left:2px;top:2px;display:inline-block}.csseditor .box-model-item>div .margin input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.csseditor .box-model-item>div .margin [data-value=top]{display:inline-block;position:absolute;top:2px;left:50%;transform:translateX(-50%);width:30px}.csseditor .box-model-item>div .margin [data-value=bottom]{display:inline-block;position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:30px}.csseditor .box-model-item>div .margin [data-value=left]{display:inline-block;position:absolute;top:50%;left:2px;transform:translateY(-50%);width:30px}.csseditor .box-model-item>div .margin [data-value=right]{display:inline-block;position:absolute;top:50%;right:2px;transform:translateY(-50%);width:30px}.csseditor .box-model-item>div .padding{position:absolute;left:40px;top:30px;right:40px;bottom:30px;padding:20px 30px;border:1px dashed #aaa}.csseditor .box-model-item>div .padding::before{content:attr(data-title);position:absolute;left:2px;top:2px;display:inline-block}.csseditor .box-model-item>div .padding input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.csseditor .box-model-item>div .padding [data-value=top]{display:inline-block;position:absolute;top:2px;left:50%;transform:translateX(-50%);width:30px}.csseditor .box-model-item>div .padding [data-value=bottom]{display:inline-block;position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:30px}.csseditor .box-model-item>div .padding [data-value=left]{display:inline-block;position:absolute;top:50%;left:2px;transform:translateY(-50%);width:30px}.csseditor .box-model-item>div .padding [data-value=right]{display:inline-block;position:absolute;top:50%;right:2px;transform:translateY(-50%);width:30px}.csseditor .box-model-item>div .content{position:absolute;left:75px;top:54px;right:75px;bottom:54px;padding:10px 0px;border:1px dashed #aaa}.csseditor .box-model-item>div .content:before{content:attr(title);padding:5px 0px;text-align:center;display:block}.csseditor .content-item{grid-template-columns:1fr !important;padding:0px 4px !important}.csseditor .content-item textarea{width:100%;height:100px;border:1px solid var(--border-color);border-radius:3px}.csseditor .transition-list{grid-template-columns:1fr !important}.csseditor .transition-list .transition-item{display:grid;grid-template-columns:30px 1fr 20px;grid-column-gap:4px;padding:5px 0px}.csseditor .transition-list .transition-item.selected{background-color:var(--border-color)}.csseditor .transition-list .transition-item .timing{border-radius:3px;background-color:var(--animation-item-background-color);width:100%;height:30px;vertical-align:middle;cursor:pointer}.csseditor .transition-list .transition-item .timing canvas{border-radius:3px}.csseditor .transition-list .transition-item .labels{margin-top:4px;text-align:left;vertical-align:middle;padding:5px}.csseditor .transition-list .transition-item .labels label{padding:1px 3px;border-radius:2px;font-weight:bold;background-color:var(--border-color)}.csseditor .transition-list .transition-item .labels label small{color:var(--font-color)}.csseditor .transition-list .transition-item .labels label.property{font-size:11px;font-weight:normal;border-bottom:0px}.csseditor .transition-list .transition-item .tools{vertical-align:middle;text-align:right;padding-top:8px}.csseditor .animation-list{grid-template-columns:1fr !important}.csseditor .animation-list .animation-item{display:grid;grid-template-columns:30px 1fr 20px;grid-column-gap:4px;padding:5px 0px;text-align:center}.csseditor .animation-list .animation-item.selected{background-color:var(--border-color)}.csseditor .animation-list .animation-item .name{padding:2px 0px;text-align:left;vertical-align:middle}.csseditor .animation-list .animation-item .timing{border-radius:3px;background-color:var(--animation-item-background-color);width:100%;height:30px;vertical-align:middle;cursor:pointer;margin-top:3px}.csseditor .animation-list .animation-item .timing canvas{border-radius:3px}.csseditor .animation-list .animation-item .labels label{background-color:var(--border-color);padding:1px 2px;border-radius:2px;color:var(--border-color);text-transform:uppercase;font-weight:bold}.csseditor .animation-list .animation-item .labels label small{color:var(--font-color);text-transform:lowercase}.csseditor .animation-list .animation-item .labels label.play-state{background-color:transparent;cursor:pointer}.csseditor .animation-list .animation-item .labels label.play-state [data-play-state-value]{vertical-align:middle;display:none;color:var(--font-color)}.csseditor .animation-list .animation-item .labels label.play-state [data-play-state-value] svg{width:16px;height:16px}.csseditor .animation-list .animation-item .labels label.play-state [data-play-state-value=pause]{color:red}.csseditor .animation-list .animation-item .labels label.play-state[data-play-state-selected-value=paused] [data-play-state-value=paused]{display:inline-block}.csseditor .animation-list .animation-item .labels label.play-state[data-play-state-selected-value=running] [data-play-state-value=running]{display:inline-block}.csseditor .animation-list .animation-item .tools{vertical-align:middle;text-align:right}.csseditor .keyframe-list{display:block}.csseditor .keyframe-list .keyframe-item{border:1px solid var(--border-color);margin-bottom:5px;padding:5px;cursor:pointer}.csseditor .keyframe-list .keyframe-item:first-child{margin-top:5px}.csseditor .keyframe-list .keyframe-item.selected{background-color:var(--border-color)}.csseditor .keyframe-list .keyframe-item[data-selected-value=list] button[data-type=list]{background-color:var(--selected-color);color:var(--border-color)}.csseditor .keyframe-list .keyframe-item[data-selected-value=list] .keyframe-code[data-type=list]{display:block}.csseditor .keyframe-list .keyframe-item[data-selected-value=code] button[data-type=code]{background-color:var(--selected-color);color:var(--border-color)}.csseditor .keyframe-list .keyframe-item[data-selected-value=code] .keyframe-code[data-type=code]{display:block}.csseditor .keyframe-list .keyframe-item .title{display:grid;grid-template-columns:1fr 60px;height:20px}.csseditor .keyframe-list .keyframe-item .title .name{padding:2px 0px}.csseditor .keyframe-list .keyframe-item .title .tools{vertical-align:middle;text-align:right}.csseditor .keyframe-list .keyframe-item .title .tools .group{display:inline-block}.csseditor .keyframe-list .keyframe-item pre{white-space:pre-wrap;margin:0px}.csseditor .keyframe-list .keyframe-item .keyframe-code{display:none}.csseditor .keyframe-list .keyframe-item .keyframe-code>.offset{display:grid;grid-template-columns:30px 1fr;margin-top:2px;font-size:12px}.csseditor .keyframe-list .keyframe-item .keyframe-code .offset-property-item{display:grid;grid-template-columns:1fr 1fr;text-align:left}.csseditor .keyframe-list .keyframe-item .keyframe-code .offset-property-item label{font-weight:bold;color:var(--font-color);padding-left:10px}.csseditor .keyframe-list .keyframe-item .offset-list{padding:0px 10px;height:20px}.csseditor .keyframe-list .keyframe-item .offset-list .container{position:relative;background-image:linear-gradient(to right, var(--border-color), black);background-size:100% 2px;background-repeat:no-repeat;background-position:0px center;height:100%}.csseditor .keyframe-list .keyframe-item .offset-list .container .offset{width:10px;height:10px;background-color:#fff;border-radius:100%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);vertical-align:middle;border:1px solid var(--border-color)}.csseditor .code-view-item{grid-template-columns:1fr !important;width:100%}.csseditor .code-view-item>div{width:100%;max-width:100%}.csseditor .code-view-item>div label{padding-left:10px}.csseditor .code-view-item>div pre{white-space:pre-wrap;padding:20px 8px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;border:1px solid var(--border-color);position:relative;margin-top:0px;font-size:13px}.csseditor .code-view-item>div pre::before{content:attr(title);position:absolute;display:inline-block;background-color:var(--selected-color);color:var(--selected-font-color);left:0px;top:0px;padding:2px 4px}.csseditor .code-view-item>div pre strong{color:var(--selected-color)}.csseditor .clip-path-list{grid-template-columns:1fr !important}.csseditor .clip-path-list .clippath-item{display:grid;grid-template-columns:1fr;grid-column-gap:4px;margin-bottom:5px;padding:5px 6px;cursor:pointer}.csseditor .clip-path-list .clippath-item.selected,.csseditor .clip-path-list .clippath-item:hover{background-color:var(--selected-color)}.csseditor .clip-path-list .clippath-item .title{display:grid;grid-template-columns:1fr 20px}.csseditor .clip-path-list .clippath-item .title .name{padding:2px 0px}.csseditor .clip-path-list .clippath-item .title .tools{vertical-align:middle;text-align:right}.csseditor .clip-path-list .clippath-item .offset-list{padding:0px 10px;height:30px}.csseditor .clip-path-list .clippath-item .offset-list .container{position:relative;background-image:linear-gradient(to right, var(--border-color), black);background-size:100% 2px;background-repeat:no-repeat;background-position:0px center;height:100%}.csseditor .clip-path-list .clippath-item .offset-list .container .offset{width:10px;height:10px;background-color:#000;border-radius:100%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);vertical-align:middle}.csseditor .clip-path-list .clippath-item .offset-list .container .offset:hover:before{display:inline-block;content:attr(data-title);position:absolute;left:50%;bottom:100%;padding:1px 3px;text-align:center;background-color:#4e3b3b;border-radius:3px;color:#fff;transform:translateX(-50%);white-space:nowrap}.csseditor .selector-list{grid-template-columns:1fr !important}.csseditor .selector-list .selector-item{display:grid;grid-template-columns:1fr;grid-column-gap:4px;margin-bottom:5px;padding:5px;cursor:pointer;height:30px}.csseditor .selector-list .selector-item:first-child{margin-top:5px}.csseditor .selector-list .selector-item.selected{background-color:var(--border-color)}.csseditor .selector-list .selector-item .title{display:grid;grid-template-columns:1fr 20px;height:20px}.csseditor .selector-list .selector-item .title .name{padding:2px 0px}.csseditor .selector-list .selector-item .title .name span{padding:2px 4px;font-weight:bold;border-radius:3px;background-color:var(--selected-color);color:var(--selected-font-color)}.csseditor .selector-list .selector-item .title .tools{vertical-align:middle;text-align:right}.csseditor .project-list{margin:0px !important}.csseditor .project-list .project-item{padding:5px 7px !important;cursor:pointer}.csseditor .project-list .project-item .detail{display:grid;grid-template-columns:1fr 60px;grid-column-gap:3px}.csseditor .project-list .project-item .detail label{padding:2px 0px;font-size:12px}.csseditor .project-list .project-item .detail .tools{text-align:right}.csseditor .project-list .project-item.selected{background-color:var(--list-item-selected-color);color:var(--selected-font-color)}.csseditor .artboard-list{height:100%;overflow:auto;padding:0px;margin:0px !important}.csseditor .artboard-list .artboard-item{color:var(--list-item-font-color);padding:5px 7px !important;margin-bottom:0px !important;display:grid;grid-template-columns:20px 1fr;grid-column-gap:4px;border-radius:4px}.csseditor .artboard-list .artboard-item .detail{display:grid;grid-template-columns:1fr 60px;grid-column-gap:3px}.csseditor .artboard-list .artboard-item .detail label{padding:2px 0px;font-size:12px;vertical-align:middle}.csseditor .artboard-list .artboard-item .detail .tools{text-align:right}.csseditor .artboard-list .artboard-item.selected{background-color:var(--list-item-selected-color);color:var(--selected-font-color)}.csseditor .artboard-list .artboard-item.selected .tools button{color:var(--selected-font-color)}.csseditor .artboard-list .artboard-item[data-layout=flex] .detail [data-layout-title]:after,.csseditor .artboard-list .artboard-item[data-layout=grid] .detail [data-layout-title]:after{content:"";display:inline-block;width:10px;height:10px;vertical-align:middle;margin-left:5px;border-radius:3px}.csseditor .artboard-list .artboard-item[data-layout=flex] .detail [data-layout-title]:after{background-color:#44a344}.csseditor .artboard-list .artboard-item[data-layout=grid] .detail [data-layout-title]:after{background-color:var(--selected-color)}.csseditor .layer-list{height:100%;overflow:auto;padding:0px;margin:0px !important}.csseditor .layer-list .layer-item{color:var(--list-item-font-color);padding:5px 7px !important;margin-bottom:0px !important;border-radius:4px}.csseditor .layer-list .layer-item[data-depth="0"] .detail label{padding-left:0px}.csseditor .layer-list .layer-item[data-depth="1"] .detail label{padding-left:20px}.csseditor .layer-list .layer-item[data-depth="2"] .detail label{padding-left:40px}.csseditor .layer-list .layer-item[data-depth="3"] .detail label{padding-left:60px}.csseditor .layer-list .layer-item[data-depth="4"] .detail label{padding-left:80px}.csseditor .layer-list .layer-item[data-depth="5"] .detail label{padding-left:100px}.csseditor .layer-list .layer-item[data-depth="6"] .detail label{padding-left:120px}.csseditor .layer-list .layer-item[data-depth="7"] .detail label{padding-left:140px}.csseditor .layer-list .layer-item[data-depth="8"] .detail label{padding-left:160px}.csseditor .layer-list .layer-item[data-depth="9"] .detail label{padding-left:180px}.csseditor .layer-list .layer-item[data-depth="10"] .detail label{padding-left:200px}.csseditor .layer-list .layer-item[data-depth="11"] .detail label{padding-left:220px}.csseditor .layer-list .layer-item[data-depth="12"] .detail label{padding-left:240px}.csseditor .layer-list .layer-item[data-depth="13"] .detail label{padding-left:260px}.csseditor .layer-list .layer-item[data-depth="14"] .detail label{padding-left:280px}.csseditor .layer-list .layer-item[data-depth="15"] .detail label{padding-left:300px}.csseditor .layer-list .layer-item[data-depth="16"] .detail label{padding-left:320px}.csseditor .layer-list .layer-item[data-depth="17"] .detail label{padding-left:340px}.csseditor .layer-list .layer-item[data-depth="18"] .detail label{padding-left:360px}.csseditor .layer-list .layer-item[data-depth="19"] .detail label{padding-left:380px}.csseditor .layer-list .layer-item[data-depth="20"] .detail label{padding-left:400px}.csseditor .layer-list .layer-item[data-depth="21"] .detail label{padding-left:420px}.csseditor .layer-list .layer-item[data-depth="22"] .detail label{padding-left:440px}.csseditor .layer-list .layer-item[data-depth="23"] .detail label{padding-left:460px}.csseditor .layer-list .layer-item[data-depth="24"] .detail label{padding-left:480px}.csseditor .layer-list .layer-item[data-depth="25"] .detail label{padding-left:500px}.csseditor .layer-list .layer-item[data-depth="26"] .detail label{padding-left:520px}.csseditor .layer-list .layer-item[data-depth="27"] .detail label{padding-left:540px}.csseditor .layer-list .layer-item[data-depth="28"] .detail label{padding-left:560px}.csseditor .layer-list .layer-item[data-depth="29"] .detail label{padding-left:580px}.csseditor .layer-list .layer-item[data-depth="30"] .detail label{padding-left:600px}.csseditor .layer-list .layer-item[data-depth="31"] .detail label{padding-left:620px}.csseditor .layer-list .layer-item[data-depth="32"] .detail label{padding-left:640px}.csseditor .layer-list .layer-item[data-depth="33"] .detail label{padding-left:660px}.csseditor .layer-list .layer-item[data-depth="34"] .detail label{padding-left:680px}.csseditor .layer-list .layer-item[data-depth="35"] .detail label{padding-left:700px}.csseditor .layer-list .layer-item[data-depth="36"] .detail label{padding-left:720px}.csseditor .layer-list .layer-item[data-depth="37"] .detail label{padding-left:740px}.csseditor .layer-list .layer-item[data-depth="38"] .detail label{padding-left:760px}.csseditor .layer-list .layer-item[data-depth="39"] .detail label{padding-left:780px}.csseditor .layer-list .layer-item[data-is-hide=true]{display:none}.csseditor .layer-list .layer-item[data-is-group=true] .detail .folder{display:inline-block;vertical-align:middle;transition:transform .3s linear;transform:rotate(90deg)}.csseditor .layer-list .layer-item[data-is-group=true] .detail .folder.collapsed{transform:rotate(0deg)}.csseditor .layer-list .layer-item .detail{display:grid;grid-template-columns:1fr 80px;grid-column-gap:3px}.csseditor .layer-list .layer-item .detail .folder{display:none}.csseditor .layer-list .layer-item .detail svg path{fill:var(--list-item-font-color)}.csseditor .layer-list .layer-item .detail label{padding:2px 0px;cursor:pointer;pointer-events:all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;vertical-align:middle}.csseditor .layer-list .layer-item .detail label svg path{fill:currentColor}.csseditor .layer-list .layer-item .detail .tools{text-align:right}.csseditor .layer-list .layer-item .detail .tools .visible{color:var(--border-color)}.csseditor .layer-list .layer-item .detail .tools .visible[data-visible=true]{color:var(--font-color)}.csseditor .layer-list .layer-item .detail .tools .lock{color:var(--font-color)}.csseditor .layer-list .layer-item .detail .tools .lock[data-lock=true]{color:var(--border-color)}.csseditor .layer-list .layer-item.selected{background-color:var(--list-item-selected-color)}.csseditor .layer-list .layer-item.selected .detail .name{color:var(--selected-font-color)}.csseditor .layer-list .layer-item.selected .detail .tools svg path{fill:var(--selected-font-color)}.csseditor .layer-list .layer-item[data-layout=flex] .detail [data-layout-title]:after,.csseditor .layer-list .layer-item[data-layout=grid] .detail [data-layout-title]:after{content:"";display:inline-block;width:10px;height:10px;vertical-align:middle;margin-left:5px;border-radius:3px}.csseditor .layer-list .layer-item[data-layout=flex] .detail [data-layout-title]:after{background-color:#44a344}.csseditor .layer-list .layer-item[data-layout=grid] .detail [data-layout-title]:after{background-color:var(--selected-color)}.csseditor .layer-list .drag-start{opacity:.3}.csseditor .layer-list+.drag-point{position:absolute;border:1px solid var(--selected-color);pointer-events:none}.csseditor .color-assets-property .color-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor .color-assets-property .color-list-tools button{padding:2px 10px;border:1px solid var(--border-color)}.csseditor .color-assets-property .color-list-tools[data-view-mode=list] button[data-value=list]{background-color:var(--selected-border-color);border-color:var(--selected-border-color);background-image:none;color:var(--selected-font-color)}.csseditor .color-assets-property .color-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:var(--selected-border-color);border-color:var(--selected-border-color);background-image:none;color:var(--selected-font-color)}.csseditor .color-assets-property .color-list{padding:5px;overflow:auto;max-height:300px}.csseditor .color-assets-property .color-list .color-view{pointer-events:none}.csseditor .color-assets-property .color-list[data-view-mode=grid]{display:block}.csseditor .color-assets-property .color-list[data-view-mode=grid] .add-color-item{display:inline-block;width:25px;height:25px;position:relative;border:1px solid var(--selected-color);color:var(--font-color);vertical-align:top;cursor:pointer;text-align:center;padding-top:3px}.csseditor .color-assets-property .color-list[data-view-mode=grid] .color-item{display:inline-block;width:25px;position:relative;vertical-align:middle;margin-right:1px;margin-bottom:1px}.csseditor .color-assets-property .color-list[data-view-mode=grid] .color-item:hover[data-custom=true] .tools{display:inline-block}.csseditor .color-assets-property .color-list[data-view-mode=grid] .color-item .preview{position:relative;width:100%;height:25px;cursor:pointer}.csseditor .color-assets-property .color-list[data-view-mode=grid] .color-item .preview .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor .color-assets-property .color-list[data-view-mode=grid] .color-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;padding:2px;color:var(--selected-font-color)}.csseditor .color-assets-property .color-list[data-view-mode=grid] .color-item .tools button{width:10px;height:10px;color:var(--selected-font-color)}.csseditor .color-assets-property .color-list[data-view-mode=grid] .color-item .tools svg{width:100%;height:100%}.csseditor .property.color-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor .gradient-assets-property .gradient-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor .gradient-assets-property .gradient-list-tools button{padding:2px 10px;border:1px solid var(--border-color)}.csseditor .gradient-assets-property .gradient-list-tools[data-view-mode=list] button[data-value=list]{background-color:var(--selected-border-color);border-color:var(--selected-border-color);background-image:none;color:var(--selected-font-color)}.csseditor .gradient-assets-property .gradient-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:var(--selected-border-color);border-color:var(--selected-border-color);background-image:none;color:var(--selected-font-color)}.csseditor .gradient-assets-property .gradient-list{padding:5px}.csseditor .gradient-assets-property .gradient-list .gradient-view{pointer-events:none}.csseditor .gradient-assets-property .gradient-list[data-view-mode=grid]{display:block}.csseditor .gradient-assets-property .gradient-list[data-view-mode=grid] .add-gradient-item{display:inline-block;width:25px;position:relative;height:25px;border:1px solid var(--selected-color);vertical-align:top;cursor:pointer;text-align:center;padding-top:2px;color:var(--font-color)}.csseditor .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item{display:inline-block;width:25px;position:relative;vertical-align:middle;margin-right:1px;margin-bottom:1px}.csseditor .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item:hover[data-custom=true] .tools{display:inline-block}.csseditor .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .preview{position:relative;width:100%;height:25px;cursor:pointer;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .preview .gradient-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .tools{position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px}.csseditor .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .tools button{width:10px;height:10px;color:var(--selected-font-color)}.csseditor .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .tools svg{width:100%;height:100%}.csseditor .property.gradient-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor .pattern-assets-property .pattern-list{padding:5px;max-height:240px;overflow:auto}.csseditor .pattern-assets-property .pattern-list .pattern-view{pointer-events:none}.csseditor .pattern-assets-property .pattern-list[data-view-mode=grid]{display:block}.csseditor .pattern-assets-property .pattern-list[data-view-mode=grid] .add-pattern-item{display:inline-block;width:60px;position:relative;height:60px;border:1px solid var(--selected-color);vertical-align:top;cursor:pointer;text-align:center;padding-top:2px;color:var(--font-color)}.csseditor .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item{display:block;position:relative;margin-bottom:3px}.csseditor .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item:hover[data-custom=true] .tools{display:inline-block}.csseditor .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item .preview{position:relative;width:100%;height:60px;cursor:pointer}.csseditor .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item .preview .pattern-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;background-color:#fff}.csseditor .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item .tools{position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:var(--selected-font-color)}.csseditor .property.pattern-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor .svgfilter-assets-property .svgfilter-assets{padding:5px}.csseditor .svgfilter-assets-property .svgfilter-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor .svgfilter-assets-property .svgfilter-list-tools button{padding:2px 10px;border:1px solid var(--border-color)}.csseditor .svgfilter-assets-property .svgfilter-list-tools[data-view-mode=list] button[data-value=list]{background-color:var(--selected-border-color);border-color:var(--selected-border-color);background-image:none;color:var(--selected-font-color)}.csseditor .svgfilter-assets-property .svgfilter-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:var(--selected-border-color);border-color:var(--selected-border-color);background-image:none;color:var(--selected-font-color)}.csseditor .svgfilter-assets-property .svgfilter-list{padding:5px}.csseditor .svgfilter-assets-property .svgfilter-list .svgfilter-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none;background-image:radial-gradient(yellow 0%, red 100%)}.csseditor .svgfilter-assets-property .svgfilter-list[data-view-mode=grid]{display:block}.csseditor .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .add-svgfilter-item{display:inline-block;width:66px;position:relative;height:66px;border:1px solid var(--selected-color);border-radius:2px;vertical-align:top;cursor:pointer;text-align:center;padding:20px;color:var(--font-color)}.csseditor .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .add-svgfilter-item button svg{width:20px;height:20px}.csseditor .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item{display:inline-block;width:66px;position:relative;margin-right:2px;margin-bottom:4px;vertical-align:middle}.csseditor .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item:hover .tools{display:inline-block}.csseditor .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .preview{position:relative;width:100%;height:66px;border:1px solid #e6e6e6;border-radius:2px;cursor:pointer}.csseditor .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .title{position:relative;width:100%;display:grid;grid-template-columns:1fr;grid-row-gap:4px;padding:4px 0px}.csseditor .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .title input{width:100%}.csseditor .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:var(--selected-font-color)}.csseditor .svgpath-assets-property .svgpath-list .svgpath-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none;background-image:radial-gradient(yellow 0%, red 100%)}.csseditor .svgpath-assets-property .svgpath-list[data-view-mode=grid]{display:block}.csseditor .svgpath-assets-property .svgpath-list[data-view-mode=grid] .add-svgpath-item{display:inline-block;width:80px;position:relative;margin-right:4px;margin-bottom:4px;height:80px;border:1px solid var(--border-color);border-radius:2px;vertical-align:top;cursor:pointer;text-align:center;padding:24px}.csseditor .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item{display:inline-block;width:80px;position:relative;margin-right:4px;margin-bottom:4px;vertical-align:middle}.csseditor .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item:hover .tools{display:inline-block}.csseditor .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item .preview{position:relative;width:100%;height:80px;border:1px solid var(--border-color);border-radius:2px;cursor:pointer}.csseditor .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item .title{position:relative;width:100%;display:grid;grid-template-columns:1fr;grid-row-gap:4px;padding:4px 0px}.csseditor .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item .title input{width:100%}.csseditor .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:var(--selected-font-color)}.csseditor .property.svgpath-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor .alignment-item{display:grid;grid-template-columns:repeat(8, 1fr);grid-column-gap:2px;height:30px}.csseditor .alignment-item button{width:16px;height:16px;background-color:transparent;background-image:none;border:0px;box-shadow:none}.csseditor .alignment-item button[data-no-title=true] .title{display:none}.csseditor .alignment-item .title{font-size:9px;color:#999}.csseditor .alignment-item .icon{margin:0 auto;width:24px;height:24px;color:var(--selected-color) !important}.csseditor .alignment-item .icon svg{width:100%;height:100%}.csseditor .image-assets-property .image-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor .image-assets-property .image-list-tools button{padding:2px 10px;border:1px solid var(--border-color)}.csseditor .image-assets-property .image-list-tools[data-view-mode=list] button[data-value=list]{background-color:var(--selected-border-color);border-color:var(--selected-border-color);background-image:none;color:var(--selected-font-color)}.csseditor .image-assets-property .image-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:var(--selected-border-color);border-color:var(--selected-border-color);background-image:none;color:var(--selected-font-color)}.csseditor .image-assets-property .image-list{padding:5px}.csseditor .image-assets-property .image-list .image-view{pointer-events:none}.csseditor .image-assets-property .image-list[data-view-mode=grid]{display:block}.csseditor .image-assets-property .image-list[data-view-mode=grid] .add-image-item{display:inline-block;width:66px;position:relative;height:66px;border:1px solid var(--selected-color);border-radius:2px;vertical-align:top;cursor:pointer;text-align:center;padding:20px;color:var(--font-color)}.csseditor .image-assets-property .image-list[data-view-mode=grid] .add-image-item input[type=file]{position:absolute;left:0px;top:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;display:inline-block;opacity:0;pointer-events:all;cursor:pointer}.csseditor .image-assets-property .image-list[data-view-mode=grid] .add-image-item button{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none;cursor:pointer}.csseditor .image-assets-property .image-list[data-view-mode=grid] .add-image-item svg{width:24px;height:24px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);cursor:pointer}.csseditor .image-assets-property .image-list[data-view-mode=grid] .image-item{display:inline-block;width:66px;position:relative;margin-bottom:4px;vertical-align:middle}.csseditor .image-assets-property .image-list[data-view-mode=grid] .image-item:hover .tools{display:inline-block}.csseditor .image-assets-property .image-list[data-view-mode=grid] .image-item .preview{position:relative;width:100%;height:66px;border:1px solid #e6e6e6;border-radius:2px;cursor:pointer;line-height:80px;text-align:center;overflow:hidden}.csseditor .image-assets-property .image-list[data-view-mode=grid] .image-item .preview img{border:0px;max-width:100%;vertical-align:middle}.csseditor .image-assets-property .image-list[data-view-mode=grid] .image-item .title{position:relative;width:100%;display:grid;grid-template-columns:1fr;padding:4px 0px}.csseditor .image-assets-property .image-list[data-view-mode=grid] .image-item .title input{width:100%}.csseditor .image-assets-property .image-list[data-view-mode=grid] .image-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:var(--selected-font-color)}.csseditor .property.image-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor .video-assets-property .video-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor .video-assets-property .video-list-tools button{padding:2px 10px;border:1px solid var(--border-color)}.csseditor .video-assets-property .video-list-tools[data-view-mode=list] button[data-value=list]{background-color:var(--selected-border-color);border-color:var(--selected-border-color);background-image:none;color:var(--selected-font-color)}.csseditor .video-assets-property .video-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:var(--selected-border-color);border-color:var(--selected-border-color);background-image:none;color:var(--selected-font-color)}.csseditor .video-assets-property .video-list{padding:5px}.csseditor .video-assets-property .video-list .video-view{pointer-events:none}.csseditor .video-assets-property .video-list[data-view-mode=grid]{display:block}.csseditor .video-assets-property .video-list[data-view-mode=grid] .add-video-item{display:inline-block;width:66px;position:relative;height:66px;border:1px solid var(--selected-color);border-radius:2px;vertical-align:top;cursor:pointer;text-align:center;padding:20px;color:var(--font-color)}.csseditor .video-assets-property .video-list[data-view-mode=grid] .add-video-item input[type=file]{position:absolute;left:0px;top:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;display:inline-block;opacity:0;pointer-events:all;cursor:pointer}.csseditor .video-assets-property .video-list[data-view-mode=grid] .add-video-item button{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none;cursor:pointer}.csseditor .video-assets-property .video-list[data-view-mode=grid] .add-video-item svg{width:24px;height:24px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);cursor:pointer}.csseditor .video-assets-property .video-list[data-view-mode=grid] .video-item{display:inline-block;width:66px;position:relative;margin-bottom:4px;vertical-align:middle}.csseditor .video-assets-property .video-list[data-view-mode=grid] .video-item:hover .tools{display:inline-block}.csseditor .video-assets-property .video-list[data-view-mode=grid] .video-item .preview{position:relative;width:100%;height:66px;border:1px solid #e6e6e6;border-radius:2px;cursor:pointer;line-height:80px;text-align:center;overflow:hidden}.csseditor .video-assets-property .video-list[data-view-mode=grid] .video-item .preview img{border:0px;max-width:100%;vertical-align:middle}.csseditor .video-assets-property .video-list[data-view-mode=grid] .video-item .title{position:relative;width:100%;display:grid;grid-template-columns:1fr;padding:4px 0px}.csseditor .video-assets-property .video-list[data-view-mode=grid] .video-item .title input{width:100%}.csseditor .video-assets-property .video-list[data-view-mode=grid] .video-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:var(--selected-font-color)}.csseditor .property.video-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor .timeline-animation-list{height:100%;overflow:auto;padding:0px;margin:0px !important}.csseditor .timeline-animation-list .timeline-animation-item{color:var(--list-item-font-color);padding:2px 7px !important;margin-bottom:0px !important;display:grid;grid-template-columns:20px 1fr;grid-column-gap:4px;cursor:pointer}.csseditor .timeline-animation-list .timeline-animation-item .detail{display:grid;grid-template-columns:1fr 60px;grid-column-gap:3px}.csseditor .timeline-animation-list .timeline-animation-item .detail label{padding:2px 0px;cursor:pointer}.csseditor .timeline-animation-list .timeline-animation-item .detail .tools{text-align:right}.csseditor .timeline-animation-list .timeline-animation-item.selected{background-color:var(--list-item-selected-color);color:var(--selected-font-color)}.csseditor .project-info{margin:0px !important;padding:10px 0px}.csseditor .project-info .project-info-item{margin-bottom:5px}.csseditor .project-info input,.csseditor .project-info textarea{width:100%}.csseditor .project-info .input input{height:24px}.csseditor .artboard-size-list .property-body{padding:0px !important}.csseditor .artboard-size-list .artboard-size-item{border-top:1px solid var(--border-color)}.csseditor .artboard-size-list .category{height:26px;border-bottom:1px solid var(--border-color);line-height:2}.csseditor .artboard-size-list .category .title{color:var(--font-color);pointer-events:none;padding:0px 10px}.csseditor .artboard-size-list .group-item{background-color:var(--border-color);height:24px;border-bottom:1px solid var(--border-color);line-height:1.8}.csseditor .artboard-size-list .group-item .title{color:var(--font-color);pointer-events:none;text-transform:uppercase;padding:0px 10px}.csseditor .artboard-size-list .device-item{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;font-size:12px;cursor:pointer;height:26px;border-bottom:1px solid var(--border-color);line-height:2.3}.csseditor .artboard-size-list .device-item .title{color:var(--font-color);pointer-events:none;padding-left:20px}.csseditor .artboard-size-list .device-item .size{pointer-events:none;text-align:right;padding-right:10px;letter-spacing:2px;color:#bdbdbd}.csseditor .path-data-property .property-body>div{padding:10px 0px}.csseditor .export-item{display:grid;grid-template-columns:60px 1fr;grid-column-gap:2px;padding:10px 6px;font-size:12px}.csseditor .export-item label{vertical-align:middle}.csseditor .export-item button{width:100%;text-align:left;background-color:transparent;background-image:none;border:0px;box-shadow:none;vertical-align:middle}.csseditor .export-item button svg{width:16px;vertical-align:middle}.csseditor .library-items{padding:10px}.csseditor .library-items .group .title{padding:10px 0px !important}.csseditor .library-items .group.path .list{display:grid;grid-template-columns:repeat(5, 50px) !important}.csseditor .library-items .group.path .list .path-item{width:50px;height:50px;cursor:pointer;color:var(--font-color)}.csseditor .library-items .group.path .list .path-item:hover{background-color:var(--list-item-selected-color)}.csseditor .shape-inside-list{grid-template-columns:1fr !important}.csseditor .shape-inside-list .shapeinside-item{display:grid;grid-template-columns:1fr;grid-column-gap:4px;margin-bottom:5px;padding:5px 6px;cursor:pointer}.csseditor .shape-inside-list .shapeinside-item.selected,.csseditor .shape-inside-list .shapeinside-item:hover{background-color:var(--selected-color)}.csseditor .shape-inside-list .shapeinside-item .title{display:grid;grid-template-columns:1fr 20px}.csseditor .shape-inside-list .shapeinside-item .title .name{padding:2px 0px}.csseditor .shape-inside-list .shapeinside-item .title .tools{vertical-align:middle;text-align:right}.csseditor .shape-inside-list .shapeinside-item .offset-list{padding:0px 10px;height:30px}.csseditor .shape-inside-list .shapeinside-item .offset-list .container{position:relative;background-image:linear-gradient(to right, var(--border-color), black);background-size:100% 2px;background-repeat:no-repeat;background-position:0px center;height:100%}.csseditor .shape-inside-list .shapeinside-item .offset-list .container .offset{width:10px;height:10px;background-color:#000;border-radius:100%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);vertical-align:middle}.csseditor .shape-inside-list .shapeinside-item .offset-list .container .offset:hover:before{display:inline-block;content:attr(data-title);position:absolute;left:50%;bottom:100%;padding:1px 3px;text-align:center;background-color:#4e3b3b;border-radius:3px;color:#fff;transform:translateX(-50%);white-space:nowrap}.csseditor .component-items{padding:10px 10px}.csseditor .component-items .group>label{font-size:13px;font-weight:bold;display:block;padding:10px 0px;color:var(--selected-color)}.csseditor .component-items .group .list{display:grid;grid-template-columns:1fr 1fr;row-gap:5px;margin-bottom:10px}.csseditor .component-items .group .list .menu-item{width:100%;height:30px;position:relative;line-height:24px;border-radius:3px;text-align:left;padding:0px 5px}.csseditor .component-items .group .list .menu-item:hover{background-color:var(--selected-color);color:var(--selected-font-color)}.csseditor .component-items .group .list .menu-item.selected{color:var(--selected-color)}.csseditor .component-items .group .list .menu-item .icon{display:inline-block;vertical-align:middle}.csseditor .component-items .group .list .menu-item .icon.flipY{transform:rotateY(-180deg)}.csseditor .component-items .group .list .menu-item .title{display:inline-block;text-align:left;padding-left:10px;padding-top:2px;vertical-align:middle}.csseditor .component-items .group .list .item{height:80px;cursor:pointer;text-align:center;box-sizing:border-box;border:1px solid var(--font-color);color:var(--font-color)}.csseditor .component-items .group .list .item .icon{width:50px;height:50px;text-align:center;display:inline-block}.csseditor .component-items .group .list .item svg{width:100%;height:100%}.csseditor .layout-property .layout-list>[data-value]{display:none}.csseditor .layout-property .layout-list>[data-value].selected{display:block}.csseditor .layout-property .layout-list[data-selected-value=default] [data-value=default]{display:block}.csseditor .layout-property .layout-list[data-selected-value=flex] [data-value=flex]{display:block}.csseditor .layout-property .layout-list[data-selected-value=grid] [data-value=grid]{display:block}.csseditor .layout-property .layout-list .label{padding:10px 0px}.csseditor .flex-layout-item-property .layout-list>[data-value]{display:none}.csseditor .flex-layout-item-property .layout-list>[data-value].selected{display:block}.csseditor .flex-layout-item-property .layout-list[data-selected-value=none] [data-value=none]{display:block}.csseditor .flex-layout-item-property .layout-list[data-selected-value=auto] [data-value=auto]{display:block}.csseditor .flex-layout-item-property .layout-list[data-selected-value=value] [data-value=value]{display:block}.csseditor .flex-layout-item-property .layout-list .value-item{margin-top:5px}.csseditor .grid-layout-item-property .layout-list>[data-value]{display:none}.csseditor .grid-layout-item-property .layout-list>[data-value].selected{display:block}.csseditor .grid-layout-item-property .layout-list[data-selected-value=none] [data-value=none]{display:block}.csseditor .grid-layout-item-property .layout-list[data-selected-value=value] [data-value=value]{display:block}.csseditor .grid-layout-item-property .layout-list .value-item{margin-top:5px;display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:4px}.csseditor .shortcut-items{padding:10px}.csseditor .shortcut-items .shortcut-item{border:1px solid var(--selected-color);margin-bottom:10px;border-radius:4px;background-color:var(--border-color);padding:5px}.csseditor .shortcut-items .shortcut-item .command{display:grid;grid-template-columns:1fr auto}.csseditor .shortcut-items .shortcut-item .command label{font-size:11px}.csseditor .shortcut-items .shortcut-item .command span{font-size:11px}.csseditor .shortcut-items .shortcut-item .command kbd{font-size:11px;font-weight:bold;background-color:rgba(255,255,255,.1);padding:1px 3px;border-radius:5px}.csseditor .shortcut-items .shortcut-item .when{color:gray;font-size:10px;text-align:right}.csseditor .video-property .divider{height:1px;width:30px;margin:10px auto;background-color:var(--divider-color)}.csseditor .video-property .play-control{display:grid;grid-template-columns:70px 1fr;grid-column-gap:5px}.csseditor .video-property .play-control button[data-value]{width:auto;display:none;font-size:11px;vertical-align:middle;text-align:left}.csseditor .video-property .play-control[data-selected-value=play] button[data-value=play]{display:inline-block}.csseditor .video-property .play-control[data-selected-value=pause] button[data-value=pause]{display:inline-block}.csseditor .video-property .volume-control{display:grid;grid-template-columns:20px 1fr;grid-column-gap:2px}.csseditor .video-property .volume-control span[data-value]{display:none;color:var(--font-color);width:16px;height:16px;vertical-align:middle}.csseditor .video-property .volume-control span[data-value] svg{width:100%;height:100%}.csseditor .video-property .volume-control span[data-value] svg path{fill:currentColor}.csseditor .video-property .volume-control[data-selected-value=muted] span[data-value=muted]{display:inline-block}.csseditor .video-property .volume-control[data-selected-value=down] span[data-value=down]{display:inline-block}.csseditor .video-property .volume-control[data-selected-value=up] span[data-value=up]{display:inline-block}.csseditor .cubic-bezier-editor{width:228px;height:200px;position:relative;margin:0 auto}.csseditor .cubic-bezier-editor .bezier{position:absolute;width:150px;height:150px;top:30px;left:60px;border:1px solid var(--border-color);background-color:var(--background-color)}.csseditor .cubic-bezier-editor .bezier .bezier-canvas{position:absolute;left:-25px;top:-25px;pointer-events:none}.csseditor .cubic-bezier-editor .bezier .control{position:absolute;left:5px;right:5px;bottom:5px;top:5px}.csseditor .cubic-bezier-editor .bezier .control .pointer1,.csseditor .cubic-bezier-editor .bezier .control .pointer2{position:absolute;width:10px;height:10px;transform:translateX(-50%) translateY(-50%);border-radius:100%;cursor:pointer;background-color:var(--selected-color);border:1px solid var(--selected-color)}.csseditor .cubic-bezier-editor .animation{position:absolute;top:0px;left:0px;right:0px;height:20px;text-align:center}.csseditor .cubic-bezier-editor .animation .animation-canvas{position:relative;width:100%;height:100%;cursor:pointer}.csseditor .cubic-bezier-editor .item-list{position:absolute;top:30px;bottom:20px;left:0px;width:50px;padding-right:0px}.csseditor .cubic-bezier-editor .item-list[data-selected-value=ease] .item[data-bezier=ease]{background-color:rgba(0,0,0,.2)}.csseditor .cubic-bezier-editor .item-list[data-selected-value=ease-in] .item[data-bezier=ease-in]{background-color:rgba(0,0,0,.2)}.csseditor .cubic-bezier-editor .item-list[data-selected-value=ease-out] .item[data-bezier=ease-out]{background-color:rgba(0,0,0,.2)}.csseditor .cubic-bezier-editor .item-list .item{position:relative;width:40px;height:40px;border-radius:5px;margin-bottom:5px;cursor:pointer;background-color:rgba(var(--selected-color), 0.1)}.csseditor .cubic-bezier-editor .item-list .item:not(:first-child){border-top:0px}.csseditor .cubic-bezier-editor .item-list .item.selected{background-color:#0ab}.csseditor .cubic-bezier-editor .item-list .item .item-canvas{position:absolute;top:5px;left:5px;width:30px;height:30px}.csseditor .cubic-bezier-editor .predefined{position:absolute;bottom:0px;left:0px;right:0px;height:20px;text-align:center;display:grid;grid-template-columns:30px 1fr 30px}.csseditor .cubic-bezier-editor .predefined .left,.csseditor .cubic-bezier-editor .predefined .right{font-size:14px;font-weight:bold;cursor:pointer;vertical-align:middle;color:var(--font-color)}.csseditor .cubic-bezier-editor .predefined .predefined-text{vertical-align:middle;padding:4px;color:var(--font-color)}.csseditor .color-view-editor{display:grid;grid-template-columns:40px 1fr;grid-column-gap:5px;text-align:center}.csseditor .color-view-editor.has-label{grid-template-columns:60px 40px 1fr;grid-column-gap:5px}.csseditor .color-view-editor.has-label label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0px;line-height:1.6;font-size:11px}.csseditor .color-view-editor .preview{display:inline-block;vertical-align:middle;cursor:pointer;text-align:right;padding:3px;border-radius:2px;background-color:var(--color-view-background-color)}.csseditor .color-view-editor .preview .mini-view{width:100%;height:100%;display:inline-block;position:relative;vertical-align:middle;border-radius:2px;overflow:hidden;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor .color-view-editor .preview .mini-view .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor .color-view-editor .color-code{vertical-align:middle}.csseditor .color-view-editor .color-code input{width:100%;height:24px;padding:0px 3px;border-radius:3px}.csseditor .color-view-editor .color-code input.focused{box-shadow:0 0 0 1px var(--selected-color)}.csseditor .color-single-editor{height:19px;text-align:center;width:100%;height:24px}.csseditor .color-single-editor .preview{height:100%}.csseditor .color-single-editor .preview .mini-view{height:100%;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;border:1px solid var(--border-color)}.csseditor .color-single-editor .preview .mini-view .color-view{cursor:pointer;height:100%}.csseditor .range-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;height:24px}.csseditor .range-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor .range-editor.has-label.is-removable{grid-template-columns:60px 1fr 12px}.csseditor .range-editor.has-label label{text-align:left;vertical-align:middle;padding:7px 0px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor .range-editor.has-label.block{display:block}.csseditor .range-editor.has-label.block label{display:block;color:var(--font-color)}.csseditor .range-editor.is-removable{grid-template-columns:1fr 12px}.csseditor .range-editor.is-removable .remove{display:inline-block;margin-top:3px}.csseditor .range-editor .remove{display:none}.csseditor .range-editor .range-editor-type{display:grid;vertical-align:middle;grid-template-columns:1fr 70px;grid-column-gap:4px;height:24px}.csseditor .range-editor .range-editor-type .area{display:grid;grid-template-columns:1fr 24px;font-size:13px;border-radius:3px;border:1px solid transparent}.csseditor .range-editor .range-editor-type .area.focused{border:1px solid var(--selected-color);border-radius:3px}.csseditor .range-editor .range-editor-type .area span{padding:1px;vertical-align:middle}.csseditor .range-editor .range-editor-type .area input,.csseditor .range-editor .range-editor-type .area select{width:100%;background-color:transparent;border:0px}.csseditor .range-editor .range-editor-type .area input[type=range]{width:95%}.csseditor .range-editor .range-editor-type .area input[type=number]{padding:2px 2px;border-right:0px;border-bottom:1px solid var(--input-border-color);border-left:1px solid var(--input-border-color);border-top:1px solid var(--input-border-color);text-align:left;background-color:var(--input-background-color);border-top-left-radius:3px;border-bottom-left-radius:3px}.csseditor .range-editor .range-editor-type .area .select-editor{text-align:right;background-color:var(--input-background-color);position:relative;box-sizing:border-box;border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:0px;border-bottom-left-radius:0px}.csseditor .range-editor .range-editor-type .area .select-editor select{position:absolute;right:0px;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-left:0px;text-align:center;padding:0px;width:24px;height:100%;color:#7a7a7a;background-color:transparent;border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:0px;border-bottom-left-radius:0px;border-bottom:1px solid var(--input-border-color);border-top:1px solid var(--input-border-color);border-right:1px solid var(--input-border-color)}.csseditor .number-range-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;height:24px}.csseditor .number-range-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor .number-range-editor.has-label.is-removable{grid-template-columns:60px 1fr 12px}.csseditor .number-range-editor.has-label label{text-align:left;vertical-align:middle;padding:7px 0px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor .number-range-editor.has-label.block{display:block}.csseditor .number-range-editor.has-label.block label{display:block}.csseditor .number-range-editor.is-removable{grid-template-columns:1fr 12px}.csseditor .number-range-editor.is-removable .remove{display:inline-block}.csseditor .number-range-editor .remove{display:none}.csseditor .number-range-editor .range-editor-type{vertical-align:middle;height:24px}.csseditor .number-range-editor .range-editor-type .area{display:grid;grid-template-columns:1fr 70px;grid-column-gap:3px;font-size:13px;height:100%}.csseditor .number-range-editor .range-editor-type .area span{padding:1px;vertical-align:middle}.csseditor .number-range-editor .range-editor-type .area input{width:100%}.csseditor .number-range-editor .range-editor-type .area input[type=number]{border-radius:3px}.csseditor .number-range-editor .range-editor-type .area input[type=number].focused{box-shadow:0 0 0 1px var(--selected-color)}.csseditor .number-range-editor .range-editor-type .area select{width:100%;color:#7a7a7a}.csseditor .input-range-editor{display:grid;grid-template-columns:1fr;height:24px;border-radius:3px}.csseditor .input-range-editor.focused{box-shadow:0 0 0 1px var(--selected-color)}.csseditor .input-range-editor.has-label{grid-template-columns:60px 1fr}.csseditor .input-range-editor.has-label.is-removable{grid-template-columns:60px 1fr 12px}.csseditor .input-range-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 0px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor .input-range-editor.has-label.block{display:block}.csseditor .input-range-editor.has-label.block label{display:block;color:rgba(0,0,0,.7)}.csseditor .input-range-editor.is-removable{grid-template-columns:1fr 12px}.csseditor .input-range-editor.is-removable .remove{display:inline-block}.csseditor .input-range-editor .type-button,.csseditor .input-range-editor .remove{display:none}.csseditor .input-range-editor .range-editor-type{vertical-align:middle;height:24px}.csseditor .input-range-editor .range-editor-type .area{font-size:13px;display:grid;grid-template-columns:1fr 30px;height:100%}.csseditor .input-range-editor .range-editor-type .area span{padding:1px;vertical-align:middle}.csseditor .input-range-editor .range-editor-type .area input,.csseditor .input-range-editor .range-editor-type .area select{width:100%}.csseditor .input-range-editor .range-editor-type .area input[type=number]{padding:2px 2px;border-right:0px;border-top-left-radius:3px;border-bottom-left-radius:3px}.csseditor .input-range-editor .range-editor-type .area .select-editor select{border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:0px;border-bottom-left-radius:0px;background-color:var(--input-background-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;height:100%;padding:0px 4px;border-left:0px;color:#7a7a7a;border-bottom:1px solid var(--input-border-color);border-top:1px solid var(--input-border-color);border-right:1px solid var(--input-border-color)}.csseditor .text-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px}.csseditor .text-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor .text-editor.has-label label{vertical-align:middle;padding:2px 4px 2px 0px}.csseditor .text-editor input[type=text]{border:1px solid var(--border-color)}.csseditor .select-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;position:relative;height:24px;box-sizing:border-box}.csseditor .select-editor select{font-size:11px;border:1px solid var(--border-color)}.csseditor .select-editor select:focus-within{border:1px solid var(--selected-color)}.csseditor .select-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor .select-editor.has-label label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor .select-editor.has-label select{width:100%;height:100%}.csseditor .css-property-editor{margin-top:10px;margin-bottom:5px;display:grid;grid-template-columns:1fr !important}.csseditor .css-property-editor.hide-title>.title{display:none}.csseditor .css-property-editor.hide-title .css-property-item>.title label{display:none}.csseditor .css-property-editor.hide-refresh .css-property-item .title-2{display:none}.csseditor .css-property-editor .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor .css-property-editor .title .tools{text-align:right}.csseditor .css-property-editor .title .tools select{width:130px !important;display:inline-block}.csseditor .css-property-editor>.title-2{display:none;text-align:right}.csseditor .css-property-editor .css-property-item>.title{grid-template-columns:1fr 30px;background-color:transparent;color:var(--selected-color);border-radius:3px;padding:3px 0px;margin-bottom:2px;font-weight:900}.csseditor .css-property-editor .css-property-item .value-editor{padding:2px}.csseditor .css-property-editor .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor .css-property-editor .input.grid-1{grid-template-columns:1fr}.csseditor .css-property-editor .input.grid-2{grid-template-columns:3fr 1fr}.csseditor .background-image-editor .label{height:20px;margin-top:2px}.csseditor .background-image-editor .label.hide{display:none}.csseditor .background-image-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor .background-image-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor .background-image-editor .fill-list{display:grid;grid-template-columns:1fr;font-size:12px}.csseditor .background-image-editor .fill-list .fill-item{display:grid;grid-template-columns:24px 24px 1fr;grid-column-gap:5px;text-align:center;padding:6px 0px}.csseditor .background-image-editor .fill-list .fill-item.selected{background-color:var(--border-color)}.csseditor .background-image-editor .fill-list .fill-item .gradient-info{display:grid;grid-template-columns:60px 1fr 20px}.csseditor .background-image-editor .fill-list .fill-item .gradient-info .tools{text-align:right}.csseditor .background-image-editor .fill-list .fill-item[data-fill-type=gradient] .colorcode,.csseditor .background-image-editor .fill-list .fill-item[data-fill-type=gradient] .opacity{display:none}.csseditor .background-image-editor .fill-list .fill-item[data-fill-type=gradient] .colorsteps{display:block}.csseditor .background-image-editor .fill-list .fill-item .pattern{background-color:var(--border-color);border-radius:3px}.csseditor .background-image-editor .fill-list .fill-item .preview{display:grid;cursor:pointer}.csseditor .background-image-editor .fill-list .fill-item .preview .mini-view{display:block;height:24px;pointer-events:none;border-radius:3px;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor .background-image-editor .fill-list .fill-item .preview .mini-view .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;border-radius:3px}.csseditor .background-image-editor .fill-list .fill-item .fill-title{pointer-events:none;display:inline-block;vertical-align:middle;text-align:left;padding:4px 0px}.csseditor .background-image-editor .fill-list .fill-item .fill-title svg{width:16px;height:16px;vertical-align:middle}.csseditor .background-image-editor .fill-list .fill-item .colorcode input{width:100%}.csseditor .background-image-editor .fill-list .fill-item .colorsteps{display:none;text-align:left;height:100%;padding-top:6px}.csseditor .background-image-editor .fill-list .fill-item .colorsteps .step{border:1px solid var(--selected-color);display:inline-block;margin-left:-6px;width:12px;height:12px;border-radius:100%;cursor:pointer;position:relative;overflow:hidden;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor .background-image-editor .fill-list .fill-item .colorsteps .step .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none}.csseditor .background-image-editor .fill-list .fill-item .colorsteps .step[data-cut=true]{border-radius:0%}.csseditor .background-image-editor .fill-list .fill-item .colorsteps .step:first-child{margin-left:0px}.csseditor .background-image-editor .fill-list .fill-item .colorsteps .step[data-selected=true]:before{content:"";position:absolute;width:3px;height:3px;display:inline-block;left:50%;transform:translateX(-50%) translateY(-5px);border-radius:100%;background-color:#000}.csseditor .border-radius-editor .border-radius-item{display:grid;grid-template-columns:80px 1fr}.csseditor .border-radius-editor .border-radius-item.full{grid-template-columns:1fr}.csseditor .border-radius-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr}.csseditor .border-radius-editor .radius-selector[data-selected-value=all] button[data-value=all]{background-color:var(--border-radius-selected-color);color:var(--selected-font-color)}.csseditor .border-radius-editor .radius-selector[data-selected-value=partitial] button[data-value=partitial]{background-color:var(--border-radius-selected-color);color:var(--selected-font-color)}.csseditor .border-radius-editor .radius-selector button{margin:2px;width:20px;height:20px;border-radius:3px}.csseditor .border-radius-editor .radius-setting-box>div{margin-bottom:5px}.csseditor .transform-editor .label{height:20px;margin-top:2px}.csseditor .transform-editor .label.hide{display:none}.csseditor .transform-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor .transform-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor .transform-editor .tools select{width:100px !important;display:inline-block}.csseditor .transform-editor .transform-list{width:100%;display:grid !important;grid-template-columns:1fr !important}.csseditor .transform-editor .transform-list .transform-item{display:block}.csseditor .transform-editor .transform-list .transform-item .title{display:grid;grid-template-columns:60px 1fr 18px;color:var(--font-color);border-radius:3px;margin:3px 0px}.csseditor .transform-editor .transform-list .transform-item .title label{font-size:12px;padding:6px 5px;cursor:move;color:var(--font-color);vertical-align:middle;display:inline-block}.csseditor .transform-editor .transform-list .transform-item .title label span{font-weight:bold;border-radius:3px;padding:0px;display:inline-block;min-width:10px;vertical-align:middle}.csseditor .transform-editor .transform-list .transform-item .title .transform-menu{text-align:right;padding:5px 0px}.csseditor .transform-editor .transform-list .transform-item .transform-ui{display:block;margin-bottom:2px;margin-top:2px}.csseditor .transform-editor .transform-list .transform-item .transform-ui .scale>div{margin-bottom:5px}.csseditor .transform-editor .transform-list .transform-item .transform-ui pre{margin-top:3px;margin-bottom:3px}.csseditor .transform-editor .transform-list .transform-item .transform-ui .translate3d{display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:5px;padding:0px 2px}.csseditor .transform-editor .transform-list .transform-item .transform-ui .matrix{display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:5px;padding:0px 2px}.csseditor .transform-editor .transform-list .transform-item .transform-ui .matrix3d{display:grid;grid-template-columns:repeat(4, 1fr);grid-column-gap:5px;padding:0px 2px}.csseditor .transform-editor .transform-list .transform-item .transform-ui input[type=range]{width:90%}.csseditor .filter-editor .label{height:20px;margin-top:2px}.csseditor .filter-editor .label.hide{display:none}.csseditor .filter-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor .filter-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor .filter-editor .tools select{width:100px !important;display:inline-block}.csseditor .filter-editor .filter-list{width:100%;display:grid !important;grid-template-columns:1fr !important}.csseditor .filter-editor .filter-list .filter-item{display:block;margin-top:5px}.csseditor .filter-editor .filter-list .filter-item:last-child{margin-bottom:5px}.csseditor .filter-editor .filter-list .filter-item .title{display:grid;grid-template-columns:70px 1fr 18px}.csseditor .filter-editor .filter-list .filter-item .title.drop-shadow{grid-template-columns:1fr 18px}.csseditor .filter-editor .filter-list .filter-item .title label{font-size:12px;padding:5px 3px;cursor:move;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;overflow:hidden}.csseditor .filter-editor .filter-list .filter-item .title .svg-filter-edit{cursor:pointer}.csseditor .filter-editor .filter-list .filter-item .title .svg-filter-edit:before{content:"o";text-transform:uppercase;padding:0px 2px;border-radius:3px;margin-right:2px;vertical-align:middle;background-color:var(--selected-color);color:var(--selected-font-color)}.csseditor .filter-editor .filter-list .filter-item .title .filter-menu{text-align:right}.csseditor .filter-editor .filter-list .filter-item .filter-ui{vertical-align:middle;margin-bottom:5px}.csseditor .filter-editor .filter-list .filter-item .filter-ui label{font-size:11px;color:var(--font-color)}.csseditor .filter-editor .filter-list .filter-item .filter-ui.drop-shadow{grid-template-columns:50px 1fr;grid-column-gap:1px}.csseditor .filter-editor .filter-list .filter-item .filter-ui.drop-shadow-color{grid-template-columns:50px 1fr;grid-column-gap:2px}.csseditor .box-shadow-editor{grid-template-columns:1fr !important}.csseditor .box-shadow-editor .label{height:20px;margin-top:2px}.csseditor .box-shadow-editor .label.hide{display:none}.csseditor .box-shadow-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor .box-shadow-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor .box-shadow-editor .tools select{width:100px !important;display:inline-block}.csseditor .box-shadow-editor .shadow-item{height:20px;display:grid;grid-template-columns:20px 20px 1fr 1fr 1fr 1fr 20px;grid-column-gap:5px;text-align:center;margin-top:5px;font-size:12px}.csseditor .box-shadow-editor .shadow-item:last-child{margin-bottom:5px}.csseditor .box-shadow-editor .shadow-item.desc{color:var(--font-color)}.csseditor .box-shadow-editor .shadow-item.desc .color{visibility:hidden}.csseditor .box-shadow-editor .shadow-item .color{cursor:pointer;height:20px;border:1px solid var(--border-color);position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor .box-shadow-editor .shadow-item .color .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor .box-shadow-editor .shadow-item .inset{color:var(--background-color)}.csseditor .box-shadow-editor .shadow-item .inset svg{width:16px;height:16px}.csseditor .box-shadow-editor .shadow-item .inset[data-value=true]{color:var(--selected-color)}.csseditor .box-shadow-editor .shadow-item .offset-x,.csseditor .box-shadow-editor .shadow-item .offset-y,.csseditor .box-shadow-editor .shadow-item .blur-radius,.csseditor .box-shadow-editor .shadow-item .spread-radius,.csseditor .box-shadow-editor .shadow-item .inset{padding:4px 0px}.csseditor .text-shadow-editor{grid-template-columns:1fr !important}.csseditor .text-shadow-editor .label{height:20px}.csseditor .text-shadow-editor .label.hide{display:none}.csseditor .text-shadow-editor .label label{font-size:12px;padding:2px 6px 2px 0px;vertical-align:middle}.csseditor .text-shadow-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor .text-shadow-editor .tools select{width:100px !important;display:inline-block}.csseditor .text-shadow-editor .shadow-item{height:20px;display:grid;grid-template-columns:20px 1fr 1fr 1fr 20px;grid-column-gap:5px;text-align:center;margin-top:5px}.csseditor .text-shadow-editor .shadow-item.desc{color:var(--font-color)}.csseditor .text-shadow-editor .shadow-item.desc .color{visibility:hidden}.csseditor .text-shadow-editor .shadow-item .color{cursor:pointer;height:20px;border:1px solid var(--border-color);position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor .text-shadow-editor .shadow-item .color .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor .text-shadow-editor .shadow-item .offset-x,.csseditor .text-shadow-editor .shadow-item .offset-y,.csseditor .text-shadow-editor .shadow-item .blur-radius,.csseditor .text-shadow-editor .shadow-item .inset{padding:4px 0px}.csseditor .text-shadow-editor .shadow-item .tools{text-align:right}.csseditor .var-editor{grid-template-columns:1fr !important}.csseditor .var-editor .label{height:20px;margin-top:2px}.csseditor .var-editor .label.hide{display:none}.csseditor .var-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor .var-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor .var-editor .var-item{height:24px;display:grid;grid-template-columns:1fr 1fr 30px;grid-column-gap:2px;text-align:center;margin-bottom:5px;margin-top:5px}.csseditor .var-editor .var-item>div input{width:100%;height:100%}.csseditor .var-editor .var-item>div input::-moz-placeholder{color:#9e9e9e}.csseditor .var-editor .var-item>div input:-ms-input-placeholder{color:#9e9e9e}.csseditor .var-editor .var-item>div input::-ms-input-placeholder{color:#9e9e9e}.csseditor .var-editor .var-item>div input::placeholder{color:#9e9e9e}.csseditor .var-editor .var-item .tools{text-align:right}.csseditor .perspective-origin-editor .perspective-origin-item{display:grid;grid-template-columns:80px 1fr}.csseditor .perspective-origin-editor .perspective-origin-item.full{grid-template-columns:1fr}.csseditor .perspective-origin-editor .direction{position:relative;margin:0 auto;margin-bottom:10px;display:grid;grid-template-columns:repeat(9, 1fr)}.csseditor .perspective-origin-editor .direction>div{width:20px;height:20px;display:inline-block;background-color:transparent;border:var(--border-color) 1px solid;cursor:pointer;vertical-align:middle;position:relative}.csseditor .perspective-origin-editor .direction>div:before{pointer-events:none;content:"";background-color:var(--selected-color);width:6px;height:6px;display:inline-block;position:absolute}.csseditor .perspective-origin-editor .direction [data-value=top]:before{top:0px;left:50%;transform:translateX(-50%)}.csseditor .perspective-origin-editor .direction [data-value="top left"]:before{top:0px;left:0px}.csseditor .perspective-origin-editor .direction [data-value="top right"]:before{top:0px;right:0px}.csseditor .perspective-origin-editor .direction [data-value=bottom]:before{bottom:0px;left:50%;transform:translateX(-50%)}.csseditor .perspective-origin-editor .direction [data-value="bottom left"]:before{bottom:0px;left:0px}.csseditor .perspective-origin-editor .direction [data-value="bottom right"]:before{bottom:0px;right:0px}.csseditor .perspective-origin-editor .direction [data-value=left]:before{top:50%;left:0px;transform:translateY(-50%)}.csseditor .perspective-origin-editor .direction [data-value=right]:before{top:50%;right:0px;transform:translateY(-50%)}.csseditor .perspective-origin-editor .direction [data-value=center]:before{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.csseditor .perspective-origin-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr;justify-items:center}.csseditor .perspective-origin-editor .radius-selector[data-selected-value=all] button[data-value=all]{background-color:var(--transform-origin-selected-color);color:var(--selected-font-color)}.csseditor .perspective-origin-editor .radius-selector[data-selected-value=partitial] button[data-value=partitial]{background-color:var(--transform-origin-selected-color);color:var(--selected-font-color)}.csseditor .perspective-origin-editor .radius-selector button{background-image:none;margin:2px;width:20px;height:20px;border-radius:3px}.csseditor .perspective-origin-editor .radius-setting-box{margin-top:5px}.csseditor .perspective-origin-editor .radius-setting-box>div{margin-bottom:5px}.csseditor .transform-origin-editor .transform-origin-item{display:grid;grid-template-columns:62px 1fr}.csseditor .transform-origin-editor .transform-origin-item.full{grid-template-columns:1fr}.csseditor .transform-origin-editor .direction{position:relative;margin:0 auto;margin-bottom:10px;display:grid;grid-template-columns:repeat(9, 1fr)}.csseditor .transform-origin-editor .direction>div{width:20px;height:20px;display:inline-block;background-color:transparent;border:var(--border-color) 1px solid;cursor:pointer;vertical-align:middle;position:relative}.csseditor .transform-origin-editor .direction>div:before{pointer-events:none;content:"";background-color:var(--selected-color);width:6px;height:6px;display:inline-block;position:absolute}.csseditor .transform-origin-editor .direction [data-value=top]:before{top:0px;left:50%;transform:translateX(-50%)}.csseditor .transform-origin-editor .direction [data-value="top left"]:before{top:0px;left:0px}.csseditor .transform-origin-editor .direction [data-value="top right"]:before{top:0px;right:0px}.csseditor .transform-origin-editor .direction [data-value=bottom]:before{bottom:0px;left:50%;transform:translateX(-50%)}.csseditor .transform-origin-editor .direction [data-value="bottom left"]:before{bottom:0px;left:0px}.csseditor .transform-origin-editor .direction [data-value="bottom right"]:before{bottom:0px;right:0px}.csseditor .transform-origin-editor .direction [data-value=left]:before{top:50%;left:0px;transform:translateY(-50%)}.csseditor .transform-origin-editor .direction [data-value=right]:before{top:50%;right:0px;transform:translateY(-50%)}.csseditor .transform-origin-editor .direction [data-value=center]:before{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.csseditor .transform-origin-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr;justify-items:center}.csseditor .transform-origin-editor .radius-selector[data-selected-value=all] button[data-value=all]{background-color:var(--transform-origin-selected-color);color:var(--selected-font-color)}.csseditor .transform-origin-editor .radius-selector[data-selected-value=partitial] button[data-value=partitial]{background-color:var(--transform-origin-selected-color);color:var(--selected-font-color)}.csseditor .transform-origin-editor .radius-selector button{background-image:none;margin:2px;width:20px;height:20px;border-radius:3px}.csseditor .transform-origin-editor .radius-setting-box{margin-top:5px}.csseditor .transform-origin-editor .radius-setting-box>div{margin-bottom:5px}.csseditor .gradient-editor{position:relative}.csseditor .gradient-editor .tools{padding:4px 0px;display:grid;grid-template-columns:1fr 70px;grid-column-gap:4px}.csseditor .gradient-editor [data-editor]{display:none;margin-top:3px}.csseditor .gradient-editor [data-editor]>label{font-size:11px}.csseditor .gradient-editor:not([data-selected-editor*=static-gradient]) [data-editor=gradient],.csseditor .gradient-editor:not([data-selected-editor*=image-resource]) [data-editor=gradient]{display:block}.csseditor .gradient-editor:not([data-selected-editor*=static-gradient]) [data-editor=tools],.csseditor .gradient-editor:not([data-selected-editor*=image-resource]) [data-editor=tools]{display:grid}.csseditor .gradient-editor [data-editor=image-loader]{display:none;pointer-events:all;position:absolute;left:0px;right:0px;top:0px;bottom:0px}.csseditor .gradient-editor [data-editor=image-loader] input[type=file]{width:100%;height:100%;display:block;opacity:0;pointer-events:all}.csseditor .gradient-editor .gradient-preview{width:100%;height:150px;position:relative;margin-bottom:15px;border-radius:3px;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;box-shadow:0 0 10px 1px var(--border-color)}.csseditor .gradient-editor .gradient-preview .gradient-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor .gradient-editor .gradient-preview .drag-pointer{position:absolute;transform:translate(-50%, -50%);width:10px;height:10px;border-radius:100%;display:inline-block;background-color:rgba(230,230,230,.2);pointer-events:none}.csseditor .gradient-editor .gradient-preview .preset-position{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none}.csseditor .gradient-editor .gradient-preview .preset-position>div{pointer-events:all;height:10px;width:10px;position:absolute;display:block;color:var(--font-color);cursor:pointer}.csseditor .gradient-editor .gradient-preview .preset-position>div svg{width:100%;height:100%}.csseditor .gradient-editor .gradient-preview .preset-position [data-value=top]{position:absolute;top:0px;left:50%;transform:translate(-50%, -100%) rotate(-90deg)}.csseditor .gradient-editor .gradient-preview .preset-position [data-value="top left"]{position:absolute;top:0px;left:0%;transform:translate(-100%, -100%) rotate(-135deg)}.csseditor .gradient-editor .gradient-preview .preset-position [data-value="top right"]{position:absolute;top:0px;left:100%;transform:translate(0%, -100%) rotate(-45deg)}.csseditor .gradient-editor .gradient-preview .preset-position [data-value=right]{position:absolute;top:50%;left:100%;transform:translate(0%, -50%)}.csseditor .gradient-editor .gradient-preview .preset-position [data-value=left]{position:absolute;top:50%;left:0%;transform:translate(-100%, -50%) rotate(-180deg)}.csseditor .gradient-editor .gradient-preview .preset-position [data-value=bottom]{position:absolute;top:100%;left:50%;transform:translate(-50%, 0%) rotate(90deg)}.csseditor .gradient-editor .gradient-preview .preset-position [data-value="bottom left"]{position:absolute;top:100%;left:0%;transform:translate(-100%, 0%) rotate(135deg)}.csseditor .gradient-editor .gradient-preview .preset-position [data-value="bottom right"]{position:absolute;top:100%;left:100%;transform:translate(0%, 0%) rotate(45deg)}.csseditor .gradient-editor[data-selected-editor=static-gradient] .static-gradient{background-color:var(--selected-color);color:var(--selected-font-color)}.csseditor .gradient-editor[data-selected-editor=linear-gradient] .linear-gradient{background-color:var(--selected-color);color:var(--selected-font-color)}.csseditor .gradient-editor[data-selected-editor=repeating-linear-gradient] .repeating-linear-gradient{background-color:var(--selected-color);color:var(--selected-font-color)}.csseditor .gradient-editor[data-selected-editor=radial-gradient] .radial-gradient{background-color:var(--selected-color);color:var(--selected-font-color)}.csseditor .gradient-editor[data-selected-editor=repeating-radial-gradient] .repeating-radial-gradient{background-color:var(--selected-color);color:var(--selected-font-color)}.csseditor .gradient-editor[data-selected-editor=conic-gradient] .conic-gradient{background-color:var(--selected-color);color:var(--selected-font-color)}.csseditor .gradient-editor[data-selected-editor=repeating-conic-gradient] .repeating-conic-gradient{background-color:var(--selected-color);color:var(--selected-font-color)}.csseditor .gradient-editor[data-selected-editor=image-resource] .image-resource{background-color:var(--selected-color);color:var(--selected-font-color)}.csseditor .gradient-editor .picker-tab .picker-tab-list{text-align:center;padding:2px 0px}.csseditor .gradient-editor .picker-tab .picker-tab-list .picker-tab-item{display:inline-block;vertical-align:middle;height:20px;width:20px;cursor:pointer;position:relative;border-radius:20%;margin:0px 2px}.csseditor .gradient-editor .picker-tab .picker-tab-list .picker-tab-item .icon{pointer-events:none;border-radius:100%;display:inline-block;width:90%;height:90%;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);color:var(--font-color)}.csseditor .gradient-editor .picker-tab .picker-tab-list .picker-tab-item .icon svg{width:100%;height:100%}.csseditor .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.static-gradient .icon{background-image:linear-gradient(to right, red, red)}.csseditor .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.linear-gradient .icon{background-image:linear-gradient(to right, black, gray)}.csseditor .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.radial-gradient .icon{background-image:radial-gradient(closest-side, black, #ebf8e1, gray)}.csseditor .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.conic-gradient .icon{background-image:conic-gradient(black, #ebf8e1)}.csseditor .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.repeating-linear-gradient .icon{background-image:repeating-linear-gradient(45deg, #3f87a6, #ebf8e1 15%, #f69d3c 20%)}.csseditor .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.repeating-radial-gradient .icon{background-image:repeating-radial-gradient(circle, #3f87a6, #ebf8e1 15%, #f69d3c 20%)}.csseditor .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.repeating-conic-gradient .icon{background-image:repeating-conic-gradient(#3f87a6, #ebf8e1 5%, #f69d3c 10%)}.csseditor .gradient-editor .picker-tab .picker-gradient-selector{padding:2px 10px}.csseditor .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps{position:relative;display:block;height:30px}.csseditor .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue-container{width:100%;height:14px;position:absolute;z-index:0;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;box-shadow:0 0 1px 0 rgba(0,0,0,.1)}.csseditor .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue{position:relative;padding:0px;margin:0px;cursor:pointer}.csseditor .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list{position:relative;width:100%;cursor:copy;height:14px;z-index:1}.csseditor .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list.mode-drag{cursor:pointer}.csseditor .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar{border:0px;background-color:transparent;border:2px solid #fff;box-shadow:0 0 2px 0px rgba(0,0,0,.6);width:10px;height:10px;transform:none;border-radius:50%;display:inline-block;left:0px;top:17px;transform:translateX(-50%);position:absolute;background-color:rgba(255,255,255,.8);cursor:pointer;transition:top .3s ease-out}.csseditor .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar .guide-line{pointer-events:none;position:absolute;width:1px;height:0px;bottom:8px;left:3px;transform:translateX(-1px);transition:all .3s ease-out}.csseditor .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected{z-index:1;top:30px}.csseditor .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-line{height:17px}.csseditor .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-change{opacity:1}.csseditor .gradient-editor[data-selected-editor=linear-gradient] .drag-pointer,.csseditor .gradient-editor[data-selected-editor=repeating-linear-gradient] .drag-pointer,.csseditor .gradient-editor[data-selected-editor=image-resource] .drag-pointer{display:none}.csseditor .gradient-editor[data-selected-editor=linear-gradient] .preset-position,.csseditor .gradient-editor[data-selected-editor=repeating-linear-gradient] .preset-position,.csseditor .gradient-editor[data-selected-editor=image-resource] .preset-position{display:none}.csseditor .gradient-editor[data-selected-editor=linear-gradient] [data-editor=angle],.csseditor .gradient-editor[data-selected-editor=repeating-linear-gradient] [data-editor=angle],.csseditor .gradient-editor[data-selected-editor=conic-gradient] [data-editor=angle],.csseditor .gradient-editor[data-selected-editor=repeating-conic-gradient] [data-editor=angle]{display:block}.csseditor .gradient-editor[data-selected-editor=radial-gradient] [data-editor=centerX],.csseditor .gradient-editor[data-selected-editor=radial-gradient] [data-editor=centerY],.csseditor .gradient-editor[data-selected-editor=repeating-radial-gradient] [data-editor=centerX],.csseditor .gradient-editor[data-selected-editor=repeating-radial-gradient] [data-editor=centerY],.csseditor .gradient-editor[data-selected-editor=conic-gradient] [data-editor=centerX],.csseditor .gradient-editor[data-selected-editor=conic-gradient] [data-editor=centerY],.csseditor .gradient-editor[data-selected-editor=repeating-conic-gradient] [data-editor=centerX],.csseditor .gradient-editor[data-selected-editor=repeating-conic-gradient] [data-editor=centerY]{display:block}.csseditor .gradient-editor[data-selected-editor=radial-gradient] [data-editor=radialType],.csseditor .gradient-editor[data-selected-editor=repeating-radial-gradient] [data-editor=radialType]{display:block}.csseditor .gradient-editor[data-selected-editor=image-resource] [data-editor=gradient],.csseditor .gradient-editor[data-selected-editor=image-resource] [data-editor=tools],.csseditor .gradient-editor[data-selected-editor=image-resource] .drag-pointer,.csseditor .gradient-editor[data-selected-editor=image-resource] .preset-position,.csseditor .gradient-editor[data-selected-editor=image-resource] .sub-editor{display:none}.csseditor .gradient-editor[data-selected-editor=image-resource] [data-editor=image-loader]{display:block}.csseditor .gradient-editor .sub-editor{padding:0px 0px}.csseditor .gradient-editor .gradient-steps{position:relative;height:30px}.csseditor .gradient-editor .hue-container,.csseditor .gradient-editor .hue{position:absolute;left:0px;right:0px;top:4px;height:14px;border-radius:10px;border:1px solid var(--border-color);background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;pointer-events:all}.csseditor .gradient-editor .hue{pointer-events:none}.csseditor .gradient-editor .hue .step-list{position:absolute;width:100%;height:100%;top:0px;left:0px;border-radius:10px;pointer-events:none}.csseditor .gradient-editor .hue .step-list[data-selected-index="0"] [data-index="0"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor .gradient-editor .hue .step-list[data-selected-index="0"] [data-index="0"] .arrow{display:block}.csseditor .gradient-editor .hue .step-list[data-selected-index="1"] [data-index="1"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor .gradient-editor .hue .step-list[data-selected-index="1"] [data-index="1"] .arrow{display:block}.csseditor .gradient-editor .hue .step-list[data-selected-index="2"] [data-index="2"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor .gradient-editor .hue .step-list[data-selected-index="2"] [data-index="2"] .arrow{display:block}.csseditor .gradient-editor .hue .step-list[data-selected-index="3"] [data-index="3"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor .gradient-editor .hue .step-list[data-selected-index="3"] [data-index="3"] .arrow{display:block}.csseditor .gradient-editor .hue .step-list[data-selected-index="4"] [data-index="4"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor .gradient-editor .hue .step-list[data-selected-index="4"] [data-index="4"] .arrow{display:block}.csseditor .gradient-editor .hue .step-list[data-selected-index="5"] [data-index="5"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor .gradient-editor .hue .step-list[data-selected-index="5"] [data-index="5"] .arrow{display:block}.csseditor .gradient-editor .hue .step-list[data-selected-index="6"] [data-index="6"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor .gradient-editor .hue .step-list[data-selected-index="6"] [data-index="6"] .arrow{display:block}.csseditor .gradient-editor .hue .step-list[data-selected-index="7"] [data-index="7"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor .gradient-editor .hue .step-list[data-selected-index="7"] [data-index="7"] .arrow{display:block}.csseditor .gradient-editor .hue .step-list[data-selected-index="8"] [data-index="8"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor .gradient-editor .hue .step-list[data-selected-index="8"] [data-index="8"] .arrow{display:block}.csseditor .gradient-editor .hue .step-list[data-selected-index="9"] [data-index="9"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor .gradient-editor .hue .step-list[data-selected-index="9"] [data-index="9"] .arrow{display:block}.csseditor .gradient-editor .hue .step-list[data-selected-index="10"] [data-index="10"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor .gradient-editor .hue .step-list[data-selected-index="10"] [data-index="10"] .arrow{display:block}.csseditor .gradient-editor .hue .step-list[data-selected-index="11"] [data-index="11"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor .gradient-editor .hue .step-list[data-selected-index="11"] [data-index="11"] .arrow{display:block}.csseditor .gradient-editor .hue .step-list[data-selected-index="12"] [data-index="12"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor .gradient-editor .hue .step-list[data-selected-index="12"] [data-index="12"] .arrow{display:block}.csseditor .gradient-editor .hue .step-list[data-selected-index="13"] [data-index="13"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor .gradient-editor .hue .step-list[data-selected-index="13"] [data-index="13"] .arrow{display:block}.csseditor .gradient-editor .hue .step-list[data-selected-index="14"] [data-index="14"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor .gradient-editor .hue .step-list[data-selected-index="14"] [data-index="14"] .arrow{display:block}.csseditor .gradient-editor .hue .step-list[data-selected-index="15"] [data-index="15"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor .gradient-editor .hue .step-list[data-selected-index="15"] [data-index="15"] .arrow{display:block}.csseditor .gradient-editor .hue .step-list[data-selected-index="16"] [data-index="16"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor .gradient-editor .hue .step-list[data-selected-index="16"] [data-index="16"] .arrow{display:block}.csseditor .gradient-editor .hue .step-list[data-selected-index="17"] [data-index="17"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor .gradient-editor .hue .step-list[data-selected-index="17"] [data-index="17"] .arrow{display:block}.csseditor .gradient-editor .hue .step-list[data-selected-index="18"] [data-index="18"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor .gradient-editor .hue .step-list[data-selected-index="18"] [data-index="18"] .arrow{display:block}.csseditor .gradient-editor .hue .step-list[data-selected-index="19"] [data-index="19"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor .gradient-editor .hue .step-list[data-selected-index="19"] [data-index="19"] .arrow{display:block}.csseditor .gradient-editor .hue .step-list .step{pointer-events:all;width:10px;height:10px;border:1px solid #fff;display:inline-block;position:absolute;top:50%;border-radius:100%;box-shadow:0 0 2px 0px rgba(0,0,0,.5);transform:translateX(-50%) translateY(-50%);background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor .gradient-editor .hue .step-list .step.selected{border:0px;box-shadow:0 0 0px 1px rgba(222,222,222,.5);transform:translateX(-50%) translateY(calc(100%))}.csseditor .gradient-editor .hue .step-list .step.selected .arrow{display:block}.csseditor .gradient-editor .hue .step-list .step[data-cut=true]{border-radius:0%}.csseditor .gradient-editor .hue .step-list .step[data-cut=true] .color-view{border-radius:0%}.csseditor .gradient-editor .hue .step-list .step .color-view{position:absolute;left:0px;top:0px;bottom:0px;right:0px;border-radius:100%;pointer-events:none}.csseditor .gradient-editor .hue .step-list .step .arrow{position:absolute;left:50%;display:none;top:0%;width:5px;height:5px;transform:translateX(-50%) translateY(-120%);pointer-events:none;-webkit-clip-path:polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%);clip-path:polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%)}.csseditor .svg-property-editor .label{height:20px;margin-top:2px}.csseditor .svg-property-editor .label.hide{display:none}.csseditor .svg-property-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor .svg-property-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor .svg-property-editor .tools select{width:100px !important;display:inline-block}.csseditor .svg-property-editor .svg-property-list{width:100%;display:grid !important;grid-template-columns:1fr !important}.csseditor .svg-property-editor .svg-property-list .svg-property-item{display:block}.csseditor .svg-property-editor .svg-property-list .svg-property-item .title{padding:5px 2px;display:grid;grid-template-columns:70px 1fr 30px;cursor:pointer}.csseditor .svg-property-editor .svg-property-list .svg-property-item .title .type{padding:3px 5px;text-align:center;text-transform:uppercase}.csseditor .svg-property-editor .svg-property-list .svg-property-item .title .type[data-type=filter]{border-radius:5px;background-color:var(--selected-color)}.csseditor .svg-property-editor .svg-property-list .svg-property-item .title .type[data-type=clip-path]{border-radius:5px;background-color:rgba(255,0,0,.5)}.csseditor .svg-property-editor .svg-property-list .svg-property-item .title label{font-size:12px;padding:2px 5px}.csseditor .svg-property-editor .svg-property-list .svg-property-item .title .menu{text-align:right}.csseditor .svg-filter-editor{color:var(--font-color);display:grid;grid-template-columns:150px 1fr 200px;grid-column-gap:10px;height:100%;position:relative}.csseditor .svg-filter-editor .label{height:20px;margin-top:2px}.csseditor .svg-filter-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor .svg-filter-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor .svg-filter-editor .tools select{width:100px !important;display:inline-block}.csseditor .svg-filter-editor .left{height:100%;position:relative}.csseditor .svg-filter-editor .left .filter-item-list{padding:10px 5px;height:100%;overflow:auto}.csseditor .svg-filter-editor .left .filter-item-list .group{margin-bottom:6px}.csseditor .svg-filter-editor .left .filter-item-list .group:before{content:attr(label);display:block;color:var(--selected-color);font-size:11px}.csseditor .svg-filter-editor .left .filter-item-list .group .item{padding-left:10px;font-size:12px;cursor:pointer;padding:2px 10px;vertical-align:middle;color:var(--font-color)}.csseditor .svg-filter-editor .left .filter-item-list .group .item svg{width:20px;height:20px}.csseditor .svg-filter-editor .left .filter-item-list .group .item[value=SourceGraphic],.csseditor .svg-filter-editor .left .filter-item-list .group .item[value=BackgroundImage],.csseditor .svg-filter-editor .left .filter-item-list .group .item[value=FillPaint]{color:var(--selected-color)}.csseditor .svg-filter-editor .left .filter-item-list .group .item:hover{background-color:rgba(255,255,255,.3)}.csseditor .svg-filter-editor .center{position:relative;overflow:auto}.csseditor .svg-filter-editor .center .graph{overflow:auto;box-sizing:border-box;border:1px solid var(--selected-color);position:relative;height:100%}.csseditor .svg-filter-editor .center .graph .connected-line-panel{width:1000px;height:1000px;position:absolute;left:0px;top:0px}.csseditor .svg-filter-editor .center .graph .connected-line-panel svg{width:100%;height:100%}.csseditor .svg-filter-editor .center .graph .connected-line-panel svg path{fill:transparent;stroke:var(--selected-color);stroke-width:1;pointer-events:none}.csseditor .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=graphic]{stroke:#a6a6ff}.csseditor .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=source]{stroke:#9acd32}.csseditor .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=modifier]{stroke:var(--selected-color)}.csseditor .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=lighting]{stroke:#e6ff00}.csseditor .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=combiner]{stroke:#ff9bff}.csseditor .svg-filter-editor .center .graph .connected-line-panel svg circle{fill:var(--selected-color);r:4;stroke:rgba(var(--selected-color), 0.5);stroke-width:0;pointer-events:all;cursor:pointer}.csseditor .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=graphic]{fill:#a6a6ff;stroke:rgba(166,166,255,.5)}.csseditor .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=source]{fill:#9acd32;stroke:rgba(154,205,50,.5)}.csseditor .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=modifier]{fill:var(--selected-color);stroke:rgba(var(--selected-color), 0.5)}.csseditor .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=lighting]{fill:#e6ff00;stroke:rgba(230,255,0,.5)}.csseditor .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=combiner]{fill:#ff9bff;stroke:rgba(255,155,255,.5)}.csseditor .svg-filter-editor .center .graph .connected-line-panel svg circle:hover{stroke-width:4}.csseditor .svg-filter-editor .center .graph .drag-line-panel{width:1000px;height:1000px;position:absolute;left:0px;top:0px}.csseditor .svg-filter-editor .center .graph .drag-line-panel svg{width:100%;height:100%}.csseditor .svg-filter-editor .center .graph .drag-line-panel svg path{stroke:var(--selected-color);stroke-width:1}.csseditor .svg-filter-editor .center .graph .graph-panel{width:1000px;height:1000px;position:relative;pointer-events:none}.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node{display:inline-block;position:absolute;left:10px;top:10px;width:40px;height:40px;background-color:var(--background-color);border-radius:10px;pointer-events:all;cursor:pointer;box-shadow:0 0 0 1.5px rgba(0,0,0,.3),0 0 0 3px #777}.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SourceGraphic],.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SourceAlpha],.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=BackgroundImage],.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=BackgroundAlpha],.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=FillPaint],.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=StrokePaint],.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=Flood],.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=Turbulence],.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=Image]{border-radius:0px}.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=PointLight] .out,.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SpotLight] .out,.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=DistantLight] .out{background-color:#f8e579}.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=PointLight] .out svg,.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SpotLight] .out svg,.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=DistantLight] .out svg{display:none}.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node>.label{position:absolute;bottom:100%;display:inline-block;left:50%;transform:translateX(-50%);font-size:11px;color:var(--font-color)}.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node>.remove{position:absolute;top:-6px;display:inline-block;left:50%;transform:translateX(-50%);font-size:11px;color:var(--font-color);height:12px;width:12px;border-radius:100%;background-color:var(--selected-color)}.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node>.remove svg{width:100%;height:100%}.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node>.remove svg path{fill:var(--font-color)}.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node>.preview{height:100%;width:100%;pointer-events:none;position:relative}.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-filter-type=Merge] svg,.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-filter-type=Composite] svg{transform:translate(-50%, -50%) rotate(90deg)}.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=graphic]{color:#a6a6ff}.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=source]{color:#9acd32}.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=modifier]{color:var(--selected-color)}.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=lighting]{color:#e6ff00}.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=combiner]{color:#ff9bff}.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=lighting] svg{-webkit-filter:drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.3));filter:drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.3))}.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node>.preview svg{display:block;width:30px;height:30px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node>.preview svg path{fill:currentColor}.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node .in-list{position:absolute;top:50%;width:14px;left:-14px;transform:translateY(-50%);display:inline-block}.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node .in{width:14px;height:12px;display:block;background-color:#09f;border-top-left-radius:50%;border-bottom-left-radius:50%;margin:2px 0px;position:relative}.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node .in:before{content:"";position:absolute;display:block;width:8px;height:8px;background-color:rgba(255,255,255,.8);border-radius:100%;top:50%;left:3px;transform:translateY(-50%)}.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node .out{position:absolute;width:12px;height:12px;right:-12px;top:50%;transform:translateY(-50%);background-color:#09f;border-top-right-radius:50%;border-bottom-right-radius:50%}.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node .light{position:absolute;width:30px;height:15px;left:50%;bottom:-15px;transform:translateX(-50%);background-color:#f8e579;border-bottom-left-radius:100%;border-bottom-right-radius:100%}.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node .in,.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node .out{color:#fff}.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node .in svg,.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node .out svg{pointer-events:none;width:14px;height:24px;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node .in svg{left:6px}.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node .out svg{left:7px}.csseditor .svg-filter-editor .center .graph .graph-panel .filter-node.selected{box-shadow:0 0 0 1.5px rgba(0,0,0,.3),0 0 0 3px var(--selected-color)}.csseditor .svg-filter-editor .right{height:100%;overflow:auto;box-sizing:border-box}.csseditor .svg-filter-editor .filter-list{width:100%;display:grid !important;grid-template-columns:1fr !important}.csseditor .svg-filter-editor .filter-list .filter-item{display:block}.csseditor .svg-filter-editor .filter-list .filter-item .title{display:grid;grid-template-columns:1fr 30px;margin-left:-20px;color:var(--selected-color);border-radius:3px;margin:5px 0px}.csseditor .svg-filter-editor .filter-list .filter-item .title label{font-size:12px;padding:2px 0px}.csseditor .svg-filter-editor .filter-list .filter-item .title .filter-menu{text-align:right;color:var(--selected-font-color)}.csseditor .svg-filter-editor .filter-list .filter-item .filter-ui{display:grid;grid-template-columns:1fr;margin-bottom:2px}.csseditor .svg-filter-editor .filter-list .filter-item .filter-ui>div{margin-bottom:5px}.csseditor .svg-filter-editor .filter-list .filter-item .filter-ui>div .number-range-editor.has-label,.csseditor .svg-filter-editor .filter-list .filter-item .filter-ui>div .select-editor.has-label,.csseditor .svg-filter-editor .filter-list .filter-item .filter-ui>div .text-editor.has-label{grid-template-columns:100px 1fr}.csseditor .svg-filter-editor .filter-list .filter-item .filter-ui>div .color-view-editor.has-label{grid-template-columns:100px 24px 1fr}.csseditor .svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow{grid-template-columns:50px 1fr;grid-column-gap:1px}.csseditor .svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow label{font-size:10px}.csseditor .svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow-color{grid-template-columns:50px 1fr;grid-column-gap:2px}.csseditor .svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow-color label{font-size:12px}.csseditor .svg-filter-editor .filter-list .filter-item .filter-ui input[type=range]{width:90%}.csseditor .direction-editor .direction-item{display:grid;grid-template-columns:62px 1fr}.csseditor .direction-editor .direction-item.full{grid-template-columns:1fr}.csseditor .direction-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr}.csseditor .direction-editor .radius-selector[data-selected-value=all] button[data-value=all]{background-color:var(--selected-color);color:var(--selected-font-color)}.csseditor .direction-editor .radius-selector[data-selected-value=partitial] button[data-value=partitial]{background-color:var(--selected-color);color:var(--selected-font-color)}.csseditor .direction-editor .radius-selector button{flex:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;width:20px;height:20px;display:inline-block;vertical-align:middle;margin-right:2px;border-radius:3px;cursor:pointer;outline:none;padding:0px;border:0px;color:#ccc}.csseditor .direction-editor .radius-selector button svg{width:100%;height:100%}.csseditor .list-view-editor{position:relative;display:grid;grid-template-columns:repeat(1, 1fr);max-height:500px;margin-top:10px}.csseditor .list-view-editor[data-column="0"]{grid-template-columns:repeat(0, 1fr)}.csseditor .list-view-editor[data-column="1"]{grid-template-columns:repeat(1, 1fr)}.csseditor .list-view-editor[data-column="2"]{grid-template-columns:repeat(2, 1fr)}.csseditor .list-view-editor[data-column="3"]{grid-template-columns:repeat(3, 1fr)}.csseditor .list-view-editor[data-column="4"]{grid-template-columns:repeat(4, 1fr)}.csseditor .list-view-editor[data-column="5"]{grid-template-columns:repeat(5, 1fr)}.csseditor .list-view-editor[data-column="6"]{grid-template-columns:repeat(6, 1fr)}.csseditor .list-view-editor[data-column="7"]{grid-template-columns:repeat(7, 1fr)}.csseditor .list-view-editor[data-column="8"]{grid-template-columns:repeat(8, 1fr)}.csseditor .list-view-editor[data-column="9"]{grid-template-columns:repeat(9, 1fr)}.csseditor .list-view-editor .list-view-item.selected{background-color:var(--selected-color)}.csseditor .list-view-editor .list-view-item.selected svg path,.csseditor .list-view-editor .list-view-item.selected svg circle,.csseditor .list-view-editor .list-view-item.selected svg rect{fill:var(--selected-font-color)}.csseditor .list-view-editor .list-view-item svg{width:100%}.csseditor .list-view-editor .list-view-item svg path,.csseditor .list-view-editor .list-view-item svg circle,.csseditor .list-view-editor .list-view-item svg rect{fill:var(--font-color)}.csseditor .image-select-editor{text-align:center;margin-top:10px;margin-bottom:10px;background-color:rgba(0,0,0,.3)}.csseditor .image-select-editor .preview-container{width:100%;height:150px;position:relative}.csseditor .image-select-editor .preview-container img{max-width:100%;max-height:100%}.csseditor .image-select-editor .preview-container input[type=file]{position:absolute;left:0px;width:100%;bottom:0px;top:0px;opacity:0;cursor:pointer}.csseditor .image-select-editor .select-container{display:grid;grid-template-columns:1fr;padding:4px 0px}.csseditor .image-select-editor .select-container button{width:100%}.csseditor .select-icon-editor{display:grid;grid-template-columns:1fr;grid-column-gap:2px}.csseditor .select-icon-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor .select-icon-editor.has-label label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor .select-icon-editor .items{outline:none;line-height:1;background-color:transparent;height:24px;background-color:var(--select-icon-editor-item-color);box-sizing:border-box;padding:2px;border-radius:3px;cursor:pointer;display:flex}.csseditor .select-icon-editor .items>.select-icon-item{flex:1 1 auto;text-align:center;vertical-align:middle;padding:4px 2px;border-right:0px;white-space:pre-wrap;word-break:break-all;overflow:hidden;font-size:10px;text-transform:uppercase;line-height:1.6;border-radius:3px;color:var(--selected-font-color)}.csseditor .select-icon-editor .items>.select-icon-item svg{width:16px;height:16px;vertical-align:middle}.csseditor .select-icon-editor .items>.select-icon-item.selected{background-color:var(--select-icon-editor-selected-color);color:var(--selected-font-color)}.csseditor .select-icon-editor .items>.select-icon-item.icon{padding:3px 2px}.csseditor .select-icon-editor .items>.select-icon-item[data-value=""]{max-width:20px}.csseditor .select-icon-editor .items>.select-icon-item[data-value=none]{text-transform:none;vertical-align:middle}.csseditor .select-icon-editor .items>.select-icon-item[data-value=uppercase]{text-transform:uppercase;vertical-align:middle}.csseditor .select-icon-editor .items>.select-icon-item[data-value=lowercase]{text-transform:lowercase;vertical-align:middle}.csseditor .select-icon-editor .items>.select-icon-item[data-value=capitalize]{text-transform:capitalize;vertical-align:middle}.csseditor .select-icon-editor .items>.select-icon-item[data-value=full-width]{text-transform:full-width;vertical-align:middle}.csseditor .select-icon-editor .items>.select-icon-item[data-value=underline]{text-decoration:underline;vertical-align:middle}.csseditor .select-icon-editor .items>.select-icon-item[data-value=overline]{text-decoration:overline;vertical-align:middle}.csseditor .select-icon-editor .items>.select-icon-item[data-value=line-through]{text-decoration:line-through;vertical-align:middle}.csseditor .select-icon-editor .items>.select-icon-item[data-value=normal]{font-style:normal;vertical-align:middle}.csseditor .select-icon-editor .items>.select-icon-item[data-value=italic]{font-style:italic;vertical-align:middle}.csseditor .select-icon-editor .items>.select-icon-item[data-value=oblique]{font-style:oblique;vertical-align:middle}.csseditor .select-icon-editor .tools{text-align:right;vertical-align:middle;padding:4px 0px}.csseditor .number-input-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;height:24px}.csseditor .number-input-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 4px 2px 0px;font-size:12px}.csseditor .number-input-editor.has-label.block{display:block}.csseditor .number-input-editor.has-label.block label{display:block}.csseditor .number-input-editor .range-editor-type{vertical-align:middle;height:24px}.csseditor .number-input-editor .range-editor-type .area{display:grid;grid-template-columns:1fr;grid-column-gap:3px;font-size:13px;height:100%}.csseditor .number-input-editor .range-editor-type .area span{padding:1px;vertical-align:middle}.csseditor .number-input-editor .range-editor-type .area input{width:100%}.csseditor .number-input-editor .range-editor-type .area select{width:100%;color:#7a7a7a}.csseditor .path-data-editor .segment-empty{display:grid;grid-template-columns:30px 1fr;grid-column-gap:2px}.csseditor .path-data-editor .segment-empty .values{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:2px;grid-row-gap:2px;text-align:center}.csseditor .path-data-editor .segment{display:grid;grid-template-columns:50px 1fr;grid-column-gap:2px;margin-bottom:4px}.csseditor .path-data-editor .segment.m{padding-top:10px}.csseditor .path-data-editor .segment .command{color:var(--selected-color);cursor:pointer}.csseditor .path-data-editor .segment .command[data-toggle=false]{opacity:.3;font-weight:bold}.csseditor .path-data-editor .segment .values{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:2px;grid-row-gap:2px}.csseditor .path-data-editor .segment .values span{text-align:center}.csseditor .path-data-editor .segment .values input{width:100%}.csseditor .polygon-data-editor .segment{display:grid;grid-template-columns:1fr;grid-column-gap:2px;margin-bottom:4px}.csseditor .polygon-data-editor .segment .values{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:2px;grid-row-gap:2px;text-align:right}.csseditor .polygon-data-editor .segment .values label{color:var(--selected-color)}.csseditor .polygon-data-editor .segment .values input{color:var(--font-color);width:80px}.csseditor .offset-path-editor .offset-path-item{margin-bottom:10px}.csseditor .background-position-editor{height:19px;text-align:center;width:100%}.csseditor .background-position-editor .preview{height:100%}.csseditor .background-position-editor .preview .mini-view{height:100%}.csseditor .background-position-editor .preview .mini-view .color-view{cursor:pointer;height:100%;border-radius:3px}.csseditor .gradient-single-editor{height:19px;text-align:center;width:100%}.csseditor .gradient-single-editor .preview{height:100%}.csseditor .gradient-single-editor .preview .mini-view{height:100%}.csseditor .gradient-single-editor .preview .mini-view .color-view{cursor:pointer;height:100%;border-radius:3px}.csseditor .fill-single-editor{height:20px;width:100%;display:grid}.csseditor .fill-single-editor.has-label{grid-template-columns:60px 24px 1fr;grid-column-gap:2px}.csseditor .fill-single-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 4px 2px 0px;font-size:11px}.csseditor .fill-single-editor .preview{height:22px;width:22px;display:inline-block;vertical-align:middle}.csseditor .fill-single-editor .preview .mini-view{height:100%;width:100%;display:inline-block;vertical-align:middle;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;cursor:pointer}.csseditor .fill-single-editor .preview .mini-view .color-view{width:100%;height:100%}.csseditor .fill-single-editor .colors{display:inline-block;vertical-align:middle;line-height:2.2;margin-left:2px}.csseditor .fill-single-editor .colors.simple{display:none}.csseditor .fill-single-editor .colors .color{border:1px solid var(--font-color);display:inline-block;width:14px;vertical-align:middle;height:14px;border-radius:100%;pointer-events:all;-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}.csseditor .fill-single-editor .colors .color:not(:first-child){margin-left:-2px}.csseditor .fill-editor{position:relative}.csseditor .fill-editor .tools{padding:4px 0px}.csseditor .fill-editor [data-editor]{display:none;margin-top:3px}.csseditor .fill-editor [data-editor]>label{font-size:11px}.csseditor .fill-editor:not([data-selected-editor*=static-gradient]) [data-editor=gradient],.csseditor .fill-editor:not([data-selected-editor*=image-resource]) [data-editor=gradient]{display:block}.csseditor .fill-editor:not([data-selected-editor*=static-gradient]) [data-editor=tools],.csseditor .fill-editor:not([data-selected-editor*=image-resource]) [data-editor=tools]{display:grid}.csseditor .fill-editor [data-editor=image-loader]{display:none;pointer-events:all;position:absolute;left:0px;right:0px;top:0px;bottom:0px}.csseditor .fill-editor [data-editor=image-loader] input[type=file]{width:100%;height:100%;display:block;opacity:0;pointer-events:all}.csseditor .fill-editor .gradient-preview{width:100%;height:150px;position:relative;margin-bottom:15px;border-radius:3px;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;box-shadow:0 0 10px 1px var(--border-color)}.csseditor .fill-editor .gradient-preview .pointer-draw{position:absolute;left:0px;top:0px;width:100%;height:100%;display:inline-block;overflow:visible}.csseditor .fill-editor .gradient-preview .pointer-draw [data-type]{display:none}.csseditor .fill-editor .gradient-preview .pointer-draw circle{pointer-events:all;fill:#000;stroke:#fff;stroke-width:1}.csseditor .fill-editor .gradient-preview .pointer-draw circle[data-type=start]{fill:red}.csseditor .fill-editor .gradient-preview .pointer-draw circle[data-type=end]{fill:blue}.csseditor .fill-editor .gradient-preview .pointer-draw circle[data-type=center]{fill:#ff0}.csseditor .fill-editor .gradient-preview .pointer-draw circle[data-type=f]{fill:green}.csseditor .fill-editor .gradient-preview .pointer-draw line{fill:#fff;stroke:#fff;stroke-width:1}.csseditor .fill-editor .gradient-preview .gradient-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor .fill-editor .gradient-preview .drag-pointer{position:absolute;transform:translate(-50%, -50%);width:10px;height:10px;border-radius:100%;display:inline-block;background-color:rgba(230,230,230,.2);pointer-events:none}.csseditor .fill-editor .gradient-preview .preset-position{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none}.csseditor .fill-editor .gradient-preview .preset-position>div{pointer-events:all;height:10px;width:10px;position:absolute;display:block;color:var(--font-color);cursor:pointer}.csseditor .fill-editor .gradient-preview .preset-position>div svg{width:100%;height:100%}.csseditor .fill-editor .gradient-preview .preset-position [data-value=top]{position:absolute;top:0px;left:50%;transform:translate(-50%, -100%) rotate(-90deg)}.csseditor .fill-editor .gradient-preview .preset-position [data-value="top left"]{position:absolute;top:0px;left:0%;transform:translate(-100%, -100%) rotate(-135deg)}.csseditor .fill-editor .gradient-preview .preset-position [data-value="top right"]{position:absolute;top:0px;left:100%;transform:translate(0%, -100%) rotate(-45deg)}.csseditor .fill-editor .gradient-preview .preset-position [data-value=right]{position:absolute;top:50%;left:100%;transform:translate(0%, -50%)}.csseditor .fill-editor .gradient-preview .preset-position [data-value=left]{position:absolute;top:50%;left:0%;transform:translate(-100%, -50%) rotate(-180deg)}.csseditor .fill-editor .gradient-preview .preset-position [data-value=bottom]{position:absolute;top:100%;left:50%;transform:translate(-50%, 0%) rotate(90deg)}.csseditor .fill-editor .gradient-preview .preset-position [data-value="bottom left"]{position:absolute;top:100%;left:0%;transform:translate(-100%, 0%) rotate(135deg)}.csseditor .fill-editor .gradient-preview .preset-position [data-value="bottom right"]{position:absolute;top:100%;left:100%;transform:translate(0%, 0%) rotate(45deg)}.csseditor .fill-editor[data-selected-editor=static-gradient] .static-gradient{background-color:var(--selected-color);color:var(--selected-font-color)}.csseditor .fill-editor[data-selected-editor=linear-gradient] .linear-gradient{background-color:var(--selected-color);color:var(--selected-font-color)}.csseditor .fill-editor[data-selected-editor=repeating-linear-gradient] .repeating-linear-gradient{background-color:var(--selected-color);color:var(--selected-font-color)}.csseditor .fill-editor[data-selected-editor=radial-gradient] .radial-gradient{background-color:var(--selected-color);color:var(--selected-font-color)}.csseditor .fill-editor[data-selected-editor=repeating-radial-gradient] .repeating-radial-gradient{background-color:var(--selected-color);color:var(--selected-font-color)}.csseditor .fill-editor[data-selected-editor=conic-gradient] .conic-gradient{background-color:var(--selected-color);color:var(--selected-font-color)}.csseditor .fill-editor[data-selected-editor=repeating-conic-gradient] .repeating-conic-gradient{background-color:var(--selected-color);color:var(--selected-font-color)}.csseditor .fill-editor[data-selected-editor=image-resource] .image-resource{background-color:var(--selected-color);color:var(--selected-font-color)}.csseditor .fill-editor .picker-tab .picker-tab-list{text-align:center;padding:2px 0px}.csseditor .fill-editor .picker-tab .picker-tab-list .picker-tab-item{display:inline-block;vertical-align:middle;height:20px;width:20px;cursor:pointer;position:relative;border-radius:20%;margin:0px 2px}.csseditor .fill-editor .picker-tab .picker-tab-list .picker-tab-item .icon{pointer-events:none;border-radius:100%;display:inline-block;width:90%;height:90%;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);color:var(--font-color)}.csseditor .fill-editor .picker-tab .picker-tab-list .picker-tab-item .icon svg{width:100%;height:100%}.csseditor .fill-editor .picker-tab .picker-tab-list .picker-tab-item.static-gradient .icon{background-image:linear-gradient(to right, red, red)}.csseditor .fill-editor .picker-tab .picker-tab-list .picker-tab-item.linear-gradient .icon{background-image:linear-gradient(to right, black, gray)}.csseditor .fill-editor .picker-tab .picker-tab-list .picker-tab-item.radial-gradient .icon{background-image:radial-gradient(closest-side, black, #ebf8e1, gray)}.csseditor .fill-editor .picker-tab .picker-tab-list .picker-tab-item.conic-gradient .icon{background-image:conic-gradient(black, #ebf8e1)}.csseditor .fill-editor .picker-tab .picker-gradient-selector{padding:2px 10px}.csseditor .fill-editor .picker-tab .picker-gradient-selector .gradient-steps{position:relative;display:block;height:30px}.csseditor .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue-container{width:100%;height:14px;position:absolute;z-index:0;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;box-shadow:0 0 1px 0 rgba(0,0,0,.1)}.csseditor .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue{position:relative;padding:0px;margin:0px;cursor:pointer}.csseditor .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list{position:relative;width:100%;cursor:copy;height:14px;z-index:1}.csseditor .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list.mode-drag{cursor:pointer}.csseditor .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar{border:0px;background-color:transparent;border:2px solid #fff;box-shadow:0 0 2px 0px rgba(0,0,0,.6);width:10px;height:10px;transform:none;border-radius:50%;display:inline-block;left:0px;top:17px;transform:translateX(-50%);position:absolute;background-color:rgba(255,255,255,.8);cursor:pointer;transition:top .3s ease-out}.csseditor .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar .guide-line{pointer-events:none;position:absolute;width:1px;height:0px;bottom:8px;left:3px;transform:translateX(-1px);transition:all .3s ease-out}.csseditor .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected{z-index:1;top:30px}.csseditor .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-line{height:17px}.csseditor .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-change{opacity:1}.csseditor .fill-editor[data-selected-editor=image-resource] [data-editor=patternUnits],.csseditor .fill-editor[data-selected-editor=image-resource] [data-editor=patternWidth],.csseditor .fill-editor[data-selected-editor=image-resource] [data-editor=patternHeight],.csseditor .fill-editor[data-selected-editor=image-resource] [data-editor=imageX],.csseditor .fill-editor[data-selected-editor=image-resource] [data-editor=imageY],.csseditor .fill-editor[data-selected-editor=image-resource] [data-editor=imageWidth],.csseditor .fill-editor[data-selected-editor=image-resource] [data-editor=imageHeight]{display:block}.csseditor .fill-editor[data-selected-editor=linear-gradient] .pointer-draw [data-type=line],.csseditor .fill-editor[data-selected-editor=linear-gradient] .pointer-draw [data-type=start],.csseditor .fill-editor[data-selected-editor=linear-gradient] .pointer-draw [data-type=end]{display:block}.csseditor .fill-editor[data-selected-editor=linear-gradient] [data-editor=spreadMethod],.csseditor .fill-editor[data-selected-editor=linear-gradient] [data-editor=x1],.csseditor .fill-editor[data-selected-editor=linear-gradient] [data-editor=x2],.csseditor .fill-editor[data-selected-editor=linear-gradient] [data-editor=y1],.csseditor .fill-editor[data-selected-editor=linear-gradient] [data-editor=y2]{display:block}.csseditor .fill-editor[data-selected-editor=radial-gradient] .pointer-draw [data-type=center],.csseditor .fill-editor[data-selected-editor=radial-gradient] .pointer-draw [data-type=f]{display:block}.csseditor .fill-editor[data-selected-editor=radial-gradient] [data-editor=spreadMethod],.csseditor .fill-editor[data-selected-editor=radial-gradient] [data-editor=cx],.csseditor .fill-editor[data-selected-editor=radial-gradient] [data-editor=cy],.csseditor .fill-editor[data-selected-editor=radial-gradient] [data-editor=r],.csseditor .fill-editor[data-selected-editor=radial-gradient] [data-editor=fx],.csseditor .fill-editor[data-selected-editor=radial-gradient] [data-editor=fy],.csseditor .fill-editor[data-selected-editor=radial-gradient] [data-editor=fr]{display:block}.csseditor .fill-editor[data-selected-editor=radial-gradient] [data-editor=radialType]{display:block}.csseditor .fill-editor[data-selected-editor=image-resource] [data-editor=gradient],.csseditor .fill-editor[data-selected-editor=image-resource] [data-editor=tools],.csseditor .fill-editor[data-selected-editor=image-resource] .preset-position{display:none}.csseditor .fill-editor[data-selected-editor=image-resource] [data-editor=image-loader]{display:block}.csseditor .fill-editor .sub-editor{padding:0px 0px}.csseditor .fill-editor .gradient-steps{position:relative;height:30px}.csseditor .fill-editor .hue-container,.csseditor .fill-editor .hue{position:absolute;left:0px;right:0px;top:4px;height:14px;border-radius:10px;border:1px solid var(--border-color);background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;pointer-events:all}.csseditor .fill-editor .hue{pointer-events:none}.csseditor .fill-editor .hue .step-list{position:absolute;width:100%;height:100%;top:0px;left:0px;border-radius:10px;pointer-events:none}.csseditor .fill-editor .hue .step-list[data-selected-index="0"] [data-index="0"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor .fill-editor .hue .step-list[data-selected-index="0"] [data-index="0"] .arrow{display:block}.csseditor .fill-editor .hue .step-list[data-selected-index="1"] [data-index="1"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor .fill-editor .hue .step-list[data-selected-index="1"] [data-index="1"] .arrow{display:block}.csseditor .fill-editor .hue .step-list[data-selected-index="2"] [data-index="2"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor .fill-editor .hue .step-list[data-selected-index="2"] [data-index="2"] .arrow{display:block}.csseditor .fill-editor .hue .step-list[data-selected-index="3"] [data-index="3"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor .fill-editor .hue .step-list[data-selected-index="3"] [data-index="3"] .arrow{display:block}.csseditor .fill-editor .hue .step-list[data-selected-index="4"] [data-index="4"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor .fill-editor .hue .step-list[data-selected-index="4"] [data-index="4"] .arrow{display:block}.csseditor .fill-editor .hue .step-list[data-selected-index="5"] [data-index="5"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor .fill-editor .hue .step-list[data-selected-index="5"] [data-index="5"] .arrow{display:block}.csseditor .fill-editor .hue .step-list[data-selected-index="6"] [data-index="6"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor .fill-editor .hue .step-list[data-selected-index="6"] [data-index="6"] .arrow{display:block}.csseditor .fill-editor .hue .step-list[data-selected-index="7"] [data-index="7"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor .fill-editor .hue .step-list[data-selected-index="7"] [data-index="7"] .arrow{display:block}.csseditor .fill-editor .hue .step-list[data-selected-index="8"] [data-index="8"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor .fill-editor .hue .step-list[data-selected-index="8"] [data-index="8"] .arrow{display:block}.csseditor .fill-editor .hue .step-list[data-selected-index="9"] [data-index="9"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor .fill-editor .hue .step-list[data-selected-index="9"] [data-index="9"] .arrow{display:block}.csseditor .fill-editor .hue .step-list[data-selected-index="10"] [data-index="10"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor .fill-editor .hue .step-list[data-selected-index="10"] [data-index="10"] .arrow{display:block}.csseditor .fill-editor .hue .step-list[data-selected-index="11"] [data-index="11"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor .fill-editor .hue .step-list[data-selected-index="11"] [data-index="11"] .arrow{display:block}.csseditor .fill-editor .hue .step-list[data-selected-index="12"] [data-index="12"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor .fill-editor .hue .step-list[data-selected-index="12"] [data-index="12"] .arrow{display:block}.csseditor .fill-editor .hue .step-list[data-selected-index="13"] [data-index="13"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor .fill-editor .hue .step-list[data-selected-index="13"] [data-index="13"] .arrow{display:block}.csseditor .fill-editor .hue .step-list[data-selected-index="14"] [data-index="14"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor .fill-editor .hue .step-list[data-selected-index="14"] [data-index="14"] .arrow{display:block}.csseditor .fill-editor .hue .step-list[data-selected-index="15"] [data-index="15"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor .fill-editor .hue .step-list[data-selected-index="15"] [data-index="15"] .arrow{display:block}.csseditor .fill-editor .hue .step-list[data-selected-index="16"] [data-index="16"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor .fill-editor .hue .step-list[data-selected-index="16"] [data-index="16"] .arrow{display:block}.csseditor .fill-editor .hue .step-list[data-selected-index="17"] [data-index="17"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor .fill-editor .hue .step-list[data-selected-index="17"] [data-index="17"] .arrow{display:block}.csseditor .fill-editor .hue .step-list[data-selected-index="18"] [data-index="18"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor .fill-editor .hue .step-list[data-selected-index="18"] [data-index="18"] .arrow{display:block}.csseditor .fill-editor .hue .step-list[data-selected-index="19"] [data-index="19"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor .fill-editor .hue .step-list[data-selected-index="19"] [data-index="19"] .arrow{display:block}.csseditor .fill-editor .hue .step-list .step{pointer-events:all;width:10px;height:10px;border:1px solid #fff;display:inline-block;position:absolute;top:50%;border-radius:100%;box-shadow:0 0 2px 0px rgba(0,0,0,.5);transform:translateX(-50%) translateY(-50%);background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor .fill-editor .hue .step-list .step.selected{border:0px;box-shadow:0 0 0px 1px rgba(255,255,255,.5);transform:translateX(-50%) translateY(calc(100%))}.csseditor .fill-editor .hue .step-list .step.selected .arrow{display:block}.csseditor .fill-editor .hue .step-list .step[data-cut=true]{border-radius:0%}.csseditor .fill-editor .hue .step-list .step[data-cut=true] .color-view{border-radius:0%}.csseditor .fill-editor .hue .step-list .step .color-view{position:absolute;left:0px;top:0px;bottom:0px;right:0px;border-radius:100%;pointer-events:none}.csseditor .fill-editor .hue .step-list .step .arrow{position:absolute;left:50%;display:none;top:0%;width:5px;height:5px;transform:translateX(-50%) translateY(-120%);pointer-events:none;-webkit-clip-path:polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%);clip-path:polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%)}.csseditor .svg-filter-select-editor{position:relative;display:grid;grid-template-columns:1fr 16px 16px;grid-column-gap:2px;height:24px}.csseditor .svg-filter-select-editor.has-label{grid-template-columns:60px 1fr 16px 16px;grid-column-gap:2px}.csseditor .svg-filter-select-editor.has-label label{text-align:left;vertical-align:middle;padding:4px 0px 2px 0px;font-size:11px;line-height:1.6}.csseditor .svg-filter-select-editor select{width:100%;height:100%}.csseditor .svg-filter-select-editor button{margin-top:4px}.csseditor .func-filter-editor{display:grid;grid-template-columns:1fr}.csseditor .func-filter-editor.focused{box-shadow:0 0 0 1px var(--selected-color);border-radius:3px}.csseditor .func-filter-editor.has-label{grid-template-columns:60px 1fr}.csseditor .func-filter-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 0px 2px 0px;font-size:11px;padding-left:0px !important}.csseditor .func-filter-editor>[data-type]{display:none;padding:4px 0px}.csseditor .func-filter-editor[data-selected-type=identity]>[data-type=identity]{display:block}.csseditor .func-filter-editor[data-selected-type=table]>[data-type=table],.csseditor .func-filter-editor[data-selected-type=discrete]>[data-type=table]{display:block}.csseditor .func-filter-editor[data-selected-type=linear]>[data-type=linear]{display:block}.csseditor .func-filter-editor[data-selected-type=gamma]>[data-type=gamma]{display:block}.csseditor .color-matrix-editor .title{padding:5px 0px;color:var(--selected-color)}.csseditor .color-matrix-editor .color-matrix-template{padding:5px 10px;max-height:383px;overflow:auto;box-sizing:border-box;border:1px solid var(--border-color)}.csseditor .color-matrix-editor .color-matrix-template input,.csseditor .color-matrix-editor .color-matrix-template select{width:100%}.csseditor .color-matrix-editor .color-matrix-template .sample-item{padding:2px 5px;cursor:pointer}.csseditor .color-matrix-editor .color-matrix-template .sample-item:hover{background-color:rgba(255,255,255,.2);color:var(--selected-color)}.csseditor .stroke-dasharray-editor .dasharray-item{margin-bottom:3px;display:grid;grid-template-columns:1fr 20px;grid-column-gap:2px}.csseditor .stroke-dasharray-editor>.tools label{color:var(--selected-font-color);vertical-align:middle;cursor:pointer}.csseditor .grid-box-editor .grid-box-editor-item .item{display:grid;grid-template-columns:1fr .5fr 1fr 40px;grid-column-gap:4px;margin-bottom:4px;text-align:center}.csseditor .grid-box-editor .grid-box-editor-item .item.header{height:24px}.csseditor .grid-box-editor .grid-box-editor-item .item.header>*{padding:4px 0px;border:1px solid rgba(236,236,236,.18);box-sizing:border-box}.csseditor .grid-box-editor .grid-box-editor-item .item .repeat button{background-color:var(--grid-box-editor-button-background-color);border-radius:3px;width:16px;height:16px}.csseditor .grid-box-editor .grid-box-editor-item .item[data-repeat-type=auto]>.value,.csseditor .grid-box-editor .grid-box-editor-item .item[data-repeat-type=auto]>.count,.csseditor .grid-box-editor .grid-box-editor-item .item[data-repeat-type=none]>.value,.csseditor .grid-box-editor .grid-box-editor-item .item[data-repeat-type=none]>.count{visibility:hidden}.csseditor .grid-box-editor .grid-box-editor-item .item[data-repeat-type=length]>.count{visibility:hidden}.csseditor .grid-box-editor .grid-box-editor-item .item .tools{padding:4px 0px}.csseditor .grid-layout-editor .grid-layout-item{margin-top:5px;margin-bottom:5px}.csseditor .grid-layout-editor .grid-layout-item>.label{padding:4px 4px;margin-bottom:5px}.csseditor .pattern-editor .label{height:20px;margin-top:2px}.csseditor .pattern-editor .label.hide{display:none}.csseditor .pattern-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor .pattern-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor .pattern-editor .pattern-list{display:grid;grid-template-columns:60px 60px 60px 60px;grid-column-gap:1px;grid-row-gap:1px}.csseditor .pattern-editor .pattern-list .pattern-item{display:inline-block;position:relative;text-align:center}.csseditor .pattern-editor .pattern-list .pattern-item.selected{background-color:var(--border-color)}.csseditor .pattern-editor .pattern-list .pattern-item:hover .tools{display:inline-block}.csseditor .pattern-editor .pattern-list .pattern-item .tools{display:none;position:absolute;right:0px;top:0px;background-color:rgba(255,255,255,.9);color:var(--selected-color)}.csseditor .pattern-size-editor{text-align:center;width:60px;height:60px}.csseditor .pattern-size-editor .preview{height:100%}.csseditor .pattern-size-editor .preview .mini-view{height:100%;background-color:#fff}.csseditor .pattern-size-editor .preview .mini-view .color-view{cursor:pointer;height:100%}.csseditor .media-progress-editor>*{margin-bottom:2px}.csseditor .media-progress-editor .drag-area{height:10px;margin-left:10px;margin-right:10px;margin-top:10px;margin-bottom:10px;position:relative;padding:0px 10px;background-image:linear-gradient(to right, #2b2b2b 1px, transparent 1px 100%);background-size:10px 8px;background-repeat:repeat-x;background-position:0px 1px}.csseditor .media-progress-editor .progress-bar{height:2px;display:block;background-color:#2b2b2b;position:absolute;left:0px;width:100%;top:50%;transform:translateY(-50%)}.csseditor .media-progress-editor .bar{height:2px;position:absolute;display:inline-block;left:10%;width:50%;top:50%;transform:translateY(-50%);background-color:var(--selected-color)}.csseditor .media-progress-editor .drag-item{position:absolute;display:inline-block;width:8px;height:8px;border-radius:100%;background-color:var(--selected-color);cursor:pointer;transform:translate(-50%, -50%);top:50%}.csseditor .media-progress-editor .drag-item.end{background-color:#ff0;box-shadow:0 0 3px 0 rgba(0,0,0,.3)}.csseditor .popup{position:absolute;display:none;z-index:1000;background-color:var(--popup-background-color);border-radius:3px;box-shadow:0px 1px 5px 0 rgba(0,0,0,.5);padding:10px 10px;color:var(--font-color)}.csseditor .popup.compact{padding:0px}.csseditor .popup.compact .popup-title{padding:10px 14px 0px 14px;margin-bottom:0px}.csseditor .popup .popup-title{font-size:12px;font-weight:bold;margin-bottom:10px;display:flex;pointer-events:all}.csseditor .popup .popup-title>*{flex:1 1 auto}.csseditor .popup .popup-title .tools{text-align:right}.csseditor .popup .popup-title label{cursor:move}.csseditor .popup .popup-content .popup-item label{font-size:11px;vertical-align:middle;text-align:right;line-height:1.6;padding-right:2px}.csseditor .popup .popup-content .popup-item label+div{vertical-align:middle}.csseditor .popup.background-property-popup{width:224px}.csseditor .popup.background-property-popup .popup-content{padding:5px}.csseditor .popup.background-property-popup .popup-content .popup-item{margin-bottom:2px}.csseditor .popup.background-property-popup .size-list button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0px;padding:2px 5px;cursor:pointer;outline:none;width:50px;background-color:var(--border-color)}.csseditor .popup.background-property-popup .size-list[data-value=contain] button[value=contain],.csseditor .popup.background-property-popup .size-list[data-value=cover] button[value=cover],.csseditor .popup.background-property-popup .size-list[data-value=auto] button[value=auto]{background-color:var(--border-color);font-weight:bold}.csseditor .popup.background-property-popup .popup-item.grid-2{display:grid;grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor .popup.background-property-popup .repeat-list button{width:20px;height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-color);background-color:#fff;outline:none;cursor:pointer}.csseditor .popup.background-property-popup .repeat-list button[value=no-repeat]{background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:center center;background-size:8px 8px;background-repeat:no-repeat}.csseditor .popup.background-property-popup .repeat-list button[value=repeat]{background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:10px 10px;background-size:8px 8px;background-repeat:repeat}.csseditor .popup.background-property-popup .repeat-list button[value=repeat-x]{background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:10px 8px;background-size:8px 8px;background-repeat:repeat-x}.csseditor .popup.background-property-popup .repeat-list button[value=repeat-y]{background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:8px 10px;background-size:8px 8px;background-repeat:repeat-y}.csseditor .popup.background-property-popup .repeat-list button[value=space]{background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:10px 10px;background-size:8px 8px;background-repeat:space}.csseditor .popup.background-property-popup .repeat-list button[value=round]{background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:0px 0px;background-size:8px 8px;background-repeat:round}.csseditor .popup.background-property-popup .repeat-list[data-value=repeat] button[value=repeat],.csseditor .popup.background-property-popup .repeat-list[data-value=no-repeat] button[value=no-repeat],.csseditor .popup.background-property-popup .repeat-list[data-value=repeat-x] button[value=repeat-x],.csseditor .popup.background-property-popup .repeat-list[data-value=repeat-y] button[value=repeat-y],.csseditor .popup.background-property-popup .repeat-list[data-value=space] button[value=space],.csseditor .popup.background-property-popup .repeat-list[data-value=round] button[value=round]{background-color:var(--border-color);box-shadow:0 0 1px 1px #000}.csseditor .popup.background-property-popup .blend-list{padding:2px 0px}.csseditor .popup.background-property-popup .blend-list select.full-size{width:100px}.csseditor .popup .box-shadow-property-popup{width:432px;display:grid;grid-template-columns:224px 1fr;grid-column-gap:4px}.csseditor .popup .box-shadow-property-popup .colorpicker{box-shadow:none;border-radius:0px;background-color:var(--popup-background-color);border-color:var(--popup-background-color)}.csseditor .popup .box-shadow-property-popup .colorpicker input{color:var(--font-color) !important;text-transform:uppercase;border:0px !important}.csseditor .popup .box-shadow-property-popup .colorpicker .color-panel{margin-top:0px}.csseditor .popup .box-shadow-property-popup .colorpicker .title{color:var(--font-color) !important}.csseditor .popup .box-shadow-property-popup .colorpicker .colorsets{border-top:0px solid var(--border-color) !important}.csseditor .popup .box-shadow-property-popup .box .type{display:grid;grid-template-columns:50px 1fr;grid-column-gap:4px;margin-bottom:2px}.csseditor .popup .box-shadow-property-popup .box .type .select{display:grid;grid-template-columns:repeat(2, 1fr);height:20px}.csseditor .popup .box-shadow-property-popup .box .type .select[data-selected-value=inset] button[data-value=inset]{box-shadow:inset 0px 0px 3px 0px var(--selected-color) !important;background-color:var(--selected-color) !important;color:var(--selected-font-color) !important}.csseditor .popup .box-shadow-property-popup .box .type .select[data-selected-value=outset] button[data-value=outset]{box-shadow:inset 0px 0px 3px 0px var(--selected-color) !important;background-color:var(--selected-color) !important;color:var(--selected-font-color) !important}.csseditor .popup .box-shadow-property-popup .box .type .select button{width:100%;background-image:none;border-radius:0px}.csseditor .popup .box-shadow-property-popup .box label{font-size:11px}.csseditor .popup .box-shadow-property-popup .box .drag-board{border:1px solid var(--border-color);margin-bottom:2px;height:204px;position:relative;background-image:linear-gradient(to right, var(--border-color), var(--border-color)),linear-gradient(to right, var(--border-color), var(--border-color));background-size:100% 1px,1px 100%;background-position:0px center,center 0px;background-repeat:no-repeat}.csseditor .popup .box-shadow-property-popup .box .drag-board .pointer{pointer-events:none;position:absolute;width:10px;height:10px;transform:translateX(calc(101px - 5px)) translateY(calc(101px - 5px));background-color:var(--selected-color);border-radius:100%}.csseditor .popup .box-shadow-property-popup .box .offset-x,.csseditor .popup .box-shadow-property-popup .box .offset-y,.csseditor .popup .box-shadow-property-popup .box .blur-radius,.csseditor .popup .box-shadow-property-popup .box .spread-radius{margin-bottom:2px}.csseditor .popup .animation-property-popup{width:220px}.csseditor .popup .animation-property-popup .box>div{margin-bottom:5px}.csseditor .popup .animation-property-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor .popup .animation-property-popup .box .name{display:grid;grid-template-columns:60px 1fr}.csseditor .popup .animation-property-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor .popup .animation-property-popup .box .input.grid-1{grid-template-columns:1fr}.csseditor .popup .animation-property-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.csseditor .popup .transition-property-popup{width:220px}.csseditor .popup .transition-property-popup .box>div{margin-bottom:5px}.csseditor .popup .transition-property-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor .popup .transition-property-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor .popup .transition-property-popup .box .input.grid-1{grid-template-columns:1fr}.csseditor .popup .transition-property-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.csseditor .popup .text-shadow-property-popup{width:432px;display:grid;grid-template-columns:224px 1fr;grid-column-gap:4px}.csseditor .popup .text-shadow-property-popup .colorpicker{box-shadow:none;border-radius:0px;background-color:var(--popup-background-color)}.csseditor .popup .text-shadow-property-popup .colorpicker input{color:var(--font-color) !important;text-transform:uppercase;border:0px !important}.csseditor .popup .text-shadow-property-popup .colorpicker .color-panel{margin-top:0px}.csseditor .popup .text-shadow-property-popup .colorpicker .title{color:var(--font-color) !important}.csseditor .popup .text-shadow-property-popup .colorpicker .colorsets{border-top:0px solid var(--border-color) !important}.csseditor .popup .text-shadow-property-popup .box label{font-size:11px}.csseditor .popup .text-shadow-property-popup .box .drag-board{border:1px solid var(--border-color);height:202px;position:relative;margin-bottom:10px;background-image:linear-gradient(to right, var(--border-color), var(--border-color)),linear-gradient(to right, var(--border-color), var(--border-color));background-size:100% 1px,1px 100%;background-position:0px center,center 0px;background-repeat:no-repeat}.csseditor .popup .text-shadow-property-popup .box .drag-board .pointer{pointer-events:none;position:absolute;width:10px;height:10px;transform:translateX(calc(101px - 5px)) translateY(calc(101px - 5px));background-color:var(--selected-color);border-radius:100%}.csseditor .popup .keyframe-popup{width:250px}.csseditor .popup .keyframe-popup .box .name{height:20px;display:grid;grid-template-columns:60px 1fr;grid-column-gap:4px;margin-bottom:5px}.csseditor .popup .keyframe-popup .box .property .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor .popup .keyframe-popup .box .property .title .tools{text-align:right}.csseditor .popup .keyframe-popup .box .property .title .tools select{width:100px;display:inline-block}.csseditor .popup .keyframe-popup .box .offset-editor .offset{position:relative;background-image:linear-gradient(to right, var(--border-color), black);background-size:100% 2px;background-repeat:no-repeat;background-position:0px center;height:20px}.csseditor .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="0"] [data-offset-index="0"]{background-color:var(--selected-color)}.csseditor .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="1"] [data-offset-index="1"]{background-color:var(--selected-color)}.csseditor .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="2"] [data-offset-index="2"]{background-color:var(--selected-color)}.csseditor .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="3"] [data-offset-index="3"]{background-color:var(--selected-color)}.csseditor .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="4"] [data-offset-index="4"]{background-color:var(--selected-color)}.csseditor .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="5"] [data-offset-index="5"]{background-color:var(--selected-color)}.csseditor .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="6"] [data-offset-index="6"]{background-color:var(--selected-color)}.csseditor .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="7"] [data-offset-index="7"]{background-color:var(--selected-color)}.csseditor .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="8"] [data-offset-index="8"]{background-color:var(--selected-color)}.csseditor .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="9"] [data-offset-index="9"]{background-color:var(--selected-color)}.csseditor .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="10"] [data-offset-index="10"]{background-color:var(--selected-color)}.csseditor .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="11"] [data-offset-index="11"]{background-color:var(--selected-color)}.csseditor .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="12"] [data-offset-index="12"]{background-color:var(--selected-color)}.csseditor .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="13"] [data-offset-index="13"]{background-color:var(--selected-color)}.csseditor .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="14"] [data-offset-index="14"]{background-color:var(--selected-color)}.csseditor .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="15"] [data-offset-index="15"]{background-color:var(--selected-color)}.csseditor .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="16"] [data-offset-index="16"]{background-color:var(--selected-color)}.csseditor .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="17"] [data-offset-index="17"]{background-color:var(--selected-color)}.csseditor .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="18"] [data-offset-index="18"]{background-color:var(--selected-color)}.csseditor .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="19"] [data-offset-index="19"]{background-color:var(--selected-color)}.csseditor .popup .keyframe-popup .box .offset-editor .offset .offset-item{width:10px;height:10px;background-color:var(--font-color);border-radius:100%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);vertical-align:middle;border:1px solid var(--border-color)}.csseditor .popup .keyframe-popup .box .offset-input{padding:5px 0px}.csseditor .popup .keyframe-popup .box .offset-input .title{display:grid;grid-template-columns:100px 1fr;grid-column-gap:2px}.csseditor .popup .keyframe-popup .box .keyframe-property-list{max-height:300px;overflow:auto}.csseditor .popup .keyframe-popup .box .keyframe-property-item{padding:4px 0px;margin-top:2px}.csseditor .popup .keyframe-popup .box .keyframe-property-item .title{grid-template-columns:1fr 30px}.csseditor .popup .keyframe-popup .box .keyframe-property-item .value-editor{border:1px solid rgba(0,0,0,.3);padding:2px}.csseditor .popup .keyframe-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor .popup .keyframe-popup .box input,.csseditor .popup .keyframe-popup .box select{width:100%;vertical-align:middle}.csseditor .popup .keyframe-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor .popup .keyframe-popup .box .input.grid-1{grid-template-columns:1fr}.csseditor .popup .keyframe-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.csseditor .popup .selector-popup{padding:7px;width:250px;height:auto}.csseditor .popup .selector-popup .box .name{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor .popup .selector-popup .box .name input{width:100%}.csseditor .popup .clippath-popup{width:220px;height:auto}.csseditor .popup .clippath-popup .box>.clip-path-editor.clip-path-type{margin-bottom:5px}.csseditor .popup .clippath-popup .box>.clip-path-editor .range-editor{margin-bottom:5px}.csseditor .popup .clippath-popup .box>.clip-path-editor .round-area{margin-top:5px}.csseditor .popup .clippath-popup .box>.clip-path-editor .clip-area-handle{display:inline-block;position:absolute;z-index:1}.csseditor .popup .clippath-popup .box>.clip-path-editor .clip-area{display:inline-block;position:absolute;background-color:var(--selected-color);z-index:0}.csseditor .popup .clippath-popup .box>.clip-path-editor .clip-area.inset{top:0px;left:0px;right:0px;bottom:0px}.csseditor .popup .clippath-popup .box>.clip-path-editor .clip-area.polygon{top:0px;left:0px;width:100%;height:220px;pointer-events:none;z-index:1}.csseditor .popup .clippath-popup .box>.clip-path-editor .clip-area.circle{top:0px;left:0px;width:100%;height:220px;pointer-events:none;z-index:1}.csseditor .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item{margin-top:5px;display:grid;grid-template-columns:1fr 1fr .5fr;grid-column-gap:2px}.csseditor .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item{display:grid;grid-template-columns:20px 1fr 20px;grid-column-gap:2px}.csseditor .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item label{text-align:right;padding-right:2px;vertical-align:middle}.csseditor .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item input,.csseditor .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item span{vertical-align:middle}.csseditor .popup .clippath-popup .box>.clip-path-editor .drag-area{height:220px;position:relative;box-shadow:0 0 0 1px var(--border-color)}.csseditor .popup .clippath-popup .box>.clip-path-editor .drag-area .pointer-list{top:0px;left:0px;width:100%;height:100%;display:inline-block;position:absolute;z-index:3;pointer-events:none}.csseditor .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer{z-index:2;position:absolute;transform:translateX(-50%) translateY(-50%);width:10px;height:10px;border-radius:100%;display:inline-block;background-color:blue;pointer-events:all}.csseditor .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=top],.csseditor .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer.first{background-color:red}.csseditor .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=right],.csseditor .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer.last:not(.first){background-color:green}.csseditor .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=bottom]{background-color:orange}.csseditor .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=left]{background-color:blue}.csseditor .popup .clippath-popup .box .property .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor .popup .clippath-popup .box .property .title .tools{text-align:right}.csseditor .popup .clippath-popup .box .property .title .tools select{width:100px;display:inline-block}.csseditor .popup .clippath-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor .popup .clippath-popup .box label input,.csseditor .popup .clippath-popup .box label select{width:auto;display:inline-block;vertical-align:middle}.csseditor .popup .clippath-popup .box input,.csseditor .popup .clippath-popup .box select{width:100%;vertical-align:middle}.csseditor .popup .clippath-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor .popup .clippath-popup .box .input.grid-1{grid-template-columns:1fr}.csseditor .popup .clippath-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.csseditor .popup .svg-property-editor-popup{width:800px;height:450px;position:relative}.csseditor .popup .svg-property-editor-popup .box{margin-bottom:10px;height:100%;position:relative}.csseditor .popup .svg-property-editor-popup .box>.editor{height:100%;position:relative}.csseditor .popup .svg-property-editor-popup .box .property .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor .popup .svg-property-editor-popup .box .property .title .tools{text-align:right}.csseditor .popup .svg-property-editor-popup .box .property .title .tools select{width:100px;display:inline-block}.csseditor .popup .svg-property-editor-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor .popup .svg-property-editor-popup .box input[type=range],.csseditor .popup .svg-property-editor-popup .box input[type=number],.csseditor .popup .svg-property-editor-popup .box input[type=text],.csseditor .popup .svg-property-editor-popup .box select{width:100%;vertical-align:middle}.csseditor .popup .color-picker-popup{width:224px;display:grid;grid-template-columns:1fr}.csseditor .popup .color-picker-popup .colorpicker{box-shadow:none;border-radius:0px;border:0px;background-color:transparent}.csseditor .popup .color-picker-popup .colorpicker input{color:var(--font-color) !important;text-transform:uppercase;border:1px solid rgba(221,221,221,.4) !important}.csseditor .popup .color-picker-popup .colorpicker .title{color:var(--font-color) !important}.csseditor .popup .color-picker-popup .colorpicker .colorsets{border-top:1px solid var(--border-color) !important}.csseditor .popup .color-picker-popup .assets{padding:0px 10px}.csseditor .popup .color-picker-popup .assets .project-color-list{padding:5px 0px}.csseditor .popup .color-picker-popup .assets .project-color-list .color-item{display:inline-block;width:16px;height:16px;border-radius:3px;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;margin-right:9px;margin-bottom:9px;overflow:hidden}.csseditor .popup .color-picker-popup .assets .project-color-list .color-item .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor .popup .color-picker-popup .assets .project-color-list .color-item:hover{transform:scale(1.2)}.csseditor .popup .image-select-popup{width:500px;min-height:450px;display:grid;grid-template-columns:1fr;padding:10px}.csseditor .popup .image-select-popup>.box{display:grid;grid-template-columns:repeat(4, 1fr);grid-auto-rows:110px;grid-column-gap:4px;grid-row-gap:4px;margin-bottom:10px}.csseditor .popup .image-select-popup>.box .image-item{position:relative;text-align:center;display:grid;border:1px solid rgba(255,255,255,.5);box-sizing:border-box}.csseditor .popup .image-select-popup>.box .image-item:hover{background-color:#baffb1}.csseditor .popup .image-select-popup>.box .image-item img{align-self:center;justify-self:center;vertical-align:middle;max-width:100%;max-height:100%;cursor:pointer;pointer-events:all}.csseditor .popup .gradient-picker{width:432px;display:grid;grid-template-columns:1fr 224px;grid-column-gap:10px;margin-left:5px}.csseditor .popup .gradient-picker>.box>.colorpicker{display:block}.csseditor .popup .gradient-picker>.box>.assetpicker{display:none;min-height:310px}.csseditor .popup .gradient-picker[data-selected-editor=image-resource]>.box>.colorpicker{display:none}.csseditor .popup .gradient-picker[data-selected-editor=image-resource]>.box>.assetpicker{display:block}.csseditor .popup .gradient-picker .popup-item{margin-bottom:5px}.csseditor .popup .gradient-picker .grid-2{display:grid;grid-template-columns:60px 1fr}.csseditor .popup .gradient-picker .grid-2 label{font-size:11px;padding-right:2px;text-align:left}.csseditor .popup .gradient-picker label{font-size:11px}.csseditor .popup .gradient-picker .colorpicker{box-shadow:none;border-radius:0px;border:0px;background-color:transparent}.csseditor .popup .gradient-picker .colorpicker .color-panel{margin-top:0px}.csseditor .popup .gradient-picker .colorpicker input{color:var(--font-color) !important;text-transform:uppercase;border:0px !important;border:1px solid rgba(221,221,221,.4) !important}.csseditor .popup .gradient-picker .colorpicker .title{color:var(--font-color) !important}.csseditor .popup .gradient-picker .colorpicker .colorsets{border-top:0px solid var(--border-color) !important}.csseditor .popup .gradient-picker .assetpicker{background-color:rgba(230,230,230,.1)}.csseditor .popup .gradient-picker .assetpicker .image-asset-picker{width:100%;height:100%;overflow:auto}.csseditor .popup .gradient-picker .assetpicker .image-asset-picker .image-list{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:2px}.csseditor .popup .gradient-picker .assetpicker .image-asset-picker .image-list .image-item{margin-bottom:2px;background-color:rgba(var(--font-color), 0.5)}.csseditor .popup .gradient-picker .assetpicker .image-asset-picker .image-list .image-item .preview{position:relative;width:100%;height:80px;border:1px solid var(--border-color);border-radius:2px;cursor:pointer;line-height:80px;text-align:center}.csseditor .popup .gradient-picker .assetpicker .image-asset-picker .image-list .image-item .preview img{border:0px;max-width:100%;max-height:100%;vertical-align:middle}.csseditor .popup .background-image-position-picker{width:260px !important}.csseditor .popup .background-image-position-picker .popup-item{margin-bottom:5px}.csseditor .popup .background-image-position-picker .grid-2{display:grid;grid-template-columns:60px 1fr}.csseditor .popup .background-image-position-picker .grid-2 label{font-size:11px;padding-right:2px;text-align:left}.csseditor .popup .background-image-position-picker label{font-size:11px}.csseditor .popup .background-image-position-picker .repeat-list button{width:24px;height:24px}.csseditor .popup .background-image-position-picker .repeat-list button[value=no-repeat]{background-image:linear-gradient(to top right, var(--selected-color), white);background-position:center center;background-size:8px 8px;background-repeat:no-repeat}.csseditor .popup .background-image-position-picker .repeat-list button[value=repeat]{background-image:linear-gradient(to top right, var(--selected-color), white);background-position:10px 10px;background-size:8px 8px;background-repeat:repeat}.csseditor .popup .background-image-position-picker .repeat-list button[value=repeat-x]{background-image:linear-gradient(to top right, var(--selected-color), white);background-position:10px 8px;background-size:8px 8px;background-repeat:repeat-x}.csseditor .popup .background-image-position-picker .repeat-list button[value=repeat-y]{background-image:linear-gradient(to top right, var(--selected-color), white);background-position:8px 10px;background-size:8px 8px;background-repeat:repeat-y}.csseditor .popup .background-image-position-picker .repeat-list button[value=space]{background-image:linear-gradient(to top right, var(--selected-color), white);background-position:10px 10px;background-size:8px 8px;background-repeat:space}.csseditor .popup .background-image-position-picker .repeat-list button[value=round]{background-image:linear-gradient(to top right, var(--selected-color), white);background-position:0px 0px;background-size:8px 8px;background-repeat:round}.csseditor .popup .background-image-position-picker .repeat-list[data-value=repeat] button[value=repeat],.csseditor .popup .background-image-position-picker .repeat-list[data-value=no-repeat] button[value=no-repeat],.csseditor .popup .background-image-position-picker .repeat-list[data-value=repeat-x] button[value=repeat-x],.csseditor .popup .background-image-position-picker .repeat-list[data-value=repeat-y] button[value=repeat-y],.csseditor .popup .background-image-position-picker .repeat-list[data-value=space] button[value=space],.csseditor .popup .background-image-position-picker .repeat-list[data-value=round] button[value=round]{background-color:var(--selected-color);box-shadow:0 0 2px 2px var(--selected-color)}.csseditor .window-background{position:fixed;display:none;left:0px;top:0px;bottom:0px;z-index:10000;right:0px;background-color:var(--window-background-color)}.csseditor .window-background .window{position:absolute;width:200px;height:200px;left:50%;top:50%;transform:translate(-50%, -50%);z-index:1000;background-color:var(--background-color);border:1px solid var(--border-color);box-shadow:0 0 1px 0px var(--border-color);padding:14px;color:var(--font-color)}.csseditor .window-background .window .window-title{position:absolute;left:0px;top:0px;right:0px;height:40px;font-size:15px;font-weight:bold;padding:10px;margin-bottom:10px;display:flex;pointer-events:all}.csseditor .window-background .window .window-title>*{flex:1 1 auto}.csseditor .window-background .window .window-title .tools{text-align:right}.csseditor .window-background .window .window-title label{cursor:move}.csseditor .window-background .window .window-body{position:absolute;left:0px;bottom:0px;right:0px;top:40px}.csseditor .window-background .window.export-window{width:80%;height:80%}.csseditor .window-background .window.export-window pre{margin:10px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.csseditor .window-background .window.shortcut-window{width:600px;height:80%}.csseditor .window-background .window.shortcut-window .window-body{overflow:auto}.csseditor .window-background .window.shortcut-window .list{padding:10px 20px}.csseditor .window-background .window.shortcut-window .list .item h2{padding-left:10px}.csseditor .window-background .window.shortcut-window .list .item .shortcut-view-item{display:grid;grid-template-columns:1fr 200px;margin-bottom:2px}.csseditor .window-background .window.shortcut-window .list .item .shortcut-view-item>*{position:relative;border-bottom:1px solid var(--border-color);padding:5px 10px;border-right:0px}.csseditor .window-background .window.shortcut-window .list .item .shortcut-view-item .title{padding:10px 10px}.csseditor .window-background .window.shortcut-window .list .item .shortcut-view-item .title .description{font-size:11px;color:var(--font-color);opacity:.5}.csseditor .window-background .window.shortcut-window .list .item .shortcut-view-item .os-item{text-align:right}.csseditor .window-background .window.shortcut-window .list .item .shortcut-view-item .os-item span{border:1px solid var(--font-color);padding:4px 6px;display:inline-block;box-sizing:border-box;margin:0 2px}.csseditor .path-editor-view{display:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px;cursor:crosshair;background-color:transparent}.csseditor .path-editor-view .segment-box{pointer-events:none;position:absolute;border:.5px solid rgba(62,168,255,.9);background-color:rgba(107,188,255,.5);box-sizing:border-box;left:-10000px}.csseditor .path-editor-view .path-container{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor .path-editor-view .path-container.split-panel{pointer-events:none}.csseditor .path-editor-view .path-container.has-transform{background-color:var(--path-background-color)}.csseditor .path-editor-view .path-container.path{cursor:crosshair}.csseditor .path-editor-view .path-container.path svg path.object{pointer-events:visibleStroke;stroke:#848484}.csseditor .path-editor-view .path-container.segment-move{cursor:move}.csseditor .path-editor-view .path-container.alt svg circle{cursor:move}.csseditor .path-editor-view .path-container.transform svg circle,.csseditor .path-editor-view .path-container.transform svg rect,.csseditor .path-editor-view .path-container.transform svg text,.csseditor .path-editor-view .path-container.transform svg line,.csseditor .path-editor-view .path-container.transform svg .snap-path{display:none}.csseditor .path-editor-view .path-container.modify,.csseditor .path-editor-view .path-container.segment-move{cursor:default}.csseditor .path-editor-view .path-container.modify svg path.object,.csseditor .path-editor-view .path-container.segment-move svg path.object{pointer-events:visibleStroke;stroke:#848484}.csseditor .path-editor-view .path-container.box svg path.object{stroke:var(--border-color)}.csseditor .path-editor-view .path-tool{pointer-events:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor .path-editor-view .path-tool .transform-manager{position:absolute;pointer-events:all;display:none}.csseditor .path-editor-view .path-tool .transform-manager[data-show=true]{display:inline-block}.csseditor .path-editor-view .path-tool .transform-manager[data-position="to rotate"]{box-shadow:none}.csseditor .path-editor-view .path-tool .transform-manager[data-position="to rotate"] .transform-tool-item:not([data-position="to rotate"]){display:none}.csseditor .path-editor-view .path-tool .transform-manager .transform-tool-item{position:absolute;background-color:rgba(255,255,255,.5);box-shadow:0 0 0 1px #7b7b7b;display:inline-block;width:8px;height:8px;transform:translate(-50%, -50%)}.csseditor .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to rotate"]{left:50%;top:-20px;cursor:move;border-radius:100%;background-color:#fff}.csseditor .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to move"]{left:0px;top:0px;right:0px;bottom:0px;width:auto;height:auto;background-color:transparent;cursor:move;transform:none;box-shadow:0 0 0 1px var(--selected-color)}.csseditor .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to top left"]{left:0px;top:0px;cursor:nwse-resize}.csseditor .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to top right"]{left:100%;top:0px;cursor:nesw-resize}.csseditor .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to top"]{left:50%;top:0px;cursor:ns-resize}.csseditor .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to left"]{left:0px;top:50%;cursor:ew-resize}.csseditor .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to right"]{left:100%;top:50%;cursor:ew-resize}.csseditor .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to bottom"]{left:50%;top:100%;cursor:ns-resize}.csseditor .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to bottom left"]{left:0px;top:100%;cursor:nesw-resize}.csseditor .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to bottom right"]{left:100%;top:100%;cursor:nwse-resize}.csseditor .path-editor-view svg{width:100%;height:100%}.csseditor .path-editor-view svg line{stroke:var(--path-guide-color);stroke-width:1}.csseditor .path-editor-view svg line[data-guide=true]{pointer-events:none}.csseditor .path-editor-view svg line[data-distance=true]{stroke:var(--selected-color);stroke-dasharray:2 2;pointer-events:none}.csseditor .path-editor-view svg circle{fill:#fff;stroke:var(--path-guide-color);stroke-width:1;cursor:move}.csseditor .path-editor-view svg circle.curve{stroke:var(--path-segment-stroke-color)}.csseditor .path-editor-view svg circle[data-is-first=true]{stroke:var(--selected-color);z-index:1}.csseditor .path-editor-view svg circle[data-is-second=true]{stroke:var(--selected-color);z-index:1}.csseditor .path-editor-view svg circle[data-is-last=true]{stroke:blue;z-index:1}.csseditor .path-editor-view svg circle[data-selected=true]{fill:var(--selected-color);stroke:#fff;r:5;stroke-width:2}.csseditor .path-editor-view svg circle[data-segment-point=endPoint]:not([data-selected=true]),.csseditor .path-editor-view svg circle[data-segment-point=reversePoint]:not([data-selected=true]){r:3}.csseditor .path-editor-view svg circle.split-circle{fill:var(--selected-color);stroke:#fff;pointer-events:none}.csseditor .path-editor-view svg .svg-canvas{fill:transparent;stroke:var(--selected-border-color);stroke-width:1;pointer-events:none}.csseditor .path-editor-view svg path{fill:transparent}.csseditor .path-editor-view svg path.guide{fill:transparent;stroke:var(--selected-color);stroke-width:1}.csseditor .path-editor-view svg path.segment{fill:transparent;stroke:var(--selected-color);stroke-width:1}.csseditor .path-editor-view svg path.object{fill:transparent;stroke:#848484;stroke-width:1}.csseditor .path-editor-view svg path.split-path{fill:transparent;stroke:transparent;pointer-events:stroke;stroke-width:2}.csseditor .path-editor-view svg path.split-path:hover{cursor:copy;stroke:var(--selected-color)}.csseditor .path-editor-view svg path.snap-path{fill:transparent;stroke:var(--selected-color);stroke-width:.5}.csseditor .path-editor-view svg text{fill:var(--selected-color);stroke:var(--selected-color);stroke-width:.5;pointer-events:none}.csseditor .path-draw-view{display:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px;cursor:crosshair;background-color:transparent}.csseditor .path-draw-view .path-draw-container{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor .brush-draw-view{display:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px;cursor:crosshair;background-color:transparent}.csseditor .brush-draw-view .brush-draw-container{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor .layer-add-view{display:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px;cursor:crosshair;background-color:transparent;pointer-events:all}.csseditor .layer-add-view .area{position:absolute;display:inline-block;pointer-events:none}.csseditor .layer-add-view .area .draw-item{position:absolute;left:0px;right:0px;top:0px;bottom:0px;pointer-events:none}.csseditor .layer-add-view .area-rect{position:absolute;display:inline-block;padding:5px 20px;border-radius:10px;background-color:var(--border-color);color:var(--selected-font-color);min-width:50px;transform:translate(5px, 5px)}.csseditor .animation-selector{display:grid;grid-template-columns:100px 1fr 30px;grid-column-gap:5px;width:100%}.csseditor .animation-selector .timeline-object{display:inline-block}.csseditor .animation-selector .timeline-object.selected{background-color:var(--selected-color);color:var(--selected-font-color)}.csseditor .timeline-value-area{position:absolute;width:240px;right:0px;top:0px;bottom:0px;background-color:var(--background-color);font-size:12px;border-left:1px solid var(--border-color);border-top:1px solid var(--border-color)}.csseditor .timeline-value-area .timeline-value-editor .tab-content{padding:0px 20px}.csseditor .timeline-value-area .timeline-value-editor .tab-content.padding-zero{padding-top:0px}.csseditor .timeline-value-area .timeline-value-editor .tab-content .offset-input{padding-top:10px}.csseditor .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title{display:none}.csseditor .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title>.tools{display:none}.csseditor .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title-2{display:block;text-align:right}.csseditor .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title-2 label{cursor:pointer}.csseditor .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title-2:hover{color:var(--selected-color)}.csseditor .timeline-value-area .timeline-value-editor .tab-content .css-property-item .background-image-editor .tools button{width:100px;text-align:right}.csseditor .timeline-value-area .timeline-value-editor .tab-content .css-property-item .background-image-editor .tools button svg{width:16px;vertical-align:middle}.csseditor .timeline-value-area .timeline-value-editor .tab-content .title{color:var(--font-color)}.csseditor .timeline-value-area .timeline-value-editor .value{padding:5px;margin:0 auto;width:228px;display:grid;grid-template-columns:60px 1fr;grid-column-gap:4px}.csseditor .timeline-value-area .timeline-value-editor .value label{overflow:hidden;text-overflow:ellipsis}.csseditor .timeline-value-area .timeline-value-editor .value .editor-area{min-height:20px}.csseditor .timeline-value-area .timeline-value-editor .tab-content{padding-top:10px}.csseditor .timeline-animation-area{position:absolute;width:300px;left:0px;top:0px;bottom:0px;background-color:var(--background-color);font-size:12px;border-right:1px solid var(--border-color);border-top:1px solid var(--border-color)}.csseditor .timeline-animation-area .property{padding:0px}.csseditor .timeline-animation-area .property-title{height:39px !important;padding-bottom:0px;padding-top:0px}.csseditor .timeline-animation-area .property-title label{padding-left:10px}.csseditor .timeline-animation-area .property-body{padding:0px !important}.csseditor .timeline-area{position:absolute;left:300px;right:240px;top:0px;bottom:0px;font-size:12px}.csseditor .timeline-area .timeline-header{position:absolute;left:0px;top:0px;height:40px;right:0px;border-top:1px solid var(--border-color)}.csseditor .timeline-area .timeline-header .timeline-object-toolbar{position:absolute;left:0px;top:0px;bottom:0px;width:300px;border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.csseditor .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar{padding:10px 5px}.csseditor .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .row{display:grid;grid-template-columns:50px 1fr;grid-column-gap:5px;margin-bottom:2px}.csseditor .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .row label{padding:2px 2px}.csseditor .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .row .input input{min-width:50px}.csseditor .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons{display:flex}.csseditor .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons[data-selected-speed="0.5"] [data-value="0.5"]{background-color:var(--selected-color);color:var(--selected-font-color)}.csseditor .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons[data-selected-speed="1"] [data-value="1"]{background-color:var(--selected-color);color:var(--selected-font-color)}.csseditor .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons[data-selected-speed="2"] [data-value="2"]{background-color:var(--selected-color);color:var(--selected-font-color)}.csseditor .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons[data-selected-speed="3"] [data-value="3"]{background-color:var(--selected-color);color:var(--selected-font-color)}.csseditor .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons button{border:1px solid var(--border-color);min-width:50px;padding:2px 10px;height:auto}.csseditor .timeline-area .timeline-header .timeline-keyframe-toolbar{position:absolute;top:0px;right:0px;bottom:0px;left:300px}.csseditor .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view{position:absolute;left:0px;top:0px;width:100%;height:100%}.csseditor .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration{position:absolute;top:5px;left:0px;right:0px;height:5px}.csseditor .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-handle-left{position:absolute;left:15px;top:0px;width:5px;height:100%;background-color:var(--border-color)}.csseditor .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-handle-right{position:absolute;right:15px;top:0px;width:5px;height:100%;background-color:var(--border-color)}.csseditor .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-slider{position:absolute;left:10px;top:0px;right:10px;height:100%;background-color:var(--border-color)}.csseditor .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-slider .start{position:absolute;left:0px;top:0px;transform:translateX(-100%);height:100%;width:5px;background-color:var(--timeline-gauge-handle-color);cursor:ew-resize}.csseditor .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-slider .end{position:absolute;left:100%;top:0px;height:100%;width:5px;background-color:var(--timeline-gauge-handle-color);cursor:ew-resize}.csseditor .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-slider .gauge{position:absolute;left:0%;width:100%;top:0px;height:100%;background-color:var(--timeline-gauge-background-color);cursor:ew-resize}.csseditor .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view canvas{position:absolute;left:0px;top:15px;width:100%;height:25px}.csseditor .timeline-area .timeline-body{position:absolute;left:0px;top:40px;bottom:0px;right:0px}.csseditor .timeline-area .timeline-body .timeline-object-area{position:absolute;left:0px;top:0px;bottom:0px;width:300px;overflow:auto;border-right:1px solid var(--border-color)}.csseditor .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object.collapsed .timeline-object-row.layer .icon svg{transform:rotate(0deg)}.csseditor .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object.collapsed .timeline-object-row.layer-property{display:none}.csseditor .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row{height:24px;display:grid;grid-template-columns:20px 1fr 50px;grid-column-gap:2px;color:var(--font-color);border-bottom:1px solid var(--border-color)}.csseditor .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row[data-selected=true]{background-color:var(--timeline-row-selected-color);color:var(--selected-font-color)}.csseditor .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .current-value{vertical-align:middle;padding:5px 0px}.csseditor .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .current-value input{width:100%;vertical-align:middle}.csseditor .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .icon{padding-top:5px}.csseditor .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .icon svg{width:16px;height:16px;transform:rotate(90deg);transition:transform .2s ease}.csseditor .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .title{vertical-align:middle;padding-top:5px;cursor:pointer;color:var(--font-color)}.csseditor .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .tools{padding-top:3px;text-align:right}.csseditor .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .tools>*{margin-right:5px}.csseditor .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .tools .empty{margin-right:0px}.csseditor .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row.layer-property{overflow:hidden;grid-template-columns:20px 1fr .8fr 50px}.csseditor .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row.layer-property .title{padding-left:10px}.csseditor .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row.layer-property .tools button.add{width:7px;height:7px;display:inline-block;box-shadow:0 0 0 1px var(--border-color);background-color:var(--border-color);vertical-align:middle;cursor:pointer;transform:translateX(-4px) translateY(0px) rotate(45deg)}.csseditor .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row.layer-property .tools button.add:hover{box-shadow:0 0 0 2px var(--selected-color);background-color:var(--selected-color)}.csseditor .timeline-area .timeline-body .keyframe-time-grid-view{position:absolute;top:0px;right:0px;bottom:0px;left:300px;pointer-events:none}.csseditor .timeline-area .timeline-body .keyframe-time-grid-view canvas{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none}.csseditor .timeline-area .timeline-body .timeline-keyframe-area{position:absolute;top:0px;right:0px;bottom:0px;left:300px;overflow:auto}.csseditor .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-container{position:relative;min-height:100%;outline:none}.csseditor .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-container .drag-area{position:absolute;border:1px solid #7db4db;background-color:rgba(53,133,189,.7);left:-10000px;right:-10000px;width:0px;height:0px;pointer-events:none}.csseditor .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe.collapsed .timeline-keyframe-row.layer-property{display:none}.csseditor .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row{height:24px;border-bottom:1px solid var(--border-color);position:relative}.csseditor .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe{position:absolute;top:50%;transform:translateY(-50%);height:10px;background-color:rgba(var(--border-color), 0.5);display:inline-block}.csseditor .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe .offset{position:absolute;top:50%;border:1px solid var(--selected-color);display:inline-block;width:8px;height:8px;background-color:var(--background-color);transform:translateY(-50%) translateX(-50%) rotate(45deg);cursor:ew-resize;pointer-events:all}.csseditor .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe .offset[data-selected=true]{background-color:var(--selected-color);box-shadow:0 0 0 1px var(--selected-color)}.csseditor .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-shadow{position:absolute;top:50%;transform:translateY(-50%);height:10px;display:inline-block}.csseditor .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-shadow .offset{position:absolute;top:50%;border:1px solid var(--selected-color);display:inline-block;width:8px;height:8px;background-color:var(--background-color);transform:translateY(-50%) translateX(-50%) rotate(45deg);cursor:ew-resize;pointer-events:all}.csseditor .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-shadow .offset[data-selected=true]{background-color:var(--selected-color);box-shadow:0 0 0 1px var(--selected-color)}.csseditor .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-back{position:absolute;height:100%;display:inline-block}.csseditor .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-back .offset-line{position:absolute;top:50%;display:inline-block;height:1px;background-color:var(--selected-color);transform:translateY(-52%)}.csseditor .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-back .sub-offset{position:absolute;top:50%;display:inline-block;width:2px;height:6px;background-color:#0bc4e4;transform:translate(-50%, -50%)}.csseditor .timeline-play-control{text-align:left;display:grid;grid-template-columns:188px 120px 120px 1fr;grid-column-gap:5px}.csseditor .timeline-play-control .speed-number{position:relative}.csseditor .timeline-play-control .speed-number:after{position:absolute;right:14px;top:1px;content:"X";display:inline-block}.csseditor .timeline-play-control .speed-number input{width:100%}.csseditor .timeline-play-control label{vertical-align:middle;padding-right:10px;color:var(--font-color)}.csseditor .timeline-play-control label svg{width:16px;height:16px;vertical-align:middle}.csseditor .timeline-play-control .input{vertical-align:middle}.csseditor .timeline-play-control .input input{vertical-align:middle;height:20px;width:100%}.csseditor .timeline-play-control .row{display:flex}.csseditor .timeline-play-control .row:first-child{text-align:center}.csseditor .timeline-play-control button{display:inline-block;vertical-align:middle;width:24px;height:24px}.csseditor .timeline-play-control button.play{color:var(--selected-color)}.csseditor .timeline-play-control button.pause{display:none;color:#6677d8}.csseditor .timeline-play-control .play-buttons[data-status=play] .pause{display:inline-block}.csseditor .timeline-play-control .play-buttons[data-status=play] .play{display:none}.csseditor .timeline-play-control .play-buttons[data-status=pause] .play{display:inline-block}.csseditor .timeline-play-control .direction-buttons{display:flex;padding-top:2px}.csseditor .timeline-play-control .direction-buttons[data-selected-direction=normal] [data-value=normal]{background-color:var(--selected-background-color);color:var(--selected-color)}.csseditor .timeline-play-control .direction-buttons[data-selected-direction=alternate] [data-value=alternate]{background-color:var(--selected-background-color);color:var(--selected-color)}.csseditor .timeline-play-control .direction-buttons[data-selected-direction=reverse] [data-value=reverse]{background-color:var(--selected-background-color);color:var(--selected-color)}.csseditor .timeline-play-control .direction-buttons[data-selected-direction=alternate-reverse] [data-value=alternate-reverse]{background-color:var(--selected-background-color);color:var(--selected-color)}.csseditor .timeline-play-control .direction-buttons button{width:20px;height:20px;margin-right:5px;border-radius:3px}.csseditor .keyframe-time-control .time-manager{display:grid;grid-template-columns:20px 90px 70px 84px 10px;grid-column-gap:0px}.csseditor .keyframe-time-control .time-manager label{padding-right:0px}.csseditor .keyframe-time-control .time-manager label svg{width:16px;height:16px}.csseditor .keyframe-time-control input[type=text]{width:80px}.csseditor .status-bar{flex:none;height:30px;overflow:hidden;position:relative;background-color:var(--status-bar-background-color);z-index:1;pointer-events:all;display:grid;grid-template-columns:auto auto;color:#fff}.csseditor .status-bar .message-view{padding:5px 5px}.csseditor .status-bar .tool-view{text-align:right;padding:5px 5px;text-align:right}.csseditor .status-bar .tool-view>div{display:inline-block;background-color:var(--status-bar-item-background-color);border-radius:3px;min-width:50px}.csseditor .status-bar .status-selector{display:inline-grid;text-align:left;grid-template-columns:50px 1fr;padding-left:5px}.csseditor .status-bar .status-selector>label{display:inline-block}.csseditor .status-bar .status-selector>.item{display:inline-block}.csseditor .status-bar .status-selector>.item .select-editor{height:100%;width:50px;background-color:var(--background-color);color:var(--font-color)}.csseditor .feature-control.inspector{position:relative;height:100%;border-left:1px solid var(--border-color)}.csseditor .feature-control.inspector>div{position:relative;height:100%}.csseditor .feature-control.inspector>div .empty{height:100px}.csseditor .feature-control.inspector>div>.tab>.tab-header{height:50px}.csseditor .feature-control.inspector>div>.tab>.tab-header .tab-item{padding:8px 0px}.csseditor .feature-control.inspector>div>.tab>.tab-body{top:50px}.csseditor .feature-control.object-list{position:relative;border-right:1px solid var(--border-color);box-sizing:border-box;height:100%}.csseditor .feature-control.object-list .property{margin:0px;height:100%;border:0px;padding:0px 0px}.csseditor .feature-control.object-list .property .property-body{padding:0px}.csseditor .feature-control .layer-tab{position:absolute;left:0px;top:0px;bottom:0px;right:0px}.csseditor .feature-control .layer-tab .project-content>div{position:absolute;left:5px;right:5px}.csseditor .feature-control .layer-tab .project-content>div:first-child{top:0px;height:150px}.csseditor .feature-control .layer-tab .project-content>div:nth-child(1){top:0px;height:150px}.csseditor .feature-control .layer-tab .project-content>div:not(:first-child){border-top:1px solid var(--border-color)}.csseditor .feature-control .layer-tab .project-content>div:last-child{top:150px;bottom:0px;height:auto !important}.csseditor .feature-control .layer-tab .object-items>div{position:absolute;left:5px;right:5px}.csseditor .feature-control .layer-tab .object-items>div:first-child{top:0px;bottom:0px}.csseditor .feature-control .layer-tab .assets{padding:3px}.csseditor .feature-control .layer-tab .assets .property{height:auto}.csseditor .notification-view{display:inline-block;position:absolute;right:10px;top:10px;z-index:10000}.csseditor .notification-view .item{position:relative;min-width:300px;border-radius:4px;color:#fff;margin-bottom:10px;padding:10px 20px;opacity:1;transition:opacity 10s linear}.csseditor .notification-view .item .description{padding-top:10px}.csseditor .notification-view .item .icon{position:absolute;right:10px;top:10px;display:inline-block}.csseditor .notification-view .item .icon svg path{fill:currentColor}.csseditor .notification-view .item.alert{background-color:rgba(228,80,80,.87)}.csseditor .notification-view .item.alert .title{font-weight:bold;color:#fff}.csseditor .notification-view .item.alert .description{color:#fff}