@import "../../../style/mixin";

@include export-module('model-creation-page-theme') {
  .model-creation-page {
    .model-creation-wrapper {
      button-colijn {
        transition: filter $tp-button-hover-transition ease !important;

        &:hover {
          filter: $tp-button-hover-filter;
        }
      }

      .title {
        font-size: $tp-title-font-size;
        font-weight: $tp-title-font-weight;
      }

      .subtitle {
        font-size: $tp-subtitle-font-size;
      }

      .upload {
        .info {
          co-input-text {
            &:before {
              transition: box-shadow $tp-info-input-transition ease;
            }
          }

          .subsubtitle {
            font-size: $tp-subsubtitle-font-size;
          }

          .quality-select {
            > * {
              border: solid $tp-quality-select-item-border-width $tp-quality-select-item-border-color;
              border-radius: $tp-quality-select-item-border-radius;
              transition: all $tp-quality-select-item-transition;

              &:hover, &:has(.selected) {
                border-color: $tp-quality-select-item-active-border-color;
              }
            }
          }
        }

        .file-uploads {
          .upload-icon {
            co-icon {
              opacity: $tp-upload-icon-opacity;
            }
          }
        }
      }
    }
  }
}
