.co-modal,.co-modal__dialog,.co-modal__overlay{box-sizing:border-box}.co-modal{--dialog-max-width: 90%;display:flex;justify-content:center;align-items:center;visibility:hidden;opacity:var(--opacity-transparent, 0)}.co-modal,.co-modal__overlay{position:fixed;top:0;left:0;height:100%;width:100%}.co-modal__overlay{background-color:var(--overlay-color, var(--basic-800, #202830));opacity:var(--opacity-intense, 0.56)}.co-modal__container{z-index:1;width:var(--dialog-width);max-width:var(--dialog-max-width)}.co-modal__dialog{display:flex;flex-direction:column;min-height:var(--dialog-min-height);max-height:calc(100vh - 100px);border-radius:var(--modal-border-radius, var(--border-radius-xsmall, 4px));box-shadow:var(--shadow-3, var(--shadow-level-3, 0 4px 12px) rgba(0, 0, 0, 0.4));background-color:var(--background-color, var(--basic-000, #ffffff))}.co-modal.co-modal--small{--dialog-width: 405px;--dialog-min-height: 250px}.co-modal.co-modal--medium,.co-modal{--dialog-width: 600px;--dialog-min-height: 375px}.co-modal.co-modal--large{--dialog-width: calc(100% - 32px);--dialog-max-width: 900px;--dialog-min-height: 500px}.co-modal.co-modal--visible,.co-modal[data-transition=entered]{opacity:var(--opacity-opaque, 1);visibility:visible}.co-modal[data-transition=entering],.co-modal[data-transition=exiting]{opacity:var(--opacity-transparent, 0);visibility:visible}.co-modal[data-transition=exited]{opacity:var(--opacity-transparent, 0);visibility:hidden}