@import '~wix-rich-content-common/dist/statics/styles/mixins';
@import '~wix-rich-content-common/dist/statics/styles/palette';

// TODO: add soundCloud_urlInput_ prefix to all the classes
.container {
  padding: 51px 60px 60px;
  @include phone {
    padding: 24px 18px 30px;
  }
}

.closeIcon {
  position: absolute;
  right: 30px;
  top: 30px;
  cursor: pointer;
  color: #333;
}

.cameraIcon {
  width: 18px;
}

.errorIcon {
  width: 13px;
}

.header {
  display: flex;
  align-items: center;
}

.header_text {
  font-size: 16px;
  margin: 8px 0 8px 0;
}

.header_icon {
  margin-right: 12px;
}

.soundCloudUrlInputModal_textInput {
  margin: 8px 0 24px 0;
}

.modal_footer {
  border: none !important;
  padding: 0 !important;
  height: 40px !important;
}

.textInput_input {
  padding: 9px 21px 10px 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.textInput_input_invalid {
  padding-right: 39px;
}

.settingsPanel_save {
  @include phone {
    padding: 9px 15px 10px 15px;
  }
}
.settingsPanel_cancel {
  @include phone {
    padding: 9px 15px 10px 15px;
  }
}