.ModalWithAvatar_modal__jewm7{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);justify-content:center;align-items:flex-start;padding-top:5%;z-index:1300}.ModalWithAvatar_modalContent__eixKo{padding:20px;border-radius:8px;width:400px;text-align:center;position:relative}.ModalWithAvatar_avatar__9qizJ{width:86px;height:86px;border-radius:50%;position:absolute;top:-43px;left:50%;transform:translateX(-50%)}.ModalWithAvatar_modalHeader__KdAb2{padding:10px}.ModalWithAvatar_modalHeader__KdAb2 h2{margin:20px 0 10px}.ModalWithAvatar_closeButton__N_Smp{position:absolute;top:10px;right:10px;font-size:24px;background:none;border:none;cursor:pointer}.ModalWithAvatar_modalBody__khS5V{margin:0}.ModalWithAvatar_timeCard__xbufo{display:flex;justify-content:center;align-items:center;gap:5px}.ModalWithAvatar_timeSection__JE2z9{text-align:center;display:flex;flex-direction:column}.ModalWithAvatar_timeonly__4mFPb{font-weight:800;font-size:2rem}.ModalWithAvatar_checkOutButton__T_BMp{background-color:#f44336}.ModalWithAvatar_checkInButton__zmG1r,.ModalWithAvatar_checkOutButton__T_BMp{padding:10px 20px;font-size:16px;color:#fff;margin-top:15px;border:none;border-radius:4px;cursor:pointer}.ModalWithAvatar_checkInButton__zmG1r{background-color:#369a3b}.ModalWithAvatar_checkOutButton__T_BMp:hover{background-color:#d32f2f}