"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useStyles = void 0;
var styles_1 = require("@mui/styles");
exports.useStyles = (0, styles_1.makeStyles)({
    circleButton: {
        maxWidth: '14px',
        maxHeight: '14px',
        border: '1px solid rgba(0, 0, 0, 0.3)',
        fontSize: '13px',
        color: 'rgba(0, 0, 0, 0.6)',
        position: 'absolute',
        top: '-11px',
        left: '5px',
        backgroundColor: '#ffffff',
        '&:hover': {
            backgroundColor: '#f7f7f7'
        },
        '&.focused': {
            backgroundColor: '#f7f7f7'
        }
    },
    delimiter: {
        position: 'relative',
        height: '4px',
        borderTop: '1px solid rgba(0, 0, 0, 0.3)',
        borderBottom: '1px solid rgba(0, 0, 0, 0.3)',
        margin: '15px 0 24px 0'
    }
});
