.modal-enter-active,.modal-leave-active{transition:all var(--44dd8dfc) ease}.modal-enter-from,.modal-leave-to{opacity:0}.modal-bg{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;opacity:0;position:fixed;transition:opacity var(--44dd8dfc) ease-in-out;z-index:99}.modal-bg.open{animation:open var(--44dd8dfc) ease-in-out;opacity:1}.modal-bg.close{animation:close var(--44dd8dfc) ease-in-out;opacity:0}@keyframes open{0%{opacity:0}to{opacity:1}}@keyframes close{0%{opacity:1}to{opacity:0}}.modal-bg .modal{background-color:#121316;border:1px solid #1e2023;border-radius:10px;display:flex;flex-direction:column;gap:var(--12878a6a);max-height:var(--3a20813a);max-width:var(--d6eb6fec);padding:var(--fed1e474);width:100%}.modal-bg .modal .headline{align-items:center;display:flex;justify-content:center;padding-bottom:0}.modal-bg .modal .headline .text{color:#b3b3b3;flex-grow:1;font-size:1.2rem;line-height:1.5rem;text-align:center}.modal-bg .modal .headline .close-button{align-items:center;background-color:#1e2023;border-radius:50%;cursor:pointer;display:flex;height:30px;justify-content:center;padding:5px;width:30px}.modal-bg .modal .headline .close-button svg{color:#b3b3b3;height:18px;width:18px}.modal-bg .modal .headline .close-button:hover{background-color:#2a2c30}.modal-bg .modal .description{color:#b3b3b3;font-size:.875rem}.modal-bg .modal .modal-buttons{display:flex;gap:5px}