/* Shared Workspace and Library window chrome. */
:root{--em-window-radius:24px;--em-window-ease:cubic-bezier(.22,1,.36,1)}
:is(.em-workspace,.em-app) dialog.em-dialog,body.em-v2 #main-modal-edit,body.em-v2 .modal .modal-content,body.em-v2 .modal.modal-wide .modal-content{border-radius:var(--em-window-radius)!important;box-shadow:0 24px 72px #0b1c3330!important}
body.em-v2 .modal .modal-content{overflow:hidden}
body.em-v2 .modal .modal-header{border-top-left-radius:var(--em-window-radius)!important;border-top-right-radius:var(--em-window-radius)!important}
body.em-v2 .modal .modal-footer{border-bottom-left-radius:var(--em-window-radius)!important;border-bottom-right-radius:var(--em-window-radius)!important}
body.em-v2 .modal.fade{transition:opacity 160ms ease!important}
body.em-v2 .modal.fade .modal-dialog{transform:translate3d(0,8px,0)!important;transition:transform 180ms var(--em-window-ease)!important}
body.em-v2 .modal.in .modal-dialog{transform:translate3d(0,0,0)!important}
body.em-v2 .modal-backdrop.fade{transition:opacity 120ms ease!important}
:is(.em-workspace,.em-app) dialog.em-dialog[open],body.em-v2 #main-modal-edit{animation:em-window-enter 180ms var(--em-window-ease) both}
:is(.em-workspace,.em-app) dialog.em-dialog::backdrop{background:#0b1c3366;animation:em-shade-enter 120ms ease both}
:is(.em-workspace,.em-app) dialog.em-dialog.em-window-closing,body.em-v2 #main-modal-edit.em-window-closing{animation:em-window-exit 120ms cubic-bezier(.4,0,1,1) both;pointer-events:none}
:is(.em-workspace,.em-app) dialog.em-dialog.em-window-closing::backdrop{animation:em-shade-exit 120ms ease both}
.em-floating-shade{position:fixed;inset:0;z-index:1049;background:#0b1c3326;animation:em-shade-enter 120ms ease both}
.em-floating-shade.em-window-closing{animation:em-shade-exit 120ms ease both}
@keyframes em-window-enter{from{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes em-window-exit{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:0;transform:translate3d(0,5px,0)}}
@keyframes em-shade-enter{from{opacity:0}to{opacity:1}}
@keyframes em-shade-exit{from{opacity:1}to{opacity:0}}
@media(max-width:600px){:root{--em-window-radius:20px}body.em-v2 #main-modal-edit{width:calc(100vw - 20px)!important;right:10px}}
@media(prefers-reduced-motion:reduce){body.em-v2 .modal.fade,body.em-v2 .modal.fade .modal-dialog,body.em-v2 .modal-backdrop.fade{transition:none!important}:is(.em-workspace,.em-app) dialog.em-dialog,:is(.em-workspace,.em-app) dialog.em-dialog::backdrop,body.em-v2 #main-modal-edit,.em-floating-shade{animation:none!important}}
