.draggable-modal__surface{--draggable-modal-offset-x:0px;--draggable-modal-offset-y:0px;position:relative}.draggable-modal__surface>.ant-modal-container{transform:translate(var(--draggable-modal-offset-x), var(--draggable-modal-offset-y));will-change:transform}.draggable-modal__handle{z-index:1002;cursor:grab;pointer-events:auto;-webkit-user-select:none;user-select:none;width:84px;height:16px;transform:translate(calc(-50% + var(--draggable-modal-offset-x)), var(--draggable-modal-offset-y));opacity:0;justify-content:center;align-items:center;transition:opacity .15s;display:inline-flex;position:absolute;top:4px;left:50%}.draggable-modal__surface:hover .draggable-modal__handle,.draggable-modal__handle--dragging{opacity:1}.draggable-modal__handle-bar{background:#90a7cb8c;border-radius:999px;width:48px;height:4px}.draggable-modal__handle--dragging,.draggable-modal__handle:active{cursor:grabbing}.app-modal__open-page.ant-modal-close{z-index:3;pointer-events:auto;transform:translate(var(--draggable-modal-offset-x), var(--draggable-modal-offset-y));justify-content:center;align-items:center;display:inline-flex;position:absolute;top:12px;right:56px}