import { css } from 'styled-components';
import {
  CAP_G06,
  CAP_SPACE_16,
  CAP_SPACE_24,
  FONT_COLOR_02,
} from '@capillarytech/cap-ui-library/styled/variables';

export default css`
  padding: 0 ${CAP_SPACE_16} ${CAP_SPACE_16};
  position: relative;

  .carousel-content {
    position: relative;
    margin-top: 20px;
  }

  .image-container {
    background-color: ${CAP_G06};
    margin-top: 20px;
  }

  .choice-title {
    margin-bottom: ${CAP_SPACE_24};
    color: ${FONT_COLOR_02};

    .title-desc-container .cap-heading {
      text-align: center;
    }
  }

  .image-template-title {
    margin-top: ${CAP_SPACE_24};
  }

  .cap-tab-v2-wrapper {
    .ant-tabs-bar.ant-tabs-top-bar {
      padding: 0;
    }
  }

  .extra-button-group {
    button {
      padding: 0;
      margin-left: 6px;
    }
  }

  .action-type-section {
    margin: ${CAP_SPACE_24} 0;

    .ant-input-group-addon {
      background-color: transparent;
    }
  }

  .title-textarea {
    margin-top: ${CAP_SPACE_16};
  }

  .card-message-header {
    margin-bottom: ${CAP_SPACE_16};
  }
`;

