:root {
    --wz-0-0-0-a20-255-255-255-a30: rgba(255,255,255,0.3);
    --wz-0-0-0-a20-255-255-255-a75: rgba(255, 255, 255, 0.75);
    --wz-0-0-0-a20-a32233: #a32233;
    --wz-0-0-0-a70-e5e5e5: #e5e5e5;
    --wz-0-0-0-a95-255-255-255-a95: rgba(255,255,255,0.95);
    --wz-0-0-0-a95-e5e5e5: #e5e5e5;
    --wz-1-1-1-a95-e5e5e5: #e5e5e5;
    --wz-171b21-e5e5e5: #e5e5e5;
    --wz-1d2128-189-195-199-a50: rgba(189, 195, 199, 0.5);
    --wz-1d2128-bdc3c7: #bdc3c7;
    --wz-1d2128-e5e5e5: #e5e5e5;
    --wz-235-235-235-a95-23-27-31-a95: rgba(23, 27, 31, 0.95);
    --wz-c9c9c9-none: none;
    --wz-d4d4d4-fff: #fff;
    --wz-e5e5e5-171b21: #171b21;
    --wz-e5e5e5-1d2128: #1d2128;
    --wz-e5e5e5-1d2226: #1d2226;
    --wz-e5e5e5-23-27-31-a100: rgba(23, 27, 31, 1);
    --wz-e5e5e5-555: #555;
    --wz-f5f5f5-1d2128: #1d2128;
    --wz-f5f5f5-1d2226: #1d2226;
}

:root[data-page-theme="light"] {
    --wz-0-0-0-a20-255-255-255-a30: rgba(0,0,0,0.2);
    --wz-0-0-0-a20-255-255-255-a75: rgba(0, 0, 0, 0.2);
    --wz-0-0-0-a20-a32233: rgba(0,0,0,0.2);
    --wz-0-0-0-a70-e5e5e5: rgba(0,0,0,0.7);
    --wz-0-0-0-a95-255-255-255-a95: rgba(0,0,0,0.95);
    --wz-0-0-0-a95-e5e5e5: rgba(0, 0, 0, 0.95);
    --wz-1-1-1-a95-e5e5e5: rgba(1, 1, 1, 0.95);
    --wz-171b21-e5e5e5: #171b21;
    --wz-1d2128-189-195-199-a50: #1d2128;
    --wz-1d2128-bdc3c7: #1d2128;
    --wz-1d2128-e5e5e5: #1d2128;
    --wz-235-235-235-a95-23-27-31-a95: rgba(235, 235, 235, 0.95);
    --wz-c9c9c9-none: #c9c9c9;
    --wz-d4d4d4-fff: #d4d4d4;
    --wz-e5e5e5-171b21: #e5e5e5;
    --wz-e5e5e5-1d2128: #e5e5e5;
    --wz-e5e5e5-1d2226: #e5e5e5;
    --wz-e5e5e5-23-27-31-a100: #e5e5e5;
    --wz-e5e5e5-555: #e5e5e5;
    --wz-f5f5f5-1d2128: #f5f5f5;
    --wz-f5f5f5-1d2226: #f5f5f5;
}

:root {
    --wiz-scrollbar-thumb: rgba(128, 128, 128, 0.45);
    --wiz-scrollbar-thumb-hover: rgba(128, 128, 128, 0.65);
    scrollbar-color: var(--wiz-scrollbar-thumb) transparent;
}

:root[data-page-theme="light"] {
    --wiz-scrollbar-thumb: rgba(96, 96, 96, 0.45);
    --wiz-scrollbar-thumb-hover: rgba(96, 96, 96, 0.65);
}

:not(.ag-root-wrapper *) {
    scrollbar-width: thin;
}

.ag-root-wrapper {
    scrollbar-color: auto;
}

:not(.ag-root-wrapper *)::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: transparent;
}

:not(.ag-root-wrapper *)::-webkit-scrollbar-track,
:not(.ag-root-wrapper *)::-webkit-scrollbar-corner {
    background: transparent;
    box-shadow: none;
}

:not(.ag-root-wrapper *)::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    border-radius: 10px;
    background-clip: padding-box;
    background-color: var(--wiz-scrollbar-thumb);
}

:not(.ag-root-wrapper *)::-webkit-scrollbar-thumb:hover {
    background-color: var(--wiz-scrollbar-thumb-hover);
}