.sd-flex {
  display: flex;
}
.sd-flex-direction-column {
  flex-direction: column;
}
.sd-justify-center {
  justify-content: center;
}
.sd-justify-between {
  justify-content: space-between;
}
.sd-align-center {
  align-items: center;
}
.sd-disabled {
  pointer-events: none;
  opacity: 0.6;
}
.sd-ell {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.sd-ell2 {
  -webkit-line-clamp: 2;
}

.sd-ell3 {
  -webkit-line-clamp: 3;
}

.sd-red-card-owner {
  .sd-avatar-title-txt {
    font-size: 24px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.65);
    line-height: 33px;
    max-width: 300px;
  }
}
.sd-red-card-progress {
  margin-bottom: 32px;
  .at-progress__outer-inner {
    background: rgba(255, 255, 255, 0.4);
    border-radius: 6px;
  }
  .at-progress__outer-inner-background {
    height: 12px;
  }
}
.sd-shadow-button {
  padding: unset;
  margin: unset;
  background: unset;
  color: unset;
  box-sizing: unset;
  font-size: unset;
  text-align: unset;
  text-decoration: unset;
  line-height: unset;
  border-radius: unset;
  &::after {
    border: none;
  }
}
.sd-bold-primary {
  text-shadow: 0px 0px #c69c6d, 0px 0px #c69c6d, 0px 0px #c69c6d, 0px 0px #c69c6d;
}
.sd-bold-white {
  text-shadow: 0px 0px white, 0px 0px white, 0px 0px white, 0px 0px white;
}
.sd-bold-black {
  text-shadow: 0px 0px #262626, 0px 0px #262626, 0px 0px #262626, 0px 0px #262626;
}