:root {
  --purple: #3b0074;
  --yellow: #fad312;
  --green: #23dc6d;
  --red: #ff4d5b;
  --pink: #fac1c0;
}

.c-inherit {
  color: inherit;
}
.c-white {
  color: #fff;
}
.c-black {
  color: #000;
}
.c-purple {
  color: var(--purple);
}
.c-yellow {
  color: var(--yellow);
}
.c-green {
  color: var(--green);
}
.c-red {
  color: var(--red);
}
.c-pink {
  color: var(--pink);
}

.bg-inherit {
  background: inherit;
}
.bg-white {
  background: #fff;
}
.bg-black {
  background: #000;
}
.bg-purple {
  background: var(--purple);
}
.bg-yellow {
  background: var(--yellow);
}
.bg-green {
  background: var(--green);
}
.bg-red {
  background: var(--red);
}
.bg-pink {
  background: var(--pink);
}

.markdown em {
  font-style: normal;
}

.t-purple .markdown em {
  color: var(--purple);
}
.t-yellow .markdown em {
  color: var(--yellow);
}
.t-green .markdown em {
  color: var(--green);
}
.t-red .markdown em {
  color: var(--red);
}
.t-pink .markdown em {
  color: var(--pink);
}
.t-black .markdown em {
  color: black;
}
.t-white .markdown em {
  color: white;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.sticky {
  position: sticky;
  top: 0;
  z-index: 100;
}

.oh {
  overflow: hidden;
}

.rounded {
  border-radius: 40px;
}

.rounded .rounded {
  border-radius: 30px;
}

.roundedTop {
  border-radius: 40px 40px 0 0;
}

.roundedBottom {
  border-radius: 0 0 40px 40px;
}

.textM {
  font-size: var(--fontSizeM);
  line-height: 1.4;
}

.textS {
  font-size: var(--fontSizeS);
}

.bold {
  font-weight: bold;
}

.flexColumn {
  flex-direction: column;
}

.block {
  display: block;
}

.flex {
  display: flex;
}

.inlineFlex {
  display: inline-flex;
}

.flexGrow {
  flex: 1;
}

.flexNone {
  flex: none;
}

.flexWrap {
  flex-wrap: wrap;
}

.alignStart {
  align-items: flex-start;
}

.alignCenter {
  align-items: center;
}

.alignEnd {
  align-items: flex-end;
}

.justifyCenter {
  justify-content: center;
}

.justifyBetween {
  justify-content: space-between;
}

.justifyAround {
  justify-content: space-around;
}

.w100 {
  flex: none;
  width: 100%;
}

.h100 {
  flex: none;
  height: 100%;
}

.ha {
  height: auto;
  min-height: auto !important;
}

.w50 {
  flex: none;
  width: 50%;
}

.h50 {
  height: 50%;
}

.padding {
  padding: 40px;
}

.paddingX {
  padding: 0 40px;
}

.paddingY {
  padding: 40px 0;
}

.padding2 {
  padding: 20px;
}

.paddingX2 {
  padding: 0 20px;
}

.paddingY2 {
  padding: 20px 0;
}

.cover {
  object-fit: cover;
}

@media (max-width: 900px) {
  .rounded {
    border-radius: 30px;
  }

  .rounded .rounded {
    border-radius: 20px;
  }

  .padding {
    padding: 20px 20px;
  }

  .paddingX {
    padding: 0 20px;
  }

  .paddingY {
    padding: 20px 0;
  }

  .padding2 {
    padding: 10px;
  }

  .paddingX2 {
    padding: 0 10px;
  }

  .paddingY2 {
    padding: 10px 0;
  }

  .textM {
    line-height: 1.3;
  }
}

.truncate {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.nowrap {
  white-space: nowrap;
}