body{background-color:#f5f5f5;font-family:Roboto,sans-serif;height:100vh;overflow:hidden;padding:0;width:100vw}.board{background-color:#f5f5f5;flex-direction:column;height:calc(100vh - 400px);left:0;left:220px;overflow-y:scroll;position:relative;top:0;width:calc(100vw - 220px);z-index:0}.board,.card{align-items:center;display:flex}.card{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px 0 #0003;flex-direction:row;margin:10px;padding:15px 10px;width:1400px}.card span{font-size:1em;font-weight:400;margin:0 10px}.card .date-column{align-items:center;display:flex;justify-content:center;width:180px}.card .videoId-column{display:flex;margin:0 5px;width:150px}.card .title-column{display:flex;flex-wrap:wrap;margin-left:10px;text-align:left;width:700px}.members{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:first baseline;margin:0 20px;width:250px}.members span{border-radius:20px;color:snow;font-size:12px;font-weight:400;font-weight:700;margin:2px 3px;padding:3px 10px}.subtitle{flex-wrap:wrap;justify-content:first baseline;width:300px}#langCode-chip,.subtitle{display:flex;flex-direction:row}#langCode-chip{align-items:center;background-color:#0003;border-radius:20px;font-size:12px;font-weight:400;font-weight:700;margin:2px 5px;padding:5px 14px;position:relative;width:30px}.lang-close-icon{background-color:#f5f5f5;border-radius:50%;color:tomato;cursor:pointer;height:18px!important;position:absolute;right:5px;width:18px!important}.video-title-link{color:inherit;text-decoration:none}.video-title-link:visited{color:inherit}.drop-file-container{align-items:center;bottom:50px;display:flex;flex-direction:row;height:200px;justify-content:center;left:220px;position:fixed;width:calc(100vw - 220px)}.upload-icon{color:#00000080;height:100px;width:100px}.dropzone{align-items:center;background-color:#f0f0f0;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;min-width:300px;text-align:center;width:300px}.dropzone span{color:#000c;font-size:1.2em;font-weight:700;padding:20px}.dropzone:hover{background-color:#cfd6eb}.file-list{background-color:#f0f0f0;height:100%;justify-content:flex-start;max-width:800px;min-width:500px;width:calc(100vw - 600px)}.file-list,.file-list span{align-items:center;display:flex;flex-direction:column}.file-list span{color:#000c;font-size:12px;font-weight:700;justify-content:center;padding:20px}.file-list ul{height:85%;list-style-type:none;overflow-y:scroll;padding:0;width:100%}.file-list ul li{align-items:center;background-color:#fff;border-radius:5px;box-shadow:0 4px 8px 0 #0003;display:flex;justify-content:space-between;margin:5px;padding:10px;width:95%}.file-list ul li:first-child{margin-top:0}.drop-file-container button{background-color:#4169e1;border:none;bottom:0;color:#fff;cursor:pointer;font-size:1em;font-weight:700;max-width:800px;min-width:500px;padding:10px;position:absolute;width:calc(100vw - 600px)}.drop-file-container button:disabled{background-color:gray;cursor:not-allowed}.profile{margin-right:100px;z-index:10}.profile,.profile-name{align-items:center;display:flex;flex-direction:row;justify-content:center}.profile-name{cursor:pointer}.profile-name span{font-size:1em;font-weight:400;margin-left:10px;padding:10px}.menu{background-color:#f5f5f5;border-radius:10px;box-shadow:0 4px 8px 0 #0003;padding:10px;position:absolute;right:50;top:4em;width:120px;z-index:10}.menu,.menu ul{align-items:center;display:flex;flex-direction:column}.menu ul{justify-content:center;list-style-type:none;margin:0;padding:0;width:100%}.menu ul li{cursor:pointer;padding:10px}.menu ul li:hover{background-color:#d3d3d3;border-radius:5px;flex-direction:column;padding:10px;width:90%}.menu ul li:hover,.search-bar{align-items:center;display:flex;justify-content:center}.search-bar{background-color:#4169e1;border-radius:20px;height:25px;margin-right:50px;padding:10px 0 10px 10px;top:0;width:400px}.search-bar input{background-color:initial;border:none;color:#fff;float:left;font-size:1em;width:80%}.search-bar input:focus{outline:none}.search-bar input::placeholder{color:#f5f5f5;font-weight:700}.search-bar button{background-color:initial;border:none;color:#fff;cursor:pointer;font-size:1em}.search-bar button:focus{outline:none}.search-icon{color:#fff;height:10px;position:relative;width:10px}.sidebar{background-color:#4169e1;float:left;height:100vh;left:0;position:fixed;top:0;width:220px;z-index:100}.sidebar,.sidebar ul{align-items:center;display:flex;flex-direction:column}.sidebar ul{list-style-type:none;padding:0;text-align:center;width:70%}.dashboard-header{flex-direction:column;height:150px;justify-content:center;left:220px;min-width:1400px;position:relative;width:calc(100vw - 220px)}.container,.dashboard-header{align-items:center;display:flex}.container{flex-direction:row;justify-content:flex-end;margin:0 50px 20px;padding:10px;width:100%}.container h2{font-size:1.8em;left:0;margin:0 100px;padding:0;position:absolute}.board-header{background-color:#f0f0f0;border-radius:10px;box-shadow:0 4px 8px 0 #0003;display:flex;flex-direction:row;font-weight:700;min-width:1400px;padding:10px;width:1400px}.board-header .date-column{align-items:center;display:flex;justify-content:center;margin:0 5px;width:150px}.board-header .videoId-column{align-items:center;display:flex;justify-content:center;margin:0 20px;width:100px}.board-header .title-column{display:flex;justify-content:center;margin:0 5px;width:600px}.board-header .members-column{align-items:center;display:flex;justify-content:center;width:200px}.board-header .subtitle-column{display:flex;justify-content:center;width:300px}.feedback-header{align-items:center;display:flex;flex-direction:column;height:150px;justify-content:center;left:220px;min-width:1400px;position:relative;width:calc(100vw - 220px)}.feedback-container{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;margin:0 50px 20px;padding:10px;width:100%}.feedback-container h2{font-size:1.8em;left:0;margin:0 100px;padding:0;position:absolute}.feedback-column-header{background-color:#f0f0f0;border-radius:10px;box-shadow:0 4px 8px 0 #0003;display:flex;flex-direction:row;font-weight:700;min-width:1400px;padding:10px;position:relative;width:1400px}.feedback-column-header .timestamp-column{align-items:center;display:flex;justify-content:center;margin-left:40px;width:200px}.feedback-column-header .videoId-column{align-items:center;display:flex;justify-content:center;width:150px}.feedback-column-header .date-column{align-items:center;display:flex;justify-content:center;width:120px}.feedback-column-header .title-column{align-items:center;display:flex;justify-content:center;width:300px}.feedback-column-header .timecode-column{align-items:center;display:flex;justify-content:center;width:80px}.feedback-column-header .message-column{align-items:center;display:flex;justify-content:center;width:490px}.feedbacks{background-color:#f5f5f5;flex-direction:column;height:calc(100vh - 200px);left:220px;min-width:1400px;overflow-y:scroll;position:relative;width:calc(100vw - 220px);z-index:0}.feedback,.feedbacks{align-items:center;display:flex}.feedback{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px 0 #0003;flex-direction:row;height:-webkit-max-content;height:max-content;margin:10px;min-height:48px;padding:15px 10px;width:1400px}.feedback span{font-size:1em;margin:0 10px}.feedback .timestamp-column{align-items:center;display:flex;justify-content:center;width:200px}.feedback .videoId-column{display:flex;width:150px}.feedback .date-column{align-items:center;display:flex;justify-content:center;width:120px}.feedback .title-column{align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:300px}.feedback .timecode-column{display:flex;justify-content:center;width:80px}.feedback .message-column{display:flex;flex-wrap:wrap;margin-left:10px;width:480px}.login{width:100vw}.login,.setting{align-items:center;display:flex;height:100vh;justify-content:center;position:fixed}.setting{background-color:#f5f5f5;flex-direction:column;left:220px;width:calc(100vw - 220px)}#setting-header{left:220px;margin-left:50px;position:fixed;top:0}.setting-container{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px 0 #0003;display:flex;flex-direction:row;height:220px;justify-content:center;padding:20px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.avatar{cursor:pointer;height:200px!important;left:0;margin:10px;top:0;width:200px!important}#setting-profile{align-items:first baseline;display:inline-block;flex-direction:column;font-size:large;justify-content:first baseline;padding:0 20px}#setting-profile h1{margin:0}#setting-button{background-color:#4169e1;border:none;border-radius:10px;bottom:0;color:#fff;cursor:pointer;margin:20px;padding:10px;position:absolute;right:0}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}
/*# sourceMappingURL=main.e8be8447.css.map*/