body{font-family:SimHei,STHeiti,Helvetica,Times New Roman,Times,serif;font-size:1.1rem}#app{height:100vh;overflow-y:auto;width:100%}.btn-green-grad{background-image:linear-gradient(0deg,#007adf 0,#00ecbc);border-color:#00ecbc;border-radius:35px;box-shadow:10px 10px 10px rgba(0,0,0,.2);color:#fff}.btn-green-grad:hover{background-image:linear-gradient(0deg,#0284ee 0,#0fc)}.bg-grey-round{background-color:hsla(0,0%,87%,.192);border:1px solid transparent;border-radius:10px;color:#fff}.bg-trans-white-30{background-color:hsla(0,0%,100%,.3)}.bg-trans-white-grad{background-image:linear-gradient(0deg,#fdcbf1 0,#fdcbf1 1%,#e6dee9)}.input-round-brown{border-radius:35px}.input-round-brown,.input-round-brown:focus{background-color:transparent;border-color:#3b1a0642;color:#3b1a06}.input-round-brown:focus{box-shadow:0 0 0 .1rem #3b1a061e;outline:0}.input-round-brown::placeholder{color:#3b1a06;opacity:.5;text-align:center}.input-round-brown::-webkit-input-placeholder{color:#3b1a06;opacity:.5;text-align:center}.input-round-brown::-moz-placeholder{color:#3b1a06;opacity:.5;text-align:center}.input-round-brown:-ms-input-placeholder{color:#3b1a06;opacity:.5;text-align:center}.input-round-brown::-ms-input-placeholder{color:#3b1a06;opacity:.5;text-align:center}.input-round-trans-white{border-radius:35px}.input-round-trans-white,.input-round-trans-white:focus{background-color:hsla(0,0%,100%,.1);border-color:transparent;color:#fff}.input-round-trans-white:focus{box-shadow:0 0 0 .1rem hsla(0,0%,100%,.7);outline:0}.input-round-trans-white::placeholder{color:#fff;opacity:1}.input-round-trans-white::-webkit-input-placeholder{color:#fff;opacity:1}.input-round-trans-white::-moz-placeholder{color:#fff;opacity:1}.input-round-trans-white:-ms-input-placeholder{color:#fff;opacity:1}.input-round-trans-white::-ms-input-placeholder{color:#fff;opacity:1}.input-round-trans-white-30{background-color:hsla(0,0%,100%,.3);border-color:transparent;border-radius:35px;color:#fff}.input-round-trans-white-30:focus{background-color:hsla(0,0%,100%,.4);border-color:transparent;box-shadow:0 0 0 .1rem hsla(0,0%,100%,.7);color:#fff;outline:0}.input-round-trans-white-30::placeholder{color:#fff;opacity:1}.input-round-trans-white-30::-webkit-input-placeholder{color:#fff;opacity:1}.input-round-trans-white-30::-moz-placeholder{color:#fff;opacity:1}.input-round-trans-white-30:-ms-input-placeholder{color:#fff;opacity:1}.input-round-trans-white-30::-ms-input-placeholder{color:#fff;opacity:1}.comment-title{color:#fff;font-size:small;margin:5px}.comment-body{background-image:linear-gradient(0deg,#b3ffab 0,#12fff7);border-radius:10px;color:#002fff;max-width:200px;padding:5px}.video-view{box-shadow:10px 10px 10px rgba(0,0,0,.2);position:relative}.rounded-centered-image{border-radius:50%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}.user-info-overlay{background-color:rgba(0,0,0,.2);border-radius:5px;color:hsla(0,0%,100%,.5);left:0;margin:5px 0 0 5px;padding:5px;position:absolute;top:0;transition:.3s}.user-info-overlay:hover{background-color:rgba(0,0,0,.4);color:#fff}::-webkit-scrollbar{height:18px;width:14px}::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:rgba(0,0,0,.2);border:4px solid transparent;border-radius:7px;-webkit-border-radius:7px;box-shadow:inset -1px -1px 0 rgba(0,0,0,.05),inset 1px 1px 0 rgba(0,0,0,.05);-webkit-box-shadow:inset -1px -1px 0 rgba(0,0,0,.05),inset 1px 1px 0 rgba(0,0,0,.05);height:6px}::-webkit-scrollbar-button{display:none;height:0;width:0}::-webkit-scrollbar-corner{background-color:transparent}.rejoin-btn{border-radius:100%;position:absolute;right:0;top:0}.border-white-radius{border:.5px solid #fff;border-radius:15px;padding:5px}.absolute-top-right{position:absolute;right:0;top:0}.absolute-bottom-left{bottom:0;left:0;position:absolute}.text-brown{color:#3b1a06}.btn-brown{background-color:#3b1a06;border-color:transparent;border-radius:2rem;color:#fff}.btn-brown:hover{background-color:#461f07;color:#d1d1d1}.ruby{color:#900603}.amber{color:#ffbf00}.emerald{color:#50c878}.sapphire{color:#0f52ba}.bg-light-brown{background-color:#fff4d9}.border-light-brown{border:1px solid #bb5d23;border-radius:.5rem;padding:.5rem}.border-top-light-brown{border-top:1px solid #bb5d23}.card-brown{word-wrap:break-word;background-color:#fff4d9;border-radius:1rem;display:flex;flex-direction:column;min-width:0;position:relative}.list-group-item-brown{background-color:#3b1a06;background-color:#fff4d9}.btn-color-yes{background-color:#b0f16f}.btn-color-no{background-color:#d6d6d3}.btn-color-warn{background-color:#f8f84a}.nav-for-student{bottom:10px;left:50%;position:fixed;transform:translate(-50%)}.badge-light-brown,a.badge-light-brown:focus,a.badge-light-brown:hover{background-color:#bb5d23;color:#fff}a.badge-light-brown.focus,a.badge-light-brown:focus{box-shadow:0 0 0 .2rem #b9673465;outline:0}