.modal-backdrop{position:fixed!important;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1998}.modal{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:1999;opacity:0;pointer-events:none;transition:all .3s ease-in-out;color:#333}.modal.modal--not-floating{background:red;position:relative;max-width:400px}.modal.modal--not-floating .modal-window{width:100%;max-width:100%}.modal.modal--not-floating.modal--right{position:relative!important}.modal.modal--not-floating.modal--right .modal-window{position:relative!important;right:0;max-width:400px;top:0;bottom:0}.modal *{pointer-events:none}.modal.modal--active{opacity:1;pointer-events:all}.modal.modal--active *{pointer-events:all}.modal.modal--center{top:50%;left:50%;transform:translate(-50%,-50%)}.modal.modal--bottom,.modal.modal--top{align-items:flex-end;top:auto;bottom:0;left:0;right:0}.modal.modal--bottom .modal-window,.modal.modal--top .modal-window{width:100vw!important;max-width:100vw!important;min-width:100vw!important;border-radius:5px 5px 0 0;max-height:40vh}.modal.modal--top{top:0;bottom:auto}.modal.modal--top .modal-window{border-radius:0 0 5px 5px}.modal.modal--right,.modal.modal--left{align-items:center;justify-content:flex-end;left:auto;right:0}.modal.modal--right.modal--md .modal-window,.modal.modal--left.modal--md .modal-window{width:40vw;min-width:500px}.modal.modal--right .modal-window,.modal.modal--left .modal-window{border-radius:0;height:100vh}.modal.modal--right .modal-window .modal-content,.modal.modal--left .modal-window .modal-content{max-height:initial;flex:1}.modal.modal--left{right:auto;left:0}.modal.modal--xl .modal-window{width:98vw}.modal.modal--lg .modal-window{width:90vw}.modal.modal--md .modal-window{width:50vw}.modal.modal--sm .modal-window{width:30vw}.modal .modal-window{background-color:#fff;border-radius:5px;box-shadow:0 2px 8px #00000042;display:flex;flex-direction:column;position:relative}.modal .modal-window .modal-close{position:absolute;z-index:100000;top:.5rem;right:1rem;font-size:2rem;cursor:pointer;background-color:#fffc;border-radius:50%;width:2rem;height:2rem;display:flex;justify-content:center;align-items:center;color:#333}.modal .modal-window .modal-close:hover{font-weight:700;background-color:#fff}.modal .modal-window .modal-header{padding:20px 20px 0}.modal .modal-window .modal-content{margin:0 20px;max-height:80vh;overflow:auto;position:relative;padding-bottom:20px}.modal .modal-window .modal-content>h3{margin-bottom:30px}.modal .modal-footer{padding:20px;display:flex;gap:.5rem;justify-content:flex-end}