.draggable-block-menu{border-radius:var(--radius-control);opacity:0;margin-left:calc(var(--space-editor) - 3rem);will-change:transform;z-index:var(--z-editor-floating);background-color:hsl(var(--editor-surface));color:hsl(var(--editor-foreground));-webkit-user-select:none;user-select:none;pointer-events:all;border:1px solid hsl(var(--editor-border));box-shadow:var(--elevation-1);align-items:center;gap:4px;padding:2px 4px;transition:opacity .2s;display:flex;position:absolute;top:0;left:0;cursor:grab!important;-webkit-user-drag:element!important}@media (max-width:639px){.draggable-block-menu{margin-left:calc(var(--space-panel) - 3rem)}}.draggable-block-menu:hover,.draggable-block-menu[data-state=open]{opacity:1}.draggable-block-menu[data-state=open]{z-index:var(--z-editor-floating);visibility:visible;opacity:1!important}.add-icon{opacity:.7;cursor:pointer;-webkit-user-select:none;user-select:none;width:16px;height:16px;color:hsl(var(--editor-foreground));justify-content:center;align-items:center;font-size:16px;transition:opacity .2s;display:flex}.add-icon:hover{opacity:1}.drag-icon{opacity:.7;width:16px;height:16px;color:hsl(var(--editor-foreground));-webkit-user-select:none;user-select:none;background-color:currentColor;transition:opacity .2s;position:relative;-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><circle cx=\"9\" cy=\"12\" r=\"1.5\"/><circle cx=\"9\" cy=\"5\" r=\"1.5\"/><circle cx=\"9\" cy=\"19\" r=\"1.5\"/><circle cx=\"15\" cy=\"12\" r=\"1.5\"/><circle cx=\"15\" cy=\"5\" r=\"1.5\"/><circle cx=\"15\" cy=\"19\" r=\"1.5\"/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><circle cx=\"9\" cy=\"12\" r=\"1.5\"/><circle cx=\"9\" cy=\"5\" r=\"1.5\"/><circle cx=\"9\" cy=\"19\" r=\"1.5\"/><circle cx=\"15\" cy=\"12\" r=\"1.5\"/><circle cx=\"15\" cy=\"5\" r=\"1.5\"/><circle cx=\"15\" cy=\"19\" r=\"1.5\"/></svg>");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;cursor:grab!important;-webkit-user-drag:element!important}.drag-icon:hover{opacity:1}.dropdown-menu-content{z-index:calc(var(--z-editor-floating) + 1);margin-top:4px;position:absolute;left:0}.draggable-block-menu:active .drag-icon{cursor:pointer}.draggable-block-menu:hover{background-color:hsl(var(--editor-surface));opacity:1}.draggable-block-target-line{pointer-events:none;background:hsl(var(--state-focus));opacity:0;will-change:transform;height:4px;z-index:var(--z-editor-floating);transition:opacity .2s;position:absolute;top:0;left:0;right:0}.highlighted-block{background-color:hsl(var(--state-selected) / .45);border-radius:var(--radius-control)}.draggable-block-menu.menu-selected{opacity:1;background-color:hsl(var(--editor-surface))}.draggable-block-menu.menu-selected:hover,.draggable-block-menu.menu-selected[data-state=open]{opacity:1;visibility:visible}.draggable-block-menu.menu-selected .drag-icon,.draggable-block-menu.menu-selected .add-icon{opacity:1}.dropdown-item:hover{background-color:hsl(var(--state-selected) / .45)}.dropdown-menu-content{animation:.1s ease-out slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.draggable-block.draggable{-webkit-user-select:none!important;user-select:none!important;cursor:grab!important;-webkit-user-drag:element!important}