import { css } from 'lit';
import componentStyles from '../../styles/component.styles.mjs';

const styles = css`
  ${componentStyles}

  :host {
    display: inline-block;
    width: 1em;
    height: 1em;
    box-sizing: content-box !important;
  }

  svg {
    display: block;
    height: 100%;
    width: 100%;
  }

  .flow-ui-icon {
    stroke: currentColor;
    fill: currentColor;
  }

  .flow-ui-icon-fill-none {
    fill: none;
  }

  .flow-ui-icon-stroke-width {
    stroke-width: 32px;
    stroke-width: var(--flow-ui-icon-stroke-width, 32px);
  }
`;

export { styles as default };
