.modalOuter.modal-CancelDateChecker *{box-sizing:border-box}.modalOuter.modal-CancelDateChecker .modal .modalInner h4{color:var(--black,#333);font-family:var(--h4-bold-font-family,inherit);font-size:var(--h4-bold-font-size,1.25rem);font-weight:var(--h4-bold-font-weight,700);line-height:var(--h4-bold-line-height,150%);padding:0 1rem}.modalOuter.modal-CancelDateChecker .modal .modalInner .form{display:flex;flex-direction:column;gap:1.25rem;padding:0 1rem;width:100%}.modalOuter.modal-CancelDateChecker .modal .modalInner .label{color:var(--black,#333);font-family:var(--body-medium-font-family,inherit);font-size:var(--body-medium-font-size,.9375rem);font-weight:var(--body-medium-font-weight,500);margin-bottom:.25rem}.modalOuter.modal-CancelDateChecker .modal .modalInner .error-message{color:var(--red);display:none}.modalOuter.modal-CancelDateChecker .modal .modalInner .ng-message{display:none}.modalOuter.modal-CancelDateChecker .modal .modalInner .button{background:var(--maincolor,#007aff);border:none;border-radius:.5rem;box-shadow:0 2px 8px rgba(0,0,0,.04);color:var(--white,#fff);cursor:pointer;font-family:var(--CTA-black-font-family,inherit);font-size:var(--CTA-black-font-size,1.125rem);font-weight:var(--CTA-black-font-weight,900);letter-spacing:var(--CTA-black-letter-spacing,.0225rem);line-height:var(--CTA-black-line-height,140%);padding:1rem;text-align:center;text-decoration:none;transition:background .2s;user-select:none;width:100%}.modalOuter.modal-CancelDateChecker .modal .modalInner .button:active,.modalOuter.modal-CancelDateChecker .modal .modalInner .button:hover{background:var(--skyblue,#00b8ff)}.modalOuter.modal-CancelDateChecker .modal .modalInner .button *{margin:0;padding:0}.modalOuter.modal-CancelDateChecker .modal .modalInner .button a,.modalOuter.modal-CancelDateChecker .modal .modalInner .button div,.modalOuter.modal-CancelDateChecker .modal .modalInner .button p,.modalOuter.modal-CancelDateChecker .modal .modalInner .button span{color:var(--white,#fff)!important;position:static}.modal-CancelDateChecker .ok-message .button.disabled{opacity:.5;pointer-events:none}@media (max-width:480px){.modalOuter.modal-CancelDateChecker .modal{max-width:95vw;padding:0}.modalOuter.modal-CancelDateChecker .modal .modalInner{padding:2rem .75rem 1.5rem}.modalOuter.modal-CancelDateChecker .modal .modalInner h4{font-size:1.1rem}.modalOuter.modal-CancelDateChecker .modal .modalInner .button{font-size:1rem;padding:.8rem 0}}