.section-card {
  background: $white;
  box-shadow: 0 0 0 1px rgba(63,63,68,.05),0 1px 3px 0 rgba(63,63,68,.15);
  padding: 1rem;
  margin-bottom: 1rem;

  .section-card-title {
    font-weight: bold;
    margin-bottom: 1rem;
  }
}

.polaris-message {
  padding: 1rem;
  box-shadow: var(--p-banner-border,inset 0 3px 0 0 var(--p-border,#637381),inset 0 0 0 0 transparent,0 0 0 1px rgba(63,63,68,.05),0 1px 3px 0 rgba(63,63,68,.15));
}

.navbar {
  border-bottom: 1px solid #e3e6eb;
  padding: 1rem;
  background: transparent;
  display: flex;

  .navbar-end {
    align-items: stretch;
    display: flex;
    justify-content: flex-end;
    margin-left: auto;
  }
}

.upload-wrapper {
  width: 100%;
  height: 200px;
  border: 2px dashed $grey-lighter;
  margin: 1rem 0;
  position: relative;

  &.drag-active {
    background: rgba(73, 89, 189, .03);
    border: 2px dashed $primary;
  }

  &:hover {
    background: rgba(73, 89, 189, .03);
  }

  .upload-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;

    img.upload-image {
      width: 70px;
    }
  }

  input {
    position: absolute;
    cursor: pointer;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
  }
}