.modal-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-wrapper.active{opacity:1;visibility:visible}.modal-window{background:white;position:relative;max-width:830px;width:90%;max-height:90vh;height:auto;overflow-y:auto;background-color:#fff;border-radius:8px}.modal-header{position:relative;margin-bottom:var(--spacing-lg)}.close-button,.modal-header{display:flex;align-items:center;justify-content:center}.close-button{position:absolute;right:0;width:30px;height:30px;border:none;background:none;cursor:pointer;padding:0;transition:transform .3s ease}.close-button:hover{transform:rotate(90deg)}.close-button:after,.close-button:before{content:"";position:absolute;width:20px;height:2px;background-color:#717a86;transition:background-color .3s ease}.close-button:before{transform:rotate(45deg)}.close-button:after{transform:rotate(-45deg)}.close-button:hover:after,.close-button:hover:before{background-color:#000}