.modal{position:fixed;display:flex;align-items:center;justify-content:center;z-index:1000}.modal,.modal__overlay{top:0;left:0;right:0;bottom:0}.modal__overlay{position:absolute;background-color:rgba(0,0,0,.5)}.modal__content{position:relative;background:#fff;padding:30px;border-radius:8px;min-width:400px;z-index:1001}@media(max-width:767px){.modal__content{padding:10px;min-width:335px}}.modal__close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer;padding:5px;line-height:1;color:#666}.modal__close:hover{color:#000}