.modal{position:fixed;top:0;left:0;z-index:-10;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;cursor:pointer;opacity:0;visibility:hidden;transition:all 0.3s ease-in-out;}.modal.active{visibility:visible;z-index:1050;opacity:1;}.modal-overlay{position:absolute;z-index:10;height:100%;width:100%;display:flex;align-items:center;justify-content:center;background-color:#00000020;}.modal-overlay-inner{display:flex;flex-direction:column;align-items:center;height:100%;width:100%;background-color:#00000020;}.modal-body{position:relative;height:100%;width:100%;cursor:default;}.close-btn{position:absolute;right:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;height:4rem;width:4rem;cursor:pointer;border-radius:9999px;font-size:1.875rem;color:#64748b;transition:all 0.2s linear;}.close-btn:hover{color:#ef4444;}@media (prefers-color-scheme:dark){.close-btn:hover{color:#ef4444;}}.h-full{height:100%;}.w-full{width:100%;}.z-20{z-index:20;}.relative{position:relative;}.bg-center{background-position:center;}.bg-no-repeat{background-repeat:no-repeat;}