*{padding:0;margin:0}body{background-color:#f8fafc}.app{font-family:Dank Mono,Menlo,Monaco,Courier New,monospace}.app .title-content{position:fixed;left:0;top:0;right:0;padding:16px 24px;background-color:#264653;z-index:999}.app .title-content .title{font-size:40px;color:#fff}.app .main-content,.app .tabs{padding-top:78px;margin:24px}.app .course-list-content{margin:12px 0;display:flex}.time-progress-container .rest-time-content{margin:12px 0}.progress-container{border:1px solid #f0f0f0;display:flex;flex-direction:row;position:relative;align-items:center;height:120px;padding:40px 0;border-radius:4px;background-color:#fff;z-index:1}.progress-container .session-item{height:100%;padding:12px 8px}.progress-container .session-item .title{color:#fff;font-size:24px;line-height:1.5}.progress-container .session-item .time{border:1px solid #f0f0f0;color:#fff;padding:2px 4px;border-radius:4px;font-size:13px}.progress-container .time-progress-bar-bg{position:absolute;left:0;top:0;width:0;bottom:0;background-color:#4998c9;z-index:-1;transition:all .5s ease}.time-progress-container .prograss-bar-footer{margin:8px 0;display:flex;align-items:center}.time-progress-container .time-content{display:flex;justify-content:flex-end;margin-right:12px}.time-progress-container .buttons-content{display:flex;justify-content:center}