.modal{visibility:hidden;z-index:1000;opacity:0;pointer-events:none;background-color:#0000004d;justify-content:center;align-items:center;transition:opacity .4s,visibility 0s linear .4s;display:flex;position:fixed;inset:0}.modal__opened{visibility:visible;opacity:1;pointer-events:all;transition:opacity .4s,visibility linear}.modal__container{box-sizing:border-box;background-color:#fff;border-radius:308px;width:157%;max-width:500px;position:relative}.modal__close{cursor:pointer;background:url(/assets/close.png) 50% no-repeat;border:none;width:16px;height:16px;padding:10px;position:absolute;top:20px;right:28px}.modal__close:hover{opacity:.6}