.modal{background-color:#0000009a;height:100%;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;visibility:hidden;width:100%;z-index:10}.modal,.modal__content{opacity:0;transition:.5s}.modal__content{background-color:#fff;left:50%;position:absolute;top:50%;transform:translateY(-50%) translate(-50%) scale(0)}.modal__close{cursor:pointer;display:block;height:34px;position:absolute;right:0;top:0;width:34px}.modal.open{opacity:1;visibility:visible}.modal.open .modal__content{opacity:1;transform:translateY(-50%) translate(-50%) scale(1)}