.layout-col{display:flex;flex-direction:column;flex-grow:1}.layout-row{display:flex;flex-direction:row;flex-grow:1}.separator.vertical{flex:0 0 auto}.separator.vertical.related{height:4px}.separator.vertical.unrelated{height:16px}.separator.vertical.section{margin:12px 0;width:100%}.separator.vertical.section div{margin:0 4px;height:1px;width:calc(100% - 8px);background:var(--color-5-dullgray)}.separator.horizontal{flex:0 0 auto}.separator.horizontal.related{width:4px}.separator.horizontal.unrelated{width:16px}.separator.horizontal.section{margin:0 12px;height:100%}.separator.horizontal.section div{margin:4px 0;height:calc(100% - 8px);width:1px;background:var(--color-5-dullgray)}.icon-label{flex:0 0 auto;fill:var(--color-e-nearwhite)}.icon-label.disabled{fill:var(--color-8-uppergray)}.icon-label.size-12{width:12px;height:12px}.icon-label.size-16{width:16px;height:16px}.icon-label.size-24{width:24px;height:24px}.text-label{line-height:18px;white-space:nowrap;cursor:default}.text-label.disabled{color:var(--color-8-uppergray)}.text-label.bold{font-weight:700}.text-label.italic{font-style:italic}.text-label.multiline{white-space:pre-wrap;margin:4px 0}.text-label.table-align{flex:0 0 30%;text-align:right}.user-input-label{flex:0 0 auto;align-items:center;white-space:nowrap}.user-input-label.text-only{display:flex}.user-input-label.text-only .input-key{display:flex;align-items:center}.user-input-label.text-only .input-key .icon-label{margin:3px 0}.user-input-label.text-only .input-key+.input-key:before{line-height:18px;content:"+"}.user-input-label:not(.text-only) .input-key+.input-key,.user-input-label:not(.text-only) .input-key+.input-mouse,.user-input-label:not(.text-only) .input-mouse+.input-key,.user-input-label:not(.text-only) .input-mouse+.input-mouse{margin-left:2px}.user-input-label:not(.text-only) .input-key{display:flex;justify-content:center;align-items:center;font-family:Inconsolata,monospace;font-weight:400;text-align:center;height:16px;box-sizing:border-box;border:1px solid;border-radius:4px;border-color:var(--color-5-dullgray);color:var(--color-e-nearwhite)}.user-input-label:not(.text-only) .input-key .text-label{line-height:15px}.user-input-label:not(.text-only) .input-key.width-1{width:16px}.user-input-label:not(.text-only) .input-key.width-2{width:24px}.user-input-label:not(.text-only) .input-key.width-3{width:32px}.user-input-label:not(.text-only) .input-key.width-4{width:40px}.user-input-label:not(.text-only) .input-key.width-5{width:48px}.user-input-label:not(.text-only) .input-key .icon-label{margin:1px}.user-input-label .input-mouse .bright{fill:var(--color-e-nearwhite)}.user-input-label .input-mouse .dim{fill:var(--color-8-uppergray)}.user-input-label .hint-text:not(:empty){margin-left:4px}.floating-menu-content .row>.user-input-label .input-key{border-color:var(--color-3-darkgray);color:var(--color-8-uppergray)}.floating-menu-content .row>.user-input-label .input-key .icon-label svg,.floating-menu-content .row>.user-input-label.keyboard-lock-notice.keyboard-lock-notice svg,.floating-menu-content .row>.user-input-label .input-mouse .bright{fill:var(--color-8-uppergray)}.floating-menu-content .row>.user-input-label .input-mouse .dim{fill:var(--color-3-darkgray)}.floating-menu-content .row:hover>.user-input-label .input-key{border-color:var(--color-8-uppergray)}.floating-menu-content .row:hover>.user-input-label .input-mouse .dim{fill:var(--color-8-uppergray)}.status-bar{height:24px;width:100%;flex:0 0 auto}.status-bar .hint-groups{flex:0 0 auto;max-width:100%;margin:0 -4px;overflow:hidden}.status-bar .hint-groups .separator.section{margin:0 4px}.status-bar .hint-groups .plus,.status-bar .hint-groups .slash{flex:0 0 auto;align-items:center;font-weight:700}.status-bar .hint-groups .user-input-label{margin:0 8px}.status-bar .hint-groups .user-input-label+.user-input-label{margin-left:0}.floating-menu{position:absolute;width:0;height:0;display:flex;z-index:1000;--floating-menu-content-offset:0}.floating-menu .tail{width:0;height:0;border-style:solid;z-index:10;position:fixed}.floating-menu .floating-menu-container{display:flex}.floating-menu .floating-menu-container .floating-menu-content{background:var(--color-2-mildblack);box-shadow:rgba(var(--color-0-black-rgb),50%) 0 2px 4px;border-radius:4px;color:var(--color-e-nearwhite);font-size:inherit;padding:8px;z-index:0;position:fixed}.floating-menu.dropdown.top{width:100%;left:0;top:0}.floating-menu.dropdown.bottom{width:100%;left:0;bottom:0}.floating-menu.dropdown.left{height:100%;top:0;left:0}.floating-menu.dropdown.right{height:100%;top:0;right:0}.floating-menu.dropdown.topleft{top:0;left:0;margin-top:-4px}.floating-menu.dropdown.topright{top:0;right:0;margin-top:-4px}.floating-menu.dropdown.topleft{bottom:0;left:0;margin-bottom:-4px}.floating-menu.dropdown.topright{bottom:0;right:0;margin-bottom:-4px}.floating-menu.top.dropdown .floating-menu-container,.floating-menu.bottom.dropdown .floating-menu-container{justify-content:left}.floating-menu.popover{--floating-menu-content-offset:10px}.floating-menu.cursor .floating-menu-container .floating-menu-content{background:none;box-shadow:none;border-radius:0;padding:0}.floating-menu.center{justify-content:center;align-items:center}.floating-menu.center>.floating-menu-container>.floating-menu-content{transform:translate(-50%,-50%)}.floating-menu.top,.floating-menu.bottom{flex-direction:column}.floating-menu.top .tail{border-width:8px 6px 0 6px;border-color:var(--color-2-mildblack) transparent transparent transparent;margin-left:-6px;margin-bottom:2px}.floating-menu.bottom .tail{border-width:0 6px 8px 6px;border-color:transparent transparent var(--color-2-mildblack) transparent;margin-left:-6px;margin-top:2px}.floating-menu.left .tail{border-width:6px 0 6px 8px;border-color:transparent transparent transparent var(--color-2-mildblack);margin-top:-6px;margin-right:2px}.floating-menu.right .tail{border-width:6px 8px 6px 0;border-color:transparent var(--color-2-mildblack) transparent transparent;margin-top:-6px;margin-left:2px}.floating-menu.top .floating-menu-container{justify-content:center;margin-bottom:var(--floating-menu-content-offset)}.floating-menu.bottom .floating-menu-container{justify-content:center;margin-top:var(--floating-menu-content-offset)}.floating-menu.left .floating-menu-container{align-items:center;margin-right:var(--floating-menu-content-offset)}.floating-menu.right .floating-menu-container{align-items:center;margin-left:var(--floating-menu-content-offset)}.field-input{min-width:80px;height:auto;position:relative;border-radius:2px;background:var(--color-1-nearblack);flex-direction:row-reverse}.field-input label{flex:0 0 auto;line-height:18px;padding:3px 4px 3px 0;margin-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-input:not(.disabled) label{cursor:text}.field-input input,.field-input textarea{flex:1 1 100%;width:0;min-width:30px;height:18px;line-height:18px;margin:0 8px;padding:3px 0;outline:none;border:none;background:none;color:var(--color-e-nearwhite);caret-color:var(--color-e-nearwhite)}.field-input input::selection,.field-input textarea::selection{background-color:var(--color-4-dimgray)}@supports (background: -webkit-named-image(i)){.field-input input::selection,.field-input textarea::selection{background-color:rgba(var(--color-4-dimgray-rgb),.9960784314)}}.field-input input:not(:focus).has-label{text-align:right;margin-left:0;margin-right:8px}.field-input input:focus{text-align:left}.field-input input:focus+label{display:none}.field-input textarea{min-height:54px;margin:3px;padding:0 5px;box-sizing:border-box;resize:vertical}.field-input.disabled{background:var(--color-2-mildblack)}.field-input.disabled label,.field-input.disabled input,.field-input.disabled textarea{color:var(--color-8-uppergray)}.field-input.disabled input{pointer-events:none}.text-input{flex-shrink:0}.text-input input{text-align:left}.text-input.centered input:not(:focus){text-align:center}.menu-list .search{margin:0 4px 4px}.menu-list .floating-menu-container .floating-menu-content.floating-menu-content{padding:4px 0}.menu-list .floating-menu-container .floating-menu-content.floating-menu-content .separator{margin:4px 0}.menu-list .floating-menu-container .floating-menu-content.floating-menu-content .separator div{background:var(--color-4-dimgray)}.menu-list .floating-menu-container .floating-menu-content.floating-menu-content .scroll-spacer{flex:0 0 auto}.menu-list .floating-menu-container .floating-menu-content.floating-menu-content .row{height:20px;align-items:center;white-space:nowrap;position:relative;flex:0 0 auto;border-radius:2px;margin:0 4px}.menu-list .floating-menu-container .floating-menu-content.floating-menu-content .row>*{flex:0 0 auto}.menu-list .floating-menu-container .floating-menu-content.floating-menu-content .row .no-icon{width:16px;height:16px}.menu-list .floating-menu-container .floating-menu-content.floating-menu-content .row .entry-label{flex:1 1 100%;margin:0 4px}.menu-list .floating-menu-container .floating-menu-content.floating-menu-content .row .entry-icon,.menu-list .floating-menu-container .floating-menu-content.floating-menu-content .row .no-icon{margin:0 4px}.menu-list .floating-menu-container .floating-menu-content.floating-menu-content .row .user-input-label{margin-left:12px}.menu-list .floating-menu-container .floating-menu-content.floating-menu-content .row .submenu-arrow{transform:rotate(270deg)}.menu-list .floating-menu-container .floating-menu-content.floating-menu-content .row .no-submenu-arrow{width:12px;height:12px}.menu-list .floating-menu-container .floating-menu-content.floating-menu-content .row.open>.menu-list{margin-right:-4px}.menu-list .floating-menu-container .floating-menu-content.floating-menu-content .row.open:after{content:"";position:absolute;top:0;right:-4px;width:4px;height:100%}.menu-list .floating-menu-container .floating-menu-content.floating-menu-content .row:hover,.menu-list .floating-menu-container .floating-menu-content.floating-menu-content .row.open{background:var(--color-4-dimgray)}.menu-list .floating-menu-container .floating-menu-content.floating-menu-content .row.active{background:var(--color-e-nearwhite);color:var(--color-2-mildblack)}.menu-list .floating-menu-container .floating-menu-content.floating-menu-content .row.active svg{fill:var(--color-2-mildblack)}.menu-list .floating-menu-container .floating-menu-content.floating-menu-content .row.disabled{color:var(--color-8-uppergray)}.menu-list .floating-menu-container .floating-menu-content.floating-menu-content .row.disabled:hover{background:none}.menu-list .floating-menu-container .floating-menu-content.floating-menu-content .row.disabled svg{fill:var(--color-8-uppergray)}.text-button-container{display:flex;position:relative}.text-button{display:flex;justify-content:center;align-items:center;flex:0 0 auto;white-space:nowrap;height:24px;margin:0;padding:0 8px;box-sizing:border-box;border:none;border-radius:2px;background:var(--button-background-color);color:var(--button-text-color);--button-background-color:var(--color-5-dullgray);--button-text-color:var(--color-e-nearwhite)}.text-button:hover,.text-button.open{--button-background-color:var(--color-6-lowergray);--button-text-color:var(--color-f-white)}.text-button.hover-icon:not(:hover) .icon-label:nth-of-type(2){display:none}.text-button.hover-icon:hover .icon-label:nth-of-type(1){display:none}.text-button.disabled{--button-background-color:var(--color-4-dimgray);--button-text-color:var(--color-8-uppergray)}.text-button.emphasized{--button-background-color:var(--color-e-nearwhite);--button-text-color:var(--color-2-mildblack)}.text-button.emphasized:hover,.text-button.emphasized.open{--button-background-color:var(--color-f-white)}.text-button.emphasized.disabled{--button-background-color:var(--color-8-uppergray)}.text-button.flush{background:none}.text-button.flush:hover,.text-button.flush.open{background:var(--color-5-dullgray)}.text-button .icon-label{fill:var(--button-text-color)}.text-button .icon-label+.text-label{margin-left:8px}.text-button .text-label{overflow:hidden}.widget-span.row>.text-button+.text-button,.layout-row>.text-button+.text-button{margin-left:8px}.widget-span.column>.text-button+.text-button,.layout-column>.text-button+.text-button{margin-top:8px}.window-buttons-mac{flex:0 0 auto;align-items:center;margin:0 8px}.window-buttons-mac div{flex:0 0 auto;align-items:center;width:11px;height:11px;border-radius:50%}.window-buttons-mac div+div{margin-left:8px}.window-buttons-mac div.close{background:#ff5a52}.window-buttons-mac div.minimize{background:#e6c029}.window-buttons-mac div.zoom{background:#54c22b}.window-buttons-web{flex:0 0 auto;align-items:center;padding:0 8px}.window-buttons-web svg{fill:var(--color-e-nearwhite)}.window-buttons-web .text-label{margin-right:8px}.window-buttons-web:hover{background:var(--color-6-lowergray);color:var(--color-f-white)}.window-buttons-web:hover svg{fill:var(--color-f-white)}.window-button.windows{flex:0 0 auto;align-items:center;padding:0 17px}.window-button.windows svg{fill:var(--color-e-nearwhite)}.window-button.windows:hover{background:var(--color-6-lowergray)}.window-button.windows:hover svg{fill:var(--color-f-white)}.window-button.windows.close:hover{background:#e81123}.window-title{flex:0 0 auto;align-items:center;white-space:nowrap;padding:0 8px}.title-bar{height:28px;flex:0 0 auto}.title-bar>.layout-row{flex:1 1 100%}.title-bar>.layout-row.left{justify-content:flex-start}.title-bar>.layout-row.center{justify-content:center}.title-bar>.layout-row.right{justify-content:flex-end}.title-bar .text-button{height:28px}.icon-button{display:flex;justify-content:center;align-items:center;flex:0 0 auto;margin:0;padding:0;border:none;border-radius:2px;background:none}.icon-button svg{fill:var(--color-e-nearwhite)}.icon-button+:where(.icon-button){margin-left:0}.icon-button:hover{background:var(--color-5-dullgray)}.icon-button.hover-icon:not(:hover) .icon-label:nth-of-type(2){display:none}.icon-button.hover-icon:hover .icon-label:nth-of-type(1){display:none}.icon-button.disabled{background:none}.icon-button.disabled svg{fill:var(--color-8-uppergray)}.icon-button.active{background:var(--color-e-nearwhite)}.icon-button.active svg{fill:var(--color-2-mildblack)}.icon-button.size-12{width:12px;height:12px}.icon-button.size-16{width:16px;height:16px}.icon-button.size-24{width:24px;height:24px}.icon-button.size-32{width:32px;height:32px}.breadcrumb-trail-buttons .text-button{position:relative}.breadcrumb-trail-buttons .text-button:not(:first-of-type){border-top-left-radius:0;border-bottom-left-radius:0}.breadcrumb-trail-buttons .text-button:not(:first-of-type):before{content:"";position:absolute;top:0;left:-4px;width:0;height:0;border-style:solid;border-width:12px 0 12px 4px;border-color:var(--button-background-color) var(--button-background-color) var(--button-background-color) transparent}.breadcrumb-trail-buttons .text-button:not(:last-of-type){border-top-right-radius:0;border-bottom-right-radius:0}.breadcrumb-trail-buttons .text-button:not(:last-of-type):after{content:"";position:absolute;top:0;right:-4px;width:0;height:0;border-style:solid;border-width:12px 0 12px 4px;border-color:transparent transparent transparent var(--button-background-color)}.breadcrumb-trail-buttons .text-button:last-of-type{pointer-events:none}.number-input input{text-align:center}.number-input.increment label{margin-left:16px}.number-input.increment input[type=text]:not(:focus).has-label{margin-right:16px}.number-input.increment input[type=text]:focus~.arrow,.number-input.increment.disabled .arrow,.number-input.increment:not(:hover) .arrow{display:none}.number-input.increment:not(.disabled) input[type=text]:not(:focus),.number-input.increment:not(.disabled) label{cursor:ew-resize}.number-input.increment .arrow{position:absolute;top:0;margin:0;padding:9px 0;border:none;border-radius:2px;background:none}.number-input.increment .arrow:hover{background:var(--color-4-dimgray)}.number-input.increment .arrow.right{right:0;padding-left:7px;padding-right:6px}.number-input.increment .arrow.right:before{content:"";display:block;width:0;height:0;border-style:solid;border-width:3px 0 3px 3px;border-color:transparent transparent transparent var(--color-e-nearwhite)}.number-input.increment .arrow.left{left:0;padding-left:6px;padding-right:7px}.number-input.increment .arrow.left:after{content:"";display:block;width:0;height:0;border-style:solid;border-width:3px 3px 3px 0;border-color:transparent var(--color-e-nearwhite) transparent transparent}.number-input.range{position:relative}.number-input.range input[type=text],.number-input.range label{z-index:1}.number-input.range input[type=text]:focus~.slider,.number-input.range input[type=text]:focus~.fake-slider-thumb,.number-input.range input[type=text]:focus~.slider-progress{display:none}.number-input.range .slider{position:absolute;left:0;top:0;width:100%;height:100%;padding:0;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:default;z-index:2;mix-blend-mode:screen}.number-input.range .slider.hidden{opacity:0}.number-input.range .slider:disabled{mix-blend-mode:normal;z-index:0}.number-input.range .slider:hover~.slider-progress:before{background:var(--color-3-darkgray)}.number-input.range .slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:2px;width:4px;height:22px;background:#494949}.number-input.range .slider:hover::-webkit-slider-thumb{background:#5b5b5b}.number-input.range .slider:disabled::-webkit-slider-thumb{background:var(--color-4-dimgray)}.number-input.range .slider::-moz-range-thumb{border:none;border-radius:2px;width:4px;height:22px;background:#494949}.number-input.range .slider:hover::-moz-range-thumb{background:#5b5b5b}.number-input.range .slider:disabled::-moz-range-thumb{background:var(--color-4-dimgray)}.number-input.range .slider::-moz-range-track{height:0}.number-input.range .fake-slider-thumb{position:absolute;left:2px;right:2px;top:0;bottom:0;z-index:2;mix-blend-mode:screen;pointer-events:none}.number-input.range .fake-slider-thumb:before{content:"";position:absolute;border-radius:2px;margin-left:-2px;width:4px;height:22px;top:1px;left:calc(var(--progress-factor) * 100%);background:#5b5b5b}.number-input.range .slider-progress{position:absolute;top:2px;bottom:2px;left:2px;right:2px;pointer-events:none}.number-input.range .slider-progress:before{content:"";position:absolute;top:0;left:0;width:calc(var(--progress-factor) * 100% - 2px);height:100%;background:var(--color-2-mildblack);border-radius:1px 0 0 1px}.spectrum-input{--marker-half-width:6px}.spectrum-input .gradient-strip{flex:0 0 auto;height:16px;background-image:var(--gradient-stops),linear-gradient(var(--gradient-start),var(--gradient-start)),linear-gradient(var(--gradient-end),var(--gradient-end)),var(--color-transparent-checkered-background);background-size:calc(100% - 2 * var(--marker-half-width)) 100%,var(--marker-half-width) 100%,var(--marker-half-width) 100%,var(--color-transparent-checkered-background-size);background-position:var(--marker-half-width) 0,left 0,right 0,var(--color-transparent-checkered-background-position);background-repeat:no-repeat,no-repeat,no-repeat,var(--color-transparent-checkered-background-repeat);border-radius:2px}.spectrum-input .marker-track{margin-top:-4px;margin-left:var(--marker-half-width);width:calc(100% - 2 * var(--marker-half-width));position:relative}.spectrum-input .marker-track .marker{position:absolute;transform:translate(-50%);left:calc(var(--marker-position) * 100%);width:12px;height:12px}.spectrum-input .marker-track .marker path:first-child{fill:var(--marker-color)}.spectrum-input .marker-track .marker path:last-child{fill:var(--color-5-dullgray)}.spectrum-input .marker-track .marker:not(.active) path:first-child:hover+path:last-child,.spectrum-input .marker-track .marker:not(.active) path:last-child:hover{fill:var(--color-6-lowergray)}.spectrum-input .marker-track .marker.active path:last-child{fill:var(--color-e-nearwhite)}.spectrum-input .marker-track .marker.active path:first-child:hover+path:last-child,.spectrum-input .marker-track .marker.active path:last-child:hover{fill:var(--color-f-white)}.color-picker .pickers-and-gradient .pickers .saturation-value-picker{width:256px;background-blend-mode:multiply;background:linear-gradient(to bottom,#fff,#000),linear-gradient(to right,#ffffff,var(--hue-color));position:relative}.color-picker .pickers-and-gradient .pickers .saturation-value-picker,.color-picker .pickers-and-gradient .pickers .hue-picker,.color-picker .pickers-and-gradient .pickers .alpha-picker{height:256px;border-radius:2px;position:relative;overflow:hidden}.color-picker .pickers-and-gradient .pickers .hue-picker,.color-picker .pickers-and-gradient .pickers .alpha-picker{width:24px;margin-left:8px;position:relative}.color-picker .pickers-and-gradient .pickers .hue-picker{--selection-needle-color:var(--hue-color-contrasting);background-blend-mode:screen;background:linear-gradient(to top,red 16.6666666667%,#f000 33.3333333333%,#f000 66.6666666667%,red 83.3333333333%),linear-gradient(to top,#0f00,#0f0 16.6666666667%,#0f0 50%,#0f00 66.6666666667%),linear-gradient(to top,#00f0 33.3333333333%,#00f 50%,#00f 83.3333333333%,#00f0)}.color-picker .pickers-and-gradient .pickers .alpha-picker{--selection-needle-color:var(--new-color-contrasting);background-image:linear-gradient(to bottom,var(--opaque-color),transparent),var(--color-transparent-checkered-background);background-size:100% 100%,var(--color-transparent-checkered-background-size);background-position:0 0,var(--color-transparent-checkered-background-position);background-repeat:no-repeat,var(--color-transparent-checkered-background-repeat)}.color-picker .pickers-and-gradient .pickers .selection-circle{position:absolute;left:0%;top:0%;width:0;height:0;pointer-events:none}.color-picker .pickers-and-gradient .pickers .selection-circle:after{content:"";display:block;position:relative;left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;border:2px solid var(--opaque-color-contrasting);box-sizing:border-box}.color-picker .pickers-and-gradient .pickers .selection-needle{position:absolute;top:0%;width:100%;height:0;pointer-events:none}.color-picker .pickers-and-gradient .pickers .selection-needle:before{content:"";position:absolute;top:-4px;left:0;border-style:solid;border-width:4px 0 4px 4px;border-color:transparent transparent transparent var(--selection-needle-color)}.color-picker .pickers-and-gradient .pickers .selection-needle:after{content:"";position:absolute;top:-4px;right:0;border-style:solid;border-width:4px 4px 4px 0;border-color:transparent var(--selection-needle-color) transparent transparent}.color-picker .pickers-and-gradient .gradient{margin-top:16px}.color-picker .pickers-and-gradient .gradient .spectrum-input{flex:1 1 100%}.color-picker .pickers-and-gradient .gradient .number-input{margin-left:8px;min-width:0;width:56px;flex:0 0 auto}.color-picker .details{margin-left:16px;width:200px;gap:8px}.color-picker .details>.layout-row{height:24px;flex:0 0 auto}.color-picker .details>.layout-row>.text-label{flex:0 0 34px;line-height:24px}.color-picker .details>.layout-row.leftover-space{flex:1 1 100%}.color-picker .details .choice-preview{flex:0 0 auto;width:100%;height:32px;border-radius:2px;border:1px solid var(--color-1-nearblack);box-sizing:border-box;overflow:hidden;position:relative;background-image:var(--color-transparent-checkered-background);background-size:var(--color-transparent-checkered-background-size);background-position:var(--color-transparent-checkered-background-position);background-repeat:var(--color-transparent-checkered-background-repeat)}.color-picker .details .choice-preview .swap-button-background{overflow:hidden;position:absolute;mix-blend-mode:multiply;opacity:.25;border-radius:2px;width:16px;height:16px;top:50%;left:50%;transform:translate(-50%,-50%)}.color-picker .details .choice-preview .swap-button-background:before,.color-picker .details .choice-preview .swap-button-background:after{content:"";position:absolute;width:50%;height:100%}.color-picker .details .choice-preview .swap-button-background:before{left:0;background:var(--new-color-contrasting)}.color-picker .details .choice-preview .swap-button-background:after{right:0;background:var(--old-color-contrasting)}.color-picker .details .choice-preview .swap-button{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%}.color-picker .details .choice-preview .new-color{background:var(--new-color)}.color-picker .details .choice-preview .new-color .text-label{text-align:left;margin:2px 8px;color:var(--new-color-contrasting)}.color-picker .details .choice-preview .old-color{background:var(--old-color)}.color-picker .details .choice-preview .old-color .text-label{text-align:right;margin:2px 8px;color:var(--old-color-contrasting)}.color-picker .details .choice-preview .new-color,.color-picker .details .choice-preview .old-color{width:50%;height:100%}.color-picker .details .choice-preview .new-color.none,.color-picker .details .choice-preview .old-color.none{background:var(--color-none);background-repeat:var(--color-none-repeat);background-position:var(--color-none-position);background-size:var(--color-none-size-32px);background-image:var(--color-none-image-32px)}.color-picker .details .choice-preview .new-color.none .text-label,.color-picker .details .choice-preview .old-color.none .text-label{text-shadow:0 0 4px white,0 0 4px white,0 0 4px white,0 0 4px white,0 0 4px white,0 0 4px white,0 0 4px white,0 0 4px white,0 0 4px white,0 0 4px white}.color-picker .details .preset-color{border:none;margin:0;padding:0;border-radius:2px;height:24px;flex:1 1 100%}.color-picker .details .preset-color.none{background:var(--color-none);background-repeat:var(--color-none-repeat);background-position:var(--color-none-position);background-size:var(--color-none-size-24px);background-image:var(--color-none-image-24px)}.color-picker .details .preset-color.none,.color-picker .details .preset-color.none~.black,.color-picker .details .preset-color.none~.white{width:48px}.color-picker .details .preset-color.black{background:#000}.color-picker .details .preset-color.white{background:#fff}.color-picker .details .preset-color.pure{width:24px;font-size:0;overflow:hidden;flex:0 0 auto}.color-picker .details .preset-color.pure div{display:inline-block;width:33.3333333333%;height:50%;background:var(--pure-color-gray);transition:background-color .2s ease}.color-picker .details .preset-color.pure:hover div{background:var(--pure-color)}.color-button{position:relative;min-width:80px;border-radius:2px;background:var(--color-5-dullgray)}.color-button:hover,.color-button:hover>.text-label,.color-button.open,.color-button.open>.text-label{background:rgba(var(--color-6-lowergray-rgb),50%)}.color-button.disabled,.color-button.disabled>.text-label{background:var(--color-4-dimgray);color:var(--color-8-uppergray)}.color-button>button{border:none;padding:0;margin:2px 0 0 2px;width:calc(100% - 4px);height:calc(100% - 4px);background-image:var(--chosen-gradient),var(--color-transparent-checkered-background);background-size:100% 100%,var(--color-transparent-checkered-background-size);background-position:0 0,var(--color-transparent-checkered-background-position);background-repeat:no-repeat,var(--color-transparent-checkered-background-repeat)}.color-button.none>button{background:var(--color-none);background-repeat:var(--color-none-repeat);background-position:var(--color-none-position);background-size:var(--color-none-size-24px);background-image:var(--color-none-image-24px)}.color-button.none.disabled>button:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(var(--color-4-dimgray-rgb),50%)}.color-button>.text-label{background:rgba(var(--color-5-dullgray-rgb),50%);font-size:10px;line-height:12px;height:12px;border-radius:6px 0 0 6px;padding-right:2px;padding-left:4px;margin:auto;position:absolute;right:0;top:0;bottom:0}.color-button>.floating-menu{left:50%;bottom:0}.parameter-expose-button{display:flex;align-items:center;flex:0 0 auto;max-height:24px}.parameter-expose-button button{flex:0 0 auto;width:8px;height:8px;margin:0;padding:0;border:none;background:none;fill:none;stroke:none}.parameter-expose-button button svg{width:10px;height:10px;margin-top:-1px;margin-left:-1px}.parameter-expose-button button:not(.exposed):not(:hover) .outline{fill:var(--data-type-color-dim)}.parameter-expose-button button:not(.exposed):hover .outline{fill:var(--data-type-color)}.parameter-expose-button button.exposed:not(:hover) .interior{fill:var(--data-type-color)}.parameter-expose-button button.exposed:hover .outline{fill:var(--data-type-color)}.parameter-expose-button button.exposed:hover .interior{fill:var(--data-type-color-dim)}.popover-button{position:relative;width:16px;height:24px;flex:0 0 auto}.popover-button.has-icon{width:36px}.popover-button.has-icon .dropdown-icon{padding-left:20px;box-sizing:content-box}.popover-button .dropdown-icon{width:16px;height:100%;padding:0;border:none;border-radius:2px;fill:var(--color-e-nearwhite)}.popover-button .dropdown-icon:hover:not(.disabled),.popover-button .dropdown-icon.open:not(.disabled){background:var(--color-5-dullgray)}.popover-button .descriptive-icon{width:16px;height:16px;margin:auto 0 auto -32px;pointer-events:none}.popover-button .floating-menu{left:50%;bottom:0}.popover-button .floating-menu .floating-menu-content>:first-child:not(:has(:not(.text-label))),.popover-button .floating-menu .floating-menu-content>:first-child:not(:has(:not(.checkbox-input))){margin-top:-8px}.popover-button .floating-menu .floating-menu-content>:last-child:not(:has(:not(.text-label))),.popover-button .floating-menu .floating-menu-content>:last-child:not(:has(:not(.checkbox-input))){margin-bottom:-8px}.checkbox-input{flex:0 0 auto;align-items:center}.checkbox-input input{width:0;height:0;margin:0;opacity:0}.checkbox-input label{display:flex;height:16px;border-radius:2px}.checkbox-input label .checkbox-box{flex:0 0 auto;background:var(--color-5-dullgray);padding:2px;border-radius:2px}.checkbox-input label .checkbox-box .icon-label{fill:var(--color-8-uppergray)}.checkbox-input label:hover .checkbox-box{background:var(--color-6-lowergray)}.checkbox-input label.disabled .checkbox-box{background:var(--color-4-dimgray)}.checkbox-input input:checked+label .checkbox-box{background:var(--color-e-nearwhite)}.checkbox-input input:checked+label .checkbox-box .icon-label{fill:var(--color-2-mildblack)}.checkbox-input input:checked+label:hover .checkbox-box{background:var(--color-f-white)}.checkbox-input input:checked+label.disabled .checkbox-box{background:var(--color-8-uppergray)}.checkbox-input+.text-label.text-label{margin-left:8px}.curve-input{background:var(--color-1-nearblack);display:flex;position:relative;min-width:calc(2 * var(--widget-height));max-width:calc(8 * var(--widget-height))}.curve-input .grid{stroke:var(--color-5-dullgray);stroke-width:.005;pointer-events:none}.curve-input .curve{fill:none;stroke:var(--color-e-nearwhite);stroke-width:.01}.curve-input .manipulator{fill:var(--color-1-nearblack);stroke:var(--color-e-nearwhite);stroke-width:.01}.curve-input .manipulator:hover{fill:var(--color-f-white);stroke:var(--color-f-white)}.curve-input .manipulator.handle{fill:var(--color-1-nearblack);stroke:var(--color-c-brightgray)}.curve-input .manipulator.handle:hover{fill:var(--color-a-softgray);stroke:var(--color-a-softgray)}.curve-input .handle-line{stroke:var(--color-5-dullgray);stroke-width:.005;pointer-events:none}.dropdown-input{position:relative}.dropdown-input .dropdown-box{align-items:center;white-space:nowrap;background:var(--color-1-nearblack);height:24px;border-radius:2px}.dropdown-input .dropdown-box .dropdown-label{margin:0 0 0 8px;flex:1 1 100%}.dropdown-input .dropdown-box .dropdown-icon{margin:4px 8px;flex:0 0 auto}.dropdown-input .dropdown-box .dropdown-icon+.dropdown-label{margin-left:0}.dropdown-input .dropdown-box .dropdown-arrow{margin:4px;flex:0 0 auto}.dropdown-input .dropdown-box:hover,.dropdown-input .dropdown-box.open{background:var(--color-4-dimgray)}.dropdown-input .dropdown-box.disabled{background:var(--color-2-mildblack)}.dropdown-input .dropdown-box.disabled span{color:var(--color-8-uppergray)}.dropdown-input .dropdown-box.disabled svg{fill:var(--color-8-uppergray)}.dropdown-input .menu-list .floating-menu-container .floating-menu-content{max-height:400px}.font-input{position:relative}.font-input .dropdown-box{align-items:center;white-space:nowrap;background:var(--color-1-nearblack);height:24px;border-radius:2px}.font-input .dropdown-box .dropdown-label{margin:0 0 0 8px;flex:1 1 100%}.font-input .dropdown-box .dropdown-arrow{margin:6px 2px;flex:0 0 auto}.font-input .dropdown-box:hover,.font-input .dropdown-box.open{background:var(--color-6-lowergray)}.font-input .dropdown-box:hover span,.font-input .dropdown-box.open span{color:var(--color-f-white)}.font-input .dropdown-box.open{border-radius:2px 2px 0 0}.font-input .dropdown-box.disabled{background:var(--color-2-mildblack)}.font-input .dropdown-box.disabled span{color:var(--color-8-uppergray)}.font-input .menu-list .floating-menu-container .floating-menu-content{max-height:400px;padding:4px 0}.pivot-input{position:relative;flex:0 0 auto;width:24px;height:24px;--pivot-border-color:var(--color-5-dullgray);--pivot-fill-active:var(--color-e-nearwhite)}.pivot-input button{position:absolute;width:5px;height:5px;margin:0;padding:0;background:var(--color-1-nearblack);border:1px solid var(--pivot-border-color)}.pivot-input button.active{border-color:transparent;background:var(--pivot-fill-active)}.pivot-input button.col-1:before,.pivot-input button.col-2:before{content:"";pointer-events:none;width:2px;height:0;border-top:1px solid var(--pivot-border-color);position:absolute;top:1px;right:-3px}.pivot-input button.row-1:after,.pivot-input button.row-2:after{content:"";pointer-events:none;width:0;height:2px;border-left:1px solid var(--pivot-border-color);position:absolute;bottom:-3px;right:1px}.pivot-input button.row-1{top:3px}.pivot-input button.col-1{left:3px}.pivot-input button.row-2{top:10px}.pivot-input button.col-2{left:10px}.pivot-input button.row-3{top:17px}.pivot-input button.col-3{left:17px}.pivot-input button div{width:100%;height:100%;padding:2px;margin:-2px}.pivot-input:not(.disabled) button:not(.active):hover{border-color:transparent;background:var(--color-6-lowergray)}.pivot-input.disabled button{--pivot-border-color:var(--color-4-dimgray);--pivot-fill-active:var(--color-8-uppergray)}.radio-input button{background:var(--color-5-dullgray);fill:var(--color-e-nearwhite);height:24px;margin:0;padding:0;border:none;display:flex;align-items:center;justify-content:center;min-width:fit-content;flex:1 1 0}.radio-input button.mixed{background:var(--color-4-dimgray)}.radio-input button:hover{background:var(--color-6-lowergray);color:var(--color-f-white)}.radio-input button:hover svg{fill:var(--color-f-white)}.radio-input button.active{background:var(--color-e-nearwhite);color:var(--color-2-mildblack)}.radio-input button.active svg{fill:var(--color-2-mildblack)}.radio-input button.disabled{background:var(--color-4-dimgray);color:var(--color-8-uppergray)}.radio-input button.disabled svg{fill:var(--color-8-uppergray)}.radio-input button.disabled.active{background:var(--color-8-uppergray);color:var(--color-2-mildblack)}.radio-input button.disabled.active svg{fill:var(--color-2-mildblack)}.radio-input button+button{margin-left:1px}.radio-input button:first-of-type{border-radius:2px 0 0 2px}.radio-input button:last-of-type{border-radius:0 2px 2px 0}.radio-input button .icon-label{margin:0 4px}.radio-input button .icon-label+.text-label{margin-left:0}.radio-input button .text-label{margin:0 8px;overflow:hidden;flex:0 0 auto}.radio-input.combined-before button:first-of-type,.radio-input.combined-after button:last-of-type{border-radius:0}.working-colors-button{flex:0 0 auto}.working-colors-button .swatch{width:28px;height:28px;margin:0 2px;position:relative}.working-colors-button .swatch>button{--swatch-color:#ffffff;width:100%;height:100%;border-radius:50%;border:2px var(--color-5-dullgray) solid;box-shadow:0 0 0 2px var(--color-3-darkgray);margin:0;padding:0;box-sizing:border-box;background:linear-gradient(var(--swatch-color),var(--swatch-color)),var(--color-transparent-checkered-background);background-size:100% 100%,var(--color-transparent-checkered-background-size);background-position:0 0,var(--color-transparent-checkered-background-position);background-repeat:no-repeat,var(--color-transparent-checkered-background-repeat);overflow:hidden}.working-colors-button .swatch>button:hover,.working-colors-button .swatch>button.open{border-color:var(--color-6-lowergray)}.working-colors-button .swatch .floating-menu{top:50%;right:-2px}.working-colors-button .swatch.primary{margin-bottom:-8px;z-index:1}.image-label{width:auto;height:auto}.image-label+.image-label.image-label{margin-left:8px}.widget-span.column{flex:0 0 auto;display:flex;flex-direction:column}.widget-span.row{flex:0 0 auto;display:flex;min-height:32px}.widget-span.row>*{--widget-height:24px;margin:calc((24px - var(--widget-height)) / 2 + 4px) 0;min-height:var(--widget-height)}.widget-span.row>*:not(.multiline){line-height:var(--widget-height)}.widget-span.row>*.icon-label.size-12{--widget-height:12px}.widget-span.row>*.icon-label.size-16{--widget-height:16px}.widget-section{flex:0 0 auto;margin:0 4px}.widget-section+.widget-section{margin-top:4px}.widget-section .header{text-align:left;align-items:center;display:flex;flex:0 0 24px;padding-left:8px;padding-right:0;margin-bottom:4px;border:0;border-radius:4px;background:var(--color-2-mildblack)}.widget-section .header.expanded{border-radius:4px 4px 0 0;margin-bottom:0}.widget-section .header.expanded .expand-arrow:after{transform:rotate(90deg)}.widget-section .header:hover{background:var(--color-4-dimgray)}.widget-section .header:hover .expand-arrow:after{background:var(--icon-expand-collapse-arrow-hover)}.widget-section .header:hover+.body{border:1px solid var(--color-4-dimgray)}.widget-section .header .expand-arrow{width:8px;height:8px;margin:0;padding:0;position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:center}.widget-section .header .expand-arrow:after{content:"";position:absolute;width:8px;height:8px;background:var(--icon-expand-collapse-arrow)}.widget-section .header .text-label{height:18px;margin-left:8px;flex:1 1 100%}.widget-section:not(:hover) .header .show-only-on-hover{display:none}.widget-section .body{padding:1px 7px 0;margin-top:-1px;background:var(--color-3-darkgray);border:1px solid var(--color-2-mildblack);border-radius:0 0 4px 4px;overflow:hidden}.widget-section .body .widget-span.row:first-child{margin-top:3px}.widget-section .body .widget-span.row:last-child{margin-bottom:3px}.widget-section .body .widget-span.row>.text-button:first-child{margin-left:16px}.widget-section .body .widget-span.row>.text-label:first-of-type{flex:0 0 25%;margin-left:16px}.widget-section .body .widget-span.row>.parameter-expose-button+.text-label:first-of-type{margin-left:8px}.widget-section .body .widget-span.row>.text-button{flex-grow:1}.widget-section .body .widget-span.row>.radio-input button{flex:1 1 100%}.dialog{position:absolute;pointer-events:none;width:100%;height:100%}.dialog>.floating-menu-container>.floating-menu-content{pointer-events:auto;padding:0}.dialog .header-area,.dialog .footer-area{background:var(--color-1-nearblack)}.dialog .header-area,.dialog .footer-area,.dialog .content{padding:16px 24px}.dialog .header-area{border-radius:4px 4px 0 0}.dialog .header-area .icon-label{width:24px;height:24px}.dialog .header-area .text-label{margin-left:12px;line-height:24px}.dialog .content{margin:-4px 0}.dialog .content.center .row{justify-content:center}.dialog .content .column-1+.column-2{margin-left:48px}.dialog .content .column-1+.column-2 .text-button{justify-content:left}.dialog .content .details.text-label{-webkit-user-select:text;user-select:text;white-space:pre-wrap;max-width:400px;height:auto}.dialog .content .radio-input button{flex-grow:1}.dialog .content .image-label{border-radius:2px}.dialog .footer-area{border-radius:0 0 4px 4px;justify-content:right}.dialog .footer-area .text-button{min-width:96px}.properties{height:100%;flex:1 1 100%}.properties .options-bar{min-height:32px;margin:0 4px}.properties .options-bar .widget-span{width:100%}.properties .sections{flex:1 1 100%}.properties .sections .separator.section.horizontal{margin:0 0 0 24px}.properties .sections .separator.section.horizontal div{width:0}.properties .text-button{flex-basis:0}.layers .options-bar{height:32px;flex:0 0 auto;margin:0 4px}.layers .options-bar .widget-span{width:100%;height:100%;min-width:300px}.layers .options-bar .dropdown-input,.layers .options-bar .number-input{flex:1 1 auto}.layers .options-bar .dropdown-input{max-width:120px;flex-basis:120px}.layers .options-bar .number-input{max-width:180px;flex-basis:180px}.layers .options-bar .number-input+.separator~.separator{flex-grow:1}.layers .list-area{margin:4px 0;position:relative}.layers .list-area .layer{flex:0 0 auto;align-items:center;position:relative;border-bottom:1px solid var(--color-2-mildblack);border-radius:2px;height:32px;margin:0 4px;padding-left:calc(var(--layer-indent-levels) * 16px)}.layers .list-area .layer.selected{--component: calc((Max(var(--color-3-darkgray-rgb)) + Max(var(--color-4-dimgray-rgb)))/2) ;background:rgb(var(--component),var(--component),var(--component))}.layers .list-area .layer.selected.full-highlight{background:var(--color-4-dimgray)}.layers .list-area .layer.insert-folder{outline:3px solid var(--color-e-nearwhite);outline-offset:-3px}.layers .list-area .layer .expand-arrow{padding:0;margin:0;width:16px;height:100%;border:none;position:relative;background:none;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:2px}.layers .list-area .layer .expand-arrow:after{content:"";position:absolute;width:8px;height:8px;background:var(--icon-expand-collapse-arrow)}.layers .list-area .layer .expand-arrow[disabled]:after{background:var(--icon-expand-collapse-arrow-disabled)}.layers .list-area .layer .expand-arrow:hover:not([disabled]){background:var(--color-5-dullgray)}.layers .list-area .layer .expand-arrow:hover:not([disabled]):after{background:var(--icon-expand-collapse-arrow-hover)}.layers .list-area .layer .expand-arrow.expanded:after{transform:rotate(90deg)}.layers .list-area .layer .thumbnail{width:36px;height:24px;margin-left:4px;border-radius:2px;flex:0 0 auto;background-image:var(--color-transparent-checkered-background);background-size:var(--color-transparent-checkered-background-size-mini);background-position:var(--color-transparent-checkered-background-position-mini);background-repeat:var(--color-transparent-checkered-background-repeat)}.layers .list-area .layer .thumbnail:first-child{margin-left:20px}.layers .list-area .layer .thumbnail svg{width:calc(100% - 4px);height:calc(100% - 4px);margin:2px}.layers .list-area .layer .layer-type-icon{flex:0 0 auto;margin-left:8px;margin-right:-4px}.layers .list-area .layer .layer-name{flex:1 1 100%;margin:0 8px}.layers .list-area .layer .layer-name input{color:inherit;background:none;border:none;outline:none;margin:0;padding:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-radius:2px;height:24px;width:100%}.layers .list-area .layer .layer-name input:disabled{-webkit-user-select:none;user-select:none;pointer-events:none}.layers .list-area .layer .layer-name input:focus{background:var(--color-1-nearblack);padding:0 4px}.layers .list-area .layer .layer-name input:focus::placeholder{opacity:.5}.layers .list-area .layer .layer-name input::placeholder{opacity:1;color:inherit}.layers .list-area .layer .status-toggle{flex:0 0 auto;align-items:center;height:100%}.layers .list-area .layer .status-toggle.inactive{background-image:var(--background-inactive-stripes)}.layers .list-area .layer .status-toggle .icon-button{height:100%;width:32px}.layers .list-area .insert-mark{position:absolute;left:4px;right:4px;background:var(--color-e-nearwhite);margin-top:-3px;height:5px;z-index:1;pointer-events:none}.eyedropper-preview{pointer-events:none}.eyedropper-preview .ring{transform:translateY(-50%) rotate(45deg);position:relative;background:var(--ring-color-choice);padding:16px;border:8px solid;border-radius:50%;border-top-color:var(--ring-color-primary);border-left-color:var(--ring-color-primary);border-bottom-color:var(--ring-color-secondary);border-right-color:var(--ring-color-secondary)}.eyedropper-preview .ring:after{content:"";position:absolute;width:100%;height:100%;top:-8px;left:-8px;padding:8px;border-radius:50%;box-shadow:0 0 0 1px #ffffff80,0 0 8px #00000040}.eyedropper-preview .ring .canvas-container{transform:rotate(-45deg)}.eyedropper-preview .ring .canvas-container canvas{display:block;width:110px;height:110px;border-radius:50%;image-rendering:pixelated}.eyedropper-preview .ring .canvas-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff80,inset 0 0 8px #00000040}.eyedropper-preview .ring .canvas-container .pixel-outline{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);--outline-width:2;margin-top:calc(-1px * var(--outline-width) / 2);width:calc(10px - var(--outline-width) * 1px);height:calc(10px - var(--outline-width) * 1px);border:calc(var(--outline-width) * 1px) solid var(--color-0-black)}.graph{position:relative;overflow:hidden;display:flex;flex-direction:row;flex-grow:1}.graph:before{content:"";position:absolute;width:100%;height:100%;background-size:var(--grid-spacing) var(--grid-spacing);background-position:calc(var(--grid-offset-x) - var(--dot-radius)) calc(var(--grid-offset-y) - var(--dot-radius));background-image:radial-gradient(circle at var(--dot-radius) var(--dot-radius),var(--color-3-darkgray) var(--dot-radius),transparent 0);background-repeat:repeat;image-rendering:pixelated;mix-blend-mode:screen}.graph>img{position:absolute;bottom:0}.graph .breadcrumb-trail-buttons{margin-top:8px;margin-left:8px}.graph .context-menu{width:max-content;position:absolute;box-sizing:border-box;padding:5px;z-index:3;background-color:var(--color-3-darkgray);border-radius:4px}.graph .context-menu.create-node-menu{height:200px;width:180px}.graph .context-menu .text-input{flex:0 0 auto;margin-bottom:4px}.graph .context-menu .list-results{overflow-y:auto;flex:1 1 auto;margin-right:-4px}.graph .context-menu .list-results details{cursor:pointer;display:flex;flex-direction:column;margin-right:4px}.graph .context-menu .list-results details[open] summary .text-label:before{transform:rotate(90deg)}.graph .context-menu .list-results details summary{display:flex;align-items:center;gap:2px}.graph .context-menu .list-results details summary .text-label{padding-left:16px;position:relative;width:100%}.graph .context-menu .list-results details summary .text-label:before{content:"";position:absolute;margin:auto;top:0;bottom:0;left:0;width:8px;height:8px;background:var(--icon-expand-collapse-arrow)}.graph .context-menu .list-results details .text-button{width:100%;margin:4px 0}.graph .context-menu .toggle-layer-or-node .text-label{line-height:24px;margin-right:8px}.graph .click-targets{position:absolute;pointer-events:none;width:100%;height:100%;z-index:10}.graph .click-targets svg{overflow:visible;width:100%;height:100%;stroke-width:1;fill:none}.graph .click-targets svg .layer{stroke:#ff0}.graph .click-targets svg .node{stroke:#00f}.graph .click-targets svg .port{stroke:green}.graph .click-targets svg .visibility{stroke:red}.graph .click-targets svg .all-nodes-bounding-box{stroke:purple}.graph .wires{pointer-events:none;position:absolute;width:100%;height:100%}.graph .wires svg{width:100%;height:100%;overflow:visible}.graph .wires svg path{fill:none;stroke:var(--data-color-dim);stroke-width:var(--data-line-width);stroke-dasharray:var(--data-dasharray)}.graph .imports-and-exports{position:absolute;width:100%;height:100%}.graph .imports-and-exports .port{position:absolute;width:8px;height:8px;margin-top:4px;margin-left:5px;top:calc(var(--offset-top) * 24px);left:calc(var(--offset-left) * 24px)}.graph .imports-and-exports .export-text{position:absolute;margin-top:0;margin-left:20px;top:calc(var(--offset-top) * 24px);left:calc(var(--offset-left) * 24px)}.graph .imports-and-exports .import-text{position:absolute;text-align:right;top:calc(var(--offset-top) * 24px);left:calc(var(--offset-left) * 24px);margin-top:0;margin-left:-102px;width:100px}.graph .layers-and-nodes{position:absolute;width:100%;height:100%}.graph .layer,.graph .node{position:absolute;display:flex;left:calc(var(--offset-left) * 24px);top:calc(var(--offset-top) * 24px);background:rgba(var(--color-0-black-rgb),.33)}.graph .layer .node-error,.graph .node .node-error{position:absolute;width:max-content;white-space:pre-wrap;max-width:600px;line-height:18px;color:var(--color-2-mildblack);background:var(--color-error-red);padding:8px;border-radius:4px;bottom:calc(100% + 12px);z-index:-1;transition:opacity .2s ease-in-out;opacity:.5}.graph .layer .node-error:after,.graph .node .node-error:after{content:"";position:absolute;left:6px;bottom:-8px;width:0;height:0;border-style:solid;border-width:8px 6px 0 6px;border-color:var(--color-error-red) transparent transparent transparent}.graph .layer .node-error.hover,.graph .node .node-error.hover{opacity:0;z-index:1;pointer-events:none}.graph .layer .node-error.faded:hover+.hover,.graph .node .node-error.faded:hover+.hover{opacity:1}.graph .layer .node-error.faded:hover,.graph .node .node-error.faded:hover{z-index:2;opacity:1;-webkit-user-select:text;user-select:text;transition:opacity .2s ease-in-out,z-index 0s .2s}.graph .layer .node-error.faded:hover::selection,.graph .node .node-error.faded:hover::selection{background-color:var(--color-e-nearwhite)}@supports (background: -webkit-named-image(i)){.graph .layer .node-error.faded:hover::selection,.graph .node .node-error.faded:hover::selection{background-color:rgba(var(--color-e-nearwhite-rgb),.9960784314)}}.graph .layer:after,.graph .node:after{content:"";position:absolute;box-sizing:border-box;top:0;left:0;width:100%;height:100%;pointer-events:none;clip-path:var(--clip-path-id)}.graph .layer .border-mask,.graph .node .border-mask{position:absolute;top:0}.graph .layer.disabled,.graph .node.disabled{background:var(--color-3-darkgray);color:var(--color-a-softgray)}.graph .layer.disabled .icon-label,.graph .node.disabled .icon-label{fill:var(--color-a-softgray)}.graph .layer.previewed:after,.graph .node.previewed:after{border:1px dashed var(--data-color)}.graph .layer .ports,.graph .node .ports{position:absolute}.graph .layer .ports.input,.graph .node .ports.input{left:-3px}.graph .layer .ports.output,.graph .node .ports.output{right:-5px}.graph .layer .port,.graph .node .port{margin:16px 0;width:8px;height:8px}.graph .layer .text-label,.graph .node .text-label{overflow:hidden;text-overflow:ellipsis}.graph .layer{border-radius:8px;--extra-width-to-reach-grid-multiple:8px;--node-chain-area-left-extension:0;width:calc((var(--layer-area-width) - .5) * 24px);padding-left:calc(var(--node-chain-area-left-extension) * 24px);margin-left:calc((.5 - var(--node-chain-area-left-extension)) * 24px)}.graph .layer:after{border:1px solid var(--color-5-dullgray);border-radius:8px}.graph .layer.selected{background:rgba(var(--color-5-dullgray-rgb),.5)}.graph .layer.selected.in-selected-network{background:rgba(var(--color-6-lowergray-rgb),.5)}.graph .layer .thumbnail{background:var(--color-2-mildblack);border:1px solid var(--data-color-dim);border-radius:2px;position:relative;box-sizing:border-box;width:72px;height:48px}.graph .layer .thumbnail:before{content:"";background-image:var(--color-transparent-checkered-background);background-size:var(--color-transparent-checkered-background-size);background-position:var(--color-transparent-checkered-background-position);background-repeat:var(--color-transparent-checkered-background-repeat)}.graph .layer .thumbnail:before,.graph .layer .thumbnail svg:not(.port){pointer-events:none;position:absolute;margin:auto;top:1px;left:1px;width:calc(100% - 2px);height:calc(100% - 2px)}.graph .layer .thumbnail .port{position:absolute;margin:0 auto;left:0;right:0;height:12px}.graph .layer .thumbnail .port.top{top:-13px}.graph .layer .thumbnail .port.bottom{bottom:-13px}.graph .layer .details{margin:0 8px}.graph .layer .details span{white-space:nowrap;line-height:48px}.graph .layer .solo-drag-grip{width:8px;height:24px;background-position:2px 8px;right:12px;border-radius:2px}.graph .layer .solo-drag-grip:hover,.graph .layer.selected .solo-drag-grip{background-image:var(--icon-drag-grip)}.graph .layer .solo-drag-grip:hover:hover,.graph .layer.selected .solo-drag-grip:hover{background-image:var(--icon-drag-grip-hover)}.graph .layer .visibility{position:absolute;right:-12px}.graph .layer .input.ports{left:calc(-3px + var(--node-chain-area-left-extension) * 24px - 36px)}.graph .layer .solo-drag-grip,.graph .layer .visibility,.graph .layer .input.ports,.graph .layer .input.ports .port{position:absolute;margin:auto 0;top:0;bottom:0}.graph .layer .input.ports .port{left:24px}.graph .node{flex-direction:column;border-radius:2px;width:120px;top:calc((var(--offset-top) + .5) * 24px)}.graph .node:after{border:1px solid var(--data-color-dim);border-radius:2px}.graph .node.selected .primary{background:rgba(var(--color-f-white-rgb),.15)}.graph .node.selected .primary.in-selected-network{background:rgba(var(--color-f-white-rgb),.2)}.graph .node.selected .parameters{background:rgba(var(--color-f-white-rgb),.1)}.graph .node.selected .parameters.in-selected-network{background:rgba(var(--color-f-white-rgb),.15)}.graph .node .port:first-of-type{margin-top:8px}.graph .node .port:first-of-type:not(.primary-port){margin-top:32px}.graph .node .port:last-of-type{margin-bottom:8px}.graph .node .primary{display:flex;align-items:center;position:relative;width:100%;height:24px;border-radius:2px 2px 0 0;background:rgba(var(--color-f-white-rgb),.05)}.graph .node .primary.no-parameter-section{border-radius:2px}.graph .node .primary .icon-label{display:none;margin:0 8px}.graph .node .primary .text-label{margin:0 8px}.graph .node .parameters{display:flex;flex-direction:column;width:100%;position:relative}.graph .node .parameters .parameter{position:relative;display:flex;align-items:center;margin:0 8px;width:calc(100% - 16px);height:24px}.graph .node .parameters .parameter:last-of-type{border-radius:0 0 2px 2px}.graph .node .parameters .parameter .text-label{width:100%}.graph .node .parameters .parameter.output{flex-direction:row-reverse;text-align:right}.graph .node .parameters .parameter.output svg{width:30px;height:20px}.graph .node .parameters:before{left:0}.graph .node .parameters:after{right:0}.box-selection{position:absolute;pointer-events:none;background:rgba(var(--color-overlay-blue-rgb),.05);border:1px solid var(--color-overlay-blue);z-index:2}.ruler-input{flex:1 1 100%;background:var(--color-4-dimgray);overflow:hidden;position:relative}.ruler-input.horizontal{height:16px}.ruler-input.vertical{width:16px}.ruler-input.vertical svg text{text-anchor:end}.ruler-input svg{position:absolute}.ruler-input svg path{stroke-width:1px;stroke:var(--color-6-lowergray)}.ruler-input svg text{font-size:12px;fill:var(--color-8-uppergray)}.scrollbar-input{display:flex;flex:1 1 100%}.scrollbar-input .arrow{flex:0 0 auto;background:none;border:none;border-style:solid;width:0;height:0;margin:0;padding:0}.scrollbar-input .scroll-track{flex:1 1 100%;position:relative}.scrollbar-input .scroll-track .scroll-thumb{position:absolute;border-radius:4px;background:var(--color-5-dullgray)}.scrollbar-input .scroll-track .scroll-thumb:hover,.scrollbar-input .scroll-track .scroll-thumb.dragging{background:var(--color-6-lowergray)}.scrollbar-input .scroll-track .scroll-click-area{position:absolute}.scrollbar-input.vertical{flex-direction:column}.scrollbar-input.vertical .arrow.decrease{margin:4px 3px;border-width:0 5px 8px 5px;border-color:transparent transparent var(--color-5-dullgray) transparent}.scrollbar-input.vertical .arrow.decrease:hover{border-color:transparent transparent var(--color-6-lowergray) transparent}.scrollbar-input.vertical .arrow.decrease:active{border-color:transparent transparent var(--color-c-brightgray) transparent}.scrollbar-input.vertical .arrow.increase{margin:4px 3px;border-width:8px 5px 0 5px;border-color:var(--color-5-dullgray) transparent transparent transparent}.scrollbar-input.vertical .arrow.increase:hover{border-color:var(--color-6-lowergray) transparent transparent transparent}.scrollbar-input.vertical .arrow.increase:active{border-color:var(--color-c-brightgray) transparent transparent transparent}.scrollbar-input.horizontal{flex-direction:row}.scrollbar-input.horizontal .arrow.decrease{margin:3px 4px;border-width:5px 8px 5px 0;border-color:transparent var(--color-5-dullgray) transparent transparent}.scrollbar-input.horizontal .arrow.decrease:hover{border-color:transparent var(--color-6-lowergray) transparent transparent}.scrollbar-input.horizontal .arrow.decrease:active{border-color:transparent var(--color-c-brightgray) transparent transparent}.scrollbar-input.horizontal .arrow.increase{margin:3px 4px;border-width:5px 0 5px 8px;border-color:transparent transparent transparent var(--color-5-dullgray)}.scrollbar-input.horizontal .arrow.increase:hover{border-color:transparent transparent transparent var(--color-6-lowergray)}.scrollbar-input.horizontal .arrow.increase:active{border-color:transparent transparent transparent var(--color-c-brightgray)}.document{height:100%}.document.document.document{padding-bottom:0}.document .options-bar{height:32px;flex:0 0 auto;margin:0 4px}.document .options-bar .spacer{min-width:40px}.document .options-bar.for-graph{justify-content:space-between}.document .shelf-and-table{container-type:size;--tool-width:32;--height-of-elements-below-tools:72px;--height-of-separator: 25px ;--available-height:calc(100cqh - var(--height-of-elements-below-tools));--1-col-required-height:calc(var(--total-tool-rows-for-1-columns) * calc(var(--tool-width) * 1px) + var(--total-separators) * var(--height-of-separator));--2-col-required-height:calc(var(--total-tool-rows-for-2-columns) * calc(var(--tool-width) * 1px) + var(--total-separators) * var(--height-of-separator));--needs-at-least-1-column:1px;--needs-at-least-2-columns: calc(1px - clamp(0px, calc((var(--available-height) - Min(var(--available-height), var(--1-col-required-height))) * 1000000), 1px)) ;--needs-at-least-3-columns: calc(1px - clamp(0px, calc((var(--available-height) - Min(var(--available-height), var(--2-col-required-height))) * 1000000), 1px)) ;--columns:calc(var(--needs-at-least-1-column) + var(--needs-at-least-2-columns) + var(--needs-at-least-3-columns));--columns-width:calc(var(--columns) * var(--tool-width));--columns-width-max:calc(3px * var(--tool-width))}.document .shelf-and-table .shelf{flex:0 0 auto;justify-content:space-between;max-width:var(--columns-width-max)}.document .shelf-and-table .shelf .tools{flex:0 1 auto}@-moz-document url-prefix(){.document .shelf-and-table .shelf .tools{--available-height-plus-1:calc(var(--available-height) + 1px);--3-col-required-height:calc(var(--total-tool-rows-for-3-columns) * calc(var(--tool-width) * 1px) + var(--total-separators) * var(--separator-height));--overflows-with-3-columns: calc(1px - clamp(0px, calc((var(--available-height-plus-1) - Min(var(--available-height-plus-1), var(--3-col-required-height))) * 1000000), 1px)) ;--firefox-scrollbar-width-space-occupied:8;padding-right:calc(var(--firefox-scrollbar-width-space-occupied) * var(--overflows-with-3-columns))}}.document .shelf-and-table .shelf .tools .widget-span{flex-wrap:wrap;width:var(--columns-width)}.document .shelf-and-table .shelf .tools .widget-span .icon-button{margin:0}.document .shelf-and-table .shelf .tools .widget-span .icon-button[title^="Coming Soon"]{opacity:.25;transition:opacity .2s}.document .shelf-and-table .shelf .tools .widget-span .icon-button[title^="Coming Soon"]:hover{opacity:1}.document .shelf-and-table .shelf .tools .widget-span .icon-button:not(.active) .color-general{fill:var(--color-data-general)}.document .shelf-and-table .shelf .tools .widget-span .icon-button:not(.active) .color-vector{fill:var(--color-data-vectordata)}.document .shelf-and-table .shelf .tools .widget-span .icon-button:not(.active) .color-raster{fill:var(--color-data-raster)}.document .shelf-and-table .shelf .tools .widget-span .separator{min-height:0}.document .shelf-and-table .shelf .shelf-bottom-widgets{flex:0 0 auto;align-items:center}.document .shelf-and-table .shelf .shelf-bottom-widgets .working-colors-input-area{height:auto;margin:0;min-height:0}.document .shelf-and-table .shelf .shelf-bottom-widgets .working-colors-input-area .working-colors-input{margin:0}.document .shelf-and-table .shelf .shelf-bottom-widgets .working-colors-input-area .icon-button{--widget-height:0}.document .shelf-and-table .table{flex:1 1 100%}.document .shelf-and-table .table .ruler-or-scrollbar{flex:0 0 auto}.document .shelf-and-table .table .top-ruler .ruler-input{padding-left:16px;margin-right:16px}.document .shelf-and-table .table .right-scrollbar .scrollbar-input{margin-top:-16px}.document .shelf-and-table .table .bottom-scrollbar .scrollbar-input{margin-right:16px}.document .shelf-and-table .table .viewport-container{flex:1 1 100%;position:relative}.document .shelf-and-table .table .viewport-container .viewport{background:var(--color-2-mildblack);width:100%;height:100%;position:relative;overflow:hidden}.document .shelf-and-table .table .viewport-container .viewport .artwork,.document .shelf-and-table .table .viewport-container .viewport .text-input,.document .shelf-and-table .table .viewport-container .viewport .overlays{position:absolute;top:0;width:100%;height:100%;pointer-events:none}.document .shelf-and-table .table .viewport-container .viewport .artwork>*,.document .shelf-and-table .table .viewport-container .viewport .text-input>*,.document .shelf-and-table .table .viewport-container .viewport .overlays>*{pointer-events:auto}.document .shelf-and-table .table .viewport-container .viewport .text-input div{cursor:text;background:none;border:none;overflow:visible;white-space:pre-wrap;display:inline-block;padding:0 0 0 1px;margin:0 0 0 -1px}.document .shelf-and-table .table .viewport-container .viewport .text-input div:focus{border:none;outline:none;margin:-1px}.document .shelf-and-table .table .viewport-container .graph-view{pointer-events:none;transition:opacity .2s ease-in-out;opacity:0}.document .shelf-and-table .table .viewport-container .graph-view.open{cursor:auto;pointer-events:auto;opacity:1}.document .shelf-and-table .table .viewport-container .graph-view:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-2-mildblack);opacity:var(--fade-artwork);pointer-events:none}.document .shelf-and-table .table .viewport-container .fade-artwork,.document .shelf-and-table .table .viewport-container .graph{position:absolute;top:0;left:0;width:100%;height:100%}.panel{background:var(--color-1-nearblack);border-radius:6px;overflow:hidden}.panel .tab-bar{height:28px;min-height:auto}.panel .tab-bar.min-widths .tab-group .tab{min-width:120px;max-width:360px}.panel .tab-bar .tab-group{flex:1 1 100%;position:relative}.panel .tab-bar .tab-group:after{content:"";width:15px;flex:0 0 auto}.panel .tab-bar .tab-group .tab{flex:0 1 auto;height:28px;padding:0 8px;align-items:center;position:relative}.panel .tab-bar .tab-group .tab.active{background:var(--color-3-darkgray);border-radius:6px 6px 0 0;position:relative}.panel .tab-bar .tab-group .tab.active:not(:first-child):before,.panel .tab-bar .tab-group .tab.active:after{content:"";width:16px;height:8px;position:absolute;bottom:0}.panel .tab-bar .tab-group .tab.active:not(:first-child):before{left:-16px;border-bottom-right-radius:8px;box-shadow:8px 0 0 0 var(--color-3-darkgray)}.panel .tab-bar .tab-group .tab.active:after{right:-16px;border-bottom-left-radius:8px;box-shadow:-8px 0 0 0 var(--color-3-darkgray)}.panel .tab-bar .tab-group .tab span{flex:1 1 100%;overflow-x:hidden;white-space:nowrap;text-overflow:ellipsis;height:28px;line-height:28px}.panel .tab-bar .tab-group .tab .icon-button{margin-left:8px}.panel .tab-bar .tab-group .tab+.tab{margin-left:1px}.panel .tab-bar .tab-group .tab:not(.active)+.tab:not(.active):before{content:"";position:absolute;left:-1px;width:1px;height:16px;background:var(--color-4-dimgray)}.panel .tab-bar .tab-group .tab:last-of-type{margin-right:1px}.panel .tab-bar .tab-group .tab:last-of-type:not(.active):after{content:"";position:absolute;right:-1px;width:1px;height:16px;background:var(--color-4-dimgray)}.panel .panel-body{background:var(--color-3-darkgray);flex:1 1 100%;flex-direction:column}.panel .panel-body>div{padding-bottom:4px}.panel .panel-body .empty-panel{background:var(--color-2-mildblack);margin:4px;border-radius:2px;justify-content:center}.panel .panel-body .empty-panel .content{flex:0 0 auto;align-items:center}.panel .panel-body .empty-panel .content .logotype{margin-bottom:40px}.panel .panel-body .empty-panel .content .logotype svg{width:auto;height:120px}.panel .panel-body .empty-panel .content .actions table{border-spacing:8px;margin:-8px}.panel .panel-body .empty-panel .content .actions table td{padding:0}.workspace{position:relative;flex:1 1 100%}.workspace .workspace-grid-subdivision{min-height:28px;flex:1 1 0}.workspace .workspace-grid-subdivision.folded{flex-grow:0;height:0}.workspace .workspace-grid-resize-gutter{flex:0 0 4px}.workspace .workspace-grid-resize-gutter.layout-row{cursor:ns-resize}.workspace .workspace-grid-resize-gutter.layout-col{cursor:ew-resize}.main-window{height:100%;overflow:auto;touch-action:none}body:after{content:none!important}:root{--color-0-black:#000;--color-0-black-rgb:0, 0, 0;--color-1-nearblack:#111;--color-1-nearblack-rgb:17, 17, 17;--color-2-mildblack:#222;--color-2-mildblack-rgb:34, 34, 34;--color-3-darkgray:#333;--color-3-darkgray-rgb:51, 51, 51;--color-4-dimgray:#444;--color-4-dimgray-rgb:68, 68, 68;--color-5-dullgray:#555;--color-5-dullgray-rgb:85, 85, 85;--color-6-lowergray:#666;--color-6-lowergray-rgb:102, 102, 102;--color-7-middlegray:#777;--color-7-middlegray-rgb:109, 109, 109;--color-8-uppergray:#888;--color-8-uppergray-rgb:136, 136, 136;--color-9-palegray:#999;--color-9-palegray-rgb:153, 153, 153;--color-a-softgray:#aaa;--color-a-softgray-rgb:170, 170, 170;--color-b-lightgray:#bbb;--color-b-lightgray-rgb:187, 187, 187;--color-c-brightgray:#ccc;--color-c-brightgray-rgb:204, 204, 204;--color-d-mildwhite:#ddd;--color-d-mildwhite-rgb:221, 221, 221;--color-e-nearwhite:#eee;--color-e-nearwhite-rgb:238, 238, 238;--color-f-white:#fff;--color-f-white-rgb:255, 255, 255;--color-error-red:#d6536e;--color-error-red-rgb:214, 83, 110;--color-overlay-blue:#00a8ff;--color-overlay-blue-rgb:0, 168, 255;--color-overlay-yellow:#ffc848;--color-overlay-yellow-rgb:255, 200, 72;--color-overlay-white:#ffffff;--color-overlay-white-rgb:255, 255, 255;--color-overlay-gray:#cccccc;--color-overlay-gray-rgb:204, 204, 204;--color-data-general:#c5c5c5;--color-data-general-dim:#767676;--color-data-raster:#e4bb72;--color-data-raster-dim:#8b7752;--color-data-vectordata:#65bbe5;--color-data-vectordata-dim:#4b778c;--color-data-number:#cbbab4;--color-data-number-dim:#87736b;--color-data-graphic:#6b84e8;--color-data-graphic-dim:#4a557b;--color-data-artboard:#70a898;--color-data-artboard-dim:#3a6156;--color-none:white;--color-none-repeat:no-repeat;--color-none-position:center center;--color-none-size-24px:60px 24px;--color-none-image-24px:url('data:image/svg+xml;utf8,			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 24"><line stroke="red" stroke-width="4px" x1="0" y1="27" x2="60" y2="-3" /></svg>			');--color-none-size-32px:80px 32px;--color-none-image-32px:url('data:image/svg+xml;utf8,			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 32"><line stroke="red" stroke-width="4px" x1="0" y1="36" x2="80" y2="-4" /></svg>			');--color-transparent-checkered-background:linear-gradient(45deg, #cccccc 25%, transparent 25%, transparent 75%, #cccccc 75%), linear-gradient(45deg, #cccccc 25%, transparent 25%, transparent 75%, #cccccc 75%), linear-gradient(#ffffff, #ffffff);--color-transparent-checkered-background-size:16px 16px, 16px 16px, 16px 16px;--color-transparent-checkered-background-position:0 0, 8px 8px, 8px 8px;--color-transparent-checkered-background-size-mini:8px 8px, 8px 8px, 8px 8px;--color-transparent-checkered-background-position-mini:0 0, 4px 4px, 4px 4px;--color-transparent-checkered-background-repeat:repeat, repeat, repeat;--background-inactive-stripes:repeating-linear-gradient( -45deg, transparent 0px, transparent calc(3px*sqrt(2)/2 - .5px) , var(--color-5-dullgray) calc(3px*sqrt(2)/2 - .5px) , var(--color-5-dullgray) calc(3px*sqrt(2)/2 + .5px) , transparent calc(3px*sqrt(2)/2 + .5px) , transparent calc(6px*sqrt(2)/2) );--icon-drag-grip:url('data:image/svg+xml;utf8,			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 24" fill="%23eee">				<circle cx="0.5" cy="1.5" r="0.5" /><circle cx="3.5" cy="1.5" r="0.5" />				<circle cx="0.5" cy="4.5" r="0.5" /><circle cx="3.5" cy="4.5" r="0.5" />				<circle cx="0.5" cy="7.5" r="0.5" /><circle cx="3.5" cy="7.5" r="0.5" />			</svg>			');--icon-drag-grip-hover:url('data:image/svg+xml;utf8,			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 24" fill="%23fff">				<circle cx="0.5" cy="1.5" r="0.5" /><circle cx="3.5" cy="1.5" r="0.5" />				<circle cx="0.5" cy="4.5" r="0.5" /><circle cx="3.5" cy="4.5" r="0.5" />				<circle cx="0.5" cy="7.5" r="0.5" /><circle cx="3.5" cy="7.5" r="0.5" />			</svg>			');--icon-drag-grip-disabled:url('data:image/svg+xml;utf8,			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 24" fill="%23888">				<circle cx="0.5" cy="1.5" r="0.5" /><circle cx="3.5" cy="1.5" r="0.5" />				<circle cx="0.5" cy="4.5" r="0.5" /><circle cx="3.5" cy="4.5" r="0.5" />				<circle cx="0.5" cy="7.5" r="0.5" /><circle cx="3.5" cy="7.5" r="0.5" />			</svg>			');--icon-expand-collapse-arrow:url('data:image/svg+xml;utf8,			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8"><polygon fill="%23eee" points="3,0 1,0 5,4 1,8 3,8 7,4" /></svg>			');--icon-expand-collapse-arrow-hover:url('data:image/svg+xml;utf8,			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8"><polygon fill="%23fff" points="3,0 1,0 5,4 1,8 3,8 7,4" /></svg>			');--icon-expand-collapse-arrow-disabled:url('data:image/svg+xml;utf8,			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8"><polygon fill="%23888" points="3,0 1,0 5,4 1,8 3,8 7,4" /></svg>			')}html,body{margin:0;height:100%;background:var(--color-2-mildblack);overscroll-behavior:none;-webkit-user-select:none;user-select:none}*{min-width:0;min-height:0}html,body,input,textarea,button{font-family:Source Sans Pro,Arial,sans-serif;font-weight:400;font-size:14px;line-height:1;color:var(--color-e-nearwhite)}svg,img{display:block}.layout-row .scrollable-x,.layout-row .scrollable-y,.layout-col .scrollable-x,.layout-col .scrollable-y{overflow:hidden;scrollbar-width:thin;scrollbar-color:var(--color-5-dullgray) transparent}.layout-row .scrollable-x::-webkit-scrollbar,.layout-row .scrollable-y::-webkit-scrollbar,.layout-col .scrollable-x::-webkit-scrollbar,.layout-col .scrollable-y::-webkit-scrollbar{width:10px;height:10px}.layout-row .scrollable-x::-webkit-scrollbar-track,.layout-row .scrollable-y::-webkit-scrollbar-track,.layout-col .scrollable-x::-webkit-scrollbar-track,.layout-col .scrollable-y::-webkit-scrollbar-track{box-shadow:inset 0 0 0 1px var(--color-5-dullgray);border:2px solid transparent;border-radius:10px}.layout-row .scrollable-x:hover::-webkit-scrollbar-track,.layout-row .scrollable-y:hover::-webkit-scrollbar-track,.layout-col .scrollable-x:hover::-webkit-scrollbar-track,.layout-col .scrollable-y:hover::-webkit-scrollbar-track{box-shadow:inset 0 0 0 1px var(--color-6-lowergray)}.layout-row .scrollable-x::-webkit-scrollbar-thumb,.layout-row .scrollable-y::-webkit-scrollbar-thumb,.layout-col .scrollable-x::-webkit-scrollbar-thumb,.layout-col .scrollable-y::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--color-5-dullgray);border:2px solid transparent;border-radius:10px;margin:2px}.layout-row .scrollable-x:hover::-webkit-scrollbar-thumb,.layout-row .scrollable-y:hover::-webkit-scrollbar-thumb,.layout-col .scrollable-x:hover::-webkit-scrollbar-thumb,.layout-col .scrollable-y:hover::-webkit-scrollbar-thumb{background-color:var(--color-6-lowergray)}.layout-row .scrollable-x::-webkit-scrollbar-corner,.layout-row .scrollable-y::-webkit-scrollbar-corner,.layout-col .scrollable-x::-webkit-scrollbar-corner,.layout-col .scrollable-y::-webkit-scrollbar-corner{background:none}.layout-row .scrollable-x.scrollable-y,.layout-col .scrollable-x.scrollable-y{overflow:auto}.layout-row .scrollable-x:not(.scrollable-y),.layout-col .scrollable-x:not(.scrollable-y){overflow:auto hidden}.layout-row .scrollable-y:not(.scrollable-x),.layout-col .scrollable-y:not(.scrollable-x){overflow:hidden auto}.dropdown-input .dropdown-box:focus,.font-input .dropdown-box:focus{outline:1px dashed var(--color-e-nearwhite);outline-offset:-1px}.icon-button:focus-visible,.text-button:focus-visible,.popover-button:focus-visible,.color-button>button:focus-visible,.color-picker .preset-color:focus-visible,.working-colors-input .swatch>button:focus-visible,.radio-input button:focus-visible,.menu-list:focus-visible,.menu-list-button .entry:focus-visible,.layer-tree .expand-arrow:focus-visible,.widget-section .header:focus-visible{outline:1px dashed var(--color-e-nearwhite);outline-offset:-1px}.icon-button.preset-color.white:focus-visible,.icon-button.text-button.emphasized:focus-visible,.text-button.preset-color.white:focus-visible,.text-button.text-button.emphasized:focus-visible,.popover-button.preset-color.white:focus-visible,.popover-button.text-button.emphasized:focus-visible,.color-button>button.preset-color.white:focus-visible,.color-button>button.text-button.emphasized:focus-visible,.color-picker .preset-color.preset-color.white:focus-visible,.color-picker .preset-color.text-button.emphasized:focus-visible,.working-colors-input .swatch>button.preset-color.white:focus-visible,.working-colors-input .swatch>button.text-button.emphasized:focus-visible,.radio-input button.preset-color.white:focus-visible,.radio-input button.text-button.emphasized:focus-visible,.menu-list.preset-color.white:focus-visible,.menu-list.text-button.emphasized:focus-visible,.menu-list-button .entry.preset-color.white:focus-visible,.menu-list-button .entry.text-button.emphasized:focus-visible,.layer-tree .expand-arrow.preset-color.white:focus-visible,.layer-tree .expand-arrow.text-button.emphasized:focus-visible,.widget-section .header.preset-color.white:focus-visible,.widget-section .header.text-button.emphasized:focus-visible{outline:1px dashed var(--color-2-mildblack)}.optional-input input:focus-visible+label,.checkbox-input input:focus-visible+label{outline:1px dashed var(--color-e-nearwhite);outline-offset:-1px}:not(.optional-input)>.checkbox-input input:focus-visible+label.checked{outline:1px dashed var(--color-2-mildblack)}
