.Bd\(\$bdwhite\) {
  border: 1px solid white;
}
.Bdrs\(\$xs\) {
  border-radius: 8px;
}
.Bdrs\(50\%\) {
  border-radius: 50%;
}
.Bg\(\$overlay\) {
  background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}
.Bgc\(\$headingGrey\) {
  background-color: #32323E;
}
.Bgc\(black\) {
  background-color: black;
}
.Bgc\(t\) {
  background-color: transparent;
}
.Bgc\(white\) {
  background-color: white;
}
.C\(\$white\) {
  color: #fff;
}
.C\(white\) {
  color: white;
}
.D\(f\) {
  display: flex;
}
.D\(ib\) {
  display: inline-block;
}
.Fxg\(1\) {
  flex-grow: 1;
}
.Fld\(c\) {
  flex-direction: column;
}
.Ai\(c\) {
  align-items: center;
}
.Ai\(fs\) {
  align-items: flex-start;
}
.Jc\(c\) {
  justify-content: center;
}
.Jc\(sb\) {
  justify-content: space-between;
}
.H\(\$3xs\) {
  height: 2px;
}
.H\(\$5xl\) {
  height: 72px;
}
.H\(\$xms\) {
  height: 6px;
}
.H\(100\%\) {
  height: 100%;
}
.H\(70vh\) {
  height: 70vh;
}
.M\(a\) {
  margin: auto;
}
.My\(\$mmd\) {
  margin-top: 20px;
  margin-bottom: 20px;
}
.Mt\(5\%\) {
  margin-top: 5%;
}
.Mend\(\$xhs\) {
  margin-right: 3px;
}
.Mend\(\$xs\) {
  margin-right: 8px;
}
.Mah\(70vh\) {
  max-height: 70vh;
}
.Maw\(340px\) {
  max-width: 340px;
}
.Maw\(600px\) {
  max-width: 600px;
}
.T\(0\) {
  top: 0;
}
.T\(a\) {
  top: auto;
}
.B\(0\) {
  bottom: 0;
}
.Start\(0\) {
  left: 0;
}
.Ov\(h\) {
  overflow: hidden;
}
.Px\(\$lg\) {
  padding-left: 24px;
  padding-right: 24px;
}
.Px\(\$md\) {
  padding-left: 16px;
  padding-right: 16px;
}
.Py\(\$sm\) {
  padding-top: 12px;
  padding-bottom: 12px;
}
.Pt\(\$xms\) {
  padding-top: 6px;
}
.Pos\(a\) {
  position: absolute;
}
.Pos\(f\) {
  position: fixed;
}
.Pos\(r\) {
  position: relative;
}
.Scale\(1\.2\) {
  transform: scale(1.2);
}
.Trs\(\$trsslider\) {
  transition: transform .2s ease-out;
}
.Trs\(\$trssliderfast\) {
  transition: transform .1s linear;
}
.Va\(t\) {
  vertical-align: top;
}
.Whs\(nw\) {
  white-space: nowrap;
}
.W\(\$5xl\) {
  width: 72px;
}
.W\(\$xms\) {
  width: 6px;
}
.W\(100\%\) {
  width: 100%;
}
.W\(75\%\) {
  width: 75%;
}
.Z\(1\) {
  z-index: 1;
}
@media(min-width:1000px) {
  .Mb\(\$md\)--md {
    margin-bottom: 16px;
  }
  .Pstart\(40\%\)--md {
    padding-left: 40%;
  }
}
@media(min-width:1200px) {
  .Ta\(c\)--lg {
    text-align: center;
  }
}