.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;padding:.3em .35em .6em;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 .emojiPlayer{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 .emojiPlayer{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)}.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)}