.modal{opacity:0;pointer-events:none;z-index:999;background-color:#0006;justify-content:center;align-items:center;width:100%;height:100vh;transition:all .5s;display:flex;position:fixed;top:0;left:0;overflow-y:scroll}.modal.active{opacity:1;pointer-events:all}.modal__content{background-color:#fff;border-radius:12px;width:50vw;max-width:1000px;padding:20px;transition:all .4s;transform:scale(.5)}.modal__content.active{transform:scale(1)}.modal__close{cursor:pointer;fill:#999;position:absolute;top:15px;right:20px}.modal__close:hover{fill:var(--blue)}.modal__close:active{fill:var(--dark-blue)}@media (max-width:540px){.modal__content{width:80vw}}