@property --divider-effect-color{syntax:"<color>";inherits:false;initial-value:#0000}@property --divider-effect-opacity{syntax:"<number>";inherits:false;initial-value:.25}@property --divider-effect-size{syntax:"<length>";inherits:false;initial-value:1px}@property --divider-effect-length{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --glass-effect-blur{syntax:"<length>";inherits:false;initial-value:1em}@property --glass-effect-light-color{syntax:"<color>";inherits:false;initial-value:#0000}@property --glass-effect-light-power{syntax:"<number>";inherits:false;initial-value:.4}@property --glass-effect-light-rotation{syntax:"<angle>";inherits:false;initial-value:210deg}@property --glass-effect-dark-color{syntax:"<color>";inherits:false;initial-value:#0000}@property --glass-effect-dark-power{syntax:"<number>";inherits:false;initial-value:0}.inspectorSidebar{width:100%;min-height:0;padding-bottom:var(--spacing-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}.inspectorBlock{gap:var(--spacing-xs);padding:var(--spacing-sm)0;flex-direction:column;display:flex;position:relative}.inspectorBlock+.inspectorBlock:after{--divider-effect-color:var(--text);--divider-effect-opacity:.035;--divider-effect-size:1px;--divider-effect-length:calc(100% - 0px);content:"";opacity:var(--divider-effect-opacity);will-change:opacity,transform,width,height,background;width:var(--divider-effect-length);height:var(--divider-effect-size);background:linear-gradient(90deg,transparent 0%,var(--divider-effect-color)19.71%,var(--divider-effect-color)79.59%,transparent 100%);transition:--divider-effect-color .24s,--divider-effect-opacity .24s,--divider-effect-size .24s,--divider-effect-length .24s,opacity .24s,transform .24s,width .24s,height .24s,background .24s,background-image .24s;position:absolute;top:0;left:50%;transform:translate(-50%)}.inspectorBlock .blockBodyMotion{transform-origin:top;will-change:height,opacity,transform,filter;backface-visibility:hidden;min-width:0}.inspectorBlock .blockHeader{justify-content:space-between;align-items:center;gap:.5em;display:flex}.inspectorBlock .blockHeader.isClickable{cursor:pointer;-webkit-user-select:none;user-select:none}.inspectorBlock .blockHeader.isDisabled{cursor:default}.inspectorBlock .blockHeader .blockTitle{color:color-mix(in srgb,var(--text)80%,transparent);font-size:var(--font-md);margin:0;font-weight:300}.inspectorBlock .blockHeader .blockAction{align-items:center;gap:.25em;display:flex}.inspectorBlock .blockBody{gap:var(--spacing-xs);flex-direction:column;display:flex}.inspectorBlock .blockBody .labelRow,.inspectorBlock .blockBody label{margin:0!important}.inspectorBlock .blockBody .tabsRoot:not(.theme-glass){--tabButtonSize:2em;border-radius:var(--spacing-xs);background:var(--container);padding:.2em}.inspectorBlock .blockBody .tabsRoot:not(.theme-glass) .tabsIndicator{border-radius:var(--spacing-xs)}.inspectorBlock .blockBody .tabsRoot.positionAlignmentTabs{--tabButtonSize:2.5em}.inspectorBlock .blockBody .timePicker,.inspectorBlock .blockBody .popoverTrigger{width:100%}.inspectorBlock .blockBody .popoverTrigger .inputWrap{flex:0;--surfaceSize:1.7em!important}.inspectorBlock .blockBody .popoverTrigger .inputsRow{width:fit-content;gap:.5em!important;height:100%!important}.inspectorBlock .blockBody .rowFit{align-items:start;gap:var(--spacing-xs);display:flex}.inspectorBlock .blockHint{color:color-mix(in srgb,var(--text)50%,transparent);font-size:.8em;line-height:1.7}.blockAddBtn,.disconnectBtn,.removeBtn{border-radius:var(--radius-pill);width:1.9em;height:1.9em;color:var(--text);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.blockAddBtn:hover,.disconnectBtn:hover,.removeBtn:hover{background:var(--surface);color:var(--text)}.blockAddBtn.isChevron .blockChevron,.disconnectBtn.isChevron .blockChevron,.removeBtn.isChevron .blockChevron{transform-origin:50%;justify-content:center;align-items:center;display:flex}.removeBtn:hover{color:var(--red)}.inlineAssetList{flex-direction:column;gap:.5em;width:100%;display:flex}.inlineAssetList .inlineAssetSizeInput{min-width:0}.inlineAssetList .assetContainer{border-radius:var(--radius-md);min-height:2.5em;transition:border-color .2s ease,background-color .2s ease,padding .3s var(--springEase);border:1px solid #0000;flex-direction:column;gap:.5em;display:flex}.inlineAssetList .assetContainer.isOver{border-color:var(--surface-hover);background-color:color-mix(in srgb,var(--container)75%,transparent);padding:.75em .5em}.inlineAssetList .assetListBreak{align-items:center;gap:var(--spacing-xs);font-size:var(--font-xs);opacity:.4;flex-direction:row;margin:.15em 0;font-weight:200;display:flex}.inlineAssetList .assetListBreak:before,.inlineAssetList .assetListBreak:after{content:"";background:linear-gradient(90deg,#0000 0%,var(--text)19.71%,var(--text)79.59%,#0000 100%);opacity:.1;flex:1;height:1px}.inlineAssetList .inlineAssetRow{align-items:center;gap:.5em;display:flex}.inlineAssetList .inlineAssetRow>.widgetColorPanel{flex:auto;min-width:0}.inlineAssetList .inlineAssetRow .dragHandle{width:fit-content;height:fit-content;color:var(--text,#333);cursor:grab;touch-action:none;align-items:center;padding:0;transition:opacity .2s;display:flex}.inlineAssetList .inlineAssetRow .dragHandle:hover{opacity:.5}.inlineAssetList .inlineAssetRow .dragHandle:active{cursor:grabbing}.inspectorRow{flex-direction:column;gap:.35em;min-width:0;display:flex}.inspectorRow .rowContent{flex-direction:row;gap:.4em;min-width:0;display:flex}.inspectorRow.split>.rowContent{align-items:start;gap:var(--spacing-xs);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.inspectorRow .widgetColorPanel,.inspectorRow .popoverTrigger{width:100%}.inspectorRow.timerControlRow>.rowContent{align-items:stretch}.inspectorRow.timerControlRow>.rowContent>.timePicker{flex:auto;width:auto;min-width:0}.inspectorRow.timerControlRow>.rowContent>.button{flex:none}.fillRow,.strokeRow{align-items:center;gap:.4em;display:flex}.fillRow .widgetColorPanel,.strokeRow .widgetColorPanel{flex:auto;min-width:0}.fillRow.isMultiColor{flex-direction:column;align-items:stretch}.fillRow.isMultiColor>.widgetColorPanel{width:100%}.strokeBlockBody{flex-direction:column;gap:.5em;display:flex}.effectRow{align-items:stretch;min-width:0;display:flex}.effectRow>.widgetColorPanel{width:100%}.affix{color:color-mix(in srgb,var(--text)50%,transparent);font-size:.72em}.blockSpacer{height:.2em;display:block}.variantRow{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--text)5%,transparent);display:flex}.variantRow.isActive{background:color-mix(in srgb,var(--primary)14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary)45%,transparent)}.variantRow .variantSelect{align-items:center;gap:var(--spacing-xs);min-width:0;color:var(--text);cursor:pointer;flex:1;display:flex}.variantRow .variantSelect span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.variantRow.isActive .variantSelect{color:var(--primary)}.variantRow .variantRemove{padding:0 var(--spacing-xs);color:color-mix(in srgb,var(--text)55%,transparent);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s;display:flex}.variantRow .variantRemove:hover{color:var(--danger,#ff5470)}.usernameColorRow,.badgeRow{width:100%}.usernameColorRow .reset,.badgeRow .reset{flex:none!important;width:fit-content!important}.badgeRow{width:100%}.badgeRow.isHidden{opacity:.45}.badgeRow .badgeEye{padding:0 var(--spacing-xs);color:color-mix(in srgb,var(--text)60%,transparent);cursor:pointer;justify-content:center;align-items:center;transition:color .15s;display:flex}.badgeRow .badgeEye:hover{color:var(--text)}.kfField{align-items:center;gap:.3em;min-width:0;display:flex}.kfField>:not(.keyframeToggle){flex:auto;min-width:0}.keyframeToggle{--kfColor:color-mix(in srgb,var(--text)32%,transparent);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:1.7em;height:1.7em;padding:0;transition:background .15s;display:flex}.keyframeToggle:hover{background:var(--surface)}.keyframeToggle .kfDiamond{border:1.5px solid var(--kfColor);background:0 0;border-radius:1.5px;width:.6em;height:.6em;transition:background .15s,border-color .15s,box-shadow .15s;transform:rotate(45deg)}.keyframeToggle:hover .kfDiamond{border-color:color-mix(in srgb,var(--text)60%,transparent)}.keyframeToggle.animated{--kfColor:color-mix(in srgb,var(--primary)60%,transparent)}.keyframeToggle.animated .kfDiamond{border-color:var(--kfColor);background:color-mix(in srgb,var(--primary)30%,transparent)}.keyframeToggle.active{--kfColor:var(--primary)}.keyframeToggle.active .kfDiamond{border-color:var(--primary);background:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary)22%,transparent)}.keyframeToggle.active:hover .kfDiamond{border-color:var(--primary)}.layoutTabs{border:1px solid var(--border-50);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--text)2%,transparent);align-items:center;gap:.25em;width:fit-content;padding:.25em;display:flex}.layoutTabs .layoutTab{border-radius:calc(var(--radius-sm) - .2em);width:2.2em;height:2.2em;color:color-mix(in srgb,var(--text)55%,transparent);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.layoutTabs .layoutTab:hover{background:var(--surface-hover)}.layoutTabs .layoutTab.active{background:color-mix(in srgb,var(--primary)14%,transparent);color:var(--text)}.frameLayoutField{flex-direction:column;gap:.35em;width:100%;min-width:0;display:flex}.frameLayoutField>*{min-width:0}.frameLayoutField .labelRow{flex-shrink:0}.frameLayoutField .inputWrapper,.frameLayoutField .inputContainer,.frameLayoutField .inputRoot,.frameLayoutField .inputWrap{width:100%;min-width:0}.alignmentGrid{width:100%;min-width:0;min-height:6em;padding:var(--spacing-xs);border-radius:var(--radius-sm);background:var(--container);grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.alignmentGrid .alignmentCell{cursor:pointer;background:0 0;border:none;border-radius:.5em;justify-content:center;align-items:center;min-width:0;min-height:0;padding:0;transition:background .12s;display:flex}.alignmentGrid .alignmentCell:hover{background:var(--container)}.alignmentGrid .alignmentCell:hover .alignmentDot{background:var(--text)}.alignmentGrid .alignmentCell.active{background:var(--background)}.alignmentGrid .alignmentCell.active .alignmentDot{background:var(--text)}.alignmentGrid .alignmentCell .alignmentDot{background:color-mix(in srgb,var(--text)35%,transparent);border-radius:50%;width:.35em;height:.35em;transition:background .12s}.sizingMode,.gapModeSelect{--dropdownHeight:1.6em}.sizingMode .dropdown,.gapModeSelect .dropdown{min-width:0}.gapModeSelect{flex-shrink:0}.gapModeSelect .dropdownTrigger{min-width:0}.popoverContextMenu .popoverMenu .menuItem{border-radius:var(--radius-xs);color:var(--text);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5em;padding:.55em .7em;font-size:.88em;transition:background .15s;display:flex}.popoverContextMenu .popoverMenu .menuItem:hover:not(:disabled){background:var(--surface-hover)}.popoverContextMenu .popoverMenu .menuItem:disabled{cursor:not-allowed;opacity:.4}.individualInput{flex-direction:column;gap:.35em;display:flex}.individualInput .row{align-items:stretch;gap:.35em;min-width:0;display:flex}.individualInput .pairGrid,.individualInput .grid{flex:auto;grid-template-columns:1fr 1fr;gap:.35em;min-width:0;display:grid}.individualInput .toggleBtn.active,.individualInput .toggleBtn:hover{background:var(--surface)!important}.individualInput .toggle{border:1px solid var(--border-50);border-radius:var(--radius-sm);width:2.2em;color:color-mix(in srgb,var(--text)55%,transparent);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex}.individualInput .toggle:hover{background:var(--surface-hover);color:var(--text)}.individualInput .toggle.active{border-color:color-mix(in srgb,var(--primary)45%,transparent);background:color-mix(in srgb,var(--primary)14%,transparent);color:var(--text)}.nativeSelect{border:1px solid var(--border-50);border-radius:var(--radius-sm);background:var(--container);width:100%;color:var(--text);font:inherit;appearance:none;cursor:pointer;padding:.45em .6em;transition:border-color .15s,background .15s}.nativeSelect:hover{border-color:var(--border-hover)}.nativeSelect:focus{border-color:color-mix(in srgb,var(--primary)60%,transparent);outline:none}.autoGapInput input,.hugSizeInput input{opacity:.55}.shadowRow{border:1px solid var(--border-50);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--text)2%,transparent);flex-direction:column;gap:.4em;padding:.5em;display:flex}.shadowRow .shadowHead{align-items:center;gap:.4em;display:flex}.shadowRow .shadowHead>:first-child{flex:auto;min-width:0}.shadowRow .shadowFields{grid-template-columns:repeat(4,minmax(0,1fr));gap:.35em;display:grid}.alignGroup{border:1px solid var(--border-50);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--text)3%,transparent);align-items:center;gap:.25em;width:fit-content;padding:.25em;display:flex}.alignGroup .alignBtn{border-radius:calc(var(--radius-sm) - .2em);width:2.1em;height:2.1em;color:color-mix(in srgb,var(--text)55%,transparent);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.alignGroup .alignBtn:hover{background:var(--surface-hover)}.alignGroup .alignBtn.active{background:color-mix(in srgb,var(--primary)14%,transparent);color:var(--text)}.behaviorsHead{justify-content:space-between;align-items:center;gap:.5em;padding-top:.3em;display:flex}.behaviorsHead span{color:color-mix(in srgb,var(--text)70%,transparent);font-size:.85em;font-weight:700}.behaviorRow{border:1px solid var(--border-50);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--text)2%,transparent);flex-direction:column;gap:.4em;padding:.5em;display:flex}.behaviorRow .behaviorFields{align-items:center;gap:.4em;display:flex}.behaviorRow .behaviorFields>:first-child{flex:auto;min-width:0}.sourcePills{flex-wrap:wrap;gap:.25em;display:flex}.sourcePills .sourcePill{--surfaceSize:2.75em;flex:auto;align-items:center;display:flex}.layersList{flex-direction:column;gap:.25em;display:flex}.layersList .layerRow{border-radius:var(--radius-xs);cursor:pointer;justify-content:space-between;align-items:center;gap:.5em;padding:.45em .6em;transition:background .15s;display:flex}.layersList .layerRow:hover{background:var(--surface-hover)}.layersList .layerRow.active{background:color-mix(in srgb,var(--primary)10%,transparent)}.layersList .layerRow .layerName{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.88em;font-weight:200;overflow:hidden}.layersList .layerRow .layerActions{flex-shrink:0;align-items:center;gap:.1em;display:flex}.screenLayerRow{justify-content:space-between;align-items:center;gap:.5em;padding:.35em .5em;flex-direction:row!important}.screenLayerRow.layerDragArea{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.screenLayerRow.layerDragArea .layerSelect{cursor:inherit}.screenLayerRow.layerDragArea:active,.screenLayerRow.layerDragArea.isDragging{cursor:grabbing}.screenLayerRow:hover .layerBtn.default{scale:1;opacity:1!important}.screenLayerRow .layerSelect{cursor:pointer;text-align:start;background:0 0;border:none;flex:auto;align-items:center;min-width:0;display:flex}.screenLayerRow .layerName{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.88em;font-weight:200;overflow:hidden}.screenLayerRow .layerActions{flex-shrink:0;align-items:center;gap:.1em;display:flex}.screenLayerRow .layerBtn{--surfaceSize:2em;border-radius:var(--radius-xl);color:color-mix(in srgb,var(--text)75%,transparent);cursor:pointer;transition:all .2s ease,scale .4s var(--springEase);border:none;justify-content:center;align-items:center;display:flex}.screenLayerRow .layerBtn:hover{background:var(--surface-hover);color:var(--text)}.screenLayerRow .layerBtn.glassRed{color:var(--error)}.screenLayerRow .layerBtn.glassRed:hover{background:color-mix(in srgb,var(--error)45%,transparent);scale:1.1}.screenLayerRow .layerBtn.default{opacity:0;background:0 0;scale:.75}.screenLayerRow .layerBtn.default.isStateActive{opacity:1;scale:1}.screenLayerRow .layerBtn.default:hover{background:var(--surface-hover);color:var(--text);scale:1}.dragHandle.button{width:fit-content;height:fit-content;color:var(--text);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;padding:0;transition:opacity .2s;display:flex}.dragHandle.button:hover{opacity:.5}.dragHandle.button:active{cursor:grabbing}.widgetList{flex-direction:column;gap:.25em;width:100%;min-width:0;display:flex}.widgetRow{align-items:flex-start;gap:.25em;width:100%;min-width:0;display:flex}.widgetRowContent{corner-shape:superellipse(1.3);border-radius:var(--radius-sm);flex:auto;align-items:stretch;width:100%;min-width:0;transition:background .3s;display:flex}.widgetRowContent>.inputWrapper,.widgetRowContent>.widgetColorPanel{flex:auto;width:100%;min-width:0}.widgetRowContent:hover{background-color:var(--container)}.widgetRow.isActiveLayer .widgetRowContent{background:var(--surface-hover)}.widgetRowColumn{flex-direction:column;flex:auto;gap:.25em;width:100%;min-width:0;display:flex}.widgetRowColumn>*{min-width:0}.widgetRowColumn>.widgetColorPanel{width:100%;display:flex}@media (width<=28em){.widgetRow,.widgetRowColumn{gap:.2em}.widgetRowOverlay{width:calc(100vw - 1em);min-width:0}}.directionRow{align-items:stretch;gap:var(--spacing-xs);width:100%;display:flex}.directionRow .tabsRoot{flex:1;min-width:0}.directionRow .reverseBtn{--surfaceSize:2.5em;border-radius:var(--radius-xs);flex-shrink:0;padding:0}.timerPartFillList,.timerPartFillList .timerPartFillItem,.timerPartFillList .timerPartFillItem>.widgetColorPanel{width:100%;min-width:0}.fontFamilyPicker{flex-direction:column;min-height:8em;display:flex}.fontFamilyPicker .fontList{flex-direction:column;gap:.15em;max-height:18em;display:flex;overflow-y:auto}.fontFamilyPicker .fontGroupLabel{z-index:1;color:color-mix(in srgb,var(--text)48%,transparent);background:color-mix(in srgb,var(--background)85%,transparent);backdrop-filter:blur(.4em);padding:.5em .7em .3em;font-size:.7em;font-weight:700;position:sticky;top:0}.fontFamilyPicker .fontSkeleton{border-radius:var(--radius-xs);height:2.2em;margin:.2em .4em;display:block}.fontFamilyPicker .fontItem{border-radius:var(--radius-lg);color:var(--text);cursor:pointer;transition:all .3s var(--springEase),background .3s ease;background:0 0;border:none;align-items:center;gap:.5em;padding:.5em .6em .5em .5em;display:flex}.fontFamilyPicker .fontItem:hover{background:var(--surface)}.fontFamilyPicker .fontItem:hover .weightCount{background:color-mix(in srgb,var(--background)75%,transparent)}.fontFamilyPicker .fontItem.active{background:var(--surface-hover);padding-left:.8em}.fontFamilyPicker .fontItem .fontSample{text-align:right;text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:1em;overflow:hidden}.fontFamilyPicker .fontItem .weightCount{background:var(--container);font-variant-numeric:tabular-nums;white-space:nowrap;will-change:opacity,transform,filter;border-radius:2em;justify-content:center;align-items:center;min-width:2em;height:2em;font-size:.8em;font-weight:200;line-height:1;display:flex}.fontFamilyPicker .fontListHint{color:color-mix(in srgb,var(--text)55%,transparent);text-align:center;padding:.8em;font-size:.82em;line-height:1.7}.fxPicker .fxPreviewField{display:flex}.fxPicker .fxPreviewSwatch{border-radius:var(--radius-md);background:var(--surface);corner-shape:superellipse(1.5);justify-content:center;align-items:center;width:3.2em;height:3.2em;margin-right:auto;display:flex;overflow:hidden}.fxPicker .fxPreviewSwatch .fxPreviewText{font-size:var(--font-lg);font-weight:300}.fxPicker .fxClipToggleField{width:100%}.fxPicker .fxRowField{justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.fxPicker .fxRowField .popoverTrigger{width:100%}.fxPreview{justify-content:center;align-items:center;display:flex;position:relative}.fxPreview .fxPreviewText{font-weight:200}.fxPreview .fxPreviewIcon{opacity:1;justify-content:center;align-items:center;width:100%;height:100%;padding:15%;display:flex;position:relative}.fxPreview .fxPreviewIcon .icon,.fxPreview .fxPreviewIcon svg{width:100%!important;height:100%!important}.checkerboard{background-image:url(/images/ui/checkerboard.webp);background-repeat:repeat;background-size:contain}.widgetColorPanel{gap:var(--spacing-xs);direction:rtl;flex-direction:column;display:flex}.widgetColorPanel .popoverTrigger{width:100%}.widgetColorPanel .panelLabel{-webkit-user-select:none;user-select:none}.widgetColorPanel.isCompact,.widgetColorPanel.isCompact .panelTriggerWrapper{width:100%;height:100%}.widgetColorPanel .panelTriggerWrapper{align-items:stretch;width:100%;display:flex}.widgetColorPanel .panelTriggerWrapper .button{cursor:pointer;background:0 0;border:none;min-height:fit-content;padding:0;width:fit-content!important}.widgetColorPanel .panelTriggerWrapper .button:hover svg{opacity:.8;scale:1.1}.widgetColorPanel .panelTriggerWrapper .button:hover svg path{stroke:var(--primary)}.widgetColorPanel .panelTriggerWrapper .panelTrigger{border-radius:var(--radius-sm);cursor:pointer;justify-content:space-between;align-items:center;width:100%;transition:border-color .2s;display:flex}.widgetColorPanel .panelTriggerWrapper .panelTrigger:hover{border-color:var(--primary)}.widgetPopover{width:var(--widgetPopoverWidth,18.5em);font-size:var(--font-sm)}.widgetPopover .label{margin:0}.widgetPopover .popoverBody{gap:var(--spacing-sm);flex-direction:column;display:flex}.widgetPopover .popoverBody .popoverHeader{gap:var(--spacing-xs);flex-direction:column;display:flex}.widgetPopover .popoverBody .popoverHeader .panelSearchInput{--surfaceSize:2.4em;font-size:var(--font-xs)}.widgetPopover .popoverBody .modeTabs{align-items:center;width:100%;display:flex}.widgetPopover .popoverBody .modeTabs .tabsRoot{--tabButtonSize:3em;gap:.25em}.widgetPopover .popoverBody .tabBody{flex-direction:column;display:flex;position:relative;overflow:visible!important}.widgetPopover .popoverBody .tabBody .tabContentWrapper{width:100%}.presetsSection{gap:var(--spacing-xs);padding-top:var(--spacing-sm);flex-direction:column;display:flex;position:relative}.presetsSection:after{--divider-effect-color:var(--text);--divider-effect-opacity:.25;--divider-effect-size:1px;--divider-effect-length:calc(100% - 1px);content:"";opacity:var(--divider-effect-opacity);will-change:opacity,transform,width,height,background;width:var(--divider-effect-length);height:var(--divider-effect-size);background:linear-gradient(90deg,transparent 0%,var(--divider-effect-color)19.71%,var(--divider-effect-color)79.59%,transparent 100%);transition:--divider-effect-color .24s,--divider-effect-opacity .24s,--divider-effect-size .24s,--divider-effect-length .24s,opacity .24s,transform .24s,width .24s,height .24s,background .24s,background-image .24s;position:absolute;top:0;left:50%;transform:translate(-50%)}.presetsSection .presetsGrid{gap:var(--spacing-xs);grid-template-columns:repeat(9,1fr);display:grid}.presetsSection .presetsGrid .presetSwatch{border:1px solid var(--border);border-radius:var(--surfaceSize,2em);corner-shape:superellipse(1.7);background-color:var(--container);aspect-ratio:1;cursor:pointer;border-radius:.5em;flex-shrink:0;justify-content:center;align-items:center;width:100%;transition:border-color .2s,box-shadow .2s,background-color .2s,scale .2s,opacity .2s;display:flex;overflow:hidden}.presetsSection .presetsGrid .presetSwatch:hover{opacity:.8;scale:.9}.presetsSection .presetsGrid .presetSwatch .presetHalf{flex:1;width:100%;height:100%}.widgetColorPickerRow{--surfaceSize:1.75em;justify-content:space-between;display:flex}.widgetColorPickerRow .inputContainer{width:fit-content;overflow:hidden}.widgetColorPickerRow .inputContainer .inputWrap{padding-inline:.4em;border-radius:0!important}.widgetColorPickerRow .inputContainer input{width:fit-content;height:fit-content;font-size:var(--font-xs);text-align:left;flex:auto;margin-top:0;margin-bottom:-.3em;padding:0!important}.widgetColorPickerRow .inputContainer .inputAddon{font-size:var(--font-xs);opacity:.6;margin-top:-.2em;margin-bottom:-.5em;font-weight:200}.widgetColorPickerRow .colorCodes{gap:.2em}.widgetColorPickerRow .stopsInput{height:100%;border-radius:calc(var(--surfaceSize,2em)/5)!important}.widgetColorPickerRow .stopsInput input{max-width:calc(3ch + .5em)!important}.widgetColorPickerRow .inputsRow{border-radius:.4em;align-items:center;gap:.15em;display:flex;overflow:hidden}.widgetColorPickerRow .inputsRow>.inputContainer{flex:1}.widgetColorPickerRow .inputsRow input{font-size:var(--font-xs)!important;text-align:center!important}.widgetColorPickerRow .rgbCode{max-width:calc(3ch + .6em)}.widgetColorPickerRow .alphaInput{flex:none;max-width:5ch}.widgetColorPickerRow .alphaInput input{text-align:left}.widgetColorPickerRow .hexInput{flex:1;max-width:9ch}.widgetColorPickerRow .hexInput input{text-align:right!important}.gradientStop{border-radius:calc(var(--radius-xs)/1.2);corner-shape:superellipse(var(--cornerShape));background:var(--gray);cursor:grab;width:1.75em;height:1.75em;transition:scale .3s var(--springEase);border:none;justify-content:center;align-items:center;padding:.15em;display:flex;box-shadow:0 2px 5px #0006}.gradientStop:hover,.gradientStop:active{--primary:var(--white);padding:.05rem;scale:1.2}.gradientStop.active{z-index:11;background:var(--primary)}.gradientStop .stopColorInner{border:1px solid var(--border);border-radius:var(--surfaceSize,2em);corner-shape:superellipse(1.7);background-color:var(--container);border-radius:calc(var(--radius-xs)/1.75);background-color:#0000;border:none;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:100%;transition:border-color .2s,box-shadow .2s,background-color .2s,scale .2s,opacity .2s;display:flex;position:relative;overflow:hidden}.gradientStop .stopColorInner .stopColorFill{border-radius:inherit;corner-shape:inherit;position:absolute;inset:0}.widgetColorPicker{gap:var(--spacing-sm);flex-direction:column;display:flex}.widgetColorPicker .hexInput .inputWrap{border-radius:calc(var(--surfaceSize,2em)/5)!important;padding-left:0!important}.widgetColorPicker .hexInput input{text-align:left}.widgetColorPicker .gradientHeader{--surfaceSize:2em;justify-content:space-between;gap:.5rem;display:flex}.widgetColorPicker .gradientHeader .selectors{gap:.5rem;display:flex}.widgetColorPicker .gradientHeader .inputWrap,.widgetColorPicker .gradientHeader .dropdownTrigger{min-width:5em;border-radius:calc(var(--surfaceSize,2em)/5)!important}.widgetColorPicker .gradientHeader .gradientTypeSelector,.widgetColorPicker .gradientHeader .angleInput{width:fit-content}.widgetColorPicker .gradientPreviewBar{cursor:pointer;border-radius:.5rem;height:2.5em;margin-top:1.5em;position:relative}.widgetColorPicker .gradientPreviewBar .trackGradientBg{border-radius:inherit;position:absolute;inset:0}.widgetColorPicker .gradientPreviewBar .gradientStop{z-index:10;transform-origin:bottom;border-radius:4px;position:absolute;top:0;transform:translate(-50%,-100%)translateY(-2px)}.widgetColorPicker .gradientPreviewBar .gradientStop:after{content:"";border-top:.35em solid var(--gray);transition:border-color .3s var(--springEase);border-left:.35em solid #0000;border-right:.35em solid #0000;position:absolute;bottom:-.35em;left:50%;transform:translate(-50%)}.widgetColorPicker .gradientPreviewBar .gradientStop.active:after{border-top-color:var(--primary)}.widgetColorPicker .stopsContainer,.widgetColorPicker .stopsContainer .stopsList{flex-direction:column;gap:.5rem;display:flex}.widgetColorPicker .stopsContainer .stopsList .stopItem{border:1px solid var(--color-b1);background:0 0;border-radius:.5em;justify-content:space-between;align-items:center;gap:.5rem;padding:.3em;display:flex}.widgetColorPicker .stopsContainer .stopsList .stopItem.active{border-color:var(--primary);background:color-mix(in srgb,var(--primary)10%,transparent)}.widgetColorPicker .stopsContainer .stopsList .stopItem .hexInput .inputWrap{border-radius:0!important}.widgetColorPicker .stopsContainer .stopsList .stopItem .stopInputWrapper{flex:1}.widgetColorPicker .stopsContainer .stopsList .stopItem .stopSwatch{margin:0 .5rem}.widgetColorPicker .stopsContainer .addStopBtn{padding:.1rem}.widgetColorPicker .presetsLabel,.widgetColorPicker label{-webkit-user-select:none;user-select:none}.widgetColorPicker .colorBox{border-radius:var(--radius-xs);cursor:crosshair;width:100%;height:160px;position:relative;overflow:hidden}.widgetColorPicker .colorBox .colorBoxWhite{background:linear-gradient(to right,var(--white),transparent);pointer-events:none;position:absolute;inset:0}.widgetColorPicker .colorBox .colorBoxBlack{background:linear-gradient(to top,var(--black),transparent);pointer-events:none;position:absolute;inset:0}.widgetColorPicker .colorBox .colorBoxPointer{border:2px solid var(--white);pointer-events:none;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 2px #00000080}.widgetColorPicker .slidersRow{justify-content:start;align-items:flex-start;gap:var(--spacing-xs);padding-right:var(--spacing-xs);direction:ltr;display:flex}.widgetColorPicker .slidersRow .widgetBtn{border-radius:2em!important}.widgetColorPicker .slidersRow .slidersCol{gap:var(--spacing-sm);flex-direction:column;flex:1;display:flex}.widgetColorPicker .slidersRow .customSlider{cursor:pointer;background-size:10%;border-radius:1em;height:1.3em;position:relative}.widgetColorPicker .slidersRow .customSlider.hueSlider{background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.widgetColorPicker .slidersRow .customSlider .alphaTrack{pointer-events:none;border-radius:2em;position:absolute;inset:0}.widgetColorPicker .slidersRow .customSlider .sliderThumb{border:.3em solid var(--white);filter:drop-shadow(0 1px 1px #0000005c);pointer-events:none;border-radius:50%;width:1.3em;height:1.3em;position:absolute;top:50%;transform:translate(-50%,-50%)}.widgetColorPicker .slidersRow .customSlider .sliderThumb .sliderThumbFill{border-radius:50%;width:100%;height:100%}.widgetAnglePortal{z-index:99999;position:absolute}.angleSelectorWrapper{padding:var(--spacing-xl);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex}.angleSelectorWrapper .angleDial{width:48px;height:48px;color:var(--text);background:linear-gradient(120deg,color-mix(in srgb,var(--text)6%,transparent)0%,color-mix(in srgb,var(--container)75%,transparent)30%);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.angleSelectorWrapper .angleDial:before{content:"";z-index:1;border-radius:inherit;background:linear-gradient(210deg,color-mix(in srgb,var(--glass-light-color,var(--text))calc(var(--glass-light-power,.4)*100%),transparent)-10%,transparent 45%,transparent 55%,color-mix(in srgb,var(--glass-light-color,var(--text))calc(var(--glass-light-power,.4)*100%),transparent)110%);pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.angleSelectorWrapper .angleDial:focus-within{filter:brightness(1.1)}.angleSelectorWrapper .angleDial.isDragging{cursor:grabbing}.angleSelectorWrapper .angleDial.isDragging .angleDialPointer{transition:none}.angleSelectorWrapper .angleDial .angleDialPointer{z-index:1;background-color:var(--primary);transform-origin:top;border-radius:100% 100% 2px 2px;width:.2em;height:55%;transition:transform 50ms linear;position:absolute;top:50%;left:50%}.widgetPanel{gap:var(--spacing-xs);flex-direction:column;width:100%;min-width:0;display:flex}.widgetPanel .mediaUploadStatus{font-size:var(--font-xs);color:color-mix(in srgb,var(--text)60%,transparent);margin:0}.widgetPanel .mediaUploadError{font-size:var(--font-xs);color:var(--error);margin:0}.widgetPanel>.panelField,.widgetPanel .field,.widgetPanel .col{flex-direction:column;min-width:0;display:flex}.widgetPanel>.panelField,.widgetPanel .field{gap:var(--spacing-xs);width:100%}.widgetPanel>.panelField>.inputContainer,.widgetPanel>.panelField>.dropdownContainer{grid-template-columns:5.5em minmax(0,1fr);align-items:center;width:100%;min-width:0;display:grid}.widgetPanel>.panelField>.inputContainer>.labelRow,.widgetPanel>.panelField>.dropdownContainer>.labelRow{width:100%;min-width:0;margin:0!important}.widgetPanel>.panelField>.inputContainer>.inputWrap,.widgetPanel>.panelField>.inputContainer>.dropdownTrigger,.widgetPanel>.panelField>.dropdownContainer>.inputWrap,.widgetPanel>.panelField>.dropdownContainer>.dropdownTrigger{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.widgetPanel .field.split{align-items:start;gap:var(--spacing-xs);grid-template-columns:5.5em minmax(0,1fr);width:100%;min-width:0;display:grid}.widgetPanel .field.split>.labelRow{width:100%;min-width:0;margin:0!important}.widgetPanel .field.split>.col,.widgetPanel .field.split>.col>.inputContainer,.widgetPanel .field.split>.col>.dropdownContainer{width:100%;min-width:0}.widgetPanel .field.split>.col>.inputContainer>.inputWrap,.widgetPanel .field.split>.col>.inputContainer>.dropdownTrigger,.widgetPanel .field.split>.col>.dropdownContainer>.inputWrap,.widgetPanel .field.split>.col>.dropdownContainer>.dropdownTrigger{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.widgetPanel .col{gap:.25em;width:100%}.widgetPanel .row,.widgetPanel .actionButtons{gap:var(--spacing-xs);flex-direction:row;width:100%;min-width:0;display:flex}.widgetPanel .row.split>*{flex:1 1 0;min-width:0}.widgetPanel .actionButtons{width:fit-content}.widgetPanel .widgetColorPanel{width:100%;min-width:0}.widgetPanel .header{justify-content:space-between;align-items:center;display:flex}.widgetPanel .header .label{margin:0}.widgetPanel .header>span{font-size:var(--font-sm);opacity:.6;font-weight:200}.widgetPanel .header .button{cursor:pointer;background:0 0;border:none;min-height:fit-content;padding:0;width:fit-content!important}.widgetPanel .header .button:hover svg{opacity:.8;scale:1.1}.widgetPanel .header .button:hover svg path{stroke:var(--primary)}.widgetPanel .header .favBtn svg{width:1.3em;height:1.3em;transition:all .3s}.widgetPanel .header .favBtn svg path{transition:all .3s}.widgetPanel .header .favBtn.isFavorite svg path{fill:var(--primary);stroke:none}.widgetPanel .header .favBtn:hover{--fill-op:.3}.widgetPanel .header .favBtn:active{scale:1.2}.widgetPopover .tabsButton.isPlanLocked,.widgetColorPanel .tabsButton.isPlanLocked{position:relative;overflow:hidden}.widgetPopover .tabsButton.isPlanLocked:after,.widgetColorPanel .tabsButton.isPlanLocked:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 30%,#f2ca4759 50%,#0000 70%) 0 0/250% 100%;animation:2.6s linear infinite planLockShine;position:absolute;inset:0}.widgetPopover .widgetPanelPlanLock,.widgetColorPanel .widgetPanelPlanLock{text-align:center;flex-direction:column;justify-content:center;padding:1rem}@keyframes planLockShine{0%{background-position:200% 0}to{background-position:-100% 0}}.widgetColorPanel.isPlanLocked .widgetPanelPlanLockTrigger{border-radius:var(--radius-md);cursor:pointer;align-items:stretch;width:100%;display:flex;position:relative}.widgetColorPanel.isPlanLocked .widgetPanelPlanLockTrigger>:not(.widgetTriggerPlanLockBadge){pointer-events:none;width:100%}.widgetColorPanel.isPlanLocked .widgetPanelPlanLockTrigger:hover>.triggerContent{background:var(--surface)}.widgetColorPanel.isPlanLocked .widgetPanelPlanLockTrigger.hasCustomTrigger>.widgetTriggerPlanLockBadge{top:50%;left:auto;right:auto;inset-inline-start:.55em;transform:translateY(-50%)}.widgetColorPanel{min-width:0}.widgetColorPanel.isInline{gap:0;width:100%}.widgetPopover{min-width:0;max-width:100%}.widgetPopover.isEmbedded{width:100%}.widgetPopover .popoverBody,.widgetPopover .tabBody,.widgetPopover .tabContentWrapper{min-width:0}.widgetPopover .popoverBody .galleryVarCard,.widgetPopover .tabBody .galleryVarCard,.widgetPopover .tabContentWrapper .galleryVarCard{margin:auto}.widgetPopover .tabBody{min-height:0}.widgetPopover .widgetPanelDock{align-items:center;gap:var(--spacing-xs);width:100%;min-width:0;padding-top:var(--spacing-xs);direction:ltr;grid-template-columns:1fr auto 1fr;display:none}.widgetPopover .widgetPanelDock:after{--divider-effect-color:var(--text);--divider-effect-opacity:.08;--divider-effect-size:1px;--divider-effect-length:92%;content:"";opacity:var(--divider-effect-opacity);will-change:opacity,transform,width,height,background;width:var(--divider-effect-length);height:var(--divider-effect-size);background:linear-gradient(90deg,transparent 0%,var(--divider-effect-color)19.71%,var(--divider-effect-color)79.59%,transparent 100%);transition:--divider-effect-color .24s,--divider-effect-opacity .24s,--divider-effect-size .24s,--divider-effect-length .24s,opacity .24s,transform .24s,width .24s,height .24s,background .24s,background-image .24s;position:absolute;top:0;left:50%;transform:translate(-50%)}.widgetPopover .widgetPanelDockStart{grid-column:1;justify-self:start;align-items:center;min-width:2.5em;display:flex}.widgetPopover .widgetPanelDockTabs{bottom:var(--spacing-2xl);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--background)62%,transparent);backdrop-filter:blur(1.2em);--glass-light-power:.16;direction:rtl;border:1px solid #0000;grid-column:2;justify-content:center;align-items:center;min-width:0;padding:.22em;display:flex;position:absolute;left:50%;transform:translate(-50%)}.widgetPopover .widgetPanelDockTabs:after{--glass-effect-blur:var(--glass-blur,1em);content:"";z-index:0;border-radius:inherit;corner-shape:inherit;background:var(--glass-backdrop-fill,#0000);-webkit-backdrop-filter:blur(var(--glass-effect-blur));pointer-events:none;backface-visibility:hidden;will-change:backdrop-filter,background,opacity;transition:--glass-effect-blur .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s,background .3s,opacity .3s;position:absolute;inset:0;transform:translateZ(0)}.widgetPopover .widgetPanelDockTabs:before{--glass-effect-light-color:var(--glass-light-color,var(--text));--glass-effect-light-power:var(--glass-light-power,.4);--glass-effect-light-rotation:var(--glass-light-rotation,210deg);--glass-effect-dark-color:var(--glass-dark-color,var(--background));--glass-effect-dark-power:var(--glass-dark-power,0);content:"";z-index:2;border-radius:inherit;corner-shape:inherit;pointer-events:none;-webkit-mask-composite:xor;will-change:background,opacity,transform;background:linear-gradient(var(--glass-effect-light-rotation),color-mix(in srgb,var(--glass-effect-light-color)calc(var(--glass-effect-light-power)*100%),transparent)-6.51%,color-mix(in srgb,var(--glass-effect-dark-color)calc(var(--glass-effect-dark-power)*100%),transparent)46.56%,color-mix(in srgb,var(--glass-effect-dark-color)calc(var(--glass-effect-dark-power)*100%),transparent)51.96%,color-mix(in srgb,var(--glass-effect-light-color)calc(var(--glass-effect-light-power)*100%),transparent)100%);-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:1px;transition:--glass-effect-light-color .3s,--glass-effect-light-power .3s,--glass-effect-light-rotation .3s,--glass-effect-dark-color .3s,--glass-effect-dark-power .3s,opacity .3s,transform .3s,background .3s,background-image .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.widgetPopover .widgetPanelDockTabs .content-wrapper,.widgetPopover .widgetPanelDockTabs .contentWrapper,.widgetPopover .widgetPanelDockTabs .clickAnimWrapper{z-index:1;transition:opacity .3s,transform .3s;position:relative}.widgetPopover .widgetPanelDockTabs:disabled,.widgetPopover .widgetPanelDockTabs[disabled],.widgetPopover .widgetPanelDockTabs[aria-disabled=true]{--glass-light-power:.3}.widgetPopover .widgetPanelDockTabs:disabled .content-wrapper,.widgetPopover .widgetPanelDockTabs:disabled .contentWrapper,.widgetPopover .widgetPanelDockTabs[disabled] .content-wrapper,.widgetPopover .widgetPanelDockTabs[disabled] .contentWrapper,.widgetPopover .widgetPanelDockTabs[aria-disabled=true] .content-wrapper,.widgetPopover .widgetPanelDockTabs[aria-disabled=true] .contentWrapper{opacity:.4}.widgetPopover .widgetPanelDockTabs .tabsButton{aspect-ratio:1;padding:0;width:fit-content!important;min-width:.2em!important}.widgetPopover .widgetPanelDockTabs .tabsButton .tabsLabel{display:none}.widgetPopover .widgetPanelDockEnd{grid-column:3;min-width:2.5em}.widgetPopover .widgetPanelBackspace{--surfaceSize:2.45em;border-radius:var(--radius-pill);padding:0}@media (width<=768px){.popoverSheetPortal .widgetPopover{width:100%;max-width:none}.widgetPopover .popoverHeader{flex-shrink:0}.widgetPopover .panelSearchInput{--surfaceSize:2.8em!important}.widgetPopover.isAssetPopover .widgetDesktopTabs{display:none}.widgetPopover.isAssetPopover .widgetPanelDock{flex-shrink:0;display:grid}.widgetPopover.isAssetPopover .popoverBody{min-height:0;max-height:min(70dvh,36rem)}.widgetPopover.isAssetPopover .assetWidgetBody{flex:1;min-height:0;overflow:hidden!important}.widgetPopover.isAssetPopover .assetPicker{min-height:0}.widgetPopover.isAssetPopover .assetPicker .body{height:min(42dvh,24rem);min-height:14rem}.widgetPopover.isEmbedded.isAssetPopover .popoverBody{max-height:min(43dvh,26rem)}.widgetPopover.isEmbedded.isAssetPopover .assetPicker .body{height:clamp(10rem,28dvh,18rem);min-height:0}}