.wrapper-modal{width:100%;height:100vh;background-color:var(--modal-overlay-color);position:fixed;top:0;left:0;z-index:15;display:flex;align-items:center;justify-content:center}.modal{width:90%;max-width:768px;max-height:80vh;height:auto;display:flex;flex-direction:column;background-color:var(--neutral-color-100);border-radius:8px;box-shadow:var(--modal-shadow);padding:2rem;position:relative}.modal-full-screen{width:98%;max-width:min(98%,1200px);height:96vh;max-height:96vh}@media (min-width:768px){.modal-full-screen{interpolate-size:allow-keywords;transition:width .2s ease,max-width .2s ease,height .2s ease,max-height .2s ease}.modal-full-screen.modal-compact-desktop{width:90%;max-width:768px;height:auto;max-height:80vh}}@media (prefers-reduced-motion:reduce){.modal-full-screen{transition:none}}.modal:focus{outline:none}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-shrink:0}.modal-content{overflow-y:auto;overflow-x:hidden;flex:1 1 auto;min-height:0;scrollbar-width:thin;scrollbar-color:transparent transparent}.modal-content:hover{scrollbar-color:var(--neutral-color-400) transparent}.modal-footer{display:flex;margin-top:1.5rem;flex-shrink:0}.modal-footer.footer-sides{justify-content:space-between}.modal-footer.footer-left{gap:.5rem;justify-content:flex-start}.modal-footer.footer-right{gap:.5rem;justify-content:flex-end}.modal-footer.footer-center{justify-content:center}.modal-header h2{font-size:16px;letter-spacing:1px;margin:0;text-transform:uppercase}@media (max-width:767px){.modal-header h2{font-size:14px}}.close-modal-button{width:32px;height:32px;background-color:var(--neutral-color-100);border:none;border-radius:6px;cursor:pointer;font-size:14px;position:absolute;top:1.5rem;right:1.5rem}@media (max-width:767px){.modal{padding:1.5rem 1rem}.close-modal-button{top:1rem;right:.7rem}.modal-content{scrollbar-width:none}.modal-content::-webkit-scrollbar{display:none}}.close-modal-button:after,.close-modal-button:before{width:2px;height:18px;background-color:black;content:"";position:absolute;top:50%;left:50%}.close-modal-button:after{transform:translate(-50%,-50%) rotate(45deg)}.close-modal-button:before{transform:translate(-50%,-50%) rotate(-45deg)}.close-modal-button:hover{background-color:var(--neutral-color-50);border-color:var(--neutral-color-900)}