"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = exports.animationStyles = void 0;

var _renderUi = require("../render-ui");

var noTouch = {
  '-webkit-touchCcallout': 'none',
  '-webkit-user-select': 'none',
  '-khtml-user-select': 'none',
  '-moz-user-select': 'none',
  '-ms-user-select': 'none',
  'user-select': 'none'
};
var _default = {
  root: {
    width: '100%',
    cursor: 'pointer'
  },
  content: {
    margin: '0 auto',
    textAlign: 'center',
    display: 'flex'
  },
  label: Object.assign({
    width: 'fit-content',
    minWidth: '140px',
    // eslint-disable-next-line
    fontFamily: "'Roboto', sans-serif",
    alignSelf: 'center',
    verticalAlign: 'middle',
    color: "var(--correct-answer-toggle-label-color,  ".concat(_renderUi.color.text(), ")"),
    fontWeight: 'normal'
  }, noTouch),
  icon: {
    position: 'absolute',
    width: '25px'
  },
  iconHolder: {
    width: '25px',
    marginRight: '5px',
    display: 'flex',
    alignItems: 'center'
  },
  enter: {
    opacity: '0'
  },
  enterActive: {
    opacity: '1',
    transition: 'opacity 0.3s ease-in'
  },
  exit: {
    opacity: '1'
  },
  exitActive: {
    opacity: '0',
    transition: 'opacity 0.3s ease-in'
  }
};
exports["default"] = _default;
var animationStyles = {};
exports.animationStyles = animationStyles;
//# sourceMappingURL=styles.js.map