.modal{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.modal .modal-content{position:relative}.modal .modal-content:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(6px)brightness(1.15);backdrop-filter:blur(6px)brightness(1.15);border-radius:10px;position:absolute;inset:0}.modal .modal-content{border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-width:500px;max-width:90%;max-height:90%;padding:8px;display:flex;position:relative;box-shadow:0 0 10px #00000080}@media (max-width:768px){.modal .modal-content{width:100%;min-width:0;padding:16px}}.modal .modal-content .modal-close{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative;top:0;right:-40px;position:absolute!important}.modal .modal-content .modal-close:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(2px);will-change:backdrop-filter;background:#fff3;border-radius:5px;position:absolute;inset:0}.modal .modal-content .modal-close{cursor:pointer;color:#fff;font-size:16px;font-weight:700}@media (max-width:768px){.modal .modal-content .modal-close{top:-40px;right:0}}