.sidebar-mode{bottom:0}.mentor-note-widget{position:fixed;bottom:20px;right:20px;z-index:9999;width:-moz-fit-content!important;width:fit-content!important}.mentor-note-widget-container{position:fixed;width:400px;height:500px;transition:all .2s ease-out;z-index:9998;display:flex;flex-direction:column;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.mentor-note-widget-container.dragging,.mentor-note-widget-container.resizing{transition:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.9}.mentor-note-widget-container:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;cursor:ns-resize;background:transparent;transition:background-color .2s}.mentor-note-widget-container:after{content:"";position:absolute;top:0;left:0;bottom:0;width:8px;cursor:ew-resize;background:transparent;transition:background-color .2s}.mentor-note-widget-container:hover:before,.mentor-note-widget-container:hover:after{background:#4f46e51a}.mentor-note-widget-container.dragging:before,.mentor-note-widget-container.dragging:after{background:#4f46e533}.mentor-note-widget-container .resize-handle{position:absolute;width:20px;height:20px;background:linear-gradient(135deg,transparent 50%,rgba(79,70,229,.1) 50%);transition:background .2s}.mentor-note-widget-container .resize-handle:hover{background:linear-gradient(135deg,transparent 50%,rgba(79,70,229,.2) 50%)}.mentor-note-widget-container .resize-handle.top-left{top:0;left:0;cursor:nw-resize}.mentor-note-widget-container .resize-handle.top-right{top:0;right:0;cursor:ne-resize}.mentor-note-widget-container .resize-handle.bottom-left{bottom:0;left:0;cursor:sw-resize}.mentor-note-widget-container .resize-handle.bottom-right{bottom:0;right:0;cursor:se-resize}.mentor-note-widget.dark-mode .mentor-note-widget-container .resize-handle{background:linear-gradient(135deg,transparent 50%,rgba(255,255,255,.05) 50%)}.mentor-note-widget.dark-mode .mentor-note-widget-container .resize-handle:hover{background:linear-gradient(135deg,transparent 50%,rgba(255,255,255,.1) 50%)}.mentor-note-widget.dark-mode .mentor-note-widget-container:hover:before,.mentor-note-widget.dark-mode .mentor-note-widget-container:hover:after{background:#ffffff0d}.mentor-note-widget.dark-mode .mentor-note-widget-container.dragging:before,.mentor-note-widget.dark-mode .mentor-note-widget-container.dragging:after{background:#ffffff1a}.mentor-note-widget-container.pinned-mode{right:0;top:0;bottom:0;width:400px;height:65vh;border-radius:0;overflow:hidden}.mentor-note-widget.dark-mode .mentor-note-widget-container{background-color:#1f2937}.mentor-note-widget.dark-mode .mentor-note-panel{background-color:#1f2937;color:#f3f4f6}.mentor-note-widget.dark-mode .mentor-note-panel-header{background-color:#4338ca}.mentor-note-widget.dark-mode .mentor-note-panel-footer{background-color:#1f2937;border-color:#374151}.mentor-note-widget.dark-mode .mentor-note-status{color:#9ca3af}.mentor-note-widget.dark-mode .mentor-note-textarea,.mentor-note-widget.dark-mode input[type=text],.mentor-note-widget.dark-mode input[type=date]{background-color:#374151;border-color:#4b5563;color:#f3f4f6}.mentor-note-widget.dark-mode .mentor-note-textarea:focus,.mentor-note-widget.dark-mode input[type=text]:focus,.mentor-note-widget.dark-mode input[type=date]:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.mentor-note-widget.dark-mode label,.mentor-note-widget.dark-mode button{color:#e5e7eb}.mentor-note-widget.dark-mode .note-item{border-color:#374151;background-color:#1f2937}.mentor-note-widget.dark-mode .note-item:hover{background-color:#263244;border-color:#4b5563}.mentor-note-widget.dark-mode .note-item.selected{background-color:#312e81;border-color:#4f46e5}.mentor-note-widget.dark-mode .note-item-date,.mentor-note-widget.dark-mode .note-item-author,.mentor-note-widget.dark-mode .comment-date,.mentor-note-widget.dark-mode .note-action-button{color:#9ca3af}.mentor-note-widget.dark-mode .note-action-button:hover{color:#6366f1}.mentor-note-widget.dark-mode .comment-item{border-color:#374151}.mentor-note-widget.dark-mode .comment-item:hover{background-color:#ffffff0d}.mentor-note-widget.dark-mode .comment-user-icon{background-color:#374151;color:#9ca3af}.mentor-note-widget.dark-mode .comment-author{color:#f3f4f6}.mentor-note-widget.dark-mode .comment-date{color:#9ca3af}.mentor-note-widget.dark-mode .comment-text{color:#d1d5db}.mentor-note-widget .rounded-md.border{border-color:#e5e7eb;background-color:#fff}.mentor-note-widget.dark-mode .rounded-md.border{border-color:#374151;background-color:#1f2937}@media (max-width: 640px){.mentor-note-panel{width:100%;max-width:100%}.mentor-note-panel.note-sidebar{width:100%!important}}.keyboard-shortcut{display:inline-flex;align-items:center;background-color:#f3f4f6;border-radius:4px;padding:2px 6px;margin-left:4px;font-size:12px}.keyboard-shortcut span{margin:0 2px}.comments-section{overflow:hidden;transition:all .3s ease-in-out}.comment-expand-button{transition:all .2s ease-in-out}.comment-expand-button.expanded{transform:rotate(180deg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.comment-item-animation{animation:fadeIn .2s ease-in-out forwards}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}@keyframes slideUp{0%{opacity:1;max-height:500px}to{opacity:0;max-height:0}}.comments-expanding{animation:slideDown .3s ease-in-out forwards}.comments-collapsing{animation:slideUp .3s ease-in-out forwards}.mentor-note-widget-button{width:60px;height:60px;border-radius:50%;background-color:#4f46e5;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:all .2s ease-in-out;border:none;outline:none;position:relative}.mentor-note-widget-button:hover{transform:scale(1.05);box-shadow:0 6px 8px #00000026}.mentor-note-widget-button svg{width:24px;height:24px}.mentor-note-panel-header{background-color:#4f46e5;color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;cursor:move;flex-shrink:0}.mentor-note-panel-title{font-weight:600;font-size:16px}.mentor-note-panel-actions{display:flex;gap:8px}.mentor-note-panel-actions button{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.mentor-note-panel-actions button:hover{background-color:#ffffff1a}.mentor-note-panel-content{flex:1;overflow-y:auto;background-color:#0b1726;padding:16px}.react-resizable{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;cursor:se-resize;padding:0 3px 3px 0;z-index:1}.react-resizable-handle-se{bottom:0;right:0;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+)}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg);background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+)}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg);background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg);background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+)}.react-resizable-handle-w{top:50%;left:0;cursor:ew-resize;width:4px;height:auto;transform:translateY(-50%);background:transparent;z-index:1}.react-resizable-handle-e{top:50%;right:0;cursor:ew-resize;width:4px;height:auto;transform:translateY(-50%);background:transparent;z-index:1}.react-resizable-handle-n{top:0;left:50%;cursor:ns-resize;width:auto;height:4px;transform:translate(-50%);background:transparent;z-index:1}.react-resizable-handle-s{bottom:0;left:50%;cursor:ns-resize;width:auto;height:4px;transform:translate(-50%);background:transparent;z-index:1}.dark-mode .react-resizable-handle{background-color:#ffffff1a}.dark-mode .react-resizable-handle:hover{background-color:#fff3}.resize-handle{display:none}.pinned-resize{width:100%!important;height:100%!important}