body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 0;
  padding: 0;
  background-color: #f4f4f4;
  color: #333;
}

header {
  background-color: #2c3e50;
  color: #ecf0f1;
  padding: 1em;
  text-align: center;
}

nav {
  background-color: #34495e;
  padding: 1em;
  text-align: center;
}

nav a {
  color: #ecf0f1;
  text-decoration: none;
  margin: 0 1em;
  font-weight: bold;
}

section {
  padding: 2em;
}

footer {
  background-color: #2c3e50;
  color: #ecf0f1;
  padding: 1em;
  text-align: center;
  position: fixed;
  bottom: 0;
  width: 100%;
}

.dark-mode {
  background-color: #111!important;
  color: #fff;
}

.dark-mode section {
  background-color: #111 !important;
  color: #fff; 
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

@import url(https://fonts.googleapis.com/css?family=Press+Start+2P); @import url(https://fonts.googleapis.com/css?family=Press+Start+2P); @import url(https://fonts.googleapis.com/css?family=Press+Start+2P); .button-ZGMevK {
  border-radius: 50%;
  line-height: 24px;
  cursor: pointer;
  font-weight: 500;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition-property: background-color,color,-webkit-box-shadow;
  transition-property: background-color,color,-webkit-box-shadow;
  transition-property: background-color,color,box-shadow;
  transition-property: background-color,color,box-shadow,-webkit-box-shadow;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out
}

.button-ZGMevK:hover {
  -webkit-box-shadow: 0 8px 15px rgba(0,0,0,.2);
  box-shadow: 0 8px 15px rgba(0,0,0,.2)
}

.keyboardMode .button-ZGMevK:focus {
  -webkit-transition-property: background-color,color;
  transition-property: background-color,color;
  -webkit-box-shadow: 0 0 0 3px #00b0f4;
  -webkit-box-shadow: 0 0 0 3px var(--focus-border);
  box-shadow: 0 0 0 3px #00b0f4;
  box-shadow: 0 0 0 3px var(--focus-border)
}

.button-ZGMevK.disabled-3SnWY1 {
  opacity: .5;
  cursor: not-allowed;
  pointer-events: none;
  outline: none
}

.buttonBrand-24ECS3 {
  background-color: #5865f2;
  background-color: var(--brand);
  color: #fff;
  color: var(--white)
}

.buttonBrand-24ECS3:hover {
  background-color: hsl(235,86.1%,71.8%);
  background-color: hsl(235,calc(var(--saturation-factor, 1)*86.1%),71.8%)
}

.buttonWhite-1M-wED {
  background-color: #fff;
  background-color: var(--white);
  color: #23272a;
  color: var(--not-quite-black)
}

.buttonWhite-1M-wED:hover {
  color: #5865f2;
  color: var(--brand)
}

.buttonDark-3a8taR {
  background-color: #23272a;
  background-color: var(--not-quite-black);
  color: #fff;
  color: var(--white)
}

.buttonDark-3a8taR:hover {
  background-color: hsl(223,6.7%,20.6%);
  background-color: hsl(223,calc(var(--saturation-factor, 1)*6.7%),20.6%)
}

.buttonLarge-3z9xOS {
  border-radius: 28px;
  font-size: 20px;
  padding: 16px 32px
}

.buttonSmall-1FIG7u {
  border-radius: 40px;
  font-size: 14px;
  padding: 7px 16px
}

.buttonSmallNested-3jhizK {
  font-size: 20px;
  padding: 0 8px
}

.grid-3d2PVT {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.row-31oovZ {
  width: 100%;
  max-width: 1260px;
  max-width: var(--page-max-width);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  grid-template-columns: repeat(var(--num-grid-columns),1fr);
  gap: 0 20px;
  padding: 0 24px;
  padding: 0 var(--page-gutter)
}

.fullRow-GigBMd {
  grid-column: span 4;
  grid-column: span var(--num-grid-columns)
}

.link-1naFFL {
  cursor: pointer
}

.link-1naFFL:hover {
  text-decoration: underline
}

.keyboardMode .link-1naFFL:focus {
  -webkit-box-shadow: 0 0 0 3px #00b0f4;
  -webkit-box-shadow: 0 0 0 3px var(--focus-border);
  box-shadow: 0 0 0 3px #00b0f4;
  box-shadow: 0 0 0 3px var(--focus-border);
  border-radius: 4px
}

.linkDefault-3q74_X {
  color: #00b0f4;
  color: var(--text-link)
}

.text-2H5FnP a {
  color: #00b0f4;
  color: var(--text-link)
}

.text-2H5FnP a:hover {
  text-decoration: underline
}

.keyboardMode .text-2H5FnP a:focus {
  -webkit-box-shadow: 0 0 0 3px #00b0f4;
  -webkit-box-shadow: 0 0 0 3px var(--focus-border);
  box-shadow: 0 0 0 3px #00b0f4;
  box-shadow: 0 0 0 3px var(--focus-border);
  border-radius: 4px
}

.text-2H5FnP strong {
  font-weight: 700
}

.textLarge-Dd0mXv {
  font-size: 24px;
  font-size: clamp(16px,2vw,20px);
  line-height: 140%
}

.textMedium-2cZ80w {
  font-size: 20px;
  font-size: clamp(16px,2vw,20px);
  line-height: 1.625
}

.textSmall-Rm6-Ys {
  font-size: 16px;
  line-height: 24px
}

.textExtraSmall-2-FKT0 {
  font-size: 14px;
  line-height: 18px
}

.textLabel-3G0U01 {
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 3px;
  text-transform: uppercase
}

.dropdown-22wXXq {
  position: absolute;
  background-color: #fff;
  background-color: var(--white);
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
  box-shadow: 0 1px 1px rgba(0,0,0,.1);
  overflow: hidden
}

.orientationBottom-p8TYeC {
  top: 100%;
  margin-top: 8px
}

.orientationTop-14BnnQ {
  bottom: 100%;
  margin-bottom: 8px
}

.container-2uBSm4 {
  position: relative
}

.dropdown-2kD-pX {
  text-align: left;
  padding: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%
}

.dropdownText-1QSPwA {
  padding: 4px 8px
}

.dropdownLink-3GXIPK {
  color: #23272a;
  color: var(--not-quite-black)
}

.dropdownLink-3GXIPK:hover {
  color: #5865f2;
  color: var(--brand);
  text-decoration: underline
}

.focused-3A3dxp {
  background-color: rgba(79,84,92,.16);
  border-radius: 4px
}

.icon-2tQ9Jt {
  margin-right: 8px
}

.container-5YF8IH {
  position: relative
}

.selectorContainer-qHmUl3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}

.keyboardMode .selectorContainer-qHmUl3:focus {
  -webkit-box-shadow: 0 0 0 3px #00b0f4;
  -webkit-box-shadow: 0 0 0 3px var(--focus-border);
  box-shadow: 0 0 0 3px #00b0f4;
  box-shadow: 0 0 0 3px var(--focus-border);
  border-radius: 4px
}

.flag-sHwnaY {
  width: 24px;
  height: 16px;
  margin-right: 8px
}

.localeContainer-a5QGIe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.selectorlanguageName-1rrOD9 {
  color: #fff;
  color: var(--white)
}

.dropdownContainer-1l_IpO {
  z-index: 10
}

.dropdown-8mAfvC {
  max-height: 320px;
  min-width: 150px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain
}

.dropdownItem-1oG3Ig {
  padding: 8px
}

.dropdownClickable-3oaqtR {
  cursor: pointer
}

.focused-3qqpnM {
  background-color: rgba(79,84,92,.16);
  border-radius: 4px
}

.dropdownLanguageName-3GY1QW {
  color: #23272a;
  color: var(--not-quite-black)
}

.arrowIcon-3hG4PK {
  padding-left: 8px
}

:root {
  --page-max-width: 1260px;
  --page-max-width-med: 1024px;
  --num-grid-columns: 4;
  --page-gutter: 24px;
  --section-spacing: 56px
}

@media screen and (min-width: 768px) {
  :root {
      --num-grid-columns:8;
      --page-gutter: 40px;
      --section-spacing: 80px
  }
}

@media screen and (min-width: 1024px) {
  :root {
      --num-grid-columns:12;
      --section-spacing: 120px
  }
}

.footer-gguAio {
  padding-top: 80px;
  padding-bottom: 64px;
  color: #fff;
  color: var(--white)
}

.infoBox-2F-_KW {
  grid-column: span 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-bottom: 56px
}

.spacer-1ayVsf {
  grid-column: 0;
  display: none
}

.routeSection-33w3lS {
  grid-column: span 2;
  margin-bottom: 40px
}

@media screen and (min-width: 768px) {
  .infoBox-2F-_KW {
      grid-column:span 3;
      grid-row-end: span 2
  }

  .spacer-1ayVsf {
      grid-column: span 1;
      grid-row-end: span 2;
      display: initial
  }
}

.language-eGQ78u,.social-3RuOPP {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.language-eGQ78u {
  margin-bottom: 24px;
  margin-top: 24px
}

.languageName-23iD7L {
  margin-left: 8px
}

.socialIcon-38NB2e {
  display: block
}

.socialLink-1h9CDw {
  color: inherit
}

.socialLink-1h9CDw+.socialLink-1h9CDw {
  margin-left: 24px
}

.colHeader-3LmkbR {
  margin-bottom: 20px
}

.navLink-33dQx3 {
  color: inherit;
  margin-top: 8px;
  display: block
}

.ctaSeparator-3buN1t {
  width: 100%;
  height: 1px;
  margin-bottom: 32px
}

.ctaContainer-1L5wFo {
  grid-column: span 4;
  grid-column: span var(--num-grid-columns)
}

.cta-1TzIKE {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.cta-1TzIKE,.logoLink-2i7vCz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.logoLink-2i7vCz {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.logo-TA52YN {
  color: #fff;
  color: var(--white);
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.brand-1AbNp3.footer-gguAio {
  background-color: #23272a;
  background-color: var(--not-quite-black)
}

.brand-1AbNp3 .colHeader-3LmkbR,.brand-1AbNp3 .tagline-1rsZ5q {
  color: #5865f2;
  color: var(--brand)
}

.brand-1AbNp3 .ctaSeparator-3buN1t,.brandInverted-1wk8Ml.footer-gguAio {
  background-color: #5865f2;
  background-color: var(--brand)
}

.brandInverted-1wk8Ml .colHeader-3LmkbR,.brandInverted-1wk8Ml .tagline-1rsZ5q {
  color: #23272a;
  color: var(--not-quite-black)
}

.brandInverted-1wk8Ml .ctaSeparator-3buN1t {
  background-color: #23272a;
  background-color: var(--not-quite-black)
}

.flex-2S1XBF {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.flex-2S1XBF,.flex-2S1XBF .flexChild-3PzYmX {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.flex-2S1XBF .flexChild-3PzYmX {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.flex-2S1XBF.flexGutterSmall-2ZEB3B {
  margin-left: -10px;
  margin-right: -10px
}

.flex-2S1XBF.flexGutterSmall-2ZEB3B .flexChild-3PzYmX {
  padding: 0 10px
}

.flex-2S1XBF.flexGutterLarge-2BFOpj {
  margin-left: -30px;
  margin-right: -30px
}

.flex-2S1XBF.flexGutterLarge-2BFOpj .flexChild-3PzYmX {
  padding: 0 30px
}

.flexVertical-1bpYHn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.flexVertical-1bpYHn>.flexSpacer-32BPgP {
  min-height: 1px
}

.flexHorizontal-humxgD {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.flexHorizontal-humxgD>.flexSpacer-32BPgP {
  min-width: 1px
}

.flexHorizontalReverse-11NEQz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.flexHorizontalReverse-11NEQz>.flexSpacer-32BPgP {
  min-width: 1px
}

.flexSpacer-32BPgP {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden
}

.flexCenter-363AJy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.flexAlignStart-3ME8H0 {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.flexAlignEnd-1lD9VZ {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.flexAlignCenter-8FgVwZ {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.flexAlignStretch-1BJbuT {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.flexJustifyStart-3aWekq {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.flexJustifyEnd-1jdZFl {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.flexJustifyCenter-3VdGrQ {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.flexJustifyAround-2tnu7F {
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.flexJustifyBetween-32uceF {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.flexNowrap-1qRVW0 {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.flexWrap-A0-NZQ {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.flexWrapReverse-31LBj0 {
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse
}

.boardWrapper-3ehizJ {
  position: relative;
  height: 20vh;
  width: 100vw;
  max-height: 180px
}

.canvas-97mV8s {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 100%;
  image-rendering: -webkit-crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: pixelated;
  font-smooth: never;
  z-index: 1
}

.score-tJOWOF {
  position: relative;
  padding: 20px;
  font-family: Press Start\ 2P,cursive,var(--font-primary);
  font-size: 20px;
  color: #fff;
  text-align: left;
  z-index: 10
}

.container-2XKa5v {
  position: relative;
  width: 100%;
  height: 100%
}

.container-2XKa5v:before {
  display: block;
  position: absolute;
  content: "";
  padding-top: 7.8125%
}

.gameOverText-2UghVU {
  text-align: center;
  width: 100vw;
  font-family: Press Start\ 2P,cursive;
  font-size: 20px;
  color: #fff;
  line-height: 60px;
  z-index: 1000
}

.gameOverCanvas-3nyEK4,.gameOverText-2UghVU {
  position: absolute;
  height: 900px;
  max-height: 100vh
}

.gameOverCanvas-3nyEK4 {
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 500
}

.gameWrap-2xiYwm {
  height: 80vh;
  width: 100vw;
  max-height: 720px;
  position: relative
}

.gameCanvas-2Fxj70 {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  image-rendering: -webkit-crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: pixelated;
  height: 100%;
  z-index: 1;
  pointer-events: auto
}

.winner-9-mAd0 {
  font-size: 30px;
  margin: 30px auto;
  -webkit-animation: blink-1itOCg 1s step-start infinite;
  animation: blink-1itOCg 1s step-start infinite
}

@-webkit-keyframes blink-1itOCg {
  0% {
      color: #fff
  }

  50% {
      color: hsl(235,85.6%,64.7%);
      color: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%)
  }
}

@keyframes blink-1itOCg {
  0% {
      color: #fff
  }

  50% {
      color: hsl(235,85.6%,64.7%);
      color: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%)
  }
}

.titleCard-1vTZCV {
  height: 900px;
  width: 1152px;
  max-height: 100%;
  image-rendering: -webkit-crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: pixelated;
  pointer-events: auto
}

@media screen and (max-height: 900px) {
  .titleCard-1vTZCV {
      width:auto
  }
}

.titleCardAnimated-20nH6j {
  -webkit-animation: fade-in--2Jx2- .5s ease-in;
  animation: fade-in--2Jx2- .5s ease-in;
  pointer-events: auto
}

.container-2N7Z1D {
  position: relative;
  width: 100%;
  height: 100%
}

.container-2N7Z1D:before {
  display: block;
  position: absolute;
  content: "";
  padding-top: 7.8125%
}

@-webkit-keyframes fade-in--2Jx2- {
  0% {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

@keyframes fade-in--2Jx2- {
  0% {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

.overlay-3VZkMS {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  overflow: hidden;
  pointer-events: none
}

.backdrop-38BQxQ {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,.3);
  z-index: 9999
}

.backdropClosing-2xNWf0 {
  pointer-events: none
}

.closeButton-3Rg5jW {
  position: absolute;
  top: 24px;
  right: 24px;
  margin: -8px;
  padding: 8px;
  line-height: 0;
  z-index: 10000;
  pointer-events: auto;
  cursor: pointer
}

.keyboardMode .closeButton-3Rg5jW:focus {
  -webkit-box-shadow: 0 0 0 3px #00b0f4;
  -webkit-box-shadow: 0 0 0 3px var(--focus-border);
  box-shadow: 0 0 0 3px #00b0f4;
  box-shadow: 0 0 0 3px var(--focus-border);
  border-radius: 4px
}

.closeIcon-3Cx1EL {
  width: 24px;
  height: 24px;
  color: #23272a;
  color: var(--not-quite-black)
}

.footer-20pSjV {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  background: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),color-stop(25%,#fff));
  background: linear-gradient(180deg,hsla(0,0%,100%,0),#fff 25%);
  border-bottom-left-radius: 8px;
  z-index: 10000;
  pointer-events: none
}

.downloadButtonWrapper-qXeiyh {
  padding: 24px;
  pointer-events: auto
}

.downloadButton-34PPdg {
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px
}

.panel-DQ3DPk {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 330px;
  z-index: 9999;
  overflow: hidden
}

.panelThemed-1zUSN3 {
  background: #fff;
  background: var(--white);
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  padding: 24px 48px 120px 24px;
  overflow-y: scroll
}

.panelTransparent-1i_YWR {
  pointer-events: none
}

.panelTransparent-1i_YWR>* {
  pointer-events: auto
}

.panelClosing-2tFjUe {
  pointer-events: none
}

.logoWrapper-31SS_O {
  display: inline-block;
  line-height: 0
}

.logo-3lyhKw {
  color: #23272a;
  color: var(--not-quite-black)
}

.spacer-1rBaoF {
  width: 100%;
  height: 1px;
  background: #ebedef;
  margin-top: 24px;
  margin-bottom: 16px
}

.link-1SI-8C {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 16px;
  color: #23272a;
  color: var(--not-quite-black)
}

.linkActive-5lAxbO {
  background: #f6f6f6;
  background: var(--off-white);
  color: #00b0f4;
  color: var(--text-link);
  border-radius: 8px
}

.caret-gcFw9A {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  margin-left: 4px
}

.header-ip5T_r {
  height: 24px;
  margin-bottom: 40px
}

.backButton-2G_J3_ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #23272a;
  color: var(--not-quite-black);
  cursor: pointer;
  margin: -8px;
  padding: 8px
}

.keyboardMode .backButton-2G_J3_:focus {
  -webkit-box-shadow: 0 0 0 3px #00b0f4;
  -webkit-box-shadow: 0 0 0 3px var(--focus-border);
  box-shadow: 0 0 0 3px #00b0f4;
  box-shadow: 0 0 0 3px var(--focus-border);
  border-radius: 4px
}

.backIcon-2K9IYG {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.backText-1bGd1A {
  font-size: 16px;
  line-height: 20px
}

.sectionName-He6yhC {
  color: #000;
  color: var(--black);
  font-size: 20px;
  line-height: 140%;
  font-weight: 500
}

.list-26qduD {
  margin-top: 8px
}

.articleLink-2P7ULl {
  display: block;
  padding: 8px 16px;
  margin-right: -16px;
  color: #4f5660
}

.itemSelected-Ql4uLP {
  background: #f6f6f6;
  background: var(--off-white);
  color: #00b0f4;
  color: var(--text-link);
  border-radius: 8px
}

.groupSpacer-C3TZSQ {
  height: 1px;
  width: 100%;
  background: #ebedef;
  margin-top: 16px;
  margin-bottom: 24px
}

.button-1I7cbj {
  white-space: nowrap
}

.header-V8Sgnz {
  z-index: 9998
}

.wrapper-2bm6Le {
  grid-column: span 4;
  grid-column: span var(--num-grid-columns)
}

.nav-3_Sybl {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 80px
}

.logoLink-BIT_7-,.nav-3_Sybl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.logoLink-BIT_7- {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.logo-3oeRIY {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.mobileButtonContainer-JUZBON {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.mobileAppButton-J8RITc {
  margin-right: 16px
}

.menuIcon-1qu1dr {
  cursor: pointer;
  line-height: 0
}

.keyboardMode .menuIcon-1qu1dr:focus {
  -webkit-box-shadow: 0 0 0 3px #00b0f4;
  -webkit-box-shadow: 0 0 0 3px var(--focus-border);
  box-shadow: 0 0 0 3px #00b0f4;
  box-shadow: 0 0 0 3px var(--focus-border);
  border-radius: 4px
}

.links-DGfZfm {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
  font-size: 16px;
  line-height: 140%;
  font-weight: 600
}

.link-2eyudH {
  margin: 10px;
  padding: 10px
}

.appButton-2_tWQ1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 124px;
  text-align: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse
}

.wrapperDesktop-Xf3mSB {
  display: none
}

.colorSchemeWhite-lV1OlB .link-2eyudH,.colorSchemeWhite-lV1OlB .logo-3oeRIY,.colorSchemeWhite-lV1OlB .menuIcon-1qu1dr {
  color: #fff;
  color: var(--white)
}

.colorSchemeNotQuiteBlack-2Ivnej .link-2eyudH,.colorSchemeNotQuiteBlack-2Ivnej .logo-3oeRIY,.colorSchemeNotQuiteBlack-2Ivnej .menuIcon-1qu1dr {
  color: #23272a;
  color: var(--not-quite-black)
}

@media screen and (min-width: 1024px) {
  .wrapperMobile-3Mokhq {
      display:none
  }

  .wrapperDesktop-Xf3mSB {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
  }
}

.h1-3dtzWh {
  font-family: var(--font-headline);
  font-size: 44px;
  font-size: clamp(24px,5vw,44px);
  line-height: 95%;
  text-transform: uppercase;
  text-rendering: geometricPrecision
}

.h1-3dtzWh,.h2-1JkdZe {
  font-weight: 800
}

.h2-1JkdZe {
  line-height: 120%;
  font-family: var(--font-display);
  font-size: 32px;
  font-size: clamp(20px,4vw,40px)
}

.h2-1JkdZe.headline-QzRfUg {
  font-size: 40px;
  font-size: clamp(20px,4vw,40px)
}

.h3-S23zsN {
  font-weight: 600;
  font-size: 32px;
  font-size: clamp(18px,3vw,32px)
}

.h3-S23zsN,.h4-2lGy8w {
  line-height: 120%;
  font-family: var(--font-display)
}

.h4-2lGy8w {
  font-weight: 700;
  font-size: 32px
}

.h5-2okRbA {
  font-family: var(--font-display);
  font-size: 24px;
  line-height: 120%
}

.h5-2okRbA,.headline-QzRfUg {
  font-weight: 800
}

.headline-QzRfUg {
  font-family: var(--font-headline);
  line-height: 95%;
  text-transform: uppercase;
  text-rendering: geometricPrecision
}

@media screen and (min-width: 768px) {
  .h1-3dtzWh {
      font-size:56px
  }

  .h2-1JkdZe {
      font-size: 48px
  }
}

.image-1mDbT2 {
  width: 350px
}

.outerContainer-9x6ZF4 {
  overflow: hidden
}

.container-20edoT {
  padding-top: 56px;
  padding-top: var(--section-spacing);
  padding-bottom: 56px;
  padding-bottom: var(--section-spacing)
}

.body-1di2mw {
  overflow: auto;
  grid-column: span 7;
  max-width: 600px;
  margin-top: 20px
}

.imageContainer-2k7L1t {
  max-width: 350px;
  grid-column: span 5;
  display: block;
  position: relative
}

.title-2gJ6Dl {
  color: #5865f2;
  color: var(--brand);
  font-size: 44px
}

.text-3cyssq {
  color: #000;
  color: var(--black)
}

.linksSection-FvrBKN,.text-3cyssq {
  margin-top: 20px
}

.links-1FrP1Y {
  font-size: 20px;
  line-height: 35px;
  text-decoration: none;
  -webkit-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
  position: relative
}

.links-1FrP1Y,.links-1FrP1Y:visited {
  color: hsl(200,100%,49.4%);
  color: hsl(200,calc(var(--saturation-factor, 1)*100%),49.4%)
}

.links-1FrP1Y:hover {
  color: hsl(212,100%,45.3%);
  color: hsl(212,calc(var(--saturation-factor, 1)*100%),45.3%)
}

.nellyNoodles-3yE3vq {
  display: none
}

.bgOverlay-2xkDLH {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,.7);
  z-index: 10000
}

@media screen and (max-width: 1024px) {
  .imageContainer-2k7L1t {
      display:none
  }

  .body-1di2mw {
      margin: -40px auto 0;
      overflow: auto;
      grid-column: span 7;
      max-width: 600px
  }

  .title-2gJ6Dl {
      font-size: 28px
  }

  .nellyNoodles-3yE3vq {
      width: 300px;
      display: block;
      margin: 0 auto 40px
  }

  .text-3cyssq {
      font-size: 18px
  }
}

:root {
  --application-subscription-end: hsl(var(--application-subscription-end-hsl)/1);
  --application-subscription-end-hsl: 197 calc(var(--saturation-factor, 1)*98.8%) 32.4%;
  --application-subscription-start: hsl(var(--application-subscription-start-hsl)/1);
  --application-subscription-start-hsl: 235 calc(var(--saturation-factor, 1)*68.5%) 52.7%;
  --battlenet: hsl(var(--battlenet-hsl)/1);
  --battlenet-hsl: 200 calc(var(--saturation-factor, 1)*100%) 44.9%;
  --bg-gradient-aurora-1: hsl(var(--bg-gradient-aurora-1-hsl)/1);
  --bg-gradient-aurora-1-hsl: 220 calc(var(--saturation-factor, 1)*86.5%) 17.5%;
  --bg-gradient-aurora-2: hsl(var(--bg-gradient-aurora-2-hsl)/1);
  --bg-gradient-aurora-2-hsl: 238 calc(var(--saturation-factor, 1)*76.4%) 41.6%;
  --bg-gradient-aurora-3: hsl(var(--bg-gradient-aurora-3-hsl)/1);
  --bg-gradient-aurora-3-hsl: 184 calc(var(--saturation-factor, 1)*78%) 33.9%;
  --bg-gradient-aurora-4: hsl(var(--bg-gradient-aurora-4-hsl)/1);
  --bg-gradient-aurora-4-hsl: 169 calc(var(--saturation-factor, 1)*60.2%) 32.5%;
  --bg-gradient-aurora-5: hsl(var(--bg-gradient-aurora-5-hsl)/1);
  --bg-gradient-aurora-5-hsl: 230 calc(var(--saturation-factor, 1)*92.5%) 26.3%;
  --bg-gradient-chroma-glow-1: hsl(var(--bg-gradient-chroma-glow-1-hsl)/1);
  --bg-gradient-chroma-glow-1-hsl: 183 calc(var(--saturation-factor, 1)*86.3%) 40.2%;
  --bg-gradient-chroma-glow-2: hsl(var(--bg-gradient-chroma-glow-2-hsl)/1);
  --bg-gradient-chroma-glow-2-hsl: 258 calc(var(--saturation-factor, 1)*89.8%) 46.3%;
  --bg-gradient-chroma-glow-3: hsl(var(--bg-gradient-chroma-glow-3-hsl)/1);
  --bg-gradient-chroma-glow-3-hsl: 298 calc(var(--saturation-factor, 1)*90.9%) 34.3%;
  --bg-gradient-chroma-glow-4: hsl(var(--bg-gradient-chroma-glow-4-hsl)/1);
  --bg-gradient-chroma-glow-4-hsl: 265 calc(var(--saturation-factor, 1)*100%) 66.3%;
  --bg-gradient-chroma-glow-5: hsl(var(--bg-gradient-chroma-glow-5-hsl)/1);
  --bg-gradient-chroma-glow-5-hsl: 207 calc(var(--saturation-factor, 1)*75.5%) 50.4%;
  --bg-gradient-citrus-sherbert-1: hsl(var(--bg-gradient-citrus-sherbert-1-hsl)/1);
  --bg-gradient-citrus-sherbert-1-hsl: 40 calc(var(--saturation-factor, 1)*88.7%) 58.2%;
  --bg-gradient-citrus-sherbert-2: hsl(var(--bg-gradient-citrus-sherbert-2-hsl)/1);
  --bg-gradient-citrus-sherbert-2-hsl: 18 calc(var(--saturation-factor, 1)*81.5%) 63.9%;
  --bg-gradient-cotton-candy-1: hsl(var(--bg-gradient-cotton-candy-1-hsl)/1);
  --bg-gradient-cotton-candy-1-hsl: 349 calc(var(--saturation-factor, 1)*76.8%) 81.4%;
  --bg-gradient-cotton-candy-2: hsl(var(--bg-gradient-cotton-candy-2-hsl)/1);
  --bg-gradient-cotton-candy-2-hsl: 226 calc(var(--saturation-factor, 1)*92.6%) 84.1%;
  --bg-gradient-crimson-moon-1: hsl(var(--bg-gradient-crimson-moon-1-hsl)/1);
  --bg-gradient-crimson-moon-1-hsl: 0 calc(var(--saturation-factor, 1)*88.6%) 31%;
  --bg-gradient-crimson-moon-2: hsl(var(--bg-gradient-crimson-moon-2-hsl)/1);
  --bg-gradient-crimson-moon-2-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
  --bg-gradient-desert-khaki-1: hsl(var(--bg-gradient-desert-khaki-1-hsl)/1);
  --bg-gradient-desert-khaki-1-hsl: 29 calc(var(--saturation-factor, 1)*32.4%) 86.1%;
  --bg-gradient-desert-khaki-2: hsl(var(--bg-gradient-desert-khaki-2-hsl)/1);
  --bg-gradient-desert-khaki-2-hsl: 40 calc(var(--saturation-factor, 1)*41.3%) 78.6%;
  --bg-gradient-desert-khaki-3: hsl(var(--bg-gradient-desert-khaki-3-hsl)/1);
  --bg-gradient-desert-khaki-3-hsl: 50 calc(var(--saturation-factor, 1)*49.6%) 75.9%;
  --bg-gradient-dusk-1: hsl(var(--bg-gradient-dusk-1-hsl)/1);
  --bg-gradient-dusk-1-hsl: 293 calc(var(--saturation-factor, 1)*13.5%) 36.3%;
  --bg-gradient-dusk-2: hsl(var(--bg-gradient-dusk-2-hsl)/1);
  --bg-gradient-dusk-2-hsl: 223 calc(var(--saturation-factor, 1)*41%) 69.4%;
  --bg-gradient-easter-egg-1: hsl(var(--bg-gradient-easter-egg-1-hsl)/1);
  --bg-gradient-easter-egg-1-hsl: 227 calc(var(--saturation-factor, 1)*58.4%) 65.1%;
  --bg-gradient-easter-egg-2: hsl(var(--bg-gradient-easter-egg-2-hsl)/1);
  --bg-gradient-easter-egg-2-hsl: 227 calc(var(--saturation-factor, 1)*31%) 44.3%;
  --bg-gradient-forest-1: hsl(var(--bg-gradient-forest-1-hsl)/1);
  --bg-gradient-forest-1-hsl: 124 calc(var(--saturation-factor, 1)*25.9%) 10.6%;
  --bg-gradient-forest-2: hsl(var(--bg-gradient-forest-2-hsl)/1);
  --bg-gradient-forest-2-hsl: 143 calc(var(--saturation-factor, 1)*26.2%) 23.9%;
  --bg-gradient-forest-3: hsl(var(--bg-gradient-forest-3-hsl)/1);
  --bg-gradient-forest-3-hsl: 76 calc(var(--saturation-factor, 1)*20.6%) 24.7%;
  --bg-gradient-forest-4: hsl(var(--bg-gradient-forest-4-hsl)/1);
  --bg-gradient-forest-4-hsl: 117 calc(var(--saturation-factor, 1)*17%) 41.6%;
  --bg-gradient-forest-5: hsl(var(--bg-gradient-forest-5-hsl)/1);
  --bg-gradient-forest-5-hsl: 43 calc(var(--saturation-factor, 1)*38.5%) 47.8%;
  --bg-gradient-hanami-1: hsl(var(--bg-gradient-hanami-1-hsl)/1);
  --bg-gradient-hanami-1-hsl: 352 calc(var(--saturation-factor, 1)*68.3%) 80.2%;
  --bg-gradient-hanami-2: hsl(var(--bg-gradient-hanami-2-hsl)/1);
  --bg-gradient-hanami-2-hsl: 43 calc(var(--saturation-factor, 1)*73.6%) 76.3%;
  --bg-gradient-hanami-3: hsl(var(--bg-gradient-hanami-3-hsl)/1);
  --bg-gradient-hanami-3-hsl: 116 calc(var(--saturation-factor, 1)*43.1%) 74.5%;
  --bg-gradient-lofi-vibes-1: hsl(var(--bg-gradient-lofi-vibes-1-hsl)/1);
  --bg-gradient-lofi-vibes-1-hsl: 220 calc(var(--saturation-factor, 1)*83.8%) 80.6%;
  --bg-gradient-lofi-vibes-2: hsl(var(--bg-gradient-lofi-vibes-2-hsl)/1);
  --bg-gradient-lofi-vibes-2-hsl: 184 calc(var(--saturation-factor, 1)*57.8%) 78.6%;
  --bg-gradient-lofi-vibes-3: hsl(var(--bg-gradient-lofi-vibes-3-hsl)/1);
  --bg-gradient-lofi-vibes-3-hsl: 130 calc(var(--saturation-factor, 1)*46.3%) 78.8%;
  --bg-gradient-lofi-vibes-4: hsl(var(--bg-gradient-lofi-vibes-4-hsl)/1);
  --bg-gradient-lofi-vibes-4-hsl: 76 calc(var(--saturation-factor, 1)*48.8%) 75.5%;
  --bg-gradient-mars-1: hsl(var(--bg-gradient-mars-1-hsl)/1);
  --bg-gradient-mars-1-hsl: 15 calc(var(--saturation-factor, 1)*36.3%) 39.4%;
  --bg-gradient-mars-2: hsl(var(--bg-gradient-mars-2-hsl)/1);
  --bg-gradient-mars-2-hsl: 0 calc(var(--saturation-factor, 1)*36.2%) 41.2%;
  --bg-gradient-midnight-blurple-1: hsl(var(--bg-gradient-midnight-blurple-1-hsl)/1);
  --bg-gradient-midnight-blurple-1-hsl: 245 calc(var(--saturation-factor, 1)*55.1%) 53.7%;
  --bg-gradient-midnight-blurple-2: hsl(var(--bg-gradient-midnight-blurple-2-hsl)/1);
  --bg-gradient-midnight-blurple-2-hsl: 259 calc(var(--saturation-factor, 1)*74.5%) 10.8%;
  --bg-gradient-mint-apple-1: hsl(var(--bg-gradient-mint-apple-1-hsl)/1);
  --bg-gradient-mint-apple-1-hsl: 166 calc(var(--saturation-factor, 1)*39.7%) 52.5%;
  --bg-gradient-mint-apple-2: hsl(var(--bg-gradient-mint-apple-2-hsl)/1);
  --bg-gradient-mint-apple-2-hsl: 119 calc(var(--saturation-factor, 1)*40.4%) 55.9%;
  --bg-gradient-mint-apple-3: hsl(var(--bg-gradient-mint-apple-3-hsl)/1);
  --bg-gradient-mint-apple-3-hsl: 87 calc(var(--saturation-factor, 1)*48.3%) 59.8%;
  --bg-gradient-neon-nights-1: hsl(var(--bg-gradient-neon-nights-1-hsl)/1);
  --bg-gradient-neon-nights-1-hsl: 176 calc(var(--saturation-factor, 1)*98.8%) 33.1%;
  --bg-gradient-neon-nights-2: hsl(var(--bg-gradient-neon-nights-2-hsl)/1);
  --bg-gradient-neon-nights-2-hsl: 259 calc(var(--saturation-factor, 1)*39.5%) 55.3%;
  --bg-gradient-neon-nights-3: hsl(var(--bg-gradient-neon-nights-3-hsl)/1);
  --bg-gradient-neon-nights-3-hsl: 314 calc(var(--saturation-factor, 1)*52.5%) 46.3%;
  --bg-gradient-retro-raincloud-1: hsl(var(--bg-gradient-retro-raincloud-1-hsl)/1);
  --bg-gradient-retro-raincloud-1-hsl: 202 calc(var(--saturation-factor, 1)*47%) 42.9%;
  --bg-gradient-retro-raincloud-2: hsl(var(--bg-gradient-retro-raincloud-2-hsl)/1);
  --bg-gradient-retro-raincloud-2-hsl: 241 calc(var(--saturation-factor, 1)*29.6%) 61%;
  --bg-gradient-retro-storm-1: hsl(var(--bg-gradient-retro-storm-1-hsl)/1);
  --bg-gradient-retro-storm-1-hsl: 202 calc(var(--saturation-factor, 1)*47%) 42.9%;
  --bg-gradient-retro-storm-2: hsl(var(--bg-gradient-retro-storm-2-hsl)/1);
  --bg-gradient-retro-storm-2-hsl: 241 calc(var(--saturation-factor, 1)*27.8%) 47.3%;
  --bg-gradient-sepia-1: hsl(var(--bg-gradient-sepia-1-hsl)/1);
  --bg-gradient-sepia-1-hsl: 33 calc(var(--saturation-factor, 1)*14.2%) 45.7%;
  --bg-gradient-sepia-2: hsl(var(--bg-gradient-sepia-2-hsl)/1);
  --bg-gradient-sepia-2-hsl: 36 calc(var(--saturation-factor, 1)*46.8%) 24.3%;
  --bg-gradient-strawberry-lemonade-1: hsl(var(--bg-gradient-strawberry-lemonade-1-hsl)/1);
  --bg-gradient-strawberry-lemonade-1-hsl: 327 calc(var(--saturation-factor, 1)*74.1%) 39.4%;
  --bg-gradient-strawberry-lemonade-2: hsl(var(--bg-gradient-strawberry-lemonade-2-hsl)/1);
  --bg-gradient-strawberry-lemonade-2-hsl: 28 calc(var(--saturation-factor, 1)*71.7%) 44.3%;
  --bg-gradient-strawberry-lemonade-3: hsl(var(--bg-gradient-strawberry-lemonade-3-hsl)/1);
  --bg-gradient-strawberry-lemonade-3-hsl: 40 calc(var(--saturation-factor, 1)*80.2%) 52.5%;
  --bg-gradient-sunrise-1: hsl(var(--bg-gradient-sunrise-1-hsl)/1);
  --bg-gradient-sunrise-1-hsl: 327 calc(var(--saturation-factor, 1)*42%) 43.9%;
  --bg-gradient-sunrise-2: hsl(var(--bg-gradient-sunrise-2-hsl)/1);
  --bg-gradient-sunrise-2-hsl: 27 calc(var(--saturation-factor, 1)*44.9%) 58%;
  --bg-gradient-sunrise-3: hsl(var(--bg-gradient-sunrise-3-hsl)/1);
  --bg-gradient-sunrise-3-hsl: 50 calc(var(--saturation-factor, 1)*46.3%) 44.5%;
  --bg-gradient-sunset-1: hsl(var(--bg-gradient-sunset-1-hsl)/1);
  --bg-gradient-sunset-1-hsl: 259 calc(var(--saturation-factor, 1)*55.6%) 35.3%;
  --bg-gradient-sunset-2: hsl(var(--bg-gradient-sunset-2-hsl)/1);
  --bg-gradient-sunset-2-hsl: 22 calc(var(--saturation-factor, 1)*66.7%) 57.6%;
  --bg-gradient-under-the-sea-1: hsl(var(--bg-gradient-under-the-sea-1-hsl)/1);
  --bg-gradient-under-the-sea-1-hsl: 115 calc(var(--saturation-factor, 1)*10.5%) 42.9%;
  --bg-gradient-under-the-sea-2: hsl(var(--bg-gradient-under-the-sea-2-hsl)/1);
  --bg-gradient-under-the-sea-2-hsl: 159 calc(var(--saturation-factor, 1)*20.4%) 43.3%;
  --bg-gradient-under-the-sea-3: hsl(var(--bg-gradient-under-the-sea-3-hsl)/1);
  --bg-gradient-under-the-sea-3-hsl: 175 calc(var(--saturation-factor, 1)*10.9%) 46.7%;
  --black-100: hsl(var(--black-100-hsl)/1);
  --black-100-hsl: 0 calc(var(--saturation-factor, 1)*0%) 94.9%;
  --black-130: hsl(var(--black-130-hsl)/1);
  --black-130-hsl: 0 calc(var(--saturation-factor, 1)*0%) 91%;
  --black-160: hsl(var(--black-160-hsl)/1);
  --black-160-hsl: 0 calc(var(--saturation-factor, 1)*0%) 85.5%;
  --black-200: hsl(var(--black-200-hsl)/1);
  --black-200-hsl: 0 calc(var(--saturation-factor, 1)*0%) 80%;
  --black-230: hsl(var(--black-230-hsl)/1);
  --black-230-hsl: 0 calc(var(--saturation-factor, 1)*0%) 74.1%;
  --black-260: hsl(var(--black-260-hsl)/1);
  --black-260-hsl: 0 calc(var(--saturation-factor, 1)*0%) 67.5%;
  --black-300: hsl(var(--black-300-hsl)/1);
  --black-300-hsl: 0 calc(var(--saturation-factor, 1)*0%) 60%;
  --black-330: hsl(var(--black-330-hsl)/1);
  --black-330-hsl: 0 calc(var(--saturation-factor, 1)*0%) 47.8%;
  --black-345: hsl(var(--black-345-hsl)/1);
  --black-345-hsl: 0 calc(var(--saturation-factor, 1)*0%) 40%;
  --black-360: hsl(var(--black-360-hsl)/1);
  --black-360-hsl: 0 calc(var(--saturation-factor, 1)*0%) 36.1%;
  --black-400: hsl(var(--black-400-hsl)/1);
  --black-400-hsl: 0 calc(var(--saturation-factor, 1)*0%) 20%;
  --black-430: hsl(var(--black-430-hsl)/1);
  --black-430-hsl: 0 calc(var(--saturation-factor, 1)*0%) 14.5%;
  --black-460: hsl(var(--black-460-hsl)/1);
  --black-460-hsl: 0 calc(var(--saturation-factor, 1)*0%) 7.8%;
  --black-500: hsl(var(--black-500-hsl)/1);
  --black-500-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
  --black-530: hsl(var(--black-530-hsl)/1);
  --black-530-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
  --black-560: hsl(var(--black-560-hsl)/1);
  --black-560-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
  --black-600: hsl(var(--black-600-hsl)/1);
  --black-600-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
  --black-630: hsl(var(--black-630-hsl)/1);
  --black-630-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
  --black-660: hsl(var(--black-660-hsl)/1);
  --black-660-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
  --black-700: hsl(var(--black-700-hsl)/1);
  --black-700-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
  --black-730: hsl(var(--black-730-hsl)/1);
  --black-730-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
  --black-760: hsl(var(--black-760-hsl)/1);
  --black-760-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
  --black-800: hsl(var(--black-800-hsl)/1);
  --black-800-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
  --black-830: hsl(var(--black-830-hsl)/1);
  --black-830-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
  --black-860: hsl(var(--black-860-hsl)/1);
  --black-860-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
  --black-900: hsl(var(--black-900-hsl)/1);
  --black-900-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
  --blue-100: hsl(var(--blue-100-hsl)/1);
  --blue-100-hsl: 210 calc(var(--saturation-factor, 1)*80%) 98%;
  --blue-130: hsl(var(--blue-130-hsl)/1);
  --blue-130-hsl: 210 calc(var(--saturation-factor, 1)*87.5%) 96.9%;
  --blue-160: hsl(var(--blue-160-hsl)/1);
  --blue-160-hsl: 209 calc(var(--saturation-factor, 1)*87.1%) 93.9%;
  --blue-200: hsl(var(--blue-200-hsl)/1);
  --blue-200-hsl: 206 calc(var(--saturation-factor, 1)*92.3%) 89.8%;
  --blue-230: hsl(var(--blue-230-hsl)/1);
  --blue-230-hsl: 205 calc(var(--saturation-factor, 1)*92.5%) 84.3%;
  --blue-260: hsl(var(--blue-260-hsl)/1);
  --blue-260-hsl: 204 calc(var(--saturation-factor, 1)*94.5%) 78.4%;
  --blue-300: hsl(var(--blue-300-hsl)/1);
  --blue-300-hsl: 203 calc(var(--saturation-factor, 1)*97.4%) 69.6%;
  --blue-330: hsl(var(--blue-330-hsl)/1);
  --blue-330-hsl: 201 calc(var(--saturation-factor, 1)*100%) 59%;
  --blue-345: hsl(var(--blue-345-hsl)/1);
  --blue-345-hsl: 200 calc(var(--saturation-factor, 1)*100%) 49.4%;
  --blue-360: hsl(var(--blue-360-hsl)/1);
  --blue-360-hsl: 203 calc(var(--saturation-factor, 1)*100%) 47.5%;
  --blue-400: hsl(var(--blue-400-hsl)/1);
  --blue-400-hsl: 207 calc(var(--saturation-factor, 1)*100%) 46.1%;
  --blue-430: hsl(var(--blue-430-hsl)/1);
  --blue-430-hsl: 212 calc(var(--saturation-factor, 1)*100%) 45.3%;
  --blue-460: hsl(var(--blue-460-hsl)/1);
  --blue-460-hsl: 214 calc(var(--saturation-factor, 1)*100%) 41%;
  --blue-500: hsl(var(--blue-500-hsl)/1);
  --blue-500-hsl: 213 calc(var(--saturation-factor, 1)*100%) 35.7%;
  --blue-530: hsl(var(--blue-530-hsl)/1);
  --blue-530-hsl: 212 calc(var(--saturation-factor, 1)*100%) 30.4%;
  --blue-560: hsl(var(--blue-560-hsl)/1);
  --blue-560-hsl: 212 calc(var(--saturation-factor, 1)*100%) 26.7%;
  --blue-600: hsl(var(--blue-600-hsl)/1);
  --blue-600-hsl: 211 calc(var(--saturation-factor, 1)*100%) 23.1%;
  --blue-630: hsl(var(--blue-630-hsl)/1);
  --blue-630-hsl: 211 calc(var(--saturation-factor, 1)*100%) 20.8%;
  --blue-660: hsl(var(--blue-660-hsl)/1);
  --blue-660-hsl: 212 calc(var(--saturation-factor, 1)*100%) 18.6%;
  --blue-700: hsl(var(--blue-700-hsl)/1);
  --blue-700-hsl: 212 calc(var(--saturation-factor, 1)*100%) 16.7%;
  --blue-730: hsl(var(--blue-730-hsl)/1);
  --blue-730-hsl: 211 calc(var(--saturation-factor, 1)*100%) 14.1%;
  --blue-760: hsl(var(--blue-760-hsl)/1);
  --blue-760-hsl: 211 calc(var(--saturation-factor, 1)*100%) 12.4%;
  --blue-800: hsl(var(--blue-800-hsl)/1);
  --blue-800-hsl: 211 calc(var(--saturation-factor, 1)*100%) 10.6%;
  --blue-830: hsl(var(--blue-830-hsl)/1);
  --blue-830-hsl: 213 calc(var(--saturation-factor, 1)*100%) 9.4%;
  --blue-860: hsl(var(--blue-860-hsl)/1);
  --blue-860-hsl: 213 calc(var(--saturation-factor, 1)*100%) 8.4%;
  --blue-900: hsl(var(--blue-900-hsl)/1);
  --blue-900-hsl: 213 calc(var(--saturation-factor, 1)*100%) 7.1%;
  --brand-100: hsl(var(--brand-100-hsl)/1);
  --brand-100-hsl: 240 calc(var(--saturation-factor, 1)*77.8%) 98.2%;
  --brand-130: hsl(var(--brand-130-hsl)/1);
  --brand-130-hsl: 236 calc(var(--saturation-factor, 1)*87.5%) 96.9%;
  --brand-160: hsl(var(--brand-160-hsl)/1);
  --brand-160-hsl: 235 calc(var(--saturation-factor, 1)*84.6%) 94.9%;
  --brand-200: hsl(var(--brand-200-hsl)/1);
  --brand-200-hsl: 236 calc(var(--saturation-factor, 1)*83.3%) 92.9%;
  --brand-230: hsl(var(--brand-230-hsl)/1);
  --brand-230-hsl: 236 calc(var(--saturation-factor, 1)*87%) 91%;
  --brand-260: hsl(var(--brand-260-hsl)/1);
  --brand-260-hsl: 235 calc(var(--saturation-factor, 1)*86.2%) 88.6%;
  --brand-300: hsl(var(--brand-300-hsl)/1);
  --brand-300-hsl: 235 calc(var(--saturation-factor, 1)*86.1%) 85.9%;
  --brand-330: hsl(var(--brand-330-hsl)/1);
  --brand-330-hsl: 235 calc(var(--saturation-factor, 1)*85.1%) 81.6%;
  --brand-345: hsl(var(--brand-345-hsl)/1);
  --brand-345-hsl: 235 calc(var(--saturation-factor, 1)*85.2%) 78.8%;
  --brand-360: hsl(var(--brand-360-hsl)/1);
  --brand-360-hsl: 235 calc(var(--saturation-factor, 1)*86.1%) 77.5%;
  --brand-400: hsl(var(--brand-400-hsl)/1);
  --brand-400-hsl: 235 calc(var(--saturation-factor, 1)*86.1%) 71.8%;
  --brand-430: hsl(var(--brand-430-hsl)/1);
  --brand-430-hsl: 235 calc(var(--saturation-factor, 1)*85.7%) 69.8%;
  --brand-460: hsl(var(--brand-460-hsl)/1);
  --brand-460-hsl: 235 calc(var(--saturation-factor, 1)*85.5%) 67.5%;
  --brand-500: hsl(var(--brand-500-hsl)/1);
  --brand-500-hsl: 235 calc(var(--saturation-factor, 1)*85.6%) 64.7%;
  --brand-530: hsl(var(--brand-530-hsl)/1);
  --brand-530-hsl: 235 calc(var(--saturation-factor, 1)*66.7%) 58.8%;
  --brand-560: hsl(var(--brand-560-hsl)/1);
  --brand-560-hsl: 235 calc(var(--saturation-factor, 1)*51.4%) 52.4%;
  --brand-600: hsl(var(--brand-600-hsl)/1);
  --brand-600-hsl: 235 calc(var(--saturation-factor, 1)*46.7%) 44.1%;
  --brand-630: hsl(var(--brand-630-hsl)/1);
  --brand-630-hsl: 235 calc(var(--saturation-factor, 1)*46.7%) 38.2%;
  --brand-660: hsl(var(--brand-660-hsl)/1);
  --brand-660-hsl: 235 calc(var(--saturation-factor, 1)*47.1%) 33.3%;
  --brand-700: hsl(var(--brand-700-hsl)/1);
  --brand-700-hsl: 235 calc(var(--saturation-factor, 1)*47%) 25.9%;
  --brand-730: hsl(var(--brand-730-hsl)/1);
  --brand-730-hsl: 235 calc(var(--saturation-factor, 1)*46.8%) 24.3%;
  --brand-760: hsl(var(--brand-760-hsl)/1);
  --brand-760-hsl: 234 calc(var(--saturation-factor, 1)*46.9%) 22.2%;
  --brand-800: hsl(var(--brand-800-hsl)/1);
  --brand-800-hsl: 235 calc(var(--saturation-factor, 1)*47.5%) 19.4%;
  --brand-830: hsl(var(--brand-830-hsl)/1);
  --brand-830-hsl: 235 calc(var(--saturation-factor, 1)*47.4%) 14.9%;
  --brand-860: hsl(var(--brand-860-hsl)/1);
  --brand-860-hsl: 235 calc(var(--saturation-factor, 1)*46.9%) 9.6%;
  --brand-900: hsl(var(--brand-900-hsl)/1);
  --brand-900-hsl: 233 calc(var(--saturation-factor, 1)*50%) 3.1%;
  --crunchyroll: hsl(var(--crunchyroll-hsl)/1);
  --crunchyroll-hsl: 29 calc(var(--saturation-factor, 1)*93%) 55.5%;
  --discord-8th-bday-blue: hsl(var(--discord-8th-bday-blue-hsl)/1);
  --discord-8th-bday-blue-hsl: 234 calc(var(--saturation-factor, 1)*93.1%) 65.7%;
  --discord-8th-bday-dark-blue: hsl(var(--discord-8th-bday-dark-blue-hsl)/1);
  --discord-8th-bday-dark-blue-hsl: 235 calc(var(--saturation-factor, 1)*73.7%) 53.7%;
  --discord-8th-bday-green: hsl(var(--discord-8th-bday-green-hsl)/1);
  --discord-8th-bday-green-hsl: 79 calc(var(--saturation-factor, 1)*100%) 46.9%;
  --discord-8th-bday-light-blue: hsl(var(--discord-8th-bday-light-blue-hsl)/1);
  --discord-8th-bday-light-blue-hsl: 222 calc(var(--saturation-factor, 1)*100%) 68.4%;
  --discord-8th-bday-pink: hsl(var(--discord-8th-bday-pink-hsl)/1);
  --discord-8th-bday-pink-hsl: 316 calc(var(--saturation-factor, 1)*100%) 66.1%;
  --discord-8th-bday-purple: hsl(var(--discord-8th-bday-purple-hsl)/1);
  --discord-8th-bday-purple-hsl: 234 calc(var(--saturation-factor, 1)*93.1%) 65.7%;
  --discord-8th-bday-yellow: hsl(var(--discord-8th-bday-yellow-hsl)/1);
  --discord-8th-bday-yellow-hsl: 60 calc(var(--saturation-factor, 1)*100%) 50%;
  --ebay: hsl(var(--ebay-hsl)/1);
  --ebay-hsl: 211 calc(var(--saturation-factor, 1)*100%) 41.2%;
  --epic-games: hsl(var(--epic-games-hsl)/1);
  --epic-games-hsl: 34 calc(var(--saturation-factor, 1)*6.2%) 22.2%;
  --facebook: hsl(var(--facebook-hsl)/1);
  --facebook-hsl: 221 calc(var(--saturation-factor, 1)*44.2%) 37.3%;
  --github: hsl(var(--github-hsl)/1);
  --github-hsl: 0 calc(var(--saturation-factor, 1)*4.2%) 9.4%;
  --gold: hsl(var(--gold-hsl)/1);
  --gold-hsl: 46 calc(var(--saturation-factor, 1)*100%) 54.9%;
  --green-100: hsl(var(--green-100-hsl)/1);
  --green-100-hsl: 137 calc(var(--saturation-factor, 1)*90%) 96.1%;
  --green-130: hsl(var(--green-130-hsl)/1);
  --green-130-hsl: 137 calc(var(--saturation-factor, 1)*94.1%) 93.3%;
  --green-160: hsl(var(--green-160-hsl)/1);
  --green-160-hsl: 141 calc(var(--saturation-factor, 1)*91.3%) 86.5%;
  --green-200: hsl(var(--green-200-hsl)/1);
  --green-200-hsl: 143 calc(var(--saturation-factor, 1)*93.5%) 75.9%;
  --green-230: hsl(var(--green-230-hsl)/1);
  --green-230-hsl: 146 calc(var(--saturation-factor, 1)*86.6%) 64.9%;
  --green-260: hsl(var(--green-260-hsl)/1);
  --green-260-hsl: 146 calc(var(--saturation-factor, 1)*75.1%) 59%;
  --green-300: hsl(var(--green-300-hsl)/1);
  --green-300-hsl: 146 calc(var(--saturation-factor, 1)*65.4%) 53.5%;
  --green-330: hsl(var(--green-330-hsl)/1);
  --green-330-hsl: 146 calc(var(--saturation-factor, 1)*63.1%) 47.8%;
  --green-345: hsl(var(--green-345-hsl)/1);
  --green-345-hsl: 147 calc(var(--saturation-factor, 1)*65.9%) 43.7%;
  --green-360: hsl(var(--green-360-hsl)/1);
  --green-360-hsl: 145 calc(var(--saturation-factor, 1)*65%) 39.2%;
  --green-400: hsl(var(--green-400-hsl)/1);
  --green-400-hsl: 143 calc(var(--saturation-factor, 1)*60.7%) 35.9%;
  --green-430: hsl(var(--green-430-hsl)/1);
  --green-430-hsl: 142 calc(var(--saturation-factor, 1)*56.1%) 32.2%;
  --green-460: hsl(var(--green-460-hsl)/1);
  --green-460-hsl: 141 calc(var(--saturation-factor, 1)*56.6%) 28%;
  --green-500: hsl(var(--green-500-hsl)/1);
  --green-500-hsl: 141 calc(var(--saturation-factor, 1)*58.4%) 24.5%;
  --green-530: hsl(var(--green-530-hsl)/1);
  --green-530-hsl: 140 calc(var(--saturation-factor, 1)*60.7%) 21%;
  --green-560: hsl(var(--green-560-hsl)/1);
  --green-560-hsl: 139 calc(var(--saturation-factor, 1)*61.7%) 18.4%;
  --green-600: hsl(var(--green-600-hsl)/1);
  --green-600-hsl: 139 calc(var(--saturation-factor, 1)*65.4%) 15.9%;
  --green-630: hsl(var(--green-630-hsl)/1);
  --green-630-hsl: 140 calc(var(--saturation-factor, 1)*66.7%) 14.1%;
  --green-660: hsl(var(--green-660-hsl)/1);
  --green-660-hsl: 139 calc(var(--saturation-factor, 1)*68.8%) 12.5%;
  --green-700: hsl(var(--green-700-hsl)/1);
  --green-700-hsl: 141 calc(var(--saturation-factor, 1)*74.1%) 10.6%;
  --green-730: hsl(var(--green-730-hsl)/1);
  --green-730-hsl: 138 calc(var(--saturation-factor, 1)*78.3%) 9%;
  --green-760: hsl(var(--green-760-hsl)/1);
  --green-760-hsl: 140 calc(var(--saturation-factor, 1)*84.6%) 7.6%;
  --green-800: hsl(var(--green-800-hsl)/1);
  --green-800-hsl: 139 calc(var(--saturation-factor, 1)*82.4%) 6.7%;
  --green-830: hsl(var(--green-830-hsl)/1);
  --green-830-hsl: 138 calc(var(--saturation-factor, 1)*80%) 5.9%;
  --green-860: hsl(var(--green-860-hsl)/1);
  --green-860-hsl: 133 calc(var(--saturation-factor, 1)*70.4%) 5.3%;
  --green-900: hsl(var(--green-900-hsl)/1);
  --green-900-hsl: 129 calc(var(--saturation-factor, 1)*58.3%) 4.7%;
  --guild-boosting-blue: hsl(var(--guild-boosting-blue-hsl)/1);
  --guild-boosting-blue-hsl: 221 calc(var(--saturation-factor, 1)*70%) 55.5%;
  --guild-boosting-blue-for-gradients: hsl(var(--guild-boosting-blue-for-gradients-hsl)/1);
  --guild-boosting-blue-for-gradients-hsl: 235 calc(var(--saturation-factor, 1)*68.5%) 52.7%;
  --guild-boosting-pink: hsl(var(--guild-boosting-pink-hsl)/1);
  --guild-boosting-pink-hsl: 302 calc(var(--saturation-factor, 1)*100%) 72.5%;
  --guild-boosting-purple: hsl(var(--guild-boosting-purple-hsl)/1);
  --guild-boosting-purple-hsl: 269 calc(var(--saturation-factor, 1)*83.8%) 71%;
  --guild-boosting-purple-for-gradients: hsl(var(--guild-boosting-purple-for-gradients-hsl)/1);
  --guild-boosting-purple-for-gradients-hsl: 269 calc(var(--saturation-factor, 1)*91.8%) 61.8%;
  --hypesquad-house-1: hsl(var(--hypesquad-house-1-hsl)/1);
  --hypesquad-house-1-hsl: 253 calc(var(--saturation-factor, 1)*77%) 72.7%;
  --hypesquad-house-2: hsl(var(--hypesquad-house-2-hsl)/1);
  --hypesquad-house-2-hsl: 9 calc(var(--saturation-factor, 1)*86.5%) 68%;
  --hypesquad-house-3: hsl(var(--hypesquad-house-3-hsl)/1);
  --hypesquad-house-3-hsl: 169 calc(var(--saturation-factor, 1)*69.1%) 56.9%;
  --input-placeholder-text-dark: hsl(var(--input-placeholder-text-dark-hsl)/1);
  --input-placeholder-text-dark-hsl: 216 calc(var(--saturation-factor, 1)*2.1%) 53.9%;
  --lol: hsl(var(--lol-hsl)/1);
  --lol-hsl: 190 calc(var(--saturation-factor, 1)*89.7%) 7.6%;
  --orange-100: hsl(var(--orange-100-hsl)/1);
  --orange-100-hsl: 18 calc(var(--saturation-factor, 1)*100%) 98%;
  --orange-130: hsl(var(--orange-130-hsl)/1);
  --orange-130-hsl: 23 calc(var(--saturation-factor, 1)*100%) 96.5%;
  --orange-160: hsl(var(--orange-160-hsl)/1);
  --orange-160-hsl: 21 calc(var(--saturation-factor, 1)*93.9%) 93.5%;
  --orange-200: hsl(var(--orange-200-hsl)/1);
  --orange-200-hsl: 21 calc(var(--saturation-factor, 1)*92.3%) 89.8%;
  --orange-230: hsl(var(--orange-230-hsl)/1);
  --orange-230-hsl: 24 calc(var(--saturation-factor, 1)*92.5%) 84.3%;
  --orange-260: hsl(var(--orange-260-hsl)/1);
  --orange-260-hsl: 23 calc(var(--saturation-factor, 1)*94.5%) 78.6%;
  --orange-300: hsl(var(--orange-300-hsl)/1);
  --orange-300-hsl: 25 calc(var(--saturation-factor, 1)*94.6%) 71.2%;
  --orange-330: hsl(var(--orange-330-hsl)/1);
  --orange-330-hsl: 27 calc(var(--saturation-factor, 1)*94.7%) 62.7%;
  --orange-345: hsl(var(--orange-345-hsl)/1);
  --orange-345-hsl: 28 calc(var(--saturation-factor, 1)*87.7%) 55.5%;
  --orange-360: hsl(var(--orange-360-hsl)/1);
  --orange-360-hsl: 26 calc(var(--saturation-factor, 1)*71.3%) 50.8%;
  --orange-400: hsl(var(--orange-400-hsl)/1);
  --orange-400-hsl: 25 calc(var(--saturation-factor, 1)*67.5%) 45.9%;
  --orange-430: hsl(var(--orange-430-hsl)/1);
  --orange-430-hsl: 25 calc(var(--saturation-factor, 1)*69.5%) 39.8%;
  --orange-460: hsl(var(--orange-460-hsl)/1);
  --orange-460-hsl: 24 calc(var(--saturation-factor, 1)*72.2%) 35.3%;
  --orange-500: hsl(var(--orange-500-hsl)/1);
  --orange-500-hsl: 22 calc(var(--saturation-factor, 1)*76.1%) 31.2%;
  --orange-530: hsl(var(--orange-530-hsl)/1);
  --orange-530-hsl: 22 calc(var(--saturation-factor, 1)*77%) 27.3%;
  --orange-560: hsl(var(--orange-560-hsl)/1);
  --orange-560-hsl: 21 calc(var(--saturation-factor, 1)*77.2%) 24.1%;
  --orange-600: hsl(var(--orange-600-hsl)/1);
  --orange-600-hsl: 23 calc(var(--saturation-factor, 1)*79.2%) 20.8%;
  --orange-630: hsl(var(--orange-630-hsl)/1);
  --orange-630-hsl: 22 calc(var(--saturation-factor, 1)*79.2%) 18.8%;
  --orange-660: hsl(var(--orange-660-hsl)/1);
  --orange-660-hsl: 22 calc(var(--saturation-factor, 1)*78.8%) 16.7%;
  --orange-700: hsl(var(--orange-700-hsl)/1);
  --orange-700-hsl: 22 calc(var(--saturation-factor, 1)*76.3%) 14.9%;
  --orange-730: hsl(var(--orange-730-hsl)/1);
  --orange-730-hsl: 22 calc(var(--saturation-factor, 1)*78.8%) 12.9%;
  --orange-760: hsl(var(--orange-760-hsl)/1);
  --orange-760-hsl: 21 calc(var(--saturation-factor, 1)*78.9%) 11.2%;
  --orange-800: hsl(var(--orange-800-hsl)/1);
  --orange-800-hsl: 21 calc(var(--saturation-factor, 1)*80%) 9.8%;
  --orange-830: hsl(var(--orange-830-hsl)/1);
  --orange-830-hsl: 20 calc(var(--saturation-factor, 1)*76.7%) 8.4%;
  --orange-860: hsl(var(--orange-860-hsl)/1);
  --orange-860-hsl: 20 calc(var(--saturation-factor, 1)*73%) 7.3%;
  --orange-900: hsl(var(--orange-900-hsl)/1);
  --orange-900-hsl: 26 calc(var(--saturation-factor, 1)*72.4%) 5.7%;
  --partner: hsl(var(--partner-hsl)/1);
  --partner-hsl: 215 calc(var(--saturation-factor, 1)*82.8%) 59%;
  --paypal: hsl(var(--paypal-hsl)/1);
  --paypal-hsl: 230 calc(var(--saturation-factor, 1)*69.8%) 24.7%;
  --playstation: hsl(var(--playstation-hsl)/1);
  --playstation-hsl: 220 calc(var(--saturation-factor, 1)*95.7%) 27.1%;
  --plum-23-alpha: hsl(var(--plum-23-alpha-hsl)/0.09);
  --plum-23-alpha-hsl: 230 calc(var(--saturation-factor, 1)*60.7%) 78%;
  --plum-0: hsl(var(--plum-0-hsl)/1);
  --plum-0-hsl: 240 calc(var(--saturation-factor, 1)*9.1%) 97.8%;
  --plum-1: hsl(var(--plum-1-hsl)/1);
  --plum-1-hsl: 240 calc(var(--saturation-factor, 1)*4.3%) 95.5%;
  --plum-10: hsl(var(--plum-10-hsl)/1);
  --plum-10-hsl: 229 calc(var(--saturation-factor, 1)*6.8%) 53.7%;
  --plum-11: hsl(var(--plum-11-hsl)/1);
  --plum-11-hsl: 229 calc(var(--saturation-factor, 1)*6.9%) 45.5%;
  --plum-12: hsl(var(--plum-12-hsl)/1);
  --plum-12-hsl: 228 calc(var(--saturation-factor, 1)*7.6%) 38.6%;
  --plum-13: hsl(var(--plum-13-hsl)/1);
  --plum-13-hsl: 227 calc(var(--saturation-factor, 1)*8.3%) 32.9%;
  --plum-14: hsl(var(--plum-14-hsl)/1);
  --plum-14-hsl: 230 calc(var(--saturation-factor, 1)*8.5%) 27.8%;
  --plum-15: hsl(var(--plum-15-hsl)/1);
  --plum-15-hsl: 229 calc(var(--saturation-factor, 1)*8.9%) 24.1%;
  --plum-16: hsl(var(--plum-16-hsl)/1);
  --plum-16-hsl: 234 calc(var(--saturation-factor, 1)*9.3%) 21.2%;
  --plum-17: hsl(var(--plum-17-hsl)/1);
  --plum-17-hsl: 233 calc(var(--saturation-factor, 1)*9.3%) 19%;
  --plum-18: hsl(var(--plum-18-hsl)/1);
  --plum-18-hsl: 233 calc(var(--saturation-factor, 1)*10.6%) 16.7%;
  --plum-19: hsl(var(--plum-19-hsl)/1);
  --plum-19-hsl: 233 calc(var(--saturation-factor, 1)*10.8%) 14.5%;
  --plum-2: hsl(var(--plum-2-hsl)/1);
  --plum-2-hsl: 220 calc(var(--saturation-factor, 1)*8.6%) 93.1%;
  --plum-20: hsl(var(--plum-20-hsl)/1);
  --plum-20-hsl: 231 calc(var(--saturation-factor, 1)*11.1%) 12.4%;
  --plum-21: hsl(var(--plum-21-hsl)/1);
  --plum-21-hsl: 231 calc(var(--saturation-factor, 1)*12.7%) 10.8%;
  --plum-22: hsl(var(--plum-22-hsl)/1);
  --plum-22-hsl: 240 calc(var(--saturation-factor, 1)*12%) 9.8%;
  --plum-23: hsl(var(--plum-23-hsl)/1);
  --plum-23-hsl: 240 calc(var(--saturation-factor, 1)*11.6%) 8.4%;
  --plum-24: hsl(var(--plum-24-hsl)/1);
  --plum-24-hsl: 228 calc(var(--saturation-factor, 1)*14.3%) 6.9%;
  --plum-25: hsl(var(--plum-25-hsl)/1);
  --plum-25-hsl: 240 calc(var(--saturation-factor, 1)*14.3%) 5.5%;
  --plum-26: hsl(var(--plum-26-hsl)/1);
  --plum-26-hsl: 240 calc(var(--saturation-factor, 1)*15.8%) 3.7%;
  --plum-3: hsl(var(--plum-3-hsl)/1);
  --plum-3-hsl: 225 calc(var(--saturation-factor, 1)*8%) 90.2%;
  --plum-4: hsl(var(--plum-4-hsl)/1);
  --plum-4-hsl: 225 calc(var(--saturation-factor, 1)*6.2%) 87.5%;
  --plum-5: hsl(var(--plum-5-hsl)/1);
  --plum-5-hsl: 220 calc(var(--saturation-factor, 1)*7.3%) 83.9%;
  --plum-6: hsl(var(--plum-6-hsl)/1);
  --plum-6-hsl: 231 calc(var(--saturation-factor, 1)*6.7%) 79.4%;
  --plum-7: hsl(var(--plum-7-hsl)/1);
  --plum-7-hsl: 227 calc(var(--saturation-factor, 1)*6.8%) 73.9%;
  --plum-8: hsl(var(--plum-8-hsl)/1);
  --plum-8-hsl: 230 calc(var(--saturation-factor, 1)*7.4%) 68.2%;
  --plum-9: hsl(var(--plum-9-hsl)/1);
  --plum-9-hsl: 231 calc(var(--saturation-factor, 1)*7.1%) 61.2%;
  --premium-perk-blue: hsl(var(--premium-perk-blue-hsl)/1);
  --premium-perk-blue-hsl: 222 calc(var(--saturation-factor, 1)*100%) 75.1%;
  --premium-perk-blue-alt: hsl(var(--premium-perk-blue-alt-hsl)/1);
  --premium-perk-blue-alt-hsl: 223 calc(var(--saturation-factor, 1)*100%) 80.6%;
  --premium-perk-dark-blue: hsl(var(--premium-perk-dark-blue-hsl)/1);
  --premium-perk-dark-blue-hsl: 220 calc(var(--saturation-factor, 1)*67.4%) 55.5%;
  --premium-perk-gold: hsl(var(--premium-perk-gold-hsl)/1);
  --premium-perk-gold-hsl: 38 calc(var(--saturation-factor, 1)*95.7%) 54.1%;
  --premium-perk-green: hsl(var(--premium-perk-green-hsl)/1);
  --premium-perk-green-hsl: 164 calc(var(--saturation-factor, 1)*55.1%) 69.4%;
  --premium-perk-light-blue: hsl(var(--premium-perk-light-blue-hsl)/1);
  --premium-perk-light-blue-hsl: 221 calc(var(--saturation-factor, 1)*100%) 84.1%;
  --premium-perk-orange: hsl(var(--premium-perk-orange-hsl)/1);
  --premium-perk-orange-hsl: 25 calc(var(--saturation-factor, 1)*96.7%) 64.1%;
  --premium-perk-pink: hsl(var(--premium-perk-pink-hsl)/1);
  --premium-perk-pink-hsl: 305 calc(var(--saturation-factor, 1)*100%) 75.1%;
  --premium-perk-purple: hsl(var(--premium-perk-purple-hsl)/1);
  --premium-perk-purple-hsl: 272 calc(var(--saturation-factor, 1)*100%) 80.2%;
  --premium-perk-yellow: hsl(var(--premium-perk-yellow-hsl)/1);
  --premium-perk-yellow-hsl: 47 calc(var(--saturation-factor, 1)*98.9%) 63.9%;
  --premium-tier-0-blue: hsl(var(--premium-tier-0-blue-hsl)/1);
  --premium-tier-0-blue-hsl: 202 calc(var(--saturation-factor, 1)*100%) 38%;
  --premium-tier-0-blue-for-gradients: hsl(var(--premium-tier-0-blue-for-gradients-hsl)/1);
  --premium-tier-0-blue-for-gradients-hsl: 202 calc(var(--saturation-factor, 1)*100%) 38%;
  --premium-tier-0-blue-for-gradients-2: hsl(var(--premium-tier-0-blue-for-gradients-2-hsl)/1);
  --premium-tier-0-blue-for-gradients-2-hsl: 209 calc(var(--saturation-factor, 1)*80%) 45.1%;
  --premium-tier-0-header-gradient-1: hsl(var(--premium-tier-0-header-gradient-1-hsl)/1);
  --premium-tier-0-header-gradient-1-hsl: 240 calc(var(--saturation-factor, 1)*55.2%) 47.3%;
  --premium-tier-0-header-gradient-2: hsl(var(--premium-tier-0-header-gradient-2-hsl)/1);
  --premium-tier-0-header-gradient-2-hsl: 224 calc(var(--saturation-factor, 1)*77.9%) 59.2%;
  --premium-tier-0-header-gradient-3: hsl(var(--premium-tier-0-header-gradient-3-hsl)/1);
  --premium-tier-0-header-gradient-3-hsl: 246 calc(var(--saturation-factor, 1)*74.4%) 69.4%;
  --premium-tier-0-header-gradient-4: hsl(var(--premium-tier-0-header-gradient-4-hsl)/1);
  --premium-tier-0-header-gradient-4-hsl: 295 calc(var(--saturation-factor, 1)*79.9%) 72.7%;
  --premium-tier-0-header-gradient-5: hsl(var(--premium-tier-0-header-gradient-5-hsl)/1);
  --premium-tier-0-header-gradient-5-hsl: 336 calc(var(--saturation-factor, 1)*55.2%) 72%;
  --premium-tier-0-purple: hsl(var(--premium-tier-0-purple-hsl)/1);
  --premium-tier-0-purple-hsl: 235 calc(var(--saturation-factor, 1)*85.6%) 64.7%;
  --premium-tier-0-purple-for-gradients: hsl(var(--premium-tier-0-purple-for-gradients-hsl)/1);
  --premium-tier-0-purple-for-gradients-hsl: 235 calc(var(--saturation-factor, 1)*85.6%) 64.7%;
  --premium-tier-1-blue: hsl(var(--premium-tier-1-blue-hsl)/1);
  --premium-tier-1-blue-hsl: 228 calc(var(--saturation-factor, 1)*86.7%) 70.6%;
  --premium-tier-1-blue-for-gradients: hsl(var(--premium-tier-1-blue-for-gradients-hsl)/1);
  --premium-tier-1-blue-for-gradients-hsl: 235 calc(var(--saturation-factor, 1)*85.6%) 64.7%;
  --premium-tier-1-dark-blue-for-gradients: hsl(var(--premium-tier-1-dark-blue-for-gradients-hsl)/1);
  --premium-tier-1-dark-blue-for-gradients-hsl: 235 calc(var(--saturation-factor, 1)*68.5%) 52.7%;
  --premium-tier-1-purple: hsl(var(--premium-tier-1-purple-hsl)/1);
  --premium-tier-1-purple-hsl: 244 calc(var(--saturation-factor, 1)*100%) 84.1%;
  --premium-tier-2-pink: hsl(var(--premium-tier-2-pink-hsl)/1);
  --premium-tier-2-pink-hsl: 342 calc(var(--saturation-factor, 1)*58%) 72.9%;
  --premium-tier-2-pink-for-gradients: hsl(var(--premium-tier-2-pink-for-gradients-hsl)/1);
  --premium-tier-2-pink-for-gradients-hsl: 325 calc(var(--saturation-factor, 1)*31.7%) 51.8%;
  --premium-tier-2-pink-for-gradients-2: hsl(var(--premium-tier-2-pink-for-gradients-2-hsl)/1);
  --premium-tier-2-pink-for-gradients-2-hsl: 295 calc(var(--saturation-factor, 1)*51.4%) 50%;
  --premium-tier-2-purple: hsl(var(--premium-tier-2-purple-hsl)/1);
  --premium-tier-2-purple-hsl: 270 calc(var(--saturation-factor, 1)*86.7%) 70.6%;
  --premium-tier-2-purple-for-gradients: hsl(var(--premium-tier-2-purple-for-gradients-hsl)/1);
  --premium-tier-2-purple-for-gradients-hsl: 269 calc(var(--saturation-factor, 1)*52.7%) 52.7%;
  --premium-tier-2-purple-for-gradients-2: hsl(var(--premium-tier-2-purple-for-gradients-2-hsl)/1);
  --premium-tier-2-purple-for-gradients-2-hsl: 296 calc(var(--saturation-factor, 1)*50%) 51.4%;
  --primary-100: hsl(var(--primary-100-hsl)/1);
  --primary-100-hsl: 0 calc(var(--saturation-factor, 1)*0%) 97.6%;
  --primary-130: hsl(var(--primary-130-hsl)/1);
  --primary-130-hsl: 220 calc(var(--saturation-factor, 1)*13%) 95.5%;
  --primary-160: hsl(var(--primary-160-hsl)/1);
  --primary-160-hsl: 210 calc(var(--saturation-factor, 1)*11.1%) 92.9%;
  --primary-200: hsl(var(--primary-200-hsl)/1);
  --primary-200-hsl: 216 calc(var(--saturation-factor, 1)*9.8%) 90%;
  --primary-230: hsl(var(--primary-230-hsl)/1);
  --primary-230-hsl: 210 calc(var(--saturation-factor, 1)*9.1%) 87.1%;
  --primary-260: hsl(var(--primary-260-hsl)/1);
  --primary-260-hsl: 214 calc(var(--saturation-factor, 1)*8.4%) 83.7%;
  --primary-300: hsl(var(--primary-300-hsl)/1);
  --primary-300-hsl: 210 calc(var(--saturation-factor, 1)*9.3%) 78.8%;
  --primary-330: hsl(var(--primary-330-hsl)/1);
  --primary-330-hsl: 215 calc(var(--saturation-factor, 1)*8.8%) 73.3%;
  --primary-345: hsl(var(--primary-345-hsl)/1);
  --primary-345-hsl: 214 calc(var(--saturation-factor, 1)*8.4%) 67.5%;
  --primary-360: hsl(var(--primary-360-hsl)/1);
  --primary-360-hsl: 214 calc(var(--saturation-factor, 1)*8.1%) 61.2%;
  --primary-400: hsl(var(--primary-400-hsl)/1);
  --primary-400-hsl: 223 calc(var(--saturation-factor, 1)*5.8%) 52.9%;
  --primary-430: hsl(var(--primary-430-hsl)/1);
  --primary-430-hsl: 229 calc(var(--saturation-factor, 1)*4.8%) 44.9%;
  --primary-460: hsl(var(--primary-460-hsl)/1);
  --primary-460-hsl: 228 calc(var(--saturation-factor, 1)*5.2%) 38%;
  --primary-500: hsl(var(--primary-500-hsl)/1);
  --primary-500-hsl: 228 calc(var(--saturation-factor, 1)*6%) 32.5%;
  --primary-530: hsl(var(--primary-530-hsl)/1);
  --primary-530-hsl: 227 calc(var(--saturation-factor, 1)*6.5%) 27.3%;
  --primary-560: hsl(var(--primary-560-hsl)/1);
  --primary-560-hsl: 225 calc(var(--saturation-factor, 1)*6.7%) 23.5%;
  --primary-600: hsl(var(--primary-600-hsl)/1);
  --primary-600-hsl: 223 calc(var(--saturation-factor, 1)*6.7%) 20.6%;
  --primary-630: hsl(var(--primary-630-hsl)/1);
  --primary-630-hsl: 220 calc(var(--saturation-factor, 1)*6.5%) 18%;
  --primary-645: hsl(var(--primary-645-hsl)/1);
  --primary-645-hsl: 220 calc(var(--saturation-factor, 1)*7%) 16.9%;
  --primary-660: hsl(var(--primary-660-hsl)/1);
  --primary-660-hsl: 228 calc(var(--saturation-factor, 1)*6.7%) 14.7%;
  --primary-700: hsl(var(--primary-700-hsl)/1);
  --primary-700-hsl: 225 calc(var(--saturation-factor, 1)*6.3%) 12.5%;
  --primary-730: hsl(var(--primary-730-hsl)/1);
  --primary-730-hsl: 225 calc(var(--saturation-factor, 1)*7.1%) 11%;
  --primary-760: hsl(var(--primary-760-hsl)/1);
  --primary-760-hsl: 220 calc(var(--saturation-factor, 1)*6.4%) 9.2%;
  --primary-800: hsl(var(--primary-800-hsl)/1);
  --primary-800-hsl: 220 calc(var(--saturation-factor, 1)*8.1%) 7.3%;
  --primary-830: hsl(var(--primary-830-hsl)/1);
  --primary-830-hsl: 240 calc(var(--saturation-factor, 1)*4%) 4.9%;
  --primary-860: hsl(var(--primary-860-hsl)/1);
  --primary-860-hsl: 240 calc(var(--saturation-factor, 1)*7.7%) 2.5%;
  --primary-900: hsl(var(--primary-900-hsl)/1);
  --primary-900-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0.8%;
  --red-100: hsl(var(--red-100-hsl)/1);
  --red-100-hsl: 350 calc(var(--saturation-factor, 1)*75%) 98.4%;
  --red-130: hsl(var(--red-130-hsl)/1);
  --red-130-hsl: 0 calc(var(--saturation-factor, 1)*83.3%) 97.6%;
  --red-160: hsl(var(--red-160-hsl)/1);
  --red-160-hsl: 0 calc(var(--saturation-factor, 1)*90.9%) 95.7%;
  --red-200: hsl(var(--red-200-hsl)/1);
  --red-200-hsl: 358 calc(var(--saturation-factor, 1)*88.9%) 92.9%;
  --red-230: hsl(var(--red-230-hsl)/1);
  --red-230-hsl: 359 calc(var(--saturation-factor, 1)*85.2%) 89.4%;
  --red-260: hsl(var(--red-260-hsl)/1);
  --red-260-hsl: 359 calc(var(--saturation-factor, 1)*89%) 85.7%;
  --red-300: hsl(var(--red-300-hsl)/1);
  --red-300-hsl: 359 calc(var(--saturation-factor, 1)*91.4%) 81.8%;
  --red-330: hsl(var(--red-330-hsl)/1);
  --red-330-hsl: 359 calc(var(--saturation-factor, 1)*91.3%) 77.5%;
  --red-345: hsl(var(--red-345-hsl)/1);
  --red-345-hsl: 358 calc(var(--saturation-factor, 1)*92.9%) 72.4%;
  --red-360: hsl(var(--red-360-hsl)/1);
  --red-360-hsl: 358 calc(var(--saturation-factor, 1)*91.8%) 66.5%;
  --red-400: hsl(var(--red-400-hsl)/1);
  --red-400-hsl: 359 calc(var(--saturation-factor, 1)*87.3%) 59.8%;
  --red-430: hsl(var(--red-430-hsl)/1);
  --red-430-hsl: 358 calc(var(--saturation-factor, 1)*68.8%) 53.5%;
  --red-460: hsl(var(--red-460-hsl)/1);
  --red-460-hsl: 359 calc(var(--saturation-factor, 1)*59.1%) 46.1%;
  --red-500: hsl(var(--red-500-hsl)/1);
  --red-500-hsl: 360 calc(var(--saturation-factor, 1)*60.2%) 39.4%;
  --red-530: hsl(var(--red-530-hsl)/1);
  --red-530-hsl: 359 calc(var(--saturation-factor, 1)*63.4%) 34.3%;
  --red-560: hsl(var(--red-560-hsl)/1);
  --red-560-hsl: 359 calc(var(--saturation-factor, 1)*63.9%) 30.4%;
  --red-600: hsl(var(--red-600-hsl)/1);
  --red-600-hsl: 359 calc(var(--saturation-factor, 1)*64.7%) 26.7%;
  --red-630: hsl(var(--red-630-hsl)/1);
  --red-630-hsl: 359 calc(var(--saturation-factor, 1)*65.6%) 23.9%;
  --red-660: hsl(var(--red-660-hsl)/1);
  --red-660-hsl: 359 calc(var(--saturation-factor, 1)*65.1%) 21.4%;
  --red-700: hsl(var(--red-700-hsl)/1);
  --red-700-hsl: 358 calc(var(--saturation-factor, 1)*66.7%) 18.8%;
  --red-730: hsl(var(--red-730-hsl)/1);
  --red-730-hsl: 359 calc(var(--saturation-factor, 1)*66.7%) 16.5%;
  --red-760: hsl(var(--red-760-hsl)/1);
  --red-760-hsl: 359 calc(var(--saturation-factor, 1)*70.3%) 14.5%;
  --red-800: hsl(var(--red-800-hsl)/1);
  --red-800-hsl: 359 calc(var(--saturation-factor, 1)*68.8%) 12.5%;
  --red-830: hsl(var(--red-830-hsl)/1);
  --red-830-hsl: 358 calc(var(--saturation-factor, 1)*67.3%) 10.8%;
  --red-860: hsl(var(--red-860-hsl)/1);
  --red-860-hsl: 0 calc(var(--saturation-factor, 1)*66.7%) 9.4%;
  --red-900: hsl(var(--red-900-hsl)/1);
  --red-900-hsl: 0 calc(var(--saturation-factor, 1)*70%) 7.8%;
  --reddit: hsl(var(--reddit-hsl)/1);
  --reddit-hsl: 16 calc(var(--saturation-factor, 1)*100%) 50%;
  --riot-games: hsl(var(--riot-games-hsl)/1);
  --riot-games-hsl: 349 calc(var(--saturation-factor, 1)*100%) 45.9%;
  --role-blue: hsl(var(--role-blue-hsl)/1);
  --role-blue-hsl: 204 calc(var(--saturation-factor, 1)*64.4%) 35.3%;
  --role-brown: hsl(var(--role-brown-hsl)/1);
  --role-brown-hsl: 24 calc(var(--saturation-factor, 1)*100%) 32.9%;
  --role-burgundy: hsl(var(--role-burgundy-hsl)/1);
  --role-burgundy-hsl: 334 calc(var(--saturation-factor, 1)*79.3%) 37.8%;
  --role-dark-blue: hsl(var(--role-dark-blue-hsl)/1);
  --role-dark-blue-hsl: 199 calc(var(--saturation-factor, 1)*18.4%) 40.4%;
  --role-dark-grey: hsl(var(--role-dark-grey-hsl)/1);
  --role-dark-grey-hsl: 200 calc(var(--saturation-factor, 1)*18.3%) 46.1%;
  --role-dark-purple: hsl(var(--role-dark-purple-hsl)/1);
  --role-dark-purple-hsl: 282 calc(var(--saturation-factor, 1)*43.7%) 37.6%;
  --role-dark-teal: hsl(var(--role-dark-teal-hsl)/1);
  --role-dark-teal-hsl: 168 calc(var(--saturation-factor, 1)*76.6%) 28.4%;
  --role-default: hsl(var(--role-default-hsl)/1);
  --role-default-hsl: 204 calc(var(--saturation-factor, 1)*15.9%) 65.5%;
  --role-green: hsl(var(--role-green-hsl)/1);
  --role-green-hsl: 145 calc(var(--saturation-factor, 1)*63.5%) 33.3%;
  --role-grey: hsl(var(--role-grey-hsl)/1);
  --role-grey-hsl: 202 calc(var(--saturation-factor, 1)*4%) 60.8%;
  --role-light-blue: hsl(var(--role-light-blue-hsl)/1);
  --role-light-blue-hsl: 204 calc(var(--saturation-factor, 1)*15.9%) 65.5%;
  --role-light-green: hsl(var(--role-light-green-hsl)/1);
  --role-light-green-hsl: 145 calc(var(--saturation-factor, 1)*63.2%) 49%;
  --role-light-grey: hsl(var(--role-light-grey-hsl)/1);
  --role-light-grey-hsl: 184 calc(var(--saturation-factor, 1)*8.7%) 61.8%;
  --role-magenta: hsl(var(--role-magenta-hsl)/1);
  --role-magenta-hsl: 340 calc(var(--saturation-factor, 1)*82.2%) 51.6%;
  --role-orange: hsl(var(--role-orange-hsl)/1);
  --role-orange-hsl: 28 calc(var(--saturation-factor, 1)*79.7%) 51.8%;
  --role-purple: hsl(var(--role-purple-hsl)/1);
  --role-purple-hsl: 283 calc(var(--saturation-factor, 1)*38.9%) 53.1%;
  --role-salmon: hsl(var(--role-salmon-hsl)/1);
  --role-salmon-hsl: 6 calc(var(--saturation-factor, 1)*78.1%) 57.1%;
  --role-sky-blue: hsl(var(--role-sky-blue-hsl)/1);
  --role-sky-blue-hsl: 204 calc(var(--saturation-factor, 1)*69.9%) 53.1%;
  --role-tan: hsl(var(--role-tan-hsl)/1);
  --role-tan-hsl: 37 calc(var(--saturation-factor, 1)*86.5%) 40.8%;
  --role-teal: hsl(var(--role-teal-hsl)/1);
  --role-teal-hsl: 168 calc(var(--saturation-factor, 1)*75.7%) 42%;
  --role-terracotta: hsl(var(--role-terracotta-hsl)/1);
  --role-terracotta-hsl: 6 calc(var(--saturation-factor, 1)*63.6%) 36.7%;
  --role-yellow: hsl(var(--role-yellow-hsl)/1);
  --role-yellow-hsl: 48 calc(var(--saturation-factor, 1)*89%) 50.2%;
  --samsung: hsl(var(--samsung-hsl)/1);
  --samsung-hsl: 231 calc(var(--saturation-factor, 1)*77.8%) 35.3%;
  --skype: hsl(var(--skype-hsl)/1);
  --skype-hsl: 196 calc(var(--saturation-factor, 1)*100%) 42.2%;
  --spotify: hsl(var(--spotify-hsl)/1);
  --spotify-hsl: 141 calc(var(--saturation-factor, 1)*72.9%) 42%;
  --steam: hsl(var(--steam-hsl)/1);
  --steam-hsl: 215 calc(var(--saturation-factor, 1)*35.1%) 14.5%;
  --teal-100: hsl(var(--teal-100-hsl)/1);
  --teal-100-hsl: 193 calc(var(--saturation-factor, 1)*69.2%) 97.5%;
  --teal-130: hsl(var(--teal-130-hsl)/1);
  --teal-130-hsl: 192 calc(var(--saturation-factor, 1)*83.3%) 95.3%;
  --teal-160: hsl(var(--teal-160-hsl)/1);
  --teal-160-hsl: 190 calc(var(--saturation-factor, 1)*83.3%) 90.6%;
  --teal-200: hsl(var(--teal-200-hsl)/1);
  --teal-200-hsl: 188 calc(var(--saturation-factor, 1)*85.7%) 83.5%;
  --teal-230: hsl(var(--teal-230-hsl)/1);
  --teal-230-hsl: 188 calc(var(--saturation-factor, 1)*88.3%) 73.1%;
  --teal-260: hsl(var(--teal-260-hsl)/1);
  --teal-260-hsl: 188 calc(var(--saturation-factor, 1)*81.9%) 65.3%;
  --teal-300: hsl(var(--teal-300-hsl)/1);
  --teal-300-hsl: 189 calc(var(--saturation-factor, 1)*72.8%) 58.2%;
  --teal-330: hsl(var(--teal-330-hsl)/1);
  --teal-330-hsl: 189 calc(var(--saturation-factor, 1)*65.6%) 52.2%;
  --teal-345: hsl(var(--teal-345-hsl)/1);
  --teal-345-hsl: 190 calc(var(--saturation-factor, 1)*62.8%) 48.4%;
  --teal-360: hsl(var(--teal-360-hsl)/1);
  --teal-360-hsl: 190 calc(var(--saturation-factor, 1)*64%) 43.5%;
  --teal-400: hsl(var(--teal-400-hsl)/1);
  --teal-400-hsl: 190 calc(var(--saturation-factor, 1)*63.5%) 38.6%;
  --teal-430: hsl(var(--teal-430-hsl)/1);
  --teal-430-hsl: 190 calc(var(--saturation-factor, 1)*63%) 33.9%;
  --teal-460: hsl(var(--teal-460-hsl)/1);
  --teal-460-hsl: 191 calc(var(--saturation-factor, 1)*64.2%) 29.6%;
  --teal-500: hsl(var(--teal-500-hsl)/1);
  --teal-500-hsl: 190 calc(var(--saturation-factor, 1)*65.2%) 25.9%;
  --teal-530: hsl(var(--teal-530-hsl)/1);
  --teal-530-hsl: 190 calc(var(--saturation-factor, 1)*66.7%) 22.4%;
  --teal-560: hsl(var(--teal-560-hsl)/1);
  --teal-560-hsl: 190 calc(var(--saturation-factor, 1)*69.7%) 19.4%;
  --teal-600: hsl(var(--teal-600-hsl)/1);
  --teal-600-hsl: 189 calc(var(--saturation-factor, 1)*71.8%) 16.7%;
  --teal-630: hsl(var(--teal-630-hsl)/1);
  --teal-630-hsl: 190 calc(var(--saturation-factor, 1)*73.7%) 14.9%;
  --teal-660: hsl(var(--teal-660-hsl)/1);
  --teal-660-hsl: 188 calc(var(--saturation-factor, 1)*75.8%) 12.9%;
  --teal-700: hsl(var(--teal-700-hsl)/1);
  --teal-700-hsl: 189 calc(var(--saturation-factor, 1)*79.3%) 11.4%;
  --teal-730: hsl(var(--teal-730-hsl)/1);
  --teal-730-hsl: 189 calc(var(--saturation-factor, 1)*80%) 9.8%;
  --teal-760: hsl(var(--teal-760-hsl)/1);
  --teal-760-hsl: 189 calc(var(--saturation-factor, 1)*81.4%) 8.4%;
  --teal-800: hsl(var(--teal-800-hsl)/1);
  --teal-800-hsl: 188 calc(var(--saturation-factor, 1)*83.3%) 7.1%;
  --teal-830: hsl(var(--teal-830-hsl)/1);
  --teal-830-hsl: 189 calc(var(--saturation-factor, 1)*87.1%) 6.1%;
  --teal-860: hsl(var(--teal-860-hsl)/1);
  --teal-860-hsl: 188 calc(var(--saturation-factor, 1)*85.2%) 5.3%;
  --teal-900: hsl(var(--teal-900-hsl)/1);
  --teal-900-hsl: 189 calc(var(--saturation-factor, 1)*90.9%) 4.3%;
  --transparent: hsl(var(--transparent-hsl)/0);
  --transparent-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
  --twitch: hsl(var(--twitch-hsl)/1);
  --twitch-hsl: 262 calc(var(--saturation-factor, 1)*46.8%) 39.8%;
  --twitter: hsl(var(--twitter-hsl)/1);
  --twitter-hsl: 203 calc(var(--saturation-factor, 1)*89.1%) 53.1%;
  --white-100: hsl(var(--white-100-hsl)/1);
  --white-100-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
  --white-130: hsl(var(--white-130-hsl)/1);
  --white-130-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
  --white-160: hsl(var(--white-160-hsl)/1);
  --white-160-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
  --white-200: hsl(var(--white-200-hsl)/1);
  --white-200-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
  --white-230: hsl(var(--white-230-hsl)/1);
  --white-230-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
  --white-260: hsl(var(--white-260-hsl)/1);
  --white-260-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
  --white-300: hsl(var(--white-300-hsl)/1);
  --white-300-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
  --white-330: hsl(var(--white-330-hsl)/1);
  --white-330-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
  --white-345: hsl(var(--white-345-hsl)/1);
  --white-345-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
  --white-360: hsl(var(--white-360-hsl)/1);
  --white-360-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
  --white-400: hsl(var(--white-400-hsl)/1);
  --white-400-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
  --white-430: hsl(var(--white-430-hsl)/1);
  --white-430-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
  --white-460: hsl(var(--white-460-hsl)/1);
  --white-460-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
  --white-500: hsl(var(--white-500-hsl)/1);
  --white-500-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
  --white-530: hsl(var(--white-530-hsl)/1);
  --white-530-hsl: 0 calc(var(--saturation-factor, 1)*0%) 91%;
  --white-560: hsl(var(--white-560-hsl)/1);
  --white-560-hsl: 0 calc(var(--saturation-factor, 1)*0%) 81.2%;
  --white-600: hsl(var(--white-600-hsl)/1);
  --white-600-hsl: 0 calc(var(--saturation-factor, 1)*0%) 67.8%;
  --white-630: hsl(var(--white-630-hsl)/1);
  --white-630-hsl: 0 calc(var(--saturation-factor, 1)*0%) 58.8%;
  --white-660: hsl(var(--white-660-hsl)/1);
  --white-660-hsl: 0 calc(var(--saturation-factor, 1)*0%) 51.4%;
  --white-700: hsl(var(--white-700-hsl)/1);
  --white-700-hsl: 0 calc(var(--saturation-factor, 1)*0%) 40%;
  --white-730: hsl(var(--white-730-hsl)/1);
  --white-730-hsl: 0 calc(var(--saturation-factor, 1)*0%) 37.3%;
  --white-760: hsl(var(--white-760-hsl)/1);
  --white-760-hsl: 0 calc(var(--saturation-factor, 1)*0%) 34.5%;
  --white-800: hsl(var(--white-800-hsl)/1);
  --white-800-hsl: 0 calc(var(--saturation-factor, 1)*0%) 30.2%;
  --white-830: hsl(var(--white-830-hsl)/1);
  --white-830-hsl: 0 calc(var(--saturation-factor, 1)*0%) 23.1%;
  --white-860: hsl(var(--white-860-hsl)/1);
  --white-860-hsl: 0 calc(var(--saturation-factor, 1)*0%) 14.9%;
  --white-900: hsl(var(--white-900-hsl)/1);
  --white-900-hsl: 0 calc(var(--saturation-factor, 1)*0%) 5.1%;
  --xbox: hsl(var(--xbox-hsl)/1);
  --xbox-hsl: 120 calc(var(--saturation-factor, 1)*77.1%) 27.5%;
  --yellow-100: hsl(var(--yellow-100-hsl)/1);
  --yellow-100-hsl: 34 calc(var(--saturation-factor, 1)*100%) 96.9%;
  --yellow-130: hsl(var(--yellow-130-hsl)/1);
  --yellow-130-hsl: 31 calc(var(--saturation-factor, 1)*100%) 95.5%;
  --yellow-160: hsl(var(--yellow-160-hsl)/1);
  --yellow-160-hsl: 33 calc(var(--saturation-factor, 1)*100%) 91.4%;
  --yellow-200: hsl(var(--yellow-200-hsl)/1);
  --yellow-200-hsl: 35 calc(var(--saturation-factor, 1)*97.3%) 85.5%;
  --yellow-230: hsl(var(--yellow-230-hsl)/1);
  --yellow-230-hsl: 37 calc(var(--saturation-factor, 1)*96.6%) 77.1%;
  --yellow-260: hsl(var(--yellow-260-hsl)/1);
  --yellow-260-hsl: 41 calc(var(--saturation-factor, 1)*96.8%) 62.9%;
  --yellow-300: hsl(var(--yellow-300-hsl)/1);
  --yellow-300-hsl: 40 calc(var(--saturation-factor, 1)*86.4%) 56.9%;
  --yellow-330: hsl(var(--yellow-330-hsl)/1);
  --yellow-330-hsl: 40 calc(var(--saturation-factor, 1)*75.3%) 52.4%;
  --yellow-345: hsl(var(--yellow-345-hsl)/1);
  --yellow-345-hsl: 40 calc(var(--saturation-factor, 1)*71%) 48.6%;
  --yellow-360: hsl(var(--yellow-360-hsl)/1);
  --yellow-360-hsl: 39 calc(var(--saturation-factor, 1)*74.4%) 42.9%;
  --yellow-400: hsl(var(--yellow-400-hsl)/1);
  --yellow-400-hsl: 38 calc(var(--saturation-factor, 1)*78.6%) 38.4%;
  --yellow-430: hsl(var(--yellow-430-hsl)/1);
  --yellow-430-hsl: 37 calc(var(--saturation-factor, 1)*84.4%) 32.7%;
  --yellow-460: hsl(var(--yellow-460-hsl)/1);
  --yellow-460-hsl: 36 calc(var(--saturation-factor, 1)*87.8%) 28.8%;
  --yellow-500: hsl(var(--yellow-500-hsl)/1);
  --yellow-500-hsl: 36 calc(var(--saturation-factor, 1)*93.8%) 25.1%;
  --yellow-530: hsl(var(--yellow-530-hsl)/1);
  --yellow-530-hsl: 35 calc(var(--saturation-factor, 1)*92.9%) 22.2%;
  --yellow-560: hsl(var(--yellow-560-hsl)/1);
  --yellow-560-hsl: 34 calc(var(--saturation-factor, 1)*94%) 19.6%;
  --yellow-600: hsl(var(--yellow-600-hsl)/1);
  --yellow-600-hsl: 35 calc(var(--saturation-factor, 1)*93.1%) 17.1%;
  --yellow-630: hsl(var(--yellow-630-hsl)/1);
  --yellow-630-hsl: 35 calc(var(--saturation-factor, 1)*92.4%) 15.5%;
  --yellow-660: hsl(var(--yellow-660-hsl)/1);
  --yellow-660-hsl: 35 calc(var(--saturation-factor, 1)*91.4%) 13.7%;
  --yellow-700: hsl(var(--yellow-700-hsl)/1);
  --yellow-700-hsl: 34 calc(var(--saturation-factor, 1)*90.3%) 12.2%;
  --yellow-730: hsl(var(--yellow-730-hsl)/1);
  --yellow-730-hsl: 33 calc(var(--saturation-factor, 1)*92.7%) 10.8%;
  --yellow-760: hsl(var(--yellow-760-hsl)/1);
  --yellow-760-hsl: 33 calc(var(--saturation-factor, 1)*91.7%) 9.4%;
  --yellow-800: hsl(var(--yellow-800-hsl)/1);
  --yellow-800-hsl: 32 calc(var(--saturation-factor, 1)*90.2%) 8%;
  --yellow-830: hsl(var(--yellow-830-hsl)/1);
  --yellow-830-hsl: 32 calc(var(--saturation-factor, 1)*88.9%) 7.1%;
  --yellow-860: hsl(var(--yellow-860-hsl)/1);
  --yellow-860-hsl: 32 calc(var(--saturation-factor, 1)*86.7%) 5.9%;
  --yellow-900: hsl(var(--yellow-900-hsl)/1);
  --yellow-900-hsl: 36 calc(var(--saturation-factor, 1)*83.3%) 4.7%;
  --youtube: hsl(var(--youtube-hsl)/1);
  --youtube-hsl: 0 calc(var(--saturation-factor, 1)*72.8%) 46.1%
}

.theme-dark {
  --action-sheet-gradient-bg: var(--primary-630);
  --activity-card-background: var(--primary-700);
  --activity-card-icon-overlay: hsl(var(--primary-600-hsl)/0.85);
  --alert-bg: var(--primary-600);
  --android-navigation-bar-background: var(--primary-830);
  --android-navigation-scrim-background: hsl(var(--primary-830-hsl)/0.5);
  --android-ripple: hsl(var(--white-500-hsl)/0.07);
  --background-accent: var(--primary-530);
  --background-floating: var(--primary-800);
  --background-mentioned: hsl(var(--yellow-300-hsl)/0.1);
  --background-mentioned-hover: hsl(var(--yellow-300-hsl)/0.08);
  --background-message-automod: hsl(var(--red-400-hsl)/0.05);
  --background-message-automod-hover: hsl(var(--red-400-hsl)/0.1);
  --background-message-highlight: hsl(var(--brand-360-hsl)/0.08);
  --background-message-highlight-hover: hsl(var(--brand-360-hsl)/0.06);
  --background-message-hover: hsl(var(--primary-900-hsl)/0.06);
  --background-mobile-primary: var(--primary-600);
  --background-mobile-secondary: var(--primary-630);
  --background-modifier-accent: hsl(var(--primary-500-hsl)/0.48);
  --background-modifier-accent-2: hsl(var(--primary-500-hsl)/0.48);
  --background-modifier-active: hsl(var(--primary-500-hsl)/0.48);
  --background-modifier-hover: hsl(var(--primary-500-hsl)/0.3);
  --background-modifier-selected: hsl(var(--primary-500-hsl)/0.6);
  --background-nested-floating: var(--primary-630);
  --background-primary: var(--primary-600);
  --background-secondary: var(--primary-630);
  --background-secondary-alt: var(--primary-660);
  --background-tertiary: var(--primary-700);
  --bg-backdrop: hsl(var(--black-500-hsl)/0.7);
  --bg-backdrop-no-opacity: var(--black-500);
  --bg-base-primary: var(--primary-600);
  --bg-base-secondary: var(--primary-630);
  --bg-base-tertiary: var(--primary-660);
  --bg-mod-faint: hsl(var(--primary-500-hsl)/0.3);
  --bg-mod-strong: hsl(var(--primary-500-hsl)/0.54);
  --bg-mod-subtle: hsl(var(--primary-500-hsl)/0.48);
  --bg-surface-overlay: var(--primary-800);
  --bg-surface-overlay-tmp: var(--primary-800);
  --bg-surface-raised: var(--primary-600);
  --blur-fallback: hsl(var(--primary-700-hsl)/0.96);
  --blur-fallback-pressed: hsl(var(--primary-730-hsl)/0.96);
  --border-faint: hsl(var(--white-500-hsl)/0.03);
  --border-strong: hsl(var(--white-500-hsl)/0.16);
  --border-subtle: hsl(var(--white-500-hsl)/0.08);
  --bug-reporter-modal-submitting-background: hsl(var(--primary-800-hsl)/0.6);
  --button-creator-revenue-background: var(--teal-430);
  --button-danger-background: var(--red-430);
  --button-danger-background-active: var(--red-530);
  --button-danger-background-disabled: var(--red-430);
  --button-danger-background-hover: var(--red-500);
  --button-outline-brand-background: hsl(var(--white-500-hsl)/0);
  --button-outline-brand-background-active: var(--brand-560);
  --button-outline-brand-background-hover: var(--brand-500);
  --button-outline-brand-border: var(--brand-500);
  --button-outline-brand-border-active: var(--brand-560);
  --button-outline-brand-border-hover: var(--brand-500);
  --button-outline-brand-text: var(--white-500);
  --button-outline-brand-text-active: var(--white-500);
  --button-outline-brand-text-hover: var(--white-500);
  --button-outline-danger-background: hsl(var(--white-500-hsl)/0);
  --button-outline-danger-background-active: var(--red-460);
  --button-outline-danger-background-hover: var(--red-430);
  --button-outline-danger-border: var(--red-400);
  --button-outline-danger-border-active: var(--red-430);
  --button-outline-danger-border-hover: var(--red-430);
  --button-outline-danger-text: var(--white-500);
  --button-outline-danger-text-active: var(--white-500);
  --button-outline-danger-text-hover: var(--white-500);
  --button-outline-positive-background: hsl(var(--white-500-hsl)/0);
  --button-outline-positive-background-active: var(--green-530);
  --button-outline-positive-background-hover: var(--green-430);
  --button-outline-positive-border: var(--green-360);
  --button-outline-positive-border-active: var(--green-530);
  --button-outline-positive-border-hover: var(--green-430);
  --button-outline-positive-text: var(--white-500);
  --button-outline-positive-text-active: var(--white-500);
  --button-outline-positive-text-hover: var(--white-500);
  --button-outline-primary-background: hsl(var(--white-500-hsl)/0);
  --button-outline-primary-background-active: var(--primary-430);
  --button-outline-primary-background-hover: var(--primary-500);
  --button-outline-primary-border: var(--primary-500);
  --button-outline-primary-border-active: var(--primary-430);
  --button-outline-primary-border-hover: var(--primary-500);
  --button-outline-primary-text: var(--white-500);
  --button-outline-primary-text-active: var(--white-500);
  --button-outline-primary-text-hover: var(--white-500);
  --button-positive-background: var(--green-430);
  --button-positive-background-active: var(--green-530);
  --button-positive-background-disabled: var(--green-430);
  --button-positive-background-hover: var(--green-500);
  --button-secondary-background: var(--primary-500);
  --button-secondary-background-active: var(--primary-400);
  --button-secondary-background-disabled: var(--primary-500);
  --button-secondary-background-hover: var(--primary-430);
  --card-gradient-bg: hsl(var(--black-500-hsl)/0.4);
  --card-gradient-pressed-bg: hsl(var(--black-500-hsl)/0.5);
  --card-primary-bg: var(--primary-560);
  --card-primary-pressed-bg: var(--primary-645);
  --card-secondary-bg: var(--primary-560);
  --card-secondary-pressed-bg: var(--primary-645);
  --channel-icon: var(--primary-400);
  --channel-text-area-placeholder: var(--primary-430);
  --channels-default: var(--primary-360);
  --channeltextarea-background: var(--primary-560);
  --chat-background: var(--primary-600);
  --chat-banner-bg: var(--primary-630);
  --chat-border: var(--primary-700);
  --chat-input-container-background: var(--primary-600);
  --chat-swipe-to-reply-background: var(--primary-660);
  --chat-swipe-to-reply-gradient-background: hsl(var(--black-500-hsl)/0.1);
  --control-brand-foreground: var(--brand-360);
  --control-brand-foreground-new: var(--brand-360);
  --creator-revenue-icon-gradient-end: var(--teal-430);
  --creator-revenue-icon-gradient-start: var(--teal-360);
  --creator-revenue-info-box-background: hsl(var(--teal-430-hsl)/0.1);
  --creator-revenue-info-box-border: var(--teal-400);
  --creator-revenue-locked-channel-icon: var(--teal-345);
  --creator-revenue-progress-bar: var(--teal-400);
  --deprecated-card-bg: hsl(var(--primary-700-hsl)/0.6);
  --deprecated-card-editable-bg: hsl(var(--primary-700-hsl)/0.3);
  --deprecated-quickswitcher-input-background: var(--primary-400);
  --deprecated-quickswitcher-input-placeholder: hsl(var(--white-500-hsl)/0.3);
  --deprecated-store-bg: var(--primary-600);
  --deprecated-text-input-bg: var(--primary-700);
  --deprecated-text-input-border: hsl(var(--black-500-hsl)/0.3);
  --deprecated-text-input-border-disabled: var(--primary-700);
  --deprecated-text-input-border-hover: var(--primary-900);
  --deprecated-text-input-prefix: var(--primary-200);
  --display-banner-overflow-background: hsl(var(--primary-700-hsl)/0.5);
  --divider-strong: hsl(var(--white-500-hsl)/0.16);
  --divider-subtle: hsl(var(--white-500-hsl)/0.08);
  --embed-title: var(--primary-130);
  --expression-picker-bg: var(--primary-630);
  --forum-post-extra-media-count-container-background: hsl(var(--primary-660-hsl)/0.8);
  --forum-post-tag-background: hsl(var(--primary-660-hsl)/0.9);
  --guild-icon-inactive-bg: var(--primary-630);
  --guild-icon-inactive-nested-bg: var(--primary-600);
  --guild-notifications-bottom-sheet-pill-background: var(--primary-700);
  --header-muted: var(--primary-360);
  --header-primary: var(--primary-130);
  --header-secondary: var(--primary-330);
  --home-background: var(--primary-645);
  --home-card-resting-border: hsl(var(--transparent-hsl)/0);
  --icon-primary: var(--primary-130);
  --icon-secondary: var(--primary-330);
  --info-danger-background: hsl(var(--red-400-hsl)/0.1);
  --info-danger-foreground: var(--red-400);
  --info-danger-text: var(--white-500);
  --info-help-background: hsl(var(--blue-345-hsl)/0.1);
  --info-help-foreground: var(--blue-345);
  --info-help-text: var(--white-500);
  --info-positive-background: hsl(var(--green-360-hsl)/0.1);
  --info-positive-foreground: var(--green-360);
  --info-positive-text: var(--white-500);
  --info-warning-background: hsl(var(--yellow-300-hsl)/0.1);
  --info-warning-foreground: var(--yellow-300);
  --info-warning-text: var(--white-500);
  --input-background: var(--primary-700);
  --input-focused-border: hsl(var(--white-500-hsl)/0.16);
  --input-placeholder-text: var(--input-placeholder-text-dark);
  --interactive-active: var(--white-500);
  --interactive-hover: var(--primary-230);
  --interactive-muted: var(--primary-500);
  --interactive-normal: var(--primary-330);
  --legacy-android-blur-overlay-default: hsl(var(--primary-660-hsl)/0.5);
  --legacy-android-blur-overlay-ultra-thin: hsl(var(--black-500-hsl)/0.025);
  --legacy-blur-fallback-default: hsl(var(--primary-660-hsl)/0.975);
  --legacy-blur-fallback-ultra-thin: hsl(var(--black-500-hsl)/0.95);
  --live-stage-tile-border: hsl(var(--primary-500-hsl)/0.6);
  --logo-primary: var(--white-500);
  --mention-background: hsl(var(--brand-500-hsl)/0.3);
  --mention-foreground: var(--brand-260);
  --modal-background: var(--primary-600);
  --modal-footer-background: var(--primary-630);
  --navigator-header-tint: var(--white-500);
  --panel-bg: var(--primary-600);
  --polls-embed-background: var(--primary-630);
  --polls-embed-border: var(--primary-660);
  --polls-image-normal-border: hsl(var(--black-430-hsl)/0.9);
  --polls-normal-border: var(--primary-700);
  --polls-normal-confetti: var(--brand-500);
  --polls-normal-fill: var(--primary-530);
  --polls-normal-label: var(--white-500);
  --polls-victor-border: var(--yellow-300);
  --polls-victor-fill: var(--yellow-200);
  --polls-victor-label: var(--primary-600);
  --polls-voted-border: var(--green-330);
  --polls-voted-fill: var(--green-160);
  --polls-voted-label: var(--primary-600);
  --profile-gradient-card-background: hsl(var(--black-500-hsl)/0.7);
  --profile-gradient-message-input-border: hsl(var(--primary-500-hsl)/0.48);
  --profile-gradient-note-background: hsl(var(--black-500-hsl)/0.3);
  --profile-gradient-overlay: hsl(var(--black-500-hsl)/0.6);
  --profile-gradient-overlay-synced-with-user-theme: hsl(var(--black-500-hsl)/0.8);
  --profile-gradient-profile-body-background-hover: hsl(var(--white-500-hsl)/0.16);
  --profile-gradient-role-pill-background: hsl(var(--primary-660-hsl)/0.5);
  --profile-gradient-role-pill-border: hsl(var(--white-500-hsl)/0.2);
  --profile-gradient-section-box: hsl(var(--black-500-hsl)/0.45);
  --redesign-activity-card-background: var(--primary-560);
  --redesign-activity-card-background-pressed: var(--primary-630);
  --redesign-activity-card-badge-icon: var(--primary-360);
  --redesign-activity-card-border: hsl(var(--white-500-hsl)/0.02);
  --redesign-activity-card-overflow-background: var(--primary-630);
  --redesign-button-danger-background: var(--red-430);
  --redesign-button-danger-pressed-background: var(--red-460);
  --redesign-button-danger-text: var(--white-500);
  --redesign-button-overlay-alpha-background: hsl(var(--black-500-hsl)/0.54);
  --redesign-button-overlay-alpha-pressed-background: hsl(var(--black-500-hsl)/0.64);
  --redesign-button-overlay-alpha-text: var(--white-500);
  --redesign-button-overlay-background: var(--white-500);
  --redesign-button-overlay-pressed-background: var(--primary-230);
  --redesign-button-overlay-text: var(--primary-860);
  --redesign-button-positive-background: var(--green-430);
  --redesign-button-positive-pressed-background: var(--green-460);
  --redesign-button-positive-text: var(--white-500);
  --redesign-button-primary-alt-background: hsl(var(--brand-500-hsl)/0);
  --redesign-button-primary-alt-border: var(--brand-360);
  --redesign-button-primary-alt-on-blurple-background: hsl(var(--brand-530-hsl)/0);
  --redesign-button-primary-alt-on-blurple-border: var(--white-500);
  --redesign-button-primary-alt-on-blurple-pressed-background: var(--brand-530);
  --redesign-button-primary-alt-on-blurple-pressed-border: var(--brand-360);
  --redesign-button-primary-alt-on-blurple-text: var(--white-500);
  --redesign-button-primary-alt-pressed-background: hsl(var(--brand-700-hsl)/0.16);
  --redesign-button-primary-alt-pressed-border: hsl(var(--brand-400-hsl)/0.5);
  --redesign-button-primary-alt-pressed-text: var(--brand-360);
  --redesign-button-primary-alt-text: var(--brand-360);
  --redesign-button-primary-background: var(--brand-500);
  --redesign-button-primary-on-blurple-background: var(--white-500);
  --redesign-button-primary-on-blurple-pressed-background: var(--brand-200);
  --redesign-button-primary-on-blurple-pressed-text: var(--brand-530);
  --redesign-button-primary-on-blurple-text: var(--brand-500);
  --redesign-button-primary-pressed-background: var(--brand-560);
  --redesign-button-primary-text: var(--white-500);
  --redesign-button-secondary-alt-background: var(--primary-660);
  --redesign-button-secondary-alt-pressed-background: var(--primary-560);
  --redesign-button-secondary-alt-pressed-text: var(--primary-330);
  --redesign-button-secondary-alt-text: var(--primary-230);
  --redesign-button-secondary-background: var(--primary-460);
  --redesign-button-secondary-border: hsl(var(--white-500-hsl)/0.08);
  --redesign-button-secondary-pressed-background: var(--primary-500);
  --redesign-button-secondary-pressed-border: hsl(var(--transparent-hsl)/0);
  --redesign-button-secondary-text: var(--primary-230);
  --redesign-channel-category-name-text: var(--primary-330);
  --redesign-channel-message-preview-text: var(--primary-360);
  --redesign-channel-name-muted-text: var(--primary-360);
  --redesign-channel-name-text: var(--primary-130);
  --redesign-chat-input-background: var(--primary-700);
  --redesign-input-control-active-bg: var(--primary-645);
  --redesign-input-control-selected: var(--brand-500);
  --redesign-only-background-active: var(--primary-530);
  --redesign-only-background-default: var(--primary-600);
  --redesign-only-background-overlay: var(--primary-645);
  --redesign-only-background-raised: var(--primary-630);
  --redesign-only-background-sunken: var(--primary-660);
  --scrollbar-auto-scrollbar-color-thumb: var(--primary-730);
  --scrollbar-auto-scrollbar-color-track: var(--primary-630);
  --scrollbar-auto-thumb: var(--primary-730);
  --scrollbar-auto-track: var(--primary-630);
  --scrollbar-thin-thumb: var(--primary-730);
  --scrollbar-thin-track: hsl(var(--black-500-hsl)/0);
  --spoiler-hidden-background: var(--primary-700);
  --spoiler-revealed-background: var(--primary-660);
  --status-danger: var(--red-400);
  --status-danger-background: var(--red-400);
  --status-danger-text: var(--white-500);
  --status-dnd: var(--red-400);
  --status-idle: var(--yellow-300);
  --status-offline: var(--primary-360);
  --status-online: var(--green-360);
  --status-positive: var(--green-360);
  --status-positive-background: var(--green-430);
  --status-positive-text: var(--white-500);
  --status-speaking: var(--green-360);
  --status-warning: var(--yellow-300);
  --status-warning-background: var(--yellow-300);
  --status-warning-text: var(--black-500);
  --text-brand: var(--brand-360);
  --text-danger: var(--red-345);
  --text-link: var(--blue-345);
  --text-link-low-saturation: var(--blue-330);
  --text-low-contrast: var(--primary-360);
  --text-message-preview-low-sat: var(--primary-360);
  --text-muted: var(--primary-360);
  --text-muted-on-default: var(--primary-330);
  --text-normal: var(--primary-230);
  --text-positive: var(--green-330);
  --text-primary: var(--primary-230);
  --text-secondary: var(--primary-330);
  --text-warning: var(--yellow-300);
  --textbox-markdown-syntax: var(--primary-360);
  --toast-bg: var(--primary-800);
  --typing-indicator-bg: var(--primary-630);
  --user-profile-header-overflow-background: hsl(var(--primary-700-hsl)/0.5)
}

.theme-dark,.theme-light {
  --black: var(--black-500);
  --brand: var(--brand-500);
  --focus-primary: var(--blue-345);
  --icon-muted: var(--primary-400);
  --icon-transparent: hsl(var(--transparent-hsl)/0);
  --info-box-background: hsl(var(--blue-345-hsl)/0.1);
  --theme-locked-blur-fallback: hsl(var(--primary-700-hsl)/0.96);
  --voice-video-tile-blur-fallback: hsl(var(--primary-700-hsl)/0.48);
  --voice-video-video-tile-blur-fallback: hsl(var(--primary-700-hsl)/0.48);
  --white: var(--white-500)
}

.theme-light {
  --action-sheet-gradient-bg: var(--primary-130);
  --activity-card-background: var(--white-500);
  --activity-card-icon-overlay: hsl(var(--primary-600-hsl)/0.85);
  --alert-bg: var(--white-500);
  --android-navigation-bar-background: var(--primary-100);
  --android-navigation-scrim-background: hsl(var(--primary-100-hsl)/0.5);
  --android-ripple: hsl(var(--black-500-hsl)/0.12);
  --background-accent: var(--primary-430);
  --background-floating: var(--white-500);
  --background-mentioned: hsl(var(--yellow-300-hsl)/0.1);
  --background-mentioned-hover: hsl(var(--yellow-300-hsl)/0.2);
  --background-message-automod: hsl(var(--red-400-hsl)/0.05);
  --background-message-automod-hover: hsl(var(--red-400-hsl)/0.1);
  --background-message-highlight: hsl(var(--brand-360-hsl)/0.1);
  --background-message-highlight-hover: hsl(var(--brand-360-hsl)/0.2);
  --background-message-hover: hsl(var(--primary-900-hsl)/0.03);
  --background-mobile-primary: var(--primary-100);
  --background-mobile-secondary: var(--white-500);
  --background-modifier-accent: hsl(var(--primary-400-hsl)/0.24);
  --background-modifier-accent-2: hsl(var(--primary-400-hsl)/0.16);
  --background-modifier-active: hsl(var(--primary-400-hsl)/0.2);
  --background-modifier-hover: hsl(var(--primary-400-hsl)/0.16);
  --background-modifier-selected: hsl(var(--primary-400-hsl)/0.24);
  --background-nested-floating: var(--white-500);
  --background-primary: var(--white-500);
  --background-secondary: var(--primary-130);
  --background-secondary-alt: var(--primary-160);
  --background-tertiary: var(--primary-200);
  --bg-backdrop: hsl(var(--black-500-hsl)/0.7);
  --bg-backdrop-no-opacity: var(--black-500);
  --bg-base-primary: var(--white-500);
  --bg-base-secondary: var(--primary-130);
  --bg-base-tertiary: var(--primary-160);
  --bg-mod-faint: hsl(var(--primary-400-hsl)/0.08);
  --bg-mod-strong: hsl(var(--primary-400-hsl)/0.24);
  --bg-mod-subtle: hsl(var(--primary-400-hsl)/0.16);
  --bg-surface-overlay: var(--white-500);
  --bg-surface-overlay-tmp: var(--primary-130);
  --bg-surface-raised: var(--white-500);
  --blur-fallback: hsl(var(--primary-530-hsl)/0.96);
  --blur-fallback-pressed: hsl(var(--primary-560-hsl)/0.96);
  --border-faint: hsl(var(--black-500-hsl)/0.04);
  --border-strong: hsl(var(--black-500-hsl)/0.16);
  --border-subtle: hsl(var(--black-500-hsl)/0.08);
  --bug-reporter-modal-submitting-background: hsl(var(--white-500-hsl)/0.6);
  --button-creator-revenue-background: var(--teal-430);
  --button-danger-background: var(--red-430);
  --button-danger-background-active: var(--red-530);
  --button-danger-background-disabled: var(--red-430);
  --button-danger-background-hover: var(--red-500);
  --button-outline-brand-background: hsl(var(--white-500-hsl)/0);
  --button-outline-brand-background-active: var(--brand-560);
  --button-outline-brand-background-hover: var(--brand-500);
  --button-outline-brand-border: var(--brand-500);
  --button-outline-brand-border-active: var(--brand-560);
  --button-outline-brand-border-hover: var(--brand-500);
  --button-outline-brand-text: var(--black-500);
  --button-outline-brand-text-active: var(--white-500);
  --button-outline-brand-text-hover: var(--white-500);
  --button-outline-danger-background: hsl(var(--white-500-hsl)/0);
  --button-outline-danger-background-active: var(--red-460);
  --button-outline-danger-background-hover: var(--red-430);
  --button-outline-danger-border: var(--red-430);
  --button-outline-danger-border-active: var(--red-430);
  --button-outline-danger-border-hover: var(--red-430);
  --button-outline-danger-text: var(--black-500);
  --button-outline-danger-text-active: var(--white-500);
  --button-outline-danger-text-hover: var(--white-500);
  --button-outline-positive-background: hsl(var(--white-500-hsl)/0);
  --button-outline-positive-background-active: var(--green-530);
  --button-outline-positive-background-hover: var(--green-430);
  --button-outline-positive-border: var(--green-400);
  --button-outline-positive-border-active: var(--green-530);
  --button-outline-positive-border-hover: var(--green-430);
  --button-outline-positive-text: var(--black-500);
  --button-outline-positive-text-active: var(--white-500);
  --button-outline-positive-text-hover: var(--white-500);
  --button-outline-primary-background: hsl(var(--white-500-hsl)/0);
  --button-outline-primary-background-active: var(--primary-600);
  --button-outline-primary-background-hover: var(--primary-530);
  --button-outline-primary-border: var(--primary-530);
  --button-outline-primary-border-active: var(--primary-600);
  --button-outline-primary-border-hover: var(--primary-530);
  --button-outline-primary-text: var(--black-500);
  --button-outline-primary-text-active: var(--white-500);
  --button-outline-primary-text-hover: var(--white-500);
  --button-positive-background: var(--green-430);
  --button-positive-background-active: var(--green-530);
  --button-positive-background-disabled: var(--green-430);
  --button-positive-background-hover: var(--green-530);
  --button-secondary-background: var(--primary-430);
  --button-secondary-background-active: var(--primary-530);
  --button-secondary-background-disabled: var(--primary-430);
  --button-secondary-background-hover: var(--primary-500);
  --card-gradient-bg: hsl(var(--white-500-hsl)/0.7);
  --card-gradient-pressed-bg: hsl(var(--white-500-hsl)/0.5);
  --card-primary-bg: var(--white-500);
  --card-primary-pressed-bg: var(--primary-160);
  --card-secondary-bg: var(--white-500);
  --card-secondary-pressed-bg: var(--primary-160);
  --channel-icon: var(--primary-430);
  --channel-text-area-placeholder: var(--primary-400);
  --channels-default: var(--primary-460);
  --channeltextarea-background: var(--primary-160);
  --chat-background: var(--white-500);
  --chat-banner-bg: var(--primary-130);
  --chat-border: var(--primary-200);
  --chat-input-container-background: var(--white-500);
  --chat-swipe-to-reply-background: var(--primary-160);
  --chat-swipe-to-reply-gradient-background: hsl(var(--white-500-hsl)/0.4);
  --control-brand-foreground: var(--brand-500);
  --control-brand-foreground-new: var(--brand-500);
  --creator-revenue-icon-gradient-end: var(--teal-400);
  --creator-revenue-icon-gradient-start: var(--teal-345);
  --creator-revenue-info-box-background: hsl(var(--teal-430-hsl)/0.1);
  --creator-revenue-info-box-border: var(--teal-400);
  --creator-revenue-locked-channel-icon: var(--teal-400);
  --creator-revenue-progress-bar: var(--teal-345);
  --deprecated-card-bg: var(--primary-100);
  --deprecated-card-editable-bg: hsl(var(--primary-100-hsl)/0.6);
  --deprecated-quickswitcher-input-background: var(--white-500);
  --deprecated-quickswitcher-input-placeholder: hsl(var(--primary-500-hsl)/0.3);
  --deprecated-store-bg: var(--primary-100);
  --deprecated-text-input-bg: var(--primary-200);
  --deprecated-text-input-border: hsl(var(--primary-500-hsl)/0.3);
  --deprecated-text-input-border-disabled: var(--primary-200);
  --deprecated-text-input-border-hover: var(--primary-300);
  --deprecated-text-input-prefix: var(--primary-300);
  --display-banner-overflow-background: hsl(var(--white-200-hsl)/0.5);
  --divider-strong: hsl(var(--black-500-hsl)/0.16);
  --divider-subtle: hsl(var(--black-500-hsl)/0.08);
  --embed-title: var(--primary-860);
  --expression-picker-bg: var(--primary-130);
  --forum-post-extra-media-count-container-background: hsl(var(--primary-160-hsl)/0.8);
  --forum-post-tag-background: hsl(var(--primary-160-hsl)/0.9);
  --guild-icon-inactive-bg: var(--primary-130);
  --guild-icon-inactive-nested-bg: var(--white-500);
  --guild-notifications-bottom-sheet-pill-background: var(--white-500);
  --header-muted: var(--primary-460);
  --header-primary: var(--primary-860);
  --header-secondary: var(--primary-500);
  --home-background: var(--primary-100);
  --home-card-resting-border: hsl(var(--primary-400-hsl)/0.24);
  --icon-primary: var(--primary-860);
  --icon-secondary: var(--primary-500);
  --info-danger-background: hsl(var(--red-430-hsl)/0.1);
  --info-danger-foreground: var(--red-430);
  --info-danger-text: var(--black-500);
  --info-help-background: hsl(var(--blue-430-hsl)/0.1);
  --info-help-foreground: var(--blue-430);
  --info-help-text: var(--black-500);
  --info-positive-background: hsl(var(--green-400-hsl)/0.05);
  --info-positive-foreground: var(--green-400);
  --info-positive-text: var(--black-500);
  --info-warning-background: hsl(var(--yellow-400-hsl)/0.1);
  --info-warning-foreground: var(--yellow-400);
  --info-warning-text: var(--black-500);
  --input-background: hsl(var(--black-500-hsl)/0.08);
  --input-focused-border: hsl(var(--black-500-hsl)/0.16);
  --input-placeholder-text: var(--primary-460);
  --interactive-active: var(--primary-860);
  --interactive-hover: var(--primary-600);
  --interactive-muted: var(--primary-300);
  --interactive-normal: var(--primary-500);
  --legacy-android-blur-overlay-default: hsl(var(--primary-130-hsl)/0.1);
  --legacy-android-blur-overlay-ultra-thin: hsl(var(--white-500-hsl)/0.25);
  --legacy-blur-fallback-default: hsl(var(--primary-230-hsl)/0.975);
  --legacy-blur-fallback-ultra-thin: hsl(var(--white-500-hsl)/0.95);
  --live-stage-tile-border: hsl(var(--primary-430-hsl)/0.15);
  --logo-primary: var(--brand-500);
  --mention-background: hsl(var(--brand-500-hsl)/0.15);
  --mention-foreground: var(--brand-500);
  --modal-background: var(--white-500);
  --modal-footer-background: var(--primary-130);
  --navigator-header-tint: var(--primary-500);
  --panel-bg: var(--white-500);
  --polls-embed-background: var(--primary-130);
  --polls-embed-border: var(--primary-200);
  --polls-image-normal-border: hsl(var(--black-430-hsl)/0.9);
  --polls-normal-border: var(--primary-260);
  --polls-normal-confetti: var(--brand-500);
  --polls-normal-fill: var(--white-500);
  --polls-normal-label: var(--primary-600);
  --polls-victor-border: var(--yellow-300);
  --polls-victor-fill: var(--yellow-200);
  --polls-victor-label: var(--primary-600);
  --polls-voted-border: var(--green-330);
  --polls-voted-fill: var(--green-160);
  --polls-voted-label: var(--primary-600);
  --profile-gradient-card-background: hsl(var(--white-500-hsl)/0.7);
  --profile-gradient-message-input-border: hsl(var(--primary-430-hsl)/0.24);
  --profile-gradient-note-background: hsl(var(--white-500-hsl)/0.3);
  --profile-gradient-overlay: hsl(var(--white-500-hsl)/0.6);
  --profile-gradient-overlay-synced-with-user-theme: hsl(var(--white-500-hsl)/0.8);
  --profile-gradient-profile-body-background-hover: hsl(var(--black-500-hsl)/0.08);
  --profile-gradient-role-pill-background: hsl(var(--white-500-hsl)/0.5);
  --profile-gradient-role-pill-border: hsl(var(--primary-660-hsl)/0.2);
  --profile-gradient-section-box: hsl(var(--white-500-hsl)/0.45);
  --redesign-activity-card-background: var(--white-500);
  --redesign-activity-card-background-pressed: var(--primary-160);
  --redesign-activity-card-badge-icon: var(--primary-400);
  --redesign-activity-card-border: hsl(var(--primary-400-hsl)/0.24);
  --redesign-activity-card-overflow-background: var(--primary-230);
  --redesign-button-danger-background: var(--red-430);
  --redesign-button-danger-pressed-background: var(--red-460);
  --redesign-button-danger-text: var(--white-500);
  --redesign-button-overlay-alpha-background: hsl(var(--black-500-hsl)/0.54);
  --redesign-button-overlay-alpha-pressed-background: hsl(var(--black-500-hsl)/0.64);
  --redesign-button-overlay-alpha-text: var(--white-500);
  --redesign-button-overlay-background: var(--white-500);
  --redesign-button-overlay-pressed-background: var(--primary-230);
  --redesign-button-overlay-text: var(--primary-860);
  --redesign-button-positive-background: var(--green-430);
  --redesign-button-positive-pressed-background: var(--green-460);
  --redesign-button-positive-text: var(--white-500);
  --redesign-button-primary-alt-background: hsl(var(--brand-500-hsl)/0);
  --redesign-button-primary-alt-border: var(--brand-500);
  --redesign-button-primary-alt-on-blurple-background: hsl(var(--brand-530-hsl)/0);
  --redesign-button-primary-alt-on-blurple-border: var(--white-500);
  --redesign-button-primary-alt-on-blurple-pressed-background: var(--brand-530);
  --redesign-button-primary-alt-on-blurple-pressed-border: var(--brand-360);
  --redesign-button-primary-alt-on-blurple-text: var(--white-500);
  --redesign-button-primary-alt-pressed-background: hsl(var(--brand-500-hsl)/0.06);
  --redesign-button-primary-alt-pressed-border: var(--brand-330);
  --redesign-button-primary-alt-pressed-text: var(--brand-560);
  --redesign-button-primary-alt-text: var(--brand-500);
  --redesign-button-primary-background: var(--brand-500);
  --redesign-button-primary-on-blurple-background: var(--white-500);
  --redesign-button-primary-on-blurple-pressed-background: var(--brand-200);
  --redesign-button-primary-on-blurple-pressed-text: var(--brand-530);
  --redesign-button-primary-on-blurple-text: var(--brand-500);
  --redesign-button-primary-pressed-background: var(--brand-560);
  --redesign-button-primary-text: var(--white-500);
  --redesign-button-secondary-alt-background: hsl(var(--black-500-hsl)/0.08);
  --redesign-button-secondary-alt-pressed-background: hsl(var(--black-500-hsl)/0.16);
  --redesign-button-secondary-alt-pressed-text: var(--primary-500);
  --redesign-button-secondary-alt-text: var(--primary-600);
  --redesign-button-secondary-background: var(--white-500);
  --redesign-button-secondary-border: hsl(var(--black-500-hsl)/0.08);
  --redesign-button-secondary-pressed-background: var(--primary-130);
  --redesign-button-secondary-pressed-border: hsl(var(--black-500-hsl)/0.04);
  --redesign-button-secondary-text: var(--primary-600);
  --redesign-channel-category-name-text: var(--primary-500);
  --redesign-channel-message-preview-text: var(--primary-460);
  --redesign-channel-name-muted-text: var(--primary-460);
  --redesign-channel-name-text: var(--primary-860);
  --redesign-chat-input-background: hsl(var(--black-500-hsl)/0.08);
  --redesign-input-control-active-bg: var(--white-500);
  --redesign-input-control-selected: var(--brand-500);
  --redesign-only-background-active: var(--primary-430);
  --redesign-only-background-default: var(--white-500);
  --redesign-only-background-overlay: var(--primary-160);
  --redesign-only-background-raised: var(--primary-130);
  --redesign-only-background-sunken: var(--primary-200);
  --scrollbar-auto-scrollbar-color-thumb: var(--primary-230);
  --scrollbar-auto-scrollbar-color-track: var(--primary-130);
  --scrollbar-auto-thumb: var(--primary-300);
  --scrollbar-auto-track: var(--primary-160);
  --scrollbar-thin-thumb: hsl(var(--primary-500-hsl)/0.3);
  --scrollbar-thin-track: hsl(var(--black-500-hsl)/0);
  --spoiler-hidden-background: var(--primary-200);
  --spoiler-revealed-background: var(--primary-160);
  --status-danger: var(--red-430);
  --status-danger-background: var(--red-430);
  --status-danger-text: var(--white-500);
  --status-dnd: var(--red-430);
  --status-idle: var(--yellow-400);
  --status-offline: var(--primary-460);
  --status-online: var(--green-400);
  --status-positive: var(--green-400);
  --status-positive-background: var(--green-430);
  --status-positive-text: var(--white-500);
  --status-speaking: var(--green-360);
  --status-warning: var(--yellow-400);
  --status-warning-background: var(--yellow-400);
  --status-warning-text: var(--white-500);
  --text-brand: var(--brand-500);
  --text-danger: var(--red-500);
  --text-link: var(--blue-430);
  --text-link-low-saturation: var(--blue-430);
  --text-low-contrast: var(--primary-460);
  --text-message-preview-low-sat: var(--primary-460);
  --text-muted: var(--primary-460);
  --text-muted-on-default: var(--primary-430);
  --text-normal: var(--primary-600);
  --text-positive: var(--green-430);
  --text-primary: var(--primary-600);
  --text-secondary: var(--primary-500);
  --text-warning: var(--yellow-430);
  --textbox-markdown-syntax: var(--primary-530);
  --toast-bg: var(--white-500);
  --typing-indicator-bg: var(--primary-130);
  --user-profile-header-overflow-background: hsl(var(--white-200-hsl)/0.5)
}

.theme-midnight {
  --action-sheet-gradient-bg: var(--black-500);
  --alert-bg: var(--black-500);
  --background-accent: var(--plum-17);
  --background-floating: var(--plum-23);
  --background-mentioned: hsl(var(--yellow-260-hsl)/0.08);
  --background-mentioned-hover: hsl(var(--yellow-300-hsl)/0.08);
  --background-message-automod: hsl(var(--red-345-hsl)/0.08);
  --background-message-automod-hover: hsl(var(--red-400-hsl)/0.1);
  --background-message-highlight: hsl(var(--brand-360-hsl)/0.08);
  --background-message-highlight-hover: hsl(var(--brand-360-hsl)/0.06);
  --background-message-hover: var(--plum-21);
  --background-mobile-primary: var(--black-500);
  --background-mobile-secondary: var(--black-500);
  --background-modifier-accent: hsl(var(--plum-23-alpha-hsl)/0.09);
  --background-modifier-accent-2: hsl(var(--plum-11-hsl)/0.32);
  --background-modifier-active: hsl(var(--plum-13-hsl)/0.48);
  --background-modifier-hover: hsl(var(--plum-13-hsl)/0.3);
  --background-modifier-selected: hsl(var(--plum-13-hsl)/0.6);
  --background-nested-floating: var(--black-500);
  --background-primary: var(--black-500);
  --background-secondary: var(--plum-23);
  --background-secondary-alt: var(--plum-17);
  --background-tertiary: var(--plum-19);
  --bg-backdrop: hsl(var(--plum-19-hsl)/0.75);
  --bg-backdrop-no-opacity: var(--plum-19);
  --bg-base-primary: var(--black-500);
  --bg-base-secondary: var(--black-500);
  --bg-base-tertiary: var(--black-500);
  --bg-mod-faint: hsl(var(--plum-11-hsl)/0.08);
  --bg-mod-strong: hsl(var(--plum-11-hsl)/0.18);
  --bg-mod-subtle: hsl(var(--plum-11-hsl)/0.12);
  --bg-surface-overlay: var(--plum-19);
  --bg-surface-overlay-tmp: var(--plum-21);
  --bg-surface-raised: var(--plum-23);
  --blur-fallback: hsl(var(--plum-19-hsl)/0.96);
  --blur-fallback-pressed: hsl(var(--plum-20-hsl)/0.96);
  --border-strong: hsl(var(--plum-11-hsl)/0.24);
  --button-creator-revenue-background: var(--teal-430);
  --button-danger-background: var(--red-430);
  --button-danger-background-active: var(--red-530);
  --button-danger-background-disabled: var(--red-430);
  --button-danger-background-hover: var(--red-500);
  --button-outline-brand-background: hsl(var(--white-500-hsl)/0);
  --button-outline-brand-background-active: var(--brand-560);
  --button-outline-brand-background-hover: var(--brand-500);
  --button-outline-brand-border: var(--brand-500);
  --button-outline-brand-border-active: var(--brand-560);
  --button-outline-brand-border-hover: var(--brand-500);
  --button-outline-brand-text: var(--white-500);
  --button-outline-brand-text-active: var(--white-500);
  --button-outline-brand-text-hover: var(--white-500);
  --button-outline-danger-background: hsl(var(--white-500-hsl)/0);
  --button-outline-danger-background-active: var(--red-460);
  --button-outline-danger-background-hover: var(--red-430);
  --button-outline-danger-border: var(--red-400);
  --button-outline-danger-border-active: var(--red-430);
  --button-outline-danger-border-hover: var(--red-430);
  --button-outline-danger-text: var(--white-500);
  --button-outline-danger-text-active: var(--white-500);
  --button-outline-danger-text-hover: var(--white-500);
  --button-outline-positive-background: hsl(var(--white-500-hsl)/0);
  --button-outline-positive-background-active: var(--green-530);
  --button-outline-positive-background-hover: var(--green-430);
  --button-outline-positive-border: var(--green-360);
  --button-outline-positive-border-active: var(--green-530);
  --button-outline-positive-border-hover: var(--green-430);
  --button-outline-positive-text: var(--white-500);
  --button-outline-positive-text-active: var(--white-500);
  --button-outline-positive-text-hover: var(--white-500);
  --button-outline-primary-background: hsl(var(--white-500-hsl)/0);
  --button-outline-primary-background-active: var(--plum-11);
  --button-outline-primary-background-hover: var(--plum-13);
  --button-outline-primary-border: var(--primary-500);
  --button-outline-primary-border-active: var(--plum-11);
  --button-outline-primary-border-hover: var(--plum-13);
  --button-outline-primary-text: var(--white-500);
  --button-outline-primary-text-active: var(--white-500);
  --button-outline-primary-text-hover: var(--white-500);
  --button-positive-background: var(--green-430);
  --button-positive-background-active: var(--green-530);
  --button-positive-background-disabled: var(--green-430);
  --button-positive-background-hover: var(--green-530);
  --button-secondary-background: var(--plum-13);
  --button-secondary-background-active: var(--plum-10);
  --button-secondary-background-disabled: var(--plum-13);
  --button-secondary-background-hover: var(--plum-11);
  --card-gradient-bg: hsl(var(--black-500-hsl)/0.4);
  --card-gradient-pressed-bg: hsl(var(--black-500-hsl)/0.5);
  --card-primary-bg: var(--plum-23);
  --card-primary-pressed-bg: var(--plum-25);
  --card-secondary-bg: var(--plum-25);
  --card-secondary-pressed-bg: var(--plum-26);
  --channeltextarea-background: var(--plum-23);
  --chat-background: var(--black-500);
  --chat-banner-bg: var(--black-500);
  --chat-border: var(--plum-20);
  --chat-input-container-background: var(--plum-16);
  --chat-swipe-to-reply-background: var(--plum-22);
  --chat-swipe-to-reply-gradient-background: hsl(var(--black-500-hsl)/0.1);
  --divider-strong: hsl(var(--plum-11-hsl)/0.24);
  --embed-title: var(--plum-2);
  --expression-picker-bg: var(--black-500);
  --guild-icon-inactive-bg: var(--black-500);
  --guild-icon-inactive-nested-bg: var(--black-500);
  --guild-notifications-bottom-sheet-pill-background: var(--primary-700);
  --header-primary: var(--plum-2);
  --header-secondary: var(--plum-8);
  --icon-muted: var(--plum-12);
  --icon-primary: var(--plum-5);
  --input-background: hsl(var(--plum-23-alpha-hsl)/0.09);
  --input-focused-border: hsl(var(--plum-11-hsl)/0.24);
  --input-placeholder-text: var(--plum-9);
  --interactive-active: var(--plum-3);
  --panel-bg: var(--plum-24);
  --redesign-activity-card-background: var(--primary-560);
  --redesign-activity-card-background-pressed: var(--primary-630);
  --redesign-activity-card-badge-icon: var(--plum-11);
  --redesign-activity-card-border: hsl(var(--plum-11-hsl)/0.12);
  --redesign-activity-card-overflow-background: var(--primary-630);
  --redesign-button-danger-background: var(--red-430);
  --redesign-button-danger-pressed-background: var(--red-460);
  --redesign-button-danger-text: var(--white-500);
  --redesign-button-overlay-alpha-background: hsl(var(--black-500-hsl)/0.54);
  --redesign-button-overlay-alpha-pressed-background: hsl(var(--black-500-hsl)/0.64);
  --redesign-button-overlay-alpha-text: var(--white-500);
  --redesign-button-overlay-background: var(--white-500);
  --redesign-button-overlay-pressed-background: var(--plum-4);
  --redesign-button-overlay-text: var(--plum-25);
  --redesign-button-positive-background: var(--green-430);
  --redesign-button-positive-pressed-background: var(--green-460);
  --redesign-button-positive-text: var(--white-500);
  --redesign-button-primary-alt-background: hsl(var(--brand-500-hsl)/0);
  --redesign-button-primary-alt-border: var(--brand-400);
  --redesign-button-primary-alt-on-blurple-background: hsl(var(--brand-530-hsl)/0);
  --redesign-button-primary-alt-on-blurple-border: var(--white-500);
  --redesign-button-primary-alt-on-blurple-pressed-background: var(--brand-530);
  --redesign-button-primary-alt-on-blurple-pressed-border: var(--brand-360);
  --redesign-button-primary-alt-on-blurple-text: var(--white-500);
  --redesign-button-primary-alt-pressed-background: hsl(var(--brand-700-hsl)/0.16);
  --redesign-button-primary-alt-pressed-border: hsl(var(--brand-400-hsl)/0.5);
  --redesign-button-primary-alt-pressed-text: var(--brand-360);
  --redesign-button-primary-alt-text: var(--brand-400);
  --redesign-button-primary-background: var(--brand-500);
  --redesign-button-primary-on-blurple-background: var(--white-500);
  --redesign-button-primary-on-blurple-pressed-background: var(--brand-200);
  --redesign-button-primary-on-blurple-pressed-text: var(--brand-530);
  --redesign-button-primary-on-blurple-text: var(--brand-500);
  --redesign-button-primary-pressed-background: var(--brand-560);
  --redesign-button-primary-text: var(--white-500);
  --redesign-button-secondary-alt-background: hsl(var(--plum-23-alpha-hsl)/0.09);
  --redesign-button-secondary-alt-pressed-background: hsl(var(--plum-11-hsl)/0.2);
  --redesign-button-secondary-alt-pressed-text: var(--plum-8);
  --redesign-button-secondary-alt-text: var(--plum-4);
  --redesign-button-secondary-background: var(--plum-17);
  --redesign-button-secondary-border: hsl(var(--plum-11-hsl)/0.12);
  --redesign-button-secondary-pressed-background: var(--plum-15);
  --redesign-button-secondary-pressed-border: hsl(var(--plum-11-hsl)/0.06);
  --redesign-button-secondary-text: var(--plum-4);
  --redesign-channel-category-name-text: var(--plum-8);
  --redesign-channel-message-preview-text: var(--plum-10);
  --redesign-channel-name-muted-text: var(--plum-10);
  --redesign-channel-name-text: var(--plum-2);
  --redesign-chat-input-background: hsl(var(--plum-23-alpha-hsl)/0.09);
  --redesign-input-control-active-bg: var(--plum-17);
  --redesign-input-control-selected: var(--brand-500);
  --redesign-only-background-active: var(--primary-530);
  --redesign-only-background-default: var(--primary-600);
  --redesign-only-background-overlay: var(--primary-645);
  --redesign-only-background-raised: var(--primary-630);
  --redesign-only-background-sunken: var(--primary-660);
  --scrollbar-auto-scrollbar-color-thumb: var(--plum-20);
  --scrollbar-auto-scrollbar-color-track: var(--plum-17);
  --scrollbar-auto-thumb: var(--plum-16);
  --scrollbar-auto-track: var(--plum-25);
  --scrollbar-thin-thumb: var(--plum-20);
  --scrollbar-thin-track: hsl(var(--black-500-hsl)/0);
  --text-brand: var(--brand-400);
  --text-danger: var(--red-345);
  --text-link: var(--blue-345);
  --text-link-low-saturation: var(--blue-330);
  --text-low-contrast: var(--plum-12);
  --text-message-preview-low-sat: var(--plum-9);
  --text-muted: var(--plum-10);
  --text-muted-on-default: var(--primary-330);
  --text-normal: var(--plum-4);
  --text-positive: var(--green-330);
  --text-primary: var(--plum-4);
  --text-secondary: var(--plum-8);
  --text-warning: var(--yellow-300);
  --toast-bg: var(--plum-19);
  --typing-indicator-bg: var(--black-500)
}

.theme-darker,.theme-midnight {
  --activity-card-background: var(--primary-700);
  --activity-card-icon-overlay: hsl(var(--primary-600-hsl)/0.85);
  --android-navigation-bar-background: var(--plum-24);
  --android-navigation-scrim-background: hsl(var(--plum-24-hsl)/0.5);
  --android-ripple: hsl(var(--white-500-hsl)/0.07);
  --black: var(--black-500);
  --border-faint: hsl(var(--plum-11-hsl)/0.06);
  --border-subtle: hsl(var(--plum-11-hsl)/0.12);
  --brand: var(--brand-500);
  --bug-reporter-modal-submitting-background: hsl(var(--plum-23-hsl)/0.6);
  --channel-icon: var(--plum-10);
  --channel-text-area-placeholder: var(--plum-11);
  --channels-default: var(--plum-9);
  --control-brand-foreground: var(--brand-360);
  --control-brand-foreground-new: var(--brand-360);
  --creator-revenue-icon-gradient-end: var(--teal-430);
  --creator-revenue-icon-gradient-start: var(--teal-360);
  --creator-revenue-info-box-background: hsl(var(--teal-430-hsl)/0.1);
  --creator-revenue-info-box-border: var(--teal-400);
  --creator-revenue-locked-channel-icon: var(--teal-345);
  --creator-revenue-progress-bar: var(--teal-400);
  --deprecated-card-bg: hsl(var(--primary-700-hsl)/0.6);
  --deprecated-card-editable-bg: hsl(var(--primary-700-hsl)/0.3);
  --deprecated-quickswitcher-input-background: var(--primary-400);
  --deprecated-quickswitcher-input-placeholder: hsl(var(--white-500-hsl)/0.3);
  --deprecated-store-bg: var(--primary-600);
  --deprecated-text-input-bg: var(--primary-700);
  --deprecated-text-input-border: hsl(var(--black-500-hsl)/0.3);
  --deprecated-text-input-border-disabled: var(--primary-700);
  --deprecated-text-input-border-hover: var(--primary-900);
  --deprecated-text-input-prefix: var(--primary-200);
  --display-banner-overflow-background: hsl(var(--plum-20-hsl)/0.5);
  --divider-subtle: hsl(var(--plum-11-hsl)/0.12);
  --focus-primary: var(--blue-345);
  --forum-post-extra-media-count-container-background: hsl(var(--plum-19-hsl)/0.8);
  --forum-post-tag-background: hsl(var(--plum-19-hsl)/0.9);
  --header-muted: var(--plum-10);
  --home-background: var(--plum-18);
  --home-card-resting-border: hsl(var(--transparent-hsl)/0);
  --icon-secondary: var(--plum-9);
  --icon-transparent: hsl(var(--transparent-hsl)/0);
  --info-box-background: hsl(var(--blue-345-hsl)/0.1);
  --info-danger-background: hsl(var(--red-400-hsl)/0.1);
  --info-danger-foreground: var(--red-400);
  --info-danger-text: var(--white-500);
  --info-help-background: hsl(var(--blue-345-hsl)/0.1);
  --info-help-foreground: var(--blue-345);
  --info-help-text: var(--white-500);
  --info-positive-background: hsl(var(--green-360-hsl)/0.1);
  --info-positive-foreground: var(--green-360);
  --info-positive-text: var(--white-500);
  --info-warning-background: hsl(var(--yellow-300-hsl)/0.1);
  --info-warning-foreground: var(--yellow-300);
  --info-warning-text: var(--white-500);
  --interactive-hover: var(--plum-4);
  --interactive-muted: var(--plum-13);
  --interactive-normal: var(--plum-6);
  --legacy-android-blur-overlay-default: hsl(var(--primary-660-hsl)/0.5);
  --legacy-android-blur-overlay-ultra-thin: hsl(var(--black-500-hsl)/0.025);
  --legacy-blur-fallback-default: hsl(var(--primary-660-hsl)/0.975);
  --legacy-blur-fallback-ultra-thin: hsl(var(--black-500-hsl)/0.95);
  --live-stage-tile-border: hsl(var(--plum-13-hsl)/0.6);
  --logo-primary: var(--white-500);
  --mention-background: hsl(var(--brand-500-hsl)/0.5);
  --mention-foreground: var(--brand-230);
  --modal-background: var(--plum-16);
  --modal-footer-background: var(--plum-17);
  --navigator-header-tint: var(--white-500);
  --polls-embed-background: hsl(var(--brand-360-hsl)/0.08);
  --polls-embed-border: hsl(var(--primary-630-hsl)/0.5);
  --polls-image-normal-border: hsl(var(--black-430-hsl)/0.9);
  --polls-normal-border: var(--primary-700);
  --polls-normal-confetti: var(--brand-500);
  --polls-normal-fill: var(--primary-530);
  --polls-normal-label: var(--white-500);
  --polls-victor-border: var(--yellow-300);
  --polls-victor-fill: var(--yellow-200);
  --polls-victor-label: var(--primary-600);
  --polls-voted-border: var(--green-330);
  --polls-voted-fill: var(--green-160);
  --polls-voted-label: var(--primary-600);
  --profile-gradient-card-background: hsl(var(--black-500-hsl)/0.7);
  --profile-gradient-message-input-border: hsl(var(--primary-500-hsl)/0.48);
  --profile-gradient-note-background: hsl(var(--black-500-hsl)/0.3);
  --profile-gradient-overlay: hsl(var(--black-500-hsl)/0.6);
  --profile-gradient-overlay-synced-with-user-theme: hsl(var(--black-500-hsl)/0.8);
  --profile-gradient-profile-body-background-hover: hsl(var(--white-500-hsl)/0.16);
  --profile-gradient-role-pill-background: hsl(var(--primary-660-hsl)/0.5);
  --profile-gradient-role-pill-border: hsl(var(--white-500-hsl)/0.2);
  --profile-gradient-section-box: hsl(var(--black-500-hsl)/0.45);
  --spoiler-hidden-background: var(--plum-14);
  --spoiler-revealed-background: hsl(var(--plum-11-hsl)/0.16);
  --status-danger: var(--red-400);
  --status-danger-background: var(--red-400);
  --status-danger-text: var(--white-500);
  --status-dnd: var(--red-400);
  --status-idle: var(--yellow-300);
  --status-offline: var(--plum-9);
  --status-online: var(--green-360);
  --status-positive: var(--green-360);
  --status-positive-background: var(--green-430);
  --status-positive-text: var(--white-500);
  --status-speaking: var(--green-360);
  --status-warning: var(--yellow-300);
  --status-warning-background: var(--yellow-300);
  --status-warning-text: var(--black-500);
  --textbox-markdown-syntax: var(--plum-9);
  --theme-locked-blur-fallback: hsl(var(--primary-700-hsl)/0.96);
  --user-profile-header-overflow-background: hsl(var(--plum-20-hsl)/0.5);
  --voice-video-tile-blur-fallback: hsl(var(--plum-20-hsl)/0.5);
  --voice-video-video-tile-blur-fallback: hsl(var(--primary-700-hsl)/0.48);
  --white: var(--white-500)
}

.theme-darker {
  --action-sheet-gradient-bg: var(--plum-20);
  --alert-bg: var(--plum-20);
  --background-accent: var(--plum-15);
  --background-floating: var(--plum-18);
  --background-mentioned: hsl(var(--yellow-260-hsl)/0.08);
  --background-mentioned-hover: hsl(var(--yellow-300-hsl)/0.08);
  --background-message-automod: hsl(var(--red-345-hsl)/0.08);
  --background-message-automod-hover: hsl(var(--red-400-hsl)/0.1);
  --background-message-highlight: hsl(var(--brand-360-hsl)/0.08);
  --background-message-highlight-hover: hsl(var(--brand-360-hsl)/0.06);
  --background-message-hover: var(--plum-21);
  --background-mobile-primary: var(--plum-20);
  --background-mobile-secondary: var(--plum-20);
  --background-modifier-accent: hsl(var(--plum-11-hsl)/0.12);
  --background-modifier-accent-2: hsl(var(--plum-11-hsl)/0.24);
  --background-modifier-active: hsl(var(--plum-13-hsl)/0.48);
  --background-modifier-hover: hsl(var(--plum-13-hsl)/0.3);
  --background-modifier-selected: hsl(var(--plum-13-hsl)/0.6);
  --background-nested-floating: var(--plum-22);
  --background-primary: var(--plum-20);
  --background-secondary: var(--plum-18);
  --background-secondary-alt: var(--plum-15);
  --background-tertiary: var(--plum-16);
  --bg-backdrop: hsl(var(--black-500-hsl)/0.7);
  --bg-backdrop-no-opacity: var(--black-500);
  --bg-base-primary: var(--plum-20);
  --bg-base-secondary: var(--plum-20);
  --bg-base-tertiary: var(--plum-23);
  --bg-mod-faint: hsl(var(--plum-11-hsl)/0.12);
  --bg-mod-strong: hsl(var(--plum-11-hsl)/0.24);
  --bg-mod-subtle: hsl(var(--plum-11-hsl)/0.16);
  --bg-surface-overlay: var(--plum-17);
  --bg-surface-overlay-tmp: var(--plum-17);
  --bg-surface-raised: var(--plum-18);
  --blur-fallback: hsl(var(--plum-17-hsl)/0.96);
  --blur-fallback-pressed: hsl(var(--plum-18-hsl)/0.96);
  --border-strong: hsl(var(--plum-11-hsl)/0.22);
  --button-creator-revenue-background: var(--teal-430);
  --button-danger-background: var(--red-430);
  --button-danger-background-active: var(--red-530);
  --button-danger-background-disabled: var(--red-430);
  --button-danger-background-hover: var(--red-500);
  --button-outline-brand-background: hsl(var(--white-500-hsl)/0);
  --button-outline-brand-background-active: var(--brand-560);
  --button-outline-brand-background-hover: var(--brand-500);
  --button-outline-brand-border: var(--brand-500);
  --button-outline-brand-border-active: var(--brand-560);
  --button-outline-brand-border-hover: var(--brand-500);
  --button-outline-brand-text: var(--white-500);
  --button-outline-brand-text-active: var(--white-500);
  --button-outline-brand-text-hover: var(--white-500);
  --button-outline-danger-background: hsl(var(--white-500-hsl)/0);
  --button-outline-danger-background-active: var(--red-460);
  --button-outline-danger-background-hover: var(--red-430);
  --button-outline-danger-border: var(--red-400);
  --button-outline-danger-border-active: var(--red-430);
  --button-outline-danger-border-hover: var(--red-430);
  --button-outline-danger-text: var(--white-500);
  --button-outline-danger-text-active: var(--white-500);
  --button-outline-danger-text-hover: var(--white-500);
  --button-outline-positive-background: hsl(var(--white-500-hsl)/0);
  --button-outline-positive-background-active: var(--green-530);
  --button-outline-positive-background-hover: var(--green-430);
  --button-outline-positive-border: var(--green-360);
  --button-outline-positive-border-active: var(--green-530);
  --button-outline-positive-border-hover: var(--green-430);
  --button-outline-positive-text: var(--white-500);
  --button-outline-positive-text-active: var(--white-500);
  --button-outline-positive-text-hover: var(--white-500);
  --button-outline-primary-background: hsl(var(--white-500-hsl)/0);
  --button-outline-primary-background-active: var(--plum-11);
  --button-outline-primary-background-hover: var(--plum-13);
  --button-outline-primary-border: var(--primary-500);
  --button-outline-primary-border-active: var(--plum-11);
  --button-outline-primary-border-hover: var(--plum-13);
  --button-outline-primary-text: var(--white-500);
  --button-outline-primary-text-active: var(--white-500);
  --button-outline-primary-text-hover: var(--white-500);
  --button-positive-background: var(--green-430);
  --button-positive-background-active: var(--green-530);
  --button-positive-background-disabled: var(--green-430);
  --button-positive-background-hover: var(--green-500);
  --button-secondary-background: var(--plum-13);
  --button-secondary-background-active: var(--plum-10);
  --button-secondary-background-disabled: var(--plum-13);
  --button-secondary-background-hover: var(--plum-11);
  --card-gradient-bg: hsl(var(--black-500-hsl)/0.4);
  --card-gradient-pressed-bg: hsl(var(--black-500-hsl)/0.5);
  --card-primary-bg: var(--plum-18);
  --card-primary-pressed-bg: var(--plum-19);
  --card-secondary-bg: var(--plum-19);
  --card-secondary-pressed-bg: var(--plum-21);
  --channeltextarea-background: var(--plum-15);
  --chat-background: var(--plum-16);
  --chat-banner-bg: var(--plum-20);
  --chat-border: var(--plum-20);
  --chat-input-container-background: var(--plum-16);
  --chat-swipe-to-reply-background: var(--plum-22);
  --chat-swipe-to-reply-gradient-background: hsl(var(--black-500-hsl)/0.1);
  --divider-strong: hsl(var(--plum-11-hsl)/0.22);
  --embed-title: var(--plum-4);
  --expression-picker-bg: var(--plum-20);
  --guild-icon-inactive-bg: var(--plum-20);
  --guild-icon-inactive-nested-bg: var(--plum-20);
  --guild-notifications-bottom-sheet-pill-background: var(--primary-700);
  --header-primary: var(--plum-4);
  --header-secondary: var(--plum-9);
  --icon-muted: var(--plum-11);
  --icon-primary: var(--plum-4);
  --input-background: hsl(var(--plum-24-hsl)/0.85);
  --input-focused-border: hsl(var(--plum-11-hsl)/0.32);
  --input-placeholder-text: var(--plum-10);
  --interactive-active: var(--plum-1);
  --panel-bg: var(--plum-20);
  --redesign-activity-card-background: var(--primary-560);
  --redesign-activity-card-background-pressed: var(--primary-630);
  --redesign-activity-card-badge-icon: var(--plum-10);
  --redesign-activity-card-border: hsl(var(--plum-11-hsl)/0.06);
  --redesign-activity-card-overflow-background: var(--plum-17);
  --redesign-button-danger-background: var(--red-430);
  --redesign-button-danger-pressed-background: var(--red-460);
  --redesign-button-danger-text: var(--white-500);
  --redesign-button-overlay-alpha-background: hsl(var(--black-500-hsl)/0.54);
  --redesign-button-overlay-alpha-pressed-background: hsl(var(--black-500-hsl)/0.64);
  --redesign-button-overlay-alpha-text: var(--white-500);
  --redesign-button-overlay-background: var(--white-500);
  --redesign-button-overlay-pressed-background: var(--plum-4);
  --redesign-button-overlay-text: var(--plum-25);
  --redesign-button-positive-background: var(--green-430);
  --redesign-button-positive-pressed-background: var(--green-460);
  --redesign-button-positive-text: var(--white-500);
  --redesign-button-primary-alt-background: hsl(var(--brand-500-hsl)/0);
  --redesign-button-primary-alt-border: var(--brand-360);
  --redesign-button-primary-alt-on-blurple-background: hsl(var(--brand-530-hsl)/0);
  --redesign-button-primary-alt-on-blurple-border: var(--white-500);
  --redesign-button-primary-alt-on-blurple-pressed-background: var(--brand-530);
  --redesign-button-primary-alt-on-blurple-pressed-border: var(--brand-360);
  --redesign-button-primary-alt-on-blurple-text: var(--white-500);
  --redesign-button-primary-alt-pressed-background: hsl(var(--brand-700-hsl)/0.16);
  --redesign-button-primary-alt-pressed-border: hsl(var(--brand-400-hsl)/0.5);
  --redesign-button-primary-alt-pressed-text: var(--brand-360);
  --redesign-button-primary-alt-text: var(--brand-360);
  --redesign-button-primary-background: var(--brand-500);
  --redesign-button-primary-on-blurple-background: var(--white-500);
  --redesign-button-primary-on-blurple-pressed-background: var(--brand-200);
  --redesign-button-primary-on-blurple-pressed-text: var(--brand-530);
  --redesign-button-primary-on-blurple-text: var(--brand-500);
  --redesign-button-primary-pressed-background: var(--brand-560);
  --redesign-button-primary-text: var(--white-500);
  --redesign-button-secondary-alt-background: hsl(var(--plum-11-hsl)/0.12);
  --redesign-button-secondary-alt-pressed-background: hsl(var(--plum-11-hsl)/0.2);
  --redesign-button-secondary-alt-pressed-text: var(--plum-9);
  --redesign-button-secondary-alt-text: var(--plum-6);
  --redesign-button-secondary-background: var(--plum-15);
  --redesign-button-secondary-border: hsl(var(--plum-11-hsl)/0.12);
  --redesign-button-secondary-pressed-background: var(--plum-13);
  --redesign-button-secondary-pressed-border: hsl(var(--plum-11-hsl)/0.06);
  --redesign-button-secondary-text: var(--plum-6);
  --redesign-channel-category-name-text: var(--plum-9);
  --redesign-channel-message-preview-text: var(--plum-10);
  --redesign-channel-name-muted-text: var(--plum-10);
  --redesign-channel-name-text: var(--plum-1);
  --redesign-chat-input-background: hsl(var(--plum-11-hsl)/0.12);
  --redesign-input-control-active-bg: var(--plum-16);
  --redesign-input-control-selected: var(--brand-500);
  --redesign-only-background-active: var(--primary-530);
  --redesign-only-background-default: var(--primary-600);
  --redesign-only-background-overlay: var(--primary-645);
  --redesign-only-background-raised: var(--primary-630);
  --redesign-only-background-sunken: var(--primary-660);
  --scrollbar-auto-scrollbar-color-thumb: var(--plum-21);
  --scrollbar-auto-scrollbar-color-track: var(--plum-17);
  --scrollbar-auto-thumb: var(--plum-21);
  --scrollbar-auto-track: var(--plum-17);
  --scrollbar-thin-thumb: var(--plum-21);
  --scrollbar-thin-track: hsl(var(--black-500-hsl)/0);
  --text-brand: var(--brand-360);
  --text-danger: var(--red-345);
  --text-link: var(--blue-345);
  --text-link-low-saturation: var(--blue-330);
  --text-low-contrast: var(--plum-11);
  --text-message-preview-low-sat: var(--plum-11);
  --text-muted: var(--plum-10);
  --text-muted-on-default: var(--primary-330);
  --text-normal: var(--plum-6);
  --text-positive: var(--green-330);
  --text-primary: var(--plum-6);
  --text-secondary: var(--plum-9);
  --text-warning: var(--yellow-300);
  --toast-bg: var(--plum-17);
  --typing-indicator-bg: var(--plum-20)
}

.theme-dark {
  --shadow-border: 0 0 0 1px hsla(0,0%,100%,0.08);
  --shadow-border-filter: drop-shadow(0 0 1px hsla(0,0%,100%,0.08));
  --shadow-button-overlay: 0 12px 24px 0 rgba(0,0,0,0.24);
  --shadow-button-overlay-filter: drop-shadow(0 12px 24px rgba(0,0,0,0.24));
  --shadow-high: 0 12px 24px 0 rgba(0,0,0,0.24);
  --shadow-high-filter: drop-shadow(0 12px 24px rgba(0,0,0,0.24));
  --shadow-ledge: 0 2px 0 0 rgba(0,0,0,0.05),0 1.5px 0 0 rgba(0,0,0,0.05),0 1px 0 0 rgba(0,0,0,0.16);
  --shadow-ledge-filter: drop-shadow(0 1.5px 0 rgba(0,0,0,0.24));
  --shadow-low: 0 1px 4px 0 rgba(0,0,0,0.14);
  --shadow-low-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.14));
  --shadow-low-active: 0 0 4px 0 rgba(0,0,0,0.14);
  --shadow-low-active-filter: drop-shadow(0 0 4px rgba(0,0,0,0.14));
  --shadow-low-hover: 0 4px 10px 0 rgba(0,0,0,0.14);
  --shadow-low-hover-filter: drop-shadow(0 4px 10px rgba(0,0,0,0.14));
  --shadow-medium: 0 4px 8px 0 rgba(0,0,0,0.16);
  --shadow-medium-filter: drop-shadow(0 4px 8px rgba(0,0,0,0.16));
  --shadow-mobile-navigator-x: 0 0 10px 0 rgba(0,0,0,0.22);
  --shadow-mobile-navigator-x-filter: drop-shadow(0 0 10px rgba(0,0,0,0.22));
  --shadow-top-high: 0 -12px 32px 0 rgba(0,0,0,0.24);
  --shadow-top-high-filter: drop-shadow(0 -12px 32px rgba(0,0,0,0.24));
  --shadow-top-ledge: 0 -2px 0 0 rgba(0,0,0,0.05),0 -1.5px 0 0 rgba(0,0,0,0.05),0 -1px 0 0 rgba(0,0,0,0.16);
  --shadow-top-ledge-filter: drop-shadow(0 -1.5px 0 rgba(0,0,0,0.24));
  --shadow-top-low: 0 -1px 4px 0 rgba(0,0,0,0.14);
  --shadow-top-low-filter: drop-shadow(0 -1px 4px rgba(0,0,0,0.14))
}

.theme-light {
  --shadow-border: 0 0 0 1px rgba(0,0,0,0.08);
  --shadow-border-filter: drop-shadow(0 0 1px rgba(0,0,0,0.08));
  --shadow-button-overlay: 0 12px 24px 0 rgba(0,0,0,0.24);
  --shadow-button-overlay-filter: drop-shadow(0 12px 24px rgba(0,0,0,0.24));
  --shadow-high: 0 12px 36px 0 rgba(0,0,0,0.12);
  --shadow-high-filter: drop-shadow(0 12px 36px rgba(0,0,0,0.12));
  --shadow-ledge: 0 2px 0 0 rgba(0,0,0,0.025),0 1.5px 0 0 rgba(0,0,0,0.025),0 1px 0 0 rgba(0,0,0,0.08);
  --shadow-ledge-filter: drop-shadow(0 1.5px 0 rgba(0,0,0,0.12));
  --shadow-low: 0 1px 4px 0 rgba(0,0,0,0.08);
  --shadow-low-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.08));
  --shadow-low-active: 0 0 4px 0 rgba(0,0,0,0.08);
  --shadow-low-active-filter: drop-shadow(0 0 4px rgba(0,0,0,0.08));
  --shadow-low-hover: 0 4px 8px 0 rgba(0,0,0,0.08);
  --shadow-low-hover-filter: drop-shadow(0 4px 8px rgba(0,0,0,0.08));
  --shadow-medium: 0 4px 8px 0 rgba(0,0,0,0.08);
  --shadow-medium-filter: drop-shadow(0 4px 8px rgba(0,0,0,0.08));
  --shadow-mobile-navigator-x: 0 0 9px 0 rgba(0,0,0,0.13);
  --shadow-mobile-navigator-x-filter: drop-shadow(0 0 9px rgba(0,0,0,0.13));
  --shadow-top-high: 0 -12px 36px 0 rgba(0,0,0,0.12);
  --shadow-top-high-filter: drop-shadow(0 -12px 36px rgba(0,0,0,0.12));
  --shadow-top-ledge: 0 -2px 0 0 rgba(0,0,0,0.025),0 -1.5px 0 0 rgba(0,0,0,0.025),0 -1px 0 0 rgba(0,0,0,0.08);
  --shadow-top-ledge-filter: drop-shadow(0 -1.5px 0 rgba(0,0,0,0.12));
  --shadow-top-low: 0 -1px 4px 0 rgba(0,0,0,0.08);
  --shadow-top-low-filter: drop-shadow(0 -1px 4px rgba(0,0,0,0.08))
}

.theme-darker,.theme-midnight {
  --shadow-border: 0 0 0 1px hsla(0,0%,100%,0.08);
  --shadow-border-filter: drop-shadow(0 0 1px hsla(0,0%,100%,0.08));
  --shadow-button-overlay: 0 12px 24px 0 rgba(0,0,0,0.24);
  --shadow-button-overlay-filter: drop-shadow(0 12px 24px rgba(0,0,0,0.24));
  --shadow-high: 0 12px 24px 0 rgba(0,0,0,0.24);
  --shadow-high-filter: drop-shadow(0 12px 24px rgba(0,0,0,0.24));
  --shadow-ledge: 0 2px 0 0 rgba(0,0,0,0.05),0 1.5px 0 0 rgba(0,0,0,0.05),0 1px 0 0 rgba(0,0,0,0.16);
  --shadow-ledge-filter: drop-shadow(0 1.5px 0 rgba(0,0,0,0.24));
  --shadow-low: 0 1px 4px 0 rgba(0,0,0,0.14);
  --shadow-low-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.14));
  --shadow-low-active: 0 0 4px 0 rgba(0,0,0,0.14);
  --shadow-low-active-filter: drop-shadow(0 0 4px rgba(0,0,0,0.14));
  --shadow-low-hover: 0 4px 10px 0 rgba(0,0,0,0.14);
  --shadow-low-hover-filter: drop-shadow(0 4px 10px rgba(0,0,0,0.14));
  --shadow-medium: 0 4px 8px 0 rgba(0,0,0,0.16);
  --shadow-medium-filter: drop-shadow(0 4px 8px rgba(0,0,0,0.16));
  --shadow-mobile-navigator-x: 0 0 10px 0 rgba(0,0,0,0.22);
  --shadow-mobile-navigator-x-filter: drop-shadow(0 0 10px rgba(0,0,0,0.22));
  --shadow-top-high: 0 -12px 32px 0 rgba(0,0,0,0.24);
  --shadow-top-high-filter: drop-shadow(0 -12px 32px rgba(0,0,0,0.24));
  --shadow-top-ledge: 0 -2px 0 0 rgba(0,0,0,0.05),0 -1.5px 0 0 rgba(0,0,0,0.05),0 -1px 0 0 rgba(0,0,0,0.16);
  --shadow-top-ledge-filter: drop-shadow(0 -1.5px 0 rgba(0,0,0,0.24));
  --shadow-top-low: 0 -1px 4px 0 rgba(0,0,0,0.14);
  --shadow-top-low-filter: drop-shadow(0 -1px 4px rgba(0,0,0,0.14))
}

:root {
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-56: 56px;
  --spacing-64: 64px;
  --spacing-72: 72px;
  --spacing-80: 80px;
  --spacing-96: 96px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-xxl: 32px;
  --radius-round: 2147483647px
}

.theme-dark {
  --guild-header-text-shadow: 0 1px 1px hsl(var(--black-500-hsl)/0.4);
  --elevation-stroke: 0 0 0 1px hsl(var(--primary-900-hsl)/0.15);
  --elevation-low: 0 1px 0 hsl(var(--primary-900-hsl)/0.2),0 1.5px 0 hsl(var(--primary-860-hsl)/0.05),0 2px 0 hsl(var(--primary-900-hsl)/0.05);
  --elevation-medium: 0 4px 4px hsl(var(--black-500-hsl)/0.16);
  --elevation-high: 0 8px 16px hsl(var(--black-500-hsl)/0.24)
}

.theme-light {
  --guild-header-text-shadow: 0 1px 1px hsl(var(--white-500-hsl)/0.4);
  --elevation-stroke: 0 0 0 1px hsl(var(--primary-860-hsl)/0.08);
  --elevation-low: 0 1px 0 hsl(var(--primary-860-hsl)/0.1),0 1.5px 0 hsl(var(--primary-900-hsl)/0.025),0 2px 0 hsl(var(--primary-860-hsl)/0.025);
  --elevation-medium: 0 4px 4px hsl(var(--black-500-hsl)/0.08);
  --elevation-high: 0 8px 16px hsl(var(--black-500-hsl)/0.16)
}

@font-face {
  font-family: ABC Ginto Nord;
  font-style: normal;
  font-weight: 800;
  src: url(/assets/3d07f5abf272fbb5670d02ed687453d0.woff2) format("woff2")
}

@font-face {
  font-family: ABC Ginto Nord;
  font-style: italic;
  font-weight: 800;
  src: url(/assets/3c0aa7f9d47d6a96b14ecada461ccf0e.woff2) format("woff2")
}

@font-face {
  font-family: gg sans;
  font-style: normal;
  font-weight: 400;
  src: url(/assets/3d6549bf2f38372c054eafb93fa358a9.woff2) format("woff2")
}

@font-face {
  font-family: gg sans;
  font-style: italic;
  font-weight: 400;
  src: url(/assets/dd1dfe31c073b2b0a8f94cb1a0b7fbb0.woff2) format("woff2")
}

@font-face {
  font-family: gg sans;
  font-style: normal;
  font-weight: 500;
  src: url(/assets/7f63813838e283aea62f1a68ef1732c2.woff2) format("woff2")
}

@font-face {
  font-family: gg sans;
  font-style: italic;
  font-weight: 500;
  src: url(/assets/2ada321f62e9743e0f9f2882960c8f9d.woff2) format("woff2")
}

@font-face {
  font-family: gg sans;
  font-style: normal;
  font-weight: 600;
  src: url(/assets/71d3e9dc2bcb8e91225ba9fab588c8f2.woff2) format("woff2")
}

@font-face {
  font-family: gg sans;
  font-style: italic;
  font-weight: 600;
  src: url(/assets/e3cd8b0354d764c89f6abcf561081a85.woff2) format("woff2")
}

@font-face {
  font-family: gg sans;
  font-style: normal;
  font-weight: 700;
  src: url(/assets/ff5eccde83f118cea0224ebbb9dc3179.woff2) format("woff2")
}

@font-face {
  font-family: gg sans;
  font-style: italic;
  font-weight: 700;
  src: url(/assets/41a3d598a613a77c1d80b3ec957a2975.woff2) format("woff2")
}

@font-face {
  font-family: gg sans;
  font-style: normal;
  font-weight: 800;
  src: url(/assets/f5aba5511523dcae97748a1b35bbffe8.woff2) format("woff2")
}

@font-face {
  font-family: gg sans;
  font-style: italic;
  font-weight: 800;
  src: url(/assets/b10a4ad08f83816da8deaa1c1963dd04.woff2) format("woff2")
}

@font-face {
  font-family: Noto Sans;
  font-style: normal;
  font-weight: 400;
  src: url(/assets/980082c4328266be3342a03dcb37c432.woff2) format("woff2")
}

@font-face {
  font-family: Noto Sans;
  font-style: italic;
  font-weight: 400;
  src: url(/assets/db985aaa3c64f10506d96d876e350d47.woff2) format("woff2")
}

@font-face {
  font-family: Noto Sans;
  font-style: normal;
  font-weight: 500;
  src: url(/assets/05422eb499ddf5616e44a52c4f1063ae.woff2) format("woff2")
}

@font-face {
  font-family: Noto Sans;
  font-style: italic;
  font-weight: 500;
  src: url(/assets/412f5d9534ce2a2e1a1ae9b746bca5b5.woff2) format("woff2")
}

@font-face {
  font-family: Noto Sans;
  font-style: normal;
  font-weight: 600;
  src: url(/assets/e55012627a8f6e7203b72a8de730c483.woff2) format("woff2")
}

@font-face {
  font-family: Noto Sans;
  font-style: italic;
  font-weight: 600;
  src: url(/assets/d9b0aabb79e7d8b3b14789ebd534f158.woff2) format("woff2")
}

@font-face {
  font-family: Noto Sans;
  font-style: normal;
  font-weight: 700;
  src: url(/assets/7cf1be7696bf689b97230262eade8ad8.woff2) format("woff2")
}

@font-face {
  font-family: Noto Sans;
  font-style: italic;
  font-weight: 700;
  src: url(/assets/f9bf0f65660d23c6f359d22720fc55ae.woff2) format("woff2")
}

@font-face {
  font-family: Noto Sans;
  font-style: normal;
  font-weight: 800;
  src: url(/assets/d6db7b5639c7ed70f8b582984dda6c62.woff2) format("woff2")
}

@font-face {
  font-family: Noto Sans;
  font-style: italic;
  font-weight: 800;
  src: url(/assets/a2a248f78d12dd5b842930bda7036302.woff2) format("woff2")
}

@font-face {
  font-family: Source Code Pro;
  font-style: normal;
  font-weight: 400;
  src: url(/assets/c59a692e5d6ed04d4cb01f58c10d6509.woff2) format("woff2")
}

@font-face {
  font-family: Source Code Pro;
  font-style: normal;
  font-weight: 600;
  src: url(/assets/2e9c1d3fb7d0851d71596f9f8b10393b.woff2) format("woff2")
}

:root {
  --font-headline: "ABC Ginto Nord","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif
}

:root,:root:lang(bg),:root:lang(el),:root:lang(ru),:root:lang(uk) {
  --font-primary: "gg sans","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-display: "gg sans","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-code: Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace
}

:root:lang(bg),:root:lang(el),:root:lang(ru),:root:lang(uk) {
  --font-headline: "Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif
}

:root:lang(ko) {
  --font-primary: "gg sans","Apple SD Gothic Neo",NanumBarunGothic,"\B9D1\C740   \ACE0\B515","Malgun Gothic",Gulim,굴림,Dotum,돋움,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-display: "gg sans","Apple SD Gothic Neo",NanumBarunGothic,"\B9D1\C740   \ACE0\B515","Malgun Gothic",Gulim,굴림,Dotum,돋움,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-headline: "ABC Ginto Nord","Apple SD Gothic Neo",NanumBarunGothic,"\B9D1\C740   \ACE0\B515","Malgun Gothic",Gulim,굴림,Dotum,돋움,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif
}

:root:lang(ja),:root:lang(ko) {
  --font-code: Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace
}

:root:lang(ja) {
  --font-primary: "gg sans","Hiragino Sans","\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,Osaka,"MS PGothic","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-display: "gg sans","Hiragino Sans","\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,Osaka,"MS PGothic","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-headline: "ABC Ginto Nord","Hiragino Sans","\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,Osaka,"MS PGothic","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif
}

:root:lang(zh-CN) {
  --font-primary: "gg sans","Microsoft YaHei New",微软雅黑,"Microsoft Yahei","Microsoft JhengHei",宋体,SimSun,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-display: "gg sans","Microsoft YaHei New",微软雅黑,"Microsoft Yahei","Microsoft JhengHei",宋体,SimSun,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-headline: "ABC Ginto Nord","Microsoft YaHei New",微软雅黑,"Microsoft Yahei","Microsoft JhengHei",宋体,SimSun,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif
}

:root:lang(zh-CN),:root:lang(zh-TW) {
  --font-code: Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace
}

:root:lang(zh-TW) {
  --font-primary: "gg sans","Microsoft JhengHei",微軟正黑體,"Microsoft JhengHei UI","Microsoft YaHei",微軟雅黑,宋体,SimSun,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-display: "gg sans","Microsoft JhengHei",微軟正黑體,"Microsoft JhengHei UI","Microsoft YaHei",微軟雅黑,宋体,SimSun,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-headline: "ABC Ginto Nord","Microsoft JhengHei",微軟正黑體,"Microsoft JhengHei UI","Microsoft YaHei",微軟雅黑,宋体,SimSun,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif
}

:root {
  --chat-resize-handle-width: 8px
}

a,abbr,acronym,address,applet,big,blockquote,body,button,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,iframe,img,input,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline
}

table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle
}

caption,td,th {
  text-align: left;
  font-weight: 400;
  vertical-align: middle
}

ol,ul {
  list-style: none
}

a img {
  border: none
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent
}

.margin-reset {
  margin-top: 0;
  margin-bottom: 0
}

.margin-top-4 {
  margin-top: 4px
}

.margin-bottom-4 {
  margin-bottom: 4px
}

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

.margin-bottom-8 {
  margin-bottom: 8px
}

.margin-top-20 {
  margin-top: 20px
}

.margin-bottom-20 {
  margin-bottom: 20px
}

.margin-top-30 {
  margin-top: 30px
}

.margin-bottom-30 {
  margin-bottom: 30px
}

.margin-top-40 {
  margin-top: 40px
}

.margin-bottom-40 {
  margin-bottom: 40px
}

.margin-top-60 {
  margin-top: 60px
}

.margin-bottom-60 {
  margin-bottom: 60px
}

.margin-horizontal-40 {
  margin-left: 40px;
  margin-right: 40px
}

.margin-top-80 {
  margin-top: 80px
}

.margin-bottom-80 {
  margin-bottom: 80px
}

.margin-top-100 {
  margin-top: 100px
}

.margin-bottom-100 {
  margin-bottom: 100px
}

.margin-top-200 {
  margin-top: 200px
}

@media screen and (max-width: 848px) {
  .margin-top-200 {
      margin-top:50px
  }
}

.margin-bottom-200 {
  margin-bottom: 200px
}

@media screen and (max-width: 848px) {
  .margin-bottom-200 {
      margin-bottom:50px
  }
}

html {
  overflow-scrolling: touch;
  height: 100%
}

body {
  min-width: 1000px
}

#app-mount {
  height: 100%
}

.content {
  width: 1000px;
  position: relative;
  margin: 0 auto
}

.section {
  overflow: hidden
}

.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.grid .content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 72px 50px 0;
  max-width: 1200px
}

.grid .content.full {
  width: 100%;
  max-width: 100%;
  padding: 0
}

.grid .content-text {
  max-width: 660px
}

@media screen and (max-width: 848px) {
  .grid .content {
      max-width:740px;
      width: calc(100% - 30px)
  }
}

@media screen and (max-width: 1024px) {
  body,html {
      min-width:824px
  }

  .content {
      width: 824px
  }
}

@media screen and (max-width: 848px) {
  body,html {
      min-width:320px
  }

  .content {
      width: 320px
  }
}

body {
  background: #fff;
  color: #000
}

a {
  text-decoration: none
}

body {
  text-rendering: optimizeLegibility;
  font-family: var(--font-primary);
  font-weight: 400;
  line-height: 1.15
}

section .button {
  background-color: #747f8d;
  border-radius: 3px;
  border: none;
  outline: none;
  font-size: 15px;
  padding: 15px 25px;
  position: relative;
  -webkit-transition: all .12s ease-out;
  transition: all .12s ease-out;
  top: 0;
  cursor: pointer;
  color: #fff
}

section .button.disabled {
  cursor: not-allowed
}

section .button.disabled:hover {
  top: 0;
  -webkit-box-shadow: none;
  box-shadow: none
}

section .button:hover {
  top: -1px;
  -webkit-box-shadow: 0 4px 14px 0 rgba(0,0,0,.4);
  box-shadow: 0 4px 14px 0 rgba(0,0,0,.4)
}

section .button:active {
  top: 0;
  -webkit-box-shadow: none;
  box-shadow: none
}

section .button.success {
  background-color: #43b581
}

section .button.warning {
  background-color: #faa61a
}

section .button.error {
  background-color: #f04747
}

section .button.brand {
  background-color: #7289da
}

section .button.light {
  background-color: #fff;
  color: #7289da
}

section .button.light:hover {
  color: #677bc4
}

section .button.link {
  border: none;
  outline: none;
  background: none;
  font-size: inherit;
  padding: 0;
  font-weight: inherit;
  cursor: pointer;
  color: #00aff7
}

section .button.link:hover {
  text-decoration: underline
}

section .button.flat:hover,section .button.link:hover {
  top: 0;
  -webkit-box-shadow: none;
  box-shadow: none
}

section .button.flat:hover.brand {
  background-color: #697ec4
}

section .button.flat-bordered {
  border: 1px solid #7289da
}

section .button.flat-bordered:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  top: 0
}

.checkbox {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.checkbox.disabled {
  opacity: .3;
  pointer-events: none
}

.checkbox .checkbox-inner {
  width: 18px;
  height: 18px;
  position: relative;
  vertical-align: top;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.checkbox .checkbox-inner:after,.checkbox .checkbox-inner:before {
  content: ""
}

.checkbox .checkbox-inner span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px solid #cdcdcd;
  -webkit-transition: .24s;
  transition: .24s;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.checkbox .checkbox-inner+span {
  margin-left: 8px
}

.checkbox .checkbox-inner input[type=checkbox] {
  display: none
}

.checkbox .checkbox-inner input[type=checkbox]:checked+span {
  background-color: #7289da;
  border-color: #7289da
}

.checkbox .checkbox-inner input[type=checkbox]:checked+span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 4px;
  display: table;
  width: 4px;
  height: 10px;
  border-color: #fff;
  border-style: solid;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.checkbox .checkbox-inner input[type=checkbox]:disabled+span {
  border-color: #cdcdcd;
  background-color: #f3f3f3;
  cursor: not-allowed
}

.checkbox .checkbox-inner input[type=checkbox]:checked:disabled+span {
  background-color: #c9d2f0;
  border-color: #c9d2f0
}

.checkbox .checkbox-inner.alt input[type=checkbox]+span {
  background: #fff;
  border-color: #fff
}

.checkbox .checkbox-inner.alt input[type=checkbox]:checked+span:after {
  border-color: #7289da
}

.theme-dark .checkbox .checkbox-inner span {
  border-color: hsla(0,0%,100%,.2)
}

.form {
  width: 100%;
  max-width: 1100px
}

.form .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center
}

.form .form-inputWrapper {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 200px;
  flex-basis: 200px;
  margin: 10px;
  position: relative
}

.form .form-inputWrapper .Input {
  color: #36393e;
  background: #f3f3f3;
  width: 100%;
  border-radius: 7px;
  font-size: 18px;
  font-weight: 500;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid transparent;
  border-width: 1px 1px 3px
}

.form .form-inputWrapper .Input:focus {
  border-color: #7289da
}

.form .form-inputWrapper .Input.hasError {
  border-color: #f04747
}

.form .form-inputWrapper .Input.isValid {
  border-color: #43b581
}

.form .form-inputWrapper .isRequired {
  position: absolute;
  top: 20px;
  left: -13px;
  color: #f04747
}

.form .form-inputWrapper .isRequired.label {
  top: 4px
}

.form .form-inputWrapper .error {
  color: #f04747
}

.form .form-inputWrapper .error a {
  color: #00aff7
}

.form .form-inputWrapper .error a:hover {
  color: #009ede
}

.form .form-label {
  font-size: 18px;
  color: #7289da;
  line-height: 21px;
  font-weight: 500;
  text-align: left;
  margin: 25px 0 5px 10px;
  width: 100%;
  position: relative
}

.form .form-label a {
  color: #00aff7;
  cursor: pointer
}

.form .form-label a:hover {
  color: #009ede
}

.form .TextInput {
  height: 54px;
  padding: 10px 20px
}

.form .TextInput.prefixed {
  padding-left: 0;
  border-radius: 0 7px 7px 0
}

.form .TextInput.prefixed:focus {
  border-left: 0 solid #7289da
}

.form .TextInput.prefixed.hasError {
  border-left: 0 solid #f04747
}

.form .TextInput.prefixed.isValid {
  border-left: 0 solid #43b581
}

.form .form-input-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.form .text-input-prefix {
  border-color: transparent;
  border-style: solid;
  border-width: 1px 0 3px 1px;
  padding-left: 20px;
  height: 54px;
  line-height: 52px;
  background-color: #f3f3f3;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #8a8e94;
  border-radius: 7px 0 0 7px;
  font-size: 18px
}

.form .text-input-prefix.focus {
  border-color: #7289da
}

.form .text-input-prefix.hasError {
  border-color: #f04747
}

.form .text-input-prefix.isValid {
  border-color: #43b581
}

.form .TextArea {
  min-height: 85px;
  resize: none;
  font-weight: 400;
  padding: 10px 20px
}

.form .Checkbox-wrapper {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justifycontent: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 130px
}

.form .Checkbox-input {
  display: none
}

.form .Checkbox-box {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  margin-right: 12px;
  background-size: 80px 40px
}

.form .Checkbox-input:checked+.Checkbox-box {
  background-position: 40px 0
}

.form .Radio-wrapper {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justifycontent: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 130px
}

.form .Radio-input {
  display: none
}

.form .Radio-box {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  margin-right: 12px;
  background-size: 80px 40px
}

.form :gobla(.Radio-input):checked+.Radio-box {
  background-position: 40px 0
}

.form .SingleSelect {
  width: 100%
}

.form .SingleSelect .Select-control {
  height: 54px;
  color: #36393e;
  background: #f3f3f3;
  width: 100%;
  border: 0;
  border-radius: 7px;
  font-size: 18px;
  font-weight: 500;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.form .SingleSelect .Select-placeholder {
  color: #afafaf;
  padding: 10px 20px
}

.form .SingleSelect.has-value .Select-placeholder {
  color: #36393e
}

.form .SingleSelect .Select-input {
  padding: 8px 18px
}

.form .SingleSelect.is-focused .Select-control {
  border: solid #7289da;
  border-width: 1px 1px 3px
}

.form .SingleSelect.is-open .Select-control {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.form .SingleSelect.is-disabled .Select-placeholder {
  color: #afafaf
}

.form .SingleSelect .Select-option {
  color: #36393e
}

.form .SingleSelect .Select-option.is-focused {
  background: #f7f7f7;
  color: #36393e
}

.form .SingleSelect * {
  font-family: var(--font-primary)
}

.form .submit-btn {
  position: relative;
  width: 394px;
  height: 64px;
  margin-top: 30px;
  border-radius: 60px;
  border: 2px solid #ebebeb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer
}

.form .submit-btn.Error {
  cursor: not-allowed
}

.form .submit-btn.Error .submit-btn-fill {
  background: #8a8e94
}

.form .submit-btn-fill {
  width: 100%;
  height: 100%;
  border-radius: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #30c6a3;
  -webkit-transition: all .2s linear;
  transition: all .2s linear
}

.form .submit-btn-text {
  color: #fff;
  font-size: 18px;
  font-weight: 400
}

.form .multi-text-input .SingleSelect {
  margin-bottom: 10px
}

.form .multi-text-input .SingleSelect.is-focused .Select-control {
  border: 1px solid #cdcdcd;
  border-bottom: none
}

.form .multi-text-input .SingleSelect.is-focused .Select-menu-outer {
  border: 1px solid #cdcdcd;
  border-top: none
}

.form .multi-text-input .form-label {
  display: block
}

.form .multi-text-input .multi-text-input-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.form .multi-text-input .multi-text-input-value .text-input {
  margin-left: 40px
}

.form .multi-text-input .multi-text-input-value .remove-btn {
  -ms-flex-item-align: center;
  align-self: center;
  cursor: pointer;
  color: #f04747
}

.forms-form {
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.forms-form,.forms-form .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.forms-form .row {
  margin: 8px 0
}

.forms-form .row>* {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 8px;
  margin-right: 8px
}

.forms-form>:not(.row) {
  margin: 8px 4px
}

.forms-form .forms-required-label-wrapper {
  padding-left: 4px;
  margin-bottom: 4px
}

.forms-form .forms-error,.forms-form .forms-required-label-wrapper .forms-required-star {
  color: #f04747
}

.forms-form input,.forms-form textarea {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  font-size: 16px;
  color: #36393e
}

.forms-form input::-webkit-input-placeholder,.forms-form textarea::-webkit-input-placeholder {
  color: #dadddf
}

.forms-form input::-moz-placeholder,.forms-form textarea::-moz-placeholder {
  color: #dadddf
}

.forms-form input:-ms-input-placeholder,.forms-form textarea:-ms-input-placeholder {
  color: #dadddf
}

.forms-form input::placeholder,.forms-form textarea::placeholder {
  color: #dadddf
}

.forms-form .forms-submit-button {
  margin-top: 16px;
  text-align: center;
  -ms-flex-item-align: center;
  align-self: center;
  color: #fff;
  width: 300px;
  cursor: pointer
}

.forms-form .forms-submit-button.forms-cannot-submit {
  background-color: #747f8d;
  cursor: not-allowed
}

.forms-form .forms-submit-button.forms-submitting {
  cursor: not-allowed
}

.forms-form .forms-submit-button .loader {
  margin: 0 auto;
  top: -1.25em
}

.forms-form .forms-text-area-input,.forms-form .forms-text-input-input {
  border: none;
  border-bottom: 2px solid #f0f0f0;
  margin-bottom: 4px;
  outline: none;
  -webkit-transition: border-bottom .2s ease;
  transition: border-bottom .2s ease;
  -webkit-appearance: none;
  border-radius: 0
}

.forms-form .forms-text-area-input:focus,.forms-form .forms-text-input-input:focus {
  border-bottom: 2px solid #7289da
}

.forms-form a {
  color: #00aff7
}

.forms-form a:hover {
  color: #009ede
}

@media screen and (max-width: 848px) {
  .hypesquad-form .form-inputWrapper {
      margin:4
  }

  .hypesquad-form .form-inputWrapper .Input {
      font-size: 16px;
      border-radius: 3
  }

  .hypesquad-form .form-inputWrapper .isRequired {
      top: 11px;
      left: -10px
  }

  .hypesquad-form .form-inputWrapper .TextInput {
      height: 34px
  }

  .hypesquad-form .form-inputWrapper .TextArea {
      padding: 10px
  }

  .hypesquad-form .form-inputWrapper .SingleSelect .Select-control {
      height: 34px
  }

  .hypesquad-form .form-inputWrapper .SingleSelect .Select-input,.hypesquad-form .form-inputWrapper .SingleSelect .Select-placeholder {
      padding: 2px 10px
  }

  .hypesquad-form .SubmitBtn {
      height: 55px;
      width: 325px
  }
}

:root {
  --brand: #5865f2;
  --brand-gradient: linear-gradient(90deg,#8ea1e1,#7289da);
  --greyple: #99aab5;
  --dark-not-black: #2c2f33;
  --focus-border: #00b0f4;
  --status-green: #43b581;
  --text-link: #00b0f4;
  --off-white: #f6f6f6;
  --white: #fff;
  --not-quite-black: #23272a;
  --not-quite-black-rgb: 35,39,42;
  --black: #000;
  --ekko-red: #de2761;
  --page-max-width: 1260px;
  --page-max-width-med: 1024px;
  --num-grid-columns: 4;
  --page-gutter: 24px;
  --section-spacing: 56px
}

@media screen and (min-width: 768px) {
  :root {
      --num-grid-columns:8;
      --page-gutter: 40px;
      --section-spacing: 80px
  }
}

@media screen and (min-width: 1024px) {
  :root {
      --num-grid-columns:12;
      --section-spacing: 120px
  }
}

.Select {
  position: relative
}

.Select,.Select div,.Select input,.Select span {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.Select.is-disabled>.Select-control {
  background-color: #f9f9f9
}

.Select.is-disabled>.Select-control:hover {
  -webkit-box-shadow: none;
  box-shadow: none
}

.Select.is-disabled .Select-arrow-zone {
  cursor: default;
  pointer-events: none;
  opacity: .35
}

.Select-control {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #333;
  cursor: default;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  height: 36px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%
}

.Select-control:hover {
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.06);
  box-shadow: 0 1px 0 rgba(0,0,0,.06)
}

.Select-control .Select-input:focus {
  outline: none
}

.is-searchable.is-open>.Select-control {
  cursor: text
}

.is-open>.Select-control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #fff;
  border-color: #b3b3b3 #ccc #d9d9d9
}

.is-open>.Select-control .Select-arrow {
  top: -2px;
  border-color: transparent transparent #999;
  border-width: 0 5px 5px
}

.is-searchable.is-focused:not(.is-open)>.Select-control {
  cursor: text
}

.is-focused:not(.is-open)>.Select-control {
  border-color: #007eff;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 0 3px rgba(0,126,255,.1);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 0 3px rgba(0,126,255,.1)
}

.Select--single>.Select-control .Select-value,.Select-placeholder {
  bottom: 0;
  color: #aaa;
  left: 0;
  line-height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.has-value.is-clearable.Select--single>.Select-control .Select-value {
  padding-right: 42px
}

.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value .Select-value-label,.has-value.Select--single>.Select-control .Select-value .Select-value-label {
  color: #333
}

.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label,.has-value.Select--single>.Select-control .Select-value a.Select-value-label {
  cursor: pointer;
  text-decoration: none
}

.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:focus,.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:hover,.has-value.Select--single>.Select-control .Select-value a.Select-value-label:focus,.has-value.Select--single>.Select-control .Select-value a.Select-value-label:hover {
  color: #007eff;
  outline: none;
  text-decoration: underline
}

.Select-input {
  height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle
}

.Select-input>input {
  width: 100%;
  background: none transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: default;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  outline: none;
  line-height: 14px;
  padding: 8px 0 12px;
  -webkit-appearance: none
}

.is-focused .Select-input>input {
  cursor: text
}

.has-value.is-pseudo-focused .Select-input {
  opacity: 0
}

.Select-control:not(.is-searchable)>.Select-input {
  outline: none
}

.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  text-align: center
}

.Select-loading,.Select-loading-zone {
  position: relative;
  vertical-align: middle;
  width: 16px
}

.Select-loading {
  -webkit-animation: Select-animation-spin .4s linear infinite;
  animation: Select-animation-spin .4s linear infinite;
  height: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-right-color: #333;
  display: inline-block
}

.Select-clear-zone {
  -webkit-animation: Select-animation-fadeIn .2s;
  animation: Select-animation-fadeIn .2s;
  color: #999;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 17px
}

.Select-clear-zone:hover {
  color: #d0021b
}

.Select-clear {
  display: inline-block;
  font-size: 18px;
  line-height: 1
}

.Select--multi .Select-clear-zone {
  width: 17px
}

.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  padding-right: 5px
}

.Select-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0;
  position: relative
}

.is-open .Select-arrow,.Select-arrow-zone:hover>.Select-arrow {
  border-top-color: #666
}

.Select--multi .Select-multi-value-wrapper {
  display: inline-block
}

.Select .Select-aria-only {
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  clip: rect(0,0,0,0);
  overflow: hidden;
  float: left
}

@-webkit-keyframes Select-animation-fadeIn {
  0% {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

@keyframes Select-animation-fadeIn {
  0% {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

.Select-menu-outer {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top-color: #e6e6e6;
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.06);
  box-shadow: 0 1px 0 rgba(0,0,0,.06);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1;
  -webkit-overflow-scrolling: touch
}

.Select-menu {
  max-height: 198px;
  overflow-y: auto
}

.Select-option {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  color: #666;
  cursor: pointer;
  display: block;
  padding: 8px 10px
}

.Select-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px
}

.Select-option.is-selected {
  background-color: #f5faff;
  background-color: rgba(0,126,255,.04);
  color: #333
}

.Select-option.is-focused {
  background-color: #ebf5ff;
  background-color: rgba(0,126,255,.08);
  color: #333
}

.Select-option.is-disabled {
  color: #ccc;
  cursor: default
}

.Select-noresults {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #999;
  cursor: default;
  display: block;
  padding: 8px 10px
}

.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0
}

.Select--multi.has-value .Select-input {
  margin-left: 5px
}

.Select--multi .Select-value {
  background-color: #ebf5ff;
  background-color: rgba(0,126,255,.08);
  border-radius: 2px;
  border: 1px solid #c2e0ff;
  border: 1px solid rgba(0,126,255,.24);
  color: #007eff;
  display: inline-block;
  font-size: .9em;
  line-height: 1.4;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top
}

.Select--multi .Select-value-icon,.Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle
}

.Select--multi .Select-value-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  padding: 2px 5px
}

.Select--multi a.Select-value-label {
  color: #007eff;
  cursor: pointer;
  text-decoration: none
}

.Select--multi a.Select-value-label:hover {
  text-decoration: underline
}

.Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #c2e0ff;
  border-right: 1px solid rgba(0,126,255,.24);
  padding: 1px 5px 3px
}

.Select--multi .Select-value-icon:focus,.Select--multi .Select-value-icon:hover {
  background-color: #d8eafd;
  background-color: rgba(0,113,230,.08);
  color: #0071e6
}

.Select--multi .Select-value-icon:active {
  background-color: #c2e0ff;
  background-color: rgba(0,126,255,.24)
}

.Select--multi.is-disabled .Select-value {
  background-color: #fcfcfc;
  border: 1px solid #e3e3e3;
  color: #333
}

.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #e3e3e3
}

.Select--multi.is-disabled .Select-value-icon:active,.Select--multi.is-disabled .Select-value-icon:focus,.Select--multi.is-disabled .Select-value-icon:hover {
  background-color: #fcfcfc
}

@keyframes Select-animation-spin {
  to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
  }
}

@-webkit-keyframes Select-animation-spin {
  to {
      -webkit-transform: rotate(1turn)
  }
}

@-webkit-keyframes spinner-wandering-cubes-E8DV84 {
  25% {
      -webkit-transform: translateX(22px) rotate(-90deg) scale(.5);
      transform: translateX(22px) rotate(-90deg) scale(.5)
  }

  50% {
      -webkit-transform: translateX(22px) translateY(22px) rotate(-180deg);
      transform: translateX(22px) translateY(22px) rotate(-180deg)
  }

  75% {
      -webkit-transform: translateX(0) translateY(22px) rotate(-270deg) scale(.5);
      transform: translateX(0) translateY(22px) rotate(-270deg) scale(.5)
  }

  to {
      -webkit-transform: rotate(-1turn);
      transform: rotate(-1turn)
  }
}

@keyframes spinner-wandering-cubes-E8DV84 {
  25% {
      -webkit-transform: translateX(22px) rotate(-90deg) scale(.5);
      transform: translateX(22px) rotate(-90deg) scale(.5)
  }

  50% {
      -webkit-transform: translateX(22px) translateY(22px) rotate(-180deg);
      transform: translateX(22px) translateY(22px) rotate(-180deg)
  }

  75% {
      -webkit-transform: translateX(0) translateY(22px) rotate(-270deg) scale(.5);
      transform: translateX(0) translateY(22px) rotate(-270deg) scale(.5)
  }

  to {
      -webkit-transform: rotate(-1turn);
      transform: rotate(-1turn)
  }
}

@-webkit-keyframes spinner-chasing-dots-rotate-1FNFlo {
  to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
  }
}

@keyframes spinner-chasing-dots-rotate-1FNFlo {
  to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
  }
}

@-webkit-keyframes spinner-chasing-dots-bounce-1u5AiH {
  0%,to {
      -webkit-transform: scale(0);
      transform: scale(0)
  }

  50% {
      -webkit-transform: scale(1);
      transform: scale(1)
  }
}

@keyframes spinner-chasing-dots-bounce-1u5AiH {
  0%,to {
      -webkit-transform: scale(0);
      transform: scale(0)
  }

  50% {
      -webkit-transform: scale(1);
      transform: scale(1)
  }
}

@-webkit-keyframes spinner-pulsing-ellipsis-Zju_Ib {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1
  }

  50% {
      -webkit-transform: scale(.8);
      transform: scale(.8);
      opacity: .3
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1
  }
}

@keyframes spinner-pulsing-ellipsis-Zju_Ib {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1
  }

  50% {
      -webkit-transform: scale(.8);
      transform: scale(.8);
      opacity: .3
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1
  }
}

@-webkit-keyframes spinner-spinning-circle-rotate-377lhj {
  to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
  }
}

@keyframes spinner-spinning-circle-rotate-377lhj {
  to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
  }
}

@-webkit-keyframes spinner-spinning-circle-dash-YaFg25 {
  0% {
      stroke-dasharray: 1,200;
      stroke-dashoffset: 0
  }

  50% {
      stroke-dasharray: 130,200
  }

  to {
      stroke-dasharray: 130,200;
      stroke-dashoffset: -124
  }
}

@keyframes spinner-spinning-circle-dash-YaFg25 {
  0% {
      stroke-dasharray: 1,200;
      stroke-dashoffset: 0
  }

  50% {
      stroke-dasharray: 130,200
  }

  to {
      stroke-dasharray: 130,200;
      stroke-dashoffset: -124
  }
}

.spinner-2RT7ZC {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.inner-26JK4f {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px
}

.wanderingCubesItem-3Us-UG {
  background-color: hsl(235,85.6%,64.7%);
  background-color: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%);
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: spinner-wandering-cubes-E8DV84 1.8s ease-in-out infinite;
  animation: spinner-wandering-cubes-E8DV84 1.8s ease-in-out infinite
}

.wanderingCubesItem-3Us-UG:last-child {
  -webkit-animation-delay: -.9s;
  animation-delay: -.9s
}

.chasingDots-6RmxOW {
  -webkit-animation: spinner-chasing-dots-rotate-1FNFlo 2s linear infinite;
  animation: spinner-chasing-dots-rotate-1FNFlo 2s linear infinite
}

.chasingDotsItem-1Dc20e {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: hsl(235,85.6%,64.7%);
  background-color: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%);
  border-radius: 100%;
  -webkit-animation: spinner-chasing-dots-bounce-1u5AiH 2s ease-in-out infinite;
  animation: spinner-chasing-dots-bounce-1u5AiH 2s ease-in-out infinite
}

.chasingDotsItem-1Dc20e:last-child {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1s;
  animation-delay: -1s
}

.pulsingEllipsis-10G8Z6 {
  height: auto;
  width: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative
}

.pulsingEllipsisItem-3pNmEc {
  -webkit-animation: spinner-pulsing-ellipsis-Zju_Ib 1.4s ease-in-out infinite;
  animation: spinner-pulsing-ellipsis-Zju_Ib 1.4s ease-in-out infinite;
  width: 6px;
  height: 6px;
  margin-right: 2px;
  background-color: hsl(0,0%,97.6%);
  background-color: hsl(0,calc(var(--saturation-factor, 1)*0%),97.6%);
  border-radius: 3px;
  display: inline-block;
  opacity: .3
}

.pulsingEllipsisItem-3pNmEc:nth-of-type(2) {
  -webkit-animation-delay: .2s;
  animation-delay: .2s
}

.pulsingEllipsisItem-3pNmEc:nth-of-type(3) {
  -webkit-animation-delay: .4s;
  animation-delay: .4s
}

.stop-animation .pulsingEllipsisItem-3pNmEc {
  -webkit-animation: none;
  animation: none
}

.spinningCircle-CmRLnP {
  width: 100%
}

.spinningCircleInner-C1kTEL {
  -webkit-transform: rotate(280deg);
  transform: rotate(280deg)
}

.circular-3Fmqjd {
  -webkit-animation: spinner-spinning-circle-rotate-377lhj 2s linear infinite;
  animation: spinner-spinning-circle-rotate-377lhj 2s linear infinite;
  height: 100%;
  width: 100%
}

.path-lhsLSV {
  -webkit-animation: spinner-spinning-circle-dash-YaFg25 2s ease-in-out infinite;
  animation: spinner-spinning-circle-dash-YaFg25 2s ease-in-out infinite;
  stroke-dasharray: 1,200;
  stroke-dashoffset: 0;
  fill: none;
  stroke-width: 6;
  stroke-miterlimit: 10;
  stroke-linecap: round
}

.path2-F-M5gP {
  -webkit-animation-delay: .15s;
  animation-delay: .15s
}

.path3-3tVOpU {
  -webkit-animation-delay: .23s;
  animation-delay: .23s
}

.theme-light .path-lhsLSV {
  stroke: hsl(235,85.6%,64.7%);
  stroke: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%)
}

.theme-light .path2-F-M5gP {
  stroke: hsl(235,86.1%,85.9%);
  stroke: hsl(235,calc(var(--saturation-factor, 1)*86.1%),85.9%);
  opacity: .6
}

.theme-light .path3-3tVOpU {
  stroke: hsl(240,77.8%,98.2%);
  stroke: hsl(240,calc(var(--saturation-factor, 1)*77.8%),98.2%);
  opacity: .3
}

.theme-dark .path-lhsLSV,.theme-dark .path2-F-M5gP {
  stroke: hsl(235,85.6%,64.7%);
  stroke: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%)
}

.theme-dark .path2-F-M5gP {
  opacity: .6
}

.theme-dark .path3-3tVOpU {
  stroke: hsl(235,47.5%,19.4%);
  stroke: hsl(235,calc(var(--saturation-factor, 1)*47.5%),19.4%)
}

.button-f2h6uQ {
  position: relative;
  display: inline-block;
  background: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  font-family: var(--font-primary);
  font-weight: 500;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  -webkit-transition: all .17s ease-out;
  transition: all .17s ease-out
}

.button-f2h6uQ:focus {
  -webkit-box-shadow: 0 0 3px 3px hsl(235,85.6%,64.7%);
  -webkit-box-shadow: 0 0 3px 3px hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%);
  box-shadow: 0 0 3px 3px hsl(235,85.6%,64.7%);
  box-shadow: 0 0 3px 3px hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%)
}

.buttonHeightShort-5JiyOY {
  height: 24px
}

.buttonHeightMediumShort-15K4Mi {
  height: 32px
}

.buttonHeightMedium-2UpIaI {
  height: 38px
}

.buttonHeightMediumTall-2FKF4F {
  height: 44px
}

.buttonHeightTall-Yz4Cm8 {
  height: 50px
}

.button-f2h6uQ:disabled,.disabled-1h7KQg {
  opacity: .5;
  cursor: not-allowed;
  pointer-events: none;
  outline: none
}

.button-f2h6uQ:disabled:hover,.disabled-1h7KQg:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  top: 0
}

.grow-2sR_-F {
  width: 100%
}

.unpaired-GdFe-D {
  border-radius: 3px
}

.unpaired-GdFe-D:hover {
  top: -1px;
  -webkit-box-shadow: 0 9px 30px 0 rgba(hsl(228,6.7%,14.7%),.1);
  -webkit-box-shadow: 0 9px 30px 0 rgba(hsl(228,calc(var(--saturation-factor, 1)*6.7%),14.7%),.1);
  box-shadow: 0 9px 30px 0 rgba(hsl(228,6.7%,14.7%),.1);
  box-shadow: 0 9px 30px 0 rgba(hsl(228,calc(var(--saturation-factor, 1)*6.7%),14.7%),.1)
}

.unpaired-GdFe-D:hover:after {
  position: absolute;
  top: 100%;
  right: 0;
  bottom: -1px;
  left: 0;
  content: ""
}

.filledDefault-25rIra {
  font-size: 14px;
  padding: 0 20px
}

.filledBlack-3P1I88 {
  background: #000
}

.filledBlack-3P1I88,.filledBrand-3fai8P {
  color: #fff
}

.filledBrand-3fai8P {
  background: hsl(235,85.6%,64.7%);
  background: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%)
}

.filledWhite-3E0SDJ {
  background: #fff;
  color: #000
}

.filledGreen-3TjJah {
  background: #43b581;
  color: #fff
}

.outlinedDefault-C_LkjD {
  font-size: 14px;
  letter-spacing: .3px;
  padding: 0 8px
}

.outlinedBlack-2siDmj {
  border: 1px solid rgba(0,0,0,.3);
  color: #000
}

.outlinedBlack-2siDmj:active {
  border-color: #000
}

.outlinedBlack-2siDmj:hover {
  border-color: rgba(0,0,0,.6)
}

.outlinedBlack-2siDmj.buttonHoverStyleFilled-2FExbI:hover {
  background-color: #000;
  border-color: #000;
  color: #fff
}

.outlinedBrand-3p66u5 {
  border: 1px solid rgba(hsl(235,85.6%,64.7%),.3);
  border: 1px solid rgba(hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%),.3);
  color: hsl(235,85.6%,64.7%);
  color: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%)
}

.outlinedBrand-3p66u5:active {
  border-color: hsl(235,85.6%,64.7%);
  border-color: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%)
}

.outlinedBrand-3p66u5:hover {
  border-color: rgba(hsl(235,85.6%,64.7%),.6);
  border-color: rgba(hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%),.6)
}

.outlinedBrand-3p66u5.buttonHoverStyleFilled-2FExbI:hover {
  background-color: hsl(235,85.6%,64.7%);
  background-color: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%);
  border-color: hsl(235,85.6%,64.7%);
  border-color: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%);
  color: #fff
}

.outlinedWhite-1t1ceW {
  border: 1px solid hsla(0,0%,100%,.3);
  color: #fff
}

.outlinedWhite-1t1ceW:active {
  border-color: #fff
}

.outlinedWhite-1t1ceW:hover {
  border-color: hsla(0,0%,100%,.6)
}

.outlinedWhite-1t1ceW.buttonHoverStyleFilled-2FExbI:hover {
  background-color: #fff;
  border-color: #fff;
  color: #000
}

.outlinedGreen-2iYOp3 {
  border: 1px solid rgba(67,181,129,.3);
  color: #43b581
}

.outlinedGreen-2iYOp3:active {
  border-color: #43b581
}

.outlinedGreen-2iYOp3:hover {
  border-color: rgba(67,181,129,.6)
}

.outlinedGreen-2iYOp3.buttonHoverStyleFilled-2FExbI:hover {
  background-color: #43b581;
  border-color: #43b581;
  color: #fff
}

.buttonContent-2HNzoF {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.buttonHorizontalPaddingMedium-cmdTvj {
  padding-left: 16px;
  padding-right: 16px
}

.modalAnimationWrapper--nEQBo {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 9999
}

.modalAnimationShade-3RBu6b {
  background-color: hsl(235,85.6%,64.7%);
  background-color: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%)
}

.modalAnimationContent-3L96_u,.modalAnimationShade-3RBu6b {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}

.modalAnimationContent-3L96_u {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.formModalWrapper-1WxxTG,.modalAnimationContent-3L96_u {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.formModalWrapper-1WxxTG {
  -webkit-box-shadow: 0 9px 20px 0 rgba(0,0,0,.2);
  box-shadow: 0 9px 20px 0 rgba(0,0,0,.2);
  border-radius: 0 8px 8px 0;
  max-height: 90%;
  position: relative;
  width: 800px;
  height: 680px
}

.buttonWrapper-xtsnds {
  position: absolute;
  right: 0;
  text-align: center;
  width: 50%;
  z-index: 1
}

.buttonWrapperNext-3-hMu3 {
  bottom: -24px
}

.buttonWrapperPrev-nhpAOy {
  top: -24px
}

.button-3A1HM1 {
  -webkit-box-shadow: 0 9px 20px 0 rgba(0,0,0,.2);
  box-shadow: 0 9px 20px 0 rgba(0,0,0,.2);
  margin: 0 auto;
  min-width: auto;
  padding-right: 75px
}

.buttonNext-18vY8Y {
  background: #000 url(/assets/df437cab29c27e81e9ffaab036bd7aa2.svg) no-repeat right 20px center
}

.buttonPrev-23JHhC {
  background: #000 url(/assets/03385fc1d38dabb4865f24eab0ccbfe0.svg) no-repeat right 20px center
}

.close-3Rn3hg {
  position: absolute;
  top: 20px;
  right: 20px;
  border: 0;
  cursor: pointer;
  background: url(/assets/8307730f12369150034efedddaedb68b.svg) no-repeat 5px 5px;
  background-size: 10px;
  width: 20px;
  height: 20px;
  z-index: 9999
}

.close-3Rn3hg:hover {
  top: 19px
}

.formModalContent-151OJA {
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  position: relative;
  background: #fff
}

.noScroll-drbApj {
  overflow: hidden
}

.animationWrapper-2cu8Qu {
  position: absolute;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  width: 100%
}

.animationWrapper-2cu8Qu::-webkit-scrollbar {
  width: 10px
}

.animationWrapper-2cu8Qu::-webkit-scrollbar-thumb {
  background-color: rgba(hsl(235,85.6%,64.7%),.5);
  background-color: rgba(hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%),.5);
  background-clip: padding-box;
  border: 1px solid transparent;
  border-radius: 5px
}

.animationWrapper-2cu8Qu::-webkit-scrollbar-track-piece {
  background-color: transparent;
  background-clip: padding-box;
  border-radius: 5px
}

@media screen and (max-width: 848px) {
  .formModalWrapper-1WxxTG {
      background:#fff;
      border-radius: 0;
      height: 100%;
      max-height: 100%
  }

  .buttonWrapper-xtsnds {
      padding: 8px 0;
      width: 100%
  }

  .buttonWrapperNext-3-hMu3 {
      bottom: 0
  }

  .buttonWrapperPrev-nhpAOy {
      top: 0
  }

  .formModalContent-151OJA {
      margin: 0
  }

  .hasNextButton-38rmZ_ {
      padding-bottom: 66px
  }
}

.modalShade-3xgfWC {
  background-color: #161a29
}

.modalWrapper-1E3e8W {
  border-radius: 8px
}

.modalContent-B5F7GW div,.modalWrapper-1E3e8W {
  overflow: hidden
}

.iframe-2qPy5g {
  width: 100%;
  height: 100%;
  border: none
}

.section-2shEuv {
  border-bottom: none;
  text-align: center;
  padding-bottom: 160px
}

.section-2shEuv h1 {
  color: #fff;
  margin-bottom: 32px
}

.section-8_oA_- {
  background: -webkit-gradient(linear,left top,left bottom,from(#161a29),to(#1b2138));
  background: linear-gradient(180deg,#161a29 0,#1b2138);
  border-bottom: none
}

.content-VcncOO {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-weight: 400;
  padding-bottom: 192px;
  max-width: 660px;
  margin: 0 auto
}

.content-VcncOO a {
  color: #7289da
}

.content-VcncOO a:hover {
  text-decoration: underline
}

.content-VcncOO,.content-VcncOO h2,.content-VcncOO li,.content-VcncOO p {
  color: hsla(0,0%,100%,.5)
}

.content-VcncOO ul {
  margin: 12px 40px 0
}

.content-VcncOO ul li {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 8px;
  list-style: disc
}

.content-VcncOO h2 {
  margin-top: 72px;
  font-family: var(--font-code)
}

.content-VcncOO .intro-3Td8tV {
  color: #65d6ad
}

.content-VcncOO .approach-23Yc7d {
  color: #f98e70
}

.content-VcncOO .rules-oRQdIz {
  color: #ff7878
}

.content-VcncOO .rulesSubtitle-ON-P0F {
  color: hsla(0,0%,100%,.5);
  font-size: 16px;
  font-weight: 400
}

.content-VcncOO .line-1CLEeW {
  margin-top: 72px;
  -ms-flex-item-align: center;
  align-self: center;
  background-color: hsla(0,0%,100%,.1);
  width: 330px;
  height: 1px
}

.section-q4WDnC {
  padding-top: 72px;
  background-color: #161a29;
  position: relative;
  height: calc(100vh - 72px);
  max-height: 828px;
  min-height: 568px;
  border-bottom: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.background-39yRdV {
  left: 0;
  right: 0;
  height: 100%;
  overflow: hidden
}

.background-39yRdV,.background-39yRdV>* {
  position: absolute;
  bottom: 0
}

.background-39yRdV>* {
  overflow: visible
}

.background-39yRdV svg,.background-39yRdV svg * {
  -webkit-transform-origin: center;
  transform-origin: center
}

.stars-vENTGz {
  left: 50%;
  margin-left: -720px;
  top: 0;
  bottom: auto
}

.treeLargeRepeatLefter-2n14yp {
  left: 50%;
  margin-left: -1381px
}

.treeSmallLefter-39jcGw {
  left: 50%;
  margin-left: -1386px;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

.treeLargeHoleLeft-2v50GW {
  left: 50%;
  margin-left: -770px
}

.treeSmallLeft-12pxwx {
  left: 50%;
  margin-left: -758px
}

.treeLargeRepeatRight-Fjc1qT {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  left: 50%;
  margin-left: 119px
}

.treeSmallRight-2Db-qw {
  left: 50%;
  margin-left: 114px
}

.treeLargeRepeatRighter-36hDat {
  left: 50%;
  margin-left: 819px
}

.treeSmallRighter-3TvS1D {
  left: 50%;
  margin-left: 714px;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

.fire-27zmAN {
  left: 50%;
  margin-left: -200px
}

.bugSmall-3qjN_d {
  left: 50%;
  margin-left: 603px;
  bottom: 280px
}

.bugMedium-2bpuqh {
  left: 50%;
  margin-left: -140px;
  bottom: 720px;
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg)
}

.bugLarge-3s6bF4 {
  margin-left: 182px;
  bottom: 8px
}

.content-3lTmLS {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%
}

.logo-14l_Ei {
  z-index: 1
}

.button-37z0MI {
  pointer-events: all;
  margin-top: 72px
}

.section-2ntTAn {
  position: relative;
  padding: 120px 0;
  background-color: #161a29
}

.title-1zem36 {
  color: #9ba9cc;
  margin-bottom: 72px
}

.row-3e_Kcz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.thanksBadge-1wOkE0 {
  -ms-flex-item-align: center;
  align-self: center
}

.usersWrapper-2KvCvv {
  margin: 0 0 0 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.users-1Et_lP:first-child {
  margin-right: 16px
}

.users-1Et_lP:nth-child(2) {
  margin-left: 16px
}

.user-1CJP4y {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 8px 0
}

.profilePicture-1TKeIH {
  width: 22px;
  height: 22px;
  border-radius: 100%;
  margin-right: 8px
}

.username-35sNLR {
  font-size: 18px;
  line-height: 24px;
  color: hsla(0,0%,100%,.6)
}

.username-35sNLR:hover {
  color: #fff
}

@media screen and (max-width: 768px) {
  .section-2ntTAn .row-3e_Kcz {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
  }

  .section-2ntTAn .row-3e_Kcz .usersWrapper-2KvCvv {
      margin: 48px 0 0
  }
}

.background-1b6IQi {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  overflow: hidden;
  pointer-events: none
}

.background-1b6IQi>* {
  position: absolute;
  top: 0
}

.stars-3u2Rqw {
  +leftp: 1440px 0;
  top: auto;
  bottom: 0;
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1)
}

.otherwise1-9upYb- {
  top: -3px;
  +leftp: 418px -400px
}

.otherwise2-3whyMD {
  top: -3px;
  +leftop: 508px 300px
}

.content-3h6KqZ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  height: 100%
}

section {
  font-weight: 400
}

section h1,section h2,section h3,section h4,section h5,section h6 {
  font-family: var(--font-primary);
  color: #4f545c
}

section h1 {
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
  margin: 0
}

section h2 {
  font-weight: 500;
  font-size: 26px;
  line-height: 34px;
  margin: 52px 0 0
}

section h3 {
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
  margin: 48px 0 0
}

section h4 {
  font-weight: 500;
  font-size: 18px;
  line-height: 23px;
  margin: 36px 0 0
}

section h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  margin: 32px 0 0
}

section h6 {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  margin: 28px 0 0
}

section p {
  font-family: var(--font-primary);
  font-weight: 400;
  color: #737f8d;
  font-size: 16px;
  line-height: 24px;
  margin-top: 12px
}

section p.blurb {
  line-height: 20px;
  text-align: center;
  max-width: 740px;
  margin-left: auto;
  margin-right: auto
}

section p a {
  color: #fff
}

section p a:hover {
  color: #b3b3b3;
  text-decoration: none
}

.header-3eXH5n {
  position: absolute
}

.wave-Bt5GzR {
  display: block
}

.wavePath-xohUqm {
  -webkit-animation: waveDividerAnimation-2CI-QA 20s linear infinite alternate;
  animation: waveDividerAnimation-2CI-QA 20s linear infinite alternate
}

.animationPaused-2A4xpP {
  -webkit-animation-play-state: paused;
  animation-play-state: paused
}

@-webkit-keyframes waveDividerAnimation-2CI-QA {
  0% {
      d: path("M826.337463,25.5396311 C670.970254,58.655965 603.696181,68.7870267 447.802481,35.1443383 C293.342778,1.81111414 137.33377,1.81111414 0,1.81111414 L0,150 L1920,150 L1920,1.81111414 C1739.53523,-16.6853983 1679.86404,73.1607868 1389.7826,37.4859505 C1099.70117,1.81111414 981.704672,-7.57670281 826.337463,25.5396311 Z")
  }

  50% {
      d: path("M655.558582,28.4898877 C500.191373,61.6062216 422.833785,83.5422763 266.940085,49.8995879 C112.480383,16.5663637 84.0992497,8.02840272 0,44.7243294 L0,150.727527 L1920,150.727527 L1920,49.8995879 C1580.91676,-34.8808285 1438.10804,73.6768193 1148.0266,38.0019829 C857.945166,2.32714659 810.925791,-4.62644617 655.558582,28.4898877 Z")
  }

  to {
      d: path("M842.322034,38.0019829 C686.954825,71.1183168 623.386282,53.08497 467.492582,19.4422816 C313.032879,-13.8909426 84.0992497,8.02840272 0,44.7243294 L0,150.727527 L1920,150.727527 L1920,76.8685643 C1512.23604,-35.3595639 1568.70222,67.4289432 1278.62078,31.7541069 C988.539347,-3.92072949 997.689243,4.88564905 842.322034,38.0019829 Z")
  }
}

@keyframes waveDividerAnimation-2CI-QA {
  0% {
      d: path("M826.337463,25.5396311 C670.970254,58.655965 603.696181,68.7870267 447.802481,35.1443383 C293.342778,1.81111414 137.33377,1.81111414 0,1.81111414 L0,150 L1920,150 L1920,1.81111414 C1739.53523,-16.6853983 1679.86404,73.1607868 1389.7826,37.4859505 C1099.70117,1.81111414 981.704672,-7.57670281 826.337463,25.5396311 Z")
  }

  50% {
      d: path("M655.558582,28.4898877 C500.191373,61.6062216 422.833785,83.5422763 266.940085,49.8995879 C112.480383,16.5663637 84.0992497,8.02840272 0,44.7243294 L0,150.727527 L1920,150.727527 L1920,49.8995879 C1580.91676,-34.8808285 1438.10804,73.6768193 1148.0266,38.0019829 C857.945166,2.32714659 810.925791,-4.62644617 655.558582,28.4898877 Z")
  }

  to {
      d: path("M842.322034,38.0019829 C686.954825,71.1183168 623.386282,53.08497 467.492582,19.4422816 C313.032879,-13.8909426 84.0992497,8.02840272 0,44.7243294 L0,150.727527 L1920,150.727527 L1920,76.8685643 C1512.23604,-35.3595639 1568.70222,67.4289432 1278.62078,31.7541069 C988.539347,-3.92072949 997.689243,4.88564905 842.322034,38.0019829 Z")
  }
}

.container-2j3lv1 {
  padding-top: 56px;
  padding-top: var(--section-spacing);
  padding-bottom: 56px;
  padding-bottom: var(--section-spacing);
  background-color: #23272a;
  background-color: var(--not-quite-black);
  color: #fff;
  color: var(--white);
  overflow: hidden
}

.content-qdBuR8 {
  grid-column: span 4;
  grid-column: span var(--num-grid-columns);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}

.title-1hfuoW {
  color: #fff;
  color: var(--white)
}

.subtitle-cq6AZH {
  margin-top: 16px
}

.sparklesContainer-2wALmS {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.sparkles-36Kipx {
  margin-top: 40px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none
}

.pausedText-YPvzaC {
  max-width: 600px;
  margin-top: -32px;
  margin-bottom: 60px
}

.pausedText-YPvzaC,.pausedText-YPvzaC a {
  color: #f6f6f6;
  color: var(--off-white)
}

.pausedText-YPvzaC a {
  text-decoration: underline
}

.cta-107jOc {
  margin-top: -32px;
  min-width: 280px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.spinner-19Vlmx {
  width: 24px;
  height: 24px
}

.spinnerItem-IdQ-4y {
  background-color: #fff;
  background-color: var(--white)
}

.error-1Q2h-5 {
  margin-top: 16px;
  color: #c80000
}

.interactable-1qGUhP {
  cursor: pointer
}

.keyboardMode .interactable-1qGUhP:focus {
  -webkit-box-shadow: 0 0 0 3px #00b0f4;
  -webkit-box-shadow: 0 0 0 3px var(--focus-border);
  box-shadow: 0 0 0 3px #00b0f4;
  box-shadow: 0 0 0 3px var(--focus-border);
  border-radius: 4px
}

.container-3rgyUG {
  padding: 8px;
  border-radius: 16px;
  background-color: #f6f6f6;
  background-color: var(--off-white);
  overflow: hidden
}

.questionContainer-3yKlW0 {
  min-height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 12px 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.question-1rfueM {
  margin-top: auto;
  margin-bottom: auto;
  font-weight: 600
}

.answer-18CARS {
  margin-right: 32px;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 12px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .2s ease-in-out,visibility 0s .2s;
  transition: opacity .2s ease-in-out,visibility 0s .2s
}

.open-2XH2-p .answer-18CARS {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out
}

@media (prefers-reduced-motion) {
  .answer-18CARS {
      -webkit-transition: none;
      transition: none
  }
}

.arrow-1pWxis {
  margin-left: auto;
  margin-bottom: auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: #5865f2;
  color: var(--brand);
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.open-2XH2-p .arrow-1pWxis {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.container-vd_hMZ {
  padding-top: 56px;
  padding-top: var(--section-spacing);
  padding-bottom: 56px;
  padding-bottom: var(--section-spacing)
}

.title-1I8g7b {
  grid-column: span 4;
  grid-column: span var(--num-grid-columns)
}

.faq-1xI1jD {
  margin-top: 40px;
  row-gap: 16px
}

.question-2kV_4O {
  grid-column: span 4;
  grid-column: span var(--num-grid-columns)
}

.icon-27-TWt {
  display: block
}

.title-3YR0Ty {
  font-weight: 600
}

.subtitle-2ieVMm,.title-3YR0Ty {
  margin-top: 8px
}

.container-FA3-yM {
  padding-top: 56px;
  padding-top: var(--section-spacing);
  padding-bottom: 56px;
  padding-bottom: var(--section-spacing)
}

.row-1xfuLg {
  row-gap: 24px
}

.tile-1e84t1 {
  grid-column: span 4
}

.sizeTiny-FYDjMI {
  font-size: 14px
}

.sizeSmall-3XKOqj {
  font-size: 16px
}

.sizeMedium-25Ibol {
  font-size: 18px
}

.sizeLarge-3DxO8s {
  font-size: 20px
}

.sizeHeading3-17-pod {
  font-size: 24px
}

.sizeHeading2-2rGHUT {
  font-size: 26px
}

.sizeHeading1-XWji1N {
  font-size: 36px
}

.sizeHero-XNeWaZ {
  font-size: 50px
}

.weightLight-1U931D {
  font-weight: 300
}

.weightNormal-saP-ZY {
  font-weight: 400
}

.weightMedium-3qcLrj {
  font-weight: 500
}

.weightSemiBold-1D1-HD {
  font-weight: 600
}

.weightBold-2gJI4d {
  font-weight: 700
}

.lineTiny-2KTJ3Q {
  line-height: 1.2
}

.lineSmall-1Hrp7D {
  line-height: 1.3
}

.lineMedium-2Kua99 {
  line-height: 1.5
}

.lineLarge-1JK6US {
  line-height: 1.6666666666666667
}

.headingDefault-2dXofN {
  font-family: var(--font-primary);
  color: hsl(228,6%,32.5%);
  color: hsl(228,calc(var(--saturation-factor, 1)*6%),32.5%)
}

.textDefault-3UhREn {
  font-family: var(--font-primary)
}

.textDefault-3UhREn,.textTiny-3iV10Z {
  color: hsl(223,6.7%,20.6%);
  color: hsl(223,calc(var(--saturation-factor, 1)*6.7%),20.6%)
}

.textTiny-3iV10Z {
}

.textSmall-1fSfN5 {
}

.textMedium-3Ic-hz,.textSmall-1fSfN5 {
  color: hsl(223,6.7%,20.6%);
  color: hsl(223,calc(var(--saturation-factor, 1)*6.7%),20.6%)
}

.textMedium-3Ic-hz {
}

.textLarge-2ZxgXG {
  color: hsl(223,6.7%,20.6%);
  color: hsl(223,calc(var(--saturation-factor, 1)*6.7%),20.6%)
}

.textHero-3KynWR {
}

.textH1-TQMQVp,.textHero-3KynWR {
  color: hsl(228,6%,32.5%);
  color: hsl(228,calc(var(--saturation-factor, 1)*6%),32.5%)
}

.textH1-TQMQVp {
}

.textH2-2aT0cD {
}

.textH2-2aT0cD,.textH3-1Se7fK {
  color: hsl(228,6%,32.5%);
  color: hsl(228,calc(var(--saturation-factor, 1)*6%),32.5%)
}

.textH3-1Se7fK {
}

.textH4-3VWxtr {
}

.textH4-3VWxtr,.textH5-3v7GYT {
  color: hsl(228,6%,32.5%);
  color: hsl(228,calc(var(--saturation-factor, 1)*6%),32.5%)
}

.textH5-3v7GYT {
}

.textH6-1CMJu- {
  color: hsl(228,6%,32.5%);
  color: hsl(228,calc(var(--saturation-factor, 1)*6%),32.5%)
}

.theme-blurple .headingDefault-2dXofN,.theme-blurple .textDefault-3UhREn,.theme-dark .headingDefault-2dXofN {
  color: #fff
}

.theme-dark .textDefault-3UhREn {
  color: hsl(210,9.3%,78.8%);
  color: hsl(210,calc(var(--saturation-factor, 1)*9.3%),78.8%)
}

.theme-light .headingDefault-2dXofN {
  color: hsl(228,6%,32.5%);
  color: hsl(228,calc(var(--saturation-factor, 1)*6%),32.5%)
}

.theme-light .textDefault-3UhREn {
  color: hsl(214,8.1%,61.2%);
  color: hsl(214,calc(var(--saturation-factor, 1)*8.1%),61.2%)
}

.formDivider-2wfb0f {
  width: 100%;
  height: 1px
}

.theme-light .formDivider-2wfb0f {
  background-color: rgba(hsl(210,9.3%,78.8%),.3);
  background-color: rgba(hsl(210,calc(var(--saturation-factor, 1)*9.3%),78.8%),.3)
}

.theme-dark .formDivider-2wfb0f {
  background-color: rgba(116,127,141,.3)
}

.formTitle-3z7anq {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  cursor: default;
  margin-top: 0;
  margin-bottom: 0
}

.formTitle-3z7anq.h2-1EaYVL {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase
}

.formTitle-3z7anq.h3-2Gh4ka {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500
}

.formTitle-3z7anq.h5-2RwDNl {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: .5px;
  text-transform: uppercase
}

.formTitle-3z7anq.disabled-2DSdZK {
  opacity: .3;
  cursor: not-allowed
}

.formTitle-3z7anq .isRequired-3MPt3C {
  color: #f04747;
  padding-left: 4px
}

.theme-light .formTitle-3z7anq {
  color: hsl(228,6%,32.5%);
  color: hsl(228,calc(var(--saturation-factor, 1)*6%),32.5%)
}

.theme-light .formTitle-3z7anq.h5-2RwDNl {
  color: #747f8d
}

.theme-dark .formTitle-3z7anq {
  color: hsl(0,0%,97.6%);
  color: hsl(0,calc(var(--saturation-factor, 1)*0%),97.6%)
}

.theme-dark .formTitle-3z7anq.h5-2RwDNl {
  color: hsl(210,9.3%,78.8%);
  color: hsl(210,calc(var(--saturation-factor, 1)*9.3%),78.8%)
}

.theme-blurple .formTitle-3z7anq.h5-2RwDNl {
  font-size: 14px;
  color: hsl(223,6.7%,20.6%);
  color: hsl(223,calc(var(--saturation-factor, 1)*6.7%),20.6%);
  margin-bottom: 8px
}

.card-16VQ8C {
  background: #fff;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  margin-bottom: 30px;
  width: 100%;
  height: 100%
}

.card-16VQ8C,.cardHover-gS2r6_ {
  position: relative;
  -webkit-box-shadow: 0 9px 30px 0 rgba(35,39,42,.1);
  box-shadow: 0 9px 30px 0 rgba(35,39,42,.1);
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.cardHover-gS2r6_ {
  -webkit-transition: all .2s cubic-bezier(.175,.885,.32,1.275);
  transition: all .2s cubic-bezier(.175,.885,.32,1.275)
}

.cardHover-gS2r6_:hover {
  -webkit-box-shadow: 0 12px 30px 0 rgba(35,39,42,.1);
  box-shadow: 0 12px 30px 0 rgba(35,39,42,.1);
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px)
}

.cardHover-gS2r6_:hover:after {
  position: absolute;
  top: 100%;
  right: 0;
  bottom: -11px;
  left: 0;
  content: ""
}

.theme-blurple .card-16VQ8C {
  color: hsl(228,6%,32.5%);
  color: hsl(228,calc(var(--saturation-factor, 1)*6%),32.5%)
}

.theme-dark .card-16VQ8C {
  color: #fff;
  background-color: hsl(225,6.3%,12.5%);
  background-color: hsl(225,calc(var(--saturation-factor, 1)*6.3%),12.5%)
}

.formText-2ngGjI {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  font-family: var(--font-primary);
  cursor: default
}

.formText-2ngGjI.labelBold-199Hd8,.formText-2ngGjI.labelSelected-3GXNHE,.formText-2ngGjI strong {
  font-weight: 500
}

.formText-2ngGjI.description-30xx7u {
  font-size: 14px;
  font-weight: 500
}

.formText-2ngGjI a:hover {
  text-decoration: underline
}

.formText-2ngGjI.selectable-32DX-Z {
  cursor: text;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text
}

.formText-2ngGjI.disabled-61zHh1 {
  cursor: not-allowed;
  opacity: .3
}

.theme-light .formText-2ngGjI {
  color: hsl(228,6%,32.5%);
  color: hsl(228,calc(var(--saturation-factor, 1)*6%),32.5%)
}

.theme-light .formText-2ngGjI.inputPlaceholder-2OoqdW {
  color: rgba(hsl(228,6%,32.5%),.3);
  color: rgba(hsl(228,calc(var(--saturation-factor, 1)*6%),32.5%),.3)
}

.theme-light .formText-2ngGjI.description-30xx7u,.theme-light .formText-2ngGjI.labelDescriptor-34wZ-z {
  color: rgba(116,127,141,.6)
}

.theme-dark .formText-2ngGjI {
  color: hsl(0,0%,97.6%);
  color: hsl(0,calc(var(--saturation-factor, 1)*0%),97.6%)
}

.theme-dark .formText-2ngGjI.inputPlaceholder-2OoqdW {
  color: rgba(hsl(0,0%,97.6%),.3);
  color: rgba(hsl(0,calc(var(--saturation-factor, 1)*0%),97.6%),.3)
}

.theme-dark .formText-2ngGjI.description-30xx7u,.theme-dark .formText-2ngGjI.labelDescriptor-34wZ-z {
  color: #747f8d
}

.formNotice-2nS8ey {
  padding: 20px;
  cursor: default
}

.formTitle-2Zptek {
  margin-bottom: 4px
}

.formNoticeBody-1GTGJa p {
  letter-spacing: -.39px;
  margin: 0 0 12px
}

.formNoticeBody-1GTGJa p:last-child {
  margin-bottom: 0
}

.formNoticeBody-1GTGJa u {
  text-decoration: none;
  font-style: italic
}

.formRow-3_3vWA {
  width: 100%;
  padding-bottom: 20px
}

.formRow-3_3vWA.horizontal-10tpCb>div,.formRow-3_3vWA .horizontal-10tpCb>div,.formRow-3_3vWA.horizontal-10tpCb>h3,.formRow-3_3vWA .horizontal-10tpCb>h3 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 10px;
  margin-right: 10px
}

.formRow-3_3vWA.horizontal-10tpCb>div:first-child,.formRow-3_3vWA .horizontal-10tpCb>div:first-child,.formRow-3_3vWA.horizontal-10tpCb>h3:first-child,.formRow-3_3vWA .horizontal-10tpCb>h3:first-child {
  margin-left: 0
}

.formRow-3_3vWA.horizontal-10tpCb>div:last-child,.formRow-3_3vWA .horizontal-10tpCb>div:last-child,.formRow-3_3vWA.horizontal-10tpCb>h3:last-child,.formRow-3_3vWA .horizontal-10tpCb>h3:last-child {
  margin-right: 0
}

.formRow-3_3vWA .formItem-30iCJR.shrink-3sS9Ri {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto
}

.formRow-3_3vWA.inlined-2j3Y1H,.formRow-3_3vWA .inlined-2j3Y1H {
  display: block
}

.formRow-3_3vWA.inlined-2j3Y1H>div,.formRow-3_3vWA .inlined-2j3Y1H>div {
  display: inline-block
}

.formSection-333K0P {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 100%;
  margin: 0;
  padding: 40px
}

.formSection-333K0P h1 {
  font-size: 50px;
  font-weight: 700;
  margin-bottom: 8px
}

.formSection-333K0P h2 {
  font-size: 26px;
  font-weight: 400;
  line-height: 1.3;
  text-transform: none
}

@media screen and (max-width: 848px) {
  .formSection-333K0P {
      padding:80px 20px 60px
  }
}

.errorMessage-Xc5t6b {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #f04747
}

.errorMessage-2_SnLK {
  margin-top: 8px
}

.theme-light .errorMessage-2_SnLK {
  color: hsl(358,91.8%,66.5%);
  color: hsl(358,calc(var(--saturation-factor, 1)*91.8%),66.5%)
}

.input-2g-os5 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  padding: 10px;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  outline: none;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: background-color .15s ease,border .15s ease;
  transition: background-color .15s ease,border .15s ease
}

.input-2g-os5.mini-ROh28y {
  padding: 4px 7px;
  height: 26px;
  line-height: 16px
}

.input-2g-os5.editable-A51xZS {
  background-color: transparent;
  border-color: transparent
}

.input-2g-os5,.input-2g-os5.editable-A51xZS:focus,.input-2g-os5.editable-A51xZS:hover {
  color: hsl(223,6.7%,20.6%);
  color: hsl(223,calc(var(--saturation-factor, 1)*6.7%),20.6%);
  background-color: #fff;
  border-color: rgba(hsl(228,6%,32.5%),.3);
  border-color: rgba(hsl(228,calc(var(--saturation-factor, 1)*6%),32.5%),.3)
}

.input-2g-os5.editable-A51xZS:focus::-webkit-input-placeholder,.input-2g-os5.editable-A51xZS:hover::-webkit-input-placeholder,.input-2g-os5::-webkit-input-placeholder {
  color: hsl(210,9.3%,78.8%);
  color: hsl(210,calc(var(--saturation-factor, 1)*9.3%),78.8%)
}

.input-2g-os5.editable-A51xZS:focus::-moz-placeholder,.input-2g-os5.editable-A51xZS:hover::-moz-placeholder,.input-2g-os5::-moz-placeholder {
  color: hsl(210,9.3%,78.8%);
  color: hsl(210,calc(var(--saturation-factor, 1)*9.3%),78.8%)
}

.input-2g-os5.editable-A51xZS:focus:-ms-input-placeholder,.input-2g-os5.editable-A51xZS:hover:-ms-input-placeholder,.input-2g-os5:-ms-input-placeholder {
  color: hsl(210,9.3%,78.8%);
  color: hsl(210,calc(var(--saturation-factor, 1)*9.3%),78.8%)
}

.input-2g-os5.editable-A51xZS:focus::placeholder,.input-2g-os5.editable-A51xZS:hover::placeholder,.input-2g-os5::placeholder {
  color: hsl(210,9.3%,78.8%);
  color: hsl(210,calc(var(--saturation-factor, 1)*9.3%),78.8%)
}

.input-2g-os5.editable-A51xZS:focus:focus,.input-2g-os5.editable-A51xZS:focus:hover,.input-2g-os5.editable-A51xZS:hover:focus,.input-2g-os5.editable-A51xZS:hover:hover,.input-2g-os5:focus,.input-2g-os5:hover {
  border-color: hsl(235,85.6%,64.7%);
  border-color: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%)
}

.input-2g-os5.editable-A51xZS:focus:focus,.input-2g-os5.editable-A51xZS:hover:focus,.input-2g-os5:focus {
  -webkit-box-shadow: 0 0 6px 0 rgba(hsl(235,85.6%,64.7%),.5);
  -webkit-box-shadow: 0 0 6px 0 rgba(hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%),.5);
  box-shadow: 0 0 6px 0 rgba(hsl(235,85.6%,64.7%),.5);
  box-shadow: 0 0 6px 0 rgba(hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%),.5)
}

.input-2g-os5.editable-A51xZS:focus.error-8r7mjf,.input-2g-os5.editable-A51xZS:hover.error-8r7mjf,.input-2g-os5.error-8r7mjf {
  border-color: hsl(358,91.8%,66.5%);
  border-color: hsl(358,calc(var(--saturation-factor, 1)*91.8%),66.5%);
  -webkit-box-shadow: 0 0 6px 0 rgba(hsl(358,91.8%,66.5%),.5);
  -webkit-box-shadow: 0 0 6px 0 rgba(hsl(358,calc(var(--saturation-factor, 1)*91.8%),66.5%),.5);
  box-shadow: 0 0 6px 0 rgba(hsl(358,91.8%,66.5%),.5);
  box-shadow: 0 0 6px 0 rgba(hsl(358,calc(var(--saturation-factor, 1)*91.8%),66.5%),.5)
}

.input-2g-os5.disabled-1MTS26,.input-2g-os5.editable-A51xZS:focus.disabled-1MTS26,.input-2g-os5.editable-A51xZS:hover.disabled-1MTS26 {
  border-color: hsl(216,9.8%,90%);
  border-color: hsl(216,calc(var(--saturation-factor, 1)*9.8%),90%)
}

.input-2g-os5.editable-A51xZS:focus.primaryColorText-3bGka_,.input-2g-os5.editable-A51xZS:hover.primaryColorText-3bGka_,.input-2g-os5.primaryColorText-3bGka_ {
  color: hsl(228,6%,32.5%);
  color: hsl(228,calc(var(--saturation-factor, 1)*6%),32.5%)
}

.disabled-1MTS26 {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: not-allowed;
  opacity: .5
}

.error-FKD-RB,.error-FKD-RB a {
  color: hsl(358,91.8%,66.5%);
  color: hsl(358,calc(var(--saturation-factor, 1)*91.8%),66.5%)
}

.error-FKD-RB a {
  font-weight: 700
}

.error-FKD-RB a:hover {
  color: #f04747;
  text-decoration: underline
}

.error-FKD-RB p {
  color: inherit;
  font-size: inherit;
  margin-top: 0
}

.error-FKD-RB p+p {
  margin-top: 12px
}

.error-FKD-RB strong {
  font-weight: 700
}

.oauthButton-3AIPoy {
  margin: 6px
}

.oauthButton-3AIPoy img {
  height: 20px;
  width: 20px
}

.oauthButtonDisabled-3vQAM_ {
  cursor: not-allowed;
  opacity: .25
}

.oauthButtonTwitch-bQrV0I {
  background-color: hsl(262,46.8%,39.8%);
  background-color: hsl(262,calc(var(--saturation-factor, 1)*46.8%),39.8%)
}

.oauthButtonTwitch-bQrV0I:hover {
  background-color: #3d2565
}

.oauthButtonYoutube-ME-Scl {
  background-color: hsl(0,72.8%,46.1%);
  background-color: hsl(0,calc(var(--saturation-factor, 1)*72.8%),46.1%)
}

.oauthButtonYoutube-ME-Scl:hover {
  background-color: #8a1616
}

.oauthButtonReddit-3PuvYf {
  background-color: hsl(16,100%,50%);
  background-color: hsl(16,calc(var(--saturation-factor, 1)*100%),50%)
}

.oauthButtonReddit-3PuvYf:hover {
  background-color: #ad2f00
}

.oauthButtonFacebook-3C_ZHj {
  background-color: hsl(221,44.2%,37.3%);
  background-color: hsl(221,calc(var(--saturation-factor, 1)*44.2%),37.3%)
}

.oauthButtonFacebook-3C_ZHj:hover {
  background-color: #24365d
}

.oauthButtonTwitter-3eonQX {
  background-color: hsl(203,89.1%,53.1%);
  background-color: hsl(203,calc(var(--saturation-factor, 1)*89.1%),53.1%)
}

.oauthButtonTwitter-3eonQX:hover {
  background-color: #146da5
}

.oauthButtonGithub-3-F0y6 {
  background-color: hsl(0,4.2%,9.4%);
  background-color: hsl(0,calc(var(--saturation-factor, 1)*4.2%),9.4%)
}

.oauthButtonGithub-3-F0y6:hover {
  background-color: #111010
}

.oauthButtonsWrapper-3z8AUV {
  margin: -6px
}

.Select {
  position: relative
}

.Select,.Select div,.Select input,.Select span {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.Select.is-disabled>.Select-control {
  background-color: #f9f9f9
}

.Select.is-disabled>.Select-control:hover {
  -webkit-box-shadow: none;
  box-shadow: none
}

.Select.is-disabled .Select-arrow-zone {
  cursor: default;
  pointer-events: none;
  opacity: .35
}

.Select-control {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #333;
  cursor: default;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  height: 36px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%
}

.Select-control:hover {
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.06);
  box-shadow: 0 1px 0 rgba(0,0,0,.06)
}

.Select-control .Select-input:focus {
  outline: none
}

.is-searchable.is-open>.Select-control {
  cursor: text
}

.is-open>.Select-control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #fff;
  border-color: #b3b3b3 #ccc #d9d9d9
}

.is-open>.Select-control .Select-arrow {
  top: -3px;
  border-color: transparent transparent #999;
  border-width: 0 5px 5px
}

.is-searchable.is-focused:not(.is-open)>.Select-control {
  cursor: text
}

.is-focused:not(.is-open)>.Select-control {
  border-color: #007eff;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 0 3px rgba(0,126,255,.1);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 0 3px rgba(0,126,255,.1)
}

.Select--single>.Select-control .Select-value,.Select-placeholder {
  bottom: 0;
  color: #aaa;
  left: 0;
  line-height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.has-value.is-clearable.Select--single>.Select-control .Select-value {
  padding-right: 42px
}

.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value .Select-value-label,.has-value.Select--single>.Select-control .Select-value .Select-value-label {
  color: #333
}

.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label,.has-value.Select--single>.Select-control .Select-value a.Select-value-label {
  cursor: pointer;
  text-decoration: none
}

.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:focus,.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:hover,.has-value.Select--single>.Select-control .Select-value a.Select-value-label:focus,.has-value.Select--single>.Select-control .Select-value a.Select-value-label:hover {
  color: #007eff;
  outline: none;
  text-decoration: underline
}

.Select-input {
  height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle
}

.Select-input>input {
  width: 100%;
  background: none transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: default;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  outline: none;
  line-height: 14px;
  padding: 8px 0 12px;
  -webkit-appearance: none
}

.is-focused .Select-input>input {
  cursor: text
}

.has-value.is-pseudo-focused .Select-input {
  opacity: 0
}

.Select-control:not(.is-searchable)>.Select-input {
  outline: none
}

.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  text-align: center
}

.Select-loading,.Select-loading-zone {
  position: relative;
  vertical-align: middle;
  width: 16px
}

.Select-loading {
  -webkit-animation: Select-animation-spin .4s linear infinite;
  animation: Select-animation-spin .4s linear infinite;
  height: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-right-color: #333;
  display: inline-block
}

.Select-clear-zone {
  -webkit-animation: Select-animation-fadeIn .2s;
  animation: Select-animation-fadeIn .2s;
  color: #999;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 17px
}

.Select-clear-zone:hover {
  color: #d0021b
}

.Select-clear {
  display: inline-block;
  font-size: 18px;
  line-height: 1
}

.Select--multi .Select-clear-zone {
  width: 17px
}

.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  padding-right: 5px
}

.Select-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0;
  position: relative
}

.is-open .Select-arrow,.Select-arrow-zone:hover>.Select-arrow {
  border-top-color: #666
}

.Select--multi .Select-multi-value-wrapper {
  display: inline-block
}

.Select .Select-aria-only {
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  clip: rect(0,0,0,0);
  overflow: hidden;
  float: left
}

@-webkit-keyframes Select-animation-fadeIn {
  0% {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

@keyframes Select-animation-fadeIn {
  0% {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

.Select-menu-outer {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top-color: #e6e6e6;
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.06);
  box-shadow: 0 1px 0 rgba(0,0,0,.06);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1;
  -webkit-overflow-scrolling: touch
}

.Select-menu {
  max-height: 198px;
  overflow-y: auto
}

.Select-option {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  color: #666;
  cursor: pointer;
  display: block;
  padding: 8px 10px
}

.Select-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px
}

.Select-option.is-selected {
  background-color: #f5faff;
  background-color: rgba(0,126,255,.04);
  color: #333
}

.Select-option.is-focused {
  background-color: #ebf5ff;
  background-color: rgba(0,126,255,.08);
  color: #333
}

.Select-option.is-disabled {
  color: #ccc;
  cursor: default
}

.Select-noresults {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #999;
  cursor: default;
  display: block;
  padding: 8px 10px
}

.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0
}

.Select--multi.has-value .Select-input {
  margin-left: 5px
}

.Select--multi .Select-value {
  background-color: #ebf5ff;
  background-color: rgba(0,126,255,.08);
  border-radius: 2px;
  border: 1px solid #c2e0ff;
  border: 1px solid rgba(0,126,255,.24);
  color: #007eff;
  display: inline-block;
  font-size: .9em;
  line-height: 1.4;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top
}

.Select--multi .Select-value-icon,.Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle
}

.Select--multi .Select-value-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  padding: 2px 5px
}

.Select--multi a.Select-value-label {
  color: #007eff;
  cursor: pointer;
  text-decoration: none
}

.Select--multi a.Select-value-label:hover {
  text-decoration: underline
}

.Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #c2e0ff;
  border-right: 1px solid rgba(0,126,255,.24);
  padding: 1px 5px 3px
}

.Select--multi .Select-value-icon:focus,.Select--multi .Select-value-icon:hover {
  background-color: #d8eafd;
  background-color: rgba(0,113,230,.08);
  color: #0071e6
}

.Select--multi .Select-value-icon:active {
  background-color: #c2e0ff;
  background-color: rgba(0,126,255,.24)
}

.Select--multi.is-disabled .Select-value {
  background-color: #fcfcfc;
  border: 1px solid #e3e3e3;
  color: #333
}

.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #e3e3e3
}

.Select--multi.is-disabled .Select-value-icon:active,.Select--multi.is-disabled .Select-value-icon:focus,.Select--multi.is-disabled .Select-value-icon:hover {
  background-color: #fcfcfc
}

@keyframes Select-animation-spin {
  to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
  }
}

@-webkit-keyframes Select-animation-spin {
  to {
      -webkit-transform: rotate(1turn)
  }
}

.theme-light .Select-value-label {
  color: hsl(235,85.6%,64.7%);
  color: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%)
}

.theme-light .Select-control {
  background: #fff;
  border: 1px solid rgba(hsl(228,6%,32.5%),.3);
  border: 1px solid rgba(hsl(228,calc(var(--saturation-factor, 1)*6%),32.5%),.3);
  -webkit-box-shadow: none;
  box-shadow: none
}

.theme-light .Select-control .Select-placeholder {
  color: hsl(210,9.3%,78.8%);
  color: hsl(210,calc(var(--saturation-factor, 1)*9.3%),78.8%)
}

.theme-light .Select-control .Select-arrow {
  border-color: hsl(216,9.8%,90%) transparent transparent;
  border-top-color: hsl(216,calc(var(--saturation-factor, 1)*9.8%),90%)
}

.theme-light .Select-control:hover {
  border-color: hsl(210,9.3%,78.8%);
  border-color: hsl(210,calc(var(--saturation-factor, 1)*9.3%),78.8%)
}

.theme-light .Select-control:hover .Select-arrow {
  border-color: hsl(228,6%,32.5%) transparent transparent;
  border-top-color: hsl(228,calc(var(--saturation-factor, 1)*6%),32.5%)
}

.theme-light .is-open .Select-control {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-color: hsl(235,85.6%,64.7%);
  border-color: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%);
  background: rgba(hsl(0,0%,97.6%),.3);
  background: rgba(hsl(0,calc(var(--saturation-factor, 1)*0%),97.6%),.3)
}

.theme-light .is-focused .Select-control {
  border-color: hsl(210,9.3%,78.8%);
  border-color: hsl(210,calc(var(--saturation-factor, 1)*9.3%),78.8%)
}

.theme-light .is-focused .Select-control .Select-arrow {
  border-color: hsl(228,6%,32.5%) transparent transparent;
  border-top-color: hsl(228,calc(var(--saturation-factor, 1)*6%),32.5%)
}

.theme-light .is-disabled .Select-control {
  border-color: hsl(216,9.8%,90%);
  border-color: hsl(216,calc(var(--saturation-factor, 1)*9.8%),90%)
}

.theme-light .is-disabled .Select-control:hover .Select-arrow {
  border-color: hsl(216,9.8%,90%) transparent transparent;
  border-top-color: hsl(216,calc(var(--saturation-factor, 1)*9.8%),90%)
}

.theme-light .Select-menu-outer {
  border-color: hsl(235,85.6%,64.7%);
  border-color: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%);
  -webkit-box-shadow: 0 0 6px 0 rgba(hsl(235,85.6%,64.7%),.5);
  -webkit-box-shadow: 0 0 6px 0 rgba(hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%),.5);
  box-shadow: 0 0 6px 0 rgba(hsl(235,85.6%,64.7%),.5);
  box-shadow: 0 0 6px 0 rgba(hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%),.5)
}

.theme-light .Select-menu-outer .Select-option {
  color: hsl(235,85.6%,64.7%);
  color: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%)
}

.theme-light .Select-menu-outer .Select-option:hover {
  background: rgba(hsl(235,85.6%,64.7%),.3);
  background: rgba(hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%),.3)
}

.theme-light .Select-option {
  background: rgba(hsl(0,0%,97.6%),.3);
  background: rgba(hsl(0,calc(var(--saturation-factor, 1)*0%),97.6%),.3)
}

.theme-light .Select-option.is-focused,.theme-light .Select-option:hover {
  background: hsl(0,0%,97.6%);
  background: hsl(0,calc(var(--saturation-factor, 1)*0%),97.6%)
}

.theme-light .Select-option.is-selected {
  background: hsl(216,9.8%,90%);
  background: hsl(216,calc(var(--saturation-factor, 1)*9.8%),90%)
}

.select-1YfRS9 {
  font-size: 16px;
  font-weight: 400
}

.select-1YfRS9.error-3gDUm4 .Select .Select-control {
  border-color: #f04747
}

.select-1YfRS9 .Select-value-label {
  font-weight: 400
}

.select-1YfRS9 .Select-control {
  outline: none;
  border-radius: 3px;
  -webkit-transition: border .15s ease;
  transition: border .15s ease
}

.select-1YfRS9 .Select-control .Select-placeholder {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.select-1YfRS9 .Select-control .Select-arrow {
  -webkit-transition: border .15s ease;
  transition: border .15s ease
}

.select-1YfRS9 .Select-control .Select-clear {
  font-family: sans-serif;
  opacity: .5
}

.select-1YfRS9 .Select-control:hover .Select-clear {
  opacity: 1
}

.select-1YfRS9 .is-open .Select-control {
  border-radius: 3px 3px 0 0
}

.select-1YfRS9 .is-focused .Select-control {
  -webkit-box-shadow: none;
  box-shadow: none
}

.select-1YfRS9 .is-focused .Select-control .Select-clear {
  opacity: 1
}

.select-1YfRS9 .is-disabled .Select-control {
  opacity: .3;
  cursor: not-allowed
}

.select-1YfRS9 .is-disabled .Select-control:hover {
  -webkit-box-shadow: none;
  box-shadow: none
}

.select-1YfRS9 .Select-menu-outer {
  outline: none
}

.select-1YfRS9 .Select-menu {
  border-radius: 0 0 3px 3px
}

.select-1YfRS9 .Select-option.is-selected {
  border-radius: 0
}

.select-1YfRS9 .Select-control,.select-1YfRS9 .Select-option {
  min-height: 40px!important
}

.select-1YfRS9 .Select-option {
  padding-top: 12px
}

.select-1YfRS9 .Select .Select-control .Select-placeholder,.select-1YfRS9 .Select .Select-control .Select-value {
  line-height: 40px!important
}

.theme-light .select-1YfRS9 .Select.has-value .Select-control,.theme-light .select-1YfRS9:hover .Select .Select-control {
  border-color: hsl(235,85.6%,64.7%);
  border-color: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%)
}

.theme-light .select-1YfRS9 .Select.has-value .Select-control .Select-arrow,.theme-light .select-1YfRS9:hover .Select .Select-control .Select-arrow {
  border-color: hsl(235,85.6%,64.7%) transparent transparent;
  border-top-color: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%)
}

.theme-light .select-1YfRS9.error-3gDUm4 .Select .Select-control {
  border-color: hsl(358,91.8%,66.5%);
  border-color: hsl(358,calc(var(--saturation-factor, 1)*91.8%),66.5%);
  -webkit-box-shadow: 0 0 6px 0 rgba(hsl(358,91.8%,66.5%),.5);
  -webkit-box-shadow: 0 0 6px 0 rgba(hsl(358,calc(var(--saturation-factor, 1)*91.8%),66.5%),.5);
  box-shadow: 0 0 6px 0 rgba(hsl(358,91.8%,66.5%),.5);
  box-shadow: 0 0 6px 0 rgba(hsl(358,calc(var(--saturation-factor, 1)*91.8%),66.5%),.5)
}

.theme-light .select-1YfRS9.error-3gDUm4 .Select .Select-control .Select-arrow {
  border-color: hsl(358,91.8%,66.5%) transparent transparent;
  border-top-color: hsl(358,calc(var(--saturation-factor, 1)*91.8%),66.5%)
}

.theme-light .select-1YfRS9.error-3gDUm4 .Select-placeholder {
  color: hsl(358,91.8%,66.5%);
  color: hsl(358,calc(var(--saturation-factor, 1)*91.8%),66.5%)
}

.checkboxWrapper-2fDzaA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  height: 24px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.checkboxWrapper-2fDzaA.disabled-s2DsRa {
  opacity: .5
}

.checkboxWrapper-2fDzaA.disabled-s2DsRa .input-3xr72x {
  cursor: not-allowed
}

.checkboxWrapper-2fDzaA.disabled-s2DsRa .input-3xr72x:focus+.ui-checkbox-jg-0RX {
  -webkit-box-shadow: none;
  box-shadow: none
}

.checkboxWrapper-2fDzaA.readOnly-25D2x_ .input-3xr72x {
  cursor: default;
  width: 0;
  height: 0;
  z-index: -1
}

.checkboxWrapper-2fDzaA.readOnly-25D2x_ .input-3xr72x:focus+.ui-checkbox-jg-0RX {
  -webkit-box-shadow: none;
  box-shadow: none
}

.input-3xr72x {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1
}

.label-1xtMHH {
  padding-left: 8px;
  line-height: 24px
}

.checkbox-f1HnKB {
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: transparent;
  border-radius: 3px;
  border: 1px solid hsl(210,9.3%,78.8%);
  border: 1px solid hsl(210,calc(var(--saturation-factor, 1)*9.3%),78.8%)
}

.checkbox-f1HnKB.round-1RSG-3 {
  border-radius: 50%
}

.checkbox-f1HnKB.checked-1pZh2h {
  background-color: hsl(235,85.6%,64.7%);
  background-color: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%)
}

.checkbox-f1HnKB.checked-1pZh2h polyline {
  stroke: #fff
}

.checkbox-f1HnKB.checked-1pZh2h.inverted-3bWse3 {
  background-color: hsl(235,85.6%,64.7%);
  background-color: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%)
}

.checkbox-f1HnKB.checked-1pZh2h.inverted-3bWse3 polyline {
  stroke: #fff
}

.checkbox-f1HnKB.error-klsSqS {
  border-color: hsl(358,91.8%,66.5%);
  border-color: hsl(358,calc(var(--saturation-factor, 1)*91.8%),66.5%);
  -webkit-box-shadow: 0 0 6px 0 rgba(hsl(358,91.8%,66.5%),.5);
  -webkit-box-shadow: 0 0 6px 0 rgba(hsl(358,calc(var(--saturation-factor, 1)*91.8%),66.5%),.5);
  box-shadow: 0 0 6px 0 rgba(hsl(358,91.8%,66.5%),.5);
  box-shadow: 0 0 6px 0 rgba(hsl(358,calc(var(--saturation-factor, 1)*91.8%),66.5%),.5)
}

.confirmTerms-1V_dNB {
  font-size: 12px
}

.confirmTerms-1V_dNB a {
  color: #7289da
}

.confirmTerms-1V_dNB a:hover {
  color: #677bc4
}

.userGreeting-29gz6k {
  color: hsl(228,6%,32.5%);
  color: hsl(228,calc(var(--saturation-factor, 1)*6%),32.5%);
  background: #fff;
  padding: 20px;
  border: 1px solid hsl(210,9.1%,87.1%);
  border: 1px solid hsl(210,calc(var(--saturation-factor, 1)*9.1%),87.1%);
  border-radius: 3px 3px 0 0
}

.userGreetingAvatar-3-O97_ {
  margin-right: 12px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  vertical-align: middle
}

.userGreetingText-3zogex {
  font-size: 24px
}

.userGreetingLogoutCaption-D87ivo {
  font-size: 12px;
  color: hsl(210,9.3%,78.8%);
  color: hsl(210,calc(var(--saturation-factor, 1)*9.3%),78.8%)
}

.userGreetingLogoutButton-22yJCW {
  height: 32px;
  font-size: 14px;
  line-height: 16px;
  margin-top: 4px
}

.userDetails-14bgfE {
  background: #fff;
  margin-bottom: 35px;
  border: 1px solid hsl(210,9.1%,87.1%);
  border: 1px solid hsl(210,calc(var(--saturation-factor, 1)*9.1%),87.1%);
  border-top: none;
  border-radius: 0 0 3px 3px
}

.detailsBlock-1Hberi,.userDetails-14bgfE {
  color: hsl(228,6%,32.5%);
  color: hsl(228,calc(var(--saturation-factor, 1)*6%),32.5%)
}

.detailsBlock-1Hberi {
  padding: 12px;
  font-size: 16px;
  font-weight: 500;
  overflow-x: hidden;
  text-overflow: ellipsis
}

.detailsBlock-1Hberi:not(:first-of-type) {
  border-left: 1px solid hsl(210,9.1%,87.1%);
  border-left: 1px solid hsl(210,calc(var(--saturation-factor, 1)*9.1%),87.1%)
}

.detailsBlock-1Hberi label {
  display: block;
  font-size: 12px;
  color: hsl(210,9.3%,78.8%);
  color: hsl(210,calc(var(--saturation-factor, 1)*9.3%),78.8%);
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 4px
}

.discriminator-2SS2RV {
  color: rgba(0,0,0,.3);
  font-size: 12px
}

@media screen and (max-width: 848px) {
  .userGreeting-29gz6k {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
  }

  .userGreetingLogoutWrapper-2PioAc {
      margin-top: 10px
  }
}

.radioGroup-38BHhD {
  color: hsl(228,6%,32.5%);
  color: hsl(228,calc(var(--saturation-factor, 1)*6%),32.5%);
  border: 1px solid transparent
}

.radioGroup-38BHhD.error-2SMbih {
  background: #fff;
  border: 1px solid hsl(358,91.8%,66.5%);
  border: 1px solid hsl(358,calc(var(--saturation-factor, 1)*91.8%),66.5%);
  border-radius: 3px;
  -webkit-box-shadow: 0 0 6px 0 rgba(hsl(358,91.8%,66.5%),.5);
  -webkit-box-shadow: 0 0 6px 0 rgba(hsl(358,calc(var(--saturation-factor, 1)*91.8%),66.5%),.5);
  box-shadow: 0 0 6px 0 rgba(hsl(358,91.8%,66.5%),.5);
  box-shadow: 0 0 6px 0 rgba(hsl(358,calc(var(--saturation-factor, 1)*91.8%),66.5%),.5)
}

.radioGroup-38BHhD.error-2SMbih checkbox {
  border-color: hsl(358,91.8%,66.5%);
  border-color: hsl(358,calc(var(--saturation-factor, 1)*91.8%),66.5%)
}

.radio-1u0Zmb {
  --bottomMargin: 8px;
  background: none;
  border: none;
  cursor: pointer;
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 10px;
  margin-bottom: var(--bottomMargin)
}

.radio-1u0Zmb:last-child {
  margin: 0
}

.radio-1u0Zmb.checked-1afkqz {
  background: none;
  border-color: #fff
}

.radio-1u0Zmb.checked-1afkqz .desc-3ztytW,.radio-1u0Zmb.checked-1afkqz .title-1yyp9V {
  color: inherit
}

.radio-1u0Zmb:hover {
  border-color: hsl(210,9.3%,78.8%);
  border-color: hsl(210,calc(var(--saturation-factor, 1)*9.3%),78.8%);
  background-color: rgba(hsl(0,0%,97.6%),.6);
  background-color: rgba(hsl(0,calc(var(--saturation-factor, 1)*0%),97.6%),.6)
}

.radio-1u0Zmb:focus-within {
  --borderWidth: 1px;
  border: var(--borderWidth) solid hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%);
  -webkit-box-shadow: 0 0 6px 0 rgba(hsl(235,85.6%,64.7%),.5);
  -webkit-box-shadow: 0 0 6px 0 rgba(hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%),.5);
  box-shadow: 0 0 6px 0 rgba(hsl(235,85.6%,64.7%),.5);
  box-shadow: 0 0 6px 0 rgba(hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%),.5);
  margin: calc(var(--borderWidth)*-1)
}

.radio-1u0Zmb:focus-within:not(:last-child) {
  margin-bottom: calc(var(--bottomMargin) - var(--borderWidth))
}

.info-2FZci4 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 8px
}

.title-1yyp9V {
  font-weight: 400;
  line-height: 24px
}

.desc-3ztytW,.title-1yyp9V {
  color: inherit
}

.desc-3ztytW {
  font-size: 14px;
  margin-top: 40px
}

.optionDesc-3RLHUU {
  margin-top: 4px
}

.userHeaderSection-20NgHj {
  padding-bottom: 0
}

.severSelectSection-2KPnMx {
  padding-top: 0
}

.submitStepWrapper-e7o2NE {
  height: 100%;
  text-align: center
}

.submitStepHeading-xnl_1Q {
  margin: 20px 0
}

.container-3pmvJm {
  background-color: #5b90ff;
  overflow: hidden
}

.contentOuterContainer-10MbI0 {
  padding-top: 56px;
  padding-top: var(--section-spacing);
  padding-bottom: 56px;
  padding-bottom: var(--section-spacing);
  z-index: 1;
  margin-bottom: 60vw
}

.contentContainer-eTYL-M {
  grid-column: span 4;
  grid-column: span var(--num-grid-columns)
}

.label-QqvU12 {
  color: #fff;
  color: var(--white)
}

.title-3ZBn1u {
  margin-top: 16px;
  color: #23272a;
  color: var(--not-quite-black)
}

.subtitle-2oa8id {
  margin-top: 40px;
  color: #fff;
  color: var(--white)
}

.pausedText-166Vnu {
  margin-top: 40px;
  margin-bottom: -20px
}

.pausedText-166Vnu,.pausedText-166Vnu a {
  color: #f6f6f6;
  color: var(--off-white)
}

.pausedText-166Vnu a {
  text-decoration: underline
}

.cta-v0LIOv {
  margin-top: 40px;
  min-width: 280px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.spinner-2V6YNs {
  width: 24px;
  height: 24px
}

.error-2iI0C0 {
  margin-top: 16px;
  color: #c80000
}

.imageContainer-2a9x46 {
  position: relative;
  z-index: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.heroImage-1ZCq4v {
  position: absolute;
  bottom: 0;
  left: 50%
}

.animationPaused-26_Iu2 .heroImage-1ZCq4v,.animationPaused-26_Iu2 .sparkle1-2o37NR,.animationPaused-26_Iu2 .sparkle2-33tcbx,.animationPaused-26_Iu2 .sparkle3-wXXG88 {
  -webkit-animation-play-state: paused;
  animation-play-state: paused
}

.cloud1-1_CuLg {
  margin-bottom: 107px;
  margin-left: -80px;
  display: none;
  -webkit-animation: shift-right-2dklEa 1200s linear forwards;
  animation: shift-right-2dklEa 1200s linear forwards
}

.billboardContainer-3kiAQK {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 0
}

.billboard-1EHUUM {
  max-width: 80vw
}

.sparkle1-2o37NR,.sparkle2-33tcbx,.sparkle3-wXXG88 {
  opacity: 0
}

.sparkle1-2o37NR {
  top: 9.5%;
  left: 64%;
  max-width: 3.5vw
}

.sparkle1-2o37NR,.sparkle2-33tcbx {
  position: absolute;
  -webkit-animation: sparkle-3NWzgO 3s infinite;
  animation: sparkle-3NWzgO 3s infinite
}

.sparkle2-33tcbx {
  top: 18.6%;
  left: 30.5%;
  max-width: 3vw;
  -webkit-animation-delay: 2.1s;
  animation-delay: 2.1s
}

.sparkle3-wXXG88 {
  position: absolute;
  top: 41%;
  left: 40%;
  max-width: 1.4vw;
  -webkit-animation: sparkle-3NWzgO 3s infinite;
  animation: sparkle-3NWzgO 3s infinite;
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s
}

.cloud2-kmUCrT {
  margin-bottom: 151px;
  margin-left: 347px;
  -webkit-animation: shift-right-2dklEa 3200s linear forwards;
  animation: shift-right-2dklEa 3200s linear forwards
}

.island-3pEsFl {
  margin-bottom: 152px;
  margin-left: -256px;
  -webkit-animation: shift-right-2dklEa 3840s linear forwards;
  animation: shift-right-2dklEa 3840s linear forwards
}

.cloud3-3sY14P {
  margin-bottom: 29px;
  margin-left: 320px;
  -webkit-animation: shift-right-2dklEa 1920s linear forwards;
  animation: shift-right-2dklEa 1920s linear forwards
}

.ship-3Xnrt8 {
  margin-bottom: 61px;
  margin-left: 259px;
  -webkit-animation: shift-right-2dklEa 4800s linear forwards;
  animation: shift-right-2dklEa 4800s linear forwards
}

.cloud5-3LVn8G {
  margin-bottom: 205px;
  margin-left: 529px;
  -webkit-animation: shift-right-2dklEa 3840s linear forwards;
  animation: shift-right-2dklEa 3840s linear forwards
}

.cloud4-WH9l4- {
  margin-left: 21px;
  -webkit-animation: shift-right-2dklEa 4800s linear forwards;
  animation: shift-right-2dklEa 4800s linear forwards
}

@media screen and (min-width: 768px) {
  .contentOuterContainer-10MbI0 {
      margin-bottom:480px
  }
}

@media screen and (min-width: 1024px) {
  .contentContainer-eTYL-M {
      grid-column:span 5
  }

  .contentOuterContainer-10MbI0 {
      margin-bottom: 0
  }

  .billboardContainer-3kiAQK {
      margin-left: -64px
  }

  .billboardContainer-3kiAQK,.imageContainer-2a9x46 {
      -webkit-transform: none;
      transform: none
  }

  .cloud1-1_CuLg {
      display: block
  }
}

@-webkit-keyframes shift-right-2dklEa {
  0% {
      -webkit-transform: translateX(0);
      transform: translateX(0)
  }

  to {
      -webkit-transform: translateX(8000px);
      transform: translateX(8000px)
  }
}

@keyframes shift-right-2dklEa {
  0% {
      -webkit-transform: translateX(0);
      transform: translateX(0)
  }

  to {
      -webkit-transform: translateX(8000px);
      transform: translateX(8000px)
  }
}

@-webkit-keyframes sparkle-3NWzgO {
  0% {
      opacity: 0
  }

  30% {
      opacity: 1
  }

  to {
      opacity: 0
  }
}

@keyframes sparkle-3NWzgO {
  0% {
      opacity: 0
  }

  30% {
      opacity: 1
  }

  to {
      opacity: 0
  }
}

.card-2q9ojX {
  background: #fff;
  background: var(--white);
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
  box-shadow: 0 1px 1px rgba(0,0,0,.1);
  border-radius: 16px;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.avatar-29rr0p {
  width: 40px;
  height: 40px;
  border-radius: 50%
}

.quote-ruC7aV {
  margin-top: 20px;
  margin-bottom: 20px
}

.author-3fERfR {
  color: #5865f2;
  color: var(--brand);
  margin-top: auto;
  text-align: end
}

.author-3fERfR:before {
  content: "\2014   "
}

.container-1wWRbf {
  background-color: #f6f6f6;
  background-color: var(--off-white);
  padding-top: 56px;
  padding-top: var(--section-spacing);
  padding-bottom: 56px;
  padding-bottom: var(--section-spacing)
}

.title-s8VYTJ {
  margin-bottom: 40px;
  grid-column: span 4;
  grid-column: span var(--num-grid-columns)
}

.testimonials-3AkgWC {
  row-gap: 24px
}

.testimonial-2ga24p {
  grid-column: span 4
}

.container-2eAQzp {
  color: #23272a;
  color: var(--not-quite-black)
}

.header-2ljJRd {
  background-color: #5b90ff
}

.modalBase-28HzW0 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  height: 100%
}

.modal-3Ezlpn {
  opacity: 0;
  pointer-events: none
}

.modal-3Ezlpn,.modalOpen-3T0pO9 {
}

.modalOpen-3T0pO9 {
  opacity: 1;
  pointer-events: auto;
  background-color: rgba(0,0,0,.75)
}

.modalContent-31OOYM {
  -webkit-box-shadow: 0 0 20px rgba(0,0,0,.5);
  box-shadow: 0 0 20px rgba(0,0,0,.5);
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 5px;
  max-width: 400px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.modalInner-AkIGqy {
  padding: 25px
}

.modalHeaderBase-2PkwEM {
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  line-height: 1.3;
  font-size: 18px
}

.modalHeader-1tRLMY {
  color: hsl(235,85.6%,64.7%);
  color: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%)
}

.modalHeaderDanger-1gTV2j {
  color: #f04747
}

.textBase-24UzQD {
  text-align: center;
  line-height: 1.2;
  margin-top: 16px;
  font-size: 18px
}

.modalText-2Pb4xf {
  font-weight: 400;
  color: hsl(214,8.1%,61.2%);
  color: hsl(214,calc(var(--saturation-factor, 1)*8.1%),61.2%)
}

.modalTextWarning-2X0L1d {
  font-weight: 500;
  color: #c03939
}

.modalFooter-3193QM {
  border-top: 1px solid hsl(0,0%,94.9%);
  border-top: 1px solid hsl(0,calc(var(--saturation-factor, 1)*0%),94.9%);
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 15px 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: hsl(0,0%,97.6%);
  background-color: hsl(0,calc(var(--saturation-factor, 1)*0%),97.6%)
}

.footerButtonBase-tmgD9n {
  cursor: pointer;
  display: block;
  font-weight: 500;
  outline: none;
  font-size: 16px;
  border: 0
}

.modalFooterButton-2Kh0NI {
  background-color: hsl(235,85.6%,64.7%);
  background-color: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%);
  margin: 0 0 0 15px;
  color: #fff;
  padding: 8px 15px;
  border-radius: 5px
}

.modalFooterButtonLame-2buIgs {
  height: 26px;
  -ms-flex-item-align: center;
  align-self: center;
  margin: 0 10px;
  padding: 0;
  border-radius: 0;
  background: none;
  color: #949494;
  border-bottom: 2px solid transparent
}

.modalFooterButtonLame-2buIgs:hover {
  border-bottom: 2px solid hsl(214,8.1%,61.2%);
  border-bottom: 2px solid hsl(214,calc(var(--saturation-factor, 1)*8.1%),61.2%)
}

.modalFooterButtonDanger-tpyuzs {
  background: #f04747;
  margin: 0 0 0 15px;
  color: #fff;
  padding: 8px 15px;
  border-radius: 5px
}

.modalFooterButtonDanger-tpyuzs:hover {
  background: hsl(360,60.2%,39.4%);
  background: hsl(360,calc(var(--saturation-factor, 1)*60.2%),39.4%)
}

.modalFooterButtonDanger-tpyuzs:disabled {
  cursor: default;
  background: hsl(359,89%,85.7%)!important;
  background: hsl(359,calc(var(--saturation-factor, 1)*89%),85.7%)!important
}

.promptContent-1RxdCw {
  max-width: 500px
}

.promptInput-lbLFN_ {
  width: 100%;
  -webkit-box-sizing: border-box;
  border: none;
  border-bottom: 2px solid hsl(0,0%,30.2%);
  border-bottom: 2px solid hsl(0,calc(var(--saturation-factor, 1)*0%),30.2%);
  font-size: 16px;
  padding: 4px 5px;
  margin: 15px 10px 10px;
  outline: none;
  box-sizing: border-box
}

.promptInput-lbLFN_:focus,.promptInput-lbLFN_:hover {
  border-bottom: 2px solid hsl(235,85.6%,64.7%);
  border-bottom: 2px solid hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%)
}

.wrapper-17rz_M {
  color: hsl(214,8.1%,61.2%);
  color: hsl(214,calc(var(--saturation-factor, 1)*8.1%),61.2%);
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  width: 100%
}

.wrapper-17rz_M hr {
  background: hsl(210,9.1%,87.1%);
  background: hsl(210,calc(var(--saturation-factor, 1)*9.1%),87.1%);
  border: none;
  height: 1px;
  margin: 30px 0
}

.wrapper-17rz_M ol,.wrapper-17rz_M pre,.wrapper-17rz_M ul {
  margin-bottom: 20px
}

.wrapper-17rz_M .link-3XxqCP,.wrapper-17rz_M a {
  color: hsl(235,85.6%,64.7%);
  color: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%);
  font-weight: 500;
  text-decoration: underline;
  -webkit-text-decoration-color: hsl(236,83.3%,92.9%);
  -webkit-text-decoration-color: hsl(236,calc(var(--saturation-factor, 1)*83.3%),92.9%);
  text-decoration-color: hsl(236,83.3%,92.9%);
  text-decoration-color: hsl(236,calc(var(--saturation-factor, 1)*83.3%),92.9%)
}

.wrapper-17rz_M .link-3XxqCP:active,.wrapper-17rz_M .link-3XxqCP:focus,.wrapper-17rz_M a:active,.wrapper-17rz_M a:focus {
  color: hsl(235,85.6%,64.7%);
  color: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%);
  text-decoration: underline;
  -webkit-text-decoration-color: hsl(235,85.6%,64.7%);
  -webkit-text-decoration-color: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%);
  text-decoration-color: hsl(235,85.6%,64.7%);
  text-decoration-color: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%)
}

.wrapper-17rz_M .link-3XxqCP:hover,.wrapper-17rz_M a:hover {
  color: hsl(235,85.6%,64.7%);
  color: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%);
  text-decoration: underline;
  -webkit-text-decoration-color: hsl(235,86.1%,71.8%);
  -webkit-text-decoration-color: hsl(235,calc(var(--saturation-factor, 1)*86.1%),71.8%);
  text-decoration-color: hsl(235,86.1%,71.8%);
  text-decoration-color: hsl(235,calc(var(--saturation-factor, 1)*86.1%),71.8%)
}

.wrapper-17rz_M .paragraph-1CjJWl,.wrapper-17rz_M p {
  color: hsl(214,8.1%,61.2%);
  color: hsl(214,calc(var(--saturation-factor, 1)*8.1%),61.2%);
  display: block;
  font-family: inherit;
  font-size: 18px;
  font-weight: inherit;
  line-height: 1.6666666666666667;
  margin-top: 20px
}

.wrapper-17rz_M .h1-xYxI-w,.wrapper-17rz_M .h2-1ZDxEs,.wrapper-17rz_M .h3-1b5eVS,.wrapper-17rz_M .h4-S1rAQb,.wrapper-17rz_M .h5-1Ywcu4,.wrapper-17rz_M .h6-2zdIIz,.wrapper-17rz_M h1,.wrapper-17rz_M h2,.wrapper-17rz_M h3,.wrapper-17rz_M h4,.wrapper-17rz_M h5,.wrapper-17rz_M h6 {
  color: hsl(228,6%,32.5%);
  color: hsl(228,calc(var(--saturation-factor, 1)*6%),32.5%);
  font-family: inherit;
  letter-spacing: .05em;
  text-transform: uppercase
}

.wrapper-17rz_M .h1-xYxI-w,.wrapper-17rz_M h1 {
  font-size: 26px;
  font-weight: 600;
  line-height: 1.2;
  margin-top: 35px
}

.wrapper-17rz_M .h2-1ZDxEs,.wrapper-17rz_M h2 {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.3;
  margin-top: 35px
}

.wrapper-17rz_M .h3-1b5eVS,.wrapper-17rz_M h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  margin-top: 1.3
}

.wrapper-17rz_M .h4-S1rAQb,.wrapper-17rz_M .h5-1Ywcu4,.wrapper-17rz_M .h6-2zdIIz,.wrapper-17rz_M h4,.wrapper-17rz_M h5,.wrapper-17rz_M h6 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  margin-top: 25px
}

.wrapper-17rz_M .bold-LG2UGI,.wrapper-17rz_M strong {
  color: #747f8d;
  font-weight: 600
}

.wrapper-17rz_M .italics-2g9qtL,.wrapper-17rz_M em,.wrapper-17rz_M i {
  font-style: italic
}

.wrapper-17rz_M .underline-1qXakN,.wrapper-17rz_M u {
  text-decoration: underline
}

.wrapper-17rz_M .listWrap-2JOk5X,.wrapper-17rz_M ol,.wrapper-17rz_M ul {
  margin: 10px 0 0 15px
}

.wrapper-17rz_M .li-2W9SBX,.wrapper-17rz_M li {
  margin-top: 10px;
  position: relative;
  font-size: 18px;
  line-height: 30px;
  color: hsl(214,8.1%,61.2%);
  color: hsl(214,calc(var(--saturation-factor, 1)*8.1%),61.2%)
}

.wrapper-17rz_M .li-2W9SBX:before,.wrapper-17rz_M li:before {
  font-family: var(--font-code);
  font-size: 14px;
  content: "\2022";
  color: hsl(235,85.6%,64.7%);
  color: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%);
  position: absolute;
  top: 0;
  left: -15px
}

.wrapper-17rz_M ol {
  list-style-type: decimal
}

.wrapper-17rz_M ol .li-2W9SBX:before,.wrapper-17rz_M ol li:before {
  display: none
}

.wrapper-17rz_M ol ol {
  list-style-type: lower-alpha
}

.wrapper-17rz_M ol ol ol {
  list-style-type: lower-roman
}

.wrapper-17rz_M .pre-3dAr7A,.wrapper-17rz_M pre {
  white-space: pre-wrap
}

.projectListWrapper-2j76Hg {
  background: #000;
  font-family: Press Start\ 2P,cursive;
  padding: 0 60px
}

.projectList-LoegQj {
  height: 900px;
  margin: 0 auto;
  max-height: 100vh;
  max-width: 1150px;
  padding: 40px;
  position: relative
}

.projectList-LoegQj:after,.projectList-LoegQj:before {
  content: "";
  background: url(/assets/6628202cf9a9ef667956aaf87c0edda0.svg) 50% repeat-y;
  width: 27px;
  height: 100%;
  z-index: 2
}

.projectList-LoegQj:before {
  position: absolute;
  top: 0;
  left: 0
}

.projectList-LoegQj:after {
  position: absolute;
  top: 0;
  right: 0
}

.sectionTitle-n-44SP {
  color: #fff;
  font-family: inherit;
  font-size: 18px;
  font-weight: 400;
  line-height: 34px;
  text-align: center;
  margin: 0 auto 25px;
  max-width: 750px
}

.listWrapper-OGGJOP {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.6;
  padding: 0 40px;
  position: relative;
  z-index: 0
}

.listWrapper-OGGJOP ul {
  margin: 0
}

.listWrapper-OGGJOP li {
  font-size: 15px;
  margin-top: 5px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.listWrapper-OGGJOP li:before {
  display: none
}

.listWrapper-OGGJOP a {
  color: hsl(235,85.6%,64.7%);
  color: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%);
  font-weight: 400;
  text-decoration: none!important
}

.listWrapper-OGGJOP a:focus,.listWrapper-OGGJOP a:hover {
  color: hsl(235,86.1%,85.9%)!important;
  color: hsl(235,calc(var(--saturation-factor, 1)*86.1%),85.9%)!important
}

.list-2nGKql {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  max-width: 50%
}

.listColumnA-3a0imk {
  padding-right: 15px;
  text-align: right
}

.listColumnB-m18AVp {
  padding-left: 15px
}

.libraries-2Yxyzx {
  position: relative
}

.librariesWrapperOuter-1UF9he {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  max-width: 1000px
}

.librariesWrapperOuter-1UF9he:after,.librariesWrapperOuter-1UF9he:before {
  background: url(/assets/2eb1d6746b7f5df4fba98d67601c2814.png) top repeat-x;
  content: "";
  height: 53px;
  pointer-events: none;
  width: calc(100% - 4px);
  z-index: 1
}

.librariesWrapperOuter-1UF9he:before {
  position: absolute;
  top: 0;
  left: 0
}

.librariesWrapperOuter-1UF9he:after {
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.librariesWrapperInner-1SxFfZ {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  padding-top: 53px
}

.librariesWrapperInner-1SxFfZ::-webkit-scrollbar {
  width: 4px
}

.librariesWrapperInner-1SxFfZ::-webkit-scrollbar-thumb {
  background-color: #fff;
  background-clip: padding-box
}

.librariesWrapperInner-1SxFfZ::-webkit-scrollbar-track-piece {
  background-color: hsl(228,6.7%,14.7%);
  background-color: hsl(228,calc(var(--saturation-factor, 1)*6.7%),14.7%);
  background-clip: padding-box
}

.viewLicensesWrapper-68kZzJ {
  margin-top: 20px;
  position: relative;
  text-align: center
}

.viewLicensesLink-19jJAO {
  color: #fff;
  display: inline-block;
  position: relative;
  text-transform: uppercase;
  -webkit-transition: color .125s;
  transition: color .125s
}

.viewLicensesLink-19jJAO:before {
  position: absolute;
  right: 100%;
  top: 50%;
  color: #faa61a;
  display: block;
  content: ">";
  opacity: 0;
  padding-right: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: color .125s,opacity .125s;
  transition: color .125s,opacity .125s
}

.viewLicensesLink-19jJAO:hover {
  color: #faa61a
}

.viewLicensesLink-19jJAO:hover:before {
  opacity: 1
}

.icon-1HgLcf {
  position: absolute;
  right: 0;
  top: 50%;
  width: 30px;
  height: 30px;
  -ms-interpolation-mode: nearest-neighbor;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: pixelated;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.iconOn-32lwn1 {
  background: no-repeat url(/assets/8f3177a8e12a316f7be67e26bd1d4364.png);
  background-size: contain
}

.iconOff-1JYn2b {
  background: no-repeat url(/assets/e5b02e7cbc941c10665af53aaefd13a8.png);
  background-size: contain
}

.footerImage-4-yGXz {
  display: block;
  margin: 0 auto;
  max-width: 864px;
  width: 100%
}

@media screen and (max-width: 848px) {
  .projectListWrapper-2j76Hg {
      padding:0 10px
  }

  .sectionTitle-n-44SP {
      font-size: 14px
  }

  .viewLicensesLink-19jJAO {
      font-size: 12px
  }

  .list-2nGKql {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      max-width: 100%;
      padding-left: 0;
      padding-right: 0;
      text-align: center
  }

  .listWrapper-OGGJOP {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
  }

  .listWrapper-OGGJOP li {
      font-size: 12px
  }

  .icon-1HgLcf {
      width: 20px;
      height: 20px
  }
}

.content-1VIzsQ {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1400px;
  width: 100%
}

@media (max-width: 1480px) {
  .content-1VIzsQ {
      padding:0 40px
  }
}

@media (max-width: 848px) {
  .content-1VIzsQ {
      padding-left:20px;
      padding-right: 20px
  }
}

.wrapper-kM6Ty0 {
  color: hsl(210,9.3%,78.8%);
  color: hsl(210,calc(var(--saturation-factor, 1)*9.3%),78.8%);
  margin-bottom: 100px;
  text-align: center
}

.wrapper-kM6Ty0 a {
  color: hsl(235,85.6%,64.7%);
  color: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%);
  text-decoration: underline;
  -webkit-transition: color .1s ease;
  transition: color .1s ease
}

.wrapper-kM6Ty0 a:hover {
  color: hsl(235,86.1%,71.8%);
  color: hsl(235,calc(var(--saturation-factor, 1)*86.1%),71.8%)
}

.wrapperInner-2pjwL7 {
  margin: 0 auto;
  max-width: 1320px
}

.cardWrapper-uQZSs5 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px;
  width: 50%
}

.cardWrapper-uQZSs5:first-child {
  padding-left: 0
}

.cardWrapper-uQZSs5:last-child {
  padding-right: 0
}

.card-1YrOFG {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 0;
  padding: 32px 32px 32px 0;
  text-align: left
}

.cardContent-M66TLC {
  overflow: hidden
}

.cardImage-1nG486 {
  margin-left: -30px;
  margin-right: 32px
}

.cardHeading-2dBu-x {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 8px
}

.cardBody-18UX-h {
  color: hsl(214,8.1%,61.2%);
  color: hsl(214,calc(var(--saturation-factor, 1)*8.1%),61.2%);
  font-size: 17px;
  margin-top: 0
}

.cardBody-18UX-h strong {
  color: hsl(235,85.6%,64.7%);
  color: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%);
  -webkit-transition: color .1s ease;
  transition: color .1s ease
}

.cardBody-18UX-h strong:hover {
  color: hsl(235,46.7%,44.1%);
  color: hsl(235,calc(var(--saturation-factor, 1)*46.7%),44.1%)
}

.copy-TRY_3G {
  margin-top: 0
}

.copy-TRY_3G+.copy-TRY_3G {
  margin-top: 8px
}

.modalContent-3WqbEs {
  max-width: 1150px;
  width: 100%
}

@media (max-width: 824px) {
  .wrapper-kM6Ty0 {
      margin-bottom:60px;
      text-align: left
  }

  .cardWrapper-uQZSs5 {
      padding: 20px 0;
      width: 100%
  }

  .cardWrapper-uQZSs5:first-child {
      padding-top: 0
  }

  .cardWrapper-uQZSs5:last-child {
      padding-bottom: 0
  }
}

.carousel-3s60V0 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden
}

.carouselDesktop-XVcYiS {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none
}

.desktopItem-2i2sHv {
  pointer-events: all
}

.arrow-3yE1Ct,.arrows-1k5xI3,.desktopItem-2i2sHv {
  position: absolute
}

.arrow-3yE1Ct {
  top: calc(50% - 22px);
  width: 32px;
  height: 32px;
  pointer-events: all;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 2
}

.mobileArrowRight-Z6b1yy {
  right: 36px
}

.mobileArrowLeft-3ZTzWJ {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  left: 36px
}

.arrowBackground-1AIBzN {
  cursor: pointer;
  top: calc(50% - 30px);
  background-color: rgba(0,0,0,.2);
  height: 48px;
  width: 48px;
  border-radius: 50%;
  pointer-events: all;
  position: absolute;
  -webkit-transition: background-color .125s;
  transition: background-color .125s;
  z-index: 1
}

.arrowBackground-1AIBzN:hover {
  background-color: rgba(0,0,0,.6)
}

.arrowBackgroundRight-3AGFrC {
  right: 28px
}

.arrowBackgroundLeft-3Xz76T {
  left: 28px
}

.desktopArrow-3njvs1 {
  position: absolute;
  top: 50%;
  left: 50%;
  pointer-events: all;
  width: 32px;
  height: 32px
}

.desktopArrowLeft-yv0Ej4 {
  -webkit-transform: translate(-50%,-50%) rotate(180deg);
  transform: translate(-50%,-50%) rotate(180deg)
}

.desktopArrowRight-3H91yy {
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.carouselMobile-3r3OGF {
  width: 100%;
  position: relative;
  white-space: nowrap
}

.mobileArrows-26wXtK {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%
}

.mobileItems-ADXN-m {
  width: 100%
}

.mobileItem-mfbpEJ {
  display: inline-block;
  position: relative;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%
}

.mobileArrow-15bQs7 {
  pointer-events: all;
  cursor: pointer
}

.card-1D0Vbq {
  background-color: hsl(225,6.3%,12.5%);
  background-color: hsl(225,calc(var(--saturation-factor, 1)*6.3%),12.5%);
  border-radius: 5px;
  -webkit-box-shadow: 0 9px 30px rgba(hsl(240,7.7%,2.5%),.3);
  -webkit-box-shadow: 0 9px 30px rgba(hsl(240,calc(var(--saturation-factor, 1)*7.7%),2.5%),.3);
  box-shadow: 0 9px 30px rgba(hsl(240,7.7%,2.5%),.3);
  box-shadow: 0 9px 30px rgba(hsl(240,calc(var(--saturation-factor, 1)*7.7%),2.5%),.3);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsl(210,9.3%,78.8%);
  color: hsl(210,calc(var(--saturation-factor, 1)*9.3%),78.8%);
  margin: 0 20px;
  min-height: 494px;
  padding: 40px 40px 32px;
  pointer-events: all;
  text-align: left;
  -webkit-transition: -webkit-transform .2s ease;
  transition: -webkit-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease,-webkit-transform .2s ease;
  white-space: normal
}

.card-1D0Vbq:hover .joinButton-2xxs70 {
  opacity: 1
}

.cardActive-114Rdv {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px)
}

.cardActive-114Rdv .logoContainer-1nNEWu {
  opacity: 1
}

.heading-2tGHrT {
  text-align: center
}

.logoContainer-1nNEWu {
  margin: 0 auto 10px;
  opacity: .6;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
  width: 72px
}

.logo-3oS46T {
  display: block;
  -webkit-filter: brightness(1000);
  filter: brightness(1000);
  margin: 0 auto;
  width: 72px;
  height: 72px
}

.title-2Fr24x {
  font-size: 18px;
  margin: 0 auto 20px;
  text-align: center
}

.titleLink-2gnG44 {
  display: inline-block
}

.titleLink-2gnG44:hover .titleCopy-jLwnl4 {
  color: hsla(0,0%,100%,.8)
}

.titleLink-2gnG44:hover .titleIcon-2gKmmR {
  opacity: .6
}

.titleCopy-jLwnl4 {
  color: #fff;
  display: inline-block;
  position: relative;
  -webkit-transition: color .2s ease;
  transition: color .2s ease
}

.titleIcon-2gKmmR {
  position: absolute;
  left: 100%;
  top: 50%;
  opacity: 0;
  padding-left: 8px;
  width: 16px;
  height: 16px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease
}

.body-1n9Fu3 {
  font-size: 16px;
  margin-bottom: 20px
}

.readMoreLink-25zg_c {
  color: hsl(235,85.6%,64.7%);
  color: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%);
  -webkit-transition: color .1s ease;
  transition: color .1s ease
}

.readMoreLink-25zg_c:hover {
  color: hsl(235,86.1%,71.8%);
  color: hsl(235,calc(var(--saturation-factor, 1)*86.1%),71.8%)
}

.serverDetails-3c7jn5 {
  color: hsl(210,9.3%,78.8%);
  color: hsl(210,calc(var(--saturation-factor, 1)*9.3%),78.8%);
  font-size: 15px;
  font-weight: 300;
  margin-right: 12px;
  -webkit-transition: color .2s ease,opacity .2s ease;
  transition: color .2s ease,opacity .2s ease
}

.serverDetailsItem-210EsA {
  display: inline-block;
  margin-right: 8px;
  white-space: nowrap
}

.serverDetailsItem-210EsA:last-child {
  margin-right: 0
}

.serverDetailsItem-210EsA:after,.serverDetailsItem-210EsA:before {
  margin-top: -2px;
  -webkit-transition: background-color .2s ease,border-color .2s ease,opacity .2s ease;
  transition: background-color .2s ease,border-color .2s ease,opacity .2s ease;
  vertical-align: middle
}

.serverDetailsItem-210EsA:before {
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  display: inline-block;
  margin-right: 4px;
  width: 8px;
  height: 8px
}

.serverDetailsLoading-3RYZfi {
  opacity: .15;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease
}

.serverDetailsLoading-3RYZfi .serverDetailsItem-210EsA:after {
  background-color: #fff;
  border-radius: 3px;
  content: "";
  display: inline-block;
  width: 60px;
  height: 8px
}

.serverDetailsLoading-3RYZfi .serverDetailsMemberCount-2jtplL:before {
  border-color: #fff
}

.serverDetailsLoading-3RYZfi .serverDetailsPresenceCount-nIezgz:before {
  background-color: #fff
}

.joinButton-2xxs70 {
  opacity: 0;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease
}

.serverDetailsMemberCount-2jtplL {
}

.serverDetailsMemberCount-2jtplL:before {
  border: 2px solid hsl(235,85.6%,64.7%);
  border: 2px solid hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%)
}

.serverDetailsPresenceCount-nIezgz {
}

.serverDetailsPresenceCount-nIezgz:before {
  background-color: hsl(235,85.6%,64.7%);
  background-color: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%)
}

@media (max-width: 848px) {
  .joinButton-2xxs70 {
      opacity:1
  }

  .card-1D0Vbq {
      padding: 40px
  }
}

@media (max-width: 1000px) {
  .cardActive-114Rdv {
      -webkit-transform:translateY(0);
      transform: translateY(0)
  }

  .card-1D0Vbq {
      max-width: 600px;
      margin-left: auto;
      margin-right: auto;
      width: 75%
  }
}

.wrapper-2WkJCq {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.bar-2VHPuf,.wrapper-2WkJCq {
  position: absolute
}

.bar-2VHPuf {
  bottom: -100px;
  left: -300px
}

.circle-2-a0uP {
  top: -200px;
  left: -200px
}

.circle-2-a0uP,.diamond-3SXXXB {
  position: absolute
}

.diamond-3SXXXB {
  top: 50%;
  left: 40%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.triangle-2tq7dB {
  position: absolute;
  bottom: -50px;
  right: 10px
}

.wavyCorner-3tDy1n {
  position: absolute;
  top: -60px;
  right: -170px
}

@media (max-width: 848px) {
  .bar-2VHPuf {
      bottom:10%;
      left: -250px
  }

  .circle-2-a0uP,.diamond-3SXXXB {
      display: none
  }
}

@media (max-width: 640px) {
  .bar-2VHPuf {
      left:-350px
  }

  .triangle-2tq7dB {
      bottom: 0;
      right: -2%;
      width: 250px;
      height: 250px
  }

  .wavyCorner-3tDy1n {
      right: -80px;
      width: 300px;
      height: 300px;
      top: -60px
  }
}

@media (max-height: 800px) {
  .diamond-3SXXXB {
      display:none
  }
}

.outerWrapper-1IE2j0 {
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsl(225,6.3%,12.5%);
  color: hsl(225,calc(var(--saturation-factor, 1)*6.3%),12.5%);
  margin: 0 auto 40px;
  max-width: 1320px;
  padding: 100px;
  position: relative;
  z-index: 1
}

.innerWrapper-1Xi-wl {
  margin: 0 auto;
  max-width: 930px
}

.heading-3fzVSp {
  color: hsl(225,6.3%,12.5%);
  color: hsl(225,calc(var(--saturation-factor, 1)*6.3%),12.5%);
  font-size: 26px;
  font-weight: 400;
  line-height: 1.6;
  margin: 0 auto 60px;
  max-width: 750px
}

.projectsList-1TAwIT {
  margin: 0 -60px -60px 0
}

.project-hti8EH {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 60px;
  padding-right: 60px;
  text-align: left;
  width: 33.333%
}

.projectImage-1ZaCk4 {
  display: block;
  margin-bottom: 24px
}

.projectTitle-1fvGHx {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 4px
}

.projectLink-2IMvTH,.projectTitle-1fvGHx {
  color: hsl(225,6.3%,12.5%);
  color: hsl(225,calc(var(--saturation-factor, 1)*6.3%),12.5%)
}

.projectLink-2IMvTH {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  -webkit-transition: color .1s ease;
  transition: color .1s ease
}

.projectLink-2IMvTH:hover {
  color: rgba(hsl(225,6.3%,12.5%),.8);
  color: rgba(hsl(225,calc(var(--saturation-factor, 1)*6.3%),12.5%),.8)
}

.projectLink-2IMvTH:hover .projectLinkIcon-3k4G_p {
  opacity: .6
}

.projectLinkIcon-3k4G_p {
  margin-left: 8px;
  opacity: 0;
  width: 18px;
  height: 18px;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  -webkit-transition: opacity .1s ease;
  transition: opacity .1s ease
}

.projectDescription-2BwVfx {
  color: hsl(214,8.1%,61.2%);
  color: hsl(214,calc(var(--saturation-factor, 1)*8.1%),61.2%);
  font-size: 16px;
  margin-top: 20px
}

.stargazers-2RI06v {
  color: hsl(228,6%,32.5%);
  color: hsl(228,calc(var(--saturation-factor, 1)*6%),32.5%);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .9px;
  text-transform: uppercase;
  -webkit-transition: opacity .1s ease;
  transition: opacity .1s ease
}

.stargazersLoading-3uJ_ci {
  opacity: .2
}

.stargazersCopy-3cbKsl {
  opacity: .6
}

.stargazersIcon-3nQ_84 {
  margin-right: 4px;
  width: 12px;
  height: 12px;
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px)
}

.stargazerLoadingPlaceholder-326kiq {
  background-color: hsl(210,9.3%,78.8%);
  background-color: hsl(210,calc(var(--saturation-factor, 1)*9.3%),78.8%);
  border-radius: 2px;
  width: 50px;
  height: 8px
}

.readBlogButtonWrapper-2Nrkhr {
  margin-top: 20px
}

.readBlogButton-uzdaxV {
  border: 1px solid hsl(236,83.3%,92.9%);
  border: 1px solid hsl(236,calc(var(--saturation-factor, 1)*83.3%),92.9%);
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsl(235,85.6%,64.7%);
  color: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%);
  font-size: 14px;
  font-weight: 500;
  padding: 6px 16px;
  -webkit-transition: background-color .1s ease,border-color .1s ease,color .1s ease;
  transition: background-color .1s ease,border-color .1s ease,color .1s ease
}

.readBlogButton-uzdaxV:hover {
  background-color: hsl(235,85.6%,64.7%);
  background-color: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%);
  border-color: hsl(235,85.6%,64.7%);
  border-color: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%);
  color: #fff
}

@media (max-width: 848px) {
  .heading-3fzVSp {
      font-size:22px;
      text-align: left
  }

  .projectsList-1TAwIT {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
  }

  .project-hti8EH {
      width: 100%
  }
}

@media (max-width: 1024px) {
  .outerWrapper-1IE2j0 {
      padding:40px
  }
}

.wrapper-5ovDyk {
  position: relative;
  text-align: center
}

.heading-2FnIyU {
  color: #fff;
  font-size: 26px;
  margin-bottom: 10px
}

.subheading-muwDds {
  color: #fff;
  font-size: 18px;
  margin: 0 0 8px
}

.carousel-3zihpN {
  padding: 30px 0;
  position: relative;
  z-index: 1
}

.moreCommunities-2-21SA {
  background-image: linear-gradient(125deg,#738ef5,#b3aeff);
  color: #fff;
  margin: -300px 0;
  overflow: hidden;
  padding: 270px 0 300px;
  position: relative;
  z-index: 0
}

.moreCommunitiesContentWrapper-1hgXqL {
  margin: 100px 0;
  padding: 0 40px;
  position: relative;
  z-index: 1;
  text-align: left
}

.moreCommunitiesHeading-39Gj41 {
  color: #fff;
  font-weight: 400;
  margin-bottom: 40px
}

.waveDividerTop-1vJtvD {
  top: -1px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.waveDividerBottom-2uPwwP,.waveDividerTop-1vJtvD {
  position: absolute;
  left: 0;
  color: #050809;
  width: 100%
}

.waveDividerBottom-2uPwwP {
  bottom: -1px
}

.community-2iHSgv {
  margin-bottom: 40px;
  width: 25%
}

.communityLogo-36yKDw {
  -webkit-filter: grayscale(100%) brightness(10000%);
  filter: grayscale(100%) brightness(10000%);
  margin-right: 12px;
  width: 24px;
  height: 24px
}

.communityTitle-2_Hxj_ {
  padding-right: 20px
}

.communityJoinLink-4kqXMc,.communityTitleLink-1tLSdy {
  color: #fff
}

.communityTitleLink-1tLSdy {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 1px;
  text-transform: uppercase;
  -webkit-transition: color .2s ease;
  transition: color .2s ease;
  white-space: nowrap;
  width: 100%
}

.communityTitleLink-1tLSdy:hover {
  color: hsla(0,0%,100%,.8)
}

.communityTitleLink-1tLSdy:hover .communityTitleIcon-2GG1gB {
  opacity: .6
}

.communityTitleCopy-2cDcgf {
  overflow: hidden;
  text-overflow: ellipsis
}

.communityTitleIcon-2GG1gB {
  display: inline-block;
  margin-left: 8px;
  opacity: 0;
  width: 16px;
  height: 16px;
  -webkit-transition: opacity .1s ease;
  transition: opacity .1s ease;
  will-change: opacity
}

.communityJoinLink-4kqXMc {
  display: inline-block;
  margin-left: 36px
}

.communityJoinLink-4kqXMc:hover {
  color: hsla(0,0%,100%,.8)
}

.communitiesList-Jk6wDt {
  margin-bottom: -20px
}

.moreCommunitiesCta-2fYbOn {
  text-align: center
}

.carouselWrapper-1njen1 {
  opacity: 1;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease
}

.carouselWrapperHidden-2Ru1A9 {
  opacity: 0
}

.toggleTruncateButtonWrapper-3SGuEw {
  text-align: center;
  margin-bottom: 20px
}

.toggleTruncateButton-1UmSvX {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  background-image: linear-gradient(0deg,transparent,transparent 1px,hsla(0,0%,100%,.25) 0,hsla(0,0%,100%,.25) 2px,transparent 0);
  border: 0;
  color: hsla(0,0%,100%,.75);
  cursor: pointer;
  font-size: 14px;
  outline: none;
  padding: 0;
  -webkit-transition: color .1s ease;
  transition: color .1s ease
}

.toggleTruncateButton-1UmSvX:hover {
  color: #fff
}

@media (max-width: 1024px) {
  .communitiesList-Jk6wDt {
      margin-bottom:-10px
  }

  .community-2iHSgv {
      margin-bottom: 24px;
      width: 50%
  }

  .moreCommunitiesContentWrapper-1hgXqL {
      margin: 60px 0;
      padding: 0 20px
  }
}

@media (max-width: 600px) {
  .community-2iHSgv {
      width:100%
  }
}

.wrapper-3pA9ez {
  position: relative;
  width: 100%;
  height: 491px
}

.dotsLeft-33mRy6 {
  position: absolute;
  left: 0;
  top: 0
}

.dotsRight-32uPOa {
  position: absolute;
  right: 0;
  bottom: 0
}

.wrapper-zesa8W {
  overflow: hidden;
  padding: 20px 0 640px
}

.contentWrapper-1j-j14 {
  position: relative;
  z-index: 1
}

.copyWrapper-J08sWU {
  margin: 0 auto;
  max-width: 500px;
  text-align: center
}

.headingPrimary-3LCLcN {
  color: #fff;
  margin-bottom: 20px
}

.headingPrimary-3LCLcN img {
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
  vertical-align: middle
}

.headingSecondary-3iEAVo {
  color: hsl(210,9.3%,78.8%);
  color: hsl(210,calc(var(--saturation-factor, 1)*9.3%),78.8%);
  font-size: 18px;
  margin-top: 36px;
  margin-bottom: 40px
}

@media (min-width: 1300px) {
  .copyWrapper-J08sWU {
      margin:0;
      text-align: left
  }

  .wrapper-zesa8W {
      padding-bottom: 450px;
      padding-top: 170px
  }
}

.wrapper-1JFU9E {
  top: 0;
  left: 0;
  height: 100%
}

.video-21a_QL,.wrapper-1JFU9E {
  position: absolute;
  width: 100%
}

.video-21a_QL {
  bottom: 0;
  left: 50%;
  max-width: 740px;
  min-width: 640px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media (min-width: 1300px) {
  .video-21a_QL {
      bottom:auto;
      position: absolute;
      bottom: 0;
      right: 0;
      left: auto;
      margin-right: -7%;
      max-width: 1000px;
      -webkit-transform: none;
      transform: none;
      width: 120%
  }
}

@media (min-width: 1400px) {
  .video-21a_QL {
      margin-right:-4%
  }
}

@media (min-width: 1500px) {
  .video-21a_QL {
      margin-right:0
  }
}

@media (min-width: 1600px) {
  .video-21a_QL {
      margin-right:5%
  }
}

@media (min-width: 1900px) {
  .video-21a_QL {
      margin-right:10%
  }
}

@media (min-width: 2200px) {
  .video-21a_QL {
      margin-right:15%
  }
}

@media (min-width: 2400px) {
  .video-21a_QL {
      margin-right:18%
  }
}

.wrapper-2rNuHU {
  margin-bottom: 20px;
  text-align: center
}

.copyPrimary-BfXpwA {
  color: #fff;
  font-size: 50px;
  font-weight: 500;
  margin-bottom: 20px
}

@media (max-width: 848px) {
  .copyPrimary-BfXpwA {
      font-size:32px
  }
}

.pageWrapper-14XrH8 {
  overflow: hidden;
  position: relative;
  -webkit-transition: background-color .2s ease;
  transition: background-color .2s ease
}

.contentWrapper-2ETo2z {
  line-height: 1.5;
  padding-top: 100px;
  padding-bottom: 100px
}

.dotsWrapper-2UyDfG,.headerWrapper-AoqaRy {
  position: relative
}

.dots-2cB3Yd {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0
}

.dotsContentWrapper-3L9vwz {
  position: relative;
  z-index: 1
}

@media (max-width: 848px) {
  .contentWrapper-2ETo2z {
      padding-top:50px
  }
}

.flexVertical-oPH5TN {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.flexVertical-oPH5TN>.flexSpacer-Z9HDof {
  min-height: 1px
}

.flexHorizontal-5SDTw7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.flexHorizontal-5SDTw7>.flexSpacer-Z9HDof {
  min-width: 1px
}

.flexHorizontalReverse-20QAmY {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.flexHorizontalReverse-20QAmY>.flexSpacer-Z9HDof {
  min-width: 1px
}

.flexSpacer-Z9HDof {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden
}

.flexCenter-2amxLv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.flexAlignStart-3bVrOY {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.flexAlignEnd-3OWD5_ {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.flexAlignCenter-BM7Al5 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.flexAlignStretch-1QNK5P {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.flexJustifyStart-2jhEef {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.flexJustifyEnd-nhfYc8 {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.flexJustifyCenter-18QrQT {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.flexJustifyAround-1b-DMW {
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.flexJustifyBetween-ecYEuC {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.flexNowrap-1D4Uo1 {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.flexWrap-1luQtC {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.flexWrapReverse-3G4qxV {
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse
}

.flex-1k55Rt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.flex-1k55Rt,.flex-1k55Rt .flexChild-_VmASn {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.flex-1k55Rt .flexChild-_VmASn {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.flex-1k55Rt.flexGutterSmall-26IK7Q {
  margin-left: -10px;
  margin-right: -10px
}

.flex-1k55Rt.flexGutterSmall-26IK7Q .flexChild-_VmASn {
  padding: 0 10px
}

.flex-1k55Rt.flexGutterLarge-3C-qEI {
  margin-left: -30px;
  margin-right: -30px
}

.flex-1k55Rt.flexGutterLarge-3C-qEI .flexChild-_VmASn {
  padding: 0 30px
}

.logo-qvKcKF {
  fill: #fff
}

.clyde-rLj7Yo {
  width: 33px
}

.clyde-rLj7Yo,.type-2zRQrR {
  height: 36px
}

.type-2zRQrR {
  width: 98px
}

@media screen and (max-width: 1024px) {
  .type-2zRQrR {
      display:none
  }
}

.starField-1pNPuC {
  color: #fff;
  background: hsl(225,6.3%,12.5%);
  background: hsl(225,calc(var(--saturation-factor, 1)*6.3%),12.5%);
  overflow: auto;
  position: relative
}

.starChildren-tss5hP {
  position: relative;
  z-index: 1
}

.myGodItsFullOfStars-3tNw8R {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0
}

.star-1jW7AP {
  fill: hsl(228,6%,32.5%);
  fill: hsl(228,calc(var(--saturation-factor, 1)*6%),32.5%)
}

.starsFar-2XhcZU,.starsMiddle-1ruNMb,.starsNear-308HDQ {
  position: absolute;
  width: 200%;
  height: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.leftConstellation-1jjHf5 {
  left: 0
}

.leftConstellation-1jjHf5,.rightConstellation-2uOrN- {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%
}

.rightConstellation-2uOrN- {
  left: 50%
}

.starsFar-2XhcZU {
  -webkit-animation: starFieldAnimation-1JEnD0 600s linear infinite;
  animation: starFieldAnimation-1JEnD0 600s linear infinite
}

.starsMiddle-1ruNMb {
  -webkit-animation: starFieldAnimation-1JEnD0 400s linear infinite;
  animation: starFieldAnimation-1JEnD0 400s linear infinite
}

.starsNear-308HDQ {
  -webkit-animation: starFieldAnimation-1JEnD0 200s linear infinite;
  animation: starFieldAnimation-1JEnD0 200s linear infinite
}

.animationPaused-1MBC9C .starsFar-2XhcZU,.animationPaused-1MBC9C .starsMiddle-1ruNMb,.animationPaused-1MBC9C .starsNear-308HDQ {
  -webkit-animation-play-state: paused;
  animation-play-state: paused
}

@-webkit-keyframes starFieldAnimation-1JEnD0 {
  0% {
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%)
  }

  to {
      -webkit-transform: translateX(0);
      transform: translateX(0)
  }
}

@keyframes starFieldAnimation-1JEnD0 {
  0% {
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%)
  }

  to {
      -webkit-transform: translateX(0);
      transform: translateX(0)
  }
}

.fullscreen-V6E1qH {
  background-color: hsl(220,6.5%,18%);
  background-color: hsl(220,calc(var(--saturation-factor, 1)*6.5%),18%);
  position: absolute;
  height: 100vh;
  width: 100vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.logo-YHD1Cy {
  position: absolute;
  top: 60px;
  left: 60px;
  z-index: 1
}

.box-1N387- {
  width: 480px;
  padding: 40px;
  font-size: 18px;
  text-align: center;
  color: hsl(223,5.8%,52.9%);
  color: hsl(223,calc(var(--saturation-factor, 1)*5.8%),52.9%);
  background: hsl(223,6.7%,20.6%);
  background: hsl(223,calc(var(--saturation-factor, 1)*6.7%),20.6%);
  -webkit-box-shadow: 0 2px 10px 0 rgba(hsl(0,0%,0%),.2);
  -webkit-box-shadow: 0 2px 10px 0 rgba(hsl(0,calc(var(--saturation-factor, 1)*0%),0%),.2);
  box-shadow: 0 2px 10px 0 rgba(hsl(0,0%,0%),.2);
  box-shadow: 0 2px 10px 0 rgba(hsl(0,calc(var(--saturation-factor, 1)*0%),0%),.2);
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.title-2RvBmv {
  color: hsl(0,0%,100%);
  color: hsl(0,calc(var(--saturation-factor, 1)*0%),100%);
  font-size: 26px;
  font-weight: 300;
  line-height: 32px;
  margin-bottom: 8px
}

.subtitle-1ad1HC {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 40px
}

.button-xN6Ci8 {
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500
}

.button-xN6Ci8:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  top: 0;
  background-color: rgba(hsl(235,85.6%,64.7%),.8);
  background-color: rgba(hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%),.8)
}

.container-26PQTp {
  padding-top: 56px;
  padding-top: var(--section-spacing);
  padding-bottom: 56px;
  padding-bottom: var(--section-spacing);
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: opacity .6s .1s,-webkit-transform .6s ease;
  transition: opacity .6s .1s,-webkit-transform .6s ease;
  transition: opacity .6s .1s,transform .6s ease;
  transition: opacity .6s .1s,transform .6s ease,-webkit-transform .6s ease
}

.description-n9V3Wn {
  color: #23272a;
  color: var(--not-quite-black);
  grid-column: span 4;
  grid-column: span var(--num-grid-columns)
}

.imageLeft-IZuyC8 .description-n9V3Wn,.imageRight-2VZAf5 .description-n9V3Wn {
  margin-top: 20px
}

.image-rqmvmL {
  grid-column: span 4;
  grid-column: span var(--num-grid-columns);
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  margin-top: 24px
}

.visible-yusgnd {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

@media screen and (min-width: 768px) {
  .imageRight-2VZAf5 .description-n9V3Wn {
      margin-top:0;
      grid-column: span 4;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1
  }

  .imageRight-2VZAf5 .image-rqmvmL {
      grid-column: span 4;
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      margin-top: auto;
      margin-bottom: auto
  }

  .imageLeft-IZuyC8 .description-n9V3Wn {
      margin-top: 0;
      grid-column: span 4
  }

  .imageLeft-IZuyC8 .image-rqmvmL {
      grid-column: span 4;
      margin-top: auto;
      margin-bottom: auto
  }

  .imageBottom-1zFz4s .description-n9V3Wn {
      text-align: center
  }

  .description-n9V3Wn {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
  }
}

@media screen and (min-width: 1024px) {
  .imageRight-2VZAf5 .description-n9V3Wn {
      grid-column:1/span 4
  }

  .imageRight-2VZAf5 .image-rqmvmL {
      grid-column: 6/span 7
  }

  .imageLeft-IZuyC8 .description-n9V3Wn {
      grid-column: 9/span 4;
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2
  }

  .imageLeft-IZuyC8 .image-rqmvmL {
      grid-column: span 7;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1
  }

  .imageBottom-1zFz4s .description-n9V3Wn {
      grid-column: 2/span 10
  }

  .imageBottom-1zFz4s .image-rqmvmL {
      margin-top: 16px
  }
}

.subtitle-7cQirt {
  margin-top: 24px
}

.container-160cbE {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative
}

.container-160cbE,.sparklesContainer-28e48v {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.sparklesContainer-28e48v {
  position: absolute;
  top: 0;
  width: 100%;
  overflow: hidden
}

.sparkles-3bhLHs {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none
}

.title-3J3GaK {
  margin-top: 30px;
  z-index: 1
}

.downloadButton-10yZAU {
  margin-top: 40px;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (min-width: 768px) {
  .downloadButton-10yZAU {
      width:auto
  }
}

.recaptchaError-3lzLhC {
  border: 1px solid #f04747;
  width: 304px;
  height: 78px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px
}

.brandLight-1xXv7Y .checkbox-1FQ7Ny {
  background-color: #f6f6f6;
  background-color: var(--off-white)
}

.checkbox-1FQ7Ny {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
  box-shadow: 0 1px 1px rgba(0,0,0,.1);
  border-radius: 4px;
  padding: 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.container-1slpdO {
  width: 20px;
  height: 20px;
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.container-1slpdO .input-1IS47e {
  display: none
}

.keyboardMode .container-1slpdO:focus .checkbox-1FQ7Ny {
  -webkit-box-shadow: 0 0 0 3px #00b0f4;
  -webkit-box-shadow: 0 0 0 3px var(--focus-border);
  box-shadow: 0 0 0 3px #00b0f4;
  box-shadow: 0 0 0 3px var(--focus-border)
}

.ctaContainer-5100Xg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.marginTop24-3ZXBpg {
  margin-top: 24px
}

.marginRight24-2hC304 {
  margin-right: 24px
}

.formContainer-1Mw7aR {
  margin-top: 32px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.form-OFWhKl,.formContainer-1Mw7aR {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.form-OFWhKl {
  max-width: 380px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
  box-shadow: 0 1px 1px rgba(0,0,0,.1);
  border-radius: 28px;
  position: relative;
  -webkit-animation: form-open-28bcFM .35s cubic-bezier(.25,.25,.315,1.35) forwards;
  animation: form-open-28bcFM .35s cubic-bezier(.25,.25,.315,1.35) forwards
}

.form-OFWhKl,.username-1XgXmI {
  width: 100%;
  background-color: #f6f6f6;
  background-color: var(--off-white)
}

.username-1XgXmI {
  margin-left: 32px;
  color: #23272a;
  color: var(--not-quite-black)
}

.username-1XgXmI::-webkit-input-placeholder {
  text-color: #99aab5;
  text-color: var(--greyple)
}

.username-1XgXmI::-moz-placeholder {
  text-color: #99aab5;
  text-color: var(--greyple)
}

.username-1XgXmI:-ms-input-placeholder {
  text-color: #99aab5;
  text-color: var(--greyple)
}

.username-1XgXmI::placeholder {
  text-color: #99aab5;
  text-color: var(--greyple)
}

.tryButton-2kbe5T {
  margin: 9px;
  padding: 7px 18px
}

.arrow-1CLBFh,.spinner-3YAmrq {
  width: 24px;
  height: 24px
}

.spinner-3YAmrq {
  -webkit-transform: scale(.5) translateX(-5px);
  transform: scale(.5) translateX(-5px)
}

.spinnerItem-29alcH {
  background: #fff;
  background: var(--white)
}

.termsContainer-2t9RCn {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.termsCheckbox-3JnkRH {
  margin-right: 8px
}

.termsText-3aQkj0,.termsText-3aQkj0 a {
  color: #fff;
  color: var(--white)
}

.termsText-3aQkj0 a {
  text-decoration: underline
}

.errorTooltip-CP_k9z {
  position: absolute;
  bottom: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px
}

.error-1EUHlE {
  background-color: #fff;
  background-color: var(--white);
  border-radius: 4px;
  color: #c80000;
  padding: 12px 20px
}

@media screen and (min-width: 768px) {
  .formContainer-1Mw7aR {
      -webkit-box-align:start;
      -ms-flex-align: start;
      align-items: flex-start
  }
}

@media screen and (min-width: 1024px) {
  .formContainer-1Mw7aR {
      -webkit-box-align:center;
      -ms-flex-align: center;
      align-items: center
  }

  .ctaContainer-5100Xg {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
  }
}

@-webkit-keyframes form-open-28bcFM {
  0% {
      max-width: 100px
  }

  to {
      max-width: 380px
  }
}

@keyframes form-open-28bcFM {
  0% {
      max-width: 100px
  }

  to {
      max-width: 380px
  }
}

:root {
  --mobile-redesign-title-font-size-small: 16px;
  --mobile-redesign-title-font-size: 20px;
  --mobile-redesign-title-font-size-long: 18px;
  --mobile-redesign-subtitle-font-size-small: 10px;
  --mobile-redesign-subtitle-font-size: 14px;
  --banner-background: #222ca0;
  --spring-green: #57f287;
  --button-shadow: #141617
}

.banner-3BK9qN {
  position: relative;
  z-index: 1;
  width: 100%
}

.banner-3BK9qN,.banner-3BK9qN * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.linkWrapper-4jkAX7 {
  display: block;
  background-color: #222ca0;
  background-color: var(--banner-background);
  background-image: url(/assets/db00e21960dae37834227620a6413143.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  padding: 16px 16px 20px
}

.images-2ILll- {
  display: none
}

.content-2DAeyA {
  width: 100%
}

.content-2DAeyA,.contentCenter-3Qik2s {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.contentCenter-3Qik2s {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.contentRight-27keTU {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-left: 24px
}

.subtitle-2Pwgvn,.title-HAL6j- {
  position: relative;
  text-transform: uppercase;
  color: #fff;
  -moz-text-fill-color: #fff;
  -webkit-text-fill-color: #fff;
  -moz-text-stroke-color: #000;
  -webkit-text-stroke-color: #000;
  -moz-text-stroke-width: 1px;
  -webkit-text-stroke-width: 1px
}

.subtitle-2Pwgvn:after,.subtitle-2Pwgvn:before,.title-HAL6j-:after,.title-HAL6j-:before {
  content: attr(data-text);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0
}

.subtitle-2Pwgvn:before,.title-HAL6j-:before {
  color: #000;
  -moz-text-fill-color: #000;
  -webkit-text-fill-color: #000;
  -moz-text-stroke-width: 2px;
  -webkit-text-stroke-width: 2px
}

.subtitle-2Pwgvn:after,.title-HAL6j-:after {
  color: #fff;
  -moz-text-stroke-width: 0;
  -webkit-text-stroke-width: 0
}

.title-HAL6j- {
  font-family: var(--font-headline);
  font-size: 16px;
  font-size: var(--mobile-redesign-title-font-size-small);
  line-height: 1;
  letter-spacing: .68px;
  margin-bottom: 8px
}

.title-HAL6j-:before {
  -webkit-transform: translate(2px,3px);
  transform: translate(2px,3px)
}

.title-HAL6j-:lang(es),.title-HAL6j-:lang(es):before,.title-HAL6j-:lang(fr),.title-HAL6j-:lang(fr):before,.title-HAL6j-:lang(pt),.title-HAL6j-:lang(pt):before {
  font-size: 18px;
  font-size: var(--mobile-redesign-title-font-size-long)
}

.title-HAL6j-:lang(el),.title-HAL6j-:lang(ru) {
  font-family: var(--font-primary);
  font-weight: 800
}

.subtitle-2Pwgvn {
  font-size: 10px;
  font-size: var(--mobile-redesign-subtitle-font-size-small);
  font-weight: 600;
  line-height: 1;
  letter-spacing: .3px
}

.subtitle-2Pwgvn:before {
  -webkit-transform: translate(2px,2px);
  transform: translate(2px,2px)
}

.greenButton-b18p2y {
  position: relative
}

.greenButton-b18p2y .greenButtonPill-1e28_t {
  display: block;
  background-color: #57f287;
  background-color: var(--spring-green);
  color: #000;
  color: var(--black);
  font-weight: 700;
  font-size: 16px;
  border-radius: 24px;
  padding: 12px 24px;
  position: relative;
  z-index: 1;
  -webkit-transition: -webkit-transform .2s ease-in;
  transition: -webkit-transform .2s ease-in;
  transition: transform .2s ease-in;
  transition: transform .2s ease-in,-webkit-transform .2s ease-in;
  text-align: center
}

.greenButton-b18p2y:before {
  display: block;
  content: "";
  background-color: #141617;
  background-color: var(--button-shadow);
  border-radius: 24px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  -webkit-transform: translate(-4px,8px);
  transform: translate(-4px,8px)
}

.greenButton-b18p2y:hover .greenButtonPill-1e28_t {
  -webkit-transform: translate(4px,-4px);
  transform: translate(4px,-4px)
}

@media screen and (min-width: 720px) {
  .subtitle-2Pwgvn,.title-HAL6j- {
      text-align:center
  }

  .linkWrapper-4jkAX7 {
      background-image: url(/assets/34e72e817f38e9a131b0f11e1162efb5.svg);
      background-size: auto 100%
  }

  .contentLeft-3YkdK1 {
      -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      padding-right: 24px
  }

  .contentCenter-3Qik2s {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      -webkit-box-flex: 0;
      -ms-flex-positive: 0;
      flex-grow: 0
  }

  .contentRight-27keTU {
      -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start
  }
}

@media screen and (min-width: 950px) {
  .title-HAL6j- {
      font-size:20px;
      font-size: var(--mobile-redesign-title-font-size)
  }

  .title-HAL6j-:before {
      -webkit-text-stroke: 4px #000
  }

  .subtitle-2Pwgvn {
      font-size: 14px;
      font-size: var(--mobile-redesign-subtitle-font-size)
  }

  .subtitle-2Pwgvn:before {
      -webkit-text-stroke: 3px #000
  }

  .greenButton-b18p2y .greenButtonPill-1e28_t {
      padding: 12px 48px
  }
}

@media screen and (min-width: 1280px) {
  .images-2ILll- {
      display:block;
      top: 0;
      left: 0;
      right: 0
  }

  .images-2ILll-,.treeImage-1IewH2 {
      position: absolute;
      bottom: 0
  }

  .treeImage-1IewH2 {
      left: 50%;
      -webkit-transform: translateX(-660px);
      transform: translateX(-660px);
      width: 45px;
      height: 37px
  }

  .avatarImage-21xarH {
      top: 16px;
      -webkit-transform: translateX(-580px);
      transform: translateX(-580px)
  }

  .avatarImage-21xarH,.botImage-2LCtBu {
      position: absolute;
      left: 50%
  }

  .botImage-2LCtBu {
      bottom: 0;
      -webkit-transform: translateX(-396px);
      transform: translateX(-396px);
      width: 55px;
      height: 45px
  }

  .wumpusImage-2NZNM3 {
      position: absolute;
      bottom: 0;
      right: 50%;
      -webkit-transform: translateX(760px);
      transform: translateX(760px);
      width: 133px;
      height: 68px
  }

  .contentCenter-3Qik2s {
      -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
      min-width: 580px
  }
}

.heroBackground-itJzsn {
  background: #404eed;
  position: relative;
  min-height: 626px;
  overflow: hidden
}

.heroImageContainer-1VKPo3 {
  position: relative;
  z-index: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.animationPaused-2bk-mM .backgroundImages-2BJ24C {
  -webkit-animation-play-state: paused;
  animation-play-state: paused
}

.backgroundImages-2BJ24C {
  display: none;
  position: absolute;
  top: 0;
  left: 50%
}

.foregroundLeft-2AZivB {
  display: block;
  width: 100%;
  max-width: 880px;
  position: relative;
  z-index: 1;
  margin-left: -80px
}

.foregroundRight-1XXEwv {
  position: absolute;
  bottom: 0;
  display: none
}

.heroContainer-3YphMz {
  padding-top: 56px;
  padding-top: var(--section-spacing);
  padding-bottom: 56px;
  padding-bottom: var(--section-spacing);
  z-index: 1
}

.heroBody-3BztOh {
  grid-column: span 4
}

.heroSubtitle-2aVZl_ {
  margin-top: 24px
}

.heroText-RuKtKO {
  color: #fff;
  color: var(--white)
}

@media screen and (min-width: 768px) {
  .heroBackground-itJzsn {
      padding-bottom:56px;
      padding-bottom: var(--section-spacing);
      min-height: 626px
  }

  .heroSubtitle-2aVZl_ {
      margin-top: 40px
  }

  .heroText-RuKtKO {
      margin-bottom: 8px
  }

  .heroBody-3BztOh {
      grid-column: span 5
  }

  .heroImageContainer-1VKPo3 {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%
  }

  .foregroundLeft-2AZivB {
      display: none
  }

  .foregroundRight-1XXEwv {
      display: block;
      bottom: 0;
      left: 50%;
      margin-left: -70px
  }

  .backgroundImages-2BJ24C {
      display: block
  }

  .clouds-31V58t {
      top: auto;
      bottom: 0;
      margin-left: -1320px
  }
}

@media screen and (min-width: 1024px) {
  .heroBackground-itJzsn {
      padding-bottom:0
  }

  .heroSubtitle-2aVZl_ {
      margin-top: 40px
  }

  .heroBody-3BztOh {
      grid-column: 3/span 8;
      text-align: center
  }

  .clouds-31V58t {
      margin-left: -1280px
  }

  .foregroundLeft-2AZivB {
      position: absolute;
      bottom: 0;
      left: 50%;
      display: block;
      height: auto;
      width: auto;
      max-width: none;
      margin-left: -1030px;
      -webkit-transform: none;
      transform: none
  }

  .foregroundRight-1XXEwv {
      display: block;
      bottom: 0;
      left: 50%;
      margin-left: 370px
  }
}

.cta-1vMtqW {
  margin-bottom: 56px;
  margin-bottom: var(--section-spacing)
}

.greyBackground-1IuGje {
  background-color: #f6f6f6;
  background-color: var(--off-white)
}

.wave-1fOOD3 {
  color: #f6f6f6;
  color: var(--off-white)
}

.invertedWave-16GlIU {
  -webkit-transform: matrix(1,0,0,-1,0,0);
  transform: matrix(1,0,0,-1,0,0)
}

.featureImage-3YcglB {
  max-width: 678px;
  max-height: 440px
}

@media screen and (min-width: 1024px) {
  .lastFeatureTile-V31N9T {
      padding-bottom:80px
  }
}

.outerContainer-1IOU6K {
  overflow: hidden;
  background-color: #23272a;
  background-color: var(--not-quite-black)
}

.container-2uBEfC {
  padding-top: 56px;
  padding-top: var(--section-spacing);
  padding-bottom: 56px;
  padding-bottom: var(--section-spacing)
}

.body-3eFZ9C {
  grid-column: span 4;
  color: #fff;
  color: var(--white)
}

.imageContainer-2-AHTn {
  grid-column: span 4;
  display: none
}

.subtitle-1w2Hr2 {
  margin-top: 24px
}

.buttonContainer-1k3ZEa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.downloadButton-1DT9rV {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.downloadButton-1DT9rV,.infoText-35Gchz {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 24px;
  width: 100%
}

.infoText-35Gchz {
  text-align: center
}

@media screen and (min-width: 768px) {
  .imageContainer-2-AHTn {
      display:block;
      position: relative
  }

  .image-1yVReF {
      height: 100%;
      width: auto;
      position: absolute;
      top: 0;
      down: 0;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto
  }

  .subtitle-1w2Hr2 {
      margin-top: 40px;
      margin-bottom: 16px
  }

  .downloadButton-1DT9rV {
      margin-right: 24px;
      width: auto
  }

  .infoText-35Gchz {
      width: auto
  }

  .buttonContainer-1k3ZEa {
      -webkit-box-pack: normal;
      -ms-flex-pack: normal;
      justify-content: normal
  }
}

@media screen and (min-width: 1024px) {
  .imageContainer-2-AHTn {
      grid-column:7/span 6
  }

  .body-3eFZ9C {
      grid-column: span 6
  }
}

.container-2U8X9L {
  padding-top: 56px;
  padding-top: var(--section-spacing);
  padding-bottom: 56px;
  padding-bottom: var(--section-spacing);
  color: #23272a;
  color: var(--not-quite-black)
}

.card-3eSbxh,.ptbCard-3BTjje {
  grid-column: span 1;
  grid-row: span 2;
  background-color: #f6f6f6;
  background-color: var(--off-white)
}

.card-3eSbxh {
  overflow: hidden;
  height: 363px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 16px;
  padding: 56px;
  color: #23272a;
  color: var(--not-quite-black)
}

.cardTextContainer-1f3w0Q {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.platformButton-1oqfNa {
  margin-top: 16px
}

.platformImage-2lietL {
  margin-top: 24px;
  width: 100%
}

.cardContainer-jGtHRY {
  grid-column: span 4;
  grid-column: span var(--num-grid-columns);
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px
}

.ptbCard-3BTjje {
  padding: 48px 40px
}

.ptbSubtitle-2F_jCI {
  margin-top: 16px;
  margin-bottom: 16px
}

.dropdownArrow-1My_3f {
  margin-left: 8px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

@media screen and (min-width: 768px) {
  .card-3eSbxh {
      height:600px
  }

  .cardContainer-jGtHRY {
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 156px auto 156px auto 156px
  }

  .card1-15FEen {
      grid-column: 2;
      grid-row: 2/span 2
  }
}

@media screen and (min-width: 768px) {
  .platformImage-2lietL {
      margin-top:64px;
      width: auto
  }
}

.title-27wCxJ {
  grid-column: span 4;
  grid-column: span var(--num-grid-columns);
  margin-top: 56px;
  margin-top: var(--section-spacing);
  margin-bottom: 24px;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto
}

.document-25D7S4 {
  font-family: var(--font-primary);
  font-weight: 350;
  font-size: 16px;
  line-height: 28px;
  word-wrap: break-word;
  color: #23272a;
  color: var(--not-quite-black)
}

.document-25D7S4 h1 {
  margin-top: 40px;
  font-weight: 500;
  font-size: 32px;
  line-height: 120%
}

.document-25D7S4 h2,.document-25D7S4 h3 {
  margin-top: 40px;
  font-size: 24px;
  line-height: 140%
}

.document-25D7S4 h5 {
  margin-top: 40px;
  margin-bottom: 40px;
  font-size: 24px;
  line-height: 120%
}

.document-25D7S4 .paragraph-3ckiht,.document-25D7S4 p {
  margin-top: 24px;
  display: block;
  font-family: var(--font-primary);
  font-weight: 350;
  font-size: 16px;
  line-height: 28px;
  color: #23272a;
  color: var(--not-quite-black)
}

.document-25D7S4 li p,.document-25D7S4 li ul {
  margin-top: 0
}

.document-25D7S4 a {
  color: #5865f2;
  color: var(--brand)
}

.document-25D7S4 a:hover {
  text-decoration: underline
}

.keyboardMode .document-25D7S4 a:focus {
  -webkit-box-shadow: 0 0 0 3px #00b0f4;
  -webkit-box-shadow: 0 0 0 3px var(--focus-border);
  box-shadow: 0 0 0 3px #00b0f4;
  box-shadow: 0 0 0 3px var(--focus-border);
  border-radius: 4px
}

.document-25D7S4 ul {
  margin-top: 24px;
  margin-left: 15px
}

.document-25D7S4 ul li {
  position: relative;
  font-family: var(--font-primary);
  font-weight: 350;
  font-size: 16px;
  line-height: 28px;
  color: #23272a;
  color: var(--not-quite-black)
}

.document-25D7S4 ul li:before {
  position: absolute;
  content: "\2022";
  top: 0;
  left: -15px
}

.document-25D7S4 ol {
  list-style: decimal;
  margin: 10px 0 0 15px
}

.document-25D7S4 ol li {
  margin-top: 10px
}

.document-25D7S4 .bold-2i9i2c,.document-25D7S4 strong {
  font-weight: 700
}

.document-25D7S4 .underline-2cPmjS,.document-25D7S4 u {
  text-decoration: underline
}

.document-25D7S4 .italics-2MHldx,.document-25D7S4 em {
  font-style: italic
}

.document-25D7S4 .pre-NiP_FO,.document-25D7S4 pre {
  white-space: pre-wrap
}

.document-25D7S4 h1:first-of-type {
  font-weight: 700;
  font-size: 56px;
  line-height: 120%
}

.document-25D7S4 h1:first-of-type+p {
  font-size: 24px;
  line-height: 140%;
  color: #23272a;
  color: var(--not-quite-black)
}

.section-3zn4yL {
  margin-top: 56px;
  margin-top: var(--section-spacing);
  margin-bottom: 56px;
  margin-bottom: var(--section-spacing);
  grid-column: span 4;
  grid-column: span var(--num-grid-columns)
}

@media screen and (min-width: 1024px) {
  .section-3zn4yL {
      grid-column:3/span 8
  }
}

.love-1UBoEg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.loveImage-Fgwe_L {
  border-radius: 6px;
  width: 100%;
  height: auto
}

.errorCardWrapper-1p_Y6g {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0
}

@media screen and (max-width: 848px) {
  .errorCardWrapper-1p_Y6g {
      -ms-flex-preferred-size:auto;
      flex-basis: auto
  }
}

.errorCard-1v1EyE {
  padding: 20px 30px
}

@media screen and (max-width: 848px) {
  .errorCard-1v1EyE {
      text-align:center
  }
}

.errorFlexWrapper-3U4FdW {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  text-align: left
}

@media screen and (max-width: 848px) {
  .errorFlexWrapper-3U4FdW {
      -ms-flex-wrap:wrap-reverse;
      flex-wrap: wrap-reverse
  }
}

.errorSweats-1TC5qm {
  -ms-flex-preferred-size: 0;
  flex-basis: 0
}

@media screen and (max-width: 848px) {
  .errorSweats-1TC5qm {
      -ms-flex-preferred-size:100%;
      flex-basis: 100%;
      margin-bottom: 20px
  }
}

.loadingCard-10VI6s {
  padding: 20px 30px
}

.messageText-1JFYnC {
  margin-left: 12px;
  text-align: left
}

.fileInput-1Uazo- {
  position: absolute;
  height: 1px;
  width: 1px;
  border: 0;
  padding: 0;
  clip: rect(0,0,0,0);
  overflow: hidden;
  white-space: nowrap
}

.fileInputButton-18BZFY:focus-within {
  -webkit-box-shadow: 0 0 3px 3px hsl(235,85.6%,64.7%);
  -webkit-box-shadow: 0 0 3px 3px hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%);
  box-shadow: 0 0 3px 3px hsl(235,85.6%,64.7%);
  box-shadow: 0 0 3px 3px hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%)
}

.input-536yfd {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  padding: 10px;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  outline: none;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: background-color .15s ease,border .15s ease;
  transition: background-color .15s ease,border .15s ease
}

.input-536yfd.mini-32Mgdb {
  padding: 4px 7px;
  height: 26px;
  line-height: 16px
}

.input-536yfd.editable-6eU2Ul {
  background-color: transparent;
  border-color: transparent
}

.input-536yfd,.input-536yfd.editable-6eU2Ul:focus,.input-536yfd.editable-6eU2Ul:hover {
  color: hsl(223,6.7%,20.6%);
  color: hsl(223,calc(var(--saturation-factor, 1)*6.7%),20.6%);
  background-color: #fff;
  border-color: rgba(hsl(228,6%,32.5%),.3);
  border-color: rgba(hsl(228,calc(var(--saturation-factor, 1)*6%),32.5%),.3)
}

.input-536yfd.editable-6eU2Ul:focus::-webkit-input-placeholder,.input-536yfd.editable-6eU2Ul:hover::-webkit-input-placeholder,.input-536yfd::-webkit-input-placeholder {
  color: hsl(210,9.3%,78.8%);
  color: hsl(210,calc(var(--saturation-factor, 1)*9.3%),78.8%)
}

.input-536yfd.editable-6eU2Ul:focus::-moz-placeholder,.input-536yfd.editable-6eU2Ul:hover::-moz-placeholder,.input-536yfd::-moz-placeholder {
  color: hsl(210,9.3%,78.8%);
  color: hsl(210,calc(var(--saturation-factor, 1)*9.3%),78.8%)
}

.input-536yfd.editable-6eU2Ul:focus:-ms-input-placeholder,.input-536yfd.editable-6eU2Ul:hover:-ms-input-placeholder,.input-536yfd:-ms-input-placeholder {
  color: hsl(210,9.3%,78.8%);
  color: hsl(210,calc(var(--saturation-factor, 1)*9.3%),78.8%)
}

.input-536yfd.editable-6eU2Ul:focus::placeholder,.input-536yfd.editable-6eU2Ul:hover::placeholder,.input-536yfd::placeholder {
  color: hsl(210,9.3%,78.8%);
  color: hsl(210,calc(var(--saturation-factor, 1)*9.3%),78.8%)
}

.input-536yfd.editable-6eU2Ul:focus:focus,.input-536yfd.editable-6eU2Ul:focus:hover,.input-536yfd.editable-6eU2Ul:hover:focus,.input-536yfd.editable-6eU2Ul:hover:hover,.input-536yfd:focus,.input-536yfd:hover {
  border-color: hsl(235,85.6%,64.7%);
  border-color: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%)
}

.input-536yfd.editable-6eU2Ul:focus:focus,.input-536yfd.editable-6eU2Ul:hover:focus,.input-536yfd:focus {
  -webkit-box-shadow: 0 0 6px 0 rgba(hsl(235,85.6%,64.7%),.5);
  -webkit-box-shadow: 0 0 6px 0 rgba(hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%),.5);
  box-shadow: 0 0 6px 0 rgba(hsl(235,85.6%,64.7%),.5);
  box-shadow: 0 0 6px 0 rgba(hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%),.5)
}

.input-536yfd.editable-6eU2Ul:focus.error-2fAh-t,.input-536yfd.editable-6eU2Ul:hover.error-2fAh-t,.input-536yfd.error-2fAh-t {
  border-color: hsl(358,91.8%,66.5%);
  border-color: hsl(358,calc(var(--saturation-factor, 1)*91.8%),66.5%);
  -webkit-box-shadow: 0 0 6px 0 rgba(hsl(358,91.8%,66.5%),.5);
  -webkit-box-shadow: 0 0 6px 0 rgba(hsl(358,calc(var(--saturation-factor, 1)*91.8%),66.5%),.5);
  box-shadow: 0 0 6px 0 rgba(hsl(358,91.8%,66.5%),.5);
  box-shadow: 0 0 6px 0 rgba(hsl(358,calc(var(--saturation-factor, 1)*91.8%),66.5%),.5)
}

.input-536yfd.disabled-13v7Wl,.input-536yfd.editable-6eU2Ul:focus.disabled-13v7Wl,.input-536yfd.editable-6eU2Ul:hover.disabled-13v7Wl {
  border-color: hsl(216,9.8%,90%);
  border-color: hsl(216,calc(var(--saturation-factor, 1)*9.8%),90%)
}

.input-536yfd.editable-6eU2Ul:focus.primaryColorText-2dozui,.input-536yfd.editable-6eU2Ul:hover.primaryColorText-2dozui,.input-536yfd.primaryColorText-2dozui {
  color: hsl(228,6%,32.5%);
  color: hsl(228,calc(var(--saturation-factor, 1)*6%),32.5%)
}

.disabled-13v7Wl {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: not-allowed;
  opacity: .5
}

.input-536yfd {
  height: 120px;
  resize: none;
  font-family: var(--font-primary)
}

.input-536yfd.resizeable-1DrOf8 {
  resize: auto
}

.antiDiscriminationText-fQL63L {
  font-weight: 600;
  color: #000;
  border: 1px solid #333;
  padding: 12px;
  border-radius: 4px
}

.uploader-1m-LhR {
  height: 0;
  overflow: hidden;
  position: relative
}

.deleteIcon-2Vd_EC {
  position: absolute;
  top: 14px;
  right: 20px;
  border: 0;
  cursor: pointer;
  background: url(/assets/8307730f12369150034efedddaedb68b.svg) no-repeat 5px 5px;
  background-size: 10px;
  width: 20px;
  height: 20px;
  z-index: 9999
}

.deleteIcon-2Vd_EC:hover {
  top: 13px
}

.success-2GgYAC {
  text-align: center;
  max-height: 50%;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.submitStepHeading-1zI0RJ {
  margin: 20px 0
}

.errorSection-2Oq14A {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 60px
}

.errorSectionText-2i-LQS {
  margin-top: 20px;
  font-size: 20px;
  text-align: center
}

.errorSectionText-2i-LQS a {
  color: hsl(235,85.6%,64.7%);
  color: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%);
  -webkit-transition: color .25s ease;
  transition: color .25s ease
}

.errorSectionText-2i-LQS a:hover {
  color: hsl(235,46.7%,44.1%);
  color: hsl(235,calc(var(--saturation-factor, 1)*46.7%),44.1%);
  text-decoration: none
}

.container-1p2bCn {
  width: 100%;
  overflow: hidden;
  position: relative
}

.itemContainer-2UfZVK {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.item-2H1Iqw {
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.container-Mle1P1 {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.innerContainer-3V_V4P {
  width: 100%;
  height: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.arrowLeftBackground-tb76CZ,.arrowRightBackground-2Ypckc,.innerContainer-3V_V4P {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.arrowLeftBackground-tb76CZ,.arrowRightBackground-2Ypckc {
  margin: 8px;
  width: 40px;
  height: 40px;
  background-color: rgba(35,39,42,.3);
  background-color: rgba(var(--not-quite-black-rgb),.3);
  border-radius: 50%;
  cursor: pointer;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.arrowLeft-1uowgb,.arrowRight-3FM4Qd {
  width: 20px;
  height: 20px;
  opacity: 1;
  color: #fff;
  color: var(--white)
}

.arrowLeft-1uowgb {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

@media screen and (min-width: 768px) {
  .arrowLeftBackground-tb76CZ,.arrowRightBackground-2Ypckc {
      margin:40px;
      width: 64px;
      height: 64px
  }

  .arrowLeft-1uowgb,.arrowRight-3FM4Qd {
      width: 32px;
      height: 32px
  }
}

.container-3QiGU9 {
  width: 100%
}

.carouselItemOuter-Jo7u_d {
  padding: 0 4px
}

.carouselItemContainer-2-jMZR {
  border-radius: 16px;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%
}

.carouselItemImage-1RpkSe {
  width: 100%;
  height: auto
}

@media screen and (min-width: 768px) {
  .carouselItemOuter-Jo7u_d {
      padding:0 20px
  }
}

.container-3blobg {
  background-color: #2c2f33;
  background-color: var(--dark-not-black)
}

.text-30eCIU {
  color: #fff;
  color: var(--white);
  grid-column: span 4;
  grid-column: span var(--num-grid-columns);
  margin-top: 56px;
  margin-top: var(--section-spacing);
  margin-bottom: 56px;
  margin-bottom: var(--section-spacing)
}

.text-30eCIU p+p {
  margin-top: 34px;
  text-align: center
}

.carousel-HpIakW {
  margin-bottom: 56px;
  margin-bottom: var(--section-spacing)
}

.item-207YL8 {
  grid-column: span 4
}

.row-3s5Tzq {
  row-gap: 40px
}

.icon-e6wyyx {
  margin-bottom: 5px
}

.title-sgwN3Q {
  font-weight: 500;
  margin-bottom: 10px
}

@media screen and (min-width: 1024px) {
  .item-207YL8 {
      padding-left:30px;
      padding-right: 30px
  }
}

.container-iCCXWP {
  background: #5865f2;
  background: var(--brand);
  color: #fff;
  color: var(--white);
  padding-top: 56px;
  padding-top: var(--section-spacing);
  padding-bottom: 56px;
  padding-bottom: var(--section-spacing)
}

.heading-32hRC9 {
  grid-column: span 4;
  grid-column: span var(--num-grid-columns);
  color: #fff;
  margin-bottom: 56px;
  margin-bottom: var(--section-spacing);
  font-size: 42px;
  font-weight: 700px;
  line-height: 58px
}

.heroBackground-3G0SVY {
  background-color: #f6f6f6;
  background-color: var(--off-white)
}

.heroBody-3Vek1W {
}

.heroTitle-1W40YJ {
  color: #5865f2;
  color: var(--brand)
}

.heroLocation-Q7TooQ {
  color: #23272a;
  color: var(--not-quite-black);
  margin-top: 4px
}

.heroSubtitle-HH0sGM {
  margin-top: 36px
}

.body-3FbesM {
}

.body-3FbesM,.body-3FbesM .paragraph-THrAwg,.body-3FbesM p,.body-3FbesM ul li {
  font-size: 20px;
  line-height: 30px
}

.body-3FbesM>:first-child {
  margin-top: 0
}

.perkIcons-3xGAT- {
  color: #87ee98
}

.eeoc-ZfrWHw {
  margin-top: 24px;
  color: #5865f2;
  color: var(--brand)
}

.ctaContainer-3FbgNU {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.cta-2x7Y1g {
  margin-top: 40px
}

.card-31Xlvc {
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
  box-shadow: 0 1px 1px rgba(0,0,0,.1);
  border-radius: 16px;
  overflow: hidden;
  color: #23272a;
  color: var(--not-quite-black);
  background-color: #fff;
  background-color: var(--white);
  padding: 40px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.card-31Xlvc,.ctaContainer-270HRF,.headerContainer-2FBrmj {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.ctaContainer-270HRF,.headerContainer-2FBrmj {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}

.button-2zKNcX,.description-e2rpy9,.features-3LLMU2,.linkContainer-3IueuT,.name-1GZ3gE {
  margin-top: 20px
}

.feature-2Z4R0B {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.feature-2Z4R0B:last-child {
  margin-bottom: 0
}

.check-1Bfepi {
  color: var(--green-230);
  margin-top: 2px;
  margin-right: 11px;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.link-3x_WUu {
  margin-left: 16px
}

.link-3x_WUu:first-child {
  margin-left: 0
}

.container-19Bx0i {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px
}

@media screen and (min-width: 768px) {
  .container-19Bx0i {
      grid-template-columns:1fr 1fr
  }
}

@media screen and (min-width: 1024px) {
  .card-31Xlvc {
      padding:80px 100px
  }
}

.container-2o2D-a {
  background-color: #f6f6f6;
  background-color: var(--off-white);
  padding-top: 56px;
  padding-top: var(--section-spacing);
  padding-bottom: 56px;
  padding-bottom: var(--section-spacing)
}

.textContainer-xT7vkl {
  color: #23272a;
  color: var(--not-quite-black);
  text-align: center;
  grid-column: span 4;
  grid-column: span var(--num-grid-columns)
}

.addonContainer-J05upy {
  margin-bottom: 80px
}

.addonContainer-J05upy,.communityAddonContainer-1mGdrC {
  grid-column: span 4;
  grid-column: span var(--num-grid-columns);
  margin-top: 80px
}

.subtitle-2XsxQe {
  margin-top: 24px
}

.wave-2dveaz {
  background-color: #f6f6f6;
  background-color: var(--off-white);
  color: #23272a;
  color: var(--not-quite-black)
}

.container-1fiivK {
  background: #5865f2;
  background: var(--brand)
}

.content-3io5Js {
  padding-top: 56px;
  padding-top: var(--section-spacing);
  padding-bottom: 56px;
  padding-bottom: var(--section-spacing)
}

.textContainer-20YFY_ {
  color: #fff;
  color: var(--white);
  grid-column: span 4;
  grid-column: span var(--num-grid-columns)
}

.subtitle-1Jry7c {
  margin-top: 24px
}

.container-3G7Xhu {
  padding-top: 56px;
  padding-top: var(--section-spacing);
  padding-bottom: 56px;
  padding-bottom: var(--section-spacing)
}

.textContainer-2gbyI_ {
  color: #23272a;
  color: var(--not-quite-black);
  grid-column: span 4;
  grid-column: span var(--num-grid-columns);
  margin-bottom: 40px
}

.subtitle-20NVeu {
  margin-top: 28px
}

.step-3_jQiD {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  grid-column: span 4;
  grid-column: span var(--num-grid-columns);
  margin-top: 20px
}

.step-3_jQiD:first-of-type {
  margin-top: 0
}

.stepTitle-3qbpyA {
  margin-top: 8px;
  color: #5865f2;
  color: var(--brand)
}

.stepSubtitle-14UbQF {
  margin-top: 8px;
  color: #23272a;
  color: var(--not-quite-black)
}

@media screen and (min-width: 768px) {
  .step-3_jQiD {
      -webkit-box-orient:horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      text-align: left
  }

  .stepImage-3Zsquc {
      margin-left: 8px;
      margin-right: 8px
  }
}

@media screen and (min-width: 1024px) {
  .textContainer-2gbyI_ {
      margin-bottom:80px
  }

  .step-3_jQiD {
      margin-top: 0;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      grid-column: span 4;
      text-align: center
  }

  .stepImage-3Zsquc {
      margin-left: 0;
      margin-right: 0
  }
}

/*# sourceMappingURL=532.5a08853a37b1db67b91b.css.map*/