"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.miuiScrollbars = void 0;
const theme_1 = require("./theme");
const thumbStyle = {
    background: "var(--scrollbars-thumb)",
    backgroundClip: "padding-box",
    border: "2px solid var(--scrollbars-bg)",
    borderRadius: "$1",
};
const thumbActive = {
    background: "var(--scrollbars-thumb-active)",
    border: "2px solid var(--scrollbars-bg)",
};
const miuiScrollbars = {
    "--scrollbars-thumb": "$scrollbarsThumb",
    "--scrollbars-thumb-active": "$scrollbarsThumb",
    "--scrollbars-bg": "transparent",
    "scrollbar-color": "var(--scrollbars-thumb) var(--scrollbars-bg)",
    "scrollbar-width": "thin !important",
    "&::-webkit-scrollbar": {
        height: (0, theme_1.pxToRem)(7),
        width: (0, theme_1.pxToRem)(7),
        backgroundColor: "transparent",
        borderRadius: (0, theme_1.pxToRem)(7),
    },
    "&::-webkit-scrollbar-thumb:vertical": Object.assign(Object.assign({}, thumbStyle), { "minHeight": (0, theme_1.pxToRem)(10), "marginRight": (0, theme_1.pxToRem)(2), "&:active": Object.assign(Object.assign({}, thumbActive), { minHeight: (0, theme_1.pxToRem)(8), marginRight: (0, theme_1.pxToRem)(4) }) }),
    "&::-webkit-scrollbar-thumb:horizontal": Object.assign(Object.assign({}, thumbStyle), { "minWidth": (0, theme_1.pxToRem)(10), "marginBottom": (0, theme_1.pxToRem)(2), "&:active": Object.assign(Object.assign({}, thumbActive), { minWidth: (0, theme_1.pxToRem)(8), marginBottom: (0, theme_1.pxToRem)(4) }) }),
    "&::-webkit-scrollbar-corner": {
        backgroundColor: "transparent",
    },
};
exports.miuiScrollbars = miuiScrollbars;
//# sourceMappingURL=scrollbars.css.js.map