.custom-modal{display:block;position:fixed;inset:0;background-color:#0008;overflow-y:auto;z-index:2000}.custom-modal__dialog{width:800px;max-width:90%;margin:4rem auto;color:#000;border-radius:.5rem;box-shadow:0 .5rem 1rem #0008;transition:transform .3s ease-out}.custom-modal__dialog--fly{transform:translateY(-50px)}.custom-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1rem;color:#fff;background-color:#00b0f0;border-radius:.5rem .5rem 0 0}.custom-modal__header-title{font-size:1.25rem;font-weight:700}.custom-modal__header-close{cursor:pointer;position:relative;width:1.5rem;height:1.5rem;margin-left:auto;font-size:1rem;color:#000;background:none;border:none}.custom-modal__header-close:before,.custom-modal__header-close:after{content:"";display:block;height:100%;position:absolute;top:0;left:50%;border-right:3px solid #ffffff;transform:rotate(45deg)}.custom-modal__header-close:after{transform:rotate(135deg)}.custom-modal__header-close:hover:before,.custom-modal__header-close:hover:after{border-right-color:#444}.custom-modal__header-close:active:before,.custom-modal__header-close:active:after{border-right-color:#000}.custom-modal__body{padding:1rem;background-color:#fff;border:1px solid #ccc;border-top:none}.custom-modal__footer{padding:.75rem;text-align:right;background-color:#fff;border:1px solid #ccc;border-top:none;border-radius:0 0 .5rem .5rem}