import { makeStyles } from '@mui/styles';
export var useStyles = makeStyles(function () { return ({
    '@global .rst__placeholder': {
        position: 'relative',
        height: '68px',
        maxWidth: '300px',
        padding: '10px'
    },
    '@global .rst__placeholder, .rst__placeholder > *': {
        boxSizing: 'border-box'
    },
    '@global .rst__placeholder::before': {
        border: '3px dashed #d9d9d9',
        content: '',
        position: 'absolute',
        top: '5px',
        right: '5px',
        bottom: '5px',
        left: '5px',
        zIndex: -1
    },
    /**
     * The outline of where the element will go if dropped, displayed while dragging
     */
    '@global .rst__placeholderLandingPad, .rst__placeholderCancelPad': {
        border: 'none !important',
        boxShadow: 'none !important',
        outline: 'none !important'
    },
    '@global .rst__placeholderLandingPad *, .rst__placeholderCancelPad *': {
        opacity: '0 !important'
    },
    '@global .rst__placeholderLandingPad::before, .rst__placeholderCancelPad::before': {
        backgroundColor: 'lightblue',
        borderColor: 'white'
    },
    /**
     * Alternate appearance of the landing pad when the dragged location is invalid
     */
    '@global .rst__placeholderCancelPad::before': {
        backgroundColor: '#e6a8ad'
    }
}); });
