@import '~@capillarytech/cap-ui-library/styles/_variables';

.rcs-footer {
  background-color: $CAP_WHITE;
  position: fixed;
  bottom: 0;
  width: 100%;
  margin-left: -32px;
  padding: $CAP_SPACE_32 $CAP_SPACE_24;
  margin-top: 40px;
  z-index: 1;
  .ant-btn {
    margin-right: $CAP_SPACE_16;
  }
}

.cap-rcs-creatives {
  .rcs-scroll-div {
    margin-bottom: 150px;
  }
  .rcs-preview-container {
    .cap-row-v2 {
      position: fixed;
    }
  }
  .rcs-optional-label {
    margin-left: 8px;
    color: $FONT_COLOR_03;
    font-weight: normal;
  }
  .rcs_text_area_wrapper {
    position: relative;
  }
  .rcs-button{
    display: inline-grid;
  }
  .rcs-button-label{
    margin-bottom: 17px;
  }
  .disabled-button{
     opacity: 0.5;
  }
  .rcs-radio > label.ant-radio-wrapper {
    margin-right: 50px;
  }

  .ant-radio-inner::after{
    top: 3px;
    left: 3px;
  }
  .ant-radio-inner{
    border: 1px solid #d9d9d9;
  }
  .ant-radio-checked .ant-radio-inner{
    border: 1px solid #47af46;
  }
  .rcs-dlt-fallback-card {
    max-width: 420px;
  }
  .rcs_fallback_msg_textarea_wrapper {
    position: relative;
  }
  .rcs-dlt-fallback-card.ant-card-bordered > div {
    padding: 12px;
  }
  .rcs-listing-content {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    &.title{
      -webkit-line-clamp: 1;
    }
    &.desc{
      -webkit-line-clamp: 5;
    }
    &.rcs-button-text{
      padding-top: 13px;
      text-align: center;
    }
  }
  .rcs-listing-image {
    margin-bottom: 8px;
    width: 220px;
    height: 103px;
  }
  .fallback-sms-length {
    margin-top: 13px;
    float: right;
  }
  .rcs-fallback-len-error{
    margin-top: 8px;
  }
  .rcs-image-dimensions-label{
    margin-top: 1.25rem;
  }
  .rcs-template-title-input {
    .rcs-edit-disabled {
      cursor: not-allowed;
      opacity: 0.5;
      overflow-wrap: anywhere;
    }
  }
  .rcs-template-title-label {
    margin-top: 1.25rem;
  }
  #rcs-template-message-label .ant-btn.cap-button-v2 {
    height: 32px;
  }
  #rcs-template-message-label {
    margin-top: 1.25rem;
  }
  .rcs-container-image {
    .image-container {
      background-image: none;
      border: 0;
      width: unset;
    }
  }

  #rcs-dimension-select{
    width: 100%;
  }
}
.rcs-fallback-preview > .cap-slide-box-v2-container.size-r{
    min-width: 430px;
    max-width: 430px;
    width: 430px;
}

.rcs-button-cta{
  margin-top: 1.25rem;
  margin-bottom: 0.75rem;
}

.rcs-image-preview, .rcs-video-preview {
  width: 100%;
  margin: 1.25rem 0;
  
  .rcs-preview-image, .rcs-preview-video {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
  }
}

.rcs-status-label {
  font-weight: 500;
}