.modal{background:#101011cc;bottom:0;display:flex;height:100%;left:0;overflow:auto;position:fixed;right:0;top:0;transform:translateZ(0);width:100%;z-index:1040;-webkit-overflow-scrolling:touch}@media (min-width:768px){.modal{padding:20px}}.modal__content{background:var(--white);border-radius:12px;margin:auto;max-width:500px;padding:12px;position:relative;width:100%}@media (min-width:768px){.modal__content{padding:20px}}.modal__close{background-color:transparent;background:var(--white);border:none;border:.5px solid rgba(0,0,0,.2);border-radius:8px;color:var(--black);cursor:pointer;height:40px;outline:none;padding:0;position:absolute;right:12px;top:12px;width:40px;z-index:2}@media (min-width:768px){.modal__close{right:20px;top:20px}}.modal__close:after,.modal__close:before{background-color:var(--black);border-radius:2px;content:"";height:2px;left:50%;position:absolute;top:50%;transition:all .3s ease-in-out;width:16px}.modal__close:before{transform:translate(-50%,-50%) rotate(45deg)}.modal__close:after{transform:translate(-50%,-50%) rotate(-45deg)}