@keyframes spin{to{transform:rotate(360deg)}}@keyframes wave{0%,to{height:4px}50%{height:16px}}.grid-item-group:hover .group-hover-opacity-100{opacity:1!important}.hover-text-white:hover{color:#fff!important}.video-overlay{opacity:0;transition:opacity .3s ease-in-out}.grid-item-group:hover .video-overlay{opacity:1}.expand-button{width:36px;transition:width .5s ease-in-out}.expand-button:hover{width:auto}.expand-button-text{opacity:0;transform:translate(-12px);transition:all .25s ease-in-out}.expand-button:hover .expand-button-text{opacity:1;transform:translate(0)}.sound-wave-bar{animation:wave 1.5s ease-in-out infinite}.sound-wave-bar:nth-child(2){animation-delay:.3s}.sound-wave-bar:nth-child(3){animation-delay:.6s}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.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{transition:none;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:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition: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)}.react-resizable-hide>.react-resizable-handle{display:none}.grid-editor-wrapper{position:relative;width:100%;height:100%}.react-grid-layout{position:relative;transition:height .2s ease;background-image:radial-gradient(circle,#e5e7eb 1px,transparent 1px);background-size:32px 32px;background-position:0 0;min-height:600px}.react-grid-layout:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(90deg,transparent,transparent calc(25% - 1px),rgba(59,130,246,.1) calc(25% - 1px),rgba(59,130,246,.1) 25%)}.react-grid-layout[data-device=sm]:before{background-image:repeating-linear-gradient(90deg,transparent,transparent calc(50% - 1px),rgba(59,130,246,.1) calc(50% - 1px),rgba(59,130,246,.1) 50%)}.react-grid-item{transition:all .2s ease;transition-property:left,top;border-radius:8px;overflow:visible;box-sizing:border-box}.react-grid-item:hover{z-index:10}.react-grid-item.cssTransforms{transition-property:transform}.react-grid-item.resizing{z-index:100;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:100;will-change:transform;opacity:.8;cursor:grabbing!important;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;transform:scale(1.05)}.react-grid-item.react-grid-placeholder{background:#3b82f626;border:2px dashed #3b82f6;border-radius:8px;transition:all .15s ease}.react-grid-item.dropping{visibility:hidden}.react-grid-placeholder{background:#3b82f61a;opacity:1;transition-duration:.1s;z-index:2;border-radius:8px;-webkit-user-select:none;user-select:none;border:2px dashed #3b82f6;box-sizing:border-box}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px;box-sizing:border-box}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid var(--card-muted-fg-color);border-bottom:2px solid var(--card-muted-fg-color)}.react-resizable-handle{background-image:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.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{left:50%;margin-left:-10px;cursor:ns-resize}.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)}.initial-load{opacity:0;animation:simpleFade .3s ease-out forwards}@keyframes simpleFade{to{opacity:1}}.skeleton-loader{background:#f5f5f5;border-radius:4px}.smooth-transition{transition:all .2s ease}.device-frame-shadow{box-shadow:0 10px 30px -10px #00000026}.has-changes{box-shadow:0 0 0 2px #3b82f680}.status-indicator{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:8px;background-color:#10b981}