:root{--color-gray:#6c757d;--color-lightGray:#ebebeb;--width-container:720px;--btn-box-shadow:0 8px 24px #00000014;--btn-box-shadow-hover:0 8px 24px #0000002e;--btn-border:1px solid lightgrey;--btn-border-radius:10px;--btn-border-padding:8px 10px;--input-box-shadow:0 8px 24px #00000014;--select-border-padding:5px 5px;--header-box-shadow:0 8px 24px #00000017;--header-background-color:gainsboro;--header-height:100px;--title-shadow:3px 3px #00000017;--text-shadow:2px 2px #00000017;--panel-border-radius:15px}body{box-sizing:border-box;width:100%;height:100%;margin:0}button{padding:var(--btn-border-padding);border-radius:var(--btn-border-radius);border:var(--btn-border);box-shadow:var(--btn-box-shadow);background-color:#fff}button:hover{box-shadow:var(--btn-box-shadow-hover)}button:active{background-color:var(--color-lightGray);transform:scale(.96)}.select{padding:var(--select-border-padding);border-radius:var(--btn-border-radius);border:var(--btn-border);box-shadow:var(--btn-box-shadow);background-color:#fff}h1,h2,h3{text-shadow:var(--text-shadow)}.page-container{box-sizing:border-box;height:100vh}.main-dashboard{box-sizing:border-box;padding:0 1.5% 1.5%}#home-title{margin:0 3%}#newBtn{float:right}#newBtn:hover{box-shadow:var(--btn-box-shadow-hover);border-color:#d3d3d3}#project-list{clear:right;grid-template-columns:repeat(5,1fr);row-gap:30px;margin:3% 2%;padding:1%;display:grid;overflow:auto}.project-item{box-sizing:border-box;border:var(--btn-border);width:300px;box-shadow:var(--btn-box-shadow);border-radius:10px;padding:0 12px;transition:all .2s}.project-item:hover{box-shadow:var(--btn-box-shadow-hover);border-color:#d3d3d3}.title-label{font-size:x-large}.date-label{color:var(--color-gray)}.project-delete{float:right;border:none;width:20px;margin-top:18px;display:none}.project-item:hover .project-delete{display:block}#home-header{box-sizing:border-box;height:var(--header-height);background-color:var(--header-background-color);box-shadow:var(--header-box-shadow);flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:20px;padding:1.5% 1.5% 1%;display:flex}#no-projects{text-align:center;color:var(--color-gray)}@media screen and (width<=1549px){#project-list{grid-template-columns:repeat(4,1fr)}}@media screen and (width<=1239px){#project-list{grid-template-columns:repeat(3,1fr)}}.project-delete-on-page{width:20px;transition:transform .2s,opacity .2s}.project-delete-on-page:hover{opacity:.8;transform:scale(1.2)}.logout-button{border:var(--btn-border);box-shadow:var(--btn-box-shadow);border-radius:10px;padding:8px 10px}.logout-button:hover{box-shadow:var(--btn-box-shadow-hover)}.user-container{flex-direction:column;display:flex;position:relative}.user-icon{width:25px}.user-icon-container{box-sizing:border-box;width:40px;height:40px;box-shadow:var(--btn-box-shadow-hover);background-color:#fff;border:1.5px solid #a3a3a3;border-radius:18px;justify-content:center;align-items:center;padding-left:3.5px;display:flex}.user-container:after{content:"";width:180px;height:16px;position:absolute;top:40px;right:0}.user-menu{border:var(--btn-border);min-width:140px;box-shadow:var(--btn-box-shadow);z-index:1000;background-color:#fff;border-radius:12px;align-items:center;padding:8px;display:none;position:absolute;top:48px;right:0}.user-container:hover .user-menu{flex-direction:column;gap:5px;display:flex}.user-menu-item{cursor:pointer;border-bottom:1px solid #f3f3f3;border-radius:8px;padding:10px 12px}.user-menu-item:hover{background-color:#f5f5f5}.logout-item{margin-top:auto;padding-bottom:3px}#panel-container{border-top-left-radius:var(--panel-border-radius);border-top-right-radius:var(--panel-border-radius);flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow:hidden}.tab-container{margin-left:2%;margin-right:2%}.tab{border:1px solid #dcdcdc;border-bottom:none;border-radius:10px 10px 0 0}.on-tab{background-color:var(--color-lightGray);box-shadow:5px 5px 10px #0000004d}.panel{border-top-left-radius:var(--panel-border-radius);border-top-right-radius:var(--panel-border-radius);height:inherit;box-sizing:border-box;background-color:var(--color-lightGray);flex-direction:column;flex:1;gap:50px;min-height:0;margin-left:2%;margin-right:2%;padding:2% 4% 5%;display:flex;overflow-y:auto;box-shadow:5px 5px 10px #0000004d}.panel-with-tab{border-top-left-radius:0;border-top-right-radius:var(--panel-border-radius);height:inherit;box-sizing:border-box;background-color:var(--color-lightGray);flex-direction:column;flex:1;gap:50px;min-height:0;margin-left:2%;margin-right:2%;padding:2% 4% 5%;display:flex;overflow-y:auto;box-shadow:5px 5px 10px #0000004d}.checkbox{flex-direction:row;align-content:center;align-items:center;gap:5px;display:flex}#applyBtn{align-self:flex-end;margin:0}#applyBtn:active{background-color:var(--color-lightGray);transform:scale(.96)}#setTimeBtnContainer{flex-direction:row;gap:10px;width:100%;margin-top:20px;display:flex}.addSegmentBtn{margin-left:auto}#target{flex-direction:column;gap:10px;display:flex}#segments{border:var(--btn-border);box-shadow:var(--btn-box-shadow);border-radius:5px}.segment{flex-direction:row;align-items:center;width:250px;display:flex}.file_info{flex-direction:row;align-items:center;width:100%;display:flex}.srtDeleteBtn{background-color:var(--color-lightGray);border:none;margin-left:auto;padding:0;text-decoration:underline}.segmentDeleteBtn{background-color:inherit;border:none;margin-left:auto;padding:0;text-decoration:underline}.captionUploadBtn{width:max-content}#input-srt{display:none}.inputContainer{flex-direction:column;gap:15px;margin:0;display:flex}.speaker-name-display-container{flex-direction:column;gap:30px;width:fit-content;margin-top:0;display:flex}.speaker-name-dispaly{flex-direction:column;gap:10px;display:flex}.add-speaker-btn{align-self:flex-end}.speakerName{flex-direction:row;align-items:center;gap:5px;margin:0;display:flex}input{border-radius:var(--btn-border-radius);border:var(--btn-border);box-shadow:var(--input-box-shadow);padding:5px 6px}.subTitle{margin-top:0;margin-bottom:0}.section-container{flex-direction:column;gap:10px;display:flex}#segments{box-sizing:border-box;background-color:#dcdcdc;flex-direction:column;gap:10px;width:fit-content;padding:1%;display:flex}.selection-container{flex-direction:column;gap:.5em;display:flex}.upload-container{width:var(--width-container);border:1px dashed var(--color-gray);border-radius:15px;flex-direction:column;justify-content:center;align-items:center;height:405px;display:flex;position:relative}.upload-audio-container{border:none;justify-self:center;width:fit-content;height:fit-content;margin:25%;padding:15%}.upload-video-container{border:1px solid var(--color-lightGray)}.audio-player{box-shadow:var(--btn-box-shadow);border-radius:30px}h1{margin:0}#input-video{display:none}video{border-radius:15px;width:720px;height:405px}.videoDeleteBtn{width:20px;position:absolute;top:15px;left:15px}.msgBox{box-sizing:border-box;z-index:9999;background-color:var(--color-lightGray);opacity:.6;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;inset:0}.dots:after{content:".";animation:1.2s infinite dots}@keyframes dots{0%{content:"."}33%{content:".."}66%{content:"..."}to{content:"."}}#result-panel-container{box-sizing:border-box;flex-direction:column;width:30%;min-width:300px;display:flex}#result-panel-main{border-top-right-radius:var(--panel-border-radius);box-sizing:border-box;background-color:var(--color-lightGray);flex-direction:column;flex:1;margin-left:2%;margin-right:2%;padding:1vw;display:flex;overflow-y:auto;box-shadow:5px 5px 10px #0000004d}.tab-container{flex-direction:row;display:flex}.summary{clear:both;flex:1;margin-bottom:1vw;overflow-y:auto}.transcript{flex-direction:column;gap:10px;min-height:30vh;display:flex;position:relative;overflow-y:auto}#transcript h2{margin-bottom:0}.line{flex-direction:row;justify-content:center;align-items:center;margin:0;display:flex}.summary *,h2{margin:0 0 15px}.summaryItemMap *{margin-bottom:5px;display:flex}#transcript-container{flex-direction:column;gap:40px;display:flex}.summaryField{display:flex}#summaryTitleInput{margin-left:0;font-size:xx-large;font-weight:700}.download-file-button{color:var(--color-darkGray);border-radius:5px;width:fit-content;margin-bottom:15px}.download-file-button:hover{background-color:var(--color-darkGray)}.transcript h2{margin-bottom:0}.transcript-header{flex-direction:column;margin-bottom:0;display:flex}#summary-header{flex-direction:column;margin-bottom:5px;display:flex}#summary-title{margin-bottom:0}textarea{border:var(--btn-border)}.text-input{border-radius:var(--btn-border-radius);box-shadow:var(--input-box-shadow);field-sizing:content;border:none;flex:1;margin-left:10px;padding:1.5%}.main-panel-page{box-sizing:border-box;flex-direction:row;flex:1;width:100%;min-height:0;margin-bottom:0;padding-top:1%;display:flex;position:relative;overflow:hidden}.workflow-container{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3%;min-height:0;display:flex;overflow:hidden}#title{font-size:x-large;font-weight:700}#container{box-sizing:border-box;flex-direction:column;align-items:center;gap:10px;height:100vh;padding-top:1%;display:flex;overflow:hidden}#caption-container{flex-direction:column;gap:15px;display:flex}.left-item{z-index:100;flex-direction:row;align-items:center;gap:15px;display:flex;position:absolute;top:23px;right:30px}#caption-container h2{margin:0}.backBtn{z-index:100;text-shadow:var(--text-shadow);flex-direction:row;gap:5px;display:flex;position:absolute;top:20px;left:20px}.backBtn:hover{color:var(--color-gray)}.backIcon{width:20px;height:20px}#title-input{text-shadow:var(--title-shadow);field-sizing:content;box-shadow:none;border:none;padding:5px 10px;font-size:45px;font-weight:600}.login-page{box-sizing:border-box;flex-direction:column;align-items:center;height:100vh;padding:15%;display:flex}.login-form{box-sizing:border-box;background-color:var(--color-lightGray);border-radius:10px;flex-direction:column;align-items:center;gap:15px;width:400px;margin-top:30px;padding:2% 2% 1%;display:flex}.form-group{box-sizing:border-box;justify-content:space-between;align-items:center;width:80%;display:flex}.form-group label{box-sizing:border-box;text-align:left;width:30%}.form-group input{box-sizing:border-box;outline:none;width:70%;padding:5px}.login-form button{box-sizing:border-box;border-radius:5px;margin-top:25px;padding:7px 20px}#register-link{margin-top:5px;font-size:small}#profile-logout{flex-direction:column;justify-content:flex-end;gap:10px;width:400px;margin-top:60px;display:flex}#error-msg{color:red;margin:0;font-size:small}#delete-account{color:red}