"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useStyles = void 0;
var styles_1 = require("@mui/styles");
exports.useStyles = (0, styles_1.makeStyles)({
    container: {
        '& > $marginWrapper:first-child': {
            paddingLeft: '4px'
        }
    },
    listItem: {
        paddingLeft: '1px',
        paddingTop: '2px',
        paddingBottom: '2px',
        transition: 'none',
        '&:hover': {
            '& $itemAfter': {
                background: 'linear-gradient(to right, rgba(235, 235, 235, 0.2), rgba(235, 235, 235, 1) 100%)'
            }
        },
        '&$listItemFocus': {
            '& $itemAfter': {
                background: 'linear-gradient(to right, rgba(219, 219, 219, 0.2), rgba(219, 219, 219, 1) 100%)'
            }
        },
        '&:focus': {
            outline: 'none'
        }
    },
    listItemFocus: {},
    recommendedIcon: {
        width: '18px',
        height: '18px',
        marginRight: '5px',
        marginLeft: '7px',
        flexShrink: 0
    },
    logoIcon: {
        width: '18px',
        height: '18px',
        flexShrink: 0,
        marginRight: '4px'
    },
    itemAfter: {
        position: 'absolute',
        right: 0,
        top: 0,
        width: '40px',
        height: '100%',
        pointerEvents: 'none',
        background: 'linear-gradient(to right, rgba(255, 255, 255, 0.2), #fff 100%)'
    },
    itemText: {
        padding: '0',
        margin: 0,
        '& span': {
            fontSize: '0.8125rem',
            letterSpacing: 'normal',
            whiteSpace: 'nowrap'
        }
    },
    checkbox: {
        opacity: 0.34,
        padding: 0,
        marginLeft: '14px',
        '&$checked': {
            opacity: 1,
            background: 'none'
        }
    },
    checked: {},
    marginWrapper: {
        display: 'flex',
        alignItems: 'center'
    },
    defaultCursor: {
        cursor: 'default'
    },
    itemTooltip: {
        margin: '4px 0'
    },
    marginText: {
        marginLeft: '21px'
    },
    itemTextWrapper: {
        display: 'flex',
        alignItems: 'center'
    }
});
