:root{--editor-hud-layer-icon-size:12px;--editor-hud-sidebar-radius:var(--layout-radius-14px);--editor-hud-tab-padding-y:var(--layout-padding-y-10px);--editor-hud-tab-padding-x:var(--layout-padding-x-10px);--editor-hud-tab-stroke-width:var(--layout-border-width);--editor-hud-separator-width:var(--layout-border-width-thin);--editor-hud-layer-row-padding-y:var(--layout-padding-y-4px);--editor-hud-layer-row-padding-x:var(--layout-padding-x-6px);--editor-hud-layer-row-radius:var(--layout-radius-6px);--editor-hud-layer-row-gap:var(--layout-padding-x-2px);--editor-hud-property-section-padding-x:var(--layout-padding-x-12px);--editor-hud-property-section-padding-y:var(--layout-padding-y-8px);--editor-hud-value-input-height:var(--layout-height-32px);--editor-hud-value-input-height-sm:var(--layout-height-32px);--editor-hud-value-input-group-gap:var(--layout-gap-8px);--editor-hud-value-input-group-margin-bottom:var(--layout-margin-bottom-8px);--editor-hud-icon-button-size:var(--layout-size-20px);--editor-hud-icon-button-size-lg:var(--layout-size-16px);--editor-hud-icon-button-icon-size:var(--layout-size-12px);--editor-hud-icon-button-icon-size-sm:var(--layout-size-14px);--editor-hud-value-input-chevron-size:10px;--editor-hud-swatch-size:var(--layout-height-24px);--editor-hud-icon-button-sm-size:var(--layout-height-32px)}.editor-hud-sidebar{border-radius:var(--editor-hud-sidebar-radius)}.editor-hud-sidebar-tops-only{border-radius:var(--editor-hud-sidebar-radius) var(--editor-hud-sidebar-radius) 0 0}.editor-hud-separator{border-bottom:var(--editor-hud-separator-width) var(--layout-border-style) var(--color-primary-grey-200)}.editor-hud-separator-t{border-top:var(--editor-hud-separator-width) var(--layout-border-style) var(--color-primary-grey-200)}.editor-hud-tab{font-size:var(--typography-10px);font-weight:var(--typography-medium);text-transform:uppercase;padding:var(--editor-hud-tab-padding-y) var(--editor-hud-tab-padding-x)}.editor-hud-tab-active{border-bottom-width:var(--editor-hud-tab-stroke-width);border-bottom-style:var(--layout-border-style)}.editor-hud-layer-text-unselected{color:var(--color-white-80)}.editor-hud-layer-name{font-size:var(--typography-10px);font-weight:var(--typography-regular)}.editor-hud-expand-icon{font-size:var(--typography-8px)}.editor-hud-component-label{font-size:var(--typography-12px);font-weight:var(--typography-medium)}.editor-hud-text-muted{font-size:var(--typography-10px);font-weight:var(--typography-regular)}.editor-hud-layer-row-wrapper{margin-bottom:var(--editor-hud-layer-row-gap)}.editor-hud-layer-row{padding:var(--editor-hud-layer-row-padding-y) var(--editor-hud-layer-row-padding-x);border-radius:var(--editor-hud-layer-row-radius);cursor:pointer}.editor-hud-layer-row:hover{background-color:var(--color-editor-hover)}.editor-hud-layer-row-selected,.editor-hud-layer-row:hover{color:white;border-radius:var(--editor-hud-layer-row-radius)}.editor-hud-layer-row-selected{background-color:var(--color-editor-selection)}.editor-hud-layer-row-selected-component{background-color:var(--color-editor-component)}.editor-hud-property-section{border-bottom:var(--editor-hud-separator-width) var(--layout-border-style) var(--color-primary-grey-200);padding:var(--editor-hud-property-section-padding-y) var(--editor-hud-property-section-padding-x);padding-right:calc(var(--editor-hud-property-section-padding-x) - var(--layout-scrollbar-width))}.editor-hud-property-title{font-weight:var(--typography-medium);text-transform:uppercase}.editor-hud-property-label,.editor-hud-property-title{font-size:var(--typography-10px);color:var(--color-white-60)}.editor-hud-property-label,.editor-hud-property-value{font-weight:var(--typography-regular)}.editor-hud-property-value{font-size:var(--typography-12px);color:white}.editor-hud-value-input-group{display:flex;gap:var(--editor-hud-value-input-group-gap);margin-bottom:var(--editor-hud-value-input-group-margin-bottom)}.editor-hud-value-input{height:var(--editor-hud-value-input-height);min-height:var(--editor-hud-value-input-height);font-size:var(--typography-10px)}.editor-hud-value-input-sm{height:var(--editor-hud-value-input-height-sm);min-height:var(--editor-hud-value-input-height-sm);font-size:var(--typography-10px)}.editor-hud-value-input-trigger{height:var(--editor-hud-value-input-height)!important;min-height:var(--editor-hud-value-input-height)!important;font-size:var(--typography-10px)}.editor-hud-value-input-trigger-sm{height:var(--editor-hud-value-input-height-sm)!important;min-height:var(--editor-hud-value-input-height-sm)!important;font-size:var(--typography-10px)}.editor-hud-icon-button{width:var(--editor-hud-icon-button-size);height:var(--editor-hud-icon-button-size);min-width:var(--editor-hud-icon-button-size);min-height:var(--editor-hud-icon-button-size);border-radius:var(--layout-radius-6px);background-color:var(--color-editor-iconButton-background);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color,background-color}.editor-hud-icon-button:hover{background-color:var(--color-primary-grey-100)}.editor-hud-icon-button-text{height:var(--editor-hud-icon-button-size);min-height:var(--editor-hud-icon-button-size);padding-left:var(--layout-padding-x-12px);padding-right:var(--layout-padding-x-12px);border-radius:var(--layout-radius-6px);background-color:var(--color-editor-iconButton-background);color:var(--color-editor-iconButton-inactive);font-size:var(--typography-10px);font-weight:var(--typography-regular);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color,background-color}.editor-hud-icon-button-text:hover{background-color:var(--color-primary-grey-100);color:var(--color-editor-iconButton-hover)}.editor-hud-icon-button-icon{width:var(--editor-hud-icon-button-icon-size);height:var(--editor-hud-icon-button-icon-size)}.editor-hud-icon-button-icon-sm{width:var(--editor-hud-icon-button-icon-size-sm);height:var(--editor-hud-icon-button-icon-size-sm)}.editor-hud-value-input-chevron{width:var(--editor-hud-value-input-chevron-size);height:var(--editor-hud-value-input-chevron-size);min-width:var(--editor-hud-value-input-chevron-size);min-height:var(--editor-hud-value-input-chevron-size);color:var(--color-editor-iconButton-inactive)}.editor-hud-value-input-chevron-slot{width:var(--editor-hud-value-input-height);min-width:var(--editor-hud-value-input-height);height:var(--editor-hud-value-input-height);display:flex;align-items:center;justify-content:center;flex-shrink:0}.editor-hud-icon-button-lg{width:var(--editor-hud-icon-button-size-lg);height:var(--editor-hud-icon-button-size-lg);min-width:var(--editor-hud-icon-button-size-lg);min-height:var(--editor-hud-icon-button-size-lg);border-radius:var(--layout-radius-6px);background-color:var(--color-editor-iconButton-background);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color,background-color}.editor-hud-icon-button-lg:hover{background-color:var(--color-primary-grey-100)}.editor-hud-swatch{width:var(--editor-hud-swatch-size);height:var(--editor-hud-swatch-size);min-width:var(--editor-hud-swatch-size);min-height:var(--editor-hud-swatch-size);border-radius:9999px;border:var(--layout-border-width) var(--layout-border-style) var(--color-black-10);flex-shrink:0;cursor:pointer;transition:box-shadow,border-color}.editor-hud-swatch:hover{box-shadow:0 0 0 2px var(--color-primary-grey-200);border-color:var(--color-primary-grey-200)}.editor-hud-swatch-3d{position:relative;overflow:hidden;box-shadow:inset 1px 1px 0 rgba(255,255,255,.35),inset -1px -1px 0 rgba(0,0,0,.12),0 2px 5px rgba(0,0,0,.3);transition:box-shadow,border-color}.editor-hud-swatch-3d:before{content:"";position:absolute;inset:0;border-radius:9999px;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.6) 0,rgba(255,255,255,.15) 35%,transparent 65%);pointer-events:none}.editor-hud-swatch-3d:hover{box-shadow:inset 1px 1px 0 rgba(255,255,255,.35),inset -1px -1px 0 rgba(0,0,0,.12),0 2px 5px rgba(0,0,0,.3),0 0 0 2px var(--color-primary-grey-200);border-color:var(--color-primary-grey-200)}body[data-figclank3d-swatches=false] .editor-hud-swatch-3d{box-shadow:none}body[data-figclank3d-swatches=false] .editor-hud-swatch-3d:before{display:none}body[data-figclank3d-swatches=false] .editor-hud-swatch-3d:hover{box-shadow:0 0 0 2px var(--color-primary-grey-200)}.editor-hud-icon-button-sm{width:var(--editor-hud-icon-button-sm-size);height:var(--editor-hud-icon-button-sm-size);min-width:var(--editor-hud-icon-button-sm-size);min-height:var(--editor-hud-icon-button-sm-size);border-radius:var(--layout-radius-6px);background-color:var(--color-editor-iconButton-background);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color,background-color}.editor-hud-icon-button-sm:hover{background-color:var(--color-primary-grey-100)}.editor-tool-radius-slider{-webkit-appearance:none;appearance:none;width:5rem;height:var(--editor-hud-value-input-height);min-height:var(--editor-hud-value-input-height);background:transparent;cursor:pointer}.editor-tool-radius-slider::-webkit-slider-runnable-track{height:var(--editor-hud-value-input-height);border-radius:var(--layout-radius-6px);background:var(--color-editor-valueinput-primary);border:var(--layout-border-width) var(--layout-border-style) var(--color-primary-grey-200)}.editor-tool-radius-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:var(--editor-hud-value-input-height);border-radius:var(--layout-radius-6px);background:rgba(255,255,255,.9);border:1px solid var(--color-primary-grey-200);box-shadow:0 1px 3px rgba(0,0,0,.25);margin-top:-1px;cursor:grab}.editor-tool-radius-slider::-moz-range-track{height:var(--editor-hud-value-input-height);border-radius:var(--layout-radius-6px);background:var(--color-editor-valueinput-primary);border:var(--layout-border-width) var(--layout-border-style) var(--color-primary-grey-200)}.editor-tool-radius-slider::-moz-range-thumb{width:20px;height:var(--editor-hud-value-input-height);border-radius:var(--layout-radius-6px);background:rgba(255,255,255,.9);border:1px solid var(--color-primary-grey-200);box-shadow:0 1px 3px rgba(0,0,0,.25);cursor:grab}