.generic-modal{--animation-duration-open:0;--animation-duration-close:0;-webkit-backdrop-filter:contrast(.6)brightness(.6);backdrop-filter:contrast(.6)brightness(.6);justify-content:center;align-items:center;display:flex}.generic-modal .generic-modal-body{background-color:var(--color-background-box);width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;box-shadow:var(--shadow-medium);border-radius:4px}.generic-modal.modal-positioning{z-index:var(--generic-modal-z-index);width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden auto}.generic-modal.animating-in{animation:fade-in calc(1s * var(--animation-duration-open)) ease}.generic-modal.animating-out{animation:fade-out calc(1s * var(--animation-duration-open)) ease}.generic-modal.hide-overlay{-webkit-backdrop-filter:unset;backdrop-filter:unset}.generic-modal.drawer-mode .generic-modal-body{border-radius:0;height:100%;position:absolute;top:0}.generic-modal.drawer-mode.drawer-left .generic-modal-body{animation:.3s slide-from-left;left:0}.generic-modal.drawer-mode.drawer-left.animating-out .generic-modal-body{animation:.3s slide-to-left}.generic-modal.drawer-mode.drawer-right .generic-modal-body{animation:.3s slide-from-right;right:0}.generic-modal.drawer-mode.drawer-right.animating-out .generic-modal-body{animation:.3s slide-to-right}.generic-modal.drawer-mode.drawer-bottom .generic-modal-body{top:unset;width:100%;height:-moz-fit-content;height:fit-content;animation:.3s slide-from-bottom;position:fixed;bottom:0}.generic-modal.drawer-mode.drawer-bottom.animating-out .generic-modal-body{animation:.3s slide-to-bottom}