.react-grid-layout{transition:height .2s;position:relative}.react-grid-item{transition:left .2s,top .2s,width .2s,height .2s}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{z-index:1;will-change:width, height;transition:none}.react-grid-item.react-draggable-dragging{z-index:3;will-change:transform;transition:none}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{opacity:.2;z-index:2;-webkit-user-select:none;user-select:none;background:red;transition-duration:.1s}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{opacity:0;width:20px;height:20px;position:absolute}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";border-bottom:2px solid #0006;border-right:2px solid #0006;width:5px;height:5px;position:absolute;bottom:3px;right:3px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{cursor:sw-resize;bottom:0;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{cursor:se-resize;bottom:0;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;top:0;left:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;top:0;right:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;margin-left:-10px;left:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:100% 100%;background-repeat:no-repeat;background-origin:content-box;width:20px;height:20px;padding:0 3px 3px 0;position:absolute}.react-resizable-handle-sw{cursor:sw-resize;bottom:0;left:0;transform:rotate(90deg)}.react-resizable-handle-se{cursor:se-resize;bottom:0;right:0}.react-resizable-handle-nw{cursor:nw-resize;top:0;left:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;top:0;right:0;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;margin-left:-10px;left:50%}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.dashboard-workspace{--dash-accent:#7dd3fc;--dash-button:#a5f3fc;--dash-page:#0a0c11;--dash-widget:#11151c;--dash-copy:#f4f7fb;--dash-muted:#9098a7;--dash-hairline:#1c1e23;--dash-grid:#171a20;--dash-ring:#7dd3fc;min-height:0;color:var(--dash-copy);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Avenir Next,Segoe UI Variable,Segoe UI,sans-serif}.dashboard-workspace button,.dashboard-workspace input,.dashboard-workspace select{font:inherit}.dashboard-workspace button{transition-property:color,background-color,box-shadow,opacity,scale,transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.2,0,0,1)}.dashboard-workspace button:not(:disabled):active{scale:.96}.dashboard-toolbar-button,.dashboard-icon-button,.dashboard-segment-button,.dashboard-page-tab,.dashboard-palette-card,.dashboard-inspector-input,.dashboard-inspector-select,.dashboard-color-trigger,.dashboard-widget-edit-button,.dashboard-point-option{outline:none}.dashboard-toolbar-button:focus-visible,.dashboard-icon-button:focus-visible,.dashboard-segment-button:focus-visible,.dashboard-page-tab:focus-visible,.dashboard-palette-card:focus-visible,.dashboard-inspector-input:focus-visible,.dashboard-inspector-select:focus-visible,.dashboard-color-trigger:focus-visible,.dashboard-widget-edit-button:focus-visible,.dashboard-point-option:focus-visible,.dashboard-grid-item:focus-visible{box-shadow:0 0 0 3px var(--dash-accent)}@supports (color:color-mix(in lab, red, red)){.dashboard-toolbar-button:focus-visible,.dashboard-icon-button:focus-visible,.dashboard-segment-button:focus-visible,.dashboard-page-tab:focus-visible,.dashboard-palette-card:focus-visible,.dashboard-inspector-input:focus-visible,.dashboard-inspector-select:focus-visible,.dashboard-color-trigger:focus-visible,.dashboard-widget-edit-button:focus-visible,.dashboard-point-option:focus-visible,.dashboard-grid-item:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--dash-accent) 24%, transparent)}}.dashboard-editor-shell{background:radial-gradient(circle at 52% -12%, var(--dash-accent), transparent 31rem), #090a0d;container:dashboard-editor/inline-size}@supports (color:color-mix(in lab, red, red)){.dashboard-editor-shell{background:radial-gradient(circle at 52% -12%, color-mix(in srgb, var(--dash-accent) 7%, transparent), transparent 31rem), #090a0d}}.dashboard-editor-columns{flex:1;grid-template-columns:minmax(0,248px) minmax(0,1fr);min-width:0;min-height:0;display:grid}.dashboard-editor-columns[data-mode=preview]{grid-template-columns:minmax(0,1fr)}.dashboard-editor-columns[data-mode=preview]>.dashboard-canvas-scroll{grid-column:1/-1}.dashboard-side-rail{background:#0b0c10f0;min-width:0;min-height:0;box-shadow:inset -1px 0 #ffffff0e,14px 0 34px -30px #000000e6}.dashboard-side-rail--inspector{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0c10f7;border-left:1px solid #ffffff0e;width:min(336px,100% - 24px);min-width:0;position:absolute;top:0;bottom:0;right:0;box-shadow:inset 1px 0 #ffffff0e,-28px 0 72px -38px #000000eb}.dashboard-toolbar-label{display:none}.dashboard-editor-identity{flex-basis:7.5rem}@container dashboard-editor (min-width:760px){.dashboard-toolbar-label{display:inline}}@container dashboard-editor (min-width:900px){.dashboard-editor-columns[data-inspector=open]{grid-template-columns:minmax(0,248px) minmax(0,1fr) clamp(280px,26%,336px)}.dashboard-editor-columns[data-inspector=open]>.dashboard-side-rail--inspector{width:auto;position:relative;inset:auto}}.dashboard-palette-card[draggable=true]{cursor:grab}.dashboard-palette-card[draggable=true]:active{cursor:grabbing}.dashboard-palette-card{background:0 0;transition-property:background-color,box-shadow,translate;transition-duration:.16s;transition-timing-function:cubic-bezier(.2,0,0,1)}.dashboard-palette-card:hover{background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff12}.dashboard-palette-card--dragging{background:var(--dash-accent)}@supports (color:color-mix(in lab, red, red)){.dashboard-palette-card--dragging{background:color-mix(in srgb, var(--dash-accent) 8%, transparent)}}.dashboard-palette-card--dragging{box-shadow:inset 0 0 0 1px var(--dash-accent)}@supports (color:color-mix(in lab, red, red)){.dashboard-palette-card--dragging{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--dash-accent) 30%, transparent)}}.dashboard-palette-icon{background:linear-gradient(145deg, var(--dash-accent), transparent), #ffffff09}@supports (color:color-mix(in lab, red, red)){.dashboard-palette-icon{background:linear-gradient(145deg, color-mix(in srgb, var(--dash-accent) 15%, transparent), transparent), #ffffff09}}.dashboard-palette-icon{box-shadow:inset 0 0 0 1px var(--dash-accent)}@supports (color:color-mix(in lab, red, red)){.dashboard-palette-icon{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--dash-accent) 20%, transparent)}}.dashboard-palette-icon{transition:box-shadow .16s cubic-bezier(.2,0,0,1),background-color .16s cubic-bezier(.2,0,0,1)}.dashboard-palette-card:hover .dashboard-palette-icon,.dashboard-palette-card:focus-visible .dashboard-palette-icon{background:linear-gradient(145deg, var(--dash-accent), transparent), #ffffff0d}@supports (color:color-mix(in lab, red, red)){.dashboard-palette-card:hover .dashboard-palette-icon,.dashboard-palette-card:focus-visible .dashboard-palette-icon{background:linear-gradient(145deg, color-mix(in srgb, var(--dash-accent) 26%, transparent), transparent), #ffffff0d}}.dashboard-palette-card:hover .dashboard-palette-icon,.dashboard-palette-card:focus-visible .dashboard-palette-icon{box-shadow:inset 0 0 0 1px var(--dash-accent)}@supports (color:color-mix(in lab, red, red)){.dashboard-palette-card:hover .dashboard-palette-icon,.dashboard-palette-card:focus-visible .dashboard-palette-icon{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--dash-accent) 40%, transparent)}}.dashboard-palette-grip,.dashboard-palette-add{grid-area:1/1;transition:opacity .16s cubic-bezier(.2,0,0,1)}.dashboard-palette-add{opacity:0;color:var(--dash-accent)}.dashboard-palette-card:hover .dashboard-palette-grip,.dashboard-palette-card:focus-visible .dashboard-palette-grip{opacity:0}.dashboard-palette-card:hover .dashboard-palette-add,.dashboard-palette-card:focus-visible .dashboard-palette-add{opacity:1}.dashboard-inspector-section+.dashboard-inspector-section{border-top:1px solid #ffffff0e;margin-top:20px;padding-top:20px}.dashboard-inspector-section-body{gap:12px;margin-top:12px;display:grid}.dashboard-inspector-input,.dashboard-inspector-select{background:#00000040;box-shadow:inset 0 0 0 1px #ffffff16}.dashboard-inspector-input:hover:not(:disabled),.dashboard-inspector-select:hover:not(:disabled){box-shadow:inset 0 0 0 1px #ffffff24}.dashboard-inspector-toggle,.dashboard-inspector-panel,.dashboard-inspector-segmented{background:#ffffff08;box-shadow:inset 0 0 0 1px #fff1}.dashboard-inspector-toggle{cursor:pointer;transition:background-color .16s cubic-bezier(.2,0,0,1)}.dashboard-inspector-toggle:hover{background:#ffffff0e}.dashboard-inspector-toggle input[type=checkbox]{accent-color:var(--dash-accent);width:1rem;height:1rem}.dashboard-inspector-segmented{background:#0003}.dashboard-segment-button--on{color:#fff;background:#ffffff17;box-shadow:0 1px 2px #00000047}.dashboard-canvas-scroll{scrollbar-color:var(--dash-accent) transparent}@supports (color:color-mix(in lab, red, red)){.dashboard-canvas-scroll{scrollbar-color:color-mix(in srgb, var(--dash-accent) 32%, #31343a) transparent}}.dashboard-canvas-scroll{scrollbar-width:thin}.dashboard-canvas-page{isolation:isolate;background-color:var(--dash-page);background-image:linear-gradient(var(--dash-grid) 1px, transparent 1px), linear-gradient(90deg, var(--dash-grid) 1px, transparent 1px), radial-gradient(circle at 50% -18%, var(--dash-accent), transparent 43%);border-radius:22px;width:min(100%,1480px);min-height:calc(100% - 24px);margin:12px auto;position:relative;overflow:clip}@supports (color:color-mix(in lab, red, red)){.dashboard-canvas-page{background-image:linear-gradient(var(--dash-grid) 1px, transparent 1px), linear-gradient(90deg, var(--dash-grid) 1px, transparent 1px), radial-gradient(circle at 50% -18%, color-mix(in srgb, var(--dash-accent) 8%, transparent), transparent 43%)}}.dashboard-canvas-page{box-shadow:0 0 0 1px var(--dash-hairline), 0 28px 72px #00000042;background-size:32px 32px,32px 32px,auto}.dashboard-canvas-page[data-mode=preview]{background-image:radial-gradient(circle at 50% -18%, var(--dash-accent), transparent 43%)}@supports (color:color-mix(in lab, red, red)){.dashboard-canvas-page[data-mode=preview]{background-image:radial-gradient(circle at 50% -18%, color-mix(in srgb, var(--dash-accent) 8%, transparent), transparent 43%)}}.dashboard-grid-measure{width:100%;min-height:480px}.dashboard-grid-layout{min-height:480px}.dashboard-grid-preparing{min-height:480px;color:var(--dash-muted);justify-content:center;align-items:center;gap:.75rem;font-size:.8rem;display:flex}.dashboard-grid-preparing-mark{background:var(--dash-accent);width:.65rem;height:.65rem;box-shadow:0 0 18px var(--dash-accent);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.dashboard-grid-preparing-mark{box-shadow:0 0 18px color-mix(in srgb, var(--dash-accent) 54%, transparent)}}.dashboard-grid-preparing-mark{animation:1.6s ease-in-out infinite dashboard-grid-pulse}@keyframes dashboard-grid-pulse{0%,to{opacity:.42;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.dashboard-grid-item{outline-offset:3px;border-radius:17px;outline:2px solid #0000;padding-bottom:16px;transition-property:outline-color,filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.2,0,0,1);overflow:visible}.dashboard-grid-item:focus-visible{outline-color:var(--dash-ring)}.dashboard-grid-item[data-selected=true]{z-index:4;outline-color:var(--dash-ring);filter:drop-shadow(0 10px 24px var(--dash-accent))}@supports (color:color-mix(in lab, red, red)){.dashboard-grid-item[data-selected=true]{filter:drop-shadow(0 10px 24px color-mix(in srgb, var(--dash-accent) 16%, transparent))}}.dashboard-grid-item:hover:not([data-selected=true]) .dashboard-widget-card{border-color:var(--dash-ring)}@supports (color:color-mix(in lab, red, red)){.dashboard-grid-item:hover:not([data-selected=true]) .dashboard-widget-card{border-color:color-mix(in srgb, var(--dash-ring) 45%, var(--dash-hairline))}}.dashboard-grid-item:hover:not([data-selected=true]) .dashboard-widget-card{box-shadow:0 18px 44px #00000038}.dashboard-canvas-page[data-dragging=true]{background-image:linear-gradient(var(--dash-accent) 1px, transparent 1px), linear-gradient(90deg, var(--dash-accent) 1px, transparent 1px), radial-gradient(circle at 50% -18%, var(--dash-accent), transparent 43%)}@supports (color:color-mix(in lab, red, red)){.dashboard-canvas-page[data-dragging=true]{background-image:linear-gradient(color-mix(in srgb, var(--dash-accent) 13%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--dash-accent) 13%, transparent) 1px, transparent 1px), radial-gradient(circle at 50% -18%, color-mix(in srgb, var(--dash-accent) 8%, transparent), transparent 43%)}}.dashboard-size-chip{z-index:40;background:var(--dash-page);border-radius:999px;padding:5px 11px;position:absolute;top:12px;left:50%;translate:-50%}@supports (color:color-mix(in lab, red, red)){.dashboard-size-chip{background:color-mix(in srgb, var(--dash-page) 88%, black)}}.dashboard-size-chip{color:var(--dash-copy);font-variant-numeric:tabular-nums;letter-spacing:.01em;pointer-events:none;box-shadow:0 0 0 1px var(--dash-accent), 0 12px 32px #0006;font-size:11px}@supports (color:color-mix(in lab, red, red)){.dashboard-size-chip{box-shadow:0 0 0 1px color-mix(in srgb, var(--dash-accent) 40%, transparent), 0 12px 32px #0006}}.dashboard-size-chip{animation:.15s cubic-bezier(.2,0,0,1) both dashboard-chip-enter}@keyframes dashboard-chip-enter{0%{opacity:0;translate:-50% -4px}to{opacity:1;translate:-50%}}.dashboard-grid-layout>.react-grid-placeholder{border:1px dashed var(--dash-accent)}@supports (color:color-mix(in lab, red, red)){.dashboard-grid-layout>.react-grid-placeholder{border:1px dashed color-mix(in srgb, var(--dash-accent) 78%, white 6%)}}.dashboard-grid-layout>.react-grid-placeholder{background:var(--dash-accent);border-radius:17px}@supports (color:color-mix(in lab, red, red)){.dashboard-grid-layout>.react-grid-placeholder{background:color-mix(in srgb, var(--dash-accent) 12%, transparent)}}.dashboard-grid-layout>.react-grid-placeholder{box-shadow:inset 0 0 0 1px var(--dash-accent), 0 14px 42px var(--dash-accent)}@supports (color:color-mix(in lab, red, red)){.dashboard-grid-layout>.react-grid-placeholder{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--dash-accent) 14%, transparent), 0 14px 42px color-mix(in srgb, var(--dash-accent) 9%, transparent)}}.dashboard-grid-layout>.react-grid-placeholder{opacity:1}.dashboard-grid-layout .react-resizable-handle{background:var(--dash-page);border-radius:8px;width:24px;height:24px;bottom:13px;right:-3px}@supports (color:color-mix(in lab, red, red)){.dashboard-grid-layout .react-resizable-handle{background:color-mix(in srgb, var(--dash-page) 82%, black)}}.dashboard-grid-layout .react-resizable-handle{box-shadow:inset 0 0 0 1.5px var(--dash-accent), 0 4px 12px #00000059;opacity:0;transition-property:opacity,scale,background-color;transition-duration:.15s;transition-timing-function:cubic-bezier(.2,0,0,1)}.dashboard-grid-layout .react-resizable-handle:after{border-right:2px solid var(--dash-accent);border-bottom:2px solid var(--dash-accent);border-top:0;border-left:0;border-radius:0 0 2px;width:8px;height:8px;bottom:6px;right:6px}.dashboard-grid-layout .react-resizable-handle:hover,.dashboard-grid-item[data-selected=true] .react-resizable-handle{background:var(--dash-accent);scale:1.06}.dashboard-grid-layout .react-resizable-handle:hover:after,.dashboard-grid-item[data-selected=true] .react-resizable-handle:after{border-right-color:var(--dash-page)}@supports (color:color-mix(in lab, red, red)){.dashboard-grid-layout .react-resizable-handle:hover:after,.dashboard-grid-item[data-selected=true] .react-resizable-handle:after{border-right-color:color-mix(in srgb, var(--dash-page) 78%, black)}}.dashboard-grid-layout .react-resizable-handle:hover:after,.dashboard-grid-item[data-selected=true] .react-resizable-handle:after{border-bottom-color:var(--dash-page)}@supports (color:color-mix(in lab, red, red)){.dashboard-grid-layout .react-resizable-handle:hover:after,.dashboard-grid-item[data-selected=true] .react-resizable-handle:after{border-bottom-color:color-mix(in srgb, var(--dash-page) 78%, black)}}.dashboard-grid-item[data-selected=true] .react-resizable-handle,.dashboard-grid-item:hover .react-resizable-handle,.dashboard-grid-item:focus-within .react-resizable-handle{opacity:1}@media (hover:none){.dashboard-grid-layout .react-resizable-handle{opacity:1}}.dashboard-widget-card{border:1px solid var(--dash-hairline);background:linear-gradient(145deg, #ffffff0a, transparent 52%), var(--widget-color,var(--dash-widget));height:100%;min-height:0;color:var(--dash-copy);border-radius:17px;flex-direction:column;transition:border-color .15s cubic-bezier(.2,0,0,1),box-shadow .15s cubic-bezier(.2,0,0,1);display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000030}.dashboard-widget-card--selected{border-color:var(--dash-ring);box-shadow:0 18px 48px #0000003d}.dashboard-widget-edit-button{white-space:nowrap}.dashboard-point-picker-results{scrollbar-color:var(--dash-accent) transparent}@supports (color:color-mix(in lab, red, red)){.dashboard-point-picker-results{scrollbar-color:color-mix(in srgb, var(--dash-accent) 28%, #31343a) transparent}}.dashboard-point-picker-results{scrollbar-width:thin}.dashboard-point-option[aria-selected=true]{color:var(--dash-copy)}.dashboard-widget-drag-handle{cursor:grab;touch-action:none}.dashboard-widget-drag-handle:active{cursor:grabbing}.dashboard-widget-sparkline path{vector-effect:non-scaling-stroke}.dashboard-widget-control-range{appearance:none;opacity:.55;background:#ffffff0b;border-radius:.75rem;box-shadow:inset 0 0 0 1px #ffffff14}.dashboard-widget-control-range::-webkit-slider-runnable-track{background:#ffffff1a;border-radius:999px;height:.25rem;margin-inline:.75rem}.dashboard-widget-control-range::-webkit-slider-thumb{appearance:none;width:0;height:0}.dashboard-widget-control-range::-moz-range-track{background:#ffffff1a;border-radius:999px;height:.25rem;margin-inline:.75rem}.dashboard-widget-control-range::-moz-range-thumb{border:0;width:0;height:0}.dashboard-menu-link{min-height:36px}.dashboard-empty-state{z-index:2;text-align:center;width:min(360px,100% - 48px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dashboard-empty-state-mark{background:radial-gradient(circle at 30% 20%, var(--dash-accent), transparent 58%), var(--dash-accent);border-radius:22px;place-items:center;width:68px;height:68px;margin:0 auto;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.dashboard-empty-state-mark{background:radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--dash-accent) 28%, transparent), transparent 58%), color-mix(in srgb, var(--dash-accent) 8%, var(--dash-page))}}.dashboard-empty-state-mark{color:var(--dash-accent);box-shadow:inset 0 0 0 1px var(--dash-accent), 0 18px 48px var(--dash-accent)}@supports (color:color-mix(in lab, red, red)){.dashboard-empty-state-mark{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--dash-accent) 22%, transparent), 0 18px 48px color-mix(in srgb, var(--dash-accent) 12%, transparent)}}.dashboard-color-popover{animation:.18s cubic-bezier(.2,0,0,1) both dashboard-popover-enter}@keyframes dashboard-popover-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.dashboard-hue-input,.dashboard-saturation-input{width:100%;accent-color:var(--dash-accent)}.dashboard-contrast-warning{background:#fbbf2417;box-shadow:inset 0 0 0 1px #fbbf2438}.dashboard-theme-panel{width:min(390px,100cqw - 24px)}.dashboard-theme-swatch{background:var(--swatch-bg);color:var(--swatch-copy);box-shadow:inset 0 0 0 1px var(--swatch-copy)}@supports (color:color-mix(in lab, red, red)){.dashboard-theme-swatch{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--swatch-copy) 11%, transparent)}}.dashboard-theme-swatch{transition:box-shadow .16s cubic-bezier(.2,0,0,1),translate .16s cubic-bezier(.2,0,0,1)}.dashboard-theme-swatch:hover{box-shadow:inset 0 0 0 1px var(--swatch-copy);translate:0 -1px}@supports (color:color-mix(in lab, red, red)){.dashboard-theme-swatch:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--swatch-copy) 26%, transparent)}}.dashboard-theme-swatch--applied{outline-offset:2px;box-shadow:inset 0 0 0 1px var(--swatch-copy);outline:2px solid #7dd3fc;translate:0 -1px}@supports (color:color-mix(in lab, red, red)){.dashboard-theme-swatch--applied{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--swatch-copy) 34%, transparent)}}.dashboard-theme-applied{background:var(--swatch-copy)}@supports (color:color-mix(in lab, red, red)){.dashboard-theme-applied{background:color-mix(in srgb, var(--swatch-copy) 88%, transparent)}}.dashboard-theme-applied{color:var(--swatch-bg)}.dashboard-theme-preview{background:var(--swatch-widget);border:1px solid var(--swatch-hairline);width:74%}.dashboard-delete-dialog-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000a8}@media (max-width:1180px){.dashboard-editor-columns,.dashboard-editor-columns[data-inspector=open]{grid-template-columns:220px minmax(420px,1fr)}.dashboard-editor-columns[data-mode=preview]{grid-template-columns:minmax(0,1fr)}.dashboard-side-rail--inspector{width:min(320px,100% - 24px)}}@media (max-width:780px){.dashboard-editor-columns,.dashboard-editor-columns[data-inspector=open]{flex-direction:column;display:flex}.dashboard-editor-columns[data-mode=preview]{grid-template-columns:minmax(0,1fr);display:grid}.dashboard-side-rail--palette{max-height:230px}.dashboard-canvas-page{min-width:680px}}@media (prefers-reduced-motion:reduce){.dashboard-workspace *,.dashboard-workspace :before,.dashboard-workspace :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}