.common-thumbnail-container{width:150px;position:relative}.common-thumbnail-container img{width:100%;height:100%}.common-thumbnail-container .overlay-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%}.components-wrapper{pointer-events:none;position:absolute;top:0;left:0}

.draggable-wrapper{position:absolute;top:50%;left:50%;z-index:5000;box-shadow:0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12),0 11px 15px -7px rgba(0,0,0,0.2);border-radius:8px;overflow:hidden}.draggable-top-row{height:40px;width:100%;cursor:move;display:flex;flex-direction:row-reverse;background-color:#f1f3f4}

.slide-thumbnail-container{margin:10px;display:flex;position:relative}.slide-thumbnail-container.--bottom-center{flex-direction:column-reverse;align-items:center}.slide-thumbnail-container.--bottom-center .slide-thumbnail-index{padding:2px 0 0 0}.slide-thumbnail-container.--bottom-left{flex-direction:column-reverse;align-items:start}.slide-thumbnail-container.--bottom-left .slide-thumbnail-index{padding:2px 0 0 0}.slide-thumbnail-index{padding:0 10px 5px 0px;max-width:40px;flex-basis:28px;flex-grow:0;flex-shrink:0;text-align:right}.slide-thumbnail-image{width:100%;box-sizing:border-box;cursor:pointer}.slide-thumbnail-image .slide-thumbnail-height{width:100%;position:relative}.slide-thumbnail-image img,.slide-thumbnail-image .background{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;border-radius:5px}.slide-thumbnail-image .slide-thumbnail-image-border{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:5px}.slide-thumbnail-image.--do-hover:hover .slide-thumbnail-image-border{border:1px solid gray}.slide-thumbnail-image.--do-hover:hover img{box-shadow:0 0 0 3px gray}.slide-thumbnail-image.slide-thumbnail--active .slide-thumbnail-image-border,.slide-thumbnail-image.--do-hover.slide-thumbnail--active .slide-thumbnail-image-border{border:1px solid orange}.slide-thumbnail-image.slide-thumbnail--active img,.slide-thumbnail-image.--do-hover.slide-thumbnail--active img{box-shadow:0 0 0 3px orange}.slide-thumbnail-image.slide-thumbnail--right-clicked .slide-thumbnail-image-border{border:1px solid #1976d2}.slide-thumbnail-image.slide-thumbnail--right-clicked img{box-shadow:0 0 0 3px #1976d2}

.volume-preview-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1051;background-color:lightgrey;display:flex}.volume-preview-wrapper__close-button{padding:40px 20px}.volume-preview-panels-wrapper{width:100%;height:100%;display:flex;position:relative;background-color:lightgrey;z-index:1051}.volume-preview-vertical{flex-direction:column}.volume-preview-horizontal{flex-direction:row}.volume-preview-panel{width:100%;height:100%;position:relative;background-color:black;margin:1px}

.volume-slider-container{display:flex;gap:5px;height:100%;align-items:center;min-width:0;overflow-x:scroll;overflow-y:hidden;width:fit-content;scrollbar-color:#63666A black;scrollbar-width:thin;position:relative}.volume-progress-container{position:absolute;left:50%;pointer-events:none;touch-action:none;height:10px;width:200px;transform:translateX(-50%)}.volume-slider-scrollbar-container{display:block;height:100%;width:100%;overflow-x:scroll;overflow-y:hidden;touch-action:none;position:relative;scrollbar-color:#63666A black;scrollbar-width:thin}.volume-slider-scrollbar-container::-webkit-scrollbar{background-color:black;height:12px}.volume-slider-scrollbar-container::-webkit-scrollbar-thumb{background-color:#63666A;border-radius:6px}.volume-slider-container::-webkit-scrollbar{background-color:black;height:12px}.volume-slider-container::-webkit-scrollbar-thumb{background-color:#63666A;border-radius:6px}.volume-slider-wrapper{display:block;height:100%;width:100%;overflow:hidden;touch-action:none;position:relative}

.volume-tools-wrapper{display:flex;flex-direction:row;align-items:center;flex:0 0 150px}.volume-tools-wrapper .volume-tools{display:flex;flex-direction:column;flex-wrap:wrap-reverse;height:100%;flex:0 0 100px;align-content:flex-start}.volume-tools-wrapper .upload-volumes{display:flex;flex-direction:column;justify-content:center;flex:0 0 50px}

.volume-tree-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1051;background-color:lightgrey;padding:40px 20px;display:flex}.volume-tree-panels-wrapper{width:100%;position:relative}.volume-tree--tree{background-color:white;width:100%}.volume-tree-panel{height:100%;position:relative;background-color:black}.volume-tree-bottom{position:absolute;bottom:0;right:0;height:40px;width:100%;display:flex;flex-direction:row-reverse}

.editable-text{border:none;padding:4px;background-color:rgba(0,0,0,0);margin:1px}.editable-text:focus{outline-color:orange;background-color:white}.editable-text:disabled{pointer-events:none;color:black;background-color:rgba(0,0,0,0);cursor:pointer}.editable-textarea{border:none;padding:4px;background-color:rgba(0,0,0,0);margin:1px;color:white;width:100%;height:100%;resize:none;font-family:'Roboto', sans-serif}.editable-textarea:focus{outline-color:orange}.editable-textarea:disabled{color:white;cursor:pointer;pointer-events:none}

.volume-study-description{display:inline-block;width:130px;max-height:100px;cursor:auto;color:white;margin:5px;white-space:normal;touch-action:none;font-size:0.8rem;cursor:pointer;padding:5px;position:relative}.volume-study-description:hover .volume-study-border{border:1px orange solid}.volume-study-description.volume-study-description--active .volume-study-border{border:2px white solid}.volume-study-description .volume-study-border{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;touch-action:none}

.volume-card-outer{height:100%}.volume-card-inner{height:100%;width:100vh}.volume-card-container{margin:5px;cursor:pointer;position:relative;touch-action:none;display:flex;flex-direction:column;height:100%;width:100%}.volume-card-container:hover .volume-card-border{border-color:orange;border-width:1px;border-style:solid}.volume-card-container.volume-card-container--selected .volume-card-border{border-color:white;border-width:2px;border-style:solid}.volume-card-container.volume-card-container--active .volume-card-border{border-color:red;border-width:4px;border-style:solid}.volume-card-container .volume-card-image{height:100%;width:100%;object-fit:contain;margin:0;touch-action:none;pointer-events:none}.volume-card-container .volume-card-text{height:20px;width:100%;color:white;background-color:black}.volume-card-container .volume-card-border{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;touch-action:none}

.drop-zone-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;padding:10px;display:flex;align-items:center;justify-content:center;background-color:white;opacity:0.95;z-index:1051}

.presentation-root--viewer{background-color:black}.presentation-root--viewer .presentation-root{background-color:black}.presentation-root--viewer #pdf-root{background-color:black}

.annotation-pointer-enabled{pointer-events:all;cursor:pointer}.hidden-marker{stroke:rgba(0,0,0,0);fill:rgba(0,0,0,0)}.hidden-marker:hover{stroke:#fff;fill:#000}.annotation-selected .hidden-marker{stroke:#fff;fill:#000}.annotation-editing .hidden-marker{stroke:rgba(0,0,0,0);fill:rgba(0,0,0,0)}.annotation-editing .hidden-marker:hover{stroke:rgba(0,0,0,0);fill:rgba(0,0,0,0)}

.presentation-component .ProseMirror{outline:none}.presentation-component .ProseMirror-focused{cursor:auto}.presentation-component .component-wrapper{width:100%;height:100%;display:flex}.presentation-component .component-wrapper div{width:100%;height:100%}.presentation-component .component-wrapper>div{display:flex}.presentation-component p{margin:0;margin-block-end:0.5em}.tiptap-toolbar{position:absolute;transform:translate(0, -30px) translate(-50%, -100%)}

.toggle-button-text-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-weight:900}.font-size-button{width:54px;position:relative;margin-left:5px;margin-right:5px}.font-size-button .drop-down-button{position:absolute;color:rgba(0,0,0,0.54);right:0;bottom:2px}.hidden-color-input{visibility:hidden;width:0;height:0;padding:0;border:0;margin:0}.color-button-wrapper{position:relative;display:flex;margin:4px}.color-button-wrapper:hover{background-color:rgba(0,0,0,0.02)}.color-picker-popup{pointer-events:all;position:absolute;left:50%;z-index:1000;bottom:40px;transform:translateX(-50%);user-select:none}.color-buttons-container{border-radius:4px;overflow:hidden;display:flex}.color-button{display:inline-flex;align-items:center;padding:7px;cursor:pointer}.color-button:hover{background-color:rgba(0,0,0,0.04)}.color-picker-button{margin:0;height:100%;display:inline-flex;align-items:center;cursor:pointer;user-select:none}.color-picker-button:hover{background-color:rgba(0,0,0,0.04)}

.lockable-textfield-container{display:flex;align-items:center}body{overflow:hidden}.readout-active *{cursor:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 focusable=%27false%27 aria-hidden=%27true%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 style=%27fill: red;%27%3E%3Cg transform=%27translate%2821, -3%29 scale%28-1 1%29%27%3E%3Cpath d=%27m11.39 12.61.32.83 1.32 3.42 4.24-10.13-10.13 4.24 3.42 1.33z%27 opacity=%27.3%27%3E%3C/path%3E%3Cpath d=%27m3 11.51 6.84 2.65L12.48 21h.98L21 3 3 10.53v.98zm14.27-4.78-4.24 10.13-1.32-3.42-.32-.83-.82-.32-3.43-1.33 10.13-4.23z%27%3E%3C/path%3E%3C/g%3E%3C/svg%3E"),auto !important}.editor-wrapper{display:flex;flex-direction:column;background-color:black;margin:auto;width:100%;height:100%;overflow:hidden;position:relative}.editor-top-row{flex:0 0 100px;height:100px;display:flex;position:relative}.editor-bottom{flex:1 1 auto;display:flex;flex-direction:row;background-color:white;min-height:0}.editor-resize{cursor:ew-resize;width:8px;border-right:solid 8px darkgrey;box-sizing:border-box}.editor-left{flex:0 0 100px;width:100px;display:flex;flex-direction:column;overflow-y:scroll;position:relative}.editor-right{flex:0 0 100px;width:100px;overflow-y:auto}.editor-center{flex:1 1 auto;display:flex;flex-direction:column}.editor-bottom-row{flex:0 0 100px;height:100px;position:relative;flex-direction:column}.editor-drag-target{position:absolute;border-color:red;border-width:2px;border-style:solid}.editor-drag-target:hover,.editor-drag-target.editor-drag-target--hover{border-color:red;border-width:4px;border-style:dashed}.editor-drag-over{position:absolute;display:none;border-color:green;border-width:4px;border-style:dashed}.containers-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center}.viewer-ui{position:relative;flex:0 0 auto}.top-left{position:absolute;top:0;left:0}.selection-rectangle{position:absolute;z-index:100;display:none;border:1px solid darkblue;background-color:rgba(0,0,0,0.5)}.selection-rectangle.selection-rectangle--active{display:block}.test.test--drag-over *{pointer-events:none}