@import 'src/views/styles/base.module.scss';

@layer base {
    .extensionRoot {
        @import 'tailwind-compat';
    }

    span {
        font-family: inherit;
    }
}

.extensionRoot {
    @apply font-sans;
    color: #303030;

    [data-rfd-drag-handle-context-id=':r1:'] {
        cursor: move;
    }

    ::-webkit-scrollbar {
        width: 14px;
        height: 14px;
        background: transparent;
    }
    ::-webkit-scrollbar-thumb {
        border: 3px solid #fff;
        border-radius: 7px;
        min-height: 40px;
        box-shadow: none;
        background: rgb(218, 220, 224);
    }
    :hover::-webkit-scrollbar-thumb,
    ::-webkit-scrollbar-thumb:hover {
        background: rgb(189, 193, 198);
    }

    ::-webkit-scrollbar-thumb:active {
        background: rgb(128, 134, 139);
    }
}