:root{--animation-duration:0.25s;--modal-transform-start:translate(-200%,50%);--modal-transform-end:translate(-50%,-50%)}.modal-header{display:flex;align-items:center;justify-content:space-between}.modalOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:opacity var(--animation-duration) ease-in-out;z-index:9999999998}.modalOverlay.show{opacity:1;visibility:visible}.modalContent{padding:20px;width:fit-content;max-width:600px;min-width:300px;position:fixed;top:50%;left:50%;transform:var(--modal-transform-start);background:var(--color-white);border-radius:var(--border-radius-big);box-shadow:var(--shadow-medium);opacity:0;transition:opacity var(--animation-duration) ease-in-out,transform var(--animation-duration) ease-in-out;z-index:9999999999}.modalContent.show{transform:var(--modal-transform-end);opacity:1}.closeButton{background:transparent;border:none;font-size:16px;cursor:pointer;padding:4px 8px;border-radius:var(--border-radius-small);transition:background .3s ease}.closeButton:hover{background-color:var(--color-secondary)}@media (max-width:768px){.modalContent{min-width:360px}.modalContent .modal-buttons-panel{flex-direction:column}}@media (max-width:400px){.modalContent{min-width:300px}}@media (max-width:360px){.modalContent{min-width:240px}}