.modal-popup{background:#fff;border-radius:8px;box-shadow:0 8px 16px rgba(0,0,0,.25);display:flex;flex-direction:column;gap:16px;left:50%;max-height:90%;overflow-y:auto;padding:32px;position:fixed;top:50%;transform:translate(-50%,-50%);transition:all .8s ease-in-out;z-index:15}.modal-popup.hidden{top:150%}.modal-background{background-color:var(--grey-3);display:block;height:max(100%,100vh);left:0;opacity:.5;position:fixed;top:0;width:max(100%,100vw);z-index:14}.modal-background.hidden{display:none}.modal-close-x{cursor:pointer;position:absolute;right:16px;top:16px}.modal-page-buttons-wrap{display:flex}.modal-page-button{border:1px solid var(--grey-5);border-radius:0;flex:1;font-weight:400!important;justify-content:center}.modal-page-button.first{border-radius:8px 0 0 8px}.modal-page-button.last{border-radius:0 8px 8px 0}.modal-page-button.selected{background-color:var(--kumo-green-20);border-color:var(--kumo-green);font-weight:700!important}.modal-page-button:hover{font-weight:700!important}.modal-page-body{display:none}.modal-page-body.visible{display:block}.modal-close-button{margin-left:auto}