.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top}.react-grid-item.cssTransforms{transition-property:transform}.react-grid-item.resizing{z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.react-grid-placeholder{background:#A9A9A9;opacity:.4;transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.widget-container.selected{outline:2px solid theme("colors.blue.500");outline-offset:2px;z-index:10!important;transition:outline .15s ease-in-out}.widget-container.multi-selected{outline:2px solid theme("colors.purple.500");outline-offset:2px;z-index:10!important;transition:outline .15s ease-in-out;box-shadow:0 0 0 4px theme("colors.purple.100")}.widget-container.is-dragging{opacity:.6}.react-grid-layout-snap-line-h,.react-grid-layout-snap-line-v{position:absolute;background-color:#ff0000;display:none;z-index:20}.react-grid-layout-snap-line-h{height:1px;left:0;right:0}.react-grid-layout-snap-line-v{width:1px;top:0;bottom:0}.dashboard-canvas{background-color:white!important;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);margin:16px;padding:16px;position:relative}.dark .dashboard-canvas{background-color:white!important;border:1px solid rgba(226,232,240,.2)}.canvas-scale-transition{transition:transform .5s cubic-bezier(.4,0,.2,1);will-change:transform}.canvas-scale-transition-fast{transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform}.viewport-transition{transition:all .5s cubic-bezier(.4,0,.2,1);will-change:transform,width,height}.sidebar-transition{transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,width}.fade-in{animation:fadeIn .3s ease-out}.fade-out{animation:fadeOut .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.dashboard-canvas .react-grid-item{background-color:white;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.dashboard-canvas .react-grid-item:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.dot-pattern{background-image:radial-gradient(circle,rgba(156,163,175,.4) 1px,transparent 0);background-size:20px 20px;background-position:0 0;transition:background-image .3s ease}.dark .dot-pattern,:root.dark .dot-pattern,body.dark .dot-pattern,html.dark .dot-pattern{background-image:radial-gradient(circle,rgba(107,114,128,.6) 1px,transparent 0);background-size:20px 20px;background-position:0 0}.factory-constructor-viewport{background-color:var(--factory-canvas)}.factory-constructor-viewport.dot-pattern{background-image:radial-gradient(circle,color-mix(in srgb,var(--factory-text-faint) 34%,transparent) 1px,transparent 1px)}.factory-constructor-transition-overlay{background-color:color-mix(in srgb,var(--factory-surface) 82%,transparent)}.factory-constructor-empty-canvas{background-color:var(--factory-canvas);background-image:radial-gradient(circle at center,color-mix(in srgb,var(--factory-text-faint) 18%,transparent) .75px,transparent .75px);background-size:12px 12px}.embed-container .dot-pattern{background-image:radial-gradient(circle,rgba(156,163,175,.14) .75px,transparent 0);background-size:20px 20px;background-position:0 0;transition:background-image .3s ease}.dark .embed-container .dot-pattern,:root.dark .embed-container .dot-pattern,body.dark .embed-container .dot-pattern,html.dark .embed-container .dot-pattern{background-image:radial-gradient(circle,rgba(148,163,184,.16) .75px,transparent 0);background-size:20px 20px;background-position:0 0}.view-mode-no-scroll{overflow:hidden!important}body.dashboard-view-mode{margin:0!important;padding:0!important}body.dashboard-view-mode,html.dashboard-view-mode{overflow:hidden!important;height:100vh!important}[data-has-bg-image=true]{position:relative;overflow:hidden;width:inherit!important;height:inherit!important;min-width:inherit!important;min-height:inherit!important;max-width:inherit!important;max-height:inherit!important;transition:background-color .2s cubic-bezier(.4,0,.2,1);will-change:background-color}[data-has-bg-image=true]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--bg-image-url)!important;background-size:var(--bg-image-size)!important;background-repeat:var(--bg-image-repeat)!important;background-position:var(--bg-image-position,center)!important;background-clip:padding-box!important;background-origin:padding-box!important;opacity:var(--bg-image-opacity);pointer-events:none;z-index:0;transition:opacity .2s cubic-bezier(.4,0,.2,1);will-change:opacity}[data-object-fit=contain]:before{background-size:contain!important}[data-object-fit=cover]:before{background-size:cover!important}[data-object-fit=fill]:before{background-size:100% 100%!important}[data-object-fit=scale-down]:before{background-size:auto!important}[data-has-bg-image=true] .widget-container,[data-has-bg-image=true] [data-canvas=true]>*{opacity:1!important;position:relative;z-index:1}[data-canvas=true] .bg-blue-50\/50,[data-canvas=true] .bg-gray-50,[data-canvas=true] .dark\:bg-gray-900\/50,[data-has-bg-image=true] .bg-blue-50\/50,[data-has-bg-image=true] .bg-gray-50,[data-has-bg-image=true] .dark\:bg-gray-900\/50,[data-mode=view] .bg-blue-50\/50,[data-mode=view] .dark\:bg-gray-900\/50{background-color:transparent!important}.dashboard-canvas,.pixel-canvas,[data-canvas=true]{box-sizing:border-box!important;flex-shrink:0!important;contain:layout!important}