body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--appBackground:#f4f4f4;--line:#d8d8d8;--darkerGray:#ececec;--green:#238700;--textGray:#484848;--red:#ea6c6c}input:focus{outline:none}.App{width:100vw}*{font-family:"Roboto",sans-serif}a{display:block;color:inherit;text-decoration:none}body,p{margin:0}body{background-color:#f4f4f4;background-color:var(--appBackground);padding-bottom:70px}.contents-wrapper{max-width:1000px;margin:0 auto;padding:0 20px}.page-container{margin-top:80px;padding:15px 0}.page-section{margin:30px 0}.element-container{padding:20px}.home-header{margin-bottom:17px}.home-sub-header{margin-bottom:15px}.header-title{font-size:22px;font-weight:700}.header-sub-title{font-size:18px;font-weight:700}.button{margin:12px 0;width:100%;text-align:center;padding:15px 0;border-radius:5px;font-weight:700;font-size:14px;cursor:pointer}.button-black{background-color:#000;color:#fff}.button-skelton{background-color:transparent;color:#000;border:1px solid #000}.default-input{width:calc(100% - 20px);padding:10px;border:none;background-color:#fff;border-radius:5px}@media only screen and (min-width:800px){.flex-wrapper{display:flex}.flex-item:first-child{margin-right:50px;width:40%}.home-today-section{width:60%}}.home-refresh-container{padding:10px 0;background-color:var(--darkerGray);text-align:center}.home-refresh-container span{font-weight:700;font-size:14px}.home-time-container{background-color:#fff;border-radius:20px;margin-top:13px}.home-time-contents{display:flex;align-items:center;justify-content:space-between}.home-time-contents p{font-weight:700}.home-time-day-of-week{font-size:22px}.home-time-month-year{font-size:18px}.home-time-time{font-size:48px}.home-header-message{justify-content:space-between}.home-header-message,.home-header-message-buttons{display:flex;align-items:center}.home-header-message-delete-button{margin-right:20px}.home-header-message-delete-button span{font-weight:700;color:var(--line);font-size:14px}.home-header-message-save-button{padding:6px 18px;border:1px solid #000;border-radius:3px}.home-header-message-save-button span{font-size:14px;font-weight:700;margin-bottom:17px}.home-message-content-input{width:calc(100% - 40px);border:none;border-radius:20px;font-size:14px;line-height:22px;resize:none;min-height:80px}.home-friend-status-section{margin-top:30px;padding:20px;border:1px solid var(--line);border-radius:10px}.home-friend-status-name,.home-friend-status-no-commitment-message{font-size:14px;color:var(--line);font-weight:700}.home-friend-status-status{font-size:14px;color:#979797;font-weight:700}.home-friend-status-completion,.home-friend-status-time{font-size:14px;color:var(--line)}.home-friend-status-comment-description{color:var(--line);font-size:12px;font-weight:700;margin-top:5px}.home-friend-status-comment{margin-top:10px;background-color:#f9f9f9;border-radius:5px;padding:10px;border:1px solid var(--line);font-size:14px;color:var(--textGray)}.home-status-content{display:flex;align-items:center;justify-content:space-between}.home-status-button{position:relative;width:73px;height:73px;border-radius:27px}.home-status-button-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-status-texts{margin-top:7px;text-align:center}.home-status-text-name{font-size:14px;font-weight:700}.home-status-text-time{font-size:12px}.home-status-section-gray .home-status-button{border:1px solid var(--line)}.home-status-section-gray .home-status-texts{color:var(--line)}.home-status-section-black .home-status-button{border:1px solid #000;background-color:#000}.home-status-section-black .home-status-texts{color:#000}.home-today-content{background-color:#fff;border-radius:20px}.home-today-content-top{display:flex;align-items:center;background-color:#fff;border-radius:20px 20px 0 0}.home-today-content-line{height:30px;width:1px;background-color:var(--line);margin:0 30px 0 auto}.line{width:100%;height:1px;background-color:var(--line)}.home-today-content-bottom{background-color:#fff;border-radius:0 0 20px 20px}.home-today-task-section{display:flex;align-items:center}.home-today-task-number{font-weight:700;font-size:32px}.home-today-task-text{margin-left:12px;font-weight:700;font-size:14px}.home-today-task-delay{box-sizing:border-box;width:100%;margin-top:10px;font-weight:700;padding:5px 10px;border-radius:5px;font-size:12px}.home-today-task-delay.good{border:3px solid #78d29a;color:#78d29a}.home-today-task-delay.bad{border:3px solid #d27878;color:#d27878}.home-today-task-delay span{display:block}.home-today-task-delay-number{font-size:22px}.home-today-task-delay-message{display:block;margin-top:3px;font-weight:700;font-size:12px;color:var(--textGray)}.home-today-hours-text{font-size:14px;font-weight:700}.home-today-hours-row{display:flex;align-items:baseline}.home-today-hours-current{font-weight:700;font-size:32px}.home-today-hours-remainig{font-size:14px;font-weight:700;margin-left:10px}.home-todya-hours-percent{margin-top:5px;font-weight:700;color:var(--textGray)}.home-today-view-button{margin-top:20px}.home-today-empty-mesage-wrapper{color:var(--line);margin-top:10px;text-align:center}.home-status-content-center{text-align:center}.home-status-message{font-size:14px;color:var(--line);text-align:center}.app-header-container{position:fixed;top:0;z-index:999;width:100%;background-color:#fff;padding-top:10px;padding-bottom:12px;border-bottom:.5px solid var(--line)}.app-header-contents{display:flex;justify-content:space-between;align-items:baseline}.app-header-app-name{font-weight:700}.app-header-app-name-main{font-size:24px}.app-header-app-name-sub{margin-left:10px;font-size:12px}.app-header-buttons{display:flex;align-items:center}.app-header-icon-user{width:30px;height:30px}.app-header-icon-home{margin-left:10px;width:35px;height:35px}.create-commitment-workinghours-text{font-size:18px;font-weight:700}.create-commitment-workinghours-number-section{margin-top:12px;display:flex;align-items:baseline}.create-commitment-workinghours-number{border:none;width:100px;padding:10px;font-size:42px;font-weight:700;border-radius:15px;text-align:center}.create-commitment-workinghours-number-text{font-size:18px;font-weight:700;margin-left:16px}.create-commitment-notion-description{width:calc(100% - 40px);background-color:#fff;border-radius:5px;display:flex;align-items:center;padding:20px}.create-commitment-notion-description-text{margin-left:20px;font-size:16px;color:#979797}.create-commitment-tasks-header-section{display:flex;align-items:baseline}.create-commitment-tasks-sub-header{margin-left:10px;font-size:12px;font-weight:700;color:var(--line)}.create-commitment-task-card{margin:12px 0;background-color:#fff;border-radius:5px;display:flex;align-items:center}.create-commitment-task-card-line{height:40px;width:.5px;background-color:var(--line);margin:0 20px}.create-commitment-task-card-title{width:70%;font-size:12px;font-weight:700}.create-commitment-task-card-status{width:30%;text-align:center}.create-commitment-task-card-status-green{color:var(--green)}.create-commitment-task-card-gray{color:var(--line)}.create-commitment-task-card-status-text{font-size:12px;font-weight:700}.create-commitment-save-section{text-align:center}.create-commitment-save-description{display:block;margin:20px 0;color:var(--line)}.login-form{margin:30px 0}.login-form-title{margin-bottom:9px}.login-form-input,.login-form-title{display:block;font-size:14px;font-weight:700}.login-form-input{border:none;border-radius:5px;width:calc(100% - 20px);padding:10px;color:var(--textGray)}.login-buttons-section{margin-top:50px}.login-switch-section{text-align:center;margin-top:25px;color:var(--line);font-size:16px}.login-switch-button{margin-top:5px;text-decoration:underline}.signup-form-name input{border:2px solid #000}.signup-error-section{margin:0 auto;text-align:center;width:80%}.signup-error-message{color:var(--red);font-size:14px;font-weight:700}.user-setting-section{margin:30px 0}.user-setting-form{margin:15px 0}.user-setting-form-label{display:block;font-weight:700;font-size:14px}.user-setting-form-lable-small{font-size:10px;color:var(--line)}.user-setting-input{margin-top:10px}
/*# sourceMappingURL=main.d3a0cd07.chunk.css.map */