.standard-padding {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: clamp(1rem, 2vw, 2rem);
  padding-bottom: clamp(1rem, 2vw, 2rem);
}

.standard-padding-h {
  padding-left: 24px;
  padding-right: 24px;
}

.standard-padding--extra-v {
  padding-top: clamp(2rem, 4vw, 4rem);
  padding-bottom: clamp(2rem, 4vw, 4rem);
}


.soft-shadow {
  box-shadow:
    0.2px 0.3px 1.4px rgba(0, 0, 0, 0.012),
    0.6px 0.7px 3.5px rgba(0, 0, 0, 0.018),
    1.2px 1.4px 7.1px rgba(0, 0, 0, 0.022),
    2.6px 2.9px 14.6px rgba(0, 0, 0, 0.028),
    7px 8px 40px rgba(0, 0, 0, 0.04);
}


.flex {
  display: flex;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}
.vertical-align-top {
  vertical-align: top;
}

.absolute {
  position: absolute;
  top: 0;
  left: 0;
}

.hide {
  display: none !important;
}

.relative {
  position: relative;
}

.no-underline {
  text-decoration: none;
}

.hover-underline:hover {
  text-decoration: underline;
}

.opacity-high {
  opacity: .9;
}

.opacity-mid {
  opacity: .8;
}

.opacity-low {
  opacity: .7;
}

.hover-opacity:hover {
  opacity: .8;
}

.hover-opacity-children:hover > * {
  opacity: .8;
}

.full {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.square38 {
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
}
.square42 {
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
}
.square48 {
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
}

.w90 {
  width: 90px;
}
.h90 {
  height: 90px;
}
.w96 {
  width: 96px;
}
.h96 {
  height: 96px;
}
.w108 {
  width: 108px;
}
.h108 {
  height: 108px;
}
.w120 {
  width: 120px;
}
.h120 {
  height: 120px;
}

.mxauto {
  margin-left: auto;
  margin-right: auto;
}

.-mt8 {
  margin-top: -8px;
}

.-mt16 {
  margin-top: -8px;
}

.mt32 {
  margin-top: 32px;
}

.mx42-between-children > div {
  margin-left: 21px;
  margin-right: 21px;
}

.mx60-between-children > div {
  margin-left: 30px;
  margin-right: 30px;
}

.mx72-between-children > div {
  margin-left: 36px;
  margin-right: 36px;
}

.mr2 {
  margin-right: 2px;
}

.mr4 {
  margin-right: 4px;
}

.mr8 {
  margin-right: 8px;
}

.mr16 {
  margin-right: 16px;
}

.mr24 {
  margin-right: 24px;
}

.mr32 {
  margin-right: 32px;
}

.mr40 {
  margin-right: 40px;
}

.mr48 {
  margin-right: 48px;
}

.mb2 {
  margin-bottom: 2px;
}

.mb4 {
  margin-bottom: 4px;
}

.mb6 {
  margin-bottom: 6px;
}

.mb8 {
  margin-bottom: 8px;
}

.mb16 {
  margin-bottom: 16px;
}

.mb24 {
  margin-bottom: 24px;
}

.mb32 {
  margin-bottom: 32px;
}

.mb36 {
  margin-bottom: 36px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb48 {
  margin-bottom: 48px;
}

.mlauto {
  margin-left: auto;
}

.ml2 {
  margin-left: 2px;
}

.ml4 {
  margin-left: 4px;
}

.ml8 {
  margin-left: 8px;
}

.ml16 {
  margin-left: 16px;
}

.ml24 {
  margin-left: 24px;
}

.ml32 {
  margin-left: 32px;
}

.ml40 {
  margin-left: 40px;
}

.ml48 {
  margin-left: 48px;
}

.pb0 {
  padding-bottom: 0;
}

.p0 {
  padding: 0;
}

.p16 {
  padding: 16px;
}

.p24 {
  padding: 24px;
}

.w100 {
  width: 100%;
}

.space-v {
  height: clamp(0.5rem, 1vw, 1rem);
}

.space-v-hard {
  height: 1rem;
}

.space-h {
  width: 1rem;
  height: 1rem;
}


.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}


.small {
  font-size: 80%;
}

.big {
  font-size: 116%;
}

.bigger {
  font-size: 124%;
}

.b {
  font-weight: bold;
}

.medium {
  font-weight: 500;
}


[class*="slanted-underline-"] {
  top: 2px;
  color: rgba(255,255,255,0);
  text-decoration-line: underline;
  text-decoration-thickness: 6px; 
  text-decoration-skip-ink: none; 
  transform: rotate(359.25deg);
}

.slanted-underline-orange {
  text-decoration-color: #FDBF33;
}

.slanted-underline-green {
  text-decoration-color: #33BF75;
}


.flex-wrap {
  flex-wrap: wrap;
}

.flex-direction-column {
  flex-direction: column;
}

.justify-content-center {
  justify-content: center;
}

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

.align-items-center {
  align-items: center;
}

.align-content-stretch {
  align-content: stretch;
}

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

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

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

.float-right {
  float: right;
}

.orange-border {
  border: 5px solid var(--orange);
}

.letter-spacing {
  letter-spacing: .5px;
}

.rounded {
  border-radius: 9999px;
  overflow: hidden;
}

.small-rounded {
  border-radius: 8px;
  overflow: hidden;
}

.slight-rounded {
  border-radius: 3px;
  overflow: hidden;
}

.user-select-none {
  user-select: none;
}



.desktop, .desktop-inline, .desktop-inline-block {
  display: none;
}

.mobile {
  display: block;
}

.mobile-inline {
  display: inline;
}

.mobile-children-block > * {
  display: block;
}

@media (min-width: 1000px) {
  .mobile, .mobile-inline {
    display: none;
  }

  .desktop {
    display: block;
  }

  .desktop-inline {
    display: inline;
  }

  .desktop-inline-block {
    display: inline-block;
  }

  .mobile-children-block > * {
    display: inline;
  }
}