.modal-overlay{z-index:99;z-index:99999;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;transition:all .8s cubic-bezier(.075,.82,.165,1);display:flex;position:fixed;bottom:-100%;left:0;overflow:hidden}.modal-overlay.modal-overlay-active{bottom:0}.modal-overlay.modal-overlay-active .close-icon{box-shadow:0 0 32px #e4c98640}.modal-wrapper{width:100%;height:100%;overflow:hidden}.modal-container{flex-direction:column;height:100%;display:flex}.modal-container header{padding:var(--padding);background-color:var(--dark-color);border-bottom:1px solid #3b3b3b;justify-content:space-between;align-items:center;display:flex}.modal-content{padding:var(--padding);-webkit-backdrop-filter:blur(1.5rem);backdrop-filter:blur(1.5rem);background-color:#000000b3;flex-direction:column;gap:1rem;height:100%;display:flex;overflow:auto}.close-icon{z-index:10;aspect-ratio:1;background:0 0;border:1px dashed #b19c67;border-radius:50%;place-content:center;padding:1rem;transition:all .8s ease-in-out;display:grid}@media screen and (min-width:748px){.modal-overlay{opacity:0;visibility:hidden;background:#000c;bottom:0}.modal-overlay.modal-overlay-active{opacity:1;visibility:visible}.modal-wrapper{padding:4rem}.modal-container{border-radius:2rem 2rem 0;max-width:780px;max-height:600px;overflow:hidden;box-shadow:0 4px 12px #e4c98626}.modal-wrapper{justify-content:center;align-items:center;display:flex}}@media screen and (min-width:1440px){.modal-container{height:95%;max-height:900px}}