body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{height:10000%;height:calc(var(--vh, 1vh)*100);margin:auto;max-height:100vh;max-width:1200px;text-align:center;width:100%}.App,.main,.planner{overflow:hidden}.planner{height:10000%;height:calc(var(--vh, 1vh)*100);max-height:100vh;position:relative;width:100%}:root{--vh:100%}.time-td,.time-th{min-width:32px;width:14%}.time-table{border:1px solid #ddd;border-collapse:collapse;border-spacing:0;height:calc(100vh - 130px);width:100%}.time-button{height:100px;left:0;position:relative;width:100px}.week-th{min-width:32px;width:14%}.week-tr{display:flex;font-weight:700;height:24px;line-height:24px;margin:0}.week-th,.week-tr{font-size:18px;padding:0;text-align:center;width:100%}.week-th{border-bottom:1px solid #000;height:36px;line-height:36px}.week-tbody{height:100%;overflow-y:hidden;width:100%;z-index:10}.week-scroll{display:flex;height:100%}.week-td{height:100%;min-width:200px;padding:0;text-align:center;width:14.28571%}.week-p{font-size:16px;line-height:24px;margin-top:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.week-header{border-bottom:1px solid #ddd;display:flex;font-size:20px;height:50px;justify-content:center;line-height:50px;width:100%}.week-table{border-collapse:collapse;border-spacing:0;height:calc(100vh - 104px);overflow:scroll;padding:4px 0;width:100%}.week-drag{margin:auto;max-width:80%}.week-drop,.week-drop-background{height:100%;overflow-y:scroll;width:100%}.week-drop-background{background-color:#c8fac880}.week-drop-background::-webkit-scrollbar,.week-drop::-webkit-scrollbar{display:none}.week-table::-webkit-scrollbar{display:none}.week-title{display:inline-block;width:240px}.week-left{margin:11px}.week-left,.week-right{display:inline-block;height:28px;width:28px}.week-right{margin:11px 4px}.month-div{min-height:10px;width:100%}.month-div,.month-td{margin-left:1%;text-align:left}.month-td{font-size:18px;line-height:24px;min-height:24px;width:96%}.month-p{margin:6px 4px 6px 0}.month-p,.year-th{line-height:24px;text-align:left}.year-th{border-bottom:1px solid #000;font-size:18px;font-weight:700;height:24px;margin-top:8px;width:100%}.year-div,.year-td{text-align:center;width:100%}.year-td{display:inline-block;font-size:18px;height:48px;line-height:48px;max-width:180px}.day-th,.day-th-underline{font-size:18px;font-weight:700;height:24px;line-height:18px;margin-top:8px;text-align:left;width:100%}.day-th-underline{border-bottom:1px solid #ddd}.day-div{margin-left:1%;min-height:10px;padding-bottom:200px;text-align:left;width:100%}.day-td{font-size:18px;margin-left:1%;min-height:24px;width:96%}.day-p,.day-td{line-height:24px}.day-p{margin:6px 4px 6px 0}.day-table{border-collapse:collapse;border-spacing:0;height:calc(100% - 51px);margin-left:1%;overflow-x:hidden;overflow-y:scroll;width:100%}.day-table::-webkit-scrollbar{display:none}.day-bell{font-size:22px;line-height:24px;vertical-align:bottom}.task-div{background-color:#fff;border:1px solid #000;border-radius:10px;height:500px;left:0;margin:auto;max-height:80vh;max-width:600px;min-width:100px;position:absolute;right:0;top:max(50px,calc(50% - 250px));width:80%}.task-title{border:none;font-size:24px;height:48px;line-height:48px;margin:0;text-align:center;width:calc(100% - 120px)}.task-bell{margin:13px 0;right:36px}.task-bell,.task-close{font-size:24px;height:24px;position:absolute;text-align:center;top:0;width:24px}.task-close{margin:13px 4px;right:0}.task-list-div{height:280px;width:100%}.task-list{box-sizing:border-box;padding:0 4px;text-align:left}.task-list,.task-time{border-bottom:1px solid #ddd;display:flex;font-size:16px;height:40px;line-height:40px;margin:0 auto;max-width:550px;width:96%}.task-time{text-align:center}.task-list-title{display:inline-block;width:calc(100% - 60px)}.task-icon{height:30px;margin:5px 0;width:30px}.task-icon,.task-list-option-div{display:inline-block;text-align:center}.task-list-button,.task-list-option-div{height:40px;width:60px}.task-list-button{box-sizing:border-box;display:inline-block;padding:10px 20px;text-align:center}.task-detail-day{height:40px;line-height:40px;text-align:center;width:14.28571%}.task-detail{border-bottom:1px solid #ddd;display:flex;font-size:16px;height:40px;line-height:24px;margin:0 auto;max-width:550px;overflow-x:scroll;text-align:left;width:96%}.task-detail-input{border:none;height:38px;text-align:center;width:40px}.task-input{border:none;border-bottom:1px solid #ddd;box-sizing:border-box;display:block;font-family:Raleway,sans-serif;font-size:18px;height:84px;line-height:28px;margin:4px auto;max-height:84px;max-width:550px;min-height:48px;padding:4px 10px;resize:none;width:96%}.task-input::-webkit-scrollbar{display:none}.task-trash{bottom:0;font-size:24px;height:40px;margin:4px;position:absolute;right:80px;text-align:right;width:100px}.task-option-div{height:50px;margin:auto;text-align:right;width:calc(100% - 10px)}.task-option{height:50px;margin:0 4px}.task-level,.task-option{display:inline-block;font-size:28px;line-height:30px;text-align:center;width:40px}.task-level{margin:4px;right:40px}.task-checkbox,.task-level{bottom:0;height:40px;position:absolute}.task-checkbox{display:inline-block;font-size:24px;line-height:30px;margin:2px 4px;right:0;text-align:center;width:40px}.task-component{height:100%;width:100%}.task-number-scroll{display:inline-block;height:40px}.task-time-div{text-align:left;width:calc(100% - 40px)}.task-daybox,.task-time-div{border:none;display:inline-block;font-size:16px;height:40px;line-height:40px;margin:0;padding:0}.task-daybox{text-align:center;width:40px}.task-number-scroll::-webkit-scrollbar{display:none}.task-number-scroll-element{border:none;font-size:16px;height:38px;margin:0;padding:0;text-align:center;width:100%}.task-detail-element,.task-detail-element-color{border:1px solid #ddd;border-radius:12px;display:inline-block;flex:0 0 auto;font-size:16px;height:24px;line-height:24px;margin:7px 4px;max-width:100px;min-width:60px;overflow:hidden;padding:0 10px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.task-detail-element-color{background-color:#e2e2ee}.task-color-button{border:1px solid #ddd;border-radius:15px;margin:4px}.task-color-button,.task-color-button-selected{display:inline-block;flex:0 0 auto;font-size:16px;height:30px;line-height:24px;overflow:hidden;padding:0;text-align:center;width:30px}.task-color-button-selected{border:2px solid #222;border-radius:15px;margin:3px 4px}.task-detail::-webkit-scrollbar{display:none}.task-selected{background-color:#e2e2ee}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.plan-header{box-sizing:border-box;display:flex;font-size:20px;height:48px;justify-content:center;line-height:48px;margin:40px auto 30px;width:90%}.plan-input{border:1px solid #ddd;box-sizing:border-box;max-width:calc(100% - 48px);min-height:48px;padding:4px 10px;width:90%}.plan-button,.plan-input{border-radius:48px;display:inline-block;height:48px}.plan-button{background-color:#fff;border:1px solid #ddd;font-size:22px;line-height:52px;margin:0 8px;width:48px}.plan-table{border-collapse:collapse;border-spacing:0;height:calc(100vh - 193px);margin:0 auto;max-width:98%;overflow:scroll;text-align:center;width:calc(100% - 20px)}.plan-table::-webkit-scrollbar{display:none}.plan-card{background-image:url(https://www.w3schools.com/w3images/forestbridge.jpg);border:1px solid #ddd;border-radius:10px;display:inline-block;height:200px;margin:10px;max-width:400px;min-width:280px;overflow:hidden}@media (min-width:1111px){.plan-card{max-width:340px;width:100%}}@media (max-width:1110px){.plan-card{width:calc(50% - 30px)}}@media (max-width:680px){.plan-card{width:calc(100% - 20px)}}.plan-title{background-color:#fff;border-top:1px solid #ddd;bottom:0;font-size:20px;height:72px;line-height:36px;margin-top:127px;padding:0 10px;text-align:left;width:calc(100% - 20px)}.plan-text{height:36px;margin:0;overflow:hidden;text-overflow:ellipsis;width:100%}.plan-button-div{height:36px;padding:0;width:100%}.plan-like{border:none;display:flex;height:34px;line-height:10px;margin:0 0 0 calc(100% - 80px);max-width:120px;width:80px}.plan-like,.plan-like-icon{background-color:#fff;font-size:22px}.plan-like-icon{box-sizing:border-box;height:26px;margin:4px 0;padding:3px 0;position:relative;width:26px}.plan-like-text{background-color:#fff;font-size:20px;height:34px;line-height:34px;margin:0;overflow:hidden;position:relative;width:50px}.plan-make{margin:auto;width:90%}.plan-make-header{box-sizing:border-box;display:flex;justify-content:right;padding:4px 4px 0 0;width:100%}.plan-make-header,.plan-make-icon{font-size:20px;height:30px;line-height:30px}.plan-make-icon{background-color:#fff;margin:0;width:30px}.plan-make-task{border:1px solid #ddd;border-radius:10px;height:136px;line-height:36px;margin:16px 0;overflow:hidden}.plan-make-button,.plan-make-task{box-sizing:border-box;font-size:20px;justify-content:center;width:100%}.plan-make-button{display:flex;height:50px;line-height:50px;margin:10px 0}.circle{border:1px solid #ddd;border-radius:30px;box-sizing:border-box;height:44px;padding:7px;width:44px}.small{height:24px;width:24px}.plan-make-task-info{background-color:#fff;bottom:0;height:102px;line-height:36px;padding:0 10px;text-align:left}.plan-make-list-header,.plan-make-task-info{box-sizing:border-box;font-size:20px;width:100%}.plan-make-list-header{display:flex;height:24px;justify-content:right;line-height:24px;padding:4px 4px 0 0}.plan-make-head-title{border:none;border-bottom:1px solid #ddd;box-sizing:border-box;font-size:28px;height:40px;line-height:40px;margin:10px 0;max-width:600px;padding:0 4px;text-align:center;width:100%}.plan-make-input-title{width:100%}.plan-make-input-option,.plan-make-input-title{border:none;border-bottom:1px solid #ddd;box-sizing:border-box;font-size:20px;height:34px;line-height:34px;margin:0;padding:0 4px}.plan-make-input-option{max-width:200px;width:calc(50% - 24px)}.plan-make-submit{background-color:#fff;border:1px solid #ddd;border-radius:5px;box-sizing:border-box;display:flex;font-size:20px;height:50px;justify-content:center;line-height:50px;max-width:240px;width:80%}.footer{bottom:0;display:block;position:absolute;width:100%;z-index:5}.footer-input{background-color:#e2e2ee;border:none;font-size:16px;line-height:48px;margin:15px 0;padding:0 16px;width:calc(100% - 140px)}.footer-input,.submit-button{border-radius:48px;display:inline-block;height:48px}.submit-button{background-color:#ddd;border:none;font-size:18px;line-height:44px;margin:15px 8px;padding:0;width:48px}.button-icon{height:20px;margin:13px 3px 12px 0;width:20px}.form-div{background-color:#fff;display:flex;height:78px;justify-content:center;width:100%}.footer-div{border-bottom:1px solid #ddd;height:50px;min-width:10px;text-align:right}.footer-day{font-size:18px;left:0;line-height:48px;position:absolute;width:140px}.footer-day,.table-button{background-color:#fff;border:1px solid #ddd;border-bottom:none;height:50px;margin:0}.table-button{font-size:22px;line-height:54px;width:20%}.suggest-div{animation:fadeInUp .4s ease-in-out;background-color:#fff;border-bottom:1px solid #ddd;height:130px;padding-top:10px;text-align:right;width:100%}.suggest-card{background-color:#e2e2ee;border:none;border-radius:36px;height:36px;line-height:36px;margin:auto auto 6px;overflow:hidden;padding:0 10px;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 50px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(140px)}to{opacity:1;transform:translate(0)}}.profile-google-button{align-items:center;background-color:#4285f4;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;justify-content:center;margin:20px auto;max-width:340px;text-align:center;width:80%}.profile-google-button,.profile-header{display:flex;font-size:20px;height:50px}.profile-header{border-top:1px solid #ddd;bottom:51px;line-height:50px;padding:0;position:absolute;text-align:left;width:100%}.profile-user-icon{border-radius:30px;display:inline-block;height:30px;margin:10px;width:30px}.profile-user-text{display:inline-block;margin:0;width:calc(100% - 70px)}.profile-list,.profile-user-text{font-size:20px;height:50px;line-height:50px;text-align:left}.profile-list{border-bottom:1px solid #ddd;display:flex;padding:0 0 0 10px;width:100%}.profile-calender,.profile-div{height:calc(100% - 51px);width:100%}.profile-calender{display:flex;margin:auto;overflow-x:scroll;overflow-y:hidden}.profile-chunk{height:100%;min-width:140px}.profile-sticker-div{border-bottom:1px solid #ddd;height:calc(100% - 49px);line-height:calc(100% - 25px);width:100%}.profile-sticker,.profile-sticker-div{font-size:20px;padding:0;text-align:center}.profile-sticker{height:40px;line-height:40px;width:100px}.profile-time{font-size:20px;height:48px;line-height:24px;padding:0;text-align:center;width:100%}.profile-sticker-list-div{background-color:#fff;border-top:1px solid #ddd;bottom:51px;height:300px;max-height:25%;position:absolute;width:100%}.profile-sticker-list{box-sizing:border-box;height:calc(100% - 42px);margin:0;overflow-x:hidden;overflow-y:scroll;padding:0 15px;text-align:left;width:100%}.profile-select-button{border:1px solid #ddd;border-radius:5px;display:inline-block;font-size:20px;height:60px;line-height:40px;margin:4px;overflow:hidden;padding:0;width:60px}.profile-sticker-div-button{background-color:#fff;font-size:20px;height:30px;line-height:40px;padding:6px;position:absolute;right:0;top:0;width:30px}.profile-category-div{box-sizing:border-box;display:flex;font-size:20px;height:42px;line-height:42px;overflow-x:scroll;overflow-y:hidden;padding:0 36px 0 6px;text-align:left;width:100%}.profile-category-div::-webkit-scrollbar{display:none}.profile-category-button,.profile-category-button-selected{background-color:#fff;font-size:20px;height:24px;line-height:40px;margin:9px 10px;min-width:24px;padding:0}.profile-category-button-selected{color:#42ddb4}.profile-time-button-div{border:1px solid #ddd;bottom:170px;box-shadow:0 0 10px 0 #ddd;height:80px;line-height:40px;padding:0;position:absolute;right:18px;text-align:center}.profile-time-button,.profile-time-button-div{background-color:#fff;font-size:20px;width:40px}.profile-time-button{border:none;box-sizing:border-box;display:block;height:40px;margin:0;padding:6px}.card{border:1px solid #ddd;border-radius:10px;box-shadow:0 5px 10px 0 #ddd;margin:20px auto}.card,.card-selected{background-image:url(https://www.w3schools.com/w3images/forestbridge.jpg);box-sizing:border-box;display:block;height:200px;max-width:800px;min-width:280px;overflow:hidden;width:100%}.card-selected{border:1px solid #ddd;border-bottom:0;border-top-left-radius:10px;border-top-right-radius:10px;margin:0 auto}.card-title{background-color:#fff;border-top:1px solid #ddd;bottom:0;font-size:20px;height:72px;line-height:36px;margin-top:127px;padding:0 10px;text-align:left;width:calc(100% - 20px)}.card-text{display:flex;height:34px;line-height:34px;margin:0;overflow:hidden;text-overflow:ellipsis;width:100%}.card-text-icon{height:34px;padding:7px 4px;text-align:center;width:28px}.card-text-icon,.card-text-span{box-sizing:border-box;display:inline-block}.card-text-span{height:32px;line-height:32px;overflow:hidden;padding:0 4px 0 0;text-overflow:ellipsis}.card-option{background-color:#fff;border:1px solid #ddd;border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:0 10px 10px 0 #ddd;display:block;margin:0 auto 20px;max-width:800px;min-width:280px;overflow:hidden;padding:4px 8px;text-align:center}.card-button-div,.card-option{box-sizing:border-box;width:100%}.card-button-div{border-top:1px solid #ddd;display:flex;height:48px;margin:10px 0 0;padding:0}.card-option-button{background-color:#fff;border:none;box-sizing:border-box;display:inline-block;font-size:20px;height:48px;line-height:48px;min-width:48px;padding:10px 0;text-align:center;width:33.33333%}@keyframes card-option-appear{0%{height:0;min-height:0}50%{height:220px;min-height:220px}}
/*# sourceMappingURL=main.715e183a.css.map*/