.widgetTriggerPreviewSurface{position:relative}.widgetTriggerPlanLockBadge{z-index:4;width:100%;height:100%;color:var(--white);background:color-mix(in srgb,var(--blacked)58%,transparent);box-shadow:0 .1em .35em color-mix(in srgb,var(--blacked)35%,transparent);pointer-events:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.widgetBtn{cursor:pointer;--surfaceSize:2em;align-items:center;transition:background .2s,color .2s,opacity .2s,scale .2s;display:flex;background:0 0!important}.widgetBtn:hover{opacity:.8;scale:1.05;background:var(--surface-hover)!important}.widgetBtn:hover.colorRemove{color:color-mix(in srgb,var(--error)80%,var(--white))!important;background:color-mix(in srgb,var(--error)30%,transparent)!important}.widgetBtn:active{scale:.95}.widgetTriggerFieldBoundary,.widgetTriggerActionBoundary{display:contents}.widgetTriggerFields{align-items:center;gap:var(--trigger-control-gap,.15em);flex:auto;width:100%;min-width:0;display:flex}.widgetTriggerField{flex:0 auto;min-width:0}.widgetTriggerNumberField{width:fit-content}.widgetTriggerNumberField input{min-width:2.5em;font-weight:200;text-align:left!important;padding:0!important;font-size:1.2em!important}.widgetTriggerToggleField{--surfaceSize:1.75em;flex:none}.widgetTriggerToggleField.isActive{color:var(--primary)}.widgetTriggerToggleField:disabled{cursor:not-allowed;opacity:.4}.widgetTriggerSelectField{border:1px solid var(--border);border-radius:var(--radius-xs);min-width:0;max-width:8.5em;color:var(--text);background:var(--container);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;outline:none;flex:0 auto;padding:.2em .4em;font-size:1.2em;transition:border-color .2s,background .2s;overflow:hidden}.widgetTriggerSelectField:hover,.widgetTriggerSelectField:focus-visible{border-color:var(--primary);background:var(--surface)}.widgetTriggerSelectField:disabled{cursor:not-allowed;opacity:.5}.widgetTriggerCustomField{flex:auto;align-items:center;min-width:0;display:inline-flex}.widgetTriggerCustomField>*{width:100%;min-width:0}.mediaMuteField{margin-inline-start:.05em}.mediaVolumeField input,.mediaSizeField input,.alphaInput input{text-align:left!important}.inputsRow.styleLabelRow{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:auto;font-size:1em;font-weight:200;line-height:1.2;overflow:hidden}.styleTriggerChevron{color:color-mix(in srgb,var(--text)50%,transparent);pointer-events:none;justify-content:center;align-items:center;transition:rotate .25s,color .2s;display:inline-flex}.styleTriggerChevron svg{transition:rotate .25s}.styleTriggerChevron.chevronOpen{color:var(--text);rotate:180deg}.mediaTriggerControls{flex:1 1 0;align-items:center;gap:.5em;width:100%;min-width:0;display:flex}.mediaTriggerControls>.inputsRow{flex:0 auto}.mediaTriggerControls>.inputsRow:only-child,.mediaTriggerControls>.triggerExtras{flex:1 1 0;width:100%}.mediaTriggerControls .labelRow{display:none}.mediaTriggerControls .row,.mediaTriggerControls .actionButtons{align-items:center;gap:var(--trigger-control-gap);display:flex}.mediaTriggerControls .row .button,.mediaTriggerControls .row .inputWrap,.mediaTriggerControls .actionButtons .button,.mediaTriggerControls .actionButtons .inputWrap{--surfaceSize:2em!important}.mediaTriggerControls .row .button .btnLabel,.mediaTriggerControls .row .inputWrap .btnLabel,.mediaTriggerControls .actionButtons .button .btnLabel,.mediaTriggerControls .actionButtons .inputWrap .btnLabel{display:none}.mediaTriggerControls .row .button,.mediaTriggerControls .actionButtons .button{padding:.4em;width:fit-content!important;height:fit-content!important}.mediaTriggerControls .row .inputWrap,.mediaTriggerControls .actionButtons .inputWrap{min-height:var(--surfaceSize);border-radius:var(--radius-xs)!important;background:var(--container)!important}.triggerContent{width:100%;min-width:0;min-height:var(--surfaceSize);height:fit-content;padding:calc(var(--surfaceSize)/5.5);box-sizing:border-box;corner-shape:superellipse(1.3);background:var(--container);--surfaceSize:1.75em;--swatchSize:var(--surfaceSize);--trigger-control-gap:.25em;--trigger-preview-gap:.5em;flex:1 1 0;align-items:center;transition:background .2s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden;border-radius:var(--radius-sm)!important}.triggerContent:hover,.triggerContent.triggerActive{background:var(--surface)}.triggerContent .emptyLabel{min-width:0;color:var(--text);font-size:var(--font-sm);white-space:nowrap;text-overflow:ellipsis;padding:0 .25rem;font-weight:200;line-height:1.2;overflow:hidden}.triggerContent .inputWrap{background:0 0!important;border-radius:0!important}.triggerContent .inputContainer.inlineAssetSizeInput input{min-width:2.75em!important}.triggerContent .inputContainer.inlineAssetSizeInput:hover input{opacity:.6}.triggerContent .triggerLayout{align-items:center;gap:var(--spacing-2xs);width:100%;min-width:0;height:fit-content;display:flex}.triggerContent .triggerLeft{align-items:center;gap:var(--trigger-control-gap);flex:1 1 0;width:100%;min-width:0;max-width:100%;display:flex}.triggerContent .triggerActions{justify-content:flex-end;align-items:center;gap:var(--trigger-control-gap);flex:none;display:flex}.triggerContent .triggerExtras{align-items:center;gap:var(--trigger-control-gap);flex:1 1 0;width:100%;min-width:0;display:flex}.triggerContent .triggerExtras>.triggerDivider{flex:0 0 1px}.triggerContent .triggerExtras>:not(.triggerDivider){flex:1 1 0;width:100%;min-width:0}.triggerContent .triggerExtras>.inputContainer,.triggerContent .triggerExtras>.dropdownContainer{width:100%}.triggerContent .triggerDivider{width:1px;height:calc(var(--surfaceSize) - .1em);background:var(--surface);flex:0 0 1px;position:relative}.triggerContent .previewBox{border:1px solid var(--border);border-radius:var(--radius-xs);flex:1 1 0;justify-content:center;align-items:center;min-width:0;height:32px;display:flex;position:relative;overflow:hidden}.triggerContent .previewBox .previewFill{z-index:1;position:absolute;inset:0}.triggerContent .previewBox .previewCssText{z-index:2;max-width:70%;color:var(--black);font-family:monospace;font-size:var(--font-xs);white-space:nowrap;text-overflow:ellipsis;text-shadow:0 0 3px #fffc;direction:ltr;font-weight:600;position:relative;overflow:hidden}.triggerContent .colorCodes{align-items:center;gap:var(--trigger-control-gap);flex:1 1 0;width:100%;min-width:0;max-width:100%;display:flex}.triggerContent .colorCodes>.inputsRow{flex:0 auto;min-width:0;max-width:100%}.triggerContent .colorSwatch{border:1px solid var(--border);border-radius:var(--surfaceSize,2em);corner-shape:superellipse(1.7);background-color:var(--container);width:var(--swatchSize,2em);height:var(--swatchSize,2em);flex-shrink:0;justify-content:center;align-items:center;margin-inline-end:calc(var(--trigger-preview-gap) - var(--trigger-control-gap));transition:border-color .2s,box-shadow .2s,background-color .2s,scale .2s,opacity .2s;display:flex;overflow:hidden}.triggerContent .colorSwatch .colorSwatchFill{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.triggerContent .colorSwatch .mediaTypeIcon{color:color-mix(in srgb,var(--text)60%,transparent);background:var(--container)}.triggerContent .inputsRow input{padding:0!important}.triggerContent .inputsRow input,.triggerContent .triggerExtras input{font-weight:200;font-size:1.2em!important}.triggerContent .inputsRow{align-items:center;gap:var(--trigger-control-gap);border-radius:.4em;width:fit-content;min-width:0;max-width:100%;display:flex;overflow:visible}.triggerContent .inputsRow>.inputContainer{flex:0 auto;width:fit-content;min-width:0}.triggerContent .inputsRow input{text-align:center!important}.triggerContent .inputsRow .alphaInput{flex:none;width:fit-content;min-width:0}.triggerContent .inputsRow .hexInput,.triggerContent .inputsRow .hexInput .inputWrap,.triggerContent .inputsRow .hexInput .inputFieldBox{flex:none;width:fit-content;min-width:0;max-width:100%;overflow:hidden}.triggerContent .inputsRow .hexInput input{white-space:nowrap;text-overflow:ellipsis;direction:ltr;text-align:right!important;flex:none!important;min-width:2ch!important;max-width:100%!important;overflow:hidden!important}.triggerContent .styleTrigger{flex:1 1 0;align-items:center;width:100%;min-width:0;display:flex}.triggerContent .styleTrigger .styleSwatch{border:1px solid var(--border);border-radius:var(--surfaceSize,2em);corner-shape:superellipse(1.7);background-color:var(--container);width:var(--swatchSize,2em);height:var(--swatchSize,2em);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .2s,box-shadow .2s,background-color .2s,scale .2s,opacity .2s;display:flex;overflow:hidden}.triggerContent.isPlanLocked,.colorTriggerBtn.isPlanLocked{cursor:pointer;-webkit-user-select:none;user-select:none}.triggerContent.isPlanLocked .triggerLayout,.colorTriggerBtn.isPlanLocked>*{pointer-events:none}.widgetColorPanel.isCompact,.widgetColorPanel.isCompact .popoverTrigger,.widgetColorPanel.isCompact .panelTriggerWrapper,.widgetColorPanel.isCompact .panelTrigger{width:fit-content!important;height:fit-content!important}.widgetColorPanel.isCompact .panelTrigger{overflow:visible;border-radius:var(--radius-xs)!important;padding:0!important}.triggerContent.triggerCompact{--swatchSize:var(--surfaceSize);--trigger-control-gap:.2em;--trigger-preview-gap:.3em;flex:none;width:fit-content;min-width:0;min-height:0;padding:.2em;overflow:visible;border-radius:var(--radius-xs)!important}.triggerContent.triggerCompact .triggerLayout,.triggerContent.triggerCompact .triggerLeft,.triggerContent.triggerCompact .colorCodes,.triggerContent.triggerCompact .styleTrigger,.triggerContent.triggerCompact .inputsRow,.triggerContent.triggerCompact .mediaTriggerControls,.triggerContent.triggerCompact .widgetTriggerFields,.triggerContent.triggerCompact .triggerExtras{flex:none;width:fit-content;min-width:0}.triggerContent.triggerCompact .triggerLayout,.triggerContent.triggerCompact .triggerLeft,.triggerContent.triggerCompact .colorCodes,.triggerContent.triggerCompact .styleTrigger,.triggerContent.triggerCompact .mediaTriggerControls{gap:var(--trigger-control-gap)}.triggerContent.triggerCompact .colorSwatch{margin-inline-end:0;font-size:.85em}.triggerContent.triggerCompact .previewBox{flex:0 0 var(--swatchSize);width:var(--swatchSize);min-width:var(--swatchSize);height:var(--swatchSize);border-radius:var(--surfaceSize);corner-shape:superellipse(1.7)}.triggerContent.triggerCompact .previewBox .previewCssText{display:none}.triggerContent.triggerCompact .hexInput,.triggerContent.triggerCompact .alphaInput,.triggerContent.triggerCompact .mediaSizeField,.triggerContent.triggerCompact .mediaFitField,.triggerContent.triggerCompact .mediaAudioControls,.triggerContent.triggerCompact .styleLabelRow,.triggerContent.triggerCompact .emptyLabel,.triggerContent.triggerCompact .triggerActions{display:none!important}.triggerContent.triggerCompact .inputsRow>.triggerDivider{display:none}.triggerContent.triggerCompact .inputsRow input,.triggerContent.triggerCompact .triggerExtras input{font-size:1em!important}.triggerContent.triggerCompact .triggerExtras>:not(.triggerDivider){flex:none;width:fit-content}.noRemove .colorRemove,.widgetShadowPortal .colorRemove{display:none}.assetPicker{flex-direction:column;width:100%;display:flex}.assetPicker .body{flex-shrink:0;height:17em;position:relative;overflow:hidden}.assetPicker .tabPanel{min-height:0;display:flex;position:absolute;inset:0}.assetPicker .assetScroll{width:100%;height:100%}.assetPicker .assetScroll .viewport{scrollbar-width:none;will-change:scroll-position;height:100%}.assetPicker .assetScroll .viewport::-webkit-scrollbar{width:0;height:0;display:none}.assetPicker .assetScrollContent{min-height:100%}.assetPicker .label{margin:0}.assetPicker .tab{flex-direction:column;gap:.15em;display:flex}.assetPicker .tab .emptyState{gap:.5em;padding:1.8em .5em}.assetPicker .tab .emptyState .content .title{font-size:var(--font-sm)}.assetPicker .tab .emptyState .content .description{font-size:var(--font-xs);opacity:.6}.assetPicker .tab .emptyState .emptyStateIcon{opacity:.35}.assetPicker .section{flex-direction:column;gap:.2em;padding-top:.25em;display:flex}.assetPicker .label{color:color-mix(in srgb,var(--text)55%,transparent);font-size:var(--font-xs);text-transform:uppercase;font-weight:200}.assetPicker .grid{grid-template-columns:repeat(var(--cols,6),minmax(0,1fr));gap:.15em;display:grid}@media (width<=520px){.assetPicker .grid.phoneGrid{grid-template-columns:repeat(var(--phone-cols,var(--cols,6)),minmax(0,1fr))}}.assetPicker .gridSkeleton,.assetPicker .assetCell{aspect-ratio:1;border-radius:var(--radius-sm);width:100%}.assetPicker .assetCell{contain:layout paint;border-radius:var(--radius-md);corner-shape:superellipse(1.3);color:var(--text);cursor:pointer;transition:background .12s ease,filter .12s ease,transform .3s var(--springEase);background:0 0;border:none;justify-content:center;align-items:center;padding:.5em;display:flex;position:relative}.assetPicker .assetCell .popoverTrigger{width:100%!important;height:100%!important;padding:0!important}.assetPicker .assetCell .popoverTrigger .triggerCompact{width:100%!important;height:100%!important}.assetPicker .assetCell .popoverTrigger .colorSwatch{font-size:1em}.assetPicker .assetCell .popoverTrigger .triggerActions,.assetPicker .assetCell .popoverTrigger .inputsRow{display:none!important}.assetPicker .assetCell:hover{background:var(--surface);transform:scale(.9)}.assetPicker .assetCell.isActive{background:var(--surface)}.assetPicker .assetCell.isActive:hover .emojiCellInner{filter:grayscale(.5)}.assetPicker .assetCell.isActive:hover:after{opacity:.2}.assetPicker .assetCell:after{content:"";background:var(--red);opacity:0;transition:background .12s,transform .12s,opacity .2s;position:absolute;inset:0}.assetPicker .assetCell:active{transform:scale(.93)}.assetPicker .assetCell:hover svg{opacity:1}.assetPicker .assetCell .icon,.assetPicker .assetCell .emojiImage{width:100%!important;height:100%!important}.assetPicker .inlineSkeletonRow{margin-top:.15em}.assetPicker .emojiCellInner{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.assetPicker .emojiCellInner .emojiImage{pointer-events:none;width:100%!important;height:100%!important}.assetPicker .mediaSkeleton{z-index:0;border-radius:var(--radius-xs);position:absolute;inset:.3em}.assetPicker .mediaImage{z-index:1;object-fit:contain;opacity:0;width:2em;height:2em;transition:opacity .12s,transform .12s;position:relative;transform:scale(.96)}.assetPicker .mediaImage.loaded{opacity:1;transform:scale(1)}.assetPicker .errorChar{opacity:.3;font-size:1.1em}.assetPicker .sentinel{justify-content:center;align-items:center;min-height:1px;padding:.4em;display:flex}.assetPicker .loadingMore{color:color-mix(in srgb,var(--text)35%,transparent)}@keyframes assetSpinner{to{transform:rotate(360deg)}}.assetPicker .loadingMore svg{animation:1s linear infinite assetSpinner}.assetPicker .retryButton{border-radius:var(--radius-sm);background:color-mix(in srgb,var(--text)7%,transparent);color:color-mix(in srgb,var(--text)70%,transparent);font-size:var(--font-xs);cursor:pointer;border:none;padding:.45em .8em;font-weight:300;transition:background .12s,transform .12s}.assetPicker .retryButton:hover{background:color-mix(in srgb,var(--text)11%,transparent);transform:translateY(-1px)}.assetPicker .retryButton:active{transform:translateY(0)}.assetPicker .emojiTab .emojiCategoryFilters{z-index:3;background:color-mix(in srgb,var(--background)100%,transparent);scrollbar-width:none;align-items:center;gap:.15em;padding-block:.5em;display:flex;position:sticky;top:0;overflow-x:auto}.assetPicker .emojiTab .emojiCategoryFilters::-webkit-scrollbar{width:0;height:0;display:none}.assetPicker .emojiTab .emojiCategoryFilters .filterItem{border-radius:var(--radius-md);width:2em;height:2em;color:var(--text);cursor:pointer;opacity:.5;transition:background .15s ease,opacity .15s ease,transform .2s var(--springEase);background:0 0;flex:none;justify-content:center;align-items:center;padding:.25em;display:inline-flex;position:relative}.assetPicker .emojiTab .emojiCategoryFilters .filterItem:hover:not(:disabled){background:var(--surface);opacity:.85}.assetPicker .emojiTab .emojiCategoryFilters .filterItem.isActive{background:var(--surface-hover);opacity:1}.assetPicker .emojiTab .emojiCategoryFilters .filterItem:disabled{cursor:default;opacity:.2}.assetPicker .emojiTab .emojiCategoryFilters .filterItem:focus-visible{outline:1px solid color-mix(in srgb,var(--text)45%,transparent);outline-offset:1px}.assetPicker .emojiTab .emojiSectionAnchor{min-width:0}.iconColorPopover{flex-direction:column;gap:.5em;display:flex}.iconColorPopover .iconColorRelink{border-radius:var(--radius-sm);background:color-mix(in srgb,var(--text)7%,transparent);color:var(--text);font-size:var(--font-xs);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.4em;padding:.5em .8em;transition:background .12s;display:flex}.iconColorPopover .iconColorRelink:hover{background:color-mix(in srgb,var(--text)11%,transparent)}.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}@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}.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 .galleryVarScrollArea{padding-bottom:0!important}.widgetPanel .galleryGridActions{opacity:1!important;pointer-events:auto!important;transform:translateY(0)scale(1)!important}.widgetPanel .uploadActions{margin-top:var(--spacing-xs);gap:var(--spacing-xs);--surfaceSize:2.8em!important}.widgetPanel .uploadActions .button{font-size:.85em}.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));backface-visibility:hidden;pointer-events:none;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}}