.brandingImageUpload__TyiLW {
  --image-display-height: 10rem;
  --image-display-width: 18.75rem;
}

.imageWrapper__J_UrW {
  align-items: center;
  background-color: var(--white);
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--light-gray);
  box-sizing: border-box;
  display: flex;
  height: var(--image-display-height);
  justify-content: center;
  margin: 0;
  padding: 0.75rem 1.875rem;
  position: relative;
  width: var(--image-display-width);
}

.imageWrapper__J_UrW img {
    max-height: 100%;
    max-width: 100%;
  }

.imageWrapper__J_UrW.empty__XSvJt span {
      background-color: var(--white);
      padding: 0.125rem;
      z-index: 1;
    }

.imageWrapper__J_UrW.empty__XSvJt:before {
      background-color: var(--light-gray);
      content: '';
      height: 0.125rem;
      left: 0;
      position: absolute;
      rotate: 31deg;
      top: 4.875rem;
      width: 100%;
    }

.dark__iW9qN .imageWrapper__J_UrW {
    background-color: var(--primary);
  }

.dark__iW9qN .imageWrapper__J_UrW.empty__XSvJt span {
        background-color: var(--primary);
        color: var(--white);
      }

.buttonGroup__SsSxM {
  margin-top: 0.75rem;
  width: var(--image-display-width);
}

.buttonGroup__SsSxM > * {
    flex-grow: 1;
    max-width: 12.5rem;
  }

.tabs__L9V1K {
  border-bottom: 0.0625rem solid var(--lighter-gray);
  display: flex;
  gap: 0.5rem;
  margin-top: 1.25rem;
}

.tab__syfzX {
  align-items: center;
  background: none;
  border: 0;
  border-bottom: 0.1875rem solid transparent;
  color: var(--darker-gray);
  cursor: pointer;
  display: flex;
  font-family: inherit;
  font-size: 1rem;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem 0.75rem;
}

.tab__syfzX:hover {
  color: var(--dark-navy);
}

.active__LqvKQ {
  border-bottom-color: var(--violet);
  color: var(--dark-navy);
  font-weight: 500;
}

.count__vscqD {
  background-color: var(--lightest-gray);
  border-radius: var(--border-radius-sm);
  color: var(--darker-gray);
  font-size: 0.8125rem;
  font-weight: 400;
  padding: 0.125rem 0.5rem;
}