#frame-video{height:85%;width:70%}#frame-pdf,#frame-video{border-width:0;border-radius:12px}#frame-pdf{height:100%;width:100%}.audio-player{height:60px;border-radius:6px;background:#444;font-family:arial;color:#fff;font-size:.75em;overflow:hidden;display:grid;grid-template-rows:6px auto;.timeline{background:#aaa;width:100%;position:relative;cursor:pointer;.progress{background:#511dc9;width:0;height:100%;transition:.25s}}.controls{display:flex;justify-content:space-between;align-items:stretch;padding:0 20px;>*{display:flex;justify-content:center;align-items:center}.toggle-play{&.play{cursor:pointer;position:relative;left:0;height:0;width:0;border:7px solid #0000;border-left:13px solid #9c9c9c;&:hover{transform:scale(1.1)}}&.pause{height:15px;width:20px;cursor:pointer;position:relative;&:before{left:0}&:after,&:before{position:absolute;top:0;background:#9c9c9c;content:"";height:15px;width:3px}&:after{right:8px}&:hover{transform:scale(1.1)}}}.time{display:flex;>*{padding:2px}}.volume-container{cursor:pointer;.volume-button{display:flex;align-items:center;.volume{transform:scale(.7)}}position:relative;z-index:2;.volume-slider{position:absolute;left:-3px;z-index:-1;width:0;height:8px;background:#9c9c9c;box-shadow:0 0 20px #000a;border-radius:3px;transition:.25s;.volume-percentage{background:#1d98c9;height:100%;width:75%;border-radius:3px}}&:hover{.volume-slider{left:-123px;width:120px}}}}}.timer-bar{height:10px;transition:width 1s linear}#firstletter{text-transform:capitalize}.flashcard-wrapper{height:300px;width:250px;perspective:1000px;border-radius:12px}.flashcard{cursor:pointer;border-radius:16px;transition:background-color .3s ease-in-out}.card-content,.flashcard{width:100%;height:100%;position:relative}.card-content{transform-style:preserve-3d}.card-face{display:flex;justify-content:center;align-items:center;padding:1rem;border:1px solid #ccc;border-radius:16px;background-color:#4e4e4e;box-shadow:0 4px 8px rgba(0,0,0,.1);backface-visibility:hidden}.card-front{background-color:#727272}.card-back,.card-front{border-radius:16px;display:flex;justify-content:center;align-items:center;font-size:larger;font-weight:700;color:#fff;text-align:center;padding:5px}.card-back{background-color:#272727}.card-navigation{display:flex;gap:1rem;align-items:center}.card-navigation button{padding:.5rem 1rem;border:none;border-radius:4px;background-color:#007bff;color:#fff;cursor:pointer}.card-navigation button:hover{background-color:#0056b3}.card-navigation span{font-weight:700}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}to{transform:translateX(0)}}.animate-shake{animation:shake .3s}.tiptap li[data-type=bulletList],.tiptap ol[data-type=bulletList],.tiptap ul{list-style-type:circle}@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap";.tiptap input[type=checkbox]{margin-right:8px}.tiptap mark{background-color:rgba(228,210,52,.925)}.tiptap a{color:#1e75c5;font-weight:700}.tiptap li[data-type=bulletList],.tiptap ol[data-type=bulletList],.tiptap ul{list-style-type:none;padding-left:1.5rem}.tiptap h1,.tiptap h2{line-height:1.1}.tiptap h3,.tiptap h4,.tiptap h5,.tiptap h6{line-height:1.5}.tiptap h1{font-size:2.2rem;font-weight:900}.tiptap h2{font-size:1.5rem;font-weight:600}.tiptap h3{font-size:1.125rem}.tiptap h4{font-size:1.375rem}.tiptap h5{font-size:2rem}.tiptap h6{font-size:3rem}.tiptap code{background-color:rgba(97,97,97,.1);color:#a1a1a1;margin-top:5px;margin-bottom:5px;padding:2px;border-radius:3px}.tiptap pre{background:#eca31a;text-align:center;color:#fff;font-weight:700;padding:.75rem 1rem;border-radius:.4rem;margin-top:8px;margin-bottom:8px}.tiptap pre code{color:inherit;padding:0;background:none;font-size:1rem;font-family:Quicksand,sans-serif}.tiptap img{max-width:100%;height:auto;flex-direction:column;justify-content:center;align-items:center;border-radius:16px}.tiptap img.ProseMirror-selectednode{outline:3px solid #68cef8}.tiptap blockquote{text-align:start;font-size:1.5rem;font-weight:900;border-left:4px solid #eca31a;margin:1.5rem 0;padding-left:1rem}.tiptap hr{border:none;border-top:3px solid hsla(0,4%,48%,.3);margin:2rem 0}.tiptap .bold{background-color:aqua}.tiptap table{border-collapse:collapse;margin:0;overflow:hidden;table-layout:fixed;width:100%}.tiptap table td,.tiptap table th{border:1px solid #999ca3;box-sizing:border-box;min-width:1em;padding:6px 8px;position:relative;vertical-align:top}.tiptap table td>*,.tiptap table th>*{margin-bottom:0}.tiptap table th{background-color:#a7b7cc;font-weight:700;text-align:left}.tiptap table .selectedCell:after{background:rgba(94,121,172,.212);content:"";left:0;right:0;top:0;bottom:0;pointer-events:none;position:absolute;z-index:2}.tiptap table .column-resize-handle{background-color:#5b20c7;bottom:-2px;pointer-events:none;position:absolute;right:-2px;top:0;width:4px}.tiptap .tableWrapper{margin:1.5rem 0;overflow-x:auto}.tiptap.resize-cursor{cursor:ew-resize;cursor:col-resize}.Popover{border-radius:8px;padding:10px;display:flex;flex-direction:row;gap:10px}.collaboration-cursor__caret{border-left:1px solid #0d0d0d;border-right:1px solid #0d0d0d;margin-left:-1px;margin-right:-1px;pointer-events:none;position:relative;word-break:normal}.collaboration-cursor__label{border-radius:3px 3px 3px 0;color:#0d0d0d;font-size:12px;font-style:normal;font-weight:600;left:-1px;line-height:normal;padding:.1rem .3rem;position:absolute;top:-1.4em;user-select:none;white-space:nowrap}.save-button{padding:5px;border-radius:100%;color:#fff;border:none;transition:background-color .5s ease}.save-button.animate{animation:saveAnimation 1s ease}@keyframes saveAnimation{0%{transform:scale(1)}to{transform:scale(1.2)}}ul[data-type=taskList]{list-style:none;margin-left:0;padding:0}ul[data-type=taskList] li{align-items:flex-start;display:flex}ul[data-type=taskList] li>label{flex:0 0 auto;margin-right:.5rem;user-select:none}ul[data-type=taskList] li>div{flex:1 1 auto}ul[data-type=taskList] input[type=checkbox]{cursor:pointer}ul[data-type=taskList] ul[data-type=taskList]{margin:0}.optionsList{list-style-type:none;padding:0;margin:0}.option{padding:10px;margin:5px 0;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.option:hover{color:#3b3b3b;font-weight:600;transition:.3s ease,transform .2s ease}.correct{color:#4caf50;font-weight:700}.incorrect{color:#f44336;font-weight:700}.feedback{font-size:14px;font-weight:700}.textGreen500{color:#4caf50}.textRed500{color:#f44336}.option-h3{font-size:16px!important;font-weight:600}.option.disabled{color:#888;pointer-events:none;opacity:.8}.correct.disabled{color:#5eb961;font-weight:900}.incorrect.disabled{color:#f88f87;font-weight:900}.tiptap ::selection{background-color:rgba(63,81,181,.925);color:#fff}.tiptap{caret-color:#3f51b5!important}