.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            display: inline-block;
            line-height: 1;
            text-transform: none;
            letter-spacing: normal;
            word-wrap: normal;
            white-space: nowrap;
            direction: ltr;
            vertical-align: middle;
        }

        .drag-active {
            border-color: #B5399E !important;
            background-color: #fcdcf1 !important;
        }

        @keyframes loading {
            0% {
                transform: translateX(-100%);
            }

            100% {
                transform: translateX(200%);
            }
        }

        .bounding-box {
            position: absolute;
            border: 2px solid #B5399E;
            background-color: rgba(181, 57, 158, 0.1);
        }

        .bounding-box.selected {
            border-color: #710065;
            background-color: rgba(181, 57, 158, 0.2);
            box-shadow: 0 0 0 2px rgba(181, 57, 158, 0.4);
        }

        .bounding-box .handle {
            position: absolute;
            width: 8px;
            height: 8px;
            background: #B5399E;
            border-radius: 50%;
            pointer-events: none;
        }

        .bounding-box .handle.tl {
            top: -4px;
            left: -4px;
        }

        .bounding-box .handle.tr {
            top: -4px;
            right: -4px;
        }

        .bounding-box .handle.bl {
            bottom: -4px;
            left: -4px;
        }

        .bounding-box .handle.br {
            bottom: -4px;
            right: -4px;
        }

        .pdf-canvas-container {
            cursor: crosshair;
            position: relative;
        }

        .pdf-canvas-container.pan-mode {
            cursor: grab;
        }

        .pdf-canvas-container.pan-mode:active {
            cursor: grabbing;
        }

        .annotation-card-active {
            border-left: 3px solid #B5399E !important;
            background-color: #fcdcf1 !important;
        }

        .code-editor {
            scrollbar-width: thin;
            scrollbar-color: #3c475a transparent;
        }

        .code-editor::-webkit-scrollbar {
            width: 6px;
        }

        .code-editor::-webkit-scrollbar-thumb {
            background-color: #3c475a;
            border-radius: 10px;
        }

        .view-hidden {
            display: none !important;
        }

        #overlay-canvas {
            position: absolute;
            top: 0;
            left: 0;
            pointer-events: auto;
        }

        .snippet-canvas {
            image-rendering: auto;
        }

        .tool-btn-active {
            background-color: #B5399E !important;
            color: #ffffff !important;
        }