@keyframes fadeScaleDown{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.custom-modal{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:1000;animation:modalBackgroundFadeScaleIn .2s forwards}@keyframes modalBackgroundFadeScaleIn{0%{opacity:0;background-color:rgba(0,0,0,0)}to{opacity:1;background-color:rgba(0,0,0,.5)}}.custom-modal .custom-modal-container{background-color:#fff;width:-moz-fit-content;width:fit-content;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1);position:relative}.custom-modal .custom-modal-container.--traditional{animation:modalFadeScaleIn .3s cubic-bezier(.25,1,.5,1) forwards}.custom-modal .custom-modal-container.--side{width:500px}.custom-modal .custom-modal-container.--side,.custom-modal .custom-modal-container.--side-small{position:absolute;right:0;animation:modalSlideRight .5s cubic-bezier(.25,1,.5,1) forwards;height:100vh;border-radius:0}.custom-modal .custom-modal-container.--side-small{width:350px}@media(max-width:350px){.custom-modal .custom-modal-container.--side-small{width:100%}}.custom-modal .custom-modal-container.--full-screen{width:100%;height:92vh;bottom:0;border:0;align-self:flex-end;animation:modalSlideTop .5s cubic-bezier(.25,1,.5,1) forwards}.custom-modal .custom-modal-container.--full-screen-no-gap{width:100%;height:100vh;bottom:0;border-radius:0;align-self:flex-end;animation:modalSlideTop .5s cubic-bezier(.25,1,.5,1) forwards}.custom-modal .modal-content{overflow:scroll;height:100%}.custom-modal .modal-content.--traditional{min-width:600px;min-height:320px;max-width:900px;max-height:85vh}.custom-modal .modal-content.--traditional-small{min-width:300px;min-height:100px;max-width:calc(100vw - 200px);max-height:85vh}.custom-modal .modal-content.--side{height:calc(100vh - 70px)}@keyframes modalFadeScaleIn{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes modalSlideRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes modalSlideTop{0%{opacity:.5;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.custom-modal .modal-header{border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;align-items:center;padding:15px 20px;height:70px}.custom-modal .modal-header.--extra-margin{padding:15px 60px}.custom-modal .modal-header .modal-title{text-transform:capitalize;margin-bottom:0;margin-top:5px;color:#1a2231;font-size:16px}.custom-modal .modal-header .action{display:flex;justify-content:center;align-items:center;padding:10px;border-radius:7px;width:37px;height:37px;background-color:#fafafa;transition:.2s}.custom-modal .modal-header .action:only-child{margin-left:auto}.custom-modal .modal-header .action:hover{background-color:#f0f0f0}.custom-modal .modal-header .action img{height:14px;width:auto}