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

const styles = css`
  ${componentStyles}

  :host {
    --padding: 0;
    display: none;
  }

  :host([active]) {
    display: block;
  }

  .stepper-panel {
    display: block;
    padding: var(--padding);
  }
`;

export { styles as default };
