.deck-component{
  position:relative;
  width:100%;
  height:100%;
  box-sizing:border-box;
  border-radius:var(--radius);
  word-break:break-word;
  overflow:clip;
  overflow-clip-margin:13px;
}
.deck-component:not(.slide-title-cell):hover{ cursor:grab; }
body.deck-readonly .deck-component:not(.slide-title-cell):hover{ cursor:default; }
body.stage-text-mode .deck-component:not(.slide-title-cell):hover{ cursor:default; }
body.stage-text-mode .deck-component [contenteditable="true"]{ cursor:text; }
body.stage-text-mode .deck-component [contenteditable="true"]:hover{
  outline:1px dashed var(--ui-accent); outline-offset:2px; border-radius:4px;
}
body.stage-text-mode .deck-component [contenteditable="true"]:focus{
  outline:2px solid var(--ui-accent); outline-offset:2px; border-radius:4px;
}
body.stage-comment-mode #framesContainer .frame{ user-select:none; -webkit-user-select:none; }
body.stage-comment-mode #framesContainer .frame, body.stage-comment-mode #framesContainer .frame *{
  cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='-40 -40 592 592'%3E%3Cpath d='M512 240c0 114.9-114.6 208-256 208c-37.1 0-72.3-6.4-104.1-17.9c-11.9 8.7-31.3 20.6-54.3 30.6C73.6 471.1 44.7 480 16 480c-6.5 0-12.3-3.9-14.8-9.9c-2.5-6-1.1-12.8 3.4-17.4l.3-.3c.3-.3 .7-.7 1.3-1.4c1.1-1.2 2.8-3.1 4.9-5.7c4.1-5 9.6-12.4 15.2-21.6c10-16.6 19.5-38.4 21.4-62.9C17.7 326.8 0 285.1 0 240C0 125.1 114.6 32 256 32s256 93.1 256 208z' fill='%23fff' stroke='%23fff' stroke-width='72' stroke-linejoin='round'/%3E%3Cpath d='M512 240c0 114.9-114.6 208-256 208c-37.1 0-72.3-6.4-104.1-17.9c-11.9 8.7-31.3 20.6-54.3 30.6C73.6 471.1 44.7 480 16 480c-6.5 0-12.3-3.9-14.8-9.9c-2.5-6-1.1-12.8 3.4-17.4l.3-.3c.3-.3 .7-.7 1.3-1.4c1.1-1.2 2.8-3.1 4.9-5.7c4.1-5 9.6-12.4 15.2-21.6c10-16.6 19.5-38.4 21.4-62.9C17.7 326.8 0 285.1 0 240C0 125.1 114.6 32 256 32s256 93.1 256 208z' fill='%230040de'/%3E%3C/svg%3E") 2 24, pointer;
}
body.stage-comment-mode #framesContainer .deck-component:hover:not(:has([data-field]:hover)){
  outline:2px solid var(--ui-accent); outline-offset:3px; border-radius:6px;
}
body.stage-comment-mode #framesContainer .frame [data-field]:hover{
  outline:2px solid var(--ui-accent); outline-offset:2px; border-radius:4px;
}
.deck-component [contenteditable]:focus{ cursor:text; }
.deck-component.dragging-move{ cursor:grabbing; }
body.alt-key-down .deck-component:not(.slide-title-cell):hover{ cursor:copy; }
body.alt-key-down .slide-item:not([data-frame-type="cover"]){ cursor:copy; }
.deck-component.no-stretch{ height:auto; align-self:start; }
.deck-component[data-free-pos="true"]{ position:absolute; z-index:15; }
.deck-component.selected{ outline:2px solid var(--ui-accent); outline-offset:2px; overflow:visible; border-radius:0; }
.deck-component.selected.child-focused{ outline:none; }
.deck-component:hover{ overflow:visible; }
.deck-component b, .deck-component strong{ font-family:var(--font-display); }
.deck-component .card-resize-handle{ position:absolute; display:none; z-index:6; background:var(--md-color-grey-white); border:1px solid var(--ui-accent); box-sizing:border-box; box-shadow:0 1px 3px rgba(var(--shadow-rgb),0.2); zoom:calc(1 / var(--zoom)); }
.deck-component .card-resize-handle::before{ content:''; position:absolute; top:-6px; bottom:-6px; left:-6px; right:-6px; }
.deck-component.selected .card-resize-handle{ display:block; }
.deck-component .card-resize-handle.rh-nw{ left:-4px; top:-4px; width:8px; height:8px; border-radius:2px; cursor:nwse-resize; }
.deck-component .card-resize-handle.rh-ne{ right:-4px; top:-4px; width:8px; height:8px; border-radius:2px; cursor:nesw-resize; }
.deck-component .card-resize-handle.rh-sw{ left:-4px; bottom:-4px; width:8px; height:8px; border-radius:2px; cursor:nesw-resize; }
.deck-component .card-resize-handle.rh-se{ right:-4px; bottom:-4px; width:8px; height:8px; border-radius:2px; cursor:nwse-resize; }
.deck-component .card-resize-handle.rh-n{ left:10px; right:10px; top:-5px; height:10px; width:auto; margin:0; cursor:ns-resize; }
.deck-component .card-resize-handle.rh-s{ left:10px; right:10px; bottom:-5px; height:10px; width:auto; margin:0; cursor:ns-resize; }
.deck-component .card-resize-handle.rh-e{ top:10px; bottom:10px; right:-5px; width:10px; height:auto; margin:0; cursor:ew-resize; }
.deck-component .card-resize-handle.rh-w{ top:10px; bottom:10px; left:-5px; width:10px; height:auto; margin:0; cursor:ew-resize; }
.deck-component .card-resize-handle.rh-n, .deck-component .card-resize-handle.rh-s,
.deck-component .card-resize-handle.rh-e, .deck-component .card-resize-handle.rh-w{ background:transparent; border:none; box-shadow:none; border-radius:0; }
.deck-component .card-resize-handle.rh-n::after, .deck-component .card-resize-handle.rh-s::after,
.deck-component .card-resize-handle.rh-e::after, .deck-component .card-resize-handle.rh-w::after{ content:none; }
.deck-component .card-resize-handle.rh-nw, .deck-component .card-resize-handle.rh-ne,
.deck-component .card-resize-handle.rh-sw, .deck-component .card-resize-handle.rh-se{ z-index:7; }
.deck-component .card-grip-handle{
  position:absolute; left:50%; top:-8px; transform:translateX(-50%); zoom:calc(1 / var(--zoom));
  width:32px; height:16px; border-radius:5px; box-sizing:border-box;
  background:var(--md-color-grey-white); border:1px solid var(--ui-border); color:var(--ui-muted);
  display:none; align-items:center; justify-content:center;
  cursor:pointer; z-index:8; font-size:var(--text-xs);
  box-shadow:0 2px 6px rgba(var(--shadow-rgb),0.12);
}
.deck-component:hover .card-grip-handle, .deck-component.selected .card-grip-handle{ display:flex; }
body.stage-text-mode .deck-component:hover .card-grip-handle{ display:none; }
.deck-component.child-focused .card-resize-handle, .deck-component.child-focused .card-grip-handle{ display:none; }
.card-gear-btn, .card-lock-btn{
  position:absolute; top:10px; right:10px; width:32px; height:32px; box-sizing:border-box;
  background:none; border:none; color:var(--ui-muted);
  display:none; align-items:center; justify-content:center; cursor:pointer;
  z-index:7; font-size:var(--text-2xl); padding:0;
  zoom:calc(1 / var(--zoom));
}
body.right-panel-collapsed .deck-component:hover .card-gear-btn{ display:flex; }
.card-gear-btn:hover, .card-lock-btn:hover{ color:var(--ui-text); }
.deck-component[data-free-pos="true"]:hover .card-lock-btn,
.deck-component[data-free-pos="true"].selected .card-lock-btn{ display:flex; }
body.right-panel-collapsed .card-lock-btn{ right:50px; }
.deck-component[data-free-pos="true"][data-pos-locked="true"]{ pointer-events:none; }
.deck-component[data-free-pos="true"][data-pos-locked="true"] .card-lock-btn{ pointer-events:auto; }
.cards-grid:hover .deck-component[data-free-pos="true"][data-pos-locked="true"] .card-lock-btn{ display:flex; }
.deck-component .field-wrap{ position:relative; width:100%; }
.deck-component .field-wrap.hidden{ display:none; }