.layout-col{flex-direction:column;flex-grow:1;display:flex}.floating-menu{z-index:1000;--floating-menu-content-offset:0;width:0;height:0;display:flex;position:absolute}.floating-menu .tail{z-index:10;position:fixed}.floating-menu .tail,.floating-menu .tail:before{border-style:solid;width:0;height:0}.floating-menu .tail:before{content:"";position:absolute}.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), .5) 0 2px 4px;border:1px solid var(--color-3-darkgray);color:var(--color-e-nearwhite);font-size:inherit;z-index:0;border-radius:4px;margin-left:-1px;padding:8px;position:fixed}.floating-menu.dropdown.top{width:100%;top:0;left:0}.floating-menu.dropdown.bottom{width:100%;bottom:0;left: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{margin-top:-4px;top:0;left:0}.floating-menu.dropdown.topright{margin-top:-4px;top:0;right:0}.floating-menu.dropdown.topleft{margin-bottom:-4px;bottom:0;left:0}.floating-menu.dropdown.topright{margin-bottom:-4px;bottom:0;right:0}.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{box-shadow:none;background:0 0;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,.floating-menu.topleft .tail,.floating-menu.topright .tail{border-color:var(--color-3-darkgray) transparent transparent transparent}.floating-menu.top .tail:before,.floating-menu.topleft .tail:before,.floating-menu.topright .tail:before{border-color:var(--color-2-mildblack) transparent transparent transparent;bottom:0}.floating-menu.top .tail,.floating-menu.top .tail:before,.floating-menu.topleft .tail,.floating-menu.topleft .tail:before,.floating-menu.topright .tail,.floating-menu.topright .tail:before{border-width:8px 6px 0;margin-bottom:2px;margin-left:-6px}.floating-menu.bottom .tail,.floating-menu.bottomleft .tail,.floating-menu.bottomright .tail{border-color:transparent transparent var(--color-3-darkgray) transparent}.floating-menu.bottom .tail:before,.floating-menu.bottomleft .tail:before,.floating-menu.bottomright .tail:before{border-color:transparent transparent var(--color-2-mildblack) transparent;top:0}.floating-menu.bottom .tail,.floating-menu.bottom .tail:before,.floating-menu.bottomleft .tail,.floating-menu.bottomleft .tail:before,.floating-menu.bottomright .tail,.floating-menu.bottomright .tail:before{border-width:0 6px 8px;margin-top:2px;margin-left:-6px}.floating-menu.left .tail{border-color:transparent transparent transparent var(--color-3-darkgray)}.floating-menu.left .tail:before{border-color:transparent transparent transparent var(--color-2-mildblack);right:0}.floating-menu.left .tail,.floating-menu.left .tail:before{border-width:6px 0 6px 8px;margin-top:-6px;margin-right:2px}.floating-menu.right .tail{border-color:transparent var(--color-3-darkgray) transparent transparent}.floating-menu.right .tail:before{border-color:transparent var(--color-2-mildblack) transparent transparent;left:0}.floating-menu.right .tail,.floating-menu.right .tail:before{border-width:6px 8px 6px 0;margin-top:-6px;margin-left:2px}.floating-menu.top .floating-menu-container{margin-bottom:var(--floating-menu-content-offset);justify-content:center}.floating-menu.bottom .floating-menu-container{margin-top:var(--floating-menu-content-offset);justify-content:center}.floating-menu.left .floating-menu-container{margin-right:var(--floating-menu-content-offset);align-items:center}.floating-menu.right .floating-menu-container{margin-left:var(--floating-menu-content-offset);align-items:center}.layout-row{flex-direction:row;flex-grow:1;display:flex}.field-input{background:var(--color-1-nearblack);border-radius:2px;flex-direction:row-reverse;min-width:80px;height:auto;position:relative}.field-input.narrow.narrow{--widget-height:20px}.field-input label{line-height:calc(var(--widget-height) - 6px);text-overflow:ellipsis;white-space:nowrap;flex:none;margin-left:8px;padding:3px 4px 3px 0;overflow:hidden}.field-input:not(.disabled) label{cursor:text}.field-input input,.field-input textarea{width:0;min-width:30px;height:calc(var(--widget-height) - 6px);line-height:calc(var(--widget-height) - 6px);color:var(--color-e-nearwhite);caret-color:var(--color-e-nearwhite);unicode-bidi:plaintext;background:0 0;border:none;outline:none;flex:100%;margin:0 8px;padding:3px 0}.field-input input::selection{background-color:var(--color-4-dimgray)}.field-input textarea::selection{background-color:var(--color-4-dimgray)}@supports (background:-webkit-named-image(i)){.field-input input::selection{background-color:rgba(var(--color-4-dimgray-rgb), .996078)}.field-input textarea::selection{background-color:rgba(var(--color-4-dimgray-rgb), .996078)}}.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:calc((var(--widget-height) - 6px) * 3);box-sizing:border-box;resize:vertical;margin:3px;padding:0 5px}.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}.icon-label{fill:var(--color-e-nearwhite);flex:none}.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}.separator.vertical{flex:none}.separator.vertical.related{height:4px}.separator.vertical.unrelated{height:16px}.separator.vertical.section{width:100%;margin:12px 0}.separator.vertical.section div{background:var(--color-5-dullgray);width:calc(100% - 8px);height:1px;margin:0 4px}.separator.horizontal{flex:none}.separator.horizontal.related{width:4px}.separator.horizontal.unrelated{width:16px}.separator.horizontal.section{height:100%;margin:0 12px}.separator.horizontal.section div{background:var(--color-5-dullgray);width:1px;height:calc(100% - 8px);margin:4px 0}.text-label{white-space:nowrap;cursor:default;line-height:18px}.text-label.narrow.narrow{--widget-height:20px}.text-label.disabled{color:var(--color-8-uppergray)}.text-label.bold{font-weight:700}.text-label.italic{font-style:italic}.text-label.monospace,.text-label code{font-family:Source Code Pro,monospace;font-size:12px}.text-label.multiline{white-space:pre-wrap;margin:4px 0}.text-label.center-align{text-align:center}.text-label.table-align{text-align:right;flex:0 0 30%}.text-label a{color:inherit}.text-label code{background:var(--color-3-darkgray);padding:0 2px}.shortcut-label{align-items:center}.shortcut-label .key-label{background:var(--color-3-darkgray);height:16px;color:var(--color-b-lightgray);fill:var(--color-b-lightgray);border-radius:4px;align-items:center;padding:0 4px;display:flex}.shortcut-label .key-label *+*{margin-left:4px}.shortcut-label svg{fill:var(--color-b-lightgray)}.shortcut-label svg .dim{fill:var(--color-8-uppergray)}.floating-menu-content .row>.shortcut-label .key-label,.floating-menu-content .row>.shortcut-label .mouse-icon{color:var(--color-8-uppergray);background:0 0}.floating-menu-content .row>.shortcut-label .key-label:first-child,.floating-menu-content .row>.shortcut-label .mouse-icon:first-child{padding-left:0}.floating-menu-content .row>.shortcut-label .key-label:last-child,.floating-menu-content .row>.shortcut-label .mouse-icon:last-child{padding-right:0}.floating-menu-content .row>.shortcut-label .key-label svg{fill:var(--color-8-uppergray)}.floating-menu-content .row>.shortcut-label .mouse-icon svg{fill:var(--color-b-lightgray)}.floating-menu-content .row>.shortcut-label .mouse-icon svg .dim{fill:var(--color-5-dullgray)}.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-3-darkgray)}.menu-list .floating-menu-container .floating-menu-content.floating-menu-content .scroll-spacer{flex:none}.menu-list .floating-menu-container .floating-menu-content.floating-menu-content .row{white-space:nowrap;border-radius:2px;flex:none;align-items:center;height:20px;margin:0 4px;position:relative}.menu-list .floating-menu-container .floating-menu-content.floating-menu-content .row>*{flex:none}.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: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 .shortcut-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:"";width:4px;height:100%;position:absolute;top:0;right:-4px}.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>.icon-label{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:0 0}.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{white-space:nowrap;height:var(--widget-height);box-sizing:border-box;background:var(--button-background-color);color:var(--button-text-color);--button-background-color:var(--color-4-dimgray);--button-text-color:var(--color-e-nearwhite);--widget-height:24px;border:none;border-radius:2px;flex:none;justify-content:center;align-items:center;margin:0;padding:0 8px;display:flex}.text-button.narrow.narrow{--widget-height:20px}.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),.text-button.hover-icon:hover .icon-label:first-of-type{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{--button-background-color:none;--button-text-color:var(--color-e-nearwhite)}.text-button.flush:hover,.text-button.flush.open{--button-background-color:var(--color-5-dullgray)}.text-button.flush.disabled{--button-text-color:var(--color-8-uppergray);--button-background-color:none}.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}.icon-button{background:0 0;border:none;border-radius:2px;flex:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.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),.icon-button.hover-icon:hover .icon-label:first-of-type{display:none}.icon-button.disabled{background:0 0}.icon-button.disabled svg{fill:var(--color-8-uppergray)}.icon-button.emphasized{background:var(--color-e-nearwhite)}.icon-button.emphasized 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}.node-catalog{min-width:250px;max-height:30vh}.node-catalog .text-input{flex:none;margin-bottom:4px}.node-catalog .list-results{flex:auto;overflow-y:auto}.node-catalog .list-results details{cursor:pointer;margin-right:4px;position:relative}.node-catalog .list-results details[open] summary .text-label:before{transform:rotate(90deg)}.node-catalog .list-results details summary{display:flex}.node-catalog .list-results details summary .text-label{pointer-events:none;padding-left:16px;position:relative}.node-catalog .list-results details summary .text-label:before{content:"";background:var(--icon-expand-collapse-arrow);width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0;left:0}.node-catalog .list-results details .text-button{text-align:left;width:100%;margin:4px 0}.node-catalog .list-results details:last-child .text-button{margin-bottom:0}.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:"";background:var(--button-background-color);clip-path:polygon(8px -1px,0 -1px,4px 12px,0 25px,8px 25px);width:8px;height:100%;position:absolute;left:-4px}.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:"";background:var(--button-background-color);clip-path:polygon(0 -1px,4px -1px,8px 12px,4px 25px,0 25px);width:8px;height:100%;position:absolute;right:-4px}.breadcrumb-trail-buttons .text-button:last-of-type{pointer-events:none}.image-button{border-radius:2px;width:auto;height:auto}.image-button+.image-button.image-button{margin-left:8px}.parameter-expose-button{flex:none;align-items:center;max-height:24px;display:flex}.parameter-expose-button button{fill:none;stroke:none;background:0 0;border:none;flex:none;width:8px;height:8px;margin:0;padding:0}.parameter-expose-button button .outline{fill:none}.parameter-expose-button button .interior,.parameter-expose-button button:hover .outline{fill:var(--data-type-color)}.parameter-expose-button button:hover .interior{fill:var(--data-type-color-dim)}.popover-button{flex:none;width:16px;height:24px;position:relative}.popover-button.has-icon{width:36px}.popover-button.has-icon .dropdown-icon{box-sizing:content-box;padding-left:20px}.popover-button.has-icon.direction-top .dropdown-icon .icon-label{transform:rotate(180deg)}.popover-button .dropdown-icon{width:16px;height:100%;fill:var(--color-e-nearwhite);border:none;border-radius:2px;padding:0}.popover-button .dropdown-icon:hover:not(.disabled),.popover-button .dropdown-icon.open:not(.disabled){background:var(--color-5-dullgray)}.popover-button .descriptive-icon{pointer-events:none;width:16px;height:16px;margin:auto 0 auto -32px}.popover-button .floating-menu{bottom:0;left:50%}:is(.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}:is(.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}.popover-button.direction-top .floating-menu{bottom:100%}.checkbox-input{flex:none;align-items:center}.checkbox-input input{opacity:0;width:0;height:0;margin:0;position:absolute}.checkbox-input label{border-radius:2px;height:16px;display:flex}.checkbox-input label .checkbox-box{background:var(--color-5-dullgray);border-radius:2px;flex:none;padding:2px}.checkbox-input label .checkbox-box .icon-label{fill:var(--color-8-uppergray)}.checkbox-input label:hover .checkbox-box,.checkbox-input label.label-is-hovered .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,.checkbox-input input:checked+label.label-is-hovered .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}.number-input.narrow{--widget-height:20px}.number-input.increment{--arrow-radius:3px}.number-input.increment label{margin-left:8px}.number-input.increment input[type=text]:not(:focus).has-label{margin-right:8px}.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{padding:calc(var(--widget-height) / 2 - var(--arrow-radius)) 0;background:rgba(var(--color-1-nearblack-rgb), .5);mix-blend-mode:screen;border:none;border-radius:2px;outline:none;margin:0;position:absolute;top:0}.number-input.increment .arrow.right{padding-left:7px;padding-right:6px;right:0}.number-input.increment .arrow.right:before{content:"";border-style:solid;border-width:var(--arrow-radius) 0 var(--arrow-radius) var(--arrow-radius);border-color:transparent transparent transparent var(--color-e-nearwhite);width:0;height:0;display:block}.number-input.increment .arrow.left{padding-left:6px;padding-right:7px;left:0}.number-input.increment .arrow.left:after{content:"";border-style:solid;border-width:var(--arrow-radius) var(--arrow-radius) var(--arrow-radius) 0;border-color:transparent var(--color-e-nearwhite) transparent transparent;width:0;height:0;display:block}.number-input.increment .arrow:hover{background:var(--color-4-dimgray)}.number-input.increment .arrow:hover:before{border-color:transparent transparent transparent var(--color-f-white)}.number-input.increment .arrow:hover:after{border-color:transparent var(--color-f-white) 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{appearance:none;cursor:default;z-index:2;mix-blend-mode:screen;background:0 0;width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;left:0}.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{appearance:none;width:4px;height:calc(var(--widget-height) - 2px);background:#494949;border-radius:2px}.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{width:4px;height:calc(var(--widget-height) - 2px);background:#494949;border:none;border-radius:2px}.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{z-index:2;mix-blend-mode:screen;pointer-events:none;position:absolute;inset:0 2px}.number-input.range .fake-slider-thumb:before{content:"";width:4px;height:calc(var(--widget-height) - 2px);top:1px;left:calc(var(--progress-factor) * 100%);background:#5b5b5b;border-radius:2px;margin-left:-2px;position:absolute}.number-input.range .slider-progress{pointer-events:none;position:absolute;inset:2px}.number-input.range .slider-progress:before{content:"";width:calc(var(--progress-factor) * 100% - 2px);background:var(--color-2-mildblack);border-radius:1px 0 0 1px;height:100%;position:absolute;top:0;left:0}.number-input input{text-align:center}.spectrum-input{--marker-half-width:6px;position:relative}.spectrum-input .gradient-strip{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;flex:none;height:16px}.spectrum-input.disabled .gradient-strip{transition:opacity .1s}.spectrum-input.disabled .gradient-strip:hover{opacity:.5}.spectrum-input .midpoint-track{top:0;left:var(--marker-half-width);right:var(--marker-half-width);position:absolute}.spectrum-input .midpoint-track .midpoint{width:8px;height:8px;bottom:0;left:calc(var(--midpoint-position) * 100%);margin-left:-4px;position:absolute}.spectrum-input .midpoint-track .midpoint polygon{stroke:var(--color-e-nearwhite);fill:var(--color-2-mildblack)}.spectrum-input .midpoint-track .midpoint.active{z-index:1}.spectrum-input .midpoint-track .midpoint.active polygon{fill:var(--color-e-nearwhite)}.spectrum-input.disabled .midpoint-track .midpoint polygon{stroke:var(--color-4-dimgray)}.spectrum-input .marker-track{margin-top:-4px;margin-left:var(--marker-half-width);width:calc(100% - 2 * var(--marker-half-width));pointer-events:none;position:relative}.spectrum-input .marker-track .marker{left:calc(var(--marker-position) * 100%);pointer-events:auto;width:12px;height:12px;margin-top:-12px;padding-top:12px;position:absolute;overflow:visible;transform:translate(-50%)}.spectrum-input .marker-track .marker .inner-fill{fill:var(--marker-color)}.spectrum-input .marker-track .marker .outer-border{fill:var(--color-5-dullgray)}.spectrum-input.disabled .marker-track .marker .disabled-fill{opacity:.5}.spectrum-input.disabled .marker-track .marker .outer-border{fill:var(--color-4-dimgray)}.spectrum-input:not(.disabled) .marker-track .marker:not(.active) .inner-fill:hover+.outer-border,.spectrum-input:not(.disabled) .marker-track .marker:not(.active) .outer-border:hover{fill:var(--color-6-lowergray)}.spectrum-input:not(.disabled) .marker-track .marker.active{z-index:1}.spectrum-input:not(.disabled) .marker-track .marker.active .inner-fill{filter:drop-shadow(0 0 1px var(--color-2-mildblack)) drop-shadow(0 0 1px var(--color-2-mildblack))}.spectrum-input:not(.disabled) .marker-track .marker.active .outer-border{fill:var(--color-e-nearwhite)}.spectrum-input:not(.disabled) .marker-track .marker.active .inner-fill:hover+.outer-border,.spectrum-input:not(.disabled) .marker-track .marker.active .outer-border:hover{fill:var(--color-f-white)}.color-picker{--widget-height:24px;--picker-size:256px;--picker-circle-radius:6px}.color-picker .pickers-and-gradient .pickers .saturation-value-picker{width:var(--picker-size);background-blend-mode:multiply;background:linear-gradient(to bottom, #fff, #000), linear-gradient(to right, #fff, 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:var(--picker-size);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(red 16.6667%,#f000 33.3333% 66.6667%,red 83.3333%),linear-gradient(#0f00 33.3333%,#0f0 50% 83.3333%,#0f00 100%),linear-gradient(#00f0 0%,#00f 16.6667% 50%,#00f0 66.6667%)}.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{pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}.color-picker .pickers-and-gradient .pickers .selection-circle:after{content:"";left:calc(-1 * var(--picker-circle-radius));top:calc(-1 * var(--picker-circle-radius));width:calc(var(--picker-circle-radius) * 2 + 1px);height:calc(var(--picker-circle-radius) * 2 + 1px);border:2px solid var(--opaque-color-contrasting);background:var(--opaque-color);box-sizing:border-box;border-radius:50%;display:block;position:relative}.color-picker .pickers-and-gradient .pickers .selection-circle-axis-snap-line{pointer-events:none;background:var(--opaque-color-contrasting);width:1px;height:1px;position:absolute;top:0;left:0}.color-picker .pickers-and-gradient .pickers .selection-circle-axis-snap-line+.selection-circle-axis-snap-line{opacity:.25}.color-picker .pickers-and-gradient .pickers .selection-needle{pointer-events:none;width:100%;height:0;position:absolute;top:0}.color-picker .pickers-and-gradient .pickers .selection-needle:before{content:"";border-style:solid;border-width:4px 0 4px 4px;border-color:transparent transparent transparent var(--selection-needle-color);position:absolute;top:-4px;left:0}.color-picker .pickers-and-gradient .pickers .selection-needle:after{content:"";border-style:solid;border-width:4px 4px 4px 0;border-color:transparent var(--selection-needle-color) transparent transparent;position:absolute;top:-4px;right:0}.color-picker .pickers-and-gradient .gradient{margin-top:16px}.color-picker .pickers-and-gradient .gradient .spectrum-input{flex:100%}.color-picker .pickers-and-gradient .gradient .number-input{flex:none;width:56px;min-width:0;margin-left:8px}.color-picker .details{gap:8px;width:200px;margin-left:16px}.color-picker .details>.layout-row{flex:none;height:24px}.color-picker .details>.layout-row>.text-label{flex:0 0 34px;line-height:24px}.color-picker .details>.layout-row.leftover-space{flex:100%}.color-picker .details .choice-preview{box-sizing:border-box;border-radius:2px;flex:none;width:100%;height:32px;position:relative;overflow:hidden}.color-picker .details .choice-preview.outlined:after{content:"";pointer-events:none;box-shadow:inset 0 0 0 1px rgba(var(--color-0-black-rgb), var(--outline-amount));position:absolute;inset:0}.color-picker .details .choice-preview.transparency{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{mix-blend-mode:multiply;opacity:.25;border-radius:2px;width:16px;height:16px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.color-picker .details .choice-preview .swap-button-background:before,.color-picker .details .choice-preview .swap-button-background:after{content:"";width:50%;height:100%;position:absolute}.color-picker .details .choice-preview .swap-button-background:before{background:var(--new-color-contrasting);left:0}.color-picker .details .choice-preview .swap-button-background:after{background:var(--old-color-contrasting);right:0}.color-picker .details .choice-preview .swap-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.color-picker .details .choice-preview .new-color{background:var(--new-color)}.color-picker .details .choice-preview .new-color .text-label{text-align:left;color:var(--new-color-contrasting);margin:2px 8px}.color-picker .details .choice-preview .old-color{background:var(--old-color)}.color-picker .details .choice-preview .old-color .text-label{text-align:right;color:var(--old-color-contrasting);margin:2px 8px}.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 #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff}.color-picker .details .preset-color{border:none;border-radius:2px;flex:100%;height:24px;margin:0;padding:0}.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{flex:none;width:24px;font-size:0;overflow:hidden}.color-picker .details .preset-color.pure div{background:var(--pure-color-gray);width:33.3333%;height:50%;transition:background-color .1s;display:inline-block}.color-picker .details .preset-color.pure:hover div{background:var(--pure-color)}.color-picker.disabled .pickers-and-gradient .pickers :is(.saturation-value-picker,.hue-picker,.alpha-picker),.color-picker.disabled .details .preset-color,.color-picker.disabled .details .choice-preview{transition:opacity .1s}.color-picker.disabled .pickers-and-gradient .pickers :is(.saturation-value-picker,.hue-picker,.alpha-picker):hover,.color-picker.disabled .details .preset-color:hover,.color-picker.disabled .details .choice-preview:hover{opacity:.5}.color-picker.disabled .details .preset-color.pure:hover div{background:var(--pure-color-gray)}.color-button{min-width:80px;position:relative}.color-button.narrow.narrow{--widget-height:20px}.color-button>button{border:none;border-radius:2px;width:100%;height:100%;margin:0;padding:0;position:relative;overflow:hidden}.color-button>button:before{content:"";background:var(--chosen-gradient);position:absolute;inset:0}.color-button>button .text-label{background:var(--color-5-dullgray);border-radius:0 0 0 2px;height:12px;padding-left:4px;padding-right:4px;font-size:10px;line-height:12px;position:absolute;top:0;right:0}.color-button.outlined>button:after{content:"";box-shadow:inset 0 0 0 1px rgba(var(--color-5-dullgray-rgb), var(--outline-amount));position:absolute;inset:0}.color-button.transparency>button{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-button:not(.disabled).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.disabled.none>button:after{content:"";background:var(--color-4-dimgray);position:absolute;inset:0}.color-button:not(.disabled):hover>button .text-label,.color-button:not(.disabled).open>button .text-label{background:var(--color-6-lowergray);color:var(--color-f-white)}.color-button.disabled>button .text-label{background:var(--color-4-dimgray);color:var(--color-8-uppergray)}.color-button>.floating-menu{bottom:0;left:50%}.color-button.direction-top>.floating-menu{bottom:100%}.curve-input{background:var(--color-1-nearblack);min-width:calc(2 * var(--widget-height));max-width:calc(8 * var(--widget-height));display:flex;position:relative}.curve-input .grid{stroke:var(--color-5-dullgray);stroke-width:.005px;pointer-events:none}.curve-input .curve{fill:none;stroke:var(--color-e-nearwhite);stroke-width:.01px}.curve-input .manipulator{fill:var(--color-1-nearblack);stroke:var(--color-e-nearwhite);stroke-width:.01px}.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:.005px;pointer-events:none}.dropdown-input{--widget-height:24px;position:relative}.dropdown-input.narrow.narrow{--widget-height:20px}.dropdown-input .dropdown-box{white-space:nowrap;background:var(--color-1-nearblack);height:var(--widget-height);border-radius:2px;align-items:center}.dropdown-input .dropdown-box .dropdown-label{flex:100%;margin:0 0 0 8px}.dropdown-input .dropdown-box .dropdown-icon{flex:none;margin:4px 8px}.dropdown-input .dropdown-box .dropdown-icon+.dropdown-label{margin-left:0}.dropdown-input .dropdown-box .dropdown-arrow{flex:none;margin:4px 2px 4px 4px}.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 .text-label{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}.radio-input{background:var(--color-4-dimgray);--widget-height:24px;height:var(--widget-height);border-radius:2px}.radio-input button{background:var(--color-4-dimgray);fill:var(--color-e-nearwhite);border:none;border-radius:2px;flex:1 1 0;justify-content:center;align-items:center;min-width:fit-content;height:20px;margin:2px 1px;padding:0;display:flex}.radio-input button:first-of-type{margin-left:2px}.radio-input button:last-of-type{margin-right:2px}.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 .icon-label{margin:2px}.radio-input button .icon-label+.text-label{margin-left:0}.radio-input button .text-label{flex:none;margin:0 8px;overflow:hidden}.radio-input:not(.disabled) button:not(.active):hover{background:var(--color-6-lowergray);color:var(--color-f-white)}.radio-input:not(.disabled) button:not(.active):hover svg{fill:var(--color-f-white)}.radio-input.disabled button{color:var(--color-8-uppergray)}.radio-input.disabled button svg{fill:var(--color-8-uppergray)}.radio-input.disabled button.active{background:var(--color-8-uppergray);color:var(--color-2-mildblack)}.radio-input.disabled button.active svg{fill:var(--color-2-mildblack)}.radio-input.narrow.narrow{--widget-height:20px;height:var(--widget-height)}.radio-input.narrow.narrow button{height:16px}.radio-input.mixed button:not(:hover),.radio-input.mixed.disabled button:hover{background:var(--color-5-dullgray)}.reference-point-input{--reference-point-border-color:var(--color-5-dullgray);--reference-point-fill-active:var(--color-e-nearwhite);flex:none;width:24px;height:24px;position:relative}.reference-point-input button{background:var(--color-1-nearblack);border:1px solid var(--reference-point-border-color);width:5px;height:5px;margin:0;padding:0;position:absolute}.reference-point-input button.active{background:var(--reference-point-fill-active);border-color:#0000}.reference-point-input button.col-1:before,.reference-point-input button.col-2:before{content:"";pointer-events:none;border-top:1px solid var(--reference-point-border-color);width:2px;height:0;position:absolute;top:1px;right:-3px}.reference-point-input button.row-1:after,.reference-point-input button.row-2:after{content:"";pointer-events:none;border-left:1px solid var(--reference-point-border-color);width:0;height:2px;position:absolute;bottom:-3px;right:1px}.reference-point-input button.row-1{top:3px}.reference-point-input button.col-1{left:3px}.reference-point-input button.row-2{top:10px}.reference-point-input button.col-2{left:10px}.reference-point-input button.row-3{top:17px}.reference-point-input button.col-3{left:17px}.reference-point-input button div{width:100%;height:100%;margin:-2px;padding:2px}.reference-point-input:not(.disabled) button:not(.active):hover{background:var(--color-6-lowergray);border-color:#0000}.reference-point-input.disabled button{--reference-point-border-color:var(--color-4-dimgray);--reference-point-fill-active:var(--color-8-uppergray)}.working-colors-button{flex:none}.working-colors-button .swatch{width:28px;height:28px;margin:0 2px;position:relative}.working-colors-button .swatch>button{--swatch-color:#fff;--ring-color:var(--color-5-dullgray);box-sizing:border-box;width:100%;height:100%;box-shadow:0 0 0 2px var(--color-3-darkgray);background:var(--color-3-darkgray);border:none;border-radius:50%;outline:none;margin:0;padding:0;position:relative;overflow:hidden}.working-colors-button .swatch>button:before{content:"";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-plus-one);background-repeat:no-repeat, var(--color-transparent-checkered-background-repeat);border-radius:50%;position:absolute;inset:1px}.working-colors-button .swatch>button:after{content:"";box-shadow:inset 0 0 0 2px var(--ring-color);border-radius:50%;position:absolute;inset:0}.working-colors-button .swatch>button:hover,.working-colors-button .swatch>button.open{--ring-color:var(--color-6-lowergray)}.working-colors-button .swatch .floating-menu{top:50%;right:-2px}.working-colors-button .swatch.primary{z-index:1;margin-bottom:-8px}.image-label{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);border-radius:2px;width:auto;height:auto}.image-label+.image-label.image-label{margin-left:8px}.widget-span.column{flex-direction:column;flex:none;display:flex}.widget-span.row{min-height:var(--row-height);--row-height:32px;flex:none;display:flex}.widget-span.row.narrow{--row-height:24px}.widget-span.row>*{--widget-height:24px;margin:calc((var(--row-height) - var(--widget-height)) / 2) 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:none;margin:4px 4px 0}.widget-section .header{text-align:left;background:var(--color-2-mildblack);border:0;border-radius:4px;flex:0 0 24px;align-items:center;margin-bottom:4px;padding-left:8px;padding-right:0;display:flex}.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{flex:none;justify-content:center;align-items:center;width:8px;height:8px;margin:0;padding:0;display:flex;position:relative}.widget-section .header .expand-arrow:after{content:"";background:var(--icon-expand-collapse-arrow);width:8px;height:8px;position:absolute}.widget-section .header .text-label{flex:100%;height:18px;margin-left:8px}.widget-section:not(:hover) .header .show-only-on-hover{display:none}.widget-section .body{background:var(--color-3-darkgray);border:1px solid var(--color-2-mildblack);border-radius:0 0 4px 4px;margin-top:-1px;padding:1px 7px 0;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:100%}table:not(.unstyled){background:var(--color-3-darkgray);border-spacing:4px;border:none;border-radius:2px}table:not(.unstyled) td{background:var(--color-2-mildblack);vertical-align:top;border:none;border-radius:2px;padding:4px 8px}table:not(.unstyled) tr:first-child td{background-image:var(--inheritance-dots-background-4-dimgray)}.dialog{pointer-events:none;width:100%;height:100%;position:absolute}.dialog>.floating-menu-container>.floating-menu-content{pointer-events:auto;padding:0}.dialog .header-area,.dialog .footer-area{background:var(--color-1-nearblack);flex:none}.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 .icon-label+.text-label{margin-left:12px}.dialog .header-area .text-label{line-height:24px}.dialog .content{padding-right:calc(24px + 1px * var(--even-integer-subpixel-expansion-x));padding-bottom:calc(16px + 1px * var(--even-integer-subpixel-expansion-y));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 .radio-input button{flex-grow:1}.dialog .content .text-label.multiline{-webkit-user-select:text;user-select:text}.dialog .content .details:has(.text-label.multiline.monospace){max-width:80vw;max-height:60vh;overflow:auto}.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}.tooltip{pointer-events:none;width:0;height:0;position:absolute}.tooltip .floating-menu-content{max-width:min(400px,50vw)}.tooltip .floating-menu-content .tooltip-header+.tooltip-description{margin-top:4px}.tooltip .floating-menu-content .text-label{white-space:pre-wrap}.tooltip .floating-menu-content .text-label+.shortcut-label{margin-left:8px}.tooltip .floating-menu-content .tooltip-description{color:var(--color-b-lightgray)}.status-bar{flex:none;justify-content:space-between;width:100%;height:24px}.status-bar .hints{--row-height:24px;flex:auto;max-width:calc(100% - 8px);margin:0 4px;overflow:hidden}.status-bar .hints>*{flex:none}.status-bar .hints .text-label,.status-bar .hints .shortcut-label{flex-shrink:0;align-items:center}.status-bar .hints .text-label+.text-label,.status-bar .hints .text-label+.shortcut-label,.status-bar .hints .shortcut-label+.text-label,.status-bar .hints .shortcut-label+.shortcut-label{margin-left:4px}.status-bar .hints .text-label:not(.bold)+.shortcut-label{margin-left:12px}.status-bar .hints .text-label.bold{padding:0 4px}.status-bar .hints+.separator{position:relative}.status-bar .hints+.separator:before{content:"";background:linear-gradient(to right, rgba(var(--color-2-mildblack-rgb), 0) 0%, rgba(var(--color-2-mildblack-rgb), 1) 100%);width:40px;position:absolute;top:0;bottom:0;left:-40px}.status-bar .info{--row-height:24px;justify-content:flex-end;margin:0 4px}.status-bar .info .text-label{flex-shrink:0;align-items:center}.status-bar .info .text-label+.text-label{margin-left:4px}.title-bar,.title-bar>.layout-row{flex:none}.title-bar>.layout-row>.widget-span{--row-height:28px}.title-bar>.layout-row>.widget-span>*{--widget-height:28px}.title-bar>.layout-row.window-frame{flex:100%}.title-bar>.layout-row .text-button{height:100%}.title-bar .window-buttons>.layout-row{flex:none;align-items:center}.title-bar .window-buttons>.layout-row svg{fill:var(--color-e-nearwhite)}.title-bar .window-buttons>.layout-row:hover{background:var(--color-6-lowergray)}.title-bar .window-buttons>.layout-row:hover svg{fill:var(--color-f-white)}.title-bar .window-buttons.fullscreen>.layout-row{padding:0 8px}.title-bar .window-buttons.windows:not(.fullscreen)>.layout-row{padding:0 17px}.title-bar .window-buttons.windows:not(.fullscreen)>.layout-row:hover{background:#2d2d2d}.title-bar .window-buttons.windows:not(.fullscreen)>.layout-row:last-of-type:hover{background:#c42b1c}.title-bar .window-buttons.linux:not(.fullscreen)>.layout-row{padding:0 12px}.title-bar .window-buttons.linux:not(.fullscreen)>.layout-row:hover{border-radius:2px}.data-panel{flex-grow:1;padding:4px}.data-panel table{width:calc(100% + 8px);margin:-4px}.data-panel table .text-label{white-space:wrap}.data-panel table:not(:first-child){margin-top:0}.data-panel table tr:first-child:has(td:first-child label:empty)~tr td:first-child{width:0}.data-panel .widget-span:has(.text-area-input){flex:100%}.data-panel .widget-span:has(.text-area-input) .text-area-input textarea{resize:none;height:100%;margin-top:0;margin-bottom:0}.eyedropper-preview{pointer-events:none}.eyedropper-preview .floating-menu-content.floating-menu-content{border:none;margin-left:0}.eyedropper-preview .ring{background:var(--ring-color-choice);border:8px solid;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);border-radius:50%;padding:16px;position:relative;transform:translateY(-50%)rotate(45deg)}.eyedropper-preview .ring:after{content:"";border-radius:50%;width:100%;height:100%;padding:8px;position:absolute;top:-8px;left:-8px;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{width:110px;height:110px;image-rendering:pixelated;border-radius:50%;display:block}.eyedropper-preview .ring .canvas-container:after{content:"";border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 1px #ffffff80,inset 0 0 8px #00000040}.eyedropper-preview .ring .canvas-container .pixel-outline{--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);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.graph{flex-direction:row;flex-grow:1;display:flex;position:relative;overflow:hidden}.graph:before{content:"";background-size:var(--grid-spacing) var(--grid-spacing);background-position:calc(var(--grid-offset-x) - var(--grid-dot-radius)) calc(var(--grid-offset-y) - var(--grid-dot-radius));background-image:radial-gradient(circle at var(--grid-dot-radius) var(--grid-dot-radius), var(--color-3-darkgray) var(--grid-dot-radius), transparent 0);width:100%;height:100%;image-rendering:pixelated;mix-blend-mode:screen;background-repeat:repeat;position:absolute}.graph>img{position:absolute;bottom:0}.graph .breadcrumb-trail-buttons{margin-top:8px;margin-left:8px}.graph .context-menu{width:max-content}.graph .context-menu .modify-node-menu{margin:-4px}.graph .context-menu .modify-node-menu .text-button{justify-content:left}.graph .context-menu .tail{display:none}.graph .node-error-container{z-index:1;position:absolute}.graph .node-error-container .node-error{white-space:pre-wrap;width:max-content;max-width:600px;color:var(--color-2-mildblack);background:var(--color-error-red);opacity:.5;border-radius:4px;padding:8px;line-height:18px;transition:opacity .2s;position:absolute;transform:translateY(-100%)}.graph .node-error-container .node-error:after{content:"";border-style:solid;border-width:8px 6px 0;border-color:var(--color-error-red) transparent transparent transparent;width:0;height:0;position:absolute;bottom:-8px;left:6px}.graph .node-error-container .node-error.hover{opacity:0;z-index:1;pointer-events:none}.graph .node-error-container .node-error.faded:hover+.hover{opacity:1}.graph .node-error-container .node-error.faded:hover{z-index:2;opacity:1;-webkit-user-select:text;user-select:text;transition:opacity .2s,z-index 0s .2s}.graph .node-error-container .node-error.faded:hover::selection{background-color:var(--color-e-nearwhite)}@supports (background:-webkit-named-image(i)){.graph .node-error-container .node-error.faded:hover::selection{background-color:rgba(var(--color-e-nearwhite-rgb), .996078)}}.graph .click-targets{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute}.graph .click-targets svg{stroke-width:1px;fill:none;width:100%;height:100%;overflow:visible}.graph .click-targets svg .layer{stroke:#ff0}.graph .click-targets svg .node{stroke:#00f}.graph .click-targets svg .connector{stroke:green}.graph .click-targets svg .visibility{stroke:red}.graph .click-targets svg .all-nodes-bounding-box{stroke:purple}.graph .click-targets svg .modify-import-export{stroke:orange}.graph .wires{pointer-events:none;width:100%;height:100%;position:absolute}.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{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute}:where(.graph-view.open .graph .imports-and-exports>*){pointer-events:auto}.graph .imports-and-exports .connector{width:8px;height:8px;top:calc(var(--offset-top) * 24px);left:calc(var(--offset-left) * 24px);margin-top:4px;margin-left:5px;position:absolute}.graph .imports-and-exports .reorder-bar{top:calc(var(--offset-top) * 24px);left:calc(var(--offset-left) * 24px);background:#fff;width:50px;height:2px;position:absolute}.graph .imports-and-exports .plus{top:calc(var(--offset-top) * 24px);left:calc(var(--offset-left) * 24px);position:absolute}.graph .imports-and-exports .edit-import-export{top:calc(var(--offset-top) * 24px);align-items:center;height:24px;margin-top:-5px;display:flex;position:absolute}.graph .imports-and-exports .edit-import-export.separator-bottom:after,.graph .imports-and-exports .edit-import-export.separator-top:before{content:"";background:var(--color-8-uppergray);height:1px;position:absolute;left:-4px;right:-4px}.graph .imports-and-exports .edit-import-export.separator-bottom:after{bottom:-1px}.graph .imports-and-exports .edit-import-export.separator-top:before{top:0}.graph .imports-and-exports .edit-import-export.import{right:calc(100% - var(--offset-left) * 24px)}.graph .imports-and-exports .edit-import-export.export{left:calc(var(--offset-left) * 24px + 17px)}.graph .imports-and-exports .edit-import-export .import-text{text-align:right;text-wrap:nowrap}.graph .imports-and-exports .edit-import-export .export-text{text-wrap:nowrap}.graph .imports-and-exports .edit-import-export .import-text-input{text-align:right}.graph .imports-and-exports .edit-import-export .remove-button-import{margin-left:3px}.graph .imports-and-exports .edit-import-export .remove-button-export{margin-right:3px}.graph .imports-and-exports .edit-import-export .reorder-drag-grip{background-position:2px 8px;background-image:var(--icon-drag-grip-hover);border-radius:2px;width:8px;height:24px;margin:-6px 0}.graph .layers-and-nodes{pointer-events:none;width:100%;height:100%;position:absolute}:where(.graph-view.open .graph .layers-and-nodes>*){pointer-events:auto}.graph .layer,.graph .node{left:calc(var(--offset-left) * 24px);top:calc(var(--offset-top) * 24px);background:rgba(var(--color-0-black-rgb), .33);display:flex;position:absolute}.graph .layer:after,.graph .node:after{content:"";box-sizing:border-box;pointer-events:none;width:100%;height:100%;clip-path:var(--clip-path-id);position:absolute;top:0;left:0}.graph .layer .border-mask,.graph .node .border-mask{position:absolute;top:0}.graph .layer.disabled,.graph .node.disabled{background:rgba(var(--color-4-dimgray-rgb), .33);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 .connectors,.graph .node .connectors{z-index:1;position:absolute}.graph .layer .connectors.input,.graph .node .connectors.input{left:-3px}.graph .layer .connectors.output,.graph .node .connectors.output{right:-5px}.graph .layer .connector,.graph .node .connector{width:8px;height:8px;margin:16px 0}.graph .layer .text-label,.graph .node .text-label{text-overflow:ellipsis;overflow:hidden}.graph .layer{--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);border-radius:8px}.graph .layer:after{border:1px solid var(--color-5-dullgray);border-radius:8px}.graph .layer.selected{background:rgba(var(--color-5-dullgray-rgb), .33)}.graph .layer.selected.in-selected-network{background:rgba(var(--color-6-lowergray-rgb), .33)}.graph .layer .thumbnail{background:var(--color-2-mildblack);border:1px solid var(--data-color-dim);box-sizing:border-box;border-radius:2px;width:70px;height:48px;margin:0 1px;position:relative}.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(.connector){pointer-events:none;width:calc(100% - 2px);height:calc(100% - 2px);margin:auto;position:absolute;top:1px;left:1px}.graph .layer .thumbnail .connector{height:12px;margin:0 auto;position:absolute;left:0;right:0}.graph .layer .thumbnail .connector.top{top:-13px}.graph .layer .thumbnail .connector.bottom{bottom:-13px}.graph .layer .details{margin:0 8px}.graph .layer .details .text-label{white-space:nowrap;line-height:48px}.graph .layer .solo-drag-grip{background-position:2px 8px;border-radius:2px;width:8px;height:24px;right:12px}.graph .layer.locked .solo-drag-grip{right:36px}.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{right:-12px}.graph .layer .lock{right:12px}.graph .layer .input.connectors{left:calc(-3px + var(--node-chain-area-left-extension) * 24px - 36px)}.graph .layer .solo-drag-grip,.graph .layer .lock,.graph .layer .visibility,.graph .layer .input.connectors,.graph .layer .input.connectors .connector{margin:auto 0;position:absolute;top:0;bottom:0}.graph .layer .input.connectors .connector{left:24px}.graph .node{width:120px;top:calc((var(--offset-top) + .5) * 24px);border-radius:2px;flex-direction:column}.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 .secondary{background:rgba(var(--color-f-white-rgb), .1)}.graph .node.selected .secondary.in-selected-network{background:rgba(var(--color-f-white-rgb), .15)}.graph .node .connector:first-of-type{margin-top:8px}.graph .node .connector:first-of-type:not(.primary-connector){margin-top:32px}.graph .node .connector:last-of-type{margin-bottom:8px}.graph .node .primary{background:rgba(var(--color-f-white-rgb), .05);border-radius:2px 2px 0 0;align-items:center;width:100%;height:24px;display:flex;position:relative}.graph .node .primary.no-secondary-section{border-radius:2px}.graph .node .primary .icon-label{margin:0 8px;display:none}.graph .node .primary .text-label{margin:0 8px}.graph .node .secondary{flex-direction:column;width:100%;display:flex;position:relative}.graph .node .secondary .secondary-row{align-items:center;width:calc(100% - 16px);height:24px;margin:0 8px;display:flex;position:relative}.graph .node .secondary .secondary-row:last-of-type{border-radius:0 0 2px 2px}.graph .node .secondary .secondary-row .text-label{width:100%}.graph .node .secondary .secondary-row.output{text-align:right;flex-direction:row-reverse}.graph .node .secondary .secondary-row.output svg{width:30px;height:20px}.graph .node .secondary:before{left:0}.graph .node .secondary:after{right:0}.box-selection{pointer-events:none;z-index:2;background:#00a8ff0d;border:1px solid #00a8ff;position:absolute}.ruler-input{background:var(--color-2-mildblack);box-sizing:border-box;flex:100%;position:relative;overflow:hidden}.ruler-input.horizontal{border-bottom:1px solid var(--color-5-dullgray);height:16px}.ruler-input.vertical{border-right:1px solid var(--color-5-dullgray);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-5-dullgray)}.ruler-input svg text{fill:var(--color-8-uppergray);font-size:12px}.scrollbar-input{flex:100%;display:flex}.scrollbar-input.vertical{flex-direction:column}.scrollbar-input.horizontal{flex-direction:row}.scrollbar-input .arrow{--arrow-color:var(--color-5-dullgray);background:0 0;border:none;flex:none;width:16px;height:16px;margin:0;padding:0}.scrollbar-input .arrow:hover{--arrow-color:var(--color-6-lowergray)}.scrollbar-input .arrow:hover:active{--arrow-color:var(--color-c-brightgray)}.scrollbar-input .arrow:after{content:"";border-style:solid;display:block}.scrollbar-input.vertical .arrow.decrease:after{border-width:0 5px 8px;border-color:transparent transparent var(--arrow-color) transparent;margin:4px 3px}.scrollbar-input.vertical .arrow.increase:after{border-width:8px 5px 0;border-color:var(--arrow-color) transparent transparent transparent;margin:4px 3px}.scrollbar-input.horizontal .arrow.decrease:after{border-width:5px 8px 5px 0;border-color:transparent var(--arrow-color) transparent transparent;margin:3px 4px}.scrollbar-input.horizontal .arrow.increase:after{border-width:5px 0 5px 8px;border-color:transparent transparent transparent var(--arrow-color);margin:3px 4px}.scrollbar-input .scroll-track{flex:100%;position:relative}.scrollbar-input .scroll-track .scroll-thumb{background:var(--color-4-dimgray);border-radius:4px;position:absolute}.scrollbar-input .scroll-track .scroll-thumb:hover,.scrollbar-input .scroll-track .scroll-thumb.dragging{background:var(--color-6-lowergray)}.document{height:100%}.document.document.document{padding-bottom:0}.document .control-bar{background:var(--color-3-darkgray);flex:none;height:32px;padding:0 4px}.document .control-bar .spacer{min-width:40px}.document .control-bar.for-graph{justify-content:space-between}.document .tool-shelf-and-viewport-area{--tool-width:32;--height-of-elements-below-tools:72px;--height-of-separator:calc(12px + 1px + 12px);--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));container-type:size}.document .tool-shelf-and-viewport-area .tool-shelf{background:var(--color-3-darkgray);flex:none;justify-content:space-between}.document .tool-shelf-and-viewport-area .tool-shelf .tools{flex:0 auto}.document .tool-shelf-and-viewport-area .tool-shelf .tools .widget-span{width:var(--columns-width);flex-wrap:wrap}.document .tool-shelf-and-viewport-area .tool-shelf .tools .widget-span .icon-button{margin:0}.document .tool-shelf-and-viewport-area .tool-shelf .tools .widget-span .icon-button:not(.emphasized) .color-general{fill:var(--color-data-general)}.document .tool-shelf-and-viewport-area .tool-shelf .tools .widget-span .icon-button:not(.emphasized) .color-vector{fill:var(--color-data-vector)}.document .tool-shelf-and-viewport-area .tool-shelf .tools .widget-span .icon-button:not(.emphasized) .color-raster{fill:var(--color-data-raster)}.document .tool-shelf-and-viewport-area .tool-shelf .tools .widget-span .separator{min-height:0}.document .tool-shelf-and-viewport-area .tool-shelf .tool-shelf-bottom-widgets{flex:none;align-items:center}.document .tool-shelf-and-viewport-area .tool-shelf .tool-shelf-bottom-widgets .working-colors-input-area{height:auto;min-height:0;margin:0}.document .tool-shelf-and-viewport-area .tool-shelf .tool-shelf-bottom-widgets .working-colors-input-area .working-colors-input{margin:0}.document .tool-shelf-and-viewport-area .tool-shelf .tool-shelf-bottom-widgets .working-colors-input-area .icon-button{--widget-height:0}.document .tool-shelf-and-viewport-area .viewport-container{flex:100%}.document .tool-shelf-and-viewport-area .viewport-container .ruler-or-scrollbar{background:var(--color-3-darkgray);flex:none}.document .tool-shelf-and-viewport-area .viewport-container .ruler-corner{background:var(--color-2-mildblack);width:16px;position:relative}.document .tool-shelf-and-viewport-area .viewport-container .ruler-corner:after{content:"";background:var(--color-5-dullgray);width:1px;height:1px;position:absolute;bottom:0;right:0}.document .tool-shelf-and-viewport-area .viewport-container .top-ruler .ruler-input{margin-right:16px}.document .tool-shelf-and-viewport-area .viewport-container:has(.top-ruler) .right-scrollbar .scrollbar-input{margin-top:-16px}.document .tool-shelf-and-viewport-area .viewport-container .bottom-scrollbar .scrollbar-input{margin-right:16px}.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-1,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-2{flex:100%;position:relative}.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-1 .viewport,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-2 .viewport{background:var(--color-2-mildblack)}.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-1 .viewport,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-1 .viewport-transparent,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-2 .viewport,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-2 .viewport-transparent{width:100%;height:100%;position:relative;overflow:hidden}.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-1 .viewport .artwork,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-1 .viewport .text-input,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-1 .viewport .overlays,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-1 .viewport-transparent .artwork,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-1 .viewport-transparent .text-input,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-1 .viewport-transparent .overlays,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-2 .viewport .artwork,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-2 .viewport .text-input,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-2 .viewport .overlays,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-2 .viewport-transparent .artwork,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-2 .viewport-transparent .text-input,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-2 .viewport-transparent .overlays{pointer-events:none;width:100%;height:100%;position:absolute;top:0}.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-1 .viewport .artwork>*,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-1 .viewport .text-input>*,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-1 .viewport .overlays>*,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-1 .viewport-transparent .artwork>*,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-1 .viewport-transparent .text-input>*,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-1 .viewport-transparent .overlays>*,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-2 .viewport .artwork>*,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-2 .viewport .text-input>*,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-2 .viewport .overlays>*,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-2 .viewport-transparent .artwork>*,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-2 .viewport-transparent .text-input>*,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-2 .viewport-transparent .overlays>*{pointer-events:auto}.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-1 .viewport .text-input,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-1 .viewport-transparent .text-input,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-2 .viewport .text-input,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-2 .viewport-transparent .text-input{word-break:break-all;unicode-bidi:plaintext}.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-1 .viewport .text-input div,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-1 .viewport-transparent .text-input div,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-2 .viewport .text-input div,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-2 .viewport-transparent .text-input div{cursor:text;overflow-wrap:anywhere;white-space:pre-wrap;word-break:normal;unicode-bidi:plaintext;background:0 0;border:none;margin:0 0 0 -1px;padding:0 0 0 1px;display:inline-block;overflow:visible hidden}.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-1 .viewport .text-input div:focus,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-1 .viewport-transparent .text-input div:focus,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-2 .viewport .text-input div:focus,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-2 .viewport-transparent .text-input div:focus{border:none;outline:none;margin:-1px}.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-1 .graph-view,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-2 .graph-view{pointer-events:none;opacity:0;transition:opacity .2s}.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-1 .graph-view.open,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-2 .graph-view.open{cursor:auto;pointer-events:auto;opacity:1}.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-1 .graph-view:before,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-2 .graph-view:before{content:"";background:var(--color-2-mildblack);width:100%;height:100%;opacity:var(--fade-artwork);pointer-events:none;position:absolute;top:0;left:0}.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-1 .fade-artwork,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-1 .graph,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-2 .fade-artwork,.document .tool-shelf-and-viewport-area .viewport-container .viewport-container-inner-2 .graph{width:100%;height:100%;position:absolute;top:0;left:0}.layers .control-bar{border-bottom:1px solid var(--color-2-mildblack);flex:none;justify-content:space-between;height:32px;margin:0 4px}.layers .control-bar .widget-span:first-child{flex:auto}.layers .control-bar:not(:has(*)){display:none}.layers .bottom-bar{border-top:1px solid var(--color-2-mildblack);flex:none;justify-content:flex-end;height:24px;margin:0 4px;padding-top:4px}.layers .bottom-bar .widget-span>*{margin:0}.layers .bottom-bar:not(:has(*)){display:none}.layers .list-area{margin-bottom:-1px;padding-top:4px;position:relative}.layers .list-area.drag-ongoing .layer{pointer-events:none}.layers .list-area .layer{border-bottom:1px solid var(--color-2-mildblack);height:32px;padding-left:calc(var(--layer-indent-levels) * 16px);border-radius:2px;flex:none;align-items:center;margin:0 4px;position:relative}.layers .list-area .layer.selected{background:var(--color-4-dimgray)}.layers .list-area .layer.ancestor-of-selected .expand-arrow:not(.expanded){background-image:var(--inheritance-dots-background-6-lowergray)}.layers .list-area .layer.descendant-of-selected{background-image:var(--inheritance-dots-background-4-dimgray)}.layers .list-area .layer.selected-but-not-in-selected-network{background:rgba(var(--color-4-dimgray-rgb), .5)}.layers .list-area .layer.insert-folder{outline:3px solid var(--color-e-nearwhite);outline-offset:-3px}.layers .list-area .layer .expand-arrow{background:0 0;border:none;border-radius:2px;flex:none;justify-content:center;align-items:center;width:16px;height:100%;margin:0 4px 0 0;padding:0;display:flex;position:relative}.layers .list-area .layer .expand-arrow:after{content:"";background:var(--icon-expand-collapse-arrow);width:8px;height:8px;position:absolute}.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 .expand-arrow-none{flex:0 0 16px;margin-right:4px}.layers .list-area .layer .clipped-arrow{margin-left:2px;margin-right:2px}.layers .list-area .layer .thumbnail{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);border-radius:2px;flex:none;width:36px;height:24px;overflow:hidden}.layers .list-area .layer .thumbnail svg{width:100%;height:100%}.layers .list-area .layer .layer-type-icon{margin-left:8px;margin-right:-4px}.layers .list-area .layer .layer-name{flex:100%;margin:0 8px}.layers .list-area .layer .layer-name input{color:inherit;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;border-radius:2px;outline:none;width:100%;height:24px;margin:0;padding:0;overflow:hidden}.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:none;align-items:center;height:100%}.layers .list-area .layer .status-toggle.inherited{background-image:var(--inheritance-stripes-background)}.layers .list-area .layer .status-toggle .icon-button{width:32px;height:100%}.layers .list-area .insert-mark{background:var(--color-e-nearwhite);z-index:1;pointer-events:none;height:5px;margin-top:1px;position:absolute;left:4px;right:4px}.properties{flex:100%;height:100%}.properties .sections{flex: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}.welcome-panel{background:var(--color-2-mildblack);border-radius:2px;justify-content:space-between;margin:4px}.welcome-panel .content-container{flex:none;justify-content:center}.welcome-panel .content-container .content{flex:none;align-items:center}.welcome-panel .content-container .content .logotype{margin-top:8px;margin-bottom:40px}.welcome-panel .content-container .content .logotype svg{width:auto;height:120px}.welcome-panel .content-container .content .actions{margin-bottom:8px}.welcome-panel .content-container .content .actions table{border-spacing:8px;margin:-8px}.welcome-panel .content-container .content .actions table td{padding:0}.welcome-panel .top-spacer{flex:0 48px}.welcome-panel .bottom-message{flex:0 0 48px;justify-content:end;align-items:center}.welcome-panel .bottom-message .text-label{white-space:wrap;margin:0 1em}.panel{background:var(--color-1-nearblack);border-radius:6px;overflow:hidden}.panel .tab-bar{background:var(--color-1-nearblack);flex-shrink:0;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:100%;position:relative}.panel .tab-bar .tab-group:after{content:"";flex:none;width:15px}.panel .tab-bar .tab-group .tab{flex:0 auto;align-items:center;height:28px;padding:0 8px;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{box-shadow:8px 0 0 0 var(--color-3-darkgray);border-bottom-right-radius:8px;left:-16px}.panel .tab-bar .tab-group .tab.active:after{box-shadow:-8px 0 0 0 var(--color-3-darkgray);border-bottom-left-radius:8px;right:-16px}.panel .tab-bar .tab-group .tab .name{flex:100%}.panel .tab-bar .tab-group .tab .name .text-label{flex:none;height:28px;line-height:28px}.panel .tab-bar .tab-group .tab .name .text-label.text{white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;overflow-x:hidden}.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:"";background:var(--color-5-dullgray);width:1px;height:16px;position:absolute;left:-1px}.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:"";background:var(--color-5-dullgray);width:1px;height:16px;position:absolute;right:-1px}.panel .panel-body{background:var(--color-3-darkgray);flex-direction:column;flex:100%}.panel .panel-body>div{padding-bottom:4px}.viewport-hole-punch .panel.document-panel{background:0 0}.viewport-hole-punch .panel.document-panel .panel-body:not(:has(.welcome-panel)){background:0 0}.workspace{flex:100%;position:relative}.workspace .workspace-grid-subdivision{flex:1 1 0;min-height:28px;position:relative}.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}.viewport-hole-punch .workspace .workspace-grid-subdivision:has(.panel.document-panel):after{content:"";box-shadow:0 0 0 calc(100vw + 100vh) var(--color-2-mildblack);z-index:-1;border-radius:6px;position:absolute;inset:6px}.main-window{touch-action:none;height:100%;overflow:auto}.release-candidate-expiry{background-color:var(--color-e-nearwhite);color:var(--color-2-mildblack);opacity:.9;pointer-events:none;text-align-last:justify;z-index:1000;border-radius:4px;padding:12px 40px;font-size:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.release-candidate-expiry .text-label{line-height:1.5}body:before,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-warning-yellow:#d5aa43;--color-warning-yellow-rgb:213, 170, 67;--color-data-general:#cfcfcf;--color-data-general-dim:#8a8a8a;--color-data-number:#c9a699;--color-data-number-dim:#886b60;--color-data-artboard:#fbf9eb;--color-data-artboard-dim:#b9b9a9;--color-data-graphic:#68c587;--color-data-graphic-dim:#37754c;--color-data-raster:#e4bb72;--color-data-raster-dim:#9a7b43;--color-data-vector:#65bbe5;--color-data-vector-dim:#417892;--color-data-color:#ce6ea7;--color-data-color-dim:#924071;--color-data-gradient:#af81eb;--color-data-gradient-dim:#6c489b;--color-data-typography:#eea7a7;--color-data-typography-dim:#955252;--color-data-invalid:#d6536e;--color-data-invalid-dim:#a7324a;--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,  \9 <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>  \9 ");--color-none-size-32px:80px 32px;--color-none-image-32px:url("data:image/svg+xml;utf8,  \9 <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>  \9 ");--color-transparent-checkered-background:linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%), linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%), linear-gradient(#fff, #fff);--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-position-plus-one:1px 1px, 9px 9px, 9px 9px;--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;--inheritance-stripes-background: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));--inheritance-dots-background-4-dimgray:url("data:image/svg+xml;utf8,  \9 <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 4 4\" width=\"4px\" height=\"4px\" fill=\"%23444\"><rect width=\"1\" height=\"1\" /><rect x=\"2\" y=\"2\" width=\"1\" height=\"1\" /></svg>  \9 ");--inheritance-dots-background-6-lowergray:url("data:image/svg+xml;utf8,  \9 <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 4 4\" width=\"4px\" height=\"4px\" fill=\"%23666\"><rect width=\"1\" height=\"1\" /><rect x=\"2\" y=\"2\" width=\"1\" height=\"1\" /></svg>  \9 ");--icon-drag-grip:url("data:image/svg+xml;utf8,  \9 <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 8 24\" fill=\"%23eee\">  \9 \9 <circle cx=\"0.5\" cy=\"1.5\" r=\"0.5\" /><circle cx=\"3.5\" cy=\"1.5\" r=\"0.5\" />  \9 \9 <circle cx=\"0.5\" cy=\"4.5\" r=\"0.5\" /><circle cx=\"3.5\" cy=\"4.5\" r=\"0.5\" />  \9 \9 <circle cx=\"0.5\" cy=\"7.5\" r=\"0.5\" /><circle cx=\"3.5\" cy=\"7.5\" r=\"0.5\" />  \9 </svg>  \9 ");--icon-drag-grip-hover:url("data:image/svg+xml;utf8,  \9 <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 8 24\" fill=\"%23fff\">  \9 \9 <circle cx=\"0.5\" cy=\"1.5\" r=\"0.5\" /><circle cx=\"3.5\" cy=\"1.5\" r=\"0.5\" />  \9 \9 <circle cx=\"0.5\" cy=\"4.5\" r=\"0.5\" /><circle cx=\"3.5\" cy=\"4.5\" r=\"0.5\" />  \9 \9 <circle cx=\"0.5\" cy=\"7.5\" r=\"0.5\" /><circle cx=\"3.5\" cy=\"7.5\" r=\"0.5\" />  \9 </svg>  \9 ");--icon-drag-grip-disabled:url("data:image/svg+xml;utf8,  \9 <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 8 24\" fill=\"%23888\">  \9 \9 <circle cx=\"0.5\" cy=\"1.5\" r=\"0.5\" /><circle cx=\"3.5\" cy=\"1.5\" r=\"0.5\" />  \9 \9 <circle cx=\"0.5\" cy=\"4.5\" r=\"0.5\" /><circle cx=\"3.5\" cy=\"4.5\" r=\"0.5\" />  \9 \9 <circle cx=\"0.5\" cy=\"7.5\" r=\"0.5\" /><circle cx=\"3.5\" cy=\"7.5\" r=\"0.5\" />  \9 </svg>  \9 ");--icon-expand-collapse-arrow:url("data:image/svg+xml;utf8,  \9 <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>  \9 ");--icon-expand-collapse-arrow-hover:url("data:image/svg+xml;utf8,  \9 <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>  \9 ");--icon-expand-collapse-arrow-disabled:url("data:image/svg+xml;utf8,  \9 <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>  \9 ")}html,body{background:var(--color-2-mildblack);overscroll-behavior:none;-webkit-user-select:none;user-select:none;height:100%;margin:0}body.cursor-hidden *{cursor:none!important}:is(html:has(body>.viewport-hole-punch),body:has(>.viewport-hole-punch)){background:0 0}*{min-width:0;min-height:0}html,body,input,textarea,button{color:var(--color-e-nearwhite);font-family:Source Sans Pro,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1}svg,img{display:block}.layout-row .scrollable-x,.layout-row .scrollable-y,.layout-col .scrollable-x,.layout-col .scrollable-y{scrollbar-width:thin;scrollbar-color:var(--color-4-dimgray) transparent;overflow:hidden}.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){scrollbar-width:none;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,.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)}@font-face{font-family:Source Sans Pro;font-weight:400;font-style:normal;font-stretch:100%;src:url(/assets/SourceSansPro-Regular.ttf-DZLUzqI4.woff2)format("woff2")}@font-face{font-family:Source Sans Pro;font-weight:400;font-style:italic;font-stretch:100%;src:url(/assets/SourceSansPro-It.ttf-I1ipWe7Q.woff2)format("woff2")}@font-face{font-family:Source Sans Pro;font-weight:700;font-style:normal;font-stretch:100%;src:url(/assets/SourceSansPro-Bold.ttf--6c9oR8J.woff2)format("woff2")}@font-face{font-family:Source Sans Pro;font-weight:700;font-style:italic;font-stretch:100%;src:url(/assets/SourceSansPro-BoldIt.ttf-DmM_grLY.woff2)format("woff2")}@font-face{font-family:Source Code Pro;font-weight:400;font-style:normal;font-stretch:100%;src:url(/assets/SourceCodePro-Regular.ttf-CBOlD63d.woff2)format("woff2")}