.vanilla-hide-modal,.vanilla-modal{display:none}.vanilla-modal .vanilla-hide-modal{display:flex}.vanilla-modal .vanilla-hide-modal{background:#fff;padding:15px}.vanilla-backdrop{background:rgb(0 0 0 / .7)}.vanilla-modal{width:100vw;height:100vh;position:fixed;z-index:999999;top:0;left:0;align-items:center;justify-content:center}.vanilla-close-modal{position:fixed;right:20px;top:20px;background:none;border:none;height:33px;width:33px;opacity:.8;transition:all 0.3s}.vanilla-close-modal:hover{cursor:pointer;opacity:1;transition:all 0.3s}.vanilla-close-modal span{height:33px;width:3px;background-color:#fff;display:block;position:absolute;top:0;left:50%}.vanilla-close-modal span:first-child{transform:rotate(45deg)}.vanilla-close-modal span:last-child{transform:rotate(-45deg)}.vanilla-modal.vanilla-open-modal{display:flex}.vanilla-fade{animation-name:VanillaFade;animation-duration:1s;transition-timing-function:linear}@keyframes VanillaFade{0%{opacity:0}100%{opacity:1}}