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

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

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

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

  .video-description {
    span:nth-child(2) {
      float: right;
    }
    margin-bottom: ${CAP_SPACE_24};
  }

  .form-builder-dragger {
    .ant-upload-drag {
      background-color: ${CAP_G10};
    }
  }

  .action-label-section {
    .component-with-label-label {
      font-size: ${FONT_SIZE_M};
    }
  }

  .action-url-section {
    margin-bottom: ${CAP_SPACE_20};
  }
  .action-url-section,
  .action-label-section {
    padding-left: ${CAP_SPACE_24};
  }

  .line-image-src {
    width: 230px;
  }
`;

