.anchor_af404b {
  color: var(--text-link);
  -webkit-text-decoration: var(--link-decoration);
  text-decoration: var(--link-decoration)
}

.low-saturation .anchor_af404b {
  color: var(--text-link-low-saturation)
}

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

.enable-forced-colors .anchor_af404b,
.enable-forced-colors .anchorUnderlineOnHover_af404b {
  color: LinkText !important;
  background-color: Canvas;
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.enable-forced-colors .anchor_af404b svg,
.enable-forced-colors .anchorUnderlineOnHover_af404b svg {
  color: currentColor
}

.enable-forced-colors .anchor_af404b:not([href]),
.enable-forced-colors .anchorUnderlineOnHover_af404b:not([href]) {
  color: ButtonText !important
}

.enable-forced-colors .anchor_af404b:not([href]),
.enable-forced-colors .anchorUnderlineOnHover_af404b:not([href]) {
  background-color: ButtonFace
}

@keyframes spinner-wandering-cubes_b6db20 {
  25% {
    transform: translatex(22px)rotate(-90deg)scale(.5)
  }

  50% {
    transform: translatex(22px)translatey(22px)rotate(-180deg)
  }

  75% {
    transform: translatex(0)translatey(22px)rotate(-270deg)scale(.5)
  }

  to {
    transform: rotate(-360deg)
  }
}

@keyframes spinner-chasing-dots-rotate_b6db20 {
  to {
    transform: rotate(360deg)
  }
}

@keyframes spinner-chasing-dots-bounce_b6db20 {

  0%,
  to {
    transform: scale(0)
  }

  50% {
    transform: scale(1)
  }
}

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

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

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

@keyframes spinner-low-motion_b6db20 {
  0% {
    opacity: 1
  }

  50% {
    opacity: .6
  }

  to {
    opacity: 1
  }
}

@keyframes spinner-spinning-circle-rotate_b6db20 {
  to {
    transform: rotate(360deg)
  }
}

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

  50% {
    stroke-dasharray: 130, 200
  }

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

.spinner_b6db20 {
  display: flex;
  justify-content: center;
  align-items: center
}

.inner_b6db20 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  contain: paint
}

.wanderingCubes_b6db20 .item_b6db20 {
  background-color: var(--brand-400);
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 0;
  animation: spinner-wandering-cubes_b6db20 1.8s infinite ease-in-out
}

.wanderingCubes_b6db20 .item_b6db20:last-child {
  animation-delay: -.9s
}

.chasingDots_b6db20 {
  animation: spinner-chasing-dots-rotate_b6db20 2s infinite linear
}

.chasingDots_b6db20 .item_b6db20 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: var(--brand-500);
  border-radius: 100%;
  animation: spinner-chasing-dots-bounce_b6db20 2s infinite ease-in-out
}

.chasingDots_b6db20 .item_b6db20:last-child {
  top: auto;
  bottom: 0;
  animation-delay: -1s
}

.pulsingEllipsis_b6db20 {
  height: auto;
  width: 28px;
  display: flex;
  justify-content: center;
  position: relative
}

.pulsingEllipsis_b6db20 .item_b6db20 {
  animation: spinner-pulsing-ellipsis_b6db20 1.4s infinite ease-in-out;
  width: 6px;
  height: 6px;
  margin-right: 2px;
  background-color: var(--primary-100);
  border-radius: 3px;
  display: inline-block;
  opacity: .3
}

.pulsingEllipsis_b6db20 .item_b6db20:nth-of-type(2) {
  animation-delay: .2s
}

.pulsingEllipsis_b6db20 .item_b6db20:nth-of-type(3) {
  animation-delay: .4s
}

.lowMotion_b6db20 .item_b6db20 {
  animation: spinner-low-motion_b6db20 1.4s infinite ease-in-out;
  width: 6px;
  height: 6px;
  margin-right: 2px;
  background-color: var(--interactive-normal);
  border-radius: 3px;
  display: inline-block;
  opacity: .3
}

.lowMotion_b6db20 .item_b6db20:nth-of-type(2) {
  animation-delay: .2s
}

.lowMotion_b6db20 .item_b6db20:nth-of-type(3) {
  animation-delay: .4s
}

.stop-animation .pulsingEllipsis_b6db20 .item_b6db20,
.stopAnimation_b6db20 .item_b6db20,
.stopAnimation_b6db20 .chasingDots_b6db20,
.stopAnimation_b6db20 .circular_b6db20,
.stopAnimation_b6db20 .path_b6db20 {
  animation: none
}

.spinningCircle_b6db20 {
  width: 100%
}

.spinningCircleInner_b6db20 {
  transform: rotate(280deg)
}

.circular_b6db20 {
  animation: spinner-spinning-circle-rotate_b6db20 2s linear infinite;
  height: 100%;
  width: 100%
}

.path_b6db20 {
  animation: spinner-spinning-circle-dash_b6db20 2s ease-in-out infinite;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  fill: none;
  stroke-width: 6;
  stroke-miterlimit: 10;
  stroke-linecap: round;
  stroke: var(--brand-500)
}

.path2_b6db20 {
  animation-delay: .15s;
  stroke: var(--text-brand);
  opacity: .6
}

.path3_b6db20 {
  animation-delay: .23s;
  stroke: var(--text-brand)
}

.theme-light .path3_b6db20 {
  opacity: .3
}

html.decorate-links .lowSaturationUnderline_c7819f {
  -webkit-text-decoration: underline !important;
  text-decoration: underline !important
}

[data-accessibility*=desaturate],
.desaturate_c7819f {
  filter: saturate(1);
  filter: saturate(var(--saturation-factor, 1))
}

.theme-dark {
  --brightness: calc(1.5 - var(--saturation-factor, 1) * 0.5);
  --contrast: var(--saturation-factor, 1)
}

.theme-light {
  --brightness: calc(0.5 + var(--saturation-factor, 1) * 0.5);
  --contrast: var(--saturation-factor, 1)
}

.desaturate-user-colors .desaturateUserColors_c7819f {
  filter: saturate(1)contrast(1)brightness(1);
  filter: saturate(var(--saturation-factor, 1))contrast(var(--contrast, 1))brightness(var(--brightness, 1))
}

.button_dd4f85 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  background: none;
  border: none;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  padding: 2px 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.button_dd4f85:disabled,
.button_dd4f85[aria-disabled=true] {
  cursor: not-allowed;
  opacity: .5
}

.button_dd4f85 .contents_dd4f85 {
  --button--underline-color: transparent;
  background-image: linear-gradient(to top, transparent, transparent var(--custom-button-link-underline-offset), transparent var(--custom-button-link-underline-offset), transparent var(--custom-button-link-underline-stop), transparent var(--custom-button-link-underline-stop));
  background-image: linear-gradient(to top, transparent, transparent var(--custom-button-link-underline-offset), var(--button--underline-color)var(--custom-button-link-underline-offset), var(--button--underline-color)var(--custom-button-link-underline-stop), transparent var(--custom-button-link-underline-stop))
}

.lookFilled_dd4f85.colorBrand_dd4f85 {
  color: var(--button-filled-brand-text);
  background-color: var(--button-filled-brand-background)
}

.lookFilled_dd4f85.colorBrand_dd4f85:hover {
  background-color: var(--button-filled-brand-background-hover)
}

.lookFilled_dd4f85.colorBrand_dd4f85:active {
  background-color: var(--button-filled-brand-background-active)
}

.lookFilled_dd4f85.colorBrand_dd4f85 .spinnerItem_dd4f85 {
  background-color: var(--button-filled-brand-text)
}

.lookFilled_dd4f85.colorBrand_dd4f85:disabled,
.lookFilled_dd4f85.colorBrand_dd4f85[aria-disabled=true] {
  background-color: var(--button-filled-brand-background)
}

.lookFilled_dd4f85.colorBrandInverted_dd4f85 {
  color: var(--button-filled-brand-inverted-text);
  background-color: var(--button-filled-brand-inverted-background)
}

.lookFilled_dd4f85.colorBrandInverted_dd4f85:hover {
  background-color: var(--button-filled-brand-inverted-background-hover)
}

.lookFilled_dd4f85.colorBrandInverted_dd4f85:active {
  background-color: var(--button-filled-brand-inverted-background-active)
}

.lookFilled_dd4f85.colorBrandInverted_dd4f85 .spinnerItem_dd4f85 {
  background-color: var(--button-filled-brand-inverted-text)
}

.lookFilled_dd4f85.colorBrandInverted_dd4f85:disabled,
.lookFilled_dd4f85.colorBrandInverted_dd4f85[aria-disabled=true] {
  background-color: var(--button-filled-brand-inverted-background)
}

.lookOutlined_dd4f85.colorBrand_dd4f85 {
  color: var(--button-outline-brand-text);
  border-color: var(--button-outline-brand-border)
}

.lookOutlined_dd4f85.colorBrand_dd4f85:hover {
  background-color: var(--button-outline-brand-background-hover);
  border-color: var(--button-outline-brand-border-hover);
  color: var(--button-outline-brand-text-hover)
}

.lookOutlined_dd4f85.colorBrand_dd4f85:active {
  background-color: var(--button-outline-brand-background-active);
  border-color: var(--button-outline-brand-border-active);
  color: var(--button-outline-brand-text-active)
}

.lookOutlined_dd4f85.colorBrand_dd4f85:disabled,
.lookOutlined_dd4f85.colorBrand_dd4f85[aria-disabled=true] {
  background-color: transparent
}

.lookOutlined_dd4f85.colorBrand_dd4f85 .spinnerItem_dd4f85 {
  background-color: var(--brand-500)
}

.lookLink_dd4f85.colorBrand_dd4f85 {
  color: var(--brand-500)
}

.lookLink_dd4f85.colorBrand_dd4f85:hover .contents_dd4f85 {
  --button--underline-color: var(--brand-500)
}

.lookLink_dd4f85.colorBrand_dd4f85:disabled .contents_dd4f85,
.lookLink_dd4f85.colorBrand_dd4f85[aria-disabled=true] .contents_dd4f85 {
  background-image: none
}

.lookLink_dd4f85.colorBrand_dd4f85 .spinnerItem_dd4f85 {
  background-color: var(--brand-500)
}

.lookOutlined_dd4f85.colorPrimary_dd4f85 {
  color: var(--button-outline-primary-text);
  border-color: var(--button-outline-primary-border)
}

.lookOutlined_dd4f85.colorPrimary_dd4f85:hover {
  background-color: var(--button-outline-primary-background-hover);
  border-color: var(--button-outline-primary-border-hover);
  color: var(--button-outline-primary-text-hover)
}

.lookOutlined_dd4f85.colorPrimary_dd4f85:active {
  background-color: var(--button-outline-primary-background-active);
  border-color: var(--button-outline-primary-border-active);
  color: var(--button-outline-primary-text-active)
}

.lookOutlined_dd4f85.colorPrimary_dd4f85:disabled,
.lookOutlined_dd4f85.colorPrimary_dd4f85[aria-disabled=true] {
  color: var(--button-outline-primary-text);
  background-color: transparent
}

.lookOutlined_dd4f85.colorPrimary_dd4f85 .spinnerItem_dd4f85 {
  background-color: var(--white)
}

.lookFilled_dd4f85.colorLink_dd4f85 {
  color: var(--white);
  background-color: var(--text-link)
}

.lookFilled_dd4f85.colorLink_dd4f85:hover {
  background-color: null
}

.lookFilled_dd4f85.colorLink_dd4f85:active {
  background-color: null
}

.lookFilled_dd4f85.colorLink_dd4f85 .spinnerItem_dd4f85 {
  background-color: var(--white)
}

.lookFilled_dd4f85.colorLink_dd4f85:disabled,
.lookFilled_dd4f85.colorLink_dd4f85[aria-disabled=true] {
  background-color: var(--text-link)
}

.lookOutlined_dd4f85.colorLink_dd4f85 {
  color: var(--text-link);
  border-color: var(--text-link)
}

.lookOutlined_dd4f85.colorLink_dd4f85:active {
  background-color: hsl(var(--text-link-hsl)/.1)
}

.lookOutlined_dd4f85.colorLink_dd4f85:disabled,
.lookOutlined_dd4f85.colorLink_dd4f85[aria-disabled=true] {
  background-color: transparent
}

.lookOutlined_dd4f85.colorLink_dd4f85 .spinnerItem_dd4f85 {
  background-color: var(--text-link)
}

.lookLink_dd4f85.colorLink_dd4f85 {
  color: var(--text-link)
}

.lookLink_dd4f85.colorLink_dd4f85:hover .contents_dd4f85 {
  --button--underline-color: var(--text-link)
}

.lookLink_dd4f85.colorLink_dd4f85:disabled .contents_dd4f85,
.lookLink_dd4f85.colorLink_dd4f85[aria-disabled=true] .contents_dd4f85 {
  background-image: none
}

.lookLink_dd4f85.colorLink_dd4f85 .spinnerItem_dd4f85 {
  background-color: var(--text-link)
}

.lookFilled_dd4f85.colorWhite_dd4f85 {
  color: var(--button-filled-white-text);
  background-color: var(--button-filled-white-background)
}

.lookFilled_dd4f85.colorWhite_dd4f85:hover {
  background-color: null
}

.lookFilled_dd4f85.colorWhite_dd4f85:active {
  background-color: null
}

.lookFilled_dd4f85.colorWhite_dd4f85 .spinnerItem_dd4f85 {
  background-color: var(--button-filled-white-text)
}

.lookFilled_dd4f85.colorWhite_dd4f85:disabled,
.lookFilled_dd4f85.colorWhite_dd4f85[aria-disabled=true] {
  background-color: var(--button-filled-white-background)
}

.lookOutlined_dd4f85.colorWhite_dd4f85 {
  color: var(--white);
  border-color: var(--white)
}

.lookOutlined_dd4f85.colorWhite_dd4f85:active {
  background-color: hsl(var(--white-hsl)/.1)
}

.lookOutlined_dd4f85.colorWhite_dd4f85:disabled,
.lookOutlined_dd4f85.colorWhite_dd4f85[aria-disabled=true] {
  background-color: transparent
}

.lookOutlined_dd4f85.colorWhite_dd4f85 .spinnerItem_dd4f85 {
  background-color: var(--white)
}

.lookLink_dd4f85.colorWhite_dd4f85 {
  color: var(--white)
}

.lookLink_dd4f85.colorWhite_dd4f85:hover .contents_dd4f85 {
  --button--underline-color: var(--white)
}

.lookLink_dd4f85.colorWhite_dd4f85:disabled .contents_dd4f85,
.lookLink_dd4f85.colorWhite_dd4f85[aria-disabled=true] .contents_dd4f85 {
  background-image: none
}

.lookLink_dd4f85.colorWhite_dd4f85 .spinnerItem_dd4f85 {
  background-color: var(--white)
}

.lookFilled_dd4f85.colorRed_dd4f85 {
  color: var(--white);
  background-color: var(--button-danger-background)
}

.lookFilled_dd4f85.colorRed_dd4f85:hover {
  background-color: var(--button-danger-background-hover)
}

.lookFilled_dd4f85.colorRed_dd4f85:active {
  background-color: var(--button-danger-background-active)
}

.lookFilled_dd4f85.colorRed_dd4f85 .spinnerItem_dd4f85 {
  background-color: var(--white)
}

.lookFilled_dd4f85.colorRed_dd4f85:disabled,
.lookFilled_dd4f85.colorRed_dd4f85[aria-disabled=true] {
  background-color: var(--button-danger-background-disabled)
}

.lookOutlined_dd4f85.colorRed_dd4f85 {
  background-color: var(--button-outline-danger-background);
  color: var(--button-outline-danger-text);
  border-color: var(--button-outline-danger-border)
}

.lookOutlined_dd4f85.colorRed_dd4f85:hover {
  background-color: var(--button-outline-danger-background-hover);
  border-color: var(--button-outline-danger-border-hover);
  color: var(--button-outline-danger-text-hover)
}

.lookOutlined_dd4f85.colorRed_dd4f85:active {
  background-color: var(--button-outline-danger-background-active);
  border-color: var(--button-outline-danger-border-active);
  color: var(--button-outline-danger-text-active)
}

.lookOutlined_dd4f85.colorRed_dd4f85:disabled,
.lookOutlined_dd4f85.colorRed_dd4f85[aria-disabled=true] {
  background-color: transparent
}

.lookOutlined_dd4f85.colorRed_dd4f85 .spinnerItem_dd4f85 {
  background-color: var(--red-400)
}

.lookLink_dd4f85.colorRed_dd4f85 {
  color: var(--text-danger)
}

.lookLink_dd4f85.colorRed_dd4f85:hover .contents_dd4f85 {
  --button--underline-color: var(--text-danger)
}

.lookLink_dd4f85.colorRed_dd4f85:disabled .contents_dd4f85,
.lookLink_dd4f85.colorRed_dd4f85[aria-disabled=true] .contents_dd4f85 {
  background-image: none
}

.lookLink_dd4f85.colorRed_dd4f85 .spinnerItem_dd4f85 {
  background-color: var(--text-danger)
}

.lookFilled_dd4f85.colorGreen_dd4f85 {
  color: var(--white);
  background-color: var(--button-positive-background)
}

.lookFilled_dd4f85.colorGreen_dd4f85:hover {
  background-color: var(--button-positive-background-hover)
}

.lookFilled_dd4f85.colorGreen_dd4f85:active {
  background-color: var(--button-positive-background-active)
}

.lookFilled_dd4f85.colorGreen_dd4f85 .spinnerItem_dd4f85 {
  background-color: var(--white)
}

.lookFilled_dd4f85.colorGreen_dd4f85:disabled,
.lookFilled_dd4f85.colorGreen_dd4f85[aria-disabled=true] {
  background-color: var(--button-positive-background-disabled)
}

.lookOutlined_dd4f85.colorGreen_dd4f85 {
  color: var(--button-outline-positive-text);
  border-color: var(--button-outline-positive-border)
}

.lookOutlined_dd4f85.colorGreen_dd4f85:hover {
  background-color: var(--button-outline-positive-background-hover);
  border-color: var(--button-outline-positive-border-hover);
  color: var(--button-outline-positive-text-hover)
}

.lookOutlined_dd4f85.colorGreen_dd4f85:active {
  background-color: var(--button-outline-positive-background-active);
  border-color: var(--button-outline-positive-border-active);
  color: var(--button-outline-positive-text-active)
}

.lookOutlined_dd4f85.colorGreen_dd4f85:disabled,
.lookOutlined_dd4f85.colorGreen_dd4f85[aria-disabled=true] {
  background-color: transparent
}

.lookOutlined_dd4f85.colorGreen_dd4f85 .spinnerItem_dd4f85 {
  background-color: var(--green-230)
}

.lookLink_dd4f85.colorGreen_dd4f85 {
  color: var(--green-360)
}

.lookLink_dd4f85.colorGreen_dd4f85:hover .contents_dd4f85 {
  --button--underline-color: var(--green-360)
}

.lookLink_dd4f85.colorGreen_dd4f85:disabled .contents_dd4f85,
.lookLink_dd4f85.colorGreen_dd4f85[aria-disabled=true] .contents_dd4f85 {
  background-image: none
}

.lookLink_dd4f85.colorGreen_dd4f85 .spinnerItem_dd4f85 {
  background-color: var(--green-360)
}

.lookFilled_dd4f85.colorPrimary_dd4f85 {
  color: var(--button-secondary-text);
  background-color: var(--button-secondary-background)
}

.lookFilled_dd4f85.colorPrimary_dd4f85:hover {
  background-color: var(--button-secondary-background-hover)
}

.lookFilled_dd4f85.colorPrimary_dd4f85:active {
  background-color: var(--button-secondary-background-active)
}

.lookFilled_dd4f85.colorPrimary_dd4f85 .spinnerItem_dd4f85 {
  background-color: var(--primary-100)
}

.lookFilled_dd4f85.colorPrimary_dd4f85:disabled,
.lookFilled_dd4f85.colorPrimary_dd4f85[aria-disabled=true] {
  background-color: var(--button-secondary-background-disabled)
}

.lookFilled_dd4f85.colorTransparent_dd4f85 {
  color: var(--button-transparent-text);
  background-color: var(--button-transparent-background)
}

.lookFilled_dd4f85.colorTransparent_dd4f85:hover {
  background-color: var(--button-transparent-background-hover)
}

.lookFilled_dd4f85.colorTransparent_dd4f85:active {
  background-color: var(--button-transparent-background-active)
}

.lookFilled_dd4f85.colorTransparent_dd4f85 .spinnerItem_dd4f85 {
  background-color: var(--button-transparent-text)
}

.lookFilled_dd4f85.colorTransparent_dd4f85:disabled,
.lookFilled_dd4f85.colorTransparent_dd4f85[aria-disabled=true] {
  background-color: var(--button-transparent-background)
}

.theme-dark .lookLink_dd4f85.colorPrimary_dd4f85:hover .contents_dd4f85 {
  --button--underline-color: var(--white)
}

.theme-dark .lookLink_dd4f85.colorPrimary_dd4f85 .spinnerItem_dd4f85 {
  background-color: var(--white)
}

.theme-dark .lookOutlined_dd4f85.colorTransparent_dd4f85 {
  border-color: var(--primary-200)
}

.theme-dark .lookOutlined_dd4f85.colorTransparent_dd4f85:active {
  background-color: hsl(var(--primary-200-hsl)/.1)
}

.theme-dark .lookOutlined_dd4f85.colorTransparent_dd4f85 .spinnerItem_dd4f85 {
  background-color: var(--primary-200)
}

.theme-dark .lookLink_dd4f85.colorTransparent_dd4f85:hover .contents_dd4f85 {
  --button--underline-color: var(--primary-200)
}

.theme-dark .lookLink_dd4f85.colorTransparent_dd4f85 .spinnerItem_dd4f85 {
  background-color: var(--primary-200)
}

.theme-light .lookLink_dd4f85.colorPrimary_dd4f85:hover .contents_dd4f85 {
  --button--underline-color: var(--primary-400)
}

.theme-light .lookLink_dd4f85.colorPrimary_dd4f85 .spinnerItem_dd4f85 {
  background-color: var(--primary-400)
}

.theme-light .lookOutlined_dd4f85.colorTransparent_dd4f85 {
  border-color: var(--primary-400)
}

.theme-light .lookOutlined_dd4f85.colorTransparent_dd4f85:active {
  background-color: hsl(var(--primary-400-hsl)/.1)
}

.theme-light .lookOutlined_dd4f85.colorTransparent_dd4f85 .spinnerItem_dd4f85 {
  background-color: var(--primary-400)
}

.theme-light .lookLink_dd4f85.colorTransparent_dd4f85:hover .contents_dd4f85 {
  --button--underline-color: var(--primary-400)
}

.theme-light .lookLink_dd4f85.colorTransparent_dd4f85 .spinnerItem_dd4f85 {
  background-color: var(--primary-400)
}

.lookFilled_dd4f85 {
  transition: background-color var(--custom-button-transition-duration)ease, color var(--custom-button-transition-duration)ease
}

.lookOutlined_dd4f85 {
  transition: color var(--custom-button-transition-duration)ease, background-color var(--custom-button-transition-duration)ease, border-color var(--custom-button-transition-duration)ease;
  border-width: 1px;
  border-style: solid
}

.lookBlank_dd4f85 {
  background: transparent;
  color: currentColor;
  border: 0;
  padding: 0;
  margin: 0
}

.sizeTiny_dd4f85 {
  width: var(--custom-button-button-tn-width);
  height: var(--custom-button-button-tn-height);
  min-width: var(--custom-button-button-tn-width);
  min-height: var(--custom-button-button-tn-height)
}

.sizeSmall_dd4f85 {
  width: var(--custom-button-button-sm-width);
  height: var(--custom-button-button-sm-height);
  min-width: var(--custom-button-button-sm-width);
  min-height: var(--custom-button-button-sm-height)
}

.sizeMedium_dd4f85 {
  width: var(--custom-button-button-md-width);
  height: var(--custom-button-button-md-height);
  min-width: var(--custom-button-button-md-width);
  min-height: var(--custom-button-button-md-height)
}

.sizeLarge_dd4f85 {
  width: var(--custom-button-button-lg-width);
  height: var(--custom-button-button-lg-height);
  min-width: var(--custom-button-button-lg-width);
  min-height: var(--custom-button-button-lg-height)
}

.sizeMin_dd4f85 {
  display: inline;
  width: auto;
  height: auto;
  padding: 0 4px
}

.sizeMax_dd4f85 {
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  font-size: 16px
}

.sizeIcon_dd4f85 {
  width: auto;
  height: auto;
  padding: 4px
}

.grow_dd4f85 {
  width: auto
}

.fullWidth_dd4f85 {
  width: 100%
}

.submitting_dd4f85 {
  pointer-events: none
}

.lookFilled_dd4f85 .contents_dd4f85,
.lookLink_dd4f85 .contents_dd4f85,
.lookOutlined_dd4f85 .contents_dd4f85 {
  margin: 0 auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {

  .lookFilled_dd4f85 .contents_dd4f85,
  .lookLink_dd4f85 .contents_dd4f85,
  .lookOutlined_dd4f85 .contents_dd4f85 {
    margin: 0
  }
}

.submitting_dd4f85 .contents_dd4f85 {
  visibility: hidden
}

.spinner_dd4f85 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0
}

.disabledButtonWrapper_dd4f85 {
  display: inline-block;
  position: relative
}

.disabledButtonWrapper_dd4f85 .button_dd4f85.grow_dd4f85 {
  width: 100%
}

.disabledButtonOverlay_dd4f85 {
  cursor: not-allowed;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9
}

.enable-forced-colors.theme-dark .button_dd4f85,
.enable-forced-colors.theme-light .button_dd4f85 {
  background-color: ButtonFace;
  transition: none
}

.enable-forced-colors.theme-dark .button_dd4f85 .contents_dd4f85,
.enable-forced-colors.theme-light .button_dd4f85 .contents_dd4f85 {
  forced-color-adjust: none;
  color: ButtonText
}

.enable-forced-colors.theme-dark .button_dd4f85 .contents_dd4f85 svg,
.enable-forced-colors.theme-light .button_dd4f85 .contents_dd4f85 svg {
  color: currentColor
}

.enable-forced-colors.theme-dark .button_dd4f85:hover,
.enable-forced-colors.theme-light .button_dd4f85:hover {
  background-color: ButtonFace
}

.enable-forced-colors.theme-dark .button_dd4f85:hover .contents_dd4f85,
.enable-forced-colors.theme-light .button_dd4f85:hover .contents_dd4f85 {
  color: ButtonText;
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.enable-forced-colors.theme-dark .button_dd4f85:disabled,
.enable-forced-colors.theme-dark .button_dd4f85[aria-disabled=true],
.enable-forced-colors.theme-light .button_dd4f85:disabled,
.enable-forced-colors.theme-light .button_dd4f85[aria-disabled=true] {
  border-color: GrayText !important
}

.enable-forced-colors.theme-dark .button_dd4f85:disabled,
.enable-forced-colors.theme-dark .button_dd4f85[aria-disabled=true],
.enable-forced-colors.theme-light .button_dd4f85:disabled,
.enable-forced-colors.theme-light .button_dd4f85[aria-disabled=true] {
  background-color: Canvas;
  opacity: 1
}

.enable-forced-colors.theme-dark .button_dd4f85:disabled .contents_dd4f85,
.enable-forced-colors.theme-dark .button_dd4f85[aria-disabled=true] .contents_dd4f85,
.enable-forced-colors.theme-light .button_dd4f85:disabled .contents_dd4f85,
.enable-forced-colors.theme-light .button_dd4f85[aria-disabled=true] .contents_dd4f85 {
  color: GrayText
}

.enable-forced-colors.theme-dark .button_dd4f85.lookLink_dd4f85 .contents_dd4f85,
.enable-forced-colors.theme-light .button_dd4f85.lookLink_dd4f85 .contents_dd4f85 {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.enable-forced-colors.theme-dark .button_dd4f85.lookLink_dd4f85:not(:disabled),
.enable-forced-colors.theme-dark .button_dd4f85.lookLink_dd4f85:not([aria-disabled=true]),
.enable-forced-colors.theme-light .button_dd4f85.lookLink_dd4f85:not(:disabled),
.enable-forced-colors.theme-light .button_dd4f85.lookLink_dd4f85:not([aria-disabled=true]) {
  background-color: Canvas
}

.enable-forced-colors.theme-dark .button_dd4f85.lookLink_dd4f85:not(:disabled) .contents_dd4f85,
.enable-forced-colors.theme-dark .button_dd4f85.lookLink_dd4f85:not([aria-disabled=true]) .contents_dd4f85,
.enable-forced-colors.theme-light .button_dd4f85.lookLink_dd4f85:not(:disabled) .contents_dd4f85,
.enable-forced-colors.theme-light .button_dd4f85.lookLink_dd4f85:not([aria-disabled=true]) .contents_dd4f85 {
  color: LinkText
}

.enable-forced-colors.theme-dark .button_dd4f85.lookLink_dd4f85:not(:disabled):hover,
.enable-forced-colors.theme-dark .button_dd4f85.lookLink_dd4f85:not([aria-disabled=true]):hover,
.enable-forced-colors.theme-light .button_dd4f85.lookLink_dd4f85:not(:disabled):hover,
.enable-forced-colors.theme-light .button_dd4f85.lookLink_dd4f85:not([aria-disabled=true]):hover {
  background-color: Canvas
}

.enable-forced-colors.theme-dark .button_dd4f85.lookLink_dd4f85:not(:disabled):hover .contents_dd4f85,
.enable-forced-colors.theme-dark .button_dd4f85.lookLink_dd4f85:not([aria-disabled=true]):hover .contents_dd4f85,
.enable-forced-colors.theme-light .button_dd4f85.lookLink_dd4f85:not(:disabled):hover .contents_dd4f85,
.enable-forced-colors.theme-light .button_dd4f85.lookLink_dd4f85:not([aria-disabled=true]):hover .contents_dd4f85 {
  color: LinkText
}

.enable-forced-colors.theme-dark .button_dd4f85.lookFilled_dd4f85,
.enable-forced-colors.theme-dark .button_dd4f85.lookOutlined_dd4f85,
.enable-forced-colors.theme-light .button_dd4f85.lookFilled_dd4f85,
.enable-forced-colors.theme-light .button_dd4f85.lookOutlined_dd4f85 {
  border-width: 1px;
  border-style: solid
}

.enable-forced-colors.theme-dark .button_dd4f85.lookFilled_dd4f85:not(:disabled),
.enable-forced-colors.theme-dark .button_dd4f85.lookFilled_dd4f85:not([aria-disabled=true]),
.enable-forced-colors.theme-dark .button_dd4f85.lookOutlined_dd4f85:not(:disabled),
.enable-forced-colors.theme-dark .button_dd4f85.lookOutlined_dd4f85:not([aria-disabled=true]),
.enable-forced-colors.theme-light .button_dd4f85.lookFilled_dd4f85:not(:disabled),
.enable-forced-colors.theme-light .button_dd4f85.lookFilled_dd4f85:not([aria-disabled=true]),
.enable-forced-colors.theme-light .button_dd4f85.lookOutlined_dd4f85:not(:disabled),
.enable-forced-colors.theme-light .button_dd4f85.lookOutlined_dd4f85:not([aria-disabled=true]) {
  border-color: CanvasText !important
}

.enable-forced-colors.theme-dark .button_dd4f85.lookFilled_dd4f85:not(:disabled):hover,
.enable-forced-colors.theme-dark .button_dd4f85.lookFilled_dd4f85:not([aria-disabled=true]):hover,
.enable-forced-colors.theme-dark .button_dd4f85.lookOutlined_dd4f85:not(:disabled):hover,
.enable-forced-colors.theme-dark .button_dd4f85.lookOutlined_dd4f85:not([aria-disabled=true]):hover,
.enable-forced-colors.theme-light .button_dd4f85.lookFilled_dd4f85:not(:disabled):hover,
.enable-forced-colors.theme-light .button_dd4f85.lookFilled_dd4f85:not([aria-disabled=true]):hover,
.enable-forced-colors.theme-light .button_dd4f85.lookOutlined_dd4f85:not(:disabled):hover,
.enable-forced-colors.theme-light .button_dd4f85.lookOutlined_dd4f85:not([aria-disabled=true]):hover {
  border-color: ButtonText !important
}

.enable-forced-colors.theme-dark .button_dd4f85[aria-selected=true],
.enable-forced-colors.theme-dark .button_dd4f85[aria-expanded=true],
.enable-forced-colors.theme-dark .button_dd4f85:active,
.enable-forced-colors.theme-light .button_dd4f85[aria-selected=true],
.enable-forced-colors.theme-light .button_dd4f85[aria-expanded=true],
.enable-forced-colors.theme-light .button_dd4f85:active {
  background-color: HighlightText
}

.enable-forced-colors.theme-dark .button_dd4f85[aria-selected=true] .contents_dd4f85,
.enable-forced-colors.theme-dark .button_dd4f85[aria-expanded=true] .contents_dd4f85,
.enable-forced-colors.theme-dark .button_dd4f85:active .contents_dd4f85,
.enable-forced-colors.theme-light .button_dd4f85[aria-selected=true] .contents_dd4f85,
.enable-forced-colors.theme-light .button_dd4f85[aria-expanded=true] .contents_dd4f85,
.enable-forced-colors.theme-light .button_dd4f85:active .contents_dd4f85 {
  color: Highlight;
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.enable-forced-colors.theme-dark .button_dd4f85[aria-selected=true]:hover,
.enable-forced-colors.theme-dark .button_dd4f85[aria-expanded=true]:hover,
.enable-forced-colors.theme-dark .button_dd4f85:active:hover,
.enable-forced-colors.theme-light .button_dd4f85[aria-selected=true]:hover,
.enable-forced-colors.theme-light .button_dd4f85[aria-expanded=true]:hover,
.enable-forced-colors.theme-light .button_dd4f85:active:hover {
  background-color: HighlightText
}

.enable-forced-colors.theme-dark .button_dd4f85[aria-selected=true]:hover .contents_dd4f85,
.enable-forced-colors.theme-dark .button_dd4f85[aria-expanded=true]:hover .contents_dd4f85,
.enable-forced-colors.theme-dark .button_dd4f85:active:hover .contents_dd4f85,
.enable-forced-colors.theme-light .button_dd4f85[aria-selected=true]:hover .contents_dd4f85,
.enable-forced-colors.theme-light .button_dd4f85[aria-expanded=true]:hover .contents_dd4f85,
.enable-forced-colors.theme-light .button_dd4f85:active:hover .contents_dd4f85 {
  color: Highlight
}

.enable-forced-colors.theme-dark .button_dd4f85.lookFilled_dd4f85[aria-selected=true],
.enable-forced-colors.theme-dark .button_dd4f85.lookFilled_dd4f85[aria-expanded=true],
.enable-forced-colors.theme-dark .button_dd4f85.lookFilled_dd4f85:active,
.enable-forced-colors.theme-dark .button_dd4f85.lookOutlined_dd4f85[aria-selected=true],
.enable-forced-colors.theme-dark .button_dd4f85.lookOutlined_dd4f85[aria-expanded=true],
.enable-forced-colors.theme-dark .button_dd4f85.lookOutlined_dd4f85:active,
.enable-forced-colors.theme-light .button_dd4f85.lookFilled_dd4f85[aria-selected=true],
.enable-forced-colors.theme-light .button_dd4f85.lookFilled_dd4f85[aria-expanded=true],
.enable-forced-colors.theme-light .button_dd4f85.lookFilled_dd4f85:active,
.enable-forced-colors.theme-light .button_dd4f85.lookOutlined_dd4f85[aria-selected=true],
.enable-forced-colors.theme-light .button_dd4f85.lookOutlined_dd4f85[aria-expanded=true],
.enable-forced-colors.theme-light .button_dd4f85.lookOutlined_dd4f85:active {
  border-color: Highlight !important
}

.lookLink_dd4f85.colorPrimary_dd4f85 {
  color: var(--text-normal)
}

.images-light .lookLink_dd4f85.colorPrimary_dd4f85:disabled .contents_dd4f85,
.images-light .lookLink_dd4f85.colorPrimary_dd4f85[aria-disabled=true] .contents_dd4f85 {
  background-image: none
}

.images-light .lookLink_dd4f85.colorPrimary_dd4f85:disabled .contents_dd4f85,
.images-light .lookLink_dd4f85.colorPrimary_dd4f85[aria-disabled=true] .contents_dd4f85 {
  background-image: none
}

.images-dark .lookLink_dd4f85.colorPrimary_dd4f85:disabled .contents_dd4f85,
.images-dark .lookLink_dd4f85.colorPrimary_dd4f85[aria-disabled=true] .contents_dd4f85 {
  background-image: none
}

.images-dark .lookLink_dd4f85.colorPrimary_dd4f85:disabled .contents_dd4f85,
.images-dark .lookLink_dd4f85.colorPrimary_dd4f85[aria-disabled=true] .contents_dd4f85 {
  background-image: none
}

.lookOutlined_dd4f85.colorTransparent_dd4f85 {
  color: var(--text-normal)
}

.lookOutlined_dd4f85.colorTransparent_dd4f85:disabled,
.lookOutlined_dd4f85.colorTransparent_dd4f85[aria-disabled=true] {
  background-color: transparent
}

.lookLink_dd4f85.colorTransparent_dd4f85 {
  color: var(--text-normal)
}

.lookLink_dd4f85.sizeMin_dd4f85 .contents_dd4f85 {
  display: inline
}

:where(.visual-refresh) .button_dd4f85 {
  border-radius: 8px;
  transition-duration: .3s;
  border: 1px solid var(--opacity-white-8)
}

:where(.visual-refresh).theme-dark .lookLink_dd4f85.colorPrimary_dd4f85,
:where(.visual-refresh).theme-dark .lookLink_dd4f85.colorLink_dd4f85 {
  color: var(--brand-360)
}

:where(.visual-refresh).theme-dark .lookLink_dd4f85.colorPrimary_dd4f85:hover .contents_dd4f85,
:where(.visual-refresh).theme-dark .lookLink_dd4f85.colorLink_dd4f85:hover .contents_dd4f85 {
  --button--underline-color: var(--brand-360)
}

:where(.visual-refresh) .lookBlank_dd4f85,
:where(.visual-refresh) .lookLink_dd4f85 {
  border: none
}

:where(.visual-refresh) .disabledButtonWrapper_dd4f85 {
  padding: 0
}

:where(.visual-refresh) .lookFilled_dd4f85.colorBrand_dd4f85 {
  border: 1px solid var(--button-filled-brand-border)
}

:where(.visual-refresh) .lookFilled_dd4f85.colorRed_dd4f85 {
  border: 1px solid var(--button-danger-border)
}

:where(.visual-refresh) .lookFilled_dd4f85.colorGreen_dd4f85 {
  border: 1px solid var(--button-positive-border)
}

:where(.visual-refresh) .lookFilled_dd4f85.colorPrimary_dd4f85 {
  border-color: var(--border-faint)
}

:where(.visual-refresh) .lookFilled_dd4f85.colorPrimary_dd4f85 .spinnerItem_dd4f85 {
  background-color: var(--button-secondary-text)
}

:where(.visual-refresh) .lookFilled_dd4f85.colorTransparent_dd4f85 {
  border-color: var(--border-faint)
}

:where(.visual-refresh) .lookFilled_dd4f85.colorWhite_dd4f85 {
  border-color: var(--opacity-8)
}

:where(.visual-refresh) .lookFilled_dd4f85.colorWhite_dd4f85:hover {
  background-color: var(--button-filled-white-background-hover)
}

:where(.visual-refresh) .lookFilled_dd4f85.colorWhite_dd4f85:active {
  background-color: var(--button-filled-white-background-active)
}

.dots_ce0450 {
  transform: translatez(0);
  pointer-events: none;
  color: var(--white-500)
}

.dots_ce0450.themed_ce0450 {
  color: var(--text-normal)
}

.svg_afd438 {
  contain: paint
}

.mask_c7d26b {
  display: block
}

.status_c7d26b {
  width: 100%;
  height: 100%
}

.enable-forced-colors .status_c7d26b {
  forced-color-adjust: none !important
}

.layerContainer_cd0de5 {
  background: none !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  right: var(--devtools-sidebar-width, 0);
  bottom: 0;
  pointer-events: none;
  z-index: 1002
}

.layer_cd0de5 {
  position: absolute;
  pointer-events: auto
}

.emptyError_cd0de5:empty:before {
  content: "RENDERING NULL FOR A POPOUT/MODAL/LAYER WILL BREAK THE APP";
  word-break: break-word;
  display: block;
  background-color: red;
  color: var(--white-500);
  font-size: 32px;
  max-width: 500px;
  padding: 8px;
  font-weight: 700;
  border: 10px dashed var(--green-230)
}

.layerHidden_cd0de5 {
  visibility: hidden
}

.disabledPointerEvents_cd0de5 {
  pointer-events: none
}

.tooltip_b6c360 {
  position: relative;
  border-radius: 5px;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  max-width: 190px;
  box-sizing: border-box;
  word-wrap: break-word;
  z-index: 1002;
  will-change: opacity, transform
}

.tooltipDisablePointerEvents_b6c360 {
  pointer-events: none
}

.tooltipPointer_b6c360 {
  width: 0;
  height: 0;
  border: 0 solid transparent;
  border-width: 5px;
  pointer-events: none
}

.tooltipContent_b6c360 {
  padding: 8px 12px;
  overflow: hidden
}

.tooltipContentAllowOverflow_b6c360 {
  overflow: visible
}

.tooltipTop_b6c360 {
  transform-origin: 50%100%
}

.tooltipTop_b6c360 .tooltipPointer_b6c360 {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px
}

.tooltipCenter_b6c360,
.tooltipBottom_b6c360 {
  transform-origin: 50%0%
}

.tooltipCenter_b6c360 .tooltipPointer_b6c360,
.tooltipBottom_b6c360 .tooltipPointer_b6c360 {
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-top-width: 5px;
  transform: rotate(180deg)
}

.tooltipLeft_b6c360 {
  transform-origin: 100%50%
}

.tooltipLeft_b6c360 .tooltipPointer_b6c360 {
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -5px;
  border-right-width: 5px;
  transform: rotate(270deg)
}

.tooltipRight_b6c360 {
  transform-origin: 0%50%
}

.tooltipRight_b6c360 .tooltipPointer_b6c360 {
  position: absolute;
  right: 100%;
  top: 50%;
  margin-top: -5px;
  border-left-width: 5px;
  transform: rotate(90deg)
}

.enable-forced-colors .tooltip_b6c360 {
  border: 1px solid CanvasText
}

.enable-forced-colors .tooltipPointer_b6c360 {
  background-color: CanvasText;
  border: none;
  border-radius: 100%;
  height: 10px;
  width: 10px
}

.custom-theme-background .tooltipPointer_b6c360 {
  display: none
}

.custom-theme-background .tooltip_b6c360 {
  border: 1px solid var(--border-strong)
}

.tooltip_b6c360 {
  box-shadow: var(--shadow-high);
  color: var(--text-normal)
}

.tooltipPrimary_b6c360 {
  background-color: var(--background-floating)
}

.tooltipPrimary_b6c360 .tooltipPointer_b6c360 {
  border-top-color: var(--background-floating)
}

.tooltipNested_b6c360 {
  background-color: var(--background-nested-floating)
}

.tooltipNested_b6c360 .tooltipPointer_b6c360 {
  border-top-color: var(--background-nested-floating)
}

.tooltipBlack_b6c360 {
  background-color: var(--black-500);
  color: var(--white-500)
}

.tooltipBlack_b6c360 .tooltipPointer_b6c360 {
  border-top-color: var(--black-500)
}

.tooltipGrey_b6c360 {
  background-color: var(--primary-700);
  color: var(--white-500)
}

.tooltipGrey_b6c360 .tooltipPointer_b6c360 {
  border-top-color: var(--primary-700)
}

.tooltipBrand_b6c360 {
  color: var(--white-500);
  background-color: var(--brand-500)
}

.tooltipBrand_b6c360 .tooltipPointer_b6c360 {
  border-top-color: var(--brand-500)
}

.tooltipRed_b6c360 {
  color: var(--white-500);
  background-color: var(--status-danger)
}

.tooltipRed_b6c360 .tooltipPointer_b6c360 {
  border-top-color: var(--status-danger)
}

.tooltipGreen_b6c360 {
  color: var(--white-500);
  background-color: var(--green-360)
}

.tooltipGreen_b6c360 .tooltipPointer_b6c360 {
  border-top-color: var(--green-360)
}

.tooltipYellow_b6c360 {
  color: var(--status-warning-text);
  background-color: var(--status-warning-background)
}

.tooltipYellow_b6c360 .tooltipPointer_b6c360 {
  border-top-color: var(--status-warning-background)
}

.tooltipPremium_b6c360 {
  background: linear-gradient(270deg, var(--premium-tier-2-pink-for-gradients)0%, var(--premium-tier-2-pink-for-gradients-2)33.63%, var(--premium-tier-2-purple-for-gradients)100%)
}

.tooltipPremium_b6c360 .tooltipPointer_b6c360 {
  border-top-color: var(--premium-tier-2-pink-for-gradients-2)
}

.tooltipPointerBg_b6c360 {
  display: none
}

:where(.visual-refresh) .tooltip_b6c360 {
  border: 1px solid var(--border-subtle);
  border-radius: 8px
}

:where(.visual-refresh) .tooltipPointer_b6c360:not(.tooltipPointerBg_b6c360) {
  z-index: 1
}

:where(.visual-refresh) .tooltipTop_b6c360 .tooltipPointer_b6c360:not(.tooltipPointerBg_b6c360) {
  margin-top: -1.5px
}

:where(.visual-refresh) .tooltipLeft_b6c360 .tooltipPointer_b6c360:not(.tooltipPointerBg_b6c360) {
  margin-left: -1.5px
}

:where(.visual-refresh) .tooltipRight_b6c360 .tooltipPointer_b6c360:not(.tooltipPointerBg_b6c360) {
  margin-right: -1.5px
}

:where(.visual-refresh) .tooltipBottom_b6c360 .tooltipPointer_b6c360:not(.tooltipPointerBg_b6c360),
:where(.visual-refresh) .tooltipCenter_b6c360 .tooltipPointer_b6c360:not(.tooltipPointerBg_b6c360) {
  margin-bottom: -1.5px
}

:where(.visual-refresh) .tooltipPrimary_b6c360 {
  --tooltip-pointer-bg: var(--background-floating);
  background-color: var(--background-floating)
}

:where(.visual-refresh) .tooltipPrimary_b6c360 .tooltipPointer_b6c360 {
  border-top-color: var(--background-floating)
}

:where(.visual-refresh) .tooltipNested_b6c360 {
  --tooltip-pointer-bg: var(--background-nested-floating)
}

:where(.visual-refresh) .tooltipBlack_b6c360 {
  --tooltip-pointer-bg: var(--black-500)
}

:where(.visual-refresh) .tooltipGrey_b6c360 {
  --tooltip-pointer-bg: var(--primary-700)
}

:where(.visual-refresh) .tooltipBrand_b6c360 {
  --tooltip-pointer-bg: var(--brand-500)
}

:where(.visual-refresh) .tooltipRed_b6c360 {
  --tooltip-pointer-bg: var(--status-danger)
}

:where(.visual-refresh) .tooltipGreen_b6c360 {
  --tooltip-pointer-bg: var(--green-360)
}

:where(.visual-refresh) .tooltipYellow_b6c360 {
  --tooltip-pointer-bg: var(--status-warning-background)
}

:where(.visual-refresh) .tooltipPointer_b6c360 {
  border-top-color: var(--tooltip-pointer-bg)
}

:where(.visual-refresh) .tooltipPointer_b6c360.tooltipPointerBg_b6c360 {
  display: block;
  --border-width: 5px
}

:where(.visual-refresh) .tooltipPointer_b6c360.tooltipPointerBg_b6c360:before,
:where(.visual-refresh) .tooltipPointer_b6c360.tooltipPointerBg_b6c360:after {
  content: "";
  position: absolute;
  border-left: var(--border-width)solid transparent;
  border-right: var(--border-width)solid transparent;
  top: 100%;
  left: 50%;
  margin-left: calc(-1*var(--border-width))
}

:where(.visual-refresh) .tooltipPointer_b6c360.tooltipPointerBg_b6c360:before {
  border-top: var(--border-width)solid var(--tooltip-pointer-bg);
  margin-top: -5px
}

:where(.visual-refresh) .tooltipPointer_b6c360.tooltipPointerBg_b6c360:after {
  border-top: var(--border-width)solid var(--border-subtle);
  margin-top: -5px;
  z-index: 1
}

.wrapper_c51b4e {
  position: relative;
  border-radius: 50%
}

.pointer_c51b4e {
  cursor: pointer
}

.mask_c51b4e {
  pointer-events: none;
  position: relative;
  display: block;
  width: auto
}

.svg_c51b4e {
  position: absolute;
  contain: paint
}

.status_c51b4e {
  position: absolute;
  bottom: 0;
  right: 0;
  height: auto
}

.cursorDefault_c51b4e {
  cursor: default
}

.avatarStack_c51b4e {
  display: grid;
  width: 100%;
  height: 100%
}

.avatar_c51b4e,
.avatarSpeaking_c51b4e {
  width: 100%;
  height: 100%;
  grid-area: 1/1
}

.avatar_c51b4e {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  pointer-events: none
}

.avatar_c51b4e:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--background-modifier-accent)
}

.avatarSpeaking_c51b4e {
  box-shadow: inset 0 0 0 2px var(--status-speaking), inset 0 0 0 3px var(--background-secondary);
  border-radius: 50%
}

.pointerEvents_c51b4e {
  pointer-events: auto
}

.avatarDecoration_c51b4e {
  position: absolute;
  top: var(--custom-avatar-avatar-decoration-border-position);
  left: var(--custom-avatar-avatar-decoration-border-position);
  pointer-events: none;
  contain: paint
}

.visual-refresh .wrapper_c5f96a {
  width: 44px;
  height: 44px
}

.wrapper_c5f96a {
  box-sizing: border-box;
  position: relative;
  width: 48px;
  height: 48px;
  cursor: pointer
}

.wrapperSimple_c5f96a {
  border-radius: 50%;
  overflow: hidden
}

.svg_c5f96a {
  contain: paint;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0
}

.noContain_c5f96a {
  contain: style
}

.lowerBadge_c5f96a {
  pointer-events: none;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2
}

.isHighlighted_c5f96a {
  stroke: black;
  stroke-width: 8px
}

.upperBadge_c5f96a {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0
}

.focusStroke_c5f96a {
  fill: transparent;
  stroke: transparent;
  stroke-width: 0
}

.focusFill_c5f96a,
.highlight_c5f96a {
  fill: transparent
}

.keyboard-mode .focusStroke_c5f96a {
  fill: var(--blue-345);
  stroke: var(--blue-345);
  stroke-width: 8px
}

.keyboard-mode .focusFill_c5f96a {
  fill: var(--background-tertiary)
}

.keyboard-mode .simpleFocused_c5f96a {
  box-shadow: 0 0 0 4px var(--blue-345)
}

.hiddenVisually_a98a7c,
.showOnFocus_a98a7c:not(:focus-within) {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px
}

.defaultColor_e42ec6 {
  color: var(--header-primary)
}

.defaultColor_a595eb {
  color: var(--text-normal)
}

.lineClamp1_a595eb {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0
}

.lineClamp2Plus_a595eb {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.selectable_a595eb {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text
}

.tabularNumbers_a595eb {
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums
}

.heading-sm\/normal_dc00ef {
  font-family: var(--font-display);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 400
}

.heading-sm\/normal_dc00ef.fontScaling_dc00ef {
  font-size: .875rem
}

.heading-sm\/medium_dc00ef {
  font-family: var(--font-display);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 500
}

.heading-sm\/medium_dc00ef.fontScaling_dc00ef {
  font-size: .875rem
}

.heading-sm\/semibold_dc00ef {
  font-family: var(--font-display);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 600
}

.heading-sm\/semibold_dc00ef.fontScaling_dc00ef {
  font-size: .875rem
}

.heading-sm\/bold_dc00ef {
  font-family: var(--font-display);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 700
}

.heading-sm\/bold_dc00ef.fontScaling_dc00ef {
  font-size: .875rem
}

.heading-sm\/extrabold_dc00ef {
  font-family: var(--font-display);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 800
}

.heading-sm\/extrabold_dc00ef.fontScaling_dc00ef {
  font-size: .875rem
}

.heading-md\/normal_dc00ef {
  font-family: var(--font-display);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400
}

.heading-md\/normal_dc00ef.fontScaling_dc00ef {
  font-size: 1rem
}

.heading-md\/medium_dc00ef {
  font-family: var(--font-display);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 500
}

.heading-md\/medium_dc00ef.fontScaling_dc00ef {
  font-size: 1rem
}

.heading-md\/semibold_dc00ef {
  font-family: var(--font-display);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 600
}

.heading-md\/semibold_dc00ef.fontScaling_dc00ef {
  font-size: 1rem
}

.heading-md\/bold_dc00ef {
  font-family: var(--font-display);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 700
}

.heading-md\/bold_dc00ef.fontScaling_dc00ef {
  font-size: 1rem
}

.heading-md\/extrabold_dc00ef {
  font-family: var(--font-display);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 800
}

.heading-md\/extrabold_dc00ef.fontScaling_dc00ef {
  font-size: 1rem
}

.heading-lg\/normal_dc00ef {
  font-family: var(--font-display);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 400
}

.heading-lg\/normal_dc00ef.fontScaling_dc00ef {
  font-size: 1.25rem
}

.heading-lg\/medium_dc00ef {
  font-family: var(--font-display);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 500
}

.heading-lg\/medium_dc00ef.fontScaling_dc00ef {
  font-size: 1.25rem
}

.heading-lg\/semibold_dc00ef {
  font-family: var(--font-display);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600
}

.heading-lg\/semibold_dc00ef.fontScaling_dc00ef {
  font-size: 1.25rem
}

.heading-lg\/bold_dc00ef {
  font-family: var(--font-display);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700
}

.heading-lg\/bold_dc00ef.fontScaling_dc00ef {
  font-size: 1.25rem
}

.heading-lg\/extrabold_dc00ef {
  font-family: var(--font-display);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 800
}

.heading-lg\/extrabold_dc00ef.fontScaling_dc00ef {
  font-size: 1.25rem
}

.heading-xl\/normal_dc00ef {
  font-family: var(--font-display);
  font-size: 24px;
  line-height: 1.25;
  font-weight: 400
}

.heading-xl\/normal_dc00ef.fontScaling_dc00ef {
  font-size: 1.5rem
}

.heading-xl\/medium_dc00ef {
  font-family: var(--font-display);
  font-size: 24px;
  line-height: 1.25;
  font-weight: 500
}

.heading-xl\/medium_dc00ef.fontScaling_dc00ef {
  font-size: 1.5rem
}

.heading-xl\/semibold_dc00ef {
  font-family: var(--font-display);
  font-size: 24px;
  line-height: 1.25;
  font-weight: 600
}

.heading-xl\/semibold_dc00ef.fontScaling_dc00ef {
  font-size: 1.5rem
}

.heading-xl\/bold_dc00ef {
  font-family: var(--font-display);
  font-size: 24px;
  line-height: 1.25;
  font-weight: 700
}

.heading-xl\/bold_dc00ef.fontScaling_dc00ef {
  font-size: 1.5rem
}

.heading-xl\/extrabold_dc00ef {
  font-family: var(--font-display);
  font-size: 24px;
  line-height: 1.25;
  font-weight: 800
}

.heading-xl\/extrabold_dc00ef.fontScaling_dc00ef {
  font-size: 1.5rem
}

.heading-xxl\/normal_dc00ef {
  font-family: var(--font-display);
  font-size: 32px;
  line-height: 1.25;
  font-weight: 400
}

.heading-xxl\/normal_dc00ef.fontScaling_dc00ef {
  font-size: 2rem
}

.heading-xxl\/medium_dc00ef {
  font-family: var(--font-display);
  font-size: 32px;
  line-height: 1.25;
  font-weight: 500
}

.heading-xxl\/medium_dc00ef.fontScaling_dc00ef {
  font-size: 2rem
}

.heading-xxl\/semibold_dc00ef {
  font-family: var(--font-display);
  font-size: 32px;
  line-height: 1.25;
  font-weight: 600
}

.heading-xxl\/semibold_dc00ef.fontScaling_dc00ef {
  font-size: 2rem
}

.heading-xxl\/bold_dc00ef {
  font-family: var(--font-display);
  font-size: 32px;
  line-height: 1.25;
  font-weight: 700
}

.heading-xxl\/bold_dc00ef.fontScaling_dc00ef {
  font-size: 2rem
}

.heading-xxl\/extrabold_dc00ef {
  font-family: var(--font-display);
  font-size: 32px;
  line-height: 1.25;
  font-weight: 800
}

.heading-xxl\/extrabold_dc00ef.fontScaling_dc00ef {
  font-size: 2rem
}

.eyebrow_dc00ef {
  font-family: var(--font-display);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .02em
}

.eyebrow_dc00ef.fontScaling_dc00ef {
  font-size: .75rem
}

.heading-deprecated-12\/normal_dc00ef {
  font-family: var(--font-display);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 400
}

.heading-deprecated-12\/normal_dc00ef.fontScaling_dc00ef {
  font-size: .75rem
}

.heading-deprecated-12\/medium_dc00ef {
  font-family: var(--font-display);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 500
}

.heading-deprecated-12\/medium_dc00ef.fontScaling_dc00ef {
  font-size: .75rem
}

.heading-deprecated-12\/semibold_dc00ef {
  font-family: var(--font-display);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 600
}

.heading-deprecated-12\/semibold_dc00ef.fontScaling_dc00ef {
  font-size: .75rem
}

.heading-deprecated-12\/bold_dc00ef {
  font-family: var(--font-display);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 700
}

.heading-deprecated-12\/bold_dc00ef.fontScaling_dc00ef {
  font-size: .75rem
}

.heading-deprecated-12\/extrabold_dc00ef {
  font-family: var(--font-display);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 800
}

.heading-deprecated-12\/extrabold_dc00ef.fontScaling_dc00ef {
  font-size: .75rem
}

.redesign\/heading-18\/bold_dc00ef {
  font-family: var(--font-display);
  font-size: 18px;
  line-height: 1.3333333333333333;
  font-weight: 700
}

.redesign\/heading-18\/bold_dc00ef.fontScaling_dc00ef {
  font-size: 1.125rem
}

.text-xxs\/normal_dc00ef {
  font-family: var(--font-primary);
  font-size: 10px;
  line-height: 1.2;
  font-weight: 400
}

.text-xxs\/normal_dc00ef.fontScaling_dc00ef {
  font-size: .625rem
}

.text-xxs\/medium_dc00ef {
  font-family: var(--font-primary);
  font-size: 10px;
  line-height: 1.2;
  font-weight: 500
}

.text-xxs\/medium_dc00ef.fontScaling_dc00ef {
  font-size: .625rem
}

.text-xxs\/semibold_dc00ef {
  font-family: var(--font-primary);
  font-size: 10px;
  line-height: 1.2;
  font-weight: 600
}

.text-xxs\/semibold_dc00ef.fontScaling_dc00ef {
  font-size: .625rem
}

.text-xxs\/bold_dc00ef {
  font-family: var(--font-primary);
  font-size: 10px;
  line-height: 1.2;
  font-weight: 700
}

.text-xxs\/bold_dc00ef.fontScaling_dc00ef {
  font-size: .625rem
}

.text-xs\/normal_dc00ef {
  font-family: var(--font-primary);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 400
}

.text-xs\/normal_dc00ef.fontScaling_dc00ef {
  font-size: .75rem
}

.text-xs\/medium_dc00ef {
  font-family: var(--font-primary);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 500
}

.text-xs\/medium_dc00ef.fontScaling_dc00ef {
  font-size: .75rem
}

.text-xs\/semibold_dc00ef {
  font-family: var(--font-primary);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 600
}

.text-xs\/semibold_dc00ef.fontScaling_dc00ef {
  font-size: .75rem
}

.text-xs\/bold_dc00ef {
  font-family: var(--font-primary);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 700
}

.text-xs\/bold_dc00ef.fontScaling_dc00ef {
  font-size: .75rem
}

.text-sm\/normal_dc00ef {
  font-family: var(--font-primary);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 400
}

.text-sm\/normal_dc00ef.fontScaling_dc00ef {
  font-size: .875rem
}

.text-sm\/medium_dc00ef {
  font-family: var(--font-primary);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 500
}

.text-sm\/medium_dc00ef.fontScaling_dc00ef {
  font-size: .875rem
}

.text-sm\/semibold_dc00ef {
  font-family: var(--font-primary);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 600
}

.text-sm\/semibold_dc00ef.fontScaling_dc00ef {
  font-size: .875rem
}

.text-sm\/bold_dc00ef {
  font-family: var(--font-primary);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 700
}

.text-sm\/bold_dc00ef.fontScaling_dc00ef {
  font-size: .875rem
}

.text-md\/normal_dc00ef {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400
}

.text-md\/normal_dc00ef.fontScaling_dc00ef {
  font-size: 1rem
}

.text-md\/medium_dc00ef {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 500
}

.text-md\/medium_dc00ef.fontScaling_dc00ef {
  font-size: 1rem
}

.text-md\/semibold_dc00ef {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 600
}

.text-md\/semibold_dc00ef.fontScaling_dc00ef {
  font-size: 1rem
}

.text-md\/bold_dc00ef {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 700
}

.text-md\/bold_dc00ef.fontScaling_dc00ef {
  font-size: 1rem
}

.text-lg\/normal_dc00ef {
  font-family: var(--font-primary);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 400
}

.text-lg\/normal_dc00ef.fontScaling_dc00ef {
  font-size: 1.25rem
}

.text-lg\/medium_dc00ef {
  font-family: var(--font-primary);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 500
}

.text-lg\/medium_dc00ef.fontScaling_dc00ef {
  font-size: 1.25rem
}

.text-lg\/semibold_dc00ef {
  font-family: var(--font-primary);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600
}

.text-lg\/semibold_dc00ef.fontScaling_dc00ef {
  font-size: 1.25rem
}

.text-lg\/bold_dc00ef {
  font-family: var(--font-primary);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700
}

.text-lg\/bold_dc00ef.fontScaling_dc00ef {
  font-size: 1.25rem
}

.redesign\/message-preview\/normal_dc00ef {
  font-family: var(--font-primary);
  font-size: 15px;
  line-height: 1.3333333333333333;
  font-weight: 400
}

.redesign\/message-preview\/normal_dc00ef.fontScaling_dc00ef {
  font-size: .9375rem
}

.redesign\/message-preview\/medium_dc00ef {
  font-family: var(--font-primary);
  font-size: 15px;
  line-height: 1.3333333333333333;
  font-weight: 500
}

.redesign\/message-preview\/medium_dc00ef.fontScaling_dc00ef {
  font-size: .9375rem
}

.redesign\/message-preview\/semibold_dc00ef {
  font-family: var(--font-primary);
  font-size: 15px;
  line-height: 1.3333333333333333;
  font-weight: 600
}

.redesign\/message-preview\/semibold_dc00ef.fontScaling_dc00ef {
  font-size: .9375rem
}

.redesign\/message-preview\/bold_dc00ef {
  font-family: var(--font-primary);
  font-size: 15px;
  line-height: 1.3333333333333333;
  font-weight: 700
}

.redesign\/message-preview\/bold_dc00ef.fontScaling_dc00ef {
  font-size: .9375rem
}

.redesign\/channel-title\/normal_dc00ef {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.375;
  font-weight: 400
}

.redesign\/channel-title\/normal_dc00ef.fontScaling_dc00ef {
  font-size: 1rem
}

.redesign\/channel-title\/medium_dc00ef {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.375;
  font-weight: 500
}

.redesign\/channel-title\/medium_dc00ef.fontScaling_dc00ef {
  font-size: 1rem
}

.redesign\/channel-title\/semibold_dc00ef {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.375;
  font-weight: 600
}

.redesign\/channel-title\/semibold_dc00ef.fontScaling_dc00ef {
  font-size: 1rem
}

.redesign\/channel-title\/bold_dc00ef {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.375;
  font-weight: 700
}

.redesign\/channel-title\/bold_dc00ef.fontScaling_dc00ef {
  font-size: 1rem
}

.display-sm_dc00ef {
  font-family: var(--font-headline);
  font-size: 20px;
  line-height: 1;
  font-weight: 800
}

.display-sm_dc00ef.fontScaling_dc00ef {
  font-size: 1.25rem
}

.display-md_dc00ef {
  font-family: var(--font-headline);
  font-size: 34px;
  line-height: 1.0588235294117647;
  font-weight: 800
}

.display-md_dc00ef.fontScaling_dc00ef {
  font-size: 2.125rem
}

.display-lg_dc00ef {
  font-family: var(--font-headline);
  font-size: 44px;
  line-height: .9545454545454546;
  font-weight: 800
}

.display-lg_dc00ef.fontScaling_dc00ef {
  font-size: 2.75rem
}

.code_dc00ef {
  font-family: var(--font-code);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 700
}

.code_dc00ef.fontScaling_dc00ef {
  font-size: .75rem
}

.stack_ae6a65 {
  width: 100%;
  display: flex
}

.stack_ae6a65[data-direction=vertical] {
  flex-direction: column
}

.stack_ae6a65[data-direction=horizontal] {
  flex-direction: row
}

.stack_ae6a65[data-align=start] {
  align-items: flex-start
}

.stack_ae6a65[data-align=end] {
  align-items: flex-end
}

.stack_ae6a65[data-align=center] {
  align-items: center
}

.stack_ae6a65[data-align=stretch] {
  align-items: stretch
}

.stack_ae6a65[data-align=baseline] {
  align-items: baseline
}

.stack_ae6a65[data-justify=start] {
  justify-content: flex-start
}

.stack_ae6a65[data-justify=end] {
  justify-content: flex-end
}

.stack_ae6a65[data-justify=center] {
  justify-content: center
}

.stack_ae6a65[data-justify=space-around] {
  justify-content: space-around
}

.stack_ae6a65[data-justify=space-between] {
  justify-content: space-between
}

.linkButton_cdf64b {
  box-sizing: border-box;
  background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
  background: initial;
  color: inherit;
  padding: 0;
  margin: 0;
  flex-grow: 0;
  flex-shrink: 0;
  width: auto;
  max-width: 100%;
  text-align: left;
  font-weight: 400;
  font-weight: normal;
  font-size: medium;
  display: inline-flex;
  align-items: center;
  gap: 2px
}

.default_cdf64b {
  color: var(--text-primary)
}

.white_cdf64b {
  color: var(--white)
}

.primary_cdf64b {
  color: var(--text-brand)
}

.destructive_cdf64b {
  color: var(--text-danger)
}

.link_cdf64b {
  color: var(--text-link)
}

.linkButton_cdf64b:hover .text_cdf64b {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

:where(.decorate-links) .text_cdf64b {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

:where(.low-saturation) .link_cdf64b {
  color: var(--text-link-low-saturation)
}

.button_e258f5 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: pointer
}

.full-motion .button_e258f5 {
  transition: color.2s ease, background-color.2s ease
}

.primary_e258f5 {
  background-color: var(--background-primary);
  color: var(--header-primary)
}

.primary_e258f5:hover:not(.disabled_e258f5) {
  background-color: var(--background-secondary);
  color: var(--interactive-active)
}

.secondary_e258f5 {
  background-color: var(--background-secondary);
  color: var(--header-secondary)
}

.secondary_e258f5:hover:not(.disabled_e258f5) {
  background-color: var(--background-primary);
  color: var(--interactive-active)
}

.tertiary_e258f5 {
  background-color: var(--background-tertiary);
  color: var(--interactive-normal)
}

.tertiary_e258f5:hover:not(.disabled_e258f5) {
  background-color: var(--background-floating);
  color: var(--interactive-active)
}

.visual-refresh .primary_e258f5,
.visual-refresh .secondary_e258f5,
.visual-refresh .tertiary_e258f5 {
  background-color: var(--button-secondary-background);
  color: var(--button-secondary-text)
}

.visual-refresh .primary_e258f5:hover,
.visual-refresh .secondary_e258f5:hover,
.visual-refresh .tertiary_e258f5:hover {
  background-color: var(--button-secondary-background-hover)
}

.size24_e258f5 {
  padding: 4px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px
}

.size32_e258f5 {
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px
}

.size36_e258f5 {
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px
}

.disabled_e258f5 {
  opacity: .3;
  pointer-events: none
}

.card_a298b8 {
  position: relative;
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
  --__card-accent-color: transparent;
  border-color: transparent;
  border-color: var(--__card-accent-color)
}

.card_a298b8:not(.outline_a298b8) {
  background-color: var(--__card-accent-color)
}

.card_a298b8 a:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.cardDanger_a298b8 a,
.cardWarning_a298b8 a,
.cardSuccess_a298b8 a,
.cardBrand_a298b8 a {
  font-weight: 700
}

.cardDanger_a298b8 {
  --__card-accent-color: var(--status-danger-background);
  color: var(--status-danger-text)
}

.cardWarning_a298b8 {
  --__card-accent-color: var(--status-warning-background)
}

.cardSuccess_a298b8 {
  --__card-accent-color: var(--green-360)
}

.cardBrand_a298b8 {
  --__card-accent-color: var(--brand-500)
}

.card_a298b8 a {
  color: var(--text-link)
}

.cardDanger_a298b8 a,
.cardWarning_a298b8 a,
.cardSuccess_a298b8 a,
.cardBrand_a298b8 a {
  color: var(--white-500)
}

.cardPrimary_a298b8 {
  background: var(--deprecated-card-bg);
  border-color: var(--background-tertiary)
}

.cardPrimary_a298b8.editable_a298b8 {
  background: var(--deprecated-card-editable-bg);
  border-color: var(--background-tertiary)
}

.cardPrimary_a298b8.outline_a298b8 {
  border-color: var(--background-tertiary)
}

.visual-refresh .card_a298b8 {
  border-radius: var(--radius-sm)
}

.visual-refresh .cardPrimary_a298b8,
.visual-refresh .cardPrimary_a298b8.editable_a298b8 {
  background: var(--card-primary-bg);
  border: 1px solid var(--border-subtle)
}

.checkboxWrapper_f6cde8 {
  display: flex;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex: 1 1 auto;
  font-size: 16px;
  max-width: 100%
}

.checkboxWrapper_f6cde8.row_f6cde8 {
  background-color: var(--background-secondary);
  padding: 10px;
  border-radius: 3px
}

.checkboxWrapper_f6cde8.row_f6cde8.checked_f6cde8 {
  background-color: var(--background-tertiary);
  color: var(--interactive-active)
}

.checkboxWrapper_f6cde8.row_f6cde8:hover:not(.checked_f6cde8) {
  background-color: var(--background-modifier-hover);
  color: var(--interactive-hover)
}

.checkboxWrapper_f6cde8.row_f6cde8:active:not(.checked_f6cde8) {
  background-color: var(--background-modifier-active);
  color: var(--interactive-active)
}

.checkboxWrapperDisabled_f6cde8 {
  opacity: .6
}

.checkboxWrapperDisabled_f6cde8.row_f6cde8 {
  opacity: .3
}

.checkboxWrapperDisabled_f6cde8 .checkbox_f6cde8 {
  opacity: 1
}

.alignTop_f6cde8 {
  align-items: top
}

.alignCenter_f6cde8 {
  align-items: center
}

.input_f6cde8 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.inputDefault_f6cde8,
.inputDisabled_f6cde8 {
  width: 100%;
  height: 100%;
  z-index: 1
}

.inputDefault_f6cde8 {
  cursor: pointer
}

.inputDisabled_f6cde8 {
  cursor: not-allowed
}

.inputReadonly_f6cde8 {
  cursor: default;
  width: 0;
  height: 0;
  z-index: -1
}

.box_f6cde8 {
  border-radius: 6px
}

.smallBox_f6cde8 {
  border-radius: 4px
}

.round_f6cde8 {
  border-radius: 50%
}

.checkbox_f6cde8 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box
}

.label_f6cde8 {
  flex: 1 1 auto;
  min-width: 0;
  color: var(--text-normal)
}

.labelClickable_f6cde8 {
  cursor: pointer
}

.labelDisabled_f6cde8 {
  cursor: not-allowed
}

.labelForward_f6cde8 {
  padding-left: 8px
}

.labelReversed_f6cde8 {
  padding-right: 8px
}

html:not(.visual-refresh).theme-light .checkbox_f6cde8 {
  border-color: var(--primary-300)
}

html:not(.visual-refresh).theme-light.checked_f6cde8 {
  background: var(--white-500)
}

html:not(.visual-refresh).theme-dark .checkbox_f6cde8 {
  border-color: var(--primary-400)
}

html:not(.visual-refresh).theme-dark.checked_f6cde8 {
  border-color: var(--white-500);
  background-color: var(--white-500)
}

.enable-forced-colors .checkbox_f6cde8 {
  border-color: ButtonText
}

.enable-forced-colors .checked_f6cde8 .checkbox_f6cde8 {
  border-color: Highlight !important;
  background-color: Highlight !important
}

.enable-forced-colors .checked_f6cde8 .checkbox_f6cde8 svg * {
  fill: HighlightText
}

.enable-forced-colors .checkboxWrapperDisabled_f6cde8,
.enable-forced-colors .checkboxWrapperDisabled_f6cde8.row_f6cde8 {
  opacity: 1
}

.enable-forced-colors .checkboxWrapperDisabled_f6cde8 .checkbox_f6cde8 {
  border-color: GrayText
}

.enable-forced-colors .labelDisabled_f6cde8,
.enable-forced-colors .labelDisabled_f6cde8>div {
  color: GrayText
}

:where(.visual-refresh) .checkbox_f6cde8 {
  border-radius: 6px;
  border-color: var(--checkbox-border-default);
  background-color: var(--checkbox-background-default)
}

:where(.visual-refresh) .checkbox_f6cde8.checkboxDisabled_f6cde8 {
  opacity: .6
}

:where(.visual-refresh) .checkbox_f6cde8.checked_f6cde8 {
  border-color: var(--checkbox-border-checked);
  background-color: var(--checkbox-background-checked)
}

.collapseable_a3cc4a {
  position: relative;
  background-color: var(--background-secondary-alt);
  border-radius: 8px;
  transition: background-color.1s ease
}

.collapseable_a3cc4a:active {
  background-color: var(--background-accent)
}

.collapseable_a3cc4a:before {
  box-shadow: var(--elevation-stroke), var(--elevation-low);
  opacity: 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: opacity.2s ease-in-out;
  z-index: 0;
  overflow: visible;
  border-radius: 8px
}

.collapseable_a3cc4a.toggled_a3cc4a {
  cursor: default
}

.collapseable_a3cc4a.toggled_a3cc4a:active {
  background-color: var(--background-secondary)
}

.collapseable_a3cc4a.toggled_a3cc4a:before {
  opacity: 1
}

.collapseable_a3cc4a:not(:last-child) {
  margin-bottom: 16px
}

.header_a3cc4a {
  position: relative;
  cursor: pointer
}

.header_a3cc4a.toggled_a3cc4a {
  cursor: default
}

.contentExpandContainer_a3cc4a {
  overflow: hidden;
  flex: 1
}

.showOverflow_a3cc4a {
  overflow: visible
}

.focusTarget_dc8280 {
  width: 0;
  height: 0;
  pointer-events: none
}

.scrollerBase_eed6a8 {
  position: relative;
  box-sizing: border-box;
  min-height: 0;
  flex: 1 1 auto
}

.thin_eed6a8::-webkit-scrollbar {
  width: 8px;
  height: 8px
}

.thin_eed6a8::-webkit-scrollbar-track {
  border: 2px solid var(--scrollbar-thin-track);
  background-color: var(--scrollbar-thin-track);
  border-color: var(--scrollbar-thin-track)
}

.thin_eed6a8::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  border: 2px solid transparent;
  border-radius: 4px;
  background-color: var(--scrollbar-thin-thumb);
  min-height: 40px
}

.thin_eed6a8::-webkit-scrollbar-corner {
  background-color: transparent
}

.auto_eed6a8::-webkit-scrollbar {
  width: 16px;
  height: 16px
}

.auto_eed6a8::-webkit-scrollbar-track {
  border: 4px solid transparent;
  background-clip: padding-box;
  border-radius: 8px;
  background-color: var(--scrollbar-auto-track)
}

.auto_eed6a8::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  border: 4px solid transparent;
  border-radius: 8px;
  background-color: var(--scrollbar-auto-thumb);
  min-height: 40px
}

.auto_eed6a8::-webkit-scrollbar-corner {
  background-color: transparent
}

.theme-dark.custom-theme-background .customTheme_eed6a8.auto_eed6a8::-webkit-scrollbar-track {
  background-size: 200vh;
  background-image: linear-gradient(rgb(var(--bg-overlay-color)/.4), rgb(var(--bg-overlay-color)/.4)), var(--custom-theme-background)
}

.theme-dark.custom-theme-background .customTheme_eed6a8.auto_eed6a8::-webkit-scrollbar-thumb,
.theme-dark.custom-theme-background .customTheme_eed6a8.thin_eed6a8::-webkit-scrollbar-thumb {
  background-size: 200vh;
  background-image: linear-gradient(rgb(var(--bg-overlay-color-inverse)/var(--bg-overlay-opacity-4)), rgb(var(--bg-overlay-color-inverse)/var(--bg-overlay-opacity-4))), var(--custom-theme-background)
}

.theme-light.custom-theme-background .customTheme_eed6a8.auto_eed6a8::-webkit-scrollbar-track {
  background-size: 200vh;
  background-image: linear-gradient(rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-2)), rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-2))), var(--custom-theme-background)
}

.theme-light.custom-theme-background .customTheme_eed6a8.auto_eed6a8::-webkit-scrollbar-thumb,
.theme-light.custom-theme-background .customTheme_eed6a8.thin_eed6a8::-webkit-scrollbar-thumb {
  background-size: 100vh;
  background-image: rgb(var(--bg-overlay-color-inverse)/var(--bg-overlay-opacity-6)), rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-3))
}

.none_eed6a8::-webkit-scrollbar {
  width: 0;
  height: 0
}

.fade_eed6a8::-webkit-scrollbar-thumb,
.fade_eed6a8::-webkit-scrollbar-track {
  visibility: hidden
}

.fade_eed6a8:hover::-webkit-scrollbar-thumb,
.fade_eed6a8:hover::-webkit-scrollbar-track {
  visibility: visible
}

.scrolling_eed6a8.fade_eed6a8:focus-within::-webkit-scrollbar-thumb,
.scrolling_eed6a8.fade_eed6a8:focus-within::-webkit-scrollbar-track {
  visibility: visible
}

.no-webkit-scrollbar .thin_eed6a8 {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thin-thumb)var(--scrollbar-thin-track)
}

.no-webkit-scrollbar .thin_eed6a8.fade_eed6a8.scrolling_eed6a8,
.no-webkit-scrollbar .thin_eed6a8.fade_eed6a8:hover {
  scrollbar-color: var(--scrollbar-thin-thumb)var(--scrollbar-thin-track)
}

.no-webkit-scrollbar .auto_eed6a8 {
  scrollbar-width: auto;
  scrollbar-color: var(--scrollbar-auto-scrollbar-color-thumb)var(--scrollbar-auto-scrollbar-color-track)
}

.no-webkit-scrollbar .auto_eed6a8.fade_eed6a8.scrolling_eed6a8,
.no-webkit-scrollbar .auto_eed6a8.fade_eed6a8:hover {
  scrollbar-color: var(--scrollbar-auto-scrollbar-color-thumb)var(--scrollbar-auto-scrollbar-color-track)
}

.no-webkit-scrollbar .none_eed6a8 {
  scrollbar-width: none
}

.no-webkit-scrollbar .fade_eed6a8 {
  scrollbar-color: transparent transparent
}

.content_eed6a8 {
  position: relative
}

.disableScrollAnchor_eed6a8 {
  overflow-anchor: none
}

.managedReactiveScroller_eed6a8 {
  overflow-y: scroll;
  overflow-x: hidden
}

.pointerCover_eed6a8 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999
}

.enable-forced-colors ::-webkit-scrollbar-track {
  border-radius: 0;
  border-width: 1px
}

.enable-forced-colors ::-webkit-scrollbar-thumb {
  background-color: CanvasText;
  border-width: 1px
}

.enable-forced-colors ::-webkit-scrollbar-thumb:horizontal:hover,
.enable-forced-colors ::-webkit-scrollbar-thumb:horizontal:active,
.enable-forced-colors ::-webkit-scrollbar-thumb:vertical:hover,
.enable-forced-colors ::-webkit-scrollbar-thumb:vertical:active {
  background-color: Highlight
}

.enable-forced-colors .auto_eed6a8::-webkit-scrollbar {
  width: 8px;
  height: 8px
}

.enable-forced-colors .auto_eed6a8::-webkit-scrollbar-track {
  border-width: 1px;
  border-radius: 0
}

.container_c18ec9 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 auto;
  border-radius: 4px;
  overflow: hidden;
  background-color: var(--background-tertiary)
}

.inner_c18ec9 {
  box-sizing: border-box;
  position: relative;
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 1px;
  min-width: 0;
  align-items: center
}

.disabled_c18ec9 .inner_c18ec9 {
  opacity: .3
}

.input_c18ec9 {
  box-sizing: border-box;
  background: transparent;
  border: none;
  resize: none;
  flex: 1;
  min-width: 48px;
  margin: 1px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: var(--text-normal)
}

.input_c18ec9::-webkit-input-placeholder {
  color: var(--text-muted);
  opacity: 1
}

.disabled_c18ec9 .input_c18ec9 {
  cursor: not-allowed
}

.tag_c18ec9 {
  box-sizing: border-box;
  border-radius: 2px;
  text-align: center;
  margin: 1px;
  display: flex;
  align-items: center;
  flex-direction: row;
  cursor: pointer;
  transition: none;
  background-color: var(--background-primary)
}

.tag_c18ec9:hover {
  -webkit-text-decoration: none;
  text-decoration: none
}

.small_c18ec9 .input_c18ec9,
.small_c18ec9 .tag_c18ec9 {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  height: 20px;
  padding: 0 4px
}

.medium_c18ec9 .input_c18ec9,
.medium_c18ec9 .tag_c18ec9 {
  font-size: 16px;
  line-height: 32px;
  height: 30px;
  padding: 0 8px
}

.large_c18ec9 .input_c18ec9,
.large_c18ec9 .tag_c18ec9 {
  font-size: 20px;
  line-height: 40px;
  height: 38px;
  padding: 0 16px
}

.close_c18ec9 {
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  margin-left: 4px
}

.iconLayout_c18ec9 {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  cursor: text
}

.pointer_c18ec9 {
  cursor: pointer
}

.medium_c18ec9.iconLayout_c18ec9 {
  width: 32px;
  height: 32px
}

.large_c18ec9.iconLayout_c18ec9 {
  width: 40px;
  height: 40px
}

.iconContainer_c18ec9 {
  position: relative;
  width: 16px;
  height: 16px
}

.medium_c18ec9 .iconContainer_c18ec9 {
  width: 20px;
  height: 20px
}

.large_c18ec9 .iconContainer_c18ec9 {
  width: 24px;
  height: 24px
}

.icon_c18ec9 {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  transform: rotate(90deg);
  color: var(--interactive-normal)
}

.full-motion .icon_c18ec9 {
  transition: transform.1s ease-out, opacity.1s ease-out
}

.icon_c18ec9.visible_c18ec9 {
  transform: rotate(0);
  opacity: 1
}

.iconLayout_c18ec9:hover .clear_c18ec9 {
  color: var(--interactive-hover)
}

.iconLayout_c18ec9:active .clear_c18ec9 {
  color: var(--interactive-active)
}

.enable-forced-colors .input_c18ec9 {
  border: 1px solid CanvasText;
  border-radius: 4px
}

.enable-forced-colors .input_c18ec9::-webkit-input-placeholder {
  color: GrayText
}

.enable-forced-colors .icon_c18ec9 {
  border: 1px solid Canvas;
  background-color: Canvas;
  color: GrayText
}

.enable-forced-colors .clear_c18ec9 {
  background-color: ButtonFace;
  border-color: CanvasText;
  color: ButtonText
}

.enable-forced-colors .iconLayout_c18ec9:hover .clear_c18ec9,
.enable-forced-colors .iconLayout_c18ec9:active .clear_c18ec9 {
  border-color: ButtonText;
  color: ButtonText
}

:where(.visual-refresh) .container_c18ec9 {
  border-radius: 8px;
  border: 1px solid var(--input-border);
  background-color: var(--input-background)
}

:where(.visual-refresh) .container_c18ec9:focus-within {
  border-color: var(--text-link)
}

:where(.visual-refresh) .medium_c18ec9 {
  height: 40px
}

:where(.visual-refresh) .medium_c18ec9 .inner_c18ec9 {
  padding: 10px 12px
}

:where(.visual-refresh) .medium_c18ec9 .input_c18ec9 {
  height: auto;
  line-height: 20px;
  padding: 0;
  margin: 0
}

:where(.visual-refresh) .medium_c18ec9.iconLayout_c18ec9 {
  width: 16px;
  height: 16px
}

.combobox_eef3ef {
  overflow: hidden;
  height: 100%
}

.list_eef3ef {
  list-style: none;
  height: 100%;
  margin-top: 8px
}

.list_eef3ef.scroller_eef3ef {
  margin: 0 0 8px 8px
}

.item_eef3ef {
  font-weight: 500;
  border-radius: 4px;
  padding: 10px 8px;
  margin-bottom: 4px;
  color: var(--interactive-normal);
  cursor: pointer;
  align-items: center;
  display: flex;
  outline: none
}

.item_eef3ef:hover:not(.disabled_eef3ef),
.focused_eef3ef {
  background-color: var(--background-modifier-hover);
  color: var(--interactive-hover)
}

.itemLabel_eef3ef {
  width: 100%
}

.itemCheckbox_eef3ef~.itemLabel_eef3ef {
  margin-left: 8px
}

.empty_eef3ef {
  padding: 20px;
  text-align: center;
  display: grid;
  grid-gap: 12px
}

.disabled_eef3ef {
  opacity: .3;
  cursor: not-allowed
}

.selected_eef3ef {
  background-color: var(--background-modifier-selected)
}

.selectedBrand_eef3ef {
  background: var(--brand-500);
  color: var(--white-500)
}

.selectedBrand_eef3ef:hover,
.selectedBrand_eef3ef.focused_eef3ef {
  background: var(--brand-600);
  color: var(--white-500)
}

.searchWithScrollbar_eef3ef {
  margin: 8px
}

.enable-forced-colors .item_eef3ef {
  border: 1px solid Canvas
}

.enable-forced-colors .disabled_eef3ef {
  color: GrayText;
  opacity: 1
}

.enable-forced-colors .disabled_eef3ef.focused_eef3ef {
  border-color: GrayText
}

.enable-forced-colors .item_eef3ef:hover:not(.disabled_eef3ef),
.enable-forced-colors .focused_eef3ef:not(.disabled_eef3ef) {
  background-color: ButtonFace;
  border-color: ButtonText;
  color: ButtonText
}

.enable-forced-colors .selected_eef3ef:not(.disabled_eef3ef) {
  background-color: HighlightText;
  color: Highlight
}

.enable-forced-colors .selected_eef3ef:not(.disabled_eef3ef):hover,
.enable-forced-colors .selected_eef3ef:not(.disabled_eef3ef).focused_eef3ef {
  border-color: Highlight
}

.container_ac201b {
  width: 250px;
  overflow: hidden;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 8px;
  background-color: var(--background-primary);
  border: 1px solid var(--background-modifier-accent)
}

.scroller_ac201b {
  padding: 0
}

.list_ac201b {
  height: 280px;
  padding: 8px 0
}

.react-datepicker__navigation-icon:before,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
  border-bottom-color: #aeaeae
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after {
  border-top: none;
  border-bottom-color: #f0f0f0
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after {
  top: 0
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
  top: -1px;
  border-bottom-color: #aeaeae
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after {
  border-bottom: none;
  border-top-color: #fff
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after {
  bottom: 0
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
  bottom: -1px;
  border-top-color: #aeaeae
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: .8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid#aeaeae;
  border-radius: .3rem;
  display: inline-block;
  position: relative
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0
}

.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: .3rem;
  border-bottom-right-radius: .3rem
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px
}

.react-datepicker-popper {
  z-index: 1
}

.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px
}

.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,
.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px
}

.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px
}

.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px
}

.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px
}

.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px
}

.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid#aeaeae;
  border-top-left-radius: .3rem;
  padding: 8px 0;
  position: relative
}

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px
}

.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0
}

.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: .3rem
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: 700;
  font-size: .944rem
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden
}

.react-datepicker__navigation--previous {
  left: 2px
}

.react-datepicker__navigation--next {
  right: 2px
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px
}

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.react-datepicker__navigation--years-previous {
  top: 4px
}

.react-datepicker__navigation--years-upcoming {
  top: -4px
}

.react-datepicker__navigation:hover :before {
  border-color: #a6a6a6
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px
}

.react-datepicker__navigation-icon--next {
  left: -2px
}

.react-datepicker__navigation-icon--next:before {
  transform: rotate(45deg);
  left: -7px
}

.react-datepicker__navigation-icon--previous {
  right: -2px
}

.react-datepicker__navigation-icon--previous:before {
  transform: rotate(225deg);
  right: -7px
}

.react-datepicker__month-container {
  float: left
}

.react-datepicker__year {
  margin: .4rem;
  text-align: center
}

.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px
}

.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px
}

.react-datepicker__month {
  margin: .4rem;
  text-align: center
}

.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left
}

.react-datepicker__input-time-container .react-datepicker-time__caption,
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid#aeaeae;
  width: 85px
}

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid#aeaeae;
  border-radius: .3rem;
  position: absolute;
  right: -72px;
  top: 0
}

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: .3rem
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: .3rem
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + .85rem);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: 700
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: .166rem
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: .3rem;
  background-color: #f0f0f0
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap
}

.react-datepicker__day-names {
  margin-bottom: -8px
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: .166rem
}

.react-datepicker__month--selected,
.react-datepicker__month--in-selecting-range,
.react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: .3rem;
  background-color: #216ba5;
  color: #fff
}

.react-datepicker__month--selected:hover,
.react-datepicker__month--in-selecting-range:hover,
.react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90
}

.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none
}

.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer
}

.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: .3rem;
  background-color: #f0f0f0
}

.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: 700
}

.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: .3rem;
  background-color: #3dcc4a;
  color: #fff
}

.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f
}

.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta
}

.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green
}

.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: .3rem;
  background-color: #216ba5;
  color: #fff
}

.react-datepicker__day--selected:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90
}

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: .3rem;
  background-color: #2a87d0;
  color: #fff
}

.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90
}

.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range {
  background-color: rgba(33, 107, 165, .5)
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range,
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range,
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range,
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range {
  background-color: #f0f0f0;
  color: #000
}

.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc
}

.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent
}

.react-datepicker__month-text.react-datepicker__month--selected:hover,
.react-datepicker__month-text.react-datepicker__month--in-range:hover,
.react-datepicker__month-text.react-datepicker__quarter--selected:hover,
.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5
}

.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: .3rem;
  position: relative
}

.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: .3rem;
  border: 1px solid#aeaeae
}

.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer
}

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: .3rem;
  border-top-right-radius: .3rem
}

.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-bottom-left-radius: .3rem;
  border-bottom-right-radius: .3rem
}

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3
}

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle
}

.react-datepicker__close-icon:after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×"
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid#aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: 700;
  padding: 5px 0;
  clear: left
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, .8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647
}

.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
  width: 2rem;
  line-height: 2rem
}

.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem
}

.calendarPicker_be05cd .react-datepicker {
  border: none;
  padding: 20px;
  font-family: var(--font-primary);
  background-color: var(--background-secondary-alt)
}

.calendarPicker_be05cd .react-datepicker__header {
  padding-top: 0;
  border-bottom: 0;
  background-color: var(--background-secondary-alt)
}

.calendarPicker_be05cd .react-datepicker__current-month {
  padding: 0;
  margin: 0 0 10px;
  padding-bottom: 20px;
  border-bottom: 1px solid;
  font-size: 13px;
  line-height: 20px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--header-primary)
}

.calendarPicker_be05cd .react-datepicker__navigation.react-datepicker__navigation--previous,
.calendarPicker_be05cd .react-datepicker__navigation.react-datepicker__navigation--next {
  top: 20px;
  left: 20px;
  width: 18px;
  height: 18px;
  border: 1px solid;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-size: 6px 12px;
  background-position: center;
  transform: rotate(180deg)
}

.calendarPicker_be05cd .react-datepicker__navigation.react-datepicker__navigation--previous.react-datepicker__navigation--next,
.calendarPicker_be05cd .react-datepicker__navigation.react-datepicker__navigation--next.react-datepicker__navigation--next {
  left: auto;
  right: 20px;
  transform: rotate(0)
}

.calendarPicker_be05cd .react-datepicker__navigation.react-datepicker__navigation--previous:focus-visible,
.calendarPicker_be05cd .react-datepicker__navigation.react-datepicker__navigation--next:focus-visible {
  box-shadow: 0 0 0 4px var(--blue-345)
}

.calendarPicker_be05cd .react-datepicker__navigation-icon:before {
  border-width: 0
}

.calendarPicker_be05cd .react-datepicker__month {
  margin: 0
}

.calendarPicker_be05cd .react-datepicker__week:first-of-type>.react-datepicker__day:first-of-type {
  border-radius: 3px 0 0
}

.calendarPicker_be05cd .react-datepicker__week:first-of-type>.react-datepicker__day:last-of-type {
  border-radius: 0 3px 0 0
}

.calendarPicker_be05cd .react-datepicker__week:last-of-type>.react-datepicker__day {
  border-bottom: 1px solid var(--primary-200)
}

.calendarPicker_be05cd .react-datepicker__week:last-of-type>.react-datepicker__day:first-of-type {
  border-radius: 0 0 0 3px
}

.calendarPicker_be05cd .react-datepicker__week:last-of-type>.react-datepicker__day:last-of-type {
  border-radius: 0 0 3px
}

.calendarPicker_be05cd .react-datepicker__week>.react-datepicker__day:last-of-type {
  border-right: 1px solid
}

.calendarPicker_be05cd .react-datepicker__day-names {
  margin-bottom: 10px
}

.calendarPicker_be05cd .react-datepicker__day-name {
  width: 40px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1em;
  text-transform: uppercase;
  margin: 0
}

.calendarPicker_be05cd .react-datepicker__day {
  position: relative;
  box-sizing: border-box;
  margin: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-top: 1px solid var(--deprecated-text-input-border-disabled);
  border-left: 1px solid var(--deprecated-text-input-border-disabled);
  color: var(--header-primary)
}

.calendarPicker_be05cd .react-datepicker__day:hover,
.calendarPicker_be05cd .react-datepicker__day.react-datepicker__day--selected:hover,
.calendarPicker_be05cd .react-datepicker__day.react-datepicker__day--keyboard-selected {
  border-radius: 0;
  color: var(--white-500);
  background-color: var(--brand-500)
}

.calendarPicker_be05cd .react-datepicker__day.react-datepicker__day--selected {
  background: none;
  border-radius: 0
}

.calendarPicker_be05cd .react-datepicker__day.react-datepicker__day--selected:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: var(--brand-500)
}

.calendarPicker_be05cd .react-datepicker__day:focus-visible {
  border: 1px solid var(--blue-345);
  border-top-color: var(--blue-345);
  border-left-color: var(--blue-345)
}

.calendarPicker_be05cd .react-datepicker__day--outside-month,
.calendarPicker_be05cd .react-datepicker__day--disabled {
  font-weight: 500
}

.calendarPicker_be05cd .react-datepicker__day--outside-month_be05cd,
.calendarPicker_be05cd .react-datepicker__day--disabled_be05cd {
  background-color: var(--background-secondary)
}

.theme-light .calendarPicker_be05cd .react-datepicker__header {
  border-color: hsl(var(--primary-200-hsl)/.2)
}

.theme-light .calendarPicker_be05cd .react-datepicker__current-month {
  border-bottom-color: hsl(var(--primary-200-hsl)/.2)
}

.theme-light .calendarPicker_be05cd .react-datepicker__navigation.react-datepicker__navigation--previous,
.theme-light .calendarPicker_be05cd .react-datepicker__navigation.react-datepicker__navigation--next {
  border-color: var(--primary-200)
}

.theme-light .calendarPicker_be05cd .react-datepicker__week:last-of-type .react-datepicker__day {
  border-bottom-color: var(--primary-200)
}

.theme-light .calendarPicker_be05cd .react-datepicker__week .react-datepicker__day:last-of-type {
  border-right-color: var(--primary-200)
}

.theme-light .calendarPicker_be05cd .react-datepicker__day-name {
  color: hsl(var(--primary-500-hsl)/.6)
}

.theme-light .calendarPicker_be05cd .react-datepicker__day.react-datepicker__day--disabled,
.theme-light .calendarPicker_be05cd .react-datepicker__day.react-datepicker__day--disabled:hover {
  background-color: hsl(var(--black-500-hsl)/5%);
  color: hsl(var(--black-500-hsl)/.2)
}

.theme-light .calendarPicker_be05cd .react-datepicker__day--outside-month,
.theme-light .calendarPicker_be05cd .react-datepicker__day--disabled {
  color: hsl(var(--primary-500-hsl)/.3)
}

.theme-dark .calendarPicker_be05cd .react-datepicker__header {
  border-color: hsl(var(--primary-800-hsl)/.2)
}

.theme-dark .calendarPicker_be05cd .react-datepicker__current-month {
  border-bottom-color: hsl(var(--primary-800-hsl)/.3)
}

.theme-dark .calendarPicker_be05cd .react-datepicker__navigation.react-datepicker__navigation--previous,
.theme-dark .calendarPicker_be05cd .react-datepicker__navigation.react-datepicker__navigation--next {
  border-color: var(--primary-800)
}

.theme-dark .calendarPicker_be05cd .react-datepicker__week:last-of-type .react-datepicker__day {
  border-bottom-color: var(--primary-800)
}

.theme-dark .calendarPicker_be05cd .react-datepicker__week .react-datepicker__day:last-of-type {
  border-right-color: var(--primary-800)
}

.theme-dark .calendarPicker_be05cd .react-datepicker__day-name {
  color: hsl(var(--primary-100-hsl)/.6)
}

.theme-dark .calendarPicker_be05cd .react-datepicker__day.react-datepicker__day--disabled,
.theme-dark .calendarPicker_be05cd .react-datepicker__day.react-datepicker__day--disabled:hover {
  background-color: var(--primary-630);
  color: hsl(var(--primary-100-hsl)/.3)
}

.theme-dark .calendarPicker_be05cd .react-datepicker__day--outside-month,
.theme-dark .calendarPicker_be05cd .react-datepicker__day--disabled {
  color: hsl(var(--primary-100-hsl)/.3)
}

.enable-forced-colors .calendarPicker_be05cd .react-datepicker {
  border: 2px solid CanvasText
}

.enable-forced-colors .calendarPicker_be05cd .react-datepicker__day:hover,
.enable-forced-colors .calendarPicker_be05cd .react-datepicker__day.react-datepicker__day--selected:hover,
.enable-forced-colors .calendarPicker_be05cd .react-datepicker__day.react-datepicker__day--keyboard-selected {
  background-color: HighlightText;
  color: Highlight
}

.enable-forced-colors .calendarPicker_be05cd .react-datepicker__day.react-datepicker__day--selected:after {
  background-color: Highlight
}

.enable-forced-colors .calendarPicker_be05cd .react-datepicker__day:focus-visible {
  background-color: HighlightText;
  color: Highlight;
  border-color: Highlight
}

.enable-forced-colors .calendarPicker_be05cd .react-datepicker__day.react-datepicker__day--disabled,
.enable-forced-colors .calendarPicker_be05cd .react-datepicker__day.react-datepicker__day--disabled:hover {
  color: GrayText
}

.images-light .calendarPicker_be05cd .react-datepicker__navigation.react-datepicker__navigation--previous,
.images-light .calendarPicker_be05cd .react-datepicker__navigation.react-datepicker__navigation--next {
  background-image: url(/assets/20af45d300ce1c04443e.svg)
}

.images-dark .calendarPicker_be05cd .react-datepicker__navigation.react-datepicker__navigation--previous,
.images-dark .calendarPicker_be05cd .react-datepicker__navigation.react-datepicker__navigation--next {
  background-image: url(/assets/41605bb4fdcb842806d1.svg)
}

.loadingPopout_a8c724 {
  background-color: var(--background-secondary);
  display: flex;
  justify-content: center;
  padding: 8px
}

.full-motion .translate_f88ae3.animatorTop_f88ae3 {
  transform: translate3d(0, -10px, 0)
}

.full-motion .translate_f88ae3.animatorBottom_f88ae3 {
  transform: translate3d(0, 10px, 0)
}

.full-motion .translate_f88ae3.animatorLeft_f88ae3 {
  transform: translate3d(-10px, 0, 0)
}

.full-motion .translate_f88ae3.animatorRight_f88ae3 {
  transform: translate3d(10px, 0, 0)
}

.full-motion .translate_f88ae3.animatorCenter_f88ae3 {
  transform: translate3d(0, -10px, 0)
}

.full-motion .translate_f88ae3.didRender_f88ae3 {
  transition: transform.2s ease-out;
  transform: translatez(0)
}

.full-motion .translate_f88ae3[data-popout-animating=false] {
  transform: none;
  transition: none;
  position: relative;
  z-index: 0
}

.full-motion .scale_f88ae3 {
  transform: scale(.01);
  opacity: 0
}

.full-motion .scale_f88ae3.animatorTop_f88ae3 {
  transform-origin: bottom center
}

.full-motion .scale_f88ae3.animatorBottom_f88ae3 {
  transform-origin: top center
}

.full-motion .scale_f88ae3.animatorLeft_f88ae3 {
  transform-origin: top right
}

.full-motion .scale_f88ae3.animatorRight_f88ae3 {
  transform-origin: top left;
  transform-origin: top center
}

.full-motion .scale_f88ae3.didRender_f88ae3 {
  transition: transform.12s ease-out, opacity.12s ease-out;
  transform: scale(1);
  opacity: 1
}

.full-motion .scale_f88ae3[data-popout-animating=false] {
  transform: none;
  transition: none;
  position: relative;
  z-index: 0
}

.fade_f88ae3 {
  opacity: 0
}

.fade_f88ae3.didRender_f88ae3 {
  transition: opacity 80ms ease-out;
  opacity: 1;
  position: relative;
  z-index: 0
}

.loader_c363a8 {
  align-items: center;
  background-color: var(--background-tertiary);
  border-radius: 8px;
  display: flex;
  height: 80px;
  justify-content: center
}

.calendarContainer_f4830e {
  box-shadow: var(--legacy-elevation-border), var(--legacy-elevation-high)
}

.container_f4830e {
  cursor: pointer
}

.content_f4830e {
  display: flex;
  flex-direction: row;
  align-items: center
}

.text_f4830e {
  margin-right: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.icon_f4830e {
  margin-top: -2px;
  margin-bottom: -2px;
  margin-right: -2px;
  flex-shrink: 0;
  margin-left: auto;
  color: var(--interactive-normal)
}

.disabled_f4830e {
  cursor: not-allowed
}

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

.input_f8bc55 {
  font-size: 16px;
  box-sizing: border-box;
  width: 100%;
  border-radius: 3px;
  color: var(--text-normal);
  background-color: var(--input-background);
  border: none;
  transition: border-color.2s ease-in-out
}

.input_f8bc55::-moz-placeholder {
  -moz-user-select: none;
  user-select: none;
  color: var(--input-placeholder-text)
}

.input_f8bc55::placeholder {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: var(--input-placeholder-text)
}

.input_f8bc55:hover {
  border-color: var(--deprecated-text-input-border-hover)
}

.input_f8bc55.focused_f8bc55,
.input_f8bc55:focus {
  border-color: var(--text-link)
}

.input_f8bc55.error_f8bc55 {
  border-color: var(--status-danger)
}

.input_f8bc55.success_f8bc55 {
  border-color: var(--green-360)
}

.input_f8bc55.disabled_f8bc55 {
  border-color: var(--deprecated-text-input-border-disabled)
}

.input_f8bc55.editable_f8bc55 {
  background-color: transparent;
  border-color: transparent
}

.inputDefault_f8bc55 {
  padding: 10px;
  height: 40px
}

.inputMini_f8bc55 {
  line-height: 16px;
  padding: 4px 7px;
  height: 26px
}

.disabled_f8bc55 {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: not-allowed;
  opacity: .5
}

.focused_f8bc55 {
  border-color: var(--brand-500);
  opacity: 1
}

.inputPrefix_f8bc55 {
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: absolute;
  height: 40px;
  padding-top: 10px;
  padding-left: 20px;
  line-height: normal;
  color: var(--text-muted)
}

.theme-dark .inputPrefix_f8bc55 {
  opacity: .5
}

.enable-forced-colors .input_f8bc55 {
  border: 1px solid ButtonText
}

.enable-forced-colors .input_f8bc55:focus {
  border-color: Highlight
}

.enable-forced-colors .input_f8bc55.disabled_f8bc55 {
  background-color: Canvas;
  border-color: GrayText;
  opacity: 1
}

:where(.visual-refresh) .input_f8bc55 {
  padding: 12px 10px;
  border-radius: 8px;
  border: 1px solid var(--input-border);
  height: 40px
}

:where(.visual-refresh) .input_f8bc55:hover,
:where(.visual-refresh) .input_f8bc55[readonly] {
  border: 1px solid var(--input-border)
}

:where(.visual-refresh) .input_f8bc55:not([readOnly]).focused_f8bc55,
:where(.visual-refresh) .input_f8bc55:not([readOnly]):focus,
:where(.visual-refresh) .input_f8bc55:not([readOnly]):focus:hover,
:where(.visual-refresh) .input_f8bc55:not([readOnly]).focused_f8bc55:hover {
  border-color: var(--text-link)
}

:where(.visual-refresh) .input_f8bc55.error_f8bc55 {
  border-width: 2px;
  border-color: var(--text-danger);
  color: var(--text-danger)
}

:where(.visual-refresh) .input_f8bc55.disabled_f8bc55 {
  border-color: var(--input-border);
  cursor: not-allowed;
  opacity: 1
}

:where(.visual-refresh) .input_f8bc55::-moz-placeholder {
  color: var(--text-secondary)
}

:where(.visual-refresh) .input_f8bc55::placeholder {
  color: var(--text-secondary)
}

:where(.visual-refresh) .inputError_f8bc55 {
  display: flex;
  gap: 8px;
  align-items: center
}

.heading-sm\/normal_c46f6a {
  font-family: var(--font-display);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 400
}

.heading-sm\/normal_c46f6a.fontScaling_c46f6a {
  font-size: .875rem
}

.heading-sm\/medium_c46f6a {
  font-family: var(--font-display);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 500
}

.heading-sm\/medium_c46f6a.fontScaling_c46f6a {
  font-size: .875rem
}

.heading-sm\/semibold_c46f6a {
  font-family: var(--font-display);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 600
}

.heading-sm\/semibold_c46f6a.fontScaling_c46f6a {
  font-size: .875rem
}

.heading-sm\/bold_c46f6a {
  font-family: var(--font-display);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 700
}

.heading-sm\/bold_c46f6a.fontScaling_c46f6a {
  font-size: .875rem
}

.heading-sm\/extrabold_c46f6a {
  font-family: var(--font-display);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 800
}

.heading-sm\/extrabold_c46f6a.fontScaling_c46f6a {
  font-size: .875rem
}

.heading-md\/normal_c46f6a {
  font-family: var(--font-display);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400
}

.heading-md\/normal_c46f6a.fontScaling_c46f6a {
  font-size: 1rem
}

.heading-md\/medium_c46f6a {
  font-family: var(--font-display);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 500
}

.heading-md\/medium_c46f6a.fontScaling_c46f6a {
  font-size: 1rem
}

.heading-md\/semibold_c46f6a {
  font-family: var(--font-display);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 600
}

.heading-md\/semibold_c46f6a.fontScaling_c46f6a {
  font-size: 1rem
}

.heading-md\/bold_c46f6a {
  font-family: var(--font-display);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 700
}

.heading-md\/bold_c46f6a.fontScaling_c46f6a {
  font-size: 1rem
}

.heading-md\/extrabold_c46f6a {
  font-family: var(--font-display);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 800
}

.heading-md\/extrabold_c46f6a.fontScaling_c46f6a {
  font-size: 1rem
}

.heading-lg\/normal_c46f6a {
  font-family: var(--font-display);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 400
}

.heading-lg\/normal_c46f6a.fontScaling_c46f6a {
  font-size: 1.25rem
}

.heading-lg\/medium_c46f6a {
  font-family: var(--font-display);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 500
}

.heading-lg\/medium_c46f6a.fontScaling_c46f6a {
  font-size: 1.25rem
}

.heading-lg\/semibold_c46f6a {
  font-family: var(--font-display);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600
}

.heading-lg\/semibold_c46f6a.fontScaling_c46f6a {
  font-size: 1.25rem
}

.heading-lg\/bold_c46f6a {
  font-family: var(--font-display);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700
}

.heading-lg\/bold_c46f6a.fontScaling_c46f6a {
  font-size: 1.25rem
}

.heading-lg\/extrabold_c46f6a {
  font-family: var(--font-display);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 800
}

.heading-lg\/extrabold_c46f6a.fontScaling_c46f6a {
  font-size: 1.25rem
}

.heading-xl\/normal_c46f6a {
  font-family: var(--font-display);
  font-size: 24px;
  line-height: 1.25;
  font-weight: 400
}

.heading-xl\/normal_c46f6a.fontScaling_c46f6a {
  font-size: 1.5rem
}

.heading-xl\/medium_c46f6a {
  font-family: var(--font-display);
  font-size: 24px;
  line-height: 1.25;
  font-weight: 500
}

.heading-xl\/medium_c46f6a.fontScaling_c46f6a {
  font-size: 1.5rem
}

.heading-xl\/semibold_c46f6a {
  font-family: var(--font-display);
  font-size: 24px;
  line-height: 1.25;
  font-weight: 600
}

.heading-xl\/semibold_c46f6a.fontScaling_c46f6a {
  font-size: 1.5rem
}

.heading-xl\/bold_c46f6a {
  font-family: var(--font-display);
  font-size: 24px;
  line-height: 1.25;
  font-weight: 700
}

.heading-xl\/bold_c46f6a.fontScaling_c46f6a {
  font-size: 1.5rem
}

.heading-xl\/extrabold_c46f6a {
  font-family: var(--font-display);
  font-size: 24px;
  line-height: 1.25;
  font-weight: 800
}

.heading-xl\/extrabold_c46f6a.fontScaling_c46f6a {
  font-size: 1.5rem
}

.heading-xxl\/normal_c46f6a {
  font-family: var(--font-display);
  font-size: 32px;
  line-height: 1.25;
  font-weight: 400
}

.heading-xxl\/normal_c46f6a.fontScaling_c46f6a {
  font-size: 2rem
}

.heading-xxl\/medium_c46f6a {
  font-family: var(--font-display);
  font-size: 32px;
  line-height: 1.25;
  font-weight: 500
}

.heading-xxl\/medium_c46f6a.fontScaling_c46f6a {
  font-size: 2rem
}

.heading-xxl\/semibold_c46f6a {
  font-family: var(--font-display);
  font-size: 32px;
  line-height: 1.25;
  font-weight: 600
}

.heading-xxl\/semibold_c46f6a.fontScaling_c46f6a {
  font-size: 2rem
}

.heading-xxl\/bold_c46f6a {
  font-family: var(--font-display);
  font-size: 32px;
  line-height: 1.25;
  font-weight: 700
}

.heading-xxl\/bold_c46f6a.fontScaling_c46f6a {
  font-size: 2rem
}

.heading-xxl\/extrabold_c46f6a {
  font-family: var(--font-display);
  font-size: 32px;
  line-height: 1.25;
  font-weight: 800
}

.heading-xxl\/extrabold_c46f6a.fontScaling_c46f6a {
  font-size: 2rem
}

.eyebrow_c46f6a {
  font-family: var(--font-display);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .02em
}

.eyebrow_c46f6a.fontScaling_c46f6a {
  font-size: .75rem
}

.heading-deprecated-12\/normal_c46f6a {
  font-family: var(--font-display);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 400
}

.heading-deprecated-12\/normal_c46f6a.fontScaling_c46f6a {
  font-size: .75rem
}

.heading-deprecated-12\/medium_c46f6a {
  font-family: var(--font-display);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 500
}

.heading-deprecated-12\/medium_c46f6a.fontScaling_c46f6a {
  font-size: .75rem
}

.heading-deprecated-12\/semibold_c46f6a {
  font-family: var(--font-display);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 600
}

.heading-deprecated-12\/semibold_c46f6a.fontScaling_c46f6a {
  font-size: .75rem
}

.heading-deprecated-12\/bold_c46f6a {
  font-family: var(--font-display);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 700
}

.heading-deprecated-12\/bold_c46f6a.fontScaling_c46f6a {
  font-size: .75rem
}

.heading-deprecated-12\/extrabold_c46f6a {
  font-family: var(--font-display);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 800
}

.heading-deprecated-12\/extrabold_c46f6a.fontScaling_c46f6a {
  font-size: .75rem
}

.redesign\/heading-18\/bold_c46f6a {
  font-family: var(--font-display);
  font-size: 18px;
  line-height: 1.3333333333333333;
  font-weight: 700
}

.redesign\/heading-18\/bold_c46f6a.fontScaling_c46f6a {
  font-size: 1.125rem
}

.text-xxs\/normal_c46f6a {
  font-family: var(--font-primary);
  font-size: 10px;
  line-height: 1.2;
  font-weight: 400
}

.text-xxs\/normal_c46f6a.fontScaling_c46f6a {
  font-size: .625rem
}

.text-xxs\/medium_c46f6a {
  font-family: var(--font-primary);
  font-size: 10px;
  line-height: 1.2;
  font-weight: 500
}

.text-xxs\/medium_c46f6a.fontScaling_c46f6a {
  font-size: .625rem
}

.text-xxs\/semibold_c46f6a {
  font-family: var(--font-primary);
  font-size: 10px;
  line-height: 1.2;
  font-weight: 600
}

.text-xxs\/semibold_c46f6a.fontScaling_c46f6a {
  font-size: .625rem
}

.text-xxs\/bold_c46f6a {
  font-family: var(--font-primary);
  font-size: 10px;
  line-height: 1.2;
  font-weight: 700
}

.text-xxs\/bold_c46f6a.fontScaling_c46f6a {
  font-size: .625rem
}

.text-xs\/normal_c46f6a {
  font-family: var(--font-primary);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 400
}

.text-xs\/normal_c46f6a.fontScaling_c46f6a {
  font-size: .75rem
}

.text-xs\/medium_c46f6a {
  font-family: var(--font-primary);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 500
}

.text-xs\/medium_c46f6a.fontScaling_c46f6a {
  font-size: .75rem
}

.text-xs\/semibold_c46f6a {
  font-family: var(--font-primary);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 600
}

.text-xs\/semibold_c46f6a.fontScaling_c46f6a {
  font-size: .75rem
}

.text-xs\/bold_c46f6a {
  font-family: var(--font-primary);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 700
}

.text-xs\/bold_c46f6a.fontScaling_c46f6a {
  font-size: .75rem
}

.text-sm\/normal_c46f6a {
  font-family: var(--font-primary);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 400
}

.text-sm\/normal_c46f6a.fontScaling_c46f6a {
  font-size: .875rem
}

.text-sm\/medium_c46f6a {
  font-family: var(--font-primary);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 500
}

.text-sm\/medium_c46f6a.fontScaling_c46f6a {
  font-size: .875rem
}

.text-sm\/semibold_c46f6a {
  font-family: var(--font-primary);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 600
}

.text-sm\/semibold_c46f6a.fontScaling_c46f6a {
  font-size: .875rem
}

.text-sm\/bold_c46f6a {
  font-family: var(--font-primary);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 700
}

.text-sm\/bold_c46f6a.fontScaling_c46f6a {
  font-size: .875rem
}

.text-md\/normal_c46f6a {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400
}

.text-md\/normal_c46f6a.fontScaling_c46f6a {
  font-size: 1rem
}

.text-md\/medium_c46f6a {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 500
}

.text-md\/medium_c46f6a.fontScaling_c46f6a {
  font-size: 1rem
}

.text-md\/semibold_c46f6a {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 600
}

.text-md\/semibold_c46f6a.fontScaling_c46f6a {
  font-size: 1rem
}

.text-md\/bold_c46f6a {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 700
}

.text-md\/bold_c46f6a.fontScaling_c46f6a {
  font-size: 1rem
}

.text-lg\/normal_c46f6a {
  font-family: var(--font-primary);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 400
}

.text-lg\/normal_c46f6a.fontScaling_c46f6a {
  font-size: 1.25rem
}

.text-lg\/medium_c46f6a {
  font-family: var(--font-primary);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 500
}

.text-lg\/medium_c46f6a.fontScaling_c46f6a {
  font-size: 1.25rem
}

.text-lg\/semibold_c46f6a {
  font-family: var(--font-primary);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600
}

.text-lg\/semibold_c46f6a.fontScaling_c46f6a {
  font-size: 1.25rem
}

.text-lg\/bold_c46f6a {
  font-family: var(--font-primary);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700
}

.text-lg\/bold_c46f6a.fontScaling_c46f6a {
  font-size: 1.25rem
}

.redesign\/message-preview\/normal_c46f6a {
  font-family: var(--font-primary);
  font-size: 15px;
  line-height: 1.3333333333333333;
  font-weight: 400
}

.redesign\/message-preview\/normal_c46f6a.fontScaling_c46f6a {
  font-size: .9375rem
}

.redesign\/message-preview\/medium_c46f6a {
  font-family: var(--font-primary);
  font-size: 15px;
  line-height: 1.3333333333333333;
  font-weight: 500
}

.redesign\/message-preview\/medium_c46f6a.fontScaling_c46f6a {
  font-size: .9375rem
}

.redesign\/message-preview\/semibold_c46f6a {
  font-family: var(--font-primary);
  font-size: 15px;
  line-height: 1.3333333333333333;
  font-weight: 600
}

.redesign\/message-preview\/semibold_c46f6a.fontScaling_c46f6a {
  font-size: .9375rem
}

.redesign\/message-preview\/bold_c46f6a {
  font-family: var(--font-primary);
  font-size: 15px;
  line-height: 1.3333333333333333;
  font-weight: 700
}

.redesign\/message-preview\/bold_c46f6a.fontScaling_c46f6a {
  font-size: .9375rem
}

.redesign\/channel-title\/normal_c46f6a {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.375;
  font-weight: 400
}

.redesign\/channel-title\/normal_c46f6a.fontScaling_c46f6a {
  font-size: 1rem
}

.redesign\/channel-title\/medium_c46f6a {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.375;
  font-weight: 500
}

.redesign\/channel-title\/medium_c46f6a.fontScaling_c46f6a {
  font-size: 1rem
}

.redesign\/channel-title\/semibold_c46f6a {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.375;
  font-weight: 600
}

.redesign\/channel-title\/semibold_c46f6a.fontScaling_c46f6a {
  font-size: 1rem
}

.redesign\/channel-title\/bold_c46f6a {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.375;
  font-weight: 700
}

.redesign\/channel-title\/bold_c46f6a.fontScaling_c46f6a {
  font-size: 1rem
}

.display-sm_c46f6a {
  font-family: var(--font-headline);
  font-size: 20px;
  line-height: 1;
  font-weight: 800
}

.display-sm_c46f6a.fontScaling_c46f6a {
  font-size: 1.25rem
}

.display-md_c46f6a {
  font-family: var(--font-headline);
  font-size: 34px;
  line-height: 1.0588235294117647;
  font-weight: 800
}

.display-md_c46f6a.fontScaling_c46f6a {
  font-size: 2.125rem
}

.display-lg_c46f6a {
  font-family: var(--font-headline);
  font-size: 44px;
  line-height: .9545454545454546;
  font-weight: 800
}

.display-lg_c46f6a.fontScaling_c46f6a {
  font-size: 2.75rem
}

.code_c46f6a {
  font-family: var(--font-code);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 700
}

.code_c46f6a.fontScaling_c46f6a {
  font-size: .75rem
}

.title_c46f6a {
  flex: 1;
  cursor: default;
  font-family: var(--font-display)
}

.h1_c46f6a {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600
}

.h2_c46f6a {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  text-transform: uppercase
}

.h3_c46f6a {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500
}

.h4_c46f6a {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: .3px;
  text-transform: uppercase
}

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

.defaultMarginh1_c46f6a,
.defaultMarginh2_c46f6a {
  margin-bottom: 20px
}

.defaultMarginh3_c46f6a,
.defaultMarginh5_c46f6a,
.defaultMarginlabel_c46f6a,
.defaultMarginlegend_c46f6a {
  margin-bottom: 8px
}

.disabled_c46f6a {
  opacity: .5;
  cursor: not-allowed
}

.required_c46f6a {
  color: var(--text-danger);
  padding-left: 4px
}

.errorMessage_c46f6a {
  font-size: 12px;
  font-weight: 500;
  font-style: italic;
  text-transform: none
}

.errorSeparator_c46f6a {
  padding-left: 4px;
  padding-right: 4px
}

.defaultColor_c46f6a {
  color: var(--header-primary)
}

.h5_c46f6a,
.label_c46f6a,
.legend_c46f6a {
  color: var(--header-secondary)
}

.label_c46f6a {
  display: block
}

.faded_c46f6a {
  opacity: .8
}

.error_c46f6a {
  color: var(--text-danger)
}

:where(.visual-refresh) .h5_c46f6a {
  color: var(--header-primary);
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  margin-bottom: 8px;
  text-transform: capitalize
}

.enable-forced-colors .disabled_c46f6a {
  color: GrayText;
  opacity: 1
}

.flex_dc333f {
  display: flex
}

.horizontal_dc333f {
  flex-direction: row;
  display: flex
}

.horizontalReverse_dc333f {
  flex-direction: row-reverse;
  display: flex
}

.horizontal_dc333f>.flex_dc333f,
.horizontal_dc333f>.flexChild_dc333f {
  margin-left: 10px;
  margin-right: 10px
}

.horizontal_dc333f>.flex_dc333f:first-child,
.horizontal_dc333f>.flexChild_dc333f:first-child {
  margin-left: 0
}

.horizontal_dc333f>.flex_dc333f:last-child,
.horizontal_dc333f>.flexChild_dc333f:last-child {
  margin-right: 0
}

.horizontalReverse_dc333f>.flex_dc333f,
.horizontalReverse_dc333f>.flexChild_dc333f {
  margin-left: 10px;
  margin-right: 10px
}

.horizontalReverse_dc333f>.flex_dc333f:first-child,
.horizontalReverse_dc333f>.flexChild_dc333f:first-child {
  margin-right: 0
}

.horizontalReverse_dc333f>.flex_dc333f:last-child,
.horizontalReverse_dc333f>.flexChild_dc333f:last-child {
  margin-left: 0
}

.horizontal_dc333f>.flexMarginReset_dc333f {
  margin: 0
}

.flex_ec1a20 {
  display: flex
}

.alignStart_ec1a20 {
  align-items: flex-start
}

.alignEnd_ec1a20 {
  align-items: flex-end
}

.alignCenter_ec1a20 {
  align-items: center
}

.alignStretch_ec1a20 {
  align-items: stretch
}

.alignBaseline_ec1a20 {
  align-items: baseline
}

.justifyStart_ec1a20 {
  justify-content: flex-start
}

.justifyEnd_ec1a20 {
  justify-content: flex-end
}

.justifyCenter_ec1a20 {
  justify-content: center
}

.justifyAround_ec1a20 {
  justify-content: space-around
}

.justifyBetween_ec1a20 {
  justify-content: space-between
}

.noWrap_ec1a20 {
  flex-wrap: nowrap
}

.wrap_ec1a20 {
  flex-wrap: wrap
}

.wrapReverse_ec1a20 {
  flex-wrap: wrap-reverse
}

.directionRow_ec1a20 {
  flex-direction: row
}

.directionRowReverse_ec1a20 {
  flex-direction: row-reverse
}

.directionColumn_ec1a20 {
  flex-direction: column
}

.spacer_ec1a20 {
  flex: 1;
  overflow: hidden
}

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

.horizontal_ec1a20 {
  flex-direction: row;
  display: flex
}

.horizontalReverse_ec1a20 {
  flex-direction: row-reverse;
  display: flex
}

.vertical_ec1a20>.spacer_ec1a20,
.horizontal_ec1a20>.spacer_ec1a20,
.horizontalReverse_ec1a20>.spacer_ec1a20 {
  min-height: 1px
}

.flexCenter_ec1a20 {
  align-items: center;
  justify-content: center;
  display: flex
}

.container_acae5d {
  word-wrap: break-word
}

.form_acae5d {
  height: 100%;
  display: flex;
  flex-direction: column
}

.modalContent_acae5d {
  padding-top: 20px;
  padding-bottom: 20px
}

.content_acae5d {
  height: 100%
}

.title_acae5d {
  text-align: center
}

.minorContainer_acae5d {
  flex: 0 0 auto;
  margin-top: 8px;
  margin-bottom: -10px;
  width: 100%;
  cursor: pointer
}

.secondaryAction_acae5d {
  text-align: center;
  opacity: .6
}

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

.body_acae5d {
  text-align: center
}

.secondaryButton_acae5d,
.primaryButton_acae5d {
  flex: 1 1 45%
}

.gutter_acae5d {
  margin-left: 10px
}

.visual-refresh .title_acae5d,
.visual-refresh .body_acae5d {
  text-align: left
}

.visual-refresh .title_acae5d {
  margin-top: 0;
  margin-bottom: 0
}

.visual-refresh .primaryButton_acae5d,
.visual-refresh .secondaryButton_acae5d {
  flex: initial
}

.spacing_f615b3 {
  margin-bottom: 20px
}

.error_f615b3 {
  margin-top: 8px
}

.card_f615b3 {
  padding: 10px
}

.warning_f615b3 {
  color: var(--white-500)
}

@value transitionDuration 200ms;

div.modalRoot {
  position: relative;
  border-radius: 12px
}

div.modalHeader_c5e09c {
  overflow-x: visible
}

.closeBtn_c5e09c {
  position: absolute;
  top: 12px;
  right: 12px
}

.asset_c5e09c {
  width: 205px;
  height: auto;
  margin-bottom: 24px
}

.modalContent_c5e09c {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0 16px 24px
}

.completedModalContent_c5e09c {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 16px 24px
}

.choiceContainer_c5e09c {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  background-color: var(--background-secondary);
  border-radius: 8px;
  cursor: pointer
}

.full-motion .choiceContainer_c5e09c {
  transition: background-color.2s ease-in-out
}

.choiceContainer_c5e09c:hover {
  background-color: var(--background-message-hover)
}

.closeButtonContainer_c5e09c {
  position: relative;
  overflow: hidden;
  border-radius: 3px
}

.progressOverlay_c5e09c {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--background-secondary);
  z-index: 10;
  opacity: .2;
  pointer-events: none
}

.scrollerBase_c49869 {
  position: relative;
  box-sizing: border-box;
  min-height: 0;
  flex: 1 1 auto
}

.thin_c49869::-webkit-scrollbar {
  width: 8px;
  height: 8px
}

.thin_c49869::-webkit-scrollbar-track {
  border: 2px solid var(--scrollbar-thin-track);
  background-color: var(--scrollbar-thin-track);
  border-color: var(--scrollbar-thin-track)
}

.thin_c49869::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  border: 2px solid transparent;
  border-radius: 4px;
  background-color: var(--scrollbar-thin-thumb);
  min-height: 40px
}

.thin_c49869::-webkit-scrollbar-corner {
  background-color: transparent
}

.auto_c49869::-webkit-scrollbar {
  width: 16px;
  height: 16px
}

.auto_c49869::-webkit-scrollbar-track {
  border: 4px solid transparent;
  background-clip: padding-box;
  border-radius: 8px;
  background-color: var(--scrollbar-auto-track)
}

.auto_c49869::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  border: 4px solid transparent;
  border-radius: 8px;
  background-color: var(--scrollbar-auto-thumb);
  min-height: 40px
}

.auto_c49869::-webkit-scrollbar-corner {
  background-color: transparent
}

.theme-dark.custom-theme-background .customTheme_c49869.auto_c49869::-webkit-scrollbar-track {
  background-size: 200vh;
  background-image: linear-gradient(rgb(var(--bg-overlay-color)/.6), rgb(var(--bg-overlay-color)/.6)), var(--custom-theme-background)
}

.theme-dark.custom-theme-background .customTheme_c49869.auto_c49869::-webkit-scrollbar-thumb,
.theme-dark.custom-theme-background .customTheme_c49869.thin_c49869::-webkit-scrollbar-thumb {
  background-size: 200vh;
  background-image: linear-gradient(rgb(var(--bg-overlay-color-inverse)/var(--bg-overlay-opacity-4)), rgb(var(--bg-overlay-color-inverse)/var(--bg-overlay-opacity-4))), var(--custom-theme-background)
}

.theme-light.custom-theme-background .customTheme_c49869.auto_c49869::-webkit-scrollbar-track {
  background-size: 200vh;
  background-image: linear-gradient(rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-2)), rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-2))), var(--custom-theme-background)
}

.theme-light.custom-theme-background .customTheme_c49869.auto_c49869::-webkit-scrollbar-thumb,
.theme-light.custom-theme-background .customTheme_c49869.thin_c49869::-webkit-scrollbar-thumb {
  background-size: 100vh;
  background-image: rgb(var(--bg-overlay-color-inverse)/var(--bg-overlay-opacity-6)), rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-3))
}

.none_c49869::-webkit-scrollbar {
  width: 0;
  height: 0
}

.fade_c49869::-webkit-scrollbar-thumb,
.fade_c49869::-webkit-scrollbar-track {
  visibility: hidden
}

.fade_c49869:hover::-webkit-scrollbar-thumb,
.fade_c49869:hover::-webkit-scrollbar-track {
  visibility: visible
}

.scrolling_c49869.fade_c49869:focus-within::-webkit-scrollbar-thumb,
.scrolling_c49869.fade_c49869:focus-within::-webkit-scrollbar-track {
  visibility: visible
}

.no-webkit-scrollbar .thin_c49869 {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thin-thumb)var(--scrollbar-thin-track)
}

.no-webkit-scrollbar .thin_c49869.fade_c49869.scrolling_c49869,
.no-webkit-scrollbar .thin_c49869.fade_c49869:hover {
  scrollbar-color: var(--scrollbar-thin-thumb)var(--scrollbar-thin-track)
}

.no-webkit-scrollbar .auto_c49869 {
  scrollbar-width: auto;
  scrollbar-color: var(--scrollbar-auto-scrollbar-color-thumb)var(--scrollbar-auto-scrollbar-color-track)
}

.no-webkit-scrollbar .auto_c49869.fade_c49869.scrolling_c49869,
.no-webkit-scrollbar .auto_c49869.fade_c49869:hover {
  scrollbar-color: var(--scrollbar-auto-scrollbar-color-thumb)var(--scrollbar-auto-scrollbar-color-track)
}

.no-webkit-scrollbar .none_c49869 {
  scrollbar-width: none
}

.no-webkit-scrollbar .fade_c49869 {
  scrollbar-color: transparent transparent
}

.content_c49869 {
  position: relative
}

.disableScrollAnchor_c49869 {
  overflow-anchor: none
}

.managedReactiveScroller_c49869 {
  overflow-y: scroll;
  overflow-x: hidden
}

.pointerCover_c49869 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999
}

.enable-forced-colors ::-webkit-scrollbar-track {
  border-radius: 0;
  border-width: 1px
}

.enable-forced-colors ::-webkit-scrollbar-thumb {
  background-color: CanvasText;
  border-width: 1px
}

.enable-forced-colors ::-webkit-scrollbar-thumb:horizontal:hover,
.enable-forced-colors ::-webkit-scrollbar-thumb:horizontal:active,
.enable-forced-colors ::-webkit-scrollbar-thumb:vertical:hover,
.enable-forced-colors ::-webkit-scrollbar-thumb:vertical:active {
  background-color: Highlight
}

.enable-forced-colors .auto_c49869::-webkit-scrollbar {
  width: 8px;
  height: 8px
}

.enable-forced-colors .auto_c49869::-webkit-scrollbar-track {
  border-width: 1px;
  border-radius: 0
}

.animationWrapper_a9340b {
  position: absolute;
  width: 100%;
  height: 100%
}

.lottieAnimation_a9340b {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 196px;
  height: 196px
}

.emoji {
  -o-object-fit: contain;
  object-fit: contain;
  width: var(--custom-emoji-size-emoji);
  height: var(--custom-emoji-size-emoji);
  vertical-align: bottom
}

.emoji.jumboable {
  width: var(--custom-emoji-size-jumbo-emoji);
  height: var(--custom-emoji-size-jumbo-emoji);
  min-height: var(--custom-emoji-size-jumbo-emoji)
}

.flowerStarContainer_c91f7d {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative
}

.flowerStar_c91f7d {
  width: 100%;
  height: 100%
}

.childContainer_c91f7d {
  position: absolute;
  top: -.05px;
  left: .05px;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none
}

.redesignIconChildContainer_c91f7d>svg {
  width: 10px;
  height: 10px
}

.background_d082f7 {
  width: 16px;
  height: 16px
}

.hubContainer_d082f7 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative
}

.verified_d082f7 {
  color: var(--green-360)
}

.staff_d082f7 {
  color: var(--primary-500)
}

.staff_d082f7 .icon_d082f7 {
  width: 60%;
  height: 60%
}

.visual-refresh .staff_d082f7 {
  color: var(--icon-tertiary)
}

.partnered_d082f7 {
  color: var(--brand-500)
}

.hub_d082f7>.icon_d082f7>circle {
  fill: var(--background-accent)
}

.verifiedHub_d082f7>.icon_d082f7>circle {
  fill: var(--green-360)
}

.icon_d082f7 {
  width: 100%;
  height: 100%;
  color: var(--white-500)
}

.icon_a64689 {
  position: relative;
  background-clip: padding-box;
  background-color: none;
  background-position: center center;
  background-size: 100%100%
}

.icon_a64689 .guildIconBadge_a64689 {
  position: absolute;
  right: -2px;
  bottom: -2px;
  width: 14px;
  height: 14px
}

.iconInactive_a64689 {
  border-radius: 50%
}

.iconActiveMini_a64689 {
  border-radius: 6px
}

.iconActiveSmaller_a64689 {
  border-radius: 7px
}

.iconActiveSmall_a64689 {
  border-radius: 9px
}

.iconActiveMedium_a64689 {
  border-radius: 12px
}

.iconActiveLarge_a64689 {
  border-radius: 15px
}

.iconActiveLarger_a64689 {
  border-radius: 16px
}

.iconActiveXLarge_a64689 {
  border-radius: 30px
}

.iconSizeSmol_a64689 {
  width: 16px;
  height: 16px
}

.iconSizeMini_a64689 {
  width: 20px;
  height: 20px
}

.iconSizeSmaller_a64689 {
  width: 24px;
  height: 24px
}

.iconSizeSmall_a64689 {
  width: 30px;
  height: 30px
}

.iconSizeMedium_a64689 {
  width: 40px;
  height: 40px
}

.iconSizeLarge_a64689 {
  width: 50px;
  height: 50px
}

.iconSizeLarger_a64689 {
  width: 64px;
  height: 64px
}

.iconSizeXLarge_a64689 {
  width: 100px;
  height: 100px
}

.acronym_a64689 {
  overflow: hidden;
  white-space: nowrap;
  width: 100%
}

.noIcon_a64689 {
  background-color: var(--background-secondary);
  color: var(--text-normal);
  text-align: center
}

.noIcon_a64689.iconSizeSmol_a64689 {
  line-height: 16px
}

.noIcon_a64689.iconSizeMini_a64689 {
  line-height: 20px
}

.noIcon_a64689.iconSizeSmaller_a64689 {
  line-height: 24px
}

.noIcon_a64689.iconSizeSmall_a64689 {
  line-height: 30px
}

.noIcon_a64689.iconSizeMedium_a64689 {
  line-height: 40px
}

.noIcon_a64689.iconSizeLarge_a64689 {
  line-height: 50px
}

.noIcon_a64689.iconSizeLarger_a64689 {
  line-height: 64px
}

.noIcon_a64689.iconSizeXLarge_a64689 {
  line-height: 100px
}

.noAcronym_a64689 {
  background-color: var(--background-modifier-accent)
}

.discordLogo_b83a05 {
  height: 36px;
  width: 112px;
  background: url(/assets/23a7a3fd6624342117bf.svg)no-repeat;
  display: none;
  flex-shrink: 0;
  margin-bottom: 16px
}

.authBox_b83a05 {
  width: 480px;
  padding: var(--custom-auth-box-auth-box-padding);
  font-size: 18px;
  box-shadow: var(--legacy-elevation-high);
  border-radius: 5px;
  box-sizing: border-box;
  color: var(--text-muted)
}

.authBox_b83a05 a {
  color: var(--text-link)
}

.authBox_b83a05 a:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.authBoxExpanded_b83a05 {
  width: 784px
}

.centeringWrapper_b83a05 {
  width: 100%;
  text-align: center
}

.avatar_b83a05 {
  margin-bottom: 24px
}

@media(max-width:485px) {
  .authBox_b83a05 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 20px 16px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    background: linear-gradient(to left bottom, #3d4046, #1e1e23);
    border-radius: 0;
    overflow: scroll
  }

  .authBox_b83a05 .discordLogo_b83a05 {
    display: block
  }

  @media(max-width:830px) {
    .authBox_b83a05.authBoxExpanded_b83a05 {
      max-width: none
    }
  }

  .authBox_b83a05 .centeringWrapper_b83a05 {
    position: relative;
    min-height: 540px
  }
}

@media(max-width:830px) {
  .authBoxExpanded_b83a05 {
    max-width: 480px
  }
}

.is-mobile .authBox_b83a05 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 20px 16px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: linear-gradient(to left bottom, #3d4046, #1e1e23);
  border-radius: 0;
  overflow: scroll
}

.is-mobile .authBox_b83a05 .discordLogo_b83a05 {
  display: block;
  top: 16px
}

@media(max-width:830px) {
  .is-mobile .authBox_b83a05.authBoxExpanded_b83a05 {
    max-width: none
  }
}

.is-mobile .authBox_b83a05 .centeringWrapper_b83a05 {
  position: relative;
  min-height: 540px
}

.authBox_b83a05[data-theme=light] {
  background: var(--primary-100)
}

.authBox_b83a05[data-theme=light] .discordLogo_b83a05 {
  background: url(/assets/17a91e9b4e7eb3921ed5.svg)no-repeat;
  width: 130px
}

.authBox_b83a05[data-theme=dark] {
  background: var(--background-mobile-primary)
}

.authBox_b83a05[data-theme=dark] .discordLogo_b83a05 {
  background: url(/assets/23a7a3fd6624342117bf.svg)no-repeat;
  width: 130px
}

.title_b83a05 {
  font-weight: 600
}

.subText_b83a05 {
  color: var(--text-muted)
}

.subText_b83a05 strong {
  color: hsl(var(--primary-300-hsl)/.9);
  font-weight: 600
}

.pill_b83a05 {
  display: flex;
  align-items: center
}

.pillOnline_b83a05 {
  margin-right: 16px
}

.pillMessage_b83a05 {
  font-size: 14px;
  white-space: nowrap;
  color: var(--header-secondary)
}

@media(min-height:640px) {
  .pillMessage_b83a05 {
    font-size: 16px
  }
}

.pillIcon_b83a05 {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 4px
}

.pillIconTotal_b83a05 {
  background-color: var(--header-secondary)
}

.pillIconOnline_b83a05 {
  background-color: var(--info-positive-foreground)
}

.pillFlat_b83a05 {
  background: transparent
}

.pillFlat_b83a05 .pillIconTotal_b83a05 {
  background-color: var(--text-muted)
}

.joiningAs_b83a05 {
  margin-top: 20px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

.joiningAsAvatar_b83a05 {
  margin-left: 14px
}

.joiningAsUsername_b83a05 {
  margin-left: 5px
}

.spinnerVideo_b83a05 {
  width: 200px;
  height: 200px
}

.image_b83a05 {
  width: 100%;
  max-width: 186px;
  height: auto;
  max-height: 120px;
  pointer-events: none
}

.block_b83a05 {
  width: 100%;
  text-align: left
}

.button_b83a05 {
  font-size: 16px;
  line-height: 24px
}

.linkButton_b83a05 {
  display: block;
  padding-left: 0;
  padding-right: 0
}

.inviteIcon_b83a05 {
  display: inline-flex;
  align-items: center;
  justify-content: center
}

.inviteLargeIcon_b83a05 {
  margin-right: 0
}

.inviteSmallIcon_b83a05 {
  margin-right: 8px;
  margin-top: 0;
  flex-shrink: 0
}

.downloadButtonSubtext_b83a05 {
  margin-top: 8px;
  text-align: center
}

.inputError_b83a05,
.inputError_b83a05:focus,
.inputError_b83a05:hover {
  border-color: var(--status-danger)
}

.description_b83a05 {
  margin-top: 8px;
  font-size: 12px
}

.applicationDetails_d6f023 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 24px
}

.entry_d6f023 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center
}

.entryIcon_d6f023 {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  background-size: 16px 16px;
  background-position: center center;
  background-repeat: no-repeat;
  box-sizing: border-box;
  color: var(--text-muted)
}

.entryInner_d6f023 {
  color: var(--text-muted)
}

.applicationEducation_d5a5e0 {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.applicationEducation_d5a5e0:not(:first-child) {
  padding-top: 24px
}

.applicationEducation_d5a5e0:not(:last-child) {
  padding-bottom: 24px;
  border-bottom: 1px solid var(--background-modifier-accent)
}

.sectionLabel_d5a5e0 {
  color: var(--header-secondary)
}

.entry_d5a5e0 {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center
}

.entryIcon_d5a5e0 {
  width: 20px;
  height: 20px;
  color: var(--text-muted)
}

.entryText_d5a5e0 {
  flex: 1
}

.scopes_cf14a8:not(:first-child) {
  padding-top: 24px
}

.scopes_cf14a8:not(:last-child) {
  padding-bottom: 24px;
  border-bottom: 1px solid var(--background-modifier-accent)
}

.scope_cf14a8 {
  margin-top: 16px;
  display: flex
}

.scopeInner_cf14a8 {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box
}

.sectionLabel_cf14a8 {
  margin-bottom: 16px;
  color: var(--header-secondary)
}

.scopeIcon_cf14a8 {
  color: var(--text-muted)
}

.fakeScopeIcon_cf14a8 {
  color: var(--text-muted);
  opacity: .6
}

.icon_cf14a8 {
  width: 20px;
  height: 20px;
  margin-right: 12px
}

.botPermissions_a06cfc {
  display: flex;
  flex-direction: column;
  gap: 24px
}

.botPermissions_a06cfc:not(:first-child) {
  padding-top: 24px
}

.botPermissions_a06cfc:not(:last-child) {
  padding-bottom: 24px;
  border-bottom: 1px solid var(--background-modifier-accent)
}

.permissionsList_a06cfc {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 12px
}

.permission_a06cfc {
  font-weight: 500;
  margin: 16px 0 0;
  display: flex;
  align-items: center;
  flex: 2
}

.disabledPermissionIcon_a06cfc {
  margin-right: 8px;
  width: 18px;
  height: 18px;
  border-radius: 10%;
  background-color: var(--status-danger);
  box-sizing: border-box
}

.icon_a06cfc {
  width: 18px;
  height: 18px;
  color: var(--white-500)
}

.selectorGroup_cb11e0:not(:first-child) {
  padding-top: 24px
}

.selectorGroup_cb11e0:not(:last-child) {
  padding-bottom: 24px;
  border-bottom: 1px solid var(--background-modifier-accent)
}

.select_cb11e0 {
  margin-top: 8px;
  height: 44px;
  align-items: center
}

.label_cb11e0 {
  margin-top: 8px
}

.sectionLabel_cb11e0 {
  font-weight: 700;
  text-transform: uppercase;
  color: var(--header-secondary)
}

.botTag_a9e77f {
  font-size: .625rem;
  text-transform: uppercase;
  vertical-align: top;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  text-indent: 0
}

.px_a9e77f.botTag_a9e77f {
  height: 16px;
  padding: 0 4px;
  border-radius: 4px
}

.rem_a9e77f.botTag_a9e77f {
  height: .9375rem;
  padding: 0 .275rem;
  margin-top: .2em;
  border-radius: 4px
}

.rem_a9e77f.botTag_a9e77f.botTagOP_a9e77f {
  margin-top: .25em
}

.botTagRegular_a9e77f {
  background: var(--bg-brand);
  color: var(--white)
}

.botTagInvert_a9e77f {
  background: var(--white-500);
  color: var(--brand-500)
}

.botTagAI_a9e77f {
  background: var(--text-positive);
  color: var(--white)
}

.botTag_a9e77f.botTagRemix_a9e77f {
  top: .3em
}

.botTagVerified_a9e77f {
  display: inline-block
}

.px_a9e77f .botTagVerified_a9e77f {
  width: 16px;
  height: 16px;
  margin-left: -2px
}

.rem_a9e77f .botTagVerified_a9e77f {
  width: 1rem;
  height: 1rem;
  margin-left: -.2rem;
  margin-top: -.02rem
}

.botText_a9e77f {
  position: relative;
  font-weight: 600;
  vertical-align: top
}

.px_a9e77f .botText_a9e77f {
  font-size: 12px;
  line-height: 16px
}

.rem_a9e77f .botText_a9e77f {
  font-size: .8rem;
  line-height: .9375rem
}

.botTagOP_a9e77f {
  color: var(--brand-560);
  background-color: var(--brand-260);
  border-radius: 8px
}

.header_ac2a99 {
  padding: 32px 0 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.label_ac2a99 {
  margin: 8px 0
}

.currentUser_ac2a99 {
  font-weight: 500
}

.currentUserTag_ac2a99 {
  display: inline
}

.currentUserDiscriminator_ac2a99 {
  display: inline;
  color: var(--interactive-normal)
}

.logoutLink_ac2a99 {
  margin-left: 8px;
  color: var(--brand-500)
}

.headerIcons_ac2a99 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px
}

.ellipseGroup_ac2a99 {
  display: flex;
  justify-content: space-between;
  margin: 0 24px
}

.ellipse_ac2a99 {
  width: 4px;
  height: 4px;
  margin: 0 2px;
  background-color: var(--header-primary);
  opacity: .1;
  border-radius: 50%
}

.botTag_ac2a99 {
  margin-top: 4px !important;
  margin-left: 8px
}

.icon_a94328 {
  border-radius: var(--radius-md);
  flex-shrink: 0;
  box-sizing: border-box;
  border: 1px solid var(--border-subtle)
}

.placeholder_a94328 {
  background-color: var(--bg-mod-subtle)
}

.header_c2f3ef {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px
}

.container_c2f3ef {
  display: flex;
  flex-direction: column;
  max-width: 400px
}

.rows_c2f3ef {
  display: grid;
  grid-auto-rows: 1fr
}

.appIcon_c2f3ef {
  width: 80px;
  height: 80px;
  border-radius: var(--radius-xl)
}

.row_c2f3ef {
  display: flex;
  cursor: pointer;
  align-items: center;
  background: var(--background-secondary);
  padding-left: 16px;
  gap: 12px
}

.row_c2f3ef:hover {
  background: var(--background-modifier-hover)
}

.row_c2f3ef:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px
}

.row_c2f3ef:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px
}

.row_c2f3ef:not(:last-child) .rowInner_c2f3ef {
  border-bottom: 1px solid var(--background-modifier-hover)
}

.visual-refresh .row_c2f3ef {
  background-color: var(--background-mod-subtle)
}

.visual-refresh .row_c2f3ef:hover {
  background-color: var(--background-mod-normal)
}

.visual-refresh .row_c2f3ef:not(:last-child) .rowInner_c2f3ef {
  border-color: var(--border-subtle)
}

.visual-refresh .rows_c2f3ef {
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-sm)
}

.rowInner_c2f3ef {
  display: flex;
  align-items: center;
  flex: 1;
  gap: 8px;
  padding: 8px 16px 8px 0
}

.rowDetails_c2f3ef {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 2px
}

.leftIcon_c2f3ef {
  padding: 4px;
  color: var(--interactive-normal)
}

.rightIcon_c2f3ef {
  color: var(--interactive-normal)
}

.learnMore_c2f3ef {
  margin: 16px 0;
  text-align: center
}

.detailsContainer_c2f3ef {
  gap: var(--custom-disclosure-spacing);
  display: flex;
  flex-direction: column
}

.overviewContainerNoVideo_c2f3ef {
  padding: var(--spacing-12);
  border-radius: var(--radius-sm);
  background-color: var(--background-secondary);
  gap: var(--spacing-8);
  display: flex;
  flex-direction: column
}

.visual-refresh .overviewContainerNoVideo_c2f3ef {
  background-color: var(--background-mod-subtle);
  border: 1px solid var(--border-faint)
}

.titleContainer_c2f3ef {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-8)
}

.partnerLabelContainer_c2f3ef {
  padding: 2px var(--spacing-8);
  justify-content: center;
  background-color: var(--background-modifier-active);
  border-radius: var(--radius-lg)
}

.descriptionContainer_c2f3ef {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4)
}

.expandableDescriptionClickable_c2f3ef {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-4);
  cursor: pointer
}

.overflowHidden_c2f3ef {
  overflow: hidden
}

.closeButton_c2f3ef {
  position: absolute;
  top: 16px;
  right: 0;
  color: var(--interactive-normal);
  cursor: pointer
}

.closeButton_c2f3ef:hover {
  color: var(--interactive-active)
}

.hljs-ansi-control-sequence {
  display: none
}

.hljs-ansi-style-bold {
  font-weight: 700
}

.hljs-ansi-style-underline {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.hljs-ansi-foreground-black {
  color: var(--interactive-muted)
}

.hljs-ansi-foreground-black .hljs-ansi-background-black,
.hljs-ansi-foreground-black .hljs-ansi-background-red,
.hljs-ansi-foreground-black .hljs-ansi-background-green,
.hljs-ansi-foreground-black .hljs-ansi-background-yellow,
.hljs-ansi-foreground-black .hljs-ansi-background-blue,
.hljs-ansi-foreground-black .hljs-ansi-background-magenta,
.hljs-ansi-foreground-black .hljs-ansi-background-cyan,
.hljs-ansi-foreground-black .hljs-ansi-background-white {
  color: #073642
}

.hljs-ansi-foreground-red {
  color: #dc322f
}

.hljs-ansi-foreground-green {
  color: #859900
}

.hljs-ansi-foreground-yellow {
  color: #b58900
}

.hljs-ansi-foreground-blue {
  color: #268bd2
}

.hljs-ansi-foreground-magenta {
  color: #d33682
}

.hljs-ansi-foreground-cyan {
  color: #2aa198
}

.hljs-ansi-foreground-white {
  color: var(--interactive-active)
}

.hljs-ansi-foreground-white .hljs-ansi-background-black,
.hljs-ansi-foreground-white .hljs-ansi-background-red,
.hljs-ansi-foreground-white .hljs-ansi-background-green,
.hljs-ansi-foreground-white .hljs-ansi-background-yellow,
.hljs-ansi-foreground-white .hljs-ansi-background-blue,
.hljs-ansi-foreground-white .hljs-ansi-background-magenta,
.hljs-ansi-foreground-white .hljs-ansi-background-cyan,
.hljs-ansi-foreground-white .hljs-ansi-background-white {
  color: #eee8d5
}

.hljs-ansi-background-black {
  background-color: #002b36
}

.hljs-ansi-background-red {
  background-color: #cb4b16
}

.hljs-ansi-background-green {
  background-color: #586e75
}

.hljs-ansi-background-yellow {
  background-color: #657b83
}

.hljs-ansi-background-blue {
  background-color: #839496
}

.hljs-ansi-background-magenta {
  background-color: #6c71c4
}

.hljs-ansi-background-cyan {
  background-color: #93a1a1
}

.hljs-ansi-background-white {
  background-color: #fdf6e3
}

@use postcss-pxtorem;

.markup_f8f345 {
  font-size: 1rem;
  line-height: 1.375rem;
  white-space: break-spaces;
  word-wrap: break-word;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
  color: var(--text-normal)
}

.markup_f8f345 a {
  color: var(--text-link);
  word-break: break-word;
  -webkit-text-decoration: var(--link-decoration);
  text-decoration: var(--link-decoration);
  cursor: pointer
}

.markup_f8f345 a:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.markup_f8f345 strong {
  font-weight: 700
}

.markup_f8f345 em {
  font-style: italic
}

.markup_f8f345 pre {
  box-sizing: border-box;
  border-radius: 4px;
  padding: 0;
  font-family: var(--font-code);
  font-size: .75rem;
  line-height: 1rem;
  margin-top: 6px;
  max-width: 90%;
  white-space: pre-wrap;
  background-clip: border-box
}

.markup_f8f345 blockquote {
  max-width: 90%;
  box-sizing: border-box;
  text-indent: 0;
  text-indent: 0
}

.markup_f8f345 blockquote pre {
  max-width: 100%
}

.markup_f8f345 small:not(.inlineFormat_f8f345) {
  display: block;
  color: var(--text-muted);
  font-size: .8125rem;
  line-height: 1.11719rem
}

.markup_f8f345 small.inlineFormat_f8f345:after {
  content: " "
}

.markup_f8f345 code {
  font-size: .875rem;
  line-height: 1.125rem;
  text-indent: 0;
  text-indent: 0;
  white-space: pre-wrap;
  background: var(--background-secondary);
  border: 1px solid var(--background-tertiary)
}

.markup_f8f345 .no-webkit-scrollbar code {
  scrollbar-width: thin;
  scrollbar-color: var(--background-tertiary)var(--background-secondary)
}

.markup_f8f345 code.inline {
  width: auto;
  height: auto;
  padding: 0 .2em;
  margin: -.2em 0;
  border-radius: 4px;
  font-size: 85%;
  font-family: var(--font-code);
  text-indent: 0;
  text-indent: 0;
  white-space: pre-wrap
}

.markup_f8f345 .codeContainer_f8f345 {
  position: relative
}

.markup_f8f345 .codeActions_f8f345 {
  position: absolute;
  display: none;
  right: 4px;
  top: 8px
}

.markup_f8f345 .codeActions_f8f345>div {
  cursor: pointer
}

.markup_f8f345 .codeContainer_f8f345:hover .codeActions_f8f345 {
  display: block
}

.markup_f8f345.inlineFormat_f8f345 li,
.markup_f8f345 .inlineFormat_f8f345 li {
  display: inline;
  margin: 0;
  padding-right: 8px
}

.markup_f8f345.inlineFormat_f8f345 li:before,
.markup_f8f345 .inlineFormat_f8f345 li:before {
  content: "•";
  padding-right: 4px
}

.markup_f8f345.inlineFormat_f8f345 li li:before,
.markup_f8f345 .inlineFormat_f8f345 li li:before {
  content: "○";
  font-size: .625rem;
  padding: 0 4px 4px;
  line-height: 1rem
}

.markup_f8f345 li {
  white-space: break-spaces;
  margin-bottom: 4px
}

.markup_f8f345 ul,
.markup_f8f345 ol {
  margin: 4px 0 0 16px;
  list-style-position: outside
}

.markup_f8f345 ul.inlineFormat_f8f345,
.markup_f8f345 ol.inlineFormat_f8f345 {
  display: inline;
  margin: 0;
  padding: 0 8px 0 0
}

.markup_f8f345 ul {
  list-style-type: disc
}

.markup_f8f345 ol {
  list-style-type: decimal;
  margin-left: calc(.4em + .6em*var(--totalCharacters))
}

.markup_f8f345 ul ul,
.markup_f8f345 ol ul {
  list-style-type: circle;
  margin-bottom: 0
}

.markup_f8f345 ol ol,
.markup_f8f345 ul ol {
  margin-bottom: 0
}

.markup_f8f345 h1,
.markup_f8f345 h2,
.markup_f8f345 h3,
.markup_f8f345 h4,
.markup_f8f345 h5,
.markup_f8f345 h6 {
  font-family: var(--font-display);
  font-weight: 700;
  color: var(--header-primary);
  line-height: 1.375em;
  margin: 16px 0 4px
}

.markup_f8f345 h1.inlineFormat_f8f345,
.markup_f8f345 h2.inlineFormat_f8f345,
.markup_f8f345 h3.inlineFormat_f8f345,
.markup_f8f345 h4.inlineFormat_f8f345,
.markup_f8f345 h5.inlineFormat_f8f345,
.markup_f8f345 h6.inlineFormat_f8f345 {
  margin: 0 !important;
  font-weight: 600;
  font-size: inherit;
  white-space: normal;
  padding-right: 16px;
  line-height: 1.25em;
  color: inherit;
  display: inline
}

.markup_f8f345 h1 {
  font-size: 1.5rem;
  margin: 16px 0 8px
}

.markup_f8f345 h2 {
  font-size: 1.25rem;
  margin: 16px 0 8px
}

.markup_f8f345 h3 {
  font-size: 1rem;
  margin: 16px 0 8px
}

.markup_f8f345 h1:first-child,
.markup_f8f345 h2:first-child {
  margin-top: 8px
}

.markup_f8f345 h3:first-child,
.markup_f8f345 h4:first-child,
.markup_f8f345 h5:first-child,
.markup_f8f345 h6:first-child {
  margin-top: 4px
}

.visual-refresh .markup_f8f345 {
  line-height: 1.5rem
}

.visual-refresh .markup_f8f345 code {
  background: var(--background-code);
  border: 1px solid var(--border-normal)
}

@media all and (-webkit-max-device-pixel-ratio:1) {
  .theme-light .markup_f8f345 {
    font-weight: 500
  }
}

.blockquoteContainer_f8f345 {
  display: flex
}

.blockquoteContainer_f8f345 .blockquoteDivider_f8f345 {
  width: 4px;
  border-radius: 4px
}

.blockquoteContainer_f8f345 blockquote {
  padding: 0 8px 0 12px;
  box-sizing: border-box;
  text-indent: 0;
  text-indent: 0
}

.blockquoteDivider_f8f345 {
  background-color: var(--interactive-muted)
}

.slateBlockquoteContainer_f8f345 {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.slateBlockquoteContainer_f8f345 .blockquoteDivider_f8f345,
.slateBlockquoteContainer_f8f345 blockquote {
  margin: 0;
  border-radius: 0
}

.slateBlockquoteContainer_f8f345 blockquote {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text
}

.background-opacity-low .markup_f8f345,
.background-opacity-medium .markup_f8f345 {
  font-weight: 400
}

.background-opacity-low .markup_f8f345 {
  color: var(--white-500);
  text-shadow: 0 0 1px var(--primary-700), 1px 1px 0 var(--primary-700)
}

.background-opacity-low .markup_f8f345 a {
  color: var(--text-link);
  text-shadow: 0 0 1px hsl(var(--primary-700-hsl)/.7), 1px 1px 0 hsl(var(--primary-700-hsl)/.7)
}

.background-opacity-medium .markup_f8f345 {
  color: var(--primary-100);
  text-shadow: 0 0 1px var(--primary-600), 1px 1px 0 var(--primary-600)
}

.background-opacity-medium .markup_f8f345 a {
  color: var(--text-link);
  text-shadow: 0 0 1px hsl(var(--primary-700-hsl)/.8), 1px 1px 0 hsl(var(--primary-700-hsl)/.8)
}

.background-opacity-high .markup_f8f345 {
  color: var(--primary-100);
  text-shadow: 0 0 1px var(--primary-600), 1px 1px 0 var(--primary-600)
}

.background-opacity-low pre,
.background-opacity-medium pre {
  border-color: hsl(var(--primary-500-hsl)/.2)
}

.background-opacity-low pre,
.background-opacity-medium pre,
.background-opacity-high pre {
  background: hsl(var(--primary-630-hsl)/.3);
  border-color: hsl(var(--primary-700-hsl)/.1)
}

.background-opacity-low code,
.background-opacity-medium code,
.background-opacity-high code {
  background-color: transparent
}

.background-opacity-low code.inline,
.background-opacity-medium code.inline,
.background-opacity-high code.inline {
  background-color: hsl(var(--primary-630-hsl)/.3)
}

.background-opacity-low .mention,
.background-opacity-medium .mention,
.background-opacity-high .mention {
  text-shadow: 0 1px 1px var(--brand-600), 0 1px 0 var(--brand-600)
}

.overlay-unlocked code,
.overlay-unlocked code.inline {
  background: var(--background-secondary);
  border-color: var(--background-tertiary)
}

.roleMention_f8f345 {
  font-weight: 500;
  filter: saturate(1);
  filter: saturate(var(--saturation-factor, 1))
}

.rolePopout_f8f345 {
  width: 240px;
  background-color: var(--background-secondary);
  border-radius: 8px;
  max-height: calc(100vh - 20px)
}

.roleHeader_f8f345 {
  padding: 12px 8px 0 16px;
  height: 40px
}

.roleScroller_f8f345 {
  margin-top: 4px;
  margin-bottom: 8px
}

.timestamp_f8f345 {
  background-color: var(--background-modifier-accent);
  border-radius: 3px;
  padding: 0 2px
}

.timestampTooltip_f8f345 {
  max-width: none
}

.enable-forced-colors .blockquoteDivider_f8f345 {
  background-color: CanvasText
}

.enable-forced-colors code.inline {
  position: relative
}

.enable-forced-colors code.inline:before,
.enable-forced-colors code.inline:after {
  border: 1px solid CanvasText;
  content: "";
  display: inline-block;
  height: 1em;
  margin-bottom: -3px;
  width: 2px
}

.enable-forced-colors code.inline:before {
  border-right-width: 0
}

.enable-forced-colors code.inline:after {
  border-left-width: 0
}

.enable-forced-colors .mention,
.enable-forced-colors .roleMention_f8f345 {
  background-color: ButtonFace;
  color: ButtonText;
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.theme-light {
  --__spoiler-background-color--hidden: var(--primary-300);
  --__spoiler-background-color--hidden--hover: hsl(var(--primary-300-hsl) / 0.8);
  --__spoiler-background-color--revealed: hsl(var(--black-500-hsl) / 0.1);
  --__spoiler-text-color--hidden: transparent;
  --__spoiler-warning-text-color: var(--primary-200);
  --__spoiler-warning-text-color--hover: var(--white-500);
  --__spoiler-warning-background-color: hsl(var(--black-500-hsl) / 0.6);
  --__spoiler-warning-background-color--hover: hsl(var(--black-500-hsl) / 0.9);
  --__spoiler-container-box-shadow-color: hsl(var(--black-500-hsl) / 0.1)
}

.theme-dark,
.theme-dark.custom-theme-background {
  --__spoiler-background-color--hidden: var(--primary-700);
  --__spoiler-background-color--hidden--hover: hsl(var(--primary-700-hsl) / 0.8);
  --__spoiler-background-color--revealed: hsl(var(--white-500-hsl) / 0.1);
  --__spoiler-text-color--hidden: transparent;
  --__spoiler-warning-text-color: var(--primary-200);
  --__spoiler-warning-text-color--hover: var(--white-500);
  --__spoiler-warning-background-color: hsl(var(--black-500-hsl) / 0.6);
  --__spoiler-warning-background-color--hover: hsl(var(--black-500-hsl) / 0.9);
  --__spoiler-container-box-shadow-color: hsl(var(--black-500-hsl) / 0.1)
}

.theme-dark.custom-theme-background {
  --__spoiler-background-color--hidden: var(--primary-630);
  --__spoiler-background-color--hidden--hover: hsl(var(--primary-630-hsl) / 0.8)
}

.enable-forced-colors.enable-forced-colors.enable-forced-colors {
  --__spoiler-background-color--hidden: ButtonFace;
  --__spoiler-background-color--hidden--hover: ButtonFace;
  --__spoiler-background-color--revealed: transparent;
  --__spoiler-text-color--hidden: ButtonFace;
  --__spoiler-border-color--hidden: CanvasText;
  --__spoiler-border-color--hidden--hover: ButtonText;
  --__spoiler-border-color--revealed: CanvasText;
  --__spoiler-warning-text-color: CanvasText;
  --__spoiler-warning-text-color--hover: CanvasText;
  --__spoiler-warning-background-color: Canvas;
  --__spoiler-warning-background-color--hover: Canvas;
  --__spoiler-container-box-shadow-color: transparent
}

.spoilerContent_aa9639 {
  --__current--spoiler-content-opacity: 1;
  --__current--spoiler-background-color: var(--__spoiler-background-color--revealed);
  --__current--spoiler-border-color: var(--__spoiler-border-color--revealed);
  --__current--spoiler-pointer-events: all
}

.spoilerContent_aa9639.hidden_aa9639 {
  --__current--spoiler-content-opacity: 0;
  --__current--spoiler-text-color: var(--__spoiler-text-color--hidden);
  --__current--spoiler-background-color: var(--__spoiler-background-color--hidden);
  --__current--spoiler-border-color: var(--__spoiler-border-color--hidden);
  --__current--spoiler-pointer-events: none;
  --__current--spoiler-warning-text-color: var(--__spoiler-warning-text-color);
  --__current--spoiler-warning-background-color: var(--__spoiler-warning-background-color)
}

.spoilerContent_aa9639.hidden_aa9639:hover {
  --__current--spoiler-background-color: var(--__spoiler-background-color--hidden--hover);
  --__current--spoiler-border-color: var(--__spoiler-border-color--hidden--hover);
  --__current--spoiler-warning-text-color: var(--__spoiler-warning-text-color--hover);
  --__current--spoiler-warning-background-color: var(--__spoiler-warning-background-color--hover)
}

.spoilerContainer_aa9639 {
  position: relative;
  filter: blur(0);
  background-color: var(--__current--spoiler-background-color)
}

.spoilerContainer_aa9639.embedContainer_aa9639 {
  border-radius: var(--radius-xs)
}

.spoilerContainer_aa9639.attachmentContainer_aa9639 {
  border-radius: var(--radius-sm)
}

.spoilerContainer_aa9639.hiddenSpoiler_aa9639 {
  cursor: pointer
}

.spoilerContainer_aa9639.hidden_aa9639 {
  overflow: hidden
}

.spoilerContainer_aa9639.hidden_aa9639 article {
  background-color: var(--__current--spoiler-background-color);
  border-color: var(--__current--spoiler-background-color)
}

.spoilerContainer_aa9639.hidden_aa9639:not(:focus) {
  box-shadow: .5px .5px 1px 1px var(--__spoiler-container-box-shadow-color)
}

.enable-forced-colors .spoilerContainer_aa9639 {
  border: 1px solid var(--__current--spoiler-border-color)
}

.enable-forced-colors .spoilerContainer_aa9639 article {
  border-color: var(--__current--spoiler-border-color)
}

.spoilerInnerContainer_aa9639 {
  width: 100%;
  height: 100%
}

.obscureWarning_aa9639 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1;
  padding: 8px 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: var(--__current--spoiler-warning-text-color)
}

.constrainedObscureContent_aa9639 {
  min-width: 146px;
  min-height: 212px;
  display: flex;
  justify-content: center;
  align-items: center
}

.explicitContentWarning_aa9639 {
  text-align: center;
  width: 100%
}

.explicitContentWarningText_aa9639 {
  margin-top: var(--spacing-4)
}

.spoilerWarning_aa9639 {
  text-transform: uppercase;
  letter-spacing: .5px;
  font-size: 15px;
  background-color: var(--__current--spoiler-warning-background-color);
  cursor: pointer;
  font-weight: 600;
  border-radius: 20px
}

.spoilerWarning_aa9639.embed_aa9639 {
  margin-left: 4px
}

.spoilerMarkdownContent_aa9639 {
  border-radius: var(--radius-xs);
  background-color: var(--__current--spoiler-background-color);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone
}

.spoilerMarkdownContent_aa9639.hidden_aa9639 {
  cursor: pointer
}

.spoilerMarkdownContent_aa9639.hidden_aa9639 .obscuredTextContent_aa9639,
.spoilerMarkdownContent_aa9639.hidden_aa9639 .obscuredBlockContent_aa9639 {
  cursor: pointer;
  pointer-events: none
}

.enable-forced-colors .obscuredTextContent_aa9639 {
  border-radius: var(--radius-xs);
  border: 1px solid var(--__current--spoiler-border-color);
  padding: 0 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone
}

.obscuredTextContentInner_aa9639 {
  color: var(--__current--spoiler-text-color)
}

.obscuredTextContentInner_aa9639 span,
.obscuredTextContentInner_aa9639 code {
  opacity: var(--__current--spoiler-content-opacity);
  transition: opacity.1s ease
}

.enable-forced-colors .spoilerMarkdownContent_aa9639 a {
  background-color: var(--__current--spoiler-background-color)
}

.spoilerMarkdownContent_aa9639 blockquote {
  position: relative;
  pointer-events: all;
  color: var(--__current--spoiler-text-color)
}

.spoilerMarkdownContent_aa9639 blockquote:before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--__current--spoiler-background-color);
  border-radius: var(--radius-xs)
}

.enable-forced-colors .spoilerMarkdownContent_aa9639 blockquote:before {
  border: 1px solid var(--__current--spoiler-border-color)
}

.spoilerMarkdownContent_aa9639 pre {
  position: relative;
  pointer-events: all
}

.spoilerMarkdownContent_aa9639 pre:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--__current--spoiler-background-color);
  color: var(--__current--spoiler-text-color);
  border-radius: var(--radius-xs)
}

.enable-forced-colors .spoilerMarkdownContent_aa9639 pre:before {
  border: 1px solid var(--__current--spoiler-border-color)
}

.spoilerMarkdownContent_aa9639 pre code {
  opacity: var(--__current--spoiler-content-opacity)
}

.spoilerMarkdownContent_aa9639 ul li::marker,
.spoilerMarkdownContent_aa9639 ol li::marker {
  color: var(--text-normal)
}

.spoilerMarkdownContent_aa9639 h1>span,
.spoilerMarkdownContent_aa9639 h2>span,
.spoilerMarkdownContent_aa9639 h3>span,
.spoilerMarkdownContent_aa9639 h4>span,
.spoilerMarkdownContent_aa9639 h5>span,
.spoilerMarkdownContent_aa9639 ul li>span,
.spoilerMarkdownContent_aa9639 ol li>span,
.spoilerMarkdownContent_aa9639 small>span {
  opacity: 1 !important;
  color: var(--__current--spoiler-text-color) !important;
  pointer-events: all;
  background: var(--__current--spoiler-background-color);
  border-radius: var(--radius-xs);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone
}

.enable-forced-colors .spoilerMarkdownContent_aa9639 h1>span,
.enable-forced-colors .spoilerMarkdownContent_aa9639 h2>span,
.enable-forced-colors .spoilerMarkdownContent_aa9639 h3>span,
.enable-forced-colors .spoilerMarkdownContent_aa9639 h4>span,
.enable-forced-colors .spoilerMarkdownContent_aa9639 h5>span,
.enable-forced-colors .spoilerMarkdownContent_aa9639 ul li>span,
.enable-forced-colors .spoilerMarkdownContent_aa9639 ol li>span,
.enable-forced-colors .spoilerMarkdownContent_aa9639 small>span {
  border: 1px solid var(--__current--spoiler-border-color)
}

.spoilerMarkdownContent_aa9639 h1>span>*,
.spoilerMarkdownContent_aa9639 h2>span>*,
.spoilerMarkdownContent_aa9639 h3>span>*,
.spoilerMarkdownContent_aa9639 h4>span>*,
.spoilerMarkdownContent_aa9639 h5>span>*,
.spoilerMarkdownContent_aa9639 ul li>span>*,
.spoilerMarkdownContent_aa9639 ol li>span>*,
.spoilerMarkdownContent_aa9639 small>span>* {
  pointer-events: var(--__current--spoiler-pointer-events)
}

.obscureButtonContainer_aa9639 {
  position: absolute;
  z-index: 1;
  right: var(--spacing-4);
  bottom: var(--spacing-4);
  transition: bottom.2s ease-in-out
}

.obscureHoverButton_aa9639 {
  background-color: rgba(0, 0, 0, .6);
  color: var(--white-500);
  border-radius: var(--radius-sm);
  transition: background-color.2s ease-in-out;
  padding: var(--spacing-4);
  display: flex;
  cursor: pointer
}

.obscureHoverButton_aa9639:hover {
  background-color: rgba(0, 0, 0, .8);
  transition: background-color.2s ease-in-out
}

.obscureHoverButton_aa9639:focus {
  background-color: #000;
  transition: background-color.2s ease-in-out
}

.obscureHoverButton_aa9639:active {
  background-color: var(--background-secondary-alt);
  transition: background-color.2s ease-in-out
}

.nowrap_aeef8c {
  white-space: nowrap
}

.icon_bf515c {
  width: 1em;
  height: 1em;
  vertical-align: middle;
  margin-bottom: .2rem;
  margin-right: var(--spacing-4)
}

.name_bf515c {
  text-overflow: ellipsis;
  overflow: hidden
}

.channelWithIcon_bf515c .iconMentionText_bf515c {
  gap: 0 !important
}

.icon_be2720 {
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
  margin-bottom: .2rem
}

.textIcon_be2720 {
  line-height: 1.05rem !important;
  font-size: .5rem !important;
  width: 1.05rem;
  height: 1.05rem
}

.imageIcon_be2720 {
  width: 1em;
  height: 1em
}

.name_be2720 {
  text-overflow: ellipsis;
  overflow: hidden
}

.wrapper_bf1b19 {
  border-radius: 3px;
  padding: 0 2px;
  font-weight: 500;
  unicode-bidi: plaintext;
  color: var(--mention-foreground);
  background: var(--mention-background)
}

.theme-dark.low-contrast .wrapper_bf1b19 {
  background: var(--brand-05a);
  color: var(--brand-300)
}

.interactive {
  transition: background-color 50ms ease-out, color 50ms ease-out;
  cursor: pointer
}

.interactive:hover {
  color: var(--white-500);
  background-color: var(--brand-500)
}

.icon_efcc0c {
  width: .5em;
  height: .5em;
  margin-left: 4px;
  margin-right: 2px;
  margin-bottom: 1px
}

.icon_a89787 {
  width: .95rem;
  height: .95rem;
  position: relative;
  padding-left: 4px;
  top: 2px
}

.overflow_a82120 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative
}

.button_e278fb {
  position: relative;
  font-weight: 600;
  color: var(--white-500);
  background: var(--button-creator-revenue-background)
}

.buttonContents_e278fb {
  justify-content: center;
  display: flex
}

.icon_e278fb {
  margin-right: 4px
}

.premiumSubscribeButton_af971d {
  display: flex;
  align-items: center
}

.premiumIcon_af971d {
  margin-right: 4px;
  height: 20px
}

.buttonText_af971d {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.giftButton_af971d {
  display: flex;
  align-items: center
}

.giftIcon_af971d {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  margin-right: 4px
}

.tier1Gradient_af971d {
  color: var(--white-500);
  background: var(--custom-premium-colors-premium-gradient-tier-1)
}

.tier2Gradient_af971d {
  color: var(--white-500);
  background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color)
}

.imageWrapper_d4597d {
  display: block;
  position: relative;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
  overflow: hidden;
  border-radius: 3px
}

.clickableWrapper_d4597d,
.loadingOverlay_d4597d {
  width: 100%;
  height: 100%
}

.imageWrapperBackground_d4597d {
  background: hsl(var(--black-500-hsl)/5%)
}

.imagePlaceholder_d4597d {
  display: block;
  position: absolute;
  top: 0;
  background: var(--bg-overlay-chat, var(--background-primary))
}

.imageErrorWrapper_d4597d {
  display: flex;
  justify-content: center;
  align-items: center
}

.imageError_d4597d {
  max-width: 200px;
  max-height: 100%;
  width: 100%;
  flex-basis: content
}

.imageLoadingOverlay_d4597d {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  margin: 4px;
  width: 24px;
  height: 24px;
  padding: 3px;
  box-sizing: border-box;
  background-color: hsl(var(--black-500-hsl)/.5);
  border-radius: 100%
}

.cornerLoadingSpinner_d4597d {
  width: 100%;
  height: 100%;
  opacity: .75
}

.theme-light .cornerLoadingSpinner_d4597d circle,
.theme-dark .cornerLoadingSpinner_d4597d circle {
  stroke: var(--white-500)
}

.imageAccessory_d4597d {
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 3
}

.imageZoom_d4597d {
  cursor: nesw-resize;
  cursor: zoom-in
}

.clickable_d4597d {
  cursor: pointer
}

.originalLink_d4597d {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1
}

.imageClickable_d4597d {
  border-radius: inherit
}

.background-opacity-low .imageWrapper_d4597d,
.background-opacity-medium .imageWrapper_d4597d {
  opacity: .6
}

.overlay-unlocked .imageWrapper_d4597d {
  opacity: 1
}

.enable-forced-colors .originalLink_d4597d {
  border: 2px solid ButtonText
}

.gifTag_b11e6c {
  background-image: url(/assets/c5a74fc51ff67682b11a.svg);
  width: 29px;
  height: 22px
}

.modal_aee8c6 {
  background: transparent !important;
  box-shadow: none !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0
}

.image_aee8c6 {
  border-radius: 0
}

@media(max-width:485px) {
  .modal_aee8c6 {
    display: relative;
    overflow: visible;
    overflow: initial
  }
}

.fileWrapper_f46c86 {
  position: relative;
  width: 432px;
  max-width: 100%
}

.file_f46c86 {
  align-items: center;
  flex-direction: row;
  display: flex;
  box-sizing: border-box;
  letter-spacing: 0;
  width: 100%;
  padding: 16px;
  border-radius: 8px;
  border: 1px solid transparent
}

.fileInner_f46c86 {
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.icon_f46c86 {
  width: 30px;
  height: 40px;
  margin-right: 8px;
  flex-shrink: 0
}

.filenameWrapper_f46c86 {
  align-items: flex-end;
  display: flex
}

.filename_f46c86 {
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

@media all and (-webkit-max-device-pixel-ratio:1) {
  .theme-light .filename_f46c86 {
    font-weight: 500
  }
}

.metadata_f46c86 {
  line-height: 16px;
  font-size: 12px;
  font-weight: 400;
  color: var(--primary-400);
  margin-right: 8px
}

.rate_f46c86 {
  flex-shrink: 0;
  margin-left: 8px;
  min-width: 60px;
  text-align: right
}

.progressContainer_f46c86 {
  height: 16px;
  display: flex;
  align-items: center
}

.progress_f46c86 {
  background-color: hsl(var(--primary-400-hsl)/.3)
}

.size_f46c86,
.cancelButton_f46c86 {
  margin-left: 4px
}

.cancelButton_f46c86 {
  color: var(--interactive-normal);
  cursor: pointer
}

.cancelButton_f46c86:hover {
  color: var(--interactive-hover)
}

.filenameLinkWrapper_f46c86 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

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

.file_f46c86 {
  border-color: var(--background-secondary-alt);
  background-color: var(--background-secondary)
}

.filename_f46c86 {
  color: var(--interactive-active)
}

.filenameLinkWrapper_f46c86 {
  color: var(--text-link)
}

.size_f46c86 {
  color: var(--text-muted)
}

.custom-theme-background .file_f46c86 {
  background-color: var(--bg-mod-faint);
  border-color: var(--border-subtle)
}

.visual-refresh .file_f46c86 {
  background-color: var(--background-mod-subtle);
  border-color: var(--border-subtle);
  box-shadow: var(--shadow-low)
}

.visual-refresh .metadata_f46c86 {
  color: var(--text-muted)
}

.full-motion .transition_f48d4e {
  transition: transform.2s ease
}

.directionDown_f48d4e {
  transform: rotate3d(0, 0, -1, 0)
}

.directionRight_f48d4e {
  transform: rotate3d(0, 0, -1, 90deg)
}

.directionLeft_f48d4e {
  transform: rotate3d(0, 0, -1, 270deg)
}

.directionUp_f48d4e {
  transform: rotate3d(0, 0, -1, 180deg)
}

.controlIcon_ef18ee {
  width: 24px;
  height: 24px;
  color: var(--interactive-normal);
  display: flex
}

.controlIcon_ef18ee:hover,
.controlIcon_ef18ee.active_ef18ee {
  color: var(--interactive-active)
}

.controlIcon_ef18ee.themeable_ef18ee {
  color: var(--interactive-normal)
}

.controlIcon_ef18ee.themeable_ef18ee:hover,
.controlIcon_ef18ee.themeable_ef18ee.active_ef18ee {
  color: var(--interactive-active)
}

.experimentControlIcon_ef18ee {
  width: 20px;
  height: 20px;
  color: var(--interactive-normal);
  display: flex
}

.experimentControlIcon_ef18ee:hover,
.experimentControlIcon_ef18ee.active_ef18ee {
  color: var(--interactive-active)
}

.experimentControlIcon_ef18ee.themeable_ef18ee {
  color: var(--interactive-normal)
}

.experimentControlIcon_ef18ee.themeable_ef18ee:hover,
.experimentControlIcon_ef18ee.themeable_ef18ee.active_ef18ee {
  color: var(--interactive-active)
}

.colorable_ef18ee.red_ef18ee {
  background: var(--status-danger-background)
}

.colorable_ef18ee.red_ef18ee,
.colorable_ef18ee.red_ef18ee .centerIcon_ef18ee {
  color: var(--status-danger-text)
}

.colorable_ef18ee.red_ef18ee.active_ef18ee,
.colorable_ef18ee.red_ef18ee:hover {
  background: var(--red-500)
}

.colorable_ef18ee.primaryDark_ef18ee {
  background: var(--primary-630)
}

.colorable_ef18ee.primaryDark_ef18ee,
.colorable_ef18ee.primaryDark_ef18ee .centerIcon_ef18ee {
  color: var(--white-500)
}

.colorable_ef18ee.primaryDark_ef18ee.active_ef18ee,
.colorable_ef18ee.primaryDark_ef18ee:hover {
  background: var(--primary-700)
}

.colorable_ef18ee.primaryLight_ef18ee {
  background: var(--primary-130)
}

.colorable_ef18ee.primaryLight_ef18ee,
.colorable_ef18ee.primaryLight_ef18ee .centerIcon_ef18ee {
  color: var(--primary-860)
}

.colorable_ef18ee.primaryLight_ef18ee.active_ef18ee,
.colorable_ef18ee.primaryLight_ef18ee:hover {
  background: var(--primary-230)
}

.colorable_ef18ee.activeLight_ef18ee {
  background: var(--primary-400)
}

.colorable_ef18ee.activeLight_ef18ee,
.colorable_ef18ee.activeLight_ef18ee .centerIcon_ef18ee {
  color: var(--white-500)
}

.colorable_ef18ee.activeLight_ef18ee.active_ef18ee,
.colorable_ef18ee.activeLight_ef18ee:hover {
  background: var(--primary-500)
}

.colorable_ef18ee.white_ef18ee {
  background: var(--white-500)
}

.colorable_ef18ee.white_ef18ee,
.colorable_ef18ee.white_ef18ee .centerIcon_ef18ee {
  color: var(--primary-860)
}

.colorable_ef18ee.white_ef18ee.active_ef18ee,
.colorable_ef18ee.white_ef18ee:hover {
  background: var(--primary-130)
}

.colorable_ef18ee.green_ef18ee {
  background: var(--green-360)
}

.colorable_ef18ee.green_ef18ee,
.colorable_ef18ee.green_ef18ee .centerIcon_ef18ee {
  color: var(--white-500)
}

.colorable_ef18ee.green_ef18ee.active_ef18ee,
.colorable_ef18ee.green_ef18ee:hover {
  background: var(--green-360)
}

.colorable_ef18ee.yellow_ef18ee {
  background: var(--yellow-400)
}

.colorable_ef18ee.yellow_ef18ee,
.colorable_ef18ee.yellow_ef18ee .centerIcon_ef18ee {
  color: var(--white-500)
}

.colorable_ef18ee.yellow_ef18ee.active_ef18ee,
.colorable_ef18ee.yellow_ef18ee:hover {
  background: var(--yellow-530)
}

.colorable_ef18ee.experimentDark_ef18ee,
.colorable_ef18ee.experimentDark_ef18ee .centerIcon_ef18ee {
  color: var(--white-500)
}

.colorable_ef18ee.experimentDark_ef18ee.active_ef18ee,
.colorable_ef18ee.experimentDark_ef18ee:hover {
  background: rgba(255, 255, 255, .1)
}

.colorable_ef18ee.experimentActiveLight_ef18ee {
  background: var(--white-500)
}

.colorable_ef18ee.experimentActiveLight_ef18ee,
.colorable_ef18ee.experimentActiveLight_ef18ee .centerIcon_ef18ee {
  color: var(--primary-860)
}

.colorable_ef18ee.experimentActiveLight_ef18ee.active_ef18ee,
.colorable_ef18ee.experimentActiveLight_ef18ee:hover {
  background: var(--primary-230)
}

.centerButton_ef18ee {
  border-radius: 50%;
  padding: 16px;
  transition: background.15s ease-in-out, color.15s ease-in-out
}

.centerButton_ef18ee .centerIcon_ef18ee {
  transition: color.15s ease-in-out
}

.experimentButton_ef18ee {
  border-radius: 8px;
  padding: 10px;
  transition: background.15s ease-in-out, color.15s ease-in-out
}

.experimentButton_ef18ee .centerIcon_ef18ee {
  transition: color.15s ease-in-out
}

.fullRegionButton_ef18ee {
  border-radius: 12px
}

.fullRegionDropdownButton_ef18ee {
  display: flex;
  padding: 4px;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  border: 1px solid var(--border-faint)
}

.fullRegionDropdownButton_ef18ee.red_ef18ee {
  background-color: var(--status-danger-background)
}

.fullRegionDropdownButton_ef18ee.primaryDark_ef18ee {
  background-color: var(--background-tertiary)
}

.fullRegionDropdownButton_ef18ee.green_ef18ee {
  background-color: var(--green-360)
}

.fullRegionIcon_ef18ee {
  padding: 4px 12px
}

.buttonPremiumGlow_ef18ee {
  filter: drop-shadow(0 0 12px#a944b0)drop-shadow(0 0 12px#a944b0)
}

@media(max-width:456px) {
  .centerButton_ef18ee {
    padding: 8px
  }

  .contextMenuContainer_ef18ee {
    display: none
  }
}

@media(min-width:457px) {
  .unmasked_ef18ee {
    display: none
  }
}

.lineHeightReset_ef18ee {
  line-height: 0
}

.contextMenuContainer_ef18ee {
  position: relative
}

.staticButton_ef18ee {
  position: static
}

.contextMenuNub_ef18ee {
  background-clip: padding-box;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 2px;
  width: 16px;
  height: 16px;
  background-color: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background.15s ease-in-out, color.15s ease-in-out
}

.caretButtonContainer_ef18ee {
  display: flex;
  direction: row;
  align-items: center;
  gap: 1px
}

.contextMenuNubExperiment_ef18ee {
  cursor: pointer;
  padding: 10px 2px;
  border-radius: 8px;
  height: 20px;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background.15s ease-in-out, color.15s ease-in-out
}

.contextMenuCaret_ef18ee {
  width: 16px;
  height: 16px;
  cursor: pointer;
  transition: none
}

.contextMenuCaret_ef18ee.open_ef18ee {
  transform: rotatex(180deg)
}

.contextMenuCaretExperiment_ef18ee {
  width: 16px;
  height: 16px;
  cursor: pointer;
  transition: none
}

.contextMenuCaretExperiment_ef18ee.open_ef18ee {
  transform: rotatex(180deg)
}

.enable-forced-colors .contextMenuNub_ef18ee,
.enable-forced-colors .contextMenuNub_ef18ee:hover {
  background-color: ButtonFace;
  border: 1px solid Canvas;
  color: ButtonText
}

.enable-forced-colors .contextMenuNub_ef18ee.active_ef18ee {
  background-color: HighlightText;
  border-color: Highlight;
  color: Highlight
}

.buttonMask_ef18ee {
  width: inherit;
  height: inherit
}

.glow_ef18ee {
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 190%;
  width: 190%;
  opacity: 1
}

.glowVideo_ef18ee {
  width: 100%;
  height: 100%;
  pointer-events: none;
  -o-object-fit: fill;
  object-fit: fill
}

.mediaBarInteraction_d12f5a,
.mediaBarInteractionDragging_d12f5a {
  position: relative;
  flex: 1 1 auto;
  align-self: stretch;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 0 7px
}

.mediaBarInteraction_d12f5a:hover .mediaBarWrapper_d12f5a,
.mediaBarInteractionDragging_d12f5a:hover .mediaBarWrapper_d12f5a {
  box-shadow: 0 1px 1px hsl(var(--black-500-hsl)/.3)
}

.mediaBarInteraction_d12f5a:hover .bubble_d12f5a,
.mediaBarInteractionDragging_d12f5a:hover .bubble_d12f5a {
  opacity: 1
}

.mediaBarInteraction_d12f5a:hover .mediaBarGrabber_d12f5a {
  transform: scale(1);
  background-color: var(--brand-560)
}

.mediaBarInteraction_d12f5a:hover .mediaBarPreview_d12f5a {
  opacity: .3
}

.mediaBarInteraction_d12f5a:hover .bubble_d12f5a {
  opacity: 1
}

.mediaBarInteractionDragging_d12f5a .bubble_d12f5a {
  opacity: 1
}

.mediaBarInteractionDragging_d12f5a .mediaBarGrabber_d12f5a {
  transform: scale(1);
  background-color: var(--brand-560)
}

.mediaBarInteractionVolume_d12f5a {
  flex: none;
  align-self: center;
  border-radius: 8px;
  background-color: hsl(var(--black-500-hsl)/.7);
  padding: 4px 8px;
  width: 72px;
  margin: 0 4px 0 0
}

.vertical_d12f5a {
  display: flex;
  align-items: center;
  transform-origin: top;
  transform: rotate(270deg);
  height: 54px;
  width: 140px
}

.horizontal_d12f5a {
  width: 100%;
  display: flex;
  align-self: stretch
}

.fakeEdges_d12f5a {
  position: relative
}

.fakeEdges_d12f5a:before,
.fakeEdges_d12f5a:after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 3px;
  z-index: 1
}

.fakeEdges_d12f5a:before {
  left: -3px;
  border-radius: 3px 0 0 3px
}

.fakeEdges_d12f5a:after {
  right: -3px;
  border-radius: 0 3px 3px 0
}

.buffer_d12f5a {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  opacity: .3;
  background-color: var(--white-500)
}

.buffer_d12f5a:before,
.buffer_d12f5a:after {
  background-color: var(--white-500)
}

.mediaBarWrapper_d12f5a {
  position: relative;
  flex: 1 1 auto;
  height: 6px;
  background-color: hsl(var(--primary-300-hsl)/.3)
}

.mediaBarWrapper_d12f5a:before,
.mediaBarWrapper_d12f5a:after {
  background-color: hsl(var(--primary-300-hsl)/.3)
}

.mediaBarWrapperVolume_d12f5a {
  flex: none;
  display: flex;
  width: 72px;
  justify-content: center
}

.mediaBarPreview_d12f5a,
.mediaBarProgress_d12f5a {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%
}

.mediaBarPreview_d12f5a {
  z-index: 0;
  opacity: 0;
  background-color: var(--white-500)
}

.mediaBarPreview_d12f5a:before,
.mediaBarPreview_d12f5a:after {
  background-color: var(--white-500)
}

.mediaBarProgress_d12f5a {
  z-index: 3;
  background-color: var(--brand-500)
}

.mediaBarProgress_d12f5a:before,
.mediaBarProgress_d12f5a:after {
  background-color: var(--brand-500)
}

.mediaBarGrabber_d12f5a {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 2;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  margin-top: -5px;
  margin-right: -5px;
  background-color: var(--brand-500);
  transform: scale(0);
  transform-origin: 50%50%;
  cursor: grab
}

.full-motion .mediaBarGrabber_d12f5a {
  transition: transform.25s ease-in-out, background-color.25s linear
}

.bubble_d12f5a {
  border-radius: 3px;
  position: absolute;
  top: -28px;
  padding: 0 8px;
  transform: translatex(-50%);
  width: auto;
  height: 18px;
  line-height: 18px;
  text-align: center;
  font-weight: 600;
  font-size: 12px;
  color: var(--primary-100);
  opacity: 0;
  transition: opacity.2s ease-out;
  pointer-events: none;
  background-color: var(--black-500)
}

.bubble_d12f5a:before {
  position: absolute;
  top: 100%;
  left: 50%;
  border: 5px solid transparent;
  content: " ";
  width: 0;
  height: 0;
  pointer-events: none;
  margin-left: -5px;
  border-top-color: var(--black-500)
}

.enable-forced-colors .mediaBarProgress_d12f5a,
.enable-forced-colors .mediaBarGrabber_d12f5a {
  background-color: ButtonText !important
}

.enable-forced-colors .mediaBarInteractionVolume_d12f5a {
  background-color: ButtonFace
}

.cover_e10160 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none
}

.cover_e10160.active_e10160 {
  cursor: pointer;
  pointer-events: auto
}

.cover_e10160.active_e10160:hover .iconWrapper_e10160 {
  opacity: .8
}

.cover_e10160.active_e10160:active .iconWrapper_e10160 {
  transform: translatey(1px)
}

.iconWrapper_e10160 {
  transition: opacity.25s, color.25s;
  padding: 12px;
  border-radius: 24px;
  background-color: var(--black-500);
  color: var(--white-500);
  opacity: .6
}

.icon_e10160 {
  display: block;
  width: 24px;
  height: 24px;
  margin-left: 1px;
  margin-right: -1px
}

.enable-forced-colors .iconWrapper_e10160 {
  background-color: ButtonFace;
  color: ButtonText;
  opacity: 1
}

.wrapper_ab4920 {
  box-sizing: border-box;
  display: flex;
  padding: 12px;
  height: 48px;
  border-radius: 24px;
  background-color: hsl(var(--black-500-hsl)/.6);
  color: var(--white-500);
  flex: 0 0 auto;
  pointer-events: none
}

.wrapper_ab4920 a:link,
.wrapper_ab4920 a:visited {
  color: var(--white-500) !important
}

.wrapper_ab4920 a:link,
.wrapper_ab4920 a:visited {
  pointer-events: auto;
  cursor: pointer;
  display: block
}

.iconWrapper_ab4920 {
  pointer-events: auto;
  flex: 0 0 auto;
  opacity: .6;
  cursor: pointer;
  transition: opacity.25s, color.25s;
  display: flex;
  align-items: center
}

.disableInteractions_ab4920 a:link,
.disableInteractions_ab4920 a:visited,
.disableInteractions_ab4920 .iconWrapper_ab4920 {
  pointer-events: none
}

.iconWrapperActive_ab4920:hover {
  opacity: 1
}

.iconWrapperActive_ab4920:active {
  transform: translatey(1px)
}

.text_ab4920 {
  font-size: 16px;
  padding-left: 4px
}

.icon_ab4920 {
  display: block;
  width: 24px;
  height: 24px
}

.iconPlay_ab4920 {
  margin-left: 1px;
  margin-right: -1px
}

.iconExternalMargins_ab4920 {
  margin-left: 2px;
  margin-right: 4px
}

.enable-forced-colors .iconWrapper_ab4920 {
  background-color: ButtonFace;
  color: ButtonText;
  opacity: 1
}

.container_ea7ad5 {
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
  display: flex;
  position: relative
}

.volumeButton_ea7ad5 {
  line-height: 0
}

.volumeButtonSlider_ea7ad5 {
  position: absolute;
  bottom: calc(100% + 16px);
  left: -78px;
  right: 0;
  display: none;
  -webkit-app-region: no-drag
}

.volumeButtonSlider_ea7ad5.sliderVisible_ea7ad5 {
  display: inline;
  display: initial
}

.wrapper_f72aac {
  position: relative;
  overflow: hidden;
  border-radius: 3px;
  color: var(--white-500);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: var(--background-secondary)
}

.wrapperMediaMosaic_f72aac {
  height: 100%;
  width: 100%;
  max-height: inherit
}

.wrapperControlsHidden_f72aac {
  cursor: default
}

.wrapperAudio_f72aac {
  padding: 10px;
  display: flex;
  flex-direction: column;
  border-style: solid;
  border-width: 1px;
  justify-content: space-between;
  overflow: visible;
  max-width: 100%;
  box-sizing: border-box;
  border-color: var(--background-secondary-alt);
  background-color: var(--background-secondary)
}

.wrapperAudio_f72aac.newMosaicStyle_f72aac {
  padding: 16px;
  border-radius: 8px;
  width: 432px
}

.videoControls_f72aac {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -10px;
  padding-bottom: 10px;
  width: 100%;
  display: flex;
  align-items: center;
  background-color: hsl(var(--black-500-hsl)/.6);
  height: 32px
}

.audioControls_f72aac {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 4px;
  background-color: hsl(var(--black-500-hsl)/.6);
  border-radius: 3px
}

.controlIcon_f72aac {
  display: block;
  width: 24px;
  height: 24px;
  padding: 4px;
  cursor: pointer;
  flex: 0 0 auto;
  opacity: .6;
  color: var(--white)
}

.controlIcon_f72aac:hover {
  opacity: 1
}

.controlIcon_f72aac:active {
  transform: translatey(1px)
}

.volumeSliderWrapper_f72aac {
  margin-bottom: 4px;
  margin-left: -4px
}

.durationTimeWrapper_f72aac {
  flex: 0 0 auto;
  margin: 4px;
  height: 12px
}

.durationTimeSeparator_f72aac,
.durationTimeDisplay_f72aac {
  font-weight: 500;
  display: inline-block;
  font-family: var(--font-code);
  font-size: 12px;
  line-height: 12px;
  vertical-align: text-top
}

.durationTimeSeparator_f72aac {
  margin: 0 2px
}

.video_f72aac {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 3px
}

.video_f72aac:-webkit-full-screen {
  z-index: 99999
}

.video_f72aac::-webkit-media-controls-enclosure {
  display: none !important
}

.audio_f72aac {
  position: absolute;
  display: block;
  width: 0;
  height: 0
}

.audioMetadata_f72aac {
  display: flex
}

.audioMetadata_f72aac:before {
  width: 24px;
  height: 40px;
  content: "";
  background-image: url(/assets/d7cf9cf832e722ab8205.svg);
  background-size: 100%auto;
  background-repeat: no-repeat
}

.audioMetadata_f72aac .metadataContent_f72aac {
  padding: 0 8px
}

.audioMetadata_f72aac .metadataDownload_f72aac {
  height: 24px;
  opacity: 1
}

.audioMetadata_f72aac .metadataIcon_f72aac {
  color: var(--interactive-normal)
}

.audioMetadata_f72aac .metadataIcon_f72aac:hover {
  color: var(--interactive-hover)
}

.audioMetadata_f72aac .metadataSize_f72aac {
  color: var(--text-muted)
}

.metadata_f72aac {
  box-sizing: border-box;
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  height: 80px;
  display: flex;
  align-items: flex-start;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .9));
  padding: 22px 12px 12px;
  z-index: 1
}

.metadataContent_f72aac {
  flex: 1 1 auto;
  white-space: nowrap;
  overflow: hidden
}

.metadataName_f72aac {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.metadataSize_f72aac {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  opacity: .7;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.metadataDownload_f72aac {
  flex: 0 0 auto;
  opacity: .6
}

.metadataDownload_f72aac:hover {
  opacity: 1
}

.metadataIcon_f72aac {
  width: 24px;
  height: 25px;
  color: var(--white-500)
}

.playCenter_f72aac {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  pointer-events: none
}

.playPausePop_f72aac {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -23px;
  margin-top: -23px;
  padding: 12px;
  width: 24px;
  height: 24px;
  background-color: hsl(var(--black-500-hsl)/.6);
  color: var(--white-500);
  border-radius: 50%;
  pointer-events: none
}

.playPausePop_f72aac .playPausePopIcon_f72aac {
  width: 24px;
  height: 24px;
  display: block
}

.videoButton_f72aac {
  margin-right: 8px
}

@keyframes overlayContentHidden_f72aac {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.overlayContentHidden_f72aac {
  animation: overlayContentHidden_f72aac.2s ease-in-out forwards
}

.background-opacity-low .audioControls_f72aac,
.background-opacity-medium .audioControls_f72aac,
.background-opacity-high .audioControls_f72aac {
  background-color: hsl(var(--black-500-hsl)/.3)
}

.background-opacity-low .audioMetadata_f72aac:before,
.background-opacity-medium .audioMetadata_f72aac:before,
.background-opacity-high .audioMetadata_f72aac:before {
  opacity: .6
}

.enable-forced-colors .wrapper_f72aac {
  outline: 2px solid CanvasText
}

.enable-forced-colors .videoButton_f72aac {
  background-color: ButtonFace;
  border-radius: 4px;
  color: ButtonText
}

.enable-forced-colors .metadataDownload_f72aac {
  opacity: 1
}

.enable-forced-colors .videoControls_f72aac {
  background-color: ButtonFace
}

@use postcss-pxtorem;

.spinner_d8e2d0 {
  width: 100%;
  height: 100%
}

.container_d8e2d0 {
  width: 100%;
  display: grid
}

.textContainer_d8e2d0 {
  min-height: 118px;
  height: 100%;
  overflow: hidden;
  background-color: var(--background-secondary);
  border: 1px solid var(--background-secondary-alt);
  box-sizing: border-box;
  border-radius: 4px 4px 0 0
}

.textContainer_d8e2d0 pre {
  box-sizing: border-box;
  border-radius: 4px 4px 0 0
}

.newMosaicStyle_d8e2d0 .textContainer_d8e2d0 {
  border-radius: 8px 8px 0 0
}

.codeView_d8e2d0 {
  font-size: .875rem;
  line-height: 1rem;
  min-height: 100px
}

.codeView_d8e2d0::-webkit-scrollbar-track {
  margin: 0 .5em
}

.newMosaicStyle_d8e2d0 .codeView_d8e2d0 {
  margin: 8px 8px 0;
  padding: 8px
}

.expanded_d8e2d0 {
  overflow: auto
}

.footer_d8e2d0 {
  background-color: var(--background-secondary);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  height: 40px;
  border: 1px solid var(--background-secondary-alt);
  border-top: 0;
  box-sizing: border-box;
  border-radius: 0 0 4px 4px;
  padding: 0 10px;
  font-size: .875rem;
  min-width: 0
}

.newMosaicStyle_d8e2d0 .footer_d8e2d0 {
  border-radius: 0 0 8px 8px;
  padding: 0 16px
}

.toggleExpandSection_d8e2d0 {
  cursor: pointer;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding-right: 10px
}

.toggleExpandSection_d8e2d0:hover {
  color: var(--interactive-hover)
}

.openFullPreviewSection_d8e2d0 {
  cursor: pointer;
  padding-top: 4px
}

.openFullPreviewSection_d8e2d0:hover {
  color: var(--interactive-hover)
}

.footerGap_d8e2d0 {
  flex: 200 0 auto
}

.downloadSection_d8e2d0 {
  color: var(--interactive-normal)
}

.downloadSection_d8e2d0:hover {
  color: var(--interactive-hover);
  -webkit-text-decoration: none;
  text-decoration: none
}

.attachmentName_d8e2d0 {
  flex: 0 1 auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  text-align: right
}

.formattedSize_d8e2d0 {
  padding-left: 2px;
  color: var(--interactive-muted);
  text-align: right;
  flex: 1 0 auto
}

.downloadButton_d8e2d0 {
  padding-left: 4px
}

.languageSelector_d8e2d0 {
  margin-top: 4px;
  padding: 8px 8px 4px;
  background-color: var(--background-floating);
  border-radius: 4px;
  overflow: hidden;
  max-width: 176px;
  box-shadow: var(--elevation-high);
  height: 284px
}

.codeIcon_d8e2d0 {
  min-width: 24px;
  padding-left: 4px;
  padding-bottom: 4px
}

.codeIcon_d8e2d0:hover {
  color: var(--interactive-hover)
}

.modalRoot_d8e2d0 {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
  height: 100%;
  min-height: auto
}

.modalContent_d8e2d0 {
  display: grid;
  width: 100%;
  height: 100%
}

.modalTextContainer_d8e2d0 {
  overflow: scroll;
  background-color: var(--background-secondary);
  border: 1px solid var(--background-secondary-alt);
  box-sizing: border-box;
  border-radius: 4px 4px 0 0
}

.modalTextContainer_d8e2d0 pre {
  box-sizing: border-box;
  border-radius: 4px 4px 0 0
}

.scrollbar_c858ce::-webkit-scrollbar-corner {
  border: none;
  background: none
}

.scrollbarDefault_c858ce::-webkit-scrollbar {
  width: var(--custom-scrollbar-scrollbar-width);
  height: var(--custom-scrollbar-scrollbar-width)
}

.scrollbarDefault_c858ce::-webkit-scrollbar-thumb,
.scrollbarDefault_c858ce::-webkit-scrollbar-track {
  border-color: transparent;
  border-width: var(--custom-scrollbar-scrollbar-margin);
  border-radius: var(--custom-scrollbar-border-radius);
  background-clip: padding-box;
  border-style: solid
}

.scrollbarDefault_c858ce::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-auto-thumb)
}

.scrollbarDefault_c858ce::-webkit-scrollbar-track {
  background-color: var(--scrollbar-auto-track);
  border-width: medium;
  border-width: initial
}

.scrollbarGhost_c858ce::-webkit-scrollbar {
  width: var(--custom-scrollbar-scrollbar-width);
  height: var(--custom-scrollbar-scrollbar-width)
}

.scrollbarGhost_c858ce::-webkit-scrollbar-thumb,
.scrollbarGhost_c858ce::-webkit-scrollbar-track {
  border-width: var(--custom-scrollbar-scrollbar-margin);
  border-radius: var(--custom-scrollbar-border-radius);
  background-clip: padding-box;
  border-style: solid
}

.scrollbarGhost_c858ce::-webkit-scrollbar-thumb {
  background-color: hsl(var(--black-500-hsl)/.4);
  border-color: transparent
}

.scrollbarGhost_c858ce::-webkit-scrollbar-track {
  border-width: medium;
  border-width: initial;
  border-color: transparent;
  background-color: hsl(var(--black-500-hsl)/.1)
}

.scrollbarGhostHairline_c858ce::-webkit-scrollbar {
  width: 4px;
  height: 4px
}

.scrollbarGhostHairline_c858ce::-webkit-scrollbar-thumb {
  background-color: hsl(var(--primary-800-hsl)/.6);
  border-radius: 2px;
  cursor: move
}

.scrollbarGhostHairline_c858ce::-webkit-scrollbar-track {
  background-color: transparent;
  border: none
}

.enable-forced-colors .scrollbar_c858ce::-webkit-scrollbar-track {
  background-color: Canvas;
  border-radius: 0;
  border-width: 1px
}

.enable-forced-colors .scrollbar_c858ce::-webkit-scrollbar-thumb {
  background-color: CanvasText;
  border-width: 1px
}

.wrapper_c4cd66 {
  position: relative;
  overflow: hidden;
  width: 8px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  contain: layout size
}

:where(.visual-refresh) .wrapper_c4cd66 {
  height: 100%
}

.item_c4cd66 {
  position: absolute;
  display: block;
  width: 8px;
  border-radius: 0 4px 4px 0;
  margin-left: -4px;
  background-color: var(--header-primary)
}

.enable-forced-colors .item_c4cd66 {
  background-color: CanvasText
}

.wrapper_f07d2f {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: var(--custom-summary-avatars-avatar-diameter)
}

.partyMembers_f07d2f {
  height: var(--custom-summary-avatars-avatar-diameter);
  display: flex
}

.partyMember_f07d2f {
  width: var(--custom-summary-avatars-avatar-diameter);
  height: var(--custom-summary-avatars-avatar-diameter);
  display: inline-block;
  margin-left: -2px;
  -webkit-mask: url(/assets/0d662aa6fda3233e3737.svg);
  mask: url(/assets/0d662aa6fda3233e3737.svg);
  -webkit-mask-size: 100%;
  mask-size: 100%;
  mask-type: luminance
}

.partyMember_f07d2f:first-child {
  margin-left: 0
}

.partyMember_f07d2f:last-child {
  -webkit-mask: none;
  mask: none
}

.partyMemberOverflow_f07d2f {
  line-height: 16px;
  font-size: 14px;
  height: var(--custom-summary-avatars-avatar-diameter);
  min-width: var(--custom-summary-avatars-avatar-diameter);
  padding: 0 4px;
  margin-left: -2px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  color: var(--header-secondary);
  background-color: var(--background-secondary)
}

.theme-dark .partyMemberBackground_f07d2f,
.theme-dark .partyMemberUnknown_f07d2f {
  background-color: var(--primary-500)
}

.theme-light .partyMemberBackground_f07d2f,
.theme-light .partyMemberUnknown_f07d2f {
  background-color: var(--primary-160)
}

.partyMemberUnknownIcon_f07d2f {
  color: var(--header-muted)
}

.container_faef22 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  min-height: 300px;
  padding: 32px;
  text-align: center
}

.iconContainer_faef22 {
  margin-bottom: 16px;
  position: relative
}

.icon_faef22 {
  background-color: var(--background-primary);
  border-radius: 80px;
  color: var(--interactive-normal);
  display: inline-block;
  padding: 22px
}

.iconOffset_faef22 {
  margin-left: 8px;
  margin-top: 4px
}

.stars_faef22 {
  position: absolute;
  left: -10px
}

.header_faef22 {
  margin-bottom: 8px;
  text-transform: none
}

.text_faef22 {
  text-transform: none
}

.container_b1a27b {
  margin-top: 4px;
  margin-left: 8px;
  padding-left: 12px;
  padding-right: 8px;
  padding-bottom: 4px;
  cursor: pointer;
  border-radius: 8px;
  position: relative
}

.container_b1a27b:hover {
  background: var(--bg-overlay-3, var(--background-tertiary))
}

.rowHeader_b1a27b {
  padding-top: 12px;
  padding-bottom: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between
}

.rowHeaderLeft_b1a27b {
  display: flex;
  align-items: center
}

.timestamp_b1a27b {
  padding-right: 8px
}

.dot_b1a27b {
  justify-content: center;
  padding-right: 8px;
  color: var(--background-modifier-accent)
}

.icon_b1a27b {
  color: var(--header-secondary);
  display: flex
}

.count_b1a27b {
  padding-left: 5px;
  padding-right: 8px;
  min-width: -moz-fit-content;
  min-width: fit-content
}

.title_b1a27b {
  padding-bottom: 4px
}

.subtitle_b1a27b {
  text-transform: none;
  padding-bottom: 12px
}

.unreadPill_b1a27b {
  position: absolute;
  top: 24px;
  left: -8px
}

.feedbackContainer_b1a27b {
  position: absolute;
  right: 8px;
  top: 0;
  height: 100%;
  display: flex;
  gap: 6px;
  flex-direction: column;
  justify-content: center
}

.thumbIcon_b1a27b {
  cursor: pointer;
  padding: 8px;
  border-radius: 16px;
  color: var(--interactive-normal);
  background: var(--background-secondary-alt)
}

.thumbIcon_b1a27b:hover,
.thumbIcon_b1a27b:active {
  color: var(--interactive-active)
}

.backupContainer_f193af {
  display: flex;
  justify-content: center
}

.canvas_f193af {
  height: 32px;
  min-width: 0;
  flex: 1;
  margin-top: -4px;
  margin-bottom: -4px;
  cursor: pointer
}

.container_d6cb89 {
  border-radius: 24px;
  background-color: var(--background-secondary);
  padding: 12px;
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center
}

.playIcon_d6cb89 {
  color: var(--white-500)
}

.playing_d6cb89 .playIcon_d6cb89 {
  color: var(--brand-500)
}

.playButtonContainer_d6cb89 {
  height: 32px;
  width: 32px;
  flex-shrink: 0;
  margin-left: -4px;
  margin-top: -4px;
  margin-bottom: -4px;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.playButtonContainer_d6cb89:active {
  transform: scale(.875)
}

.playButtonContainer_d6cb89:active .playIcon_d6cb89 {
  color: var(--brand-360)
}

.playing_d6cb89 .playButtonContainer_d6cb89 {
  background: var(--white-500)
}

.playing_d6cb89 .playButtonContainer_d6cb89:active {
  background-color: var(--brand-360)
}

.playing_d6cb89 .playButtonContainer_d6cb89:active .playIcon_d6cb89 {
  color: var(--brand-500)
}

.theme-light .container_d6cb89:not(.playing_d6cb89) .playButtonContainer_d6cb89 {
  background: linear-gradient(151.11deg, var(--brand-400)0%, var(--brand-500)100%)
}

.theme-light .container_d6cb89:not(.playing_d6cb89) .playButtonContainer_d6cb89:hover {
  background: linear-gradient(135deg, var(--brand-360)0%, var(--brand-400)100%)
}

.theme-light .container_d6cb89:not(.playing_d6cb89) .playButtonContainer_d6cb89:active {
  background: linear-gradient(0deg, rgba(0, 0, 0, .2), a949CF7, rgba(0, 0, 0, .2)), linear-gradient(135deg, var(--brand-400)0%, var(--brand-500)100%)
}

.theme-dark .container_d6cb89:not(.playing_d6cb89) .playButtonContainer_d6cb89 {
  background: linear-gradient(151.11deg, var(--brand-460)16.55%, var(--brand-560)104.36%)
}

.theme-dark .container_d6cb89:not(.playing_d6cb89) .playButtonContainer_d6cb89:hover {
  background: linear-gradient(151.11deg, var(--brand-400)17.78%, var(--brand-460)82.22%)
}

.theme-dark .container_d6cb89:not(.playing_d6cb89) .playButtonContainer_d6cb89:active {
  background: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), linear-gradient(151.11deg, var(--brand-460)16.55%, var(--brand-560)104.36%)
}

.oldPlayIconSpacing_d6cb89 {
  margin-left: 1px;
  margin-right: -1px
}

.audioElement_d6cb89 {
  display: none
}

.volumeButton_d6cb89 {
  flex-shrink: 0;
  margin-left: 12px
}

.volumeButtonIcon_d6cb89 {
  color: var(--interactive-normal);
  transition: color.2s ease-in-out
}

.volumeButtonIcon_d6cb89:hover {
  transition: none;
  color: var(--interactive-hover)
}

.volumeButtonIcon_d6cb89:active {
  transition: none;
  color: var(--interactive-active)
}

.playing_d6cb89 .volumeButtonIcon_d6cb89 {
  color: var(--brand-300)
}

.playing_d6cb89 .volumeButtonIcon_d6cb89:hover {
  color: var(--brand-200)
}

.playing_d6cb89 .volumeButtonIcon_d6cb89:active {
  color: var(--white-500)
}

.volumeSlider_d6cb89 {
  margin-bottom: 4px;
  margin-left: -8px;
  z-index: 2
}

.duration_d6cb89 {
  flex-shrink: 0;
  margin-left: 12px;
  color: var(--interactive-normal);
  transition: color.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 1
}

.playing_d6cb89 .duration_d6cb89 {
  color: var(--white-500)
}

.waveform_d6cb89 {
  margin-left: 12px;
  z-index: 1
}

.rippleContainer_d6cb89 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 24px;
  overflow: hidden
}

.ripple_d6cb89 {
  position: absolute;
  top: 50%;
  left: 24px;
  border-radius: 50%;
  aspect-ratio: 1/1;
  transform: translate(-50%, -50%);
  background-color: var(--brand-500)
}

.ripple_d6cb89.reducedMotion_d6cb89 {
  width: 200%;
  opacity: 0;
  transition: opacity.2s ease-in-out
}

.playing_d6cb89 .ripple_d6cb89.reducedMotion_d6cb89 {
  opacity: 1
}

.ripple_d6cb89:not(.reducedMotion_d6cb89) {
  width: 0%;
  transition: width.2s ease-in-out
}

.playing_d6cb89 .ripple_d6cb89:not(.reducedMotion_d6cb89) {
  width: 200%
}

.barBase_cf58b5 {
  position: absolute;
  left: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  z-index: 2;
  min-height: 24px;
  text-transform: capitalize;
  transition: opacity.15s;
  opacity: .95;
  cursor: pointer
}

.barBase_cf58b5:hover {
  opacity: 1
}

.barButtonBase_cf58b5 {
  text-align: left;
  background: none;
  color: var(--white-500);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-weight: 500;
  padding: 0 12px;
  font-size: 14px;
  line-height: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: flex-start
}

.visual-refresh .barBase_cf58b5 {
  opacity: 1;
  left: var(--space-8);
  right: var(--space-16);
  border: 1px solid var(--border-subtle)
}

.visual-refresh .barButtonBase_cf58b5 {
  padding-left: var(--space-4);
  color: inherit
}

.visual-refresh .barButtonAlt_cf58b5 {
  background-color: var(--button-secondary-background);
  border-radius: var(--radius-sm);
  padding: var(--space-4)var(--space-8)
}

.visual-refresh .barButtonAlt_cf58b5:hover {
  background-color: var(--button-secondary-background-hover)
}

.barButtonIcon_cf58b5 {
  display: block;
  position: relative;
  top: -1px;
  width: 16px;
  height: 16px;
  margin-left: 8px
}

.barWithAppLauncherButton_cf58b5 {
  right: calc(16px + var(--custom-channel-textarea-text-area-height) + var(--custom-channel-textarea-app-launcher-button-gap))
}

.barWithAppsDMsUI_cf58b5 {
  right: calc(16px + var(--custom-app-dm-chat-input-primary-button-width) + var(--custom-channel-textarea-app-launcher-button-gap))
}

.barWithAppLauncherButton_cf58b5.barWithAppsDMsUI_cf58b5 {
  right: calc(16px + var(--custom-channel-textarea-text-area-height) + var(--custom-app-dm-chat-input-primary-button-width) + 2*var(--custom-channel-textarea-app-launcher-button-gap))
}

.jumpToPresentBar_cf58b5 {
  bottom: 0;
  border-radius: 8px 8px 0 0;
  background-color: var(--background-accent);
  opacity: .95;
  padding-bottom: 8px
}

.jumpToPresentBar_cf58b5:active {
  margin-bottom: -1px
}

.jumpToPresentBar_cf58b5 .spinner_cf58b5 {
  padding-right: 12px
}

.jumpToPresentBar_cf58b5 .spinnerItem_cf58b5 {
  background-color: var(--white-500)
}

.messagesErrorBar_cf58b5 {
  bottom: 0;
  border-radius: 8px 8px 0 0;
  background-color: var(--status-danger);
  opacity: .9;
  padding-bottom: 8px
}

.messagesErrorBar_cf58b5:active {
  margin-bottom: -1px
}

.messagesErrorBar_cf58b5 .spinner_cf58b5 {
  padding-right: 12px
}

.messagesErrorBar_cf58b5 .spinnerItem_cf58b5 {
  background-color: var(--white-500)
}

.visual-refresh .bottomBar_cf58b5 {
  background-color: var(--background-surface-highest);
  bottom: var(--space-8);
  border-radius: var(--radius-md);
  border: 1px solid var(--border-normal);
  padding: var(--space-4)var(--space-12);
  left: 0;
  right: 0;
  margin: 0 auto;
  width: -moz-max-content;
  width: max-content;
  min-width: 284px;
  box-shadow: var(--shadow-medium);
  min-height: 44px;
  box-sizing: border-box
}

.visual-refresh .bottomBar_cf58b5:before {
  content: "";
  position: absolute;
  left: -16px;
  right: -16px;
  bottom: -9px;
  height: 8px;
  box-sizing: var(--shadow-high);
  -webkit-mask-image: linear-gradient(to left, transparent, var(--background-surface-highest)10%, var(--background-surface-highest)90%, transparent);
  mask-image: linear-gradient(to left, transparent, var(--background-surface-highest)10%, var(--background-surface-highest)90%, transparent)
}

.visual-refresh .messagesErrorBar_cf58b5 {
  background-color: var(--background-feedback-critical);
  border-color: var(--border-feedback-critical);
  color: var(--text-feedback-critical)
}

.visual-refresh .messagesErrorBar_cf58b5 .spinnerItem_cf58b5 {
  background-color: var(--text-feedback-critical)
}

.visual-refresh .jumpToPresentBar_cf58b5 {
  color: var(--text-default)
}

.newMessagesBar_cf58b5 {
  height: 32px;
  top: 0;
  border-radius: 0 0 8px 8px;
  background-color: var(--brand-500);
  box-shadow: var(--elevation-low);
  z-index: 3
}

.newMessagesBar_cf58b5:active {
  padding-top: 1px;
  box-shadow: 0 0 0 hsl(var(--black-500-hsl)/0)
}

:where(.visual-refresh) .newMessagesBar_cf58b5 {
  color: var(--white)
}

.newMessagesPillContainer_cf58b5 {
  position: absolute;
  top: 16px;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  pointer-events: none
}

.containerMarginTop_cf58b5 {
  top: 48px
}

.newMessagesPill_cf58b5 {
  display: flex;
  align-items: center;
  padding: 9px 12px 9px 16px;
  border-radius: 18px 0 0 18px;
  background-color: var(--background-floating);
  cursor: pointer;
  pointer-events: auto
}

.newMessagesPill_cf58b5:hover {
  background-color: var(--background-tertiary)
}

.theme-light .newMessagesPill_cf58b5 {
  background-color: var(--background-secondary)
}

.theme-light .newMessagesPill_cf58b5:hover {
  background-color: var(--background-tertiary)
}

.newMessagesClear_cf58b5 {
  display: flex;
  align-items: center;
  padding: 10px 10px 10px 8px;
  border-radius: 0 18px 18px 0;
  border-left: solid 1px var(--background-modifier-accent);
  background-color: var(--background-floating);
  cursor: pointer;
  pointer-events: auto
}

.newMessagesClear_cf58b5:hover {
  background-color: var(--background-tertiary)
}

.theme-light .newMessagesClear_cf58b5 {
  background-color: var(--background-secondary)
}

.theme-light .newMessagesClear_cf58b5:hover {
  background-color: var(--background-tertiary)
}

.newMessagesClearIcon_cf58b5 {
  height: 16px;
  width: 16px;
  color: var(--text-normal)
}

.jumpToPresentButtonContainer_cf58b5 {
  position: absolute;
  bottom: 16px;
  left: 0;
  right: 16px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  z-index: 2;
  pointer-events: none
}

.jumpToPresentButton_cf58b5 {
  display: flex;
  align-items: center;
  padding: 6px;
  border-radius: 18px;
  background-color: var(--background-floating);
  cursor: pointer;
  pointer-events: auto
}

.jumpToPresentButton_cf58b5:hover {
  background-color: var(--background-tertiary)
}

.theme-light .jumpToPresentButton_cf58b5 {
  background-color: var(--background-secondary)
}

.theme-light .jumpToPresentButton_cf58b5:hover {
  background-color: var(--background-tertiary)
}

.jumpToPresentButtonIcon_cf58b5 {
  height: 24px;
  width: 24px;
  color: var(--text-normal)
}

.jumpToPresentSpinner_cf58b5 {
  padding: 6px;
  border-radius: 18px;
  height: 24px;
  width: 24px;
  background-color: var(--background-floating)
}

.jumpToPresentSpinnerItem_cf58b5 {
  color: var(--text-normal)
}

.barButtonMain_cf58b5 {
  flex: 1 1 auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  position: relative
}

.span_cf58b5 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.barButtonAlt_cf58b5 {
  flex: 0 0 auto;
  font-weight: 600;
  position: relative
}

.loadingMore_cf58b5 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto
}

.loadingMore_cf58b5 .spinner_cf58b5 {
  display: inline-block;
  margin: 0
}

.hasMore_cf58b5,
.loadingMore_cf58b5 {
  margin: 16px 6px 16px 16px;
  height: 32px
}

.hasMore_cf58b5 {
  box-shadow: inset 0 0 0 1px var(--background-modifier-accent);
  color: var(--brand-500);
  text-align: center;
  font-size: 12px;
  line-height: 32px;
  font-weight: 500;
  border-radius: 3px;
  text-transform: uppercase;
  cursor: pointer
}

.hasMore_cf58b5:hover {
  background-color: var(--background-modifier-hover)
}

.messageGroupBlocked_cf58b5 {
  justify-content: center;
  overflow: hidden;
  margin: 6px 0;
  background-color: hsl(var(--black-500-hsl)/5%);
  color: var(--text-muted);
  flex: 0 0 auto
}

.messageGroupBlocked_cf58b5:last-child {
  margin-bottom: 12px
}

.messageGroupBlockedBtn_cf58b5 {
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  padding: 9px 0;
  text-transform: uppercase;
  cursor: pointer;
  margin: 0;
  color: var(--interactive-normal)
}

.messageGroupBlockedBtn_cf58b5:hover {
  background-color: hsl(var(--black-500-hsl)/5%)
}

.revealed_cf58b5 .messageGroupBlockedBtn_cf58b5 {
  color: var(--interactive-active)
}

.tooltip_cf58b5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center
}

.tooltipEmojiName_cf58b5 {
  width: 100%
}

.imageContent_cf58b5 {
  display: flex;
  flex-flow: column nowrap;
  flex: auto
}

.imageContainer_cf58b5 {
  display: flex;
  flex-flow: row nowrap;
  flex: auto;
  width: 100%;
  height: 100%
}

.altText_cf58b5 {
  display: inline-block;
  font-weight: 500;
  color: var(--text-muted);
  font-size: 12px;
  margin: .25rem 0 .75rem;
  line-height: 16px
}

.mediaMosaicAltTextContainer_cf58b5 {
  position: relative
}

.mediaMosaicAltText_cf58b5 {
  position: absolute;
  z-index: 1;
  left: 4.5px;
  bottom: 4px;
  padding: 7px 8px;
  background-color: rgba(0, 0, 0, .6);
  color: var(--white-500);
  border-radius: 4px;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  transition: background-color.2s ease-in-out
}

.mediaMosaicAltText_cf58b5:hover {
  background-color: rgba(0, 0, 0, .8);
  transition: background-color.2s ease-in-out
}

.mediaMosaicAltText_cf58b5:focus {
  background-color: #000;
  transition: background-color.2s ease-in-out
}

.mediaMosaicAltText_cf58b5:active {
  background-color: var(--background-secondary-alt);
  transition: background-color.2s ease-in-out
}

.mediaMosaicAltTextPopout_cf58b5 {
  display: flex;
  flex-direction: column;
  background-color: var(--background-floating);
  color: var(--text-normal);
  max-width: 360px;
  padding: 13.5px 12px;
  border-radius: 8px;
  box-shadow: var(--elevation-high)
}

.mediaMosaicAltTextPopoutTitle_cf58b5 {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  margin-bottom: 9.5px
}

.mediaMosaicAltTextPopoutDescription_cf58b5 {
  word-break: break-word;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px
}

.clickCTA_cf58b5 {
  color: var(--primary-300)
}

.popoutContainer_cf58b5 {
  width: var(--custom-message-helpers-popout-container-width);
  border-radius: 8px;
  overflow: hidden;
  background-color: var(--background-floating);
  box-shadow: var(--elevation-low)
}

.visual-refresh .popoutContainer_cf58b5 {
  background-color: color-mix(in oklab, var(--bg-surface-overlay), transparent 10%);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  box-shadow: var(--shadow-border), var(--shadow-low)
}

@keyframes popout-loading_cf58b5 {
  0% {
    transform: translate3d(calc(-1*var(--custom-message-helpers-popout-content-width)), 0, 0)
  }

  50% {
    transform: translatez(0)
  }

  to {
    transform: translate3d(calc(-1*var(--custom-message-helpers-popout-content-width)), 0, 0)
  }
}

.popoutLoadingBackground_cf58b5 {
  -webkit-mask: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%22256%22%20height%3D%2278%22%20viewBox%3D%2232%2024%20256%2078%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M36%2024C33.7909%2024%2032%2025.7909%2032%2028V78C32%2080.2091%2033.7909%2082%2036%2082H86C88.2091%2082%2090%2080.2091%2090%2078V28C90%2025.7909%2088.2091%2024%2086%2024H36ZM110%2024C107.791%2024%20106%2025.7909%20106%2028V38C106%2040.2091%20107.791%2042%20110%2042H179C181.209%2042%20183%2040.2091%20183%2038V28C183%2025.7909%20181.209%2024%20179%2024H110ZM106%2058C106%2055.7909%20107.791%2054%20110%2054H284C286.209%2054%20288%2055.7909%20288%2058V68C288%2070.2091%20286.209%2072%20284%2072H110C107.791%2072%20106%2070.2091%20106%2068V58ZM110%2084C107.791%2084%20106%2085.7909%20106%2088V98C106%20100.209%20107.791%20102%20110%20102H223C225.209%20102%20227%20100.209%20227%2098V88C227%2085.7909%20225.209%2084%20223%2084H110Z%22%20fill%3D%22%23000000%22%20%2F%3E%3C%2Fsvg%3E);
  mask: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%22256%22%20height%3D%2278%22%20viewBox%3D%2232%2024%20256%2078%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M36%2024C33.7909%2024%2032%2025.7909%2032%2028V78C32%2080.2091%2033.7909%2082%2036%2082H86C88.2091%2082%2090%2080.2091%2090%2078V28C90%2025.7909%2088.2091%2024%2086%2024H36ZM110%2024C107.791%2024%20106%2025.7909%20106%2028V38C106%2040.2091%20107.791%2042%20110%2042H179C181.209%2042%20183%2040.2091%20183%2038V28C183%2025.7909%20181.209%2024%20179%2024H110ZM106%2058C106%2055.7909%20107.791%2054%20110%2054H284C286.209%2054%20288%2055.7909%20288%2058V68C288%2070.2091%20286.209%2072%20284%2072H110C107.791%2072%20106%2070.2091%20106%2068V58ZM110%2084C107.791%2084%20106%2085.7909%20106%2088V98C106%20100.209%20107.791%20102%20110%20102H223C225.209%20102%20227%20100.209%20227%2098V88C227%2085.7909%20225.209%2084%20223%2084H110Z%22%20fill%3D%22%23000000%22%20%2F%3E%3C%2Fsvg%3E);
  -webkit-mask-size: 100%;
  mask-size: 100%;
  mask-type: luminance;
  margin: var(--custom-message-helpers-popout-padding-width);
  width: var(--custom-message-helpers-popout-content-width);
  height: 78px;
  position: relative;
  overflow: hidden
}

.popoutLoadingForeground_cf58b5 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: calc(2*var(--custom-message-helpers-popout-content-width));
  animation: popout-loading_cf58b5 4s ease-in-out infinite;
  background-image: linear-gradient(to right, var(--primary-600), var(--primary-500), var(--primary-600))
}

.theme-light .popoutLoadingForeground_cf58b5 {
  background-image: linear-gradient(to right, var(--primary-100), var(--primary-200), var(--primary-100))
}

.theme-light .topicsPillMiddle_cf58b5:hover {
  background-color: var(--background-secondary)
}

:root.background-opacity-low .messageGroupBlocked_cf58b5,
:root.background-opacity-medium .messageGroupBlocked_cf58b5,
:root.background-opacity-high .messageGroupBlocked_cf58b5 {
  background-color: hsl(var(--primary-600-hsl)/.3);
  border-color: hsl(var(--primary-630-hsl)/.2)
}

:root.background-opacity-low .messageGroupBlocked_cf58b5 .messageGroupBlockedBtn_cf58b5,
:root.background-opacity-medium .messageGroupBlocked_cf58b5 .messageGroupBlockedBtn_cf58b5,
:root.background-opacity-high .messageGroupBlocked_cf58b5 .messageGroupBlockedBtn_cf58b5 {
  background-color: transparent;
  color: var(--primary-100)
}

:root.background-opacity-low .messageGroupBlocked_cf58b5 .messageGroupBlockedBtn_cf58b5:hover,
:root.background-opacity-medium .messageGroupBlocked_cf58b5 .messageGroupBlockedBtn_cf58b5:hover,
:root.background-opacity-high .messageGroupBlocked_cf58b5 .messageGroupBlockedBtn_cf58b5:hover {
  background: hsl(var(--primary-600-hsl)/.4)
}

.background-opacity-low .divider_cf58b5:not(.dividerRed_cf58b5) {
  opacity: .8
}

.background-opacity-low .divider_cf58b5:not(.dividerRed_cf58b5) .dividerContent_cf58b5 {
  opacity: .8;
  color: var(--white-500)
}

.background-opacity-low .divider_cf58b5:not(.dividerRed_cf58b5) .dividerContent_cf58b5:before {
  border-color: currentColor
}

.background-opacity-medium .divider_cf58b5 {
  opacity: .8
}

.background-opacity-medium .divider_cf58b5:not(.dividerRed_cf58b5) .dividerContent_cf58b5 {
  color: null
}

.background-opacity-medium .divider_cf58b5:not(.dividerRed_cf58b5) .dividerContent_cf58b5:before {
  background-color: currentColor;
  opacity: .8
}

.background-opacity-high .divider_cf58b5 {
  opacity: .5
}

.background-opacity-high .divider_cf58b5:not(.dividerRed_cf58b5) .dividerContent_cf58b5 {
  color: null
}

.background-opacity-high .divider_cf58b5:not(.dividerRed_cf58b5) .dividerContent_cf58b5:before {
  background-color: currentColor;
  opacity: .8
}

.disableInteractions_cf58b5.hasMore_cf58b5 {
  visibility: hidden
}

.newTopicsBarContainer_cf58b5 {
  height: 32px;
  top: 0;
  border-radius: 0 0 8px 8px;
  color: var(--white-500);
  background-color: var(--brand-500);
  box-shadow: var(--elevation-low)
}

.newTopicsBarContainer_cf58b5:active {
  box-shadow: 0 0 0 hsl(var(--black-500-hsl)/0)
}

@media(max-width:914px) {
  .newTopicsBarCompact_cf58b5 {
    display: none
  }

  .newTopicsBarInitial_cf58b5 .newTopicsBarCenter_cf58b5 {
    left: 33%
  }

  .newTopicsBarText_cf58b5 .topicsPillDropdownCaret_cf58b5 {
    padding-left: 0
  }
}

.newTopicsBarTopicSection_cf58b5 {
  margin-left: 8px;
  display: flex;
  align-items: center;
  z-index: 2;
  max-width: 33%
}

.newTopicsBarTextClickable_cf58b5 {
  overflow: hidden;
  white-space: nowrap
}

.newTopicsBarTextClickable_cf58b5:hover .newTopicsBarCaret_cf58b5 {
  opacity: 1
}

.newTopicsBarCaret_cf58b5 {
  padding-left: 8px;
  margin-right: 4px;
  opacity: .7
}

.newTopicsBarText_cf58b5 {
  color: var(--white-500);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.newTopicsBarIcon_cf58b5 {
  min-width: 16px;
  min-height: 16px;
  margin-left: 4px;
  margin-right: 4px
}

.newTopicsBarInitial_cf58b5 {
  position: static
}

.newTopicsBarTextUnselected_cf58b5 {
  display: flex;
  align-items: center
}

.newTopicsBarTextSelected_cf58b5 {
  display: flex;
  height: 20px;
  align-items: center;
  border-radius: 16px;
  background-color: rgba(0, 0, 0, .1)
}

.newTopicsBarTextSelected_cf58b5 .topicsPillDropdownCaret_cf58b5 {
  color: var(--interactive-active)
}

.flexEnd_cf58b5 {
  justify-content: flex-end
}

.flexStart_cf58b5 {
  justify-content: flex-start
}

.topicsPillContainer_cf58b5 {
  opacity: 1;
  top: 0;
  border-radius: 0 0 8px 8px;
  min-height: 32px;
  height: 32px;
  background: var(--bg-overlay-2, var(--background-secondary));
  box-shadow: 0 1px 0 rgba(4, 4, 5, .2), 0 1.5px 0 rgba(6, 6, 7, 5%), 0 2px 0 rgba(4, 4, 5, 5%)
}

.visual-refresh .topicsPillContainer_cf58b5 {
  background: var(--background-surface-high);
  box-shadow: var(--shadow-low);
  border-top: 0
}

.topicsPill_cf58b5 {
  width: 100%;
  display: flex;
  align-items: center;
  z-index: 2
}

.topicsPillText_cf58b5 {
  display: flex;
  flex: 1;
  text-align: center;
  padding: 8px 8px 8px 10px;
  cursor: pointer;
  overflow: hidden;
  color: var(--interactive-active)
}

.topicsPillText_cf58b5:hover .topicsPillDropdownCaret_cf58b5 {
  color: var(--interactive-active)
}

.topicsPillTextUnselected_cf58b5 {
  align-items: center;
  display: flex;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-left: 4px
}

.topicsPillTextSelected_cf58b5 {
  display: flex;
  height: 26px;
  border-radius: 16px;
  background: rgba(0, 0, 0, .1);
  background: var(--bg-overlay-3, rgba(0, 0, 0, .1))
}

.topicsPillTextSelected_cf58b5 .topicsPillDropdownCaret_cf58b5 {
  color: var(--interactive-active)
}

.topicsPillSummaryIcon_cf58b5 {
  min-width: 16px;
  min-height: 16px;
  margin-right: 4px
}

.topicsPillTextTitle_cf58b5 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.topicsPillDropdownCaret_cf58b5 {
  color: var(--interactive-normal);
  padding-left: 8px;
  margin-right: 4px
}

.topicsPillCarets_cf58b5 {
  display: flex;
  justify-content: space-between;
  height: 24px;
  top: 4px;
  padding-right: 16px
}

.topicsPillCaret_cf58b5 {
  color: var(--interactive-normal);
  width: 32px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-overlay-3, var(--background-secondary-alt))
}

.topicsPillCaret_cf58b5:hover {
  color: var(--interactive-active)
}

.visual-refresh .topicsPillCaret_cf58b5 {
  background: var(--button-secondary-background)
}

.visual-refresh .topicsPillCaret_cf58b5:hover {
  background: var(--button-secondary-background-hover)
}

.visual-refresh .topicsPillCaret_cf58b5:active {
  background: var(--button-secondary-background-active)
}

.topicsCaretRight_cf58b5 {
  border-radius: 0 20px 20px 0
}

.topicsCaretLeft_cf58b5 {
  border-radius: 20px 0 0 20px;
  border-right: 1px solid var(--background-modifier-accent)
}

.topicsPillCaretDisabled_cf58b5 {
  opacity: .5;
  pointer-events: none
}

.topicsDropdownBase_cf58b5 {
  position: absolute;
  opacity: 1;
  cursor: default;
  border-radius: 8px;
  width: 412px;
  border: 1px solid var(--background-modifier-accent)
}

.topicsDropdown_cf58b5 {
  top: 40px
}

.topicsDropdownHeading_cf58b5 {
  background: var(--bg-overlay-3, var(--background-tertiary));
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: flex;
  padding: 14px 14px 14px 20px;
  justify-content: space-between
}

.topicsDropdownHeadingText_cf58b5 {
  display: flex;
  align-items: center;
  pointer-events: none;
  padding-top: 6px;
  padding-right: 16px
}

.topicsPillHeadingIcon_cf58b5 {
  color: var(--interactive-normal);
  padding-right: 8px
}

.summariesBetaTag_cf58b5 {
  margin-left: 4px
}

.topicsDropdownClose_cf58b5 {
  opacity: .5;
  transition: opacity.2s;
  cursor: pointer;
  -webkit-app-region: no-drag;
  color: var(--text-normal)
}

.topicsDropdownClose_cf58b5:hover {
  opacity: 1
}

.topicsScroller_cf58b5 {
  background: var(--bg-overlay-2, var(--background-secondary));
  max-height: 412px;
  display: flex;
  flex-direction: column;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  padding-top: 4px;
  padding-bottom: 4px
}

.topicsTimeAgo_cf58b5 {
  padding-right: 8px
}

.topicsDotSpacer_cf58b5 {
  justify-content: center;
  padding-right: 8px;
  color: var(--background-modifier-accent)
}

.topicsMessageCount_cf58b5 {
  padding-left: 5px;
  padding-right: 8px;
  min-width: -moz-fit-content;
  min-width: fit-content
}

.topicsChatBubbleIcon_cf58b5 {
  color: var(--header-secondary);
  display: flex;
  padding-left: 8px
}

.topicsTopicTitle_cf58b5 {
  padding-bottom: 4px
}

.topicsSubtitle_cf58b5 {
  padding-bottom: 12px
}

.emojiSection_e58351 {
  padding: var(--custom-message-helpers-popout-padding-width);
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text
}

.theme-dark .betaTag_e58351 {
  color: var(--premium-tier-2-pink-for-gradients-2);
  background-color: white
}

.theme-light .betaTag_e58351 {
  color: var(--white-100);
  background: linear-gradient(to right, var(--premium-tier-2-pink-for-gradients), var(--premium-tier-2-pink-for-gradients-2), var(--premium-tier-2-purple-for-gradients))
}

.primaryEmoji_e58351 {
  min-width: var(--custom-emoji-size-jumbo-emoji);
  min-height: var(--custom-emoji-size-jumbo-emoji);
  margin-top: 4px
}

.ctaButton_e58351 {
  margin: 16px auto 0
}

.guildSection_e58351 {
  padding: var(--custom-message-helpers-popout-padding-width);
  background-color: var(--background-secondary-alt)
}

.guildTitle_e58351 {
  color: var(--header-secondary);
  margin-bottom: 8px
}

.guildIcon_e58351 {
  width: 100%;
  height: 100%;
  cursor: pointer
}

.guildIconNotClickable_e58351 {
  width: 100%;
  height: 100%
}

.guildBadge_e58351 {
  margin-right: 4px;
  min-width: 16px
}

.guildName_e58351 {
  cursor: pointer
}

.showMoreEmojis_e58351 {
  color: var(--interactive-normal);
  cursor: pointer;
  transition: color.125s;
  font-weight: 600;
  margin-top: 8px
}

.showMoreEmojis_e58351:hover {
  color: var(--interactive-active)
}

.showMoreEmojisArrow_e58351 {
  position: relative;
  left: 4px;
  height: 16px;
  width: 16px
}

.full-motion .showMoreEmojisArrow_e58351 {
  transition: transform.1s
}

.showMoreEmojisArrow_e58351.showMoreEmojisArrowCollapsed_e58351 {
  transform: rotate(270deg)
}

.otherEmojisContainer_e58351 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 4px
}

.otherEmoji_e58351 {
  height: 32px;
  width: 32px;
  min-width: 32px;
  flex-basis: calc(16.66667% - 4px);
  margin: 4px 2px
}

.truncatingText_e58351 {
  min-width: 0
}

.dotSeparator_e58351 {
  border-radius: 50%;
  width: 4px;
  height: 4px;
  margin: 0 8px;
  flex-shrink: 0;
  background-color: var(--interactive-muted)
}

.theme-light .popoutLoader_e58351,
.theme-light .popoutContent_e58351 {
  background-color: var(--background-floating);
  box-shadow: var(--elevation-high)
}

.joinGuildLink_e58351 {
  color: var(--text-link);
  cursor: pointer
}

.joinGuildLink_e58351:hover,
.joinGuildLink_e58351:focus {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.reactionEmojiDetailsUnfurlGuildDetails_e58351 {
  margin: 16px 0 8px
}

.reactionEmojiDetailsClickable_e58351 {
  border-radius: var(--radius-xs);
  color: var(--interactive-hover);
  cursor: pointer;
  transition: color.125s;
  font-weight: 600;
  margin-top: 8px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 6px 0
}

.reactionEmojiDetailsClickable_e58351:hover {
  color: var(--interactive-active)
}

.theme-dark .reactionEmojiDetailsClickable_e58351 {
  background-color: hsl(var(--primary-300-hsl)/.1)
}

.theme-light .reactionEmojiDetailsClickable_e58351 {
  background-color: hsl(var(--primary-700-hsl)/.1)
}

.emojiDetailsLoader_e58351 {
  box-shadow: none
}

.reactionEmojiDetailsArrow_e58351 {
  margin-top: 2px
}

.full-motion .reactionEmojiDetailsArrow_e58351 {
  transition: transform.1s
}

.reactionEmojiDetailsArrow_e58351.reactionEmojiDetailsArrowCollapsed_e58351 {
  transform: rotate(270deg)
}

.reactionEmojiDetailsDivider_e58351 {
  border-bottom: 1px solid var(--background-modifier-accent);
  margin: 16px 0
}

.inventoryCtaButton_e58351 {
  margin: 8px auto 0
}

.ctaDescription_e58351 {
  margin-top: 8px;
  display: flex;
  flex-direction: row;
  align-items: center
}

.nitroWheel_e58351 {
  margin-right: 8px
}

.betaTag_e58351 {
  position: absolute;
  top: -4px;
  right: -8px
}

.effect_efd76b {
  position: absolute;
  pointer-events: none;
  z-index: 1001;
  bottom: 0;
  width: var(--custom-voice-channel-effect-voice-channel-effect-animation-size)
}

.effects_b5b75b {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
  border-radius: var(--radius-sm);
  overflow: hidden
}

.soundButtonWrapper_f40049 {
  list-style: none;
  position: relative
}

.soundButton_f40049 {
  box-sizing: border-box;
  position: relative;
  background: var(--background-secondary);
  border-radius: var(--radius-sm);
  height: 40px;
  width: 148px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  border: 1px solid transparent;
  overflow: hidden;
  text-align: center
}

.soundButtonRefresh_f40049 {
  box-sizing: border-box;
  position: relative;
  background: var(--card-primary-bg);
  border-radius: var(--radius-md);
  height: 72px;
  width: 102px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid var(--border-subtle);
  overflow: hidden;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, .2), 0 1px 4px 0 rgba(0, 0, 0, .2)
}

.full-motion .soundButtonRefresh_f40049 {
  transition: box-shadow.1s ease-in-out, transform.2s ease, outline.2s ease-in-out
}

.soundButtonRefresh_f40049:hover,
.soundButtonRefresh_f40049.focused_f40049,
.soundButtonRefresh_f40049:active:not(:focus-within) {
  border-color: var(--border-strong)
}

.soundButtonRefresh_f40049:hover .soundInfoRefresh_f40049,
.soundButtonRefresh_f40049.focused_f40049 .soundInfoRefresh_f40049,
.soundButtonRefresh_f40049:active:not(:focus-within) .soundInfoRefresh_f40049 {
  box-shadow: 0 6px 0 0 rgba(0, 0, 0, .12)
}

.soundButtonRefresh_f40049:hover .buttonOverlayActionsRefresh_f40049,
.soundButtonRefresh_f40049.focused_f40049 .buttonOverlayActionsRefresh_f40049,
.soundButtonRefresh_f40049:active:not(:focus-within) .buttonOverlayActionsRefresh_f40049 {
  margin-top: 0
}

.soundButtonRefresh_f40049:active:not(:focus-within) {
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2)
}

.soundButtonRefresh_f40049:active:not(:focus-within) .soundInfoRefresh_f40049 {
  box-shadow: none
}

.soundButtonRefresh_f40049:active:not(:focus-within) .soundNameRefresh_f40049 {
  color: var(--header-muted)
}

.soundButtonRefresh_f40049:active:not(:focus-within) .secondaryButtonRefresh_f40049 {
  opacity: 0;
  pointer-events: none
}

.animated_f40049:active:not(:focus-within) {
  box-shadow: none;
  outline-width: 1px
}

.full-motion .animated_f40049:active:not(:focus-within) {
  transform: translatey(2px)
}

.theme-light .soundButtonRefresh_f40049 {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 8%)
}

.addButton_f40049 {
  margin: 3px;
  display: flex;
  align-items: center
}

.plusSign_f40049 {
  color: var(--text-muted);
  height: 18px;
  width: 18px
}

.addButton_f40049>* {
  margin-right: 4px
}

.soundButton_f40049.focused_f40049.hoverActiveBackground_f40049,
.soundButton_f40049:focus-within.hoverActiveBackground_f40049,
.soundButton_f40049:hover.hoverActiveBackground_f40049,
.soundButtonRefresh_f40049.focused_f40049.hoverActiveBackground_f40049,
.soundButtonRefresh_f40049:focus-within.hoverActiveBackground_f40049,
.soundButtonRefresh_f40049:hover.hoverActiveBackground_f40049 {
  background: var(--background-tertiary)
}

.soundButton_f40049.focused_f40049 .buttonOverlay_f40049,
.soundButton_f40049:focus-within .buttonOverlay_f40049,
.soundButton_f40049:hover .buttonOverlay_f40049,
.soundButtonRefresh_f40049.focused_f40049 .buttonOverlay_f40049,
.soundButtonRefresh_f40049:focus-within .buttonOverlay_f40049,
.soundButtonRefresh_f40049:hover .buttonOverlay_f40049 {
  opacity: 1;
  visibility: visible
}

.soundButton_f40049.focused_f40049 .addButtonOverlay_f40049,
.soundButton_f40049:focus-within .addButtonOverlay_f40049,
.soundButton_f40049:hover .addButtonOverlay_f40049,
.soundButtonRefresh_f40049.focused_f40049 .addButtonOverlay_f40049,
.soundButtonRefresh_f40049:focus-within .addButtonOverlay_f40049,
.soundButtonRefresh_f40049:hover .addButtonOverlay_f40049 {
  opacity: 1;
  visibility: visible
}

.soundInfo_f40049 {
  padding: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex: 1;
  gap: 8px;
  overflow: hidden
}

.soundInfoRefresh_f40049 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 0 8px;
  flex-direction: column;
  gap: 4px;
  box-shadow: 0 6px 0 0 rgba(0, 0, 0, 8%);
  border-radius: var(--radius-sm);
  height: 60px
}

.full-motion .soundInfoRefresh_f40049 {
  transition: gap.1s ease, padding-bottom.1s ease, box-shadow.1s ease-in-out
}

.soundName_f40049 {
  color: var(--header-primary);
  flex-grow: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word
}

.soundName_f40049.hasEmoji_f40049 {
  text-align: left
}

.soundNameRefresh_f40049 {
  color: var(--header-primary);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word
}

.soundNameRefresh_f40049.hasEmoji_f40049 {
  -webkit-line-clamp: 1;
  word-break: break-all
}

.emoji_f40049 {
  flex-shrink: 0;
  width: 20px;
  height: 20px
}

.emojiCircle_f40049 {
  background: var(--bg-mod-subtle);
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: width.1s ease, height.1s ease
}

.emojiCircle_f40049 .emoji_f40049 {
  width: 18px;
  height: 18px;
  transition: width.3s ease, height.3s ease
}

.soundButtonInteractive_f40049 {
  cursor: pointer
}

.soundButtonInteractive_f40049.playing_f40049 {
  border-color: var(--status-positive-background)
}

.soundButtonInteractiveRefresh_f40049 {
  cursor: pointer
}

.soundButtonInteractiveRefresh_f40049.previewing_f40049 {
  outline: 2px solid var(--button-outline-brand-border)
}

.soundButtonInteractiveRefresh_f40049.playing_f40049 {
  outline: 2px solid var(--button-outline-positive-border)
}

.soundButtonInteractiveRefresh_f40049.playing_f40049 .soundInfoRefresh_f40049.hasEmoji_f40049,
.soundButtonInteractiveRefresh_f40049.previewing_f40049 .soundInfoRefresh_f40049.hasEmoji_f40049 {
  padding-bottom: 4px;
  gap: 0
}

.soundButtonInteractiveRefresh_f40049.playing_f40049 .emojiCircle_f40049,
.soundButtonInteractiveRefresh_f40049.previewing_f40049 .emojiCircle_f40049 {
  width: 40px;
  height: 40px
}

.soundButtonInteractiveRefresh_f40049.playing_f40049 .emojiCircle_f40049 .emoji_f40049,
.soundButtonInteractiveRefresh_f40049.previewing_f40049 .emojiCircle_f40049 .emoji_f40049 {
  width: 24px;
  height: 24px
}

.buttonDisabledSecondaryActionsEnabled_f40049 {
  cursor: default
}

.buttonDisabled_f40049 {
  pointer-events: none
}

.premiumDisabled_f40049 {
  opacity: .5
}

.premiumDisabledRefresh_f40049 {
  --custom-gradient-border: linear-gradient(90deg,
      var(--premium-tier-2-purple-for-gradients) 0%,
      var(--premium-tier-2-purple-for-gradients-2) 50.24%,
      var(--premium-tier-2-pink-for-gradients) 100%) border-box
}

.premiumDisabledRefresh_f40049:hover,
.premiumDisabledRefresh_f40049.focused_f40049 {
  background: linear-gradient(var(--card-primary-bg), var(--card-primary-bg))padding-box, var(--custom-gradient-border)
}

.premiumDisabledRefresh_f40049:hover .emojiCircle_f40049,
.premiumDisabledRefresh_f40049.focused_f40049 .emojiCircle_f40049 {
  background: linear-gradient(90deg, hsl(var(--premium-tier-2-purple-for-gradients-hsl)/.2)0%, hsl(var(--premium-tier-2-purple-for-gradients-2-hsl)/.2)50.24%, hsl(var(--premium-tier-2-pink-for-gradients-hsl)/.2)100%)
}

.premiumDisabledRefresh_f40049:hover .emoji_f40049,
.premiumDisabledRefresh_f40049.focused_f40049 .emoji_f40049 {
  opacity: .1
}

.premiumDisabledRefresh_f40049:hover .soundNameRefresh_f40049:not(.hasEmoji_f40049),
.premiumDisabledRefresh_f40049.focused_f40049 .soundNameRefresh_f40049:not(.hasEmoji_f40049) {
  opacity: .5
}

.premiumDisabledRefresh_f40049:active:not(:focus-within) {
  background: linear-gradient(var(--card-primary-pressed-bg), var(--card-primary-pressed-bg))padding-box, var(--custom-gradient-border)
}

.absoluteFill_f40049 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.buttonOverlay_f40049,
.addButtonOverlay_f40049 {
  opacity: 0;
  visibility: hidden;
  transition: opacity.2s ease
}

.buttonOverlayBackground_f40049 {
  background: var(--background-secondary);
  opacity: .8
}

.buttonOverlayActions_f40049 {
  padding: 0 8px;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.buttonOverlayActionsRefresh_f40049 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start
}

.full-motion .buttonOverlayActionsRefresh_f40049 {
  margin-top: -2px;
  transition: margin-top.2s ease
}

.buttonOverlayActionsRefresh_f40049:focus-within {
  margin-top: 0
}

.secondaryButton_f40049 {
  color: var(--interactive-normal);
  display: flex
}

.secondaryButton_f40049:focus,
.secondaryButton_f40049:hover {
  color: var(--interactive-hover);
  cursor: pointer
}

.secondaryButtonRefresh_f40049 {
  color: var(--interactive-muted);
  display: flex;
  padding: 8px 4px 4px;
  transition: opacity.2s ease
}

.secondaryButtonRefresh_f40049:first-child {
  padding-left: 8px
}

.secondaryButtonRefresh_f40049:last-child {
  padding-right: 8px
}

.secondaryButtonRefresh_f40049:focus,
.secondaryButtonRefresh_f40049:hover {
  color: var(--interactive-hover);
  cursor: pointer
}

.secondaryIcon_f40049 {
  width: 16px;
  height: 16px
}

.favoriteIconFavorite_f40049 {
  color: var(--text-warning)
}

.primaryIcon_f40049 {
  width: 20px;
  height: 20px;
  color: var(--interactive-active);
  flex: 1;
  pointer-events: none
}

.primaryIconRefresh_f40049 {
  width: 20px;
  height: 20px;
  color: var(--interactive-active);
  align-self: center
}

.primaryIconRefresh_f40049.hasEmoji_f40049:not(.primaryIconTopLevel_f40049) {
  padding-bottom: 21px
}

.lockIcon_f40049 {
  pointer-events: none
}

.primaryIconTopLevel_f40049 {
  position: absolute;
  z-index: 9999
}

.unavailableTooltip_f40049 {
  position: absolute;
  top: 0;
  height: 40px;
  width: 150px
}

.unavailableTooltipRefresh_f40049 {
  position: absolute;
  top: 0;
  height: 72px;
  width: 102px
}

.icon_dd5a70 {
  width: 16px;
  height: 16px
}

.sliderContainer_dd5a70 {
  min-width: 188px;
  display: flex;
  padding: var(--spacing-12);
  flex-direction: column;
  background-color: var(--background-floating);
  border-radius: var(--radius-sm)
}

.slider_dd5a70 {
  margin-bottom: calc(-1*var(--spacing-8))
}

.betaBadge_dd5a70 {
  position: absolute;
  top: -8px;
  left: var(--spacing-8)
}

.infoContainer_dd5a70 {
  border-radius: var(--radius-sm);
  max-width: 300px
}

.infoTooltip_dd5a70 {
  overflow: hidden
}

.infoNitroContainer_dd5a70 {
  position: relative;
  background-color: var(--background-floating)
}

.infoNitroBackground_dd5a70 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color);
  z-index: 1;
  opacity: .64
}

.infoNitroTextContainer_dd5a70 {
  position: relative;
  z-index: 2;
  padding: var(--spacing-8);
  display: flex;
  flex-direction: row;
  align-items: center
}

.infoNitroIcon_dd5a70 {
  margin-right: var(--spacing-4)
}

.infoNitroText_dd5a70 {
  flex: 1;
  margin-right: var(--spacing-16)
}

.infoNitroBadge_dd5a70 {
  margin-left: 0 auto
}

.infoSoundContainer_dd5a70 {
  padding: var(--spacing-12);
  background-color: var(--background-floating);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4)
}

.infoSoundInnerContainer_dd5a70 {
  display: flex;
  flex-direction: row;
  align-items: center
}

.infoSoundIcon_dd5a70 {
  margin-right: var(--spacing-4)
}

.infoExpandedSoundContainer_dd5a70 {
  padding: var(--spacing-16);
  display: flex;
  flex-direction: row;
  gap: var(--spacing-16);
  background-color: var(--background-secondary);
  align-items: center
}

.infoExpandedGuildContainer_dd5a70 {
  padding: var(--spacing-16);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  background-color: var(--background-secondary-alt);
  align-items: start
}

.infoExpandedGuildInfo_dd5a70 {
  width: 100%
}

.infoExpandedGuildTitle_dd5a70 {
  align-self: flex-start
}

.infoExpandedGuildInfoContainer_dd5a70 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-8);
  align-items: center;
  align-self: stretch
}

.jumboContainer_f38a29 {
  margin: 2px;
  display: inline-flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.jumboButton_f38a29 {
  display: inline-flex
}

.inlineButton_f38a29 {
  display: inline-block;
  border: 1px solid var(--border-strong);
  background: var(--card-primary-bg);
  box-shadow: 0 -4px 0 0 rgba(0, 0, 0, .12)inset, 0 2px 0 0 rgba(0, 0, 0, .2)
}

.full-motion .inlineButton_f38a29 {
  transition: box-shadow.1s ease-in-out, transform.2s ease
}

.inlineButton_f38a29:hover {
  border: 1px solid rgba(255, 255, 255, .5)
}

.inlineButton_f38a29:active {
  border: 1px solid rgba(255, 255, 255, .5);
  background: var(--card-primary-pressed-bg);
  box-shadow: none
}

.full-motion .inlineButton_f38a29:active {
  transform: translatey(2px)
}

.inlineButton_f38a29.playing_f38a29 {
  border: 1px solid var(--button-outline-positive-border)
}

.inlineContainer_f38a29 {
  line-height: 1.5em;
  box-sizing: border-box;
  position: relative;
  align-items: center;
  text-align: center;
  padding: 0 var(--spacing-4);
  margin: 2px var(--spacing-4);
  border-radius: var(--radius-sm);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.soundmojiEmoji_f38a29 {
  width: 1em !important;
  line-height: 1.5em;
  margin-bottom: 1.5px
}

.unknownSound_f38a29 {
  height: 1em;
  width: 1em;
  position: relative;
  top: 2px
}

.tooltip_f38a29 {
  border-radius: var(--radius-sm)
}

.tooltipContainer_f38a29 {
  padding: 0
}

.emojiContainer_bae8cb {
  display: inline-block
}

.emojiContainerClickable_bae8cb {
  cursor: pointer
}

.emojiJumbo_bae8cb {
  vertical-align: middle
}

.icon_edc433 {
  margin-right: .1rem
}

.tooltip_bea280 {
  text-align: center
}

.svgContentRight_ed3a34 {
  fill: var(--bg-base-primary)
}

.svgContentLeft_ed3a34 {
  fill: var(--bg-base-tertiary)
}

.svgContentLines_ed3a34,
.svgDots_ed3a34 {
  fill: var(--bg-mod-strong)
}

.svgTag_ed3a34 {
  fill: var(--text-secondary)
}

.wrapper_ce1c1d {
  box-sizing: border-box;
  border-radius: 4px;
  padding: 16px;
  max-width: 432px;
  min-width: 160px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  text-indent: 0;
  background-color: var(--background-secondary)
}

.visual-refresh .wrapper_ce1c1d {
  background-color: var(--background-mod-subtle);
  border: 1px solid var(--border-subtle)
}

.titleRegion_ce1c1d {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-transform: uppercase
}

.title_ce1c1d {
  display: block;
  flex: 0 0 auto
}

.infoIcon_ce1c1d {
  display: block;
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin-left: 4px
}

.copyLink_ce1c1d {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  padding-right: 8px;
  margin-left: 16px;
  cursor: pointer
}

.copyLink_ce1c1d:before {
  content: "";
  position: absolute;
  top: 2px;
  left: -8px;
  display: block;
  height: 12px;
  width: 1px;
  margin-right: 8px;
  pointer-events: none
}

.copyLink_ce1c1d.copied_ce1c1d {
  cursor: default
}

.copyLinkIcon_ce1c1d {
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 4px
}

.content_ce1c1d {
  display: flex;
  flex: 0 0 auto;
  flex-flow: row wrap;
  align-items: center;
  gap: 16px
}

.infoLink_ce1c1d.infoLink_ce1c1d {
  cursor: pointer;
  color: var(--header-secondary)
}

.buildInfo_ce1c1d {
  flex: 1000 0 auto;
  overflow: hidden;
  height: 40px
}

.button_ce1c1d {
  flex: 1 0 auto
}

.buttonSize_ce1c1d {
  width: 80px;
  height: 40px
}

.subHead_ce1c1d {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.icon_ce1c1d {
  flex: 0 0 auto;
  display: block
}

.buildDetails_ce1c1d {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px
}

.barLoader_ce1c1d {
  flex: 0 0 auto;
  width: 84%;
  height: 16px;
  border-radius: 8px
}

.barTitle_ce1c1d {
  width: 45%;
  margin-top: 2px;
  margin-bottom: 4px
}

.buttonLoader_ce1c1d {
  width: 80px;
  height: 40px;
  border-radius: 4px
}

.theme-light .disabledButtonOverride_ce1c1d {
  background-color: var(--primary-300) !important
}

.copyLink_ce1c1d:before {
  background-color: var(--background-primary)
}

.infoLink_ce1c1d:hover,
.copyLink_ce1c1d:hover,
.buildDetails_ce1c1d {
  color: var(--header-primary)
}

.copyLink_ce1c1d.copied_ce1c1d,
.copyLink_ce1c1d.copied_ce1c1d:hover {
  color: var(--text-positive)
}

.barLoader_ce1c1d,
.buttonLoader_ce1c1d {
  background-color: var(--background-primary)
}

.icon_c4defd {
  vertical-align: middle;
  margin-bottom: .2rem;
  margin-right: var(--spacing-4)
}

.hljs {
  display: block;
  overflow-x: auto;
  padding: .5em;
  border-radius: 4px;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
  color: var(--text-normal);
  background: var(--background-secondary)
}

.theme-dark .hljs-doctag,
.theme-dark .hljs-keyword,
.theme-dark .hljs-meta .hljs-keyword,
.theme-dark .hljs-template-tag,
.theme-dark .hljs-template-variable,
.theme-dark .hljs-type,
.theme-dark .hljs-variable.language_ {
  color: #ff7b72
}

.theme-dark .hljs-title,
.theme-dark .hljs-title.class_,
.theme-dark .hljs-title.class_.inherited__,
.theme-dark .hljs-title.function_ {
  color: #d2a8ff
}

.theme-dark .hljs-attr,
.theme-dark .hljs-attribute,
.theme-dark .hljs-literal,
.theme-dark .hljs-meta,
.theme-dark .hljs-number,
.theme-dark .hljs-operator,
.theme-dark .hljs-variable,
.theme-dark .hljs-selector-attr,
.theme-dark .hljs-selector-class,
.theme-dark .hljs-selector-id {
  color: #79c0ff
}

.theme-dark .hljs-regexp,
.theme-dark .hljs-string,
.theme-dark .hljs-meta .hljs-string {
  color: #a5d6ff
}

.theme-dark .hljs-built_in,
.theme-dark .hljs-symbol {
  color: #ffa657
}

.theme-dark .hljs-comment,
.theme-dark .hljs-code,
.theme-dark .hljs-formula {
  color: #8b949e
}

.theme-dark .hljs-name,
.theme-dark .hljs-quote,
.theme-dark .hljs-selector-tag,
.theme-dark .hljs-selector-pseudo {
  color: #7ee787
}

.theme-dark .hljs-subst {
  color: #c9d1d9
}

.theme-dark .hljs-section {
  color: #1f6feb;
  font-weight: 700
}

.theme-dark .hljs-bullet {
  color: #f2cc60
}

.theme-dark .hljs-emphasis {
  color: #c9d1d9;
  font-style: italic
}

.theme-dark .hljs-strong {
  color: #c9d1d9;
  font-weight: 700
}

.theme-dark .hljs-addition {
  color: #aff5b4;
  background-color: #033a16
}

.theme-dark .hljs-deletion {
  color: #ffdcd7;
  background-color: #67060c
}

.theme-light .hljs-doctag,
.theme-light .hljs-keyword,
.theme-light .hljs-meta .hljs-keyword,
.theme-light .hljs-template-tag,
.theme-light .hljs-template-variable,
.theme-light .hljs-type,
.theme-light .hljs-variable.language_ {
  color: #d73a49
}

.theme-light .hljs-title,
.theme-light .hljs-title.class_,
.theme-light .hljs-title.class_.inherited__,
.theme-light .hljs-title.function_ {
  color: #6f42c1
}

.theme-light .hljs-attr,
.theme-light .hljs-attribute,
.theme-light .hljs-literal,
.theme-light .hljs-meta,
.theme-light .hljs-number,
.theme-light .hljs-operator,
.theme-light .hljs-variable,
.theme-light .hljs-selector-attr,
.theme-light .hljs-selector-class,
.theme-light .hljs-selector-id {
  color: #005cc5
}

.theme-light .hljs-regexp,
.theme-light .hljs-string,
.theme-light .hljs-meta .hljs-string {
  color: #032f62
}

.theme-light .hljs-built_in,
.theme-light .hljs-symbol {
  color: #e36209
}

.theme-light .hljs-comment,
.theme-light .hljs-code,
.theme-light .hljs-formula {
  color: #6a737d
}

.theme-light .hljs-name,
.theme-light .hljs-quote,
.theme-light .hljs-selector-tag,
.theme-light .hljs-selector-pseudo {
  color: #22863a
}

.theme-light .hljs-subst {
  color: #24292e
}

.theme-light .hljs-section {
  color: #005cc5;
  font-weight: 700
}

.theme-light .hljs-bullet {
  color: #735c0f
}

.theme-light .hljs-emphasis {
  color: #24292e;
  font-style: italic
}

.theme-light .hljs-strong {
  color: #24292e;
  font-weight: 700
}

.theme-light .hljs-addition {
  color: #22863a;
  background-color: #f0fff4
}

.theme-light .hljs-deletion {
  color: #b31d28;
  background-color: #ffeef0
}

.visual-refresh .hljs {
  display: block;
  overflow-x: auto;
  padding: .5em;
  border-radius: 4px;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
  color: var(--text-normal)
}

.visual-refresh .hljs-doctag,
.visual-refresh .hljs-keyword,
.visual-refresh .hljs-meta .hljs-keyword,
.visual-refresh .hljs-template-tag,
.visual-refresh .hljs-template-variable,
.visual-refresh .hljs-type,
.visual-refresh .hljs-variable.language_ {
  color: var(--text-code-keyword)
}

.visual-refresh .hljs-title,
.visual-refresh .hljs-title.class_,
.visual-refresh .hljs-title.class_.inherited__,
.visual-refresh .hljs-title.function_ {
  color: var(--text-code-title)
}

.visual-refresh .hljs-attr,
.visual-refresh .hljs-attribute,
.visual-refresh .hljs-literal,
.visual-refresh .hljs-meta,
.visual-refresh .hljs-number,
.visual-refresh .hljs-operator,
.visual-refresh .hljs-variable,
.visual-refresh .hljs-selector-attr,
.visual-refresh .hljs-selector-class,
.visual-refresh .hljs-selector-id {
  color: var(--text-code-variable)
}

.visual-refresh .hljs-regexp,
.visual-refresh .hljs-string,
.visual-refresh .hljs-meta .hljs-string {
  color: var(--text-code-string)
}

.visual-refresh .hljs-built_in,
.visual-refresh .hljs-symbol {
  color: var(--text-code-builtin)
}

.visual-refresh .hljs-comment,
.visual-refresh .hljs-code,
.visual-refresh .hljs-formula {
  color: var(--text-code-comment)
}

.visual-refresh .hljs-name,
.visual-refresh .hljs-quote,
.visual-refresh .hljs-selector-tag,
.visual-refresh .hljs-selector-pseudo {
  color: var(--text-code-tag)
}

.visual-refresh .hljs-subst {
  color: var(--text-code-default)
}

.visual-refresh .hljs-section {
  color: var(--text-code-section);
  font-weight: 700
}

.visual-refresh .hljs-bullet {
  color: var(--text-code-bullet)
}

.visual-refresh .hljs-emphasis {
  color: var(--text-code-default);
  font-style: italic
}

.visual-refresh .hljs-strong {
  color: var(--text-code-default);
  font-weight: 700
}

.visual-refresh .hljs-addition {
  color: var(--text-code-addition);
  background-color: var(--background-code-addition)
}

.visual-refresh .hljs-deletion {
  color: var(--text-code-deletion);
  background-color: var(--background-code-deletion)
}

@keyframes placeholderPulse_dac468 {
  0% {
    opacity: .5
  }

  50% {
    opacity: 1
  }

  to {
    opacity: .5
  }
}

.placeholder_dac468,
.multiplePlaceholder_dac468 {
  cursor: pointer;
  box-sizing: border-box;
  overflow: hidden;
  animation: placeholderPulse_dac468 3s ease-in-out infinite
}

.placeholder_dac468 {
  height: 44px;
  display: flex;
  align-items: center
}

.placeholderUsername_dac468,
.mulitplePlaceholderUsername_dac468 {
  border-radius: 8px;
  height: 14px
}

.mulitplePlaceholderUsername_dac468 {
  margin-top: 12px
}

.avatarSmall_dac468 {
  width: 32px;
  height: 32px
}

.avatarLarge_dac468 {
  width: 40px;
  height: 40px
}

.placeholderAvatar_dac468 {
  border-radius: 50%
}

.placeholderUsername_dac468,
.mulitplePlaceholderUsername_dac468,
.placeholderAvatar_dac468 {
  background-color: var(--background-primary)
}

.avatarMasked_dac468 {
  -webkit-mask-image: url(/assets/198f58dde6d93e1c268e.svg);
  mask-image: url(/assets/198f58dde6d93e1c268e.svg);
  -webkit-mask-position: 0 0;
  mask-position: 0 0;
  -webkit-mask-size: 100%100%;
  mask-size: 100%100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  margin-right: -6px
}

.gameImageContainer_d987e8 {
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: 1.5px solid transparent
}

.highlighted_d987e8 {
  background-color: var(--border-strong);
  border-radius: 5px
}

.extraGameCount_d987e8 {
  position: absolute;
  width: 24px;
  height: 24px;
  background-color: var(--bg-backdrop);
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px
}

.gameActivityLevel_d987e8 {
  position: absolute;
  top: -4px;
  right: -4px;
  border-radius: 50%;
  background-color: var(--background-tertiary);
  display: flex;
  justify-content: center;
  align-items: center
}

.gameActivityLevelInner_d987e8 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 10px;
  height: 10px;
  padding: 2px
}

.gameImage_d987e8 {
  width: 24px;
  height: 24px;
  border-radius: 4px
}

.tooltipText_d987e8 {
  text-align: center
}

.tooltipGameImageContainer_d987e8 {
  width: 16px;
  height: 16px;
  flex: 0 0 16px
}

.tooltipGameImage_d987e8 {
  width: 16px;
  height: 16px;
  border-radius: 4px
}

.tooltipGameName_d987e8 {
  flex: 1
}

.tooltipGames_d987e8 {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.tooltipGame_d987e8 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px
}

.guildIconImage_a2e41e {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.guildIconImage_a2e41e.acronym_a2e41e {
  background-color: var(--bg-base-tertiary)
}

.acronym_a2e41e {
  font-size: 14px;
  font-weight: 500;
  color: var(--header-primary);
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

.clickable_c18810 {
  cursor: pointer
}

.clickable_c18810:active {
  transform: translatey(2px)scale(.98)
}

.trait_c18810 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border: 1px solid var(--border-subtle);
  padding: 8px 12px;
  border-radius: 16px;
  transition: transform ease-in-out.2s, border-color ease-in-out.2s
}

.theme-dark .selectable_c18810 {
  border-color: var(--border-strong)
}

.theme-dark .selectable_c18810:hover,
.theme-dark .selectable_c18810:active {
  border-color: var(--border-strong)
}

.theme-light .selectable_c18810 {
  border-color: var(--border-strong)
}

.theme-light .selectable_c18810:hover,
.theme-light .selectable_c18810:active {
  border-color: var(--interactive-hover)
}

.selectable_c18810 {
  color: var(--text-secondary)
}

.selectable_c18810:hover,
.selectable_c18810:active {
  color: var(--interactive-hover)
}

.selected_c18810 {
  border-color: var(--brand-500);
  color: var(--interactive-active)
}

.selected_c18810:hover,
.selected_c18810:active {
  border-color: var(--brand-500)
}

.clickableCard_c9a4c0 {
  border-radius: 8px;
  cursor: pointer;
  box-shadow: var(--shadow-low);
  min-width: 240px;
  max-width: 500px;
  width: 100%;
  height: 400px
}

.clickableCard_c9a4c0:hover .card_c9a4c0 {
  box-shadow: var(--shadow-high);
  transform: translatey(-2px)
}

.clickableCard_c9a4c0:active .card_c9a4c0 {
  box-shadow: var(--shadow-low);
  transform: translatey(-2px)scale(.99)
}

.clickableCard_c9a4c0:active .card_c9a4c0:has(.favoriteButton_c9a4c0:hover) {
  box-shadow: var(--shadow-high);
  transform: translatey(-2px)
}

.applyToJoinButton_c9a4c0 {
  padding: 12px;
  padding-top: 0
}

.applyToJoinContainer_c9a4c0 {
  height: 427px !important
}

.card_c9a4c0 {
  min-width: 240px;
  max-width: 500px;
  width: 100%;
  border-radius: 8px;
  border: 1px solid var(--border-subtle);
  overflow: hidden;
  background-color: var(--bg-base-tertiary);
  display: flex;
  flex-direction: column;
  box-sizing: border-box
}

.full-motion .card_c9a4c0 {
  transition: transform.2s, box-shadow.1s
}

.skeletonCard_c9a4c0 {
  height: 100%;
  background-color: var(--bg-base-tertiary)
}

.favoriteButton_c9a4c0 {
  position: absolute;
  top: 12px;
  left: 12px;
  height: 18px;
  width: 18px;
  padding: 7px;
  border-radius: 50%;
  cursor: pointer;
  background-color: var(--bg-surface-overlay);
  opacity: 0;
  transition: opacity.2s ease-in-out, background-color 64ms ease-in-out
}

.shownFavoriteButton_c9a4c0 {
  opacity: 1
}

.favoriteButton_c9a4c0:hover,
.favoriteButton_c9a4c0:active {
  background-color: var(--bg-surface-raised)
}

.cardStaticHeight_c9a4c0 {
  height: 400px
}

.header_c9a4c0 {
  position: relative
}

.clanIconMask_c9a4c0 {
  position: absolute;
  width: 70px;
  height: 70px;
  top: -51px
}

.clanIconInner_c9a4c0 {
  background-color: var(--bg-surface-overlay);
  padding: 3px
}

.skeletonIconInner_c9a4c0 {
  background-color: var(--bg-base-tertiary);
  padding: 3px;
  overflow: hidden;
  border-radius: 12px
}

.skeletonIcon_c9a4c0 {
  border-radius: 16px
}

.clanBadge_c9a4c0 {
  position: absolute;
  right: 12px;
  top: 12px
}

.cardBrandingHeader_c9a4c0 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 100px;
  width: 100%
}

.clanBannerPreview_c9a4c0 {
  height: 98px;
  margin-top: -2px
}

.cardBrandingFooter_c9a4c0 {
  height: 8px;
  width: 100%
}

.headerBadge_c9a4c0 {
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  gap: 4px;
  align-items: center;
  background-color: var(--bg-surface-overlay);
  padding: 4px 8px;
  border-radius: 12px
}

.cardContent_c9a4c0 {
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1
}

.cardContentTitleSection_c9a4c0 {
  flex: 0 0 auto
}

.cardContentDescriptionSection_c9a4c0 {
  flex: 1 1 auto
}

.cardContentDescriptionCollapsed_c9a4c0 {
  max-height: 64px
}

.cardNameAndTagWrapper_c9a4c0 {
  position: relative;
  width: 100%;
  margin-bottom: 8px
}

.clanTagChipletWrapper_c9a4c0 {
  display: flex;
  justify-content: flex-end;
  width: 100%
}

.clanTagChiplet_c9a4c0 {
  display: flex;
  gap: 4px;
  justify-content: center;
  align-items: center;
  border: solid 1px var(--border-subtle);
  border-radius: 4px;
  padding: 2px 6px;
  transition: border-color.2s ease-in-out
}

.clanTagChiplet_c9a4c0:hover {
  border-color: var(--border-strong)
}

.playstyle_c9a4c0 {
  color: var(--role-orange)
}

.traitsContainer_c9a4c0 {
  height: 52px;
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 4px;
  padding: 8px 0 0
}

.thinTrait_c9a4c0 {
  padding: 4px 8px;
  gap: 4px;
  max-width: 200px;
  height: 24px;
  box-sizing: border-box
}

.cardFooter_c9a4c0 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  border-top: 1px solid var(--border-subtle);
  min-height: 24px
}

.cardFooterInfo_c9a4c0 {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.cardFooterMembers_c9a4c0 {
  display: flex;
  gap: 4px;
  align-items: center
}

.cardFooterMembersIcon_c9a4c0 {
  width: 12px;
  height: 12px;
  color: var(--text-secondary)
}

.cardFooterGames_c9a4c0 {
  display: flex;
  gap: 2px
}

.overflowTooltip_c9a4c0 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px
}

.clanInfoRow_c9a4c0 {
  display: flex;
  gap: 4px;
  align-items: center
}

.clanInfoItem_c9a4c0 {
  flex: 0 0 auto
}

.wildCardText_c9a4c0 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  font-size: 12px;
  font-weight: 600
}

.nameText_c9a4c0 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block
}

.bannerImage_c9a4c0 {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.selectedTrait_c9a4c0 {
  border-color: var(--border-strong);
  background: var(--bg-surface-raised)
}

.selectedTrait_c9a4c0:hover,
.selectedTrait_c9a4c0:active {
  border-color: var(--border-strong)
}

.full-motion .animateButtonIn_c9a4c0 {
  animation: pulseIn_c9a4c0.3s
}

.full-motion .animateButtonOut_c9a4c0 {
  animation: pulseOut_c9a4c0.2s
}

@keyframes pulseIn_c9a4c0 {
  0% {
    transform: scale(1)
  }

  50% {
    transform: scale(.9)
  }

  to {
    transform: scale(1)
  }
}

@keyframes pulseOut_c9a4c0 {
  0% {
    transform: scale(1)
  }

  50% {
    transform: scale(.95)
  }

  to {
    transform: scale(1)
  }
}

.customButton_ff01f0 {
  background-color: var(--custom-clan-bg);
  color: var(--custom-clan-text);
  transition: background-color.25s
}

.customButton_ff01f0:hover,
.customButton_ff01f0:focus {
  background-color: var(--custom-clan-hover-bg, hsl(var(--black-500-hsl)/.3))
}

.customButton_ff01f0:active {
  background-color: var(--custom-clan-active-bg, hsl(var(--black-500-hsl)/.35))
}

.container_c22357 {
  display: flex;
  flex-direction: column;
  pointer-events: all;
  border-radius: var(--radius-md);
  background: var(--bg-surface-overlay);
  overflow: hidden;
  box-shadow: var(--elevation-high);
  width: 256px
}

.buttonGroupContainer_c22357 {
  margin: 0 12px 12px;
  gap: 8px;
  display: flex;
  flex-direction: column
}

div.cardContainer_c22357 {
  border-radius: 0;
  height: auto;
  border: 0;
  background: var(--bg-surface-overlay)
}

.tooltipFooter_c22357 {
  width: 100%
}

.button_c22357 {
  opacity: 1;
  transition: opacity.1s ease-in-out
}

.button_c22357:hover {
  opacity: .9
}

.waitlistedButton_c22357 {
  display: flex;
  align-items: center;
  gap: 4px
}

.askToJoinInputWrapper_c22357 {
  margin-top: 8px;
  background: var(--bg-surface-overlay);
  padding: 12px;
  box-shadow: var(--elevation-high);
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-radius: var(--radius-md)
}

.inputRow_c22357 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  z-index: 9
}

.sendButton_c22357 {
  flex: 1;
  min-width: 0
}

.input_c22357 {
  font-size: 14px;
  height: var(--custom-custom-button-md-height)
}

.chipletContainerInner_d5cb59 {
  line-height: 16px !important;
  display: inline-block;
  padding: 0 4px;
  background: var(--bg-mod-strong);
  border-radius: 4px;
  vertical-align: middle;
  transition: background.1s ease-in-out
}

.chipletContainerInner_d5cb59:hover {
  background: var(--bg-mod-faint)
}

.chipletContainerInline_d5cb59 {
  margin-top: -2px
}

.clickable_d5cb59 {
  cursor: pointer
}

.text_d5cb59 {
  line-height: 16px !important
}

.badge_d5cb59 {
  margin-right: 2px;
  margin-top: 0;
  margin-bottom: -1px
}

.tooltip_d5cb59 {
  background: var(--bg-surface-overlay);
  max-width: 360px;
  padding: 0;
  border-radius: 8px
}

.tooltipContainer_d5cb59 {
  max-width: 360px;
  padding: 0
}

.chipletContainerInner_d5cb59.noTooltip_d5cb59:hover {
  background: var(--bg-mod-strong)
}

.unselectable_d5cb59 {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.icon_ad923e {
  flex: 0 0 auto;
  margin-left: 2px
}

.emoji_ad923e {
  flex: 0 0 auto
}

.textRuler_ad923e {
  position: absolute;
  visibility: hidden
}

.questsIcon_ad923e {
  margin-left: 4px
}

.container_d808b0 {
  box-sizing: border-box;
  display: block;
  padding: 1px 0;
  border-radius: 4px;
  transition: none;
  color: var(--channels-default)
}

.container_d808b0 .muted_d808b0 {
  color: var(--interactive-muted)
}

.muted_d808b0 .avatar_d808b0 {
  opacity: .3
}

.clickable_d808b0.container_d808b0:hover {
  color: var(--interactive-hover)
}

.clickable_d808b0.container_d808b0:hover .muted_d808b0 {
  color: var(--interactive-hover)
}

.clickable_d808b0.container_d808b0:hover .avatar_d808b0 {
  opacity: 1
}

.clickable_d808b0.container_d808b0:active,
.highlighted_d808b0.container_d808b0,
.selected_d808b0.container_d808b0 {
  color: var(--interactive-active)
}

.layout_d808b0 {
  display: flex;
  align-items: center;
  border-radius: 4px;
  height: 42px;
  padding: 0 8px
}

.visual-refresh .layout_d808b0 {
  border-radius: var(--radius-sm)
}

.wrappedLayout_d808b0 {
  height: auto;
  padding: 5px 8px
}

.clickable_d808b0:hover .layout_d808b0 {
  background-color: var(--background-modifier-hover);
  cursor: pointer
}

.clickable_d808b0:active .layout_d808b0 {
  background-color: var(--background-modifier-active)
}

.selected_d808b0 .layout_d808b0 {
  background-color: var(--background-modifier-selected)
}

.avatar_d808b0 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  margin-right: 12px
}

.content_d808b0 {
  min-width: 0;
  flex: 1 1 auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.name_d808b0 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  flex: 0 1 auto
}

.wrappedName_d808b0 {
  overflow: none;
  white-space: normal
}

.nameAndDecorators_d808b0 {
  display: flex;
  justify-content: flex-start;
  align-items: center
}

.subText_d808b0 {
  margin-top: -2px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.subText_d808b0:empty {
  display: none
}

.children_d808b0 {
  flex: 0 0 auto;
  margin-left: 8px
}

.nitroRewardTileAssetContainer_e5593d {
  display: flex;
  align-content: center;
  justify-content: center;
  place-content: center;
  text-align: center;
  background-image: linear-gradient(45deg, var(--guild-boosting-blue), var(--guild-boosting-purple))
}

.nitroRewardTileAsset_e5593d {
  width: 70%;
  height: auto;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .4));
  margin-top: 2px;
  margin-right: 10%
}

.questRewardTile_cc6d33 {
  border-radius: 4px;
  box-shadow: 6px 12px 32px rgba(0, 0, 0, .24);
  position: relative;
  width: 64px;
  height: 64px
}

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

.rewardHighlight_cc6d33:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  box-sizing: border-box;
  border: 1px solid hsl(var(--white-500-hsl)/.15)
}

.borderOverlay_cc6d33:before {
  border: 2px solid var(--white-500);
  border-radius: inherit;
  box-sizing: border-box;
  content: "";
  height: 100%;
  left: 0;
  -webkit-mask-image: linear-gradient(315deg, transparent 50%, black);
  mask-image: linear-gradient(315deg, transparent 50%, black);
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.questRewardTileInteractive_cc6d33 {
  cursor: pointer
}

.questRewardTileAsset_cc6d33 {
  border-radius: inherit;
  display: block;
  height: 100%;
  width: 100%
}

.questRewardTileAssetStatic_cc6d33 {
  pointer-events: none
}

.questRewardTileDetailsLearnMore_cc6d33 {
  align-items: center;
  background: rgba(0, 0, 0, .5);
  border-radius: inherit;
  display: flex;
  flex-direction: column;
  bottom: 0;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  transition: opacity.125s;
  right: 0;
  z-index: 0
}

.questRewardTileDetailsLearnMore_cc6d33 p {
  margin: 0;
  flex: 0 0 auto;
  width: 100%
}

.questRewardTile_cc6d33:hover .questRewardTileDetailsLearnMore_cc6d33,
.questRewardTile_cc6d33:focus .questRewardTileDetailsLearnMore_cc6d33 {
  opacity: 1
}

.hideLearnMore_cc6d33 {
  cursor: default
}

@keyframes Shine_cc6d33 {
  0% {
    transform: translate3d(-100%, 0, 0)
  }

  to {
    transform: translate3d(210%, 0, 0)
  }
}

.shine_cc6d33 {
  color: hsl(var(--white-500-hsl)/.1);
  pointer-events: none;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  border-radius: inherit
}

.reduce-motion .shine_cc6d33 {
  opacity: 0
}

.full-motion .shine_cc6d33 {
  animation-delay: .75s;
  animation-duration: 2s;
  animation-name: Shine_cc6d33;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out
}

.nitroUpsellContainer_f03ca8 {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: auto
}

.nitroWheel_f03ca8 {
  margin-right: 6px
}

.nitroText_f03ca8 {
  flex-wrap: wrap
}

@keyframes uploadIconAnimateInLeft_f82cc7 {
  0% {
    transform: translatez(0)rotate(0);
    opacity: .6
  }

  4.1667% {
    transform: translate3d(0, -1px, 0)rotate(0);
    opacity: .68
  }

  30.8334% {
    transform: translate3d(-48px, -10px, 0)rotate(-36deg);
    opacity: 1
  }

  58.3334% {
    transform: translate3d(-41px, -3px, 0)rotate(-28deg);
    opacity: 1
  }

  75% {
    transform: translate3d(-45px, -8px, 0)rotate(-32deg);
    opacity: 1
  }

  83.3334% {
    transform: translate3d(-44px, -7px, 0)rotate(-30.7deg);
    opacity: 1
  }

  to {
    transform: translate3d(-44px, -6px, 0)rotate(-30deg);
    opacity: 1
  }
}

@keyframes uploadIconAnimateInMiddle_f82cc7 {
  0% {
    transform: translatez(0)
  }

  30.8334% {
    transform: translate3d(0, -10px, 0)
  }

  58.3334% {
    transform: translate3d(0, -3px, 0)
  }

  75% {
    transform: translate3d(0, -8px, 0)
  }

  83.3334% {
    transform: translate3d(0, -7px, 0)
  }

  to {
    transform: translate3d(0, -6px, 0)
  }
}

@keyframes uploadIconAnimateInRight_f82cc7 {
  0% {
    transform: translatez(0)rotate(0);
    opacity: .6
  }

  4.1667% {
    transform: translate3d(0, -1px, 0)rotate(0);
    opacity: .68
  }

  30.8334% {
    transform: translate3d(48px, -10px, 0)rotate(36deg);
    opacity: 1
  }

  58.3334% {
    transform: translate3d(41px, -3px, 0)rotate(28deg);
    opacity: 1
  }

  75% {
    transform: translate3d(45px, -8px, 0)rotate(32deg);
    opacity: 1
  }

  83.3334% {
    transform: translate3d(44px, -7px, 0)rotate(30.7deg);
    opacity: 1
  }

  to {
    transform: translate3d(44px, -6px, 0)rotate(30deg);
    opacity: 1
  }
}

@keyframes uploadModalShake_f82cc7 {

  10%,
  90% {
    transform: translate3d(-1px, 0, 0)
  }

  20%,
  80% {
    transform: translate3d(2px, 0, 0)
  }

  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0)
  }

  40%,
  60% {
    transform: translate3d(4px, 0, 0)
  }
}

@keyframes uploadTextFadeIn_f82cc7 {

  0%,
  8.334% {
    transform: translate3d(0, -4px, 0);
    opacity: 0
  }

  45.8%,
  to {
    transform: translatez(0);
    opacity: 1
  }
}

@keyframes uploadModalBounceTransition_f82cc7 {
  0% {
    transform: translatez(0)scale(.99, .99)
  }

  50% {
    transform: translatez(0)scale(1.005, 1.005)
  }

  to {
    transform: translatez(0)scale(1)
  }
}

@keyframes uploadModalBounce_f82cc7 {
  0% {
    transform: translatez(0)scale(.99, .99)
  }

  15%,
  to {
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px
  }

  33.3334% {
    transform: translatez(0)scale(1.005, 1.005)
  }

  54.1667% {
    transform: translatez(0)scale(.995, .995)
  }

  70.8334%,
  to {
    transform: translatez(0)scale(1)
  }
}

.uploadArea_f82cc7 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  background: hsl(var(--black-500-hsl)/.8);
  font-size: 36px;
  color: var(--white-500);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  z-index: 2000
}

.uploadArea_f82cc7 strong {
  font-weight: 700
}

.uploadArea_f82cc7 * {
  pointer-events: none
}

.uploadArea_f82cc7.droppable_f82cc7 {
  visibility: visible
}

.uploadArea_f82cc7.uploadModalIn_f82cc7 {
  opacity: 1
}

.uploadDropModal_f82cc7 {
  animation: uploadIconAnimateIn_f82cc7.25s ease-in-out 0s forwards normal;
  width: 310px;
  height: 170px;
  display: flex;
  position: relative
}

.uploadDropModal_f82cc7 .title_f82cc7,
.uploadDropModal_f82cc7 .instructions_f82cc7 {
  opacity: 0;
  animation: uploadTextFadeIn_f82cc7 1s ease.175s forwards normal
}

.uploadDropModal_f82cc7 .instructions_f82cc7 {
  animation-delay: .185s;
  animation-duration: 1.25s
}

.uploadDropModal_f82cc7.error_f82cc7 {
  background-color: var(--red-430);
  transform: translatez(0);
  padding: 10px;
  border-radius: 4px;
  box-sizing: border-box;
  height: auto
}

.full-motion .uploadDropModal_f82cc7.error_f82cc7 {
  animation: uploadModalShake_f82cc7.82s cubic-bezier(.36, .07, .19, .97)both
}

.uploadDropModal_f82cc7.error_f82cc7 .instructions_f82cc7 {
  margin-bottom: 15px
}

.uploadDropModal_f82cc7.error_f82cc7 a {
  cursor: pointer;
  color: hsl(var(--white-500-hsl)/.7)
}

.uploadDropModal_f82cc7.error_f82cc7 a:hover {
  color: var(--white-500)
}

.uploadDropModal_f82cc7.error_f82cc7 .icon_f82cc7.one_f82cc7 {
  animation-delay: .115s
}

.uploadDropModal_f82cc7.error_f82cc7 .icon_f82cc7.two_f82cc7 {
  animation-delay: 10ms
}

.uploadDropModal_f82cc7.error_f82cc7 .icon_f82cc7.three_f82cc7 {
  animation-delay: 80ms
}

.uploadDropModal_f82cc7 .bgScale_f82cc7 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 10px;
  background: var(--brand-500)
}

.full-motion .uploadDropModal_f82cc7 .bgScale_f82cc7 {
  animation: uploadModalBounce_f82cc7.8s ease 0s forwards normal
}

.uploadDropModal_f82cc7 .inner_f82cc7 {
  flex: 1;
  color: var(--white-500);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 2px dashed hsl(var(--white-500-hsl)/.4);
  border-radius: 6px;
  width: 100%
}

.uploadDropModal_f82cc7 .inner_f82cc7 .title_f82cc7 {
  font-size: 22px;
  font-weight: 700;
  padding: 0 8px;
  width: 100%;
  color: var(--white-500);
  text-align: center;
  box-sizing: border-box
}

.uploadDropModal_f82cc7 .inner_f82cc7 .title_f82cc7 strong {
  color: var(--white-500)
}

.uploadDropModal_f82cc7 .inner_f82cc7 .instructions_f82cc7 {
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  margin-top: 4px;
  margin-left: 4px;
  color: var(--white-500)
}

.icons_f82cc7 {
  position: relative;
  width: 100px;
  height: 60px
}

.icon_f82cc7 {
  flex-shrink: 0;
  width: 100px;
  height: 130px;
  background-repeat: no-repeat;
  background-position: center;
  transform: translatez(0)
}

.icon_f82cc7.one_f82cc7,
.icon_f82cc7.two_f82cc7,
.icon_f82cc7.three_f82cc7 {
  position: absolute
}

.full-motion .icon_f82cc7.one_f82cc7 {
  opacity: 0;
  animation: uploadIconAnimateInLeft_f82cc7.8s ease 0s forwards normal
}

.full-motion .icon_f82cc7.two_f82cc7 {
  filter: drop-shadow(0 0 48px rgba(88, 101, 242, .5));
  animation: uploadIconAnimateInMiddle_f82cc7.8s ease 0s forwards normal
}

.full-motion .icon_f82cc7.three_f82cc7 {
  opacity: 0;
  animation: uploadIconAnimateInRight_f82cc7.8s ease 0s forwards normal
}

.reduce-motion .icon_f82cc7.one_f82cc7 {
  transform: translate3d(-44px, -6px, 0)rotate(330deg)
}

.reduce-motion .icon_f82cc7.two_f82cc7 {
  transform: translate3d(0, -6px, 0)
}

.reduce-motion .icon_f82cc7.three_f82cc7 {
  transform: translate3d(44px, -6px, 0)rotate(30deg)
}

.wrapOne_f82cc7 {
  transform: translate3d(0, -70px, 0)
}

.wrapTwo_f82cc7 {
  transform: translate3d(0, -80px, 0)
}

.wrapThree_f82cc7 {
  transform: translate3d(0, -70px, 0)
}

.document_f82cc7 {
  background-image: url(/assets/28e15ef5469cc0ba066a.svg)
}

.image_f82cc7 {
  background-image: url(/assets/c81728de7a2fd662d919.svg)
}

.code_f82cc7 {
  background-image: url(/assets/e4f7a6f2cecc62343d26.svg)
}

.sparkleOne_f82cc7,
.sparkleTwo_f82cc7,
.lightOne_f82cc7,
.lightTwo_f82cc7,
.crossOne_f82cc7,
.crossTwo_f82cc7,
.popOne_f82cc7 {
  animation-iteration-count: 1 !important;
  opacity: .95;
  z-index: 1
}

.sparkleOne_f82cc7 {
  bottom: -40px;
  right: -15px
}

.sparkleTwo_f82cc7 {
  top: -67px;
  right: 12px;
  animation-delay: 1.2s
}

.lightOne_f82cc7 {
  top: 24px;
  right: -35px;
  animation-delay: .4s
}

.lightTwo_f82cc7 {
  top: -32px;
  left: -10px;
  animation-delay: .61s
}

.crossOne_f82cc7 {
  right: 100px;
  bottom: -35px;
  animation-delay: .56s
}

.crossTwo_f82cc7 {
  left: -70px;
  bottom: 50px;
  animation-delay: .8s
}

.popOne_f82cc7 {
  bottom: -40px;
  left: 50px;
  animation-delay: .7s
}

.uploadModal_f82cc7 {
  width: 530px;
  min-height: 258px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  perspective: 1000;
  filter: blur(0)
}

.uploadModal_f82cc7 .inner_f82cc7 {
  flex: 1;
  margin: 4px;
  color: var(--header-primary)
}

.uploadModal_f82cc7 .inner_f82cc7 .file_f82cc7 {
  position: relative;
  height: 103px;
  display: flex;
  flex-direction: row
}

.uploadModal_f82cc7 .inner_f82cc7 .file_f82cc7.expandable_f82cc7 {
  height: auto;
  display: block
}

.uploadModal_f82cc7 .inner_f82cc7 .file_f82cc7.expandable_f82cc7 .description_f82cc7 {
  padding: 16px 16px 24px
}

.uploadModal_f82cc7 .inner_f82cc7 .file_f82cc7 .icon_f82cc7 {
  flex-shrink: 0;
  width: 100px;
  height: 130px;
  margin-top: -42px;
  background-repeat: no-repeat;
  background-position: center
}

.uploadModal_f82cc7 .inner_f82cc7 .file_f82cc7 .icon_f82cc7.image_f82cc7 {
  background-color: var(--background-secondary);
  box-sizing: border-box;
  border-radius: 8px;
  -o-object-fit: contain;
  object-fit: contain;
  box-shadow: 0 2px 8px hsl(var(--black-500-hsl)/.4)
}

.uploadModal_f82cc7 .inner_f82cc7 .file_f82cc7 .icon_f82cc7.video_f82cc7 {
  background-image: url(/assets/aaf4187e7a474cc941fb.svg)
}

.uploadModal_f82cc7 .inner_f82cc7 .file_f82cc7 .icon_f82cc7.acrobat_f82cc7 {
  background-image: url(/assets/5eb3bf7fdc26281e6ef6.svg)
}

.uploadModal_f82cc7 .inner_f82cc7 .file_f82cc7 .icon_f82cc7.ae_f82cc7 {
  background-image: url(/assets/87f0109e579a0897293f.svg)
}

.uploadModal_f82cc7 .inner_f82cc7 .file_f82cc7 .icon_f82cc7.sketch_f82cc7 {
  background-image: url(/assets/dde34b80d1397cebf229.svg)
}

.uploadModal_f82cc7 .inner_f82cc7 .file_f82cc7 .icon_f82cc7.ai_f82cc7 {
  background-image: url(/assets/e4573d730a04b8da3e3b.svg)
}

.uploadModal_f82cc7 .inner_f82cc7 .file_f82cc7 .icon_f82cc7.archive_f82cc7 {
  background-image: url(/assets/09ac94260d534ad5175b.svg)
}

.uploadModal_f82cc7 .inner_f82cc7 .file_f82cc7 .icon_f82cc7.code_f82cc7 {
  background-image: url(/assets/e4f7a6f2cecc62343d26.svg)
}

.uploadModal_f82cc7 .inner_f82cc7 .file_f82cc7 .icon_f82cc7.document_f82cc7 {
  background-image: url(/assets/28e15ef5469cc0ba066a.svg)
}

.uploadModal_f82cc7 .inner_f82cc7 .file_f82cc7 .icon_f82cc7.ps_f82cc7,
.uploadModal_f82cc7 .inner_f82cc7 .file_f82cc7 .icon_f82cc7.photoshop_f82cc7 {
  background-image: url(/assets/73becd8d563e382725d9.svg)
}

.uploadModal_f82cc7 .inner_f82cc7 .file_f82cc7 .icon_f82cc7.spreadsheet_f82cc7 {
  background-image: url(/assets/34ebe77906e980e37afd.svg)
}

.uploadModal_f82cc7 .inner_f82cc7 .file_f82cc7 .icon_f82cc7.webcode_f82cc7 {
  background-image: url(/assets/29c961d952c1212129a3.svg)
}

.uploadModal_f82cc7 .inner_f82cc7 .file_f82cc7 .icon_f82cc7.audio_f82cc7 {
  background-image: url(/assets/d7cf9cf832e722ab8205.svg);
  margin: -42px 8px 8px
}

.uploadModal_f82cc7 .inner_f82cc7 .file_f82cc7 .icon_f82cc7.unknown_f82cc7 {
  background-image: url(/assets/4e9648e3230c19394176.svg)
}

.uploadModal_f82cc7 .inner_f82cc7 .file_f82cc7 .description_f82cc7 {
  box-sizing: border-box;
  padding: 16px 16px 0 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.uploadModal_f82cc7 .inner_f82cc7 .file_f82cc7 .description_f82cc7 .filename_f82cc7 {
  font-size: 20px;
  font-weight: 700;
  height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.uploadModal_f82cc7 .inner_f82cc7 .file_f82cc7 .description_f82cc7 .subtitle_f82cc7 {
  color: var(--header-secondary);
  font-size: 16px;
  line-height: 20px;
  margin-top: 4px
}

.uploadModal_f82cc7 .inner_f82cc7 .file_f82cc7 .description_f82cc7 .filesize_f82cc7 {
  margin-top: 6px;
  font-size: 10px;
  opacity: .6
}

.uploadModal_f82cc7 .inner_f82cc7 .comment_f82cc7 {
  margin: 0 18px
}

.uploadModal_f82cc7 .inner_f82cc7 .comment_f82cc7 .label_f82cc7 {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500
}

.uploadModal_f82cc7 .inner_f82cc7 .comment_f82cc7 .label_f82cc7 .optional_f82cc7 {
  color: var(--header-secondary);
  margin-left: 5px
}

.uploadModal_f82cc7 .inner_f82cc7 .channelTextAreaUpload_f82cc7 {
  margin-bottom: 18px
}

.uploadModal_f82cc7 .hasSpoilers_f82cc7 {
  display: flex
}

.uploadModal_f82cc7 .footerRightAlign_f82cc7 {
  margin-left: auto
}

.uploadModal_f82cc7 .footer_f82cc7 {
  border-radius: 0 0 5px 5px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 20px;
  z-index: 1;
  overflow-x: hidden;
  background-color: var(--background-secondary)
}

.uploadModal_f82cc7 .footer_f82cc7.hasSpoilers_f82cc7 {
  justify-content: space-between;
  align-items: center
}

.cancelAllButton_f82cc7 {
  margin: 0 auto 0 0
}

.destination_f82cc7 {
  margin-top: 4px;
  overflow: hidden;
  text-overflow: ellipsis
}

.destination_f82cc7 strong {
  color: var(--header-primary);
  font-weight: 500
}

.buttonHighlighted_f8c432 {
  background: linear-gradient(95.07deg, var(--premium-tier-2-purple-for-gradients)0%, var(--premium-tier-2-purple-for-gradients-2)49.96%, var(--premium-tier-2-pink-for-gradients)95.93%)
}

.pausedButton_f8c432 {
  display: flex;
  align-items: center
}

.lockIcon_f8c432 {
  margin-right: 4px
}

.container_c9a524 {
  position: relative;
  display: inline-block
}

.sparkle_c9a524 {
  position: absolute
}

.sparkleStarTopRight_c9a524 {
  bottom: calc(100% - 4px);
  left: calc(100% - 5px);
  width: 12.75px;
  height: 12.75px
}

.sparkleStarRight_c9a524 {
  bottom: 3px;
  left: calc(100% + 1.31px);
  height: 7.44px;
  width: 7.44px
}

.sparkleStarBottomLeft_c9a524 {
  top: calc(100% + .56px);
  left: -1px;
  height: 7.44px;
  width: 7.44px
}

.theme-dark .sparkle_c9a524 {
  color: var(--white-500)
}

.containerColored_c9a524 .sparkle_c9a524.sparkleStarTopRight_c9a524,
.theme-light .sparkle_c9a524.sparkleStarTopRight_c9a524 {
  color: #83ddc5
}

.containerColored_c9a524 .sparkle_c9a524.sparkleStarRight_c9a524,
.theme-light .sparkle_c9a524.sparkleStarRight_c9a524 {
  color: #e15be1
}

.containerColored_c9a524 .sparkle_c9a524.sparkleStarBottomLeft_c9a524,
.theme-light .sparkle_c9a524.sparkleStarBottomLeft_c9a524 {
  color: var(--yellow-260)
}

.tag_e78ba3 {
  background-color: var(--brand-500);
  font-size: 12px;
  line-height: 16px;
  padding: 0 6px
}

.tag_e78ba3.inheritBackgroundColor_e78ba3 {
  background: inherit
}

.tag_e78ba3.inheritTextColor_e78ba3 {
  color: inherit
}

.image_b029da {
  max-width: 100%
}

.firstPromotionalAvatar_b029da {
  z-index: 1
}

.secondPromotionalAvatar_b029da {
  margin-right: -18px
}

.container_b029da {
  display: flex;
  flex-direction: row-reverse
}

.promotionalGiftMessage_d84998 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  -moz-column-gap: 12px;
  column-gap: 12px;
  margin: 24px -24px -24px;
  padding: 12px 24px;
  background: linear-gradient(90deg, #e6e5bb 0%, #1d744b 100%);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  min-height: 24px
}

.promotionalGiftMessageText_d84998 {
  color: black
}

.promotionalAvatarMaxRewards_d84998 {
  position: absolute;
  bottom: 20px;
  right: 6px;
  width: 30%;
  display: flex;
  align-items: center;
  justify-content: center
}

.promotionalAvatarTwoRewards_d84998 {
  position: absolute;
  bottom: 32px;
  right: 18px
}

.promotionalAvatarSingleReward_d84998 {
  position: absolute;
  bottom: 14px;
  right: 24px
}

.promotionalTextSection_d84998 {
  display: flex;
  flex-direction: column;
  width: 68%;
  justify-content: center
}

.rotatingAvatars_d84998 {
  width: 100%
}

.pricePerInterval_af8f09 {
  margin-bottom: 18px;
  font-weight: 200
}

.price_af8f09 {
  font-weight: 700
}

.priceSpinner_af8f09 {
  margin-bottom: 18px;
  display: flex;
  justify-content: flex-start;
  height: 22px
}

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

.rightSparkle_c7ea1d {
  margin-top: 15px;
  margin-left: 1px
}

.leftSparkle_c7ea1d {
  margin-left: -36px;
  padding-right: 10px;
  margin-bottom: -18px
}

.sparklesAndButton_c7ea1d {
  position: relative;
  display: flex;
  width: 103%
}

.ctaFullWidth_c7ea1d {
  width: 100%
}

.buttonSparkleStar1_c7ea1d {
  position: absolute;
  bottom: 35px;
  left: -8px;
  width: 14px;
  height: 13px
}

.buttonSparkleStar2_c7ea1d {
  position: absolute;
  bottom: 12px;
  left: 7px;
  width: 8px;
  height: 7px
}

.buttonSparkleStar3_c7ea1d {
  position: absolute;
  bottom: 37px;
  left: 8px;
  width: 14px;
  height: 28px
}

.buttonSparkleStar4_c7ea1d {
  position: absolute;
  bottom: 26px;
  right: 11px;
  width: 12px;
  height: 11px
}

.buttonSparkleStar5_c7ea1d {
  position: absolute;
  bottom: 41px;
  right: 4px;
  width: 8px;
  height: 7px
}

.rimGlowVertical_c7ea1d {
  position: absolute;
  bottom: 22px;
  left: -1px;
  width: 1px;
  height: 45px
}

.rimGlowVertical_c7ea1d.rimGlowVerticalTier0_c7ea1d {
  background: linear-gradient(180deg, var(--premium-tier-0-purple-for-gradients)0%, white 50.52%, var(--premium-tier-0-purple-for-gradients)100%)
}

.rimGlowVertical_c7ea1d.rimGlowVerticalTier2_c7ea1d {
  background: linear-gradient(180deg, var(--premium-tier-2-purple-for-gradients)0%, white 50.52%, var(--premium-tier-2-purple-for-gradients)100%)
}

.container_efeab2 {
  display: flex;
  align-items: center;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, .1)50%, rgba(255, 255, 255, 0));
  height: 36px
}

.text_efeab2 {
  margin-left: 6px
}

.textWithAD_efeab2 {
  margin-left: 9px
}

.premiumCards_c87d73 {
  display: flex;
  gap: 24px;
  width: 100%
}

.card_c87d73 {
  display: flex;
  border-radius: 16px;
  position: relative;
  color: var(--white-500);
  padding: 24px
}

.card_c87d73.withCardHover_c87d73:hover {
  box-shadow: var(--legacy-elevation-high)
}

.card_c87d73 {
  flex-direction: column;
  width: 50%;
  justify-content: space-between
}

.subscriptionPlanInfo_c87d73 {
  display: flex;
  flex-direction: column;
  text-align: left
}

.listItems_c87d73,
.listItemsBasic_c87d73 {
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.tierCardFocused_c87d73 {
  z-index: 2;
  top: 0
}

.tierCardHidden_c87d73 {
  z-index: 1;
  transform: scale(93%)translatey(9%);
  opacity: .6;
  box-shadow: var(--shadow-low)
}

.wumpusImageContainer_c87d73 {
  filter: saturate(1);
  filter: saturate(var(--saturation-factor, 1));
  position: absolute;
  width: 40%;
  top: 0;
  right: 0;
  border-top-right-radius: 16px;
  overflow: hidden
}

.wumpusImage_c87d73 {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.tier0_c87d73.withTier0Rim_c87d73:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -1px;
  border-radius: var(--radius-lg)
}

.tier0_c87d73 {
  background-image: var(--custom-premium-colors-premium-gradient-tier-0)
}

.tier2_c87d73 {
  background-image: var(--custom-premium-colors-premium-gradient-tier-2)
}

.tier0V2Background_c87d73 {
  background: linear-gradient(180deg, #000 0%, #031a3b 100%)
}

.tier2V2Background_c87d73 {
  background: linear-gradient(180deg, #000 0%, #36266d 100%)
}

.theme-light .tier0V2Background_c87d73 {
  background: linear-gradient(180deg, #f7f7fe 22.95%, #b6ddfc 153.33%)
}

.theme-light .tier2V2Background_c87d73 {
  background: linear-gradient(180deg, #f7f7fe 0%, #b6b9fc 153.33%)
}

.tier2_c87d73.withTier2Rim_c87d73:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -1px;
  border-radius: var(--radius-lg)
}

.v2TextLightMode_c87d73 {
  pointer-events: inherit
}

.tier0Title_c87d73 {
  width: 106px;
  height: 40px
}

.tier0V2Title_c87d73 {
  width: 132px;
  height: 16px;
  color: var(--white)
}

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

.tier2Title_c87d73 {
  width: 96px;
  height: 24px;
  display: block
}

.tier2V2Title_c87d73 {
  width: 64px;
  height: 16px;
  color: var(--white)
}

.title_c87d73 {
  margin-bottom: 8px
}

.item_c87d73 {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 8px
}

.item_c87d73:last-child {
  margin-bottom: 0
}

.tier2V2Subheader_c87d73 {
  color: var(--white);
  margin-bottom: 6px
}

.itemV2_c87d73 {
  color: var(--white)
}

.v2TierCardSectionHeader_c87d73 {
  display: flex;
  justify-content: center;
  margin-bottom: 56px;
  text-transform: uppercase;
  font-style: italic
}

.theme-light .v2TextLightMode_c87d73 {
  color: var(--black)
}

.v2starBackground_c87d73 {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 20px;
  right: 50px;
  overflow: hidden
}

.itemWithWumpus_c87d73:first-of-type {
  max-width: 100%
}

.icon_c87d73 {
  margin-right: 8px;
  width: 24px;
  height: 24px
}

.newCircleIcon_c87d73 {
  filter: saturate(1);
  filter: saturate(var(--saturation-factor, 1));
  position: absolute;
  top: -24px;
  left: 250px
}

.trialOfferPill_c87d73 {
  margin-bottom: 18px
}

.listItemsBasic_c87d73 {
  min-height: 92%
}

.freeTrialPillInlineBlock_c87d73 {
  background: var(--white-500);
  color: var(--black-500);
  mix-blend-mode: screen;
  border-radius: var(--radius-md);
  font-weight: 800;
  display: inline-block;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
  line-height: 12px;
  text-transform: uppercase
}

.freeTrialPillInline_c87d73 {
  margin-top: 4px;
  margin-bottom: 8px;
  max-width: 60%
}

.freeTrialActivatedPillInline_c87d73 {
  margin-top: 8px;
  margin-bottom: 8px;
  max-width: 60%
}

.taglineXPPrice_c87d73 {
  margin: 20px 0 10px
}

.taglineXPPrices_c87d73:first-of-type {
  margin: 16px 0 8px
}

.taglineXPPrices_c87d73:last-of-type {
  margin: 8px 0 16px
}

.price_c87d73 {
  margin: 0 0 8px
}

.price_c87d73:last-of-type {
  margin: 0 0 18px
}

.theme-dark .newCircleIcon_c87d73 {
  color: var(--white-500)
}

.theme-light .newCircleIcon_c87d73 {
  color: var(--premium-perk-yellow)
}

.newTagItem_c87d73 {
  margin-left: 8px;
  background: white;
  color: var(--premium-tier-2-purple-for-gradients);
  border-radius: 8px
}

.mostPopularText_c87d73 {
  color: var(--white-500);
  text-transform: uppercase;
  text-align: center
}

.mostPopularPill_c87d73 {
  background: linear-gradient(95.07deg, var(--premium-tier-2-purple-for-gradients)0%, var(--premium-tier-2-purple-for-gradients-2)49.96%, var(--premium-tier-2-pink-for-gradients)95.93%);
  border-radius: 8px;
  padding: 4px 8px;
  left: 16px;
  z-index: 10;
  position: absolute;
  margin: auto;
  top: -12px
}

.freeTrialPillWithSparkles_c87d73 {
  display: flex;
  align-items: center
}

.sparkleStar1_c87d73 {
  width: 14px;
  height: 12px
}

.sparkleStar2_c87d73 {
  width: 8px;
  height: 7px;
  margin-left: -3px;
  margin-bottom: 15px
}

.sparkleStar3_c87d73 {
  width: 14px;
  height: 28px;
  margin-left: 2px;
  margin-right: 10px
}

.freeTrialPill_c87d73 {
  height: 20px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: var(--white-500);
  border-radius: var(--radius-md);
  gap: 10px
}

.freeTrialPill_c87d73.freeTrialPillTier0GradientFill_c87d73 {
  background: var(--custom-premium-colors-premium-gradient-tier-0)
}

.freeTrialPill_c87d73.freeTrialPillTier2GradientFill_c87d73 {
  background: var(--custom-premium-colors-premium-gradient-tier-2)
}

.freeTrialPill_c87d73.greyBackgroundPill_c87d73 {
  background: var(--primary-500)
}

.freeTrialPill_c87d73.freeTrialPillTier2OldGradientFill_c87d73 {
  background: var(--custom-premium-colors-premium-gradient-tier-2-old)
}

.freeTrialPill_c87d73.lightBackgroundPill_c87d73 {
  background: linear-gradient(101deg, var(--premium-tier-2-purple-for-gradients)25.21%, var(--premium-tier-2-purple-for-gradients-2)62.43%, var(--premium-tier-2-pink-for-gradients)95.57%);
  border: 1px solid#b473f5
}

.freeTrialPillText_c87d73 {
  font-weight: 800;
  display: inline-block;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
  line-height: 12px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: default
}

.freeTrialPillText_c87d73.freeTrialPillTextTier0_c87d73 {
  color: var(--premium-tier-0-purple-for-gradients)
}

.freeTrialPillText_c87d73.freeTrialPillTextTier2_c87d73 {
  color: var(--premium-tier-2-purple-for-gradients)
}

.freeTrialPillText_c87d73.freeTrialPillTextInverted_c87d73 {
  color: var(--white-500)
}

.sparkleStar4_c87d73 {
  width: 13px;
  height: 11px;
  margin-left: 10px
}

.sparkleStar5_c87d73 {
  width: 8px;
  height: 7px;
  margin-left: 6px;
  margin-top: 1px
}

.topRimPill_c87d73 {
  position: absolute;
  top: -15px;
  right: 4px;
  z-index: 2
}

.rimGlowTier0_c87d73 {
  position: absolute;
  height: 1px;
  width: 88%;
  top: -1px;
  right: 5%;
  background: linear-gradient(270deg, var(--premium-tier-0-purple-for-gradients)0%, white 4.98%, white 50.52%, var(--premium-tier-0-blue-for-gradients)100%);
  z-index: 1
}

.rimGlowTier2_c87d73 {
  position: absolute;
  height: 1px;
  background: linear-gradient(270deg, var(--premium-tier-2-purple-for-gradients)0%, white 4.98%, white 50.52%, var(--premium-tier-2-pink-for-gradients)100%);
  z-index: 1;
  width: 88%;
  right: 5%;
  top: -1px
}

.trialHeader_c87d73 {
  max-width: 60%;
  margin-bottom: 18px
}

.withPromotionalGradientBanner_c87d73 {
  background-image: url(R_CDN_FULL/assets/content/019091462290c70e602e75fb95228db4d47f309722bbe96f6eb4887f12c51936.png), linear-gradient(100.98deg, #8547c6 25.21%, #b845c1 62.43%, #ab5d8a 95.57%);
  background-size: 90%, cover;
  background-position: top right, center;
  background-repeat: no-repeat;
  box-sizing: border-box;
  transform: scale(1);
  border-bottom-left-radius: 17px;
  border-bottom-right-radius: 17px
}

.tier2SideGradient_c87d73 {
  position: absolute;
  width: 100vw;
  height: 1e3px;
  background: radial-gradient(80%70%at 100%50%, #2d01dc 0%, transparent 100%), radial-gradient(80%70%at 100%50%, #b182ff 0%, transparent 100%);
  opacity: .4;
  pointer-events: none
}

.heading_aac415 {
  margin-bottom: 8px
}

.context_aac415 {
  margin-bottom: 16px
}

.gradientUpsellWrapper_aac415 {
  align-items: center;
  border-radius: 8px;
  box-sizing: border-box;
  color: var(--white-500);
  display: flex;
  flex-direction: column;
  padding: 16px;
  width: 100%;
  margin-top: 16px
}

.gradientUpsellWrapper_aac415 a,
.gradientUpsellWrapper_aac415 a:hover {
  color: var(--white-500);
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.gradientUpsellWrapperTier0_aac415 {
  background-image: linear-gradient(90deg, var(--premium-tier-0-purple-for-gradients)0%, var(--premium-tier-0-blue-for-gradients-2)50%, var(--premium-tier-0-blue-for-gradients)100%)
}

.gradientUpsellWrapperTier2_aac415 {
  background-image: linear-gradient(90deg, var(--premium-tier-2-purple-for-gradients)0%, var(--premium-tier-2-pink-for-gradients)100%)
}

.gradientUpsellWrapperWithBottomMargin_aac415 {
  margin-bottom: 24px
}

.logo_aac415 {
  align-items: center;
  color: var(--white-500);
  display: flex;
  margin-bottom: 4px
}

.logoIcon_aac415 {
  flex: 0 0 auto;
  margin-right: 2px;
  height: 24px;
  width: 24px
}

.logoWordmark_aac415 {
  flex: 0 0 auto;
  width: auto;
  height: 16px
}

.copy_aac415 span {
  cursor: pointer;
  color: var(--white-500);
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.copy_aac415 {
  color: var(--white-500);
  margin-bottom: 12px;
  text-align: center
}

.trialBadge_aac415 {
  background-color: var(--white-500);
  border-radius: 30px;
  padding: 2px 8px;
  text-transform: uppercase
}

.trialBadgeInner_aac415 {
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent
}

.gradientUpsellWrapperTier0_aac415 .trialBadgeInner_aac415 {
  background-image: linear-gradient(90deg, var(--premium-tier-0-purple-for-gradients)0%, var(--premium-tier-0-blue-for-gradients-2)50%, var(--premium-tier-0-blue-for-gradients)100%)
}

.gradientUpsellWrapperTier2_aac415 .trialBadgeInner_aac415 {
  background-image: linear-gradient(90deg, var(--premium-tier-2-purple-for-gradients)0%, var(--premium-tier-2-pink-for-gradients)100%)
}

.trialBadgeGradientTier0_aac415 {
  background-image: linear-gradient(90deg, var(--premium-tier-0-purple-for-gradients)0%, var(--premium-tier-0-blue-for-gradients-2)50%, var(--premium-tier-0-blue-for-gradients)100%);
  color: var(--white-500)
}

.trialBadgeGradientTier2_aac415 {
  background-image: linear-gradient(90deg, var(--premium-tier-2-purple-for-gradients)0%, var(--premium-tier-2-pink-for-gradients)100%);
  color: var(--white-500)
}

.contentContainer_aac415 {
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-grow: 1;
  justify-content: center
}

.countdownText_aac415 {
  color: white;
  padding-top: 8px
}

.footer_aac415 {
  width: 100%;
  margin-top: 12px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: var(--background-tertiary)
}

.theme-dark .cancelButton_aac415 {
  color: white
}

.cancelButton_aac415 {
  margin-left: 24px
}

.subscribeButton_aac415 {
  margin-right: 24px
}

.upsellButton_aac415 {
  margin-top: 16px;
  width: 100%
}

.divider_aac415 {
  height: 1px;
  width: 100%;
  background-color: var(--background-modifier-accent)
}

@keyframes zoomInFromBottomRight_aac415 {
  0% {
    transform: translatex(80%)translatey(80%)scalex(20%)scaley(20%);
    opacity: 0
  }

  to {
    transform: translatex(0)translatey(0)scalex(100%)scaley(100%);
    opacity: 1
  }
}

.messageLengthUpsellContainer_aac415 {
  background-color: var(--background-floating);
  border-radius: var(--radius-sm);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 12px
}

.full-motion .messageLengthUpsellContainer_aac415.messageLengthUpsellAppearAnimation_aac415 {
  animation-duration: .4s;
  animation-timing-function: ease-in;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-name: zoomInFromBottomRight_aac415
}

.messageLengthBrandedContainer_aac415 {
  margin-bottom: 16px;
  max-width: 290px
}

.messageLengthUpsellHeader_aac415 {
  margin-top: 4px;
  margin-bottom: 16px
}

.tryOutUpsellContainer_aac415 {
  display: flex;
  align-items: center;
  flex-direction: column
}

.topRimPill_aac415 {
  margin-top: -15px;
  padding-bottom: 16px
}

.subscribeButtonWide_aac415 {
  margin-top: 16px;
  width: 100%;
  height: 40px
}

.countdownTextInSetting_aac415 {
  color: var(--premium-tier-2-pink);
  padding-top: 8px
}

.theme-light .countdownTextInSetting_aac415 {
  color: var(--premium-tier-2-purple-for-gradients)
}

.premiumTrialUpsellForModal_aac415 {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end
}

.upsellClose_aac415 {
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
  color: var(--interactive-normal)
}

.upsellImage_aac415 {
  height: 60px;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 16px
}

.container_ced1ae {
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, .1)50%, rgba(255, 255, 255, 0));
  height: 50px
}

.v2Container_ced1ae {
  justify-content: left;
  background: none
}

.iconContainer_ced1ae {
  display: flex
}

.icon_ced1ae+.icon_ced1ae {
  margin-left: -8px
}

.mask_ced1ae {
  -webkit-mask-image: url(/assets/198f58dde6d93e1c268e.svg);
  mask-image: url(/assets/198f58dde6d93e1c268e.svg);
  -webkit-mask-position: 0 0;
  mask-position: 0 0;
  -webkit-mask-size: 100%100%;
  mask-size: 100%100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat
}

.textContainer_ced1ae {
  margin-left: 9px;
  text-align: left
}

.container_cf0ac0 {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--background-tertiary);
  height: 44px;
  margin: 24px auto 16px;
  border-radius: 8px;
  border: 1px solid var(--interactive-muted);
  padding: 0 20px;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 40%;
  max-width: 80%
}

.iconContainer_cf0ac0 {
  display: flex
}

.icon_cf0ac0+.icon_cf0ac0 {
  margin-left: -8px
}

.textContainer_cf0ac0 {
  margin-left: 8px;
  text-align: left
}

.root_ffaecb {
  text-align: center
}

.root_ffaecb p {
  margin: 0 0 16px
}

.contentContainer_ffaecb {
  display: flex;
  flex-direction: row
}

.bodyContent_ffaecb {
  align-content: center
}

.header_ffaecb {
  margin-bottom: 24px
}

.enhancedHeader_ffaecb,
.subHeader_ffaecb {
  padding: 0 32px
}

.content_ffaecb {
  margin-bottom: 32px
}

.enhancedContent_ffaecb {
  margin-bottom: 32px;
  padding: 0
}

.footer_ffaecb {
  justify-content: space-between;
  align-items: center
}

.enhancedFooter_ffaecb {
  background: var(--background-tertiary)
}

.primaryActions_ffaecb {
  display: flex;
  align-items: center
}

.enhancedPrimaryActions_ffaecb {
  width: 100%;
  justify-content: space-between
}

.secondaryAction_ffaecb {
  margin-right: 8px
}

.enhancedSecondaryAction_ffaecb {
  color: var(--premium-nitro-pink-text)
}

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

.closeButton_ffaecb {
  align-self: flex-end;
  margin: 12px;
  position: absolute;
  color: var(--interactive-active)
}

.artContainer_ffaecb {
  position: relative;
  margin: -48px auto 24px;
  width: 225px;
  border-radius: 8px
}

.artContainerBoxShadow_ffaecb {
  box-shadow: var(--elevation-medium)
}

.art_ffaecb {
  width: 225px
}

.sparkleBadge_ffaecb {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -18px;
  margin-left: -12px;
  display: block;
  width: 47px;
  height: 34px;
  filter: drop-shadow(0 1px 3px hsl(var(--black-500-hsl)/.3))
}

.newBadge_ffaecb {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px
}

.learnMoreLink_ffaecb {
  cursor: pointer;
  color: var(--text-link)
}

.context_ffaecb {
  margin-bottom: 16px
}

.artContainer_ecade5 {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin: -16px auto 4px;
  height: 80px
}

.updatedArtContainer_ecade5 {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin: -54px auto 32px;
  height: 108px;
  width: 180px
}

.updatedArt_ecade5 {
  width: 100%;
  height: 100%
}

.body_ecade5 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  white-space: pre-line
}

.modalPreview_aba31b {
  width: 280px;
  box-sizing: border-box;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 16px
}

.smallDecorationPreview_aba31b {
  margin-top: 16px
}

.smallDecorationPreview_aba31b:first-child {
  margin-top: 0
}

.previewSections_aba31b {
  display: flex;
  height: 208px;
  border: 2px solid transparent
}

.decorationPreview_aba31b {
  width: 208px;
  display: flex;
  background-color: var(--background-tertiary);
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  position: relative
}

.smallDecorationPreviewsContainer_aba31b {
  margin-left: 12px;
  padding: 8px;
  background-color: var(--background-tertiary);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: center
}

.shopPreviewContainer_aba31b {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: var(--radius-sm);
  border: 2px solid transparent;
  background: linear-gradient(var(--background-secondary), var(--background-secondary))padding-box, var(--custom-premium-colors-premium-gradient-tier-2-diagonal)border-box
}

.shopPreviewBanner_aba31b {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  min-height: 176px;
  background-color: var(--background-floating);
  display: flex;
  justify-content: center;
  align-items: center
}

.shopPreviewTextContainer_aba31b {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 8px;
  padding: 0 16px 16px
}

.purchaseInfo_aba31b {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.icon_b35b54 {
  height: 24px;
  width: 24px;
  margin-bottom: 4px
}

.notAllowedIcon_b35b54 {
  transform: rotate(90deg)
}

.show-redesigned-icons .notAllowedIcon_b35b54 {
  transform: none
}

.presetDecorationImg_b35b54 {
  height: 64px;
  width: 64px
}

.decorationGridItem_b35b54 {
  background-color: var(--background-tertiary);
  cursor: pointer;
  border-radius: 4px;
  transition: box-shadow.15s ease-out;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--header-primary);
  position: relative
}

.decorationGridItemChurned_b35b54 {
  opacity: .3
}

.selected_b35b54 {
  box-shadow: inset 0 0 0 2px var(--brand-500);
  opacity: 1
}

.list_b35b54 {
  max-height: 420px;
  padding-bottom: 16px;
  left: -12px
}

.headings_b35b54 {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.tooltip_b35b54 {
  min-width: 250px
}

.tooltipInner_b35b54 {
  text-align: center
}

.tooltipText_b35b54 {
  padding: 8px 32px
}

.iconBadge_b35b54 {
  position: absolute;
  top: -6px;
  right: -4px;
  width: 20px;
  height: 20px;
  padding: 2px;
  border-radius: 50%
}

.newBadge_b35b54 {
  position: absolute;
  top: -4px;
  right: -4px;
  text-transform: uppercase
}

.newBadgeText_b35b54 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px
}

.show-redesigned-icons .newBadgeText_b35b54 {
  gap: var(--spacing-4)
}

.spinner_d9c03f {
  margin: 8px;
  align-self: center
}

.modal_d9c03f {
  border-radius: var(--radius-sm)
}

.modalHeader_d9c03f {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  padding: 16px
}

.modalCloseButton_d9c03f {
  align-self: flex-start;
  padding: 0
}

.modalContent_d9c03f {
  display: flex;
  padding: 0 16px
}

.modalPreview_d9c03f {
  margin-top: 24px
}

.modalFooter_d9c03f {
  padding: 16px
}

.modalFooterShopButton_d9c03f {
  background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color)
}

.headerImage_da4ae3 {
  width: 180px;
  margin-bottom: 24px
}

.header_da4ae3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 64px
}

.title_da4ae3 {
  text-align: center
}

.modalCloseButton_da4ae3 {
  position: absolute;
  top: 16px;
  right: 16px
}

.content_da4ae3 {
  text-align: center;
  margin-bottom: 50px
}

.modalFooter_da4ae3 {
  display: flex
}

.rootContainer_b3552d {
  width: 440px
}

.rootContainerLoading_b3552d {
  align-content: center;
  justify-content: center;
  place-content: center
}

.claimedRootContainer_b3552d {
  height: 100%;
  display: flex;
  flex-direction: column
}

.headerContainer_b3552d {
  grid-area: header;
  display: grid;
  grid-template: "layer" 1fr/1fr;
  background-color: var(--modal-footer-background);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}

.headerBackground_b3552d {
  grid-area: layer;
  width: 100%;
  max-width: 440px;
  -o-object-fit: cover;
  object-fit: cover;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}

.headerForeground_b3552d {
  grid-area: layer;
  padding: 12px;
  display: grid;
  grid-template: "layer" 1fr/1fr
}

.previewContainer_b3552d {
  justify-self: center;
  padding-top: 8px;
  padding-bottom: 28px
}

.close_b3552d {
  align-self: start;
  justify-self: end;
  grid-area: layer
}

.footerBody_b3552d {
  box-sizing: border-box;
  width: 100%;
  min-height: 200px;
  padding: 16px;
  text-align: center;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px
}

.heading_b3552d {
  margin-bottom: 8px
}

.text_b3552d {
  margin-bottom: 24px;
  max-width: 340px
}

.confettiCanvas_b3552d {
  position: absolute;
  width: 100%;
  height: 100%
}

.additionalRedemptionInstructions_b3552d {
  border-top: 1px solid rgba(255, 255, 255, .15);
  margin-top: 24px;
  padding-top: 24px
}

.sponsorLogo_b3552d {
  width: 144px
}

.headerImage_cf4d85 {
  position: absolute;
  top: -68px;
  left: 140px;
  width: 180px
}

.header_cf4d85 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 75px
}

.title_cf4d85 {
  text-align: center
}

.modalCloseButton_cf4d85 {
  position: absolute;
  top: 16px;
  right: 16px
}

.content_cf4d85 {
  padding-bottom: 16px
}

.tooltip_cf4d85 {
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 4%);
  background: var(--background-tertiary);
  box-shadow: var(--shadow-low);
  padding: 12px;
  display: flex;
  flex-direction: row;
  align-items: center
}

.infoFilledIcon_cf4d85 {
  color: var(--header-secondary);
  margin-right: 8px
}

.tooltipText_cf4d85 {
  color: var(--header-secondary);
  text-align: center
}

.modalFooter_cf4d85 {
  display: flex
}

.wrapper_ac01d6 {
  background: var(--bg-overlay-chat, var(--background-secondary))
}

.container_ac01d6 {
  background-color: var(--background-modifier-selected);
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 12px
}

.container_ac01d6 .top_ac01d6 {
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

.container_ac01d6 .left_ac01d6 {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.container_ac01d6 .left_ac01d6 .help_ac01d6 {
  margin-right: 8px
}

.container_ac01d6 .left_ac01d6 .help_ac01d6:hover {
  cursor: pointer
}

.container_ac01d6 .left_ac01d6 .help_ac01d6 .helpText_ac01d6 {
  display: inline;
  margin-right: 3px
}

.container_ac01d6 .left_ac01d6 .help_ac01d6 .helpIcon_ac01d6 {
  vertical-align: middle
}

.container_ac01d6 .right_ac01d6 .imgWrapper_ac01d6 {
  position: relative;
  height: 38px;
  width: 38px
}

.container_ac01d6 .right_ac01d6 .imgWrapper_ac01d6 .imgUnderlay_ac01d6 {
  position: absolute;
  top: 2.5px;
  right: 2.5px;
  bottom: 2.5px;
  left: 2.5px;
  background: linear-gradient(155deg, var(--teal-230)11.08%, var(--yellow-260)88.92%);
  filter: blur(20px);
  border-radius: 50%
}

.assetTile_ac01d6 {
  position: relative;
  height: 100%;
  width: 100%;
  border-radius: 8px;
  z-index: 2
}

.ctaButton_ac01d6 {
  background-color: var(--background-modifier-selected);
  color: var(--text-normal);
  overflow: hidden
}

.ctaButton_ac01d6:hover {
  background-color: var(--primary-500);
  color: var(--primary-100)
}

.ctaButton_ac01d6:active {
  background-color: var(--primary-400);
  color: var(--primary-100)
}

@keyframes shine_ac01d6 {
  0% {
    left: -12%
  }

  20% {
    left: 110%
  }

  to {
    left: 110%
  }
}

.full-motion .ctaButton_ac01d6:after {
  content: "";
  box-shadow: -8px 4px hsl(var(--white-500-hsl)/.5), 8px -4px hsl(var(--white-500-hsl)/.5);
  position: absolute;
  width: 8px;
  height: 120%;
  transform: translatey(-4px)rotate(24deg);
  top: 0;
  bottom: 0;
  background-color: var(--white);
  opacity: .3;
  left: -12%;
  animation-name: shine_ac01d6;
  animation-duration: 2s;
  animation-delay: 1s;
  animation-iteration-count: infinite
}

.member_a31c43 {
  position: relative;
  max-width: 224px;
  margin-left: 8px
}

.memberInner_a31c43 {
  padding-top: calc(.5*var(--custom-member-list-item-avatar-decoration-padding));
  padding-bottom: calc(.5*var(--custom-member-list-item-avatar-decoration-padding))
}

.offline_a31c43 {
  opacity: .3
}

.offline_a31c43:hover {
  opacity: 1
}

.icon_a31c43 {
  flex: 0 0 auto;
  position: relative;
  top: 1px;
  width: 14px;
  height: 14px;
  flex-shrink: 0
}

.ownerIcon_a31c43 {
  color: var(--text-warning);
  margin-left: 4px
}

.lostPermission_a31c43 {
  -webkit-text-decoration: line-through;
  text-decoration: line-through
}

.premiumIcon_a31c43 {
  color: var(--guild-boosting-pink);
  margin-left: 3px
}

.placeholder_a31c43 {
  padding: 4px 8px
}

.botTag_a31c43 {
  margin-left: 4px;
  flex: 0 0 auto
}

.username_a31c43 {
  display: flex;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.activity_a31c43 {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 16px;
  color: var(--channels-default);
  font-weight: 500
}

.activityText_a31c43 {
  flex: 0 1 auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.activityEmoji_a31c43 {
  margin-right: 4px;
  width: 14px;
  height: 14px
}

.name_a31c43 {
  flex: 1 1 auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

span.clanTag_a31c43 {
  margin-top: 1px;
  margin-left: 4px;
  margin-bottom: 1px
}

.visual-refresh .member_a31c43 {
  max-width: calc(-16px + var(--custom-member-list-width))
}

.visual-refresh .memberInner_a31c43 {
  box-sizing: border-box;
  padding: var(--space-xxs)var(--space-16)var(--space-xxs)var(--space-xs);
  height: auto
}

.visual-refresh .activityText_a31c43 {
  color: var(--text-secondary)
}

.container_a5ad5c {
  box-sizing: border-box;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1 auto;
  color: var(--channels-default)
}

.text_a5ad5c {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: .02em;
  font-family: var(--font-display);
  font-weight: 600
}

.container_ab08a5 {
  position: relative
}

.avatar_ab08a5 {
  display: flex;
  align-items: center;
  justify-content: center
}

.avatarHalo_ab08a5 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-16);
  border-radius: 50%;
  background-color: var(--background-modifier-accent)
}

.avatarIconContainer_ab08a5 {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: -8px;
  right: -8px;
  padding: var(--spacing-4);
  border-radius: var(--radius-round);
  background-color: var(--profile-gradient-primary-color);
  overflow: hidden
}

:root {
  --custom-user-profile-banner-height: 0;
  --custom-user-profile-theme-padding: 0
}

:root .biteSize_c69a7b {
  --custom-user-profile-banner-height: 105px
}

:root .fullSize_c69a7b {
  --custom-user-profile-banner-height: 210px
}

:root .panel_c69a7b {
  --custom-user-profile-banner-height: 120px
}

:root .custom-profile-theme.biteSize_c69a7b,
:root .custom-profile-theme.fullSize_c69a7b {
  --custom-user-profile-theme-padding: 4px
}

:where(.outer_c69a7b) {
  position: relative;
  overflow: hidden;
  background: var(--background-secondary-alt)
}

:where(.outer_c69a7b).biteSize_c69a7b {
  width: 300px;
  border-radius: var(--radius-sm);
  box-shadow: var(--elevation-high);
  max-height: calc(100vh - 20px)
}

:where(.outer_c69a7b).fullSize_c69a7b {
  width: 600px;
  height: 780px;
  border-radius: var(--radius-sm)
}

:where(.outer_c69a7b).panel_c69a7b {
  width: 340px;
  height: 100%;
  overflow: visible;
  overflow: initial
}

:where(.outer_c69a7b).custom-profile-theme {
  background: linear-gradient(var(--profile-gradient-primary-color), var(--profile-gradient-secondary-color));
  padding: 0;
  padding: var(--custom-user-profile-theme-padding)
}

.inner_c69a7b {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  border-radius: var(--radius-xs)
}

.inner_c69a7b.biteSize_c69a7b {
  gap: 8px;
  padding-bottom: 4px;
  background: var(--bg-surface-overlay)
}

.inner_c69a7b.fullSize_c69a7b {
  height: 100%;
  background: var(--bg-surface-overlay)
}

.inner_c69a7b.fullSize_c69a7b:before {
  border-radius: var(--radius-xs);
  height: calc(100% - 8px);
  width: calc(100% - 8px)
}

.inner_c69a7b.panel_c69a7b {
  height: 100%;
  border-radius: 0
}

.inner_c69a7b.panel_c69a7b:before {
  height: 100%;
  width: 100%
}

.custom-profile-theme .inner_c69a7b {
  --profile-gradient-start: color-mix(in oklab,
      var(--profile-gradient-overlay-color) 100%,
      var(--profile-gradient-primary-color));
  --profile-gradient-end: color-mix(in oklab,
      var(--profile-gradient-overlay-color) 100%,
      var(--profile-gradient-secondary-color));
  background: linear-gradient(color-mix(in oklab, var(--profile-gradient-overlay-color)100%, var(--profile-gradient-primary-color)), color-mix(in oklab, var(--profile-gradient-overlay-color)100%, var(--profile-gradient-primary-color))0, color-mix(in oklab, var(--profile-gradient-overlay-color)100%, var(--profile-gradient-secondary-color)));
  background: linear-gradient(var(--profile-gradient-start), var(--profile-gradient-start)var(--custom-user-profile-banner-height), var(--profile-gradient-end))
}

:where(.overlay_c69a7b) {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-faint);
  background: var(--bg-mod-faint)
}

.theme-dark.custom-profile-theme :where(.overlay_c69a7b) {
  background: rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-5));
  border-color: var(--profile-body-border-color)
}

.theme-light.custom-profile-theme :where(.overlay_c69a7b) {
  background: rgb(var(--bg-overlay-color)/.4);
  border-color: var(--profile-body-border-color)
}

:where(.overlay_c69a7b) ::-webkit-scrollbar-thumb {
  background-color: var(--profile-body-divider-color)
}

.no-webkit-scrollbar :where(.overlay_c69a7b) * {
  scrollbar-color: var(--profile-body-divider-color)var(--scrollbar-thin-track)
}

.enable-forced-colors .outer_c69a7b.biteSize_c69a7b,
.enable-forced-colors .outer_c69a7b.fullSize_c69a7b,
.enable-forced-colors .inner_c69a7b.biteSize_c69a7b,
.enable-forced-colors .inner_c69a7b.fullSize_c69a7b {
  border: 2px solid CanvasText
}

.enable-forced-colors .outer_c69a7b:before,
.enable-forced-colors .overlay_c69a7b {
  background-color: Canvas
}

:where(.button_f9d37d).icon_f9d37d {
  width: var(--custom-button-button-sm-height);
  height: var(--custom-button-button-sm-height)
}

:where(.button_f9d37d).hover_f9d37d,
:where(.button_f9d37d).banner_f9d37d {
  border-radius: var(--radius-round)
}

:where(.button_f9d37d).textBanner_f9d37d {
  border-radius: var(--radius-xxl);
  padding: 2px 12px
}

:where(.button_f9d37d).hover_f9d37d {
  width: 16px;
  height: 16px;
  opacity: 0
}

:where(.button_f9d37d).hover_f9d37d.visible_f9d37d,
:where(.button_f9d37d).hover_f9d37d:focus-visible {
  opacity: 1
}

:not(.keyboard-mode).full-motion :where(.button_f9d37d).hover_f9d37d {
  transition: opacity var(--custom-button-transition-duration)ease
}

:where(.buttonInner_f9d37d) {
  display: flex;
  align-items: center;
  gap: 4px
}

:where(.buttonInner_f9d37d).icon_f9d37d {
  min-width: 16px;
  min-height: 16px;
  max-width: 16px;
  max-height: 16px
}

.custom-profile-theme .themeColor_f9d37d {
  transition: background var(--custom-button-transition-duration)ease-in-out
}

.custom-profile-theme .themeColor_f9d37d:disabled,
.custom-profile-theme .themeColor_f9d37d[aria-disabled=true] {
  opacity: .5
}

.custom-profile-theme .themeColor_f9d37d.primary_f9d37d {
  color: var(--white-500);
  background: var(--profile-gradient-button-color)
}

.custom-profile-theme .themeColor_f9d37d.primary_f9d37d:hover {
  background: color-mix(in srgb, var(--profile-gradient-button-color)80%, transparent)
}

.custom-profile-theme .themeColor_f9d37d.primary_f9d37d:active {
  background: color-mix(in srgb, var(--profile-gradient-button-color)90%, transparent)
}

.custom-profile-theme.theme-dark .themeColor_f9d37d.secondary_f9d37d {
  color: var(--interactive-active);
  background: rgba(var(--bg-overlay-color-inverse)/.24)
}

.custom-profile-theme.theme-dark .themeColor_f9d37d.secondary_f9d37d:hover {
  background: rgb(var(--bg-overlay-color-inverse)/.3)
}

.custom-profile-theme.theme-dark .themeColor_f9d37d.secondary_f9d37d:active {
  background: rgb(var(--bg-overlay-color-inverse)/.34)
}

.custom-profile-theme.theme-light .themeColor_f9d37d.secondary_f9d37d {
  color: var(--interactive-active);
  background: rgb(var(--bg-overlay-color)/.72)
}

.custom-profile-theme.theme-light .themeColor_f9d37d.secondary_f9d37d:hover {
  background: rgb(var(--bg-overlay-color)/.68)
}

.custom-profile-theme.theme-light .themeColor_f9d37d.secondary_f9d37d:active {
  background: rgb(var(--bg-overlay-color)/.62)
}

.hoverColor_f9d37d {
  color: var(--interactive-normal)
}

.hoverColor_f9d37d:hover {
  color: var(--interactive-hover)
}

.hoverColor_f9d37d:active {
  color: var(--interactive-active)
}

.bannerColor_f9d37d {
  background: var(--redesign-button-overlay-alpha-background);
  color: var(--white)
}

.bannerColor_f9d37d:hover,
.bannerColor_f9d37d:active {
  background: var(--redesign-button-overlay-alpha-pressed-background)
}

.bannerColor_f9d37d:disabled,
.bannerColor_f9d37d[aria-disabled=true] {
  opacity: .5
}

.preview_b6f000 {
  position: relative;
  width: 100%;
  height: 100%
}

.previewForCollected_b6f000 {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: top;
  object-position: top;
  opacity: .3;
  filter: blur(5px)
}

.container_b6f000 {
  position: relative
}

.header_b6f000 {
  margin-top: var(--spacing-8);
  margin-bottom: var(--spacing-8)
}

.headerContainer_b6f000 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-8)
}

.centeredButton_b6f000 {
  margin-top: var(--spacing-16);
  width: 100%;
  z-index: 1
}

.body_b6f000 {
  position: absolute;
  width: 80%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.bodySpacing_b6f000 {
  gap: var(--spacing-16)
}

.avatar_f94206 {
  border-radius: var(--radius-round);
  position: absolute
}

.avatar_f94206.biteSize_f94206 {
  z-index: 0;
  top: 61px;
  left: 16px
}

.custom-profile-theme .avatar_f94206.biteSize_f94206 {
  top: 57px;
  left: 12px
}

.avatar_f94206.fullSize_f94206 {
  top: -68px;
  left: 24px
}

.avatar_f94206.panel_f94206 {
  top: 72px;
  left: 16px
}

.avatar_f94206.withReactReply_f94206 {
  position: static
}

.avatar_f94206.hoisted_f94206 {
  z-index: 4;
  pointer-events: none
}

.clickable_f94206 {
  cursor: pointer
}

.overlay_f94206:after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--radius-round);
  background-color: var(--black-500);
  opacity: 0
}

.full-motion .overlay_f94206:after {
  transition: opacity var(--custom-button-transition-duration)ease
}

.clickable_f94206:hover .overlay_f94206:after {
  opacity: .4
}

.focusRing_f94206 {
  border-radius: var(--radius-round)
}

:where(.banner_d5fdb1) {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: background-color.1s;
  border-radius: 4px 4px 0 0
}

:where(.banner_d5fdb1):before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  border-bottom: 1px solid var(--border-faint)
}

:where(.banner_d5fdb1):hover .gifTag_d5fdb1 {
  opacity: 0
}

.gifTag_d5fdb1 {
  position: absolute;
  top: 8px;
  left: 8px;
  opacity: 1;
  z-index: 1;
  pointer-events: none
}

.gifTag_d5fdb1 .custom-profile-theme {
  top: 16px;
  left: 16px
}

.mask_d5fdb1 {
  z-index: 0;
  contain: paint
}

.enable-forced-colors .banner_d5fdb1 {
  forced-color-adjust: none
}

.row_e33a4d {
  align-items: center;
  display: flex;
  border-bottom: 1px solid var(--background-modifier-accent);
  margin: 0 var(--spacing-16);
  padding: var(--spacing-16)0 var(--spacing-16);
  gap: var(--spacing-16)
}

.row_e33a4d:last-child {
  border-bottom: none
}

.iconContainer_e33a4d {
  display: flex;
  justify-content: center;
  height: var(--spacing-24);
  width: var(--spacing-24)
}

.icon_e33a4d {
  height: var(--spacing-24);
  width: var(--spacing-24);
  color: var(--icon-secondary)
}

.textContainer_e33a4d {
  display: flex;
  flex-direction: column;
  gap: 2px
}

.button_e33a4d {
  min-width: 75px;
  margin-left: auto;
  flex-shrink: 0
}

.number_e33a4d {
  border-radius: var(--radius-round);
  background-color: var(--bg-mod-subtle);
  display: flex;
  min-width: 32px;
  height: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.visual-refresh .row_e33a4d {
  border-color: var(--border-faint)
}

.infoGroup_d34773 {
  border-radius: var(--radius-sm);
  background-color: var(--background-secondary);
  width: 100%
}

.container_b01a4f {
  padding-top: 20px;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16)
}

.confirmationHeader_b01a4f {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: var(--spacing-16);
  text-align: center
}

.otherOptions_b01a4f {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8)
}

.row_b01a4f {
  border-radius: var(--radius-sm);
  background-color: var(--background-secondary);
  width: 100%
}

.featureGuide_b01a4f {
  text-align: center
}

.iconContainer_b01a4f {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative
}

.icon_b01a4f {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  padding: var(--spacing-4);
  bottom: -8px;
  right: -8px;
  background-color: var(--modal-background);
  border-radius: var(--radius-round)
}

.visual-refresh .icon_b01a4f {
  background-color: var(--background-surface-high)
}

.label_eb3c91 {
  display: flex;
  align-items: center;
  gap: var(--spacing-4)
}

.actionButton_f5dff0 {
  margin-left: auto
}

.popoutWrapper_ccc074 {
  position: relative;
  left: -30px;
  width: 200px;
  display: flex;
  max-height: 40vh
}

.scroller_ccc074 {
  border-radius: 4px;
  padding: 8px 16px;
  background-color: var(--background-floating)
}

.avatars_ccc074 {
  display: flex;
  flex-grow: 0;
  align-items: center;
  position: relative
}

.avatar_ccc074 {
  margin-left: -2px;
  -webkit-mask: url(/assets/e8de2050ff99e00963e3.svg);
  mask: url(/assets/e8de2050ff99e00963e3.svg);
  -webkit-mask-size: 100%;
  mask-size: 100%;
  mask-type: alpha
}

.avatar_ccc074:first-child {
  margin-left: 0
}

.avatar_ccc074:last-child {
  -webkit-mask: none;
  mask: none
}

.overflow_ccc074 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 8px;
  width: auto;
  height: 24px;
  border-radius: 16px;
  background-color: var(--background-tertiary)
}

.container_bf3873 {
  margin-bottom: 24px
}

.appContainer_bf3873 {
  padding: 16px;
  border: 1px solid var(--background-modifier-accent);
  border-radius: 8px
}

.header_bf3873 {
  margin-bottom: 8px;
  color: var(--header-secondary)
}

.appInfo_bf3873 {
  display: flex;
  align-items: center
}

.appIconMask_bf3873 {
  margin-right: 16px;
  min-width: 32px;
  min-height: 32px
}

.appIcon_bf3873 {
  width: 100%;
  height: 100%;
  cursor: pointer
}

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

.guildStack_bf3873 {
  margin-top: 4px
}

.container_d74c59 {
  margin-bottom: 24px
}

.breadcrumbContainer_d74c59 {
  display: flex;
  position: relative
}

.breadcrumbContainer_d74c59:not(:last-child) {
  margin-bottom: 8px
}

.breadcrumbContainer_d74c59:not(:last-child):after {
  position: absolute;
  background-color: var(--background-tertiary);
  width: 2px;
  height: calc(100% + 4px);
  top: .5em;
  left: 1px;
  content: "";
  z-index: -1
}

.breadcrumbDot_d74c59 {
  margin-right: 8px;
  border-radius: 2px;
  width: 4px;
  height: 4px;
  background-color: var(--brand-500);
  flex-shrink: 0;
  position: relative;
  top: .5em
}

.breadcrumbsHeader_d74c59 {
  margin-bottom: 8px;
  color: var(--header-secondary)
}

.breadcrumbText_d74c59 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}

.childButton_f45bfc {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  margin-bottom: 8px;
  padding: 0;
  border-radius: 4px;
  background-color: var(--background-secondary);
  min-height: 64px
}

.childButton_f45bfc:hover {
  background-color: var(--background-modifier-hover)
}

.keyboard-mode .childButton_f45bfc:focus {
  background-color: var(--background-modifier-selected)
}

.childButton_f45bfc:active {
  background-color: var(--background-modifier-active)
}

.childText_f45bfc {
  flex: 1;
  margin: 8px 0 8px 16px
}

.childIcon_f45bfc {
  color: var(--interactive-normal);
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin: 0 16px 0 8px
}

.externalLinkWrapper_f45bfc {
  padding-top: 8px
}

.required_daab4e {
  color: var(--status-danger);
  padding-left: 4px
}

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

.marginTop4_f7730b {
  margin-top: var(--custom-margin-margin-x-small)
}

.marginBottom4_f7730b {
  margin-bottom: var(--custom-margin-margin-x-small)
}

.marginTop8_f7730b {
  margin-top: var(--custom-margin-margin-small)
}

.marginBottom8_f7730b {
  margin-bottom: var(--custom-margin-margin-small)
}

.marginTop20_f7730b {
  margin-top: var(--custom-margin-margin-medium)
}

.marginBottom20_f7730b {
  margin-bottom: var(--custom-margin-margin-medium)
}

.marginTop40_f7730b {
  margin-top: var(--custom-margin-margin-large)
}

.marginBottom40_f7730b {
  margin-bottom: var(--custom-margin-margin-large)
}

.marginTop60_f7730b {
  margin-top: var(--custom-margin-margin-x-large)
}

.marginBottom60_f7730b {
  margin-bottom: var(--custom-margin-margin-x-large)
}

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

.marginLeft8_f7730b {
  margin-left: var(--custom-margin-margin-small)
}

.errorContainer_f89360 {
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--status-danger);
  padding: 8px 32px 8px 8px;
  border-radius: 4px;
  display: flex;
  font-weight: 600;
  box-shadow: var(--elevation-high)
}

.errorIcon_f89360 {
  color: var(--white-500);
  margin-right: 8px;
  flex-grow: 0
}

.closeIcon_f89360 {
  position: absolute;
  right: 8px;
  top: 8px;
  height: 16px;
  width: 16px;
  background: url(/assets/3aeb3f118ace7756e2c3.svg)no-repeat;
  background-position: 50%55%;
  background-size: 10px 10px;
  cursor: pointer;
  color: var(--white-500);
  opacity: .5;
  transition: opacity.2s
}

.closeIcon_f89360:hover {
  opacity: 1
}

.errorText_f89360 {
  color: var(--white-500)
}

.header_ccf237 {
  margin-bottom: 8px
}

.linkButton_ccf237 {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  margin-bottom: 8px;
  padding: 0;
  border-radius: 4px;
  background-color: var(--background-secondary);
  min-height: 64px
}

.linkButton_ccf237:hover {
  background-color: var(--background-modifier-hover)
}

.keyboard-mode .linkButton_ccf237:focus {
  background-color: var(--background-modifier-selected)
}

.linkButton_ccf237:active {
  background-color: var(--background-modifier-active)
}

.linkTextContainer_ccf237 {
  flex: 1;
  margin: 8px 0 8px 16px
}

.linkIcon_ccf237 {
  color: var(--interactive-normal);
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin: 0 16px 0 8px
}

.linksContainer_ccf237 {
  margin-bottom: 24px
}

.required_b22277 {
  color: var(--status-danger);
  padding-left: 4px
}

.container_e25f8b {
  margin-bottom: 24px
}

.guildContainer_e25f8b {
  padding: 16px;
  border: 1px solid var(--background-modifier-accent);
  border-radius: 8px
}

.header_e25f8b {
  margin-bottom: 8px;
  color: var(--header-secondary);
  text-transform: uppercase
}

.hubInfo_e25f8b {
  display: flex;
  align-items: center;
  margin-bottom: 8px
}

.hubIcon_e25f8b {
  margin-right: 8px
}

.container_b6dcd0 {
  margin-bottom: 24px
}

.guildContainer_b6dcd0 {
  padding: 16px;
  border: 1px solid var(--background-modifier-accent);
  border-radius: 8px
}

.header_b6dcd0 {
  margin-bottom: 8px;
  color: var(--header-secondary);
  text-transform: uppercase
}

.guildInfo_b6dcd0 {
  display: flex;
  align-items: center
}

.guildIconMask_b6dcd0 {
  margin-right: 8px;
  min-width: 32px;
  min-height: 32px
}

.guildIcon_b6dcd0 {
  width: 100%;
  height: 100%;
  cursor: pointer
}

.container_c1d80f {
  margin-bottom: 24px
}

.guildContainer_c1d80f {
  padding: 16px;
  border: 1px solid var(--background-modifier-accent);
  border-radius: 8px
}

.header_c1d80f {
  margin-bottom: 8px;
  color: var(--header-secondary)
}

.guildInfo_c1d80f {
  display: flex;
  align-items: center;
  margin-bottom: 8px
}

.guildIcon_c1d80f {
  margin-right: 8px
}

.headerContainer_e9d805 {
  padding: 0 16px;
  text-align: center
}

.headerContainer_e9d805>:not(:last-child) {
  margin-bottom: 8px
}

.infoBox_a644f3 {
  margin-top: 16px;
  font-weight: 400
}

@use postcss-pxtorem;

.wrapper_f9f2ca {
  position: relative;
  word-wrap: break-word;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
  flex: 0 0 auto;
  padding-right: var(--custom-message-margin-horizontal);
  min-height: 1.375rem
}

.compact_f9f2ca.wrapper_f9f2ca {
  padding-top: var(--custom-message-padding-vertical-container-compact);
  padding-bottom: var(--custom-message-padding-vertical-container-compact);
  padding-left: var(--custom-message-margin-compact-indent)
}

.cozy_f9f2ca.wrapper_f9f2ca {
  padding-top: var(--custom-message-spacing-vertical-container-cozy);
  padding-bottom: var(--custom-message-spacing-vertical-container-cozy);
  padding-left: var(--custom-message-margin-left-content-cozy)
}

.cozy_f9f2ca.wrapper_f9f2ca.contentOnly_f9f2ca,
.compact_f9f2ca.wrapper_f9f2ca.contentOnly_f9f2ca {
  padding-left: 16px
}

.repliedMessage_f9f2ca {
  --reply-spacing: 4px;
  display: flex;
  align-items: center;
  color: var(--header-secondary);
  font-size: .875rem;
  line-height: var(--custom-message-reply-message-preview-line-height);
  position: relative;
  white-space: pre;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.threadMessageAccessory_f9f2ca,
.executedCommand_f9f2ca {
  display: flex;
  align-items: center;
  font-size: .875rem;
  height: 18px;
  line-height: 1.125rem;
  min-width: 0
}

.repliedMessage_f9f2ca.latin12CompactTimeStamp_f9f2ca {
  --timestamp-width: 2.25rem
}

.repliedMessage_f9f2ca.latin24CompactTimeStamp_f9f2ca {
  --timestamp-width: 3.1rem
}

.repliedMessage_f9f2ca.asianCompactTimeStamp_f9f2ca {
  --timestamp-width: 4.25rem
}

.compact_f9f2ca .repliedMessage_f9f2ca {
  --text-indent: calc((var(--custom-message-margin-compact-indent) - 1rem) * -1);
  margin-left: calc(var(--timestamp-width) + var(--custom-message-meta-space) + -1*(-1rem + var(--custom-message-margin-compact-indent)));
  margin-left: calc(var(--timestamp-width) + var(--custom-message-meta-space) + var(--text-indent));
  padding-left: var(--custom-message-reply-indent)
}

.compact_f9f2ca .repliedMessage_f9f2ca .contextCommandMessage_f9f2ca {
  --text-indent: 0
}

.cozy_f9f2ca .repliedMessage_f9f2ca {
  margin-bottom: var(--reply-spacing)
}

.cozy_f9f2ca .messageSpine_f9f2ca:before,
.cozy_f9f2ca .repliedMessageClickableSpine_f9f2ca {
  --avatar-size: 40px;
  --gutter: var(--custom-message-margin-horizontal)
}

.a11y-font-scaled-down .cozy_f9f2ca .messageSpine_f9f2ca:before,
.a11y-font-scaled-down .cozy_f9f2ca .repliedMessageClickableSpine_f9f2ca {
  --avatar-size: 2.5rem;
  --wrapper-padding-left: 4.5rem;
  --avatar-position-left: 1rem;
  --gutter: calc(var(--wrapper-padding-left) - var(--avatar-position-left) - var(--avatar-size))
}

.compact_f9f2ca .messageSpine_f9f2ca:before,
.compact_f9f2ca .repliedMessageClickableSpine_f9f2ca {
  --avatar-size: var(--timestamp-width);
  --gutter: var(--custom-message-meta-space)
}

.messageSpine_f9f2ca:before,
.repliedMessageClickableSpine_f9f2ca {
  --spine-width: 2px;
  content: "";
  display: block;
  position: absolute;
  box-sizing: border-box;
  top: 50%;
  right: 100%;
  bottom: 0;
  left: calc(-1*(.5*var(--avatar-size) + var(--gutter)));
  margin-right: var(--reply-spacing);
  margin-top: -1px;
  margin-top: calc(-.5*var(--spine-width));
  margin-left: -1px;
  margin-left: calc(-.5*var(--spine-width));
  margin-bottom: calc(-4px + var(--custom-message-spacing-vertical-container-cozy));
  border-color: var(--spine-default);
  border-width: 2px 0 0 2px;
  border-width: var(--spine-width)0 0 var(--spine-width);
  border-style: solid;
  border-top-left-radius: 6px
}

.compact_f9f2ca .messageSpine_f9f2ca:before,
.compact_f9f2ca .repliedMessageClickableSpine_f9f2ca {
  right: calc(100% - var(--custom-message-reply-indent))
}

.repliedMessageClickableSpine_f9f2ca {
  cursor: pointer;
  transition: border 50ms
}

.repliedMessageClickableSpine_f9f2ca:hover {
  border-color: var(--interactive-normal)
}

.repliedMessageClickableSpine_f9f2ca:before {
  content: "";
  position: absolute;
  top: -10px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  cursor: pointer
}

.repliedMessageClickableSpine_f9f2ca.repliedMessageContentHovered_f9f2ca {
  border-color: var(--interactive-normal)
}

.threadMessageAccessoryAvatar_f9f2ca,
.replyAvatar_f9f2ca,
.replyBadge_f9f2ca,
.executedCommandAvatar_f9f2ca,
.replyChatIconContainer_f9f2ca {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  margin-right: var(--custom-message-meta-space)
}

.threadMessageAccessoryAvatar_f9f2ca {
  margin-right: 8px
}

.replyBadge_f9f2ca {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--header-secondary);
  background: var(--background-tertiary)
}

.replyIcon_f9f2ca {
  width: 10.8px;
  height: 7.2px
}

.clanTagChiplet_f9f2ca {
  margin-right: 0;
  margin-left: 4px
}

.compact_f9f2ca .clanTagChiplet_f9f2ca {
  display: inline;
  background: transparent;
  padding: 0;
  vertical-align: baseline
}

.compact_f9f2ca .clanTagChiplet_f9f2ca>span {
  background: var(--bg-mod-strong);
  padding: 1px 4px 0;
  border-radius: 4px
}

.compact_f9f2ca .clanTagChiplet_f9f2ca:hover {
  background: transparent
}

.compact_f9f2ca .clanTagChiplet_f9f2ca:hover>span {
  background: var(--bg-mod-faint)
}

.userJoinSystemMessageIcon_f9f2ca,
.ticketIcon_f9f2ca {
  width: 12px;
  height: 12px;
  margin-right: var(--custom-message-meta-space)
}

.commandIcon_f9f2ca {
  width: 5px;
  height: 9px
}

.repliedMessage_f9f2ca .username_f9f2ca,
.repliedMessage_f9f2ca .clanTagChiplet_f9f2ca,
.repliedMessage_f9f2ca .roleDot_f9f2ca,
.executedCommand_f9f2ca .username_f9f2ca,
.executedCommand_f9f2ca .clanTagChiplet_f9f2ca,
.executedCommand_f9f2ca .applicationName_f9f2ca,
.executedCommand_f9f2ca .commandName_f9f2ca,
.threadMessageAccessory_f9f2ca .username_f9f2ca,
.threadMessageAccessory_f9f2ca .clanTagChiplet_f9f2ca {
  flex-shrink: 0;
  font-size: inherit;
  line-height: inherit;
  margin-right: var(--custom-message-meta-space);
  opacity: .64
}

.repliedMessage_f9f2ca .clanTagChiplet_f9f2ca,
.executedCommand_f9f2ca .clanTagChiplet_f9f2ca,
.threadMessageAccessory_f9f2ca .clanTagChiplet_f9f2ca {
  margin-left: 0
}

.executedCommand_f9f2ca .username_f9f2ca,
.executedCommand_f9f2ca .applicationName_f9f2ca,
.executedCommand_f9f2ca .commandName_f9f2ca {
  margin-right: 0
}

.repliedMessage_f9f2ca .botTag_f9f2ca,
.executedCommand_f9f2ca .botTag_f9f2ca,
.threadMessageAccessory_f9f2ca .botTag_f9f2ca {
  top: 0
}

.executedCommand_f9f2ca .commandName_f9f2ca {
  font-weight: 500;
  color: var(--text-link)
}

.executedCommand_f9f2ca .appsIcon_f9f2ca {
  margin-right: 3px
}

.executedCommand_f9f2ca .appLauncherOnboardingCommandName_f9f2ca {
  font-weight: 500;
  color: var(--text-link);
  background-color: var(--mention-background);
  border-radius: 3px;
  padding: 0 2px
}

.executedCommand_f9f2ca .appLauncherOnboardingCommandName_f9f2ca:hover {
  color: var(--white-500);
  background-color: var(--brand-500)
}

.executedCommand_f9f2ca .applicationName_f9f2ca {
  font-weight: 500;
  color: var(--header-primary)
}

.executedCommand_f9f2ca .targetUsername_f9f2ca,
.executedCommand_f9f2ca .repliedMessage_f9f2ca .username_f9f2ca {
  flex-shrink: 3;
  text-overflow: ellipsis
}

.executedCommand_f9f2ca .repliedMessage_f9f2ca {
  margin-bottom: 0;
  min-width: 40px;
  padding-left: 0
}

.executedCommand_f9f2ca .repliedMessage_f9f2ca .username_f9f2ca {
  margin-right: 4px
}

.executedCommandSeparator_f9f2ca {
  flex-shrink: 0;
  margin-right: 2px
}

.repliedTextPreview_f9f2ca,
.threadMessageAccessoryPreview_f9f2ca {
  flex: 0 1 auto;
  overflow: hidden
}

.repliedTextPreview_f9f2ca .repliedTextContent_f9f2ca {
  display: -webkit-inline-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  width: 100%
}

.repliedTextPreview_f9f2ca .repliedTextContent_f9f2ca a {
  word-break: break-all
}

.repliedTextPreview_f9f2ca {
  display: flex;
  max-height: 1.5em
}

.repliedTextPreview_f9f2ca .emoji {
  width: 1.25em;
  height: 1.25em
}

.threadMessageAccessoryPreview_f9f2ca {
  align-items: center;
  display: flex
}

.repliedTextPreview_f9f2ca.clickable_f9f2ca {
  cursor: pointer
}

.repliedTextPreview_f9f2ca.clickable_f9f2ca:hover,
.repliedTextPreview_f9f2ca.repliedMessageClickableSpineHovered_f9f2ca {
  color: var(--header-primary)
}

.repliedMessage_f9f2ca .repliedTextPreview_f9f2ca .repliedTextContent_f9f2ca,
.threadMessageAccessory_f9f2ca .threadMessageAccessoryPreview_f9f2ca .threadMessageAccessoryContent_f9f2ca {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.threadMessageAccessory_f9f2ca .threadMessageAccessoryPreview_f9f2ca .threadMessageAccessoryContent_f9f2ca {
  white-space: nowrap;
  text-overflow: ellipsis
}

.repliedMessage_f9f2ca .repliedTextPreview_f9f2ca .repliedTextContent_f9f2ca code,
.threadMessageAccessory_f9f2ca .threadMessageAccessoryPreview_f9f2ca .threadMessageAccessoryContent_f9f2ca code {
  white-space: pre
}

.repliedTextContent_f9f2ca {
  width: -moz-max-content;
  width: max-content
}

.repliedTextPlaceholder_f9f2ca,
.threadMessageAccessoryPlaceholder_f9f2ca {
  font-style: italic;
  padding-right: 2px
}

.repliedTextContentTrailingIcon_f9f2ca,
.threadMessageAccessoryContentTrailingIcon_f9f2ca {
  flex: 0 0 auto;
  margin-left: 4px
}

.repliedTextContentLeadingIcon_f9f2ca,
.threadMessageAccessoryContentLeadingIcon_f9f2ca {
  flex: 0 0 auto;
  margin-right: 4px
}

.compact_f9f2ca .contents_f9f2ca {
  margin-left: calc(-1*var(--custom-message-margin-compact-indent));
  padding-left: var(--custom-message-margin-compact-indent);
  text-indent: calc(-1*(-1rem + var(--custom-message-margin-compact-indent)))
}

.cozy_f9f2ca .contents_f9f2ca {
  position: static;
  margin-left: 0;
  padding-left: 0;
  text-indent: 0
}

.zalgo_f9f2ca.compact_f9f2ca .messageContent_f9f2ca {
  overflow: hidden
}

.compact_f9f2ca .header_f9f2ca {
  display: inline
}

.cozy_f9f2ca .header_f9f2ca {
  display: block;
  position: relative;
  line-height: 1.375rem;
  min-height: 1.375rem;
  color: var(--text-muted);
  white-space: break-spaces;
  word-wrap: pre-wrap
}

.zalgo_f9f2ca.cozy_f9f2ca .header_f9f2ca {
  overflow: hidden
}

.a11y-font-scaled-down .cozy_f9f2ca.wrapper_f9f2ca,
.a11y-font-scaled-down .cozy_f9f2ca.wrapper_f9f2ca .header_f9f2ca {
  padding-left: 4.5rem
}

.a11y-font-scaled-down .cozy_f9f2ca .header_f9f2ca {
  margin-left: -4.5rem
}

.buttonContainer_f9f2ca {
  position: absolute;
  top: 0;
  right: 0
}

.systemMessageAccessories_f9f2ca {
  margin-left: 2.5rem
}

.avatar_f9f2ca {
  position: absolute;
  left: var(--custom-message-margin-horizontal);
  margin-top: calc(4px - var(--custom-message-spacing-vertical-container-cozy));
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex: 0 0 auto;
  pointer-events: none;
  z-index: 1
}

.compact_f9f2ca .avatar_f9f2ca {
  position: relative;
  left: 0;
  margin-top: 0;
  width: 1em;
  height: 1em;
  top: .18em;
  margin-left: .1em;
  margin-right: .25em
}

.avatar_f9f2ca:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--background-modifier-accent)
}

.avatarDecoration_f9f2ca {
  position: absolute;
  z-index: 1;
  left: calc(var(--custom-message-margin-horizontal) - (var(--custom-message-avatar-decoration-size) - var(--custom-message-avatar-size))/2);
  margin-top: calc(4px - var(--custom-message-spacing-vertical-container-cozy) - (var(--custom-message-avatar-decoration-size) - var(--custom-message-avatar-size))/2);
  width: var(--custom-message-avatar-decoration-size);
  height: var(--custom-message-avatar-decoration-size);
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.a11y-font-scaled-down .avatar_f9f2ca:not(.compact_f9f2ca) {
  width: 2.5rem;
  height: 2.5rem;
  left: 1rem;
  margin-top: calc(.25rem - var(--custom-message-spacing-vertical-container-cozy))
}

.a11y-font-scaled-down .avatarDecoration_f9f2ca:not(.compact_f9f2ca) {
  width: calc(2.5rem*var(--decoration-to-avatar-ratio));
  height: calc(2.5rem*var(--decoration-to-avatar-ratio));
  left: .8rem
}

.avatar_f9f2ca.clickable_f9f2ca {
  pointer-events: auto
}

.full-motion .avatar_f9f2ca.clickable_f9f2ca:hover {
  filter: drop-shadow(var(--elevation-medium))
}

.avatar_f9f2ca.clickable_f9f2ca:active {
  transform: translatey(1px)
}

.avatar_f9f2ca.clickable_f9f2ca:active+.avatarDecoration_f9f2ca {
  transform: translatey(1px)
}

.roleIcon_f9f2ca {
  margin-left: .25rem;
  vertical-align: top;
  position: relative;
  top: 1px;
  height: calc(4px + 1rem);
  width: calc(4px + 1rem)
}

.timestamp_f9f2ca {
  display: inline-block;
  height: 1.25rem;
  cursor: default;
  pointer-events: none;
  font-weight: 500
}

.timestampInline_f9f2ca {
  margin-left: .25rem
}

.timestamp_f9f2ca.latin12CompactTimeStamp_f9f2ca {
  width: 2.25rem
}

.timestamp_f9f2ca.latin24CompactTimeStamp_f9f2ca {
  width: 3.1rem
}

.timestamp_f9f2ca.asianCompactTimeStamp_f9f2ca {
  width: 4.25rem
}

.mouse-mode .timestamp_f9f2ca {
  pointer-events: auto
}

.cozy_f9f2ca .timestamp_f9f2ca {
  font-size: .75rem;
  line-height: 1.375rem;
  color: var(--text-muted);
  vertical-align: baseline
}

.background-opacity-low .cozy_f9f2ca .timestamp_f9f2ca,
.background-opacity-medium .cozy_f9f2ca .timestamp_f9f2ca,
.background-opacity-high .cozy_f9f2ca .timestamp_f9f2ca {
  display: none
}

.cozy_f9f2ca .timestamp_f9f2ca.alt_f9f2ca,
.compact_f9f2ca .timestamp_f9f2ca {
  text-align: right;
  font-size: .6875rem;
  line-height: 1.375rem;
  margin-right: var(--custom-message-meta-space);
  color: var(--text-muted);
  text-indent: 0
}

.cozy_f9f2ca .timestamp_f9f2ca.alt_f9f2ca {
  position: absolute;
  left: 0;
  height: 1.375rem;
  line-height: 1.375rem;
  width: 56px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-align: right;
  z-index: 1
}

.a11y-font-scaled-down .cozy_f9f2ca .timestamp_f9f2ca.alt_f9f2ca {
  width: 3.5rem
}

.a11y-font-scaled-up .cozy_f9f2ca .timestamp_f9f2ca.alt_f9f2ca {
  font-size: 12px
}

.background-opacity-low .compact_f9f2ca .timestamp_f9f2ca,
.background-opacity-medium .compact_f9f2ca .timestamp_f9f2ca,
.background-opacity-high .compact_f9f2ca .timestamp_f9f2ca {
  text-shadow: none;
  color: var(--primary-100)
}

.timestampTooltip_f9f2ca {
  max-width: none !important;
  white-space: nowrap
}

.timestampVisibleOnHover_f9f2ca {
  opacity: 0
}

.nitroAuthorBadgeTootip_f9f2ca {
  max-width: 30vw !important;
  white-space: nowrap
}

.mouse-mode .wrapper_f9f2ca:hover .timestampVisibleOnHover_f9f2ca {
  opacity: 1
}

.keyboard-mode .wrapper_f9f2ca:focus .timestampVisibleOnHover_f9f2ca {
  opacity: 1
}

.username_f9f2ca {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375rem;
  color: var(--header-primary);
  display: inline;
  vertical-align: baseline;
  position: relative;
  overflow: hidden;
  flex-shrink: 0
}

.roleDot_f9f2ca,
.cozy_f9f2ca .headerText_f9f2ca,
.compact_f9f2ca .headerText_f9f2ca {
  margin-right: .25rem
}

.cozy_f9f2ca .headerText_f9f2ca.hasRoleIcon_f9f2ca,
.compact_f9f2ca .headerText_f9f2ca.hasRoleIcon_f9f2ca {
  margin-right: 0
}

.cozy_f9f2ca .headerText_f9f2ca.hasRoleIcon_f9f2ca.hasBadges_f9f2ca,
.compact_f9f2ca .headerText_f9f2ca.hasRoleIcon_f9f2ca.hasBadges_f9f2ca {
  margin-right: .25rem
}

.username_f9f2ca.clickable_f9f2ca:hover,
.applicationName_f9f2ca.clickable_f9f2ca:hover,
.commandName_f9f2ca.clickable_f9f2ca:hover {
  cursor: pointer;
  -webkit-text-decoration: underline;
  text-decoration: underline
}

@media all and (-webkit-max-device-pixel-ratio:1) {
  .theme-light .username_f9f2ca {
    font-weight: 600
  }
}

.background-opacity-low .username_f9f2ca,
.background-opacity-medium .username_f9f2ca,
.background-opacity-high .username_f9f2ca {
  text-shadow: 0 0 1px var(--primary-700), 1px 1px 0 var(--primary-700)
}

.background-opacity-low .username_f9f2ca,
.background-opacity-medium .username_f9f2ca {
  font-weight: 600
}

.botTag_f9f2ca {
  position: relative;
  top: .1rem
}

.botTagCompact_f9f2ca {
  margin-right: .25rem
}

.botTagCozy_f9f2ca {
  margin-left: .25rem
}

.nitroBadgeSvg_f9f2ca {
  position: relative;
  margin-left: .2rem;
  width: 24px;
  height: 14px
}

.nitroBadgeSvgRepliedMessage_f9f2ca {
  display: flex;
  justify-content: center;
  margin-right: 4px
}

.nitroAuthorBadgeContainer_f9f2ca {
  display: inline-block
}

.replyLink_f9f2ca {
  color: var(--header-secondary)
}

.replyLink_f9f2ca.clickable_f9f2ca {
  cursor: pointer
}

.replyLink_f9f2ca.clickable_f9f2ca:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.separator_f9f2ca {
  position: absolute;
  opacity: 0;
  display: inline-block;
  font-style: normal;
  z-index: -1
}

.messageEditorCompact_f9f2ca {
  margin-left: var(--custom-message-margin-compact-indent);
  margin-right: var(--custom-message-margin-horizontal)
}

.messageContent_f9f2ca {
  text-indent: 0
}

.cozy_f9f2ca .messageContent_f9f2ca {
  position: relative
}

.cozy_f9f2ca.hasThread_f9f2ca:after {
  border-left: 2px solid var(--spine-default);
  border-bottom: 2px solid var(--spine-default);
  border-bottom-left-radius: 8px;
  bottom: 29px;
  content: "";
  position: absolute
}

.font-size-24 .cozy_f9f2ca.hasThread_f9f2ca:after {
  width: 1.25rem;
  left: 1.5rem;
  top: 2rem
}

.font-size-20 .cozy_f9f2ca.hasThread_f9f2ca:after {
  width: 1.625rem;
  left: 1.75rem;
  top: 2.375rem
}

.font-size-18 .cozy_f9f2ca.hasThread_f9f2ca:after {
  width: 1.75rem;
  left: 2rem;
  top: 2.75rem
}

.font-size-16 .cozy_f9f2ca.hasThread_f9f2ca:after,
.font-size-15 .cozy_f9f2ca.hasThread_f9f2ca:after,
.font-size-14 .cozy_f9f2ca.hasThread_f9f2ca:after,
.font-size-12 .cozy_f9f2ca.hasThread_f9f2ca:after {
  width: 2rem;
  left: 2.2rem;
  top: 3rem
}

.font-size-24 .cozy_f9f2ca.hasThread_f9f2ca.isSystemMessage_f9f2ca:after,
.font-size-20 .cozy_f9f2ca.hasThread_f9f2ca.isSystemMessage_f9f2ca:after,
.font-size-18 .cozy_f9f2ca.hasThread_f9f2ca.isSystemMessage_f9f2ca:after,
.font-size-16 .cozy_f9f2ca.hasThread_f9f2ca.isSystemMessage_f9f2ca:after,
.font-size-15 .cozy_f9f2ca.hasThread_f9f2ca.isSystemMessage_f9f2ca:after,
.font-size-14 .cozy_f9f2ca.hasThread_f9f2ca.isSystemMessage_f9f2ca:after,
.font-size-12 .cozy_f9f2ca.hasThread_f9f2ca.isSystemMessage_f9f2ca:after {
  top: 1.75rem
}

.font-size-24 .cozy_f9f2ca.hasThread_f9f2ca.hasReply_f9f2ca:after {
  top: 3.25rem
}

.font-size-20 .cozy_f9f2ca.hasThread_f9f2ca.hasReply_f9f2ca:after {
  top: 3.75rem
}

.font-size-18 .cozy_f9f2ca.hasThread_f9f2ca.hasReply_f9f2ca:after {
  top: 4rem
}

.font-size-16 .cozy_f9f2ca.hasThread_f9f2ca.hasReply_f9f2ca:after,
.font-size-15 .cozy_f9f2ca.hasThread_f9f2ca.hasReply_f9f2ca:after {
  top: 4.375rem
}

.font-size-14 .cozy_f9f2ca.hasThread_f9f2ca.hasReply_f9f2ca:after {
  top: 4.5rem
}

.font-size-12 .cozy_f9f2ca.hasThread_f9f2ca.hasReply_f9f2ca:after {
  top: 4.75rem
}

.compact_f9f2ca .contents_f9f2ca {
  position: relative
}

.compact_f9f2ca.hasThread_f9f2ca .contents_f9f2ca:before {
  background-color: var(--background-accent);
  bottom: 0;
  content: "";
  position: absolute;
  width: 2px;
  left: 2.5rem;
  top: 1.5rem
}

.compact_f9f2ca.hasThread_f9f2ca.isSystemMessage_f9f2ca .contents_f9f2ca:before {
  left: 3rem;
  top: 1.75rem
}

.zalgo_f9f2ca .messageContent_f9f2ca {
  overflow: hidden
}

.messageContent_f9f2ca:empty {
  display: none
}

.compact_f9f2ca .messageContent_f9f2ca {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
  display: inline;
  word-wrap: break-word
}

.compact_f9f2ca .messageContent_f9f2ca .emoji {
  position: relative
}

.compact_f9f2ca .messageContent_f9f2ca .jumboable {
  width: var(--custom-emoji-size-emoji);
  height: var(--custom-emoji-size-emoji);
  min-height: var(--custom-emoji-size-emoji)
}

.compact_f9f2ca .messageContent_f9f2ca.markupRtl_f9f2ca {
  display: block;
  text-indent: 0
}

.cozy_f9f2ca .messageContent_f9f2ca {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
  margin-left: calc(-1*var(--custom-message-margin-left-content-cozy));
  padding-left: var(--custom-message-margin-left-content-cozy)
}

.isSending_f9f2ca {
  opacity: .5
}

.isFailed_f9f2ca,
.isFailed_f9f2ca a,
.isFailed_f9f2ca .hljs,
.isFailed_f9f2ca code.inline,
.theme-dark .isFailed_f9f2ca,
.theme-light .isFailed_f9f2ca {
  color: var(--status-danger)
}

.theme-dark .isUnsupported_f9f2ca {
  color: var(--text-muted);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.cozy_f9f2ca .markupRtl_f9f2ca {
  text-align: left;
  text-indent: 0;
  unicode-bidi: plaintext
}

.edited_f9f2ca {
  font-size: .625rem;
  font-weight: 400;
  line-height: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.communicationDisabled_f9f2ca {
  margin-right: 8px;
  vertical-align: -1px;
  color: var(--status-danger)
}

.compactCommunicationDisabled_f9f2ca {
  margin: 0 4px;
  vertical-align: -1px;
  color: var(--status-danger)
}

.communicationDisabledOpacity_f9f2ca {
  opacity: .5
}

.mention {
  border-radius: 3px;
  padding: 0 2px
}

.background-opacity-low .edited_f9f2ca {
  color: hsl(var(--white-500-hsl)/.6)
}

.background-opacity-medium .edited_f9f2ca {
  color: hsl(var(--white-500-hsl)/.5)
}

.background-opacity-high .edited_f9f2ca {
  color: hsl(var(--white-500-hsl)/.4)
}

.badgesContainer_f9f2ca {
  display: inline-flex;
  row-gap: .25rem;
  margin-right: .25rem;
  text-indent: 0;
  align-items: baseline
}

.compact_f9f2ca .badgesContainer_f9f2ca {
  margin-left: -.25rem
}

.cozy_f9f2ca .badgesContainer_f9f2ca {
  margin-left: .25rem
}

.enable-forced-colors .headerText_f9f2ca .username_f9f2ca {
  forced-color-adjust: none;
  background-color: Canvas;
  color: ButtonText
}

.cozy_f9f2ca .pollBadgeDefault_f9f2ca,
.pollBadgeReplied_f9f2ca {
  margin: 0 0 0 .25rem
}

.gameIcon_a9e62c {
  filter: saturate(1);
  filter: saturate(var(--saturation-factor, 1));
  -webkit-user-drag: none;
  background-size: 100%;
  border-radius: var(--radius-sm);
  color: var(--header-primary)
}

.small_a9e62c,
.medium_a9e62c,
.large_a9e62c {
  flex-shrink: 0
}

.xxsmall_a9e62c {
  width: 16px;
  height: 16px;
  border-radius: var(--radius-xs)
}

.xsmall_a9e62c {
  width: 24px;
  height: 24px;
  border-radius: var(--radius-sm)
}

.small_a9e62c {
  width: 30px;
  height: 30px;
  border-radius: var(--radius-sm)
}

.medium_a9e62c {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-md)
}

.large_a9e62c {
  width: 60px;
  height: 60px;
  border-radius: var(--radius-lg)
}

.eighty_a9e62c {
  width: 80px;
  height: 80px
}

@use postcss-pxtorem;

.gameIcon_ed12a9 {
  margin-right: 4px;
  height: 1rem;
  vertical-align: text-top
}

.gameMessageTooltip_ed12a9 {
  max-width: none
}

.gameMessageTooltipContent_ed12a9 {
  display: flex;
  padding: 16px;
  align-items: center
}

.textContainer_ed12a9 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 8px;
  width: 240px
}

.timestamp_ed12a9 {
  margin-bottom: 4px
}

.linkIcon_b5435a {
  display: inline-block
}

.badge_e17ac7 {
  display: inline-flex;
  overflow: hidden;
  -o-object-fit: contain;
  object-fit: contain;
  margin-left: .25rem;
  vertical-align: top;
  position: relative;
  top: 1px;
  cursor: pointer;
  color: var(--interactive-active);
  background-color: var(--background-secondary-alt);
  padding: 2px 8px 2px 4px;
  border-radius: 12px;
  align-items: center;
  flex-direction: row;
  text-indent: 0
}

.badge_e17ac7:hover {
  color: var(--interactive-hover)
}

.badgeVerifiedIcon_e17ac7 {
  width: 16px;
  height: 16px;
  margin-right: 4px
}

.roleName_e17ac7 {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.theme-light .badge_e17ac7 {
  color: var(--channels-default)
}

.theme-light .badge_e17ac7:hover {
  color: var(--interactive-hover)
}

.popout_e17ac7 {
  background-color: var(--background-floating);
  box-shadow: var(--elevation-high);
  border-radius: 4px;
  overflow: hidden
}

.popoutChecks_e17ac7 {
  padding: 12px
}

.popoutChecksGroup_e17ac7:not(:last-of-type) {
  padding-bottom: 12px;
  margin-bottom: 12px
}

.popoutCheckGroupName_e17ac7 {
  display: flex;
  align-items: center
}

.popoutCheckGroupPlatformIcon_e17ac7 {
  margin-right: 8px;
  height: 20px;
  width: 20px
}

.popoutCheck_e17ac7 {
  display: flex;
  align-items: center;
  margin-top: 8px;
  margin-left: 28px;
  padding-right: 20px
}

.popoutCheckIcon_e17ac7 {
  color: var(--text-positive);
  width: 18px;
  height: 18px;
  margin-right: 8px
}

.popoutHeaderContainer_e17ac7 {
  background-color: var(--background-tertiary);
  padding: 10px
}

.popoutHeaderText_e17ac7 strong {
  color: var(--header-primary)
}

.buttonContainer_e17ac7 {
  padding: 8px
}

.getRolesButton_e17ac7 {
  width: 100%;
  margin-bottom: 8px
}

.viewConnectionsButton_e17ac7 {
  width: 100%
}

.botTag_e17ac7 {
  margin-left: 8px;
  margin-top: -1px
}

.roleIcon_afae9f {
  display: inline-block;
  overflow: hidden;
  -o-object-fit: contain;
  object-fit: contain
}

.roleIcon_afae9f:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--background-modifier-accent);
  border-radius: 50%
}

.clickable_afae9f {
  cursor: pointer
}

.popoutContainer_a3e60b {
  padding: var(--custom-message-helpers-popout-padding-width)
}

.mainContent_a3e60b {
  display: flex;
  flex-direction: row;
  align-items: start
}

.iconContainer_a3e60b {
  margin-right: var(--custom-message-helpers-popout-padding-width);
  width: 40px;
  color: var(--text-positive)
}

.header_a3e60b {
  margin-bottom: 4px
}

.ctaButton_a3e60b {
  margin: 16px auto 0
}

.ctaButtonContent_a3e60b {
  display: flex;
  justify-content: center;
  align-items: center
}

.boosterBadge_a3e60b {
  margin-right: 3px
}

.newMemberBadge_ed263a {
  display: inline-block;
  overflow: hidden;
  -o-object-fit: contain;
  object-fit: contain;
  margin-left: .25rem;
  vertical-align: top;
  position: relative;
  top: 1px;
  height: calc(4px + 1rem);
  width: calc(4px + 1rem);
  cursor: pointer;
  color: var(--text-positive);
  text-indent: 0
}

.divider_c2654d {
  z-index: 1;
  height: 0;
  border-top: thin solid var(--background-modifier-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex: 0 0 auto;
  pointer-events: none;
  box-sizing: border-box;
  --divider-color: var(--status-danger)
}

.custom-theme-background .divider_c2654d {
  border-top: thin solid rgb(var(--bg-overlay-color-inverse)/var(--bg-overlay-opacity-6))
}

.low-saturation .divider_c2654d {
  --divider-color: var(--red-430)
}

.background-opacity-low .divider_c2654d,
.background-opacity-medium .divider_c2654d {
  opacity: .5
}

.background-opacity-high .divider_c2654d {
  opacity: .8
}

.custom-theme-background .isUnread_c2654d,
.isUnread_c2654d {
  border-color: var(--divider-color)
}

.hasContent_c2654d {
  position: relative;
  left: auto;
  right: auto
}

.endCap_c2654d {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -7px;
  height: 13px;
  right: 0;
  font-size: 10px;
  line-height: 9px;
  font-weight: 700;
  padding: 0 4px 0 1px;
  border-radius: 0 4px 4px 0;
  text-transform: uppercase;
  color: var(--white-500);
  box-sizing: border-box;
  border-left: none
}

.unreadPill_c2654d {
  background-color: var(--divider-color)
}

.unreadPillCap_c2654d {
  display: block;
  position: absolute;
  left: -8px;
  top: 0;
  height: 13px
}

.unreadPillCapStroke_c2654d {
  color: var(--divider-color);
  fill: var(--divider-color)
}

.content_c2654d {
  display: block;
  flex: 0 0 auto;
  padding: 2px 4px;
  color: var(--text-muted);
  background: var(--bg-overlay-chat, var(--background-primary));
  line-height: 13px;
  font-size: 12px;
  margin-top: -1px;
  font-weight: 600;
  border-radius: 8px
}

.visual-refresh .content_c2654d {
  padding-left: var(--space-4);
  background: var(--bg-overlay-chat, var(--background-base-lower))
}

.isUnread_c2654d .content_c2654d {
  color: var(--divider-color)
}

.ephemeral_d5deea {
  position: relative;
  background: var(--brand-05a)
}

.nitroMessage_d5deea {
  background: linear-gradient(to right, hsl(var(--premium-tier-2-purple-for-gradients-hsl)/.15), hsl(var(--premium-tier-2-pink-for-gradients-hsl)/.15))
}

.automodMessage_d5deea {
  background: var(--background-message-automod)
}

.mentioned_d5deea {
  position: relative;
  background: var(--background-mentioned)
}

.replying_d5deea,
.highlighted_d5deea {
  position: relative;
  background: var(--background-message-highlight)
}

.mentioned_d5deea:before,
.ephemeral_d5deea:before,
.nitroMessage_d5deea:before,
.automodMessage_d5deea:before,
.replying_d5deea:before,
.highlighted_d5deea:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  pointer-events: none;
  width: 2px
}

.ephemeral_d5deea:before {
  background: var(--brand-500)
}

.nitroMessage_d5deea:before {
  background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color-vertical)
}

.automodMessage_d5deea:before {
  background: var(--text-danger)
}

.mentioned_d5deea:before {
  background: var(--info-warning-foreground)
}

.highlighted_d5deea:before {
  background: var(--text-brand)
}

.replying_d5deea:before {
  background: var(--brand-500)
}

.messageListItem_d5deea {
  outline: none;
  position: relative
}

.message_d5deea {
  padding-right: 48px !important
}

.visual-refresh .message_d5deea {
  border-top-right-radius: var(--radius-xs);
  border-bottom-right-radius: var(--radius-xs)
}

.theme-dark .message_d5deea.selected_d5deea,
.theme-dark.mouse-mode.full-motion .message_d5deea:hover {
  background: var(--bg-overlay-1, var(--background-message-hover))
}

.theme-light .message_d5deea.selected_d5deea,
.theme-light.mouse-mode.full-motion .message_d5deea:hover {
  background: var(--bg-overlay-2, var(--background-message-hover))
}

.message_d5deea.mentioned_d5deea.selected_d5deea,
.mouse-mode.full-motion .message_d5deea.mentioned_d5deea:hover {
  background: var(--background-mentioned-hover)
}

.message_d5deea.highlighted_d5deea.selected_d5deea,
.mouse-mode.full-motion .message_d5deea.highlighted_d5deea:hover {
  background: var(--background-message-highlight-hover)
}

.message_d5deea.ephemeral_d5deea.selected_d5deea,
.mouse-mode.full-motion .message_d5deea.ephemeral_d5deea:hover {
  background: var(--brand-10a)
}

.message_d5deea.nitroMessage_d5deea.selected_d5deea,
.mouse-mode.full-motion .message_d5deea.nitroMessage_d5deea:hover {
  background: linear-gradient(to right, hsl(var(--premium-tier-2-purple-for-gradients-hsl)/.2), hsl(var(--premium-tier-2-pink-for-gradients-hsl)/.2))
}

.message_d5deea.automodMessage_d5deea.selected_d5deea,
.mouse-mode.full-motion .message_d5deea.automodMessage_d5deea:hover {
  background: var(--background-message-automod-hover)
}

.message_d5deea.replying_d5deea.selected_d5deea,
.mouse-mode.full-motion .message_d5deea.replying_d5deea:hover {
  background: var(--brand-10a)
}

.quotedChatMessage_d5deea {
  position: relative
}

.highlightContainer_d5deea {
  margin-bottom: 4px;
  display: flex;
  align-items: center
}

.highlightIcon_d5deea {
  margin-right: 4px
}

.jump_d5deea {
  background-color: var(--background-tertiary);
  border-radius: 3px;
  box-sizing: border-box;
  color: var(--header-secondary);
  cursor: pointer;
  display: none;
  font-size: 12px;
  font-weight: 500;
  height: 24px;
  line-height: 16px;
  margin-left: 6px;
  padding: 4px;
  position: absolute;
  right: 16px;
  text-align: center;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 1
}

.quotedChatMessage_d5deea:hover .jump_d5deea {
  display: block
}

.jump_d5deea:hover {
  color: var(--interactive-hover)
}

.jump_d5deea:active {
  color: var(--interactive-active);
  transform: translate3d(0, 1px, 0)
}

.buttons_d5deea {
  opacity: 0;
  pointer-events: none
}

.message_d5deea.selected_d5deea .buttons_d5deea,
.mouse-mode .message_d5deea:hover .buttons_d5deea {
  opacity: 1
}

.message_d5deea.selected_d5deea .buttonsInner_d5deea,
.mouse-mode .message_d5deea:hover .buttonsInner_d5deea {
  pointer-events: auto
}

.hideIfMessageNotFocused_d5deea {
  opacity: 0
}

.message_d5deea.selected_d5deea .hideIfMessageNotFocused_d5deea,
.mouse-mode .message_d5deea:hover .hideIfMessageNotFocused_d5deea {
  opacity: 1
}

.cozyMessage_d5deea.groupStart_d5deea {
  min-height: 2.75rem
}

.systemMessage_d5deea.groupStart_d5deea {
  min-height: 1.375rem
}

.backgroundFlash_d5deea {
  flex: 0 0 auto
}

.channelTextArea_d5deea {
  margin-top: 8px
}

.divider_d5deea {
  margin-left: 1rem;
  margin-right: .875rem
}

.disableInteraction_d5deea:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}

.groupStart_d5deea {
  margin-top: var(--custom-group-spacing-start)
}

.group-spacing-0 .groupStart_d5deea {
  --custom-group-spacing-start: 0.0625rem
}

.group-spacing-0 .divider_d5deea {
  margin-top: 0;
  margin-bottom: -1px
}

.group-spacing-0 .divider_d5deea.hasContent_d5deea {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem
}

.group-spacing-4 .groupStart_d5deea {
  --custom-group-spacing-start: 0.3125rem
}

.group-spacing-4 .divider_d5deea {
  margin-top: -1px;
  margin-bottom: 0
}

.group-spacing-4 .divider_d5deea.beforeGroup_d5deea {
  margin-bottom: -1px;
  margin-top: 0;
  top: .125rem
}

.group-spacing-4 .divider_d5deea.hasContent_d5deea {
  margin-top: 1.5rem;
  margin-bottom: 1.25rem
}

.group-spacing-8 .groupStart_d5deea {
  --custom-group-spacing-start: 0.5625rem
}

.group-spacing-8 .divider_d5deea {
  margin-top: 2px;
  margin-bottom: 2px
}

.group-spacing-8 .divider_d5deea.beforeGroup_d5deea {
  margin-bottom: -1px;
  margin-top: 0;
  top: .25rem
}

.group-spacing-8 .divider_d5deea.hasContent_d5deea {
  margin-top: 1.5rem;
  margin-bottom: 1rem
}

.group-spacing-16 .groupStart_d5deea {
  --custom-group-spacing-start: 1.0625rem
}

.group-spacing-16 .divider_d5deea {
  margin-top: 4px;
  margin-bottom: 4px
}

.group-spacing-16 .divider_d5deea.beforeGroup_d5deea {
  margin-bottom: -1px;
  margin-top: 0;
  top: .5rem
}

.group-spacing-16 .divider_d5deea.hasContent_d5deea {
  margin-top: 1.5rem;
  margin-bottom: .5rem
}

.group-spacing-24 .groupStart_d5deea {
  --custom-group-spacing-start: 1.5625rem
}

.group-spacing-24 .divider_d5deea {
  margin-top: 4px;
  margin-bottom: 4px
}

.group-spacing-24 .divider_d5deea.beforeGroup_d5deea {
  margin-bottom: -1px;
  margin-top: 0;
  top: .75rem
}

.group-spacing-24 .divider_d5deea.hasContent_d5deea {
  margin-top: 1.5rem;
  margin-bottom: 0
}

.backgroundFlash_d5deea .groupStart_d5deea {
  margin-top: 0 !important
}

.interactionSending_d5deea {
  opacity: .5
}

.enable-forced-colors .mentioned_d5deea:before,
.enable-forced-colors .ephemeral_d5deea:before,
.enable-forced-colors .automodMessage_d5deea:before,
.enable-forced-colors .replying_d5deea:before,
.enable-forced-colors .highlighted_d5deea:before {
  forced-color-adjust: none;
  width: 4px
}

.mentioned_d5deea .mention.interactive:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.divider_ad3550 {
  margin: 8px 0
}

.updateMessage_ad3550 {
  display: flex;
  gap: 6px;
  align-items: center;
  margin: 12px 0
}

.infoMessageIcon_ad3550 {
  width: 16px;
  height: 16px
}

.joinLeaderboardButton_ad3550 {
  width: 100%;
  display: flex;
  gap: 6px;
  align-items: center;
  justify-content: center
}

.joinLeaderboardButtonInner_ad3550 {
  display: flex;
  gap: 6px;
  align-items: center;
  justify-content: center
}

.riotIcon_ad3550 {
  width: 16px;
  height: 16px
}

.menuIcon_cdae90 {
  cursor: pointer;
  color: var(--interactive-normal);
  height: 16px
}

.menuIcon_cdae90:hover {
  color: var(--interactive-active)
}

.container_bc01cf {
  border-radius: 8px;
  padding-left: 16px;
  height: 32px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  background-color: #1f1a36
}

.title_bc01cf {
  color: var(--content-inventory-overlay-text-secondary);
  flex: 1
}

.textContainer_bc01cf {
  display: flex;
  align-items: baseline
}

.username_bc01cf {
  margin-right: 4px
}

.statsText_bc01cf {
  margin-right: 16px
}

.heroArtContainer_bc01cf {
  height: 32px;
  width: 32px;
  border-radius: 0 8px 8px 0;
  overflow: hidden
}

.heroArt_bc01cf {
  --custom-crop-width: 2px;
  width: calc(100% + 4px);
  width: calc(100% + 2*var(--custom-crop-width));
  height: calc(100% + 4px);
  height: calc(100% + 2*var(--custom-crop-width));
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: -2px -2px;
  object-position: -2px -2px;
  -o-object-position: calc(-1*var(--custom-crop-width))calc(-1*var(--custom-crop-width));
  object-position: calc(-1*var(--custom-crop-width))calc(-1*var(--custom-crop-width))
}

.heroContainer_e12502 {
  height: 112px;
  position: relative;
  display: flex;
  align-items: center;
  border-radius: var(--radius-sm);
  border: 1px solid transparent;
  background-origin: border-box;
  background-clip: content-box, border-box
}

.heroContainer_e12502:after {
  content: "";
  border-radius: var(--radius-sm);
  box-shadow: 0 0 1px 1px var(--black)inset;
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.heroSplash_e12502 {
  height: 100%;
  width: 220px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
  position: absolute;
  top: 0;
  right: 0;
  border-top-right-radius: var(--radius-sm);
  border-bottom-right-radius: var(--radius-sm);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, white 180px, white 100%);
  mask-image: linear-gradient(90deg, transparent 0%, white 180px, white 100%)
}

.rankContainer_e6eff2 {
  background-color: var(--bg-surface-overlay);
  border: 1px solid transparent;
  min-width: 16px;
  min-height: 16px;
  max-height: 16px;
  border-radius: 50px;
  background-origin: border-box;
  background-clip: content-box, border-box;
  position: relative;
  --custom-gold-gradient: radial-gradient(64.29% 64.29% at 21.43% 17.86%,
      rgba(255, 235, 193, 0.654902) 0%,
      #c89b3c 30.5%,
      #785a28 100%);
  --custom-silver-gradient: radial-gradient(78.57% 78.57% at 14.29% 3.57%, #e9e9e9 0%, #7a7a7a 30.5%, #535353 100%);
  --custom-bronze-gradient: radial-gradient(85.71% 85.71% at 7.14% 10.71%, #f4bb8e 0%, #c86d3c 30.5%, #783c28 100%);
  --custom-default-gradient: radial-gradient(75% 75% at 10.71% 14.29%, #a5f5d8 0%, #14555b 100%);
  --custom-dark-background: radial-gradient(85.71% 85.71% at 50% 50%, #112120 21%, #000000 100%)
}

.goldBorder_e6eff2 {
  background-image: linear-gradient(var(--bg-surface-overlay), var(--bg-surface-overlay)), var(--custom-gold-gradient)
}

.silverBorder_e6eff2 {
  background-image: linear-gradient(var(--bg-surface-overlay), var(--bg-surface-overlay)), var(--custom-silver-gradient)
}

.bronzeBorder_e6eff2 {
  background-image: linear-gradient(var(--bg-surface-overlay), var(--bg-surface-overlay)), var(--custom-bronze-gradient)
}

.defaultBorder_e6eff2 {
  background-image: var(--custom-dark-background), var(--custom-default-gradient)
}

.rank_e6eff2 {
  padding: 0 1px;
  height: 14px;
  border-radius: 50px;
  color: #a5f5d8;
  line-height: 1.2
}

.rankWithBorder_e6eff2 {
  margin: .5px;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: .5px solid transparent;
  left: .5px
}

.rankNoBorder_e6eff2 {
  margin: 1px;
  background-image: var(--custom-dark-background)
}

.goldText_e6eff2 {
  color: #ffebc1;
  background-image: var(--custom-dark-background), var(--custom-gold-gradient)
}

.silverText_e6eff2 {
  color: #ccc;
  background-image: var(--custom-dark-background), var(--custom-silver-gradient)
}

.bronzeText_e6eff2 {
  color: #f4bb8e;
  background-image: var(--custom-dark-background), var(--custom-bronze-gradient)
}

.container_f62934 {
  position: relative
}

.frame_f62934 {
  position: absolute;
  z-index: 2;
  margin-top: -4px;
  margin-left: -4px
}

.rankBadge_f62934 {
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
  bottom: -8px;
  z-index: 3;
  text-align: center
}

.container_d270e1 {
  border-radius: 8px;
  padding: 14px 16px;
  background: #14251d
}

.userContainer_d270e1 {
  display: flex;
  align-items: center;
  margin-left: 16px;
  position: relative
}

.userName_d270e1 {
  color: var(--content-inventory-overlay-text-primary)
}

.userNameContainer_d270e1 {
  display: flex;
  align-items: center
}

.userSubtitle_d270e1 {
  color: var(--content-inventory-overlay-text-secondary)
}

.winnerImage_d270e1 {
  height: 14px;
  width: 14px
}

.timestamp_c5d1c1 {
  font-family: var(--font-code)
}

.timestamp_c5d1c1.bold_c5d1c1 {
  font-weight: 700
}

.inlineTimestamp_c5d1c1 {
  display: inline
}

.badgeContainer_d60c6d {
  display: flex;
  gap: 4px;
  align-items: center;
  overflow: hidden;
  flex-shrink: 0;
  max-width: 100%
}

.badgeContainer_d60c6d svg {
  flex-shrink: 0
}

.badgeContainer_d60c6d div {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.badgeLabel_d60c6d {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

:where(.badgesContainer_d60c6d) {
  display: flex;
  gap: 0 8px;
  align-items: center
}

:where(.badgesContainer_d60c6d):empty {
  display: none
}

.badgesContainerCard_d60c6d>:nth-child(n+3) {
  display: none
}

.badgesContainerCard_d60c6d>:nth-child(2) {
  flex-shrink: 1
}

.badgesContainerPopout_d60c6d,
.badgesContainerGameProfile_d60c6d {
  flex-wrap: wrap;
  row-gap: 4px
}

.container_ba1926 {
  border-radius: 8px;
  padding: 8px;
  padding-left: 12px;
  display: flex;
  gap: 12px;
  width: 400px;
  height: 80px;
  align-items: center;
  background: linear-gradient(90.89deg, #1f1a36 .17%, #4e334a 99.24%);
  box-sizing: border-box
}

.avatar_ba1926 {
  border-radius: 50%;
  overflow: hidden
}

.title_ba1926 {
  color: var(--content-inventory-overlay-text-primary)
}

.gameTitle_ba1926 {
  color: #cbaa62
}

.gameTitleContainer_ba1926 {
  display: flex;
  gap: 6px;
  align-items: center
}

.winnerImage_ba1926 {
  height: 16px;
  width: 16px
}

.container_cf8a7d {
  border-radius: 8px
}

.table_cf8a7d {
  margin-top: 8px
}

.rows_cf8a7d {
  display: flex;
  flex-direction: column;
  max-height: 312px;
  padding-bottom: 6px
}

.headerRow_cf8a7d {
  display: flex;
  justify-content: center;
  gap: 12px;
  padding: 8px 16px 6px
}

.headerRank_cf8a7d,
.headerPlayer_cf8a7d,
.headerValue_cf8a7d {
  color: var(--content-inventory-overlay-text-secondary)
}

.headerRank_cf8a7d {
  width: 16px;
  text-align: center
}

.headerPlayer_cf8a7d {
  flex: 1
}

.userRow_cf8a7d {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 6px 16px;
  overflow: hidden;
  position: relative
}

.userRow_cf8a7d .copyLinkContainer_cf8a7d {
  display: none;
  height: 16px;
  width: 16px
}

.userRow_cf8a7d .copyLinkContainer_cf8a7d[aria-busy=false] {
  cursor: pointer
}

.userRow_cf8a7d .copyLinkContainer_cf8a7d>.copyLink_cf8a7d,
.userRow_cf8a7d .copyLinkContainer_cf8a7d .copySpinner_cf8a7d {
  pointer-events: none
}

.userRow_cf8a7d:hover {
  background: var(--background-modifier-hover)
}

.userRow_cf8a7d:hover .copyLinkContainer_cf8a7d {
  display: inline;
  display: initial
}

.userRow_cf8a7d:hover .liveIcon_cf8a7d {
  display: none
}

.rankChangeIndicator_cf8a7d {
  width: 8px;
  height: 8px;
  position: absolute;
  top: 11px;
  left: -4px;
  border-radius: 4px;
  background-color: var(--header-primary)
}

.userRank_cf8a7d {
  width: 18px;
  text-align: center;
  color: var(--text-muted)
}

.userPlayer_cf8a7d {
  flex: 1;
  display: flex;
  align-items: center
}

.userWinnerImage_cf8a7d {
  height: 14px;
  width: 14px
}

.joinLeaderboardCTAContainer_cf8a7d {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  margin-top: 12px;
  margin-bottom: 6px
}

.joinLeaderboardCTAWinnerImage_cf8a7d {
  width: 14px;
  height: 14px
}

.rankChangeBadge_cf8a7d {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px 0 2px;
  background-color: var(--border-subtle);
  border-radius: 4px;
  margin-left: 4px;
  height: 16px
}

.emptyTitleContainer_cf8a7d {
  margin-left: 16px;
  max-width: 148px;
  position: relative
}

.emptyTitle_cf8a7d {
  color: var(--content-inventory-overlay-text-primary)
}

.emptyWinnerImage_cf8a7d {
  position: relative;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px
}

.copySpinner_cf8a7d {
  width: 16px
}

.copyLink_cf8a7d {
  color: red
}

.badgesContainer_cf8a7d {
  display: flex;
  gap: 8px
}

.copySpinner_cf8a7d {
  width: 16px;
  height: 16px
}

.copySpinner_cf8a7d circle {
  stroke: var(--interactive-normal)
}

.tooltip_cf8a7d {
  display: flex;
  align-items: center;
  gap: 4px
}

.popout_b245a4 {
  background-color: var(--bg-surface-overlay);
  border-radius: 8px;
  width: 342px;
  box-sizing: border-box;
  box-shadow: var(--shadow-high)
}

.content_b245a4 {
  padding: 16px
}

.leaderboardName_b245a4 {
  color: var(--content-inventory-overlay-text-primary);
  display: inline
}

.gameIcon_b245a4 {
  width: 24px;
  height: 24px
}

.leaderboardTitle_b245a4 {
  color: var(--content-inventory-overlay-text-secondary);
  flex: 1
}

.header_b245a4 {
  margin-bottom: 16px;
  display: flex;
  align-items: center
}

.previousChampion_b245a4 {
  margin-top: 8px
}

.content_b245a4 .divider_b245a4 {
  margin: 8px 0
}

.joinLeaderboardButton_b245a4 {
  width: 100%
}

.exitPreviewModeText_b245a4 {
  color: var(--content-inventory-overlay-text-secondary)
}

.exitPreviewModeButton_b245a4 {
  padding: 13px 0;
  width: 100%;
  text-align: center;
  border-top: 1px solid var(--border-subtle);
  cursor: pointer
}

.badge_cf8912 {
  display: inline-block;
  margin-left: .25rem;
  vertical-align: top;
  position: relative;
  top: 1px;
  height: calc(4px + 1rem);
  width: calc(4px + 1rem);
  cursor: pointer;
  text-indent: 0;
  text-indent: 0
}

.image_cf8912 {
  height: 20px;
  width: 20px
}

.badge_ba89c1 {
  display: inline-block;
  overflow: hidden;
  -o-object-fit: contain;
  object-fit: contain;
  vertical-align: top;
  position: relative;
  top: .1875rem;
  height: 1rem;
  width: 1rem;
  cursor: pointer;
  color: var(--interactive-normal);
  text-indent: 0
}

.platform-osx .drag_fccaa9 {
  -webkit-app-region: drag;
  position: absolute;
  width: 100%;
  padding-top: 32px
}

.root_fccaa9 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  contain: strict;
  pointer-events: all
}

.enter_fccaa9,
.exit_fccaa9,
.enterReducedMotion_fccaa9,
.exitReducedMotion_fccaa9 {
  transition-duration: var(--custom-full-screen-layer-animation-duration);
  transition-timing-function: ease-in-out;
  transition-property: transform, opacity
}

.enter_fccaa9 {
  opacity: 0;
  transform: scale(1.1)
}

.enterReducedMotion_fccaa9 {
  opacity: 0
}

.exit_fccaa9 {
  opacity: 1;
  transform: scale(1)
}

.exitReducedMotion_fccaa9 {
  opacity: 1
}

.enterActive_fccaa9,
.enterDone_fccaa9 {
  opacity: 1;
  transform: scale(1)
}

.enterActiveReducedMotion_fccaa9,
.enterDoneReducedMotion_fccaa9 {
  opacity: 1
}

.exitActive_fccaa9,
.exitDone_fccaa9 {
  opacity: 0;
  transform: scale(1.1)
}

.exitActiveReducedMotion_fccaa9,
.exitDoneReducedMotion_fccaa9 {
  opacity: 0
}

.container_df5532 {
  display: flex;
  flex-direction: column;
  align-items: center
}

.keybind_df5532 {
  margin-top: 8px;
  font-weight: 600;
  font-size: 13px;
  text-align: center
}

.closeButton_df5532 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 36px;
  border-width: 2px;
  border-style: solid;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  cursor: pointer
}

.closeButton_df5532:active {
  transform: translatey(1px)
}

.keybind_df5532,
.closeButton_df5532 {
  color: var(--interactive-normal)
}

.closeButton_df5532:hover {
  color: var(--interactive-hover);
  background-color: var(--background-modifier-hover)
}

.closeButton_df5532:hover+.keybind_df5532 {
  color: var(--interactive-hover)
}

.closeButton_df5532:active {
  color: var(--interactive-active);
  background-color: var(--background-modifier-active)
}

.closeButton_df5532:active+.keybind_df5532 {
  color: var(--interactive-active)
}

.closeButtonSolid_df5532 {
  border: none;
  flex: 0 0 24px;
  height: 24px;
  width: 24px
}

.closeButtonSolid_df5532:hover {
  background-color: transparent
}

.theme-dark .closeButtonBold_df5532:hover {
  background-color: hsl(var(--primary-300-hsl)/.3)
}

.enable-forced-colors .closeButton_df5532 {
  background-color: ButtonFace;
  border-color: ButtonText;
  color: ButtonText
}

.enable-forced-colors .closeButton_df5532:active {
  background-color: HighlightText;
  border-color: Highlight;
  color: Highlight
}

.wrapper_d1fdce {
  background: linear-gradient(45deg, var(--guild-boosting-blue), var(--guild-boosting-purple));
  border-radius: 8px;
  isolation: isolate;
  margin-bottom: 85px;
  overflow: hidden;
  padding: 50px 24px;
  position: relative;
  text-align: center
}

.content_d1fdce {
  position: relative;
  z-index: 2
}

.heading_d1fdce {
  margin-bottom: 32px
}

.cards_d1fdce {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
  margin: 0 auto;
  max-width: 768px
}

.card_d1fdce {
  align-items: center;
  background-color: hsl(var(--primary-600-hsl)/.9);
  border-radius: 8px;
  box-sizing: border-box;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 24px 12px;
  min-width: 165px;
  max-width: 180px
}

.theme-light .card_d1fdce {
  background-color: hsl(var(--primary-100-hsl)/.9)
}

.icon_d1fdce {
  color: var(--guild-boosting-pink);
  display: block;
  height: 30px;
  margin-bottom: 10px;
  width: 30px
}

.backgroundImages_d1fdce {
  filter: saturate(1);
  filter: saturate(var(--saturation-factor, 1));
  background: bottom left url(/assets/0b0bead3aa247b64c7c6.svg)no-repeat, bottom right url(/assets/daed516a12977e56187b.svg)no-repeat;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.iconImage_d1fdce {
  filter: saturate(1);
  filter: saturate(var(--saturation-factor, 1))
}

.largeCountdownPill_aa13b8 {
  display: flex;
  justify-content: center;
  padding: 8px 16px;
  background-color: rgba(255, 255, 255, .1);
  border-radius: 20px
}

.largeCountdownPillText_aa13b8 {
  font-weight: 800;
  display: inline-block;
  color: var(--custom-premium-colors-banner-yellow);
  font-size: 14px;
  line-height: 16px;
  letter-spacing: .7px
}

.largePillIcon_aa13b8 {
  padding-left: 6px
}

.unavailableCounterContainer_e57ea2 {
  display: flex;
  justify-content: center
}

.unavailableCounterPill_e57ea2 {
  display: inline-flex;
  border: 1px solid var(--white);
  padding: 0 20px;
  border-radius: 57px;
  justify-content: center;
  align-items: center
}

.unavailableCounterPillText_e57ea2 {
  margin: 20px 0;
  line-height: 8px;
  color: white
}

.countDownText_e57ea2 {
  margin-left: 8px
}

.tooltip_e57ea2 {
  text-align: center;
  width: 215px;
  max-width: 215px
}

.guildStatus_cbe7a3 {
  margin-bottom: 50px;
  text-align: center
}

.guildIcon_cbe7a3 {
  margin: 0 auto 10px
}

.guildName_cbe7a3 {
  margin-bottom: 4px
}

.guildBoostCountWrapper_cbe7a3 {
  color: var(--white-500);
  margin-bottom: 20px
}

.guildBoostCount_cbe7a3 {
  align-items: center;
  display: flex;
  justify-content: center
}

.guildBoostBadge_cbe7a3 {
  color: inherit;
  flex: 0 0 auto;
  height: 16px;
  margin-right: 4px;
  opacity: .6;
  width: 16px
}

.guildBoostBadgeWithBoosts_cbe7a3 {
  color: var(--guild-boosting-pink);
  opacity: 1
}

.guildStatusCopy_cbe7a3 {
  color: inherit;
  flex: 0 0 auto;
  opacity: .6
}

.guildBoostCountCurrentUser_cbe7a3 {
  color: inherit;
  margin-top: 4px;
  opacity: .6
}

.guildBoostCtas_cbe7a3 {
  display: flex;
  margin: 0 auto;
  max-width: 470px;
  width: 100%
}

.guildBoostCta_cbe7a3 {
  border-radius: 4px;
  flex: 1 1 50%
}

.guildBoostCtaBoostContent_cbe7a3 {
  color: var(--brand-500)
}

.guildBoostCta_cbe7a3+.guildBoostCta_cbe7a3 {
  margin-left: 10px
}

.guildBoostCtaBoostWrapper_cbe7a3,
.guildBoostCtaSecondary_cbe7a3 {
  position: relative
}

.full-motion .guildBoostCtaBoostWrapper_cbe7a3,
.full-motion .guildBoostCtaSecondary_cbe7a3 {
  transition: transform 80ms
}

.full-motion .guildBoostCtaSecondary_cbe7a3 {
  transition: background 80ms, box-shadow 80ms, transform 80ms
}

.guildBoostCtaBoost_cbe7a3 {
  border-radius: 4px;
  box-shadow: 0 1px 2px hsl(var(--primary-500-hsl)/.2), 0 8px 16px hsl(var(--primary-500-hsl)/.3);
  transition: box-shadow 80ms;
  width: 100%
}

.full-motion .guildBoostCtaBoostWrapper_cbe7a3:hover,
.full-motion .guildBoostCtaBoostWrapper_cbe7a3:focus-within,
.full-motion .guildBoostCtaSecondary_cbe7a3:hover,
.full-motion .guildBoostCtaSecondary_cbe7a3:focus {
  transform: translatey(-3px)
}

.full-motion .guildBoostCtaBoostWrapper_cbe7a3:hover:after,
.full-motion .guildBoostCtaBoostWrapper_cbe7a3:focus-within:after,
.full-motion .guildBoostCtaSecondary_cbe7a3:hover:after,
.full-motion .guildBoostCtaSecondary_cbe7a3:focus:after {
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  top: 100%;
  width: 100%
}

.guildBoostCtaBoostWrapper_cbe7a3:hover .guildBoostCtaBoost_cbe7a3,
.guildBoostCtaBoostWrapper_cbe7a3:focus-within .guildBoostCtaBoost_cbe7a3,
.guildBoostCtaSecondary_cbe7a3:hover,
.guildBoostCtaSecondary_cbe7a3:focus {
  box-shadow: 0 1px 2px hsl(var(--primary-500-hsl)/.2), 0 12px 24px hsl(var(--primary-500-hsl)/.4)
}

.guildBoostCtaSecondary_cbe7a3:hover,
.guildBoostCtaSecondary_cbe7a3:focus {
  background-color: hsl(var(--white-500-hsl)/5%)
}

.guildBoostCtaBoostShine_cbe7a3 {
  color: hsl(var(--brand-500-hsl)/.1)
}

.guildBoostCtaGiftContent_cbe7a3 {
  display: inline-flex
}

.guildBoostCtaGiftIcon_cbe7a3 {
  height: 16px;
  margin-right: 8px;
  width: 16px
}

.FPContainer_cbe7a3 {
  margin-bottom: 23px
}

.wrapper_e55051 {
  background-color: var(--background-secondary-alt);
  border-radius: 8px;
  padding: 60px 50px
}

.heading_e55051 {
  margin-bottom: 30px;
  text-align: center
}

.list_e55051 {
  border-top: 1px solid var(--interactive-muted)
}

.listItem_e55051 {
  border-bottom: 1px solid var(--interactive-muted)
}

.questionWrapper_e55051 {
  color: var(--interactive-normal);
  cursor: pointer;
  display: flex;
  padding: 12px 0;
  transition: color.1s
}

.questionWrapperExpanded_e55051,
.questionWrapper_e55051:hover,
.questionWrapper_e55051:active {
  color: var(--interactive-active)
}

.questionWrapperExpanded_e55051 {
  padding-bottom: 8px
}

.question_e55051 {
  color: inherit;
  flex: 1 1 auto;
  padding-right: 12px;
  transition: color.1s
}

.questionIcon_e55051 {
  flex: 0 0 auto
}

.answer_e55051 {
  margin-bottom: 12px;
  width: 80%
}

@media(max-width:700px) {
  .answer_e55051 {
    width: 100%
  }
}

.wrapper_aecbd6 {
  display: flex;
  justify-content: center;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  z-index: 1
}

.innerWrapper_aecbd6 {
  align-items: center;
  background-color: var(--background-secondary-alt);
  border-radius: 50px;
  box-shadow: var(--elevation-high);
  box-sizing: border-box;
  display: flex;
  margin-bottom: 36px;
  padding: 12px 22px 12px 12px;
  pointer-events: all;
  position: relative;
  width: 438px
}

.innerWrapper_aecbd6:after,
.innerWrapper_aecbd6:before {
  border: 2px solid transparent;
  border-radius: inherit;
  box-sizing: border-box;
  content: "";
  height: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}

.innerWrapper_aecbd6:after {
  border-color: var(--guild-boosting-blue);
  -webkit-mask: linear-gradient(45deg, #000, rgba(0, 0, 0, 0));
  mask: linear-gradient(45deg, #000, rgba(0, 0, 0, 0))
}

.innerWrapper_aecbd6:before {
  border-color: var(--guild-boosting-purple)
}

.theme-light .innerWrapper_aecbd6 {
  background-color: var(--background-secondary)
}

.guildInfo_aecbd6 {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
  padding-right: 8px;
  text-overflow: ellipsis
}

.guildIcon_aecbd6 {
  background-color: var(--background-primary);
  flex: 0 0 auto;
  margin-right: 14px
}

.ctaButton_aecbd6 {
  border-radius: var(--custom-button-button-lg-height);
  flex: 0 0 auto
}

.guildName_aecbd6 {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.cannonWrapper_a53050 {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1
}

.cannon_a53050 {
  position: absolute;
  width: 100%;
  height: 100%
}

.confettiTriggerWrapper_a53050 {
  cursor: pointer;
  height: 100%;
  position: relative;
  z-index: 2;
  width: 100%
}

.confettiTrigger_a53050 {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%
}

.progressBarMarker_c29408 {
  align-items: center;
  background-color: hsl(var(--white-500-hsl)/.4);
  border-radius: 100%;
  display: flex;
  flex-direction: column;
  height: var(--custom-guild-boosting-marketing-progress-bar-marker-marker-dimensions);
  isolation: isolate;
  justify-content: center;
  position: absolute;
  transform: translatex(-50%);
  width: var(--custom-guild-boosting-marketing-progress-bar-marker-marker-dimensions);
  z-index: 2
}

.progressBarMarker_c29408:after {
  content: "";
  height: 50px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  z-index: 1
}

.progressBarMarker_c29408.progressBarMarkerCurrent_c29408 {
  background-color: transparent
}

.progressBarMarkerCurrent_c29408 .progressBarMarkerIndicator_c29408 {
  box-shadow: 0 5px 11px rgba(0, 0, 0, .25)
}

.progressBarMarkerUnlocked_c29408 .progressBarMarkerIndicator_c29408 {
  background: var(--guild-boosting-pink);
  border-radius: 100%;
  content: "";
  height: var(--custom-guild-boosting-marketing-progress-bar-marker-marker-dimensions);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: var(--custom-guild-boosting-marketing-progress-bar-marker-marker-dimensions);
  z-index: 0
}

.progressBarMarkerUnlocked_c29408.progressBarMarkerLower_c29408 .progressBarMarkerIndicator_c29408 {
  height: 20px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  z-index: 3
}

.progressBarMarkerLocked_c29408 {
  cursor: pointer
}

.progressBarMarkerLabel_c29408 {
  color: var(--white-500);
  left: 50%;
  padding-top: 4px;
  opacity: .4;
  position: absolute;
  top: 100%;
  transition: opacity.125s;
  transform: translatex(-50%);
  white-space: nowrap
}

.progressBarMarkerLabel_c29408:after {
  content: "";
  height: 100%;
  left: 50%;
  padding: 3px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 1
}

.progressBarMarkerUnlocked_c29408 .progressBarMarkerLabel_c29408 {
  opacity: .8
}

.progressBarMarkerCurrent_c29408 .progressBarMarkerLabel_c29408,
.progressBarMarkerLocked_c29408:hover .progressBarMarkerLabel_c29408 {
  opacity: 1
}

.progressBarMarkerUnlockedIcon_c29408 {
  height: 16px;
  padding-right: 3px;
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translatey(calc(1px - 50%));
  width: 16px
}

.boostedTierIconBackground_c29408 {
  background-color: var(--white-500);
  border-radius: 20px;
  height: 20px;
  left: 50%;
  opacity: .5;
  position: absolute;
  top: 50%;
  transition: opacity.125s;
  transform: translate(-50%, -50%);
  width: 20px;
  z-index: 2
}

.progressBarMarkerLocked_c29408:hover .boostedTierIconBackground_c29408 {
  opacity: 1
}

.boostedTierIcon_c29408 {
  color: var(--guild-boosting-pink);
  height: 12px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  z-index: 4
}

.progressBarMarkerUnlocked_c29408 .boostedTierIcon_c29408 {
  color: var(--white-500)
}

.progressBarMarkerCurrent_c29408 .boostedTierIcon_c29408 {
  height: 16px;
  width: 16px
}

.progressBar_e00a24 {
  height: 54px;
  isolation: isolate;
  margin: 0 auto 48px;
  max-width: 660px;
  position: relative
}

.progressBarScrubber_e00a24 {
  height: 8px;
  left: calc(.5*var(--custom-guild-boosting-marketing-progress-bar-marker-dimensions) + var(--custom-guild-boosting-marketing-progress-bar-end-markers-margin));
  position: absolute;
  right: calc(.5*var(--custom-guild-boosting-marketing-progress-bar-marker-dimensions) + var(--custom-guild-boosting-marketing-progress-bar-end-markers-margin));
  top: 13px
}

.progressBarTrack_e00a24 {
  background-color: hsl(var(--white-500-hsl)/.3);
  border-radius: 8px;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 0
}

.progressBarFill_e00a24 {
  background-image: linear-gradient(90deg, var(--guild-boosting-purple)0%, var(--white-500)100%);
  border-radius: 8px;
  position: absolute;
  height: 100%;
  left: 0;
  z-index: 2
}

.progressBarCurrentProgressTooltip_e00a24 {
  margin-top: 100px
}

.progressBarCurrentProgressTooltipMarker_e00a24 {
  border-radius: 100%;
  height: 50px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  z-index: 3
}

.progressBarCurrentProgressTooltipHeading_e00a24 {
  font-weight: 600;
  margin-bottom: 2px
}

.progressBarCurrentProgressTooltipSubheading_e00a24 {
  display: flex;
  align-items: center
}

.progressBarCurrentProgressTooltipSubheadingIcon_e00a24 {
  color: var(--guild-boosting-pink);
  flex: 0 0 auto;
  height: 16px;
  margin-left: -2px;
  margin-right: 4px;
  width: 16px
}

.progressBarCurrentProgressTooltipSubheadingCopy_e00a24 {
  flex: 1 1 auto
}

.tierCards_e3ebb9 {
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  gap: 22px
}

.tierCard_e3ebb9 {
  background-image: linear-gradient(45deg, var(--guild-boosting-blue)0%, var(--guild-boosting-purple)100%);
  border-radius: var(--custom-guild-boosting-marketing-tier-cards-tier-card-border-radius);
  box-shadow: var(--elevation-high);
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 24px 36px 30px;
  position: relative;
  width: 338px
}

.tierCardCurrentTier_e3ebb9 {
  background-image: linear-gradient(45deg, var(--guild-boosting-blue)0%, var(--guild-boosting-purple)100%);
  border-radius: 8px;
  padding: 4px 8px;
  position: absolute;
  left: 28px;
  text-transform: uppercase;
  top: 0;
  transform: translatey(-50%)
}

.tierCardHeader_e3ebb9 {
  align-items: baseline;
  display: flex;
  gap: 8px;
  margin-bottom: 12px
}

.tierCardHeading_e3ebb9 {
  flex: 0 0 auto
}

.tierCardBoostRequirement_e3ebb9 {
  flex: 0 0 auto;
  opacity: .7
}

.tierCardList_e3ebb9 {
  display: flex;
  flex-direction: column;
  gap: 12px
}

.tierCardListItem_e3ebb9 {
  align-items: center;
  display: flex;
  gap: 8px
}

.tierCardListIcon_e3ebb9 {
  flex: 0 0 auto;
  width: 24px;
  height: 24px
}

.tierCardSparkleHighlight_e3ebb9 {
  background-image: radial-gradient(100%100%at center, #fff 0%, rgba(255, 255, 255, 0)50%);
  color: var(--white-500);
  height: 80px;
  position: absolute;
  width: 1px
}

.theme-light .tierCardSparkleHighlight_e3ebb9 {
  background-image: radial-gradient(100%100%at center, hsl(var(--guild-boosting-pink-hsl)/1)0%, hsl(var(--guild-boosting-pink-hsl)/0)50%);
  color: var(--guild-boosting-pink)
}

.tierCardSparkleHighlightTopRight_e3ebb9 {
  right: 0;
  top: 30px
}

.tierCardSparkleHighlightBottomLeft_e3ebb9 {
  bottom: 30px;
  left: 0
}

.tierCardBorderHighlight_e3ebb9 {
  border-radius: var(--custom-guild-boosting-marketing-tier-cards-tier-card-border-radius);
  box-sizing: border-box;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%
}

.tierCardBorderHighlightTopRight_e3ebb9 {
  border: 1px solid var(--guild-boosting-blue);
  -webkit-mask: radial-gradient(100%100%at top right, #fff 0%, rgba(255, 255, 255, 0)100%);
  mask: radial-gradient(100%100%at top right, #fff 0%, rgba(255, 255, 255, 0)100%)
}

.tierCardBorderHighlightBottomLeft_e3ebb9 {
  border: 1px solid var(--guild-boosting-purple);
  -webkit-mask: radial-gradient(100%100%at bottom left, #fff 0%, rgba(255, 255, 255, 0)100%);
  mask: radial-gradient(100%100%at bottom left, #fff 0%, rgba(255, 255, 255, 0)100%)
}

.tierCardSparkle1_e3ebb9 {
  left: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%)
}

.tierCardSparkle2_e3ebb9 {
  left: 11px;
  position: absolute;
  top: 10%
}

.tierCardSparkle3_e3ebb9 {
  right: 21px;
  position: absolute;
  top: -20px
}

.tierCardPerkRow_e3ebb9 {
  display: flex;
  flex-direction: row;
  align-items: flex-start
}

.tierCardNewFeatureBadge_e3ebb9 {
  margin-left: 8px;
  border-radius: 8px;
  background: white;
  color: var(--premium-tier-2-purple-for-gradients);
  align-self: center
}

.heading_ebd3d3 {
  margin-bottom: 82px;
  text-align: center
}

.tableWrapper_ebd3d3 {
  position: relative
}

.table_ebd3d3 {
  text-align: center;
  width: 100%
}

.columnHeading_ebd3d3,
.tableCell_ebd3d3 {
  border-bottom: 1px solid hsl(var(--white-500-hsl)/.15)
}

.theme-light .columnHeading_ebd3d3,
.theme-light .tableCell_ebd3d3 {
  border-bottom-color: hsl(var(--black-500-hsl)/.15)
}

.columnHeading_ebd3d3 {
  padding-bottom: 16px
}

.tableCell_ebd3d3 {
  box-sizing: border-box;
  padding: 22px 0;
  vertical-align: middle;
  width: 20%
}

.tableCellWrapper_ebd3d3 {
  padding: 0
}

.tableCellInner_ebd3d3 {
  border-bottom: none;
  width: 100%
}

.tableRowHeading_ebd3d3 {
  text-align: left
}

.booleanValueIcon_ebd3d3 {
  color: var(--interactive-muted);
  display: block;
  margin: 0 auto
}

.booleanValueTrue_ebd3d3 {
  color: var(--header-primary)
}

.recommendedTierHighlight_ebd3d3 {
  bottom: -16px;
  pointer-events: none;
  position: absolute;
  top: -38px;
  width: 20%
}

.recommendedTierHighlight_ebd3d3:after,
.recommendedTierHighlight_ebd3d3:before {
  border-radius: 16px;
  border: 2px solid transparent;
  box-sizing: border-box;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.recommendedTierHighlight_ebd3d3:after {
  border-color: var(--guild-boosting-blue);
  -webkit-mask: linear-gradient(70deg, #000, rgba(0, 0, 0, 0));
  mask: linear-gradient(70deg, #000, rgba(0, 0, 0, 0))
}

.recommendedTierHighlight_ebd3d3:before {
  border-color: var(--guild-boosting-purple)
}

.recommendedTierHighlightTier2_ebd3d3 {
  right: 20%
}

.recommendedTierHighlightTier3_ebd3d3 {
  right: 0
}

.recommendedTierHighlightTag_ebd3d3 {
  background-image: linear-gradient(30deg, var(--guild-boosting-blue), var(--guild-boosting-purple));
  border-radius: 8px;
  padding: 4px 8px;
  position: absolute;
  left: 50%;
  top: 1px;
  text-transform: uppercase;
  transform: translate(-50%, -50%);
  z-index: 2
}

.perkPreviewImage_ebd3d3 {
  background-color: var(--background-secondary-alt);
  border-radius: 8px;
  box-shadow: var(--elevation-high);
  display: block;
  height: 168px;
  width: 280px
}

.wrapper_adc107 {
  text-align: center
}

.heading_adc107 {
  margin-bottom: 32px
}

.topPerksCards_adc107 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px
}

.topPerksCard_adc107 {
  background-color: var(--background-secondary-alt);
  border-radius: 16px;
  box-sizing: border-box;
  flex: 1 1 auto;
  min-width: 340px;
  max-width: 362px;
  padding: 32px 24px;
  width: 25%
}

.topPerksCardImage_adc107 {
  filter: saturate(1);
  filter: saturate(var(--saturation-factor, 1));
  border-radius: 4px;
  display: block;
  height: 128px;
  margin: 0 auto 20px;
  width: auto
}

.topPerksCardHeading_adc107 {
  margin-bottom: 4px
}

.topPerksCardDescription_adc107 {
  color: var(--header-secondary)
}

.headerWave_a586c4 {
  bottom: -1px;
  color: var(--background-primary);
  display: block;
  left: 50%;
  max-height: 400px;
  min-width: 1e3px;
  position: absolute;
  transform: translatex(-50%);
  width: 100%;
  z-index: 1
}

.bodyWave_a586c4 {
  display: block;
  left: 50%;
  max-height: 1200px;
  min-width: 1e3px;
  position: absolute;
  top: 10%;
  transform: translatex(-50%);
  width: 100%;
  z-index: 1
}

.bodyWaveGradientStop1_a586c4 {
  stop-color: var(--background-primary)
}

.bodyWaveGradientStop2_a586c4 {
  stop-color: var(--background-secondary-alt)
}

.bodyWaveGradientStop3_a586c4 {
  stop-color: var(--background-primary)
}

.closeIconWrapper_a50853 {
  margin: 0 auto;
  max-width: 1060px;
  mix-blend-mode: screen;
  position: relative;
  z-index: 2
}

.theme-light .closeIconWrapper_a50853 {
  mix-blend-mode: multiply
}

.closeIcon_a50853 {
  position: absolute;
  right: 24px;
  top: 48px;
  z-index: 2
}

.scroller_a50853 {
  background: var(--background-primary);
  height: 100%;
  position: relative;
  z-index: 1
}

.content_a50853 {
  margin: 0 auto;
  max-width: 1060px
}

.headerContentWrapper_a50853 {
  padding: 100px 32px 32px;
  position: relative;
  z-index: 2
}

.header_a50853 {
  background: center 15%/90%auto url(/assets/b28ad4b1b830f3150d6f.svg)no-repeat, linear-gradient(359.37deg, rgba(0, 0, 0, .5)12.68%, rgba(255, 255, 255, 0)50.4%), linear-gradient(159.15deg, var(--premium-tier-0-header-gradient-1)8.49%, var(--premium-tier-0-header-gradient-2)32.21%, var(--premium-tier-0-header-gradient-3)42.9%, var(--premium-tier-0-header-gradient-4)66.06%, var(--premium-tier-0-header-gradient-5)71.4%);
  position: relative
}

.theme-light .header_a50853 {
  background: center 15%/90%auto url(/assets/b28ad4b1b830f3150d6f.svg)no-repeat, linear-gradient(359.37deg, rgba(255, 255, 255, .5)12.68%, rgba(255, 255, 255, 0)50.4%), linear-gradient(159.15deg, var(--premium-tier-0-header-gradient-1)8.49%, var(--premium-tier-0-header-gradient-2)32.21%, var(--premium-tier-0-header-gradient-3)42.9%, var(--premium-tier-0-header-gradient-4)66.06%, var(--premium-tier-0-header-gradient-5)71.4%)
}

.heading_a50853 {
  margin: 0 auto 48px;
  max-width: 960px;
  text-align: center
}

.middleBodyContentWrapper_a50853 {
  padding: 32px
}

.lowerBody_a50853 {
  position: relative
}

.lowerBodyBackgroundImage_a50853 {
  filter: saturate(1);
  filter: saturate(var(--saturation-factor, 1));
  background: right 285px no-repeat url(/assets/91f5f1f5c058115439e9.svg);
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2
}

@media(max-width:1430px) {
  .lowerBodyBackgroundImage_a50853 {
    display: none
  }
}

.lowerBodyContentWrapper_a50853 {
  padding: 32px;
  position: relative;
  z-index: 2
}

.persistentCtaSpacer_a50853 {
  height: 120px
}

.tierComparisonTable_a50853 {
  margin-bottom: 64px
}

.popoutContainer_c938c7 {
  padding: var(--custom-message-helpers-popout-padding-width)
}

.mainContent_c938c7 {
  display: flex;
  flex-direction: row;
  align-items: start
}

.roleIconContainer_c938c7 {
  margin-right: var(--custom-message-helpers-popout-padding-width);
  width: 40px
}

.roleName_c938c7 {
  margin-bottom: 4px
}

.truncatingText_c938c7 {
  min-width: 0
}

.ctaButton_c938c7 {
  margin: 16px auto 0
}

.ctaButtonContent_c938c7 {
  display: flex;
  justify-content: center;
  align-items: center
}

.boosterBadge_c938c7 {
  margin-right: 3px
}

.wrapper_ec7f0f {
  margin-top: 4px;
  display: flex;
  align-items: center
}

.icon_ec7f0f {
  display: block;
  margin-right: 8px
}

.errorIcon_ec7f0f {
  color: var(--status-danger)
}

@value maxModalWidth from './MarkdownModal.module.css';

.video_f017d0 {
  border-radius: 3px
}

@media(max-width:490px) {
  .video_f017d0 {
    width: auto !important
  }
}

.container_f017d0 {
  padding-bottom: 20px
}

.container_f017d0 p>img,
.image_f017d0 {
  border-radius: 5px
}

.title_f017d0 {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase
}

.lead_f017d0 {
  margin-bottom: 20px;
  border-radius: 5px
}

.added_f017d0,
.fixed_f017d0,
.progress_f017d0,
.improved_f017d0 {
  display: flex;
  align-items: center;
  margin-top: 40px
}

.added_f017d0.marginTop_f017d0,
.fixed_f017d0.marginTop_f017d0,
.progress_f017d0.marginTop_f017d0,
.improved_f017d0.marginTop_f017d0 {
  margin-top: 20px
}

.added_f017d0:after,
.fixed_f017d0:after,
.progress_f017d0:after,
.improved_f017d0:after {
  content: "";
  height: 1px;
  flex: 1 1 auto;
  margin-left: 4px;
  opacity: .6
}

.added_f017d0,
h3.added_f017d0 {
  color: var(--text-positive)
}

.added_f017d0:after,
h3.added_f017d0:after {
  background-color: var(--text-positive)
}

.fixed_f017d0,
h3.fixed_f017d0 {
  color: var(--text-danger)
}

.fixed_f017d0:after,
h3.fixed_f017d0:after {
  background-color: var(--text-danger)
}

.progress_f017d0,
h3.progress_f017d0 {
  color: var(--text-warning)
}

.progress_f017d0:after,
h3.progress_f017d0:after {
  background-color: var(--text-warning)
}

.improved_f017d0,
h3.improved_f017d0 {
  color: var(--text-brand)
}

.improved_f017d0:after,
h3.improved_f017d0:after {
  background-color: var(--text-brand)
}

.footer_f017d0 {
  display: flex
}

.socialLink_f017d0 {
  margin-right: 16px
}

.premiumBanner_f017d0 {
  background-image: linear-gradient(to left, var(--premium-tier-1-purple), var(--premium-tier-1-blue));
  color: var(--white-500);
  display: flex;
  align-items: center;
  border-radius: 5px;
  font-size: 16px;
  line-height: 18px;
  padding: 16px
}

.premiumBanner_f017d0 .premiumIcon_f017d0 {
  flex-shrink: 0;
  margin-right: 16px;
  width: 36px;
  height: 36px
}

.theme-dark .date_f017d0 {
  color: var(--primary-300)
}

.theme-dark .video_f017d0 {
  box-shadow: 0 2px 10px 0 hsl(var(--black-500-hsl)/.2)
}

.theme-dark .socialLink_f017d0 {
  color: var(--primary-300)
}

.theme-light .date_f017d0 {
  color: var(--primary-400)
}

.theme-light .video_f017d0 {
  box-shadow: 0 2px 10px 0 hsl(var(--black-500-hsl)/.1)
}

.theme-light .socialLink_f017d0 {
  color: var(--primary-500)
}

.messagePreviewContainer_b06e1c {
  padding: 16px 16px 16px 0;
  border: 1px solid var(--background-modifier-accent);
  border-radius: 8px;
  max-height: 100px
}

.messageScroller_b06e1c {
  height: 100%
}

.container_b06e1c {
  margin-bottom: 24px
}

.header_b06e1c {
  margin-bottom: 8px;
  color: var(--header-secondary)
}

.attachmentIcon_b06e1c {
  color: var(--interactive-normal)
}

.contentContainer_b06e1c {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.checkboxRow_a7652f:not(:last-child) {
  margin-bottom: 24px
}

.container_b712b6 {
  margin-bottom: var(--spacing-32)
}

.header_b712b6 {
  margin-bottom: var(--spacing-8);
  color: var(--header-secondary)
}

.upsellsContainer_b712b6 {
  border-radius: var(--spacing-8);
  background-color: var(--background-secondary)
}

.visual-refresh .upsellsContainer_b712b6 {
  border-radius: var(--radius-md);
  background-color: var(--background-surface-highest);
  border: 1px solid var(--border-subtle)
}

.container_c07bcc {
  margin-bottom: var(--spacing-16)
}

.header_c07bcc {
  margin-bottom: var(--spacing-8);
  color: var(--header-secondary)
}

.upsellsContainer_c07bcc {
  border-radius: var(--spacing-8);
  background-color: var(--background-secondary);
  margin-bottom: var(--spacing-8)
}

.navLinkButton_c07bcc {
  padding: 0
}

.container_bdd4e2 {
  margin-bottom: 24px
}

.guildContainer_bdd4e2 {
  padding: 16px;
  border: 1px solid var(--background-modifier-accent);
  border-radius: 8px
}

.header_bdd4e2 {
  margin-bottom: 8px;
  color: var(--header-secondary)
}

.guildInfo_bdd4e2 {
  display: flex;
  align-items: center;
  margin-bottom: 8px
}

.guildIcon_bdd4e2 {
  margin-right: 8px
}

.successImg_d875d7 {
  margin-bottom: 16px;
  height: 100px;
  width: 100px
}

.container_b217c5 {
  margin-bottom: 24px
}

.header_b217c5 {
  margin-bottom: 8px
}

.bodyText_b217c5 {
  margin-bottom: 16px
}

.smsNumberText_b217c5 {
  flex: 1
}

.smsNumberContainer_b217c5 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-radius: 4px;
  border: 1px solid var(--background-tertiary);
  padding: 8px
}

.smsNumberContainer_b217c5.copied_b217c5 {
  border-color: var(--status-positive-background)
}

.container_df21b5 {
  margin-bottom: 24px
}

.userContainer_df21b5 {
  padding: 16px;
  border: 1px solid var(--background-modifier-accent);
  border-radius: 8px
}

.header_df21b5 {
  margin-bottom: 8px;
  color: var(--header-secondary)
}

.userInfo_df21b5 {
  display: flex;
  align-items: center
}

.userIcon_df21b5 {
  margin-right: 8px
}

.container_e89716 {
  min-height: 240px;
  max-height: 660px;
  position: relative;
  display: flex;
  flex-direction: column
}

.remediationElementsHeader_e89716 {
  margin-bottom: 8px;
  color: var(--header-secondary)
}

.closeButton_e89716 {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2
}

.header_e89716 {
  padding: 32px 24px 16px
}

.body_e89716 {
  padding: 8px 24px 16px
}

.slideContainer_fc3a81 {
  display: flex;
  flex-direction: column;
  max-height: max(200px, min(100vh - 80px, 660px))
}

.wrapper_cb78f1 {
  position: absolute;
  display: flex;
  gap: 8px;
  z-index: 3;
  transition: opacity.6s ease
}

.wrapper_cb78f1:empty {
  display: none
}

.wrapper_cb78f1.biteSize_cb78f1 {
  top: 12px;
  right: 12px
}

.wrapper_cb78f1.fullSize_cb78f1 {
  top: 12px;
  right: 16px
}

.wrapper_cb78f1.panel_cb78f1 {
  top: 8px;
  right: 8px
}

.wrapper_f7e168 {
  background-color: var(--background-primary);
  box-shadow: var(--elevation-stroke);
  display: grid;
  grid-auto-flow: column;
  box-sizing: border-box;
  height: 32px;
  border-radius: 4px;
  align-items: center;
  justify-content: flex-start;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: box-shadow.1s ease-out;
  position: relative;
  overflow: hidden
}

.visual-refresh .wrapper_f7e168 {
  background-color: var(--background-surface-highest);
  box-shadow: var(--shadow-border), var(--shadow-low)
}

.full-motion .wrapper_f7e168:hover {
  box-shadow: var(--elevation-stroke), var(--elevation-medium)
}

.full-motion.visual-refresh .wrapper_f7e168:hover {
  box-shadow: var(--shadow-border), var(--shadow-medium)
}

.button_f7e168 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  padding: 4px;
  min-width: 24px;
  flex: 0 0 auto;
  color: var(--interactive-normal);
  cursor: pointer;
  position: relative
}

.button_f7e168:hover {
  color: var(--interactive-hover);
  background-color: var(--background-modifier-hover)
}

.button_f7e168:active {
  padding-top: 5px;
  padding-bottom: 3px;
  color: var(--interactive-active);
  background-color: var(--background-modifier-active)
}

.button_f7e168.selected_f7e168 {
  color: var(--interactive-active);
  background-color: var(--background-modifier-selected)
}

.separator_f7e168 {
  flex: 0 0 auto;
  width: 1px;
  margin: 0 4px;
  height: 100%;
  background-color: var(--background-modifier-accent)
}

.button_f7e168.disabled_f7e168,
.button_f7e168.disabled_f7e168:hover,
.button_f7e168.disabled_f7e168:active {
  opacity: .5;
  padding: 4px;
  color: var(--interactive-normal);
  background-color: transparent;
  cursor: default
}

.button_f7e168.dangerous_f7e168 {
  color: var(--status-danger)
}

.button_f7e168.dangerous_f7e168:hover {
  color: var(--red-400)
}

.enable-forced-colors .wrapper_f7e168 {
  border: 1px solid CanvasText;
  height: 36px
}

.enable-forced-colors .button_f7e168 {
  background-color: ButtonFace;
  border: 1px solid ButtonFace;
  color: ButtonText;
  height: 26px;
  min-width: 26px
}

.enable-forced-colors .button_f7e168:hover,
.enable-forced-colors .button_f7e168:active,
.enable-forced-colors .button_f7e168.selected_f7e168 {
  background-color: HighlightText;
  border-color: Highlight;
  color: Highlight
}

.popover_cf8aee {
  z-index: 1;
  position: absolute;
  height: auto;
  border-radius: 100px;
  display: inline-flex;
  gap: 2px;
  padding: 2px;
  top: -16px;
  opacity: 0;
  pointer-events: none
}

.popover_cf8aee.visible_cf8aee,
.popover_cf8aee:focus-within,
.popover_cf8aee:hover {
  opacity: 1
}

.reduce-motion .popover_cf8aee {
  pointer-events: all
}

.activityPopover_cf8aee {
  right: 8px
}

.statusPopover_cf8aee {
  right: min(8px, 50% - 29px)
}

.avatarPopover_cf8aee {
  left: 0;
  right: 0;
  margin: auto;
  width: -moz-fit-content;
  width: fit-content
}

:not(.keyboard-mode).full-motion .popover_cf8aee.visible_cf8aee,
:not(.keyboard-mode).full-motion .popover_cf8aee:focus-within,
:not(.keyboard-mode).full-motion .popover_cf8aee:hover {
  opacity: 0;
  animation: fadeIn_cf8aee.15s ease forwards
}

:not(.keyboard-mode).full-motion .popover_cf8aee.visible_cf8aee.expandable_cf8aee,
:not(.keyboard-mode).full-motion .popover_cf8aee:focus-within.expandable_cf8aee,
:not(.keyboard-mode).full-motion .popover_cf8aee:hover.expandable_cf8aee {
  animation-delay: .45s
}

:not(.keyboard-mode).full-motion .popover_cf8aee.fadeInAndOut_cf8aee {
  opacity: 0;
  animation: fadeIn_cf8aee.15s ease-in forwards, fadeOut_cf8aee.15s 2s ease-out forwards
}

.reduce-motion .popover_cf8aee.fadeInAndOut_cf8aee {
  opacity: 0;
  animation: fadeIn_cf8aee 0s ease-in forwards, fadeOut_cf8aee 0s 2s ease-out forwards
}

@keyframes fadeIn_cf8aee {
  0% {
    top: -14px;
    opacity: 0;
    pointer-events: none
  }

  99% {
    pointer-events: none
  }

  to {
    top: -16px;
    opacity: 1;
    pointer-events: all
  }
}

@keyframes fadeOut_cf8aee {
  0% {
    top: -16px;
    opacity: 1;
    pointer-events: all
  }

  1% {
    pointer-events: none
  }

  to {
    top: -14px;
    opacity: 0;
    pointer-events: none
  }
}

.button_cf8aee {
  height: auto;
  min-width: 0;
  min-width: auto;
  padding: 4px
}

.button_cf8aee:hover {
  background: var(--background-modifier-hover)
}

.button_cf8aee:hover .icon_cf8aee {
  fill: var(--interactive-hover)
}

.button_cf8aee:active {
  background: var(--background-modifier-active)
}

.button_cf8aee:active .icon_cf8aee {
  fill: var(--interactive-active)
}

.tooltipContainer_cf8aee:first-child>.button_cf8aee {
  padding-left: 6px;
  border-radius: 100px 6px 6px 100px;
  margin-left: 0
}

.tooltipContainer_cf8aee:last-child>.button_cf8aee {
  padding-right: 6px;
  border-radius: 6px 100px 100px 6px;
  margin-right: 0
}

.tooltipContainer_cf8aee:empty {
  display: none
}

.container_ff17b4 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101
}

.background_ff17b4 {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--background-secondary);
  opacity: .98
}

.content_ff17b4 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 16px;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column
}

.closeButton_ff17b4 {
  position: absolute;
  right: 16px;
  top: 16px
}

.closeButtonIcon_ff17b4 {
  color: var(--interactive-normal)
}

.header_ff17b4,
.description_ff17b4 {
  text-align: center
}

.upsellImage_ff17b4 {
  width: 124px
}

.noParentContainer_f7a22f {
  top: 0;
  left: 0;
  bottom: 0
}

.hasParentContainer_f7a22f {
  top: -16px;
  left: 0;
  bottom: 0
}

.hasTabParentContainer_f7a22f {
  top: -48px;
  left: 0;
  bottom: 0
}

.container_f7a22f {
  box-sizing: border-box;
  position: absolute;
  background-color: var(--background-secondary);
  z-index: 1001;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.closeButton_f7a22f {
  position: absolute;
  top: 0;
  right: 0;
  margin: 16px;
  color: var(--interactive-active)
}

.contentContainer_f7a22f {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-grow: 2
}

.image_f7a22f {
  margin: 0 0 32px
}

.title_f7a22f {
  padding: 0 32px
}

.titleNoSocialProof_f7a22f {
  margin-bottom: 24px
}

.body_f7a22f {
  padding: 0 32px;
  text-align: center
}

.ctaContainer_f7a22f {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: var(--background-tertiary);
  left: 0;
  bottom: 0;
  box-sizing: border-box;
  padding: 16px;
  border-radius: 0 0 5px 5px
}

.secondaryCTA_f7a22f {
  margin-right: 8px;
  color: var(--premium-nitro-pink-text)
}

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

.banner_c43059 {
  width: 100%;
  border-radius: 8px;
  max-width: 304px
}

.banner_c43059.hasTrialOffer_c43059 {
  max-height: 172px;
  margin-top: 16px;
  margin-bottom: 16px
}

.wrapper_c43059 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 101;
  background-color: var(--background-secondary);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px
}

.closeButton_c43059 {
  position: absolute;
  right: 16px;
  top: 16px;
  color: var(--interactive-normal);
  cursor: pointer
}

.contentFill_c43059 {
  background: var(--gradients-nitro-classic-diagonal, linear-gradient(45deg, var(--premium-tier-1-blue)0%, var(--premium-tier-1-purple)75.25%));
  padding: 36px 84px;
  margin-top: 24px;
  border-radius: 8px
}

.nitroWheel_c43059 {
  color: var(--premium-tier-1-purple);
  padding-right: 4px
}

.content_c43059 {
  display: flex;
  align-items: center;
  flex-direction: column;
  color: var(--text-normal);
  box-sizing: border-box;
  text-align: center
}

.header_c43059 {
  margin: 16px 0 8px;
  display: flex;
  align-items: center;
  justify-content: center
}

.headerText_c43059 {
  margin-left: 4px
}

.subheaderText_c43059 {
  padding: 0 32px;
  max-width: 350px;
  white-space: pre-line;
  color: var(--header-secondary)
}

.subheaderText_c43059 a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: var(--text-normal)
}

.ctaActionWrapper_c43059 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  width: 100%;
  padding: 0 48px;
  box-sizing: border-box
}

.listWrapper_d53d65 {
  overflow-x: hidden;
  overflow-y: scroll;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.listHeight_d53d65 {
  visibility: hidden
}

.listItems_d53d65 {
  contain: layout;
  position: absolute
}

.scroller_d53d65 {
  height: 100%
}

.wrapper_ba23fe {
  background-color: var(--background-tertiary);
  display: grid;
  grid-template-rows: 1fr auto;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 48px;
  border-radius: 0 0 0 8px
}

.enable-forced-colors .wrapper_ba23fe {
  border-right: 1px solid CanvasText
}

.visual-refresh .wrapper_ba23fe {
  background-color: var(--background-base-lower)
}

.container_d03bba {
  display: flex;
  align-items: center
}

.icon_d03bba {
  flex: 0 0 auto;
  color: var(--text-muted);
  width: 20px;
  height: 20px;
  margin-right: 8px
}

.visual-refresh .icon_d03bba {
  margin-left: -2px;
  margin-right: calc(-2px + var(--space-8))
}

.size56_d03bba .avatarContainer_d03bba {
  width: 56px;
  height: 56px
}

.size56_d03bba .avatarContainerMasked_d03bba {
  margin-right: -14px;
  width: 56px;
  height: 56px
}

.size56_d03bba .clickableAvatar_d03bba,
.size56_d03bba .emptyUser_d03bba {
  width: 56px;
  height: 56px
}

.size32_d03bba .avatarContainer_d03bba {
  width: 32px;
  height: 32px
}

.size32_d03bba .avatarContainerMasked_d03bba {
  margin-right: -8px;
  width: 32px;
  height: 32px
}

.size32_d03bba .clickableAvatar_d03bba,
.size32_d03bba .emptyUser_d03bba {
  width: 32px;
  height: 32px
}

.size24_d03bba .avatarContainer_d03bba {
  width: 24px;
  height: 24px
}

.size24_d03bba .avatarContainerMasked_d03bba {
  margin-right: -6px;
  width: 24px;
  height: 24px
}

.size24_d03bba .clickableAvatar_d03bba,
.size24_d03bba .emptyUser_d03bba {
  width: 24px;
  height: 24px
}

.size16_d03bba .avatarContainer_d03bba {
  width: 16px;
  height: 16px
}

.size16_d03bba .avatarContainerMasked_d03bba {
  margin-right: -3px;
  width: 16px;
  height: 16px
}

.size16_d03bba .clickableAvatar_d03bba,
.size16_d03bba .emptyUser_d03bba {
  width: 16px;
  height: 16px
}

.clickableAvatar_d03bba {
  border-radius: 50%;
  cursor: pointer
}

.emptyUser_d03bba {
  border-radius: 50%;
  background: var(--background-accent)
}

.avatar_d03bba {
  width: 100%;
  height: 100%;
  border-radius: 50%
}

.moreUsers_d03bba {
  box-sizing: border-box;
  background-color: var(--background-tertiary);
  font-weight: 500;
  color: var(--text-normal);
  display: flex;
  justify-content: center;
  align-items: center
}

.size56_d03bba .moreUsers_d03bba {
  font-size: 24px;
  height: 56px;
  min-width: 56px;
  border-radius: 28px;
  padding: 0 8px
}

.size32_d03bba .moreUsers_d03bba {
  font-size: 12px;
  height: 32px;
  min-width: 32px;
  border-radius: 16px;
  padding: 0 8px
}

.size24_d03bba .moreUsers_d03bba {
  font-size: 12px;
  height: 24px;
  min-width: 24px;
  border-radius: 12px;
  padding: 0 8px
}

.size16_d03bba .moreUsers_d03bba {
  font-size: 10px;
  height: 16px;
  min-width: 16px;
  border-radius: 8px;
  padding: 0 4px
}

.premiumTooltipFooterBackground_d56d78 {
  background: linear-gradient(90deg, #b473f5 0%, #e292aa 100%);
  width: "100%"
}

.tooltipBodyContainer_d56d78 {
  text-align: center;
  padding: 8px 12px
}

.tooltipPremiumFooterContainer_d56d78 {
  background: linear-gradient(90deg, #b473f5 0%, #e292aa 100%);
  color: #fff;
  border-radius: 0 0 5px 5px;
  display: flex;
  justify-content: center;
  align-items: center
}

.tooltipRemovePadding_d56d78 {
  padding: 0
}

.gemIcon_d56d78 {
  margin-top: 2px;
  margin-left: -4px
}

.tooltipPremiumFooterSegment_d56d78 {
  flex-basis: 0;
  flex-grow: 1;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center
}

.tooltipPremiumFooterTierSegment_d56d78 {
  border-right: 1px solid;
  border-color: var(--background-floating)
}

.clanBadgeContainer_d56d78 img {
  margin: 0
}

.row_a6ae3c {
  display: flex;
  align-items: center
}

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

.rowGuildName_a6ae3c {
  align-items: flex-start
}

.rowIcon_a6ae3c {
  flex-shrink: 0;
  margin-right: 8px
}

.rowIconV2_a6ae3c {
  margin-top: 2px
}

.activityIcon_a6ae3c {
  width: var(--custom-guild-tooltip-icon-size);
  height: var(--custom-guild-tooltip-icon-size);
  color: var(--interactive-normal)
}

.stageListenerPill_a6ae3c {
  margin-left: 8px;
  padding: 0 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: var(--background-tertiary);
  border-radius: 12px;
  height: 24px
}

.stageListenerCount_a6ae3c {
  margin-left: 4px
}

.guildNameText_a6ae3c {
  word-wrap: break-word;
  color: var(--text-normal);
  min-width: 0
}

.viewAsRolesWarning_a6ae3c {
  margin: 8px 0 4px
}

.guildNameTextLimitedSize_a6ae3c {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.muteText_a6ae3c {
  font-weight: 500
}

.muteTextWithActivity_a6ae3c {
  margin-top: 8px
}

.invitesDisabledTooltip_a6ae3c {
  margin-top: 2px
}

.navigationIcon_bba834 {
  display: block;
  width: 48px;
  height: 48px
}

.badgeIcon_bba834 {
  width: 12px;
  height: 12px
}

.guildSeparator_bba834 {
  height: 2px;
  width: 32px;
  border-radius: 1px;
  background-color: var(--background-modifier-accent)
}

.guildsError_bba834 {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
  padding: 0;
  font-size: 20px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--background-primary);
  color: var(--text-normal);
  border-color: var(--status-danger);
  transition: background-color.15s ease-out
}

.errorInner_bba834 {
  font-weight: 700
}

.guildsError_bba834:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--white-500);
  border-color: var(--status-danger);
  background-color: var(--status-danger)
}

.circleButtonBase_bba834 {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 48px;
  height: 48px;
  transition: color.15s ease-out, background-color.15s ease-out
}

.circleIconButton_bba834 {
  color: var(--green-360);
  background-color: var(--background-primary)
}

.circleIconButton_bba834.selected_bba834 {
  color: var(--white-500);
  background-color: var(--green-360)
}

.nitroUpsell_bba834 {
  background: linear-gradient(135deg, var(--premium-tier-2-purple)0%, var(--premium-tier-2-pink)100%);
  color: var(--white-500)
}

.nitroUpsellIcon_bba834 {
  stroke: black 2px
}

.circleIcon_bba834 {
  width: 24px;
  height: 24px
}

.plus_bba834 {
  position: relative;
  top: -1px;
  font-size: 40px;
  line-height: 40px;
  font-weight: 400
}

.createJoinContainer_bba834 {
  position: relative;
  width: 50px
}

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

.listItem_bba834 {
  position: relative;
  margin: 0 0 8px;
  display: flex;
  justify-content: center;
  width: var(--custom-list-items-list-item-width)
}

.listItemWrapper_bba834:active {
  transform: translatey(1px)translatez(0)
}

.listItemTooltip_bba834 {
  max-width: 196px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  word-wrap: break-word
}

.placeholderMask_bba834 {
  display: block
}

.dragInner_bba834 {
  width: 48px;
  height: 48px
}

.iconBadge_bba834 {
  background-color: var(--background-accent)
}

.iconBadge_bba834.participating_bba834 {
  background-color: var(--green-360)
}

.unavailableBadge_bba834 {
  color: var(--red-400) !important;
  background-color: var(--white-500)
}

.dragInner_bba834 {
  background-color: var(--background-primary)
}

.tutorialContainer_bba834 {
  position: relative
}

.upsellTooltip_bba834 {
  display: flex
}

.upsellIcon_bba834 {
  flex: 0 0 auto;
  margin-right: 8px;
  margin-left: -6px
}

.upsellText_bba834 {
  flex: 1 1 auto;
  line-height: 22px
}

.listItemTooltip_bba834 {
  color: var(--text-normal)
}

.guildIcon_bfabc4 {
  align-items: center;
  background-color: var(--background-primary);
  color: var(--text-normal);
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%
}

.mask_bfabc4 {
  display: block
}

.guildAcronym_bfabc4 {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis
}

.guildIconWithoutImage_bfabc4 {
  background-color: var(--background-primary)
}

.categoryItemLockIconContainer_bfabc4 {
  position: absolute;
  background-color: var(--background-primary);
  border-radius: 50%;
  border: 1px solid var(--background-tertiary);
  height: 16px;
  width: 16px;
  top: auto;
  right: -1px;
  bottom: -1px;
  left: auto
}

.categoryItemLockIcon_bfabc4 {
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: var(--icon-primary)
}

.categoryItem_dfa278 {
  cursor: pointer
}

.categoryItemGuildCategory_dfa278,
.categoryItemPackCategory_dfa278 {
  height: var(--custom-emoji-picker-constants-guild-category-icon-size);
  margin-bottom: var(--custom-emoji-picker-constants-guild-category-icon-margin-verical);
  width: var(--custom-emoji-picker-constants-guild-category-icon-size);
  position: relative
}

.categoryItemDefaultCategory_dfa278 {
  border-radius: 4px;
  height: var(--custom-emoji-picker-constants-unicode-category-icon-size);
  margin-bottom: var(--custom-emoji-picker-constants-unicode-category-icon-margin-vertical);
  padding: var(--custom-emoji-picker-constants-unicode-category-icon-padding);
  transition: background-color.1s ease-in-out;
  width: var(--custom-emoji-picker-constants-unicode-category-icon-size)
}

.categoryItemDefaultCategory_dfa278:hover {
  background-color: var(--background-modifier-hover)
}

.categoryItemDefaultCategory_dfa278:hover .categoryIcon_dfa278 {
  color: var(--interactive-hover)
}

.categoryItemRecentEmoji_dfa278 {
  margin-bottom: var(--custom-emoji-picker-constants-guild-category-icon-margin-verical)
}

.categoryItemDefaultCategorySelected_dfa278,
.categoryItemDefaultCategorySelected_dfa278:hover {
  background-color: var(--background-primary)
}

.categoryItemDefaultCategorySelected_dfa278 .categoryIcon_dfa278,
.categoryItemDefaultCategorySelected_dfa278:hover .categoryIcon_dfa278 {
  color: var(--interactive-active)
}

.categoryIcon_dfa278 {
  color: var(--interactive-normal)
}

.guildCategorySeparator_dfa278 {
  margin: var(--custom-emoji-picker-constants-category-separator-margin-vertical)0 var(--custom-emoji-picker-constants-category-separator-margin-vertical);
  border: none;
  border-bottom: var(--custom-emoji-picker-constants-category-separator-size)solid var(--background-modifier-accent)
}

.theme-light .categoryItemDefaultCategorySelected_dfa278 .categoryIcon_dfa278,
.theme-light .categoryItemDefaultCategorySelected_dfa278:hover .categoryIcon_dfa278 {
  color: var(--interactive-active)
}

.unicodeShortcut_dfa278 {
  align-items: center;
  background: inherit;
  color: var(--interactive-normal);
  cursor: pointer;
  bottom: 0;
  display: flex;
  height: var(--custom-emoji-picker-constants-unicode-category-shortcut-height);
  justify-content: center;
  left: 0;
  opacity: 1;
  position: absolute;
  width: 100%
}

.full-motion .unicodeShortcut_dfa278 {
  transition: opacity.1s, transform.1s
}

.unicodeShortcut_dfa278:hover {
  color: var(--interactive-hover)
}

.visual-refresh .unicodeShortcut_dfa278 {
  box-sizing: border-box;
  border-top: 1px solid var(--border-normal)
}

.unicodeShortcutInvisible_dfa278 {
  opacity: 0;
  transform: translatey(var(--custom-emoji-picker-constants-unicode-category-shortcut-height))
}

.hideUnicodeShortcut_dfa278 {
  display: none
}

.enable-forced-colors .unicodeShortcut_dfa278 {
  background-color: ButtonFace;
  border-top: 1px solid CanvasText;
  color: ButtonText;
  height: calc(-1px + var(--custom-emoji-picker-constants-unicode-category-shortcut-height))
}

.enable-forced-colors .categoryItemGuildCategory_dfa278,
.enable-forced-colors .categoryItemDefaultCategory_dfa278 {
  border: 1px solid Canvas;
  border-radius: 4px;
  transition: none
}

.enable-forced-colors .categoryItemGuildCategory_dfa278 .categoryIcon_dfa278,
.enable-forced-colors .categoryItemDefaultCategory_dfa278 .categoryIcon_dfa278 {
  color: ButtonText
}

.enable-forced-colors .categoryItemGuildCategory_dfa278:hover,
.enable-forced-colors .categoryItemDefaultCategory_dfa278:hover {
  background: ButtonFace;
  border-color: ButtonText
}

.enable-forced-colors .categoryItemDefaultCategorySelected_dfa278,
.enable-forced-colors .categoryItemDefaultCategorySelected_dfa278:hover {
  background-color: HighlightText;
  border-color: Highlight
}

.enable-forced-colors .categoryItemDefaultCategorySelected_dfa278 .categoryIcon_dfa278,
.enable-forced-colors .categoryItemDefaultCategorySelected_dfa278:hover .categoryIcon_dfa278 {
  color: Highlight
}

.guildEmojiSectionItems_dfa278 {
  position: relative
}

.guildEmojiSectionHighlighted_dfa278:before {
  content: "";
  position: absolute;
  top: -4px;
  left: -8px;
  right: -8px;
  bottom: 0
}

.theme-dark .guildEmojiSectionHighlighted_dfa278:before {
  background: linear-gradient(90deg, #503572 0%, #673471 50%, #623e55 100%)
}

.theme-light .guildEmojiSectionHighlighted_dfa278:before {
  background: linear-gradient(90deg, #d7c6ec 0%, #e7c5ea 50%, #e3ccd9 100%)
}

.wrapper_e8db51 {
  background-color: var(--background-tertiary);
  border-radius: 4px;
  display: flex;
  padding: 10px 8px 8px;
  margin: 8px 8px 0;
  font-size: 12px;
  font-weight: 500;
  color: var(--text-normal)
}

.icon_e8db51 {
  min-width: var(--custom-emoji-picker-constants-emoji-size);
  height: 16px;
  color: var(--status-danger)
}

.close_e8db51 {
  width: 14px;
  height: 14px;
  color: var(--interactive-normal);
  cursor: pointer
}

.close_e8db51:hover {
  color: var(--interactive-hover)
}

.content_e8db51 {
  flex: 1 1 auto
}

@value iconSize 20px;

.visuallyHidden_d1ac9b {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.tooltip_d1ac9b {
  max-width: 275px
}

.tooltipContainer_d1ac9b {
  display: flex;
  align-items: center;
  justify-content: center
}

.tooltipHeadingContainer_d1ac9b {
  display: flex;
  align-items: center
}

.nitroWheel_d1ac9b {
  padding-right: 4px
}

.shine_d1ac9b {
  visibility: hidden;
  animation-duration: 1.5s;
  animation-name: Shine_d1ac9b;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  color: hsl(var(--white-500-hsl)/.1)
}

@keyframes Shine_d1ac9b {
  0% {
    transform: translate3d(-100%, 0, 0)
  }

  to {
    transform: translate3d(200%, 0, 0)
  }
}

input[type=checkbox]:focus-visible+.label_d1ac9b {
  box-shadow: 0 0 8px var(--brand-500)
}

.label_d1ac9b {
  position: relative;
  display: flex;
  padding: 6px;
  color: var(--text-normal);
  background: var(--background-tertiary);
  border-radius: var(--radius-lg);
  cursor: pointer;
  overflow: hidden;
  width: 20px;
  height: 20px;
  transition: background.25s ease-out
}

.labelChecked_d1ac9b {
  background: var(--brand-500);
  box-shadow: none
}

.label_d1ac9b:hover .shine_d1ac9b {
  visibility: visible
}

.icon_d1ac9b {
  position: absolute;
  transition: opacity.3s;
  opacity: 1
}

.diversitySelectorButton_cce80d {
  width: var(--custom-emoji-picker-constants-diversity-emoji-size);
  height: var(--custom-emoji-picker-constants-diversity-emoji-size);
  cursor: pointer
}

.diversitySelectorOptions_cce80d {
  background-color: var(--background-secondary-alt);
  position: absolute;
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  border: 1px solid var(--background-tertiary);
  top: 12px;
  right: 7px
}

.diversitySelectorOptionsHasTabWrapper_cce80d {
  top: 0;
  right: 11px
}

.diversityEmojiItem_cce80d {
  width: var(--custom-emoji-picker-constants-diversity-emoji-size);
  height: var(--custom-emoji-picker-constants-diversity-emoji-size);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  padding: var(--custom-emoji-picker-constants-emoji-container-padding-vertical)var(--custom-emoji-picker-constants-emoji-container-padding-horizontal);
  cursor: pointer;
  transition: background-color.1s ease-in-out
}

.diversityEmojiItem_cce80d:hover {
  background-color: var(--background-modifier-hover)
}

.diversityEmojiItemImage_cce80d {
  width: var(--custom-emoji-picker-constants-diversity-emoji-size);
  height: var(--custom-emoji-picker-constants-diversity-emoji-size)
}

.enable-forced-colors .diversitySelectorButton_cce80d {
  background-color: HighlightText;
  border: 1px solid Highlight;
  border-radius: 4px;
  padding: 2px
}

.enable-forced-colors .diversityEmojiItem_cce80d {
  background-color: ButtonFace;
  border: 1px solid ButtonFace;
  border-radius: 4px
}

.enable-forced-colors .diversityEmojiItem_cce80d:hover {
  border-color: ButtonText
}

.wrapper_c6ee36 {
  position: relative;
  border-radius: var(--custom-emoji-picker-border-radius);
  transition: box-shadow.2s ease-out
}

.wrapper_c6ee36.isBurstReactionPicker_c6ee36 {
  border-radius: var(--custom-emoji-picker-border-radius);
  box-shadow: 0 0 0 2px var(--bg-brand)
}

.wrapper_c6ee36.isBurstReactionPicker_c6ee36:before {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  box-shadow: 0 0 100px var(--bg-brand);
  opacity: .5;
  pointer-events: none
}

.emojiPicker_c6ee36 {
  background-color: var(--background-secondary);
  box-shadow: var(--shadow-border), var(--shadow-high);
  border-bottom-right-radius: var(--custom-emoji-picker-border-radius);
  border-bottom-left-radius: var(--custom-emoji-picker-border-radius);
  display: grid;
  grid-template-columns: 48px auto;
  grid-template-rows: auto 1fr auto;
  height: var(--custom-emoji-picker-constants-emoji-picker-height);
  overflow: hidden;
  width: var(--custom-emoji-picker-constants-min-emoji-picker-width)
}

.emojiPickerHasTabWrapper_c6ee36 .emojiPicker_c6ee36 {
  background-color: transparent;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: none;
  flex: 1 1 auto;
  grid-template-rows: auto 1fr auto;
  height: 100%;
  width: auto
}

.header_c6ee36 {
  display: flex;
  background-color: var(--background-secondary);
  border-top-left-radius: var(--custom-emoji-picker-border-radius);
  border-top-right-radius: var(--custom-emoji-picker-border-radius);
  align-items: center;
  box-shadow: var(--shadow-low);
  margin: 0 -1px;
  padding: 12px;
  z-index: 100;
  position: relative;
  grid-column: 1/3
}

.emojiPickerHasTabWrapper_c6ee36 .header_c6ee36 {
  padding: 0 16px 16px;
  margin: 0;
  background-color: transparent;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.visual-refresh .header_c6ee36 {
  background-color: var(--background-surface-high);
  border-bottom: 1px solid var(--border-subtle);
  box-shadow: none;
  padding: var(--custom-gif-picker-gutter-size);
  padding-top: var(--spacing-16)
}

.visual-refresh .emojiPickerHasTabWrapper_c6ee36 .header_c6ee36 {
  padding: var(--custom-gif-picker-gutter-size)
}

.searchBar_c6ee36 {
  flex: 1;
  margin-right: var(--spacing-12)
}

.searchBarFullRow_c6ee36 {
  grid-column: 1/3
}

.diversitySelector_c6ee36 {
  grid-column: 2/3
}

.categoryList_c6ee36 {
  position: absolute;
  top: 58px;
  bottom: 0;
  left: 0;
  width: 48px;
  overflow: hidden;
  border-bottom-left-radius: var(--custom-emoji-picker-border-radius)
}

.emojiPickerHasTabWrapper_c6ee36 .categoryList_c6ee36 {
  top: 50px
}

.bodyWrapper_c6ee36 {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-column: 2/3;
  grid-row: 2/3;
  position: relative
}

.emojiPickerListWrapper_c6ee36 {
  grid-row: 2/2;
  overflow: hidden;
  position: relative
}

.inspector_c6ee36 {
  grid-column: 2/3;
  grid-row: 3/4
}

.burstToggle_c6ee36 {
  margin-right: 12px
}

.enable-forced-colors .header_c6ee36 {
  border-bottom: 1px solid CanvasText
}

@media(max-width:485px) {
  .emojiPicker_c6ee36 {
    width: 350px
  }
}

.inspector_c3120f {
  box-sizing: border-box;
  height: var(--custom-expression-picker-constants-expression-picker-inspector-bar-height);
  width: 100%;
  padding: 0 16px;
  background-color: var(--background-secondary-alt);
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  overflow: hidden
}

.visual-refresh .inspector_c3120f {
  background-color: var(--background-base-lower);
  border-top: 1px solid var(--border-normal)
}

.graphicPrimary_c3120f {
  height: var(--custom-expression-picker-constants-expression-picker-inspector-bar-graphic-primary-dimensions);
  width: var(--custom-expression-picker-constants-expression-picker-inspector-bar-graphic-primary-dimensions)
}

.graphicSecondary_c3120f {
  height: var(--custom-expression-picker-constants-expression-picker-inspector-bar-graphic-secondary-dimensions);
  margin-left: 8px;
  width: var(--custom-expression-picker-constants-expression-picker-inspector-bar-graphic-secondary-dimensions)
}

.textWrapper_c3120f {
  flex: 1;
  margin-left: 8px;
  overflow: hidden
}

.titlePrimary_c3120f {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.titleSecondary_c3120f {
  color: var(--interactive-normal);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.favorite_c3120f {
  margin-right: 3px;
  margin-bottom: -1px
}

.badgeLabel_c3120f {
  display: flex;
  flex-direction: row;
  border-radius: 4px;
  padding: 4px 8px;
  gap: 4px;
  text-transform: uppercase
}

.topGuildEmojiBadge_c3120f {
  background: linear-gradient(268.26deg, #bf5151 0%, #db803f 102.45%)
}

.newlyAddedBadge_c3120f {
  background: linear-gradient(268.26deg, #097d8d 0%, #60a654 102.45%)
}

.newlyAddedBadgeIcon_c3120f {
  width: 14px;
  height: 14px;
  margin: 2px 2px 0 0;
  color: white
}

.enable-forced-colors .inspector_c3120f {
  border-top: 1px solid CanvasText
}

.emoji_f48b14 {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%
}

.glyphEmoji_f48b14 {
  align-items: center;
  display: flex;
  justify-content: center;
  overflow: hidden;
  white-space: nowrap
}

.icon_f48b14 {
  transform-origin: 50%50%;
  width: 100%;
  height: 100%;
  fill: var(--interactive-normal)
}

.wrapper_e78f9e {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
  font-size: 14px;
  font-weight: 500
}

.sadImage_e78f9e {
  width: 90px;
  height: 90px;
  background-size: 90px;
  background-repeat: no-repeat;
  margin-bottom: 20px
}

.theme-dark .wrapper_e78f9e {
  color: var(--primary-400)
}

.theme-dark .sadImage_e78f9e {
  background-image: url(/assets/ce18da85603ddf121c29.svg)
}

.theme-light .wrapper_e78f9e,
.theme-dark .forceLightTheme_e78f9e .wrapper_e78f9e {
  color: #99aab5
}

.theme-light .sadImage_e78f9e,
.theme-dark .forceLightTheme_e78f9e .sadImage_e78f9e {
  background-image: url(/assets/789324c5b98edd691675.svg)
}

.wrapper_e06857 {
  align-items: center;
  background-color: var(--background-secondary);
  box-sizing: border-box;
  display: flex;
  height: var(--custom-expression-picker-constants-expression-picker-list-section-heading-height);
  padding: 0 4px 0 12px;
  z-index: 1
}

.wrapper_e06857:after {
  content: "";
  background-color: inherit;
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0;
  top: -2px
}

.header_e06857 {
  color: var(--header-secondary);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 12px;
  font-weight: 600;
  transition: color.125s
}

.visual-refresh .wrapper_e06857 {
  background-color: var(--background-surface-high)
}

.interactive_e06857:hover {
  cursor: pointer
}

.interactive_e06857:hover:hover {
  color: var(--interactive-active)
}

.headerIcon_e06857 {
  display: contents;
  height: 100%;
  margin-right: 8px
}

.headerLabel_e06857 {
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  margin-right: 8px
}

.headerIcon_e06857+.headerLabel_e06857 {
  margin-left: 8px
}

.full-motion .headerCollapseIcon_e06857 {
  transition: transform.1s
}

.headerCollapseIconCollapsed_e06857 {
  transform: rotate(270deg)
}

.enable-forced-colors .wrapper_e06857 {
  border-bottom: 1px solid CanvasText
}

.enable-forced-colors .interactive_e06857 {
  forced-color-adjust: none;
  background-color: ButtonFace;
  color: ButtonText
}

.enable-forced-colors .interactive_e06857:hover {
  color: ButtonText
}

.upsellButton_ad7baa {
  margin-left: auto;
  background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color);
  border-radius: 3px;
  flex-shrink: 0
}

.upsellContainer_ad7baa {
  display: flex;
  align-items: center;
  padding: 12px;
  border-radius: 12px;
  background: linear-gradient(var(--background-secondary), var(--background-secondary))padding-box, var(--custom-premium-colors-premium-gradient-tier-2-tri-color)border-box
}

.upsellContainerShadow_ad7baa {
  filter: drop-shadow(0 0 10px rgba(184, 69, 193, .50196))
}

.upsellContainerFloating_ad7baa {
  position: absolute;
  top: auto;
  right: var(--spacing-16);
  bottom: var(--spacing-8);
  left: var(--spacing-8)
}

.upsellContainerInline_ad7baa {
  flex: 1;
  margin: var(--spacing-8)var(--spacing-16)
}

.upsellText_ad7baa {
  margin: auto 16px auto 8px;
  flex: 1
}

.nitroTopDividerContainer_e8f337 {
  display: flex;
  flex-direction: column;
  padding-top: var(--custom-emoji-picker-constants-emoji-premium-upsell-margin-top)
}

.nitroTopDividerUpper_e8f337 {
  height: 12px
}

.nitroTopDividerShadow_e8f337 {
  box-shadow: 0 -5px 30px 4px var(--premium-tier-2-purple)
}

.glow_e8f337.reducedMotion_e8f337 {
  opacity: 0
}

.glow_e8f337:not(.reducedMotion_e8f337) {
  animation: glowAnimation_e8f337 5s forwards
}

@keyframes glowAnimation_e8f337 {
  0% {
    opacity: 0
  }

  60% {
    opacity: 0
  }

  80% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.nitroTopDividerLockContainer_e8f337 {
  display: flex;
  align-items: center
}

.nitroTopDividerLockBorder_e8f337 {
  height: 1px;
  width: 100%;
  background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color)
}

.nitroTopDividerLockCircle_e8f337 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color);
  z-index: 9999
}

.nitroTopDividerLockBorderReversed_e8f337 {
  height: 1px;
  width: 100%;
  background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color-reverse)
}

.nitroTopDividerLower_e8f337 {
  height: 12px;
  background-color: var(--premium-tier-2-purple)
}

.reverseTrialTopDividerLower_e8f337 {
  height: 25px;
  background-color: var(--premium-tier-2-purple);
  opacity: .2
}

.premiumUnlockAnimation_e8f337 {
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
  z-index: 9999;
  animation: shrink_e8f337 2s forwards
}

@keyframes shrink_e8f337 {
  0% {
    height: 67px;
    width: 67px
  }

  75% {
    height: 66px;
    width: 66px
  }

  90% {
    height: 32px;
    width: 32px
  }

  to {
    height: 32px;
    width: 32px;
    display: none
  }
}

.premiumUnlockedWithNitroPillContainer_e8f337 {
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
  z-index: 9999;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 16px;
  border-radius: 14px;
  background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color);
  box-shadow: 0 0 4px 0 rgba(194, 105, 195, .6)inset;
  opacity: 0;
  height: 24px;
  overflow: hidden
}

.premiumUnlockedWithNitroPillContainer_e8f337.reducedMotion_e8f337 {
  opacity: 1
}

.premiumUnlockedWithNitroPillContainer_e8f337:not(.reducedMotion_e8f337) {
  animation: expand_e8f337 2s 2s forwards
}

@keyframes expand_e8f337 {
  0% {
    max-width: 0;
    opacity: 1
  }

  to {
    max-width: 200px;
    opacity: 1
  }
}

.image_b000dd {
  -o-object-fit: contain;
  object-fit: contain;
  pointer-events: none;
  color: transparent
}

.imageLoading_b000dd {
  background-repeat: no-repeat;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: 100px;
  object-position: 100px;
  pointer-events: none;
  color: transparent
}

.images-light .imageLoading_b000dd {
  background-image: url(/assets/ff5b3827ebf403d8541e.png)
}

.images-dark .imageLoading_b000dd {
  background-image: url(/assets/3864defb29e5da1a90f5.png)
}

.emojiSpriteImage_bcf389 {
  -o-object-fit: contain;
  object-fit: contain;
  pointer-events: none
}

.emojiLockIconContainer_bcf389 {
  position: absolute;
  height: 40px;
  width: 40px;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: hsl(var(--black-500-hsl)/.6);
  border-radius: 2px;
  pointer-events: none
}

.emojiLockIcon_bcf389 {
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: var(--icon-primary)
}

.lockedEmoji_bcf389 {
  border-radius: 2px
}

.theme-light .emojiLockIconContainer_bcf389 {
  background: hsl(var(--primary-200-hsl)/.6)
}

@keyframes ripple_fbfedd {
  0% {
    transform: scale(.8);
    opacity: 1
  }

  to {
    transform: scale(1.6);
    opacity: 0
  }
}

.emojiListRow_fbfedd {
  display: grid;
  grid-auto-flow: column;
  padding-left: 8px
}

.newlyAddedHighlightContainer_fbfedd .emojiListRow_fbfedd {
  padding-left: 0
}

.topEmojiSectionContainer_fbfedd {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px
}

.topEmojiContainer_fbfedd {
  display: grid;
  grid-auto-flow: column
}

.topEmojiContainer_fbfedd.noEmojis_fbfedd {
  display: none
}

.newlyAddedHighlightContainer_fbfedd {
  display: flex;
  flex-direction: column;
  position: relative
}

.newlyAddedBadge_fbfedd {
  background-color: #2d7d46;
  border-radius: 0 0 4px 4px;
  z-index: 1;
  display: flex;
  position: absolute;
  flex-direction: row;
  margin-left: auto;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  bottom: calc(-1*var(--custom-emoji-picker-constants-newly-added-emoji-badge-height))
}

.newlyAddedBadge_fbfedd.alignRight_fbfedd {
  right: 0
}

.newlyAddedBadgeMedium_fbfedd {
  width: calc(2px + var(--custom-emoji-picker-constants-emoji-size-medium) + 2*var(--custom-emoji-picker-constants-emoji-container-padding-horizontal))
}

.newlyAddedBadgeLarge_fbfedd {
  width: calc(2px + var(--custom-emoji-picker-constants-emoji-size-large) + 2*var(--custom-emoji-picker-constants-emoji-container-padding-horizontal))
}

.newlyAddedBadgeStar_fbfedd {
  width: 12px;
  height: 12px;
  margin-right: 2px;
  color: white
}

.newlyAddedHighlight_fbfedd {
  border: 1px solid#2d7d46;
  border-radius: 4px 4px 4px 0;
  z-index: 1
}

.newlyAddedHighlight_fbfedd.alignRight_fbfedd {
  border-radius: 4px 4px 0
}

.newlyAddedHighlight_fbfedd.oneItem_fbfedd {
  border-radius: 4px 4px 0 0
}

.newlyAddedHighlightContainer_fbfedd:hover .newlyAddedHighlight_fbfedd {
  border: 1px solid rgba(45, 125, 70, .5)
}

.newlyAddedHighlightContainer_fbfedd:hover .newlyAddedBadge_fbfedd {
  background-color: rgba(45, 125, 70, .5)
}

.emojiListRowLargeSize_fbfedd {
  grid-template-columns: repeat(auto-fill, calc(var(--custom-emoji-picker-constants-emoji-size-large) + 2*var(--custom-emoji-picker-constants-emoji-container-padding-vertical)));
  height: calc(var(--custom-emoji-picker-constants-emoji-size-large) + 2*var(--custom-emoji-picker-constants-emoji-container-padding-vertical))
}

.emojiListRowMediumSize_fbfedd {
  grid-template-columns: repeat(auto-fill, calc(var(--custom-emoji-picker-constants-emoji-size-medium) + 2*var(--custom-emoji-picker-constants-emoji-container-padding-vertical)));
  height: calc(var(--custom-emoji-picker-constants-emoji-size-medium) + 2*var(--custom-emoji-picker-constants-emoji-container-padding-vertical))
}

.emojiItem_fbfedd {
  background: none;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  outline: none;
  padding: var(--custom-emoji-picker-constants-emoji-container-padding-vertical)var(--custom-emoji-picker-constants-emoji-container-padding-horizontal);
  position: relative
}

.emojiItem_fbfedd:focus {
  outline: none
}

.emojiItem_fbfedd.emojiItemSelected_fbfedd {
  background-color: var(--background-accent)
}

.emojiItem_fbfedd.expandCollapseButtonSelected_fbfedd {
  background-color: var(--background-accent);
  border-radius: var(--radius-round)
}

.emojiItem_fbfedd:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  transform-origin: center;
  opacity: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  border: 3px solid var(--yellow-300);
  border-radius: 100%;
  pointer-events: none
}

.full-motion .emojiItem_fbfedd:after {
  transition: all.15s ease-in-out
}

.emojiItem_fbfedd.showPulse_fbfedd:after {
  animation: ripple_fbfedd.25s ease-out 1
}

.emojiItemLarge_fbfedd {
  height: calc(var(--custom-emoji-picker-constants-emoji-size-large) + 2*var(--custom-emoji-picker-constants-emoji-container-padding-vertical));
  width: calc(var(--custom-emoji-picker-constants-emoji-size-large) + 2*var(--custom-emoji-picker-constants-emoji-container-padding-horizontal))
}

.emojiItemMedium_fbfedd {
  height: calc(var(--custom-emoji-picker-constants-emoji-size-medium) + 2*var(--custom-emoji-picker-constants-emoji-container-padding-vertical));
  width: calc(var(--custom-emoji-picker-constants-emoji-size-medium) + 2*var(--custom-emoji-picker-constants-emoji-container-padding-horizontal))
}

.icon_fbfedd {
  transform-origin: 50%50%;
  width: 100%;
  height: 100%;
  fill: var(--interactive-normal)
}

.icon_fbfedd:hover .icon_fbfedd {
  fill: var(--interactive-hover)
}

.keyboard-mode .emojiItem_fbfedd.emojiItemSelected_fbfedd {
  position: relative
}

.keyboard-mode .emojiItem_fbfedd.emojiItemSelected_fbfedd:before {
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  --__adaptive-radius: 4px;
  border-radius: 4px;
  border-radius: var(--__adaptive-radius);
  --__adaptive-focus-color: var(--interactive-hover);
  border: 2px solid var(--interactive-hover);
  border: 2px solid var(--__adaptive-focus-color);
  z-index: 1
}

.enable-forced-colors .emojiItem_fbfedd.emojiItemSelected_fbfedd {
  background-color: HighlightText;
  outline: 1px solid Highlight;
  outline-offset: -1px
}

.enable-forced-colors .emojiItem_fbfedd.emojiItemSelected_fbfedd:before {
  border-color: Highlight
}

.theme-light .emojiItem_fbfedd.emojiItemSelected_fbfedd,
.theme-light .emojiItem_fbfedd.expandCollapseButtonSelected_fbfedd {
  background-color: var(--background-primary);
  box-shadow: inset 0 0 0 1px var(--background-modifier-accent)
}

.listWrapper_a3bc57 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.list_a3bc57 {
  height: 100%
}

.noSearchResultsContainer_a3bc57 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.categorySection_a3bc57 {
  padding-bottom: var(--custom-emoji-picker-constants-emoji-section-margin-bottom)
}

.categorySectionLast_a3bc57,
.categorySectionCollapsed_a3bc57,
.categorySectionNitroDivider_a3bc57 {
  padding-bottom: 0
}

.categorySectionNitroLocked_a3bc57 {
  background-color: hsl(var(--premium-tier-2-purple-hsl)/.2)
}

.header_a3bc57 {
  position: sticky;
  top: 0
}

.inactiveNitroHeader_a3bc57 {
  background-color: transparent
}

.activeNitroHeader_a3bc57 {
  background-color: var(--background-secondary)
}

.premiumUpsell_a3bc57 {
  box-sizing: border-box;
  height: var(--custom-emoji-picker-constants-emoji-premium-upsell-height);
  overflow: hidden;
  margin-top: var(--custom-emoji-picker-constants-emoji-premium-upsell-margin-top);
  margin-right: 4px
}

.sectionPremiumUpsellTopOfList_a3bc57 {
  margin-top: 8px
}

.premiumUpsellTopOfList_a3bc57 {
  margin-top: 0;
  height: 50px
}

.nitroBottomDivider_a3bc57 {
  height: 1px;
  width: 100%;
  background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color);
  margin: var(--custom-emoji-picker-constants-emoji-premium-upsell-margin-top)0 var(--custom-emoji-picker-constants-emoji-premium-upsell-margin-top)
}

.upsellContainer_a3bc57 {
  display: flex;
  align-items: center;
  position: absolute;
  top: auto;
  right: 16px;
  bottom: 8px;
  left: 8px;
  padding: 0 12px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(var(--background-secondary), var(--background-secondary))padding-box, var(--custom-premium-colors-premium-gradient-tier-2-tri-color)border-box;
  filter: drop-shadow(0 0 10px rgba(184, 69, 193, .50196))
}

.upsellText_a3bc57 {
  margin: auto 16px auto 4px
}

.upsellLock_a3bc57 {
  padding-bottom: 2px;
  color: var(--icon-primary)
}

.upsellButton_a3bc57 {
  margin-left: auto;
  background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color);
  border-radius: 3px;
  flex-shrink: 0
}

.premiumRetentionNotice_fa8a68 {
  background-color: var(--background-tertiary);
  border-radius: 4px;
  display: flex;
  padding: 8px;
  margin: 8px 8px 0;
  font-size: 12px;
  font-weight: 500;
  color: var(--text-normal);
  line-height: 16px
}

.premiumRetentionNoticeIcon_fa8a68 {
  min-width: var(--custom-emoji-picker-constants-emoji-size);
  height: 24px;
  margin-right: 8px;
  margin-top: 2px
}

.premiumRetentionNoticeClose_fa8a68 {
  width: 16px;
  height: 16px;
  color: var(--interactive-normal);
  cursor: pointer
}

.premiumRetentionNoticeClose_fa8a68:hover {
  color: var(--interactive-hover)
}

.premiumRetentionNoticeContent_fa8a68 {
  flex: 1 1 auto
}

.premiumPromo_ca9b56 {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--background-secondary);
  opacity: .98;
  z-index: 101;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 20px
}

.premiumPromo_ca9b56.unifyTrialUpsell_ca9b56 {
  opacity: 1;
  padding: 0;
  justify-content: flex-end
}

.premiumPromoClose_ca9b56 {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 10px;
  right: 10px;
  background: url(/assets/3354f6389453eab65b55.svg)50%50%no-repeat;
  overflow: hidden;
  cursor: pointer;
  text-indent: -9999em;
  opacity: .6
}

.premiumPromoClose_ca9b56:hover {
  opacity: 1
}

.premiumPromoImage_ca9b56 {
  display: block;
  margin-bottom: 15px;
  width: 124px;
  height: 96px
}

.premiumPromoImageSmaller_ca9b56 {
  height: 60px;
  width: 89px
}

.premiumPromoTitle_ca9b56 {
  font-size: 18px;
  line-height: 24px;
  color: var(--header-primary);
  font-weight: 600;
  margin-bottom: 4px
}

.premiumPromoDescription_ca9b56 {
  margin: 0 20px 24px;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: var(--header-secondary)
}

.noParentContainer_ca9b56 {
  top: 0;
  left: 0;
  bottom: 0
}

.hasParentContainer_ca9b56 {
  top: -16px;
  left: 0;
  bottom: 0
}

.hasTabParentContainer_ca9b56 {
  top: -48px;
  left: 0;
  bottom: 0
}

.container_ca9b56 {
  box-sizing: border-box;
  position: absolute;
  background-color: var(--background-secondary);
  z-index: 1001;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.contentContainer_ca9b56 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-grow: 2
}

.upsellClose_ca9b56 {
  position: absolute;
  top: 0;
  right: 0;
  margin: 16px;
  color: var(--interactive-active)
}

.upsellArt_ca9b56 {
  margin: 0 0 32px;
  width: 200px;
  height: 120
}

.upsellTitle_ca9b56 {
  padding: 0 32px
}

.upsellTitleNoSocialProof_ca9b56 {
  margin-bottom: 24px
}

.upsellBody_ca9b56 {
  padding: 0 32px;
  text-align: center
}

.upsellCTAContainer_ca9b56 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: var(--background-tertiary);
  left: 0;
  bottom: 0;
  box-sizing: border-box;
  padding: 16px
}

.upsellSecondaryCTA_ca9b56 {
  margin-right: 8px;
  color: var(--premium-nitro-pink-text)
}

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

.noBoxShadowMargin_a7ae01 {
  margin: 0
}

.slowModeIcon_f85cd6 {
  display: block;
  margin-left: 4px
}

.cooldownWrapper_f85cd6 {
  display: flex;
  align-items: center;
  margin-left: auto;
  white-space: nowrap;
  overflow: hidden
}

.cooldownText_f85cd6 {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  transition: color.2s ease
}

.visual-refresh .slowModeIcon_f85cd6 {
  display: inline;
  margin-left: auto
}

.visual-refresh .cooldownWrapper_f85cd6 {
  overflow: visible;
  overflow: initial
}

.container_b80cb2 {
  position: relative;
  padding: 2px 4px;
  border-radius: var(--radius-sm);
  background-color: var(--background-tertiary);
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 160px;
  flex-shrink: 0;
  height: 12px;
  line-height: 18px;
  margin: 2px 0 2px 4px
}

.progress_b80cb2 {
  flex: 1;
  margin-left: 4px
}

.base_d7ebeb {
  position: absolute;
  bottom: 1px;
  left: 16px;
  right: 16px;
  height: 24px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  resize: none;
  overflow-y: hidden;
  display: flex;
  align-items: center;
  color: var(--text-normal)
}

.base_d7ebeb strong {
  font-weight: 700
}

.base_d7ebeb .text_d7ebeb {
  display: block;
  min-width: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-left: 4px
}

.base_d7ebeb .ellipsis_d7ebeb {
  flex: 0 0 auto;
  display: block;
  margin-left: 9px
}

.base_d7ebeb .typingDots_d7ebeb {
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis
}

.typing_d7ebeb {
  overflow: visible
}

.visual-refresh .base_d7ebeb {
  position: static;
  overflow: auto;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: var(--text-secondary)
}

.isComboing_d7ebeb {
  justify-content: space-between
}

.activityInviteEducation_d7ebeb {
  opacity: 0;
  z-index: 1
}

.activityInviteEducationFadeIn_d7ebeb {
  opacity: 1
}

.activityInviteEducationArrow_d7ebeb {
  background-repeat: no-repeat;
  background-size: 12px 10px;
  display: inline-block;
  margin: 0 2px 0 24px;
  width: 15px;
  height: 15px
}

.images-light .activityInviteEducationArrow_d7ebeb {
  background-image: url(/assets/f50cda962897d21b9ebe.svg)
}

.images-dark .activityInviteEducationArrow_d7ebeb {
  background-image: url(/assets/b9daa76ecf3a9079606f.svg)
}

.autocomplete_bcc24e {
  border-radius: 5px 5px 0 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  z-index: 3;
  background-color: var(--autocomplete-bg)
}

.autocompleteInner_bcc24e {
  padding-bottom: 8px
}

.autocompleteRow_bcc24e {
  padding: 0 8px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500
}

.autocompleteRowHorizontal_bcc24e {
  padding: 0
}

.autocompleteRowContent_bcc24e {
  align-items: center;
  color: var(--interactive-normal);
  display: flex;
  min-height: 16px
}

.autocompleteRowContentPrimary_bcc24e {
  flex-shrink: 1;
  flex-grow: 0;
  overflow: hidden;
  min-width: 10ch
}

.autocompleteRowIcon_bcc24e {
  flex: 0 0 auto;
  margin-right: 8px
}

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

.autocompleteRowSubheading_bcc24e {
  margin-top: 2px
}

.autocompleteRowContentSecondary_bcc24e {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 10ch;
  min-width: 10ch;
  margin-left: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right
}

.base_bcc24e {
  border-radius: 3px;
  padding: 8px
}

.clickable_bcc24e[aria-disabled=false]>.base_bcc24e {
  cursor: pointer
}

.clickable_bcc24e[aria-disabled=false]>.base_bcc24e:hover {
  background-color: var(--background-modifier-hover)
}

.clickable_bcc24e[aria-selected=true]>.base_bcc24e {
  background-color: var(--background-modifier-hover)
}

.dividerContainer_bcc24e .base_bcc24e {
  padding-bottom: 0;
  padding-top: 0
}

.divider_bcc24e {
  padding: 8px
}

.divider_bcc24e:after {
  background-color: var(--background-modifier-accent);
  content: "";
  display: block;
  height: 1px;
  width: 100%
}

.contentTitle_bcc24e {
  color: var(--interactive-normal);
  text-transform: uppercase;
  padding: 4px 0
}

.contentTitle_bcc24e strong {
  text-transform: none;
  color: var(--text-secondary)
}

.icon_bcc24e {
  color: var(--interactive-normal);
  width: 16px;
  height: 16px;
  -o-object-fit: contain;
  object-fit: contain
}

.iconForeground_bcc24e {
  fill: var(--interactive-normal)
}

.emojiImage_bcc24e {
  -o-object-fit: contain;
  object-fit: contain;
  width: 20px;
  height: 20px
}

.emojiRaw_bcc24e {
  display: block;
  font-size: 20px
}

.descriptionDiscriminator_bcc24e {
  opacity: .6
}

.autocompleteRowVerticalSmall_bcc24e .base_bcc24e {
  padding: 4px 8px
}

.roleDot_bcc24e {
  margin-right: 4px
}

.autocompletePlaceholder_bcc24e {
  margin-top: 8px;
  height: 16px;
  border-radius: 16px;
  background: var(--background-primary)
}

.enable-forced-colors .autocomplete_bcc24e {
  border: 2px solid CanvasText
}

.enable-forced-colors .clickable_bcc24e[aria-selected=true]>.base_bcc24e {
  outline: 2px solid Highlight;
  outline-offset: Highlight
}

.enable-forced-colors .descriptionDiscriminator_bcc24e {
  opacity: 1
}

.selectable_d1aa77 {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text
}

.strong_d1aa77 {
  font-weight: 600
}

.colorStandard_d1aa77 {
  color: var(--text-normal)
}

.colorLink_d1aa77 {
  color: var(--text-link)
}

.colorMuted_d1aa77 {
  color: var(--text-muted)
}

.colorError_d1aa77 {
  color: var(--red-400)
}

.colorBrand_d1aa77 {
  color: var(--text-brand)
}

.colorHeaderPrimary_d1aa77 {
  color: var(--header-primary)
}

.colorHeaderSecondary_d1aa77 {
  color: var(--header-secondary)
}

.colorStatusYellow_d1aa77 {
  color: var(--text-warning)
}

.colorStatusGreen_d1aa77 {
  color: var(--text-positive)
}

.colorStatusRed_d1aa77 {
  color: var(--status-danger)
}

.colorInteractiveActive_d1aa77 {
  color: var(--interactive-active)
}

.colorInteractiveNormal_d1aa77 {
  color: var(--interactive-normal)
}

.colorWhite_d1aa77 {
  color: var(--white-500)
}

.enable-forced-colors .colorStandard_d1aa77,
.enable-forced-colors .colorMuted_d1aa77,
.enable-forced-colors .colorError_d1aa77,
.enable-forced-colors .colorBrand_d1aa77,
.enable-forced-colors .colorHeaderPrimary_d1aa77,
.enable-forced-colors .colorHeaderSecondary_d1aa77,
.enable-forced-colors .colorStatusYellow_d1aa77,
.enable-forced-colors .colorStatusGreen_d1aa77,
.enable-forced-colors .colorStatusRed_d1aa77,
.enable-forced-colors .colorInteractiveActive_d1aa77,
.enable-forced-colors .colorInteractiveNormal_d1aa77,
.enable-forced-colors .colorWhite_d1aa77 {
  color: CanvasText
}

.enable-forced-colors .colorLink_d1aa77 {
  color: LinkText
}

.size10_e8b2ab {
  font-size: 10px;
  line-height: 12px
}

.size12_e8b2ab {
  font-size: 12px;
  line-height: 16px
}

.size14_e8b2ab {
  font-size: 14px;
  line-height: 18px
}

.size16_e8b2ab {
  font-size: 16px;
  line-height: 20px
}

.size20_e8b2ab {
  font-size: 20px;
  line-height: 24px
}

.size24_e8b2ab {
  font-size: 24px;
  line-height: 30px
}

.size32_e8b2ab {
  font-size: 32px;
  line-height: 40px
}

.option_bea3ee {
  display: block;
  border-radius: 4px;
  padding: 0 4px;
  font-weight: 400
}

.theme-light .option_bea3ee {
  background-color: var(--primary-300)
}

.theme-dark .option_bea3ee {
  background-color: var(--primary-800)
}

.inline_bea3ee {
  margin-right: 4px;
  padding-bottom: 1px
}

.set_bea3ee {
  opacity: .5
}

.error_bea3ee {
  color: var(--status-danger)
}

.active_bea3ee {
  background-color: var(--brand-500) !important;
  color: var(--white-500)
}

.clickable_bea3ee {
  cursor: pointer
}

.mask_a69fe5 {
  display: block
}

.icon_a69fe5 {
  width: 32px;
  height: 32px
}

.wrapper_a69fe5 {
  border-radius: 8px;
  transition: background-color.1s ease-in-out
}

.selectable_a69fe5:hover {
  background-color: var(--background-modifier-hover)
}

.selectable_a69fe5:hover .icon_a69fe5 {
  color: var(--interactive-hover)
}

.selected_a69fe5,
.selected_a69fe5:hover {
  background-color: var(--background-primary)
}

.selected_a69fe5 .icon_a69fe5,
.selected_a69fe5:hover .icon_a69fe5 {
  color: var(--interactive-active)
}

.theme-light .selected_a69fe5 .icon_a69fe5,
.theme-light .selected_a69fe5:hover .icon_a69fe5 {
  color: var(--primary-500)
}

.icon_c9d951 {
  color: var(--interactive-normal)
}

.wrapper_c9d951 {
  border-radius: 8px;
  transition: background-color.1s ease-in-out
}

.selectable_c9d951:hover {
  background-color: var(--background-modifier-hover)
}

.selectable_c9d951:hover .icon_c9d951 {
  color: var(--interactive-hover)
}

.selected_c9d951,
.selected_c9d951:hover {
  background-color: var(--background-primary)
}

.selected_c9d951 .icon_c9d951,
.selected_c9d951:hover .icon_c9d951 {
  color: var(--interactive-active)
}

.theme-light .selected_c9d951 .icon_c9d951,
.theme-light .selected_c9d951:hover .icon_c9d951 {
  color: var(--primary-500)
}

.wrapper_e18e73 {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 40px
}

.image_e18e73 {
  align-self: flex-start;
  justify-self: flex-start;
  margin-top: 4px;
  margin-right: 16px;
  flex-shrink: 0;
  flex-grow: 0
}

.infoWrapper_e18e73 {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex-grow: 1
}

.source_e18e73 {
  margin-left: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 33%;
  flex-grow: 0;
  flex-shrink: 0
}

.usageWrapper_e18e73 {
  display: flex;
  flex-direction: row;
  align-items: center
}

.description_e18e73 {
  margin-top: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.title_e18e73 {
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 0
}

.option_e18e73 {
  margin-left: 8px
}

.error_e18e73 {
  color: var(--status-danger)
}

.optionalHeader_e18e73 {
  text-transform: uppercase;
  color: var(--text-muted);
  padding-left: 8px
}

.optionalCount_e18e73 {
  padding-left: 8px
}

.disabled_e18e73 {
  opacity: .3
}

.optionals_e18e73 {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-left: 1px solid var(--background-modifier-accent);
  margin-left: 8px
}

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

.wrapper_b2fcf5 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  padding: 8px
}

.infoWrapper_b2fcf5 {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex-grow: 1
}

.usageWrapper_b2fcf5 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-grow: 1;
  height: 16px;
  border-radius: 16px;
  background: var(--background-accent)
}

.image_b2fcf5 {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  flex-shrink: 0;
  flex-grow: 0;
  align-self: flex-start;
  justify-self: flex-start;
  margin-top: 4px;
  margin-right: 16px;
  background: var(--background-primary)
}

.description_b2fcf5 {
  margin-top: 8px;
  height: 16px;
  border-radius: 16px;
  background: var(--background-primary)
}

.source_b2fcf5 {
  margin-left: 16px;
  flex-shrink: 0;
  height: 16px;
  border-radius: 16px;
  background: var(--background-primary)
}

.upsell_d9155b {
  margin-top: -4px;
  margin-bottom: -4px
}

.emojis_d9155b {
  display: flex
}

.emojiMask_d9155b {
  position: relative
}

.emojiBackground_d9155b {
  background-color: var(--background-tertiary);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px;
  width: 24px
}

.emoji_d9155b {
  height: 16px;
  width: 16px
}

.wrapper_efd8e6 {
  background-color: var(--background-tertiary);
  width: 56px;
  padding-bottom: 8px;
  margin-bottom: -16px
}

.list_efd8e6 {
  height: 100%
}

.section_efd8e6 {
  cursor: pointer;
  border-radius: 4px;
  margin-bottom: 8px
}

.section_efd8e6:last-child {
  margin-bottom: 0
}

.builtInSeparator_efd8e6 {
  margin: 8px 0;
  border: none;
  border-bottom: 1px solid var(--background-modifier-accent)
}

.visual-refresh .list_efd8e6 {
  background: none
}

.visual-refresh .wrapper_efd8e6 {
  background-color: var(--background-base-lowest)
}

.visual-refresh .builtInSeparator_efd8e6 {
  border-color: var(--border-subtle)
}

.outerWrapper_fe2299 {
  border-radius: 5px;
  box-shadow: var(--shadow-border), var(--shadow-high);
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(100% + 8px);
  overflow: hidden
}

.visual-refresh .outerWrapper_fe2299 {
  right: var(--space-8)
}

.wrapper_fe2299 {
  display: flex;
  flex-direction: row;
  height: 420px;
  padding-bottom: 0
}

.noSearchResults_fe2299 {
  height: 340px
}

.list_fe2299 {
  height: 100%
}

.rail_fe2299 {
  flex-shrink: 0;
  flex-grow: 0;
  align-self: stretch
}

.content_fe2299 {
  display: flex;
  flex-direction: column;
  flex-grow: 1
}

.categoryHeader_fe2299 {
  position: sticky;
  top: 0;
  padding: 0 8px;
  background-color: var(--autocomplete-bg)
}

.categorySection_fe2299 {
  margin-bottom: 16px
}

.categorySectionLast_fe2299 {
  margin-bottom: 0
}

.itemWrapper_fe2299 {
  padding: 0
}

.assetWrapper_cb3343 {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.assetWrapperMasked_cb3343 {
  -webkit-mask: url(/assets/a5d03581fa3b5e977c3d.svg)0 0/100%100%;
  mask: url(/assets/a5d03581fa3b5e977c3d.svg)0 0/100%100%
}

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

.pngImage_cb3343 {
  display: block;
  -o-object-fit: contain;
  object-fit: contain
}

.roundedMask_cb3343 {
  display: block;
  position: absolute;
  height: 100%;
  left: 0;
  width: 100%;
  top: 0
}

.errorContent_cb3343 {
  display: flex;
  align-items: center;
  justify-content: center
}

.loadingIndicator_cb3343 {
  box-sizing: border-box;
  cursor: default;
  display: block;
  width: 100%;
  -webkit-mask: url(/assets/a5d03581fa3b5e977c3d.svg)0 0/100%100%;
  mask: url(/assets/a5d03581fa3b5e977c3d.svg)0 0/100%100%;
  height: 100%;
  background-color: var(--background-modifier-active)
}

.error_cb3343 {
  align-items: center;
  background-color: var(--background-modifier-active);
  display: flex;
  flex-direction: column;
  font-weight: 600;
  height: 100%;
  justify-content: center;
  width: 100%
}

.errorIcon_cb3343 {
  color: var(--header-secondary)
}

.errorText_cb3343 {
  margin-top: 4px
}

.overlayWrapper_cb3343 {
  pointer-events: none;
  position: relative;
  z-index: 1
}

.overlayStickerWrapper_cb3343 {
  position: relative;
  z-index: 2
}

.overlayLabelWrapper_cb3343 {
  position: relative;
  z-index: 1
}

.overlayLabel_cb3343 {
  background-color: var(--background-floating);
  border-radius: 20px;
  left: 50%;
  margin-top: 2px;
  padding: 2px 8px;
  position: absolute;
  top: 100%;
  transform: translatex(-50%);
  white-space: nowrap
}

.positionedLayer_cb3343 {
  pointer-events: none
}

.legacyInputCommandHeader_c70ab6 {
  display: flex;
  justify-content: space-between
}

.noAutocompleteResults_ee43bc {
  height: 200px
}

.secondarySection_f81d65 {
  padding-top: 0
}

.divider_f81d65 {
  padding-bottom: 0 !important
}

.spinner_f75fa8 {
  padding-top: 8px
}

.horizontalAutocompletes_f75fa8 {
  margin-bottom: -4px;
  padding: 0 8px;
  overflow-x: auto
}

.no-webkit-scrollbar .horizontalAutocompletes_f75fa8 {
  scrollbar-width: thin
}

.horizontalAutocomplete_f75fa8 {
  margin-bottom: 4px
}

@use postcss-pxtorem;

.autocomplete_bea0d0 {
  border-radius: 5px;
  box-shadow: var(--shadow-border), var(--shadow-high);
  overflow: hidden
}

.autocompleteAttached_bea0d0 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(100% + 8px)
}

.autocompleteAttached_bea0d0.bottom_bea0d0 {
  left: 0;
  right: 0;
  top: 100%;
  bottom: inherit
}

.visual-refresh .autocompleteAttached_bea0d0 {
  left: var(--space-8);
  right: var(--space-16)
}

.autocompletePopout_bea0d0 {
  min-width: 430px;
  max-width: 800px;
  pointer-events: all
}

.autocompleteInner_bea0d0 {
  padding-bottom: 0
}

.autocompleteTop_bea0d0 {
  z-index: 1001
}

.scroller_bea0d0 {
  padding-bottom: 8px;
  display: flex;
  flex-direction: column
}

.stickerAutoComplete_bea0d0 {
  display: grid;
  grid-template-columns: repeat(auto-fill, 116px);
  grid-template-rows: repeat(auto-fill, 116px);
  grid-gap: 8px;
  padding: 8px 16px
}

.sticker_bea0d0 {
  margin-top: 2px;
  margin-left: 2px
}

.container_e41913 {
  position: relative;
  height: 100%;
  margin-right: 12px;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  align-items: flex-start
}

.column_e41913 {
  padding-top: 12px;
  height: auto;
  transform-origin: 0 0;
  opacity: .1
}

.gif_e41913 {
  margin-left: 12px;
  margin-bottom: 12px;
  background-color: var(--text-link);
  border-radius: 5px
}

.categoryLoader_e41913 {
  margin-left: 12px;
  margin-bottom: 12px;
  border-radius: 5px;
  height: 110px;
  background-color: var(--black-500)
}

@keyframes ripple_c5e128 {
  0% {
    transform: scale(.4);
    opacity: 1
  }

  90% {
    transform: scale(1.4);
    opacity: 0
  }

  to {
    transform: scale(1.6);
    opacity: 0
  }
}

@keyframes bounce_c5e128 {
  25% {
    transform: scale(.6)
  }

  50% {
    transform: scale(1.2)
  }

  to {
    transform: scale(1)
  }
}

.gifFavoriteButton_c5e128 {
  color: var(--icon-primary);
  background-color: var(--background-primary);
  border-radius: 5px;
  padding: 6px;
  opacity: 1
}

.gifFavoriteButton_c5e128:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  transform-origin: center;
  opacity: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  border: 2px solid var(--yellow-300);
  border-radius: 50%;
  pointer-events: none
}

.full-motion .gifFavoriteButton_c5e128:after {
  transition: all.15s ease-in-out
}

.gifFavoriteButton_c5e128:hover,
.gifFavoriteButton_c5e128:focus {
  color: var(--yellow-300);
  transform: none
}

.gifFavoriteButton_c5e128.selected_c5e128 {
  color: var(--yellow-300)
}

.gifFavoriteButton_c5e128.selected_c5e128.showPulse_c5e128:after {
  animation: ripple_c5e128.45s ease
}

.gifFavoriteButton_c5e128.selected_c5e128.showPulse_c5e128 .icon_c5e128 {
  animation: bounce_c5e128.4s linear
}

.icon_c5e128 {
  display: block;
  width: 100%;
  height: 100%
}

.enable-forced-colors .gifFavoriteButton_c5e128 {
  background-color: ButtonFace;
  border: 1px solid ButtonFace;
  border-radius: 4px;
  color: ButtonText
}

.enable-forced-colors .gifFavoriteButton_c5e128:hover,
.enable-forced-colors .gifFavoriteButton_c5e128:focus {
  border-color: ButtonText
}

.enable-forced-colors .gifFavoriteButton_c5e128.selected_c5e128 {
  background-color: HighlightText;
  border-color: Highlight;
  color: Highlight
}

.results_bad108 {
  height: 100%
}

.result_bad108 {
  position: relative;
  cursor: pointer;
  border-radius: 5px;
  transition: box-shadow.15s ease-out
}

.result_bad108:after {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  transition: background.15s ease-out;
  transition-property: box-shadow, background;
  border-radius: 7px;
  pointer-events: none
}

.result_bad108:hover .favButton_bad108 {
  opacity: 1;
  transform: none
}

.result_bad108:hover,
.result_bad108[data-focused=true] {
  box-shadow: var(--shadow-border), var(--shadow-low)
}

.result_bad108:hover:after,
.result_bad108[data-focused=true]:after {
  background: linear-gradient(to bottom, var(--bg-mod-strong), var(--bg-mod-subtle))
}

.result_bad108[data-focused=true] {
  box-shadow: 0 0 0 2px var(--focus-primary)
}

.gif_bad108 {
  position: relative;
  display: block;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  background-color: transparent;
  border-radius: 5px
}

.endContainer_bad108 {
  padding-top: 32px;
  padding-bottom: 32px;
  text-align: center
}

.endContainer_bad108:after {
  content: "";
  height: 220px;
  width: 100%;
  display: block;
  margin: 0 auto;
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat
}

.endText_bad108 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
  color: var(--text-warning)
}

.searchSuggestions_bad108 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 32px
}

.searchSuggestion_bad108 {
  border-radius: 3px;
  margin-right: 4px;
  margin-top: 4px
}

.searchSuggestion_bad108.searchSuggestion_bad108:hover {
  color: var(--white-500);
  background-color: var(--brand-500);
  border-color: var(--brand-500)
}

.noResults_bad108 {
  height: 100%
}

.spinnerContainer_bad108 {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center
}

.favButton_bad108 {
  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 4;
  opacity: 0;
  box-sizing: border-box;
  transform: translatey(-10px)
}

.full-motion .favButton_bad108 {
  transition: transform.2s ease, opacity.1s ease
}

.emptyHints_bad108 {
  display: flex;
  margin: 6px 0 6px 6px;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-around
}

.emptyHint_bad108 {
  flex: 1 1 33.33%
}

.emptyHintCard_bad108 {
  box-sizing: border-box;
  padding: 20px;
  position: relative;
  height: 160px;
  border-radius: 5px;
  margin: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--bg-mod-faint);
  color: var(--text-normal)
}

.emptyHintSpacer_bad108 {
  height: 160px
}

.emptyHintText_bad108 {
  font-size: 15px;
  max-width: 180px;
  line-height: 1.6;
  text-align: center
}

.emptyHintFavorite_bad108 {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 29px;
  height: 29px;
  color: var(--text-warning)
}

@keyframes loadIN_bad108 {
  0% {
    transform: translate3d(0, 24px, 0);
    opacity: 0
  }

  to {
    transform: translatez(0);
    opacity: 1
  }
}

.placeholder_bad108 {
  border-radius: 5px;
  width: 100%;
  height: 100%;
  background: var(--bg-mod-faint)
}

.full-motion .placeholder_bad108 {
  will-change: transform3d, opacity;
  opacity: 0;
  transform: translate3d(0, 48px, 0);
  animation: loadIN_bad108.6s cubic-bezier(.17, .67, .16, .99);
  animation-fill-mode: forwards
}

.enable-forced-colors .result_bad108[data-focused=true] {
  border: 1px solid Canvas;
  outline: 2px solid Highlight
}

.images-light .endContainer_bad108:after {
  background-image: url(/assets/4c9467a859aad7fd8745.svg)
}

.images-dark .endContainer_bad108:after {
  background-image: url(/assets/31bb46be7ae2f39221d3.svg)
}

.container_af1167 {
  height: 100%
}

.categoryFade_af1167,
.categoryFadeBlurple_af1167 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  border-radius: 4px;
  transition: -webkit-backdrop-filter.15s ease-out;
  transition: backdrop-filter.15s ease-out;
  transition: backdrop-filter.15s ease-out, -webkit-backdrop-filter.15s ease-out;
  border: 1px solid transparent
}

.categoryText_af1167 {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  font-weight: 600;
  pointer-events: none
}

.categoryIcon_af1167 {
  margin-right: 4px;
  width: 20px;
  height: 20px
}

.categoryName_af1167 {
  font-size: 16px;
  line-height: 16px;
  font-weight: 600
}

.spinnerContainer_af1167 {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center
}

.formatSelectors_af1167 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center
}

.formatSelectors_af1167 select {
  display: block;
  margin: 0 4px
}

.categoryFade_af1167 {
  background-color: var(--bg-backdrop)
}

.categoryFadeBlurple_af1167 {
  background-color: color-mix(in srgb, var(--bg-brand), transparent 20%)
}

.categoryFade_af1167:hover,
[data-focused=true] .categoryFade_af1167,
.categoryFadeBlurple_af1167:hover,
[data-focused=true] .categoryFadeBlurple_af1167 {
  -webkit-backdrop-filter: brightness(60%)blur(4px);
  backdrop-filter: brightness(60%)blur(4px);
  border: 1px solid var(--border-strong);
  border-radius: 5px
}

.categoryText_af1167 {
  color: var(--white);
  text-shadow: 0 1px 1px rgba(0, 0, 0, .6)
}

.container_b56bbc {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
  overflow: hidden;
  white-space: normal;
  background-color: var(--background-secondary)
}

.container_b56bbc:after {
  content: "";
  height: 8px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none
}

.content_b56bbc {
  position: relative;
  z-index: 0;
  flex: 1 1 auto
}

.searchBar_b56bbc {
  width: 100%;
  flex: 1 1 auto
}

.header_b56bbc {
  flex: 0 0 auto;
  position: relative;
  z-index: 1;
  padding: var(--custom-gif-picker-gutter-size);
  background-color: var(--background-secondary);
  box-shadow: var(--shadow-ledge)
}

.visual-refresh .header_b56bbc {
  background-color: var(--background-surface-high);
  border-bottom: 1px solid var(--border-subtle);
  box-shadow: none
}

.searchHeader_b56bbc {
  margin-bottom: 0;
  margin-left: 8px
}

.backButton_b56bbc {
  display: flex;
  align-items: center;
  height: 28px;
  cursor: pointer;
  margin-right: 8px;
  color: var(--text-muted-on-default)
}

.backButton_b56bbc:hover {
  color: var(--text-normal)
}

.content_b56bbc {
  flex: 1 1 auto;
  overflow: hidden
}

.wrapper_ee8ca7 {
  display: grid;
  grid-template-rows: 1fr auto;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.wrapper_ba0ffb {
  flex: 1
}

.wrapper_d0dc1d {
  position: relative;
  display: grid;
  grid-template-columns: 48px auto;
  grid-template-rows: auto 1fr auto
}

.header_d0dc1d {
  box-shadow: var(--elevation-low);
  grid-column: 1/3;
  grid-row: 1/2;
  z-index: 1;
  padding: 12px;
  display: flex;
  align-items: center
}

.loadingIndicator_d0dc1d {
  grid-column: 1/-1;
  grid-row: 1/-1
}

.listWrapper_d0dc1d,
.gridNoticeWrapper_d0dc1d {
  position: relative;
  flex: 1;
  left: 48px;
  width: calc(100% - 48px)
}

.gridNoticeWrapper_d0dc1d {
  flex: none
}

.emptyState_d0dc1d {
  grid-column: 1/3;
  grid-row: 2/2;
  overflow: hidden;
  position: relative;
  margin: 0 20px
}

.enable-forced-colors .header_d0dc1d {
  border-bottom: 1px solid CanvasText
}

.soundButtonWrapper_c06ee5 {
  list-style: none
}

.soundAddButton_c06ee5 {
  cursor: pointer
}

.soundAddButton_c06ee5:hover,
.soundAddButton_c06ee5.focused_c06ee5 {
  background-color: var(--background-tertiary)
}

.soundAddButtonRefresh_c06ee5 {
  cursor: pointer;
  border: 1px dashed var(--border-subtle);
  background-color: var(--background-secondary);
  box-shadow: none
}

.soundAddButtonRefresh_c06ee5:hover .soundAddInfoRefresh_c06ee5,
.soundAddButtonRefresh_c06ee5.focused_c06ee5 .soundAddInfoRefresh_c06ee5,
.soundAddButtonRefresh_c06ee5:active:not(:focus-within) .soundAddInfoRefresh_c06ee5 {
  box-shadow: none
}

.soundAddButtonRefresh_c06ee5:hover .soundAddIconRefresh_c06ee5,
.soundAddButtonRefresh_c06ee5:hover .soundAddTextRefresh_c06ee5,
.soundAddButtonRefresh_c06ee5.focused_c06ee5 .soundAddIconRefresh_c06ee5,
.soundAddButtonRefresh_c06ee5.focused_c06ee5 .soundAddTextRefresh_c06ee5,
.soundAddButtonRefresh_c06ee5:active:not(:focus-within) .soundAddIconRefresh_c06ee5,
.soundAddButtonRefresh_c06ee5:active:not(:focus-within) .soundAddTextRefresh_c06ee5 {
  color: var(--interactive-hover)
}

.soundAddInfoRefresh_c06ee5 {
  box-shadow: none
}

.soundAddIcon_c06ee5 {
  width: 16px;
  height: 16px;
  color: var(--header-primary)
}

.soundAddIconRefresh_c06ee5 {
  width: 24px;
  height: 24px;
  padding: 4px;
  color: var(--interactive-normal)
}

.soundAddTextRefresh_c06ee5 {
  color: var(--interactive-normal)
}

.disabled_c06ee5 {
  pointer-events: none
}

.categoryList_ceda83 {
  top: 58px
}

.expressionPickerCategoryList_ceda83 {
  top: 50px
}

.visual-refresh .expressionPickerCategoryList_ceda83 {
  top: 53px
}

.category_ceda83 {
  cursor: pointer;
  margin-bottom: 8px;
  position: relative
}

.categoryIcon_ceda83 {
  border-radius: var(--radius-xs);
  padding: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color.2s ease
}

.categoryIcon_ceda83.selected_ceda83 {
  background-color: var(--background-primary)
}

.categoryIcon_ceda83:hover {
  background-color: var(--background-modifier-hover)
}

.categoryIconIcon_ceda83 {
  width: 24px;
  height: 24px;
  color: var(--interactive-normal)
}

.keybindHint_c66e5e {
  position: relative;
  display: flex;
  align-items: center;
  margin: 16px;
  padding: 8px;
  border-radius: var(--radius-sm);
  background-color: var(--background-secondary)
}

.keybindHintText_c66e5e {
  display: inline
}

.warningIcon_c66e5e {
  min-width: 20px;
  margin-right: 8px;
  color: var(--yellow-300)
}

.emoji_c66e5e {
  color: var(--interactive-normal);
  height: 100%;
  width: 100%
}

.closeButton_c66e5e {
  color: var(--interactive-normal);
  margin-top: -16px;
  cursor: pointer
}

.container_ba3c0b {
  background-color: var(--background-floating);
  opacity: .95
}

.image_ba3c0b {
  height: 80px;
  width: auto
}

.buttonContainer_ba3c0b {
  position: relative
}

.previewButtonContainer_ba3c0b {
  position: absolute;
  top: 8px;
  left: -24px
}

.sectionContainer_ca5acd {
  display: flex;
  padding-left: 8px
}

.sectionContainerNitroLocked_ca5acd {
  background-color: hsl(var(--premium-tier-2-purple-hsl)/.35)
}

.sectionHeader_ca5acd {
  display: inline-block;
  color: var(--interactive-normal);
  cursor: pointer
}

.sectionHeader_ca5acd:hover {
  color: var(--interactive-active)
}

.sectionHeader_ca5acd:hover .sectionTitle_ca5acd {
  color: var(--interactive-active)
}

.sectionHeader_ca5acd .sectionTitle_ca5acd {
  color: var(--interactive-normal)
}

.sectionHeaderContent_ca5acd {
  display: flex
}

.notFirstSectionHeader_ca5acd {
  margin-top: 16px
}

.sectionFooter_ca5acd {
  height: 60px;
  background-color: hsl(var(--premium-tier-2-purple-hsl)/.35)
}

.sectionTitle_ca5acd {
  text-transform: uppercase;
  margin: 0 8px
}

.headerIcon_ca5acd {
  width: 16px;
  height: 16px
}

.soundRow_ca5acd {
  display: flex;
  gap: 8px;
  padding-top: 8px;
  padding-left: 8px
}

.soundRowNitroLocked_ca5acd {
  background-color: hsl(var(--premium-tier-2-purple-hsl)/.35)
}

.lastSoundRow_ca5acd {
  padding-bottom: 8px
}

.settingsClickArea_ca5acd {
  cursor: pointer;
  color: var(--interactive-normal);
  transition: color.2s ease;
  margin-left: var(--spacing-12)
}

.settingsClickArea_ca5acd:hover,
.settingsClickArea_ca5acd:focus {
  color: var(--interactive-hover)
}

.settingsSoundmojiClickArea_ca5acd {
  padding: 0
}

.settingsSoundmojiClickArea_ca5acd:last-child {
  padding-right: 0
}

.settingsIcon_ca5acd {
  width: 24px;
  height: 24px
}

.picker_cd703d {
  display: flex;
  flex-direction: column;
  background-color: var(--background-floating);
  height: 420px;
  width: 531px;
  border-radius: var(--radius-sm);
  overflow: hidden;
  box-shadow: var(--elevation-high)
}

.picker_cd703d.refresh_cd703d {
  background-color: var(--background-secondary);
  height: 450px;
  width: 500px
}

.picker_cd703d.inExpressionPicker_cd703d {
  width: auto;
  height: 100%;
  box-shadow: none
}

.visual-refresh .picker_cd703d,
.visual-refresh .picker_cd703d.refresh_cd703d {
  background-color: var(--background-base-low)
}

.fetching_cd703d {
  justify-content: center
}

.categoryList_a7a485 {
  top: 50px
}

.stickerCategory_a7a485 {
  border-radius: 4px;
  color: var(--interactive-normal);
  cursor: pointer;
  height: var(--custom-stickers-constants-sticker-category-icon-size);
  margin-bottom: var(--custom-stickers-constants-sticker-category-icon-margin);
  width: var(--custom-stickers-constants-sticker-category-icon-size)
}

.firstPartyCategory_a7a485:hover {
  background-color: var(--background-modifier-hover);
  color: var(--interactive-hover)
}

.firstPartyCategorySelected_a7a485,
.firstPartyCategorySelected_a7a485:hover,
.stickerCategoryGenericSelected_a7a485,
.stickerCategoryGenericSelected_a7a485:hover {
  background-color: var(--background-primary)
}

.stickerCategoryGenericSelected_a7a485 .stickerCategoryGenericIcon_a7a485 {
  color: var(--interactive-active)
}

.stickerCategoryGeneric_a7a485 {
  box-sizing: border-box;
  padding: 4px
}

.stickerCategoryGeneric_a7a485:hover {
  background-color: var(--background-primary)
}

.stickerCategoryGenericDisabled_a7a485 {
  cursor: default;
  color: var(--interactive-muted)
}

.stickerCategoryGenericDisabled_a7a485 .stickerCategoryGenericIcon_a7a485 {
  opacity: .6
}

.stickerCategoryGenericDisabled_a7a485.stickerCategory_a7a485:hover {
  background-color: transparent;
  color: var(--interactive-muted)
}

.stickerPackThumbnail_a7a485 {
  display: block;
  height: 100%;
  width: 100%
}

.guildCategorySeparator_a7a485 {
  margin: var(--custom-stickers-constants-category-separator-margin-vertical)0 var(--custom-stickers-constants-category-separator-margin-vertical);
  border: none;
  border-bottom: var(--custom-stickers-constants-category-separator-size)solid var(--background-modifier-accent)
}

.standardStickerShortcut_a7a485 {
  align-items: center;
  background: inherit;
  color: var(--interactive-normal);
  cursor: pointer;
  bottom: 0;
  display: flex;
  height: 48px;
  justify-content: center;
  left: 0;
  opacity: 1;
  position: absolute;
  width: 100%
}

.full-motion .standardStickerShortcut_a7a485 {
  transition: opacity.1s, transform.1s
}

.standardStickerShortcut_a7a485:hover {
  color: var(--interactive-hover)
}

.visual-refresh .standardStickerShortcut_a7a485 {
  box-sizing: border-box;
  border-top: 1px solid var(--border-normal)
}

.invisibleShortcut_a7a485 {
  display: none;
  opacity: 0
}

.enable-forced-colors .standardStickerShortcut_a7a485 {
  background-color: ButtonFace;
  border-top: 1px solid CanvasText;
  color: ButtonText;
  height: 47px
}

.enable-forced-colors .stickerCategory_a7a485 {
  border: 1px solid Canvas;
  border-radius: 4px;
  transition: none
}

.enable-forced-colors .stickerCategory_a7a485 .stickerCategoryGenericIcon_a7a485 {
  color: ButtonText
}

.enable-forced-colors .stickerCategory_a7a485:hover {
  background: ButtonFace;
  border-color: ButtonText
}

.enable-forced-colors .stickerCategoryGenericDisabled_a7a485 {
  color: GrayText
}

.enable-forced-colors .stickerCategoryGenericDisabled_a7a485.stickerCategory_a7a485:hover {
  color: GrayText
}

.enable-forced-colors .firstPartyCategorySelected_a7a485,
.enable-forced-colors .firstPartyCategorySelected_a7a485:hover,
.enable-forced-colors .stickerCategoryGenericSelected_a7a485,
.enable-forced-colors .stickerCategoryGenericSelected_a7a485:hover {
  background-color: HighlightText;
  border-color: Highlight
}

.enable-forced-colors .firstPartyCategorySelected_a7a485 .stickerCategoryGenericIcon_a7a485,
.enable-forced-colors .firstPartyCategorySelected_a7a485:hover .stickerCategoryGenericIcon_a7a485,
.enable-forced-colors .stickerCategoryGenericSelected_a7a485 .stickerCategoryGenericIcon_a7a485,
.enable-forced-colors .stickerCategoryGenericSelected_a7a485:hover .stickerCategoryGenericIcon_a7a485 {
  color: Highlight
}

.premiumButtonNitroWheel_b0a068 {
  margin-right: 4px
}

.premiumButtonInner_b0a068 {
  align-items: center;
  display: flex
}

.premiumButton_b0a068 {
  margin-top: 20px
}

.emptyState_c96e35 {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center
}

.emptyState_c96e35.unifyTrialUpsell_c96e35 {
  margin: 0
}

.header_c96e35 {
  margin-top: 16px;
  margin-bottom: 8px
}

.subtitle_c96e35 {
  margin-bottom: 12px
}

.stickersRow_c96e35 {
  display: flex
}

.stickersRow_c96e35 .sticker_c96e35 {
  margin: auto 2px auto
}

.upsell_b6ac1a {
  display: flex;
  background-color: var(--background-tertiary);
  padding: 8px 0 8px 8px;
  border-radius: 4px;
  align-items: center
}

.icon_b6ac1a {
  margin-right: 8px;
  width: 24px;
  color: var(--interactive-normal)
}

.body_b6ac1a {
  flex: 1
}

.iconWrapper_a66fbc {
  align-items: center;
  background-image: linear-gradient(90deg, var(--guild-boosting-blue), var(--guild-boosting-purple));
  border-radius: 24px;
  color: var(--white-500);
  display: flex;
  justify-content: center;
  height: 24px;
  width: 24px
}

.icon_a66fbc {
  height: 12px;
  width: 12px
}

.unownedStickerLockContainer_a5e382 {
  border-radius: 100%;
  border: 1px solid var(--background-modifier-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--background-accent);
  position: absolute;
  right: 0;
  bottom: 0
}

.unownedStickerLockIcon_a5e382 {
  color: var(--interactive-normal)
}

@keyframes ripple_a708c4 {
  0% {
    transform: scale(.8);
    opacity: 1
  }

  to {
    transform: scale(1.6);
    opacity: 0
  }
}

.row_a708c4 {
  display: grid;
  margin-bottom: var(--custom-stickers-constants-sticker-picker-preview-margin);
  overflow: hidden;
  position: relative
}

.sticker_a708c4 {
  border-radius: var(--custom-stickers-constants-sticker-picker-preview-border-radius);
  padding: var(--custom-stickers-constants-sticker-picker-preview-padding);
  position: relative
}

.sticker_a708c4:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  transform-origin: center;
  opacity: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  border: 3px solid var(--yellow-300);
  border-radius: 100%;
  pointer-events: none
}

.full-motion .sticker_a708c4:after {
  transition: all.15s ease-in-out
}

.sticker_a708c4.showPulse_a708c4:after {
  animation: ripple_a708c4.25s ease-out 1
}

.createSticker_a708c4 {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  font-weight: 500;
  background-color: var(--background-primary);
  border-radius: 8px
}

.createInspected_a708c4 {
  background-color: var(--background-secondary-alt)
}

.uploadCard_a708c4 {
  cursor: pointer
}

.iconWrapper_a708c4 {
  align-items: center;
  background-image: linear-gradient(90deg, var(--guild-boosting-blue), var(--guild-boosting-purple));
  border-radius: 36px;
  color: var(--white-500);
  display: flex;
  justify-content: center;
  height: 36px;
  width: 36px
}

.icon_a708c4 {
  height: 18px;
  width: 18px
}

.inspectedIndicator_a708c4 {
  height: 100%;
  left: 0;
  -webkit-mask: url(/assets/a5d03581fa3b5e977c3d.svg)0 0/100%100%;
  mask: url(/assets/a5d03581fa3b5e977c3d.svg)0 0/100%100%;
  position: absolute;
  top: 0;
  transition: background-color 80ms ease-out, color 80ms ease-out;
  width: 100%;
  z-index: -1
}

.stickerInspected_a708c4 .inspectedIndicator_a708c4 {
  background-color: var(--background-accent)
}

.stickerPlaceholder_a708c4 {
  cursor: default
}

.viewAll_a708c4 {
  position: absolute;
  right: 0;
  top: 0
}

.viewAll_a708c4:hover .viewAllButton_a708c4,
.viewAllInspected_a708c4 .viewAllButton_a708c4 {
  background-color: var(--background-tertiary);
  color: var(--interactive-hover)
}

.viewAllButton_a708c4 {
  align-items: center;
  background-color: var(--background-secondary-alt);
  box-sizing: border-box;
  color: var(--interactive-normal);
  display: grid;
  font-size: 16px;
  font-weight: 600;
  height: 100%;
  line-height: 20px;
  text-align: center;
  white-space: pre-line;
  width: 100%
}

.stickerNode_a708c4 {
  transition: opacity.25s
}

.stickerNodeDimmed_a708c4 {
  opacity: .3
}

.stickerNodeHidden_a708c4 {
  visibility: hidden
}

.stickerUnsendable_a708c4 {
  filter: grayscale(100%)
}

.keyboard-mode .stickerInspected_a708c4 {
  position: relative
}

.keyboard-mode .stickerInspected_a708c4:before {
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 12px;
  --__adaptive-focus-color: var(--interactive-hover);
  border: 2px solid var(--interactive-hover);
  border: 2px solid var(--__adaptive-focus-color);
  z-index: 1
}

.enable-forced-colors .stickerInspected_a708c4 {
  background-color: HighlightText;
  outline: 1px solid Highlight;
  outline-offset: -1px
}

.enable-forced-colors .stickerInspected_a708c4:before {
  border-color: Highlight
}

.wrapper_de4721 {
  display: grid;
  grid-template-rows: 1fr auto;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.footerActions_de4721 {
  margin-bottom: var(--custom-stickers-constants-sticker-picker-preview-margin)
}

.packHeader_de4721 {
  position: sticky;
  top: 0
}

.packHeaderShopWrapper_de4721 {
  display: flex;
  -moz-column-gap: 12px;
  column-gap: 12px
}

.packHeaderShop_de4721 {
  flex: 1 1 auto;
  overflow: hidden
}

.packHeaderShopActions_de4721 {
  flex: 0 0 auto
}

.sticker_de4721 {
  cursor: pointer
}

.divider_de4721 {
  height: var(--custom-stickers-constants-stickers-list-divider-height);
  display: flex;
  align-items: center
}

.shopDivider_de4721 {
  border-top-width: var(--custom-stickers-constants-stickers-shop-divider-border-top-width);
  height: var(--custom-stickers-constants-stickers-shop-divider-height)
}

.tipWithSearch_de4721 {
  margin-top: var(--custom-stickers-constants-sticker-picker-tip-margin-search-results)
}

.searchSuggestions_de4721 {
  padding-top: 16px;
  max-width: 250px
}

.searchSuggestion_de4721 {
  background: var(--background-floating);
  border-radius: 8px;
  cursor: pointer;
  display: inline-block;
  font-weight: 400;
  margin: 0 4px 8px;
  padding: 4px 8px
}

.emptyGuildUpsell_de4721 {
  box-sizing: border-box;
  height: var(--custom-stickers-constants-stickers-list-empty-guild-upsell-height);
  overflow: hidden;
  margin-left: 4px;
  margin-right: 4px
}

.wrapper_da9f92 {
  flex: 1
}

.upsellWrapper_b8772d {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  background: var(--background-secondary);
  opacity: .98;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: center;
  padding: 0 20px
}

.upsellWrapper_b8772d.unifyTrialUpsell_b8772d {
  padding: 0;
  opacity: 1;
  justify-content: flex-end
}

.upsellImage_b8772d {
  height: 80px;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 16px
}

.upsellTitle_b8772d {
  margin-bottom: 8px
}

.upsellDescription_b8772d {
  margin-bottom: 24px;
  max-width: 400px
}

.upsellClose_b8772d {
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
  color: var(--interactive-normal)
}

.wrapper_d8cdac {
  position: relative;
  display: grid;
  grid-template-columns: 48px auto;
  grid-template-rows: auto 1fr auto
}

.header_d8cdac {
  box-shadow: var(--elevation-low);
  grid-column: 1/3;
  grid-row: 1/2;
  min-height: 1px;
  z-index: 1;
  padding: var(--custom-gif-picker-gutter-size);
  display: flex;
  align-items: center
}

.visual-refresh .header_d8cdac {
  background-color: var(--background-surface-high);
  border-bottom: 1px solid var(--border-subtle);
  box-shadow: none
}

.loadingIndicator_d8cdac {
  grid-column: 1/-1;
  grid-row: 1/-1
}

.listWrapper_d8cdac {
  grid-column: 2/2;
  grid-row: 2/2;
  overflow: hidden;
  position: relative
}

.emptyState_d8cdac {
  grid-column: 1/3;
  grid-row: 2/2;
  overflow: hidden;
  position: relative;
  margin: 0 20px
}

.enable-forced-colors .header_d8cdac {
  border-bottom: 1px solid CanvasText
}

.positionLayer_af5dbb {
  pointer-events: none;
  z-index: 0
}

.positionLayerDefaultAlignLeft_af5dbb {
  right: var(--spacing-16)
}

.positionLayerDefaultAlignRight_af5dbb {
  left: var(--spacing-16)
}

.positionContainer_af5dbb {
  width: 100%;
  height: 498px;
  pointer-events: none
}

.visual-refresh .positionContainer_af5dbb {
  height: 486px
}

.positionContainerOnlyEmoji_af5dbb {
  height: 396px
}

.drawerSizingWrapper_af5dbb {
  height: 100%;
  max-width: 100%;
  pointer-events: all;
  position: absolute;
  width: 100%;
  z-index: 1
}

.visual-refresh .drawerSizingWrapper_af5dbb {
  right: var(--space-24) !important
}

.contentWrapper_af5dbb {
  background-color: var(--background-secondary);
  border-radius: 8px;
  box-shadow: var(--shadow-border), var(--shadow-high);
  box-sizing: border-box;
  display: grid;
  flex: 1 1 auto;
  grid-template-rows: 24px auto;
  grid-row-gap: 8px;
  height: 100%;
  overflow: hidden;
  padding-top: 16px;
  position: relative;
  z-index: 1
}

.positionContainerOnlyEmoji_af5dbb .contentWrapper_af5dbb {
  grid-template-rows: auto
}

.visual-refresh .contentWrapper_af5dbb {
  background-color: var(--background-surface-high);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-high)
}

.nav_af5dbb {
  padding: 0 16px
}

.navList_af5dbb {
  display: flex
}

.navItem_af5dbb {
  flex: 0 0 auto
}

.navItem_af5dbb+.navItem_af5dbb {
  margin-left: 8px
}

.navButton_af5dbb {
  border-radius: 4px;
  color: var(--interactive-normal);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 8px;
  transition: background-color.1s ease-in-out, color.1s ease-in-out
}

.navButton_af5dbb:hover {
  color: var(--interactive-hover);
  background-color: var(--background-modifier-hover)
}

.navButton_af5dbb:active {
  color: var(--interactive-active);
  background-color: var(--background-modifier-selected)
}

.navButtonActive_af5dbb {
  background-color: var(--background-modifier-selected);
  color: var(--interactive-active)
}

.navButtonActive_af5dbb:hover,
.navButtonActive_af5dbb:active {
  color: var(--interactive-active);
  background-color: var(--background-modifier-hover)
}

.visual-refresh .navButton_af5dbb {
  border-radius: var(--radius-sm);
  color: var(--text-default);
  font-size: 14px;
  line-height: 14px;
  font-weight: 600;
  padding: 4px 12px;
  transition: background-color.1s ease-in-out, color.1s ease-in-out
}

.visual-refresh .navButton_af5dbb:hover {
  background-color: var(--button-secondary-background-hover)
}

.visual-refresh .navButton_af5dbb:active {
  background-color: var(--button-secondary-background-active)
}

.visual-refresh .navButtonActive_af5dbb {
  color: var(--button-secondary-text);
  background-color: var(--button-secondary-background)
}

.resizeHandle_af5dbb {
  cursor: ew-resize;
  height: 100%;
  position: absolute;
  top: 0;
  width: 4px;
  z-index: 2
}

.introductionWrapper_af5dbb {
  text-align: center
}

.introductionHeader_af5dbb {
  font-weight: 600;
  margin-bottom: 4px
}

.introductionSubheader_af5dbb {
  margin-bottom: 16px
}

.introductionAction_af5dbb {
  color: var(--brand-500);
  font-weight: 600
}

.introductionTooltip_af5dbb {
  max-width: none;
  width: 280px
}

.introductionTooltipContent_af5dbb {
  padding: 16px
}

.stickersNavItem_af5dbb {
  display: flex;
  align-items: center
}

.stickersUnseenBadge_af5dbb {
  height: 16px;
  border-radius: 8px;
  min-width: 16px;
  padding: 0;
  margin-left: 4px;
  box-shadow: none;
  text-shadow: none;
  display: inline-flex;
  align-items: center;
  justify-content: center
}

.soundboardContainer_af5dbb {
  position: relative
}

.soundboardHeader_af5dbb {
  display: flex;
  align-items: center;
  box-shadow: var(--shadow-low);
  padding: 0 16px 16px
}

.visual-refresh .soundboardHeader_af5dbb {
  background-color: var(--background-surface-high);
  border-bottom: 1px solid var(--border-subtle);
  padding: var(--custom-gif-picker-gutter-size);
  box-shadow: none
}

.enable-forced-colors .resizeHandle_af5dbb {
  background-color: ButtonText
}

.enable-forced-colors .contentWrapper_af5dbb {
  border: 3px solid CanvasText
}

.enable-forced-colors .navButton_af5dbb {
  border: 1px solid ButtonFace
}

.enable-forced-colors .navButton_af5dbb:hover {
  border-color: ButtonText
}

.enable-forced-colors .navButtonActive_af5dbb {
  border-color: Highlight
}

.soundmojiLabelContainer_af5dbb {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-4);
  align-items: center
}

.container_ccd3df {
  bottom: 100%;
  margin-bottom: 12px;
  min-height: 16px;
  position: absolute;
  opacity: 1;
  will-change: opacity, transform;
  left: auto;
  right: 4px
}

.full-motion .container_ccd3df {
  transition: opacity.125s ease-in, transform.125s cubic-bezier(.48, 1.93, 1, .68)
}

.container_ccd3df.hidden_ccd3df {
  transform: translatey(12px);
  opacity: 0;
  pointer-events: none
}

.stickerIconOffset_ccd3df {
  right: 40px
}

.submitButtonOffset_ccd3df {
  right: 56px
}

.submitButtonOffset_ccd3df.stickerIconOffset_ccd3df {
  right: 93px
}

.containerBackground_ccd3df {
  background-color: var(--background-floating);
  border: 1px solid var(--background-modifier-selected);
  border-radius: 8px;
  bottom: 0;
  box-shadow: var(--elevation-high);
  left: 0;
  min-height: 16px;
  opacity: .95;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0
}

.containerBackground_ccd3df:after {
  border: 7px solid transparent;
  border-top-color: var(--background-floating);
  border-top-width: 7px;
  content: "";
  height: 0;
  margin-top: -1px;
  position: absolute;
  right: 14px;
  top: 100%;
  width: 0
}

.bottomInformationTextContainer_ccd3df {
  z-index: 1;
  position: relative;
  padding: 0 8px 10px;
  height: 24px
}

.bottomInformationLayout_ccd3df {
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

.textDivider_ccd3df {
  height: 1px;
  margin: 0 0 4px;
  background-color: var(--background-modifier-accent)
}

.descriptionText_ccd3df {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.stickerResults_ccd3df {
  display: grid;
  grid-gap: var(--custom-expression-suggestions-sticker-suggestion-margin);
  grid-auto-flow: column;
  grid-template-columns: repeat(auto-fit, var(--custom-expression-suggestions-sticker-suggestion-size));
  padding: var(--custom-expression-suggestions-container-padding);
  position: relative;
  z-index: 1
}

.keybind_ccd3df {
  display: inline-block
}

.closeIcon_ccd3df {
  color: var(--text-muted);
  cursor: pointer
}

.closeIcon_ccd3df:hover {
  color: var(--interactive-hover)
}

.suggestedExpression_ccd3df {
  cursor: pointer;
  position: relative
}

.mask_ccd3df {
  bottom: -2px;
  opacity: 0;
  left: -2px;
  position: absolute;
  right: -2px;
  top: -2px;
  transition: opacity 80ms ease-in-out;
  z-index: 0
}

.suggestedExpressionFocused_ccd3df .mask_ccd3df,
.suggestedExpression_ccd3df:focus .mask_ccd3df {
  opacity: 1
}

.maskBackground_ccd3df {
  background-color: var(--background-accent);
  height: 100%;
  width: 100%
}

.reduce-motion .container_ccd3df,
.reduce-motion .mask_ccd3df {
  transition: none
}

.theme-light .unownedStickerLockIcon_ccd3df {
  color: var(--background-secondary)
}

.theme-dark .containerBackground_ccd3df {
  opacity: .95
}

.keybind_ccd3df span {
  box-shadow: inset 0 -4px 0 rgba(32, 34, 37, .6)
}

.userTooltip_a0bdd1 {
  display: flex;
  align-items: center;
  font-size: 16px
}

.avatar_a0bdd1 {
  margin-right: 8px
}

.discriminator_a0bdd1 {
  opacity: .5
}

.syntaxBefore_cdb578,
.syntaxAfter_cdb578 {
  font-weight: 600
}

.codeBlockSyntax_cdb578,
.syntaxBefore_cdb578,
.syntaxAfter_cdb578 {
  color: var(--textbox-markdown-syntax)
}

.codeBlockLang_cdb578 {
  color: var(--text-positive)
}

.after_s_cdb578,
.before_s_cdb578,
.before_spoiler_cdb578,
.after_spoiler_cdb578,
.syntaxOverride_cdb578,
.after_u_cdb578,
.before_u_cdb578 {
  font-weight: 400
}

.before_em_cdb578 {
  margin-right: -1px
}

.after_em_cdb578 {
  margin-left: 1px
}

.before_u_cdb578,
.before_s_cdb578 {
  margin-right: 1px
}

.after_u_cdb578,
.after_s_cdb578 {
  margin-left: 1px
}

.after_u_cdb578,
.before_u_cdb578 {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.before_inlineCode_cdb578 {
  border-radius: 3px 0 0 3px
}

.after_inlineCode_cdb578 {
  border-radius: 0 3px 3px 0
}

.bold_cdb578 {
  font-weight: 700
}

.italics_cdb578 {
  font-style: italic
}

.underline_cdb578 {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.strikethrough_cdb578 {
  -webkit-text-decoration: line-through;
  text-decoration: line-through
}

.fakeLink_cdb578 {
  color: var(--text-link);
  -webkit-text-decoration: var(--link-decoration);
  text-decoration: var(--link-decoration)
}

.low-saturation .fakeLink_cdb578 {
  color: var(--text-link-low-saturation)
}

.inlineCode_cdb578,
.before_inlineCode_cdb578,
.after_inlineCode_cdb578 {
  background: var(--background-secondary);
  font-family: var(--font-code);
  font-size: 85%;
  line-height: 18px;
  margin: -.2em 0;
  padding: .2em 0;
  width: auto;
  height: auto;
  text-indent: 0;
  text-indent: 0;
  white-space: pre-wrap
}

.spoiler_cdb578 {
  padding: 0 .2em
}

.codeLine_cdb578,
.codeBlockText_cdb578 {
  color: var(--header-secondary);
  font-family: var(--font-code);
  font-size: 85%;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none
}

.codeLine_cdb578 .hljs-comment,
.codeLine_cdb578 .hljs-quote {
  color: var(--text-muted)
}

.codeLine_cdb578 .hljs-ansi-control-sequence {
  font-size: 70%;
  vertical-align: middle;
  padding-right: .1em;
  color: var(--textbox-markdown-syntax);
  background-color: inherit;
  font-weight: inherit;
  font-style: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: inherit
}

.before_subtext_cdb578 {
  font-weight: 700
}

.before_subtext_cdb578,
.subtext_cdb578 {
  color: var(--text-muted);
  font-size: 13px;
  line-height: 17.875px
}

.inlineElement_d4df8b {
  display: inline-block
}

.inlineVoid_d4df8b {
  cursor: default
}

.inlineVoid_d4df8b .mention {
  padding-bottom: 1px
}

.applicationCommand_d4df8b {
  display: flex;
  flex-wrap: wrap;
  margin-left: -4px;
  margin-top: -8px;
  margin-bottom: -4px
}

.applicationCommand_d4df8b>[data-slate-node=text]>* {
  display: inline-block;
  padding-top: 8px
}

.applicationCommand_d4df8b>[data-slate-node=text]:not(:first-child)>:first-child {
  margin-left: 4px
}

.applicationCommand_d4df8b>[data-slate-node=text]:not(:first-child)>:first-child.emptyText_d4df8b {
  margin-left: 2px
}

.applicationCommand_d4df8b>[data-slate-node=text]:not(:last-child)>:last-child {
  margin-right: 4px
}

.applicationCommand_d4df8b>[data-slate-node=text]:not(:last-child)>:last-child.emptyText_d4df8b {
  margin-right: 2px
}

.applicationCommand_d4df8b:after {
  flex: 1;
  padding-left: 4px;
  padding-top: 8px;
  white-space: nowrap;
  color: var(--text-muted);
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  content: attr(data-trailing-placeholder)
}

.applicationCommand_d4df8b>[data-slate-node=text]>*,
.optionPillValue_d4df8b>[data-slate-node=text]>* {
  min-width: 4px
}

.commandName_d4df8b {
  font-weight: 600;
  margin-left: 4px
}

.optionPill_d4df8b {
  display: flex;
  border-radius: 4px;
  border: solid 1px transparent;
  align-self: flex-start;
  justify-content: flex-start;
  vertical-align: top;
  max-width: calc(100% - 30px);
  margin-top: 6px
}

.optionPillKey_d4df8b {
  display: inline-block;
  padding: 1px 8px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex-shrink: 0
}

.optionPillValue_d4df8b {
  display: block;
  padding: 1px 8px;
  vertical-align: top;
  white-space: pre-wrap;
  flex: 1
}

.readonlyPillValue_d4df8b {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.readonlyPillValue_d4df8b ::-moz-selection {
  background: transparent
}

.readonlyPillValue_d4df8b ::selection {
  background: transparent
}

.attachmentFilename_d4df8b {
  color: var(--brand-500)
}

.theme-dark .optionPill_d4df8b {
  background-color: var(--background-secondary-alt);
  border-color: var(--background-tertiary)
}

.theme-dark .optionPillKey_d4df8b {
  background-color: var(--background-floating)
}

.theme-light .optionPill_d4df8b {
  background-color: var(--background-secondary);
  border-color: var(--background-modifier-selected)
}

.theme-light .optionPillKey_d4df8b {
  background-color: var(--background-tertiary)
}

.selectedPill_d4df8b {
  border-color: Highlight !important
}

.erroredPill_d4df8b {
  border-color: var(--red-400) !important
}

.newLine_d4df8b {
  display: inline-block
}

.editor_a552a6 {
  white-space: break-spaces !important;
  caret-color: var(--text-normal);
  text-align: left;
  word-break: break-word
}

.editor_a552a6 pre {
  max-width: none
}

.placeholder_a552a6 {
  position: absolute;
  left: 0;
  right: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--channel-text-area-placeholder);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none
}

.visual-refresh .placeholder_a552a6 {
  line-height: 1.5rem
}

.enable-forced-colors .placeholder_a552a6 {
  color: GrayText
}

.slateContainer_e52116 {
  position: relative
}

.slateTextArea_e52116 {
  padding-right: 10px;
  position: absolute;
  left: 0;
  right: 10px
}

.visual-refresh .slateTextArea_e52116 {
  --custom-vertical-padding: calc(var(--custom-channel-textarea-text-area-height) / 4);
  box-sizing: border-box;
  padding-top: calc(.25*var(--custom-channel-textarea-text-area-height));
  padding-top: var(--custom-vertical-padding);
  padding-bottom: calc(.25*var(--custom-channel-textarea-text-area-height));
  padding-bottom: var(--custom-vertical-padding)
}

.enable-forced-colors .placeholder_e52116 {
  color: GrayText
}

@use postcss-pxtorem;

.channelTextArea_bdf0de {
  position: relative;
  width: 100%;
  text-indent: 0;
  border-radius: 8px
}

.channelTextArea_bdf0de.highlighted_bdf0de {
  box-shadow: 0 0 0 4px var(--blue-345)
}

.focusRing_bdf0de {
  border-radius: 8px
}

.visual-refresh .focusRing_bdf0de {
  border-radius: 4px !important
}

.scrollableContainer_bdf0de {
  overflow-x: hidden;
  overflow-y: scroll;
  max-height: var(--custom-channel-textarea-text-area-max-height);
  border-radius: 8px;
  backface-visibility: hidden
}

.no-webkit-scrollbar .scrollableContainer_bdf0de {
  scrollbar-width: none
}

:where(.visual-refresh) .channelTextArea_bdf0de {
  box-sizing: border-box;
  border: 1px solid var(--border-faint);
  border-radius: var(--radius-sm);
  transition: border-color.2s ease;
  box-shadow: var(--shadow-low);
  background: var(--bg-overlay-3, var(--chat-background-default))
}

:where(.visual-refresh) .channelTextArea_bdf0de:focus-within {
  border-color: var(--border-subtle)
}

:where(.visual-refresh) .button_bdf0de {
  margin-left: 0;
  margin-right: 0;
  padding: 0
}

.themedBackground_bdf0de {
  background: var(--bg-overlay-3, var(--channeltextarea-background))
}

.visual-refresh .themedBackground_bdf0de {
  background: none
}

.sticker_bdf0de {
  display: block
}

.disabledButtonWrapper_bdf0de {
  display: inline-flex
}

.indentCharacterCount_bdf0de {
  margin-right: 30px
}

.background-opacity-low .scrollableContainer_bdf0de {
  background-color: hsl(var(--primary-500-hsl)/.5)
}

.background-opacity-low .scrollableContainer_bdf0de .textArea_bdf0de {
  color: var(--white-500)
}

.background-opacity-medium .scrollableContainer_bdf0de {
  background-color: hsl(var(--primary-500-hsl)/.7)
}

.background-opacity-medium .scrollableContainer_bdf0de .textArea_bdf0de {
  color: var(--white-500)
}

.background-opacity-high .scrollableContainer_bdf0de {
  background-color: hsl(var(--primary-500-hsl)/.9)
}

.scrollableContainer_bdf0de::-webkit-scrollbar {
  width: 12px;
  height: 12px
}

.scrollableContainer_bdf0de::-webkit-scrollbar-thumb,
.scrollableContainer_bdf0de::-webkit-scrollbar-track {
  border-width: 4px;
  background-clip: padding-box;
  border-style: solid;
  border-color: transparent
}

.scrollableContainer_bdf0de::-webkit-scrollbar-track {
  border-width: medium;
  border-width: initial
}

.scrollableContainer_bdf0de::-webkit-scrollbar-thumb {
  background-color: hsl(var(--primary-800-hsl)/.6);
  border-radius: 8px
}

.channelTextAreaDisabled_bdf0de .scrollableContainer_bdf0de {
  opacity: .5
}

.hasStackedBar_bdf0de {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.visual-refresh .inlineContainer_bdf0de {
  display: grid;
  grid-template-columns: 1fr auto;
  box-shadow: none
}

.visual-refresh .inlineContainer_bdf0de .accessoryBar_bdf0de {
  border-top: none
}

.visual-refresh .flushContainer_bdf0de {
  border: none
}

.visual-refresh .flushContainer_bdf0de .accessoryBar_bdf0de {
  border-top: none
}

.inner_bdf0de {
  display: flex;
  position: relative
}

.innerDisabled_bdf0de {
  cursor: not-allowed
}

.sansAttachButton_bdf0de {
  padding-left: calc(-1px + var(--space-16))
}

.inlineContainer_bdf0de .sansAttachButton_bdf0de {
  padding-left: 0
}

.sansAttachButtonCreateThread_bdf0de {
  padding-left: 10px
}

.sansAttachButtonCreatePost_bdf0de,
.sansAttachButtonUserProfileReply_bdf0de {
  padding-left: 0
}

.attachButton_bdf0de {
  margin-left: -16px
}

.visual-refresh .attachButton_bdf0de {
  margin-left: 0
}

.textArea_bdf0de {
  background-color: transparent;
  resize: none;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
  width: 100%;
  height: var(--custom-channel-textarea-text-area-height);
  min-height: var(--custom-channel-textarea-text-area-height);
  color: var(--text-normal);
  padding-left: 0;
  padding-right: 10px
}

.textArea_bdf0de::-moz-placeholder {
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--text-muted)
}

.textArea_bdf0de::placeholder {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--text-muted)
}

.textAreaSlate_bdf0de {
  box-sizing: border-box;
  padding: 0
}

.textAreaThreadCreation_bdf0de {
  min-height: 66px
}

.profileBioInput_bdf0de {
  min-height: 100%
}

.profileBioInput_bdf0de>div {
  height: 100%
}

.overlayInlineReply_bdf0de {
  padding-right: 0 !important;
  min-height: 100%;
  height: 100%
}

.textAreaWithoutAttachmentButton_bdf0de {
  padding-left: 16px
}

.textAreaForPostCreation_bdf0de {
  padding: 0 !important
}

.textAreaForUserProfile_bdf0de {
  font-size: .875rem
}

.textAreaForOverlayInlineReply_bdf0de {
  padding: 7px 12px !important;
  font-size: .875rem
}

.textAreaCustomGift_bdf0de[role=textbox] {
  position: absolute !important;
  height: 100%;
  box-sizing: border-box
}

@media all and (-webkit-max-device-pixel-ratio:1) {
  .theme-light .textArea_bdf0de {
    font-weight: 500
  }
}

.textAreaDisabled_bdf0de {
  pointer-events: none
}

.buttons_bdf0de {
  display: flex;
  flex-direction: row;
  height: var(--custom-channel-textarea-text-area-height);
  position: sticky;
  top: 0;
  margin-right: 6px
}

.has-webkit-scrollbar .buttons_bdf0de {
  margin-right: -6px
}

.visual-refresh .buttons_bdf0de {
  height: auto
}

.visual-refresh.has-webkit-scrollbar .buttons_bdf0de {
  margin-right: -2px
}

.buttonContainer_bdf0de {
  display: flex;
  align-items: center
}

.button_bdf0de {
  padding: 4px;
  margin-left: 4px;
  margin-right: 4px
}

.stickerIcon_bdf0de {
  width: 20px !important;
  height: 20px !important
}

.stickerButton_bdf0de {
  transition: transform.2s
}

.stickerButtonWithNotification_bdf0de {
  margin-top: 1px;
  padding-left: 2px;
  padding-right: 2px
}

.stickerButtonTilted_bdf0de {
  transition: transform.15s;
  transform: rotate(12deg)scale(1.05)
}

.fontSize12Padding_bdf0de {
  padding-bottom: 14px;
  padding-top: 14px
}

.fontSize14Padding_bdf0de {
  padding-bottom: 12px;
  padding-top: 13px
}

.fontSize15Padding_bdf0de {
  padding-bottom: 12px;
  padding-top: 12px
}

.fontSize16Padding_bdf0de {
  padding-bottom: 11px;
  padding-top: 11px
}

.fontSize18Padding_bdf0de {
  padding-bottom: 9px;
  padding-top: 9px
}

.fontSize20Padding_bdf0de {
  padding-bottom: 9px;
  padding-top: 8px
}

.fontSize24Padding_bdf0de {
  padding-bottom: 6px;
  padding-top: 5px
}

.floatingBars_bdf0de {
  margin-bottom: -8px;
  min-height: 8px
}

.floatingBars_bdf0de .newMemberActionBar_bdf0de {
  margin-left: 0;
  margin-right: 0
}

.stackedBars_bdf0de {
  background: var(--background-secondary);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px
}

.stackedBars_bdf0de>:not(:last-child) {
  border-bottom: 1px solid var(--background-secondary-alt)
}

.visual-refresh .stackedBars_bdf0de {
  background: var(--background-surface-higher)
}

.visual-refresh .stackedBars_bdf0de>:not(:last-child) {
  border-bottom: 1px solid var(--border-subtle)
}

.sparkles_bdf0de {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 150%;
  height: 150%
}

.expressionPickerPositionLayer_bdf0de {
  left: 86px
}

.theme-dark.custom-theme-background .stackedBars_bdf0de {
  background: var(--bg-overlay-1, var(--background-secondary))
}

.theme-dark.custom-theme-background .textAreaMobileThemed_bdf0de {
  margin-top: 16px
}

.theme-light.custom-theme-background .stackedBars_bdf0de {
  background: var(--bg-overlay-2, var(--background-secondary))
}

.theme-light.custom-theme-background .textAreaMobileThemed_bdf0de {
  margin-top: 16px
}

.theme-brand .inner_bdf0de {
  background-color: var(--brand-400)
}

.theme-brand .textArea_bdf0de {
  color: hsl(var(--white-500-hsl)/.7)
}

.theme-brand .textArea_bdf0de::-moz-placeholder {
  color: hsl(var(--white-500-hsl)/.3)
}

.theme-brand .textArea_bdf0de::placeholder {
  color: hsl(var(--white-500-hsl)/.3)
}

.visual-refresh .accessoryBar_bdf0de {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-4)var(--space-16);
  border-top: 1px solid var(--border-faint);
  margin-left: -1px;
  margin-right: 1px
}

.visual-refresh .accessoryBarLeft_bdf0de,
.visual-refresh .accessoryBarRight_bdf0de {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  position: relative
}

.visual-refresh .accessoryBarRight_bdf0de {
  margin-right: calc(-1*var(--space-4))
}

.visual-refresh .rightAccessories_bdf0de {
  display: flex;
  align-items: center;
  max-height: var(--custom-channel-textarea-text-area-height);
  margin-right: var(--space-4);
  position: sticky;
  top: 0
}

.enable-forced-colors .scrollableContainer_bdf0de {
  border: 1px solid CanvasText;
  overflow-y: auto;
  padding-right: 12px
}

.enable-forced-colors .scrollableContainer_bdf0de::-webkit-scrollbar {
  width: 8px
}

.enable-forced-colors .scrollableContainer_bdf0de::-webkit-scrollbar-track {
  border-radius: 0 8px 8px 0
}

.enable-forced-colors .scrollableContainer_bdf0de::-webkit-scrollbar-thumb,
.enable-forced-colors .scrollableContainer_bdf0de::-webkit-scrollbar-track {
  border-width: 1px
}

.enable-forced-colors .scrollableContainer_bdf0de::-webkit-scrollbar-thumb {
  background-color: CanvasText
}

@keyframes pulseIcon_f9af59 {

  0%,
  to {
    transform: scale(var(--custom-channel-text-area-button-hover-scale))
  }

  50% {
    transform: none
  }
}

@keyframes pulseButton_f9af59 {

  0%,
  to {
    opacity: .3
  }

  50% {
    opacity: 1
  }
}

@keyframes sparkle_f9af59 {
  0% {
    opacity: 0;
    transform: rotate(-50deg)scale(0)
  }

  20% {
    opacity: 1;
    transform: rotate(0)scale(1)
  }

  40% {
    opacity: 0;
    transform: rotate(50deg)scale(0)
  }

  to {
    opacity: 0;
    transform: rotate(-50deg)scale(0)
  }
}

.buttonWrapper_f9af59 {
  cursor: pointer
}

.button_f9af59 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--interactive-normal)
}

.button_f9af59:hover {
  color: var(--interactive-hover)
}

.button_f9af59:active {
  color: var(--interactive-active)
}

.iconMask_f9af59 {
  display: block;
  width: 24px;
  height: 24px
}

.buttonContent_f9af59 {
  position: relative
}

.icon_f9af59 {
  width: 24px;
  height: 24px
}

.visual-refresh .iconMask_f9af59,
.visual-refresh .icon_f9af59 {
  width: 20px;
  height: 20px
}

.pulseIcon_f9af59 {
  animation: pulseIcon_f9af59.6s ease
}

.pulseButton_f9af59 .buttonWrapper_f9af59 {
  animation: pulseButton_f9af59.6s ease
}

.buttonWrapper_f9af59 svg {
  display: block
}

.notificationDot_f9af59 {
  background-color: var(--status-danger);
  border-radius: 100%;
  bottom: 0;
  height: 7px;
  position: absolute;
  right: 0;
  transform: translate(0%, -5%);
  width: 7px
}

.sparkleContainer_f9af59 {
  position: absolute
}

.sparkleStar_f9af59 {
  position: relative;
  color: var(--gold);
  top: -12px;
  left: 20px;
  animation: sparkle_f9af59 2.5s ease-in-out infinite
}

.sparklePlus_f9af59 {
  position: relative;
  opacity: 0;
  color: var(--brand-500);
  top: 16px;
  left: -20px;
  animation: sparkle_f9af59 2.5s ease-in-out infinite;
  animation-delay: .5s
}

.active_f9af59 .buttonWrapper_f9af59,
.buttonWrapper_f9af59:hover {
  color: var(--interactive-active)
}

.disabled_a06035 {
  cursor: not-allowed
}

.separator_a06035 {
  display: flex;
  margin-left: 8px
}

.separator_a06035:before {
  content: " ";
  border-left: 1px solid var(--background-modifier-accent);
  height: 65%;
  margin-top: auto;
  margin-bottom: auto
}

.buttonContainer_a06035 {
  display: flex
}

.sendIcon_a06035 {
  width: 20px !important;
  height: 20px !important;
  padding-top: 2px
}

.show-redesigned-icons .sendIcon_a06035 {
  padding-top: 0;
  padding-top: 0
}

.innerButton_a06035 {
  padding: 4px;
  margin-left: 12px;
  margin-right: 4px
}

.buttonContainer_a06035 button:disabled {
  opacity: 1
}

.button_a06035[disabled]>.innerButton_a06035>.buttonChild_a06035,
.buttonChild_a06035 {
  transition: color.25s ease-in-out;
  color: var(--interactive-muted)
}

.activeButtonChild_a06035 {
  color: var(--text-brand)
}

.theme-dark .button_a06035:hover .activeButtonChild_a06035,
.theme-dark .button_a06035:focus .activeButtonChild_a06035,
.theme-dark .button_a06035:focus-within .activeButtonChild_a06035 {
  color: var(--brand-430)
}

.theme-dark .button_a06035:active .activeButtonChild_a06035 {
  color: var(--brand-500)
}

.theme-light .buttonContainer_a06035:hover,
.theme-light .buttonContainer_a06035:focus,
.theme-light .activeInnerButton_a06035:hover,
.theme-light .activeInnerButton_a06035:focus {
  color: var(--brand-560)
}

.theme-light .buttonContainer_a06035:active,
.theme-light .activeInnerButton_a06035:active {
  color: var(--brand-600)
}

.reduce-motion .innerButton_a06035 {
  transition: none 0s ease 0s;
  transition: initial
}

.visual-refresh .separator_a06035:before {
  display: none
}

.visual-refresh .innerButton_a06035 {
  margin-right: 0;
  margin-left: var(--space-4)
}

.stickerPreviews_ef287f {
  padding: 10px 0 10px 16px
}

.stickerPreviewContainer_ef287f {
  position: relative;
  display: inline-block
}

.stickerPreview_ef287f {
  margin-right: 4px
}

.stickerPreviewDivider_ef287f {
  margin-left: 16px
}

.closeButton_ef287f {
  cursor: pointer;
  color: var(--interactive-normal);
  line-height: 0;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1
}

.closeButton_ef287f:hover {
  color: var(--interactive-hover)
}

.closeIconContainer_ef287f {
  background: var(--channeltextarea-background);
  border-radius: 100%
}

.closeIcon_ef287f {
  width: 16px;
  height: 16px
}

.closeButton_cb4d21 {
  flex: 0 0 auto;
  cursor: pointer;
  color: var(--interactive-normal);
  line-height: 0;
  padding: 8px 18px 8px 16px
}

.visual-refresh .closeButton_cb4d21 {
  padding-left: var(--space-12);
  padding-right: var(--space-12)
}

.closeButton_cb4d21:hover {
  color: var(--interactive-hover)
}

.closeIcon_cb4d21 {
  width: 16px;
  height: 16px
}

.heading-sm\/normal_f60904 {
  font-family: var(--font-display);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 400
}

.heading-sm\/normal_f60904.fontScaling_f60904 {
  font-size: .875rem
}

.heading-sm\/medium_f60904 {
  font-family: var(--font-display);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 500
}

.heading-sm\/medium_f60904.fontScaling_f60904 {
  font-size: .875rem
}

.heading-sm\/semibold_f60904 {
  font-family: var(--font-display);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 600
}

.heading-sm\/semibold_f60904.fontScaling_f60904 {
  font-size: .875rem
}

.heading-sm\/bold_f60904 {
  font-family: var(--font-display);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 700
}

.heading-sm\/bold_f60904.fontScaling_f60904 {
  font-size: .875rem
}

.heading-sm\/extrabold_f60904 {
  font-family: var(--font-display);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 800
}

.heading-sm\/extrabold_f60904.fontScaling_f60904 {
  font-size: .875rem
}

.heading-md\/normal_f60904 {
  font-family: var(--font-display);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400
}

.heading-md\/normal_f60904.fontScaling_f60904 {
  font-size: 1rem
}

.heading-md\/medium_f60904 {
  font-family: var(--font-display);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 500
}

.heading-md\/medium_f60904.fontScaling_f60904 {
  font-size: 1rem
}

.heading-md\/semibold_f60904 {
  font-family: var(--font-display);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 600
}

.heading-md\/semibold_f60904.fontScaling_f60904 {
  font-size: 1rem
}

.heading-md\/bold_f60904 {
  font-family: var(--font-display);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 700
}

.heading-md\/bold_f60904.fontScaling_f60904 {
  font-size: 1rem
}

.heading-md\/extrabold_f60904 {
  font-family: var(--font-display);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 800
}

.heading-md\/extrabold_f60904.fontScaling_f60904 {
  font-size: 1rem
}

.heading-lg\/normal_f60904 {
  font-family: var(--font-display);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 400
}

.heading-lg\/normal_f60904.fontScaling_f60904 {
  font-size: 1.25rem
}

.heading-lg\/medium_f60904 {
  font-family: var(--font-display);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 500
}

.heading-lg\/medium_f60904.fontScaling_f60904 {
  font-size: 1.25rem
}

.heading-lg\/semibold_f60904 {
  font-family: var(--font-display);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600
}

.heading-lg\/semibold_f60904.fontScaling_f60904 {
  font-size: 1.25rem
}

.heading-lg\/bold_f60904 {
  font-family: var(--font-display);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700
}

.heading-lg\/bold_f60904.fontScaling_f60904 {
  font-size: 1.25rem
}

.heading-lg\/extrabold_f60904 {
  font-family: var(--font-display);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 800
}

.heading-lg\/extrabold_f60904.fontScaling_f60904 {
  font-size: 1.25rem
}

.heading-xl\/normal_f60904 {
  font-family: var(--font-display);
  font-size: 24px;
  line-height: 1.25;
  font-weight: 400
}

.heading-xl\/normal_f60904.fontScaling_f60904 {
  font-size: 1.5rem
}

.heading-xl\/medium_f60904 {
  font-family: var(--font-display);
  font-size: 24px;
  line-height: 1.25;
  font-weight: 500
}

.heading-xl\/medium_f60904.fontScaling_f60904 {
  font-size: 1.5rem
}

.heading-xl\/semibold_f60904 {
  font-family: var(--font-display);
  font-size: 24px;
  line-height: 1.25;
  font-weight: 600
}

.heading-xl\/semibold_f60904.fontScaling_f60904 {
  font-size: 1.5rem
}

.heading-xl\/bold_f60904 {
  font-family: var(--font-display);
  font-size: 24px;
  line-height: 1.25;
  font-weight: 700
}

.heading-xl\/bold_f60904.fontScaling_f60904 {
  font-size: 1.5rem
}

.heading-xl\/extrabold_f60904 {
  font-family: var(--font-display);
  font-size: 24px;
  line-height: 1.25;
  font-weight: 800
}

.heading-xl\/extrabold_f60904.fontScaling_f60904 {
  font-size: 1.5rem
}

.heading-xxl\/normal_f60904 {
  font-family: var(--font-display);
  font-size: 32px;
  line-height: 1.25;
  font-weight: 400
}

.heading-xxl\/normal_f60904.fontScaling_f60904 {
  font-size: 2rem
}

.heading-xxl\/medium_f60904 {
  font-family: var(--font-display);
  font-size: 32px;
  line-height: 1.25;
  font-weight: 500
}

.heading-xxl\/medium_f60904.fontScaling_f60904 {
  font-size: 2rem
}

.heading-xxl\/semibold_f60904 {
  font-family: var(--font-display);
  font-size: 32px;
  line-height: 1.25;
  font-weight: 600
}

.heading-xxl\/semibold_f60904.fontScaling_f60904 {
  font-size: 2rem
}

.heading-xxl\/bold_f60904 {
  font-family: var(--font-display);
  font-size: 32px;
  line-height: 1.25;
  font-weight: 700
}

.heading-xxl\/bold_f60904.fontScaling_f60904 {
  font-size: 2rem
}

.heading-xxl\/extrabold_f60904 {
  font-family: var(--font-display);
  font-size: 32px;
  line-height: 1.25;
  font-weight: 800
}

.heading-xxl\/extrabold_f60904.fontScaling_f60904 {
  font-size: 2rem
}

.eyebrow_f60904 {
  font-family: var(--font-display);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .02em
}

.eyebrow_f60904.fontScaling_f60904 {
  font-size: .75rem
}

.heading-deprecated-12\/normal_f60904 {
  font-family: var(--font-display);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 400
}

.heading-deprecated-12\/normal_f60904.fontScaling_f60904 {
  font-size: .75rem
}

.heading-deprecated-12\/medium_f60904 {
  font-family: var(--font-display);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 500
}

.heading-deprecated-12\/medium_f60904.fontScaling_f60904 {
  font-size: .75rem
}

.heading-deprecated-12\/semibold_f60904 {
  font-family: var(--font-display);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 600
}

.heading-deprecated-12\/semibold_f60904.fontScaling_f60904 {
  font-size: .75rem
}

.heading-deprecated-12\/bold_f60904 {
  font-family: var(--font-display);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 700
}

.heading-deprecated-12\/bold_f60904.fontScaling_f60904 {
  font-size: .75rem
}

.heading-deprecated-12\/extrabold_f60904 {
  font-family: var(--font-display);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 800
}

.heading-deprecated-12\/extrabold_f60904.fontScaling_f60904 {
  font-size: .75rem
}

.redesign\/heading-18\/bold_f60904 {
  font-family: var(--font-display);
  font-size: 18px;
  line-height: 1.3333333333333333;
  font-weight: 700
}

.redesign\/heading-18\/bold_f60904.fontScaling_f60904 {
  font-size: 1.125rem
}

.text-xxs\/normal_f60904 {
  font-family: var(--font-primary);
  font-size: 10px;
  line-height: 1.2;
  font-weight: 400
}

.text-xxs\/normal_f60904.fontScaling_f60904 {
  font-size: .625rem
}

.text-xxs\/medium_f60904 {
  font-family: var(--font-primary);
  font-size: 10px;
  line-height: 1.2;
  font-weight: 500
}

.text-xxs\/medium_f60904.fontScaling_f60904 {
  font-size: .625rem
}

.text-xxs\/semibold_f60904 {
  font-family: var(--font-primary);
  font-size: 10px;
  line-height: 1.2;
  font-weight: 600
}

.text-xxs\/semibold_f60904.fontScaling_f60904 {
  font-size: .625rem
}

.text-xxs\/bold_f60904 {
  font-family: var(--font-primary);
  font-size: 10px;
  line-height: 1.2;
  font-weight: 700
}

.text-xxs\/bold_f60904.fontScaling_f60904 {
  font-size: .625rem
}

.text-xs\/normal_f60904 {
  font-family: var(--font-primary);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 400
}

.text-xs\/normal_f60904.fontScaling_f60904 {
  font-size: .75rem
}

.text-xs\/medium_f60904 {
  font-family: var(--font-primary);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 500
}

.text-xs\/medium_f60904.fontScaling_f60904 {
  font-size: .75rem
}

.text-xs\/semibold_f60904 {
  font-family: var(--font-primary);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 600
}

.text-xs\/semibold_f60904.fontScaling_f60904 {
  font-size: .75rem
}

.text-xs\/bold_f60904 {
  font-family: var(--font-primary);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 700
}

.text-xs\/bold_f60904.fontScaling_f60904 {
  font-size: .75rem
}

.text-sm\/normal_f60904 {
  font-family: var(--font-primary);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 400
}

.text-sm\/normal_f60904.fontScaling_f60904 {
  font-size: .875rem
}

.text-sm\/medium_f60904 {
  font-family: var(--font-primary);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 500
}

.text-sm\/medium_f60904.fontScaling_f60904 {
  font-size: .875rem
}

.text-sm\/semibold_f60904 {
  font-family: var(--font-primary);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 600
}

.text-sm\/semibold_f60904.fontScaling_f60904 {
  font-size: .875rem
}

.text-sm\/bold_f60904 {
  font-family: var(--font-primary);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 700
}

.text-sm\/bold_f60904.fontScaling_f60904 {
  font-size: .875rem
}

.text-md\/normal_f60904 {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400
}

.text-md\/normal_f60904.fontScaling_f60904 {
  font-size: 1rem
}

.text-md\/medium_f60904 {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 500
}

.text-md\/medium_f60904.fontScaling_f60904 {
  font-size: 1rem
}

.text-md\/semibold_f60904 {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 600
}

.text-md\/semibold_f60904.fontScaling_f60904 {
  font-size: 1rem
}

.text-md\/bold_f60904 {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 700
}

.text-md\/bold_f60904.fontScaling_f60904 {
  font-size: 1rem
}

.text-lg\/normal_f60904 {
  font-family: var(--font-primary);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 400
}

.text-lg\/normal_f60904.fontScaling_f60904 {
  font-size: 1.25rem
}

.text-lg\/medium_f60904 {
  font-family: var(--font-primary);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 500
}

.text-lg\/medium_f60904.fontScaling_f60904 {
  font-size: 1.25rem
}

.text-lg\/semibold_f60904 {
  font-family: var(--font-primary);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600
}

.text-lg\/semibold_f60904.fontScaling_f60904 {
  font-size: 1.25rem
}

.text-lg\/bold_f60904 {
  font-family: var(--font-primary);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700
}

.text-lg\/bold_f60904.fontScaling_f60904 {
  font-size: 1.25rem
}

.redesign\/message-preview\/normal_f60904 {
  font-family: var(--font-primary);
  font-size: 15px;
  line-height: 1.3333333333333333;
  font-weight: 400
}

.redesign\/message-preview\/normal_f60904.fontScaling_f60904 {
  font-size: .9375rem
}

.redesign\/message-preview\/medium_f60904 {
  font-family: var(--font-primary);
  font-size: 15px;
  line-height: 1.3333333333333333;
  font-weight: 500
}

.redesign\/message-preview\/medium_f60904.fontScaling_f60904 {
  font-size: .9375rem
}

.redesign\/message-preview\/semibold_f60904 {
  font-family: var(--font-primary);
  font-size: 15px;
  line-height: 1.3333333333333333;
  font-weight: 600
}

.redesign\/message-preview\/semibold_f60904.fontScaling_f60904 {
  font-size: .9375rem
}

.redesign\/message-preview\/bold_f60904 {
  font-family: var(--font-primary);
  font-size: 15px;
  line-height: 1.3333333333333333;
  font-weight: 700
}

.redesign\/message-preview\/bold_f60904.fontScaling_f60904 {
  font-size: .9375rem
}

.redesign\/channel-title\/normal_f60904 {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.375;
  font-weight: 400
}

.redesign\/channel-title\/normal_f60904.fontScaling_f60904 {
  font-size: 1rem
}

.redesign\/channel-title\/medium_f60904 {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.375;
  font-weight: 500
}

.redesign\/channel-title\/medium_f60904.fontScaling_f60904 {
  font-size: 1rem
}

.redesign\/channel-title\/semibold_f60904 {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.375;
  font-weight: 600
}

.redesign\/channel-title\/semibold_f60904.fontScaling_f60904 {
  font-size: 1rem
}

.redesign\/channel-title\/bold_f60904 {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.375;
  font-weight: 700
}

.redesign\/channel-title\/bold_f60904.fontScaling_f60904 {
  font-size: 1rem
}

.display-sm_f60904 {
  font-family: var(--font-headline);
  font-size: 20px;
  line-height: 1;
  font-weight: 800
}

.display-sm_f60904.fontScaling_f60904 {
  font-size: 1.25rem
}

.display-md_f60904 {
  font-family: var(--font-headline);
  font-size: 34px;
  line-height: 1.0588235294117647;
  font-weight: 800
}

.display-md_f60904.fontScaling_f60904 {
  font-size: 2.125rem
}

.display-lg_f60904 {
  font-family: var(--font-headline);
  font-size: 44px;
  line-height: .9545454545454546;
  font-weight: 800
}

.display-lg_f60904.fontScaling_f60904 {
  font-size: 2.75rem
}

.code_f60904 {
  font-family: var(--font-code);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 700
}

.code_f60904.fontScaling_f60904 {
  font-size: .75rem
}

.bar_f60904 {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  padding-left: 16px;
  padding-top: 2px;
  padding-bottom: 2px
}

.commandInfo_f60904 {
  display: flex;
  flex: 1 1 auto;
  align-items: baseline;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  gap: 8px
}

.visual-refresh .bar_f60904 {
  align-items: center;
  padding-left: 20px
}

.name_f60904 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  color: var(--interactive-active)
}

.description_f60904 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--interactive-normal)
}

.error_f60904 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--red-400)
}

.actions_f60904 {
  flex: 0 0 auto;
  display: flex;
  align-items: center
}

.bar_d1cd43 {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: var(--space-20);
  justify-content: space-between
}

.small_b37d25 {
  width: 16px;
  height: 16px
}

.medium_b37d25 {
  width: 24px;
  height: 24px
}

.large_b37d25 {
  width: 40px;
  height: 40px
}

.container_d29eee {
  display: flex;
  margin-right: 16px;
  margin-left: 16px;
  overflow: hidden;
  flex-direction: column
}

.banner_d29eee {
  display: flex;
  align-items: center;
  flex-grow: 1;
  padding: 8px 16px;
  padding-bottom: 16px;
  background-color: var(--background-tertiary);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px
}

.text_d29eee {
  flex-grow: 1;
  margin-left: 8px
}

.clickable_d29eee {
  cursor: pointer
}

.channelIcon_d29eee {
  width: 20px;
  height: 20px;
  padding: 4px;
  color: var(--channel-icon)
}

.iconCircle_d29eee {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: var(--brand-500);
  display: flex;
  align-items: center;
  justify-content: center
}

.nextIcon_d29eee {
  color: var(--interactive-active)
}

.completed_d29eee {
  color: var(--status-positive)
}

.clipContainer_b11c5e {
  overflow: hidden;
  padding-top: 3px;
  margin-top: -3px
}

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

.replyBar_b11c5e,
.threadSuggestionBar_b11c5e {
  background: var(--background-secondary);
  cursor: pointer
}

.theme-dark.custom-theme-background .replyBar_b11c5e,
.theme-dark.custom-theme-background .threadSuggestionBar_b11c5e {
  background: var(--bg-overlay-1, var(--background-secondary))
}

.theme-light.custom-theme-background .replyBar_b11c5e,
.theme-light.custom-theme-background .threadSuggestionBar_b11c5e {
  background: var(--bg-overlay-2, var(--background-secondary))
}

.visual-refresh .replyBar_b11c5e,
.visual-refresh .threadSuggestionBar_b11c5e {
  background-color: transparent;
  background-color: initial;
  border-bottom: none
}

.visual-refresh .text_b11c5e {
  margin-left: var(--space-20)
}

.replyBar_b11c5e {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px
}

.threadSuggestionBar_b11c5e {
  display: flex;
  flex-direction: row;
  border-top: 1px solid var(--background-modifier-accent);
  padding-top: 7px;
  padding-bottom: 7px;
  box-shadow: 0 3px 0 var(--background-secondary)
}

.text_b11c5e {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-left: 16px
}

.replyLabel_b11c5e {
  flex: 1 1 auto
}

.name_b11c5e {
  font-weight: 600
}

.actions_b11c5e {
  flex: 0 0 auto;
  display: flex;
  align-items: center
}

.mentionButton_b11c5e {
  cursor: pointer;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  padding: 8px 12px
}

.mentionIcon_b11c5e {
  width: 16px;
  height: 16px;
  margin-right: 4px
}

.separator_b11c5e {
  width: 1px;
  height: 20px;
  background-color: var(--background-modifier-accent)
}

.createThreadButton_b11c5e {
  white-space: nowrap;
  margin-left: 8px;
  margin-right: 8px
}

.upsellTooltipWrapper_dafa63 {
  box-sizing: border-box;
  max-width: 280px;
  padding: 16px;
  background-color: var(--brand-500);
  border-radius: 8px;
  box-shadow: var(--elevation-medium)
}

.upsellTooltipWrapper_dafa63:after {
  content: " ";
  position: absolute;
  margin-left: -8px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent
}

.upsellTooltipWrapper_dafa63.caretTopCenter_dafa63:after {
  left: 50%;
  bottom: 100%;
  border-bottom-color: var(--brand-500)
}

.upsellTooltipWrapper_dafa63.caretTopRight_dafa63:after {
  left: calc(100% - 16px);
  bottom: 100%;
  border-bottom-color: var(--brand-500)
}

.upsellTooltipWrapper_dafa63.caretTopLeft_dafa63:after {
  left: 16px;
  bottom: 100%;
  border-bottom-color: var(--brand-500)
}

.upsellTooltipWrapper_dafa63.caretBottomCenter_dafa63:after {
  left: 50%;
  top: 100%;
  border-top-color: var(--brand-500)
}

.upsellTooltipWrapper_dafa63.caretBottomLeft_dafa63:after {
  left: 16px;
  top: 100%;
  border-top-color: var(--brand-500)
}

.upsellTooltipWrapper_dafa63.caretBottomRight_dafa63:after {
  right: 16px;
  top: 100%;
  border-top-color: var(--brand-500)
}

.upsellTooltipWrapper_dafa63.caretLeftCenter_dafa63:after {
  right: 100%;
  top: calc(50% - 8px);
  border-right-color: var(--brand-500)
}

.upsellTooltipWrapper_dafa63.caretLeftTop_dafa63:after {
  right: 100%;
  top: 8px;
  border-right-color: var(--brand-500)
}

.upsellTooltipWrapper_dafa63.caretRightCenter_dafa63:after {
  right: -16px;
  top: calc(50% - 8px);
  border-left-color: var(--brand-500)
}

.upsellTooltipWrapper_dafa63.caretRightTop_dafa63:after {
  right: -16px;
  top: 8px;
  border-left-color: var(--brand-500)
}

.upsellTooltipHeader_dafa63,
.upsellTooltipText_dafa63 {
  color: var(--white-500);
  text-align: center
}

.upsellTooltipHeader_dafa63 {
  font-family: var(--font-display);
  margin-bottom: 4px
}

.upsellButtonsContainer_dafa63 {
  display: flex;
  justify-content: center;
  margin: 16px auto 0
}

.upsellButtonsAdjacent_dafa63 :nth-child(2) {
  margin-left: 8px
}

.upsellButtonsStacked_dafa63 {
  width: 100%;
  flex-direction: column-reverse
}

.upsellButtonsStacked_dafa63 :nth-child(2) {
  margin-bottom: 8px
}

.fullWidthImage_dafa63 {
  height: auto;
  width: 100%;
  margin: 0 auto 16px;
  display: block
}

.content_dafa63 {
  --text-link: white;
  --link-decoration: underline;
  text-align: center
}

.container_c198fb:after {
  right: 8px !important
}

.asset_c198fb {
  width: 150px;
  position: absolute;
  bottom: 12px;
  left: 0;
  right: 0;
  margin: auto
}

.headerContainer_c198fb {
  position: relative;
  padding-bottom: var(--spacing-12)
}

.close_c198fb {
  margin-left: auto
}

.closeIcon_c198fb {
  border-radius: var(--radius-round);
  padding: var(--spacing-4);
  background-color: rgba(0, 0, 0, .25)
}

.closeIcon_c198fb:hover {
  background-color: rgba(0, 0, 0, .2)
}

.emojiButton_d91a75 {
  max-height: 50px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center
}

.spriteContainer_d91a75 {
  position: relative;
  width: var(--custom-emoji-sprite-size);
  height: var(--custom-emoji-sprite-size);
  display: block;
  --custom-emoji-sprite-bg-position: calc(-1 * var(--custom-emoji-sprite-col) * var(--custom-emoji-sprite-size)) calc(-1 * var(--custom-emoji-sprite-row) * var(--custom-emoji-sprite-size));
  --custom-emoji-sprite-bg-size: calc(20 * var(--custom-emoji-sprite-size)) calc(4 * var(--custom-emoji-sprite-size))
}

.sprite_d91a75 {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--custom-emoji-sprite-size);
  height: var(--custom-emoji-sprite-size);
  display: block
}

.spriteColored_d91a75 {
  background-image: url(/assets/55e1dff9b6a3ad363e9f.png);
  background-position: var(--custom-emoji-sprite-bg-position);
  background-size: var(--custom-emoji-sprite-bg-size)
}

.spriteGreyscale_d91a75 {
  -webkit-mask-image: url(/assets/6cbb3575187f15df54fe.png);
  mask-image: url(/assets/6cbb3575187f15df54fe.png);
  -webkit-mask-position: var(--custom-emoji-sprite-bg-position);
  mask-position: var(--custom-emoji-sprite-bg-position);
  -webkit-mask-size: var(--custom-emoji-sprite-bg-size);
  mask-size: var(--custom-emoji-sprite-bg-size);
  background-color: var(--interactive-normal)
}

.spritePremiumColored_d91a75 {
  -webkit-mask-image: url(/assets/6cbb3575187f15df54fe.png);
  mask-image: url(/assets/6cbb3575187f15df54fe.png);
  -webkit-mask-position: var(--custom-emoji-sprite-bg-position);
  mask-position: var(--custom-emoji-sprite-bg-position);
  -webkit-mask-size: var(--custom-emoji-sprite-bg-size);
  mask-size: var(--custom-emoji-sprite-bg-size)
}

.spritePremiumColored_d91a75.reducedMotion_d91a75 {
  background-color: var(--premium-tier-2-purple-for-gradients-2)
}

.spritePremiumColored_d91a75:not(.reducedMotion_d91a75) {
  animation: spritePremiumPulsing_d91a75 2s infinite
}

@keyframes spritePremiumPulsing_d91a75 {
  0% {
    background-color: var(--premium-tier-2-purple)
  }

  50% {
    background-color: var(--premium-tier-2-purple-for-gradients-2)
  }

  to {
    background-color: var(--premium-tier-2-purple)
  }
}

.inactive_d91a75 {
  opacity: 0
}

.active_d91a75 {
  opacity: 1
}

.premiumTooltip_d91a75 {
  max-width: 316px;
  border-radius: 4px
}

.premiumTooltipContainer_d91a75 {
  overflow: visible;
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 8px;
  padding: 8px 4px;
  align-items: center;
  overflow: visible
}

.premiumUnlockAnimation_d91a75 {
  position: absolute;
  z-index: 100
}

.premiumUnlockAnimation_d91a75.reducedMotion_d91a75 {
  height: 40px;
  width: 40px;
  left: 0;
  top: 6px
}

.premiumUnlockAnimation_d91a75:not(.reducedMotion_d91a75) {
  animation: shrink_d91a75 2s forwards
}

@keyframes shrink_d91a75 {
  0% {
    height: 76px;
    width: 76px;
    left: -26px;
    top: -26px
  }

  75% {
    height: 76px;
    width: 76px;
    left: -26px;
    top: -26px
  }

  to {
    height: 40px;
    width: 40px;
    left: 0;
    top: 6px
  }
}

.premiumTooltipText_d91a75 {
  padding-left: 32px
}

.lottieIcon_f73ef7 :not(defs *)[fill][fill-opacity] {
  fill: var(--__lottieIconColor, var(--interactive-normal))
}

.lottieIcon_f73ef7 :not(defs *)[stroke][stroke-opacity] {
  stroke: var(--__lottieIconColor, var(--interactive-normal))
}

.lottieIcon_f73ef7 svg {
  transform: none !important
}

.container_d523a2 {
  background-color: var(--brand-500);
  display: flex;
  align-items: center;
  align-content: center;
  flex-direction: column;
  text-align: center;
  position: relative;
  border-radius: 8px;
  padding: 0 16px
}

.body_d523a2 {
  padding-top: 56px;
  max-width: 248px
}

.pointer_d523a2 {
  width: 0;
  height: 0;
  border: 0 solid transparent;
  border-width: 10px;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-top-color: var(--brand-500)
}

div.popoutCloseButton_d523a2 {
  background-color: hsl(var(--black-500-hsl)/.25)
}

div.popoutCloseButton_d523a2:hover {
  background-color: hsl(var(--black-500-hsl)/.25)
}

.popoutTarget_d523a2 {
  width: 0;
  height: 0;
  position: absolute;
  left: 20px;
  top: -20px
}

.text_d523a2 {
  color: #fff;
  padding-top: 8px
}

.image_d523a2 {
  position: absolute;
  width: 95px;
  top: -75px
}

.buttonContainer_d523a2 {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin: 16px
}

.ctaButton_d523a2 {
  flex: 1
}

.closeButton_d523a2 {
  position: absolute;
  top: 10px;
  right: 10px
}

.container_efde15 {
  display: flex
}

.iconContainer_efde15 {
  display: flex;
  align-items: center;
  justify-content: center
}

.buttonLayer_efde15 {
  position: relative
}

.decorativeLayer_efde15 {
  position: fixed;
  transform: scale(1);
  pointer-events: none;
  display: none
}

.decorativeLayerActive_efde15 {
  display: block
}

.noPointerEvents_efde15 {
  pointer-events: none
}

.giftIconButton_efde15 {
  border-radius: var(--radius-round);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  margin: -8px
}

.theme-light .giftIconButtonActive_efde15 {
  background-color: var(--background-secondary)
}

.theme-dark .giftIconButtonActive_efde15 {
  background-color: var(--background-accent)
}

.container_efc1ac {
  background-color: var(--brand-500);
  display: flex;
  align-items: center;
  align-content: center;
  flex-direction: column;
  text-align: center;
  position: relative;
  border-radius: 8px;
  padding: 0 16px
}

.body_efc1ac {
  padding-top: 54px;
  max-width: 248px
}

.pointer_efc1ac {
  width: 0;
  height: 0;
  border: 0 solid transparent;
  border-width: 10px;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-top-color: var(--brand-500)
}

.button_efc1ac {
  margin: 16px;
  width: 100%
}

.popoutTarget_efc1ac {
  width: 0;
  height: 0;
  position: absolute;
  left: 20px
}

.text_efc1ac {
  color: #fff;
  padding-top: 4px
}

.coachmark_efc1ac {
  position: absolute;
  width: 200px
}

.staticImage_efc1ac {
  top: -200px
}

.animation_efc1ac {
  top: -185px
}

.dmButtonContainer_efc1ac {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin: 16px;
  gap: 4px
}

.dmButton_efc1ac {
  flex: 1
}

.closeButton_efc1ac {
  height: 25px;
  width: 25px;
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: rgba(0, 0, 0, .25);
  border-radius: var(--radius-round);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer
}

.closeIcon_efc1ac {
  color: var(--white-500);
  padding: 5px
}

.icon_cfe645 {
  width: 32px;
  height: auto;
  position: absolute;
  left: -4px;
  bottom: -2px
}

.container_fdeb78 {
  display: flex
}

.giftIconContainer_fdeb78 {
  pointer-events: none;
  position: relative;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center
}

.visual-refresh .giftIconContainer_fdeb78 {
  width: 20px;
  height: 20px
}

.generalHeading_a2f60b {
  color: var(--primary-130);
  padding: 16px 12px 0 16px;
  max-width: 350px
}

.generalBodyCopy_a2f60b {
  color: var(--primary-130);
  padding: 8px 0 8px 16px;
  max-width: 190px
}

.learnMore_a2f60b {
  color: var(--primary-130)
}

.learnMore_a2f60b p {
  margin-bottom: 0
}

.learnMore_a2f60b p:first-of-type {
  margin-top: 0;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-underline-offset: 2px
}

.learnMore_a2f60b:hover {
  -webkit-text-decoration: none;
  text-decoration: none
}

.learnMoreResendUnderlinedText_a2f60b,
.learnMoreResendUnderlinedText_a2f60b:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-underline-offset: 2px
}

.shareNitroResendCopySuffix_a2f60b {
  margin-left: 10
}

.generalButtonContainer_a2f60b {
  padding: 16px 14px
}

.generalBodyContainer_a2f60b {
  position: relative;
  min-height: 190px;
  background: linear-gradient(100.98deg, var(--premium-tier-2-purple-for-gradients)25.21%, var(--premium-tier-2-purple-for-gradients-2)62.43%, var(--premium-tier-2-pink-for-gradients)95.57%);
  border-radius: 4px;
  overflow: hidden
}

.innerContent_a2f60b {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%
}

.birthdayBackgroundImage_a2f60b {
  position: absolute;
  bottom: -45px;
  left: -70px
}

.confirmationBirthdayBody_a2f60b,
.confirmationBody_a2f60b {
  position: relative
}

.confirmationBody_a2f60b {
  min-height: 136px
}

.confirmationBirthdayBody_a2f60b {
  min-height: 190px
}

.confirmationHeading_a2f60b {
  padding: 20px 12px 0 16px;
  max-width: 350px
}

.confirmationBodyCopy_a2f60b {
  padding: 8px 0 8px 16px;
  max-width: 190px
}

.confirmationBodySeparator_a2f60b {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  border: 0;
  background: var(--background-secondary-alt);
  margin: 0
}

.confirmationButtonContainer_a2f60b {
  padding: 16px 16px 0
}

.confirmationCancelCopy_a2f60b {
  cursor: pointer
}

.confirmationCancelButtonContainer_a2f60b {
  display: flex;
  justify-content: center;
  padding-top: 21px;
  padding-bottom: 26px
}

.generalContainer_a2f60b,
.confirmationContainer_a2f60b {
  background-color: var(--background-primary);
  height: 100%;
  position: relative;
  top: -22px;
  border-radius: 4px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, .24);
  width: 406px
}

.generalShareButton_a2f60b,
.confirmationShareButton_a2f60b {
  width: 100%
}

.generalBodyImage_a2f60b,
.confirmationImage_a2f60b {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1
}

.closeButton_a2f60b {
  position: absolute;
  right: 8px;
  top: 16px
}

.closeButton_a2f60b path {
  fill: var(--text-normal)
}

.closeButton_a2f60b:hover {
  background-color: rgba(255, 255, 255, 4%)
}

.upload_df1eaf {
  display: inline-flex;
  flex-direction: column;
  background: var(--bg-overlay-5, var(--background-secondary));
  border-radius: 4px;
  margin: 0;
  padding: 8px;
  position: relative;
  min-width: 200px;
  max-width: 200px;
  min-height: 200px;
  max-height: 200px
}

.upload_df1eaf.sizeClip_df1eaf {
  max-width: 400px;
  min-width: 320px;
  flex: 1;
  padding: 0;
  max-height: 400px;
  background-color: var(--background-primary)
}

.visual-refresh .upload_df1eaf {
  background-color: var(--background-surface-high);
  border: 1px solid var(--border-normal);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-low)
}

.visual-refresh .upload_df1eaf.sizeClip_df1eaf {
  background-color: var(--background-mod-subtle)
}

.uploadContainer_df1eaf {
  display: flex;
  position: relative;
  flex-direction: column;
  height: 100%
}

.uploadContainer_df1eaf:hover .smallActionBar_df1eaf {
  opacity: 1
}

.uploadContainer_df1eaf:focus-within .smallActionBar_df1eaf {
  opacity: 1
}

.actionBarContainer_df1eaf {
  position: absolute;
  top: 0;
  right: 0
}

.actionBar_df1eaf {
  position: absolute;
  right: 0;
  z-index: 1;
  transform: translate(25%, -25%);
  padding: 0
}

.smallActionBar_df1eaf {
  opacity: 0
}

.miniPopover_df1eaf {
  height: 24px;
  align-items: center
}

.nameTag_cd0810 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
  line-height: 1.1
}

.username_cd0810 {
  flex: 0 1 auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block
}

.bot_cd0810 {
  flex: 0 0 auto;
  margin-left: 1ch;
  display: block
}

.info_e86508 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  overflow: hidden;
  align-items: center;
  white-space: nowrap
}

.infoSpacing_e86508 {
  margin-left: 5px
}

.avatar_d22f5a {
  flex-shrink: 0
}

.memberListItem_d22f5a {
  padding: 4px 8px;
  margin: 8px -8px;
  border-radius: 4px
}

.memberListItem_d22f5a:last-child {
  margin-bottom: 4px
}

.memberListItem_d22f5a:not(.popoutDisabled_d22f5a):hover {
  cursor: pointer
}

.memberListItemTag_d22f5a {
  margin-left: 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.username_d22f5a {
  font-weight: 600
}

.memberListItem_d22f5a:not(.popoutDisabled_d22f5a):hover {
  background-color: var(--background-tertiary)
}

.container_c94b03 {
  background: var(--background-secondary);
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: var(--spacing-12);
  width: 100%
}

.textSection_c94b03 {
  flex: 1;
  margin-left: var(--spacing-12)
}

.actionBarIcon_b1fc5c {
  width: 20px;
  height: 20px;
  display: block;
  -o-object-fit: contain;
  object-fit: contain
}

.filenameContainer_f847a3 {
  margin-top: auto
}

.filename_f847a3 {
  margin-top: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.mediaContainer_f847a3 {
  margin-top: auto;
  position: relative;
  min-height: 0
}

.mediaContainer_f847a3>div:not([aria-expanded=false]),
.mediaContainer_f847a3>div:not([aria-expanded=false])>div {
  height: 100%
}

.tags_f847a3 {
  position: absolute;
  left: 3px;
  bottom: 6px
}

.altTag_f847a3 {
  background: var(--header-secondary);
  margin-right: 4px;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
  padding: 3px;
  border-radius: 3px;
  z-index: 1
}

.spoilerContainer_f847a3 {
  height: 100%
}

.spoilerWrapper_f847a3 {
  display: flex;
  justify-content: center;
  height: 100%
}

.media_f847a3 {
  border-radius: 3px;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.media_f847a3.sizeClip_f847a3 {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  aspect-ratio: 16/9
}

.clickableMedia_f847a3 {
  cursor: pointer
}

.spoiler_f847a3 {
  filter: blur(var(--custom-channel-attachment-upload-spoiler-blur-radius));
  pointer-events: none
}

.icon_f847a3 {
  height: 144px;
  background-repeat: no-repeat;
  background-position: center
}

.icon_f847a3.imageSmall_f847a3 {
  height: var(--custom-channel-attachment-upload-mini-attachment-size)
}

.icon_f847a3.video_f847a3 {
  background-image: url(/assets/aaf4187e7a474cc941fb.svg)
}

.icon_f847a3.acrobat_f847a3 {
  background-image: url(/assets/5eb3bf7fdc26281e6ef6.svg)
}

.icon_f847a3.ae_f847a3 {
  background-image: url(/assets/87f0109e579a0897293f.svg)
}

.icon_f847a3.sketch_f847a3 {
  background-image: url(/assets/dde34b80d1397cebf229.svg)
}

.icon_f847a3.ai_f847a3 {
  background-image: url(/assets/e4573d730a04b8da3e3b.svg)
}

.icon_f847a3.archive_f847a3 {
  background-image: url(/assets/09ac94260d534ad5175b.svg)
}

.icon_f847a3.code_f847a3 {
  background-image: url(/assets/e4f7a6f2cecc62343d26.svg)
}

.icon_f847a3.document_f847a3 {
  background-image: url(/assets/28e15ef5469cc0ba066a.svg)
}

.icon_f847a3.ps_f847a3,
.icon_f847a3.photoshop_f847a3 {
  background-image: url(/assets/73becd8d563e382725d9.svg)
}

.icon_f847a3.spreadsheet_f847a3 {
  background-image: url(/assets/34ebe77906e980e37afd.svg)
}

.icon_f847a3.webcode_f847a3 {
  background-image: url(/assets/29c961d952c1212129a3.svg)
}

.icon_f847a3.audio_f847a3 {
  background-image: url(/assets/d7cf9cf832e722ab8205.svg)
}

.icon_f847a3.unknown_f847a3 {
  background-image: url(/assets/4e9648e3230c19394176.svg)
}

.attachmentItemSmall_f847a3 {
  min-width: var(--custom-channel-attachment-upload-mini-attachment-size);
  min-height: var(--custom-channel-attachment-upload-mini-attachment-size);
  max-width: var(--custom-channel-attachment-upload-mini-attachment-size);
  max-height: var(--custom-channel-attachment-upload-mini-attachment-size);
  padding: 0;
  background-color: transparent;
  background-color: initial
}

.imageSmall_f847a3 {
  height: var(--custom-channel-attachment-upload-mini-attachment-size);
  border-radius: 12px;
  -o-object-fit: cover;
  object-fit: cover
}

.actionBarIcon_f847a3 {
  width: 16px;
  height: 16px;
  display: block;
  -o-object-fit: contain;
  object-fit: contain
}

.action_f847a3 {
  min-width: 18px;
  height: 16px;
  padding: 4px
}

.clipsBadge_f847a3 {
  position: absolute;
  top: 8px;
  left: 8px
}

.clipsFooter_f847a3 {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px
}

.theme-dark .altTag_f847a3 {
  color: black;
  mix-blend-mode: screen
}

.theme-light .altTag_f847a3 {
  color: white;
  mix-blend-mode: multiply
}

.emptyOption_fff78a {
  border: 2px dashed var(--header-secondary);
  border-radius: 8px
}

.emptyOptionActive_fff78a {
  border-color: var(--text-link)
}

.clickContainer_fff78a {
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: flex
}

.commandOptionContainer_fff78a {
  margin: auto;
  display: flex;
  flex-direction: column;
  width: 80%
}

.optionName_fff78a {
  position: absolute;
  right: 8px;
  padding: 2px 6px;
  background-color: var(--background-tertiary);
  border-radius: 4px;
  color: var(--text-normal)
}

.optionNameActive_fff78a {
  color: var(--text-link)
}

.optionIcon_fff78a {
  height: 100px
}

.optionHelp_fff78a {
  text-align: center
}

.fileInput_fff78a {
  display: none
}

.channelAttachmentArea_e8c527 {
  display: flex;
  gap: 24px;
  margin: 0 0 2px 6px;
  padding: 20px 10px 10px;
  overflow-x: auto
}

.channelAttachmentArea_e8c527:last-child {
  padding-right: 30px
}

.visual-refresh .channelAttachmentArea_e8c527 {
  background-color: var(--background-base-lowest);
  margin: 0
}

.divider_e8c527 {
  margin-left: 16px
}

.root_d6170c {
  background: var(--background-secondary);
  border-radius: 4px;
  padding: 4px;
  display: flex;
  max-width: 120px
}

.text_d6170c {
  margin-left: 4px
}

.premium_d6170c {
  flex-shrink: 0;
  width: 18px;
  height: 18px
}

.iconOnly_d6170c {
  cursor: pointer;
  color: var(--text-normal)
}

.characterCount_b82429 {
  align-items: flex-end;
  bottom: 10px;
  color: var(--text-normal);
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 14px
}

.premiumFlair_b82429 {
  color: var(--interactive-normal)
}

.premiumFlair_b82429:not(:last-child) {
  margin-right: 4px
}

.visual-refresh .characterCount_b82429 {
  position: relative;
  bottom: auto;
  right: auto;
  border-right: 1px solid var(--border-subtle);
  padding-right: var(--space-16);
  margin-right: var(--space-8)
}

.visual-refresh .premiumFlair_b82429 {
  color: var(--icon-secondary)
}

.visual-refresh .premiumFlair_b82429:not(:last-child) {
  margin-right: var(--space-8)
}

.flairContainer_b82429 {
  display: flex;
  align-items: center;
  height: 24px
}

.upsell_b82429 {
  margin-top: 8px
}

.container_f45dac {
  margin: 8px;
  margin-bottom: 0
}

.toolbar_de3e42 {
  background-color: var(--primary-800);
  color: var(--primary-300);
  border-radius: 4px;
  box-shadow: var(--elevation-high);
  display: flex;
  flex-direction: column;
  align-items: center;
  pointer-events: all;
  position: absolute
}

.toolbar_de3e42:before {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid var(--primary-800);
  bottom: -8px;
  content: "";
  height: 0;
  left: calc(50% - 8px);
  position: absolute;
  width: 0
}

.buttons_de3e42 {
  display: flex;
  flex-direction: row;
  height: 32px;
  border-radius: 4px;
  overflow: hidden
}

.staticToolbar_de3e42 {
  display: flex;
  border-radius: 4px 4px 0 0;
  justify-content: space-between
}

.staticToolbar_de3e42 .button_de3e42:first-of-type {
  border-top-left-radius: 4px
}

.theme-dark .staticToolbar_de3e42 {
  background-color: var(--background-secondary-alt)
}

.theme-light .staticToolbar_de3e42 {
  background-color: var(--background-tertiary)
}

.staticButtons_de3e42 {
  display: flex;
  border-radius: 4px 4px 0 0
}

.emojiButton_de3e42 {
  padding-right: 8px
}

.divider_de3e42 {
  border-left: 1px solid hsl(var(--white-500-hsl)/6%);
  display: inline-block;
  height: 20px;
  margin: 6px
}

.button_de3e42 {
  border-radius: 0;
  padding: 0;
  width: 32px;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary-300)
}

.button_de3e42:hover {
  background-color: var(--background-modifier-hover);
  color: var(--primary-100)
}

.button_de3e42[aria-pressed=true] {
  background-color: var(--background-modifier-selected);
  color: var(--white-500)
}

.buttonInner_de3e42 {
  height: 20px
}

.icon_de3e42 {
  height: 20px;
  color: currentColor;
  width: 20px
}

.staticIcon_de3e42 {
  color: var(--interactive-normal)
}

.staticDivider_de3e42 {
  border-left: 1px solid var(--background-modifier-accent)
}

.inner_b84fc9 {
  background: var(--input-background);
  border-radius: 3px
}

.editor_b84fc9 {
  --channel-text-area-placeholder: var(--text-muted);
  font-size: 14px;
  min-height: 88px
}

.container_b84fc9 {
  padding: 16px;
  border-radius: 8px;
  background: var(--bg-base-primary);
  box-shadow: var(--elevation-high);
  width: 300px
}

.container_b84fc9.fullSize_b84fc9.activity_b84fc9 {
  width: 400px
}

.container_b84fc9.panel_b84fc9 {
  width: 276px
}

.container_b84fc9.panel_b84fc9.status_b84fc9 {
  margin-left: -90px
}

.container_b84fc9.biteSize_b84fc9.status_b84fc9 {
  margin-left: -122px
}

.container_b84fc9.biteSize_b84fc9.avatar_b84fc9,
.container_b84fc9.biteSize_b84fc9.activity_b84fc9 {
  margin-left: -32px
}

.container_b84fc9.customProfileTheme_b84fc9.biteSize_b84fc9.status_b84fc9 {
  margin-left: -118px
}

.container_b84fc9.customProfileTheme_b84fc9.biteSize_b84fc9.avatar_b84fc9 {
  margin-left: -28px
}

.activityCoachmark_a3e4b5 {
  width: 210px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 12px 8px
}

.profileCoachmark_a3e4b5 {
  width: 210px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 54px 8px 12px
}

.tooltipHeader_a3e4b5 {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px
}

.profileImage_a3e4b5 {
  position: absolute;
  left: 27px;
  top: -25px
}

.popover_f7be4f {
  z-index: 1;
  position: absolute;
  height: auto;
  border-radius: 100px;
  display: inline-flex;
  gap: 2px;
  padding: 2px;
  top: -16px;
  right: min(8px, 50% - 29px);
  opacity: 0;
  pointer-events: none
}

.popover_f7be4f.visible_f7be4f,
.popover_f7be4f:focus-within {
  opacity: 1;
  pointer-events: all
}

:not(.keyboard-mode).full-motion .popover_f7be4f.visible_f7be4f,
:not(.keyboard-mode).full-motion .popover_f7be4f:focus-within {
  opacity: 0;
  animation: hoverIn_f7be4f.15s ease forwards
}

:not(.keyboard-mode).full-motion .popover_f7be4f.visible_f7be4f.expandable_f7be4f,
:not(.keyboard-mode).full-motion .popover_f7be4f:focus-within.expandable_f7be4f {
  animation-delay: .3s
}

@keyframes hoverIn_f7be4f {
  0% {
    top: -14px;
    opacity: 0
  }

  to {
    top: -16px;
    opacity: 1
  }
}

.button_f7be4f {
  height: auto;
  min-width: 0;
  min-width: auto;
  padding: 4px
}

.button_f7be4f.left_f7be4f {
  padding-left: 6px;
  border-radius: 100px 6px 6px 100px
}

.button_f7be4f.right_f7be4f {
  padding-right: 6px;
  border-radius: 6px 100px 100px 6px
}

.button_f7be4f:hover {
  background: var(--background-modifier-hover)
}

.button_f7be4f:hover .icon_f7be4f {
  fill: var(--interactive-hover)
}

.button_f7be4f:active {
  background: var(--background-modifier-active)
}

.button_f7be4f:active .icon_f7be4f {
  fill: var(--interactive-active)
}

.container_c8ce83 {
  --custom-status-bubble-background-color: var(--bg-surface-raised);
  --custom-status-bubble-background: var(--custom-status-bubble-background-color);
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  z-index: 2
}

.custom-profile-theme .container_c8ce83 {
  --custom-status-bubble-background-color: var(--bg-surface-overlay)
}

.theme-dark .container_c8ce83 {
  --custom-status-bubble-overlay-color: 255 255 255
}

.theme-light .container_c8ce83 {
  --custom-status-bubble-overlay-color: 0 0 0
}

.container_c8ce83.editable_c8ce83:hover {
  --custom-status-bubble-background: linear-gradient(rgb(var(--custom-status-bubble-overlay-color) / 0.05),
      rgb(var(--custom-status-bubble-overlay-color) / 0.05)),
    var(--custom-status-bubble-background-color)
}

.container_c8ce83.biteSize_c8ce83 {
  margin-top: -10px;
  margin-left: 107px;
  margin-right: 12px
}

.custom-profile-theme .container_c8ce83.biteSize_c8ce83 {
  margin-left: 103px;
  margin-right: 8px
}

.container_c8ce83.fullSize_c8ce83 {
  margin-top: -10px;
  margin-left: 159px;
  margin-right: 16px
}

.container_c8ce83.panel_c8ce83 {
  margin-top: -10px;
  margin-left: 107px;
  margin-right: 8px
}

.container_c8ce83.hoisted_c8ce83 {
  z-index: 4
}

.outer_c8ce83 {
  box-sizing: border-box;
  min-width: 42px;
  overflow: hidden;
  background: var(--custom-status-bubble-background);
  box-shadow: var(--shadow-low);
  border: 1px solid var(--border-faint);
  border-radius: var(--radius-lg)
}

.outer_c8ce83:before {
  content: "";
  position: absolute;
  top: -8px;
  left: 10px;
  box-sizing: border-box;
  box-shadow: inherit;
  background: inherit;
  border: inherit;
  border-radius: 50%;
  width: 20px;
  height: 20px
}

.outer_c8ce83:after {
  content: "";
  position: absolute;
  top: -15px;
  left: -3px;
  box-sizing: border-box;
  box-shadow: inherit;
  background: inherit;
  border: inherit;
  border-radius: 50%;
  width: 10px;
  height: 10px
}

.theme-dark .outer_c8ce83 {
  border: 1px solid var(--border-faint)
}

.custom-profile-theme.theme-dark .outer_c8ce83 {
  border: 1px solid var(--border-strong)
}

.inner_c8ce83 {
  position: relative;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  background: var(--custom-status-bubble-background);
  margin: 0 auto;
  padding: 8px 12px;
  font-size: medium;
  word-break: break-word;
  cursor: text;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text
}

.inner_c8ce83.clickable_c8ce83 {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.clamp_c8ce83 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 9;
  overflow: hidden
}

.ring_c8ce83 {
  border-radius: var(--radius-lg)
}

.statusText_c8ce83 {
  display: inline;
  color: var(--text-normal);
  vertical-align: middle
}

.statusEmoji_c8ce83:has(+.statusText_c8ce83) {
  display: inline;
  height: 16px;
  width: 16px;
  margin-right: 4px;
  vertical-align: middle
}

.statusEmoji_c8ce83:not(:has(+.statusText_c8ce83)) {
  min-width: 32px;
  min-height: 32px;
  max-width: 32px;
  max-height: 32px
}

.addStatusPrompt_c8ce83 {
  display: inline;
  color: var(--text-muted);
  vertical-align: middle
}

.addStatusIcon_c8ce83 {
  display: inline;
  margin-right: 4px;
  fill: var(--text-muted);
  vertical-align: middle
}

.outer_c8ce83:hover .addStatusPrompt_c8ce83 {
  color: var(--text-normal)
}

.outer_c8ce83:hover .addStatusIconColor_c8ce83 {
  fill: var(--text-normal)
}

.background_af9888 {
  --custom-status-bubble-background-color: var(--bg-surface-raised);
  --custom-status-bubble-background: var(--custom-status-bubble-background-color)
}

.custom-profile-theme .background_af9888 {
  --custom-status-bubble-background-color: var(--bg-surface-overlay)
}

.theme-dark .background_af9888 {
  --custom-status-bubble-overlay-color: 255 255 255
}

.theme-light .background_af9888 {
  --custom-status-bubble-overlay-color: 0 0 0
}

.background_af9888.editable_af9888:hover {
  --custom-status-bubble-background: linear-gradient(rgb(var(--custom-status-bubble-overlay-color) / 0.05),
      rgb(var(--custom-status-bubble-overlay-color) / 0.05)),
    var(--custom-status-bubble-background-color)
}

.theme-dark .statusBubbleOuter_af9888,
.theme-dark .statusBubbleOuter_af9888:before,
.theme-dark .statusBubbleOuter_af9888:after {
  border: 1px solid var(--border-faint)
}

.custom-profile-theme.theme-dark .statusBubbleOuter_af9888,
.custom-profile-theme.theme-dark .statusBubbleOuter_af9888:before,
.custom-profile-theme.theme-dark .statusBubbleOuter_af9888:after {
  border: 1px solid var(--border-strong)
}

.addCustomStatusButtonBubble_af9888 {
  position: relative;
  z-index: 2;
  width: -moz-fit-content;
  width: fit-content
}

.addCustomStatusButtonBubble_af9888.biteSize_af9888 {
  top: 4px;
  left: 106px
}

.addCustomStatusButtonBubble_af9888.fullSize_af9888 {
  top: -12px;
  left: 144px;
  height: 0
}

.invisibleContainer_af9888 {
  pointer-events: none;
  visibility: hidden;
  position: relative
}

.invisibleContainer_af9888.biteSize_af9888 {
  top: 4px;
  left: 106px
}

.invisibleContainer_af9888.fullSize_af9888 {
  height: 0;
  top: -54px;
  left: 144px
}

.invisibleContainer_af9888.panel_af9888 {
  top: 4px;
  left: 106px
}

.visibleContainer_af9888 {
  position: absolute;
  visibility: visible;
  z-index: 2
}

.visibleContainer_af9888.biteSize_af9888 {
  top: calc(6px + var(--custom-user-profile-banner-height));
  left: 106px
}

.visibleContainer_af9888.fullSize_af9888 {
  top: 4px;
  left: 160px
}

.visibleContainer_af9888.panel_af9888 {
  top: calc(6px + var(--custom-user-profile-banner-height));
  left: 106px
}

.statusBubble_af9888 {
  position: relative;
  display: block;
  background: var(--custom-status-bubble-background);
  word-wrap: break-word
}

.statusBubbleCopyStatusCursor_af9888 {
  cursor: text;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text
}

.statusBubbleOuter_af9888 {
  position: relative;
  background: var(--custom-status-bubble-background);
  box-shadow: var(--shadow-low);
  border: 1px solid var(--border-faint);
  min-width: 56px;
  max-width: 184px
}

.statusBubbleOuter_af9888:before {
  content: "";
  position: absolute;
  top: -11px;
  left: 10px;
  display: block;
  background: var(--custom-status-bubble-background);
  box-shadow: var(--shadow-low);
  border: 1px solid var(--border-faint);
  border-radius: 50%;
  width: 19px;
  height: 19px
}

.statusBubbleOuter_af9888:after {
  content: "";
  position: absolute;
  top: -24px;
  left: 1px;
  display: block;
  background: var(--custom-status-bubble-background);
  box-shadow: var(--shadow-low);
  border: 1px solid var(--border-faint);
  border-radius: 50%;
  width: 10px;
  height: 10px
}

.statusBubbleOuterAddStatusCursor_af9888 {
  cursor: pointer
}

.statusBubbleShape_af9888 {
  border-radius: 16px
}

.statusBubbleSingleLineWithTextShape_af9888 {
  border-radius: 12px
}

.statusBubbleEmojiOnlyPadding_af9888 {
  padding: 8px 12px
}

.statusBubbleWithTextPadding_af9888 {
  padding: 10px 12px
}

.statusBubbleWithTextMinWidth_af9888 {
  min-width: 18px
}

.content_af9888 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: var(--text-normal);
  font-size: 14px;
  word-wrap: break-word;
  word-break: break-word
}

.clamp_af9888 {
  -webkit-line-clamp: 2
}

.unclamp_af9888 {
  -webkit-line-clamp: 9
}

.placeholderWidth_af9888 {
  max-width: 160px
}

.incorporeal_af9888 {
  position: absolute
}

.statusBubbleOuter_af9888:hover .addStatusPrompt_af9888 {
  color: var(--text-normal)
}

.statusBubbleOuter_af9888:hover .addStatusIconColor_af9888 {
  fill: var(--text-normal)
}

.singleLineAlign_af9888 {
  text-align: center
}

.addStatusPrompt_af9888 {
  display: inline;
  color: var(--text-muted);
  vertical-align: middle
}

.addStatusIcon_af9888 {
  display: inline;
  height: 18px;
  width: 18px;
  margin-right: 8px;
  fill: var(--text-muted);
  vertical-align: middle
}

.statusText_af9888 {
  display: inline;
  color: var(--text-normal);
  vertical-align: middle
}

.statusEmojiInline_af9888 {
  display: inline;
  height: 16px;
  width: 16px;
  margin-right: 4px;
  vertical-align: middle
}

.statusEmojiOnly_af9888 {
  min-width: 32px;
  min-height: 32px;
  max-width: 32px;
  max-height: 32px
}

.background_a82ccc {
  --custom-status-bubble-background-color: var(--bg-surface-raised);
  --custom-status-bubble-background: var(--custom-status-bubble-background-color)
}

.custom-profile-theme .background_a82ccc {
  --custom-status-bubble-background-color: var(--bg-surface-overlay)
}

.theme-dark .background_a82ccc {
  --custom-status-bubble-overlay-color: 255 255 255
}

.theme-light .background_a82ccc {
  --custom-status-bubble-overlay-color: 0 0 0
}

.background_a82ccc.editable_a82ccc:hover {
  --custom-status-bubble-background: linear-gradient(rgb(var(--custom-status-bubble-overlay-color) / 0.05),
      rgb(var(--custom-status-bubble-overlay-color) / 0.05)),
    var(--custom-status-bubble-background-color)
}

.theme-dark .statusBubbleOuter_a82ccc,
.theme-dark .statusBubbleOuter_a82ccc:before,
.theme-dark .statusBubbleOuter_a82ccc:after {
  border: 1px solid var(--border-faint)
}

.custom-profile-theme.theme-dark .statusBubbleOuter_a82ccc,
.custom-profile-theme.theme-dark .statusBubbleOuter_a82ccc:before,
.custom-profile-theme.theme-dark .statusBubbleOuter_a82ccc:after {
  border: 1px solid var(--border-strong)
}

.addCustomStatusButtonBubble_a82ccc {
  position: relative;
  z-index: 2;
  width: -moz-fit-content;
  width: fit-content
}

.addCustomStatusButtonBubble_a82ccc.biteSize_a82ccc {
  top: 4px;
  left: 106px
}

.addCustomStatusButtonBubble_a82ccc.fullSize_a82ccc {
  top: -12px;
  left: 144px;
  height: 2px
}

.invisibleContainer_a82ccc {
  pointer-events: none;
  visibility: hidden;
  position: relative
}

.invisibleContainer_a82ccc.biteSize_a82ccc {
  top: 4px;
  left: 106px
}

.invisibleContainer_a82ccc.fullSize_a82ccc {
  height: 0;
  top: -54px;
  left: 144px
}

.invisibleContainer_a82ccc.panel_a82ccc {
  top: 4px;
  left: 106px
}

.visibleContainer_a82ccc {
  position: absolute;
  visibility: visible;
  z-index: 2
}

.visibleContainer_a82ccc.biteSize_a82ccc {
  top: calc(6px + var(--custom-user-profile-banner-height));
  left: 106px
}

.visibleContainer_a82ccc.fullSize_a82ccc {
  top: 4px;
  left: 160px
}

.visibleContainer_a82ccc.panel_a82ccc {
  top: calc(6px + var(--custom-user-profile-banner-height));
  left: 106px
}

.visibleContainer_a82ccc.hoisted_a82ccc {
  z-index: 4
}

.statusBubble_a82ccc {
  position: relative;
  display: block;
  background: var(--custom-status-bubble-background);
  word-wrap: break-word
}

.statusBubbleCopyStatusCursor_a82ccc {
  cursor: text;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text
}

.statusBubbleOuter_a82ccc {
  position: relative;
  background: var(--custom-status-bubble-background);
  box-shadow: var(--shadow-low);
  border: 1px solid var(--border-faint);
  min-width: 56px;
  max-width: 184px
}

.statusBubbleOuter_a82ccc:before {
  content: "";
  position: absolute;
  top: -11px;
  left: 10px;
  display: block;
  background: var(--custom-status-bubble-background);
  box-shadow: var(--shadow-low);
  border: 1px solid var(--border-faint);
  border-radius: 50%;
  width: 19px;
  height: 19px
}

.statusBubbleOuter_a82ccc:after {
  content: "";
  position: absolute;
  top: -24px;
  left: 1px;
  display: block;
  background: var(--custom-status-bubble-background);
  box-shadow: var(--shadow-low);
  border: 1px solid var(--border-faint);
  border-radius: 50%;
  width: 10px;
  height: 10px
}

.statusBubbleOuterAddStatusCursor_a82ccc {
  cursor: pointer
}

.statusBubbleShape_a82ccc {
  border-radius: 16px
}

.statusBubbleSingleLineWithTextShape_a82ccc {
  border-radius: 12px
}

.statusBubbleEmojiOnlyPadding_a82ccc {
  padding: 8px 12px
}

.statusBubbleWithTextPadding_a82ccc {
  padding: 10px 12px
}

.statusBubbleWithTextMinWidth_a82ccc {
  min-width: 18px
}

.content_a82ccc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: var(--text-normal);
  font-size: 14px;
  word-wrap: break-word;
  word-break: break-word
}

.coachmarkAnchor_a82ccc {
  position: absolute;
  pointer-events: none
}

.clamp_a82ccc {
  -webkit-line-clamp: 2
}

.unclamp_a82ccc {
  -webkit-line-clamp: 9
}

.placeholderWidth_a82ccc {
  max-width: 160px
}

.incorporeal_a82ccc {
  position: absolute
}

.statusBubbleOuter_a82ccc:hover .addStatusPrompt_a82ccc {
  color: var(--text-normal)
}

.statusBubbleOuter_a82ccc:hover .addStatusIconColor_a82ccc {
  fill: var(--text-normal)
}

.singleLineAlign_a82ccc {
  text-align: center
}

.addStatusPrompt_a82ccc {
  display: inline;
  color: var(--text-muted);
  vertical-align: middle
}

.addStatusIcon_a82ccc {
  display: inline;
  height: 18px;
  width: 18px;
  margin-right: 8px;
  fill: var(--text-muted);
  vertical-align: middle
}

.statusText_a82ccc {
  display: inline;
  color: var(--text-normal);
  vertical-align: middle
}

.statusEmojiInline_a82ccc {
  display: inline;
  height: 16px;
  width: 16px;
  margin-right: 4px;
  vertical-align: middle
}

.statusEmojiOnly_a82ccc {
  min-width: 32px;
  min-height: 32px;
  max-width: 32px;
  max-height: 32px
}

.section_ba4d80 {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.section_ba4d80:empty,
.section_ba4d80:has(>.headings_ba4d80:only-child) {
  display: none
}

.list_b6fd3d {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px
}

.container_b64375 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  box-sizing: border-box;
  width: -moz-fit-content;
  width: fit-content;
  gap: 2px;
  margin: 1px 0;
  padding: 0 2px;
  background: var(--bg-mod-faint);
  border-radius: var(--radius-xs);
  border: 1px solid var(--border-faint)
}

.container_b64375:empty {
  visibility: hidden
}

.custom-profile-theme .container_b64375 {
  background: rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-6));
  border-color: var(--profile-body-border-color)
}

.badge_b64375 {
  filter: saturate(1);
  filter: saturate(var(--saturation-factor, 1));
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  overflow: hidden;
  pointer-events: none;
  -o-object-fit: cover;
  object-fit: cover;
  width: 20px;
  height: 20px
}

.badge_b64375:active {
  opacity: .8
}

.badge_b64375:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--background-modifier-accent);
  border-radius: 50%
}

.tieredTenureBadgeBronzeGlow_b64375 {
  box-shadow: 0 0 18px 0#f78d41
}

.tieredTenureBadgeSilverGlow_b64375 {
  box-shadow: 0 0 18px 0#d2d2d2
}

.tieredTenureBadgeGoldGlow_b64375 {
  box-shadow: 0 0 18px 0#ffa813
}

.tieredTenureBadgePlatinumGlow_b64375 {
  box-shadow: 0 0 18px 0#5eacc2
}

.tieredTenureBadgeDiamondGlow_b64375 {
  box-shadow: 0 0 18px 0#6d5cf2
}

.tieredTenureBadgeEmeraldGlow_b64375 {
  box-shadow: 0 0 18px 0#32c102
}

.tieredTenureBadgeRubyGlow_b64375 {
  box-shadow: 0 0 18px 0#f29cc3
}

.tieredTenureBadgeFireGlow_b64375 {
  box-shadow: 0 0 18px 0#e95c03
}

.starContainer_b64375 {
  position: relative
}

.topLeftStar_b64375,
.bottomRightStar_b64375 {
  position: absolute
}

.topLeftStar_b64375 {
  top: -34px;
  left: -13px
}

.bottomRightStar_b64375 {
  bottom: -16px;
  right: -15px
}

:where(.contentImage_dc67b6) {
  border-radius: var(--radius-xs);
  -o-object-fit: contain;
  object-fit: contain
}

.clickable_fa854f {
  cursor: pointer;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%
}

.clickable_fa854f:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-color: var(--text-normal)
}

.imagePosition_fa854f {
  position: relative;
  overflow: visible;
  display: flex;
  height: -moz-max-content;
  height: max-content;
  align-items: center
}

.aspectRatio_fa854f {
  aspect-ratio: 1/1
}

.aspectRatio_fa854f.crunchyroll_fa854f {
  aspect-ratio: 2/3
}

.imageContainer_fa854f {
  display: flex;
  justify-content: center;
  border-radius: var(--radius-xs)
}

.imageContainer_fa854f .contentImage_fa854f {
  min-width: 60px
}

.smallImageContainer_fa854f {
  position: absolute;
  bottom: -4px;
  right: -4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-round);
  flex-shrink: 0
}

.contentImage_fa854f {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: inherit
}

.card_ae1fa2 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
  overflow: visible;
  position: relative;
  border: none
}

.card_ae1fa2.hoisted_ae1fa2 {
  background: linear-gradient(rgb(var(--bg-overlay-color)/.4), rgb(var(--bg-overlay-color)/.4)), linear-gradient(var(--profile-gradient-end), var(--profile-gradient-end)) !important;
  z-index: 4;
  pointer-events: none
}

.header_ae1fa2 {
  display: flex;
  justify-content: space-between;
  gap: 4px
}

.headerText_ae1fa2 {
  display: flex;
  gap: 4px;
  align-items: center;
  overflow: hidden
}

.headerContextMenu_ae1fa2:empty {
  display: none
}

.headerContextMenu_ae1fa2.absolute_ae1fa2 {
  position: absolute;
  display: inline-flex;
  align-self: flex-end
}

.headerContextMenu_ae1fa2.absolute_ae1fa2~.body_ae1fa2>.content_ae1fa2>.details_ae1fa2 {
  margin-right: 24px
}

.platformIcon_ae1fa2 {
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--icon-muted);
  width: 12px;
  height: 12px
}

.body_ae1fa2 {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.toolbarContainer_ae1fa2 {
  display: flex;
  flex-direction: column;
  overflow: visible;
  position: relative;
  border: none
}

.content_ae1fa2 {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  gap: 8px
}

.content_ae1fa2.fullSize_ae1fa2 {
  gap: 12px
}

.details_ae1fa2 {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-self: center;
  gap: 4px;
  width: 100%
}

.actions_ae1fa2 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 4px 0 0
}

.actions_ae1fa2.fullSize_ae1fa2 {
  flex-wrap: nowrap;
  margin: 0 0 0 20px
}

.actions_ae1fa2 .primaryButton_ae1fa2 {
  flex: 1
}

.actions_ae1fa2:has(>.customButton_ae1fa2) {
  flex-wrap: wrap;
  align-content: center
}

.actions_ae1fa2:has(>.customButton_ae1fa2) .customButton_ae1fa2 {
  flex: 1 1 auto;
  min-width: calc(50% - 8px)
}

.actions_ae1fa2:empty {
  display: none
}

.badges_ae1fa2 {
  flex-wrap: wrap;
  -moz-column-gap: 8px;
  column-gap: 8px;
  row-gap: 0
}

.clickableContainer_ae1fa2 {
  cursor: pointer;
  display: contents
}

.clickableContainer_ae1fa2:hover>.card_ae1fa2 {
  background: var(--bg-mod-subtle)
}

.custom-profile-theme .clickableContainer_ae1fa2:hover>.card_ae1fa2 {
  background: linear-gradient(rgb(var(--bg-overlay-color-inverse)/5%), rgb(var(--bg-overlay-color-inverse)/5%)), var(--profile-gradient-end)
}

.clickableImage_ae1fa2:after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: var(--black-500);
  border-radius: var(--radius-xs);
  opacity: 0;
  pointer-events: none
}

.full-motion .clickableImage_ae1fa2:after {
  transition: opacity var(--custom-button-transition-duration)ease
}

.clickableImage_ae1fa2:hover:after {
  opacity: .2
}

.clickableText_ae1fa2 {
  cursor: pointer;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%
}

.clickableText_ae1fa2:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-color: var(--text-normal)
}

.inline_ae1fa2 {
  display: inline
}

.gameState_ae1fa2 {
  display: flex;
  gap: 4px
}

.guildIcon_ae1fa2 {
  border-radius: var(--radius-xs)
}

.voiceChannel_ae1fa2 {
  display: flex;
  align-items: center;
  gap: 4px
}

.voiceChannelText_ae1fa2 {
  flex: 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 2px
}

.voiceChannelText_ae1fa2 .clickableText_ae1fa2 {
  overflow: hidden
}

.voiceChannelText_ae1fa2 .voiceIcon_ae1fa2 {
  flex-shrink: 0
}

.voiceChannelHeading_ae1fa2 {
  overflow: hidden;
  word-break: break-all
}

.voiceChannelHeading_ae1fa2 .voiceIcon_ae1fa2 {
  position: relative;
  top: 1px;
  margin-right: 2px
}

.voiceChannelDivider_ae1fa2 {
  height: 1px;
  width: 100%;
  background-color: var(--profile-body-divider-color)
}

.contextMenu_ae1fa2 {
  display: flex;
  cursor: pointer;
  margin-right: 4px
}

.container_b5cd55 {
  display: flex;
  align-items: center;
  gap: 8px
}

.text_b5cd55 {
  font-family: var(--font-code)
}

.bar_b5cd55 {
  flex: 1;
  height: 2px;
  border-radius: 2px;
  background-color: var(--interactive-muted)
}

.progress_b5cd55 {
  height: inherit;
  border-radius: inherit;
  min-width: 4px;
  background-color: var(--interactive-active)
}

.container_c64476 {
  display: flex;
  box-sizing: border-box;
  position: relative;
  margin-left: 8px;
  margin-top: 8px;
  max-width: 224px;
  height: 64px;
  padding: 8px;
  background: var(--bg-overlay-3, var(--background-primary));
  border-radius: var(--radius-md);
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  cursor: pointer
}

.container_c64476:hover {
  background: var(--bg-overlay-5, var(--background-modifier-hover))
}

.container_c64476:hover .contentTitle_c64476 {
  color: var(--interactive-hover)
}

.container_c64476:hover .reply_c64476 {
  opacity: 1
}

.container_c64476:hover .additionalParticipantBadge_c64476 {
  background: var(--bg-overlay-4, var(--background-accent))
}

.visual-refresh .container_c64476 {
  background: var(--bg-overlay-3, var(--card-secondary-bg));
  max-width: calc(-16px + var(--custom-member-list-width))
}

.openOnHover_c64476 {
  cursor: auto
}

.reply_c64476 {
  position: absolute;
  top: 4px;
  right: 8px;
  margin: auto;
  opacity: 0;
  height: 24px;
  width: 24px;
  background: var(--background-primary);
  border: 1px solid var(--background-secondary);
  border-radius: var(--radius-xs);
  display: flex;
  align-items: center;
  justify-content: center
}

.reply_c64476:hover .icon_c64476 {
  color: var(--interactive-hover)
}

.icon_c64476 {
  height: 16px;
  display: block;
  color: var(--interactive-normal);
  -o-object-fit: contain;
  object-fit: contain
}

.selected_c64476 {
  background-color: var(--background-modifier-selected)
}

.selected_c64476:hover {
  background-color: var(--background-modifier-selected)
}

.selected_c64476 .contentDescription_c64476 {
  color: var(--interactive-hover)
}

.infoSection_c64476 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  margin-bottom: -2px
}

.userSection_c64476 {
  display: flex;
  align-items: center;
  margin-bottom: 2px
}

.userName_c64476 {
  color: var(--channels-default);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 85%;
  font-family: var(--font-primary);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 500
}

.userName_c64476.fontScaling_c64476 {
  font-size: .875rem
}

.facePile_c64476 {
  display: flex;
  margin-right: 6px
}

.facePileItem_c64476:not(:first-child) {
  margin-left: -3px
}

.additionalParticipantBadge_c64476 {
  padding: 2.25px 4.4px 2.5px 4.2px;
  background: var(--background-modifier-accent);
  border-radius: 8px;
  margin-left: 4px
}

.additionalParticipantBadgeText_c64476 {
  line-height: 10px
}

img.thumbnail_c64476 {
  width: 48px;
  -o-object-fit: cover;
  object-fit: cover
}

.heading-sm\/normal_ec1c2d {
  font-family: var(--font-display);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 400
}

.heading-sm\/normal_ec1c2d.fontScaling_ec1c2d {
  font-size: .875rem
}

.heading-sm\/medium_ec1c2d {
  font-family: var(--font-display);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 500
}

.heading-sm\/medium_ec1c2d.fontScaling_ec1c2d {
  font-size: .875rem
}

.heading-sm\/semibold_ec1c2d {
  font-family: var(--font-display);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 600
}

.heading-sm\/semibold_ec1c2d.fontScaling_ec1c2d {
  font-size: .875rem
}

.heading-sm\/bold_ec1c2d {
  font-family: var(--font-display);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 700
}

.heading-sm\/bold_ec1c2d.fontScaling_ec1c2d {
  font-size: .875rem
}

.heading-sm\/extrabold_ec1c2d {
  font-family: var(--font-display);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 800
}

.heading-sm\/extrabold_ec1c2d.fontScaling_ec1c2d {
  font-size: .875rem
}

.heading-md\/normal_ec1c2d {
  font-family: var(--font-display);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400
}

.heading-md\/normal_ec1c2d.fontScaling_ec1c2d {
  font-size: 1rem
}

.heading-md\/medium_ec1c2d {
  font-family: var(--font-display);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 500
}

.heading-md\/medium_ec1c2d.fontScaling_ec1c2d {
  font-size: 1rem
}

.heading-md\/semibold_ec1c2d {
  font-family: var(--font-display);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 600
}

.heading-md\/semibold_ec1c2d.fontScaling_ec1c2d {
  font-size: 1rem
}

.heading-md\/bold_ec1c2d {
  font-family: var(--font-display);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 700
}

.heading-md\/bold_ec1c2d.fontScaling_ec1c2d {
  font-size: 1rem
}

.heading-md\/extrabold_ec1c2d {
  font-family: var(--font-display);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 800
}

.heading-md\/extrabold_ec1c2d.fontScaling_ec1c2d {
  font-size: 1rem
}

.heading-lg\/normal_ec1c2d {
  font-family: var(--font-display);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 400
}

.heading-lg\/normal_ec1c2d.fontScaling_ec1c2d {
  font-size: 1.25rem
}

.heading-lg\/medium_ec1c2d {
  font-family: var(--font-display);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 500
}

.heading-lg\/medium_ec1c2d.fontScaling_ec1c2d {
  font-size: 1.25rem
}

.heading-lg\/semibold_ec1c2d {
  font-family: var(--font-display);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600
}

.heading-lg\/semibold_ec1c2d.fontScaling_ec1c2d {
  font-size: 1.25rem
}

.heading-lg\/bold_ec1c2d {
  font-family: var(--font-display);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700
}

.heading-lg\/bold_ec1c2d.fontScaling_ec1c2d {
  font-size: 1.25rem
}

.heading-lg\/extrabold_ec1c2d {
  font-family: var(--font-display);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 800
}

.heading-lg\/extrabold_ec1c2d.fontScaling_ec1c2d {
  font-size: 1.25rem
}

.heading-xl\/normal_ec1c2d {
  font-family: var(--font-display);
  font-size: 24px;
  line-height: 1.25;
  font-weight: 400
}

.heading-xl\/normal_ec1c2d.fontScaling_ec1c2d {
  font-size: 1.5rem
}

.heading-xl\/medium_ec1c2d {
  font-family: var(--font-display);
  font-size: 24px;
  line-height: 1.25;
  font-weight: 500
}

.heading-xl\/medium_ec1c2d.fontScaling_ec1c2d {
  font-size: 1.5rem
}

.heading-xl\/semibold_ec1c2d {
  font-family: var(--font-display);
  font-size: 24px;
  line-height: 1.25;
  font-weight: 600
}

.heading-xl\/semibold_ec1c2d.fontScaling_ec1c2d {
  font-size: 1.5rem
}

.heading-xl\/bold_ec1c2d {
  font-family: var(--font-display);
  font-size: 24px;
  line-height: 1.25;
  font-weight: 700
}

.heading-xl\/bold_ec1c2d.fontScaling_ec1c2d {
  font-size: 1.5rem
}

.heading-xl\/extrabold_ec1c2d {
  font-family: var(--font-display);
  font-size: 24px;
  line-height: 1.25;
  font-weight: 800
}

.heading-xl\/extrabold_ec1c2d.fontScaling_ec1c2d {
  font-size: 1.5rem
}

.heading-xxl\/normal_ec1c2d {
  font-family: var(--font-display);
  font-size: 32px;
  line-height: 1.25;
  font-weight: 400
}

.heading-xxl\/normal_ec1c2d.fontScaling_ec1c2d {
  font-size: 2rem
}

.heading-xxl\/medium_ec1c2d {
  font-family: var(--font-display);
  font-size: 32px;
  line-height: 1.25;
  font-weight: 500
}

.heading-xxl\/medium_ec1c2d.fontScaling_ec1c2d {
  font-size: 2rem
}

.heading-xxl\/semibold_ec1c2d {
  font-family: var(--font-display);
  font-size: 32px;
  line-height: 1.25;
  font-weight: 600
}

.heading-xxl\/semibold_ec1c2d.fontScaling_ec1c2d {
  font-size: 2rem
}

.heading-xxl\/bold_ec1c2d {
  font-family: var(--font-display);
  font-size: 32px;
  line-height: 1.25;
  font-weight: 700
}

.heading-xxl\/bold_ec1c2d.fontScaling_ec1c2d {
  font-size: 2rem
}

.heading-xxl\/extrabold_ec1c2d {
  font-family: var(--font-display);
  font-size: 32px;
  line-height: 1.25;
  font-weight: 800
}

.heading-xxl\/extrabold_ec1c2d.fontScaling_ec1c2d {
  font-size: 2rem
}

.eyebrow_ec1c2d {
  font-family: var(--font-display);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .02em
}

.eyebrow_ec1c2d.fontScaling_ec1c2d {
  font-size: .75rem
}

.heading-deprecated-12\/normal_ec1c2d {
  font-family: var(--font-display);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 400
}

.heading-deprecated-12\/normal_ec1c2d.fontScaling_ec1c2d {
  font-size: .75rem
}

.heading-deprecated-12\/medium_ec1c2d {
  font-family: var(--font-display);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 500
}

.heading-deprecated-12\/medium_ec1c2d.fontScaling_ec1c2d {
  font-size: .75rem
}

.heading-deprecated-12\/semibold_ec1c2d {
  font-family: var(--font-display);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 600
}

.heading-deprecated-12\/semibold_ec1c2d.fontScaling_ec1c2d {
  font-size: .75rem
}

.heading-deprecated-12\/bold_ec1c2d {
  font-family: var(--font-display);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 700
}

.heading-deprecated-12\/bold_ec1c2d.fontScaling_ec1c2d {
  font-size: .75rem
}

.heading-deprecated-12\/extrabold_ec1c2d {
  font-family: var(--font-display);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 800
}

.heading-deprecated-12\/extrabold_ec1c2d.fontScaling_ec1c2d {
  font-size: .75rem
}

.redesign\/heading-18\/bold_ec1c2d {
  font-family: var(--font-display);
  font-size: 18px;
  line-height: 1.3333333333333333;
  font-weight: 700
}

.redesign\/heading-18\/bold_ec1c2d.fontScaling_ec1c2d {
  font-size: 1.125rem
}

.text-xxs\/normal_ec1c2d {
  font-family: var(--font-primary);
  font-size: 10px;
  line-height: 1.2;
  font-weight: 400
}

.text-xxs\/normal_ec1c2d.fontScaling_ec1c2d {
  font-size: .625rem
}

.text-xxs\/medium_ec1c2d {
  font-family: var(--font-primary);
  font-size: 10px;
  line-height: 1.2;
  font-weight: 500
}

.text-xxs\/medium_ec1c2d.fontScaling_ec1c2d {
  font-size: .625rem
}

.text-xxs\/semibold_ec1c2d {
  font-family: var(--font-primary);
  font-size: 10px;
  line-height: 1.2;
  font-weight: 600
}

.text-xxs\/semibold_ec1c2d.fontScaling_ec1c2d {
  font-size: .625rem
}

.text-xxs\/bold_ec1c2d {
  font-family: var(--font-primary);
  font-size: 10px;
  line-height: 1.2;
  font-weight: 700
}

.text-xxs\/bold_ec1c2d.fontScaling_ec1c2d {
  font-size: .625rem
}

.text-xs\/normal_ec1c2d {
  font-family: var(--font-primary);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 400
}

.text-xs\/normal_ec1c2d.fontScaling_ec1c2d {
  font-size: .75rem
}

.text-xs\/medium_ec1c2d {
  font-family: var(--font-primary);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 500
}

.text-xs\/medium_ec1c2d.fontScaling_ec1c2d {
  font-size: .75rem
}

.text-xs\/semibold_ec1c2d {
  font-family: var(--font-primary);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 600
}

.text-xs\/semibold_ec1c2d.fontScaling_ec1c2d {
  font-size: .75rem
}

.text-xs\/bold_ec1c2d {
  font-family: var(--font-primary);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 700
}

.text-xs\/bold_ec1c2d.fontScaling_ec1c2d {
  font-size: .75rem
}

.text-sm\/normal_ec1c2d {
  font-family: var(--font-primary);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 400
}

.text-sm\/normal_ec1c2d.fontScaling_ec1c2d {
  font-size: .875rem
}

.text-sm\/medium_ec1c2d {
  font-family: var(--font-primary);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 500
}

.text-sm\/medium_ec1c2d.fontScaling_ec1c2d {
  font-size: .875rem
}

.text-sm\/semibold_ec1c2d {
  font-family: var(--font-primary);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 600
}

.text-sm\/semibold_ec1c2d.fontScaling_ec1c2d {
  font-size: .875rem
}

.text-sm\/bold_ec1c2d {
  font-family: var(--font-primary);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 700
}

.text-sm\/bold_ec1c2d.fontScaling_ec1c2d {
  font-size: .875rem
}

.text-md\/normal_ec1c2d {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400
}

.text-md\/normal_ec1c2d.fontScaling_ec1c2d {
  font-size: 1rem
}

.text-md\/medium_ec1c2d {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 500
}

.text-md\/medium_ec1c2d.fontScaling_ec1c2d {
  font-size: 1rem
}

.text-md\/semibold_ec1c2d {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 600
}

.text-md\/semibold_ec1c2d.fontScaling_ec1c2d {
  font-size: 1rem
}

.text-md\/bold_ec1c2d {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 700
}

.text-md\/bold_ec1c2d.fontScaling_ec1c2d {
  font-size: 1rem
}

.text-lg\/normal_ec1c2d {
  font-family: var(--font-primary);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 400
}

.text-lg\/normal_ec1c2d.fontScaling_ec1c2d {
  font-size: 1.25rem
}

.text-lg\/medium_ec1c2d {
  font-family: var(--font-primary);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 500
}

.text-lg\/medium_ec1c2d.fontScaling_ec1c2d {
  font-size: 1.25rem
}

.text-lg\/semibold_ec1c2d {
  font-family: var(--font-primary);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600
}

.text-lg\/semibold_ec1c2d.fontScaling_ec1c2d {
  font-size: 1.25rem
}

.text-lg\/bold_ec1c2d {
  font-family: var(--font-primary);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700
}

.text-lg\/bold_ec1c2d.fontScaling_ec1c2d {
  font-size: 1.25rem
}

.redesign\/message-preview\/normal_ec1c2d {
  font-family: var(--font-primary);
  font-size: 15px;
  line-height: 1.3333333333333333;
  font-weight: 400
}

.redesign\/message-preview\/normal_ec1c2d.fontScaling_ec1c2d {
  font-size: .9375rem
}

.redesign\/message-preview\/medium_ec1c2d {
  font-family: var(--font-primary);
  font-size: 15px;
  line-height: 1.3333333333333333;
  font-weight: 500
}

.redesign\/message-preview\/medium_ec1c2d.fontScaling_ec1c2d {
  font-size: .9375rem
}

.redesign\/message-preview\/semibold_ec1c2d {
  font-family: var(--font-primary);
  font-size: 15px;
  line-height: 1.3333333333333333;
  font-weight: 600
}

.redesign\/message-preview\/semibold_ec1c2d.fontScaling_ec1c2d {
  font-size: .9375rem
}

.redesign\/message-preview\/bold_ec1c2d {
  font-family: var(--font-primary);
  font-size: 15px;
  line-height: 1.3333333333333333;
  font-weight: 700
}

.redesign\/message-preview\/bold_ec1c2d.fontScaling_ec1c2d {
  font-size: .9375rem
}

.redesign\/channel-title\/normal_ec1c2d {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.375;
  font-weight: 400
}

.redesign\/channel-title\/normal_ec1c2d.fontScaling_ec1c2d {
  font-size: 1rem
}

.redesign\/channel-title\/medium_ec1c2d {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.375;
  font-weight: 500
}

.redesign\/channel-title\/medium_ec1c2d.fontScaling_ec1c2d {
  font-size: 1rem
}

.redesign\/channel-title\/semibold_ec1c2d {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.375;
  font-weight: 600
}

.redesign\/channel-title\/semibold_ec1c2d.fontScaling_ec1c2d {
  font-size: 1rem
}

.redesign\/channel-title\/bold_ec1c2d {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.375;
  font-weight: 700
}

.redesign\/channel-title\/bold_ec1c2d.fontScaling_ec1c2d {
  font-size: 1rem
}

.display-sm_ec1c2d {
  font-family: var(--font-headline);
  font-size: 20px;
  line-height: 1;
  font-weight: 800
}

.display-sm_ec1c2d.fontScaling_ec1c2d {
  font-size: 1.25rem
}

.display-md_ec1c2d {
  font-family: var(--font-headline);
  font-size: 34px;
  line-height: 1.0588235294117647;
  font-weight: 800
}

.display-md_ec1c2d.fontScaling_ec1c2d {
  font-size: 2.125rem
}

.display-lg_ec1c2d {
  font-family: var(--font-headline);
  font-size: 44px;
  line-height: .9545454545454546;
  font-weight: 800
}

.display-lg_ec1c2d.fontScaling_ec1c2d {
  font-size: 2.75rem
}

.code_ec1c2d {
  font-family: var(--font-code);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 700
}

.code_ec1c2d.fontScaling_ec1c2d {
  font-size: .75rem
}

.live_ec1c2d {
  padding: 0 6px
}

.liveShapeRound_ec1c2d {
  border-radius: var(--custom-live-indicator-border-radius)
}

.liveShapeRoundLeft_ec1c2d {
  border-radius: var(--custom-live-indicator-border-radius)0 0 var(--custom-live-indicator-border-radius)
}

.liveShapeRoundRight_ec1c2d {
  border-radius: 0 var(--custom-live-indicator-border-radius)var(--custom-live-indicator-border-radius)0
}

.grey_ec1c2d {
  background-color: var(--interactive-muted);
  color: var(--interactive-normal)
}

.liveLarge_ec1c2d {
  font-size: 14px;
  line-height: 16px
}

.heading_a08002 {
  display: flex;
  justify-content: space-between
}

.preview_a08002 {
  width: 100%;
  aspect-ratio: 16/9;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px
}

.preview_a08002.fullSize_a08002 {
  min-width: 60px;
  max-width: 60px;
  min-height: 60px;
  max-height: 60px
}

.image_a08002 {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: var(--radius-xs);
  background-color: var(--bg-base-tertiary)
}

.clickable_a08002 {
  cursor: pointer
}

.overlay_a08002 {
  position: relative
}

.overlay_a08002:after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--radius-xs)
}

.overlay_a08002:hover .overlayText_a08002 {
  opacity: 1
}

.full-motion .overlay_a08002:hover .clyde_a08002 {
  display: inline;
  display: initial
}

.overlayText_a08002 {
  position: absolute;
  cursor: pointer;
  background: hsl(var(--black-500-hsl)/.6);
  padding: 7px 16px;
  border-radius: var(--radius-xl);
  z-index: 1;
  opacity: 0
}

.full-motion .overlayText_a08002 {
  transition: opacity var(--custom-button-transition-duration)ease
}

.clyde_a08002 {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  animation: fadeIn_a08002 7.6s linear 19s forwards, x_a08002 3.8s linear 19s infinite alternate, y_a08002 2.3s linear 19s infinite alternate, colorX_a08002 19s step-start 19s infinite, colorY_a08002 11.5s step-start 19s infinite;
  color: hsl(calc(14.4*(5*var(--custom-color-y) + var(--custom-color-x)))100%50%)
}

@keyframes fadeIn_a08002 {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes x_a08002 {
  0% {
    left: 0
  }

  to {
    left: calc(100% - 16px)
  }
}

@keyframes y_a08002 {
  0% {
    top: 0
  }

  to {
    top: calc(100% - 16px)
  }
}

@keyframes colorX_a08002 {
  0% {
    --custom-color-x: 0
  }

  20% {
    --custom-color-x: 2
  }

  40% {
    --custom-color-x: 4
  }

  60% {
    --custom-color-x: 1
  }

  80% {
    --custom-color-x: 3
  }

  to {
    --custom-color-x: 0
  }
}

@keyframes colorY_a08002 {
  0% {
    --custom-color-y: 0
  }

  20% {
    --custom-color-y: 2
  }

  40% {
    --custom-color-y: 4
  }

  60% {
    --custom-color-y: 1
  }

  80% {
    --custom-color-y: 3
  }

  to {
    --custom-color-y: 0
  }
}

.container_cac583 {
  display: flex
}

.container_c32acf {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text
}

.container_c32acf.bot_c32acf {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.clickableUsername_c32acf {
  cursor: pointer
}

.clickableUsername_c32acf:hover .nickname_c32acf,
.clickableUsername_c32acf:hover .userTagUsername_c32acf,
.clickableUsername_c32acf:focus-visible .nickname_c32acf,
.clickableUsername_c32acf:focus-visible .userTagUsername_c32acf {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.nickname_c32acf {
  word-break: break-word;
  overflow: hidden
}

.nickname_c32acf.biteSize_c32acf,
.nickname_c32acf.panel_c32acf {
  max-height: 72px
}

.nickname_c32acf.fullSize_c32acf {
  max-height: 90px
}

.nicknameIcons_c32acf {
  display: flex;
  align-self: flex-start;
  gap: 2px
}

.nicknameIcons_c32acf.biteSize_c32acf,
.nicknameIcons_c32acf.panel_c32acf {
  padding-top: 4px
}

.nicknameIcons_c32acf.fullSize_c32acf {
  padding-top: 8px
}

.usernameRow_c32acf {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px
}

.tags_c32acf {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  -moz-column-gap: 9.33px;
  column-gap: 9.33px
}

.tags_c32acf.biteSize_c32acf,
.tags_c32acf.panel_c32acf {
  row-gap: 2px
}

.tags_c32acf.fullSize_c32acf {
  row-gap: 8px
}

.tags_c32acf.pronouns_c32acf,
.tags_c32acf.bot_c32acf {
  -moz-column-gap: 6px;
  column-gap: 6px
}

.userTag_c32acf {
  font-size: 14px;
  font-family: var(--header-primary);
  font-weight: 400;
  line-height: 18px
}

.pronounsTooltip_c32acf {
  max-width: 100%
}

.pronounsText_c32acf {
  margin-right: 2px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.userTagUsername_c32acf {
  word-break: break-all;
  text-overflow: clip;
  white-space: normal;
  color: var(--header-primary);
  vertical-align: top;
  display: inline
}

.userTagDiscriminator_c32acf {
  color: var(--header-primary);
  vertical-align: top
}

.dotSpacer_c32acf {
  background-color: var(--text-normal);
  width: 4px;
  height: 4px;
  border-radius: 50%
}

.clanTagContainer_c32acf {
  height: 22px;
  border: 1px solid var(--border-faint);
  border-radius: var(--radius-xs);
  box-sizing: border-box
}

.clanTag_c32acf {
  background: var(--bg-mod-faint);
  margin: 0 auto
}

.custom-profile-theme .clanTagContainer_c32acf {
  border-color: var(--profile-body-border-color)
}

.custom-profile-theme .clanTag_c32acf {
  background: rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-6))
}

.tooltip_a778ee {
  max-width: 224px
}

.viewFullBio_abaf7d {
  margin-top: 8px
}

.viewFullBioColor_abaf7d {
  color: var(--interactive-normal)
}

.viewFullBioColor_abaf7d:hover,
.viewFullBioColor_abaf7d:focus-visible {
  color: var(--interactive-hover);
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.viewFullBioColor_abaf7d:active {
  color: var(--interactive-active);
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.viewFullBioDisabled_abaf7d {
  opacity: .5
}

.descriptionClamp_abaf7d {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden
}

.maxBioHeight_abaf7d {
  max-height: 55px
}

.pill_f9575e {
  border-radius: var(--radius-xs);
  background: var(--bg-mod-faint);
  border: 1px solid var(--border-faint)
}

.custom-profile-theme .pill_f9575e {
  background: rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-6));
  border-color: var(--profile-body-border-color)
}

.role_f9575e {
  align-items: center;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  box-sizing: border-box;
  padding: 4px;
  height: 24px
}

.role_f9575e>:first-child {
  margin-right: 4px;
  margin-left: 1px
}

.roleFlowerStar_f9575e {
  margin: 0 4px
}

.roleDot_f9575e {
  font-size: 1.34em;
  margin: 0
}

.roleRemoveButtonCanRemove_f9575e {
  cursor: pointer
}

.roleRemoveButton_f9575e {
  position: relative
}

.roleIcon_f9575e {
  margin-right: 4px;
  vertical-align: middle
}

.roleName_f9575e {
  margin-right: 2px;
  overflow: hidden
}

.roleRemoveIcon_f9575e {
  display: none;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -5px 0 0 -5px
}

.role_f9575e:hover .roleRemoveIcon_f9575e,
.role_f9575e:focus .roleRemoveIcon_f9575e,
.roleRemoveIconFocused_f9575e .roleRemoveIcon_f9575e {
  display: block
}

.role_f9575e:hover .roleVerifiedIcon_f9575e,
.role_f9575e:focus .roleVerifiedIcon_f9575e,
.roleRemoveIconFocused_f9575e .roleVerifiedIcon_f9575e {
  display: none
}

.roleCircle_f9575e {
  margin: 0
}

.enable-forced-colors .role_f9575e {
  border: 1px solid CanvasText
}

.enable-forced-colors .roleRemoveIcon_f9575e {
  background-color: ButtonFace;
  color: ButtonText;
  padding: 2px;
  border-radius: 100%
}

.enable-forced-colors .roleRemoveIcon_f9575e path {
  fill: ButtonText !important
}

.popoutRoleDot_f50ea3 {
  margin-right: 4px
}

.popoutRoleCircle_f50ea3 {
  margin-right: 8px
}

.button_edead5 {
  border-radius: var(--radius-xs);
  background: var(--bg-mod-faint);
  color: var(--interactive-normal);
  border: 1px solid var(--border-faint);
  width: -moz-fit-content;
  width: fit-content;
  height: 24px;
  padding: 4px
}

.custom-profile-theme .button_edead5 {
  background: rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-6));
  border-color: var(--profile-body-border-color)
}

.root_e6f2d0 {
  position: relative;
  flex-wrap: wrap;
  display: flex;
  color: var(--text-normal);
  gap: 4px
}

.pill_e6f2d0 {
  border-radius: var(--radius-xs);
  background: var(--bg-mod-faint);
  border: 1px solid var(--border-faint)
}

.custom-profile-theme .pill_e6f2d0 {
  background: rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-6));
  border-color: var(--profile-body-border-color)
}

.expandButton_e6f2d0 {
  padding: 3px 7px;
  cursor: pointer;
  align-items: center
}

.collapseButton_e6f2d0 {
  padding: 3px 5px;
  cursor: pointer;
  align-items: center;
  display: flex;
  height: 24px;
  box-sizing: border-box
}

.container_fc9b46 {
  display: flex;
  align-items: center
}

.mutuals_fc9b46 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 2px;
  -moz-column-gap: 6px;
  column-gap: 6px
}

.section_fc9b46 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  cursor: pointer
}

.section_fc9b46:hover .text_fc9b46,
.section_fc9b46:focus-visible .text_fc9b46 {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.spacer_fc9b46 {
  width: 4px;
  height: 4px;
  background-color: var(--interactive-normal);
  border-radius: var(--radius-round)
}

.buttons_ce21cc {
  display: flex;
  flex-wrap: wrap;
  gap: 8px
}

.buttons_ce21cc:empty {
  display: none
}

.button_ce21cc {
  flex: 1 1 auto;
  min-width: calc(50% - 8px)
}

.header_b8cc6d {
  position: relative;
  min-height: calc(35px + var(--custom-user-profile-banner-height));
  flex-shrink: 0
}

.custom-profile-theme .header_b8cc6d {
  min-height: calc(31px + var(--custom-user-profile-banner-height))
}

.headerTag_b8cc6d {
  position: absolute;
  bottom: 8px;
  right: 16px;
  border-radius: var(--radius-xs)
}

.body_b8cc6d {
  padding: 4px 16px 8px;
  display: flex;
  flex-direction: column;
  gap: 12px
}

.footer_b8cc6d {
  padding: 0 16px 12px;
  display: flex;
  flex-direction: column
}

.footer_b8cc6d:empty {
  visibility: hidden;
  padding: 0
}

.backdrop_b8cc6d {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--bg-backdrop);
  z-index: 4
}

.toast_b8cc6d {
  top: calc(.5*(-56px + var(--custom-user-profile-banner-height)));
  z-index: 5
}

.activity_b8cc6d,
.upsell_b8cc6d div {
  border-radius: var(--radius-xs)
}

.popoutMenu_d7a7e9 {
  width: 268px
}

.inner_c59af2 {
  background: var(--input-background);
  border-radius: 3px
}

.visual-refresh .inner_c59af2 {
  border-radius: var(--radius-sm)
}

.custom-profile-theme .inner_c59af2 {
  background: rgb(var(--bg-overlay-color-inverse)/.1)
}

.editor_c59af2 {
  --channel-text-area-placeholder: var(--text-muted);
  font-size: 14px
}

.ctaRow_c59af2 {
  display: flex;
  flex-direction: row;
  gap: 10px
}

.menuItemLabel_c59af2 {
  display: flex;
  gap: 6px
}

.biteSizeIconButton_c59af2 {
  height: 38px;
  width: 38px
}

.biteSizeButton_c59af2 {
  height: 38px
}

.engagementExpButton_c59af2 {
  background-color: var(--profile-gradient-button-color);
  color: var(--white-500);
  transition: opacity var(--custom-button-transition-duration)ease
}

.engagementExpButton_c59af2:hover {
  opacity: .8
}

.engagementExpButton_c59af2:active {
  opacity: .9
}

.engagementExpButton_c59af2:disabled,
.engagementExpButton_c59af2[aria-disabled=true] {
  opacity: .5
}

.profileEffects_f867f9 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 2;
  transition: opacity.6s ease-in-out
}

.hovered_f867f9 {
  opacity: .35
}

.inner_f867f9 {
  overflow: hidden;
  position: absolute;
  border-radius: 8px;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  pointer-events: none
}

.innerNoRadius_f867f9 {
  border-radius: 0
}

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

.toastContainer_b4395f {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
  height: 40px;
  box-shadow: var(--shadow-high);
  border-radius: 32px
}

.toastPadding_b4395f {
  padding: 10px 16px
}

.toastIcon_b4395f {
  width: 20px;
  height: 20px;
  margin-right: 8px
}

.successToast_b4395f {
  gap: 40px;
  display: flex
}

.toast_f42767 {
  background-color: var(--background-tertiary);
  border-radius: 32px;
  margin-bottom: 12px;
  line-height: 24px;
  padding: 16px;
  display: flex;
  align-items: center
}

.icon_f42767 {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  margin-top: -2px
}

.clipIcon_f42767 {
  color: var(--header-primary)
}

.layoutContainer_c39d85 {
  display: flex;
  align-items: center
}

.channelHeader_c39d85 {
  background-color: var(--bg-mod-faint);
  padding: 12px 16px;
  border-radius: var(--radius-md);
  margin-top: 12px
}

.channelHeader_c39d85 .layoutContainer_c39d85 {
  gap: var(--spacing-12)
}

.profile_c39d85 {
  padding: 12px
}

.profile_c39d85 .layoutContainer_c39d85 {
  gap: var(--spacing-8)
}

.icon_c39d85 {
  flex-shrink: 0
}

.upsellContainer_b8bbd6 {
  border-radius: var(--radius-sm)
}

.upsellContent_b8bbd6 {
  position: relative;
  border-radius: inherit;
  background-color: var(--profile-body-background-color)
}

.upsellContent_b8bbd6:before,
.upsellContent_b8bbd6:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid transparent;
  border-radius: inherit;
  box-sizing: border-box;
  pointer-events: none
}

.upsellContent_b8bbd6:before {
  border-color: var(--guild-boosting-purple)
}

.upsellCloseIconWrapper_b8bbd6 {
  display: flex;
  justify-content: center
}

.upsellDefaultContent_b8bbd6 {
  padding: 12px
}

.upsellHeader_b8bbd6 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px
}

.upsellButtons_b8bbd6 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px
}

.upsellButtonWrapper_b8bbd6 {
  flex: 1
}

.upsellButton_b8bbd6 {
  width: 100%
}

.upsellButton_b8bbd6:disabled {
  opacity: .5
}

.upsellRowContent_b8bbd6 {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 12px 11px 12px 16px;
  border-radius: inherit
}

.upsellRowContent_b8bbd6:before,
.upsellRowContent_b8bbd6:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid transparent;
  border-radius: inherit;
  box-sizing: border-box;
  pointer-events: none
}

.upsellRowContent_b8bbd6:before {
  border-color: var(--guild-boosting-purple)
}

.upsellContent_b8bbd6:after,
.upsellRowContent_b8bbd6:after {
  border-color: var(--guild-boosting-blue);
  -webkit-mask: linear-gradient(0deg, #000, rgba(0, 0, 0, 0));
  mask: linear-gradient(0deg, #000, rgba(0, 0, 0, 0))
}

.upsellRowRight_b8bbd6 {
  display: flex;
  align-items: center;
  gap: 8px
}

.viewPremiumPerksButtonInner_b8bbd6 {
  display: flex;
  align-items: center;
  gap: 4px
}

.premiumIcon_b8bbd6 {
  margin-right: 4px;
  height: 20px
}

.upsellCloseIcon_b8bbd6 {
  color: var(--interactive-normal);
  cursor: pointer
}

.upsellCloseIcon_b8bbd6:hover {
  color: var(--interactive-hover)
}

.upsellCloseIcon_b8bbd6:active {
  color: var(--interactive-active)
}

.theme-light.custom-profile-theme .upsellButton_b8bbd6 {
  background-color: hsl(var(--white-hsl)/.72);
  color: var(--interactive-active)
}

.theme-light.custom-profile-theme .upsellButton_b8bbd6:hover {
  background-color: hsl(var(--white-hsl)/.52)
}

.theme-light.custom-profile-theme .upsellButton_b8bbd6:active {
  background-color: hsl(var(--white-hsl)/.57)
}

.theme-light.custom-profile-theme .upsellButton_b8bbd6:disabled {
  opacity: .5
}

.theme-light.custom-profile-theme .upsellContent_b8bbd6 {
  background-color: rgb(var(--bg-overlay-color)/.4)
}

.theme-light.custom-profile-theme .viewPremiumPerksButtonShine_b8bbd6 {
  color: hsl(var(--black-500-hsl)/4%)
}

.theme-dark.custom-profile-theme .upsellButton_b8bbd6 {
  background-color: hsl(var(--white-hsl)/.24)
}

.theme-dark.custom-profile-theme .upsellButton_b8bbd6:hover {
  background-color: hsl(var(--white-hsl)/.34)
}

.theme-dark.custom-profile-theme .upsellButton_b8bbd6:active {
  background-color: hsl(var(--white-hsl)/.39)
}

.theme-dark.custom-profile-theme .upsellContent_b8bbd6 {
  background-color: rgb(var(--bg-overlay-color)/.4)
}

.container_ecc1b2 {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border-radius: var(--radius-sm);
  overflow: hidden;
  padding: 10px 12px;
  gap: 8px
}

.buttonContainer_ecc1b2 {
  display: flex;
  align-items: center;
  gap: 8px
}

.button_ecc1b2 {
  padding: 2px 8px;
  min-height: 24px;
  height: 24px
}

.custom-profile-theme .color_ecc1b2 {
  background-color: var(--profile-gradient-button-color);
  color: var(--white-500);
  transition: opacity.2s ease-in-out
}

.custom-profile-theme .color_ecc1b2:hover {
  background-color: var(--profile-gradient-button-color);
  opacity: .8
}

.custom-profile-theme .color_ecc1b2:active {
  background-color: var(--profile-gradient-button-color);
  opacity: .9
}

.custom-profile-theme .color_ecc1b2:disabled,
.custom-profile-theme .color_ecc1b2[aria-disabled=true] {
  background-color: var(--profile-gradient-button-color);
  opacity: .5
}

.container_effd71 {
  padding: var(--spacing-12);
  gap: var(--spacing-8);
  display: flex;
  flex-direction: row;
  align-items: center
}

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

.largeAvatar_e3a0ec {
  line-height: 24px;
  margin-right: 8px
}

.miniAvatar_e3a0ec {
  line-height: 18px;
  margin-right: 4px;
  margin-top: 1px
}

.roleDot_eb5898 {
  margin-right: 2px;
  margin-left: -2px
}

.oauth2PageWrapper_c2b22e {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-height: 0;
  padding-top: 40px;
  padding-bottom: 40px
}

.oauth2PageContent_c2b22e {
  min-width: 280px;
  width: 100%;
  height: auto;
  max-height: calc(100% - 80px);
  max-width: var(--custom-o-auth-2-page-oauth-2-max-width);
  min-height: var(--custom-o-auth-2-page-oauth-2-min-height);
  display: flex;
  align-items: center;
  position: relative;
  border-radius: 12px;
  box-shadow: var(--legacy-elevation-high);
  background: var(--background-primary);
  overflow: hidden
}

.oauth2ModalWrapper_c2b22e {
  min-width: 280px;
  width: 100%;
  max-width: var(--custom-o-auth-2-page-oauth-2-max-width);
  min-height: var(--custom-o-auth-2-page-oauth-2-min-height);
  display: flex;
  align-items: center;
  position: relative;
  border-radius: 12px;
  background: var(--background-primary);
  overflow: auto
}

@media(max-width:485px) {
  .oauth2PageWrapper_c2b22e {
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 0
  }

  .oauth2PageContent_c2b22e {
    box-shadow: none;
    max-height: 100%;
    height: 100%;
    border-radius: 0;
    overflow: auto
  }

  .oauth2ModalWrapper_c2b22e {
    box-shadow: none;
    border-radius: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
  }
}

.oauth2ModalWrapper_c2b22e .footer_c2b22e {
  padding: 0;
  width: 100%
}

.visual-refresh .oauth2ModalWrapper_c2b22e .footer_c2b22e {
  box-sizing: border-box
}

.wrapper_e1a4cf {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 16px
}

.header_e1a4cf {
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block
}

.text_e1a4cf {
  margin-top: 24px;
  text-align: center
}

.authorizedSuccessSubtext_e1a4cf {
  margin-top: 16px;
  text-align: center;
  max-width: 274px
}

.cta_e1a4cf {
  margin-top: 12px
}

.headerSuccess_e1a4cf {
  width: 158px;
  height: 130px;
  background: url(/assets/100be2be30b32a628334.svg)no-repeat
}

.headerFailure_e1a4cf {
  width: 92px;
  height: 92px
}

.closeButton_e1a4cf {
  position: absolute;
  right: 12px;
  top: 12px;
  opacity: .8
}

.authorizedSuccessWrapper_e1a4cf {
  margin: 0 auto;
  padding: 24px
}

.buttonsContainer_e1a4cf {
  padding: 16px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center
}

.theme-dark .headerFailure_e1a4cf {
  background: url(/assets/dd9b06ffbb7e3cbfd9c7.svg)no-repeat
}

.theme-light .headerFailure_e1a4cf {
  background: url(/assets/4df9b025dea5255f15d3.svg)no-repeat
}

.footer_c5a065 {
  padding: 16px;
  width: 100%;
  background: var(--background-tertiary);
  display: flex;
  justify-content: space-between
}

.footer_c5a065 button {
  min-width: 0
}

.authorize_c5a065 {
  flex: 1;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background: var(--background-primary)
}

.visual-refresh .authorize_c5a065 {
  background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
  background: initial;
  margin: 0
}

.visual-refresh .footer_c5a065 {
  background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
  background: initial;
  padding-left: 0;
  padding-right: 0
}

.spinner_c5a065 {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 240px;
  height: 240px
}

.action_c5a065 {
  display: flex;
  align-items: center;
  gap: 16px
}

@media(max-width:485px) {
  .footer_c5a065 {
    display: flex;
    flex-direction: column-reverse;
    padding: 4px 16px 16px
  }

  .footer_c5a065 button {
    margin-top: 12px
  }

  .action_c5a065,
  .action_c5a065 .tooltip_c5a065 {
    flex: 1
  }

  .action_c5a065 button {
    width: 100%
  }
}

.fullWidth_c5a065 {
  width: 100%
}

.captcha_c5a065 {
  padding-top: 28px;
  padding-bottom: 28px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.captchaLabel_c5a065 {
  margin-bottom: 20px
}

.recaptcha_c5a065 {
  height: 80px
}

.content_c5a065 {
  padding: 32px;
  margin: 0 32px;
  margin-bottom: 48px;
  position: relative;
  border-radius: 8px
}

.content_c5a065.minimalPadding_c5a065 {
  padding: 16px 0;
  margin: 0
}

.contentBackground_c5a065 {
  background: var(--background-secondary)
}

.visual-refresh .content_c5a065 {
  margin: 0;
  padding: var(--space-16)
}

.visual-refresh .content_c5a065.minimalPadding_c5a065 {
  padding: var(--space-24)0 var(--space-24)
}

.visual-refresh .contentBackground_c5a065 {
  background: var(--background-mod-subtle);
  border: 1px solid var(--border-faint)
}

@media(max-width:568px) {
  .content_c5a065 {
    padding: 16px;
    margin: 0 8px;
    margin-bottom: 24px
  }

  .content_c5a065.minimalPadding_c5a065 {
    padding: 16px 0;
    margin: 0
  }
}

.sectionGroup_c5a065 {
  padding: 16px 0 24px
}

.sectionGroup_c5a065:not(:last-child) {
  border-bottom: 1px solid var(--background-modifier-accent)
}

.sectionLabel_c5a065 {
  font-weight: 700;
  text-transform: uppercase;
  color: var(--header-secondary);
  padding-bottom: 8px
}

.intObserver_c5a065 {
  bottom: 24px;
  height: 1px;
  pointer-events: none;
  position: absolute
}

.full-motion .emoji_c5a065 {
  animation: moveUpDown_c5a065 1s ease-in-out infinite
}

@keyframes moveUpDown_c5a065 {

  0%,
  to {
    transform: translatey(-3px)
  }

  50% {
    transform: translatey(3px)
  }
}

.buttonWithEmoji_c5a065 {
  overflow: visible !important;
  display: inline-flex;
  align-items: center;
  gap: 4px
}

.deepLinkContainer_c5a065 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  padding: 32px;
  text-align: center;
  background: var(--background-primary);
  border-radius: 12px;
  width: 480px
}

.errorCodeMessage_c78a6e {
  margin-top: 16px
}

.title_a4cad7 {
  text-transform: capitalize
}

.combo_c90023 {
  box-sizing: border-box;
  position: relative;
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  font-weight: 600;
  display: flex;
  height: 23px
}

.key_c90023 {
  background-color: var(--bg-mod-faint);
  box-sizing: border-box;
  border: 1px solid var(--border-strong);
  position: relative;
  display: block;
  height: 23px;
  padding: 3px 6px 4px;
  border-radius: 4px;
  cursor: default;
  min-width: 14px;
  min-height: 14px;
  text-align: center
}

.key_c90023:not(:last-child) {
  margin-right: 3px
}

.key_c90023 .bindArrow_c90023 {
  width: 10px;
  height: 10px
}

.key_c90023 .bindArrow_c90023.up_c90023 {
  transform: rotate(180deg)
}

.key_c90023 .bindArrow_c90023.left_c90023 {
  transform: rotate(90deg)
}

.key_c90023 .bindArrow_c90023.right_c90023 {
  transform: rotate(270deg)
}

.key_c90023:active {
  transform: translatey(2px);
  height: 21px;
  padding-bottom: 2px
}

.combo_c90023 {
  color: var(--text-primary)
}

.key_c90023 {
  border: 1px solid var(--border-subtle);
  box-shadow: inset 0 -4px 0 var(--bg-mod-faint);
  color: var(--interactive-active)
}

.key_c90023 g {
  fill: var(--interactive-active)
}

.key_c90023:active {
  box-shadow: inset 0 -2px 0 var(--bg-mod-subtle);
  border: 1px solid var(--border-strong);
  color: var(--interactive-normal)
}

.key_c90023:active g {
  fill: var(--interactive-normal)
}

.dim_c90023 span {
  background-color: var(--bg-mod-subtle);
  color: var(--text-primary)
}

.dim_c90023 span .bindArrow_c90023 g {
  fill: var(--text-secondary)
}

.dim_c90023 span:active {
  color: var(--text-primary)
}

.dim_c90023 span:active .bindArrow_c90023 g {
  fill: var(--text-primary)
}

.keybindShortcutSearchPopout_c90023 {
  flex-shrink: 0;
  flex-grow: 0;
  margin: 0
}

.keyboardShortcuts_c90023 {
  margin: 0
}

.positioner_ed0148 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 1000
}

.container_ed0148 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 90vw;
  margin: auto;
  margin-bottom: 16px;
  padding: 16px;
  border-radius: 8px;
  background-color: var(--background-floating);
  box-shadow: var(--elevation-high)
}

.bindName_ed0148 {
  flex: 0 0 auto;
  margin-right: 8px
}

.shortcut_ed0148 {
  flex: 0 0 auto;
  margin: 0 2px
}

.separator_ed0148 {
  flex: 0 0 auto;
  font-weight: 600;
  margin: 0 12px;
  color: var(--text-normal)
}

.separator_ed0148:after {
  content: "•"
}

.focus-rings-ring {
  position: absolute;
  display: block;
  pointer-events: none;
  background: none;
  margin: 0;
  padding: 0;
  border-radius: 4px;
  border-radius: var(--__adaptive-focus-ring-radius, 4px);
  box-shadow: 0 0 0 4px#00b0f4;
  box-shadow: 0 0 0 4px var(--__adaptive-focus-ring-color, var(--focus-primary, #00b0f4))
}

.divider_b03b7f {
  width: 100%;
  height: 1px;
  border-top: thin solid var(--background-modifier-accent)
}

.error_dd4615 {
  display: flex;
  align-items: center;
  border-radius: 8px;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 500;
  padding: 8px;
  width: 100%;
  box-sizing: border-box
}

.error_dd4615 a {
  color: var(--white-500);
  font-weight: 600
}

.error_dd4615 a:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.icon_dd4615 {
  width: 24px;
  height: 24px;
  flex-shrink: 0
}

.text_dd4615 {
  margin-left: 10px;
  flex: 1
}

.backgroundRed_dd4615 {
  background-color: var(--red-400);
  color: var(--white-500)
}

.errorClose_dd4615 {
  width: 16px;
  height: 16px;
  cursor: pointer;
  align-self: flex-center
}

.errorCloseIcon_dd4615 {
  width: 16px;
  height: 16px
}

.backgroundTertiary_dd4615 {
  background-color: var(--background-tertiary);
  color: var(--interactive-active)
}

.backgroundAccent_dd4615 {
  background-color: var(--background-accent);
  color: var(--white-500)
}

:where(.visual-refresh) .fieldWrapper_bf709e {
  position: relative;
  padding-top: 4px
}

.label_cdb884 {
  cursor: default;
  display: block;
  flex: 1;
  margin-bottom: 8px;
  text-transform: uppercase;
  color: var(--header-secondary)
}

.defaultMargin_cdb884 {
  margin-bottom: 8px
}

.disabled_cdb884 {
  opacity: .5;
  cursor: not-allowed
}

.required_cdb884 {
  color: var(--text-danger);
  padding-left: 4px
}

:where(.visual-refresh) .label_cdb884 {
  text-transform: none;
  font-family: var(--font-display);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400;
  color: var(--header-primary)
}

.formText_b89ec7 a:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.formText_b89ec7 strong {
  font-weight: 600
}

.labelSelected_b89ec7 {
  font-weight: 400
}

@media all and (-webkit-max-device-pixel-ratio:1) {
  .theme-light .labelSelected_b89ec7 {
    font-weight: 500
  }
}

.labelBold_b89ec7 {
  font-weight: 600
}

.description_b89ec7 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400
}

@media all and (-webkit-max-device-pixel-ratio:1) {
  .theme-light .description_b89ec7 {
    font-weight: 500
  }
}

.modeDefault_b89ec7 {
  cursor: default
}

.modeSelectable_b89ec7 {
  cursor: text;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text
}

.modeDisabled_b89ec7 {
  cursor: not-allowed;
  opacity: .3
}

.labelDescriptor_b89ec7,
.description_b89ec7 {
  color: var(--header-secondary)
}

.placeholder_b89ec7 {
  color: var(--text-muted)
}

.error_b89ec7 {
  color: var(--text-danger)
}

.success_b89ec7 {
  color: var(--text-positive)
}

.enable-forced-colors .modeDisabled_b89ec7 {
  color: GrayText;
  opacity: 1
}

.formNotice_aae945 {
  padding: 20px;
  cursor: default
}

.formNoticeTitle_aae945 {
  margin-bottom: 4px
}

.formNoticeBody_aae945 p {
  letter-spacing: -.39px;
  margin: 0 0 12px
}

.formNoticeBody_aae945 p:last-child {
  margin-bottom: 0
}

.formNoticeBody_aae945 u {
  -webkit-text-decoration: none;
  text-decoration: none;
  font-style: italic
}

.icon_aae945 {
  -webkit-user-drag: none
}

.whiteText_aae945,
.whiteText_aae945 a {
  color: var(--white-500)
}

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

.sectionTitle_a6ae9b {
  display: flex
}

.container_cebd1c {
  position: relative;
  border-radius: 14px;
  width: 40px;
  height: 24px;
  cursor: pointer
}

.container_cebd1c.disabled_cebd1c {
  cursor: not-allowed
}

.input_cebd1c {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  border-radius: 14px;
  top: 0;
  left: 0;
  margin: 0
}

.input_cebd1c[disabled] {
  pointer-events: none
}

.slider_cebd1c {
  display: block;
  position: absolute;
  left: 0;
  width: 28px;
  height: 18px;
  margin: 3px
}

.enable-forced-colors .container_cebd1c {
  background-color: ButtonFace !important;
  border: 2px solid ButtonText;
  height: 28px;
  width: 44px
}

.enable-forced-colors .container_cebd1c.checked_cebd1c {
  background-color: Highlight !important;
  border-color: Highlight
}

.enable-forced-colors .container_cebd1c.disabled_cebd1c {
  background-color: Canvas !important;
  opacity: 1 !important;
  border-color: GrayText
}

.enable-forced-colors .container_cebd1c.disabled_cebd1c.checked_cebd1c {
  background-color: GrayText !important;
  border-color: GrayText
}

:where(.visual-refresh) .container_cebd1c {
  height: 28px;
  border-radius: 16px;
  width: 44px;
  box-sizing: border-box;
  border: 1px solid transparent
}

:where(.visual-refresh) .container_cebd1c.checked_cebd1c {
  border-color: var(--input-border)
}

:where(.visual-refresh) .slider_cebd1c {
  height: 20px
}

.container_ed1d57 {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px
}

.labelRow_ed1d57 {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center
}

.control_ed1d57 {
  flex: 0 0 auto
}

.disabled_ed1d57 {
  cursor: not-allowed
}

.disabled_ed1d57 .titleDefault_ed1d57,
.disabled_ed1d57 .titleMini_ed1d57,
.disabled_ed1d57 .title_ed1d57 {
  cursor: not-allowed;
  opacity: .6
}

.title_ed1d57 {
  flex: 1;
  display: block;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 0;
  color: var(--header-primary);
  line-height: 24px;
  font-size: 16px;
  font-weight: 500;
  word-wrap: break-word;
  cursor: pointer
}

.note_ed1d57 {
  margin-top: 8px
}

.disabledText_ed1d57 {
  margin-top: 4px
}

.dividerDefault_ed1d57 {
  margin-top: 20px
}

.enable-forced-colors .disabled_ed1d57 .titleDefault_ed1d57,
.enable-forced-colors .disabled_ed1d57 .titleMini_ed1d57 {
  opacity: 1
}

.interactive_f5eb4b {
  cursor: pointer;
  color: var(--interactive-normal);
  border-radius: inherit
}

.interactive_f5eb4b:hover,
.interactive_f5eb4b:focus-within {
  color: var(--interactive-hover);
  background: var(--bg-overlay-hover, var(--background-modifier-hover))
}

.interactive_f5eb4b:active {
  color: var(--interactive-active);
  background: var(--bg-overlay-active, var(--background-modifier-active))
}

.muted_f5eb4b {
  color: var(--interactive-muted)
}

@media(min-width:486px) {
  .selected_f5eb4b {
    color: var(--interactive-active);
    background: var(--bg-overlay-selected, var(--background-modifier-selected))
  }
}

.enable-forced-colors .interactive_f5eb4b {
  forced-color-adjust: none;
  background-color: ButtonFace;
  border: 1px solid ButtonFace;
  color: ButtonText
}

.enable-forced-colors .interactive_f5eb4b:hover,
.enable-forced-colors .interactive_f5eb4b:focus-within {
  background-color: ButtonFace;
  border-color: ButtonText;
  color: ButtonText
}

.enable-forced-colors .interactive_f5eb4b.selected_f5eb4b,
.enable-forced-colors .interactive_f5eb4b.selected_f5eb4b:hover,
.enable-forced-colors .interactive_f5eb4b.selected_f5eb4b:focus-within {
  background-color: HighlightText;
  border-color: Highlight;
  color: Highlight
}

.container_b18699 {
  width: 100%;
  position: relative
}

.items_b18699 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap
}

.itemMeasurements_b18699 {
  display: flex
}

.overflowMeasurement_b18699 {
  display: inline-block
}

.measurements_b18699 {
  visibility: hidden;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
  z-index: -1
}

.tooltip_b18699 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px
}

.menu_d90b3d {
  z-index: 1;
  box-sizing: border-box;
  display: flex;
  height: auto;
  cursor: default;
  max-height: calc(100vh - 32px);
  background: var(--background-floating);
  box-shadow: var(--shadow-high);
  border-radius: 4px
}

.scroller_d90b3d {
  padding: 6px 8px
}

.fixed_d90b3d {
  width: 220px
}

.flexible_d90b3d {
  min-width: 188px;
  max-width: 320px
}

.item_d90b3d {
  box-sizing: border-box;
  margin: 2px 0;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  cursor: pointer
}

.item_d90b3d.hideInteraction_d90b3d {
  cursor: default
}

.customItem_d90b3d {
  color: var(--interactive-normal);
  border-color: var(--interactive-normal);
  font-size: 14px;
  font-weight: 500;
  line-height: 18px
}

.labelContainer_d90b3d {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 32px;
  padding: 6px 8px
}

.label_d90b3d {
  flex: 1 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.subtext_d90b3d {
  margin-top: 2px;
  white-space: normal
}

.subtextLineClamp_d90b3d {
  white-space: pre
}

.iconContainer_d90b3d {
  position: relative;
  flex: 0 0 auto;
  height: 18px;
  width: 18px;
  margin-left: 8px
}

:where(.visual-refresh) .iconContainer_d90b3d {
  height: 20px;
  width: 20px
}

.iconContainerLeft_d90b3d {
  margin-left: 0;
  margin-right: 8px
}

.iconContainerLarge_d90b3d {
  height: 32px;
  width: 32px
}

.icon_d90b3d {
  width: 100%;
  height: 100%
}

.hintContainer_d90b3d {
  flex: 0 0 auto;
  max-height: 18px;
  margin-left: 8px
}

.caret_d90b3d {
  width: 10px;
  height: 10px;
  color: var(--text-muted)
}

.show-redesigned-icons .caret_d90b3d {
  width: 16px;
  height: 16px
}

.disabled_d90b3d {
  cursor: pointer;
  pointer-events: none;
  opacity: .5
}

.separator_d90b3d {
  box-sizing: border-box;
  margin: 4px;
  border-bottom: 1px solid var(--background-modifier-accent)
}

.submenuPaddingContainer_d90b3d {
  padding: 0 8px
}

.submenu_d90b3d {
  min-width: 188px;
  max-width: 320px
}

.colorDefault_d90b3d {
  color: var(--interactive-normal);
  border-color: var(--interactive-normal)
}

.colorDefault_d90b3d .subtext_d90b3d {
  color: var(--text-muted)
}

.colorDefault_d90b3d .checkbox_d90b3d,
.colorDefault_d90b3d .radioSelection_d90b3d {
  color: var(--control-brand-foreground-new)
}

.colorDefault_d90b3d .check_d90b3d {
  color: var(--white)
}

.colorDefault_d90b3d.focused_d90b3d {
  background-color: var(--menu-item-default-hover-bg);
  color: var(--white)
}

.colorDefault_d90b3d.focused_d90b3d .subtext_d90b3d,
.colorDefault_d90b3d.focused_d90b3d .checkbox_d90b3d,
.colorDefault_d90b3d.focused_d90b3d .radioSelection_d90b3d,
.colorDefault_d90b3d.focused_d90b3d .caret_d90b3d {
  color: var(--white)
}

.colorDefault_d90b3d.focused_d90b3d .check_d90b3d {
  color: var(--text-brand);
  fill: var(--text-brand)
}

.colorDefault_d90b3d.focused_d90b3d:not(.checkboxContainer_d90b3d) path {
  fill: var(--white)
}

.colorDefault_d90b3d:active:not(.hideInteraction_d90b3d) {
  background-color: var(--menu-item-default-active-bg);
  color: var(--white)
}

.colorBrand_d90b3d {
  color: var(--text-brand)
}

.colorDanger_d90b3d,
.colorDanger_d90b3d .checkbox_d90b3d,
.colorDanger_d90b3d .radioSelection_d90b3d {
  color: var(--status-danger)
}

.colorDanger_d90b3d.focused_d90b3d {
  background-color: var(--menu-item-danger-hover-bg);
  color: var(--white)
}

.colorDanger_d90b3d.focused_d90b3d .check_d90b3d {
  color: var(--status-danger)
}

.colorDanger_d90b3d:active:not(.hideInteraction_d90b3d) {
  background-color: var(--menu-item-danger-active-bg);
  color: var(--white)
}

.colorPremium_d90b3d .icon_d90b3d {
  color: var(--guild-boosting-pink)
}

.colorPremium_d90b3d.focused_d90b3d .icon_d90b3d,
.colorPremium_d90b3d:active:not(.hideInteraction_d90b3d) .icon_d90b3d {
  color: var(--white)
}

.colorPremiumGradient_d90b3d.focused_d90b3d,
.colorPremiumGradient_d90b3d:active:not(.hideInteraction_d90b3d) {
  background: linear-gradient(270deg, var(--premium-tier-2-pink-for-gradients)0%, var(--premium-tier-2-pink-for-gradients-2)33.63%, var(--premium-tier-2-purple-for-gradients)100%)
}

.colorPremiumGradient_d90b3d .check_d90b3d,
.colorPremiumGradient_d90b3d .radioSelection_d90b3d {
  color: var(--white)
}

.colorPremiumGradient_d90b3d .checkbox_d90b3d,
.colorPremiumGradient_d90b3d.focused_d90b3d .check_d90b3d {
  color: var(--premium-tier-2-pink-for-gradients)
}

.colorSuccess_d90b3d,
.colorSuccess_d90b3d .checkbox_d90b3d,
.colorSuccess_d90b3d .radioSelection_d90b3d {
  color: var(--green-230)
}

.colorSuccess_d90b3d.focused_d90b3d {
  background-color: var(--green-230);
  color: var(--white)
}

.colorSuccess_d90b3d.focused_d90b3d .check_d90b3d {
  color: var(--green-230)
}

.colorSuccess_d90b3d:active:not(.hideInteraction_d90b3d) {
  background-color: var(--green-360);
  color: var(--white)
}

.groupLabel_d90b3d {
  text-transform: uppercase;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 12px;
  padding-top: 4px;
  padding-bottom: 0
}

.loader_d90b3d {
  align-items: center;
  justify-content: center;
  padding: 16px
}

.enable-forced-colors .menu_d90b3d {
  background-color: ButtonFace;
  border: 2px solid CanvasText
}

.enable-forced-colors .colorDefault_d90b3d {
  forced-color-adjust: none;
  background-color: ButtonFace;
  border: 1px solid ButtonFace;
  color: ButtonText
}

.enable-forced-colors .colorDefault_d90b3d .subtext_d90b3d {
  color: inherit
}

.enable-forced-colors .colorDefault_d90b3d .checkbox_d90b3d,
.enable-forced-colors .colorDefault_d90b3d .radioSelection_d90b3d {
  color: Highlight
}

.enable-forced-colors .colorDefault_d90b3d .check_d90b3d {
  color: HighlightText
}

.enable-forced-colors .colorDefault_d90b3d.focused_d90b3d,
.enable-forced-colors .colorDefault_d90b3d:hover {
  border-color: ButtonText
}

.enable-forced-colors .colorDefault_d90b3d[aria-checked=true] {
  background-color: HighlightText;
  color: Highlight
}

.enable-forced-colors .colorDefault_d90b3d[aria-checked=true].focused_d90b3d,
.enable-forced-colors .colorDefault_d90b3d[aria-checked=true]:hover {
  border-color: Highlight
}

.enable-forced-colors .colorDefault_d90b3d:active:not(.hideInteraction_d90b3d) {
  background-color: HighlightText;
  color: Highlight
}

.enable-forced-colors .hideInteraction_d90b3d,
.enable-forced-colors .hideInteraction_d90b3d:hover,
.enable-forced-colors .groupLabel_d90b3d,
.enable-forced-colors .groupLabel_d90b3d:hover {
  background-color: ButtonFace;
  border-color: ButtonFace;
  color: CanvasText
}

.enable-forced-colors .disabled_d90b3d,
.enable-forced-colors .disabled_d90b3d[aria-checked=true] {
  background-color: Canvas;
  color: GrayText;
  cursor: not-allowed;
  opacity: 1
}

.enable-forced-colors .disabled_d90b3d .checkbox_d90b3d,
.enable-forced-colors .disabled_d90b3d .radioSelection_d90b3d,
.enable-forced-colors .disabled_d90b3d[aria-checked=true] .checkbox_d90b3d,
.enable-forced-colors .disabled_d90b3d[aria-checked=true] .radioSelection_d90b3d {
  color: GrayText
}

.sparkles_d90b3d {
  top: -8px;
  left: -12px;
  width: 32px;
  height: 32px
}

.custom-theme-background .menu_d90b3d {
  border: 1px solid var(--border-strong)
}

[data-popout-animating=true] .item_d90b3d[aria-haspopup=true] {
  pointer-events: none
}

:where(.visual-refresh) .menu_d90b3d {
  background-color: var(--background-surface-higher);
  border-radius: 8px;
  border: 1px solid var(--border-subtle);
  box-shadow: var(--shadow-high)
}

:where(.visual-refresh) .labelContainer_d90b3d {
  padding: 8px
}

:where(.visual-refresh) .item_d90b3d {
  margin: 0
}

:where(.visual-refresh) .scroller_d90b3d {
  padding: 8px
}

:where(.visual-refresh) .separator_d90b3d {
  margin: 8px;
  border-bottom-color: var(--border-subtle)
}

:where(.visual-refresh) svg.radioIcon_d90b3d {
  width: 20px;
  height: 20px
}

:where(.visual-refresh).show-redesigned-icons .caret_d90b3d {
  width: 20px;
  height: 20px
}

:where(.visual-refresh) .colorDefault_d90b3d {
  color: var(--interactive-normal)
}

:where(.visual-refresh) .colorDefault_d90b3d .label_d90b3d {
  color: var(--header-primary)
}

:where(.visual-refresh) .colorDefault_d90b3d .subtext_d90b3d {
  color: var(--text-muted)
}

:where(.visual-refresh) .colorDefault_d90b3d.focused_d90b3d {
  background-color: var(--bg-mod-subtle);
  color: var(--header-primary);
  border-radius: 4px
}

:where(.visual-refresh) .colorDefault_d90b3d.focused_d90b3d:not(.checkboxContainer_d90b3d) path {
  fill: var(--interactive-active)
}

:where(.visual-refresh) .colorDefault_d90b3d:active:not(.hideInteraction_d90b3d) {
  background-color: var(--bg-mod-subtle)
}

:where(.visual-refresh) .colorDanger_d90b3d {
  color: var(--text-danger)
}

:where(.visual-refresh) .colorDanger_d90b3d .label_d90b3d {
  color: var(--text-danger)
}

:where(.visual-refresh) .colorDanger_d90b3d.focused_d90b3d {
  background-color: var(--background-feedback-critical);
  color: var(--text-feedback-critical)
}

:where(.visual-refresh) .colorDanger_d90b3d.focused_d90b3d .label_d90b3d {
  color: var(--text-feedback-critical)
}

:where(.visual-refresh) .colorDanger_d90b3d.focused_d90b3d .check_d90b3d {
  color: var(--text-feedback-critical)
}

:where(.visual-refresh) .colorDanger_d90b3d.focused_d90b3d:not(.checkboxContainer_d90b3d) path {
  fill: var(--text-feedback-critical)
}

:where(.visual-refresh) .colorDanger_d90b3d:active:not(.hideInteraction_d90b3d) {
  background-color: var(--background-feedback-critical);
  color: var(--text-feedback-critical)
}

:where(.visual-refresh) .groupLabel_d90b3d {
  text-transform: capitalize;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: var(--text-muted)
}

.container_d2672e {
  display: flex;
  align-items: center;
  border-radius: 4px;
  padding: 4px;
  margin: 4px 2px;
  background-color: var(--background-tertiary)
}

.input_d2672e {
  flex: 1;
  box-sizing: border-box;
  min-width: 48px;
  height: 20px;
  padding: 2px 4px;
  color: var(--text-normal);
  background: transparent;
  border: none;
  resize: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px
}

.input_d2672e::-webkit-input-placeholder {
  color: var(--text-muted);
  opacity: 1
}

.iconContainer_d2672e {
  position: relative;
  margin-right: 3px;
  height: 18px;
  width: 18px
}

.icon_d2672e {
  width: 18px;
  height: 18px
}

.iconClickable_d2672e {
  cursor: pointer
}

.slider_c7a159 {
  width: 100%;
  height: 40px;
  position: relative
}

.mini_c7a159 {
  height: 20px
}

.mini_c7a159 .bar_c7a159 {
  top: 17px;
  height: 6px
}

.mini_c7a159 .grabber_c7a159 {
  width: 12px;
  height: 12px;
  margin-left: -7px;
  margin-top: 3px;
  border-radius: 50%
}

.disabled_c7a159 {
  opacity: .6
}

.disabled_c7a159 .grabber_c7a159 {
  cursor: not-allowed
}

.bar_c7a159 {
  position: relative;
  top: 16px;
  height: 8px;
  border-radius: 4px;
  display: block;
  overflow: hidden;
  background-color: var(--interactive-muted)
}

.barFill_c7a159 {
  background: var(--control-brand-foreground-new);
  height: 100%
}

.track_c7a159 {
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 0;
  left: 5px
}

.grabber_c7a159 {
  position: absolute;
  left: 0;
  width: 10px;
  height: 24px;
  margin-left: -5px;
  top: 50%;
  margin-top: -13px;
  border-radius: 3px;
  background-color: var(--white);
  border: 1px solid var(--border-strong);
  box-shadow: var(--shadow-border), var(--shadow-ledge), var(--shadow-low);
  cursor: ew-resize
}

.mark_c7a159 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 24px;
  margin-left: -12px;
  position: absolute;
  left: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.markAbove_c7a159 {
  top: -6px
}

.markBelow_c7a159 {
  bottom: -12px
}

.markValue_c7a159 {
  padding-left: 1px;
  font-weight: 700;
  font-size: 10px;
  margin-bottom: 4px;
  min-height: 10px
}

.markDash_c7a159 {
  height: 24px;
  width: 2px;
  background-color: var(--interactive-muted)
}

.markDashSimple_c7a159 {
  margin-top: 10px
}

.markValue_c7a159 {
  color: var(--text-muted)
}

.defaultValue_c7a159 .markValue_c7a159 {
  color: var(--text-positive)
}

.enable-forced-colors .barFill_c7a159 {
  background: Highlight
}

.enable-forced-colors .grabber_c7a159 {
  background-color: Highlight;
  border-color: Highlight
}

.enable-forced-colors .bar_c7a159 {
  background: Canvas;
  border: 1px solid ButtonText
}

.enable-forced-colors .markDash_c7a159 {
  background: CanvasText
}

.enable-forced-colors .disabled_c7a159 {
  opacity: 1
}

.enable-forced-colors .disabled_c7a159 .barFill_c7a159 {
  background: GrayText
}

.enable-forced-colors .disabled_c7a159 .grabber_c7a159 {
  background-color: GrayText;
  border-color: GrayText
}

.enable-forced-colors .disabled_c7a159 .bar_c7a159 {
  background: Canvas;
  border-color: GrayText
}

:where(.visual-refresh) .slider_c7a159,
:where(.visual-refresh) .mini_c7a159 {
  height: 24px;
  height: calc(24px + var(--bar-offset));
  --grabber-size: 16px;
  --bar-size: 4px;
  --bar-offset: 0px
}

:where(.visual-refresh) .slider_c7a159.hasMarks_c7a159,
:where(.visual-refresh) .mini_c7a159.hasMarks_c7a159 {
  --bar-offset: 24px
}

:where(.visual-refresh) .slider_c7a159 .mark_c7a159,
:where(.visual-refresh) .mini_c7a159 .mark_c7a159 {
  height: 48px;
  display: flex;
  top: 0;
  flex-direction: column;
  justify-content: space-between
}

:where(.visual-refresh) .slider_c7a159 .markValue_c7a159,
:where(.visual-refresh) .mini_c7a159 .markValue_c7a159 {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: var(--text-secondary)
}

:where(.visual-refresh) .slider_c7a159 .defaultValue_c7a159 .markValue_c7a159,
:where(.visual-refresh) .mini_c7a159 .defaultValue_c7a159 .markValue_c7a159 {
  color: var(--text-positive)
}

:where(.visual-refresh) .slider_c7a159 .markDash_c7a159,
:where(.visual-refresh) .mini_c7a159 .markDash_c7a159 {
  border-radius: 12px
}

:where(.visual-refresh) .slider_c7a159 .grabber_c7a159,
:where(.visual-refresh) .mini_c7a159 .grabber_c7a159 {
  border-radius: 50%;
  width: var(--grabber-size);
  height: var(--grabber-size);
  margin-left: calc(-.5*var(--grabber-size));
  margin-top: calc(-.5*var(--grabber-size) + .5*var(--bar-offset));
  box-shadow: var(--shadow-low);
  box-sizing: border-box;
  border: 1px solid var(--border-normal)
}

:where(.visual-refresh) .slider_c7a159 .hasMarks_c7a159 .grabber_c7a159,
:where(.visual-refresh) .mini_c7a159 .hasMarks_c7a159 .grabber_c7a159 {
  margin-top: calc(12px + -.5*var(--grabber-size))
}

:where(.visual-refresh) .slider_c7a159 .bar_c7a159,
:where(.visual-refresh) .mini_c7a159 .bar_c7a159 {
  background-color: var(--interactive-muted);
  height: var(--bar-size);
  top: calc(.5*(24px - var(--bar-size)) + var(--bar-offset))
}

:where(.visual-refresh) .slider_c7a159 .hasMarks_c7a159 .bar_c7a159,
:where(.visual-refresh) .mini_c7a159 .hasMarks_c7a159 .bar_c7a159 {
  top: 34px
}

:where(.visual-refresh) .slider_c7a159 .barFill_c7a159,
:where(.visual-refresh) .mini_c7a159 .barFill_c7a159 {
  background-color: var(--blurple-50);
  border: 1px solid rgba(255, 255, 255, .1)
}

.sliderContainer_e13f88 {
  box-sizing: border-box;
  padding: 0 8px;
  overflow: visible
}

.slider_e13f88 {
  position: relative;
  top: -14px
}

:where(.visual-refresh) .slider_e13f88 {
  top: -4px
}

.backdrop_c9e2da {
  background-color: var(--black-500);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.layer_c9e2da {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-height: 0;
  padding-top: 40px;
  padding-bottom: 40px
}

.hidden_c9e2da * {
  pointer-events: none !important
}

.content_a4002a {
  padding-bottom: 20px
}

.visual-refresh .cancelButton_a4002a {
  margin-right: var(--spacing-12)
}

:root {
  --custom-paginator-round-button-size: 28px
}

.pageControlContainer_b48941 {
  bottom: 0;
  width: 100%;
  margin-top: 16px
}

.pageControl_b48941 {
  display: flex;
  align-items: center;
  margin: auto;
  padding: 4px 0;
  width: -moz-min-content;
  width: min-content
}

.pageButton_b48941 {
  font-weight: 600;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  height: var(--custom-paginator-round-button-size);
  width: -moz-min-content;
  width: min-content;
  min-width: 28px;
  min-width: var(--custom-paginator-round-button-size);
  padding: 6px;
  margin: 4px;
  cursor: pointer;
  color: var(--header-primary)
}

.pageButton_b48941:hover {
  color: var(--interactive-hover);
  background-color: var(--background-secondary-alt)
}

.roundButton_b48941 {
  min-width: 28px;
  min-width: var(--custom-paginator-round-button-size);
  border-radius: 14px
}

.endButton_b48941 {
  padding: 0 8px
}

.endButton_b48941:first-child {
  padding-right: 12px
}

.endButton_b48941:last-child {
  padding-left: 12px
}

.endButtonInner_b48941 {
  display: flex;
  align-items: center
}

.gap_b48941 {
  width: 28px;
  width: var(--custom-paginator-round-button-size);
  margin: 8px 4px;
  text-align: center;
  color: var(--text-normal)
}

.iconCaret_b48941 {
  display: inline-block;
  width: 1em;
  height: 1em
}

.iconCaret_b48941:first-child {
  margin-right: 4px
}

.iconCaret_b48941:last-child {
  margin-left: 4px
}

.jumpToPageInlineInput_b48941 {
  width: 50px
}

.jumpToPageInlineInput_b48941+.activeButton_b48941 {
  margin-left: 10px
}

.activeButton_b48941+.jumpToPageInlineInput_b48941 {
  margin-left: 6px
}

.enable-forced-colors .pageButton_b48941 {
  forced-color-adjust: none;
  background-color: ButtonFace;
  color: ButtonText
}

.enable-forced-colors .pageButton_b48941:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.enable-forced-colors .activeButton_b48941,
.enable-forced-colors .activeButton_b48941:hover {
  background-color: HighlightText;
  color: Highlight
}

.activeButton_b48941,
.activeButton_b48941:hover {
  color: var(--white-500);
  background-color: var(--brand-500)
}

.progress_c6473a {
  position: relative;
  width: 100%;
  overflow: hidden;
  transform: translatez(0)
}

.progressBar_c6473a {
  width: 100%
}

.animating_c6473a {
  transition: transform.2s ease-out
}

.xxsmall_c6473a {
  height: 2px;
  border-radius: 2px
}

.xsmall_c6473a {
  height: 4px;
  border-radius: 3px
}

.small_c6473a {
  height: 6px;
  border-radius: 3px
}

.large_c6473a {
  height: 8px;
  border-radius: 4px
}

.indeterminate_c6473a {
  position: absolute;
  width: auto;
  top: 0
}

.indeterminateBar1_c6473a {
  animation: indeterminate1_c6473a 2.1s infinite cubic-bezier(.65, .815, .735, .395);
  animation-play-state: paused
}

.indeterminateBar1_c6473a.animating_c6473a {
  animation-play-state: running
}

.indeterminateBar2_c6473a {
  animation: indeterminate2_c6473a 2.1s infinite cubic-bezier(.165, .84, .44, 1);
  animation-delay: 1.15s;
  animation-play-state: paused
}

.indeterminateBar2_c6473a.animating_c6473a {
  animation-play-state: running
}

@keyframes indeterminate1_c6473a {
  0% {
    left: -35%;
    right: 100%
  }

  60% {
    left: 100%;
    right: -90%
  }

  to {
    left: 100%;
    right: -90%
  }
}

@keyframes indeterminate2_c6473a {
  0% {
    left: -200%;
    right: 100%
  }

  60% {
    left: 107%;
    right: -8%
  }

  to {
    left: 107%;
    right: -8%
  }
}

.progressCircle_d6931b {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--blue-345)
}

.circle_d6931b {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}

.circleBackgroundAlt_d6931b {
  fill: hsl(var(--black-500-hsl)/.2)
}

.circleBackground_d6931b {
  fill: var(--background-accent)
}

.circleProgress_d6931b {
  fill: none
}

.circleOverlay_d6931b {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center
}

.progress_dfa3ef {
  position: relative;
  width: 100%;
  overflow: hidden;
  transform: translatez(0)
}

.progressBar_dfa3ef {
  position: absolute;
  width: 100%
}

.full-motion .animating_dfa3ef {
  transition: transform.2s ease-out
}

.xsmall_dfa3ef {
  height: 4px;
  border-radius: 3px
}

.small_dfa3ef {
  height: 6px;
  border-radius: 3px
}

.large_dfa3ef {
  height: 8px;
  border-radius: 4px
}

.selectableItem_d40acf {
  box-sizing: border-box;
  border-radius: 3px;
  height: 34px;
  padding: 8px 10px;
  margin: 2px 0;
  margin-right: 4px;
  cursor: pointer;
  color: var(--header-primary)
}

.selectableItem_d40acf.selected_d40acf {
  cursor: default
}

.selectableItemLabel_d40acf {
  font-size: 16px;
  position: relative;
  top: 1px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.theme-light .selectableItem_d40acf:hover,
.theme-light .selectableItem_d40acf:focus {
  background-color: var(--primary-200)
}

.theme-dark .selectableItem_d40acf:hover,
.theme-dark .selectableItem_d40acf:focus {
  background-color: hsl(var(--primary-700-hsl)/.6)
}

.enable-forced-colors .selectableItem_d40acf:hover,
.enable-forced-colors .selectableItem_d40acf:focus {
  outline: 1px solid Highlight;
  outline-offset: -1px
}

.popoutList_da8701 {
  border-radius: 5px;
  padding: 10px 10px 0;
  background: var(--background-secondary-alt)
}

.popoutListInput_da8701 {
  font-size: 14px;
  width: 100%
}

.popoutListEmpty_da8701 {
  cursor: default;
  box-sizing: border-box;
  padding: 8px 10px 0;
  margin: 2px 4px 2px 0;
  color: var(--header-primary)
}

.divider_da8701 {
  margin: 8px 0
}

.enable-forced-colors .popoutList_da8701 {
  border: 2px solid CanvasText
}

.radioBar_eb92a8 {
  border-left: 3px solid var(--radio-bar-accent-color);
  border-radius: 4px;
  display: grid;
  grid-gap: 8px;
  align-items: center
}

.radioBar_eb92a8.radioPositionLeft_eb92a8 {
  grid-template-columns: auto 1fr
}

.radioBar_eb92a8.radioPositionRight_eb92a8 {
  grid-template-columns: 1fr auto
}

.item_eb92a8[aria-checked=true] {
  color: var(--interactive-active)
}

.itemFilled_eb92a8[aria-checked=true] {
  background-color: var(--background-modifier-selected)
}

.radioIconForeground_eb92a8 {
  color: var(--interactive-active)
}

.item_eb92a8 {
  flex-direction: row;
  margin-bottom: 8px;
  color: var(--interactive-normal);
  cursor: pointer;
  border-radius: 3px;
  display: block
}

.item_eb92a8:hover:not([aria-checked=true]):not(.disabled_eb92a8) {
  color: var(--interactive-hover)
}

.item_eb92a8:active:not([aria-checked=true]):not(.disabled_eb92a8) {
  color: var(--interactive-active)
}

.collapsibleItem_eb92a8 {
  flex-direction: row;
  flex: 1;
  color: var(--interactive-normal);
  cursor: pointer;
  border-radius: 3px;
  display: block
}

.collapsibleItem_eb92a8:hover:not([aria-checked=true]):not(.disabled_eb92a8) {
  color: var(--interactive-hover)
}

.collapsibleItem_eb92a8:active:not([aria-checked=true]):not(.disabled_eb92a8) {
  color: var(--interactive-active)
}

.itemFilled_eb92a8 {
  background-color: var(--background-secondary)
}

.itemFilled_eb92a8:hover:not([aria-checked=true]):not(.disabled_eb92a8) {
  background-color: var(--background-modifier-hover)
}

.itemFilled_eb92a8:active:not([aria-checked=true]):not(.disabled_eb92a8) {
  background-color: var(--background-modifier-active)
}

.tooltipWrapper_eb92a8 {
  margin-bottom: 8px;
  display: flex;
  flex-direction: column
}

.tooltipWrapper_eb92a8:last-child {
  margin: 0
}

.disabled_eb92a8 {
  opacity: .3;
  cursor: not-allowed
}

.info_eb92a8 {
  margin-right: 8px;
  width: 100%;
  display: grid;
  grid-gap: 4px;
  align-items: center
}

.icon_eb92a8 {
  margin-left: 8px
}

.enable-forced-colors .radioBar_eb92a8 {
  border: 1px solid ButtonText
}

.enable-forced-colors .radioIconForeground_eb92a8 {
  color: Highlight
}

.enable-forced-colors .item_eb92a8[aria-checked=true] .radioBar_eb92a8 {
  border-color: Highlight
}

.enable-forced-colors .item_eb92a8.disabled_eb92a8 {
  opacity: 1
}

.enable-forced-colors .item_eb92a8.disabled_eb92a8,
.enable-forced-colors .item_eb92a8.disabled_eb92a8:hover {
  color: GrayText
}

.enable-forced-colors .item_eb92a8.disabled_eb92a8 .radioBar_eb92a8 {
  border-color: GrayText
}

.enable-forced-colors .item_eb92a8.disabled_eb92a8 .radioIconForeground_eb92a8 {
  color: GrayText
}

:where(.visual-refresh) .radioBar_eb92a8,
:where(.visual-refresh) .item_eb92a8[aria-checked=true],
:where(.visual-refresh) .itemFilled_eb92a8[aria-checked=true],
:where(.visual-refresh) .item_eb92a8 {
  border-radius: var(--radius-sm)
}

:where(.visual-refresh) .radioIndicator_eb92a8 {
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: transparent
}

:where(.visual-refresh) .radioBar_eb92a8 {
  padding: 16px !important
}

:where(.visual-refresh) .item_eb92a8[aria-checked=true] {
  color: var(--text-primary)
}

:where(.visual-refresh) .itemFilled_eb92a8[aria-checked=true] {
  background-color: var(--background-mod-strong)
}

:where(.visual-refresh) .itemFilled_eb92a8 {
  background-color: var(--background-mod-subtle)
}

:where(.visual-refresh) .itemFilled_eb92a8:hover:not([aria-checked=true]):not(.disabled_eb92a8) {
  background-color: var(--background-mod-normal)
}

:where(.visual-refresh) .itemFilled_eb92a8:active:not([aria-checked=true]):not(.disabled_eb92a8) {
  background-color: var(--background-mod-strong)
}

.visual-refresh.full-motion .item_eb92a8 {
  transition: background-color.1s ease, color.1s ease
}

.svg_a26d7b {
  vertical-align: text-bottom;
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  forced-color-adjust: none;
  flex-shrink: 0
}

.background_a26d7b {
  fill: var(--background-secondary-alt)
}

.dotBorderColor_a26d7b {
  opacity: .4
}

.roleCircle_a26d7b {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  padding: 0;
  margin: 0 4px;
  flex-shrink: 0;
  forced-color-adjust: none
}

.dotBorderBase_a26d7b {
  fill: var(--header-primary)
}

.roleDotRight_de3235 {
  margin-left: .25rem
}

.roleDotLeft_de3235 {
  margin-right: .25rem
}

.tabItem_a18ec1 {
  cursor: pointer;
  font-size: 13px;
  margin-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px
}

.tabContainer_a18ec1 {
  display: flex;
  flex-direction: row;
  color: var(--text-muted-on-default)
}

.pillContainer_a18ec1 {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  background-color: var(--background-secondary-alt);
  border-radius: 8px
}

.pillItem_a18ec1 {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  cursor: pointer;
  padding: 8px 16px;
  border-radius: 8px;
  color: var(--text-muted)
}

.pillItemSelected_a18ec1 {
  background-color: var(--background-modifier-accent);
  box-shadow: var(--elevation-high);
  color: var(--interactive-active)
}

.theme-dark .tabItemSelected_a18ec1 {
  border-bottom: 2px solid var(--primary-100)
}

.theme-light .tabItemSelected_a18ec1 {
  border-bottom: 2px solid var(--primary-500)
}

.tabItemSelected_a18ec1 {
  color: var(--header-primary)
}

.select_f6639d {
  border: 1px solid transparent;
  padding: 8px 8px 8px 12px;
  cursor: pointer;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  border-radius: 4px
}

.wrapper_f6639d,
.select_f6639d {
  color: var(--text-normal);
  font-weight: 500
}

.searchable_f6639d {
  padding-top: 8px;
  padding-bottom: 8px
}

.searchInput_f6639d {
  cursor: pointer;
  background: inherit;
  color: inherit;
  border: none;
  font-size: 16px;
  padding: 0;
  width: 100%
}

.searchInput_f6639d.multi_f6639d {
  width: auto;
  height: 32px;
  margin-left: 4px
}

.editing_f6639d {
  font-weight: 400
}

.label_f6639d {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 16px;
  left: 12px
}

.open_f6639d {
  border-radius: 4px 4px 0 0;
  border-bottom-color: transparent
}

.selectPositionTop_f6639d.open_f6639d {
  border-radius: 0 0 4px 4px
}

.disabled_f6639d,
.disabled_f6639d * {
  cursor: not-allowed;
  opacity: .6
}

.searchInput_f6639d.multi_f6639d.hidden_f6639d {
  opacity: 0;
  width: 0
}

.iconsContainer_f6639d {
  height: 42px
}

.iconsCenter_f6639d {
  height: 100%;
  display: flex;
  align-items: center
}

.value_f6639d {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.placeholder_f6639d {
  color: var(--text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.measurement_f6639d {
  position: absolute;
  visibility: hidden;
  pointer-events: none;
  border: 1px solid transparent;
  box-sizing: border-box
}

.lookFilled_f6639d.select_f6639d {
  background-color: var(--input-background);
  border-color: var(--input-background)
}

.popout_f6639d {
  box-sizing: border-box;
  border: 1px solid var(--background-tertiary);
  background: var(--background-secondary);
  border-radius: 0 0 4px 4px
}

.popout_f6639d.popoutPositionTop_f6639d {
  border-radius: 4px 4px 0 0
}

.lookFilled_f6639d.popout_f6639d {
  border-radius: 0 0 3px 3px
}

.lookFilled_f6639d.popout_f6639d.popoutPositionTop_f6639d {
  border-radius: 3px 3px 0 0
}

.lookFilled_f6639d.select_f6639d:hover.option_f6639d,
.lookFilled_f6639d.option_f6639d {
  border-color: var(--brand-500);
  border-bottom-color: var(--background-tertiary)
}

.option_f6639d {
  padding: 12px;
  cursor: pointer;
  color: var(--interactive-normal);
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  font-weight: 500;
  box-sizing: border-box
}

.option_f6639d:focus,
.option_f6639d:hover,
.option_f6639d.focused_f6639d {
  background-color: var(--background-modifier-hover);
  color: var(--interactive-hover)
}

.option_f6639d[aria-selected=true]:not(.option_f6639d.multi_f6639d) {
  color: var(--interactive-active);
  background-color: var(--background-modifier-selected)
}

.selectedIcon_f6639d {
  color: var(--brand-500)
}

.icons_f6639d {
  display: flex;
  align-items: center;
  gap: 4px
}

.value_f6639d {
  display: flex;
  align-items: center;
  gap: 8px
}

.clear_f6639d {
  display: block;
  cursor: pointer;
  pointer-events: all
}

.dropdownIcon_f6639d {
  cursor: pointer;
  pointer-events: all
}

.noResults_f6639d {
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--background-secondary);
  width: 100%
}

.loading_f6639d {
  height: 40px;
  display: flex;
  justify-content: center
}

.loadingSpinner_f6639d {
  background-color: var(--interactive-active)
}

.wrapper_f6639d {
  display: grid;
  grid-template-columns: 1fr auto
}

.wrapper_f6639d .select_f6639d {
  grid-column: 1/span 2;
  grid-row: 1;
  padding: 10px 12px;
  padding-right: calc(24px + var(--icons-width))
}

.wrapper_f6639d .select_f6639d.multi_f6639d {
  padding-left: 4px;
  padding-bottom: 4px;
  padding-top: 0
}

.wrapper_f6639d .icons_f6639d {
  grid-column: 2;
  grid-row: 1;
  margin-right: 8px;
  pointer-events: none
}

.wrapper_f6639d .value_f6639d {
  display: flex
}

.wrapper_f6639d .value_f6639d.multi_f6639d {
  display: block;
  white-space: normal
}

.wrapper_f6639d .searchInput_f6639d {
  flex: 1 0 0
}

.searchableSelect_f6639d .option_f6639d {
  display: grid;
  grid-template-areas: "prefix content suffix selectedIcon";
  grid-template-columns: auto 1fr auto auto;
  align-content: center
}

.searchableSelect_f6639d .prefix_f6639d {
  grid-area: prefix;
  margin-right: 8px
}

.searchableSelect_f6639d .suffix_f6639d {
  grid-area: suffix;
  margin-left: 8px;
  margin-right: 8px
}

.searchableSelect_f6639d .content_f6639d {
  grid-area: content;
  display: flex;
  min-width: 0
}

.searchableSelect_f6639d .selectedIcon_f6639d {
  grid-area: selectedIcon
}

.optionPillWrapper_f6639d {
  padding: 0;
  min-width: auto;
  width: auto
}

.optionPillContainer_f6639d {
  display: inline
}

.optionPillItem_f6639d {
  display: inline-flex;
  align-items: center;
  margin-right: 4px
}

.optionPill_f6639d {
  display: inline-flex;
  align-items: center;
  background: var(--background-primary);
  color: var(--interactive-active);
  padding: 6px 8px;
  border-radius: 2px;
  font-size: 16px;
  line-height: 20px
}

.optionPillBtn_f6639d {
  padding: 0;
  min-width: 0;
  height: auto;
  min-height: auto
}

.deleteOptionIcon_f6639d {
  color: var(--interactive-normal);
  margin-left: 8px
}

.optionPillItem_f6639d,
.searchInput_f6639d.multi_f6639d {
  margin-top: 4px
}

.no-webkit-scrollbar .noScrollbar_f6639d {
  scrollbar-width: none
}

.noScrollbar_f6639d::-webkit-scrollbar {
  width: 0;
  height: 0
}

.multiSelectCheckbox_f6639d {
  grid-area: selectedIcon;
  border-radius: 4px;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  display: flex;
  align-items: center
}

.multiSelectCheckbox_f6639d.unchecked_f6639d {
  border: 2px solid var(--interactive-normal)
}

.multiSelectCheckbox_f6639d.checked_f6639d {
  border: 1px solid var(--brand-500);
  background: var(--brand-500)
}

.multiSelectCheck_f6639d {
  color: var(--white-500)
}

.optionPill_f6639d {
  display: grid;
  grid-template-areas: "prefix content suffix clearIcon";
  grid-template-columns: auto 1fr auto auto;
  align-content: center
}

.optionPill_f6639d .prefix_f6639d {
  grid-area: prefix;
  margin-right: 8px
}

.optionPill_f6639d .suffix_f6639d {
  grid-area: suffix;
  margin-left: 8px;
  margin-right: 8px
}

.optionPill_f6639d .content_f6639d {
  grid-area: content
}

.optionPill_f6639d .deleteOptionIcon_f6639d {
  grid-area: clearIcon
}

.enable-forced-colors .select_f6639d {
  background-color: Canvas;
  border-color: ButtonText
}

.enable-forced-colors .open_f6639d {
  border-color: Highlight
}

.enable-forced-colors .disabled_f6639d,
.enable-forced-colors .disabled_f6639d * {
  border-color: GrayText;
  color: GrayText;
  opacity: 1
}

.enable-forced-colors .placeholder_f6639d {
  color: GrayText
}

.enable-forced-colors .option_f6639d {
  forced-color-adjust: none;
  background-color: Canvas;
  border: 1px solid Canvas;
  color: CanvasText
}

.enable-forced-colors .option_f6639d:focus,
.enable-forced-colors .option_f6639d:hover,
.enable-forced-colors .option_f6639d.focused_f6639d {
  background-color: ButtonFace;
  border-color: ButtonText;
  color: ButtonText
}

.enable-forced-colors .option_f6639d[aria-selected=true] {
  background-color: HighlightText !important;
  color: Highlight !important
}

.enable-forced-colors .option_f6639d[aria-selected=true]:focus,
.enable-forced-colors .option_f6639d[aria-selected=true]:hover,
.enable-forced-colors .option_f6639d[aria-selected=true].focused_f6639d {
  border-color: Highlight !important
}

.enable-forced-colors .selectedIcon_f6639d {
  color: Highlight
}

:where(.visual-refresh) .select_f6639d,
:where(.visual-refresh) .iconsContainer_f6639d {
  height: 46px
}

:where(.visual-refresh) .wrapper_f6639d .select_f6639d.multi_f6639d {
  padding-left: 6px;
  padding-bottom: 6px
}

:where(.visual-refresh) .lookFilled_f6639d.select_f6639d {
  background-color: var(--input-background)
}

:where(.visual-refresh) .lookFilled_f6639d.select_f6639d {
  border-radius: var(--radius-sm);
  border: 1px solid var(--input-border)
}

:where(.visual-refresh) .popout_f6639d.popoutPositionTop_f6639d,
:where(.visual-refresh) .lookFilled_f6639d.popout_f6639d,
:where(.visual-refresh) .lookFilled_f6639d.popout_f6639d.popoutPositionTop_f6639d,
:where(.visual-refresh) .popout_f6639d {
  background-color: var(--background-surface-higher);
  border-radius: 8px;
  border: 1px solid var(--border-subtle)
}

:where(.visual-refresh) .placeholder_f6639d {
  color: var(--text-secondary)
}

:where(.visual-refresh) .popout_f6639d {
  margin: 0;
  background-color: var(--background-surface-higher);
  border-color: var(--border-subtle)
}

:where(.visual-refresh) .popout_f6639d:not(.popoutPositionTop_f6639d) {
  margin-top: 8px
}

:where(.visual-refresh) .popout_f6639d.popoutPositionTop_f6639d {
  margin-bottom: 8px
}

:where(.visual-refresh) .option_f6639d {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: var(--text-normal)
}

:where(.visual-refresh) .option_f6639d[aria-selected=true] {
  font-weight: 500;
  color: var(--text-normal)
}

:where(.visual-refresh) .option_f6639d[aria-selected=true]:hover {
  background-color: var(--bg-mod-subtle)
}

:where(.visual-refresh) .option_f6639d:hover {
  background-color: var(--bg-mod-subtle)
}

:where(.visual-refresh) .optionPillItem_f6639d {
  margin-right: 6px
}

:where(.visual-refresh) .optionPillItem_f6639d button {
  background-color: var(--background-surface-higher)
}

:where(.visual-refresh) .optionPillItem_f6639d button .optionPill_f6639d {
  border-radius: 4px;
  border: 1px solid var(--border-faint)
}

:where(.visual-refresh) .optionPillItem_f6639d,
:where(.visual-refresh) .searchInput_f6639d.multi_f6639d {
  margin-top: 6px
}

:where(.visual-refresh) .optionPill_f6639d {
  font-size: 14px
}

:where(.visual-refresh) .optionPill_f6639d .deleteOptionIcon_f6639d {
  width: 16px;
  height: 16px
}

:where(.visual-refresh) .multiSelectCheckbox_f6639d {
  border-radius: 6px
}

:where(.visual-refresh) .multiSelectCheckbox_f6639d.unchecked_f6639d {
  border: 1px solid var(--border-strong)
}

.wrapper_cdbcb1 {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: baseline
}

.icon_cdbcb1 {
  opacity: .3;
  align-self: center;
  min-width: 16px
}

.title_cdbcb1 {
  margin: 0 4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.subtitle_cdbcb1 {
  margin-left: 8px;
  min-width: 48px;
  text-transform: uppercase;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--input-placeholder-text)
}

.enable-forced-colors .icon_cdbcb1,
.enable-forced-colors .lighten_cdbcb1 {
  opacity: 1
}

.enable-forced-colors .title_cdbcb1,
.enable-forced-colors .subtitle_cdbcb1 {
  color: inherit
}

.transitionGroup_ae36eb {
  overflow: hidden;
  position: relative
}

.measurement_ae36eb {
  overflow: hidden
}

.measurementFill_ae36eb {
  flex: 0 0 auto;
  width: 100%
}

.measurementFillStatic_ae36eb {
  height: 100%
}

.animatedNode_ae36eb {
  width: 100%
}

.header_a0,
.item_a0 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  flex-shrink: 0
}

.headerText_a0 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden
}

.header_a0 {
  color: var(--channels-default)
}

.item_a0 {
  position: relative;
  font-size: 16px;
  line-height: 20px;
  cursor: pointer;
  font-weight: 500
}

.themed_a0.item_a0,
.brand_a0.item_a0 {
  color: var(--interactive-normal)
}

.themed_a0.item_a0:hover,
.brand_a0.item_a0:hover {
  color: var(--interactive-hover)
}

.themed_a0.item_a0:active,
.brand_a0.item_a0:active {
  color: var(--interactive-active)
}

.separator_a0 {
  background-color: var(--background-modifier-accent)
}

.selected_a0.item_a0,
.selected_a0.item_a0:hover {
  cursor: default;
  color: var(--interactive-active)
}

.selected_a0 {
  cursor: default
}

.disabled_a0.item_a0,
.disabled_a0.item_a0:hover {
  cursor: default;
  color: var(--interactive-muted)
}

.visual-refresh .themed_a0.item_a0,
.visual-refresh .brand_a0.item_a0 {
  color: var(--text-secondary)
}

.visual-refresh .themed_a0.item_a0:hover,
.visual-refresh .brand_a0.item_a0:hover {
  color: var(--text-primary)
}

.visual-refresh .themed_a0.item_a0:active,
.visual-refresh .brand_a0.item_a0:active {
  color: var(--text-primary)
}

.visual-refresh .separator_a0 {
  background-color: var(--border-subtle)
}

.visual-refresh .selected_a0.item_a0,
.visual-refresh .selected_a0.item_a0:hover {
  cursor: default;
  color: var(--text-primary)
}

.visual-refresh .selected_a0 {
  cursor: default
}

.visual-refresh .disabled_a0.item_a0,
.visual-refresh .disabled_a0.item_a0:hover {
  cursor: default;
  color: var(--text-muted)
}

.side_a0 {
  display: flex;
  flex: 1;
  flex-direction: column
}

.side_a0 .header_a0,
.side_a0 .item_a0 {
  padding: 6px 10px
}

.side_a0 .header_a0:first-child {
  padding-top: 0
}

.side_a0 .item_a0 {
  padding-top: 6px;
  padding-bottom: 6px;
  margin-bottom: 2px;
  border-radius: 4px
}

.side_a0 .separator_a0 {
  margin: 8px 10px;
  height: 1px
}

.top_a0 {
  display: flex;
  flex-direction: row
}

.top_a0 .item_a0 {
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: transparent
}

.top_a0 .disabled_a0.item_a0 {
  cursor: not-allowed
}

.top_a0 .themed_a0.item_a0:hover {
  border-bottom-color: var(--interactive-hover)
}

.top_a0 .themed_a0.item_a0:active {
  border-bottom-color: var(--interactive-active)
}

.top_a0 .selected_a0.themed_a0.item_a0 {
  border-bottom-color: var(--interactive-active)
}

.top_a0 .brand_a0.item_a0:hover {
  border-bottom-color: var(--brand-500)
}

.top_a0 .brand_a0.item_a0:active {
  border-bottom-color: var(--control-brand-foreground)
}

.top_a0 .brand_a0.selected_a0.item_a0 {
  border-bottom-color: var(--control-brand-foreground)
}

.top_a0 .disabled_a0.themed_a0.item_a0:hover,
.top_a0 .disabled_a0.brand_a0.item_a0:hover {
  border-bottom-color: transparent
}

.topPill_a0 {
  display: flex;
  flex-direction: row
}

.topPill_a0 .item_a0 {
  border-radius: 4px;
  margin: 0 8px;
  padding: 2px 8px
}

.topPill_a0 .separator_a0 {
  width: 1px
}

.topPill_a0 .themed_a0.item_a0:hover:not(.disabled_a0),
.side_a0 .themed_a0.item_a0:hover:not(.disabled_a0) {
  background-color: var(--background-modifier-hover)
}

.topPill_a0 .themed_a0.item_a0:active:not(.disabled_a0),
.side_a0 .themed_a0.item_a0:active:not(.disabled_a0) {
  background-color: var(--background-modifier-active)
}

.topPill_a0 .themed_a0.selected_a0.item_a0,
.side_a0 .themed_a0.selected_a0.item_a0 {
  background-color: var(--background-modifier-selected)
}

.visual-refresh .topPill_a0 .item_a0 {
  border-radius: var(--radius-sm);
  margin: 0 8px;
  padding: 4px 12px;
  min-height: 32px;
  cursor: pointer
}

.visual-refresh .topPill_a0 .item_a0.disabled_a0 {
  cursor: not-allowed
}

.visual-refresh .topPill_a0 .themed_a0.item_a0:hover:not(.disabled_a0),
.visual-refresh .side_a0 .themed_a0.item_a0:hover:not(.disabled_a0) {
  background-color: var(--button-secondary-background-hover)
}

.visual-refresh .topPill_a0 .themed_a0.item_a0:active:not(.disabled_a0),
.visual-refresh .side_a0 .themed_a0.item_a0:active:not(.disabled_a0) {
  background-color: var(--button-secondary-background-active)
}

.visual-refresh .topPill_a0 .themed_a0.selected_a0.item_a0,
.visual-refresh .side_a0 .themed_a0.selected_a0.item_a0 {
  background-color: var(--button-secondary-background)
}

.visual-refresh.full-motion .item_a0 {
  transition: background-color.3s ease
}

.enable-forced-colors .item_a0 {
  background-color: ButtonFace !important;
  color: ButtonText !important;
  forced-color-adjust: none;
  border: 1px solid ButtonFace
}

.enable-forced-colors .item_a0:hover {
  background-color: ButtonFace !important;
  color: ButtonText !important
}

.enable-forced-colors .item_a0:hover {
  border-color: ButtonText
}

.enable-forced-colors .selected_a0.item_a0,
.enable-forced-colors .selected_a0.item_a0:hover,
.enable-forced-colors .item_a0[aria-selected=true],
.enable-forced-colors .item_a0[aria-selected=true]:hover {
  background-color: HighlightText !important;
  color: Highlight !important
}

.enable-forced-colors .selected_a0.item_a0,
.enable-forced-colors .selected_a0.item_a0:hover,
.enable-forced-colors .item_a0[aria-selected=true],
.enable-forced-colors .item_a0[aria-selected=true]:hover {
  border-color: Highlight
}

.enable-forced-colors .disabled_a0.item_a0,
.enable-forced-colors .disabled_a0.item_a0:hover {
  background-color: Canvas !important;
  border-color: Canvas !important;
  color: GrayText !important
}

.enable-forced-colors .top_a0 .item_a0 {
  border-radius: 4px 4px 0 0;
  padding-left: 4px;
  padding-right: 4px
}

:where(.visual-refresh) .top_a0 {
  border-bottom: 1px solid var(--border-subtle);
  border-bottom-color: var(--border-subtle)
}

:where(.visual-refresh) .top_a0 .item_a0 {
  border-bottom: none !important
}

:where(.visual-refresh) .top_a0 .item_a0 {
  --selected-tab-item-color: var(--interactive-active);
  padding-bottom: 16px;
  margin-bottom: -1px;
  font-size: 14px;
  line-height: 14px;
  font-weight: 600;
  position: relative;
  --tab-item-color: var(--text-primary)
}

:where(.visual-refresh) .top_a0 .item_a0:hover:after,
:where(.visual-refresh) .top_a0 .item_a0.selected_a0:after {
  content: "";
  position: absolute;
  top: 100%;
  width: 100%;
  height: 2px;
  left: 0;
  margin-top: -2px;
  background: var(--selected-tab-item-color);
  z-index: 1;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px
}

:where(.visual-refresh) .top_a0 .item_a0.selected_a0 {
  color: var(--selected-tab-item-color)
}

:where(.visual-refresh) .top_a0 .item_a0.brand_a0 {
  --selected-tab-item-color: var(--text-brand)
}

:where(.visual-refresh) .top_a0 .item_a0+.item_a0 {
  margin-left: 24px
}

.textArea_a2b402 {
  height: auto;
  resize: none
}

.resizeable_a2b402 {
  resize: auto
}

.inputMaxLength_a2b402 {
  position: relative
}

.flex_a2b402 {
  display: flex;
  flex: 1 1 auto
}

.maxLength_a2b402,
.characterCount_a2b402 {
  position: absolute;
  bottom: 12px;
  right: 14px;
  font-size: 12px;
  font-family: var(--font-code);
  pointer-events: none;
  color: var(--text-muted)
}

.errorOverflow_a2b402 {
  color: var(--text-danger)
}

.errorMessage_a2b402 {
  margin-top: 1px
}

.select_caf9a3 {
  background-color: var(--deprecated-text-input-bg);
  border: 1px solid var(--deprecated-text-input-border);
  height: 40px
}

.containerTop_b18d5c {
  display: flex;
  flex-direction: column;
  top: 36px;
  z-index: 4999;
  position: fixed;
  left: 50%;
  transform: translatex(-50%)
}

.containerBottom_b18d5c {
  display: flex;
  flex-direction: column;
  bottom: 140px;
  z-index: 4999;
  position: fixed;
  left: 50%;
  transform: translatex(-50%)
}

.container_ea8654 {
  border-radius: var(--radius-sm);
  background-color: var(--background-secondary);
  box-shadow: var(--shadow-low);
  width: 100%
}

.toolbar_ea8654,
.footer_ea8654 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px
}

.table_ea8654 {
  color: var(--text-normal);
  border-collapse: collapse;
  width: 100%;
  overflow: scroll;
  table-layout: fixed
}

.header_ea8654 {
  border-bottom: 1px solid var(--divider-strong);
  border-top: 1px solid var(--divider-subtle)
}

.body_ea8654 {
  padding: 8px
}

.row_ea8654 {
  transition: background-color.1s ease;
  outline: none;
  border-bottom: 1px solid var(--divider-subtle);
  white-space: nowrap
}

.row_ea8654[data-focus-visible] {
  box-shadow: 0 0 0 4px var(--blue-345)
}

.row_ea8654[data-pressed] {
  background-color: var(--background-modifier-active)
}

.row_ea8654[data-hovered] {
  background-color: var(--background-modifier-hover)
}

.row_ea8654[aria-selected=true] {
  background-color: var(--background-modifier-selected)
}

.row_ea8654:last-child {
  border-bottom: none
}

.column_ea8654 {
  outline: none;
  padding: 16px
}

.column_ea8654[data-focus-visible] {
  box-shadow: 0 0 0 4px var(--blue-345)
}

.columnText_ea8654 {
  text-align: left
}

.cell_ea8654 {
  outline: none;
  padding: 16px
}

.cell_ea8654[data-focus-visible] {
  box-shadow: 0 0 0 4px var(--blue-345)
}

.backdrop_e4f2ae {
  position: fixed;
  top: 0;
  right: 0;
  right: var(--devtools-sidebar-width, 0);
  bottom: 0;
  left: 0;
  transform: translatez(0)
}

.backdrop_e4f2ae.withLayer_e4f2ae {
  pointer-events: all
}

.breadcrumbs_befa4a {
  overflow: hidden
}

.breadcrumbWrapper_befa4a {
  font-weight: 600;
  display: flex;
  align-items: center;
  flex-grow: 0;
  color: var(--text-muted)
}

.activeBreadcrumb_befa4a {
  color: var(--interactive-active)
}

.breadcrumbFinalWrapper_befa4a,
.breadcrumbClickWrapper_befa4a {
  overflow: hidden
}

.breadcrumb_befa4a {
  font-size: 14px
}

.breadcrumbArrow_befa4a {
  width: 18px;
  height: 18px
}

.interactiveBreadcrumb_befa4a {
  cursor: pointer
}

.group_aa2afb {
  display: flex;
  box-sizing: border-box
}

.item_aa2afb {
  justify-content: center;
  align-items: center;
  display: flex;
  padding: 0;
  background: transparent;
  box-sizing: border-box;
  cursor: pointer;
  border-width: 1px;
  border-left-width: 0;
  border-style: solid;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.item_aa2afb:first-child {
  border-left-width: 1px;
  border-radius: 3px 0 0 3px
}

.item_aa2afb:last-child {
  border-radius: 0 3px 3px 0
}

.item_aa2afb:disabled {
  opacity: .3;
  cursor: not-allowed
}

.theme-light .item_aa2afb {
  border-color: var(--primary-200)
}

.theme-dark .item_aa2afb {
  border-color: var(--primary-800)
}

.btnHamburger_a3ca40 {
  width: 60px;
  height: 45px;
  position: relative;
  cursor: pointer;
  background: transparent;
  transform: scale(.3);
  margin-right: -20px;
  padding: 8px
}

.btnHamburger_a3ca40 span {
  display: block;
  position: absolute;
  height: 9px;
  width: 50%;
  background: #fff;
  opacity: 1;
  transform: rotate(0);
  transition: .25s ease-in-out
}

@supports(color:rgba(0, 0, 0, 0))and (top:var(--f)) {
  .btnHamburger_a3ca40 span {
    background: hsl(0 calc(0%*var(--saturation-factor, 1))100%)
  }
}

.btnHamburger_a3ca40 span:nth-child(2n) {
  left: 50%;
  border-radius: 0 9px 9px 0
}

.btnHamburger_a3ca40 span:nth-child(odd) {
  left: 0;
  border-radius: 9px 0 0 9px
}

.btnHamburger_a3ca40 span:first-child,
.btnHamburger_a3ca40 span:nth-child(2) {
  top: 0
}

.btnHamburger_a3ca40 span:nth-child(3),
.btnHamburger_a3ca40 span:nth-child(4) {
  top: 18px
}

.btnHamburger_a3ca40 span:nth-child(5),
.btnHamburger_a3ca40 span:nth-child(6) {
  top: 36px
}

.theme-dark .btnHamburger_a3ca40 span {
  background: #fff
}

@supports(color:rgba(0, 0, 0, 0))and (top:var(--f)) {
  .theme-dark .btnHamburger_a3ca40 span {
    background: hsl(0 calc(0%*var(--saturation-factor, 1))100%)
  }
}

.theme-light .btnHamburger_a3ca40 span {
  background: #000
}

@supports(color:rgba(0, 0, 0, 0))and (top:var(--f)) {
  .theme-light .btnHamburger_a3ca40 span {
    background: hsl(0 calc(0%*var(--saturation-factor, 1))0%)
  }
}

.btnHamburgerOpen_a3ca40 span:first-child,
.btnHamburgerOpen_a3ca40 span:nth-child(6) {
  transform: rotate(45deg)
}

.btnHamburgerOpen_a3ca40 span:nth-child(2),
.btnHamburgerOpen_a3ca40 span:nth-child(5) {
  transform: rotate(315deg)
}

.btnHamburgerOpen_a3ca40 span:first-child {
  left: 5px;
  top: 7px
}

.btnHamburgerOpen_a3ca40 span:nth-child(2) {
  left: calc(50% - 5px);
  top: 7px
}

.btnHamburgerOpen_a3ca40 span:nth-child(3) {
  left: -50%;
  opacity: 0
}

.btnHamburgerOpen_a3ca40 span:nth-child(4) {
  left: 100%;
  opacity: 0
}

.btnHamburgerOpen_a3ca40 span:nth-child(5) {
  left: 5px;
  top: 29px
}

.btnHamburgerOpen_a3ca40 span:nth-child(6) {
  left: calc(50% - 5px);
  top: 29px
}

.platform-osx .container_fc4f04 {
  -webkit-app-region: drag
}

.hamburger_fc4f04 {
  flex: 0 0 auto;
  margin-right: -4px
}

.container_fc4f04 {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  width: 100%;
  flex: 0 0 auto;
  padding: 8px;
  min-height: var(--custom-channel-header-height);
  box-sizing: border-box;
  font-size: 16px;
  line-height: 20px;
  cursor: default;
  z-index: 2;
  color: var(--text-normal);
  --__header-bar-background: var(--background-primary)
}

.container_fc4f04 * {
  box-sizing: border-box
}

.container_fc4f04.transparent_fc4f04 {
  background: transparent
}

.visual-refresh .container_fc4f04 {
  --__header-bar-background: var(--background-base-lower);
  border-bottom: 1px solid var(--border-subtle);
  padding-left: 20px
}

.upperContainer_fc4f04 {
  display: flex;
  flex: 1
}

.children_fc4f04 {
  position: relative;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  min-width: 0;
  overflow: hidden
}

.children_fc4f04:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 8px;
  height: 100%
}

.custom-theme-background .children_fc4f04:after {
  content: normal
}

.children_fc4f04.scrollable_fc4f04:after {
  display: none
}

.theme-dark .children_fc4f04:after {
  background: linear-gradient(to right, rgba(54, 57, 63, 0)0%, var(--__header-bar-background)100%)
}

.theme-light .children_fc4f04:after {
  background: linear-gradient(to right, rgba(255, 255, 255, 0)0%, var(--__header-bar-background)100%)
}

.transparent_fc4f04 .children_fc4f04:after {
  display: none
}

.toolbar_fc4f04 {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  min-width: 0
}

.title_fc4f04 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
  white-space: nowrap
}

.titleWrapper_fc4f04 {
  margin: 0 8px 0 0;
  flex: 0 0 auto;
  min-width: auto
}

.visual-refresh .toolbar_fc4f04 {
  gap: 12px
}

.visual-refresh .toolbar_fc4f04 .iconWrapper_fc4f04 {
  margin: 0
}

.visual-refresh .titleWrapper_fc4f04 {
  padding-left: var(--spacing-4)
}

.clickable_fc4f04 {
  cursor: pointer
}

.iconWrapper_fc4f04 {
  position: relative;
  height: 24px;
  width: auto;
  flex: 0 0 auto;
  margin: 0 8px
}

.icon_fc4f04 {
  display: block;
  width: 24px;
  height: 24px;
  -webkit-app-region: no-drag
}

.visual-refresh .icon_fc4f04 {
  width: 20px;
  height: 20px
}

.visual-refresh .iconWrapper_fc4f04 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  width: 24px;
  margin: 0
}

.visual-refresh .toolbar_fc4f04 {
  gap: var(--space-8);
  padding-left: var(--space-8)
}

.icon_fc4f04 {
  color: var(--channel-icon)
}

.clickable_fc4f04 .icon_fc4f04 {
  color: var(--interactive-normal)
}

.clickable_fc4f04:hover .icon_fc4f04 {
  color: var(--interactive-hover)
}

.selected_fc4f04 .icon_fc4f04 {
  color: var(--interactive-active)
}

.visual-refresh .icon_fc4f04 {
  color: var(--channel-icon)
}

.visual-refresh .clickable_fc4f04 .icon_fc4f04 {
  color: var(--icon-tertiary)
}

.visual-refresh .clickable_fc4f04:hover .icon_fc4f04 {
  color: var(--icon-secondary)
}

.visual-refresh .selected_fc4f04 .icon_fc4f04 {
  color: var(--icon-primary)
}

.iconBadge_fc4f04 {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: var(--status-danger)
}

.iconBadgeTop_fc4f04 {
  right: 2px;
  top: 2px
}

.iconBadgeBottom_fc4f04 {
  right: 2px;
  bottom: 2px
}

.divider_fc4f04 {
  width: 1px;
  height: 24px;
  margin: 0 8px;
  flex: 0 0 auto;
  background: var(--background-modifier-accent)
}

:where(.visual-refresh) .divider_fc4f04 {
  margin: 0 4px;
  background: var(--border-subtle)
}

:where(.visual-refresh) .dot_fc4f04 {
  margin: 0 4px;
  color: var(--background-mod-strong);
  width: 4px;
  height: 4px;
  align-items: center
}

.caret_fc4f04 {
  color: var(--text-muted);
  flex-shrink: 0;
  width: 10px;
  margin: 0 2px
}

.visual-refresh .caret_fc4f04 {
  color: var(--background-mod-strong)
}

.enable-forced-colors .container_fc4f04 {
  border-bottom: 2px solid CanvasText
}

.enable-forced-colors .clickable_fc4f04 .icon_fc4f04 {
  color: inherit
}

.enable-forced-colors .clickable_fc4f04 {
  background-color: ButtonFace;
  border-radius: 4px;
  color: ButtonText
}

.scrollable_fc4f04 {
  overflow: auto;
  -ms-overflow-style: none
}

.no-webkit-scrollbar .scrollable_fc4f04 {
  scrollbar-width: none
}

.scrollable_fc4f04::-webkit-scrollbar {
  display: none
}

.theme-midnight .container_fc4f04 {
  border-bottom: 1px solid var(--background-modifier-accent)
}

.theme-dark .themed_fc4f04 {
  background: var(--bg-overlay-2, var(--__header-bar-background))
}

.theme-dark .themedMobile_fc4f04 {
  background: var(--bg-overlay-4, var(--__header-bar-background))
}

.theme-light .themed_fc4f04 {
  background: var(--bg-overlay-1, var(--__header-bar-background))
}

.theme-light .themedMobile_fc4f04 {
  background: var(--bg-overlay-3, var(--__header-bar-background))
}

.wrapper_a50813 {
  width: auto
}

.saturation_a50813 {
  position: relative;
  width: auto;
  height: 150px;
  cursor: crosshair
}

.saturation_a50813>div,
.saturation_a50813>div>div {
  border-radius: 3px
}

.saturation_a50813>div>div>div {
  cursor: crosshair !important
}

.hue_a50813 {
  height: 8px;
  margin: 8px 0;
  position: relative;
  cursor: crosshair
}

.hue_a50813>div>div {
  border-radius: 3px
}

.hue_a50813>div>div>div>div {
  height: 16px !important;
  width: 8px !important;
  margin-top: -3px !important;
  border-radius: 3px !important;
  cursor: ew-resize
}

.enable-forced-colors .wrapper_a50813 {
  forced-color-adjust: none
}

.container_b91d66 {
  display: flex;
  flex-wrap: wrap;
  margin-top: -10px;
  margin-right: -10px
}

.defaultContainer_b91d66,
.customContainer_b91d66 {
  margin-top: 10px;
  margin-right: 10px;
  flex: 1;
  min-width: 60px;
  max-width: 70px
}

.custom_b91d66 .preset_b91d66 {
  flex: 1 1 auto;
  display: flex;
  flex-direction: vertical
}

.customColorPicker_b91d66 {
  display: flex;
  flex-direction: column;
  width: 220px;
  padding: 16px;
  gap: 16px;
  border: 1px solid var(--border-subtle);
  background-color: var(--background-primary);
  border-radius: 4px;
  box-shadow: var(--elevation-high)
}

.customColorPickerInputContainer_b91d66 {
  display: flex;
  align-items: center;
  gap: 12px
}

.customColorPickerEyeDropper_b91d66 {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 16px;
  height: 16px;
  margin: 0
}

.customColorPickerInput_b91d66 {
  flex: 1
}

.customColorPickerInput_b91d66 .input_b91d66 {
  text-transform: uppercase;
  height: 24px
}

.colorPickerRow_b91d66 {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  height: 20px;
  overflow: hidden
}

.colorPickerSwatch_b91d66 {
  background-color: transparent;
  position: relative;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  margin-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid transparent;
  cursor: pointer;
  padding: 0
}

.colorPickerSwatch_b91d66.default_b91d66,
.colorPickerSwatch_b91d66.custom_b91d66 {
  margin-right: 0;
  width: 100%;
  height: 50px;
  border-radius: 4px
}

.colorPickerSwatch_b91d66.disabled_b91d66 {
  opacity: .3;
  cursor: not-allowed;
  pointer-events: none
}

.colorPickerSwatch_b91d66 .colorPickerDropper_b91d66 {
  position: absolute;
  top: 4px;
  right: 4px
}

.colorPickerSwatch_b91d66 .colorPickerDropperFg_b91d66 {
  fill: var(--text-normal)
}

.suggestedColors_b91d66 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px
}

.suggestedColor_b91d66 {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid var(--primary-400)
}

.theme-dark .colorPickerSwatch_b91d66.noColor_b91d66 {
  border-color: hsl(var(--white-500-hsl)/.1)
}

.theme-light .colorPickerSwatch_b91d66.noColor_b91d66 {
  border-color: hsl(var(--primary-500-hsl)/.1)
}

.enable-forced-colors .colorPickerSwatch_b91d66 {
  border: 1px solid ButtonText;
  forced-color-adjust: none
}

.enable-forced-colors .colorPickerSwatch_b91d66.disabled_b91d66 {
  border-color: GrayText
}

.copyInput_d7e343 {
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  border: 1px solid var(--input-background);
  cursor: pointer;
  border-radius: 3px;
  height: 40px;
  transition: border-color.2s ease-in-out
}

.copyInputError_d7e343 {
  border-color: var(--status-danger)
}

.copyInputSuccess_d7e343 {
  border-color: var(--green-360)
}

.layout_d7e343 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.inputWrapper_d7e343 {
  position: relative
}

.button_d7e343 {
  padding: 2px 20px !important;
  margin: 4px 4px 4px 0;
  border-radius: 2px;
  transition: background-color.2s ease-in-out, color.2s ease-in-out
}

.input_d7e343,
.hiddenMessage_d7e343 {
  position: relative;
  font-size: 16px;
  line-height: 20px;
  background-color: transparent;
  padding: 10px 0 10px 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.input_d7e343 {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  flex: 1 1 auto;
  border: none;
  transition: color.15s ease;
  cursor: text
}

.inputError_d7e343,
.inputSuccess_d7e343 {
  color: var(--text-normal)
}

.hiddenMessage_d7e343 {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}

.inputHidden_d7e343 {
  visibility: hidden
}

.copyInput_d7e343 {
  background-color: var(--input-background)
}

.inputDefault_d7e343,
.hiddenMessage_d7e343 {
  color: var(--text-normal)
}

.inputDefault_d7e343::-moz-placeholder,
.hiddenMessage_d7e343::-moz-placeholder {
  color: var(--input-placeholder-text)
}

.inputDefault_d7e343::placeholder,
.hiddenMessage_d7e343::placeholder {
  color: var(--input-placeholder-text)
}

.visual-refresh .copyInput_d7e343 {
  border: 1px solid var(--input-border);
  border-radius: var(--radius-sm)
}

.visual-refresh .button_d7e343 {
  border-radius: var(--radius-xs)
}

.visual-refresh .copyInputSuccess_d7e343 {
  border-color: var(--text-feedback-positive);
  color: var(--text-feedback-positive);
  background-color: var(--background-feedback-positive)
}

.visual-refresh .copyInputError_d7e343 {
  border-color: var(--text-feedback-critical);
  color: var(--text-feedback-critical);
  background-color: var(--background-feedback-critical)
}

.wrapper_a3747e {
  width: 100%;
  height: 100%;
  max-width: 440px;
  margin-left: auto;
  margin-right: auto
}

.image_a3747e {
  background-size: 100%100%
}

.title_a3747e {
  font-size: 17px;
  line-height: 22px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  color: var(--text-muted)
}

.text_a3747e {
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: var(--text-muted)
}

.slider_cc7683 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0
}

.shinyButton_a669f8 {
  overflow: hidden
}

.shinyButton_a669f8>* {
  pointer-events: none
}

.buttonShine_a669f8 {
  color: hsl(var(--white-500-hsl)/.1);
  pointer-events: none
}

.full-motion .buttonShine_a669f8 {
  animation-delay: .75s;
  animation-duration: 2s;
  animation-name: Shine_a669f8;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out
}

.reduce-motion .buttonShine_a669f8 {
  transform: translate3d(calc(100% - 32px), 0, 0)
}

.full-motion .onlyShineOnHover_a669f8 {
  animation-name: InstantShine_a669f8;
  animation-delay: 0s
}

.shineContainer_a669f8 {
  position: absolute;
  top: -50%;
  bottom: 0;
  right: 0;
  left: -50%
}

.shine_a669f8 {
  background-color: currentColor;
  height: 300%;
  position: relative;
  top: -100%;
  transform: rotate(30deg)
}

.shineDefault_a669f8 {
  width: 56px
}

.shineSmall_a669f8 {
  width: 30px
}

.shinePaused_a669f8 {
  animation-play-state: paused
}

.shineInner_a669f8 {
  background-color: currentColor;
  height: 100%
}

.shineInnerDefault_a669f8 {
  width: 16px
}

.shineInnerSmall_a669f8 {
  width: 10px
}

@keyframes Shine_a669f8 {
  0% {
    transform: translate3d(-50%, 0, 0)
  }

  to {
    transform: translate3d(200%, 0, 0)
  }
}

@keyframes InstantShine_a669f8 {
  0% {
    transform: translate3d(0%, 0, 0)
  }

  to {
    transform: translate3d(200%, 0, 0)
  }
}

.searchBox_d83b4d {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  font-size: 18px;
  padding-right: 16px;
  border-radius: 3px;
  border: 1px solid transparent;
  background-color: var(--background-tertiary);
  box-shadow: 0 2px 5px 0 hsl(var(--black-500-hsl)/.2)
}

.searchBox_d83b4d:focus,
.searchBox_d83b4d:focus-within {
  border-color: var(--brand-500)
}

.searchBox_d83b4d .searchBoxInput_d83b4d {
  border: none;
  font-size: 18px;
  font-weight: 500;
  padding: 12px;
  background: transparent;
  height: auto
}

.searchBox_d83b4d .searchBoxInput_d83b4d::-moz-placeholder {
  font-weight: 500
}

.searchBox_d83b4d .searchBoxInput_d83b4d::placeholder {
  font-weight: 500
}

.searchBoxInputWrapper_d83b4d {
  flex: 1
}

.cta_d83b4d {
  margin-right: 8px
}

.clear_d83b4d {
  line-height: 0
}

.clearIcon_d83b4d {
  cursor: pointer;
  transform-origin: center;
  transform: rotate(90deg);
  color: var(--interactive-normal)
}

.clearIcon_d83b4d:hover {
  color: var(--interactive-hover)
}

.clearIcon_d83b4d:focus {
  color: var(--interactive-active)
}

.clear_d83b4d:focus {
  color: var(--interactive-active)
}

.searchIcon_d83b4d {
  flex-shrink: 0;
  transition: color.2s ease
}

.clearIcon_d83b4d,
.searchIcon_d83b4d {
  width: 1.4em;
  height: 1.4em
}

.theme-light .searchBox_d83b4d .searchBoxInput_d83b4d::-moz-placeholder {
  color: var(--primary-400)
}

.theme-light .searchBox_d83b4d .searchBoxInput_d83b4d::placeholder {
  color: var(--primary-400)
}

.theme-light .searchIcon_d83b4d {
  color: hsl(var(--primary-500-hsl)/.6)
}

.theme-dark .searchBox_d83b4d .searchBoxInput_d83b4d::-moz-placeholder {
  color: hsl(var(--white-500-hsl)/.3)
}

.theme-dark .searchBox_d83b4d .searchBoxInput_d83b4d::placeholder {
  color: hsl(var(--white-500-hsl)/.3)
}

.theme-dark .searchIcon_d83b4d {
  color: hsl(var(--white-500-hsl)/.3)
}

.enable-forced-colors .searchBox_d83b4d {
  border-color: ButtonText
}

.enable-forced-colors .searchBox_d83b4d:focus,
.enable-forced-colors .searchBox_d83b4d:focus-within {
  border-color: Highlight
}

.enable-forced-colors .clearIcon_d83b4d {
  background-color: ButtonFace;
  color: ButtonText
}

.enable-forced-colors .clearIcon_d83b4d:hover,
.enable-forced-colors .clearIcon_d83b4d:focus {
  color: ButtonText
}

.enable-forced-colors .searchIcon_d83b4d {
  color: GrayText
}

.filterLabel_d83b4d {
  color: var(--header-primary)
}

:root {
  --custom-icon-size: 48px
}

.visual-refresh {
  --custom-icon-size: 44px
}

.wrapper_f90abb {
  display: flex;
  width: 48px;
  width: var(--custom-icon-size);
  height: 48px;
  height: var(--custom-icon-size);
  align-items: center;
  justify-content: center;
  transition: background-color.1s ease-out, color.1s ease-out
}

.childWrapper_f90abb {
  width: 48px;
  width: var(--custom-icon-size);
  height: 48px;
  height: var(--custom-icon-size);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: scale.15s ease-out, background-color.15s ease-out, color.15s ease-out;
  color: var(--text-normal)
}

.childWrapperNoHoverBg_f90abb {
  background-color: var(--background-primary)
}

.wrapper_f90abb:hover .childWrapperHoverScale_f90abb,
.wrapper_f90abb.selected_f90abb .childWrapperHoverScale_f90abb {
  scale: 1.1
}

.wrapper_f90abb:hover .childWrapper_f90abb,
.wrapper_f90abb.selected_f90abb .childWrapper_f90abb {
  color: var(--white);
  background-color: var(--bg-brand)
}

.acronym_f90abb {
  font-weight: 500;
  line-height: 1.2em;
  white-space: nowrap
}

.icon_f90abb {
  display: block;
  width: 48px;
  width: var(--custom-icon-size);
  height: 48px;
  height: var(--custom-icon-size);
  -o-object-fit: cover;
  object-fit: cover;
  pointer-events: none
}

.icon_f90abb:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--background-modifier-accent)
}

.theme-dark.custom-theme-background .wrapper_f90abb:not(:hover):not(.selected_f90abb) .childWrapper_f90abb {
  background: rgb(var(--bg-overlay-color-inverse)/var(--bg-overlay-opacity-6))
}

.theme-light.custom-theme-background .wrapper_f90abb:not(:hover):not(.selected_f90abb) .childWrapper_f90abb {
  background: rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-3))
}

.notice_be03aa {
  font-size: 14px;
  line-height: 36px;
  font-weight: 500;
  text-align: center;
  position: relative;
  padding-left: 4px;
  padding-right: 28px;
  z-index: 101;
  flex-shrink: 0;
  flex-grow: 0;
  border-radius: 8px 0 0;
  box-shadow: var(--elevation-low);
  background: var(--custom-notice-background);
  color: var(--custom-notice-text)
}

.notice_be03aa strong {
  font-weight: 600
}

.notice_be03aa.isMobile_be03aa {
  line-height: 30px;
  padding: 10px 20px
}

.notice_be03aa .button_be03aa {
  color: var(--custom-notice-text) !important;
  border-color: var(--custom-notice-text) !important
}

.notice_be03aa .button_be03aa:hover {
  color: var(--custom-notice-button-hover);
  background-color: var(--bg-mod-subtle)
}

.notice_be03aa .closeIcon_be03aa path {
  fill: var(--custom-notice-text)
}

.visual-refresh .notice_be03aa {
  grid-area: notice;
  border-top: 1px solid var(--app-border-frame);
  border-left: 1px solid var(--app-border-frame);
  box-shadow: none
}

.visual-refresh .notice_be03aa .button_be03aa {
  border-color: var(--custom-notice-text) !important
}

.platform-osx .notice_be03aa {
  -webkit-app-region: drag
}

.colorDefault_be03aa {
  --custom-notice-background: var(--status-positive-background);
  --custom-notice-text: var(--status-positive-text);
  --custom-notice-button-hover: var(--status-positive-background)
}

.colorNeutral_be03aa {
  --custom-notice-background: var(--background-accent);
  --custom-notice-text: var(--white-500);
  --custom-notice-button-hover: #222222
}

.colorPremium_be03aa {
  --custom-notice-text: var(--white-500)
}

.colorPremiumTier0_be03aa {
  --custom-notice-background: linear-gradient(to left, var(--premium-tier-0-purple), var(--premium-tier-0-blue));
  --custom-notice-button-hover: var(--brand-500)
}

.colorPremiumTier1_be03aa {
  --custom-notice-background: linear-gradient(270deg,
      var(--premium-tier-1-blue-for-gradients) 0%,
      var(--premium-tier-1-dark-blue-for-gradients) 100%);
  --custom-notice-button-hover: var(--brand-500)
}

.colorPremiumTier2_be03aa {
  --custom-notice-background: linear-gradient(90deg,
      var(--premium-tier-2-purple-for-gradients) 0%,
      var(--premium-tier-2-purple-for-gradients-2) 50.24%,
      var(--premium-tier-2-pink-for-gradients) 100%);
  --custom-notice-button-hover: var(--premium-tier-2-pink)
}

.colorInfo_be03aa {
  --custom-notice-background: #4a90e2;
  --custom-notice-text: var(--white-500);
  --custom-notice-button-hover: #4a90e2
}

.colorSuccess_be03aa {
  --custom-notice-background: var(--status-positive-background);
  --custom-notice-text: var(--status-positive-text);
  --custom-notice-button-hover: var(--text-positive)
}

.colorWarning_be03aa {
  --custom-notice-background: var(--status-warning-background);
  --custom-notice-text: var(--status-warning-text);
  --custom-notice-button-hover: var(--status-warning-text)
}

.colorWarning_be03aa .button_be03aa {
  border-color: var(--status-warning-text) !important;
  color: var(--status-warning-text)
}

.colorDanger_be03aa {
  --custom-notice-background: var(--status-danger-background);
  --custom-notice-text: var(--status-danger-text);
  --custom-notice-button-hover: var(--text-danger)
}

.visual-refresh .colorSuccess_be03aa,
.visual-refresh .colorDefault_be03aa {
  --custom-notice-background: var(--notice-background-positive);
  --custom-notice-text: var(--notice-text-positive);
  --custom-notice-button-hover: var(--notice-text-positive)
}

.visual-refresh .colorWarning_be03aa {
  --custom-notice-background: var(--notice-background-warning);
  --custom-notice-text: var(--notice-text-warning);
  --custom-notice-button-hover: var(--notice-text-warning)
}

.visual-refresh .colorDanger_be03aa {
  --custom-notice-background: var(--notice-background-critical);
  --custom-notice-text: var(--notice-text-critical);
  --custom-notice-button-hover: var(--notice-text-critical)
}

.visual-refresh .colorInfo_be03aa {
  --custom-notice-background: var(--notice-background-info);
  --custom-notice-text: var(--notice-text-info);
  --custom-notice-button-hover: var(--notice-text-info)
}

.colorStreamerMode_be03aa {
  --custom-notice-background: var(--twitch);
  --custom-notice-text: var(--white-500);
  --custom-notice-button-hover: var(--twitch)
}

.colorSpotify_be03aa {
  --custom-notice-background: var(--spotify);
  --custom-notice-text: var(--white-500);
  --custom-notice-button-hover: var(--spotify);
  display: flex;
  align-items: center;
  justify-content: center
}

.colorSpotify_be03aa .platformIcon_be03aa {
  margin-top: 0;
  width: 24px;
  height: 24px
}

.colorSpotify_be03aa .button_be03aa {
  top: 0;
  margin-left: 20px
}

.colorPlayStation_be03aa {
  --custom-notice-background: var(--playstation);
  --custom-notice-text: var(--white-500);
  --custom-notice-button-hover: var(--playstation);
  display: flex;
  align-items: center;
  justify-content: center
}

.colorPlayStation_be03aa .platformIcon_be03aa {
  margin-top: 0;
  width: 24px;
  height: 24px
}

.colorPlayStation_be03aa .button_be03aa {
  top: 0;
  margin-left: 20px
}

.colorBrand_be03aa {
  --custom-notice-background: var(--brand-500);
  --custom-notice-text: var(--white-500);
  --custom-notice-button-hover: var(--brand-500)
}

.colorCustom_be03aa {
  --custom-notice-button-hover: #222222
}

.closeButton_be03aa {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  height: 36px;
  cursor: pointer;
  -webkit-app-region: no-drag
}

.closeIcon_be03aa path {
  fill: var(--white-500)
}

.button_be03aa {
  font-size: 14px;
  font-weight: 500;
  position: relative;
  top: 6px;
  border: 1px solid;
  color: var(--white-500);
  border-radius: 3px;
  height: 24px;
  padding: 0 10px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  line-height: 22px;
  transition: background-color.2s ease, color.2s ease, border-color.2s ease;
  -webkit-app-region: no-drag;
  border-color: var(--white-500);
  background-color: transparent
}

.button_be03aa.buttonMinor_be03aa {
  border: none;
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.button_be03aa:hover {
  border-color: var(--white-500);
  background-color: var(--white-500)
}

.enable-forced-colors .notice_be03aa {
  border-bottom: 2px solid CanvasText
}

.enable-forced-colors .closeButton_be03aa {
  background-color: ButtonFace;
  color: ButtonText;
  opacity: 1
}

.enable-forced-colors .closeButton_be03aa:hover,
.enable-forced-colors .closeButton_be03aa:focus {
  outline: 1px solid ButtonText
}

.heading-sm\/normal_df8943 {
  font-family: var(--font-display);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 400
}

.heading-sm\/normal_df8943.fontScaling_df8943 {
  font-size: .875rem
}

.heading-sm\/medium_df8943 {
  font-family: var(--font-display);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 500
}

.heading-sm\/medium_df8943.fontScaling_df8943 {
  font-size: .875rem
}

.heading-sm\/semibold_df8943 {
  font-family: var(--font-display);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 600
}

.heading-sm\/semibold_df8943.fontScaling_df8943 {
  font-size: .875rem
}

.heading-sm\/bold_df8943 {
  font-family: var(--font-display);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 700
}

.heading-sm\/bold_df8943.fontScaling_df8943 {
  font-size: .875rem
}

.heading-sm\/extrabold_df8943 {
  font-family: var(--font-display);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 800
}

.heading-sm\/extrabold_df8943.fontScaling_df8943 {
  font-size: .875rem
}

.heading-md\/normal_df8943 {
  font-family: var(--font-display);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400
}

.heading-md\/normal_df8943.fontScaling_df8943 {
  font-size: 1rem
}

.heading-md\/medium_df8943 {
  font-family: var(--font-display);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 500
}

.heading-md\/medium_df8943.fontScaling_df8943 {
  font-size: 1rem
}

.heading-md\/semibold_df8943 {
  font-family: var(--font-display);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 600
}

.heading-md\/semibold_df8943.fontScaling_df8943 {
  font-size: 1rem
}

.heading-md\/bold_df8943 {
  font-family: var(--font-display);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 700
}

.heading-md\/bold_df8943.fontScaling_df8943 {
  font-size: 1rem
}

.heading-md\/extrabold_df8943 {
  font-family: var(--font-display);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 800
}

.heading-md\/extrabold_df8943.fontScaling_df8943 {
  font-size: 1rem
}

.heading-lg\/normal_df8943 {
  font-family: var(--font-display);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 400
}

.heading-lg\/normal_df8943.fontScaling_df8943 {
  font-size: 1.25rem
}

.heading-lg\/medium_df8943 {
  font-family: var(--font-display);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 500
}

.heading-lg\/medium_df8943.fontScaling_df8943 {
  font-size: 1.25rem
}

.heading-lg\/semibold_df8943 {
  font-family: var(--font-display);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600
}

.heading-lg\/semibold_df8943.fontScaling_df8943 {
  font-size: 1.25rem
}

.heading-lg\/bold_df8943 {
  font-family: var(--font-display);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700
}

.heading-lg\/bold_df8943.fontScaling_df8943 {
  font-size: 1.25rem
}

.heading-lg\/extrabold_df8943 {
  font-family: var(--font-display);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 800
}

.heading-lg\/extrabold_df8943.fontScaling_df8943 {
  font-size: 1.25rem
}

.heading-xl\/normal_df8943 {
  font-family: var(--font-display);
  font-size: 24px;
  line-height: 1.25;
  font-weight: 400
}

.heading-xl\/normal_df8943.fontScaling_df8943 {
  font-size: 1.5rem
}

.heading-xl\/medium_df8943 {
  font-family: var(--font-display);
  font-size: 24px;
  line-height: 1.25;
  font-weight: 500
}

.heading-xl\/medium_df8943.fontScaling_df8943 {
  font-size: 1.5rem
}

.heading-xl\/semibold_df8943 {
  font-family: var(--font-display);
  font-size: 24px;
  line-height: 1.25;
  font-weight: 600
}

.heading-xl\/semibold_df8943.fontScaling_df8943 {
  font-size: 1.5rem
}

.heading-xl\/bold_df8943 {
  font-family: var(--font-display);
  font-size: 24px;
  line-height: 1.25;
  font-weight: 700
}

.heading-xl\/bold_df8943.fontScaling_df8943 {
  font-size: 1.5rem
}

.heading-xl\/extrabold_df8943 {
  font-family: var(--font-display);
  font-size: 24px;
  line-height: 1.25;
  font-weight: 800
}

.heading-xl\/extrabold_df8943.fontScaling_df8943 {
  font-size: 1.5rem
}

.heading-xxl\/normal_df8943 {
  font-family: var(--font-display);
  font-size: 32px;
  line-height: 1.25;
  font-weight: 400
}

.heading-xxl\/normal_df8943.fontScaling_df8943 {
  font-size: 2rem
}

.heading-xxl\/medium_df8943 {
  font-family: var(--font-display);
  font-size: 32px;
  line-height: 1.25;
  font-weight: 500
}

.heading-xxl\/medium_df8943.fontScaling_df8943 {
  font-size: 2rem
}

.heading-xxl\/semibold_df8943 {
  font-family: var(--font-display);
  font-size: 32px;
  line-height: 1.25;
  font-weight: 600
}

.heading-xxl\/semibold_df8943.fontScaling_df8943 {
  font-size: 2rem
}

.heading-xxl\/bold_df8943 {
  font-family: var(--font-display);
  font-size: 32px;
  line-height: 1.25;
  font-weight: 700
}

.heading-xxl\/bold_df8943.fontScaling_df8943 {
  font-size: 2rem
}

.heading-xxl\/extrabold_df8943 {
  font-family: var(--font-display);
  font-size: 32px;
  line-height: 1.25;
  font-weight: 800
}

.heading-xxl\/extrabold_df8943.fontScaling_df8943 {
  font-size: 2rem
}

.eyebrow_df8943 {
  font-family: var(--font-display);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .02em
}

.eyebrow_df8943.fontScaling_df8943 {
  font-size: .75rem
}

.heading-deprecated-12\/normal_df8943 {
  font-family: var(--font-display);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 400
}

.heading-deprecated-12\/normal_df8943.fontScaling_df8943 {
  font-size: .75rem
}

.heading-deprecated-12\/medium_df8943 {
  font-family: var(--font-display);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 500
}

.heading-deprecated-12\/medium_df8943.fontScaling_df8943 {
  font-size: .75rem
}

.heading-deprecated-12\/semibold_df8943 {
  font-family: var(--font-display);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 600
}

.heading-deprecated-12\/semibold_df8943.fontScaling_df8943 {
  font-size: .75rem
}

.heading-deprecated-12\/bold_df8943 {
  font-family: var(--font-display);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 700
}

.heading-deprecated-12\/bold_df8943.fontScaling_df8943 {
  font-size: .75rem
}

.heading-deprecated-12\/extrabold_df8943 {
  font-family: var(--font-display);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 800
}

.heading-deprecated-12\/extrabold_df8943.fontScaling_df8943 {
  font-size: .75rem
}

.redesign\/heading-18\/bold_df8943 {
  font-family: var(--font-display);
  font-size: 18px;
  line-height: 1.3333333333333333;
  font-weight: 700
}

.redesign\/heading-18\/bold_df8943.fontScaling_df8943 {
  font-size: 1.125rem
}

.text-xxs\/normal_df8943 {
  font-family: var(--font-primary);
  font-size: 10px;
  line-height: 1.2;
  font-weight: 400
}

.text-xxs\/normal_df8943.fontScaling_df8943 {
  font-size: .625rem
}

.text-xxs\/medium_df8943 {
  font-family: var(--font-primary);
  font-size: 10px;
  line-height: 1.2;
  font-weight: 500
}

.text-xxs\/medium_df8943.fontScaling_df8943 {
  font-size: .625rem
}

.text-xxs\/semibold_df8943 {
  font-family: var(--font-primary);
  font-size: 10px;
  line-height: 1.2;
  font-weight: 600
}

.text-xxs\/semibold_df8943.fontScaling_df8943 {
  font-size: .625rem
}

.text-xxs\/bold_df8943 {
  font-family: var(--font-primary);
  font-size: 10px;
  line-height: 1.2;
  font-weight: 700
}

.text-xxs\/bold_df8943.fontScaling_df8943 {
  font-size: .625rem
}

.text-xs\/normal_df8943 {
  font-family: var(--font-primary);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 400
}

.text-xs\/normal_df8943.fontScaling_df8943 {
  font-size: .75rem
}

.text-xs\/medium_df8943 {
  font-family: var(--font-primary);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 500
}

.text-xs\/medium_df8943.fontScaling_df8943 {
  font-size: .75rem
}

.text-xs\/semibold_df8943 {
  font-family: var(--font-primary);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 600
}

.text-xs\/semibold_df8943.fontScaling_df8943 {
  font-size: .75rem
}

.text-xs\/bold_df8943 {
  font-family: var(--font-primary);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 700
}

.text-xs\/bold_df8943.fontScaling_df8943 {
  font-size: .75rem
}

.text-sm\/normal_df8943 {
  font-family: var(--font-primary);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 400
}

.text-sm\/normal_df8943.fontScaling_df8943 {
  font-size: .875rem
}

.text-sm\/medium_df8943 {
  font-family: var(--font-primary);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 500
}

.text-sm\/medium_df8943.fontScaling_df8943 {
  font-size: .875rem
}

.text-sm\/semibold_df8943 {
  font-family: var(--font-primary);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 600
}

.text-sm\/semibold_df8943.fontScaling_df8943 {
  font-size: .875rem
}

.text-sm\/bold_df8943 {
  font-family: var(--font-primary);
  font-size: 14px;
  line-height: 1.2857142857142858;
  font-weight: 700
}

.text-sm\/bold_df8943.fontScaling_df8943 {
  font-size: .875rem
}

.text-md\/normal_df8943 {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400
}

.text-md\/normal_df8943.fontScaling_df8943 {
  font-size: 1rem
}

.text-md\/medium_df8943 {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 500
}

.text-md\/medium_df8943.fontScaling_df8943 {
  font-size: 1rem
}

.text-md\/semibold_df8943 {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 600
}

.text-md\/semibold_df8943.fontScaling_df8943 {
  font-size: 1rem
}

.text-md\/bold_df8943 {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 700
}

.text-md\/bold_df8943.fontScaling_df8943 {
  font-size: 1rem
}

.text-lg\/normal_df8943 {
  font-family: var(--font-primary);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 400
}

.text-lg\/normal_df8943.fontScaling_df8943 {
  font-size: 1.25rem
}

.text-lg\/medium_df8943 {
  font-family: var(--font-primary);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 500
}

.text-lg\/medium_df8943.fontScaling_df8943 {
  font-size: 1.25rem
}

.text-lg\/semibold_df8943 {
  font-family: var(--font-primary);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600
}

.text-lg\/semibold_df8943.fontScaling_df8943 {
  font-size: 1.25rem
}

.text-lg\/bold_df8943 {
  font-family: var(--font-primary);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700
}

.text-lg\/bold_df8943.fontScaling_df8943 {
  font-size: 1.25rem
}

.redesign\/message-preview\/normal_df8943 {
  font-family: var(--font-primary);
  font-size: 15px;
  line-height: 1.3333333333333333;
  font-weight: 400
}

.redesign\/message-preview\/normal_df8943.fontScaling_df8943 {
  font-size: .9375rem
}

.redesign\/message-preview\/medium_df8943 {
  font-family: var(--font-primary);
  font-size: 15px;
  line-height: 1.3333333333333333;
  font-weight: 500
}

.redesign\/message-preview\/medium_df8943.fontScaling_df8943 {
  font-size: .9375rem
}

.redesign\/message-preview\/semibold_df8943 {
  font-family: var(--font-primary);
  font-size: 15px;
  line-height: 1.3333333333333333;
  font-weight: 600
}

.redesign\/message-preview\/semibold_df8943.fontScaling_df8943 {
  font-size: .9375rem
}

.redesign\/message-preview\/bold_df8943 {
  font-family: var(--font-primary);
  font-size: 15px;
  line-height: 1.3333333333333333;
  font-weight: 700
}

.redesign\/message-preview\/bold_df8943.fontScaling_df8943 {
  font-size: .9375rem
}

.redesign\/channel-title\/normal_df8943 {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.375;
  font-weight: 400
}

.redesign\/channel-title\/normal_df8943.fontScaling_df8943 {
  font-size: 1rem
}

.redesign\/channel-title\/medium_df8943 {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.375;
  font-weight: 500
}

.redesign\/channel-title\/medium_df8943.fontScaling_df8943 {
  font-size: 1rem
}

.redesign\/channel-title\/semibold_df8943 {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.375;
  font-weight: 600
}

.redesign\/channel-title\/semibold_df8943.fontScaling_df8943 {
  font-size: 1rem
}

.redesign\/channel-title\/bold_df8943 {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.375;
  font-weight: 700
}

.redesign\/channel-title\/bold_df8943.fontScaling_df8943 {
  font-size: 1rem
}

.display-sm_df8943 {
  font-family: var(--font-headline);
  font-size: 20px;
  line-height: 1;
  font-weight: 800
}

.display-sm_df8943.fontScaling_df8943 {
  font-size: 1.25rem
}

.display-md_df8943 {
  font-family: var(--font-headline);
  font-size: 34px;
  line-height: 1.0588235294117647;
  font-weight: 800
}

.display-md_df8943.fontScaling_df8943 {
  font-size: 2.125rem
}

.display-lg_df8943 {
  font-family: var(--font-headline);
  font-size: 44px;
  line-height: .9545454545454546;
  font-weight: 800
}

.display-lg_df8943.fontScaling_df8943 {
  font-size: 2.75rem
}

.code_df8943 {
  font-family: var(--font-code);
  font-size: 12px;
  line-height: 1.3333333333333333;
  font-weight: 700
}

.code_df8943.fontScaling_df8943 {
  font-size: .75rem
}

.base_df8943 {
  box-sizing: border-box;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  color: var(--white);
  text-align: center;
  flex: 0 0 auto
}

.baseShapeRound_df8943 {
  border-radius: 8px
}

.baseShapeRoundLeft_df8943 {
  border-radius: 8px 0 0 8px
}

.baseShapeRoundRight_df8943 {
  border-radius: 0 8px 8px 0
}

.numberBadge_df8943 {
  display: flex;
  align-items: center;
  justify-content: center
}

.textBadge_df8943 {
  padding: 0 6px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.iconBadge_df8943 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px
}

.icon_df8943 {
  padding: 2px;
  width: 100%;
  height: 100%
}

.circleBadge_df8943 {
  width: 8px;
  height: 8px
}

.premiumBadge_df8943 {
  background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color)
}

.limitedTimeText_df8943 {
  text-transform: uppercase
}

.enable-forced-colors .base_df8943 {
  background-color: HighlightText !important;
  color: Highlight;
  outline: 2px solid Canvas
}

.quickSelect_abbf45 {
  font-size: 13px;
  cursor: default;
  color: var(--interactive-normal)
}

.quickSelectClick_abbf45 {
  cursor: pointer
}

.quickSelectValue_abbf45 {
  margin-left: 4px
}

.quickSelectLabel_abbf45 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--text-muted)
}

.quickSelectArrow_abbf45 {
  width: 10px;
  height: 7px;
  margin-left: 5px
}

.quickSelectPopout_abbf45 {
  border-radius: 3px;
  overflow: hidden;
  color: var(--header-primary)
}

.quickSelectPopoutScroll_abbf45 {
  max-height: 384px
}

.quickSelectScroller_abbf45 {
  overflow-y: auto
}

.quickSelectPopoutOption_abbf45 {
  padding: 8px;
  cursor: pointer
}

.quickSelectPopoutOption_abbf45.selected_abbf45 {
  background-color: inherit;
  cursor: default
}

.quickSelectPopoutOption_abbf45:focus {
  background-color: var(--background-modifier-hover);
  color: var(--interactive-hover)
}

.theme-light .quickSelectArrow_abbf45 {
  background: url(/assets/a4167cbe3710410db3f1.svg)center center no-repeat
}

.theme-light .quickSelectPopout_abbf45 {
  background-color: var(--white-500)
}

.theme-light .quickSelectPopoutOption_abbf45:hover {
  background-color: var(--primary-100)
}

.theme-dark .quickSelectArrow_abbf45 {
  background: url(/assets/ade6bb611944d7111473.svg)center center no-repeat
}

.theme-dark .quickSelectPopout_abbf45 {
  background: var(--primary-630)
}

.theme-dark .quickSelectPopoutOption_abbf45:hover {
  background-color: hsl(var(--primary-500-hsl)/.3)
}

.sparkles_e64765 {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  width: 100%;
  height: 100%
}

.wrapper_f3335d svg {
  display: block
}

.value_cc6793 {
  width: 48px
}

.actions_cc6793 {
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  justify-content: center
}

.value_cc6793 {
  text-align: center;
  height: 32px;
  background: var(--background-secondary);
  border: none;
  border-radius: 0
}

.iconWrapper_cc6793 {
  cursor: pointer
}

.icon_cc6793 {
  display: block;
  padding: 8px;
  width: 32px;
  height: 32px;
  color: var(--interactive-normal);
  box-sizing: border-box
}

.full-motion .icon_cc6793 {
  transition: all.2s ease
}

.icon_cc6793:active {
  color: var(--interactive-active)
}

.icon_cc6793:hover {
  color: var(--interactive-hover);
  background: var(--background-modifier-hover)
}

.icon_cc6793.disabled_cc6793:hover,
.icon_cc6793.disabled_cc6793 {
  cursor: not-allowed;
  background: none
}

.theme-dark .iconWrapper_cc6793 {
  background: var(--primary-500)
}

.theme-dark .iconWrapper_cc6793.disabled_cc6793 {
  opacity: .5
}

.theme-light .iconWrapper_cc6793 {
  background: var(--primary-230)
}

.theme-light .icon_cc6793.disabled_cc6793:hover,
.theme-light .icon_cc6793.disabled_cc6793 {
  color: var(--interactive-muted)
}

.enable-forced-colors .icon_cc6793 {
  color: ButtonText
}

.enable-forced-colors .icon_cc6793:hover {
  background-color: ButtonFace;
  color: ButtonText
}

.enable-forced-colors .icon_cc6793.disabled_cc6793:hover,
.enable-forced-colors .icon_cc6793.disabled_cc6793 {
  background-color: Canvas;
  color: GrayText
}

.enable-forced-colors .iconWrapper_cc6793 {
  background-color: ButtonFace;
  border-radius: 4px;
  color: ButtonText
}

.enable-forced-colors .iconWrapper_cc6793:hover,
.enable-forced-colors .iconWrapper_cc6793:focus {
  outline: 1px solid ButtonText;
  outline-offset: -1px
}

.enable-forced-colors .iconWrapper_cc6793.disabled_cc6793,
.enable-forced-colors .iconWrapper_cc6793.disabled_cc6793:hover,
.enable-forced-colors .iconWrapper_cc6793.disabled_cc6793:focus {
  background-color: Canvas;
  outline-color: GrayText;
  opacity: 1
}

.container_be45f6 {
  display: flex;
  border-radius: 4px;
  font-weight: 500;
  padding: 8px;
  width: 100%;
  box-sizing: border-box
}

.icon_be45f6 {
  width: 24px;
  height: 24px;
  flex-shrink: 0
}

.iconDiv_be45f6 {
  display: flex
}

.text_be45f6 {
  margin-left: 10px;
  flex: 1;
  align-self: center
}

.text_be45f6 p {
  margin: 0
}

.text_be45f6 p~p {
  margin-top: 8px
}

.positive_be45f6 {
  background: var(--info-positive-background);
  border: 1px solid var(--info-positive-foreground);
  color: var(--info-positive-text)
}

.positive_be45f6 .icon_be45f6 {
  color: var(--info-positive-foreground)
}

.warning_be45f6 {
  background: var(--info-warning-background);
  border: 1px solid var(--info-warning-foreground);
  color: var(--info-warning-text)
}

.warning_be45f6 .icon_be45f6 {
  color: var(--info-warning-foreground)
}

.info_be45f6 {
  background: var(--info-help-background);
  border: 1px solid var(--info-help-foreground);
  color: var(--info-help-text)
}

.info_be45f6 .icon_be45f6 {
  color: var(--info-help-foreground)
}

.error_be45f6 {
  background: var(--info-danger-background);
  border: 1px solid var(--info-danger-foreground);
  color: var(--info-danger-text)
}

.error_be45f6 .icon_be45f6 {
  color: var(--info-danger-foreground)
}

.focusLock_f9a4c9 {
  display: flex;
  flex-direction: column;
  min-height: 0;
  max-width: 100%
}

.root_f9a4c9 {
  background-color: var(--modal-background);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  pointer-events: all;
  position: relative;
  max-height: 100%
}

.small_f9a4c9 {
  width: 440px;
  max-height: 720px;
  min-height: 200px
}

.medium_f9a4c9 {
  width: 600px;
  max-height: 800px;
  min-height: 400px
}

.large_f9a4c9 {
  min-width: var(--custom-modal-min-width-large);
  max-width: 960px;
  min-height: 400px
}

.visual-refresh .root_f9a4c9 {
  border-radius: var(--radius-md);
  border: 1px solid var(--border-normal)
}

.visual-refresh .small_f9a4c9 {
  min-height: 220px;
  width: 442px;
  max-height: min(900px, 70vh)
}

.visual-refresh .medium_f9a4c9 {
  width: 602px;
  max-height: min(900px, 70vh)
}

.visual-refresh .large_f9a4c9 {
  max-width: 962px;
  max-height: min(900px, 70vh)
}

@media(max-width:485px) {
  .root_f9a4c9 {
    min-width: auto;
    max-width: 100%;
    width: 100%
  }

  .fullscreenOnMobile_f9a4c9 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 0;
    max-height: none;
    overflow-y: auto;
    width: 100%
  }

  .fullscreenOnMobile_f9a4c9 .header_f9a4c9,
  .fullscreenOnMobile_f9a4c9 .footer_f9a4c9 {
    border-radius: 0
  }
}

.header_f9a4c9,
.footer_f9a4c9 {
  position: relative;
  flex: 0 0 auto;
  padding: 16px;
  z-index: 1;
  overflow-x: hidden
}

.header_f9a4c9 {
  border-radius: 4px 4px 0 0;
  transition: box-shadow.1s ease-out;
  word-wrap: break-word
}

.footer_f9a4c9 {
  border-radius: 0 0 5px 5px;
  background-color: var(--modal-footer-background)
}

.theme-dark .separator_f9a4c9 {
  box-shadow: 0 1px 0 0 hsl(var(--primary-800-hsl)/.3), 0 1px 2px 0 hsl(var(--primary-800-hsl)/.3)
}

.theme-dark .footerSeparator_f9a4c9 {
  box-shadow: inset 0 1px 0 hsl(var(--primary-630-hsl)/.6)
}

.theme-light .separator_f9a4c9 {
  box-shadow: 0 1px 0 0 hsl(var(--primary-300-hsl)/.3)
}

.theme-light .footerSeparator_f9a4c9 {
  box-shadow: inset 0 1px 0 hsl(var(--primary-100-hsl)/.6)
}

.content_f9a4c9 {
  position: relative;
  z-index: 0;
  border-radius: 5px 5px 0 0;
  padding-left: 16px;
  padding-right: 16px;
  overflow-x: hidden
}

.close_f9a4c9 {
  height: 26px;
  padding: 4px;
  transition: opacity.2s ease-in-out;
  opacity: .5;
  cursor: pointer;
  border-radius: 3px;
  color: var(--interactive-normal);
  box-sizing: content-box
}

.close_f9a4c9:hover {
  opacity: 1;
  color: var(--interactive-hover)
}

.visual-refresh .close_f9a4c9 {
  height: 24px;
  color: var(--icon-primary)
}

.closeWithCircleBackground_f9a4c9 {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: hsl(var(--black-500-hsl)/.85);
  border-radius: 50%;
  padding: 0
}

.closeWithCircleBackground_f9a4c9 .closeIcon_f9a4c9 {
  width: 16px;
  height: 16px;
  color: var(--primary-330)
}

.closeWithCircleBackground_f9a4c9 .closeIcon_f9a4c9:hover {
  color: var(--primary-230)
}

.closeWithCircleBackground_f9a4c9:hover {
  background-color: var(--black-500)
}

@media(max-width:485px) {
  .hideOnFullscreen_f9a4c9 {
    display: none
  }

  .footer_f9a4c9 {
    position: static;
    bottom: 0;
    width: 100%;
    box-sizing: border-box
  }
}

.spinnerContainer_f9a4c9 {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%
}

.visual-refresh .separator_f9a4c9,
.visual-refresh .footerSeparator_f9a4c9 {
  box-shadow: none
}

:where(.visual-refresh) .header_f9a4c9,
:where(.visual-refresh) .footer_f9a4c9 {
  padding-left: var(--spacing-24);
  padding-right: var(--spacing-24)
}

:where(.visual-refresh) .header_f9a4c9 {
  padding-bottom: 0;
  overflow: hidden
}

:where(.visual-refresh) .content_f9a4c9 {
  padding: var(--space-8)var(--space-24)0 var(--space-24)
}

:where(.visual-refresh) .footer_f9a4c9 {
  padding-top: var(--space-16);
  border-radius: 0 0 var(--radius-md)var(--radius-md)
}

.enable-forced-colors .root_f9a4c9 {
  border: 2px solid CanvasText
}

.enable-forced-colors .close_f9a4c9 {
  opacity: 1
}

.rootWithShadow_f9a4c9 {
  box-shadow: var(--legacy-elevation-border), var(--legacy-elevation-high)
}

.visual-refresh .rootWithShadow_f9a4c9 {
  box-shadow: var(--shadow-medium)
}

.wrapper_a2a7b5 {
  overflow: hidden;
  min-height: 100vh;
  background-size: cover;
  color: var(--text-normal);
  background-color: var(--background-secondary);
  background-position: 50%0
}

.flexWrapper_a2a7b5 {
  height: 100vh
}

.image_a2a7b5 {
  width: 254px;
  height: 154px;
  margin-bottom: 40px;
  background-size: 100%100%
}

.text_a2a7b5 {
  width: 440px;
  margin-bottom: 20px
}

.note_a2a7b5 {
  font-size: 16px;
  text-align: center;
  color: var(--text-muted)
}

.title_a2a7b5 {
  font-size: 24px;
  line-height: 8px;
  margin-bottom: 24px;
  font-weight: 600;
  text-align: center;
  color: var(--header-primary)
}

.images-light .wrapper_a2a7b5 {
  background-image: url(/assets/d6c64a1c429226fa463b.svg)
}

.images-light .image_a2a7b5 {
  background-image: url(/assets/ba3ff470c30c6fcd7a0f.svg)
}

.images-dark .wrapper_a2a7b5 {
  background-image: url(/assets/d6c64a1c429226fa463b.svg)
}

.images-dark .image_a2a7b5 {
  background-image: url(/assets/322debe0bcee092b935a.svg)
}

.titleBar_a934d8 {
  z-index: 3001;
  -webkit-app-region: drag;
  flex-shrink: 0
}

.withFrame_a934d8 {
  height: 18px;
  margin-top: 4px
}

.typeMacOS_a934d8 {
  position: absolute;
  width: 72px
}

.typeMacOS_a934d8 .macDragRegion_a934d8 {
  width: 70px;
  padding-bottom: 32px
}

.typeMacOSWithFrame_a934d8 {
  justify-content: space-between;
  flex-direction: row;
  display: flex
}

.typeMacOSWithFrame_a934d8 .macButtons_a934d8 {
  margin-top: -2px;
  margin-right: -70px
}

.typeWindows_a934d8 {
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: row-reverse;
  display: flex
}

.wordmark_a934d8 {
  pointer-events: none;
  font-size: 0
}

.wordmarkWindows_a934d8 {
  position: absolute;
  top: 0;
  left: 0;
  padding: 4px 9px 3px;
  color: var(--text-muted)
}

.wordmarkMacOS_a934d8 {
  margin: 0 auto
}

.winButton_a934d8 {
  position: relative;
  top: -4px;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
  width: 28px;
  height: 22px;
  pointer-events: auto;
  -webkit-app-region: no-drag
}

.winButtonMinMax_a934d8:hover {
  background-color: var(--background-modifier-hover);
  color: var(--interactive-hover)
}

.winButtonMinMax_a934d8:active {
  background-color: var(--background-modifier-active);
  color: var(--interactive-active)
}

.winButtonClose_a934d8:hover {
  color: var(--white-500);
  background-color: var(--status-danger)
}

.winButton_a934d8 {
  color: var(--interactive-normal)
}

.macButtons_a934d8 {
  box-sizing: border-box;
  width: 70px;
  padding: 10px;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  display: flex
}

.macButtons_a934d8 svg {
  display: block;
  visibility: hidden
}

.focused_a934d8 .macButtons_a934d8:hover svg {
  visibility: visible
}

.macButton_a934d8 {
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  -webkit-app-region: no-drag
}

.macButtonMaximize_a934d8 {
  background-color: #34c749
}

.macButtonMaximize_a934d8:active {
  background-color: #2a9f3a
}

.macButtonMinimize_a934d8 {
  background-color: #fdbc40
}

.macButtonMinimize_a934d8:active {
  background-color: #ca9633
}

.macButtonClose_a934d8 {
  background-color: #fc615d
}

.macButtonClose_a934d8:active {
  background-color: #ca4e4a
}

.unfocused_a934d8 .macButtonClose_a934d8,
.unfocused_a934d8 .macButtonMinimize_a934d8,
.unfocused_a934d8 .macButtonMaximize_a934d8 {
  background-color: var(--background-modifier-accent)
}

.custom-theme-background .withBackgroundOverride_a934d8 {
  background: var(--bg-overlay-app-frame, var(--background-tertiary))
}

.custom-theme-background .withBackgroundOverride_a934d8.typeWindows_a934d8 {
  margin-top: 0;
  padding-top: 4px
}

.tile_dc5fc4 {
  position: relative;
  background-color: var(--primary-700);
  border-radius: var(--custom-base-tile-border-radius);
  box-sizing: border-box;
  overflow: hidden
}

.tile_dc5fc4.noBorder_dc5fc4 {
  border-radius: 0
}

.fillParent_a3d160 {
  width: 100%;
  height: 100%;
  display: block;
  overflow: clip
}

.hiddenIframeContainer_a3d160 {
  opacity: 0
}

.iframePlaceholder_a3d160 {
  background-color: black
}

.popoutWrapper_bc9592 {
  position: relative;
  left: -30px;
  width: 200px;
  display: flex;
  max-height: 40vh
}

.scroller_bc9592 {
  border-radius: 4px;
  padding: 8px 16px;
  background-color: var(--background-floating)
}

.viewers_bc9592 {
  display: flex;
  flex-grow: 0;
  align-items: center;
  position: relative
}

.viewers_bc9592:hover .popoutWrapper_bc9592 {
  visibility: visible;
  opacity: 1;
  transform: translatex(0)
}

.viewer_bc9592 {
  margin-left: -2px;
  -webkit-mask: url(/assets/0d662aa6fda3233e3737.svg);
  mask: url(/assets/0d662aa6fda3233e3737.svg);
  -webkit-mask-size: 100%;
  mask-size: 100%;
  mask-type: luminance
}

.viewer_bc9592:last-child {
  -webkit-mask: none;
  mask: none
}

.overflow_bc9592 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: -4px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .5px;
  width: 25px;
  height: 25px;
  border-radius: 15px;
  z-index: 2;
  background-color: var(--primary-600);
  color: var(--primary-300);
  box-shadow: -1px 0 0 1px var(--black-500)
}

.memberListHeader_bc9592 {
  margin-top: 8px;
  margin-bottom: 12px;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--header-secondary)
}

.memberListItemText_bc9592 {
  color: var(--header-secondary)
}

.viewersIcon_bc9592 {
  width: 24px;
  height: 24px;
  color: var(--primary-300);
  display: flex;
  margin-right: 4px
}

.viewersIcon_bc9592:hover {
  color: var(--white-500)
}

.viewersIcon_bc9592.activeButton_bc9592 {
  color: var(--white-500)
}

.viewersTooltipItem_bc9592 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.memberListItem_bc9592:not(.popoutDisabled_bc9592):hover {
  background-color: var(--background-tertiary)
}

.wrapper_bd482f {
  margin: 0
}

.base_bd482f {
  font-weight: 600;
  font-family: var(--font-display);
  color: var(--header-primary)
}

.selectable_bd482f {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text
}

.base_bd482f.muted_bd482f {
  color: var(--header-secondary)
}

.uppercase_bd482f {
  text-transform: uppercase
}

.videoHeight_c84990 {
  position: relative;
  flex: 0 0 auto
}

.videoHeight_c84990.animated_c84990 {
  transition: height.35s ease
}

.videoHeight_c84990.normal_c84990 {
  height: 50vh
}

.videoHeight_c84990.minimum_c84990 {
  height: 275px
}

.videoHeight_c84990.noChat_c84990 {
  height: 100vh
}

.videoHeight_c84990.fullScreen_c84990 {
  transition: none;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100
}

.platform-win .videoHeight_c84990.normal_c84990 {
  height: calc(50vh - 22px)
}

.platform-win .videoHeight_c84990.noChat_c84990 {
  height: calc(100vh - 22px)
}

.video_c84990 {
  width: 100%;
  height: 100%;
  min-height: 275px;
  overflow: hidden;
  background-size: 100%;
  background-position: center;
  position: relative;
  cursor: default;
  background-color: var(--primary-800)
}

.video_c84990.idle_c84990 {
  cursor: none
}

.video_c84990.normal_c84990 .videoCenter_c84990,
.video_c84990.fullScreen_c84990 .videoCenter_c84990,
.video_c84990.noChat_c84990 .videoCenter_c84990 {
  align-self: flex-end
}

.video_c84990.normal_c84990 .videoBottom_c84990,
.video_c84990.fullScreen_c84990 .videoBottom_c84990,
.video_c84990.noChat_c84990 .videoBottom_c84990 {
  transform: translate3d(0, 8px, 0);
  opacity: 0
}

.full-motion .video_c84990.normal_c84990 .videoBottom_c84990,
.full-motion .video_c84990.fullScreen_c84990 .videoBottom_c84990,
.full-motion .video_c84990.noChat_c84990 .videoBottom_c84990 {
  transition: transform.2s ease-in-out, opacity.2s ease-in-out
}

.video_c84990.normal_c84990:not(.idle_c84990) .videoWrapper_c84990:hover .videoBottom_c84990,
.video_c84990.normal_c84990:not(.idle_c84990) .videoWrapper_c84990.focused_c84990 .videoBottom_c84990,
.video_c84990.fullScreen_c84990:not(.idle_c84990) .videoWrapper_c84990:hover .videoBottom_c84990,
.video_c84990.fullScreen_c84990:not(.idle_c84990) .videoWrapper_c84990.focused_c84990 .videoBottom_c84990,
.video_c84990.noChat_c84990:not(.idle_c84990) .videoWrapper_c84990:hover .videoBottom_c84990,
.video_c84990.noChat_c84990:not(.idle_c84990) .videoWrapper_c84990.focused_c84990 .videoBottom_c84990 {
  transform: translatez(0);
  opacity: 1
}

.video_c84990 .videoBackgroundTransition_c84990 {
  box-shadow: var(--legacy-elevation-high)
}

.videoWrapper_c84990 {
  position: relative;
  border-radius: 3px
}

.videoInner_c84990 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: 1;
  pointer-events: none
}

.videoTop_c84990,
.videoCenter_c84990,
.videoBottom_c84990 {
  pointer-events: all
}

.videoBackground_c84990 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.videoBackgroundTransition_c84990 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center
}

.theme-light .video_c84990.minimum_c84990 {
  background-color: var(--white-500);
  box-shadow: inset 0 -1px 0 var(--primary-230)
}

.images-light .video_c84990.normal_c84990 .videoTop_c84990,
.images-light .video_c84990.noChat_c84990 .videoTop_c84990,
.images-dark .video_c84990.normal_c84990 .videoTop_c84990,
.images-dark .video_c84990.noChat_c84990 .videoTop_c84990 {
  background-image: linear-gradient(0deg, hsl(var(--black-500-hsl)/0)0%, hsl(var(--black-500-hsl)/.9)100%)
}

.pictureInPictureVideo_cadaa5 {
  aspect-ratio: 16/9;
  background: var(--primary-800);
  border-radius: 8px;
  overflow: hidden;
  transform: translatez(0)
}

.videoControls_cadaa5 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity.2s ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  pointer-events: none;
  padding: 8px;
  background: linear-gradient(var(--black-500)0%, rgba(0, 0, 0, 0)30%, rgba(0, 0, 0, 0)60%, var(--black-500)100%)
}

.videoControlsTextActivity_cadaa5 {
  z-index: 2;
  pointer-events: all
}

.topControls_cadaa5 {
  width: 100%;
  flex: 0 1 auto;
  transform: translatez(0);
  pointer-events: all
}

.full-motion .topControls_cadaa5 {
  transition: transform.2s ease-in-out
}

.topControlsTextActivity_cadaa5 {
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start
}

.bottomControls_cadaa5 {
  flex: 0 1 auto;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  pointer-events: all;
  color: var(--white-500);
  transform: translatez(0)
}

.full-motion .bottomControls_cadaa5 {
  transition: transform.2s ease-in-out
}

.bottomLeftControls_cadaa5 {
  min-width: 0
}

.idle_cadaa5 .videoControls_cadaa5 {
  opacity: 0
}

.idle_cadaa5 .topControls_cadaa5 {
  transform: translate3d(0, -8px, 0)
}

.idle_cadaa5 .bottomControls_cadaa5 {
  transform: translate3d(0, 8px, 0)
}

.backButton_cadaa5 {
  margin-right: 2px;
  color: var(--primary-300);
  flex-shrink: 0
}

.headerBar_cadaa5 {
  padding: 0;
  padding-top: 4px;
  height: auto
}

.topControls_cadaa5 .headerBar_cadaa5 {
  -webkit-app-region: no-drag
}

.headerIdleContainer_cadaa5 {
  flex-shrink: 1;
  overflow: hidden;
  display: flex;
  justify-content: space-between
}

.headerTitle_cadaa5 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: var(--white-500);
  border-bottom: 1px solid transparent;
  margin: 0;
  width: -moz-min-content;
  width: min-content;
  line-height: 20px;
  flex-shrink: 1;
  overflow: hidden
}

.headerTitle_cadaa5:hover {
  border-bottom: 1px solid var(--white-500);
  cursor: pointer
}

.headerTitle_cadaa5:hover .backButton_cadaa5 {
  color: var(--white-500)
}

.headerText_cadaa5 {
  flex-shrink: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.menuIcon_cadaa5 {
  cursor: pointer
}

.keyboard-mode .videoControls_cadaa5 {
  opacity: 1
}

.art_e5cc00 {
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 16px
}

.art_e5cc00.small_e5cc00 {
  display: none
}

.art_e5cc00.medium_e5cc00 {
  height: 88px
}

.art_e5cc00.large_e5cc00 {
  height: 134px
}

.header_e5cc00 {
  color: var(--white-500);
  text-align: center;
  margin-bottom: 4px
}

.description_e5cc00 {
  color: var(--primary-200);
  text-align: center
}

.description_e5cc00 p {
  margin: 0
}

.outerButton_e5cc00 {
  margin-top: 16px;
  z-index: 1
}

.button_e5cc00 {
  background-color: var(--primary-500);
  color: var(--white-500);
  border-radius: 100px;
  padding: 12px 18px;
  font-weight: 600;
  font-size: 16px
}

.button_e5cc00:hover {
  background-color: var(--primary-600)
}

.enable-forced-colors .button_e5cc00 {
  background-color: transparent
}

.root_a6876b {
  background-color: hsl(var(--black-500-hsl)/.6);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.popIn_c1ccd5 {
  transform: rotate(180deg)
}

.participantsButton_b83b18 {
  border-radius: 48px;
  background: var(--primary-630);
  padding: 4px;
  box-shadow: var(--elevation-high)
}

.participantsButton_b83b18:hover {
  background: var(--primary-700)
}

.rightCaret_b83b18 {
  transform: rotate(270deg)
}

.leftCaret_b83b18 {
  transform: rotate(90deg)
}

.upCaret_b83b18 {
  transform: rotate(180deg)
}

.downCaret_b83b18 {
  transform: rotate(0)
}

.members_b83b18 {
  margin-right: 4px
}

.iconContainer_b83b18 {
  display: flex
}

.iconContainer_b83b18>svg {
  color: var(--white-500)
}

.fauxDisabled_f4a830 {
  opacity: .5
}

.enable-forced-colors .fauxDisabled_f4a830 {
  opacity: 1
}

.arrowIcon_d8c86c {
  height: 24px;
  width: 24px;
  transform: rotate(270deg)
}

.arrowIconExpanded_d8c86c {
  transform: rotate(0)
}

.rightPipIcon_d8c86c {
  margin-left: 16px
}

.leftPipIcon_d8c86c {
  margin-right: 16px
}

.participantsButton_d8c86c {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translatey(-50%)
}

.pipHeader_d8c86c {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 12px
}

.pipHeaderContent_d8c86c {
  position: absolute;
  box-sizing: border-box;
  max-width: 100%;
  height: 12px;
  padding: 0 8px;
  background-color: var(--black-500);
  display: flex;
  justify-content: space-between;
  align-items: center
}

.full-motion .pipHeaderContent_d8c86c {
  transition: .2s all ease-in-out
}

.pipHeaderContentOpen_d8c86c {
  background: linear-gradient(var(--black-500)0%, var(--black-500)30%, rgba(0, 0, 0, 0)100%);
  height: 40px;
  padding: 8px;
  cursor: pointer
}

.pipHeaderButtonsRight_d8c86c {
  display: flex
}

.menuIcon_d8c86c {
  color: white
}

.leaveActivityIcon_d8c86c {
  margin-left: 6px;
  height: 24px;
  width: 24px
}

.root_d5ef29 {
  width: 100%;
  height: 100%
}

.root_d5ef29.pipMode_d5ef29 {
  width: 320px;
  transition: .2s ease-in-out height
}

.root_d5ef29.pipModeShort_d5ef29 {
  height: 180px
}

.root_d5ef29.pipModeTall_d5ef29 {
  height: 410px
}

.root_d5ef29.hidden_d5ef29 {
  width: 0;
  max-height: 0;
  transition: none
}

.iframe_d5ef29 {
  width: 100%;
  height: 100%;
  min-width: 2px;
  min-height: 2px
}

.iframe_d5ef29.pipModeShort_d5ef29 {
  height: 180px
}

.iframe_d5ef29.pipModeTall_d5ef29 {
  height: 410px
}

.pipNonInteractive_d5ef29 {
  pointer-events: none
}

.clickShield_d5ef29 {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0
}

.multiPIPMode_d5ef29 {
  margin-top: 8px
}

:root {
  --legacy-elevation-low: 0 1px 5px hsl(var(--black-500-hsl) / 0.2);
  --legacy-elevation-high: 0 2px 10px 0 hsl(var(--black-500-hsl) / 0.1);
  --legacy-elevation-border: 0 0 0 1px hsl(var(--primary-300-hsl) / 0.3)
}

.theme-dark {
  --legacy-elevation-low: 0 1px 5px 0 hsl(var(--black-500-hsl) / 0.3);
  --legacy-elevation-high: 0 2px 10px 0 hsl(var(--black-500-hsl) / 0.2);
  --legacy-elevation-border: 0 0 0 1px hsl(var(--primary-700-hsl) / 0.6)
}

.elevationLow_ff8688 {
  box-shadow: 0 1px 5px hsl(var(--black-500-hsl)/.2);
  box-shadow: var(--legacy-elevation-low)
}

.elevationHigh_ff8688 {
  box-shadow: 0 2px 10px 0 hsl(var(--black-500-hsl)/.1);
  box-shadow: var(--legacy-elevation-high)
}

.elevationBorderLow_ff8688 {
  box-shadow: 0 0 0 1px hsl(var(--primary-300-hsl)/.3), 0 1px 5px hsl(var(--black-500-hsl)/.2);
  box-shadow: var(--legacy-elevation-border), var(--legacy-elevation-low)
}

.darkElevationBorderHigh_ff8688 {
  box-shadow: 0 0 0 1px hsl(var(--primary-300-hsl)/.3), 0 2px 10px 0 hsl(var(--black-500-hsl)/.1);
  box-shadow: var(--legacy-elevation-border), var(--legacy-elevation-high)
}

.lightElevationLow_ff8688 {
  box-shadow: 0 1px 5px hsl(var(--black-500-hsl)/.2);
  box-shadow: var(--legacy-elevation-low)
}

.lightElevationHigh_ff8688 {
  box-shadow: 0 2px 10px 0 hsl(var(--black-500-hsl)/.1);
  box-shadow: var(--legacy-elevation-high)
}

.lightElevationBorderLow_ff8688 {
  box-shadow: 0 0 0 1px hsl(var(--primary-300-hsl)/.3), 0 1px 5px hsl(var(--black-500-hsl)/.2);
  box-shadow: var(--legacy-elevation-border), var(--legacy-elevation-low)
}

.lightElevationBorderHigh_ff8688,
.elevationLow_ff8688,
.elevationHigh_ff8688,
.elevationBorderLow_ff8688,
.elevationBorderHigh_ff8688 {
  box-shadow: 0 0 0 1px hsl(var(--primary-300-hsl)/.3), 0 2px 10px 0 hsl(var(--black-500-hsl)/.1);
  box-shadow: var(--legacy-elevation-border), var(--legacy-elevation-high)
}

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

.pictureInPictureWindow_e0c856 {
  position: absolute;
  z-index: 1000
}

.borderRadius_e0c856 {
  border-radius: 8px
}

.hidden_e0c856 {
  display: none
}

.resizeHandle_e0c856 {
  width: 20px;
  height: 20px;
  position: absolute
}

.resizeHandleTopRight_e0c856 {
  left: -7px;
  bottom: -7px;
  cursor: nesw-resize
}

.resizeHandleTopLeft_e0c856 {
  right: -7px;
  bottom: -7px;
  cursor: nwse-resize
}

.resizeHandleBottomRight_e0c856 {
  left: -7px;
  top: -7px;
  cursor: nwse-resize
}

.resizeHandleBottomLeft_e0c856 {
  right: -7px;
  top: -7px;
  cursor: nesw-resize
}

@keyframes pulse_a1a22c {
  0% {
    border-color: rgba(255, 255, 255, 0)
  }

  25% {
    border-color: rgba(255, 255, 255, .16)
  }

  50%,
  to {
    border-color: rgba(255, 255, 255, 0)
  }
}

@keyframes darkerPulse_a1a22c {
  0% {
    border-color: rgba(255, 255, 255, 0)
  }

  25% {
    border-color: rgba(255, 255, 255, .32)
  }

  50%,
  to {
    border-color: rgba(255, 255, 255, 0)
  }
}

.innerContainer_a1a22c {
  border: 20px solid rgba(255, 255, 255, 0);
  border-radius: 50%
}

.app-focused .innerContainer_a1a22c {
  animation: darkerPulse_a1a22c 2s linear infinite;
  animation-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.outerContainer_a1a22c {
  border: 20px solid rgba(255, 255, 255, 0);
  border-radius: 50%
}

.app-focused .outerContainer_a1a22c {
  animation: pulse_a1a22c 2s linear infinite;
  animation-timing-function: cubic-bezier(.4, 0, 1, 1);
  animation-delay: .2s
}

.background_cff728 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 0
}

.background_cff728:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: inherit
}

.avatarWrapper_cff728 {
  border-radius: 50%
}

@keyframes demoEffect_c55fec {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.demoEffectOverlay_c55fec {
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 1;
  animation-name: demoEffect_c55fec;
  animation-iteration-count: 1;
  animation-duration: .25s;
  animation-delay: 2s;
  animation-fill-mode: forwards
}

.demoEffectImg_c55fec {
  width: 100%;
  height: 100%;
  pointer-events: none
}

.button_f861bb {
  line-height: 0
}

.badgeUpgrade_f861bb {
  position: absolute;
  right: 2px;
  bottom: 2px;
  color: var(--brand-500)
}

.mirror_c11cdc {
  transform: scalex(-1)
}

.video_c11cdc {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: var(--black-500)
}

.media_c11cdc {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.cta_cdef0d {
  background-color: var(--primary-500);
  color: var(--white-500);
  border-radius: 100px;
  padding: 10px 16px;
  font-weight: 600;
  z-index: 1
}

.cta_cdef0d:hover {
  background-color: var(--primary-600)
}

.cta_cdef0d.small_cdef0d {
  padding: 7px 16px
}

.buttonReset_cdef0d {
  line-height: 0
}

.content_e145d9 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden
}

.streamHidden_e145d9 {
  background: var(--primary-700);
  flex-direction: column
}

.streamHiddenEmptyState_e145d9 {
  padding: 0;
  margin: 0
}

.streamHiddenCTA_e145d9 {
  justify-content: center;
  align-items: center;
  display: flex
}

.largePaddingTop_e145d9 {
  padding-top: 8px
}

.addStreamIcon_e145d9 {
  width: 24px;
  height: 24px
}

.addCTA_e145d9 {
  padding: 8px;
  margin-left: 8px
}

.leftTrayIcon_d22933 {
  margin-right: 16px
}

.rightTrayIcon_d22933 {
  margin-left: 16px
}

.embedTarget_d22933 {
  width: 100%;
  height: 100%
}

.embedTargetHidden_d22933 {
  width: 0;
  height: 0;
  visibility: hidden
}

.participantName_d22933 {
  margin-left: 8px
}

.loading_f3e233 {
  position: absolute;
  width: 100%;
  height: 100vh;
  background: var(--background-secondary);
  color: var(--text-normal)
}

.container_ce795d {
  position: absolute;
  margin: 8px;
  bottom: 0;
  right: 0;
  padding: 8px;
  white-space: pre;
  font-family: var(--font-code);
  font-size: 10px;
  background-color: var(--background-secondary);
  box-shadow: var(--shadow-border), var(--shadow-high);
  border-radius: 3px;
  pointer-events: all;
  z-index: 1001;
  min-height: 5em;
  width: 320px
}

.containerMinimized_ce795d {
  width: auto;
  min-height: auto
}

.content_ce795d {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 5em
}

.contentMinimized_ce795d {
  display: none
}

.notTracked_ce795d {
  color: var(--text-muted)
}

.label_ce795d {
  display: flex
}

.baseIcon_ce795d {
  width: 12px;
  height: 12px
}

.iconNotTracked_ce795d {
  color: var(--primary-300)
}

.iconTracked_ce795d {
  color: var(--status-positive)
}

.minimizeButton_ce795d {
  position: absolute;
  top: 0;
  right: 0;
  padding: 8px;
  cursor: pointer
}

.jsonSection_ce795d {
  margin-left: 8px;
  margin-bottom: 8px;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text
}

.stack_ce795d {
  color: var(--text-muted)
}

.current_ce795d {
  color: var(--text-normal)
}

.nitroWheel_abc655 {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  margin-left: 2px;
  vertical-align: sub
}

.themeSelectionContainer_cb7c27 {
  box-sizing: border-box;
  position: relative;
  height: var(--custom-theme-selection-selection-size);
  width: var(--custom-theme-selection-selection-size)
}

.themeSelection_cb7c27 {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  cursor: pointer
}

.themeSelection_cb7c27.selected_cb7c27 {
  cursor: default
}

.defaultThemeSelection_cb7c27 {
  box-shadow: inset 0 0 0 1px var(--interactive-normal)
}

.selectionCircle_cb7c27 {
  border-radius: 50%;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  position: absolute;
  top: -2px;
  left: -2px;
  cursor: default;
  pointer-events: none;
  box-shadow: inset 0 0 0 2px var(--brand-500), inset 0 0 0 4px var(--background-primary)
}

.checkmarkCircle_cb7c27 {
  position: absolute;
  right: 0
}

.checkmark_cb7c27 {
  color: var(--brand-500)
}

.redCircle_cb7c27 {
  position: absolute;
  right: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: var(--red-430);
  z-index: 2;
  background-clip: content-box;
  padding: 1px;
  cursor: pointer;
  box-shadow: inset 0 0 0 2px var(--background-primary)
}

.lockedBadgeContainer_cb7c27 {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 18px;
  height: 18px;
  border-radius: var(--radius-round);
  background-color: var(--background-primary);
  z-index: 2;
  background-clip: content-box;
  padding: 1px;
  cursor: pointer;
  box-shadow: inset 0 0 0 2px var(--background-primary);
  display: flex;
  align-items: center;
  justify-content: center
}

.lockedBadge_cb7c27 {
  width: 10px;
  height: 10px;
  color: var(--icon-primary)
}

.disabled_cb7c27 {
  pointer-events: none;
  opacity: .2
}

.iconWrapper_cb7c27 {
  width: var(--custom-theme-selection-selection-size);
  height: var(--custom-theme-selection-selection-size);
  position: absolute;
  text-align: center;
  margin-top: 18px
}

.darkOverlay_cb7c27 {
  --bg-overlay: linear-gradient(hsl(var(--black-500-hsl) / 0.2), hsl(var(--black-500-hsl) / 0.2))
}

.lightOverlay_cb7c27 {
  --bg-overlay: linear-gradient(hsl(var(--white-500-hsl) / 0.5), hsl(var(--white-500-hsl) / 0.5))
}

.darkIcon_cb7c27 {
  background: var(--primary-600)
}

.darkerIcon_cb7c27 {
  background: var(--plum-20)
}

.midnightIcon_cb7c27 {
  background: var(--black-500)
}

.lightIcon_cb7c27 {
  background: var(--white-500)
}

.appIconSelectionContainer_e2863f {
  box-sizing: border-box;
  position: relative;
  height: var(--custom-theme-selection-selection-size);
  width: var(--custom-theme-selection-selection-size)
}

.appIconSelection_e2863f {
  border-radius: 50%;
  overflow: hidden;
  width: var(--custom-theme-selection-selection-size);
  height: var(--custom-theme-selection-selection-size);
  box-shadow: 0 0 2px var(--interactive-normal);
  cursor: pointer
}

.appIconSelection_e2863f.selected_e2863f {
  cursor: default
}

.disabled_e2863f {
  pointer-events: none
}

.lockedBadgeContainer_e2863f {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 18px;
  height: 18px;
  border-radius: var(--radius-round);
  background-color: var(--background-primary);
  z-index: 2;
  background-clip: content-box;
  padding: 1px;
  cursor: pointer;
  box-shadow: inset 0 0 0 2px var(--background-primary);
  display: flex;
  align-items: center;
  justify-content: center
}

.lockedBadge_e2863f {
  width: 10px;
  height: 10px;
  color: var(--icon-primary)
}

.presets_df4d02 {
  display: flex;
  gap: 16px var(--custom-theme-selection-group-column-gap);
  flex-wrap: wrap;
  margin-top: 16px
}

.presetsJustified_df4d02 {
  display: grid;
  grid-template-columns: repeat(3, auto);
  justify-content: space-between;
  grid-gap: 16px
}

.header_df4d02 {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.headings_df4d02 {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.title_df4d02 {
  flex: 1;
  display: flex;
  align-items: center
}

.description_df4d02 {
  display: flex
}

.premiumIcon_df4d02 {
  color: var(--header-primary)
}

.nitroWheel_df4d02 {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  margin-left: 2px;
  vertical-align: sub;
  color: var(--header-primary)
}

.editorAnimate_bcfa1e {
  margin-right: calc(-1*(var(--custom-client-themes-editor-content-width) + 2*var(--custom-client-themes-editor-editor-padding)));
  animation: slidein_bcfa1e.25s 1s ease-in forwards
}

@keyframes slidein_bcfa1e {
  0% {
    margin-right: calc(-1*(var(--custom-client-themes-editor-content-width) + 2*var(--custom-client-themes-editor-editor-padding)))
  }

  to {
    margin-right: 0
  }
}

.title_bcfa1e {
  flex: 1;
  display: flex;
  align-items: center
}

.title_bcfa1e .premiumIcon_bcfa1e {
  color: var(--header-primary);
  margin-left: 8px;
  width: 18px;
  height: 18px
}

.editor_bcfa1e {
  position: relative;
  background: var(--background-primary);
  flex-grow: 0;
  padding: var(--custom-client-themes-editor-editor-padding)0 var(--custom-client-themes-editor-editor-padding);
  right: 0;
  z-index: 1;
  height: 100%;
  box-sizing: border-box;
  border-left: 5px solid var(--background-secondary);
  display: flex;
  flex-direction: column
}

.editorHeader_bcfa1e {
  padding: 0 var(--custom-client-themes-editor-editor-padding);
  width: var(--custom-client-themes-editor-content-width)
}

.editorBody_bcfa1e {
  padding: 0 var(--custom-client-themes-editor-editor-padding)
}

.selectionGroup_bcfa1e {
  margin-top: 16px;
  width: var(--custom-client-themes-editor-content-width)
}

.editorFooter_bcfa1e {
  margin-top: 16px;
  padding: 0 var(--custom-client-themes-editor-editor-padding);
  display: flex;
  flex-direction: column;
  gap: 8px
}

.footerButton_bcfa1e {
  padding: 11px;
  width: 100%
}

.closeCircleButton_bcfa1e {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 2
}

.closeCircle_bcfa1e {
  width: 100%;
  height: 100%;
  color: var(--interactive-normal)
}

.closeCircle_bcfa1e:hover,
.closeCircle_bcfa1e:focus {
  color: var(--interactive-hover)
}

.adyen-checkout__spinner__wrapper {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center
}

.adyen-checkout__spinner__wrapper--inline {
  display: inline-block;
  height: auto;
  margin-right: 8px
}

[dir=rtl] .adyen-checkout__spinner__wrapper--inline {
  margin-left: 8px;
  margin-right: 0
}

.adyen-checkout__spinner {
  animation: rotate-spinner 1.5s linear infinite;
  border: 3px solid#0075ff;
  border-radius: 50%;
  border-top-color: transparent;
  height: 43px;
  width: 43px
}

.adyen-checkout__spinner--large {
  height: 43px;
  width: 43px
}

.adyen-checkout__spinner--small {
  border-width: 2px;
  height: 16px;
  width: 16px
}

.adyen-checkout__spinner--medium {
  height: 28px;
  width: 28px
}

@keyframes rotate-spinner {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(1turn)
  }
}

.adyen-checkout__button {
  background: #00112c;
  border: 0;
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
  font-size: 1em;
  font-weight: 500;
  height: 48px;
  margin: 0;
  padding: 15px;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: background.3s ease-out, box-shadow.3s ease-out;
  width: 100%
}

.adyen-checkout__button:focus {
  box-shadow: 0 0 0 2px#3070ed;
  outline: 0
}

.adyen-checkout__button:hover {
  background: #1c3045;
  box-shadow: 0 0, 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14)
}

.adyen-checkout__button:active {
  background: #3a4a5c
}

.adyen-checkout__button:hover:focus {
  box-shadow: 0 0 0 2px#3070ed, 0 3px 4px rgba(0, 15, 45, .2)
}

.adyen-checkout__button:disabled,
.adyen-checkout__button:disabled:hover {
  box-shadow: none;
  cursor: not-allowed;
  opacity: .4;
  -webkit-user-select: all;
  -moz-user-select: all;
  user-select: all
}

.adyen-checkout__button.adyen-checkout__button--loading {
  background: #687282;
  box-shadow: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.adyen-checkout__button.adyen-checkout__button--pay {
  display: flex;
  justify-content: center;
  margin-top: 24px
}

.adyen-checkout__button.adyen-checkout__button--pay:disabled {
  opacity: .4
}

.adyen-checkout__button.adyen-checkout__button--standalone {
  margin-top: 0
}

.adyen-checkout__button.adyen-checkout__button--inline {
  display: block;
  font-size: .81em;
  height: auto;
  padding: 10px 8px;
  width: auto
}

.adyen-checkout__button.adyen-checkout__button--ghost {
  background: none;
  border: 0;
  color: #00112c
}

.adyen-checkout__button.adyen-checkout__button--ghost:hover {
  background: #f7f8f9;
  box-shadow: none
}

.adyen-checkout__button.adyen-checkout__button--ghost:active {
  background: #e6e9eb;
  box-shadow: none
}

.adyen-checkout__button.adyen-checkout__button--secondary {
  background: #fff;
  border: 1px solid#00112c;
  color: #00112c;
  padding: 10px 12px
}

.adyen-checkout__button.adyen-checkout__button--secondary:hover {
  background: #f7f8f9;
  box-shadow: 0 2px 4px rgba(27, 42, 60, .2), 0 4px 5px rgba(27, 42, 60, .14)
}

.adyen-checkout__button.adyen-checkout__button--secondary:active,
.adyen-checkout__button.adyen-checkout__button--secondary:active:hover {
  background: #f7f8f9;
  box-shadow: none
}

.adyen-checkout__button.adyen-checkout__button--secondary:disabled,
.adyen-checkout__button.adyen-checkout__button--secondary:disabled:hover {
  background-color: #f7f8f9;
  border-color: #99a3ad;
  box-shadow: none;
  cursor: not-allowed;
  opacity: .5;
  -webkit-user-select: all;
  -moz-user-select: all;
  user-select: all
}

.adyen-checkout__button.adyen-checkout__button--secondary .adyen-checkout__spinner {
  border-color: transparent#00112c#00112c
}

.adyen-checkout__button.adyen-checkout__button--action {
  background: rgba(0, 102, 255, .1);
  border: 1px solid transparent;
  color: #0075ff;
  padding: 10px 12px
}

.adyen-checkout__button.adyen-checkout__button--action:hover {
  background: rgba(0, 102, 255, .2);
  box-shadow: none
}

.adyen-checkout__button.adyen-checkout__button--action:active,
.adyen-checkout__button.adyen-checkout__button--action:active:hover {
  background: rgba(0, 102, 255, .3);
  box-shadow: none
}

.adyen-checkout__button.adyen-checkout__button--link {
  background: transparent;
  border: 1px solid transparent;
  border-radius: 3px;
  color: #0075ff;
  font-weight: 400;
  padding: 2px
}

.adyen-checkout__button.adyen-checkout__button--link:hover {
  background: transparent;
  box-shadow: none;
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.adyen-checkout__button.adyen-checkout__button--completed,
.adyen-checkout__button.adyen-checkout__button--completed:active,
.adyen-checkout__button.adyen-checkout__button--completed:active:hover,
.adyen-checkout__button.adyen-checkout__button--completed:hover {
  background: #089a43;
  color: #fff
}

.adyen-checkout__button.adyen-checkout__button--completed .adyen-checkout__button__icon {
  filter: brightness(0)invert(1)
}

.adyen-checkout__button__content {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center
}

.adyen-checkout__button__icon {
  margin-right: 12px
}

[dir=rtl] .adyen-checkout__button__icon {
  margin-left: 12px;
  margin-right: 0
}

.adyen-checkout__button__text {
  display: block;
  justify-content: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.adyen-checkout__button .adyen-checkout__spinner {
  border-color: transparent#fff#fff
}

.checkout-secondary-button__text {
  font-size: .85em;
  margin-left: 5px;
  margin-top: 1px
}

.adyen-checkout__fieldset {
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-padding-before: 0;
  -webkit-padding-after: 0;
  -webkit-padding-start: 0;
  -webkit-padding-end: 0;
  border: none;
  display: block;
  margin-right: 0;
  margin-left: 0;
  margin: 0;
  padding-top: 0;
  padding-bottom: 8px;
  padding-bottom: 0;
  padding-right: 0;
  padding-left: 0;
  width: 100%
}

.adyen-checkout__fieldset:last-of-type {
  padding-bottom: 0
}

.adyen-checkout__fieldset+.adyen-checkout__fieldset {
  margin-top: 16px
}

.adyen-checkout__fieldset__title {
  color: #687282;
  display: block;
  font-size: .68em;
  font-weight: 700;
  letter-spacing: 1px;
  margin: 0;
  padding: 0 0 12px;
  text-transform: uppercase
}

.adyen-checkout__field-group,
.adyen-checkout__fieldset__fields {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%
}

@media(min-width:480px) {
  .adyen-checkout__field-group:last-of-type .adyen-checkout__field {
    margin-bottom: 0
  }
}

.adyen-checkout__field-group:last-of-type .adyen-checkout__field:last-of-type,
:not(.adyen-checkout__field-group)>.adyen-checkout__field:last-of-type {
  margin-bottom: 0
}

.adyen-checkout__fieldset--readonly .adyen-checkout__fieldset__fields {
  color: #00112c;
  font-size: .81em;
  line-height: 19px;
  margin: 0
}

.adyen-checkout__field {
  display: block;
  margin-bottom: 16px;
  width: 100%
}

.adyen-checkout__label {
  display: block;
  position: relative
}

.adyen-checkout__helper-text,
.adyen-checkout__label__text {
  color: #00112c;
  display: block;
  font-size: .81em;
  font-weight: 400;
  line-height: 13px;
  padding-bottom: 5px
}

.adyen-checkout__label-adornment--end {
  position: absolute;
  right: 0;
  top: 0
}

.adyen-checkout__helper-text {
  color: #687282
}

.adyen-checkout__label__text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color.1s ease-out;
  white-space: nowrap
}

.adyen-checkout__label__text--error {
  color: #c12424
}

.adyen-checkout__label--focused .adyen-checkout__label__text {
  color: #0075ff
}

.adyen-checkout__error-text {
  align-items: center;
  color: #c12424;
  display: flex;
  font-size: .75em;
  font-weight: 400;
  margin-top: 4px
}

.adyen-checkout__field-wrapper {
  display: flex;
  width: 100%
}

@media(min-width:480px) {
  .adyen-checkout__field--20 {
    width: 20%
  }

  .adyen-checkout__field--30 {
    width: 30%
  }

  .adyen-checkout__field--40 {
    width: 40%
  }

  .adyen-checkout__field--50 {
    width: 50%
  }

  .adyen-checkout__field--60 {
    width: 60%
  }

  .adyen-checkout__field--70 {
    width: 70%
  }

  .adyen-checkout__field--80 {
    width: 80%
  }

  .adyen-checkout__field--col-70 {
    width: calc(70% - 8px)
  }

  .adyen-checkout__field--col-30 {
    width: calc(30% - 8px)
  }

  .adyen-checkout__field--col-50 {
    width: calc(50% - 8px)
  }
}

.adyen-checkout__field-wrapper>.adyen-checkout__field:first-child {
  margin-right: 8px
}

[dir=rtl] .adyen-checkout__field-wrapper>.adyen-checkout__field:first-child {
  margin-left: 8px;
  margin-right: 0
}

.adyen-checkout__field-wrapper>.adyen-checkout__field:nth-child(2) {
  margin-left: 8px
}

[dir=rtl] .adyen-checkout__field-wrapper>.adyen-checkout__field:nth-child(2) {
  margin-left: 0;
  margin-right: 8px
}

.adyen-checkout__field-wrapper:last-of-type>.adyen-checkout__field {
  margin-bottom: 0
}

.adyen-checkout__input {
  background: #fff;
  border: 1px solid#b9c4c9;
  border-radius: 6px;
  box-sizing: border-box;
  caret-color: #0075ff;
  color: #00112c;
  display: block;
  font-family: inherit;
  font-size: 1em;
  height: 40px;
  outline: none;
  padding: 5px 8px;
  position: relative;
  transition: border.2s ease-out, box-shadow.2s ease-out;
  width: 100%
}

.adyen-checkout__input:hover {
  border-color: #99a3ad
}

.adyen-checkout__input:required {
  box-shadow: none
}

.adyen-checkout__input--disabled,
.adyen-checkout__input[readonly] {
  background: #e6e9eb;
  border-color: #e6e9eb
}

.adyen-checkout__input--disabled:hover {
  border-color: #e6e9eb
}

.adyen-checkout__input-wrapper {
  display: block;
  position: relative
}

.adyen-checkout__input-wrapper--block {
  display: block
}

.adyen-checkout-input__inline-validation {
  height: 16px;
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translatey(-50%);
  width: 16px
}

[dir=rtl] .adyen-checkout-input__inline-validation {
  left: 14px;
  right: auto
}

[dir=ltr] .adyen-checkout-input__inline-validation {
  left: auto;
  right: 14px
}

.adyen-checkout-input__inline-validation--valid {
  color: #089a43
}

.adyen-checkout-input__inline-validation--invalid {
  color: #c12424
}

.adyen-checkout__input--valid {
  border-bottom-color: #089a43
}

.adyen-checkout__input--error,
.adyen-checkout__input--error:hover,
.adyen-checkout__input--invalid,
.adyen-checkout__input--invalid:hover {
  border-color: #c12424
}

.adyen-checkout__input::-moz-placeholder {
  color: #707070;
  font-weight: 200
}

.adyen-checkout__input::placeholder {
  color: #707070;
  font-weight: 200
}

.adyen-checkout__input--date {
  padding-right: 30px
}

.adyen-checkout__input--focus,
.adyen-checkout__input--focus:hover,
.adyen-checkout__input:active,
.adyen-checkout__input:active:hover,
.adyen-checkout__input:focus,
.adyen-checkout__input:focus:hover {
  border: 1px solid#0075ff;
  box-shadow: 0 0 0 2px#3070ed
}

.adyen-checkout__input[readonly],
.adyen-checkout__input[readonly]:hover {
  background-color: #e6e9eb;
  border-color: transparent;
  color: #687282;
  cursor: default
}

.adyen-checkout__fieldset--personalDetails .adyen-checkout__field--gender .adyen-checkout__radio_group {
  display: flex
}

.adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group {
  display: flex;
  margin: 8px 0
}

.adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group__input-wrapper {
  margin-right: 20px
}

.adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group__input-wrapper:last-child {
  margin: 0
}

.adyen-checkout__radio_group+.adyen-checkout-input__inline-validation {
  display: none
}

.adyen-checkout__radio_group__input {
  opacity: 0;
  position: absolute
}

.adyen-checkout__radio_group__label {
  color: inherit;
  display: block;
  font-size: .81em;
  font-weight: 400;
  line-height: 16px;
  overflow: visible;
  padding-bottom: 0;
  padding-left: 24px;
  position: relative
}

.adyen-checkout__label--focused .adyen-checkout__radio_group__label {
  color: inherit
}

.adyen-checkout__radio_group__label:before {
  background-color: #fff;
  border: 1px solid#b9c4c9;
  border-radius: 50%;
  content: "";
  height: 16px;
  left: 0;
  position: absolute;
  top: 0;
  transition: border-color.2s ease-out, box-shadow.2s ease-out;
  width: 16px
}

.adyen-checkout__radio_group__label:hover:before {
  border-color: #99a3ad;
  box-shadow: 0 0 0 2px#d4d9db;
  cursor: pointer
}

.adyen-checkout__radio_group__label:after {
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 1px rgba(0, 15, 45, .25);
  content: "";
  display: block;
  height: 6px;
  left: 5px;
  margin: 0 auto;
  position: absolute;
  top: 5px;
  transform: scale(0);
  transition: transform.2s ease-out;
  width: 6px
}

.adyen-checkout__radio_group__label:hover {
  border-color: #0075ff;
  cursor: pointer
}

.adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label:before,
.adyen-checkout__radio_group__label--selected {
  background-color: #0075ff;
  border: 0;
  transition: all.2s ease-out
}

.adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label:after {
  transform: scale(1)
}

.adyen-checkout__radio_group__input:focus+.adyen-checkout__radio_group__label:before {
  border-color: #0075ff;
  box-shadow: 0 0 0 2px rgba(0, 102, 255, .4)
}

.adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label:hover:before,
.adyen-checkout__radio_group__input:checked:active+.adyen-checkout__radio_group__label:before,
.adyen-checkout__radio_group__input:checked:focus+.adyen-checkout__radio_group__label:before {
  box-shadow: 0 0 0 2px rgba(0, 102, 255, .4)
}

.adyen-checkout__radio_group__label.adyen-checkout__radio_group__label--invalid:before {
  border: 1px solid#c12424
}

.Select-module_adyen-checkout__dropdown__0Mj-n {
  position: relative
}

.Select-module_adyen-checkout__dropdown__button__yTyqq {
  align-items: center;
  cursor: pointer;
  display: flex
}

.Select-module_adyen-checkout__dropdown__button__yTyqq:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.195 6.565a1 1 0 0 0 1.6 0l2.992-3.98a1 1 0 0 0-.8-1.602H1.013a1 1 0 0 0-.8 1.6l2.983 3.982Z' fill='%23687282'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  content: "";
  height: 6px;
  position: absolute;
  right: 16px;
  width: 8px
}

[dir=rtl] .Select-module_adyen-checkout__dropdown__button__yTyqq:after {
  left: 16px;
  right: auto
}

.Select-module_adyen-checkout__dropdown__button--active__Ej-JR:after {
  transform: rotate(180deg)
}

.Select-module_adyen-checkout__filter-input__CwPBS {
  background: #fff;
  border: 0;
  caret-color: #0075ff;
  color: #00112c;
  font-family: inherit;
  font-size: 1em;
  height: 100%;
  padding: 0;
  width: 100%
}

.Select-module_adyen-checkout__filter-input__CwPBS::-moz-placeholder {
  color: #b9c4c9;
  font-weight: 200
}

.Select-module_adyen-checkout__filter-input__CwPBS::placeholder {
  color: #b9c4c9;
  font-weight: 200
}

.Select-module_adyen-checkout__filter-input__CwPBS:active,
.Select-module_adyen-checkout__filter-input__CwPBS:focus {
  outline: 0
}

.Select-module_adyen-checkout__filter-input__CwPBS[readonly] {
  background: #e6e9eb;
  border-color: transparent;
  color: #00112c;
  cursor: not-allowed
}

.Select-module_adyen-checkout__dropdown__list__YtEzj {
  background: #fff;
  display: none;
  list-style: none;
  margin: 0 0 50px;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  width: 100%;
  z-index: 1
}

.Select-module_adyen-checkout__dropdown__list__YtEzj.Select-module_adyen-checkout__dropdown__list--active__Gegw2 {
  display: block
}

.Select-module_adyen-checkout__dropdown__element__ORU4- {
  align-items: center;
  display: flex
}

.adyen-checkout__image {
  opacity: 0;
  transition: opacity.6s ease-out
}

.adyen-checkout__image--loaded {
  opacity: 1
}

.adyen-checkout__dropdown__button-icon--left {
  flex-direction: row-reverse;
  justify-content: flex-end
}

.adyen-checkout__dropdown__button-icon--left>img {
  margin-left: 0;
  margin-right: 12px
}

.adyen-checkout__dropdown {
  font-size: 1em;
  max-width: 100%;
  width: 100%
}

.adyen-checkout__dropdown__button {
  background: #fff;
  border: 1px solid#b9c4c9;
  border-radius: 6px;
  color: #00112c;
  font-size: 1em;
  height: 40px;
  line-height: 20px;
  outline: 0;
  padding: 7px 24px 7px 12px;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: border.2s ease-out, box-shadow.2s ease-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}

[dir=rtl] .adyen-checkout__dropdown__button {
  padding: 7px 12px 7px 24px
}

.adyen-checkout__dropdown__button:hover {
  border-color: #99a3ad
}

.adyen-checkout__dropdown__button__icon {
  border-radius: 3px;
  height: 26px;
  margin-right: 12px;
  max-width: 40px
}

.adyen-checkout__dropdown__button--disabled {
  opacity: .4
}

.adyen-checkout__dropdown__button--active,
.adyen-checkout__dropdown__button--active:hover,
.adyen-checkout__dropdown__button:active,
.adyen-checkout__dropdown__button:focus {
  border-color: #0075ff;
  box-shadow: 0 0 0 2px#3070ed
}

.adyen-checkout__dropdown__button--readonly,
.adyen-checkout__dropdown__button--readonly--active,
.adyen-checkout__dropdown__button--readonly:focus,
.adyen-checkout__dropdown__button--readonly:hover {
  background: #e6e9eb;
  border-color: transparent;
  color: #00112c;
  cursor: not-allowed
}

.adyen-checkout__dropdown__button--readonly:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.195 6.565a1 1 0 0 0 1.6 0l2.992-3.98a1 1 0 0 0-.8-1.602H1.013a1 1 0 0 0-.8 1.6l2.983 3.982Z' fill='%23B9C4C9'/%3E%3C/svg%3E")
}

.adyen-checkout__dropdown__button--invalid {
  border-color: #c12424
}

.adyen-checkout__dropdown__button--valid {
  border-bottom-color: #089a43
}

.adyen-checkout__dropdown__button__text {
  flex-grow: 1;
  overflow: hidden;
  pointer-events: none;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap
}

.adyen-checkout__dropdown__button__secondary-text {
  margin-right: 16px
}

.adyen-checkout__dropdown__list {
  border-radius: 6px;
  box-shadow: 0 2px 7px rgba(0, 15, 45, .3);
  max-height: 375px;
  z-index: 2
}

.adyen-checkout__dropdown__list.adyen-checkout__dropdown__list--active {
  margin-top: 2px
}

.adyen-checkout__dropdown__element {
  border: 1px solid transparent;
  cursor: pointer;
  font-size: .81em;
  -webkit-hyphens: auto;
  hyphens: auto;
  line-height: 20px;
  outline: 0;
  padding: 8px;
  transition: background.2s ease-out, border-color.2s ease-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  word-break: break-word
}

.adyen-checkout__dropdown__element .adyen-checkout__icon {
  position: absolute;
  right: 8px
}

.adyen-checkout__dropdown__element:last-child {
  border-bottom: 0
}

.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--active {
  background: rgba(230, 233, 235, .6)
}

.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected {
  background: rgba(0, 102, 255, .1)
}

.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected:active,
.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected:focus,
.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected:hover {
  background: rgba(0, 102, 255, .15)
}

.adyen-checkout__dropdown__element--disabled {
  cursor: not-allowed;
  opacity: .4
}

.adyen-checkout__dropdown__element__icon {
  border-radius: 3px;
  margin-right: 12px;
  max-height: 26px;
  max-width: 40px
}

.adyen-checkout__dropdown__element__text {
  flex-grow: 1
}

.adyen-checkout__dropdown__element__secondary-text:not(:last-child) {
  margin-right: 8px
}

.adyen-checkout__dropdown__element__flag {
  margin-left: 8px;
  margin-right: 10px;
  max-height: 18px;
  max-width: 27px
}

.adyen-checkout__dropdown+.adyen-checkout-input__inline-validation {
  right: 32px
}

.adyen-checkout__address-search {
  position: relative
}

.adyen-checkout__address-search .adyen-checkout__dropdown__button:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23687282' d='M6.5 11.9a4.5 4.5 0 0 0 2.6-.83l2.77 2.74c.13.13.3.19.48.19.38 0 .65-.29.65-.66a.63.63 0 0 0-.19-.46l-2.75-2.73a4.4 4.4 0 0 0 .92-2.7 4.48 4.48 0 0 0-8.98 0 4.48 4.48 0 0 0 4.5 4.45Zm0-.96a3.53 3.53 0 0 1-3.53-3.49 3.52 3.52 0 0 1 7.04 0c0 1.9-1.59 3.49-3.52 3.49Z'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  content: "";
  height: 16px;
  left: 12px;
  position: absolute;
  width: 16px
}

.adyen-checkout__address-search .adyen-checkout__dropdown__button--active:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%2300112C' d='M6.5 11.9a4.5 4.5 0 0 0 2.6-.83l2.77 2.74c.13.13.3.19.48.19.38 0 .65-.29.65-.66a.63.63 0 0 0-.19-.46l-2.75-2.73a4.4 4.4 0 0 0 .92-2.7 4.48 4.48 0 0 0-8.98 0 4.48 4.48 0 0 0 4.5 4.45Zm0-.96a3.53 3.53 0 0 1-3.53-3.49 3.52 3.52 0 0 1 7.04 0c0 1.9-1.59 3.49-3.52 3.49Z'/%3E%3C/svg%3E");
  transform: none
}

.adyen-checkout__address-search .adyen-checkout__filter-input {
  padding-left: 24px
}

.adyen-checkout__address-search__manual-add {
  position: absolute;
  right: 0;
  top: 0
}

.adyen-checkout__address-search__manual-add .adyen-checkout__address-search__manual-add__button {
  border: 0;
  padding: 0
}

.adyen-checkout__checkbox {
  display: block
}

.adyen-checkout__checkbox__label {
  color: #00112c;
  cursor: pointer;
  display: inline-block;
  font-size: .81em;
  font-weight: 400;
  line-height: 19px;
  padding-left: 24px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

[dir=rtl] .adyen-checkout__checkbox__label {
  padding-left: 0;
  padding-right: 24px
}

.adyen-checkout__checkbox__input {
  opacity: 0;
  pointer-events: none;
  position: absolute
}

.adyen-checkout__checkbox__input:checked+.adyen-checkout__checkbox__label:before {
  opacity: 1
}

.adyen-checkout__checkbox__input:checked+.adyen-checkout__checkbox__label:after {
  background-color: #0075ff;
  border: 1px solid#0075ff
}

.adyen-checkout__checkbox__input:checked:hover+.adyen-checkout__checkbox__label:after {
  border-color: #0075ff;
  box-shadow: 0 0 0 2px rgba(0, 102, 255, .4)
}

.adyen-checkout__checkbox__input:focus+.adyen-checkout__checkbox__label:after {
  border: 1px solid#0075ff;
  box-shadow: 0 0 0 2px#3070ed
}

.adyen-checkout__checkbox__input:hover:not(:focus)+.adyen-checkout__checkbox__label:after {
  border-color: #99a3ad;
  box-shadow: 0 0 0 2px#d4d9db
}

.adyen-checkout__checkbox__input+.adyen-checkout__checkbox__label:before {
  border-color: transparent#fff#fff transparent;
  border-radius: 0 2px 1px;
  border-style: solid;
  border-width: 1px 2px 2px 1px;
  content: "";
  height: 11px;
  left: 1px;
  opacity: 0;
  position: absolute;
  top: 2px;
  transform: rotate(37deg);
  transform-origin: 100%100%;
  transition: opacity.2s ease-out;
  width: 6px;
  z-index: 1
}

[dir=rtl] .adyen-checkout__checkbox__input+.adyen-checkout__checkbox__label:before {
  left: auto;
  right: 8px
}

.adyen-checkout__checkbox__input+.adyen-checkout__checkbox__label:after {
  background-color: #fff;
  border: 1px solid#b9c4c9;
  border-radius: 3px;
  content: "";
  height: 16px;
  left: 0;
  position: absolute;
  top: 0;
  transition: background.15s ease-out, border 50ms ease-out, box-shadow.1s ease-out;
  width: 16px;
  z-index: 0
}

[dir=rtl] .adyen-checkout__checkbox__input+.adyen-checkout__checkbox__label:after {
  left: auto;
  right: 0
}

.adyen-checkout__field--consentCheckbox {
  background: #e6e9eb;
  border: 1px solid#e6e9eb;
  border-radius: 6px;
  padding: 14px 14px 13px
}

[dir=rtl] .adyen-checkout__field--consentCheckbox {
  padding: 14px 14px 13px
}

.adyen-checkout__field--consentCheckbox.adyen-checkout__field--error {
  border-color: #c12424
}

.adyen-checkout__field--consentCheckbox .adyen-checkout-input__inline-validation {
  right: -5px;
  top: 10px
}

.adyen-checkout__open-invoice .adyen-checkout__fieldset--billingAddress {
  padding-bottom: 8px
}

.adyen-checkout__open-invoice .adyen-checkout__fieldset--deliveryAddress {
  margin-top: 24px;
  padding-bottom: 8px
}

.adyen-checkout__open-invoice .adyen-checkout__input--separateDeliveryAddress {
  margin-bottom: 0
}

.adyen-checkout__open-invoice .adyen-checkout__field--consentCheckbox {
  margin-top: 22px
}

.adyen-checkout__input--separateDeliveryAddress+.adyen-checkout__checkbox__label {
  margin-top: 16px
}

.adyen-checkout-form-instruction {
  color: #687282;
  font-size: .81em;
  font-weight: 400;
  line-height: 19px;
  margin-top: 0
}

[dir=rtl] .adyen-checkout-form-instruction {
  padding-right: 0
}

.adyen-checkout__amazonpay__button {
  margin: auto
}

.adyen-checkout__amazonpay .adyen-checkout__button--ghost {
  display: block;
  margin: 8px auto 0;
  width: auto
}

@supports(-webkit-appearance:-apple-pay-button) {

  .ApplePayButton-module_apple-pay-button__l5g-d,
  .ApplePayButton-module_apple-pay__gYjuP {
    -webkit-appearance: -apple-pay-button
  }

  .ApplePayButton-module_apple-pay-button__l5g-d {
    cursor: pointer;
    display: inline-block
  }

  .ApplePayButton-module_apple-pay-button-black__istwW {
    -apple-pay-button-style: black
  }

  .ApplePayButton-module_apple-pay-button-white__-wLaE {
    -apple-pay-button-style: white
  }

  .ApplePayButton-module_apple-pay-button-white-with-line__MlRq7 {
    -apple-pay-button-style: white-outline
  }

  .ApplePayButton-module_apple-pay-button--type-plain__ycfNl {
    -apple-pay-button-type: plain
  }

  .ApplePayButton-module_apple-pay-button--type-buy__9m8AB {
    -apple-pay-button-type: buy
  }

  .ApplePayButton-module_apple-pay-button--type-donate__HmRdK {
    -apple-pay-button-type: donate
  }

  .ApplePayButton-module_apple-pay-button--type-check-out__XdGWd {
    -apple-pay-button-type: check-out
  }

  .ApplePayButton-module_apple-pay-button--type-book__-v-VY {
    -apple-pay-button-type: book
  }

  .ApplePayButton-module_apple-pay-button--type-subscribe__WxWIF {
    -apple-pay-button-type: subscribe
  }

  .ApplePayButton-module_apple-pay-button--type-add-money__zeBA8 {
    -apple-pay-button-type: add-money
  }

  .ApplePayButton-module_apple-pay-button--type-contribute__G3E8e {
    -apple-pay-button-type: contribute
  }

  .ApplePayButton-module_apple-pay-button--type-order__ggI6j {
    -apple-pay-button-type: order
  }

  .ApplePayButton-module_apple-pay-button--type-reload__QbgLd {
    -apple-pay-button-type: reload
  }

  .ApplePayButton-module_apple-pay-button--type-rent__VzC-E {
    -apple-pay-button-type: rent
  }

  .ApplePayButton-module_apple-pay-button--type-support__6EjmY {
    -apple-pay-button-type: support
  }

  .ApplePayButton-module_apple-pay-button--type-tip__bdzGK {
    -apple-pay-button-type: tip
  }

  .ApplePayButton-module_apple-pay-button--type-top-up__Eb3qR {
    -apple-pay-button-type: top-up
  }
}

@supports not (-webkit-appearance:-apple-pay-button) {
  .ApplePayButton-module_apple-pay-button__l5g-d {
    background-position: 50%50%;
    background-repeat: no-repeat;
    background-size: 100%60%;
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block;
    max-height: 64px;
    min-height: 32px;
    min-width: 200px;
    padding: 0
  }

  .ApplePayButton-module_apple-pay-button-black__istwW {
    background-color: black;
    background-image: -webkit-named-image(apple-pay-logo-white)
  }

  .ApplePayButton-module_apple-pay-button-white-with-line__MlRq7,
  .ApplePayButton-module_apple-pay-button-white__-wLaE {
    background-color: white;
    background-image: -webkit-named-image(apple-pay-logo-black)
  }

  .ApplePayButton-module_apple-pay-button-white-with-line__MlRq7 {
    border: .5px solid black
  }
}

.adyen-checkout__applepay__button {
  height: 48px;
  width: 240px
}

.adyen-checkout__dropin .adyen-checkout__applepay__button {
  width: 100%
}

.adyen-checkout__issuer-button {
  align-items: center;
  background-color: #fff;
  border: none;
  border-radius: 6px;
  box-shadow: inset 0 0 0 1px#b9c4c9;
  cursor: pointer;
  display: flex;
  flex-basis: 47%;
  flex-grow: 2;
  font-size: .81em;
  height: 40px;
  padding: 0 12px;
  transition: background.3s ease-out, box-shadow.3s ease-out
}

.adyen-checkout__issuer-button:active {
  color: black
}

.adyen-checkout__issuer-button:not(.adyen-checkout__issuer-button--selected):focus {
  box-shadow: inset 0 0 0 2px#99a3ad;
  outline: none
}

.adyen-checkout__issuer-button:not(.adyen-checkout__issuer-button--selected):focus-visible {
  box-shadow: inset 0 0 0 2px#99a3ad;
  outline: none
}

.adyen-checkout__issuer-button:not(.adyen-checkout__issuer-button--selected):hover {
  box-shadow: inset 0 0 0 2px#99a3ad;
  outline: none
}

.adyen-checkout__issuer-button--selected {
  background: #fff;
  box-shadow: inset 0 0 0 2px#0075ff;
  color: #0075ff;
  font-weight: 500;
  height: 40px;
  transition: none
}

.adyen-checkout__issuer-button-img {
  margin-right: 8px;
  max-height: 26px
}

.adyen-checkout__issuer-button-group {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 16px
}

.adyen-checkout__content-separator {
  align-items: center;
  color: #687282;
  display: flex;
  font-size: 13px;
  justify-content: center;
  line-height: 19px;
  margin-bottom: 16px;
  margin-top: 16px;
  white-space: nowrap
}

.adyen-checkout__content-separator:after,
.adyen-checkout__content-separator:before {
  background: #e6e9eb;
  content: "";
  display: block;
  height: 1px;
  width: 100%
}

.adyen-checkout__content-separator:after {
  margin-left: 20px
}

.adyen-checkout__content-separator:before {
  margin-right: 20px
}

.adyen-checkout__field--issuer-list {
  margin-bottom: 0
}

.adyen-checkout__issuer-list__termsAndConditions {
  text-align: center
}

.adyen-checkout-disclaimer__label {
  color: #687282;
  display: inline-block;
  font-size: .81em;
  font-weight: 400;
  line-height: 19px;
  margin-top: 16px;
  padding-left: 0
}

[dir=rtl] .adyen-checkout-disclaimer__label {
  padding-right: 0
}

.adyen-checkout__card-input__form {
  transition: opacity.25s ease-out
}

.adyen-checkout__card__cardNumber {
  max-width: 400px
}

.adyen-checkout__card__cardNumber__input {
  padding: 5px 8px
}

.adyen-checkout__card__exp-date__input--oneclick {
  font-weight: 400;
  line-height: 30px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap
}

.adyen-checkout__field--storedCard .adyen-checkout__input[readonly],
.adyen-checkout__field--storedCard .adyen-checkout__input[readonly]:hover {
  color: #00112c
}

.adyen-checkout__card__holderName,
.adyen-checkout__field--expiryDate,
.adyen-checkout__field--storedCard {
  margin-bottom: 0
}

.adyen-checkout__card-input .adyen-checkout__fieldset--billingAddress,
.adyen-checkout__card__holderName,
.adyen-checkout__card__kcp-authentication,
.adyen-checkout__card__socialSecurityNumber,
.adyen-checkout__installments,
.adyen-checkout__store-details {
  margin-top: 16px
}

.adyen-checkout__card-input.adyen-checkout__card-input--loading {
  pointer-events: none
}

.adyen-checkout__card__holderName:first-child {
  margin: 0 0 16px
}

.adyen-checkout__field--cardNumber .adyen-checkout__input--error .adyen-checkout__card__cardNumber__brandIcon,
.adyen-checkout__field--cardNumber .adyen-checkout__input--valid:not(.adyen-checkout__card__cardNumber__input--noBrand)+.adyen-checkout-input__inline-validation--valid {
  display: none
}

.adyen-checkout__field--securityCode.adyen-checkout__field--error .adyen-checkout__card__cvc__hint,
.adyen-checkout__field--securityCode.adyen-checkout__field--valid .adyen-checkout__card__cvc__hint {
  opacity: 0
}

@keyframes cvc-indicate-location {
  0% {
    opacity: 1
  }

  to {
    opacity: .3
  }
}

.adyen-checkout__label--focused .adyen-checkout__field__cvc--back-hint .adyen-checkout__card__cvc__hint--back .adyen-checkout__card__cvc__hint__location,
.adyen-checkout__label--focused .adyen-checkout__field__cvc--front-hint .adyen-checkout__card__cvc__hint--front .adyen-checkout__card__cvc__hint__location {
  animation-direction: alternate;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: cvc-indicate-location
}

.adyen-checkout__card__cvc__hint__wrapper {
  align-items: center;
  backface-visibility: visible;
  display: flex;
  height: 100%;
  margin: 0 10px;
  position: absolute;
  right: 0;
  top: 0;
  transform: translatez(0);
  transform-origin: center;
  transform-style: preserve-3d;
  transition: transform.3s cubic-bezier(.455, .03, .515, .955);
  width: 27px;
  will-change: transform
}

.adyen-checkout__field__cvc--front-hint.adyen-checkout__card__cvc__hint__wrapper {
  transform: rotatey(180deg)
}

.adyen-checkout__card__cvc__hint {
  backface-visibility: hidden;
  position: absolute;
  transition: opacity.1s linear
}

.adyen-checkout__field__exp-date_hint_wrapper {
  align-items: center;
  bottom: 0;
  display: flex;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity.1s linear
}

.adyen-checkout__field__exp-date_hint_wrapper.adyen-checkout__field__exp-date_hint_wrapper--hidden {
  opacity: 0
}

.adyen-checkout__field__exp-date_hint {
  height: 18px;
  margin: 0 10px 0 0;
  width: 27px
}

.adyen-checkout__card__cvc__hint--front {
  transform: rotatey(180deg)
}

@media(prefers-reduced-motion:reduce) {
  .adyen-checkout__card__cvc__hint__wrapper {
    transition: none
  }
}

.adyen-checkout__fieldset--revolving-plan .adyen-checkout__fieldset__fields {
  justify-content: left
}

.adyen-checkout__fieldset--revolving-plan .adyen-checkout__radio_group {
  display: flex;
  flex-direction: column
}

.adyen-checkout__fieldset--revolving-plan .adyen-checkout__radio_group__input-wrapper {
  margin-top: 20px
}

.adyen-checkout__fieldset--revolving-plan .adyen-checkout__field--revolving-plan-installments {
  margin-left: 15px;
  position: relative;
  top: 42px;
  width: 30%
}

.LoadingWrapper-module_loading-input__form__ffCKa {
  opacity: 1
}

.LoadingWrapper-module_loading-input__form--loading__7GmVo {
  opacity: 0
}

.LoadingWrapper-module_loading-input__spinner__GxA51 {
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.LoadingWrapper-module_loading-input__spinner--active__ENNBS {
  display: block
}

.CardInput-module_card-input__wrapper__wXSCw {
  position: relative
}

.CardInput-module_card-input__wrapper__wXSCw *,
.CardInput-module_card-input__wrapper__wXSCw :after,
.CardInput-module_card-input__wrapper__wXSCw :before {
  box-sizing: border-box
}

.CardInput-module_card-input__icon__3Cz5M {
  border-radius: 3px;
  height: 18px;
  margin-left: 7px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translatey(-50%);
  width: 27px
}

.CardInput-module_card-input__form__fRo1r {
  opacity: 1
}

.CardInput-module_card-input__spinner__-j2Qi {
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.CardInput-module_card-input__spinner--active__slD7w {
  display: block
}

.CardInput-module_card-input__form--loading__rrmdj {
  opacity: 0
}

.CardInput-module_adyen-checkout__input__11tlB {
  display: block;
  max-height: 100px
}

.CardInput-module_adyen-checkout__card__cvc__input--hidden__VIlHV,
.CardInput-module_adyen-checkout__card__exp-date__input--hidden__evi6- {
  display: none
}

.CardInput-module_adyen-checkout__card__exp-cvc__exp-date__input--hidden__YC3VT {
  justify-content: flex-end
}

.CardInput-module_revolving-plan-installments__disabled__VhNj2 {
  opacity: .4;
  pointer-events: none
}

.adyen-checkout__card__dual-branding__buttons {
  display: flex;
  opacity: .4;
  pointer-events: none
}

.adyen-checkout__card__dual-branding__buttons--active {
  opacity: 1;
  pointer-events: auto
}

.adyen-checkout__card__dual-branding__buttons .adyen-checkout__card__cardNumber__brandIcon {
  cursor: pointer;
  opacity: 1
}

.adyen-checkout__card__dual-branding__buttons .adyen-checkout__card__cardNumber__brandIcon:first-child {
  right: 40px
}

.adyen-checkout__card__dual-branding__buttons .adyen-checkout__card__cardNumber__brandIcon--not-selected {
  opacity: .5
}

.adyen-checkout__card__brands {
  display: flex;
  flex-basis: auto;
  flex-shrink: 1;
  flex-wrap: wrap;
  gap: 4px;
  height: 16px;
  margin-bottom: 16px;
  margin-top: -8px;
  overflow: hidden;
  transition: all.2s ease-out
}

.adyen-checkout__card__brands--hidden {
  height: 0;
  margin: -8px 0 8px;
  opacity: 0
}

.adyen-checkout__card__brands img {
  border-radius: 3px;
  height: 16px;
  width: 24px
}

.adyen-checkout__card__brands__brand-wrapper {
  display: inline-block;
  height: 16px;
  position: relative;
  width: 24px
}

.adyen-checkout__card__brands__brand-wrapper:after {
  border: 1px solid rgba(0, 27, 43, .17);
  border-radius: 3px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.adyen-checkout-ctp__otp-resend-code {
  color: #0075ff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 400;
  margin-left: auto
}

.adyen-checkout-ctp__otp-resend-code--confirmation,
.adyen-checkout-ctp__otp-resend-code--disabled {
  color: #687282;
  cursor: default;
  font-size: 13px;
  font-weight: 400;
  margin-left: auto;
  pointer-events: none
}

.adyen-checkout-ctp__otp-resend-code--confirmation {
  align-items: center;
  display: flex
}

.adyen-checkout-ctp__otp-resend-code--confirmation>img {
  margin-left: 4px
}

.adyen-checkout-ctp__otp-resend-code-counter {
  color: black;
  cursor: default;
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  margin-left: auto;
  text-align: right
}

.adyen-checkout-ctp__section>.adyen-checkout__field.adyen-checkout__field--otp {
  margin-bottom: 20px
}

.adyen_checkout-ctp__brand-wrapper {
  align-items: center;
  display: flex;
  height: 18px
}

.adyen_checkout-ctp__brand-logo {
  margin-right: 6px;
  width: 24px
}

.adyen_checkout-ctp__brand-pipe {
  height: 15px;
  margin-right: 6px
}

.adyen_checkout-ctp__brand-scheme {
  margin-right: 6px;
  -o-object-fit: none;
  object-fit: none
}

.adyen_checkout-ctp__brand-scheme-mc {
  width: 27px
}

.adyen_checkout-ctp__brand-scheme-visa {
  width: 35px
}

.adyen-checkout__modal-wrapper {
  align-items: center;
  display: flex;
  height: 100%;
  left: 0;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  padding: 24px;
  position: fixed;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 10
}

.adyen-checkout__modal-wrapper:before {
  background: rgba(0, 17, 44, .5);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: opacity.3s linear;
  width: 100%;
  z-index: 10
}

.adyen-checkout__modal-wrapper--open {
  visibility: visible
}

.adyen-checkout__modal-wrapper--open .adyen-checkout__modal,
.adyen-checkout__modal-wrapper--open:before {
  opacity: 1
}

.adyen-checkout__modal {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 17, 44, .15);
  margin: auto;
  opacity: 0;
  padding: 16px;
  position: relative;
  transition: opacity.2s ease, visibility.2s ease;
  z-index: 11
}

@media(max-width:480px) {
  .adyen-checkout__modal-wrapper {
    padding: 0
  }

  .adyen-checkout__modal {
    border-radius: 0;
    height: 100%
  }
}

.adyen-checkout__ctp-modal-header-image {
  display: block;
  margin: auto
}

.adyen-checkout__ctp-modal-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin: 0 0 12px;
  padding: 0
}

.adyen-checkout__ctp-modal-text {
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  margin-bottom: 16px
}

.adyen-checkout__ctp-modal-benefits {
  margin-left: 0;
  padding-left: 20px
}

.adyen-checkout__ctp-modal-benefits li {
  list-style: disc;
  margin-bottom: 16px
}

.adyen-checkout__modal-wrapper--ctp .adyen-checkout__modal {
  max-width: 464px
}

.adyen_checkout-ctp__brand-wrapper--popup {
  justify-content: center;
  margin-bottom: 24px
}

.adyen-web__ctp-info-button {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  padding: 0
}

.adyen-checkout-ctp__section-logout-button {
  color: #0075ff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  margin-left: auto
}

.adyen-checkout-ctp__section-logout-button--disabled {
  color: #687282;
  pointer-events: none
}

.adyen-checkout-ctp__section {
  background-color: white;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .15);
  padding: 16px;
  position: relative
}

.adyen-checkout-ctp__section-brand {
  align-items: center;
  display: flex;
  height: 18px;
  margin-bottom: 14px
}

.adyen-checkout-ctp__section--standalone {
  all: unset
}

.adyen-checkout-ctp__section .adyen-checkout__fieldset {
  margin-bottom: 24px
}

.adyen-checkout-ctp__section-header {
  align-items: center;
  display: flex
}

.adyen-checkout-ctp__section-header-title {
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  margin: 0 0 4px;
  padding: 0;
  width: auto
}

@media screen and (max-width:400px) {
  .adyen-checkout-ctp__section-header-title {
    font-size: 15px
  }
}

.adyen-checkout-ctp__section-header-adornment {
  margin-left: 5px
}

.adyen-checkout-ctp__section-text {
  color: #687282;
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  margin: 0 0 16px
}

.adyen-checkout-ctp__separator {
  color: #00112c;
  font-size: 13px;
  font-weight: 400
}

.adyen-checkout-ctp__otp-subtitle--highlighted {
  color: #00112c;
  font-weight: 500
}

.adyen-checkout-ctp__card-list-single-card {
  align-items: center;
  background-color: #f7f8f9;
  border-radius: 6px;
  display: flex;
  font-size: 13px;
  font-weight: 400;
  height: 40px;
  line-height: 19px;
  padding: 12px
}

.adyen-checkout-ctp__card-list-single-card-expired {
  color: #687282;
  -webkit-text-decoration: line-through;
  text-decoration: line-through
}

.adyen-checkout-ctp__expired-label {
  color: #687282;
  font-weight: 500;
  line-height: 17px;
  margin-left: auto
}

.adyen-checkout-ctp__card-image {
  border-radius: 3px;
  margin-right: 8px
}

.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__element--disabled {
  opacity: 1
}

.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__element--disabled .adyen-checkout__dropdown__element__text {
  margin: 0;
  opacity: .4;
  -webkit-text-decoration: line-through;
  text-decoration: line-through
}

.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__element--disabled .adyen-checkout__dropdown__element__secondary-text {
  color: #687282;
  font-weight: 500;
  line-height: 17px
}

.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__button--disabled {
  opacity: 1
}

.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__button--disabled .adyen-checkout__dropdown__button__text {
  opacity: .4;
  -webkit-text-decoration: line-through;
  text-decoration: line-through
}

.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__button--disabled .adyen-checkout__dropdown__button__secondary-text {
  color: #687282;
  font-weight: 500;
  opacity: 1
}

.adyen-checkout-ctp__card {
  background-color: white;
  border: none;
  border-radius: 4px;
  box-shadow: 0 0 0 2px#999595;
  cursor: pointer;
  height: 40px;
  margin: 0 0 20px;
  width: 100%
}

.adyen-checkout-ctp__empty-cards {
  align-items: center;
  background-color: #f7f8f9;
  border-radius: 6px;
  color: #687282;
  display: flex;
  font-size: 13px;
  font-weight: 400;
  height: 40px;
  line-height: 19px;
  margin-bottom: 24px;
  padding: 12px 16px
}

.adyen-checkout__iframe--ctpIframe {
  pointer-events: auto
}

.adyen-checkout__iframe--ctpIframe-hidden {
  display: none
}

.adyen-checkout-ctp__loading-image {
  display: block;
  margin: 30px auto auto
}

.adyen-checkout-ctp__loading-subtitle {
  font-size: 16px;
  line-height: 19px;
  margin: 0 auto 58px;
  max-width: 280px;
  text-align: center
}

.adyen-checkout-ctp__section>.adyen-checkout__field.adyen-checkout__field--shopperLogin {
  margin-bottom: 20px
}

.adyen-checkout__cashapp>.adyen-checkout__store-details {
  margin-bottom: 16px;
  margin-top: 0
}

.adyen-checkout__button-group {
  background: transparent;
  display: flex;
  justify-content: space-between
}

.adyen-checkout__button-group .adyen-checkout__button {
  background: transparent;
  border: 0;
  box-shadow: inset 0 0 0 1px#99a3ad;
  color: #00112c;
  font-size: .81em;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  margin-right: 8px;
  padding: 0;
  text-align: center
}

.adyen-checkout__button-group .adyen-checkout__button:last-child {
  margin-right: 0
}

.adyen-checkout__button-group .adyen-checkout__button:hover {
  background: transparent;
  box-shadow: inset 0 0 0 2px#99a3ad
}

.adyen-checkout__button-group .adyen-checkout__button:active {
  background: #f7f8f9;
  box-shadow: inset 0 0 0 2px#99a3ad
}

.adyen-checkout__button-group .adyen-checkout__button--disabled,
.adyen-checkout__button-group .adyen-checkout__button--disabled:hover {
  cursor: not-allowed;
  opacity: .4;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.adyen-checkout__button-group .adyen-checkout__button--selected,
.adyen-checkout__button-group .adyen-checkout__button--selected:active,
.adyen-checkout__button-group .adyen-checkout__button--selected:active:hover,
.adyen-checkout__button-group .adyen-checkout__button--selected:hover {
  background: #e5efff;
  box-shadow: inset 0 0 0 2px#0075ff;
  color: #0075ff;
  font-weight: 500;
  height: 40px;
  transition: none
}

.adyen-checkout__button-group .adyen-checkout__button .adyen-checkout__button-group__input {
  opacity: 0;
  pointer-events: none;
  position: absolute
}

.adyen-checkout__adyen-giving .adyen-checkout__status__icon {
  display: block;
  margin: 56px auto 32px
}

.adyen-checkout__adyen-giving .adyen-checkout__status__text {
  color: #00112c;
  margin-bottom: 56px;
  text-align: center
}

.adyen-checkout__campaign {
  background: #00112c;
  border-radius: 6px;
  height: 227px;
  overflow: hidden;
  position: relative
}

.adyen-checkout__campaign-link:hover .adyen-checkout__campaign-description {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.adyen-checkout__campaign-container {
  height: 100%
}

.adyen-checkout__campaign-logo {
  border: 2px solid rgba(255, 255, 255, .4);
  border-radius: 3px;
  display: block;
  height: 48px;
  margin-bottom: 16px;
  overflow: hidden;
  width: 48px
}

.adyen-checkout__campaign-background-image {
  background-color: #00112c;
  background-position: 50%;
  background-size: cover;
  height: 100%
}

.adyen-checkout__campaign-link .adyen-checkout__campaign-background-image:before {
  background: inherit;
  content: "";
  height: 100%;
  position: absolute;
  transition: transform.6s ease-out;
  width: 100%
}

.adyen-checkout__campaign-link .adyen-checkout__campaign-background-image:hover:before {
  transform: scale(1.1)
}

.adyen-checkout__campaign-link .adyen-checkout__campaign-content {
  pointer-events: none
}

.adyen-checkout__campaign-content {
  bottom: 0;
  padding: 16px;
  position: absolute;
  z-index: 2
}

.adyen-checkout__campaign-description,
.adyen-checkout__campaign-title {
  color: #fff;
  font-weight: 400;
  margin: 0
}

.adyen-checkout__campaign-title {
  font-size: 1em;
  margin-bottom: 8px
}

.adyen-checkout__campaign-description {
  font-size: .81em;
  line-height: 19px
}

.adyen-checkout__adyen-giving-actions {
  margin-top: 16px;
  text-align: center
}

.adyen-checkout__button.adyen-checkout__button--donate {
  margin: 16px auto 8px
}

.adyen-checkout__button.adyen-checkout__button--decline {
  display: block;
  margin: auto;
  width: auto
}

.adyen-checkout__paywithgoogle {
  height: 48px
}

.adyen-checkout__paywithgoogle>div>button,
.adyen-checkout__paywithgoogle>div>button.long,
.adyen-checkout__paywithgoogle>div>button.short {
  height: 48px;
  transition: background-color.3s ease-out, box-shadow.3s ease-out
}

.adyen-checkout__paywithgoogle>div>button.long:focus,
.adyen-checkout__paywithgoogle>div>button.short:focus,
.adyen-checkout__paywithgoogle>div>button:focus {
  box-shadow: 0 0 0 2px#99c2ff;
  outline: 0
}

.adyen-checkout__paywithgoogle>div>button.gpay-button {
  padding: 15px 24px 13px
}

.adyen-checkout__econtext-input__field>.adyen-checkout__button--pay:only-child {
  margin-top: 0
}

.adyen-checkout__voucher-result {
  border-radius: 12px;
  box-sizing: border-box;
  position: relative;
  text-align: center
}

.adyen-checkout__voucher-result__bottom,
.adyen-checkout__voucher-result__top {
  background: #fff;
  border: 1px solid#d4d9db
}

.adyen-checkout__voucher-result__top {
  border-bottom: 0;
  border-radius: 12px 12px 0 0;
  padding: 40px 0 24px
}

.adyen-checkout__voucher-result__bottom {
  border-radius: 0 0 12px 12px;
  border-top: 0
}

.adyen-checkout__voucher-result__separator {
  align-items: center;
  background: #fff;
  display: flex;
  height: 13px;
  margin: 0 auto;
  position: relative;
  width: calc(100% - 14px)
}

.adyen-checkout__voucher-result__separator:after,
.adyen-checkout__voucher-result__separator:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCAwIDUgMiAxLjUgNEg3VjBIMFptMCAxMyA1LTIgMS41LTRIN3Y2SDBaIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTYuNDIzIDYuNUM2LjQyMyAzLjMxMiAzLjc4My43NTYuNS41MThjMy4zODYuMjM2IDYgMi44NTUgNiA1Ljk4MiAwIDMuMTI3LTIuNjE0IDUuNzQ2LTYgNS45ODN2LS4wMDFjMy4yODQtLjIzNyA1LjkyMy0yLjc5NCA1LjkyMy01Ljk4MloiIHN0cm9rZT0iI0Q0RDlEQiIvPjxwYXRoIGZpbGw9IiNENEQ5REIiIGQ9Ik0wIDBoMXYxSDB6TTAgMTJoMXYxSDB6Ii8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGg3djEzSDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+)
}

.adyen-checkout__voucher-result__separator:before {
  left: -7px
}

.adyen-checkout__voucher-result__separator:after,
.adyen-checkout__voucher-result__separator:before {
  background-position: 100%;
  background-repeat: no-repeat;
  content: "";
  height: 13px;
  position: absolute;
  top: 0;
  width: 7px
}

.adyen-checkout__voucher-result__separator:after {
  right: -7px;
  transform: rotate(180deg)
}

.adyen-checkout__voucher-result__separator__inner {
  border-top: 1px solid#e6e9eb;
  width: 100%
}

.adyen-checkout__voucher-result__image {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
  width: 100%
}

.adyen-checkout__link--voucher-result-instructions {
  display: inline-block
}

.adyen-checkout__voucher-result__image__wrapper {
  display: block;
  height: 48px;
  margin: 0 24px;
  position: relative
}

.adyen-checkout__voucher-result__image__wrapper:after {
  border: 1px solid rgba(0, 27, 43, .17);
  border-radius: 3px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.adyen-checkout__voucher-result__image__wrapper:nth-child(2):before {
  border-left: 1px solid#d4d9db;
  content: "";
  height: 64px;
  left: -24.5px;
  position: absolute;
  top: -8px;
  width: 1px
}

.adyen-checkout__voucher-result__image__brand,
.adyen-checkout__voucher-result__image__issuer {
  border-radius: 3px;
  height: 48px
}

.adyen-checkout__voucher-result__introduction {
  color: #00112c;
  font-size: .81em;
  line-height: 19px;
  margin: 0 auto;
  max-width: 400px;
  text-align: center
}

.adyen-checkout__voucher-result__amount {
  color: #00112c;
  font-size: 1em;
  font-weight: 700;
  margin: 24px auto 0;
  text-align: center
}

.adyen-checkout__voucher-result__surcharge {
  color: #687282;
  display: block;
  font-size: .81em;
  font-weight: 400;
  line-height: 19px;
  text-align: center
}

.adyen-checkout__voucher-result__code__label {
  display: block;
  font-weight: 400;
  left: 0;
  line-height: 19px;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: -2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: auto
}

.adyen-checkout__voucher-result__code__label:before {
  content: "";
  position: absolute
}

.adyen-checkout__voucher-result__code__label__text {
  background: #fff;
  color: #00112c;
  font-size: 13px;
  letter-spacing: normal;
  line-height: 1;
  padding: 0 8px
}

.adyen-checkout__voucher-result__code__barcode {
  display: block;
  height: 56px;
  margin: 0 auto 8px;
  max-width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.adyen-checkout__voucher-result__code {
  border-width: 1px 0;
  color: #00112c;
  display: inline-block;
  font-size: 1.5em;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.2;
  margin: 0 auto;
  padding: 16px 48px;
  position: relative;
  text-align: center;
  -webkit-user-select: all;
  -moz-user-select: all;
  user-select: all;
  width: 100%;
  word-break: break-word
}

.adyen-checkout__voucher-result__details {
  list-style: none;
  margin: -1px auto 0;
  padding: 0
}

.adyen-checkout__voucher-result__details__item {
  border-top: 1px solid#e6e9eb;
  color: #00112c;
  display: flex;
  font-size: .81em;
  justify-content: space-between;
  padding: 16px 24px;
  word-break: break-word
}

.adyen-checkout__voucher-result__details__item:last-child {
  margin-bottom: 0
}

.adyen-checkout__voucher-result__details__label {
  max-width: 50%;
  text-align: left
}

.adyen-checkout__voucher-result__details__value {
  font-weight: 700;
  max-width: 50%;
  text-align: right
}

.adyen-checkout__voucher-result__actions {
  align-items: center;
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0 auto 32px;
  max-width: 100%;
  min-width: 200px;
  padding: 0;
  width: 300px
}

.adyen-checkout__voucher-result__actions__item {
  margin: 0 4px
}

.adyen-checkout__paypal__buttons {
  position: relative;
  z-index: 0
}

.adyen-checkout__paypal__button {
  display: flex;
  margin-bottom: 16px
}

.adyen-checkout__paypal__button:empty {
  display: none
}

.adyen-checkout__paypal__status--pending {
  margin: 16px 0
}

.adyen-checkout__paypal__status--processing {
  align-items: center;
  display: flex;
  font-size: 13px;
  justify-content: center;
  padding: 24px 0
}

.adyen-checkout__paypal-processing .adyen-checkout__paypal__button {
  display: none
}

.adyen-checkout__payment-method .adyen-checkout__paypal__status--pending {
  margin: -16px 0 38px
}

.adyen-checkout__payment-method .adyen-checkout__paypal__status--processing {
  padding: 20px 0 65px
}

.adyen-checkout__phone-input {
  direction: ltr
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper {
  width: 100%
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input {
  height: auto;
  padding: 0
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input:focus {
  border: 1px solid#0075ff;
  box-shadow: 0 0 0 2px#99c2ff
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button {
  border: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  height: 35px;
  width: auto
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button:after {
  box-sizing: revert;
  height: 10px;
  left: 40px
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input--phoneNumber {
  border: 1px solid transparent;
  height: 35px;
  margin-left: 8px;
  padding-left: 15px
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input-wrapper--phoneInput {
  align-items: center;
  display: flex
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input-wrapper--phoneInput:focus {
  border: 1px solid#0075ff;
  box-shadow: 0 0 0 2px#99c2ff
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__phoneNumber {
  align-items: center;
  display: flex;
  margin-left: 65px;
  width: 100%
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__countryFlag {
  position: absolute
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active,
.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active:hover {
  box-shadow: none
}

.adyen-checkout__threeds2__challenge,
.adyen-checkout__threeds2__challenge-container {
  background-color: transparent;
  box-sizing: border-box;
  display: block;
  height: inherit;
  min-height: 400px;
  overflow: hidden;
  position: relative;
  width: 100%
}

.adyen-checkout__threeds2__challenge--01,
.adyen-checkout__threeds2__challenge--01 .adyen-checkout__iframe--threeDSIframe {
  height: 400px;
  width: 250px
}

.adyen-checkout__threeds2__challenge--02,
.adyen-checkout__threeds2__challenge--02 .adyen-checkout__iframe--threeDSIframe {
  height: 400px;
  width: 390px
}

.adyen-checkout__threeds2__challenge--03,
.adyen-checkout__threeds2__challenge--03 .adyen-checkout__iframe--threeDSIframe {
  height: 600px;
  width: 500px
}

.adyen-checkout__threeds2__challenge--04,
.adyen-checkout__threeds2__challenge--04 .adyen-checkout__iframe--threeDSIframe {
  height: 400px;
  width: 600px
}

.adyen-checkout__threeds2__challenge--05,
.adyen-checkout__threeds2__challenge--05 .adyen-checkout__iframe--threeDSIframe {
  height: 100%;
  width: 100%
}

.adyen-checkout__iframe--threeDSIframe {
  border: 0;
  left: 0;
  position: absolute;
  top: 0
}

.adyen-checkout__threeds2-challenge-error .adyen-checkout__status__icon {
  display: block;
  margin: 56px auto 32px
}

.adyen-checkout__threeds2-challenge-error .adyen-checkout__status__text {
  color: #c12424;
  margin-bottom: 56px;
  text-align: center
}

.adyen-checkout__qr-loader {
  background: #fff;
  border: 1px solid#d4d9db;
  border-radius: 12px;
  padding: 40px;
  text-align: center
}

.adyen-checkout__qr-loader--result {
  padding: 100px
}

.adyen-checkout__qr-loader--app {
  border: 0;
  border-radius: 0;
  padding: 0
}

.adyen-checkout__qr-loader__brand-logo {
  border-radius: 3px;
  width: 74px
}

.adyen-checkout__qr-loader__subtitle {
  margin: 32px auto 0;
  max-width: 400px
}

.adyen-checkout__qr-loader__subtitle--result {
  margin-bottom: 32px
}

.adyen-checkout__qr-loader__payment_amount,
.adyen-checkout__qr-loader__subtitle {
  color: #00112c;
  font-size: 1em;
  line-height: 19px
}

.adyen-checkout__qr-loader__icon {
  height: 88px;
  width: 88px
}

.adyen-checkout__qr-loader__payment_amount {
  font-weight: 700
}

.adyen-checkout__qr-loader__progress {
  background: #d4d9db;
  border-radius: 24px;
  height: 4px;
  margin: 32px auto 12px;
  padding-right: 3%;
  width: 152px
}

[dir=rtl] .adyen-checkout__qr-loader__progress {
  padding-left: 3%;
  padding-right: 0
}

.adyen-checkout__qr-loader__percentage {
  background: #0075ff;
  border-radius: 24px;
  display: block;
  height: 100%
}

.adyen-checkout__qr-loader__countdown {
  color: #687282;
  font-size: .81em
}

.adyen-checkout__qr-loader>.adyen-checkout__spinner__wrapper {
  margin: 60px 0
}

.adyen-checkout__qr-loader__app-link {
  display: none;
  margin-top: 16px
}

.adyen-checkout__button.adyen-checkout__button--qr-loader {
  margin-top: 24px;
  -webkit-text-decoration: none;
  text-decoration: none
}

.adyen-checkout__qr-loader__instructions {
  color: #687282;
  font-size: 1em;
  line-height: 1.5;
  margin-top: 32px
}

.adyen-checkout__qr-loader__actions {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 32px
}

@media only screen and (max-device-width:1200px) {
  .adyen-checkout__qr-loader__app-link {
    display: block
  }
}

.adyen-checkout__voucher-result--boletobancario .adyen-checkout__voucher-result__code,
.adyen-checkout__voucher-result--oxxo .adyen-checkout__voucher-result__code {
  font-size: .81em;
  line-height: 19px;
  padding: 24px;
  word-break: break-all
}

.adyen-checkout__alert-message {
  border-radius: 6px;
  display: flex;
  font-size: .81em;
  margin: 0 0 16px;
  padding: 12px;
  text-align: left
}

.adyen-checkout__alert-message--error {
  background: #fbe6ed
}

.adyen-checkout__alert-message--warning {
  background: #ffeacc
}

.adyen-checkout__alert-message--info {
  background: #e5efff
}

.adyen-checkout__alert-message__icon {
  height: 14px;
  margin-right: 8px;
  width: 14px
}

.adyen-checkout__giftcard-result__header {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  font-size: 1em;
  font-weight: 400;
  justify-content: space-between;
  position: relative;
  width: 100%
}

.adyen-checkout__giftcard-result__header__title {
  align-items: center;
  display: flex
}

.adyen-checkout__giftcard-result__name {
  margin-left: 8px
}

.adyen-checkout__giftcard-result__balance {
  list-style: none;
  margin: 16px 0 0;
  padding: 0
}

.adyen-checkout__giftcard-result__balance__item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px
}

.adyen-checkout__giftcard-result__balance__item .adyen-checkout__giftcard-result__balance__title--transactionLimit {
  color: #687282
}

.adyen-checkout__giftcard-result__balance__item:last-child {
  margin-bottom: 0
}

.adyen-checkout__giftcard-result__balance__value--amount {
  font-weight: 700
}

.adyen-checkout__giftcard-result__remaining-balance {
  color: #687282;
  font-size: 13px;
  line-height: 19px;
  margin: 8px auto 0;
  text-align: center
}

.DropinComponent-module_adyen-checkout__payment-methods-list__mAjAm {
  list-style: none;
  margin: 0;
  padding: 0
}

.DropinComponent-module_adyen-checkout__payment-method__nWdwg {
  display: block;
  max-height: 60px
}

.DropinComponent-module_adyen-checkout__payment-method__details__-rsW7 {
  display: none
}

.DropinComponent-module_adyen-checkout__payment-method__image__nB80V {
  height: 26px;
  width: 40px
}

.DropinComponent-module_adyen-checkout__payment-method__image__wrapper__6NWzA {
  margin-right: 8px
}

[dir=rtl] .DropinComponent-module_adyen-checkout__payment-method__image__wrapper__6NWzA {
  margin-left: 8px;
  margin-right: 0
}

.DropinComponent-module_adyen-checkout__payment-method--selected__6egZF {
  max-height: 100%
}

.DropinComponent-module_adyen-checkout__payment-method--selected__6egZF .DropinComponent-module_adyen-checkout__payment-method__details__-rsW7 {
  display: block
}

.adyen-checkout__payment-method__disable-confirmation {
  background: #c12424;
  border-left: 1px solid#b82222;
  border-right: 1px solid#b82222;
  color: #fff;
  font-size: .81em;
  margin: 0 -17px;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: opacity.15s ease-out, max-height.15s linear, margin-bottom.1s linear
}

.adyen-checkout__payment-method__disable-confirmation.adyen-checkout__payment-method__disable-confirmation--open {
  margin-bottom: 16px;
  max-height: 62px;
  opacity: 1
}

.adyen-checkout__payment-method__disable-confirmation__content {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 8px 16px
}

.adyen-checkout__payment-method__disable-confirmation__buttons {
  display: flex
}

.adyen-checkout__payment-method__disable-confirmation__button {
  background: #c12424;
  border: 1px solid transparent;
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
  display: block;
  height: auto;
  line-height: 14px;
  margin: 0 0 0 8px;
  padding: 8px;
  width: auto
}

.adyen-checkout__payment-method__disable-confirmation__button:hover,
.adyen-checkout__payment-method__disable-confirmation__button:hover:focus {
  background: #ac2020;
  box-shadow: none
}

.adyen-checkout__payment-method__disable-confirmation__button:active,
.adyen-checkout__payment-method__disable-confirmation__button:hover:active {
  background: #961c1c;
  box-shadow: none
}

.adyen-checkout__payment-method__disable-confirmation__button--remove,
.adyen-checkout__payment-method__disable-confirmation__button--remove:disabled {
  border-color: #fff
}

.adyen-checkout__payment-method__disable-confirmation__button--cancel,
.adyen-checkout__payment-method__disable-confirmation__button--cancel:disabled {
  border-color: transparent
}

.adyen-checkout__payment-method {
  background: #fff;
  border: 1px solid#e6e9eb;
  cursor: pointer;
  margin-top: -1px;
  position: relative;
  transition: opacity.3s ease-out;
  width: 100%
}

.adyen-checkout__payment-method:focus {
  outline: 0
}

.adyen-checkout__payment-method--selected+.adyen-checkout__payment-method,
.adyen-checkout__payment-method:first-child {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  margin-top: 0
}

.adyen-checkout__payment-method--next-selected,
.adyen-checkout__payment-method:last-child {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  margin-bottom: 0
}

.adyen-checkout__payment-method--loading {
  opacity: .2
}

.adyen-checkout__payment-method--selected.adyen-checkout__payment-method--loading {
  opacity: .9
}

.adyen-checkout__payment-method--confirming .adyen-checkout__payment-method__details__content,
.adyen-checkout__payment-method--disabling {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.adyen-checkout__payment-method--disabling {
  opacity: .3
}

.adyen-checkout__payment-method__header {
  align-items: center;
  color: #00112c;
  display: flex;
  flex-wrap: nowrap;
  font-size: 1em;
  font-weight: 400;
  justify-content: space-between;
  padding: 12px 16px 12px 44px;
  position: relative;
  transition: background.1s ease-out;
  width: 100%
}

[dir=rtl] .adyen-checkout__payment-method__header {
  padding: 12px 44px 12px 12px
}

.adyen-checkout__payment-method--standalone .adyen-checkout__payment-method__header {
  padding: 16px
}

.adyen-checkout__payment-method__header__title {
  align-items: center;
  background: none;
  border: none;
  color: #00112c;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  font-size: 1em;
  font-weight: 400;
  margin-right: 16px;
  max-width: 100%;
  padding: 4px
}

[dir=rtl] .adyen-checkout__payment-method__header__title {
  margin-left: 16px;
  margin-right: 0
}

.adyen-checkout__payment-method__surcharge {
  color: #687282;
  margin-left: 5px
}

.adyen-checkout__payment-method--selected {
  background: #f7f8f9;
  border: 1px solid#e6e9eb;
  border-radius: 12px;
  cursor: default;
  margin: 8px 0;
  transition: margin.15s cubic-bezier(.4, 0, .2, 1)0s, opacity.3s ease-out
}

.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__header {
  flex-wrap: wrap
}

.adyen-checkout__payment-method__details {
  padding: 0 16px;
  position: relative
}

.adyen-checkout__payment-method__details__content {
  margin: 0 0 16px
}

.adyen-checkout__payment-method__image__wrapper {
  height: 26px;
  position: relative;
  width: 40px
}

.adyen-checkout__payment-method__image__wrapper--outline:after {
  border: 1px solid rgba(0, 27, 43, .17);
  border-radius: 3px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.adyen-checkout__payment-method__image {
  border-radius: 3px;
  display: block
}

.adyen-checkout__payment-method__brands {
  display: flex;
  flex-basis: auto;
  flex-shrink: 1;
  flex-wrap: wrap;
  height: 16px;
  margin: 4px 0;
  overflow: hidden;
  text-align: right
}

.adyen-checkout__payment-method__brands .adyen-checkout__payment-method__brand-number {
  color: #687282;
  font-size: 13px
}

.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__brands {
  height: auto;
  overflow: visible;
  text-align: left
}

.adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper {
  display: inline-block;
  height: 16px;
  margin-right: 4px;
  transition: opacity.2s ease-out;
  width: 24px
}

.adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper:last-child {
  margin: 0
}

.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper {
  margin-bottom: 4px
}

.adyen-checkout__payment-method__brands img {
  height: 16px;
  width: 24px
}

.adyen-checkout__payment-method__image__wrapper--disabled {
  opacity: .25
}

.adyen-checkout__payment-method__radio {
  background-color: #fff;
  border: 1px solid#b9c4c9;
  border-radius: 50%;
  height: 16px;
  left: 16px;
  position: absolute;
  transition: border-color.2s ease-out, box-shadow.2s ease-out;
  width: 16px
}

[dir=rtl] .adyen-checkout__payment-method__radio {
  left: auto;
  right: 16px
}

.adyen-checkout__payment-method--standalone .adyen-checkout__payment-method__radio {
  display: none
}

.adyen-checkout__payment-method__radio:after {
  background-color: #fff;
  border-radius: 50%;
  content: "";
  display: block;
  height: 6px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translatey(-50%)scale(0);
  transition: transform.3s ease-out;
  width: 6px
}

.adyen-checkout__payment-method:hover:not(.adyen-checkout__payment-method--selected) .adyen-checkout__payment-method__radio {
  border-color: #99a3ad;
  box-shadow: 0 0 0 2px#d4d9db;
  cursor: pointer
}

.adyen-checkout__payment-method__radio--selected {
  background-color: #0075ff;
  border: 0;
  transition: all.3s ease-out
}

.adyen-checkout__payment-method__radio--selected:hover {
  box-shadow: 0 0 0 2px rgba(0, 102, 255, .4)
}

.adyen-checkout__payment-method__radio--selected:after {
  transform: translatey(-50%)scale(1)
}

.adyen-checkout__payment-method__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.adyen-checkout__payment-method__name--selected {
  font-weight: 500
}

.adyen-checkout__payment-method__additional-info {
  color: #687282;
  font-size: .81em
}

.adyen-checkout__payment-method__name_wrapper {
  align-items: flex-start;
  display: flex;
  flex-direction: column
}

.adyen-checkout__order-payment-methods-list {
  list-style: none;
  margin: 0 auto 16px;
  padding: 0
}

.adyen-checkout__order-payment-method {
  background: #fff;
  border: 1px solid#e6e9eb;
  margin-top: -1px;
  position: relative;
  width: 100%
}

.adyen-checkout__order-payment-method:first-child {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px
}

.adyen-checkout__order-payment-method:last-child {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px
}

.adyen-checkout__order-payment-method__header {
  align-items: center;
  color: #00112c;
  display: flex;
  flex-wrap: nowrap;
  font-size: 1em;
  font-weight: 500;
  justify-content: space-between;
  padding: 16px;
  position: relative;
  transition: background.1s ease-out;
  width: 100%
}

.adyen-checkout__order-payment-method__header .adyen-checkout__payment-method__header__title {
  padding: 0
}

.adyen-checkout__order-payment-method__details {
  padding: 0 16px 16px
}

.adyen-checkout__order-payment-method__deducted-amount {
  display: flex;
  font-size: 1em;
  justify-content: space-between;
  line-height: 1em
}

.adyen-checkout__order-payment-method__deducted-amount__label {
  font-size: .81em
}

.adyen-checkout__order-payment-method__deducted-amount__value {
  font-weight: 500
}

.adyen-checkout__order-remaining-amount {
  background: #ffeacc;
  border-radius: 6px;
  color: #7f4a00;
  display: block;
  font-size: .81em;
  margin-bottom: 16px;
  padding: 8px 16px;
  width: 100%
}

.adyen-checkout__order-remaining-amount strong {
  font-weight: 700
}

.adyen-checkout__status {
  align-items: center;
  background-color: #fff;
  border: 1px solid#d4d9db;
  border-radius: 6px;
  color: #00112c;
  display: flex;
  flex-direction: column;
  font-size: 1em;
  height: 350px;
  justify-content: center;
  margin: 0;
  padding: 32px;
  text-align: center
}

.adyen-checkout__status__icon {
  margin-bottom: 24px
}

.adyen-checkout__status .adyen-checkout__spinner__wrapper {
  max-height: 88px
}

.adyen-checkout__dropin,
.adyen-checkout__dropin *,
.adyen-checkout__dropin :after,
.adyen-checkout__dropin :before {
  box-sizing: border-box
}

.adyen-checkout__payment-methods-list--loading {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.adyen-checkout__instant-payment-methods-list {
  list-style: none;
  margin: 0;
  padding: 0
}

.adyen-checkout__instant-payment-methods-list li:not(:last-child) {
  margin-bottom: 8px
}

.adyen-checkout__link {
  color: #0075ff;
  -webkit-text-decoration: none;
  text-decoration: none
}

.adyen-checkout__link:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.AchInput-module_sf-input__wrapper__lfdiv {
  position: relative
}

.AchInput-module_sf-input__wrapper__lfdiv *,
.AchInput-module_sf-input__wrapper__lfdiv :after,
.AchInput-module_sf-input__wrapper__lfdiv :before {
  box-sizing: border-box
}

.AchInput-module_adyen-checkout__input__8WwCR {
  display: block;
  max-height: 100px
}

.adyen-checkout__loading-input__form {
  transition: opacity.25s ease-out
}

.adyen-checkout__pm__holderName {
  margin-bottom: 0
}

.adyen-checkout__fieldset__title+.adyen-checkout__ach-sf__form {
  margin-top: 0
}

.adyen-checkout__ach-input .adyen-checkout__fieldset--address,
.adyen-checkout__ach-sf__form {
  margin-top: 16px
}

.adyen-checkout__loading-input__form {
  transition: opacity.25s ease-out
}

.adyen-checkout-phone-input--new {
  direction: ltr
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper {
  width: 100%
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__input {
  height: auto;
  padding: 0
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__input:focus-within {
  border: 1px solid#0075ff
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__input:focus-within .adyen-checkout-dropdown--countrycode-selector {
  border-right: 1px solid#0075ff
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button {
  border: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  height: 35px;
  width: auto
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button:after {
  box-sizing: revert;
  height: 10px
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active,
.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active:hover {
  box-shadow: none
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-input--phone-number {
  border: 1px solid transparent;
  height: 35px;
  line-height: 35px;
  min-height: 35px;
  padding-bottom: 0;
  padding-left: 15px;
  padding-top: 0
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-input--phone-number:focus-within {
  border: 1px solid#0075ff;
  box-shadow: 0 0 0 2px#99c2ff
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-dropdown--countrycode-selector {
  border-right: 1px solid#dce0e5;
  min-width: 144px;
  width: 144px
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-input-holder--phone-input {
  align-items: center;
  display: flex
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-phone-number {
  align-items: center;
  display: flex;
  flex: 3
}

.adyen-checkout-phone-input--new .adyen-checkout-phone-input__error-holder {
  margin-top: -10px
}

.adyen-checkout__await {
  background: #fff;
  border: 1px solid#d4d9db;
  border-radius: 12px;
  padding: 40px;
  text-align: center
}

.adyen-checkout__await--result {
  padding: 100px
}

.adyen-checkout__qr-loader--app {
  border: 0;
  border-radius: 0;
  padding: 0
}

.adyen-checkout__await__brand-logo {
  border-radius: 3px;
  width: 74px
}

.adyen-checkout__await__indicator-text,
.adyen-checkout__await__subtitle {
  color: #00112c;
  font-size: 1em;
  line-height: 19px;
  margin-top: 32px
}

.adyen-checkout__await__indicator-holder .adyen-checkout__await__indicator-text {
  margin-left: 10px;
  margin-top: 6px
}

.adyen-checkout__await__indicator-holder {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  margin-top: 32px
}

.adyen-checkout__await__subtitle--result {
  margin-bottom: 32px
}

.adyen-checkout__await__icon {
  height: 88px;
  width: 88px
}

.adyen-checkout__await__progress {
  background: #d4d9db;
  border-radius: 24px;
  height: 4px;
  margin: 32px auto 12px;
  width: 152px
}

.adyen-checkout__await__percentage {
  background: #0075ff;
  border-radius: 24px;
  display: block;
  height: 100%
}

.adyen-checkout__await__countdown {
  color: #687282;
  font-size: .81em
}

.adyen-checkout__await>.adyen-checkout__spinner__wrapper {
  margin: 60px 0
}

.adyen-checkout__await__app-link {
  display: none;
  margin-top: 16px
}

@media only screen and (max-device-width:1200px) {
  .adyen-checkout__await__app-link {
    display: block
  }
}

.adyen-checkout__blik__helper {
  color: #00112c;
  font-size: 1em;
  font-weight: 400;
  margin: 0 0 16px;
  padding: 0
}

.adyen-checkout__bankTransfer__introduction {
  color: #00112c;
  font-size: .81em;
  font-weight: 400;
  margin: 0 0 16px;
  padding: 0
}

.adyen-checkout__bankTransfer__emailField {
  margin: 0 0 16px
}

.adyen-checkout__bacs--confirm {
  position: relative
}

.adyen-checkout__bacs--confirm .adyen-checkout-input__inline-validation--valid {
  display: none
}

.adyen-checkout__bacs .adyen-checkout__field--inactive {
  pointer-events: none
}

.adyen-checkout__bacs .adyen-checkout__bacs--edit {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: -25px;
  width: 20%
}

.adyen-checkout__bacs .adyen-checkout__bacs--edit-dropin {
  top: -50px
}

.adyen-checkout__bacs .adyen-checkout__bacs--edit .adyen-checkout__bacs--edit-button {
  background: none;
  border: none;
  color: #0075ff;
  cursor: pointer;
  text-align: right;
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.adyen-checkout__voucher-result__introduction {
  font-size: 1em;
  max-width: 420px
}

.adyen-checkout__klarna-widget {
  pointer-events: all
}

.adyen-checkout__field--vpa {
  margin-bottom: 0
}

.adyen-checkout__segmented-control {
  background: #fff;
  border: 1px solid#b9c4c9;
  border-radius: 6px;
  display: flex;
  gap: 4px;
  justify-content: space-between;
  padding: 4px 5px
}

.adyen-checkout__segmented-control--disabled {
  pointer-events: none
}

.adyen-checkout__segmented-control--disabled>.adyen-checkout__segmented-control-segment {
  color: #8390a3
}

.adyen-checkout__segmented-control--disabled>.adyen-checkout__segmented-control-segment--selected {
  background: #f3f6f9;
  border: 1.5px solid#8390a3
}

.adyen-checkout__segmented-control-segment {
  background: #fff;
  border: 0;
  border-radius: 6px;
  color: #0075ff;
  cursor: pointer;
  flex-grow: 1;
  font-weight: 500;
  height: 40px;
  text-align: center;
  transition: background.3s ease-out;
  width: 100%
}

.adyen-checkout__segmented-control-segment:not(.adyen-checkout__segmented-control-segment--selected):hover {
  background-color: #f7f8f9
}

.adyen-checkout__segmented-control-segment:active {
  background-color: #f7f8f9;
  border: 1.5px solid#687282
}

.adyen-checkout__segmented-control-segment--selected {
  background: #e5f1ff;
  border: 1.5px solid#0075ff;
  color: #0075ff;
  font-weight: 700
}

.adyen-checkout_upi-mode-selection-text {
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  margin-bottom: 7px;
  margin-top: 0
}

.adyen-checkout__segmented-control--upi-margin-bottom,
.adyen-checkout-trustly {
  margin-bottom: 16px
}

.adyen-checkout-trustly__descriptor {
  font-size: 1em;
  font-weight: 500;
  margin: 0 0 4px
}

.adyen-checkout-trustly__description-list {
  font-size: .81em;
  line-height: 1.5;
  list-style-type: disc;
  margin: 0;
  padding-left: 20px
}

.adyen-checkout-sr-panel {
  font-size: .75em;
  margin-bottom: 20px
}

.adyen-checkout-sr-panel--sr-only {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

@keyframes outgoing-call-pulse_db83a2 {
  0% {
    opacity: 0;
    transform: scalex(1)
  }

  11.56% {
    opacity: 1
  }

  39.02% {
    opacity: 0;
    transform: scale3d(1.1, 1.1, 1)
  }

  39.03% {
    transform: scalex(1)
  }

  39.04% {
    opacity: 1
  }

  66.48% {
    opacity: 0;
    transform: scale3d(1.1, 1.1, 1)
  }

  to {
    opacity: 0;
    transform: scalex(1)
  }
}

@keyframes incoming-call-pulse_db83a2 {
  0% {
    opacity: 0;
    transform: scalex(1)
  }

  .7% {
    opacity: 1
  }

  25.54% {
    opacity: 0;
    transform: scale3d(1.1, 1.1, 1)
  }

  25.55% {
    transform: scalex(1)
  }

  25.56% {
    opacity: 1
  }

  49.98% {
    opacity: 0;
    transform: scale3d(1.1, 1.1, 1)
  }

  49.99% {
    transform: scalex(1)
  }

  50% {
    opacity: 1
  }

  74.69% {
    opacity: 0;
    transform: scale3d(1.1, 1.1, 1)
  }

  74.7% {
    transform: scalex(1)
  }

  74.71% {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: scale3d(1.1, 1.1, 1)
  }
}

.clickable_db83a2 {
  cursor: pointer
}

.wrapper_db83a2 {
  position: relative
}

.wrapper_db83a2.ringingOutgoing_db83a2:after {
  content: "";
  position: absolute;
  pointer-events: none;
  left: -3px;
  top: -3px;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background: transparent;
  border: 3px solid var(--interactive-active);
  transform-origin: center;
  animation: outgoing-call-pulse_db83a2 var(--custom-call-avatar-outgoing-duration)infinite ease-out
}

.wrapper_db83a2.ringingIncoming_db83a2:after {
  content: "";
  position: absolute;
  pointer-events: none;
  left: -3px;
  top: -3px;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background: transparent;
  border: 3px solid var(--interactive-active);
  transform-origin: center;
  animation: incoming-call-pulse_db83a2 var(--custom-call-avatar-incoming-duration)infinite ease-out
}

.status_db83a2 {
  background-clip: padding-box;
  border-radius: 50%;
  padding: 4px;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: var(--red-400)
}

.voiceAvatar_db83a2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: inherit
}

.voiceAvatar_db83a2.ringingOutgoing_db83a2 {
  opacity: .3
}

.border_db83a2 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%
}

.border_db83a2.speaking_db83a2 {
  box-shadow: inset 0 0 0 2px var(--status-speaking), inset 0 0 0 3px var(--background-floating)
}

.app-focused .border_db83a2 {
  transition: box-shadow.1s ease-out
}

.overlay_db83a2 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: hsl(var(--black-500-hsl)/.6);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%
}

.overlayIcon_db83a2 {
  width: 32px;
  height: 32px;
  color: var(--white-500)
}

.callAvatarMask_db83a2 {
  position: relative;
  overflow: visible
}

.callAvatarMaskContainer_db83a2 {
  position: relative;
  height: 100%
}

.item_f5370e {
  display: flex;
  align-items: center
}

.root_cbf230 {
  border-radius: 8px;
  padding: 16px;
  background: var(--background-floating);
  box-shadow: var(--elevation-high);
  min-width: 232px;
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  flex-direction: column
}

.root_cbf230.previewCamera_cbf230 {
  flex-direction: column-reverse;
  overflow: hidden
}

.previewRoot_cbf230 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--background-secondary-alt)
}

.preview_cbf230 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.preview_cbf230:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(#18191c 0%, rgba(0, 0, 0, 0)84px, rgba(0, 0, 0, 0)183px, #18191c 100%)
}

.mainChannelInfo_cbf230 {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 100%
}

.mainChannelInfo_cbf230 .titleGroup_cbf230 {
  max-width: 100%
}

.mainChannelInfo_cbf230 .icon_cbf230 {
  margin: 16px 0
}

.mainChannelInfo_cbf230 .title_cbf230,
.mainChannelInfo_cbf230 .subtitle_cbf230 {
  text-align: center
}

.mainChannelInfo_cbf230 .title_cbf230 {
  margin-bottom: 2px;
  min-width: 0;
  flex-shrink: 1;
  word-wrap: break-word
}

.mainChannelInfo_cbf230 .subtitle_cbf230 {
  margin-bottom: 24px
}

.previewChannelHeader_cbf230 {
  position: absolute;
  top: 16px;
  left: 0;
  padding-left: 16px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  max-width: 100%
}

.previewChannelHeader_cbf230 .titleGroup_cbf230 {
  flex-shrink: 1;
  min-width: 0
}

.previewChannelHeader_cbf230 .icon_cbf230 {
  margin-right: 16px
}

.previewChannelHeader_cbf230 .title_cbf230,
.previewChannelHeader_cbf230 .subtitle_cbf230 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--header-primary)
}

.wrapper_cbf230 {
  z-index: 1001;
  pointer-events: all
}

.actions_cbf230 {
  display: flex;
  gap: 16px
}

.actionButton_cbf230 {
  line-height: 0
}

.experimentActions_cbf230 {
  display: flex;
  gap: 8px
}

.previewButton_cbf230 {
  margin-top: 16px
}

.presets_f45ea6 {
  display: flex;
  gap: 16px var(--custom-theme-selection-group-column-gap);
  flex-wrap: wrap;
  margin-top: 16px
}

.presetsJustify_f45ea6 {
  display: grid;
  grid-template-columns: repeat(3, auto);
  justify-content: space-between;
  grid-gap: 16px
}

.header_f45ea6 {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.headings_f45ea6 {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.upsellText_f45ea6 {
  color: var(--premium-nitro-pink-text)
}

.title_f45ea6 {
  flex: 1;
  display: flex;
  align-items: center
}

.description_f45ea6 {
  display: flex
}

.betaTag_f45ea6 {
  background: var(--custom-premium-colors-premium-gradient-tier-2);
  display: inline
}

.betaTagContainer_f45ea6 {
  display: inline-flex;
  margin-left: 2px;
  border-radius: 8px
}

.premiumIcon_f45ea6 {
  color: var(--header-primary)
}

.nitroWheel_f45ea6 {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  margin-left: 2px;
  vertical-align: sub;
  color: var(--header-primary)
}

.easterEggSelection_f45ea6 {
  transform: rotate(0), scale(0);
  position: relative
}

.full-motion .easterEggSelection_f45ea6 {
  animation: scale-bounce-wiggle_f45ea6.5s 0s forwards
}

.sparkles_f45ea6 {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  animation: fadeOut_f45ea6 2s 3s forwards;
  opacity: 1
}

@keyframes fadeOut_f45ea6 {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes scale-bounce-wiggle_f45ea6 {
  0% {
    transform: scale(0)rotate(10deg)
  }

  30% {
    transform: scale(1.3)rotate(10deg)
  }

  55% {
    transform: scale(.7)rotate(-10deg)
  }

  75% {
    transform: scale(1.2)rotate(20deg)
  }

  85% {
    transform: scale(.98)rotate(-20deg)
  }

  92% {
    transform: scale(1.1)rotate(-5deg)
  }

  97% {
    transform: scale(.99)rotate(-5deg)
  }

  to {
    transform: scale(1)rotate(0)
  }
}

.editorAnimate_c9dda6 {
  margin-right: calc(-1*(var(--custom-client-themes-editor-content-width) + 2*var(--custom-client-themes-editor-editor-padding)));
  animation: slidein_c9dda6.5s 1s ease-in forwards
}

@keyframes slidein_c9dda6 {
  0% {
    margin-right: calc(-1*(var(--custom-client-themes-editor-content-width) + 2*var(--custom-client-themes-editor-editor-padding)))
  }

  to {
    margin-right: 0
  }
}

.themeEditor_c9dda6 {
  position: relative;
  background: var(--background-primary);
  flex-grow: 0;
  padding: var(--custom-client-themes-editor-editor-padding)0 var(--custom-client-themes-editor-editor-padding);
  right: 0;
  z-index: 1;
  height: 100%;
  box-sizing: border-box;
  border-left: 5px solid var(--background-secondary);
  display: flex;
  flex-direction: column
}

.editorHeader_c9dda6 {
  padding: 0 var(--custom-client-themes-editor-editor-padding);
  width: var(--custom-client-themes-editor-content-width)
}

.editorBody_c9dda6 {
  padding: 0 var(--custom-client-themes-editor-editor-padding)
}

.selectionGroup_c9dda6 {
  margin-top: 16px;
  width: var(--custom-client-themes-editor-content-width)
}

.editorFooter_c9dda6 {
  margin-top: 16px;
  padding: 0 var(--custom-client-themes-editor-editor-padding);
  display: flex;
  flex-direction: column;
  gap: 8px
}

.footerButton_c9dda6 {
  padding: 11px;
  width: 100%
}

.closeCircleButton_c9dda6 {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 2
}

.closeCircle_c9dda6 {
  width: 100%;
  height: 100%;
  color: var(--interactive-normal)
}

.closeCircle_c9dda6:hover,
.closeCircle_c9dda6:focus {
  color: var(--interactive-hover)
}

.bannerUpsell_c9dda6 {
  background-image: var(--custom-premium-colors-premium-gradient-tier-2);
  padding: 10px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  box-sizing: border-box
}

.bannerUpsell_c9dda6 .premiumIcon_c9dda6 {
  color: var(--white-500);
  margin-right: 10px;
  width: 24px;
  height: 24px;
  flex-shrink: 0
}

.canvas_a41a9d {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10000;
  pointer-events: none
}

.container_c86be3 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 9999
}

.gridOverlay_c86be3 {
  width: 100%;
  height: 100%;
  --custom-grid-line-color: var(--border-subtle);
  --custom-grid-line-width: 0.3px;
  --custom-grid-vertical-lines: linear-gradient(to right,
      var(--custom-grid-line-color) var(--custom-grid-line-width),
      transparent var(--custom-grid-line-width));
  --custom-grid-horizontal-lines: linear-gradient(to bottom,
      var(--custom-grid-line-color) var(--custom-grid-line-width),
      transparent var(--custom-grid-line-width))
}

.gridOverlay_c86be3[data-horizontal=true][data-vertical=true] {
  background-size: var(--custom-grid-horizontal-spacing)var(--custom-grid-vertical-spacing);
  background-position: 0 var(--custom-grid-vertical-spacing), var(--custom-grid-horizontal-spacing)0;
  background-image: var(--custom-grid-horizontal-lines), var(--custom-grid-vertical-lines)
}

.gridOverlay_c86be3[data-horizontal=true][data-vertical=false] {
  background-size: var(--custom-grid-horizontal-spacing)var(--custom-grid-horizontal-spacing);
  background-position: 0 var(--custom-grid-horizontal-spacing), var(--custom-grid-horizontal-spacing)0;
  background-image: var(--custom-grid-horizontal-lines)
}

.gridOverlay_c86be3[data-horizontal=false][data-vertical=true] {
  background-size: var(--custom-grid-vertical-spacing)var(--custom-grid-vertical-spacing);
  background-position: 0 var(--custom-grid-vertical-spacing), var(--custom-grid-vertical-spacing)0;
  background-image: var(--custom-grid-vertical-lines)
}

.visual-refresh .gridOverlay_c86be3 {
  --custom-grid-line-color: var(--border-normal)
}

@media(-webkit-max-device-pixel-ratio:1.5), (max-resolution:1.5x) {
  .gridOverlay_c86be3 {
    --custom-grid-line-width: 1px
  }
}

.container_c45b04 {
  position: absolute;
  margin: 8px;
  bottom: 0;
  right: 0;
  padding: 8px;
  white-space: pre;
  font-family: var(--font-code);
  font-size: 10px;
  background-color: var(--background-secondary);
  box-shadow: var(--shadow-border), var(--shadow-high);
  border-radius: 3px;
  pointer-events: all;
  z-index: 1001;
  min-width: 5rem
}

.status_c45b04 {
  display: flex;
  justify-content: center;
  align-items: center
}

.statusIndicator_c45b04 {
  padding-right: .5rem
}

.statusText_c45b04 {
  padding-left: .5rem
}

.right_ea4310 {
  transform: rotate(90deg)
}

.down_ea4310 {
  transform: rotate(180deg)
}

.left_ea4310 {
  transform: rotate(270deg)
}

.draggableContainer_ca37d0 {
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, .5)
}

.container_ca37d0 {
  width: 300px;
  background-color: var(--background-primary)
}

.headerParentContainer_ca37d0 {
  padding: var(--spacing-16)
}

.headerContainer_ca37d0 {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: var(--spacing-8)
}

.closeContainer_ca37d0 {
  margin-left: auto
}

.closeInner_ca37d0 {
  color: var(--interactive-normal) !important;
  background-color: var(--background-secondary)
}

.closeInner_ca37d0:hover {
  color: var(--interactive-normal) !important
}

.closeInner_ca37d0:hover {
  background-color: var(--background-secondary)
}

.scrollContainer_ca37d0 {
  max-height: 480px;
  padding: var(--spacing-8)var(--spacing-16);
  padding-bottom: 150px
}

.footerContainer_ca37d0 {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  pointer-events: none;
  padding: 100px var(--spacing-16)var(--spacing-16)
}

.theme-light .headerParentContainer_ca37d0 {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1)
}

.theme-light .footerContainer_ca37d0 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0)12.54%, rgba(233, 233, 233, .8)40.9%, #d9d9d9 100%)
}

.theme-dark .headerParentContainer_ca37d0 {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .25)
}

.theme-dark .footerContainer_ca37d0 {
  background: linear-gradient(180deg, rgba(52, 52, 52, 0)0%, rgba(35, 35, 35, .9)50%, #1c1c1c 100%)
}

.footerLabelContainer_ca37d0 {
  display: flex;
  flex-direction: row;
  align-items: center
}

.footerButtonContainer_ca37d0 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-8)
}

.footerNitro_ca37d0 {
  width: 16px;
  height: 16px;
  margin-right: 4px
}

.footerText_ca37d0 {
  pointer-events: all
}

.footerButtonBack_ca37d0 {
  height: 100%
}

.footerButton_ca37d0 {
  pointer-events: all
}

html,
[data-popout-root] {
  --brand-05a: hsla(var(--brand-500-hsl) / 0.05);
  --brand-10a: hsla(var(--brand-500-hsl) / 0.1);
  --brand-15a: hsla(var(--brand-500-hsl) / 0.15);
  --brand-20a: hsla(var(--brand-500-hsl) / 0.2);
  --brand-25a: hsla(var(--brand-500-hsl) / 0.25);
  --brand-30a: hsla(var(--brand-500-hsl) / 0.3);
  --brand-35a: hsla(var(--brand-500-hsl) / 0.35);
  --brand-40a: hsla(var(--brand-500-hsl) / 0.4);
  --brand-45a: hsla(var(--brand-500-hsl) / 0.45);
  --brand-50a: hsla(var(--brand-500-hsl) / 0.5);
  --brand-55a: hsla(var(--brand-500-hsl) / 0.55);
  --brand-60a: hsla(var(--brand-500-hsl) / 0.6);
  --brand-65a: hsla(var(--brand-500-hsl) / 0.65);
  --brand-70a: hsla(var(--brand-500-hsl) / 0.7);
  --brand-75a: hsla(var(--brand-500-hsl) / 0.75);
  --brand-80a: hsla(var(--brand-500-hsl) / 0.8);
  --brand-85a: hsla(var(--brand-500-hsl) / 0.85);
  --brand-90a: hsla(var(--brand-500-hsl) / 0.9);
  --brand-95a: hsla(var(--brand-500-hsl) / 0.95)
}

html.low-saturation,
[data-popout-root].low-saturation {
  --control-brand-foreground: var(--interactive-normal)
}

html.disable-forced-colors * {
  forced-color-adjust: none
}

.decorate-links {
  --link-decoration: underline
}

.visual-refresh {
  --input-border: rgba(135, 135, 144, 0.48)
}

.errorPage_dd2aa2 {
  width: 100%
}

.buttons_dd2aa2 {
  display: flex
}

.clearOverrideButton_dd2aa2 {
  margin-left: 8px
}

.appAsidePanelWrapper_bd26cc {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  min-height: 0
}

.mobileAppAsidePanelWrapper_bd26cc {
  flex-direction: column
}

.notAppAsidePanel_bd26cc {
  flex: 1;
  min-width: 0
}

.app_bd26cc {
  position: relative;
  z-index: auto;
  height: 100%
}

.visual-refresh .app_bd26cc {
  position: static
}

.visual-refresh .notAppAsidePanel_bd26cc:has(~.DevTools) .app_bd26cc {
  position: relative
}

.mobileApp_bd26cc {
  z-index: auto;
  overflow: auto;
  height: 100%
}

.allowsScrolling_bd26cc {
  overflow: auto
}

.modal_c97cbd {
  border-radius: 5px;
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
  box-shadow: var(--legacy-elevation-border), var(--legacy-elevation-high)
}

.theme-dark .modal_c97cbd {
  background-color: var(--primary-600)
}

.theme-light .modal_c97cbd {
  background: var(--white-500)
}

.sizeSmall_c97cbd {
  width: 440px;
  max-height: 660px;
  min-height: 200px
}

.sizeMedium_c97cbd {
  width: 600px;
  max-height: 800px;
  min-height: 400px
}

.sizeLarge_c97cbd {
  min-width: 800px;
  max-width: 960px;
  min-height: 400px
}

@media(max-width:485px) {

  .sizeSmall_c97cbd,
  .sizeMedium_c97cbd,
  .sizeLarge_c97cbd {
    min-width: auto;
    width: 96%;
    align-self: center;
    max-height: 100vh
  }

  .fullscreenOnMobile_c97cbd {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 0;
    overflow-y: auto
  }

  .fullscreenOnMobile_c97cbd .header_c97cbd,
  .fullscreenOnMobile_c97cbd .footer_c97cbd {
    border-radius: 0
  }

  .hideOnFullscreen_c97cbd {
    display: none
  }
}

:root {
  --application-subscription-end: hsl(var(--application-subscription-end-hsl) / 1);
  --application-subscription-end-hsl: 196.564 calc(var(--saturation-factor, 1) * 98.788%) 32.353%;
  --application-subscription-start: hsl(var(--application-subscription-start-hsl) / 1);
  --application-subscription-start-hsl: 234.909 calc(var(--saturation-factor, 1) * 68.465%) 52.745%;
  --battlenet: hsl(var(--battlenet-hsl) / 1);
  --battlenet-hsl: 199.651 calc(var(--saturation-factor, 1) * 100%) 44.902%;
  --bg-gradient-aurora-1: hsl(var(--bg-gradient-aurora-1-hsl) / 1);
  --bg-gradient-aurora-1-hsl: 219.74 calc(var(--saturation-factor, 1) * 86.517%) 17.451%;
  --bg-gradient-aurora-2: hsl(var(--bg-gradient-aurora-2-hsl) / 1);
  --bg-gradient-aurora-2-hsl: 237.778 calc(var(--saturation-factor, 1) * 76.415%) 41.569%;
  --bg-gradient-aurora-3: hsl(var(--bg-gradient-aurora-3-hsl) / 1);
  --bg-gradient-aurora-3-hsl: 183.556 calc(var(--saturation-factor, 1) * 78.035%) 33.922%;
  --bg-gradient-aurora-4: hsl(var(--bg-gradient-aurora-4-hsl) / 1);
  --bg-gradient-aurora-4-hsl: 169.2 calc(var(--saturation-factor, 1) * 60.241%) 32.549%;
  --bg-gradient-aurora-5: hsl(var(--bg-gradient-aurora-5-hsl) / 1);
  --bg-gradient-aurora-5-hsl: 229.839 calc(var(--saturation-factor, 1) * 92.537%) 26.275%;
  --bg-gradient-blurple-twilight-1: hsl(var(--bg-gradient-blurple-twilight-1-hsl) / 1);
  --bg-gradient-blurple-twilight-1-hsl: 233.904 calc(var(--saturation-factor, 1) * 79.574%) 53.922%;
  --bg-gradient-blurple-twilight-2: hsl(var(--bg-gradient-blurple-twilight-2-hsl) / 1);
  --bg-gradient-blurple-twilight-2-hsl: 245.294 calc(var(--saturation-factor, 1) * 63.75%) 31.373%;
  --bg-gradient-chroma-glow-1: hsl(var(--bg-gradient-chroma-glow-1-hsl) / 1);
  --bg-gradient-chroma-glow-1-hsl: 183.39 calc(var(--saturation-factor, 1) * 86.341%) 40.196%;
  --bg-gradient-chroma-glow-2: hsl(var(--bg-gradient-chroma-glow-2-hsl) / 1);
  --bg-gradient-chroma-glow-2-hsl: 258.113 calc(var(--saturation-factor, 1) * 89.831%) 46.275%;
  --bg-gradient-chroma-glow-3: hsl(var(--bg-gradient-chroma-glow-3-hsl) / 1);
  --bg-gradient-chroma-glow-3-hsl: 298.491 calc(var(--saturation-factor, 1) * 90.857%) 34.314%;
  --bg-gradient-chroma-glow-4: hsl(var(--bg-gradient-chroma-glow-4-hsl) / 1);
  --bg-gradient-chroma-glow-4-hsl: 264.767 calc(var(--saturation-factor, 1) * 100%) 66.275%;
  --bg-gradient-chroma-glow-5: hsl(var(--bg-gradient-chroma-glow-5-hsl) / 1);
  --bg-gradient-chroma-glow-5-hsl: 206.702 calc(var(--saturation-factor, 1) * 75.494%) 50.392%;
  --bg-gradient-citrus-sherbert-1: hsl(var(--bg-gradient-citrus-sherbert-1-hsl) / 1);
  --bg-gradient-citrus-sherbert-1-hsl: 39.683 calc(var(--saturation-factor, 1) * 88.732%) 58.235%;
  --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.522%) 63.922%;
  --bg-gradient-cotton-candy-1: hsl(var(--bg-gradient-cotton-candy-1-hsl) / 1);
  --bg-gradient-cotton-candy-1-hsl: 349.315 calc(var(--saturation-factor, 1) * 76.842%) 81.373%;
  --bg-gradient-cotton-candy-2: hsl(var(--bg-gradient-cotton-candy-2-hsl) / 1);
  --bg-gradient-cotton-candy-2-hsl: 226.4 calc(var(--saturation-factor, 1) * 92.593%) 84.118%;
  --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.608%) 30.98%;
  --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: 28.696 calc(var(--saturation-factor, 1) * 32.394%) 86.078%;
  --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.284%) 78.627%;
  --bg-gradient-desert-khaki-3: hsl(var(--bg-gradient-desert-khaki-3-hsl) / 1);
  --bg-gradient-desert-khaki-3-hsl: 50.164 calc(var(--saturation-factor, 1) * 49.593%) 75.882%;
  --bg-gradient-dusk-1: hsl(var(--bg-gradient-dusk-1-hsl) / 1);
  --bg-gradient-dusk-1-hsl: 292.8 calc(var(--saturation-factor, 1) * 13.514%) 36.275%;
  --bg-gradient-dusk-2: hsl(var(--bg-gradient-dusk-2-hsl) / 1);
  --bg-gradient-dusk-2-hsl: 223.125 calc(var(--saturation-factor, 1) * 41.026%) 69.412%;
  --bg-gradient-easter-egg-1: hsl(var(--bg-gradient-easter-egg-1-hsl) / 1);
  --bg-gradient-easter-egg-1-hsl: 226.731 calc(var(--saturation-factor, 1) * 58.427%) 65.098%;
  --bg-gradient-easter-egg-2: hsl(var(--bg-gradient-easter-egg-2-hsl) / 1);
  --bg-gradient-easter-egg-2-hsl: 227.143 calc(var(--saturation-factor, 1) * 30.973%) 44.314%;
  --bg-gradient-forest-1: hsl(var(--bg-gradient-forest-1-hsl) / 1);
  --bg-gradient-forest-1-hsl: 124.286 calc(var(--saturation-factor, 1) * 25.926%) 10.588%;
  --bg-gradient-forest-2: hsl(var(--bg-gradient-forest-2-hsl) / 1);
  --bg-gradient-forest-2-hsl: 142.5 calc(var(--saturation-factor, 1) * 26.23%) 23.922%;
  --bg-gradient-forest-3: hsl(var(--bg-gradient-forest-3-hsl) / 1);
  --bg-gradient-forest-3-hsl: 76.154 calc(var(--saturation-factor, 1) * 20.635%) 24.706%;
  --bg-gradient-forest-4: hsl(var(--bg-gradient-forest-4-hsl) / 1);
  --bg-gradient-forest-4-hsl: 116.667 calc(var(--saturation-factor, 1) * 16.981%) 41.569%;
  --bg-gradient-forest-5: hsl(var(--bg-gradient-forest-5-hsl) / 1);
  --bg-gradient-forest-5-hsl: 42.766 calc(var(--saturation-factor, 1) * 38.525%) 47.843%;
  --bg-gradient-hanami-1: hsl(var(--bg-gradient-hanami-1-hsl) / 1);
  --bg-gradient-hanami-1-hsl: 352.174 calc(var(--saturation-factor, 1) * 68.317%) 80.196%;
  --bg-gradient-hanami-2: hsl(var(--bg-gradient-hanami-2-hsl) / 1);
  --bg-gradient-hanami-2-hsl: 43.146 calc(var(--saturation-factor, 1) * 73.554%) 76.275%;
  --bg-gradient-hanami-3: hsl(var(--bg-gradient-hanami-3-hsl) / 1);
  --bg-gradient-hanami-3-hsl: 115.714 calc(var(--saturation-factor, 1) * 43.077%) 74.51%;
  --bg-gradient-lofi-vibes-1: hsl(var(--bg-gradient-lofi-vibes-1-hsl) / 1);
  --bg-gradient-lofi-vibes-1-hsl: 219.759 calc(var(--saturation-factor, 1) * 83.838%) 80.588%;
  --bg-gradient-lofi-vibes-2: hsl(var(--bg-gradient-lofi-vibes-2-hsl) / 1);
  --bg-gradient-lofi-vibes-2-hsl: 183.81 calc(var(--saturation-factor, 1) * 57.798%) 78.627%;
  --bg-gradient-lofi-vibes-3: hsl(var(--bg-gradient-lofi-vibes-3-hsl) / 1);
  --bg-gradient-lofi-vibes-3-hsl: 129.6 calc(var(--saturation-factor, 1) * 46.296%) 78.824%;
  --bg-gradient-lofi-vibes-4: hsl(var(--bg-gradient-lofi-vibes-4-hsl) / 1);
  --bg-gradient-lofi-vibes-4-hsl: 75.738 calc(var(--saturation-factor, 1) * 48.8%) 75.49%;
  --bg-gradient-mars-1: hsl(var(--bg-gradient-mars-1-hsl) / 1);
  --bg-gradient-mars-1-hsl: 14.795 calc(var(--saturation-factor, 1) * 36.318%) 39.412%;
  --bg-gradient-mars-2: hsl(var(--bg-gradient-mars-2-hsl) / 1);
  --bg-gradient-mars-2-hsl: 0 calc(var(--saturation-factor, 1) * 36.19%) 41.176%;
  --bg-gradient-midnight-blurple-1: hsl(var(--bg-gradient-midnight-blurple-1-hsl) / 1);
  --bg-gradient-midnight-blurple-1-hsl: 245.077 calc(var(--saturation-factor, 1) * 55.085%) 53.725%;
  --bg-gradient-midnight-blurple-2: hsl(var(--bg-gradient-midnight-blurple-2-hsl) / 1);
  --bg-gradient-midnight-blurple-2-hsl: 259.024 calc(var(--saturation-factor, 1) * 74.545%) 10.784%;
  --bg-gradient-mint-apple-1: hsl(var(--bg-gradient-mint-apple-1-hsl) / 1);
  --bg-gradient-mint-apple-1-hsl: 165.625 calc(var(--saturation-factor, 1) * 39.669%) 52.549%;
  --bg-gradient-mint-apple-2: hsl(var(--bg-gradient-mint-apple-2-hsl) / 1);
  --bg-gradient-mint-apple-2-hsl: 118.681 calc(var(--saturation-factor, 1) * 40.444%) 55.882%;
  --bg-gradient-mint-apple-3: hsl(var(--bg-gradient-mint-apple-3-hsl) / 1);
  --bg-gradient-mint-apple-3-hsl: 86.667 calc(var(--saturation-factor, 1) * 48.293%) 59.804%;
  --bg-gradient-neon-nights-1: hsl(var(--bg-gradient-neon-nights-1-hsl) / 1);
  --bg-gradient-neon-nights-1-hsl: 176.407 calc(var(--saturation-factor, 1) * 98.817%) 33.137%;
  --bg-gradient-neon-nights-2: hsl(var(--bg-gradient-neon-nights-2-hsl) / 1);
  --bg-gradient-neon-nights-2-hsl: 259.333 calc(var(--saturation-factor, 1) * 39.474%) 55.294%;
  --bg-gradient-neon-nights-3: hsl(var(--bg-gradient-neon-nights-3-hsl) / 1);
  --bg-gradient-neon-nights-3-hsl: 313.548 calc(var(--saturation-factor, 1) * 52.542%) 46.275%;
  --bg-gradient-retro-raincloud-1: hsl(var(--bg-gradient-retro-raincloud-1-hsl) / 1);
  --bg-gradient-retro-raincloud-1-hsl: 201.553 calc(var(--saturation-factor, 1) * 47.032%) 42.941%;
  --bg-gradient-retro-raincloud-2: hsl(var(--bg-gradient-retro-raincloud-2-hsl) / 1);
  --bg-gradient-retro-raincloud-2-hsl: 241.017 calc(var(--saturation-factor, 1) * 29.648%) 60.98%;
  --bg-gradient-retro-storm-1: hsl(var(--bg-gradient-retro-storm-1-hsl) / 1);
  --bg-gradient-retro-storm-1-hsl: 201.553 calc(var(--saturation-factor, 1) * 47.032%) 42.941%;
  --bg-gradient-retro-storm-2: hsl(var(--bg-gradient-retro-storm-2-hsl) / 1);
  --bg-gradient-retro-storm-2-hsl: 240.896 calc(var(--saturation-factor, 1) * 27.801%) 47.255%;
  --bg-gradient-sepia-1: hsl(var(--bg-gradient-sepia-1-hsl) / 1);
  --bg-gradient-sepia-1-hsl: 32.727 calc(var(--saturation-factor, 1) * 14.163%) 45.686%;
  --bg-gradient-sepia-2: hsl(var(--bg-gradient-sepia-2-hsl) / 1);
  --bg-gradient-sepia-2-hsl: 36.207 calc(var(--saturation-factor, 1) * 46.774%) 24.314%;
  --bg-gradient-strawberry-lemonade-1: hsl(var(--bg-gradient-strawberry-lemonade-1-hsl) / 1);
  --bg-gradient-strawberry-lemonade-1-hsl: 326.98 calc(var(--saturation-factor, 1) * 74.129%) 39.412%;
  --bg-gradient-strawberry-lemonade-2: hsl(var(--bg-gradient-strawberry-lemonade-2-hsl) / 1);
  --bg-gradient-strawberry-lemonade-2-hsl: 27.778 calc(var(--saturation-factor, 1) * 71.681%) 44.314%;
  --bg-gradient-strawberry-lemonade-3: hsl(var(--bg-gradient-strawberry-lemonade-3-hsl) / 1);
  --bg-gradient-strawberry-lemonade-3-hsl: 39.588 calc(var(--saturation-factor, 1) * 80.165%) 52.549%;
  --bg-gradient-sunrise-1: hsl(var(--bg-gradient-sunrise-1-hsl) / 1);
  --bg-gradient-sunrise-1-hsl: 326.809 calc(var(--saturation-factor, 1) * 41.964%) 43.922%;
  --bg-gradient-sunrise-2: hsl(var(--bg-gradient-sunrise-2-hsl) / 1);
  --bg-gradient-sunrise-2-hsl: 27.5 calc(var(--saturation-factor, 1) * 44.86%) 58.039%;
  --bg-gradient-sunrise-3: hsl(var(--bg-gradient-sunrise-3-hsl) / 1);
  --bg-gradient-sunrise-3-hsl: 50.286 calc(var(--saturation-factor, 1) * 46.256%) 44.51%;
  --bg-gradient-sunset-1: hsl(var(--bg-gradient-sunset-1-hsl) / 1);
  --bg-gradient-sunset-1-hsl: 259.2 calc(var(--saturation-factor, 1) * 55.556%) 35.294%;
  --bg-gradient-sunset-2: hsl(var(--bg-gradient-sunset-2-hsl) / 1);
  --bg-gradient-sunset-2-hsl: 21.667 calc(var(--saturation-factor, 1) * 66.667%) 57.647%;
  --bg-gradient-under-the-sea-1: hsl(var(--bg-gradient-under-the-sea-1-hsl) / 1);
  --bg-gradient-under-the-sea-1-hsl: 114.783 calc(var(--saturation-factor, 1) * 10.502%) 42.941%;
  --bg-gradient-under-the-sea-2: hsl(var(--bg-gradient-under-the-sea-2-hsl) / 1);
  --bg-gradient-under-the-sea-2-hsl: 158.667 calc(var(--saturation-factor, 1) * 20.362%) 43.333%;
  --bg-gradient-under-the-sea-3: hsl(var(--bg-gradient-under-the-sea-3-hsl) / 1);
  --bg-gradient-under-the-sea-3-hsl: 175.385 calc(var(--saturation-factor, 1) * 10.924%) 46.667%;
  --black: hsl(var(--black-hsl) / 1);
  --black-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --black-100: hsl(var(--black-100-hsl) / 1);
  --black-100-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 94.902%;
  --black-130: hsl(var(--black-130-hsl) / 1);
  --black-130-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 90.98%;
  --black-160: hsl(var(--black-160-hsl) / 1);
  --black-160-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 85.49%;
  --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.118%;
  --black-260: hsl(var(--black-260-hsl) / 1);
  --black-260-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 67.451%;
  --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.843%;
  --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.078%;
  --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.51%;
  --black-460: hsl(var(--black-460-hsl) / 1);
  --black-460-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 7.843%;
  --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.039%;
  --blue-130: hsl(var(--blue-130-hsl) / 1);
  --blue-130-hsl: 210 calc(var(--saturation-factor, 1) * 87.5%) 96.863%;
  --blue-160: hsl(var(--blue-160-hsl) / 1);
  --blue-160-hsl: 208.889 calc(var(--saturation-factor, 1) * 87.097%) 93.922%;
  --blue-200: hsl(var(--blue-200-hsl) / 1);
  --blue-200-hsl: 206.25 calc(var(--saturation-factor, 1) * 92.308%) 89.804%;
  --blue-230: hsl(var(--blue-230-hsl) / 1);
  --blue-230-hsl: 205.135 calc(var(--saturation-factor, 1) * 92.5%) 84.314%;
  --blue-260: hsl(var(--blue-260-hsl) / 1);
  --blue-260-hsl: 204.231 calc(var(--saturation-factor, 1) * 94.545%) 78.431%;
  --blue-300: hsl(var(--blue-300-hsl) / 1);
  --blue-300-hsl: 202.649 calc(var(--saturation-factor, 1) * 97.419%) 69.608%;
  --blue-330: hsl(var(--blue-330-hsl) / 1);
  --blue-330-hsl: 200.957 calc(var(--saturation-factor, 1) * 100%) 59.02%;
  --blue-345: hsl(var(--blue-345-hsl) / 1);
  --blue-345-hsl: 199.524 calc(var(--saturation-factor, 1) * 100%) 49.412%;
  --blue-360: hsl(var(--blue-360-hsl) / 1);
  --blue-360-hsl: 202.562 calc(var(--saturation-factor, 1) * 100%) 47.451%;
  --blue-400: hsl(var(--blue-400-hsl) / 1);
  --blue-400-hsl: 206.809 calc(var(--saturation-factor, 1) * 100%) 46.078%;
  --blue-430: hsl(var(--blue-430-hsl) / 1);
  --blue-430-hsl: 212.208 calc(var(--saturation-factor, 1) * 100%) 45.294%;
  --blue-460: hsl(var(--blue-460-hsl) / 1);
  --blue-460-hsl: 213.589 calc(var(--saturation-factor, 1) * 100%) 40.98%;
  --blue-500: hsl(var(--blue-500-hsl) / 1);
  --blue-500-hsl: 213.297 calc(var(--saturation-factor, 1) * 100%) 35.686%;
  --blue-530: hsl(var(--blue-530-hsl) / 1);
  --blue-530-hsl: 212.129 calc(var(--saturation-factor, 1) * 100%) 30.392%;
  --blue-560: hsl(var(--blue-560-hsl) / 1);
  --blue-560-hsl: 211.765 calc(var(--saturation-factor, 1) * 100%) 26.667%;
  --blue-600: hsl(var(--blue-600-hsl) / 1);
  --blue-600-hsl: 211.017 calc(var(--saturation-factor, 1) * 100%) 23.137%;
  --blue-630: hsl(var(--blue-630-hsl) / 1);
  --blue-630-hsl: 211.132 calc(var(--saturation-factor, 1) * 100%) 20.784%;
  --blue-660: hsl(var(--blue-660-hsl) / 1);
  --blue-660-hsl: 211.579 calc(var(--saturation-factor, 1) * 100%) 18.627%;
  --blue-700: hsl(var(--blue-700-hsl) / 1);
  --blue-700-hsl: 211.765 calc(var(--saturation-factor, 1) * 100%) 16.667%;
  --blue-730: hsl(var(--blue-730-hsl) / 1);
  --blue-730-hsl: 210.833 calc(var(--saturation-factor, 1) * 100%) 14.118%;
  --blue-760: hsl(var(--blue-760-hsl) / 1);
  --blue-760-hsl: 211.429 calc(var(--saturation-factor, 1) * 100%) 12.353%;
  --blue-800: hsl(var(--blue-800-hsl) / 1);
  --blue-800-hsl: 211.111 calc(var(--saturation-factor, 1) * 100%) 10.588%;
  --blue-830: hsl(var(--blue-830-hsl) / 1);
  --blue-830-hsl: 212.5 calc(var(--saturation-factor, 1) * 100%) 9.412%;
  --blue-860: hsl(var(--blue-860-hsl) / 1);
  --blue-860-hsl: 213.488 calc(var(--saturation-factor, 1) * 100%) 8.431%;
  --blue-900: hsl(var(--blue-900-hsl) / 1);
  --blue-900-hsl: 213.333 calc(var(--saturation-factor, 1) * 100%) 7.059%;
  --blue-new-1: hsl(var(--blue-new-1-hsl) / 1);
  --blue-new-1-hsl: 222.5 calc(var(--saturation-factor, 1) * 100%) 95.294%;
  --blue-new-10: hsl(var(--blue-new-10-hsl) / 1);
  --blue-new-10-hsl: 215.593 calc(var(--saturation-factor, 1) * 88.06%) 86.863%;
  --blue-new-100: hsl(var(--blue-new-100-hsl) / 1);
  --blue-new-100-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --blue-new-11: hsl(var(--blue-new-11-hsl) / 1);
  --blue-new-11-hsl: 214.687 calc(var(--saturation-factor, 1) * 88.889%) 85.882%;
  --blue-new-12: hsl(var(--blue-new-12-hsl) / 1);
  --blue-new-12-hsl: 215.294 calc(var(--saturation-factor, 1) * 89.474%) 85.098%;
  --blue-new-13: hsl(var(--blue-new-13-hsl) / 1);
  --blue-new-13-hsl: 214.648 calc(var(--saturation-factor, 1) * 87.654%) 84.118%;
  --blue-new-14: hsl(var(--blue-new-14-hsl) / 1);
  --blue-new-14-hsl: 215.2 calc(var(--saturation-factor, 1) * 88.235%) 83.333%;
  --blue-new-15: hsl(var(--blue-new-15-hsl) / 1);
  --blue-new-15-hsl: 214.177 calc(var(--saturation-factor, 1) * 86.813%) 82.157%;
  --blue-new-16: hsl(var(--blue-new-16-hsl) / 1);
  --blue-new-16-hsl: 214.699 calc(var(--saturation-factor, 1) * 87.368%) 81.373%;
  --blue-new-17: hsl(var(--blue-new-17-hsl) / 1);
  --blue-new-17-hsl: 214.186 calc(var(--saturation-factor, 1) * 86%) 80.392%;
  --blue-new-18: hsl(var(--blue-new-18-hsl) / 1);
  --blue-new-18-hsl: 214.667 calc(var(--saturation-factor, 1) * 86.538%) 79.608%;
  --blue-new-19: hsl(var(--blue-new-19-hsl) / 1);
  --blue-new-19-hsl: 214.194 calc(var(--saturation-factor, 1) * 85.321%) 78.627%;
  --blue-new-2: hsl(var(--blue-new-2-hsl) / 1);
  --blue-new-2-hsl: 219.31 calc(var(--saturation-factor, 1) * 100%) 94.314%;
  --blue-new-20: hsl(var(--blue-new-20-hsl) / 1);
  --blue-new-20-hsl: 214.286 calc(var(--saturation-factor, 1) * 85.965%) 77.647%;
  --blue-new-21: hsl(var(--blue-new-21-hsl) / 1);
  --blue-new-21-hsl: 213.861 calc(var(--saturation-factor, 1) * 84.874%) 76.667%;
  --blue-new-22: hsl(var(--blue-new-22-hsl) / 1);
  --blue-new-22-hsl: 214.038 calc(var(--saturation-factor, 1) * 83.871%) 75.686%;
  --blue-new-23: hsl(var(--blue-new-23-hsl) / 1);
  --blue-new-23-hsl: 213.889 calc(var(--saturation-factor, 1) * 84.375%) 74.902%;
  --blue-new-24: hsl(var(--blue-new-24-hsl) / 1);
  --blue-new-24-hsl: 214.054 calc(var(--saturation-factor, 1) * 83.459%) 73.922%;
  --blue-new-25: hsl(var(--blue-new-25-hsl) / 1);
  --blue-new-25-hsl: 213.913 calc(var(--saturation-factor, 1) * 83.942%) 73.137%;
  --blue-new-26: hsl(var(--blue-new-26-hsl) / 1);
  --blue-new-26-hsl: 213.782 calc(var(--saturation-factor, 1) * 83.217%) 71.961%;
  --blue-new-27: hsl(var(--blue-new-27-hsl) / 1);
  --blue-new-27-hsl: 213.659 calc(var(--saturation-factor, 1) * 83.673%) 71.176%;
  --blue-new-28: hsl(var(--blue-new-28-hsl) / 1);
  --blue-new-28-hsl: 213.81 calc(var(--saturation-factor, 1) * 82.895%) 70.196%;
  --blue-new-29: hsl(var(--blue-new-29-hsl) / 1);
  --blue-new-29-hsl: 213.488 calc(var(--saturation-factor, 1) * 82.166%) 69.216%;
  --blue-new-3: hsl(var(--blue-new-3-hsl) / 1);
  --blue-new-3-hsl: 219.375 calc(var(--saturation-factor, 1) * 94.118%) 93.333%;
  --blue-new-30: hsl(var(--blue-new-30-hsl) / 1);
  --blue-new-30-hsl: 213.835 calc(var(--saturation-factor, 1) * 82.609%) 68.431%;
  --blue-new-31: hsl(var(--blue-new-31-hsl) / 1);
  --blue-new-31-hsl: 213.723 calc(var(--saturation-factor, 1) * 82.036%) 67.255%;
  --blue-new-32: hsl(var(--blue-new-32-hsl) / 1);
  --blue-new-32-hsl: 213.429 calc(var(--saturation-factor, 1) * 81.395%) 66.275%;
  --blue-new-33: hsl(var(--blue-new-33-hsl) / 1);
  --blue-new-33-hsl: 213.75 calc(var(--saturation-factor, 1) * 81.818%) 65.49%;
  --blue-new-34: hsl(var(--blue-new-34-hsl) / 1);
  --blue-new-34-hsl: 213.469 calc(var(--saturation-factor, 1) * 81.215%) 64.51%;
  --blue-new-35: hsl(var(--blue-new-35-hsl) / 1);
  --blue-new-35-hsl: 213.377 calc(var(--saturation-factor, 1) * 80.749%) 63.333%;
  --blue-new-36: hsl(var(--blue-new-36-hsl) / 1);
  --blue-new-36-hsl: 213.29 calc(var(--saturation-factor, 1) * 81.152%) 62.549%;
  --blue-new-37: hsl(var(--blue-new-37-hsl) / 1);
  --blue-new-37-hsl: 213.418 calc(var(--saturation-factor, 1) * 80.612%) 61.569%;
  --blue-new-38: hsl(var(--blue-new-38-hsl) / 1);
  --blue-new-38-hsl: 213.333 calc(var(--saturation-factor, 1) * 80.198%) 60.392%;
  --blue-new-39: hsl(var(--blue-new-39-hsl) / 1);
  --blue-new-39-hsl: 213.253 calc(var(--saturation-factor, 1) * 80.583%) 59.608%;
  --blue-new-4: hsl(var(--blue-new-4-hsl) / 1);
  --blue-new-4-hsl: 218.333 calc(var(--saturation-factor, 1) * 94.737%) 92.549%;
  --blue-new-40: hsl(var(--blue-new-40-hsl) / 1);
  --blue-new-40-hsl: 213.176 calc(var(--saturation-factor, 1) * 80.189%) 58.431%;
  --blue-new-41: hsl(var(--blue-new-41-hsl) / 1);
  --blue-new-41-hsl: 213.103 calc(var(--saturation-factor, 1) * 79.817%) 57.255%;
  --blue-new-42: hsl(var(--blue-new-42-hsl) / 1);
  --blue-new-42-hsl: 212.697 calc(var(--saturation-factor, 1) * 79.464%) 56.078%;
  --blue-new-43: hsl(var(--blue-new-43-hsl) / 1);
  --blue-new-43-hsl: 212.787 calc(var(--saturation-factor, 1) * 79.913%) 55.098%;
  --blue-new-44: hsl(var(--blue-new-44-hsl) / 1);
  --blue-new-44-hsl: 212.727 calc(var(--saturation-factor, 1) * 79.574%) 53.922%;
  --blue-new-45: hsl(var(--blue-new-45-hsl) / 1);
  --blue-new-45-hsl: 212.188 calc(var(--saturation-factor, 1) * 79.339%) 52.549%;
  --blue-new-46: hsl(var(--blue-new-46-hsl) / 1);
  --blue-new-46-hsl: 211.818 calc(var(--saturation-factor, 1) * 79.2%) 50.98%;
  --blue-new-47: hsl(var(--blue-new-47-hsl) / 1);
  --blue-new-47-hsl: 211.456 calc(var(--saturation-factor, 1) * 81.746%) 49.412%;
  --blue-new-48: hsl(var(--blue-new-48-hsl) / 1);
  --blue-new-48-hsl: 210.561 calc(var(--saturation-factor, 1) * 88.43%) 47.451%;
  --blue-new-49: hsl(var(--blue-new-49-hsl) / 1);
  --blue-new-49-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --blue-new-5: hsl(var(--blue-new-5-hsl) / 1);
  --blue-new-5-hsl: 216.585 calc(var(--saturation-factor, 1) * 95.349%) 91.569%;
  --blue-new-50: hsl(var(--blue-new-50-hsl) / 1);
  --blue-new-50-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --blue-new-51: hsl(var(--blue-new-51-hsl) / 1);
  --blue-new-51-hsl: 209.455 calc(var(--saturation-factor, 1) * 98.214%) 43.922%;
  --blue-new-52: hsl(var(--blue-new-52-hsl) / 1);
  --blue-new-52-hsl: 209.858 calc(var(--saturation-factor, 1) * 95.475%) 43.333%;
  --blue-new-53: hsl(var(--blue-new-53-hsl) / 1);
  --blue-new-53-hsl: 210 calc(var(--saturation-factor, 1) * 93.578%) 42.745%;
  --blue-new-54: hsl(var(--blue-new-54-hsl) / 1);
  --blue-new-54-hsl: 210 calc(var(--saturation-factor, 1) * 91.589%) 41.961%;
  --blue-new-55: hsl(var(--blue-new-55-hsl) / 1);
  --blue-new-55-hsl: 210.316 calc(var(--saturation-factor, 1) * 90.476%) 41.176%;
  --blue-new-56: hsl(var(--blue-new-56-hsl) / 1);
  --blue-new-56-hsl: 210.492 calc(var(--saturation-factor, 1) * 88.406%) 40.588%;
  --blue-new-57: hsl(var(--blue-new-57-hsl) / 1);
  --blue-new-57-hsl: 210.508 calc(var(--saturation-factor, 1) * 87.192%) 39.804%;
  --blue-new-58: hsl(var(--blue-new-58-hsl) / 1);
  --blue-new-58-hsl: 210.526 calc(var(--saturation-factor, 1) * 85.93%) 39.02%;
  --blue-new-59: hsl(var(--blue-new-59-hsl) / 1);
  --blue-new-59-hsl: 210.732 calc(var(--saturation-factor, 1) * 84.536%) 38.039%;
  --blue-new-6: hsl(var(--blue-new-6-hsl) / 1);
  --blue-new-6-hsl: 216.818 calc(var(--saturation-factor, 1) * 91.667%) 90.588%;
  --blue-new-60: hsl(var(--blue-new-60-hsl) / 1);
  --blue-new-60-hsl: 210.759 calc(var(--saturation-factor, 1) * 83.158%) 37.255%;
  --blue-new-61: hsl(var(--blue-new-61-hsl) / 1);
  --blue-new-61-hsl: 210.588 calc(var(--saturation-factor, 1) * 82.703%) 36.275%;
  --blue-new-62: hsl(var(--blue-new-62-hsl) / 1);
  --blue-new-62-hsl: 211.216 calc(var(--saturation-factor, 1) * 81.319%) 35.686%;
  --blue-new-63: hsl(var(--blue-new-63-hsl) / 1);
  --blue-new-63-hsl: 211.049 calc(var(--saturation-factor, 1) * 80.791%) 34.706%;
  --blue-new-64: hsl(var(--blue-new-64-hsl) / 1);
  --blue-new-64-hsl: 210.87 calc(var(--saturation-factor, 1) * 80.233%) 33.725%;
  --blue-new-65: hsl(var(--blue-new-65-hsl) / 1);
  --blue-new-65-hsl: 210.909 calc(var(--saturation-factor, 1) * 78.571%) 32.941%;
  --blue-new-66: hsl(var(--blue-new-66-hsl) / 1);
  --blue-new-66-hsl: 211.181 calc(var(--saturation-factor, 1) * 77.914%) 31.961%;
  --blue-new-67: hsl(var(--blue-new-67-hsl) / 1);
  --blue-new-67-hsl: 211.22 calc(var(--saturation-factor, 1) * 77.358%) 31.176%;
  --blue-new-68: hsl(var(--blue-new-68-hsl) / 1);
  --blue-new-68-hsl: 211.017 calc(var(--saturation-factor, 1) * 76.623%) 30.196%;
  --blue-new-69: hsl(var(--blue-new-69-hsl) / 1);
  --blue-new-69-hsl: 211.053 calc(var(--saturation-factor, 1) * 76%) 29.412%;
  --blue-new-7: hsl(var(--blue-new-7-hsl) / 1);
  --blue-new-7-hsl: 216.25 calc(var(--saturation-factor, 1) * 92.308%) 89.804%;
  --blue-new-70: hsl(var(--blue-new-70-hsl) / 1);
  --blue-new-70-hsl: 211.376 calc(var(--saturation-factor, 1) * 75.172%) 28.431%;
  --blue-new-71: hsl(var(--blue-new-71-hsl) / 1);
  --blue-new-71-hsl: 211.429 calc(var(--saturation-factor, 1) * 74.468%) 27.647%;
  --blue-new-72: hsl(var(--blue-new-72-hsl) / 1);
  --blue-new-72-hsl: 211.2 calc(var(--saturation-factor, 1) * 73.529%) 26.667%;
  --blue-new-73: hsl(var(--blue-new-73-hsl) / 1);
  --blue-new-73-hsl: 210.928 calc(var(--saturation-factor, 1) * 74.046%) 25.686%;
  --blue-new-74: hsl(var(--blue-new-74-hsl) / 1);
  --blue-new-74-hsl: 210.968 calc(var(--saturation-factor, 1) * 73.228%) 24.902%;
  --blue-new-75: hsl(var(--blue-new-75-hsl) / 1);
  --blue-new-75-hsl: 211.685 calc(var(--saturation-factor, 1) * 72.358%) 24.118%;
  --blue-new-76: hsl(var(--blue-new-76-hsl) / 1);
  --blue-new-76-hsl: 211.429 calc(var(--saturation-factor, 1) * 71.186%) 23.137%;
  --blue-new-77: hsl(var(--blue-new-77-hsl) / 1);
  --blue-new-77-hsl: 211.111 calc(var(--saturation-factor, 1) * 71.681%) 22.157%;
  --blue-new-78: hsl(var(--blue-new-78-hsl) / 1);
  --blue-new-78-hsl: 211.169 calc(var(--saturation-factor, 1) * 70.642%) 21.373%;
  --blue-new-79: hsl(var(--blue-new-79-hsl) / 1);
  --blue-new-79-hsl: 210.811 calc(var(--saturation-factor, 1) * 71.154%) 20.392%;
  --blue-new-8: hsl(var(--blue-new-8-hsl) / 1);
  --blue-new-8-hsl: 215.769 calc(var(--saturation-factor, 1) * 89.655%) 88.627%;
  --blue-new-80: hsl(var(--blue-new-80-hsl) / 1);
  --blue-new-80-hsl: 210.857 calc(var(--saturation-factor, 1) * 70%) 19.608%;
  --blue-new-81: hsl(var(--blue-new-81-hsl) / 1);
  --blue-new-81-hsl: 210.882 calc(var(--saturation-factor, 1) * 70.833%) 18.824%;
  --blue-new-82: hsl(var(--blue-new-82-hsl) / 1);
  --blue-new-82-hsl: 210.938 calc(var(--saturation-factor, 1) * 69.565%) 18.039%;
  --blue-new-83: hsl(var(--blue-new-83-hsl) / 1);
  --blue-new-83-hsl: 211.475 calc(var(--saturation-factor, 1) * 70.115%) 17.059%;
  --blue-new-84: hsl(var(--blue-new-84-hsl) / 1);
  --blue-new-84-hsl: 211.579 calc(var(--saturation-factor, 1) * 68.675%) 16.275%;
  --blue-new-85: hsl(var(--blue-new-85-hsl) / 1);
  --blue-new-85-hsl: 211.636 calc(var(--saturation-factor, 1) * 69.62%) 15.49%;
  --blue-new-86: hsl(var(--blue-new-86-hsl) / 1);
  --blue-new-86-hsl: 211.154 calc(var(--saturation-factor, 1) * 70.27%) 14.51%;
  --blue-new-87: hsl(var(--blue-new-87-hsl) / 1);
  --blue-new-87-hsl: 211.25 calc(var(--saturation-factor, 1) * 68.571%) 13.725%;
  --blue-new-88: hsl(var(--blue-new-88-hsl) / 1);
  --blue-new-88-hsl: 211.304 calc(var(--saturation-factor, 1) * 69.697%) 12.941%;
  --blue-new-89: hsl(var(--blue-new-89-hsl) / 1);
  --blue-new-89-hsl: 210.698 calc(var(--saturation-factor, 1) * 70.492%) 11.961%;
  --blue-new-9: hsl(var(--blue-new-9-hsl) / 1);
  --blue-new-9-hsl: 215.357 calc(var(--saturation-factor, 1) * 90.323%) 87.843%;
  --blue-new-90: hsl(var(--blue-new-90-hsl) / 1);
  --blue-new-90-hsl: 211.5 calc(var(--saturation-factor, 1) * 68.966%) 11.373%;
  --blue-new-91: hsl(var(--blue-new-91-hsl) / 1);
  --blue-new-91-hsl: 211.579 calc(var(--saturation-factor, 1) * 70.37%) 10.588%;
  --blue-new-92: hsl(var(--blue-new-92-hsl) / 1);
  --blue-new-92-hsl: 211.667 calc(var(--saturation-factor, 1) * 72%) 9.804%;
  --blue-new-93: hsl(var(--blue-new-93-hsl) / 1);
  --blue-new-93-hsl: 211.875 calc(var(--saturation-factor, 1) * 69.565%) 9.02%;
  --blue-new-94: hsl(var(--blue-new-94-hsl) / 1);
  --blue-new-94-hsl: 211.034 calc(var(--saturation-factor, 1) * 70.732%) 8.039%;
  --blue-new-95: hsl(var(--blue-new-95-hsl) / 1);
  --blue-new-95-hsl: 212.308 calc(var(--saturation-factor, 1) * 72.222%) 7.059%;
  --blue-new-96: hsl(var(--blue-new-96-hsl) / 1);
  --blue-new-96-hsl: 211.304 calc(var(--saturation-factor, 1) * 74.194%) 6.078%;
  --blue-new-97: hsl(var(--blue-new-97-hsl) / 1);
  --blue-new-97-hsl: 214.737 calc(var(--saturation-factor, 1) * 76%) 4.902%;
  --blue-new-98: hsl(var(--blue-new-98-hsl) / 1);
  --blue-new-98-hsl: 214.286 calc(var(--saturation-factor, 1) * 77.778%) 3.529%;
  --blue-new-99: hsl(var(--blue-new-99-hsl) / 1);
  --blue-new-99-hsl: 214.286 calc(var(--saturation-factor, 1) * 77.778%) 1.765%;
  --blurple-1: hsl(var(--blurple-1-hsl) / 1);
  --blurple-1-hsl: 232.5 calc(var(--saturation-factor, 1) * 100%) 95.294%;
  --blurple-10: hsl(var(--blurple-10-hsl) / 1);
  --blurple-10-hsl: 228.889 calc(var(--saturation-factor, 1) * 96.429%) 89.02%;
  --blurple-100: hsl(var(--blurple-100-hsl) / 1);
  --blurple-100-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --blurple-11: hsl(var(--blurple-11-hsl) / 1);
  --blurple-11-hsl: 228.621 calc(var(--saturation-factor, 1) * 96.667%) 88.235%;
  --blurple-12: hsl(var(--blurple-12-hsl) / 1);
  --blurple-12-hsl: 228.197 calc(var(--saturation-factor, 1) * 96.825%) 87.647%;
  --blurple-13: hsl(var(--blurple-13-hsl) / 1);
  --blurple-13-hsl: 228 calc(var(--saturation-factor, 1) * 97.015%) 86.863%;
  --blurple-14: hsl(var(--blurple-14-hsl) / 1);
  --blurple-14-hsl: 228.529 calc(var(--saturation-factor, 1) * 97.143%) 86.275%;
  --blurple-15: hsl(var(--blurple-15-hsl) / 1);
  --blurple-15-hsl: 228 calc(var(--saturation-factor, 1) * 94.595%) 85.49%;
  --blurple-16: hsl(var(--blurple-16-hsl) / 1);
  --blurple-16-hsl: 228.493 calc(var(--saturation-factor, 1) * 94.805%) 84.902%;
  --blurple-17: hsl(var(--blurple-17-hsl) / 1);
  --blurple-17-hsl: 228.312 calc(var(--saturation-factor, 1) * 95.062%) 84.118%;
  --blurple-18: hsl(var(--blurple-18-hsl) / 1);
  --blurple-18-hsl: 228 calc(var(--saturation-factor, 1) * 95.238%) 83.529%;
  --blurple-19: hsl(var(--blurple-19-hsl) / 1);
  --blurple-19-hsl: 228.434 calc(var(--saturation-factor, 1) * 95.402%) 82.941%;
  --blurple-2: hsl(var(--blurple-2-hsl) / 1);
  --blurple-2-hsl: 233.333 calc(var(--saturation-factor, 1) * 100%) 94.706%;
  --blurple-20: hsl(var(--blurple-20-hsl) / 1);
  --blurple-20-hsl: 228.706 calc(var(--saturation-factor, 1) * 93.407%) 82.157%;
  --blurple-21: hsl(var(--blurple-21-hsl) / 1);
  --blurple-21-hsl: 227.865 calc(var(--saturation-factor, 1) * 93.684%) 81.373%;
  --blurple-22: hsl(var(--blurple-22-hsl) / 1);
  --blurple-22-hsl: 228.261 calc(var(--saturation-factor, 1) * 93.878%) 80.784%;
  --blurple-23: hsl(var(--blurple-23-hsl) / 1);
  --blurple-23-hsl: 228.632 calc(var(--saturation-factor, 1) * 94.059%) 80.196%;
  --blurple-24: hsl(var(--blurple-24-hsl) / 1);
  --blurple-24-hsl: 228.866 calc(var(--saturation-factor, 1) * 92.381%) 79.412%;
  --blurple-25: hsl(var(--blurple-25-hsl) / 1);
  --blurple-25-hsl: 228.6 calc(var(--saturation-factor, 1) * 92.593%) 78.824%;
  --blurple-26: hsl(var(--blurple-26-hsl) / 1);
  --blurple-26-hsl: 228.932 calc(var(--saturation-factor, 1) * 92.793%) 78.235%;
  --blurple-27: hsl(var(--blurple-27-hsl) / 1);
  --blurple-27-hsl: 229.245 calc(var(--saturation-factor, 1) * 92.982%) 77.647%;
  --blurple-28: hsl(var(--blurple-28-hsl) / 1);
  --blurple-28-hsl: 228.889 calc(var(--saturation-factor, 1) * 91.525%) 76.863%;
  --blurple-29: hsl(var(--blurple-29-hsl) / 1);
  --blurple-29-hsl: 229.189 calc(var(--saturation-factor, 1) * 91.736%) 76.275%;
  --blurple-3: hsl(var(--blurple-3-hsl) / 1);
  --blurple-3-hsl: 230.323 calc(var(--saturation-factor, 1) * 100%) 93.922%;
  --blurple-30: hsl(var(--blurple-30-hsl) / 1);
  --blurple-30-hsl: 229.474 calc(var(--saturation-factor, 1) * 91.935%) 75.686%;
  --blurple-31: hsl(var(--blurple-31-hsl) / 1);
  --blurple-31-hsl: 229.655 calc(var(--saturation-factor, 1) * 90.625%) 74.902%;
  --blurple-32: hsl(var(--blurple-32-hsl) / 1);
  --blurple-32-hsl: 229.916 calc(var(--saturation-factor, 1) * 90.84%) 74.314%;
  --blurple-33: hsl(var(--blurple-33-hsl) / 1);
  --blurple-33-hsl: 230.083 calc(var(--saturation-factor, 1) * 90.977%) 73.922%;
  --blurple-34: hsl(var(--blurple-34-hsl) / 1);
  --blurple-34-hsl: 230.244 calc(var(--saturation-factor, 1) * 89.781%) 73.137%;
  --blurple-35: hsl(var(--blurple-35-hsl) / 1);
  --blurple-35-hsl: 230.476 calc(var(--saturation-factor, 1) * 90%) 72.549%;
  --blurple-36: hsl(var(--blurple-36-hsl) / 1);
  --blurple-36-hsl: 230.698 calc(var(--saturation-factor, 1) * 90.21%) 71.961%;
  --blurple-37: hsl(var(--blurple-37-hsl) / 1);
  --blurple-37-hsl: 231.231 calc(var(--saturation-factor, 1) * 89.041%) 71.373%;
  --blurple-38: hsl(var(--blurple-38-hsl) / 1);
  --blurple-38-hsl: 230.977 calc(var(--saturation-factor, 1) * 89.262%) 70.784%;
  --blurple-39: hsl(var(--blurple-39-hsl) / 1);
  --blurple-39-hsl: 231.493 calc(var(--saturation-factor, 1) * 88.158%) 70.196%;
  --blurple-4: hsl(var(--blurple-4-hsl) / 1);
  --blurple-4-hsl: 229.714 calc(var(--saturation-factor, 1) * 100%) 93.137%;
  --blurple-40: hsl(var(--blurple-40-hsl) / 1);
  --blurple-40-hsl: 231.679 calc(var(--saturation-factor, 1) * 88.387%) 69.608%;
  --blurple-41: hsl(var(--blurple-41-hsl) / 1);
  --blurple-41-hsl: 231.857 calc(var(--saturation-factor, 1) * 88.608%) 69.02%;
  --blurple-42: hsl(var(--blurple-42-hsl) / 1);
  --blurple-42-hsl: 232.34 calc(var(--saturation-factor, 1) * 87.578%) 68.431%;
  --blurple-43: hsl(var(--blurple-43-hsl) / 1);
  --blurple-43-hsl: 232.867 calc(var(--saturation-factor, 1) * 87.73%) 68.039%;
  --blurple-44: hsl(var(--blurple-44-hsl) / 1);
  --blurple-44-hsl: 232.966 calc(var(--saturation-factor, 1) * 86.826%) 67.255%;
  --blurple-45: hsl(var(--blurple-45-hsl) / 1);
  --blurple-45-hsl: 233.469 calc(var(--saturation-factor, 1) * 86.982%) 66.863%;
  --blurple-46: hsl(var(--blurple-46-hsl) / 1);
  --blurple-46-hsl: 233.919 calc(var(--saturation-factor, 1) * 86.047%) 66.275%;
  --blurple-47: hsl(var(--blurple-47-hsl) / 1);
  --blurple-47-hsl: 234.04 calc(var(--saturation-factor, 1) * 86.286%) 65.686%;
  --blurple-48: hsl(var(--blurple-48-hsl) / 1);
  --blurple-48-hsl: 234.474 calc(var(--saturation-factor, 1) * 85.393%) 65.098%;
  --blurple-49: hsl(var(--blurple-49-hsl) / 1);
  --blurple-49-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --blurple-5: hsl(var(--blurple-5-hsl) / 1);
  --blurple-5-hsl: 230.526 calc(var(--saturation-factor, 1) * 100%) 92.549%;
  --blurple-50: hsl(var(--blurple-50-hsl) / 1);
  --blurple-50-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --blurple-51: hsl(var(--blurple-51-hsl) / 1);
  --blurple-51-hsl: 234.8 calc(var(--saturation-factor, 1) * 79.787%) 63.137%;
  --blurple-52: hsl(var(--blurple-52-hsl) / 1);
  --blurple-52-hsl: 234.658 calc(var(--saturation-factor, 1) * 74.49%) 61.569%;
  --blurple-53: hsl(var(--blurple-53-hsl) / 1);
  --blurple-53-hsl: 234.507 calc(var(--saturation-factor, 1) * 69.608%) 60%;
  --blurple-54: hsl(var(--blurple-54-hsl) / 1);
  --blurple-54-hsl: 233.913 calc(var(--saturation-factor, 1) * 65.094%) 58.431%;
  --blurple-55: hsl(var(--blurple-55-hsl) / 1);
  --blurple-55-hsl: 233.778 calc(var(--saturation-factor, 1) * 61.644%) 57.059%;
  --blurple-56: hsl(var(--blurple-56-hsl) / 1);
  --blurple-56-hsl: 233.588 calc(var(--saturation-factor, 1) * 57.709%) 55.49%;
  --blurple-57: hsl(var(--blurple-57-hsl) / 1);
  --blurple-57-hsl: 233.81 calc(var(--saturation-factor, 1) * 53.846%) 54.118%;
  --blurple-58: hsl(var(--blurple-58-hsl) / 1);
  --blurple-58-hsl: 233.659 calc(var(--saturation-factor, 1) * 51.037%) 52.745%;
  --blurple-59: hsl(var(--blurple-59-hsl) / 1);
  --blurple-59-hsl: 233.445 calc(var(--saturation-factor, 1) * 47.791%) 51.176%;
  --blurple-6: hsl(var(--blurple-6-hsl) / 1);
  --blurple-6-hsl: 228.571 calc(var(--saturation-factor, 1) * 100%) 91.765%;
  --blurple-60: hsl(var(--blurple-60-hsl) / 1);
  --blurple-60-hsl: 233.276 calc(var(--saturation-factor, 1) * 45.669%) 49.804%;
  --blurple-61: hsl(var(--blurple-61-hsl) / 1);
  --blurple-61-hsl: 233.097 calc(var(--saturation-factor, 1) * 45.749%) 48.431%;
  --blurple-62: hsl(var(--blurple-62-hsl) / 1);
  --blurple-62-hsl: 232.294 calc(var(--saturation-factor, 1) * 45.607%) 46.863%;
  --blurple-63: hsl(var(--blurple-63-hsl) / 1);
  --blurple-63-hsl: 232.571 calc(var(--saturation-factor, 1) * 45.064%) 45.686%;
  --blurple-64: hsl(var(--blurple-64-hsl) / 1);
  --blurple-64-hsl: 232.353 calc(var(--saturation-factor, 1) * 45.133%) 44.314%;
  --blurple-65: hsl(var(--blurple-65-hsl) / 1);
  --blurple-65-hsl: 232.121 calc(var(--saturation-factor, 1) * 45.205%) 42.941%;
  --blurple-66: hsl(var(--blurple-66-hsl) / 1);
  --blurple-66-hsl: 231.875 calc(var(--saturation-factor, 1) * 45.283%) 41.569%;
  --blurple-67: hsl(var(--blurple-67-hsl) / 1);
  --blurple-67-hsl: 232.174 calc(var(--saturation-factor, 1) * 44.66%) 40.392%;
  --blurple-68: hsl(var(--blurple-68-hsl) / 1);
  --blurple-68-hsl: 231.91 calc(var(--saturation-factor, 1) * 44.724%) 39.02%;
  --blurple-69: hsl(var(--blurple-69-hsl) / 1);
  --blurple-69-hsl: 231.628 calc(var(--saturation-factor, 1) * 44.792%) 37.647%;
  --blurple-7: hsl(var(--blurple-7-hsl) / 1);
  --blurple-7-hsl: 229.333 calc(var(--saturation-factor, 1) * 100%) 91.176%;
  --blurple-70: hsl(var(--blurple-70-hsl) / 1);
  --blurple-70-hsl: 231.325 calc(var(--saturation-factor, 1) * 44.865%) 36.275%;
  --blurple-71: hsl(var(--blurple-71-hsl) / 1);
  --blurple-71-hsl: 231.75 calc(var(--saturation-factor, 1) * 44.444%) 35.294%;
  --blurple-72: hsl(var(--blurple-72-hsl) / 1);
  --blurple-72-hsl: 231.429 calc(var(--saturation-factor, 1) * 44.509%) 33.922%;
  --blurple-73: hsl(var(--blurple-73-hsl) / 1);
  --blurple-73-hsl: 231.081 calc(var(--saturation-factor, 1) * 44.578%) 32.549%;
  --blurple-74: hsl(var(--blurple-74-hsl) / 1);
  --blurple-74-hsl: 230.704 calc(var(--saturation-factor, 1) * 44.099%) 31.569%;
  --blurple-75: hsl(var(--blurple-75-hsl) / 1);
  --blurple-75-hsl: 230.294 calc(var(--saturation-factor, 1) * 44.156%) 30.196%;
  --blurple-76: hsl(var(--blurple-76-hsl) / 1);
  --blurple-76-hsl: 230 calc(var(--saturation-factor, 1) * 44.595%) 29.02%;
  --blurple-77: hsl(var(--blurple-77-hsl) / 1);
  --blurple-77-hsl: 230.476 calc(var(--saturation-factor, 1) * 44.056%) 28.039%;
  --blurple-78: hsl(var(--blurple-78-hsl) / 1);
  --blurple-78-hsl: 230 calc(var(--saturation-factor, 1) * 44.118%) 26.667%;
  --blurple-79: hsl(var(--blurple-79-hsl) / 1);
  --blurple-79-hsl: 229.655 calc(var(--saturation-factor, 1) * 44.615%) 25.49%;
  --blurple-8: hsl(var(--blurple-8-hsl) / 1);
  --blurple-8-hsl: 228.75 calc(var(--saturation-factor, 1) * 96%) 90.196%;
  --blurple-80: hsl(var(--blurple-80-hsl) / 1);
  --blurple-80-hsl: 230.182 calc(var(--saturation-factor, 1) * 44%) 24.51%;
  --blurple-81: hsl(var(--blurple-81-hsl) / 1);
  --blurple-81-hsl: 229.811 calc(var(--saturation-factor, 1) * 44.538%) 23.333%;
  --blurple-82: hsl(var(--blurple-82-hsl) / 1);
  --blurple-82-hsl: 230.4 calc(var(--saturation-factor, 1) * 43.86%) 22.353%;
  --blurple-83: hsl(var(--blurple-83-hsl) / 1);
  --blurple-83-hsl: 228.75 calc(var(--saturation-factor, 1) * 44.444%) 21.176%;
  --blurple-84: hsl(var(--blurple-84-hsl) / 1);
  --blurple-84-hsl: 228.261 calc(var(--saturation-factor, 1) * 45.098%) 20%;
  --blurple-85: hsl(var(--blurple-85-hsl) / 1);
  --blurple-85-hsl: 228.837 calc(var(--saturation-factor, 1) * 44.33%) 19.02%;
  --blurple-86: hsl(var(--blurple-86-hsl) / 1);
  --blurple-86-hsl: 228.293 calc(var(--saturation-factor, 1) * 45.055%) 17.843%;
  --blurple-87: hsl(var(--blurple-87-hsl) / 1);
  --blurple-87-hsl: 228.947 calc(var(--saturation-factor, 1) * 44.186%) 16.863%;
  --blurple-88: hsl(var(--blurple-88-hsl) / 1);
  --blurple-88-hsl: 228.649 calc(var(--saturation-factor, 1) * 45.679%) 15.882%;
  --blurple-89: hsl(var(--blurple-89-hsl) / 1);
  --blurple-89-hsl: 229.412 calc(var(--saturation-factor, 1) * 44.737%) 14.902%;
  --blurple-9: hsl(var(--blurple-9-hsl) / 1);
  --blurple-9-hsl: 228.235 calc(var(--saturation-factor, 1) * 96.226%) 89.608%;
  --blurple-90: hsl(var(--blurple-90-hsl) / 1);
  --blurple-90-hsl: 227.273 calc(var(--saturation-factor, 1) * 46.479%) 13.922%;
  --blurple-91: hsl(var(--blurple-91-hsl) / 1);
  --blurple-91-hsl: 228 calc(var(--saturation-factor, 1) * 45.455%) 12.941%;
  --blurple-92: hsl(var(--blurple-92-hsl) / 1);
  --blurple-92-hsl: 227.586 calc(var(--saturation-factor, 1) * 47.541%) 11.961%;
  --blurple-93: hsl(var(--blurple-93-hsl) / 1);
  --blurple-93-hsl: 228.462 calc(var(--saturation-factor, 1) * 46.429%) 10.98%;
  --blurple-94: hsl(var(--blurple-94-hsl) / 1);
  --blurple-94-hsl: 227.5 calc(var(--saturation-factor, 1) * 48%) 9.804%;
  --blurple-95: hsl(var(--blurple-95-hsl) / 1);
  --blurple-95-hsl: 226.364 calc(var(--saturation-factor, 1) * 50%) 8.627%;
  --blurple-96: hsl(var(--blurple-96-hsl) / 1);
  --blurple-96-hsl: 227.368 calc(var(--saturation-factor, 1) * 51.351%) 7.255%;
  --blurple-97: hsl(var(--blurple-97-hsl) / 1);
  --blurple-97-hsl: 228.75 calc(var(--saturation-factor, 1) * 53.333%) 5.882%;
  --blurple-98: hsl(var(--blurple-98-hsl) / 1);
  --blurple-98-hsl: 230 calc(var(--saturation-factor, 1) * 54.545%) 4.314%;
  --blurple-99: hsl(var(--blurple-99-hsl) / 1);
  --blurple-99-hsl: 231.429 calc(var(--saturation-factor, 1) * 63.636%) 2.157%;
  --brand-100: hsl(var(--brand-100-hsl) / 1);
  --brand-100-hsl: 240 calc(var(--saturation-factor, 1) * 77.778%) 98.235%;
  --brand-130: hsl(var(--brand-130-hsl) / 1);
  --brand-130-hsl: 235.714 calc(var(--saturation-factor, 1) * 87.5%) 96.863%;
  --brand-160: hsl(var(--brand-160-hsl) / 1);
  --brand-160-hsl: 234.545 calc(var(--saturation-factor, 1) * 84.615%) 94.902%;
  --brand-200: hsl(var(--brand-200-hsl) / 1);
  --brand-200-hsl: 236 calc(var(--saturation-factor, 1) * 83.333%) 92.941%;
  --brand-230: hsl(var(--brand-230-hsl) / 1);
  --brand-230-hsl: 235.5 calc(var(--saturation-factor, 1) * 86.957%) 90.98%;
  --brand-260: hsl(var(--brand-260-hsl) / 1);
  --brand-260-hsl: 235.2 calc(var(--saturation-factor, 1) * 86.207%) 88.627%;
  --brand-300: hsl(var(--brand-300-hsl) / 1);
  --brand-300-hsl: 235.161 calc(var(--saturation-factor, 1) * 86.111%) 85.882%;
  --brand-330: hsl(var(--brand-330-hsl) / 1);
  --brand-330-hsl: 234.75 calc(var(--saturation-factor, 1) * 85.106%) 81.569%;
  --brand-345: hsl(var(--brand-345-hsl) / 1);
  --brand-345-hsl: 234.783 calc(var(--saturation-factor, 1) * 85.185%) 78.824%;
  --brand-360: hsl(var(--brand-360-hsl) / 1);
  --brand-360-hsl: 235.152 calc(var(--saturation-factor, 1) * 86.087%) 77.451%;
  --brand-400: hsl(var(--brand-400-hsl) / 1);
  --brand-400-hsl: 234.677 calc(var(--saturation-factor, 1) * 86.111%) 71.765%;
  --brand-430: hsl(var(--brand-430-hsl) / 1);
  --brand-430-hsl: 235 calc(var(--saturation-factor, 1) * 85.714%) 69.804%;
  --brand-460: hsl(var(--brand-460-hsl) / 1);
  --brand-460-hsl: 234.93 calc(var(--saturation-factor, 1) * 85.542%) 67.451%;
  --brand-500: hsl(var(--brand-500-hsl) / 1);
  --brand-500-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --brand-530: hsl(var(--brand-530-hsl) / 1);
  --brand-530-hsl: 234.857 calc(var(--saturation-factor, 1) * 66.667%) 58.824%;
  --brand-560: hsl(var(--brand-560-hsl) / 1);
  --brand-560-hsl: 234.72 calc(var(--saturation-factor, 1) * 51.44%) 52.353%;
  --brand-600: hsl(var(--brand-600-hsl) / 1);
  --brand-600-hsl: 234.857 calc(var(--saturation-factor, 1) * 46.667%) 44.118%;
  --brand-630: hsl(var(--brand-630-hsl) / 1);
  --brand-630-hsl: 235.385 calc(var(--saturation-factor, 1) * 46.667%) 38.235%;
  --brand-660: hsl(var(--brand-660-hsl) / 1);
  --brand-660-hsl: 234.75 calc(var(--saturation-factor, 1) * 47.059%) 33.333%;
  --brand-700: hsl(var(--brand-700-hsl) / 1);
  --brand-700-hsl: 235.161 calc(var(--saturation-factor, 1) * 46.97%) 25.882%;
  --brand-730: hsl(var(--brand-730-hsl) / 1);
  --brand-730-hsl: 234.828 calc(var(--saturation-factor, 1) * 46.774%) 24.314%;
  --brand-760: hsl(var(--brand-760-hsl) / 1);
  --brand-760-hsl: 234.34 calc(var(--saturation-factor, 1) * 46.903%) 22.157%;
  --brand-800: hsl(var(--brand-800-hsl) / 1);
  --brand-800-hsl: 234.894 calc(var(--saturation-factor, 1) * 47.475%) 19.412%;
  --brand-830: hsl(var(--brand-830-hsl) / 1);
  --brand-830-hsl: 235 calc(var(--saturation-factor, 1) * 47.368%) 14.902%;
  --brand-860: hsl(var(--brand-860-hsl) / 1);
  --brand-860-hsl: 234.783 calc(var(--saturation-factor, 1) * 46.939%) 9.608%;
  --brand-900: hsl(var(--brand-900-hsl) / 1);
  --brand-900-hsl: 232.5 calc(var(--saturation-factor, 1) * 50%) 3.137%;
  --bungie: hsl(var(--bungie-hsl) / 1);
  --bungie-hsl: 196.916 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --crunchyroll: hsl(var(--crunchyroll-hsl) / 1);
  --crunchyroll-hsl: 29.289 calc(var(--saturation-factor, 1) * 92.952%) 55.49%;
  --ebay: hsl(var(--ebay-hsl) / 1);
  --ebay-hsl: 211.429 calc(var(--saturation-factor, 1) * 100%) 41.176%;
  --epic-games: hsl(var(--epic-games-hsl) / 1);
  --epic-games-hsl: 34.286 calc(var(--saturation-factor, 1) * 6.195%) 22.157%;
  --facebook: hsl(var(--facebook-hsl) / 1);
  --facebook-hsl: 220.714 calc(var(--saturation-factor, 1) * 44.211%) 37.255%;
  --github: hsl(var(--github-hsl) / 1);
  --github-hsl: 0 calc(var(--saturation-factor, 1) * 4.167%) 9.412%;
  --gold: hsl(var(--gold-hsl) / 1);
  --gold-hsl: 45.652 calc(var(--saturation-factor, 1) * 100%) 54.902%;
  --green-100: hsl(var(--green-100-hsl) / 1);
  --green-100-hsl: 136.667 calc(var(--saturation-factor, 1) * 90%) 96.078%;
  --green-130: hsl(var(--green-130-hsl) / 1);
  --green-130-hsl: 136.875 calc(var(--saturation-factor, 1) * 94.118%) 93.333%;
  --green-160: hsl(var(--green-160-hsl) / 1);
  --green-160-hsl: 140.952 calc(var(--saturation-factor, 1) * 91.304%) 86.471%;
  --green-200: hsl(var(--green-200-hsl) / 1);
  --green-200-hsl: 143.478 calc(var(--saturation-factor, 1) * 93.496%) 75.882%;
  --green-230: hsl(var(--green-230-hsl) / 1);
  --green-230-hsl: 146.323 calc(var(--saturation-factor, 1) * 86.592%) 64.902%;
  --green-260: hsl(var(--green-260-hsl) / 1);
  --green-260-hsl: 145.605 calc(var(--saturation-factor, 1) * 75.12%) 59.02%;
  --green-300: hsl(var(--green-300-hsl) / 1);
  --green-300-hsl: 146.323 calc(var(--saturation-factor, 1) * 65.401%) 53.529%;
  --green-330: hsl(var(--green-330-hsl) / 1);
  --green-330-hsl: 146.494 calc(var(--saturation-factor, 1) * 63.115%) 47.843%;
  --green-345: hsl(var(--green-345-hsl) / 1);
  --green-345-hsl: 146.939 calc(var(--saturation-factor, 1) * 65.919%) 43.725%;
  --green-360: hsl(var(--green-360-hsl) / 1);
  --green-360-hsl: 145.385 calc(var(--saturation-factor, 1) * 65%) 39.216%;
  --green-400: hsl(var(--green-400-hsl) / 1);
  --green-400-hsl: 142.703 calc(var(--saturation-factor, 1) * 60.656%) 35.882%;
  --green-430: hsl(var(--green-430-hsl) / 1);
  --green-430-hsl: 141.522 calc(var(--saturation-factor, 1) * 56.098%) 32.157%;
  --green-460: hsl(var(--green-460-hsl) / 1);
  --green-460-hsl: 141.481 calc(var(--saturation-factor, 1) * 56.643%) 28.039%;
  --green-500: hsl(var(--green-500-hsl) / 1);
  --green-500-hsl: 141.37 calc(var(--saturation-factor, 1) * 58.4%) 24.51%;
  --green-530: hsl(var(--green-530-hsl) / 1);
  --green-530-hsl: 140.308 calc(var(--saturation-factor, 1) * 60.748%) 20.98%;
  --green-560: hsl(var(--green-560-hsl) / 1);
  --green-560-hsl: 138.621 calc(var(--saturation-factor, 1) * 61.702%) 18.431%;
  --green-600: hsl(var(--green-600-hsl) / 1);
  --green-600-hsl: 139.245 calc(var(--saturation-factor, 1) * 65.432%) 15.882%;
  --green-630: hsl(var(--green-630-hsl) / 1);
  --green-630-hsl: 140 calc(var(--saturation-factor, 1) * 66.667%) 14.118%;
  --green-660: hsl(var(--green-660-hsl) / 1);
  --green-660-hsl: 139.091 calc(var(--saturation-factor, 1) * 68.75%) 12.549%;
  --green-700: hsl(var(--green-700-hsl) / 1);
  --green-700-hsl: 141 calc(var(--saturation-factor, 1) * 74.074%) 10.588%;
  --green-730: hsl(var(--green-730-hsl) / 1);
  --green-730-hsl: 138.333 calc(var(--saturation-factor, 1) * 78.261%) 9.02%;
  --green-760: hsl(var(--green-760-hsl) / 1);
  --green-760-hsl: 140 calc(var(--saturation-factor, 1) * 84.615%) 7.647%;
  --green-800: hsl(var(--green-800-hsl) / 1);
  --green-800-hsl: 139.286 calc(var(--saturation-factor, 1) * 82.353%) 6.667%;
  --green-830: hsl(var(--green-830-hsl) / 1);
  --green-830-hsl: 137.5 calc(var(--saturation-factor, 1) * 80%) 5.882%;
  --green-860: hsl(var(--green-860-hsl) / 1);
  --green-860-hsl: 132.632 calc(var(--saturation-factor, 1) * 70.37%) 5.294%;
  --green-900: hsl(var(--green-900-hsl) / 1);
  --green-900-hsl: 128.571 calc(var(--saturation-factor, 1) * 58.333%) 4.706%;
  --green-new-1: hsl(var(--green-new-1-hsl) / 1);
  --green-new-1-hsl: 130.667 calc(var(--saturation-factor, 1) * 100%) 91.176%;
  --green-new-10: hsl(var(--green-new-10-hsl) / 1);
  --green-new-10-hsl: 129.474 calc(var(--saturation-factor, 1) * 55.34%) 79.804%;
  --green-new-100: hsl(var(--green-new-100-hsl) / 1);
  --green-new-100-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --green-new-11: hsl(var(--green-new-11-hsl) / 1);
  --green-new-11-hsl: 130.169 calc(var(--saturation-factor, 1) * 54.128%) 78.627%;
  --green-new-12: hsl(var(--green-new-12-hsl) / 1);
  --green-new-12-hsl: 129.153 calc(var(--saturation-factor, 1) * 51.304%) 77.451%;
  --green-new-13: hsl(var(--green-new-13-hsl) / 1);
  --green-new-13-hsl: 128.852 calc(var(--saturation-factor, 1) * 50.413%) 76.275%;
  --green-new-14: hsl(var(--green-new-14-hsl) / 1);
  --green-new-14-hsl: 129.677 calc(var(--saturation-factor, 1) * 48.438%) 74.902%;
  --green-new-15: hsl(var(--green-new-15-hsl) / 1);
  --green-new-15-hsl: 129.375 calc(var(--saturation-factor, 1) * 47.761%) 73.725%;
  --green-new-16: hsl(var(--green-new-16-hsl) / 1);
  --green-new-16-hsl: 130.154 calc(var(--saturation-factor, 1) * 46.099%) 72.353%;
  --green-new-17: hsl(var(--green-new-17-hsl) / 1);
  --green-new-17-hsl: 129.091 calc(var(--saturation-factor, 1) * 45.205%) 71.373%;
  --green-new-18: hsl(var(--green-new-18-hsl) / 1);
  --green-new-18-hsl: 129.851 calc(var(--saturation-factor, 1) * 43.791%) 70%;
  --green-new-19: hsl(var(--green-new-19-hsl) / 1);
  --green-new-19-hsl: 129.706 calc(var(--saturation-factor, 1) * 42.5%) 68.627%;
  --green-new-2: hsl(var(--green-new-2-hsl) / 1);
  --green-new-2-hsl: 130.435 calc(var(--saturation-factor, 1) * 88.462%) 89.804%;
  --green-new-20: hsl(var(--green-new-20-hsl) / 1);
  --green-new-20-hsl: 130.286 calc(var(--saturation-factor, 1) * 42.169%) 67.451%;
  --green-new-21: hsl(var(--green-new-21-hsl) / 1);
  --green-new-21-hsl: 129.429 calc(var(--saturation-factor, 1) * 40.698%) 66.275%;
  --green-new-22: hsl(var(--green-new-22-hsl) / 1);
  --green-new-22-hsl: 130 calc(var(--saturation-factor, 1) * 40.449%) 65.098%;
  --green-new-23: hsl(var(--green-new-23-hsl) / 1);
  --green-new-23-hsl: 130.685 calc(var(--saturation-factor, 1) * 39.459%) 63.725%;
  --green-new-24: hsl(var(--green-new-24-hsl) / 1);
  --green-new-24-hsl: 130.4 calc(var(--saturation-factor, 1) * 39.267%) 62.549%;
  --green-new-25: hsl(var(--green-new-25-hsl) / 1);
  --green-new-25-hsl: 131.053 calc(var(--saturation-factor, 1) * 38.384%) 61.176%;
  --green-new-26: hsl(var(--green-new-26-hsl) / 1);
  --green-new-26-hsl: 130.909 calc(var(--saturation-factor, 1) * 37.931%) 60.196%;
  --green-new-27: hsl(var(--green-new-27-hsl) / 1);
  --green-new-27-hsl: 130.769 calc(var(--saturation-factor, 1) * 37.143%) 58.824%;
  --green-new-28: hsl(var(--green-new-28-hsl) / 1);
  --green-new-28-hsl: 131.25 calc(var(--saturation-factor, 1) * 37.037%) 57.647%;
  --green-new-29: hsl(var(--green-new-29-hsl) / 1);
  --green-new-29-hsl: 131.852 calc(var(--saturation-factor, 1) * 36.323%) 56.275%;
  --green-new-3: hsl(var(--green-new-3-hsl) / 1);
  --green-new-3-hsl: 130 calc(var(--saturation-factor, 1) * 82.759%) 88.627%;
  --green-new-30: hsl(var(--green-new-30-hsl) / 1);
  --green-new-30-hsl: 131.707 calc(var(--saturation-factor, 1) * 35.965%) 55.294%;
  --green-new-31: hsl(var(--green-new-31-hsl) / 1);
  --green-new-31-hsl: 131.566 calc(var(--saturation-factor, 1) * 35.319%) 53.922%;
  --green-new-32: hsl(var(--green-new-32-hsl) / 1);
  --green-new-32-hsl: 132 calc(var(--saturation-factor, 1) * 35.27%) 52.745%;
  --green-new-33: hsl(var(--green-new-33-hsl) / 1);
  --green-new-33-hsl: 132.558 calc(var(--saturation-factor, 1) * 34.677%) 51.373%;
  --green-new-34: hsl(var(--green-new-34-hsl) / 1);
  --green-new-34-hsl: 132.955 calc(var(--saturation-factor, 1) * 34.646%) 50.196%;
  --green-new-35: hsl(var(--green-new-35-hsl) / 1);
  --green-new-35-hsl: 133.483 calc(var(--saturation-factor, 1) * 35.743%) 48.824%;
  --green-new-36: hsl(var(--green-new-36-hsl) / 1);
  --green-new-36-hsl: 133.846 calc(var(--saturation-factor, 1) * 37.449%) 47.647%;
  --green-new-37: hsl(var(--green-new-37-hsl) / 1);
  --green-new-37-hsl: 134.348 calc(var(--saturation-factor, 1) * 38.983%) 46.275%;
  --green-new-38: hsl(var(--green-new-38-hsl) / 1);
  --green-new-38-hsl: 134.681 calc(var(--saturation-factor, 1) * 40.87%) 45.098%;
  --green-new-39: hsl(var(--green-new-39-hsl) / 1);
  --green-new-39-hsl: 134.526 calc(var(--saturation-factor, 1) * 42.601%) 43.725%;
  --green-new-4: hsl(var(--green-new-4-hsl) / 1);
  --green-new-4-hsl: 130 calc(var(--saturation-factor, 1) * 75%) 87.451%;
  --green-new-40: hsl(var(--green-new-40-hsl) / 1);
  --green-new-40-hsl: 135.464 calc(var(--saturation-factor, 1) * 45.116%) 42.157%;
  --green-new-41: hsl(var(--green-new-41-hsl) / 1);
  --green-new-41-hsl: 135.758 calc(var(--saturation-factor, 1) * 47.368%) 40.98%;
  --green-new-42: hsl(var(--green-new-42-hsl) / 1);
  --green-new-42-hsl: 136.634 calc(var(--saturation-factor, 1) * 50.249%) 39.412%;
  --green-new-43: hsl(var(--green-new-43-hsl) / 1);
  --green-new-43-hsl: 136.893 calc(var(--saturation-factor, 1) * 52.821%) 38.235%;
  --green-new-44: hsl(var(--green-new-44-hsl) / 1);
  --green-new-44-hsl: 138.679 calc(var(--saturation-factor, 1) * 56.989%) 36.471%;
  --green-new-45: hsl(var(--green-new-45-hsl) / 1);
  --green-new-45-hsl: 139.266 calc(var(--saturation-factor, 1) * 60.894%) 35.098%;
  --green-new-46: hsl(var(--green-new-46-hsl) / 1);
  --green-new-46-hsl: 140.357 calc(var(--saturation-factor, 1) * 65.882%) 33.333%;
  --green-new-47: hsl(var(--green-new-47-hsl) / 1);
  --green-new-47-hsl: 141.538 calc(var(--saturation-factor, 1) * 72.671%) 31.569%;
  --green-new-48: hsl(var(--green-new-48-hsl) / 1);
  --green-new-48-hsl: 143.71 calc(var(--saturation-factor, 1) * 83.784%) 29.02%;
  --green-new-49: hsl(var(--green-new-49-hsl) / 1);
  --green-new-49-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --green-new-5: hsl(var(--green-new-5-hsl) / 1);
  --green-new-5-hsl: 129.6 calc(var(--saturation-factor, 1) * 71.429%) 86.275%;
  --green-new-50: hsl(var(--green-new-50-hsl) / 1);
  --green-new-50-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --green-new-51: hsl(var(--green-new-51-hsl) / 1);
  --green-new-51-hsl: 145.313 calc(var(--saturation-factor, 1) * 95.522%) 26.275%;
  --green-new-52: hsl(var(--green-new-52-hsl) / 1);
  --green-new-52-hsl: 144.878 calc(var(--saturation-factor, 1) * 92.481%) 26.078%;
  --green-new-53: hsl(var(--green-new-53-hsl) / 1);
  --green-new-53-hsl: 144.103 calc(var(--saturation-factor, 1) * 87.97%) 26.078%;
  --green-new-54: hsl(var(--green-new-54-hsl) / 1);
  --green-new-54-hsl: 143.363 calc(var(--saturation-factor, 1) * 84.962%) 26.078%;
  --green-new-55: hsl(var(--green-new-55-hsl) / 1);
  --green-new-55-hsl: 142.778 calc(var(--saturation-factor, 1) * 81.818%) 25.882%;
  --green-new-56: hsl(var(--green-new-56-hsl) / 1);
  --green-new-56-hsl: 142.5 calc(var(--saturation-factor, 1) * 80%) 25.49%;
  --green-new-57: hsl(var(--green-new-57-hsl) / 1);
  --green-new-57-hsl: 141.818 calc(var(--saturation-factor, 1) * 76.744%) 25.294%;
  --green-new-58: hsl(var(--green-new-58-hsl) / 1);
  --green-new-58-hsl: 140.842 calc(var(--saturation-factor, 1) * 74.803%) 24.902%;
  --green-new-59: hsl(var(--green-new-59-hsl) / 1);
  --green-new-59-hsl: 140.217 calc(var(--saturation-factor, 1) * 73.016%) 24.706%;
  --green-new-6: hsl(var(--green-new-6-hsl) / 1);
  --green-new-6-hsl: 129.412 calc(var(--saturation-factor, 1) * 66.234%) 84.902%;
  --green-new-60: hsl(var(--green-new-60-hsl) / 1);
  --green-new-60-hsl: 140.225 calc(var(--saturation-factor, 1) * 72.358%) 24.118%;
  --green-new-61: hsl(var(--green-new-61-hsl) / 1);
  --green-new-61-hsl: 139.765 calc(var(--saturation-factor, 1) * 70.248%) 23.725%;
  --green-new-62: hsl(var(--green-new-62-hsl) / 1);
  --green-new-62-hsl: 139.518 calc(var(--saturation-factor, 1) * 69.748%) 23.333%;
  --green-new-63: hsl(var(--green-new-63-hsl) / 1);
  --green-new-63-hsl: 138.987 calc(var(--saturation-factor, 1) * 67.521%) 22.941%;
  --green-new-64: hsl(var(--green-new-64-hsl) / 1);
  --green-new-64-hsl: 138.947 calc(var(--saturation-factor, 1) * 66.667%) 22.353%;
  --green-new-65: hsl(var(--green-new-65-hsl) / 1);
  --green-new-65-hsl: 138.649 calc(var(--saturation-factor, 1) * 66.071%) 21.961%;
  --green-new-66: hsl(var(--green-new-66-hsl) / 1);
  --green-new-66-hsl: 138.592 calc(var(--saturation-factor, 1) * 65.138%) 21.373%;
  --green-new-67: hsl(var(--green-new-67-hsl) / 1);
  --green-new-67-hsl: 137.91 calc(var(--saturation-factor, 1) * 62.617%) 20.98%;
  --green-new-68: hsl(var(--green-new-68-hsl) / 1);
  --green-new-68-hsl: 136.615 calc(var(--saturation-factor, 1) * 61.905%) 20.588%;
  --green-new-69: hsl(var(--green-new-69-hsl) / 1);
  --green-new-69-hsl: 137.143 calc(var(--saturation-factor, 1) * 62.376%) 19.804%;
  --green-new-7: hsl(var(--green-new-7-hsl) / 1);
  --green-new-7-hsl: 129.057 calc(var(--saturation-factor, 1) * 63.855%) 83.725%;
  --green-new-70: hsl(var(--green-new-70-hsl) / 1);
  --green-new-70-hsl: 137 calc(var(--saturation-factor, 1) * 61.224%) 19.216%;
  --green-new-71: hsl(var(--green-new-71-hsl) / 1);
  --green-new-71-hsl: 136.552 calc(var(--saturation-factor, 1) * 60.417%) 18.824%;
  --green-new-72: hsl(var(--green-new-72-hsl) / 1);
  --green-new-72-hsl: 136.364 calc(var(--saturation-factor, 1) * 59.14%) 18.235%;
  --green-new-73: hsl(var(--green-new-73-hsl) / 1);
  --green-new-73-hsl: 135.849 calc(var(--saturation-factor, 1) * 58.242%) 17.843%;
  --green-new-74: hsl(var(--green-new-74-hsl) / 1);
  --green-new-74-hsl: 136.471 calc(var(--saturation-factor, 1) * 58.621%) 17.059%;
  --green-new-75: hsl(var(--green-new-75-hsl) / 1);
  --green-new-75-hsl: 135.918 calc(var(--saturation-factor, 1) * 57.647%) 16.667%;
  --green-new-76: hsl(var(--green-new-76-hsl) / 1);
  --green-new-76-hsl: 134.348 calc(var(--saturation-factor, 1) * 56.098%) 16.078%;
  --green-new-77: hsl(var(--green-new-77-hsl) / 1);
  --green-new-77-hsl: 134.667 calc(var(--saturation-factor, 1) * 56.962%) 15.49%;
  --green-new-78: hsl(var(--green-new-78-hsl) / 1);
  --green-new-78-hsl: 134.286 calc(var(--saturation-factor, 1) * 55.263%) 14.902%;
  --green-new-79: hsl(var(--green-new-79-hsl) / 1);
  --green-new-79-hsl: 134.634 calc(var(--saturation-factor, 1) * 56.164%) 14.314%;
  --green-new-8: hsl(var(--green-new-8-hsl) / 1);
  --green-new-8-hsl: 130 calc(var(--saturation-factor, 1) * 60%) 82.353%;
  --green-new-80: hsl(var(--green-new-80-hsl) / 1);
  --green-new-80-hsl: 134.211 calc(var(--saturation-factor, 1) * 54.286%) 13.725%;
  --green-new-81: hsl(var(--green-new-81-hsl) / 1);
  --green-new-81-hsl: 134.595 calc(var(--saturation-factor, 1) * 55.224%) 13.137%;
  --green-new-82: hsl(var(--green-new-82-hsl) / 1);
  --green-new-82-hsl: 133.714 calc(var(--saturation-factor, 1) * 53.846%) 12.745%;
  --green-new-83: hsl(var(--green-new-83-hsl) / 1);
  --green-new-83-hsl: 132.727 calc(var(--saturation-factor, 1) * 54.098%) 11.961%;
  --green-new-84: hsl(var(--green-new-84-hsl) / 1);
  --green-new-84-hsl: 131.613 calc(var(--saturation-factor, 1) * 52.542%) 11.569%;
  --green-new-85: hsl(var(--green-new-85-hsl) / 1);
  --green-new-85-hsl: 132 calc(var(--saturation-factor, 1) * 53.571%) 10.98%;
  --green-new-86: hsl(var(--green-new-86-hsl) / 1);
  --green-new-86-hsl: 132.857 calc(var(--saturation-factor, 1) * 53.846%) 10.196%;
  --green-new-87: hsl(var(--green-new-87-hsl) / 1);
  --green-new-87-hsl: 131.538 calc(var(--saturation-factor, 1) * 52%) 9.804%;
  --green-new-88: hsl(var(--green-new-88-hsl) / 1);
  --green-new-88-hsl: 132 calc(var(--saturation-factor, 1) * 53.191%) 9.216%;
  --green-new-89: hsl(var(--green-new-89-hsl) / 1);
  --green-new-89-hsl: 132.5 calc(var(--saturation-factor, 1) * 54.545%) 8.627%;
  --green-new-9: hsl(var(--green-new-9-hsl) / 1);
  --green-new-9-hsl: 129.643 calc(var(--saturation-factor, 1) * 58.333%) 81.176%;
  --green-new-90: hsl(var(--green-new-90-hsl) / 1);
  --green-new-90-hsl: 130.909 calc(var(--saturation-factor, 1) * 55%) 7.843%;
  --green-new-91: hsl(var(--green-new-91-hsl) / 1);
  --green-new-91-hsl: 129 calc(var(--saturation-factor, 1) * 52.632%) 7.451%;
  --green-new-92: hsl(var(--green-new-92-hsl) / 1);
  --green-new-92-hsl: 129.474 calc(var(--saturation-factor, 1) * 54.286%) 6.863%;
  --green-new-93: hsl(var(--green-new-93-hsl) / 1);
  --green-new-93-hsl: 130 calc(var(--saturation-factor, 1) * 56.25%) 6.275%;
  --green-new-94: hsl(var(--green-new-94-hsl) / 1);
  --green-new-94-hsl: 131.25 calc(var(--saturation-factor, 1) * 57.143%) 5.49%;
  --green-new-95: hsl(var(--green-new-95-hsl) / 1);
  --green-new-95-hsl: 128 calc(var(--saturation-factor, 1) * 60%) 4.902%;
  --green-new-96: hsl(var(--green-new-96-hsl) / 1);
  --green-new-96-hsl: 125 calc(var(--saturation-factor, 1) * 54.545%) 4.314%;
  --green-new-97: hsl(var(--green-new-97-hsl) / 1);
  --green-new-97-hsl: 126.667 calc(var(--saturation-factor, 1) * 52.941%) 3.333%;
  --green-new-98: hsl(var(--green-new-98-hsl) / 1);
  --green-new-98-hsl: 120 calc(var(--saturation-factor, 1) * 50%) 2.353%;
  --green-new-99: hsl(var(--green-new-99-hsl) / 1);
  --green-new-99-hsl: 140 calc(var(--saturation-factor, 1) * 60%) 0.98%;
  --guild-boosting-blue: hsl(var(--guild-boosting-blue-hsl) / 1);
  --guild-boosting-blue-hsl: 221.132 calc(var(--saturation-factor, 1) * 70.044%) 55.49%;
  --guild-boosting-blue-for-gradients: hsl(var(--guild-boosting-blue-for-gradients-hsl) / 1);
  --guild-boosting-blue-for-gradients-hsl: 234.909 calc(var(--saturation-factor, 1) * 68.465%) 52.745%;
  --guild-boosting-pink: hsl(var(--guild-boosting-pink-hsl) / 1);
  --guild-boosting-pink-hsl: 302.143 calc(var(--saturation-factor, 1) * 100%) 72.549%;
  --guild-boosting-purple: hsl(var(--guild-boosting-purple-hsl) / 1);
  --guild-boosting-purple-hsl: 269.032 calc(var(--saturation-factor, 1) * 83.784%) 70.98%;
  --guild-boosting-purple-for-gradients: hsl(var(--guild-boosting-purple-for-gradients-hsl) / 1);
  --guild-boosting-purple-for-gradients-hsl: 269.162 calc(var(--saturation-factor, 1) * 91.795%) 61.765%;
  --hypesquad-house-1: hsl(var(--hypesquad-house-1-hsl) / 1);
  --hypesquad-house-1-hsl: 253.458 calc(var(--saturation-factor, 1) * 76.978%) 72.745%;
  --hypesquad-house-2: hsl(var(--hypesquad-house-2-hsl) / 1);
  --hypesquad-house-2-hsl: 8.511 calc(var(--saturation-factor, 1) * 86.503%) 68.039%;
  --hypesquad-house-3: hsl(var(--hypesquad-house-3-hsl) / 1);
  --hypesquad-house-3-hsl: 168.553 calc(var(--saturation-factor, 1) * 69.091%) 56.863%;
  --input-placeholder-text-dark: hsl(var(--input-placeholder-text-dark-hsl) / 1);
  --input-placeholder-text-dark-hsl: 216 calc(var(--saturation-factor, 1) * 2.128%) 53.922%;
  --lol: hsl(var(--lol-hsl) / 1);
  --lol-hsl: 190.286 calc(var(--saturation-factor, 1) * 89.744%) 7.647%;
  --lol-text-dark: hsl(var(--lol-text-dark-hsl) / 1);
  --lol-text-dark-hsl: 37.444 calc(var(--saturation-factor, 1) * 81.595%) 31.961%;
  --lol-text-light: hsl(var(--lol-text-light-hsl) / 1);
  --lol-text-light-hsl: 41.143 calc(var(--saturation-factor, 1) * 50.239%) 59.02%;
  --neutral-1: hsl(var(--neutral-1-hsl) / 1);
  --neutral-1-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --neutral-10: hsl(var(--neutral-10-hsl) / 1);
  --neutral-10-hsl: 240 calc(var(--saturation-factor, 1) * 2.941%) 86.667%;
  --neutral-100: hsl(var(--neutral-100-hsl) / 1);
  --neutral-100-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --neutral-11: hsl(var(--neutral-11-hsl) / 1);
  --neutral-11-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 85.294%;
  --neutral-12: hsl(var(--neutral-12-hsl) / 1);
  --neutral-12-hsl: 240 calc(var(--saturation-factor, 1) * 3.614%) 83.725%;
  --neutral-13: hsl(var(--neutral-13-hsl) / 1);
  --neutral-13-hsl: 240 calc(var(--saturation-factor, 1) * 4.444%) 82.353%;
  --neutral-14: hsl(var(--neutral-14-hsl) / 1);
  --neutral-14-hsl: 240 calc(var(--saturation-factor, 1) * 4.082%) 80.784%;
  --neutral-15: hsl(var(--neutral-15-hsl) / 1);
  --neutral-15-hsl: 240 calc(var(--saturation-factor, 1) * 4.762%) 79.412%;
  --neutral-16: hsl(var(--neutral-16-hsl) / 1);
  --neutral-16-hsl: 240 calc(var(--saturation-factor, 1) * 3.571%) 78.039%;
  --neutral-17: hsl(var(--neutral-17-hsl) / 1);
  --neutral-17-hsl: 240 calc(var(--saturation-factor, 1) * 4.202%) 76.667%;
  --neutral-18: hsl(var(--neutral-18-hsl) / 1);
  --neutral-18-hsl: 240 calc(var(--saturation-factor, 1) * 3.937%) 75.098%;
  --neutral-19: hsl(var(--neutral-19-hsl) / 1);
  --neutral-19-hsl: 240 calc(var(--saturation-factor, 1) * 4.478%) 73.725%;
  --neutral-2: hsl(var(--neutral-2-hsl) / 1);
  --neutral-2-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 98.431%;
  --neutral-20: hsl(var(--neutral-20-hsl) / 1);
  --neutral-20-hsl: 230 calc(var(--saturation-factor, 1) * 4.225%) 72.157%;
  --neutral-21: hsl(var(--neutral-21-hsl) / 1);
  --neutral-21-hsl: 240 calc(var(--saturation-factor, 1) * 4.054%) 70.98%;
  --neutral-22: hsl(var(--neutral-22-hsl) / 1);
  --neutral-22-hsl: 240 calc(var(--saturation-factor, 1) * 3.846%) 69.412%;
  --neutral-23: hsl(var(--neutral-23-hsl) / 1);
  --neutral-23-hsl: 240 calc(var(--saturation-factor, 1) * 4.294%) 68.039%;
  --neutral-24: hsl(var(--neutral-24-hsl) / 1);
  --neutral-24-hsl: 240 calc(var(--saturation-factor, 1) * 3.529%) 66.667%;
  --neutral-25: hsl(var(--neutral-25-hsl) / 1);
  --neutral-25-hsl: 240 calc(var(--saturation-factor, 1) * 3.955%) 65.294%;
  --neutral-26: hsl(var(--neutral-26-hsl) / 1);
  --neutral-26-hsl: 240 calc(var(--saturation-factor, 1) * 3.784%) 63.725%;
  --neutral-27: hsl(var(--neutral-27-hsl) / 1);
  --neutral-27-hsl: 240 calc(var(--saturation-factor, 1) * 3.665%) 62.549%;
  --neutral-28: hsl(var(--neutral-28-hsl) / 1);
  --neutral-28-hsl: 240 calc(var(--saturation-factor, 1) * 3.518%) 60.98%;
  --neutral-29: hsl(var(--neutral-29-hsl) / 1);
  --neutral-29-hsl: 240 calc(var(--saturation-factor, 1) * 3.883%) 59.608%;
  --neutral-3: hsl(var(--neutral-3-hsl) / 1);
  --neutral-3-hsl: 240 calc(var(--saturation-factor, 1) * 6.667%) 97.059%;
  --neutral-30: hsl(var(--neutral-30-hsl) / 1);
  --neutral-30-hsl: 240 calc(var(--saturation-factor, 1) * 3.774%) 58.431%;
  --neutral-31: hsl(var(--neutral-31-hsl) / 1);
  --neutral-31-hsl: 240 calc(var(--saturation-factor, 1) * 3.636%) 56.863%;
  --neutral-32: hsl(var(--neutral-32-hsl) / 1);
  --neutral-32-hsl: 240 calc(var(--saturation-factor, 1) * 3.54%) 55.686%;
  --neutral-33: hsl(var(--neutral-33-hsl) / 1);
  --neutral-33-hsl: 240 calc(var(--saturation-factor, 1) * 3.419%) 54.118%;
  --neutral-34: hsl(var(--neutral-34-hsl) / 1);
  --neutral-34-hsl: 240 calc(var(--saturation-factor, 1) * 3.333%) 52.941%;
  --neutral-35: hsl(var(--neutral-35-hsl) / 1);
  --neutral-35-hsl: 240 calc(var(--saturation-factor, 1) * 3.644%) 51.569%;
  --neutral-36: hsl(var(--neutral-36-hsl) / 1);
  --neutral-36-hsl: 240 calc(var(--saturation-factor, 1) * 3.15%) 50.196%;
  --neutral-37: hsl(var(--neutral-37-hsl) / 1);
  --neutral-37-hsl: 240 calc(var(--saturation-factor, 1) * 3.614%) 48.824%;
  --neutral-38: hsl(var(--neutral-38-hsl) / 1);
  --neutral-38-hsl: 240 calc(var(--saturation-factor, 1) * 3.704%) 47.647%;
  --neutral-39: hsl(var(--neutral-39-hsl) / 1);
  --neutral-39-hsl: 240 calc(var(--saturation-factor, 1) * 3.83%) 46.078%;
  --neutral-4: hsl(var(--neutral-4-hsl) / 1);
  --neutral-4-hsl: 240 calc(var(--saturation-factor, 1) * 4.348%) 95.49%;
  --neutral-40: hsl(var(--neutral-40-hsl) / 1);
  --neutral-40-hsl: 240 calc(var(--saturation-factor, 1) * 3.93%) 44.902%;
  --neutral-41: hsl(var(--neutral-41-hsl) / 1);
  --neutral-41-hsl: 240 calc(var(--saturation-factor, 1) * 4.505%) 43.529%;
  --neutral-42: hsl(var(--neutral-42-hsl) / 1);
  --neutral-42-hsl: 240 calc(var(--saturation-factor, 1) * 4.63%) 42.353%;
  --neutral-43: hsl(var(--neutral-43-hsl) / 1);
  --neutral-43-hsl: 240 calc(var(--saturation-factor, 1) * 4.306%) 40.98%;
  --neutral-44: hsl(var(--neutral-44-hsl) / 1);
  --neutral-44-hsl: 240 calc(var(--saturation-factor, 1) * 4.95%) 39.608%;
  --neutral-45: hsl(var(--neutral-45-hsl) / 1);
  --neutral-45-hsl: 240 calc(var(--saturation-factor, 1) * 5.102%) 38.431%;
  --neutral-46: hsl(var(--neutral-46-hsl) / 1);
  --neutral-46-hsl: 240 calc(var(--saturation-factor, 1) * 5.263%) 37.255%;
  --neutral-47: hsl(var(--neutral-47-hsl) / 1);
  --neutral-47-hsl: 240 calc(var(--saturation-factor, 1) * 5.495%) 35.686%;
  --neutral-48: hsl(var(--neutral-48-hsl) / 1);
  --neutral-48-hsl: 240 calc(var(--saturation-factor, 1) * 5.682%) 34.51%;
  --neutral-49: hsl(var(--neutral-49-hsl) / 1);
  --neutral-49-hsl: 240 calc(var(--saturation-factor, 1) * 5.882%) 33.333%;
  --neutral-5: hsl(var(--neutral-5-hsl) / 1);
  --neutral-5-hsl: 240 calc(var(--saturation-factor, 1) * 3.226%) 93.922%;
  --neutral-50: hsl(var(--neutral-50-hsl) / 1);
  --neutral-50-hsl: 240 calc(var(--saturation-factor, 1) * 5.882%) 33.333%;
  --neutral-51: hsl(var(--neutral-51-hsl) / 1);
  --neutral-51-hsl: 240 calc(var(--saturation-factor, 1) * 6.024%) 32.549%;
  --neutral-52: hsl(var(--neutral-52-hsl) / 1);
  --neutral-52-hsl: 240 calc(var(--saturation-factor, 1) * 5.521%) 31.961%;
  --neutral-53: hsl(var(--neutral-53-hsl) / 1);
  --neutral-53-hsl: 240 calc(var(--saturation-factor, 1) * 6.25%) 31.373%;
  --neutral-54: hsl(var(--neutral-54-hsl) / 1);
  --neutral-54-hsl: 240 calc(var(--saturation-factor, 1) * 5.732%) 30.784%;
  --neutral-55: hsl(var(--neutral-55-hsl) / 1);
  --neutral-55-hsl: 240 calc(var(--saturation-factor, 1) * 5.882%) 30%;
  --neutral-56: hsl(var(--neutral-56-hsl) / 1);
  --neutral-56-hsl: 233.333 calc(var(--saturation-factor, 1) * 6.04%) 29.216%;
  --neutral-57: hsl(var(--neutral-57-hsl) / 1);
  --neutral-57-hsl: 240 calc(var(--saturation-factor, 1) * 5.479%) 28.627%;
  --neutral-58: hsl(var(--neutral-58-hsl) / 1);
  --neutral-58-hsl: 240 calc(var(--saturation-factor, 1) * 6.294%) 28.039%;
  --neutral-59: hsl(var(--neutral-59-hsl) / 1);
  --neutral-59-hsl: 240 calc(var(--saturation-factor, 1) * 5.714%) 27.451%;
  --neutral-6: hsl(var(--neutral-6-hsl) / 1);
  --neutral-6-hsl: 240 calc(var(--saturation-factor, 1) * 5.263%) 92.549%;
  --neutral-60: hsl(var(--neutral-60-hsl) / 1);
  --neutral-60-hsl: 240 calc(var(--saturation-factor, 1) * 5.882%) 26.667%;
  --neutral-61: hsl(var(--neutral-61-hsl) / 1);
  --neutral-61-hsl: 240 calc(var(--saturation-factor, 1) * 5.263%) 26.078%;
  --neutral-62: hsl(var(--neutral-62-hsl) / 1);
  --neutral-62-hsl: 240 calc(var(--saturation-factor, 1) * 6.154%) 25.49%;
  --neutral-63: hsl(var(--neutral-63-hsl) / 1);
  --neutral-63-hsl: 240 calc(var(--saturation-factor, 1) * 5.512%) 24.902%;
  --neutral-64: hsl(var(--neutral-64-hsl) / 1);
  --neutral-64-hsl: 240 calc(var(--saturation-factor, 1) * 5.691%) 24.118%;
  --neutral-65: hsl(var(--neutral-65-hsl) / 1);
  --neutral-65-hsl: 240 calc(var(--saturation-factor, 1) * 5.785%) 23.725%;
  --neutral-66: hsl(var(--neutral-66-hsl) / 1);
  --neutral-66-hsl: 240 calc(var(--saturation-factor, 1) * 5.983%) 22.941%;
  --neutral-67: hsl(var(--neutral-67-hsl) / 1);
  --neutral-67-hsl: 240 calc(var(--saturation-factor, 1) * 5.263%) 22.353%;
  --neutral-68: hsl(var(--neutral-68-hsl) / 1);
  --neutral-68-hsl: 240 calc(var(--saturation-factor, 1) * 5.455%) 21.569%;
  --neutral-69: hsl(var(--neutral-69-hsl) / 1);
  --neutral-69-hsl: 240 calc(var(--saturation-factor, 1) * 5.556%) 21.176%;
  --neutral-7: hsl(var(--neutral-7-hsl) / 1);
  --neutral-7-hsl: 240 calc(var(--saturation-factor, 1) * 4.348%) 90.98%;
  --neutral-70: hsl(var(--neutral-70-hsl) / 1);
  --neutral-70-hsl: 240 calc(var(--saturation-factor, 1) * 5.769%) 20.392%;
  --neutral-71: hsl(var(--neutral-71-hsl) / 1);
  --neutral-71-hsl: 240 calc(var(--saturation-factor, 1) * 4.95%) 19.804%;
  --neutral-72: hsl(var(--neutral-72-hsl) / 1);
  --neutral-72-hsl: 240 calc(var(--saturation-factor, 1) * 6.122%) 19.216%;
  --neutral-73: hsl(var(--neutral-73-hsl) / 1);
  --neutral-73-hsl: 240 calc(var(--saturation-factor, 1) * 5.263%) 18.627%;
  --neutral-74: hsl(var(--neutral-74-hsl) / 1);
  --neutral-74-hsl: 240 calc(var(--saturation-factor, 1) * 6.522%) 18.039%;
  --neutral-75: hsl(var(--neutral-75-hsl) / 1);
  --neutral-75-hsl: 240 calc(var(--saturation-factor, 1) * 5.618%) 17.451%;
  --neutral-76: hsl(var(--neutral-76-hsl) / 1);
  --neutral-76-hsl: 240 calc(var(--saturation-factor, 1) * 5.882%) 16.667%;
  --neutral-77: hsl(var(--neutral-77-hsl) / 1);
  --neutral-77-hsl: 240 calc(var(--saturation-factor, 1) * 6.024%) 16.275%;
  --neutral-78: hsl(var(--neutral-78-hsl) / 1);
  --neutral-78-hsl: 240 calc(var(--saturation-factor, 1) * 5%) 15.686%;
  --neutral-79: hsl(var(--neutral-79-hsl) / 1);
  --neutral-79-hsl: 240 calc(var(--saturation-factor, 1) * 6.494%) 15.098%;
  --neutral-8: hsl(var(--neutral-8-hsl) / 1);
  --neutral-8-hsl: 240 calc(var(--saturation-factor, 1) * 5.66%) 89.608%;
  --neutral-80: hsl(var(--neutral-80-hsl) / 1);
  --neutral-80-hsl: 240 calc(var(--saturation-factor, 1) * 5.405%) 14.51%;
  --neutral-81: hsl(var(--neutral-81-hsl) / 1);
  --neutral-81-hsl: 240 calc(var(--saturation-factor, 1) * 5.714%) 13.725%;
  --neutral-82: hsl(var(--neutral-82-hsl) / 1);
  --neutral-82-hsl: 240 calc(var(--saturation-factor, 1) * 5.882%) 13.333%;
  --neutral-83: hsl(var(--neutral-83-hsl) / 1);
  --neutral-83-hsl: 240 calc(var(--saturation-factor, 1) * 4.615%) 12.745%;
  --neutral-84: hsl(var(--neutral-84-hsl) / 1);
  --neutral-84-hsl: 240 calc(var(--saturation-factor, 1) * 6.452%) 12.157%;
  --neutral-85: hsl(var(--neutral-85-hsl) / 1);
  --neutral-85-hsl: 240 calc(var(--saturation-factor, 1) * 5.085%) 11.569%;
  --neutral-86: hsl(var(--neutral-86-hsl) / 1);
  --neutral-86-hsl: 240 calc(var(--saturation-factor, 1) * 7.143%) 10.98%;
  --neutral-87: hsl(var(--neutral-87-hsl) / 1);
  --neutral-87-hsl: 240 calc(var(--saturation-factor, 1) * 5.66%) 10.392%;
  --neutral-88: hsl(var(--neutral-88-hsl) / 1);
  --neutral-88-hsl: 240 calc(var(--saturation-factor, 1) * 5.882%) 10%;
  --neutral-89: hsl(var(--neutral-89-hsl) / 1);
  --neutral-89-hsl: 240 calc(var(--saturation-factor, 1) * 6.383%) 9.216%;
  --neutral-9: hsl(var(--neutral-9-hsl) / 1);
  --neutral-9-hsl: 240 calc(var(--saturation-factor, 1) * 4.918%) 88.039%;
  --neutral-90: hsl(var(--neutral-90-hsl) / 1);
  --neutral-90-hsl: 240 calc(var(--saturation-factor, 1) * 6.667%) 8.824%;
  --neutral-91: hsl(var(--neutral-91-hsl) / 1);
  --neutral-91-hsl: 220 calc(var(--saturation-factor, 1) * 7.317%) 8.039%;
  --neutral-92: hsl(var(--neutral-92-hsl) / 1);
  --neutral-92-hsl: 240 calc(var(--saturation-factor, 1) * 5.263%) 7.451%;
  --neutral-93: hsl(var(--neutral-93-hsl) / 1);
  --neutral-93-hsl: 240 calc(var(--saturation-factor, 1) * 5.882%) 6.667%;
  --neutral-94: hsl(var(--neutral-94-hsl) / 1);
  --neutral-94-hsl: 240 calc(var(--saturation-factor, 1) * 6.667%) 5.882%;
  --neutral-95: hsl(var(--neutral-95-hsl) / 1);
  --neutral-95-hsl: 240 calc(var(--saturation-factor, 1) * 7.692%) 5.098%;
  --neutral-96: hsl(var(--neutral-96-hsl) / 1);
  --neutral-96-hsl: 240 calc(var(--saturation-factor, 1) * 9.091%) 4.314%;
  --neutral-97: hsl(var(--neutral-97-hsl) / 1);
  --neutral-97-hsl: 240 calc(var(--saturation-factor, 1) * 12.5%) 3.137%;
  --neutral-98: hsl(var(--neutral-98-hsl) / 1);
  --neutral-98-hsl: 240 calc(var(--saturation-factor, 1) * 9.091%) 2.157%;
  --neutral-99: hsl(var(--neutral-99-hsl) / 1);
  --neutral-99-hsl: 240 calc(var(--saturation-factor, 1) * 20%) 0.98%;
  --opacity-1: hsl(var(--opacity-1-hsl) / 0.011764705882352941);
  --opacity-1-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-12: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
  --opacity-12-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-16: hsl(var(--opacity-16-hsl) / 0.1607843137254902);
  --opacity-16-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-20: hsl(var(--opacity-20-hsl) / 0.2);
  --opacity-20-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-24: hsl(var(--opacity-24-hsl) / 0.23921568627450981);
  --opacity-24-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-28: hsl(var(--opacity-28-hsl) / 0.2784313725490196);
  --opacity-28-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-32: hsl(var(--opacity-32-hsl) / 0.3215686274509804);
  --opacity-32-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-36: hsl(var(--opacity-36-hsl) / 0.3607843137254902);
  --opacity-36-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-4: hsl(var(--opacity-4-hsl) / 0.0392156862745098);
  --opacity-4-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-40: hsl(var(--opacity-40-hsl) / 0.4);
  --opacity-40-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-44: hsl(var(--opacity-44-hsl) / 0.4392156862745098);
  --opacity-44-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-48: hsl(var(--opacity-48-hsl) / 0.47843137254901963);
  --opacity-48-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-52: hsl(var(--opacity-52-hsl) / 0.5215686274509804);
  --opacity-52-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-56: hsl(var(--opacity-56-hsl) / 0.5607843137254902);
  --opacity-56-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-60: hsl(var(--opacity-60-hsl) / 0.6);
  --opacity-60-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-64: hsl(var(--opacity-64-hsl) / 0.6392156862745098);
  --opacity-64-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-68: hsl(var(--opacity-68-hsl) / 0.6784313725490196);
  --opacity-68-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-72: hsl(var(--opacity-72-hsl) / 0.7215686274509804);
  --opacity-72-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-76: hsl(var(--opacity-76-hsl) / 0.7607843137254902);
  --opacity-76-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-8: hsl(var(--opacity-8-hsl) / 0.0784313725490196);
  --opacity-8-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-80: hsl(var(--opacity-80-hsl) / 0.8);
  --opacity-80-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-84: hsl(var(--opacity-84-hsl) / 0.8392156862745098);
  --opacity-84-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-88: hsl(var(--opacity-88-hsl) / 0.8784313725490196);
  --opacity-88-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-92: hsl(var(--opacity-92-hsl) / 0.9215686274509803);
  --opacity-92-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-96: hsl(var(--opacity-96-hsl) / 0.9607843137254902);
  --opacity-96-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-black-1: hsl(var(--opacity-black-1-hsl) / 0.011764705882352941);
  --opacity-black-1-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-12: hsl(var(--opacity-black-12-hsl) / 0.12156862745098039);
  --opacity-black-12-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-16: hsl(var(--opacity-black-16-hsl) / 0.1607843137254902);
  --opacity-black-16-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-20: hsl(var(--opacity-black-20-hsl) / 0.2);
  --opacity-black-20-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-24: hsl(var(--opacity-black-24-hsl) / 0.23921568627450981);
  --opacity-black-24-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-28: hsl(var(--opacity-black-28-hsl) / 0.2784313725490196);
  --opacity-black-28-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-32: hsl(var(--opacity-black-32-hsl) / 0.3215686274509804);
  --opacity-black-32-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-36: hsl(var(--opacity-black-36-hsl) / 0.3607843137254902);
  --opacity-black-36-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-4: hsl(var(--opacity-black-4-hsl) / 0.0392156862745098);
  --opacity-black-4-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-40: hsl(var(--opacity-black-40-hsl) / 0.4);
  --opacity-black-40-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-44: hsl(var(--opacity-black-44-hsl) / 0.4392156862745098);
  --opacity-black-44-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-48: hsl(var(--opacity-black-48-hsl) / 0.47843137254901963);
  --opacity-black-48-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-52: hsl(var(--opacity-black-52-hsl) / 0.5215686274509804);
  --opacity-black-52-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-56: hsl(var(--opacity-black-56-hsl) / 0.5607843137254902);
  --opacity-black-56-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-60: hsl(var(--opacity-black-60-hsl) / 0.6);
  --opacity-black-60-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-64: hsl(var(--opacity-black-64-hsl) / 0.6392156862745098);
  --opacity-black-64-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-68: hsl(var(--opacity-black-68-hsl) / 0.6784313725490196);
  --opacity-black-68-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-72: hsl(var(--opacity-black-72-hsl) / 0.7215686274509804);
  --opacity-black-72-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-76: hsl(var(--opacity-black-76-hsl) / 0.7607843137254902);
  --opacity-black-76-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-8: hsl(var(--opacity-black-8-hsl) / 0.0784313725490196);
  --opacity-black-8-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-80: hsl(var(--opacity-black-80-hsl) / 0.8);
  --opacity-black-80-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-84: hsl(var(--opacity-black-84-hsl) / 0.8392156862745098);
  --opacity-black-84-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-88: hsl(var(--opacity-black-88-hsl) / 0.8784313725490196);
  --opacity-black-88-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-92: hsl(var(--opacity-black-92-hsl) / 0.9215686274509803);
  --opacity-black-92-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-96: hsl(var(--opacity-black-96-hsl) / 0.9607843137254902);
  --opacity-black-96-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-blue-1: hsl(var(--opacity-blue-1-hsl) / 0.011764705882352941);
  --opacity-blue-1-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-12: hsl(var(--opacity-blue-12-hsl) / 0.12156862745098039);
  --opacity-blue-12-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-16: hsl(var(--opacity-blue-16-hsl) / 0.1607843137254902);
  --opacity-blue-16-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-20: hsl(var(--opacity-blue-20-hsl) / 0.2);
  --opacity-blue-20-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-24: hsl(var(--opacity-blue-24-hsl) / 0.23921568627450981);
  --opacity-blue-24-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-28: hsl(var(--opacity-blue-28-hsl) / 0.2784313725490196);
  --opacity-blue-28-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-32: hsl(var(--opacity-blue-32-hsl) / 0.3215686274509804);
  --opacity-blue-32-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-36: hsl(var(--opacity-blue-36-hsl) / 0.3607843137254902);
  --opacity-blue-36-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-4: hsl(var(--opacity-blue-4-hsl) / 0.0392156862745098);
  --opacity-blue-4-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-40: hsl(var(--opacity-blue-40-hsl) / 0.4);
  --opacity-blue-40-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-44: hsl(var(--opacity-blue-44-hsl) / 0.4392156862745098);
  --opacity-blue-44-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-48: hsl(var(--opacity-blue-48-hsl) / 0.47843137254901963);
  --opacity-blue-48-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-52: hsl(var(--opacity-blue-52-hsl) / 0.5215686274509804);
  --opacity-blue-52-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-56: hsl(var(--opacity-blue-56-hsl) / 0.5607843137254902);
  --opacity-blue-56-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-60: hsl(var(--opacity-blue-60-hsl) / 0.6);
  --opacity-blue-60-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-64: hsl(var(--opacity-blue-64-hsl) / 0.6392156862745098);
  --opacity-blue-64-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-68: hsl(var(--opacity-blue-68-hsl) / 0.6784313725490196);
  --opacity-blue-68-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-72: hsl(var(--opacity-blue-72-hsl) / 0.7215686274509804);
  --opacity-blue-72-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-76: hsl(var(--opacity-blue-76-hsl) / 0.7607843137254902);
  --opacity-blue-76-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-8: hsl(var(--opacity-blue-8-hsl) / 0.0784313725490196);
  --opacity-blue-8-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-80: hsl(var(--opacity-blue-80-hsl) / 0.8);
  --opacity-blue-80-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-84: hsl(var(--opacity-blue-84-hsl) / 0.8392156862745098);
  --opacity-blue-84-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-88: hsl(var(--opacity-blue-88-hsl) / 0.8784313725490196);
  --opacity-blue-88-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-92: hsl(var(--opacity-blue-92-hsl) / 0.9215686274509803);
  --opacity-blue-92-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-96: hsl(var(--opacity-blue-96-hsl) / 0.9607843137254902);
  --opacity-blue-96-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blurple-1: hsl(var(--opacity-blurple-1-hsl) / 0.011764705882352941);
  --opacity-blurple-1-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-12: hsl(var(--opacity-blurple-12-hsl) / 0.12156862745098039);
  --opacity-blurple-12-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-16: hsl(var(--opacity-blurple-16-hsl) / 0.1607843137254902);
  --opacity-blurple-16-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-20: hsl(var(--opacity-blurple-20-hsl) / 0.2);
  --opacity-blurple-20-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-24: hsl(var(--opacity-blurple-24-hsl) / 0.23921568627450981);
  --opacity-blurple-24-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-28: hsl(var(--opacity-blurple-28-hsl) / 0.2784313725490196);
  --opacity-blurple-28-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-32: hsl(var(--opacity-blurple-32-hsl) / 0.3215686274509804);
  --opacity-blurple-32-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-36: hsl(var(--opacity-blurple-36-hsl) / 0.3607843137254902);
  --opacity-blurple-36-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-4: hsl(var(--opacity-blurple-4-hsl) / 0.0392156862745098);
  --opacity-blurple-4-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-40: hsl(var(--opacity-blurple-40-hsl) / 0.4);
  --opacity-blurple-40-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-44: hsl(var(--opacity-blurple-44-hsl) / 0.4392156862745098);
  --opacity-blurple-44-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-48: hsl(var(--opacity-blurple-48-hsl) / 0.47843137254901963);
  --opacity-blurple-48-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-52: hsl(var(--opacity-blurple-52-hsl) / 0.5215686274509804);
  --opacity-blurple-52-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-56: hsl(var(--opacity-blurple-56-hsl) / 0.5607843137254902);
  --opacity-blurple-56-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-60: hsl(var(--opacity-blurple-60-hsl) / 0.6);
  --opacity-blurple-60-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-64: hsl(var(--opacity-blurple-64-hsl) / 0.6392156862745098);
  --opacity-blurple-64-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-68: hsl(var(--opacity-blurple-68-hsl) / 0.6784313725490196);
  --opacity-blurple-68-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-72: hsl(var(--opacity-blurple-72-hsl) / 0.7215686274509804);
  --opacity-blurple-72-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-76: hsl(var(--opacity-blurple-76-hsl) / 0.7607843137254902);
  --opacity-blurple-76-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-8: hsl(var(--opacity-blurple-8-hsl) / 0.0784313725490196);
  --opacity-blurple-8-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-80: hsl(var(--opacity-blurple-80-hsl) / 0.8);
  --opacity-blurple-80-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-84: hsl(var(--opacity-blurple-84-hsl) / 0.8392156862745098);
  --opacity-blurple-84-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-88: hsl(var(--opacity-blurple-88-hsl) / 0.8784313725490196);
  --opacity-blurple-88-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-92: hsl(var(--opacity-blurple-92-hsl) / 0.9215686274509803);
  --opacity-blurple-92-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-96: hsl(var(--opacity-blurple-96-hsl) / 0.9607843137254902);
  --opacity-blurple-96-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-green-1: hsl(var(--opacity-green-1-hsl) / 0.011764705882352941);
  --opacity-green-1-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-12: hsl(var(--opacity-green-12-hsl) / 0.12156862745098039);
  --opacity-green-12-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-16: hsl(var(--opacity-green-16-hsl) / 0.1607843137254902);
  --opacity-green-16-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-20: hsl(var(--opacity-green-20-hsl) / 0.2);
  --opacity-green-20-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-24: hsl(var(--opacity-green-24-hsl) / 0.23921568627450981);
  --opacity-green-24-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-28: hsl(var(--opacity-green-28-hsl) / 0.2784313725490196);
  --opacity-green-28-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-32: hsl(var(--opacity-green-32-hsl) / 0.3215686274509804);
  --opacity-green-32-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-36: hsl(var(--opacity-green-36-hsl) / 0.3607843137254902);
  --opacity-green-36-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-4: hsl(var(--opacity-green-4-hsl) / 0.0392156862745098);
  --opacity-green-4-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-40: hsl(var(--opacity-green-40-hsl) / 0.4);
  --opacity-green-40-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-44: hsl(var(--opacity-green-44-hsl) / 0.4392156862745098);
  --opacity-green-44-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-48: hsl(var(--opacity-green-48-hsl) / 0.47843137254901963);
  --opacity-green-48-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-52: hsl(var(--opacity-green-52-hsl) / 0.5215686274509804);
  --opacity-green-52-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-56: hsl(var(--opacity-green-56-hsl) / 0.5607843137254902);
  --opacity-green-56-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-60: hsl(var(--opacity-green-60-hsl) / 0.6);
  --opacity-green-60-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-64: hsl(var(--opacity-green-64-hsl) / 0.6392156862745098);
  --opacity-green-64-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-68: hsl(var(--opacity-green-68-hsl) / 0.6784313725490196);
  --opacity-green-68-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-72: hsl(var(--opacity-green-72-hsl) / 0.7215686274509804);
  --opacity-green-72-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-76: hsl(var(--opacity-green-76-hsl) / 0.7607843137254902);
  --opacity-green-76-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-8: hsl(var(--opacity-green-8-hsl) / 0.0784313725490196);
  --opacity-green-8-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-80: hsl(var(--opacity-green-80-hsl) / 0.8);
  --opacity-green-80-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-84: hsl(var(--opacity-green-84-hsl) / 0.8392156862745098);
  --opacity-green-84-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-88: hsl(var(--opacity-green-88-hsl) / 0.8784313725490196);
  --opacity-green-88-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-92: hsl(var(--opacity-green-92-hsl) / 0.9215686274509803);
  --opacity-green-92-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-96: hsl(var(--opacity-green-96-hsl) / 0.9607843137254902);
  --opacity-green-96-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-orange-1: hsl(var(--opacity-orange-1-hsl) / 0.011764705882352941);
  --opacity-orange-1-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-12: hsl(var(--opacity-orange-12-hsl) / 0.12156862745098039);
  --opacity-orange-12-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-16: hsl(var(--opacity-orange-16-hsl) / 0.1607843137254902);
  --opacity-orange-16-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-20: hsl(var(--opacity-orange-20-hsl) / 0.2);
  --opacity-orange-20-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-24: hsl(var(--opacity-orange-24-hsl) / 0.23921568627450981);
  --opacity-orange-24-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-28: hsl(var(--opacity-orange-28-hsl) / 0.2784313725490196);
  --opacity-orange-28-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-32: hsl(var(--opacity-orange-32-hsl) / 0.3215686274509804);
  --opacity-orange-32-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-36: hsl(var(--opacity-orange-36-hsl) / 0.3607843137254902);
  --opacity-orange-36-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-4: hsl(var(--opacity-orange-4-hsl) / 0.0392156862745098);
  --opacity-orange-4-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-40: hsl(var(--opacity-orange-40-hsl) / 0.4);
  --opacity-orange-40-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-44: hsl(var(--opacity-orange-44-hsl) / 0.4392156862745098);
  --opacity-orange-44-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-48: hsl(var(--opacity-orange-48-hsl) / 0.47843137254901963);
  --opacity-orange-48-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-52: hsl(var(--opacity-orange-52-hsl) / 0.5215686274509804);
  --opacity-orange-52-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-56: hsl(var(--opacity-orange-56-hsl) / 0.5607843137254902);
  --opacity-orange-56-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-60: hsl(var(--opacity-orange-60-hsl) / 0.6);
  --opacity-orange-60-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-64: hsl(var(--opacity-orange-64-hsl) / 0.6392156862745098);
  --opacity-orange-64-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-68: hsl(var(--opacity-orange-68-hsl) / 0.6784313725490196);
  --opacity-orange-68-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-72: hsl(var(--opacity-orange-72-hsl) / 0.7215686274509804);
  --opacity-orange-72-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-76: hsl(var(--opacity-orange-76-hsl) / 0.7607843137254902);
  --opacity-orange-76-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-8: hsl(var(--opacity-orange-8-hsl) / 0.0784313725490196);
  --opacity-orange-8-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-80: hsl(var(--opacity-orange-80-hsl) / 0.8);
  --opacity-orange-80-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-84: hsl(var(--opacity-orange-84-hsl) / 0.8392156862745098);
  --opacity-orange-84-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-88: hsl(var(--opacity-orange-88-hsl) / 0.8784313725490196);
  --opacity-orange-88-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-92: hsl(var(--opacity-orange-92-hsl) / 0.9215686274509803);
  --opacity-orange-92-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-96: hsl(var(--opacity-orange-96-hsl) / 0.9607843137254902);
  --opacity-orange-96-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-red-1: hsl(var(--opacity-red-1-hsl) / 0.011764705882352941);
  --opacity-red-1-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-12: hsl(var(--opacity-red-12-hsl) / 0.12156862745098039);
  --opacity-red-12-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-16: hsl(var(--opacity-red-16-hsl) / 0.1607843137254902);
  --opacity-red-16-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-20: hsl(var(--opacity-red-20-hsl) / 0.2);
  --opacity-red-20-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-24: hsl(var(--opacity-red-24-hsl) / 0.23921568627450981);
  --opacity-red-24-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-28: hsl(var(--opacity-red-28-hsl) / 0.2784313725490196);
  --opacity-red-28-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-32: hsl(var(--opacity-red-32-hsl) / 0.3215686274509804);
  --opacity-red-32-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-36: hsl(var(--opacity-red-36-hsl) / 0.3607843137254902);
  --opacity-red-36-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-4: hsl(var(--opacity-red-4-hsl) / 0.0392156862745098);
  --opacity-red-4-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-40: hsl(var(--opacity-red-40-hsl) / 0.4);
  --opacity-red-40-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-44: hsl(var(--opacity-red-44-hsl) / 0.4392156862745098);
  --opacity-red-44-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-48: hsl(var(--opacity-red-48-hsl) / 0.47843137254901963);
  --opacity-red-48-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-52: hsl(var(--opacity-red-52-hsl) / 0.5215686274509804);
  --opacity-red-52-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-56: hsl(var(--opacity-red-56-hsl) / 0.5607843137254902);
  --opacity-red-56-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-60: hsl(var(--opacity-red-60-hsl) / 0.6);
  --opacity-red-60-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-64: hsl(var(--opacity-red-64-hsl) / 0.6392156862745098);
  --opacity-red-64-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-68: hsl(var(--opacity-red-68-hsl) / 0.6784313725490196);
  --opacity-red-68-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-72: hsl(var(--opacity-red-72-hsl) / 0.7215686274509804);
  --opacity-red-72-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-76: hsl(var(--opacity-red-76-hsl) / 0.7607843137254902);
  --opacity-red-76-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-8: hsl(var(--opacity-red-8-hsl) / 0.0784313725490196);
  --opacity-red-8-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-80: hsl(var(--opacity-red-80-hsl) / 0.8);
  --opacity-red-80-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-84: hsl(var(--opacity-red-84-hsl) / 0.8392156862745098);
  --opacity-red-84-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-88: hsl(var(--opacity-red-88-hsl) / 0.8784313725490196);
  --opacity-red-88-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-92: hsl(var(--opacity-red-92-hsl) / 0.9215686274509803);
  --opacity-red-92-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-96: hsl(var(--opacity-red-96-hsl) / 0.9607843137254902);
  --opacity-red-96-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-teal-1: hsl(var(--opacity-teal-1-hsl) / 0.011764705882352941);
  --opacity-teal-1-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-12: hsl(var(--opacity-teal-12-hsl) / 0.12156862745098039);
  --opacity-teal-12-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-16: hsl(var(--opacity-teal-16-hsl) / 0.1607843137254902);
  --opacity-teal-16-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-20: hsl(var(--opacity-teal-20-hsl) / 0.2);
  --opacity-teal-20-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-24: hsl(var(--opacity-teal-24-hsl) / 0.23921568627450981);
  --opacity-teal-24-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-28: hsl(var(--opacity-teal-28-hsl) / 0.2784313725490196);
  --opacity-teal-28-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-32: hsl(var(--opacity-teal-32-hsl) / 0.3215686274509804);
  --opacity-teal-32-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-36: hsl(var(--opacity-teal-36-hsl) / 0.3607843137254902);
  --opacity-teal-36-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-4: hsl(var(--opacity-teal-4-hsl) / 0.0392156862745098);
  --opacity-teal-4-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-40: hsl(var(--opacity-teal-40-hsl) / 0.4);
  --opacity-teal-40-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-44: hsl(var(--opacity-teal-44-hsl) / 0.4392156862745098);
  --opacity-teal-44-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-48: hsl(var(--opacity-teal-48-hsl) / 0.47843137254901963);
  --opacity-teal-48-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-52: hsl(var(--opacity-teal-52-hsl) / 0.5215686274509804);
  --opacity-teal-52-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-56: hsl(var(--opacity-teal-56-hsl) / 0.5607843137254902);
  --opacity-teal-56-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-60: hsl(var(--opacity-teal-60-hsl) / 0.6);
  --opacity-teal-60-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-64: hsl(var(--opacity-teal-64-hsl) / 0.6392156862745098);
  --opacity-teal-64-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-68: hsl(var(--opacity-teal-68-hsl) / 0.6784313725490196);
  --opacity-teal-68-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-72: hsl(var(--opacity-teal-72-hsl) / 0.7215686274509804);
  --opacity-teal-72-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-76: hsl(var(--opacity-teal-76-hsl) / 0.7607843137254902);
  --opacity-teal-76-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-8: hsl(var(--opacity-teal-8-hsl) / 0.0784313725490196);
  --opacity-teal-8-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-80: hsl(var(--opacity-teal-80-hsl) / 0.8);
  --opacity-teal-80-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-84: hsl(var(--opacity-teal-84-hsl) / 0.8392156862745098);
  --opacity-teal-84-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-88: hsl(var(--opacity-teal-88-hsl) / 0.8784313725490196);
  --opacity-teal-88-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-92: hsl(var(--opacity-teal-92-hsl) / 0.9215686274509803);
  --opacity-teal-92-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-96: hsl(var(--opacity-teal-96-hsl) / 0.9607843137254902);
  --opacity-teal-96-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-white-1: hsl(var(--opacity-white-1-hsl) / 0.011764705882352941);
  --opacity-white-1-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-12: hsl(var(--opacity-white-12-hsl) / 0.12156862745098039);
  --opacity-white-12-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-16: hsl(var(--opacity-white-16-hsl) / 0.1607843137254902);
  --opacity-white-16-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-20: hsl(var(--opacity-white-20-hsl) / 0.2);
  --opacity-white-20-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-24: hsl(var(--opacity-white-24-hsl) / 0.23921568627450981);
  --opacity-white-24-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-28: hsl(var(--opacity-white-28-hsl) / 0.2784313725490196);
  --opacity-white-28-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-32: hsl(var(--opacity-white-32-hsl) / 0.3215686274509804);
  --opacity-white-32-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-36: hsl(var(--opacity-white-36-hsl) / 0.3607843137254902);
  --opacity-white-36-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-4: hsl(var(--opacity-white-4-hsl) / 0.0392156862745098);
  --opacity-white-4-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-40: hsl(var(--opacity-white-40-hsl) / 0.4);
  --opacity-white-40-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-44: hsl(var(--opacity-white-44-hsl) / 0.4392156862745098);
  --opacity-white-44-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-48: hsl(var(--opacity-white-48-hsl) / 0.47843137254901963);
  --opacity-white-48-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-52: hsl(var(--opacity-white-52-hsl) / 0.5215686274509804);
  --opacity-white-52-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-56: hsl(var(--opacity-white-56-hsl) / 0.5607843137254902);
  --opacity-white-56-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-60: hsl(var(--opacity-white-60-hsl) / 0.6);
  --opacity-white-60-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-64: hsl(var(--opacity-white-64-hsl) / 0.6392156862745098);
  --opacity-white-64-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-68: hsl(var(--opacity-white-68-hsl) / 0.6784313725490196);
  --opacity-white-68-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-72: hsl(var(--opacity-white-72-hsl) / 0.7215686274509804);
  --opacity-white-72-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-76: hsl(var(--opacity-white-76-hsl) / 0.7607843137254902);
  --opacity-white-76-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-8: hsl(var(--opacity-white-8-hsl) / 0.0784313725490196);
  --opacity-white-8-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-80: hsl(var(--opacity-white-80-hsl) / 0.8);
  --opacity-white-80-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-84: hsl(var(--opacity-white-84-hsl) / 0.8392156862745098);
  --opacity-white-84-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-88: hsl(var(--opacity-white-88-hsl) / 0.8784313725490196);
  --opacity-white-88-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-92: hsl(var(--opacity-white-92-hsl) / 0.9215686274509803);
  --opacity-white-92-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-96: hsl(var(--opacity-white-96-hsl) / 0.9607843137254902);
  --opacity-white-96-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-yellow-1: hsl(var(--opacity-yellow-1-hsl) / 0.011764705882352941);
  --opacity-yellow-1-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-12: hsl(var(--opacity-yellow-12-hsl) / 0.12156862745098039);
  --opacity-yellow-12-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-16: hsl(var(--opacity-yellow-16-hsl) / 0.1607843137254902);
  --opacity-yellow-16-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-20: hsl(var(--opacity-yellow-20-hsl) / 0.2);
  --opacity-yellow-20-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-24: hsl(var(--opacity-yellow-24-hsl) / 0.23921568627450981);
  --opacity-yellow-24-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-28: hsl(var(--opacity-yellow-28-hsl) / 0.2784313725490196);
  --opacity-yellow-28-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-32: hsl(var(--opacity-yellow-32-hsl) / 0.3215686274509804);
  --opacity-yellow-32-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-36: hsl(var(--opacity-yellow-36-hsl) / 0.3607843137254902);
  --opacity-yellow-36-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-4: hsl(var(--opacity-yellow-4-hsl) / 0.0392156862745098);
  --opacity-yellow-4-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-40: hsl(var(--opacity-yellow-40-hsl) / 0.4);
  --opacity-yellow-40-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-44: hsl(var(--opacity-yellow-44-hsl) / 0.4392156862745098);
  --opacity-yellow-44-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-48: hsl(var(--opacity-yellow-48-hsl) / 0.47843137254901963);
  --opacity-yellow-48-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-52: hsl(var(--opacity-yellow-52-hsl) / 0.5215686274509804);
  --opacity-yellow-52-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-56: hsl(var(--opacity-yellow-56-hsl) / 0.5607843137254902);
  --opacity-yellow-56-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-60: hsl(var(--opacity-yellow-60-hsl) / 0.6);
  --opacity-yellow-60-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-64: hsl(var(--opacity-yellow-64-hsl) / 0.6392156862745098);
  --opacity-yellow-64-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-68: hsl(var(--opacity-yellow-68-hsl) / 0.6784313725490196);
  --opacity-yellow-68-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-72: hsl(var(--opacity-yellow-72-hsl) / 0.7215686274509804);
  --opacity-yellow-72-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-76: hsl(var(--opacity-yellow-76-hsl) / 0.7607843137254902);
  --opacity-yellow-76-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-8: hsl(var(--opacity-yellow-8-hsl) / 0.0784313725490196);
  --opacity-yellow-8-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-80: hsl(var(--opacity-yellow-80-hsl) / 0.8);
  --opacity-yellow-80-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-84: hsl(var(--opacity-yellow-84-hsl) / 0.8392156862745098);
  --opacity-yellow-84-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-88: hsl(var(--opacity-yellow-88-hsl) / 0.8784313725490196);
  --opacity-yellow-88-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-92: hsl(var(--opacity-yellow-92-hsl) / 0.9215686274509803);
  --opacity-yellow-92-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-96: hsl(var(--opacity-yellow-96-hsl) / 0.9607843137254902);
  --opacity-yellow-96-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --orange-100: hsl(var(--orange-100-hsl) / 1);
  --orange-100-hsl: 18 calc(var(--saturation-factor, 1) * 100%) 98.039%;
  --orange-130: hsl(var(--orange-130-hsl) / 1);
  --orange-130-hsl: 23.333 calc(var(--saturation-factor, 1) * 100%) 96.471%;
  --orange-160: hsl(var(--orange-160-hsl) / 1);
  --orange-160-hsl: 21.29 calc(var(--saturation-factor, 1) * 93.939%) 93.529%;
  --orange-200: hsl(var(--orange-200-hsl) / 1);
  --orange-200-hsl: 21.25 calc(var(--saturation-factor, 1) * 92.308%) 89.804%;
  --orange-230: hsl(var(--orange-230-hsl) / 1);
  --orange-230-hsl: 23.514 calc(var(--saturation-factor, 1) * 92.5%) 84.314%;
  --orange-260: hsl(var(--orange-260-hsl) / 1);
  --orange-260-hsl: 23.301 calc(var(--saturation-factor, 1) * 94.495%) 78.627%;
  --orange-300: hsl(var(--orange-300-hsl) / 1);
  --orange-300-hsl: 25.468 calc(var(--saturation-factor, 1) * 94.558%) 71.176%;
  --orange-330: hsl(var(--orange-330-hsl) / 1);
  --orange-330-hsl: 27 calc(var(--saturation-factor, 1) * 94.737%) 62.745%;
  --orange-345: hsl(var(--orange-345-hsl) / 1);
  --orange-345-hsl: 28.342 calc(var(--saturation-factor, 1) * 87.665%) 55.49%;
  --orange-360: hsl(var(--orange-360-hsl) / 1);
  --orange-360-hsl: 26.145 calc(var(--saturation-factor, 1) * 71.315%) 50.784%;
  --orange-400: hsl(var(--orange-400-hsl) / 1);
  --orange-400-hsl: 25.443 calc(var(--saturation-factor, 1) * 67.521%) 45.882%;
  --orange-430: hsl(var(--orange-430-hsl) / 1);
  --orange-430-hsl: 24.681 calc(var(--saturation-factor, 1) * 69.458%) 39.804%;
  --orange-460: hsl(var(--orange-460-hsl) / 1);
  --orange-460-hsl: 23.538 calc(var(--saturation-factor, 1) * 72.222%) 35.294%;
  --orange-500: hsl(var(--orange-500-hsl) / 1);
  --orange-500-hsl: 22.314 calc(var(--saturation-factor, 1) * 76.101%) 31.176%;
  --orange-530: hsl(var(--orange-530-hsl) / 1);
  --orange-530-hsl: 21.869 calc(var(--saturation-factor, 1) * 76.978%) 27.255%;
  --orange-560: hsl(var(--orange-560-hsl) / 1);
  --orange-560-hsl: 21.474 calc(var(--saturation-factor, 1) * 77.236%) 24.118%;
  --orange-600: hsl(var(--orange-600-hsl) / 1);
  --orange-600-hsl: 22.857 calc(var(--saturation-factor, 1) * 79.245%) 20.784%;
  --orange-630: hsl(var(--orange-630-hsl) / 1);
  --orange-630-hsl: 22.105 calc(var(--saturation-factor, 1) * 79.167%) 18.824%;
  --orange-660: hsl(var(--orange-660-hsl) / 1);
  --orange-660-hsl: 22.388 calc(var(--saturation-factor, 1) * 78.824%) 16.667%;
  --orange-700: hsl(var(--orange-700-hsl) / 1);
  --orange-700-hsl: 21.724 calc(var(--saturation-factor, 1) * 76.316%) 14.902%;
  --orange-730: hsl(var(--orange-730-hsl) / 1);
  --orange-730-hsl: 21.923 calc(var(--saturation-factor, 1) * 78.788%) 12.941%;
  --orange-760: hsl(var(--orange-760-hsl) / 1);
  --orange-760-hsl: 21.333 calc(var(--saturation-factor, 1) * 78.947%) 11.176%;
  --orange-800: hsl(var(--orange-800-hsl) / 1);
  --orange-800-hsl: 21 calc(var(--saturation-factor, 1) * 80%) 9.804%;
  --orange-830: hsl(var(--orange-830-hsl) / 1);
  --orange-830-hsl: 20 calc(var(--saturation-factor, 1) * 76.744%) 8.431%;
  --orange-860: hsl(var(--orange-860-hsl) / 1);
  --orange-860-hsl: 20 calc(var(--saturation-factor, 1) * 72.973%) 7.255%;
  --orange-900: hsl(var(--orange-900-hsl) / 1);
  --orange-900-hsl: 25.714 calc(var(--saturation-factor, 1) * 72.414%) 5.686%;
  --orange-new-1: hsl(var(--orange-new-1-hsl) / 1);
  --orange-new-1-hsl: 13.714 calc(var(--saturation-factor, 1) * 100%) 93.137%;
  --orange-new-10: hsl(var(--orange-new-10-hsl) / 1);
  --orange-new-10-hsl: 20 calc(var(--saturation-factor, 1) * 86.207%) 82.941%;
  --orange-new-100: hsl(var(--orange-new-100-hsl) / 1);
  --orange-new-100-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --orange-new-11: hsl(var(--orange-new-11-hsl) / 1);
  --orange-new-11-hsl: 20 calc(var(--saturation-factor, 1) * 84.783%) 81.961%;
  --orange-new-12: hsl(var(--orange-new-12-hsl) / 1);
  --orange-new-12-hsl: 20.488 calc(var(--saturation-factor, 1) * 83.673%) 80.784%;
  --orange-new-13: hsl(var(--orange-new-13-hsl) / 1);
  --orange-new-13-hsl: 20.93 calc(var(--saturation-factor, 1) * 82.692%) 79.608%;
  --orange-new-14: hsl(var(--orange-new-14-hsl) / 1);
  --orange-new-14-hsl: 20.899 calc(var(--saturation-factor, 1) * 81.651%) 78.627%;
  --orange-new-15: hsl(var(--orange-new-15-hsl) / 1);
  --orange-new-15-hsl: 20.645 calc(var(--saturation-factor, 1) * 80.87%) 77.451%;
  --orange-new-16: hsl(var(--orange-new-16-hsl) / 1);
  --orange-new-16-hsl: 21.031 calc(var(--saturation-factor, 1) * 80.165%) 76.275%;
  --orange-new-17: hsl(var(--orange-new-17-hsl) / 1);
  --orange-new-17-hsl: 21 calc(var(--saturation-factor, 1) * 79.365%) 75.294%;
  --orange-new-18: hsl(var(--orange-new-18-hsl) / 1);
  --orange-new-18-hsl: 21.346 calc(var(--saturation-factor, 1) * 78.788%) 74.118%;
  --orange-new-19: hsl(var(--orange-new-19-hsl) / 1);
  --orange-new-19-hsl: 21.509 calc(var(--saturation-factor, 1) * 76.812%) 72.941%;
  --orange-new-2: hsl(var(--orange-new-2-hsl) / 1);
  --orange-new-2-hsl: 15.385 calc(var(--saturation-factor, 1) * 95.122%) 91.961%;
  --orange-new-20: hsl(var(--orange-new-20-hsl) / 1);
  --orange-new-20-hsl: 21.468 calc(var(--saturation-factor, 1) * 76.224%) 71.961%;
  --orange-new-21: hsl(var(--orange-new-21-hsl) / 1);
  --orange-new-21-hsl: 21.77 calc(var(--saturation-factor, 1) * 75.839%) 70.784%;
  --orange-new-22: hsl(var(--orange-new-22-hsl) / 1);
  --orange-new-22-hsl: 21.724 calc(var(--saturation-factor, 1) * 75.325%) 69.804%;
  --orange-new-23: hsl(var(--orange-new-23-hsl) / 1);
  --orange-new-23-hsl: 21.356 calc(var(--saturation-factor, 1) * 73.75%) 68.627%;
  --orange-new-24: hsl(var(--orange-new-24-hsl) / 1);
  --orange-new-24-hsl: 21.639 calc(var(--saturation-factor, 1) * 73.494%) 67.451%;
  --orange-new-25: hsl(var(--orange-new-25-hsl) / 1);
  --orange-new-25-hsl: 21.6 calc(var(--saturation-factor, 1) * 73.099%) 66.471%;
  --orange-new-26: hsl(var(--orange-new-26-hsl) / 1);
  --orange-new-26-hsl: 21.732 calc(var(--saturation-factor, 1) * 71.751%) 65.294%;
  --orange-new-27: hsl(var(--orange-new-27-hsl) / 1);
  --orange-new-27-hsl: 21.692 calc(var(--saturation-factor, 1) * 71.429%) 64.314%;
  --orange-new-28: hsl(var(--orange-new-28-hsl) / 1);
  --orange-new-28-hsl: 21.818 calc(var(--saturation-factor, 1) * 70.213%) 63.137%;
  --orange-new-29: hsl(var(--orange-new-29-hsl) / 1);
  --orange-new-29-hsl: 21.778 calc(var(--saturation-factor, 1) * 69.948%) 62.157%;
  --orange-new-3: hsl(var(--orange-new-3-hsl) / 1);
  --orange-new-3-hsl: 17.333 calc(var(--saturation-factor, 1) * 95.745%) 90.784%;
  --orange-new-30: hsl(var(--orange-new-30-hsl) / 1);
  --orange-new-30-hsl: 21.898 calc(var(--saturation-factor, 1) * 68.844%) 60.98%;
  --orange-new-31: hsl(var(--orange-new-31-hsl) / 1);
  --orange-new-31-hsl: 22.014 calc(var(--saturation-factor, 1) * 67.805%) 59.804%;
  --orange-new-32: hsl(var(--orange-new-32-hsl) / 1);
  --orange-new-32-hsl: 21.972 calc(var(--saturation-factor, 1) * 67.619%) 58.824%;
  --orange-new-33: hsl(var(--orange-new-33-hsl) / 1);
  --orange-new-33-hsl: 22.083 calc(var(--saturation-factor, 1) * 66.667%) 57.647%;
  --orange-new-34: hsl(var(--orange-new-34-hsl) / 1);
  --orange-new-34-hsl: 22.192 calc(var(--saturation-factor, 1) * 65.766%) 56.471%;
  --orange-new-35: hsl(var(--orange-new-35-hsl) / 1);
  --orange-new-35-hsl: 22.148 calc(var(--saturation-factor, 1) * 65.639%) 55.49%;
  --orange-new-36: hsl(var(--orange-new-36-hsl) / 1);
  --orange-new-36-hsl: 21.854 calc(var(--saturation-factor, 1) * 64.807%) 54.314%;
  --orange-new-37: hsl(var(--orange-new-37-hsl) / 1);
  --orange-new-37-hsl: 21.961 calc(var(--saturation-factor, 1) * 64.017%) 53.137%;
  --orange-new-38: hsl(var(--orange-new-38-hsl) / 1);
  --orange-new-38-hsl: 22.065 calc(var(--saturation-factor, 1) * 63.265%) 51.961%;
  --orange-new-39: hsl(var(--orange-new-39-hsl) / 1);
  --orange-new-39-hsl: 22.025 calc(var(--saturation-factor, 1) * 63.2%) 50.98%;
  --orange-new-4: hsl(var(--orange-new-4-hsl) / 1);
  --orange-new-4-hsl: 17.143 calc(var(--saturation-factor, 1) * 92.453%) 89.608%;
  --orange-new-40: hsl(var(--orange-new-40-hsl) / 1);
  --orange-new-40-hsl: 22.125 calc(var(--saturation-factor, 1) * 62.992%) 49.804%;
  --orange-new-41: hsl(var(--orange-new-41-hsl) / 1);
  --orange-new-41-hsl: 22.222 calc(var(--saturation-factor, 1) * 65.323%) 48.627%;
  --orange-new-42: hsl(var(--orange-new-42-hsl) / 1);
  --orange-new-42-hsl: 22.317 calc(var(--saturation-factor, 1) * 67.769%) 47.451%;
  --orange-new-43: hsl(var(--orange-new-43-hsl) / 1);
  --orange-new-43-hsl: 22.635 calc(var(--saturation-factor, 1) * 71.064%) 46.078%;
  --orange-new-44: hsl(var(--orange-new-44-hsl) / 1);
  --orange-new-44-hsl: 22.722 calc(var(--saturation-factor, 1) * 73.799%) 44.902%;
  --orange-new-45: hsl(var(--orange-new-45-hsl) / 1);
  --orange-new-45-hsl: 23.023 calc(var(--saturation-factor, 1) * 77.477%) 43.529%;
  --orange-new-46: hsl(var(--orange-new-46-hsl) / 1);
  --orange-new-46-hsl: 23.314 calc(var(--saturation-factor, 1) * 81.395%) 42.157%;
  --orange-new-47: hsl(var(--orange-new-47-hsl) / 1);
  --orange-new-47-hsl: 23.799 calc(var(--saturation-factor, 1) * 86.473%) 40.588%;
  --orange-new-48: hsl(var(--orange-new-48-hsl) / 1);
  --orange-new-48-hsl: 24.457 calc(var(--saturation-factor, 1) * 92.929%) 38.824%;
  --orange-new-49: hsl(var(--orange-new-49-hsl) / 1);
  --orange-new-49-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --orange-new-5: hsl(var(--orange-new-5-hsl) / 1);
  --orange-new-5-hsl: 17.778 calc(var(--saturation-factor, 1) * 93.103%) 88.627%;
  --orange-new-50: hsl(var(--orange-new-50-hsl) / 1);
  --orange-new-50-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --orange-new-51: hsl(var(--orange-new-51-hsl) / 1);
  --orange-new-51-hsl: 25.109 calc(var(--saturation-factor, 1) * 98.925%) 36.471%;
  --orange-new-52: hsl(var(--orange-new-52-hsl) / 1);
  --orange-new-52-hsl: 24.804 calc(var(--saturation-factor, 1) * 97.814%) 35.882%;
  --orange-new-53: hsl(var(--orange-new-53-hsl) / 1);
  --orange-new-53-hsl: 24.828 calc(var(--saturation-factor, 1) * 96.667%) 35.294%;
  --orange-new-54: hsl(var(--orange-new-54-hsl) / 1);
  --orange-new-54-hsl: 24.706 calc(var(--saturation-factor, 1) * 96.591%) 34.51%;
  --orange-new-55: hsl(var(--orange-new-55-hsl) / 1);
  --orange-new-55-hsl: 24.727 calc(var(--saturation-factor, 1) * 95.376%) 33.922%;
  --orange-new-56: hsl(var(--orange-new-56-hsl) / 1);
  --orange-new-56-hsl: 24.596 calc(var(--saturation-factor, 1) * 95.266%) 33.137%;
  --orange-new-57: hsl(var(--orange-new-57-hsl) / 1);
  --orange-new-57-hsl: 24.615 calc(var(--saturation-factor, 1) * 93.976%) 32.549%;
  --orange-new-58: hsl(var(--orange-new-58-hsl) / 1);
  --orange-new-58-hsl: 24.238 calc(var(--saturation-factor, 1) * 92.638%) 31.961%;
  --orange-new-59: hsl(var(--orange-new-59-hsl) / 1);
  --orange-new-59-hsl: 24.49 calc(var(--saturation-factor, 1) * 92.453%) 31.176%;
  --orange-new-6: hsl(var(--orange-new-6-hsl) / 1);
  --orange-new-6-hsl: 18.621 calc(var(--saturation-factor, 1) * 90.625%) 87.451%;
  --orange-new-60: hsl(var(--orange-new-60-hsl) / 1);
  --orange-new-60-hsl: 24.336 calc(var(--saturation-factor, 1) * 92.258%) 30.392%;
  --orange-new-61: hsl(var(--orange-new-61-hsl) / 1);
  --orange-new-61-hsl: 24.348 calc(var(--saturation-factor, 1) * 90.789%) 29.804%;
  --orange-new-62: hsl(var(--orange-new-62-hsl) / 1);
  --orange-new-62-hsl: 24.179 calc(var(--saturation-factor, 1) * 90.541%) 29.02%;
  --orange-new-63: hsl(var(--orange-new-63-hsl) / 1);
  --orange-new-63-hsl: 24.462 calc(var(--saturation-factor, 1) * 90.278%) 28.235%;
  --orange-new-64: hsl(var(--orange-new-64-hsl) / 1);
  --orange-new-64-hsl: 24.286 calc(var(--saturation-factor, 1) * 90%) 27.451%;
  --orange-new-65: hsl(var(--orange-new-65-hsl) / 1);
  --orange-new-65-hsl: 24.098 calc(var(--saturation-factor, 1) * 88.406%) 27.059%;
  --orange-new-66: hsl(var(--orange-new-66-hsl) / 1);
  --orange-new-66-hsl: 23.898 calc(var(--saturation-factor, 1) * 88.06%) 26.275%;
  --orange-new-67: hsl(var(--orange-new-67-hsl) / 1);
  --orange-new-67-hsl: 24.211 calc(var(--saturation-factor, 1) * 87.692%) 25.49%;
  --orange-new-68: hsl(var(--orange-new-68-hsl) / 1);
  --orange-new-68-hsl: 24 calc(var(--saturation-factor, 1) * 87.302%) 24.706%;
  --orange-new-69: hsl(var(--orange-new-69-hsl) / 1);
  --orange-new-69-hsl: 24.112 calc(var(--saturation-factor, 1) * 86.992%) 24.118%;
  --orange-new-7: hsl(var(--orange-new-7-hsl) / 1);
  --orange-new-7-hsl: 19.355 calc(var(--saturation-factor, 1) * 88.571%) 86.275%;
  --orange-new-70: hsl(var(--orange-new-70-hsl) / 1);
  --orange-new-70-hsl: 23.883 calc(var(--saturation-factor, 1) * 86.555%) 23.333%;
  --orange-new-71: hsl(var(--orange-new-71-hsl) / 1);
  --orange-new-71-hsl: 24 calc(var(--saturation-factor, 1) * 86.207%) 22.745%;
  --orange-new-72: hsl(var(--orange-new-72-hsl) / 1);
  --orange-new-72-hsl: 23.75 calc(var(--saturation-factor, 1) * 85.714%) 21.961%;
  --orange-new-73: hsl(var(--orange-new-73-hsl) / 1);
  --orange-new-73-hsl: 24.13 calc(var(--saturation-factor, 1) * 85.185%) 21.176%;
  --orange-new-74: hsl(var(--orange-new-74-hsl) / 1);
  --orange-new-74-hsl: 23.596 calc(var(--saturation-factor, 1) * 84.762%) 20.588%;
  --orange-new-75: hsl(var(--orange-new-75-hsl) / 1);
  --orange-new-75-hsl: 24.419 calc(var(--saturation-factor, 1) * 86%) 19.608%;
  --orange-new-76: hsl(var(--orange-new-76-hsl) / 1);
  --orange-new-76-hsl: 23.855 calc(var(--saturation-factor, 1) * 85.567%) 19.02%;
  --orange-new-77: hsl(var(--orange-new-77-hsl) / 1);
  --orange-new-77-hsl: 24.304 calc(var(--saturation-factor, 1) * 84.946%) 18.235%;
  --orange-new-78: hsl(var(--orange-new-78-hsl) / 1);
  --orange-new-78-hsl: 23.684 calc(var(--saturation-factor, 1) * 84.444%) 17.647%;
  --orange-new-79: hsl(var(--orange-new-79-hsl) / 1);
  --orange-new-79-hsl: 23.836 calc(var(--saturation-factor, 1) * 83.908%) 17.059%;
  --orange-new-8: hsl(var(--orange-new-8-hsl) / 1);
  --orange-new-8-hsl: 19.701 calc(var(--saturation-factor, 1) * 89.333%) 85.294%;
  --orange-new-80: hsl(var(--orange-new-80-hsl) / 1);
  --orange-new-80-hsl: 23.478 calc(var(--saturation-factor, 1) * 83.133%) 16.275%;
  --orange-new-81: hsl(var(--orange-new-81-hsl) / 1);
  --orange-new-81-hsl: 24.179 calc(var(--saturation-factor, 1) * 84.81%) 15.49%;
  --orange-new-82: hsl(var(--orange-new-82-hsl) / 1);
  --orange-new-82-hsl: 23.438 calc(var(--saturation-factor, 1) * 84.211%) 14.902%;
  --orange-new-83: hsl(var(--orange-new-83-hsl) / 1);
  --orange-new-83-hsl: 23.607 calc(var(--saturation-factor, 1) * 83.562%) 14.314%;
  --orange-new-84: hsl(var(--orange-new-84-hsl) / 1);
  --orange-new-84-hsl: 23.158 calc(var(--saturation-factor, 1) * 82.609%) 13.529%;
  --orange-new-85: hsl(var(--orange-new-85-hsl) / 1);
  --orange-new-85-hsl: 24 calc(var(--saturation-factor, 1) * 84.615%) 12.745%;
  --orange-new-86: hsl(var(--orange-new-86-hsl) / 1);
  --orange-new-86-hsl: 24.231 calc(var(--saturation-factor, 1) * 83.871%) 12.157%;
  --orange-new-87: hsl(var(--orange-new-87-hsl) / 1);
  --orange-new-87-hsl: 23.265 calc(var(--saturation-factor, 1) * 83.051%) 11.569%;
  --orange-new-88: hsl(var(--orange-new-88-hsl) / 1);
  --orange-new-88-hsl: 24.255 calc(var(--saturation-factor, 1) * 85.455%) 10.784%;
  --orange-new-89: hsl(var(--orange-new-89-hsl) / 1);
  --orange-new-89-hsl: 23.182 calc(var(--saturation-factor, 1) * 84.615%) 10.196%;
  --orange-new-9: hsl(var(--orange-new-9-hsl) / 1);
  --orange-new-9-hsl: 19.437 calc(var(--saturation-factor, 1) * 87.654%) 84.118%;
  --orange-new-90: hsl(var(--orange-new-90-hsl) / 1);
  --orange-new-90-hsl: 23.415 calc(var(--saturation-factor, 1) * 83.673%) 9.608%;
  --orange-new-91: hsl(var(--orange-new-91-hsl) / 1);
  --orange-new-91-hsl: 22.105 calc(var(--saturation-factor, 1) * 82.609%) 9.02%;
  --orange-new-92: hsl(var(--orange-new-92-hsl) / 1);
  --orange-new-92-hsl: 23.333 calc(var(--saturation-factor, 1) * 85.714%) 8.235%;
  --orange-new-93: hsl(var(--orange-new-93-hsl) / 1);
  --orange-new-93-hsl: 21.818 calc(var(--saturation-factor, 1) * 84.615%) 7.647%;
  --orange-new-94: hsl(var(--orange-new-94-hsl) / 1);
  --orange-new-94-hsl: 20 calc(var(--saturation-factor, 1) * 83.333%) 7.059%;
  --orange-new-95: hsl(var(--orange-new-95-hsl) / 1);
  --orange-new-95-hsl: 22.222 calc(var(--saturation-factor, 1) * 87.097%) 6.078%;
  --orange-new-96: hsl(var(--orange-new-96-hsl) / 1);
  --orange-new-96-hsl: 18.261 calc(var(--saturation-factor, 1) * 85.185%) 5.294%;
  --orange-new-97: hsl(var(--orange-new-97-hsl) / 1);
  --orange-new-97-hsl: 16.667 calc(var(--saturation-factor, 1) * 81.818%) 4.314%;
  --orange-new-98: hsl(var(--orange-new-98-hsl) / 1);
  --orange-new-98-hsl: 17.143 calc(var(--saturation-factor, 1) * 87.5%) 3.137%;
  --orange-new-99: hsl(var(--orange-new-99-hsl) / 1);
  --orange-new-99-hsl: 20 calc(var(--saturation-factor, 1) * 75%) 1.569%;
  --partner: hsl(var(--partner-hsl) / 1);
  --partner-hsl: 215.376 calc(var(--saturation-factor, 1) * 82.775%) 59.02%;
  --paypal: hsl(var(--paypal-hsl) / 1);
  --paypal-hsl: 230.455 calc(var(--saturation-factor, 1) * 69.841%) 24.706%;
  --playstation: hsl(var(--playstation-hsl) / 1);
  --playstation-hsl: 220 calc(var(--saturation-factor, 1) * 95.652%) 27.059%;
  --plum-23-alpha: hsl(var(--plum-23-alpha-hsl) / 0.1);
  --plum-23-alpha-hsl: 240 calc(var(--saturation-factor, 1) * 63.415%) 83.922%;
  --plum-0: hsl(var(--plum-0-hsl) / 1);
  --plum-0-hsl: 240 calc(var(--saturation-factor, 1) * 9.091%) 97.843%;
  --plum-1: hsl(var(--plum-1-hsl) / 1);
  --plum-1-hsl: 240 calc(var(--saturation-factor, 1) * 4.348%) 95.49%;
  --plum-10: hsl(var(--plum-10-hsl) / 1);
  --plum-10-hsl: 228.75 calc(var(--saturation-factor, 1) * 6.78%) 53.725%;
  --plum-11: hsl(var(--plum-11-hsl) / 1);
  --plum-11-hsl: 228.75 calc(var(--saturation-factor, 1) * 6.897%) 45.49%;
  --plum-12: hsl(var(--plum-12-hsl) / 1);
  --plum-12-hsl: 228 calc(var(--saturation-factor, 1) * 7.614%) 38.627%;
  --plum-13: hsl(var(--plum-13-hsl) / 1);
  --plum-13-hsl: 227.143 calc(var(--saturation-factor, 1) * 8.333%) 32.941%;
  --plum-14: hsl(var(--plum-14-hsl) / 1);
  --plum-14-hsl: 230 calc(var(--saturation-factor, 1) * 8.451%) 27.843%;
  --plum-15: hsl(var(--plum-15-hsl) / 1);
  --plum-15-hsl: 229.091 calc(var(--saturation-factor, 1) * 8.943%) 24.118%;
  --plum-16: hsl(var(--plum-16-hsl) / 1);
  --plum-16-hsl: 234 calc(var(--saturation-factor, 1) * 9.259%) 21.176%;
  --plum-17: hsl(var(--plum-17-hsl) / 1);
  --plum-17-hsl: 233.333 calc(var(--saturation-factor, 1) * 9.278%) 19.02%;
  --plum-18: hsl(var(--plum-18-hsl) / 1);
  --plum-18-hsl: 233.333 calc(var(--saturation-factor, 1) * 10.588%) 16.667%;
  --plum-19: hsl(var(--plum-19-hsl) / 1);
  --plum-19-hsl: 232.5 calc(var(--saturation-factor, 1) * 10.811%) 14.51%;
  --plum-2: hsl(var(--plum-2-hsl) / 1);
  --plum-2-hsl: 220 calc(var(--saturation-factor, 1) * 8.571%) 93.137%;
  --plum-20: hsl(var(--plum-20-hsl) / 1);
  --plum-20-hsl: 231.429 calc(var(--saturation-factor, 1) * 11.111%) 12.353%;
  --plum-21: hsl(var(--plum-21-hsl) / 1);
  --plum-21-hsl: 231.429 calc(var(--saturation-factor, 1) * 12.727%) 10.784%;
  --plum-22: hsl(var(--plum-22-hsl) / 1);
  --plum-22-hsl: 240 calc(var(--saturation-factor, 1) * 12%) 9.804%;
  --plum-23: hsl(var(--plum-23-hsl) / 1);
  --plum-23-hsl: 240 calc(var(--saturation-factor, 1) * 11.628%) 8.431%;
  --plum-24: hsl(var(--plum-24-hsl) / 1);
  --plum-24-hsl: 228 calc(var(--saturation-factor, 1) * 14.286%) 6.863%;
  --plum-25: hsl(var(--plum-25-hsl) / 1);
  --plum-25-hsl: 240 calc(var(--saturation-factor, 1) * 14.286%) 5.49%;
  --plum-26: hsl(var(--plum-26-hsl) / 1);
  --plum-26-hsl: 240 calc(var(--saturation-factor, 1) * 15.789%) 3.725%;
  --plum-3: hsl(var(--plum-3-hsl) / 1);
  --plum-3-hsl: 225 calc(var(--saturation-factor, 1) * 8%) 90.196%;
  --plum-4: hsl(var(--plum-4-hsl) / 1);
  --plum-4-hsl: 225 calc(var(--saturation-factor, 1) * 6.25%) 87.451%;
  --plum-5: hsl(var(--plum-5-hsl) / 1);
  --plum-5-hsl: 220 calc(var(--saturation-factor, 1) * 7.317%) 83.922%;
  --plum-6: hsl(var(--plum-6-hsl) / 1);
  --plum-6-hsl: 231.429 calc(var(--saturation-factor, 1) * 6.667%) 79.412%;
  --plum-7: hsl(var(--plum-7-hsl) / 1);
  --plum-7-hsl: 226.667 calc(var(--saturation-factor, 1) * 6.767%) 73.922%;
  --plum-8: hsl(var(--plum-8-hsl) / 1);
  --plum-8-hsl: 230 calc(var(--saturation-factor, 1) * 7.407%) 68.235%;
  --plum-9: hsl(var(--plum-9-hsl) / 1);
  --plum-9-hsl: 231.429 calc(var(--saturation-factor, 1) * 7.071%) 61.176%;
  --premium-nitro-pink-dark: hsl(var(--premium-nitro-pink-dark-hsl) / 1);
  --premium-nitro-pink-dark-hsl: 299.45 calc(var(--saturation-factor, 1) * 43.083%) 50.392%;
  --premium-nitro-pink-light: hsl(var(--premium-nitro-pink-light-hsl) / 1);
  --premium-nitro-pink-light-hsl: 299.333 calc(var(--saturation-factor, 1) * 42.857%) 58.824%;
  --premium-perk-blue: hsl(var(--premium-perk-blue-hsl) / 1);
  --premium-perk-blue-hsl: 222.047 calc(var(--saturation-factor, 1) * 100%) 75.098%;
  --premium-perk-blue-alt: hsl(var(--premium-perk-blue-alt-hsl) / 1);
  --premium-perk-blue-alt-hsl: 223.03 calc(var(--saturation-factor, 1) * 100%) 80.588%;
  --premium-perk-dark-blue: hsl(var(--premium-perk-dark-blue-hsl) / 1);
  --premium-perk-dark-blue-hsl: 220.392 calc(var(--saturation-factor, 1) * 67.401%) 55.49%;
  --premium-perk-gold: hsl(var(--premium-perk-gold-hsl) / 1);
  --premium-perk-gold-hsl: 37.5 calc(var(--saturation-factor, 1) * 95.726%) 54.118%;
  --premium-perk-green: hsl(var(--premium-perk-green-hsl) / 1);
  --premium-perk-green-hsl: 163.953 calc(var(--saturation-factor, 1) * 55.128%) 69.412%;
  --premium-perk-light-blue: hsl(var(--premium-perk-light-blue-hsl) / 1);
  --premium-perk-light-blue-hsl: 221.481 calc(var(--saturation-factor, 1) * 100%) 84.118%;
  --premium-perk-orange: hsl(var(--premium-perk-orange-hsl) / 1);
  --premium-perk-orange-hsl: 25.424 calc(var(--saturation-factor, 1) * 96.721%) 64.118%;
  --premium-perk-pink: hsl(var(--premium-perk-pink-hsl) / 1);
  --premium-perk-pink-hsl: 305.197 calc(var(--saturation-factor, 1) * 100%) 75.098%;
  --premium-perk-purple: hsl(var(--premium-perk-purple-hsl) / 1);
  --premium-perk-purple-hsl: 272.079 calc(var(--saturation-factor, 1) * 100%) 80.196%;
  --premium-perk-yellow: hsl(var(--premium-perk-yellow-hsl) / 1);
  --premium-perk-yellow-hsl: 46.813 calc(var(--saturation-factor, 1) * 98.913%) 63.922%;
  --premium-tier-0-blue: hsl(var(--premium-tier-0-blue-hsl) / 1);
  --premium-tier-0-blue-hsl: 201.649 calc(var(--saturation-factor, 1) * 100%) 38.039%;
  --premium-tier-0-blue-for-gradients: hsl(var(--premium-tier-0-blue-for-gradients-hsl) / 1);
  --premium-tier-0-blue-for-gradients-hsl: 201.649 calc(var(--saturation-factor, 1) * 100%) 38.039%;
  --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.022 calc(var(--saturation-factor, 1) * 80%) 45.098%;
  --premium-tier-0-header-gradient-1: hsl(var(--premium-tier-0-header-gradient-1-hsl) / 1);
  --premium-tier-0-header-gradient-1-hsl: 240.451 calc(var(--saturation-factor, 1) * 55.187%) 47.255%;
  --premium-tier-0-header-gradient-2: hsl(var(--premium-tier-0-header-gradient-2-hsl) / 1);
  --premium-tier-0-header-gradient-2-hsl: 224.444 calc(var(--saturation-factor, 1) * 77.885%) 59.216%;
  --premium-tier-0-header-gradient-3: hsl(var(--premium-tier-0-header-gradient-3-hsl) / 1);
  --premium-tier-0-header-gradient-3-hsl: 246.207 calc(var(--saturation-factor, 1) * 74.359%) 69.412%;
  --premium-tier-0-header-gradient-4: hsl(var(--premium-tier-0-header-gradient-4-hsl) / 1);
  --premium-tier-0-header-gradient-4-hsl: 294.595 calc(var(--saturation-factor, 1) * 79.856%) 72.745%;
  --premium-tier-0-header-gradient-5: hsl(var(--premium-tier-0-header-gradient-5-hsl) / 1);
  --premium-tier-0-header-gradient-5-hsl: 336.456 calc(var(--saturation-factor, 1) * 55.245%) 71.961%;
  --premium-tier-0-purple: hsl(var(--premium-tier-0-purple-hsl) / 1);
  --premium-tier-0-purple-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --premium-tier-0-purple-for-gradients: hsl(var(--premium-tier-0-purple-for-gradients-hsl) / 1);
  --premium-tier-0-purple-for-gradients-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --premium-tier-1-blue: hsl(var(--premium-tier-1-blue-hsl) / 1);
  --premium-tier-1-blue-hsl: 227.538 calc(var(--saturation-factor, 1) * 86.667%) 70.588%;
  --premium-tier-1-blue-for-gradients: hsl(var(--premium-tier-1-blue-for-gradients-hsl) / 1);
  --premium-tier-1-blue-for-gradients-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --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: 234.909 calc(var(--saturation-factor, 1) * 68.465%) 52.745%;
  --premium-tier-1-purple: hsl(var(--premium-tier-1-purple-hsl) / 1);
  --premium-tier-1-purple-hsl: 243.704 calc(var(--saturation-factor, 1) * 100%) 84.118%;
  --premium-tier-2-pink: hsl(var(--premium-tier-2-pink-hsl) / 1);
  --premium-tier-2-pink-hsl: 342 calc(var(--saturation-factor, 1) * 57.971%) 72.941%;
  --premium-tier-2-pink-for-gradients: hsl(var(--premium-tier-2-pink-for-gradients-hsl) / 1);
  --premium-tier-2-pink-for-gradients-hsl: 325.385 calc(var(--saturation-factor, 1) * 31.707%) 51.765%;
  --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.42 calc(var(--saturation-factor, 1) * 51.373%) 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.667%) 70.588%;
  --premium-tier-2-purple-for-gradients: hsl(var(--premium-tier-2-purple-for-gradients-hsl) / 1);
  --premium-tier-2-purple-for-gradients-hsl: 269.291 calc(var(--saturation-factor, 1) * 52.697%) 52.745%;
  --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: 295.645 calc(var(--saturation-factor, 1) * 50%) 51.373%;
  --primary-100: hsl(var(--primary-100-hsl) / 1);
  --primary-100-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 97.647%;
  --primary-130: hsl(var(--primary-130-hsl) / 1);
  --primary-130-hsl: 220 calc(var(--saturation-factor, 1) * 13.043%) 95.49%;
  --primary-160: hsl(var(--primary-160-hsl) / 1);
  --primary-160-hsl: 210 calc(var(--saturation-factor, 1) * 11.111%) 92.941%;
  --primary-200: hsl(var(--primary-200-hsl) / 1);
  --primary-200-hsl: 216 calc(var(--saturation-factor, 1) * 9.804%) 90%;
  --primary-230: hsl(var(--primary-230-hsl) / 1);
  --primary-230-hsl: 210 calc(var(--saturation-factor, 1) * 9.091%) 87.059%;
  --primary-260: hsl(var(--primary-260-hsl) / 1);
  --primary-260-hsl: 214.286 calc(var(--saturation-factor, 1) * 8.434%) 83.725%;
  --primary-300: hsl(var(--primary-300-hsl) / 1);
  --primary-300-hsl: 210 calc(var(--saturation-factor, 1) * 9.259%) 78.824%;
  --primary-330: hsl(var(--primary-330-hsl) / 1);
  --primary-330-hsl: 215 calc(var(--saturation-factor, 1) * 8.824%) 73.333%;
  --primary-345: hsl(var(--primary-345-hsl) / 1);
  --primary-345-hsl: 214.286 calc(var(--saturation-factor, 1) * 8.434%) 67.451%;
  --primary-360: hsl(var(--primary-360-hsl) / 1);
  --primary-360-hsl: 213.75 calc(var(--saturation-factor, 1) * 8.081%) 61.176%;
  --primary-400: hsl(var(--primary-400-hsl) / 1);
  --primary-400-hsl: 222.857 calc(var(--saturation-factor, 1) * 5.833%) 52.941%;
  --primary-430: hsl(var(--primary-430-hsl) / 1);
  --primary-430-hsl: 229.091 calc(var(--saturation-factor, 1) * 4.803%) 44.902%;
  --primary-460: hsl(var(--primary-460-hsl) / 1);
  --primary-460-hsl: 228 calc(var(--saturation-factor, 1) * 5.155%) 38.039%;
  --primary-500: hsl(var(--primary-500-hsl) / 1);
  --primary-500-hsl: 228 calc(var(--saturation-factor, 1) * 6.024%) 32.549%;
  --primary-530: hsl(var(--primary-530-hsl) / 1);
  --primary-530-hsl: 226.667 calc(var(--saturation-factor, 1) * 6.475%) 27.255%;
  --primary-560: hsl(var(--primary-560-hsl) / 1);
  --primary-560-hsl: 225 calc(var(--saturation-factor, 1) * 6.667%) 23.529%;
  --primary-600: hsl(var(--primary-600-hsl) / 1);
  --primary-600-hsl: 222.857 calc(var(--saturation-factor, 1) * 6.667%) 20.588%;
  --primary-630: hsl(var(--primary-630-hsl) / 1);
  --primary-630-hsl: 220 calc(var(--saturation-factor, 1) * 6.522%) 18.039%;
  --primary-645: hsl(var(--primary-645-hsl) / 1);
  --primary-645-hsl: 220 calc(var(--saturation-factor, 1) * 6.977%) 16.863%;
  --primary-660: hsl(var(--primary-660-hsl) / 1);
  --primary-660-hsl: 228 calc(var(--saturation-factor, 1) * 6.667%) 14.706%;
  --primary-700: hsl(var(--primary-700-hsl) / 1);
  --primary-700-hsl: 225 calc(var(--saturation-factor, 1) * 6.25%) 12.549%;
  --primary-730: hsl(var(--primary-730-hsl) / 1);
  --primary-730-hsl: 225 calc(var(--saturation-factor, 1) * 7.143%) 10.98%;
  --primary-760: hsl(var(--primary-760-hsl) / 1);
  --primary-760-hsl: 220 calc(var(--saturation-factor, 1) * 6.383%) 9.216%;
  --primary-800: hsl(var(--primary-800-hsl) / 1);
  --primary-800-hsl: 220 calc(var(--saturation-factor, 1) * 8.108%) 7.255%;
  --primary-830: hsl(var(--primary-830-hsl) / 1);
  --primary-830-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 4.902%;
  --primary-860: hsl(var(--primary-860-hsl) / 1);
  --primary-860-hsl: 240 calc(var(--saturation-factor, 1) * 7.692%) 2.549%;
  --primary-900: hsl(var(--primary-900-hsl) / 1);
  --primary-900-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0.784%;
  --red-100: hsl(var(--red-100-hsl) / 1);
  --red-100-hsl: 350 calc(var(--saturation-factor, 1) * 75%) 98.431%;
  --red-130: hsl(var(--red-130-hsl) / 1);
  --red-130-hsl: 0 calc(var(--saturation-factor, 1) * 83.333%) 97.647%;
  --red-160: hsl(var(--red-160-hsl) / 1);
  --red-160-hsl: 0 calc(var(--saturation-factor, 1) * 90.909%) 95.686%;
  --red-200: hsl(var(--red-200-hsl) / 1);
  --red-200-hsl: 358.125 calc(var(--saturation-factor, 1) * 88.889%) 92.941%;
  --red-230: hsl(var(--red-230-hsl) / 1);
  --red-230-hsl: 358.696 calc(var(--saturation-factor, 1) * 85.185%) 89.412%;
  --red-260: hsl(var(--red-260-hsl) / 1);
  --red-260-hsl: 359.077 calc(var(--saturation-factor, 1) * 89.041%) 85.686%;
  --red-300: hsl(var(--red-300-hsl) / 1);
  --red-300-hsl: 358.588 calc(var(--saturation-factor, 1) * 91.398%) 81.765%;
  --red-330: hsl(var(--red-330-hsl) / 1);
  --red-330-hsl: 358.857 calc(var(--saturation-factor, 1) * 91.304%) 77.451%;
  --red-345: hsl(var(--red-345-hsl) / 1);
  --red-345-hsl: 358.168 calc(var(--saturation-factor, 1) * 92.908%) 72.353%;
  --red-360: hsl(var(--red-360-hsl) / 1);
  --red-360-hsl: 358.471 calc(var(--saturation-factor, 1) * 91.813%) 66.471%;
  --red-400: hsl(var(--red-400-hsl) / 1);
  --red-400-hsl: 358.659 calc(var(--saturation-factor, 1) * 87.317%) 59.804%;
  --red-430: hsl(var(--red-430-hsl) / 1);
  --red-430-hsl: 358.16 calc(var(--saturation-factor, 1) * 68.776%) 53.529%;
  --red-460: hsl(var(--red-460-hsl) / 1);
  --red-460-hsl: 358.705 calc(var(--saturation-factor, 1) * 59.149%) 46.078%;
  --red-500: hsl(var(--red-500-hsl) / 1);
  --red-500-hsl: 359.504 calc(var(--saturation-factor, 1) * 60.199%) 39.412%;
  --red-530: hsl(var(--red-530-hsl) / 1);
  --red-530-hsl: 358.919 calc(var(--saturation-factor, 1) * 63.429%) 34.314%;
  --red-560: hsl(var(--red-560-hsl) / 1);
  --red-560-hsl: 358.788 calc(var(--saturation-factor, 1) * 63.871%) 30.392%;
  --red-600: hsl(var(--red-600-hsl) / 1);
  --red-600-hsl: 358.636 calc(var(--saturation-factor, 1) * 64.706%) 26.667%;
  --red-630: hsl(var(--red-630-hsl) / 1);
  --red-630-hsl: 358.5 calc(var(--saturation-factor, 1) * 65.574%) 23.922%;
  --red-660: hsl(var(--red-660-hsl) / 1);
  --red-660-hsl: 359.155 calc(var(--saturation-factor, 1) * 65.138%) 21.373%;
  --red-700: hsl(var(--red-700-hsl) / 1);
  --red-700-hsl: 358.125 calc(var(--saturation-factor, 1) * 66.667%) 18.824%;
  --red-730: hsl(var(--red-730-hsl) / 1);
  --red-730-hsl: 358.929 calc(var(--saturation-factor, 1) * 66.667%) 16.471%;
  --red-760: hsl(var(--red-760-hsl) / 1);
  --red-760-hsl: 358.846 calc(var(--saturation-factor, 1) * 70.27%) 14.51%;
  --red-800: hsl(var(--red-800-hsl) / 1);
  --red-800-hsl: 358.636 calc(var(--saturation-factor, 1) * 68.75%) 12.549%;
  --red-830: hsl(var(--red-830-hsl) / 1);
  --red-830-hsl: 358.378 calc(var(--saturation-factor, 1) * 67.273%) 10.784%;
  --red-860: hsl(var(--red-860-hsl) / 1);
  --red-860-hsl: 0 calc(var(--saturation-factor, 1) * 66.667%) 9.412%;
  --red-900: hsl(var(--red-900-hsl) / 1);
  --red-900-hsl: 0 calc(var(--saturation-factor, 1) * 70%) 7.843%;
  --red-new-1: hsl(var(--red-new-1-hsl) / 1);
  --red-new-1-hsl: 0 calc(var(--saturation-factor, 1) * 100%) 93.725%;
  --red-new-10: hsl(var(--red-new-10-hsl) / 1);
  --red-new-10-hsl: 2.647 calc(var(--saturation-factor, 1) * 100%) 86.667%;
  --red-new-100: hsl(var(--red-new-100-hsl) / 1);
  --red-new-100-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --red-new-11: hsl(var(--red-new-11-hsl) / 1);
  --red-new-11-hsl: 3.333 calc(var(--saturation-factor, 1) * 100%) 85.882%;
  --red-new-12: hsl(var(--red-new-12-hsl) / 1);
  --red-new-12-hsl: 3.158 calc(var(--saturation-factor, 1) * 100%) 85.098%;
  --red-new-13: hsl(var(--red-new-13-hsl) / 1);
  --red-new-13-hsl: 3 calc(var(--saturation-factor, 1) * 100%) 84.314%;
  --red-new-14: hsl(var(--red-new-14-hsl) / 1);
  --red-new-14-hsl: 2.892 calc(var(--saturation-factor, 1) * 100%) 83.725%;
  --red-new-15: hsl(var(--red-new-15-hsl) / 1);
  --red-new-15-hsl: 2.759 calc(var(--saturation-factor, 1) * 100%) 82.941%;
  --red-new-16: hsl(var(--red-new-16-hsl) / 1);
  --red-new-16-hsl: 3.297 calc(var(--saturation-factor, 1) * 100%) 82.157%;
  --red-new-17: hsl(var(--red-new-17-hsl) / 1);
  --red-new-17-hsl: 2.553 calc(var(--saturation-factor, 1) * 100%) 81.569%;
  --red-new-18: hsl(var(--red-new-18-hsl) / 1);
  --red-new-18-hsl: 3.093 calc(var(--saturation-factor, 1) * 97.98%) 80.588%;
  --red-new-19: hsl(var(--red-new-19-hsl) / 1);
  --red-new-19-hsl: 2.97 calc(var(--saturation-factor, 1) * 98.058%) 79.804%;
  --red-new-2: hsl(var(--red-new-2-hsl) / 1);
  --red-new-2-hsl: 1.667 calc(var(--saturation-factor, 1) * 100%) 92.941%;
  --red-new-20: hsl(var(--red-new-20-hsl) / 1);
  --red-new-20-hsl: 2.33 calc(var(--saturation-factor, 1) * 96.262%) 79.02%;
  --red-new-21: hsl(var(--red-new-21-hsl) / 1);
  --red-new-21-hsl: 2.83 calc(var(--saturation-factor, 1) * 94.643%) 78.039%;
  --red-new-22: hsl(var(--red-new-22-hsl) / 1);
  --red-new-22-hsl: 2.222 calc(var(--saturation-factor, 1) * 93.103%) 77.255%;
  --red-new-23: hsl(var(--red-new-23-hsl) / 1);
  --red-new-23-hsl: 2.703 calc(var(--saturation-factor, 1) * 91.736%) 76.275%;
  --red-new-24: hsl(var(--red-new-24-hsl) / 1);
  --red-new-24-hsl: 2.124 calc(var(--saturation-factor, 1) * 90.4%) 75.49%;
  --red-new-25: hsl(var(--red-new-25-hsl) / 1);
  --red-new-25-hsl: 2.069 calc(var(--saturation-factor, 1) * 89.231%) 74.51%;
  --red-new-26: hsl(var(--red-new-26-hsl) / 1);
  --red-new-26-hsl: 2.034 calc(var(--saturation-factor, 1) * 88.06%) 73.725%;
  --red-new-27: hsl(var(--red-new-27-hsl) / 1);
  --red-new-27-hsl: 1.983 calc(var(--saturation-factor, 1) * 87.05%) 72.745%;
  --red-new-28: hsl(var(--red-new-28-hsl) / 1);
  --red-new-28-hsl: 1.951 calc(var(--saturation-factor, 1) * 86.014%) 71.961%;
  --red-new-29: hsl(var(--red-new-29-hsl) / 1);
  --red-new-29-hsl: 1.44 calc(var(--saturation-factor, 1) * 85.034%) 71.176%;
  --red-new-3: hsl(var(--red-new-3-hsl) / 1);
  --red-new-3-hsl: 1.5 calc(var(--saturation-factor, 1) * 100%) 92.157%;
  --red-new-30: hsl(var(--red-new-30-hsl) / 1);
  --red-new-30-hsl: 1.875 calc(var(--saturation-factor, 1) * 84.211%) 70.196%;
  --red-new-31: hsl(var(--red-new-31-hsl) / 1);
  --red-new-31-hsl: 1.395 calc(var(--saturation-factor, 1) * 82.166%) 69.216%;
  --red-new-32: hsl(var(--red-new-32-hsl) / 1);
  --red-new-32-hsl: 0.916 calc(var(--saturation-factor, 1) * 81.366%) 68.431%;
  --red-new-33: hsl(var(--red-new-33-hsl) / 1);
  --red-new-33-hsl: 1.343 calc(var(--saturation-factor, 1) * 80.723%) 67.451%;
  --red-new-34: hsl(var(--red-new-34-hsl) / 1);
  --red-new-34-hsl: 0.889 calc(var(--saturation-factor, 1) * 78.947%) 66.471%;
  --red-new-35: hsl(var(--red-new-35-hsl) / 1);
  --red-new-35-hsl: 0.876 calc(var(--saturation-factor, 1) * 78.286%) 65.686%;
  --red-new-36: hsl(var(--red-new-36-hsl) / 1);
  --red-new-36-hsl: 0.435 calc(var(--saturation-factor, 1) * 76.667%) 64.706%;
  --red-new-37: hsl(var(--red-new-37-hsl) / 1);
  --red-new-37-hsl: 0 calc(var(--saturation-factor, 1) * 75.135%) 63.725%;
  --red-new-38: hsl(var(--red-new-38-hsl) / 1);
  --red-new-38-hsl: 0 calc(var(--saturation-factor, 1) * 74.603%) 62.941%;
  --red-new-39: hsl(var(--red-new-39-hsl) / 1);
  --red-new-39-hsl: 359.58 calc(var(--saturation-factor, 1) * 73.333%) 61.765%;
  --red-new-4: hsl(var(--red-new-4-hsl) / 1);
  --red-new-4-hsl: 1.364 calc(var(--saturation-factor, 1) * 100%) 91.373%;
  --red-new-40: hsl(var(--red-new-40-hsl) / 1);
  --red-new-40-hsl: 359.586 calc(var(--saturation-factor, 1) * 72.139%) 60.588%;
  --red-new-41: hsl(var(--red-new-41-hsl) / 1);
  --red-new-41-hsl: 359.189 calc(var(--saturation-factor, 1) * 71.845%) 59.608%;
  --red-new-42: hsl(var(--red-new-42-hsl) / 1);
  --red-new-42-hsl: 358.8 calc(var(--saturation-factor, 1) * 70.755%) 58.431%;
  --red-new-43: hsl(var(--red-new-43-hsl) / 1);
  --red-new-43-hsl: 358.808 calc(var(--saturation-factor, 1) * 69.585%) 57.451%;
  --red-new-44: hsl(var(--red-new-44-hsl) / 1);
  --red-new-44-hsl: 358.431 calc(var(--saturation-factor, 1) * 68.61%) 56.275%;
  --red-new-45: hsl(var(--red-new-45-hsl) / 1);
  --red-new-45-hsl: 357.677 calc(var(--saturation-factor, 1) * 67.686%) 55.098%;
  --red-new-46: hsl(var(--red-new-46-hsl) / 1);
  --red-new-46-hsl: 356.962 calc(var(--saturation-factor, 1) * 66.949%) 53.725%;
  --red-new-47: hsl(var(--red-new-47-hsl) / 1);
  --red-new-47-hsl: 356.625 calc(var(--saturation-factor, 1) * 66.116%) 52.549%;
  --red-new-48: hsl(var(--red-new-48-hsl) / 1);
  --red-new-48-hsl: 356.296 calc(var(--saturation-factor, 1) * 65.323%) 51.373%;
  --red-new-49: hsl(var(--red-new-49-hsl) / 1);
  --red-new-49-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --red-new-5: hsl(var(--red-new-5-hsl) / 1);
  --red-new-5-hsl: 2.5 calc(var(--saturation-factor, 1) * 100%) 90.588%;
  --red-new-50: hsl(var(--red-new-50-hsl) / 1);
  --red-new-50-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --red-new-51: hsl(var(--red-new-51-hsl) / 1);
  --red-new-51-hsl: 355.875 calc(var(--saturation-factor, 1) * 64%) 49.02%;
  --red-new-52: hsl(var(--red-new-52-hsl) / 1);
  --red-new-52-hsl: 355.796 calc(var(--saturation-factor, 1) * 64.082%) 48.039%;
  --red-new-53: hsl(var(--red-new-53-hsl) / 1);
  --red-new-53-hsl: 356.053 calc(var(--saturation-factor, 1) * 63.333%) 47.059%;
  --red-new-54: hsl(var(--red-new-54-hsl) / 1);
  --red-new-54-hsl: 355.973 calc(var(--saturation-factor, 1) * 63.404%) 46.078%;
  --red-new-55: hsl(var(--red-new-55-hsl) / 1);
  --red-new-55-hsl: 356.25 calc(var(--saturation-factor, 1) * 62.609%) 45.098%;
  --red-new-56: hsl(var(--red-new-56-hsl) / 1);
  --red-new-56-hsl: 356.17 calc(var(--saturation-factor, 1) * 62.667%) 44.118%;
  --red-new-57: hsl(var(--red-new-57-hsl) / 1);
  --red-new-57-hsl: 356.934 calc(var(--saturation-factor, 1) * 61.991%) 43.333%;
  --red-new-58: hsl(var(--red-new-58-hsl) / 1);
  --red-new-58-hsl: 356.842 calc(var(--saturation-factor, 1) * 61.86%) 42.157%;
  --red-new-59: hsl(var(--red-new-59-hsl) / 1);
  --red-new-59-hsl: 357.209 calc(var(--saturation-factor, 1) * 61.137%) 41.373%;
  --red-new-6: hsl(var(--red-new-6-hsl) / 1);
  --red-new-6-hsl: 2.308 calc(var(--saturation-factor, 1) * 100%) 89.804%;
  --red-new-60: hsl(var(--red-new-60-hsl) / 1);
  --red-new-60-hsl: 357.143 calc(var(--saturation-factor, 1) * 61.165%) 40.392%;
  --red-new-61: hsl(var(--red-new-61-hsl) / 1);
  --red-new-61-hsl: 357.049 calc(var(--saturation-factor, 1) * 61%) 39.216%;
  --red-new-62: hsl(var(--red-new-62-hsl) / 1);
  --red-new-62-hsl: 357.458 calc(var(--saturation-factor, 1) * 60.204%) 38.431%;
  --red-new-63: hsl(var(--red-new-63-hsl) / 1);
  --red-new-63-hsl: 357.391 calc(var(--saturation-factor, 1) * 60.209%) 37.451%;
  --red-new-64: hsl(var(--red-new-64-hsl) / 1);
  --red-new-64-hsl: 357.321 calc(var(--saturation-factor, 1) * 60.215%) 36.471%;
  --red-new-65: hsl(var(--red-new-65-hsl) / 1);
  --red-new-65-hsl: 357.757 calc(var(--saturation-factor, 1) * 59.116%) 35.49%;
  --red-new-66: hsl(var(--red-new-66-hsl) / 1);
  --red-new-66-hsl: 357.692 calc(var(--saturation-factor, 1) * 59.091%) 34.51%;
  --red-new-67: hsl(var(--red-new-67-hsl) / 1);
  --red-new-67-hsl: 358.218 calc(var(--saturation-factor, 1) * 59.064%) 33.529%;
  --red-new-68: hsl(var(--red-new-68-hsl) / 1);
  --red-new-68-hsl: 358.163 calc(var(--saturation-factor, 1) * 59.036%) 32.549%;
  --red-new-69: hsl(var(--red-new-69-hsl) / 1);
  --red-new-69-hsl: 358.723 calc(var(--saturation-factor, 1) * 58.025%) 31.765%;
  --red-new-7: hsl(var(--red-new-7-hsl) / 1);
  --red-new-7-hsl: 2.143 calc(var(--saturation-factor, 1) * 100%) 89.02%;
  --red-new-70: hsl(var(--red-new-70-hsl) / 1);
  --red-new-70-hsl: 358.681 calc(var(--saturation-factor, 1) * 57.962%) 30.784%;
  --red-new-71: hsl(var(--red-new-71-hsl) / 1);
  --red-new-71-hsl: 358.636 calc(var(--saturation-factor, 1) * 57.895%) 29.804%;
  --red-new-72: hsl(var(--red-new-72-hsl) / 1);
  --red-new-72-hsl: 358.588 calc(var(--saturation-factor, 1) * 57.823%) 28.824%;
  --red-new-73: hsl(var(--red-new-73-hsl) / 1);
  --red-new-73-hsl: 358.537 calc(var(--saturation-factor, 1) * 57.746%) 27.843%;
  --red-new-74: hsl(var(--red-new-74-hsl) / 1);
  --red-new-74-hsl: 358.481 calc(var(--saturation-factor, 1) * 57.664%) 26.863%;
  --red-new-75: hsl(var(--red-new-75-hsl) / 1);
  --red-new-75-hsl: 358.421 calc(var(--saturation-factor, 1) * 57.576%) 25.882%;
  --red-new-76: hsl(var(--red-new-76-hsl) / 1);
  --red-new-76-hsl: 359.178 calc(var(--saturation-factor, 1) * 56.589%) 25.294%;
  --red-new-77: hsl(var(--red-new-77-hsl) / 1);
  --red-new-77-hsl: 0 calc(var(--saturation-factor, 1) * 56.452%) 24.314%;
  --red-new-78: hsl(var(--red-new-78-hsl) / 1);
  --red-new-78-hsl: 0 calc(var(--saturation-factor, 1) * 56.303%) 23.333%;
  --red-new-79: hsl(var(--red-new-79-hsl) / 1);
  --red-new-79-hsl: 0 calc(var(--saturation-factor, 1) * 56.14%) 22.353%;
  --red-new-8: hsl(var(--red-new-8-hsl) / 1);
  --red-new-8-hsl: 3 calc(var(--saturation-factor, 1) * 100%) 88.235%;
  --red-new-80: hsl(var(--red-new-80-hsl) / 1);
  --red-new-80-hsl: 0 calc(var(--saturation-factor, 1) * 56.364%) 21.569%;
  --red-new-81: hsl(var(--red-new-81-hsl) / 1);
  --red-new-81-hsl: 0 calc(var(--saturation-factor, 1) * 56.19%) 20.588%;
  --red-new-82: hsl(var(--red-new-82-hsl) / 1);
  --red-new-82-hsl: 0 calc(var(--saturation-factor, 1) * 56%) 19.608%;
  --red-new-83: hsl(var(--red-new-83-hsl) / 1);
  --red-new-83-hsl: 0 calc(var(--saturation-factor, 1) * 56.25%) 18.824%;
  --red-new-84: hsl(var(--red-new-84-hsl) / 1);
  --red-new-84-hsl: 0 calc(var(--saturation-factor, 1) * 56.044%) 17.843%;
  --red-new-85: hsl(var(--red-new-85-hsl) / 1);
  --red-new-85-hsl: 1.2 calc(var(--saturation-factor, 1) * 58.14%) 16.863%;
  --red-new-86: hsl(var(--red-new-86-hsl) / 1);
  --red-new-86-hsl: 1.277 calc(var(--saturation-factor, 1) * 58.025%) 15.882%;
  --red-new-87: hsl(var(--red-new-87-hsl) / 1);
  --red-new-87-hsl: 1.333 calc(var(--saturation-factor, 1) * 58.442%) 15.098%;
  --red-new-88: hsl(var(--red-new-88-hsl) / 1);
  --red-new-88-hsl: 1.395 calc(var(--saturation-factor, 1) * 58.904%) 14.314%;
  --red-new-89: hsl(var(--red-new-89-hsl) / 1);
  --red-new-89-hsl: 1.5 calc(var(--saturation-factor, 1) * 58.824%) 13.333%;
  --red-new-9: hsl(var(--red-new-9-hsl) / 1);
  --red-new-9-hsl: 2.812 calc(var(--saturation-factor, 1) * 100%) 87.451%;
  --red-new-90: hsl(var(--red-new-90-hsl) / 1);
  --red-new-90-hsl: 1.579 calc(var(--saturation-factor, 1) * 59.375%) 12.549%;
  --red-new-91: hsl(var(--red-new-91-hsl) / 1);
  --red-new-91-hsl: 1.667 calc(var(--saturation-factor, 1) * 60%) 11.765%;
  --red-new-92: hsl(var(--red-new-92-hsl) / 1);
  --red-new-92-hsl: 0 calc(var(--saturation-factor, 1) * 60.714%) 10.98%;
  --red-new-93: hsl(var(--red-new-93-hsl) / 1);
  --red-new-93-hsl: 1.875 calc(var(--saturation-factor, 1) * 64%) 9.804%;
  --red-new-94: hsl(var(--red-new-94-hsl) / 1);
  --red-new-94-hsl: 2.069 calc(var(--saturation-factor, 1) * 64.444%) 8.824%;
  --red-new-95: hsl(var(--red-new-95-hsl) / 1);
  --red-new-95-hsl: 2.308 calc(var(--saturation-factor, 1) * 65%) 7.843%;
  --red-new-96: hsl(var(--red-new-96-hsl) / 1);
  --red-new-96-hsl: 0 calc(var(--saturation-factor, 1) * 65.714%) 6.863%;
  --red-new-97: hsl(var(--red-new-97-hsl) / 1);
  --red-new-97-hsl: 3 calc(var(--saturation-factor, 1) * 71.429%) 5.49%;
  --red-new-98: hsl(var(--red-new-98-hsl) / 1);
  --red-new-98-hsl: 0 calc(var(--saturation-factor, 1) * 71.429%) 4.118%;
  --red-new-99: hsl(var(--red-new-99-hsl) / 1);
  --red-new-99-hsl: 0 calc(var(--saturation-factor, 1) * 63.636%) 2.157%;
  --reddit: hsl(var(--reddit-hsl) / 1);
  --reddit-hsl: 16.235 calc(var(--saturation-factor, 1) * 100%) 50%;
  --riot-games: hsl(var(--riot-games-hsl) / 1);
  --riot-games-hsl: 349.487 calc(var(--saturation-factor, 1) * 100%) 45.882%;
  --role-blue: hsl(var(--role-blue-hsl) / 1);
  --role-blue-hsl: 203.793 calc(var(--saturation-factor, 1) * 64.444%) 35.294%;
  --role-brown: hsl(var(--role-brown-hsl) / 1);
  --role-brown-hsl: 23.929 calc(var(--saturation-factor, 1) * 100%) 32.941%;
  --role-burgundy: hsl(var(--role-burgundy-hsl) / 1);
  --role-burgundy-hsl: 333.725 calc(var(--saturation-factor, 1) * 79.275%) 37.843%;
  --role-dark-blue: hsl(var(--role-dark-blue-hsl) / 1);
  --role-dark-blue-hsl: 198.947 calc(var(--saturation-factor, 1) * 18.447%) 40.392%;
  --role-dark-grey: hsl(var(--role-dark-grey-hsl) / 1);
  --role-dark-grey-hsl: 199.535 calc(var(--saturation-factor, 1) * 18.298%) 46.078%;
  --role-dark-purple: hsl(var(--role-dark-purple-hsl) / 1);
  --role-dark-purple-hsl: 282.143 calc(var(--saturation-factor, 1) * 43.75%) 37.647%;
  --role-dark-teal: hsl(var(--role-dark-teal-hsl) / 1);
  --role-dark-teal-hsl: 168.108 calc(var(--saturation-factor, 1) * 76.552%) 28.431%;
  --role-default: hsl(var(--role-default-hsl) / 1);
  --role-default-hsl: 203.571 calc(var(--saturation-factor, 1) * 15.909%) 65.49%;
  --role-green: hsl(var(--role-green-hsl) / 1);
  --role-green-hsl: 145 calc(var(--saturation-factor, 1) * 63.529%) 33.333%;
  --role-grey: hsl(var(--role-grey-hsl) / 1);
  --role-grey-hsl: 202.5 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --role-light-blue: hsl(var(--role-light-blue-hsl) / 1);
  --role-light-blue-hsl: 203.571 calc(var(--saturation-factor, 1) * 15.909%) 65.49%;
  --role-light-green: hsl(var(--role-light-green-hsl) / 1);
  --role-light-green-hsl: 145.443 calc(var(--saturation-factor, 1) * 63.2%) 49.02%;
  --role-light-grey: hsl(var(--role-light-grey-hsl) / 1);
  --role-light-grey-hsl: 183.529 calc(var(--saturation-factor, 1) * 8.718%) 61.765%;
  --role-magenta: hsl(var(--role-magenta-hsl) / 1);
  --role-magenta-hsl: 339.606 calc(var(--saturation-factor, 1) * 82.186%) 51.569%;
  --role-orange: hsl(var(--role-orange-hsl) / 1);
  --role-orange-hsl: 28.163 calc(var(--saturation-factor, 1) * 79.675%) 51.765%;
  --role-purple: hsl(var(--role-purple-hsl) / 1);
  --role-purple-hsl: 282.581 calc(var(--saturation-factor, 1) * 38.912%) 53.137%;
  --role-salmon: hsl(var(--role-salmon-hsl) / 1);
  --role-salmon-hsl: 5.614 calc(var(--saturation-factor, 1) * 78.082%) 57.059%;
  --role-sky-blue: hsl(var(--role-sky-blue-hsl) / 1);
  --role-sky-blue-hsl: 204.072 calc(var(--saturation-factor, 1) * 69.874%) 53.137%;
  --role-tan: hsl(var(--role-tan-hsl) / 1);
  --role-tan-hsl: 36.667 calc(var(--saturation-factor, 1) * 86.538%) 40.784%;
  --role-teal: hsl(var(--role-teal-hsl) / 1);
  --role-teal-hsl: 168.148 calc(var(--saturation-factor, 1) * 75.701%) 41.961%;
  --role-terracotta: hsl(var(--role-terracotta-hsl) / 1);
  --role-terracotta-hsl: 5.546 calc(var(--saturation-factor, 1) * 63.636%) 36.667%;
  --role-yellow: hsl(var(--role-yellow-hsl) / 1);
  --role-yellow-hsl: 48.053 calc(var(--saturation-factor, 1) * 88.976%) 50.196%;
  --samsung: hsl(var(--samsung-hsl) / 1);
  --samsung-hsl: 231 calc(var(--saturation-factor, 1) * 77.778%) 35.294%;
  --skype: hsl(var(--skype-hsl) / 1);
  --skype-hsl: 196.186 calc(var(--saturation-factor, 1) * 100%) 42.157%;
  --spotify: hsl(var(--spotify-hsl) / 1);
  --spotify-hsl: 141.154 calc(var(--saturation-factor, 1) * 72.897%) 41.961%;
  --steam: hsl(var(--steam-hsl) / 1);
  --steam-hsl: 214.615 calc(var(--saturation-factor, 1) * 35.135%) 14.51%;
  --teal-100: hsl(var(--teal-100-hsl) / 1);
  --teal-100-hsl: 193.333 calc(var(--saturation-factor, 1) * 69.231%) 97.451%;
  --teal-130: hsl(var(--teal-130-hsl) / 1);
  --teal-130-hsl: 192 calc(var(--saturation-factor, 1) * 83.333%) 95.294%;
  --teal-160: hsl(var(--teal-160-hsl) / 1);
  --teal-160-hsl: 190.5 calc(var(--saturation-factor, 1) * 83.333%) 90.588%;
  --teal-200: hsl(var(--teal-200-hsl) / 1);
  --teal-200-hsl: 188.333 calc(var(--saturation-factor, 1) * 85.714%) 83.529%;
  --teal-230: hsl(var(--teal-230-hsl) / 1);
  --teal-230-hsl: 187.934 calc(var(--saturation-factor, 1) * 88.321%) 73.137%;
  --teal-260: hsl(var(--teal-260-hsl) / 1);
  --teal-260-hsl: 188.276 calc(var(--saturation-factor, 1) * 81.921%) 65.294%;
  --teal-300: hsl(var(--teal-300-hsl) / 1);
  --teal-300-hsl: 188.903 calc(var(--saturation-factor, 1) * 72.77%) 58.235%;
  --teal-330: hsl(var(--teal-330-hsl) / 1);
  --teal-330-hsl: 189.375 calc(var(--saturation-factor, 1) * 65.574%) 52.157%;
  --teal-345: hsl(var(--teal-345-hsl) / 1);
  --teal-345-hsl: 189.677 calc(var(--saturation-factor, 1) * 62.753%) 48.431%;
  --teal-360: hsl(var(--teal-360-hsl) / 1);
  --teal-360-hsl: 189.718 calc(var(--saturation-factor, 1) * 63.964%) 43.529%;
  --teal-400: hsl(var(--teal-400-hsl) / 1);
  --teal-400-hsl: 189.6 calc(var(--saturation-factor, 1) * 63.452%) 38.627%;
  --teal-430: hsl(var(--teal-430-hsl) / 1);
  --teal-430-hsl: 190.459 calc(var(--saturation-factor, 1) * 63.006%) 33.922%;
  --teal-460: hsl(var(--teal-460-hsl) / 1);
  --teal-460-hsl: 190.515 calc(var(--saturation-factor, 1) * 64.238%) 29.608%;
  --teal-500: hsl(var(--teal-500-hsl) / 1);
  --teal-500-hsl: 190.465 calc(var(--saturation-factor, 1) * 65.152%) 25.882%;
  --teal-530: hsl(var(--teal-530-hsl) / 1);
  --teal-530-hsl: 190.263 calc(var(--saturation-factor, 1) * 66.667%) 22.353%;
  --teal-560: hsl(var(--teal-560-hsl) / 1);
  --teal-560-hsl: 189.565 calc(var(--saturation-factor, 1) * 69.697%) 19.412%;
  --teal-600: hsl(var(--teal-600-hsl) / 1);
  --teal-600-hsl: 188.852 calc(var(--saturation-factor, 1) * 71.765%) 16.667%;
  --teal-630: hsl(var(--teal-630-hsl) / 1);
  --teal-630-hsl: 189.643 calc(var(--saturation-factor, 1) * 73.684%) 14.902%;
  --teal-660: hsl(var(--teal-660-hsl) / 1);
  --teal-660-hsl: 188.4 calc(var(--saturation-factor, 1) * 75.758%) 12.941%;
  --teal-700: hsl(var(--teal-700-hsl) / 1);
  --teal-700-hsl: 189.13 calc(var(--saturation-factor, 1) * 79.31%) 11.373%;
  --teal-730: hsl(var(--teal-730-hsl) / 1);
  --teal-730-hsl: 189 calc(var(--saturation-factor, 1) * 80%) 9.804%;
  --teal-760: hsl(var(--teal-760-hsl) / 1);
  --teal-760-hsl: 188.571 calc(var(--saturation-factor, 1) * 81.395%) 8.431%;
  --teal-800: hsl(var(--teal-800-hsl) / 1);
  --teal-800-hsl: 188 calc(var(--saturation-factor, 1) * 83.333%) 7.059%;
  --teal-830: hsl(var(--teal-830-hsl) / 1);
  --teal-830-hsl: 188.889 calc(var(--saturation-factor, 1) * 87.097%) 6.078%;
  --teal-860: hsl(var(--teal-860-hsl) / 1);
  --teal-860-hsl: 187.826 calc(var(--saturation-factor, 1) * 85.185%) 5.294%;
  --teal-900: hsl(var(--teal-900-hsl) / 1);
  --teal-900-hsl: 189 calc(var(--saturation-factor, 1) * 90.909%) 4.314%;
  --teal-new-1: hsl(var(--teal-new-1-hsl) / 1);
  --teal-new-1-hsl: 186 calc(var(--saturation-factor, 1) * 100%) 90.196%;
  --teal-new-10: hsl(var(--teal-new-10-hsl) / 1);
  --teal-new-10-hsl: 185.806 calc(var(--saturation-factor, 1) * 58.491%) 79.216%;
  --teal-new-100: hsl(var(--teal-new-100-hsl) / 1);
  --teal-new-100-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --teal-new-11: hsl(var(--teal-new-11-hsl) / 1);
  --teal-new-11-hsl: 185.806 calc(var(--saturation-factor, 1) * 55.357%) 78.039%;
  --teal-new-12: hsl(var(--teal-new-12-hsl) / 1);
  --teal-new-12-hsl: 185.625 calc(var(--saturation-factor, 1) * 54.237%) 76.863%;
  --teal-new-13: hsl(var(--teal-new-13-hsl) / 1);
  --teal-new-13-hsl: 185.538 calc(var(--saturation-factor, 1) * 52%) 75.49%;
  --teal-new-14: hsl(var(--teal-new-14-hsl) / 1);
  --teal-new-14-hsl: 186.364 calc(var(--saturation-factor, 1) * 50.769%) 74.51%;
  --teal-new-15: hsl(var(--teal-new-15-hsl) / 1);
  --teal-new-15-hsl: 185.373 calc(var(--saturation-factor, 1) * 48.905%) 73.137%;
  --teal-new-16: hsl(var(--teal-new-16-hsl) / 1);
  --teal-new-16-hsl: 186.087 calc(var(--saturation-factor, 1) * 48.252%) 71.961%;
  --teal-new-17: hsl(var(--teal-new-17-hsl) / 1);
  --teal-new-17-hsl: 185.217 calc(var(--saturation-factor, 1) * 46.309%) 70.784%;
  --teal-new-18: hsl(var(--teal-new-18-hsl) / 1);
  --teal-new-18-hsl: 185.915 calc(var(--saturation-factor, 1) * 45.806%) 69.608%;
  --teal-new-19: hsl(var(--teal-new-19-hsl) / 1);
  --teal-new-19-hsl: 185.07 calc(var(--saturation-factor, 1) * 44.099%) 68.431%;
  --teal-new-2: hsl(var(--teal-new-2-hsl) / 1);
  --teal-new-2-hsl: 186.923 calc(var(--saturation-factor, 1) * 92.857%) 89.02%;
  --teal-new-20: hsl(var(--teal-new-20-hsl) / 1);
  --teal-new-20-hsl: 185.753 calc(var(--saturation-factor, 1) * 43.713%) 67.255%;
  --teal-new-21: hsl(var(--teal-new-21-hsl) / 1);
  --teal-new-21-hsl: 185.6 calc(var(--saturation-factor, 1) * 43.353%) 66.078%;
  --teal-new-22: hsl(var(--teal-new-22-hsl) / 1);
  --teal-new-22-hsl: 185.6 calc(var(--saturation-factor, 1) * 41.899%) 64.902%;
  --teal-new-23: hsl(var(--teal-new-23-hsl) / 1);
  --teal-new-23-hsl: 185.455 calc(var(--saturation-factor, 1) * 41.622%) 63.725%;
  --teal-new-24: hsl(var(--teal-new-24-hsl) / 1);
  --teal-new-24-hsl: 185.385 calc(var(--saturation-factor, 1) * 40.625%) 62.353%;
  --teal-new-25: hsl(var(--teal-new-25-hsl) / 1);
  --teal-new-25-hsl: 186.076 calc(var(--saturation-factor, 1) * 40.102%) 61.373%;
  --teal-new-26: hsl(var(--teal-new-26-hsl) / 1);
  --teal-new-26-hsl: 185.25 calc(var(--saturation-factor, 1) * 39.216%) 60%;
  --teal-new-27: hsl(var(--teal-new-27-hsl) / 1);
  --teal-new-27-hsl: 185.854 calc(var(--saturation-factor, 1) * 39.048%) 58.824%;
  --teal-new-28: hsl(var(--teal-new-28-hsl) / 1);
  --teal-new-28-hsl: 185.122 calc(var(--saturation-factor, 1) * 37.963%) 57.647%;
  --teal-new-29: hsl(var(--teal-new-29-hsl) / 1);
  --teal-new-29-hsl: 185.714 calc(var(--saturation-factor, 1) * 37.838%) 56.471%;
  --teal-new-3: hsl(var(--teal-new-3-hsl) / 1);
  --teal-new-3-hsl: 185.66 calc(var(--saturation-factor, 1) * 84.127%) 87.647%;
  --teal-new-30: hsl(var(--teal-new-30-hsl) / 1);
  --teal-new-30-hsl: 185.581 calc(var(--saturation-factor, 1) * 37.719%) 55.294%;
  --teal-new-31: hsl(var(--teal-new-31-hsl) / 1);
  --teal-new-31-hsl: 185.581 calc(var(--saturation-factor, 1) * 36.752%) 54.118%;
  --teal-new-32: hsl(var(--teal-new-32-hsl) / 1);
  --teal-new-32-hsl: 185.455 calc(var(--saturation-factor, 1) * 36.667%) 52.941%;
  --teal-new-33: hsl(var(--teal-new-33-hsl) / 1);
  --teal-new-33-hsl: 185.393 calc(var(--saturation-factor, 1) * 36.032%) 51.569%;
  --teal-new-34: hsl(var(--teal-new-34-hsl) / 1);
  --teal-new-34-hsl: 185.275 calc(var(--saturation-factor, 1) * 35.968%) 50.392%;
  --teal-new-35: hsl(var(--teal-new-35-hsl) / 1);
  --teal-new-35-hsl: 185.217 calc(var(--saturation-factor, 1) * 36.8%) 49.02%;
  --teal-new-36: hsl(var(--teal-new-36-hsl) / 1);
  --teal-new-36-hsl: 185.161 calc(var(--saturation-factor, 1) * 37.959%) 48.039%;
  --teal-new-37: hsl(var(--teal-new-37-hsl) / 1);
  --teal-new-37-hsl: 185.684 calc(var(--saturation-factor, 1) * 39.749%) 46.863%;
  --teal-new-38: hsl(var(--teal-new-38-hsl) / 1);
  --teal-new-38-hsl: 185 calc(var(--saturation-factor, 1) * 41.379%) 45.49%;
  --teal-new-39: hsl(var(--teal-new-39-hsl) / 1);
  --teal-new-39-hsl: 185.455 calc(var(--saturation-factor, 1) * 44%) 44.118%;
  --teal-new-4: hsl(var(--teal-new-4-hsl) / 1);
  --teal-new-4-hsl: 186.667 calc(var(--saturation-factor, 1) * 79.412%) 86.667%;
  --teal-new-40: hsl(var(--teal-new-40-hsl) / 1);
  --teal-new-40-hsl: 184.8 calc(var(--saturation-factor, 1) * 45.872%) 42.745%;
  --teal-new-41: hsl(var(--teal-new-41-hsl) / 1);
  --teal-new-41-hsl: 184.706 calc(var(--saturation-factor, 1) * 48.113%) 41.569%;
  --teal-new-42: hsl(var(--teal-new-42-hsl) / 1);
  --teal-new-42-hsl: 185.143 calc(var(--saturation-factor, 1) * 51.22%) 40.196%;
  --teal-new-43: hsl(var(--teal-new-43-hsl) / 1);
  --teal-new-43-hsl: 184.486 calc(var(--saturation-factor, 1) * 54.315%) 38.627%;
  --teal-new-44: hsl(var(--teal-new-44-hsl) / 1);
  --teal-new-44-hsl: 184.909 calc(var(--saturation-factor, 1) * 57.895%) 37.255%;
  --teal-new-45: hsl(var(--teal-new-45-hsl) / 1);
  --teal-new-45-hsl: 184.286 calc(var(--saturation-factor, 1) * 61.538%) 35.686%;
  --teal-new-46: hsl(var(--teal-new-46-hsl) / 1);
  --teal-new-46-hsl: 184.655 calc(var(--saturation-factor, 1) * 66.667%) 34.118%;
  --teal-new-47: hsl(var(--teal-new-47-hsl) / 1);
  --teal-new-47-hsl: 184.463 calc(var(--saturation-factor, 1) * 73.333%) 32.353%;
  --teal-new-48: hsl(var(--teal-new-48-hsl) / 1);
  --teal-new-48-hsl: 184.219 calc(var(--saturation-factor, 1) * 84.211%) 29.804%;
  --teal-new-49: hsl(var(--teal-new-49-hsl) / 1);
  --teal-new-49-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --teal-new-5: hsl(var(--teal-new-5-hsl) / 1);
  --teal-new-5-hsl: 185.455 calc(var(--saturation-factor, 1) * 73.333%) 85.294%;
  --teal-new-50: hsl(var(--teal-new-50-hsl) / 1);
  --teal-new-50-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --teal-new-51: hsl(var(--teal-new-51-hsl) / 1);
  --teal-new-51-hsl: 184.091 calc(var(--saturation-factor, 1) * 95.652%) 27.059%;
  --teal-new-52: hsl(var(--teal-new-52-hsl) / 1);
  --teal-new-52-hsl: 183.81 calc(var(--saturation-factor, 1) * 91.304%) 27.059%;
  --teal-new-53: hsl(var(--teal-new-53-hsl) / 1);
  --teal-new-53-hsl: 183.967 calc(var(--saturation-factor, 1) * 88.321%) 26.863%;
  --teal-new-54: hsl(var(--teal-new-54-hsl) / 1);
  --teal-new-54-hsl: 184.174 calc(var(--saturation-factor, 1) * 83.942%) 26.863%;
  --teal-new-55: hsl(var(--teal-new-55-hsl) / 1);
  --teal-new-55-hsl: 184.364 calc(var(--saturation-factor, 1) * 80.882%) 26.667%;
  --teal-new-56: hsl(var(--teal-new-56-hsl) / 1);
  --teal-new-56-hsl: 183.962 calc(var(--saturation-factor, 1) * 79.104%) 26.275%;
  --teal-new-57: hsl(var(--teal-new-57-hsl) / 1);
  --teal-new-57-hsl: 184.118 calc(var(--saturation-factor, 1) * 77.273%) 25.882%;
  --teal-new-58: hsl(var(--teal-new-58-hsl) / 1);
  --teal-new-58-hsl: 184.898 calc(var(--saturation-factor, 1) * 74.242%) 25.882%;
  --teal-new-59: hsl(var(--teal-new-59-hsl) / 1);
  --teal-new-59-hsl: 184.421 calc(var(--saturation-factor, 1) * 73.643%) 25.294%;
  --teal-new-6: hsl(var(--teal-new-6-hsl) / 1);
  --teal-new-6-hsl: 186.316 calc(var(--saturation-factor, 1) * 70.37%) 84.118%;
  --teal-new-60: hsl(var(--teal-new-60-hsl) / 1);
  --teal-new-60-hsl: 184.615 calc(var(--saturation-factor, 1) * 71.654%) 24.902%;
  --teal-new-61: hsl(var(--teal-new-61-hsl) / 1);
  --teal-new-61-hsl: 184.828 calc(var(--saturation-factor, 1) * 69.6%) 24.51%;
  --teal-new-62: hsl(var(--teal-new-62-hsl) / 1);
  --teal-new-62-hsl: 184.286 calc(var(--saturation-factor, 1) * 68.852%) 23.922%;
  --teal-new-63: hsl(var(--teal-new-63-hsl) / 1);
  --teal-new-63-hsl: 184.5 calc(var(--saturation-factor, 1) * 66.667%) 23.529%;
  --teal-new-64: hsl(var(--teal-new-64-hsl) / 1);
  --teal-new-64-hsl: 184.615 calc(var(--saturation-factor, 1) * 66.102%) 23.137%;
  --teal-new-65: hsl(var(--teal-new-65-hsl) / 1);
  --teal-new-65-hsl: 184.8 calc(var(--saturation-factor, 1) * 65.217%) 22.549%;
  --teal-new-66: hsl(var(--teal-new-66-hsl) / 1);
  --teal-new-66-hsl: 184.167 calc(var(--saturation-factor, 1) * 64.286%) 21.961%;
  --teal-new-67: hsl(var(--teal-new-67-hsl) / 1);
  --teal-new-67-hsl: 184.412 calc(var(--saturation-factor, 1) * 61.818%) 21.569%;
  --teal-new-68: hsl(var(--teal-new-68-hsl) / 1);
  --teal-new-68-hsl: 185.455 calc(var(--saturation-factor, 1) * 61.111%) 21.176%;
  --teal-new-69: hsl(var(--teal-new-69-hsl) / 1);
  --teal-new-69-hsl: 184.688 calc(var(--saturation-factor, 1) * 61.538%) 20.392%;
  --teal-new-7: hsl(var(--teal-new-7-hsl) / 1);
  --teal-new-7-hsl: 186.207 calc(var(--saturation-factor, 1) * 65.909%) 82.745%;
  --teal-new-70: hsl(var(--teal-new-70-hsl) / 1);
  --teal-new-70-hsl: 184.918 calc(var(--saturation-factor, 1) * 60.396%) 19.804%;
  --teal-new-71: hsl(var(--teal-new-71-hsl) / 1);
  --teal-new-71-hsl: 185.085 calc(var(--saturation-factor, 1) * 59.596%) 19.412%;
  --teal-new-72: hsl(var(--teal-new-72-hsl) / 1);
  --teal-new-72-hsl: 185.357 calc(var(--saturation-factor, 1) * 58.333%) 18.824%;
  --teal-new-73: hsl(var(--teal-new-73-hsl) / 1);
  --teal-new-73-hsl: 184.528 calc(var(--saturation-factor, 1) * 56.989%) 18.235%;
  --teal-new-74: hsl(var(--teal-new-74-hsl) / 1);
  --teal-new-74-hsl: 184.615 calc(var(--saturation-factor, 1) * 57.778%) 17.647%;
  --teal-new-75: hsl(var(--teal-new-75-hsl) / 1);
  --teal-new-75-hsl: 184.898 calc(var(--saturation-factor, 1) * 56.322%) 17.059%;
  --teal-new-76: hsl(var(--teal-new-76-hsl) / 1);
  --teal-new-76-hsl: 185.106 calc(var(--saturation-factor, 1) * 55.294%) 16.667%;
  --teal-new-77: hsl(var(--teal-new-77-hsl) / 1);
  --teal-new-77-hsl: 185.333 calc(var(--saturation-factor, 1) * 55.556%) 15.882%;
  --teal-new-78: hsl(var(--teal-new-78-hsl) / 1);
  --teal-new-78-hsl: 185.581 calc(var(--saturation-factor, 1) * 54.43%) 15.49%;
  --teal-new-79: hsl(var(--teal-new-79-hsl) / 1);
  --teal-new-79-hsl: 184.39 calc(var(--saturation-factor, 1) * 54.667%) 14.706%;
  --teal-new-8: hsl(var(--teal-new-8-hsl) / 1);
  --teal-new-8-hsl: 186.102 calc(var(--saturation-factor, 1) * 63.441%) 81.765%;
  --teal-new-80: hsl(var(--teal-new-80-hsl) / 1);
  --teal-new-80-hsl: 186.154 calc(var(--saturation-factor, 1) * 53.425%) 14.314%;
  --teal-new-81: hsl(var(--teal-new-81-hsl) / 1);
  --teal-new-81-hsl: 184.865 calc(var(--saturation-factor, 1) * 53.623%) 13.529%;
  --teal-new-82: hsl(var(--teal-new-82-hsl) / 1);
  --teal-new-82-hsl: 185.143 calc(var(--saturation-factor, 1) * 52.239%) 13.137%;
  --teal-new-83: hsl(var(--teal-new-83-hsl) / 1);
  --teal-new-83-hsl: 185.455 calc(var(--saturation-factor, 1) * 52.381%) 12.353%;
  --teal-new-84: hsl(var(--teal-new-84-hsl) / 1);
  --teal-new-84-hsl: 185.625 calc(var(--saturation-factor, 1) * 53.333%) 11.765%;
  --teal-new-85: hsl(var(--teal-new-85-hsl) / 1);
  --teal-new-85-hsl: 184.138 calc(var(--saturation-factor, 1) * 50.877%) 11.176%;
  --teal-new-86: hsl(var(--teal-new-86-hsl) / 1);
  --teal-new-86-hsl: 184.286 calc(var(--saturation-factor, 1) * 51.852%) 10.588%;
  --teal-new-87: hsl(var(--teal-new-87-hsl) / 1);
  --teal-new-87-hsl: 184.444 calc(var(--saturation-factor, 1) * 52.941%) 10%;
  --teal-new-88: hsl(var(--teal-new-88-hsl) / 1);
  --teal-new-88-hsl: 184.8 calc(var(--saturation-factor, 1) * 53.191%) 9.216%;
  --teal-new-89: hsl(var(--teal-new-89-hsl) / 1);
  --teal-new-89-hsl: 185.217 calc(var(--saturation-factor, 1) * 51.111%) 8.824%;
  --teal-new-9: hsl(var(--teal-new-9-hsl) / 1);
  --teal-new-9-hsl: 186 calc(var(--saturation-factor, 1) * 60%) 80.392%;
  --teal-new-90: hsl(var(--teal-new-90-hsl) / 1);
  --teal-new-90-hsl: 185.455 calc(var(--saturation-factor, 1) * 52.381%) 8.235%;
  --teal-new-91: hsl(var(--teal-new-91-hsl) / 1);
  --teal-new-91-hsl: 185.714 calc(var(--saturation-factor, 1) * 53.846%) 7.647%;
  --teal-new-92: hsl(var(--teal-new-92-hsl) / 1);
  --teal-new-92-hsl: 186 calc(var(--saturation-factor, 1) * 55.556%) 7.059%;
  --teal-new-93: hsl(var(--teal-new-93-hsl) / 1);
  --teal-new-93-hsl: 183.529 calc(var(--saturation-factor, 1) * 51.515%) 6.471%;
  --teal-new-94: hsl(var(--teal-new-94-hsl) / 1);
  --teal-new-94-hsl: 187.5 calc(var(--saturation-factor, 1) * 53.333%) 5.882%;
  --teal-new-95: hsl(var(--teal-new-95-hsl) / 1);
  --teal-new-95-hsl: 184.286 calc(var(--saturation-factor, 1) * 53.846%) 5.098%;
  --teal-new-96: hsl(var(--teal-new-96-hsl) / 1);
  --teal-new-96-hsl: 185 calc(var(--saturation-factor, 1) * 54.545%) 4.314%;
  --teal-new-97: hsl(var(--teal-new-97-hsl) / 1);
  --teal-new-97-hsl: 186.667 calc(var(--saturation-factor, 1) * 52.941%) 3.333%;
  --teal-new-98: hsl(var(--teal-new-98-hsl) / 1);
  --teal-new-98-hsl: 190 calc(var(--saturation-factor, 1) * 50%) 2.353%;
  --teal-new-99: hsl(var(--teal-new-99-hsl) / 1);
  --teal-new-99-hsl: 180 calc(var(--saturation-factor, 1) * 33.333%) 1.176%;
  --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.105 calc(var(--saturation-factor, 1) * 46.798%) 39.804%;
  --twitter: hsl(var(--twitter-hsl) / 1);
  --twitter-hsl: 202.817 calc(var(--saturation-factor, 1) * 89.121%) 53.137%;
  --white: hsl(var(--white-hsl) / 1);
  --white-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --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%) 90.98%;
  --white-560: hsl(var(--white-560-hsl) / 1);
  --white-560-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 81.176%;
  --white-600: hsl(var(--white-600-hsl) / 1);
  --white-600-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 67.843%;
  --white-630: hsl(var(--white-630-hsl) / 1);
  --white-630-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 58.824%;
  --white-660: hsl(var(--white-660-hsl) / 1);
  --white-660-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 51.373%;
  --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.255%;
  --white-760: hsl(var(--white-760-hsl) / 1);
  --white-760-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 34.51%;
  --white-800: hsl(var(--white-800-hsl) / 1);
  --white-800-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 30.196%;
  --white-830: hsl(var(--white-830-hsl) / 1);
  --white-830-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 23.137%;
  --white-860: hsl(var(--white-860-hsl) / 1);
  --white-860-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 14.902%;
  --white-900: hsl(var(--white-900-hsl) / 1);
  --white-900-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 5.098%;
  --xbox: hsl(var(--xbox-hsl) / 1);
  --xbox-hsl: 120 calc(var(--saturation-factor, 1) * 77.143%) 27.451%;
  --yellow-100: hsl(var(--yellow-100-hsl) / 1);
  --yellow-100-hsl: 33.75 calc(var(--saturation-factor, 1) * 100%) 96.863%;
  --yellow-130: hsl(var(--yellow-130-hsl) / 1);
  --yellow-130-hsl: 31.304 calc(var(--saturation-factor, 1) * 100%) 95.49%;
  --yellow-160: hsl(var(--yellow-160-hsl) / 1);
  --yellow-160-hsl: 32.727 calc(var(--saturation-factor, 1) * 100%) 91.373%;
  --yellow-200: hsl(var(--yellow-200-hsl) / 1);
  --yellow-200-hsl: 35 calc(var(--saturation-factor, 1) * 97.297%) 85.49%;
  --yellow-230: hsl(var(--yellow-230-hsl) / 1);
  --yellow-230-hsl: 36.637 calc(var(--saturation-factor, 1) * 96.581%) 77.059%;
  --yellow-260: hsl(var(--yellow-260-hsl) / 1);
  --yellow-260-hsl: 40.656 calc(var(--saturation-factor, 1) * 96.825%) 62.941%;
  --yellow-300: hsl(var(--yellow-300-hsl) / 1);
  --yellow-300-hsl: 40.421 calc(var(--saturation-factor, 1) * 86.364%) 56.863%;
  --yellow-330: hsl(var(--yellow-330-hsl) / 1);
  --yellow-330-hsl: 40 calc(var(--saturation-factor, 1) * 75.309%) 52.353%;
  --yellow-345: hsl(var(--yellow-345-hsl) / 1);
  --yellow-345-hsl: 39.545 calc(var(--saturation-factor, 1) * 70.968%) 48.627%;
  --yellow-360: hsl(var(--yellow-360-hsl) / 1);
  --yellow-360-hsl: 39.018 calc(var(--saturation-factor, 1) * 74.429%) 42.941%;
  --yellow-400: hsl(var(--yellow-400-hsl) / 1);
  --yellow-400-hsl: 37.792 calc(var(--saturation-factor, 1) * 78.571%) 38.431%;
  --yellow-430: hsl(var(--yellow-430-hsl) / 1);
  --yellow-430-hsl: 37.447 calc(var(--saturation-factor, 1) * 84.431%) 32.745%;
  --yellow-460: hsl(var(--yellow-460-hsl) / 1);
  --yellow-460-hsl: 36.279 calc(var(--saturation-factor, 1) * 87.755%) 28.824%;
  --yellow-500: hsl(var(--yellow-500-hsl) / 1);
  --yellow-500-hsl: 35.5 calc(var(--saturation-factor, 1) * 93.75%) 25.098%;
  --yellow-530: hsl(var(--yellow-530-hsl) / 1);
  --yellow-530-hsl: 34.857 calc(var(--saturation-factor, 1) * 92.92%) 22.157%;
  --yellow-560: hsl(var(--yellow-560-hsl) / 1);
  --yellow-560-hsl: 33.83 calc(var(--saturation-factor, 1) * 94%) 19.608%;
  --yellow-600: hsl(var(--yellow-600-hsl) / 1);
  --yellow-600-hsl: 34.815 calc(var(--saturation-factor, 1) * 93.103%) 17.059%;
  --yellow-630: hsl(var(--yellow-630-hsl) / 1);
  --yellow-630-hsl: 34.521 calc(var(--saturation-factor, 1) * 92.405%) 15.49%;
  --yellow-660: hsl(var(--yellow-660-hsl) / 1);
  --yellow-660-hsl: 34.688 calc(var(--saturation-factor, 1) * 91.429%) 13.725%;
  --yellow-700: hsl(var(--yellow-700-hsl) / 1);
  --yellow-700-hsl: 34.286 calc(var(--saturation-factor, 1) * 90.323%) 12.157%;
  --yellow-730: hsl(var(--yellow-730-hsl) / 1);
  --yellow-730-hsl: 32.941 calc(var(--saturation-factor, 1) * 92.727%) 10.784%;
  --yellow-760: hsl(var(--yellow-760-hsl) / 1);
  --yellow-760-hsl: 32.727 calc(var(--saturation-factor, 1) * 91.667%) 9.412%;
  --yellow-800: hsl(var(--yellow-800-hsl) / 1);
  --yellow-800-hsl: 32.432 calc(var(--saturation-factor, 1) * 90.244%) 8.039%;
  --yellow-830: hsl(var(--yellow-830-hsl) / 1);
  --yellow-830-hsl: 31.875 calc(var(--saturation-factor, 1) * 88.889%) 7.059%;
  --yellow-860: hsl(var(--yellow-860-hsl) / 1);
  --yellow-860-hsl: 32.308 calc(var(--saturation-factor, 1) * 86.667%) 5.882%;
  --yellow-900: hsl(var(--yellow-900-hsl) / 1);
  --yellow-900-hsl: 36 calc(var(--saturation-factor, 1) * 83.333%) 4.706%;
  --yellow-new-1: hsl(var(--yellow-new-1-hsl) / 1);
  --yellow-new-1-hsl: 25.5 calc(var(--saturation-factor, 1) * 100%) 92.157%;
  --yellow-new-10: hsl(var(--yellow-new-10-hsl) / 1);
  --yellow-new-10-hsl: 31.765 calc(var(--saturation-factor, 1) * 68%) 80.392%;
  --yellow-new-100: hsl(var(--yellow-new-100-hsl) / 1);
  --yellow-new-100-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --yellow-new-11: hsl(var(--yellow-new-11-hsl) / 1);
  --yellow-new-11-hsl: 32.113 calc(var(--saturation-factor, 1) * 66.355%) 79.02%;
  --yellow-new-12: hsl(var(--yellow-new-12-hsl) / 1);
  --yellow-new-12-hsl: 31.622 calc(var(--saturation-factor, 1) * 66.071%) 78.039%;
  --yellow-new-13: hsl(var(--yellow-new-13-hsl) / 1);
  --yellow-new-13-hsl: 31.948 calc(var(--saturation-factor, 1) * 64.706%) 76.667%;
  --yellow-new-14: hsl(var(--yellow-new-14-hsl) / 1);
  --yellow-new-14-hsl: 31.899 calc(var(--saturation-factor, 1) * 63.2%) 75.49%;
  --yellow-new-15: hsl(var(--yellow-new-15-hsl) / 1);
  --yellow-new-15-hsl: 32.195 calc(var(--saturation-factor, 1) * 62.121%) 74.118%;
  --yellow-new-16: hsl(var(--yellow-new-16-hsl) / 1);
  --yellow-new-16-hsl: 32.143 calc(var(--saturation-factor, 1) * 60.87%) 72.941%;
  --yellow-new-17: hsl(var(--yellow-new-17-hsl) / 1);
  --yellow-new-17-hsl: 32.791 calc(var(--saturation-factor, 1) * 59.722%) 71.765%;
  --yellow-new-18: hsl(var(--yellow-new-18-hsl) / 1);
  --yellow-new-18-hsl: 32.667 calc(var(--saturation-factor, 1) * 60%) 70.588%;
  --yellow-new-19: hsl(var(--yellow-new-19-hsl) / 1);
  --yellow-new-19-hsl: 32.609 calc(var(--saturation-factor, 1) * 58.974%) 69.412%;
  --yellow-new-2: hsl(var(--yellow-new-2-hsl) / 1);
  --yellow-new-2-hsl: 27.907 calc(var(--saturation-factor, 1) * 91.489%) 90.784%;
  --yellow-new-20: hsl(var(--yellow-new-20-hsl) / 1);
  --yellow-new-20-hsl: 32.553 calc(var(--saturation-factor, 1) * 58.025%) 68.235%;
  --yellow-new-21: hsl(var(--yellow-new-21-hsl) / 1);
  --yellow-new-21-hsl: 32.5 calc(var(--saturation-factor, 1) * 57.143%) 67.059%;
  --yellow-new-22: hsl(var(--yellow-new-22-hsl) / 1);
  --yellow-new-22-hsl: 32.727 calc(var(--saturation-factor, 1) * 56.571%) 65.686%;
  --yellow-new-23: hsl(var(--yellow-new-23-hsl) / 1);
  --yellow-new-23-hsl: 33.267 calc(var(--saturation-factor, 1) * 55.801%) 64.51%;
  --yellow-new-24: hsl(var(--yellow-new-24-hsl) / 1);
  --yellow-new-24-hsl: 33.204 calc(var(--saturation-factor, 1) * 55.08%) 63.333%;
  --yellow-new-25: hsl(var(--yellow-new-25-hsl) / 1);
  --yellow-new-25-hsl: 33.143 calc(var(--saturation-factor, 1) * 54.404%) 62.157%;
  --yellow-new-26: hsl(var(--yellow-new-26-hsl) / 1);
  --yellow-new-26-hsl: 33.084 calc(var(--saturation-factor, 1) * 53.769%) 60.98%;
  --yellow-new-27: hsl(var(--yellow-new-27-hsl) / 1);
  --yellow-new-27-hsl: 33.028 calc(var(--saturation-factor, 1) * 53.171%) 59.804%;
  --yellow-new-28: hsl(var(--yellow-new-28-hsl) / 1);
  --yellow-new-28-hsl: 33.514 calc(var(--saturation-factor, 1) * 52.607%) 58.627%;
  --yellow-new-29: hsl(var(--yellow-new-29-hsl) / 1);
  --yellow-new-29-hsl: 33.451 calc(var(--saturation-factor, 1) * 52.074%) 57.451%;
  --yellow-new-3: hsl(var(--yellow-new-3-hsl) / 1);
  --yellow-new-3-hsl: 28.085 calc(var(--saturation-factor, 1) * 88.679%) 89.608%;
  --yellow-new-30: hsl(var(--yellow-new-30-hsl) / 1);
  --yellow-new-30-hsl: 33.391 calc(var(--saturation-factor, 1) * 51.57%) 56.275%;
  --yellow-new-31: hsl(var(--yellow-new-31-hsl) / 1);
  --yellow-new-31-hsl: 33.333 calc(var(--saturation-factor, 1) * 51.092%) 55.098%;
  --yellow-new-32: hsl(var(--yellow-new-32-hsl) / 1);
  --yellow-new-32-hsl: 33.782 calc(var(--saturation-factor, 1) * 50.638%) 53.922%;
  --yellow-new-33: hsl(var(--yellow-new-33-hsl) / 1);
  --yellow-new-33-hsl: 33.719 calc(var(--saturation-factor, 1) * 50.207%) 52.745%;
  --yellow-new-34: hsl(var(--yellow-new-34-hsl) / 1);
  --yellow-new-34-hsl: 33.659 calc(var(--saturation-factor, 1) * 49.798%) 51.569%;
  --yellow-new-35: hsl(var(--yellow-new-35-hsl) / 1);
  --yellow-new-35-hsl: 33.387 calc(var(--saturation-factor, 1) * 49.206%) 50.588%;
  --yellow-new-36: hsl(var(--yellow-new-36-hsl) / 1);
  --yellow-new-36-hsl: 33.81 calc(var(--saturation-factor, 1) * 50%) 49.412%;
  --yellow-new-37: hsl(var(--yellow-new-37-hsl) / 1);
  --yellow-new-37-hsl: 33.75 calc(var(--saturation-factor, 1) * 52.033%) 48.235%;
  --yellow-new-38: hsl(var(--yellow-new-38-hsl) / 1);
  --yellow-new-38-hsl: 33.692 calc(var(--saturation-factor, 1) * 54.167%) 47.059%;
  --yellow-new-39: hsl(var(--yellow-new-39-hsl) / 1);
  --yellow-new-39-hsl: 34.091 calc(var(--saturation-factor, 1) * 56.41%) 45.882%;
  --yellow-new-4: hsl(var(--yellow-new-4-hsl) / 1);
  --yellow-new-4-hsl: 28.8 calc(var(--saturation-factor, 1) * 83.333%) 88.235%;
  --yellow-new-40: hsl(var(--yellow-new-40-hsl) / 1);
  --yellow-new-40-hsl: 34.286 calc(var(--saturation-factor, 1) * 58.59%) 44.51%;
  --yellow-new-41: hsl(var(--yellow-new-41-hsl) / 1);
  --yellow-new-41-hsl: 34.222 calc(var(--saturation-factor, 1) * 61.086%) 43.333%;
  --yellow-new-42: hsl(var(--yellow-new-42-hsl) / 1);
  --yellow-new-42-hsl: 34.599 calc(var(--saturation-factor, 1) * 63.721%) 42.157%;
  --yellow-new-43: hsl(var(--yellow-new-43-hsl) / 1);
  --yellow-new-43-hsl: 34.714 calc(var(--saturation-factor, 1) * 67.308%) 40.784%;
  --yellow-new-44: hsl(var(--yellow-new-44-hsl) / 1);
  --yellow-new-44-hsl: 34.648 calc(var(--saturation-factor, 1) * 70.297%) 39.608%;
  --yellow-new-45: hsl(var(--yellow-new-45-hsl) / 1);
  --yellow-new-45-hsl: 35.172 calc(var(--saturation-factor, 1) * 74.359%) 38.235%;
  --yellow-new-46: hsl(var(--yellow-new-46-hsl) / 1);
  --yellow-new-46-hsl: 35.27 calc(var(--saturation-factor, 1) * 78.723%) 36.863%;
  --yellow-new-47: hsl(var(--yellow-new-47-hsl) / 1);
  --yellow-new-47-hsl: 35.762 calc(var(--saturation-factor, 1) * 84.358%) 35.098%;
  --yellow-new-48: hsl(var(--yellow-new-48-hsl) / 1);
  --yellow-new-48-hsl: 36.538 calc(var(--saturation-factor, 1) * 91.765%) 33.333%;
  --yellow-new-49: hsl(var(--yellow-new-49-hsl) / 1);
  --yellow-new-49-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --yellow-new-5: hsl(var(--yellow-new-5-hsl) / 1);
  --yellow-new-5-hsl: 29.434 calc(var(--saturation-factor, 1) * 79.104%) 86.863%;
  --yellow-new-50: hsl(var(--yellow-new-50-hsl) / 1);
  --yellow-new-50-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --yellow-new-51: hsl(var(--yellow-new-51-hsl) / 1);
  --yellow-new-51-hsl: 36.923 calc(var(--saturation-factor, 1) * 98.734%) 30.98%;
  --yellow-new-52: hsl(var(--yellow-new-52-hsl) / 1);
  --yellow-new-52-hsl: 36.711 calc(var(--saturation-factor, 1) * 97.436%) 30.588%;
  --yellow-new-53: hsl(var(--yellow-new-53-hsl) / 1);
  --yellow-new-53-hsl: 36.486 calc(var(--saturation-factor, 1) * 96.104%) 30.196%;
  --yellow-new-54: hsl(var(--yellow-new-54-hsl) / 1);
  --yellow-new-54-hsl: 36.667 calc(var(--saturation-factor, 1) * 96%) 29.412%;
  --yellow-new-55: hsl(var(--yellow-new-55-hsl) / 1);
  --yellow-new-55-hsl: 36.429 calc(var(--saturation-factor, 1) * 94.595%) 29.02%;
  --yellow-new-56: hsl(var(--yellow-new-56-hsl) / 1);
  --yellow-new-56-hsl: 36.444 calc(var(--saturation-factor, 1) * 93.103%) 28.431%;
  --yellow-new-57: hsl(var(--yellow-new-57-hsl) / 1);
  --yellow-new-57-hsl: 36.364 calc(var(--saturation-factor, 1) * 92.958%) 27.843%;
  --yellow-new-58: hsl(var(--yellow-new-58-hsl) / 1);
  --yellow-new-58-hsl: 36.378 calc(var(--saturation-factor, 1) * 91.367%) 27.255%;
  --yellow-new-59: hsl(var(--yellow-new-59-hsl) / 1);
  --yellow-new-59-hsl: 36.29 calc(var(--saturation-factor, 1) * 91.176%) 26.667%;
  --yellow-new-6: hsl(var(--yellow-new-6-hsl) / 1);
  --yellow-new-6-hsl: 30 calc(var(--saturation-factor, 1) * 75.676%) 85.49%;
  --yellow-new-60: hsl(var(--yellow-new-60-hsl) / 1);
  --yellow-new-60-hsl: 36 calc(var(--saturation-factor, 1) * 89.552%) 26.275%;
  --yellow-new-61: hsl(var(--yellow-new-61-hsl) / 1);
  --yellow-new-61-hsl: 36.207 calc(var(--saturation-factor, 1) * 89.231%) 25.49%;
  --yellow-new-62: hsl(var(--yellow-new-62-hsl) / 1);
  --yellow-new-62-hsl: 36.106 calc(var(--saturation-factor, 1) * 88.976%) 24.902%;
  --yellow-new-63: hsl(var(--yellow-new-63-hsl) / 1);
  --yellow-new-63-hsl: 35.78 calc(var(--saturation-factor, 1) * 87.2%) 24.51%;
  --yellow-new-64: hsl(var(--yellow-new-64-hsl) / 1);
  --yellow-new-64-hsl: 35.66 calc(var(--saturation-factor, 1) * 86.885%) 23.922%;
  --yellow-new-65: hsl(var(--yellow-new-65-hsl) / 1);
  --yellow-new-65-hsl: 36.471 calc(var(--saturation-factor, 1) * 86.441%) 23.137%;
  --yellow-new-66: hsl(var(--yellow-new-66-hsl) / 1);
  --yellow-new-66-hsl: 36.364 calc(var(--saturation-factor, 1) * 86.087%) 22.549%;
  --yellow-new-67: hsl(var(--yellow-new-67-hsl) / 1);
  --yellow-new-67-hsl: 36.25 calc(var(--saturation-factor, 1) * 85.714%) 21.961%;
  --yellow-new-68: hsl(var(--yellow-new-68-hsl) / 1);
  --yellow-new-68-hsl: 36.129 calc(var(--saturation-factor, 1) * 85.321%) 21.373%;
  --yellow-new-69: hsl(var(--yellow-new-69-hsl) / 1);
  --yellow-new-69-hsl: 36 calc(var(--saturation-factor, 1) * 84.906%) 20.784%;
  --yellow-new-7: hsl(var(--yellow-new-7-hsl) / 1);
  --yellow-new-7-hsl: 30 calc(var(--saturation-factor, 1) * 75%) 84.314%;
  --yellow-new-70: hsl(var(--yellow-new-70-hsl) / 1);
  --yellow-new-70-hsl: 35.862 calc(var(--saturation-factor, 1) * 84.466%) 20.196%;
  --yellow-new-71: hsl(var(--yellow-new-71-hsl) / 1);
  --yellow-new-71-hsl: 35.714 calc(var(--saturation-factor, 1) * 84%) 19.608%;
  --yellow-new-72: hsl(var(--yellow-new-72-hsl) / 1);
  --yellow-new-72-hsl: 35.556 calc(var(--saturation-factor, 1) * 83.505%) 19.02%;
  --yellow-new-73: hsl(var(--yellow-new-73-hsl) / 1);
  --yellow-new-73-hsl: 35.844 calc(var(--saturation-factor, 1) * 82.796%) 18.235%;
  --yellow-new-74: hsl(var(--yellow-new-74-hsl) / 1);
  --yellow-new-74-hsl: 35.676 calc(var(--saturation-factor, 1) * 82.222%) 17.647%;
  --yellow-new-75: hsl(var(--yellow-new-75-hsl) / 1);
  --yellow-new-75-hsl: 36.338 calc(var(--saturation-factor, 1) * 81.609%) 17.059%;
  --yellow-new-76: hsl(var(--yellow-new-76-hsl) / 1);
  --yellow-new-76-hsl: 35.652 calc(var(--saturation-factor, 1) * 81.176%) 16.667%;
  --yellow-new-77: hsl(var(--yellow-new-77-hsl) / 1);
  --yellow-new-77-hsl: 35.455 calc(var(--saturation-factor, 1) * 80.488%) 16.078%;
  --yellow-new-78: hsl(var(--yellow-new-78-hsl) / 1);
  --yellow-new-78-hsl: 35.625 calc(var(--saturation-factor, 1) * 82.051%) 15.294%;
  --yellow-new-79: hsl(var(--yellow-new-79-hsl) / 1);
  --yellow-new-79-hsl: 35.41 calc(var(--saturation-factor, 1) * 81.333%) 14.706%;
  --yellow-new-8: hsl(var(--yellow-new-8-hsl) / 1);
  --yellow-new-8-hsl: 30.476 calc(var(--saturation-factor, 1) * 72.414%) 82.941%;
  --yellow-new-80: hsl(var(--yellow-new-80-hsl) / 1);
  --yellow-new-80-hsl: 35.172 calc(var(--saturation-factor, 1) * 80.556%) 14.118%;
  --yellow-new-81: hsl(var(--yellow-new-81-hsl) / 1);
  --yellow-new-81-hsl: 36 calc(var(--saturation-factor, 1) * 79.71%) 13.529%;
  --yellow-new-82: hsl(var(--yellow-new-82-hsl) / 1);
  --yellow-new-82-hsl: 36.226 calc(var(--saturation-factor, 1) * 81.538%) 12.745%;
  --yellow-new-83: hsl(var(--yellow-new-83-hsl) / 1);
  --yellow-new-83-hsl: 36 calc(var(--saturation-factor, 1) * 80.645%) 12.157%;
  --yellow-new-84: hsl(var(--yellow-new-84-hsl) / 1);
  --yellow-new-84-hsl: 35 calc(var(--saturation-factor, 1) * 80%) 11.765%;
  --yellow-new-85: hsl(var(--yellow-new-85-hsl) / 1);
  --yellow-new-85-hsl: 34.667 calc(var(--saturation-factor, 1) * 78.947%) 11.176%;
  --yellow-new-86: hsl(var(--yellow-new-86-hsl) / 1);
  --yellow-new-86-hsl: 36.279 calc(var(--saturation-factor, 1) * 81.132%) 10.392%;
  --yellow-new-87: hsl(var(--yellow-new-87-hsl) / 1);
  --yellow-new-87-hsl: 35.122 calc(var(--saturation-factor, 1) * 80.392%) 10%;
  --yellow-new-88: hsl(var(--yellow-new-88-hsl) / 1);
  --yellow-new-88-hsl: 34.737 calc(var(--saturation-factor, 1) * 79.167%) 9.412%;
  --yellow-new-89: hsl(var(--yellow-new-89-hsl) / 1);
  --yellow-new-89-hsl: 35 calc(var(--saturation-factor, 1) * 81.818%) 8.627%;
  --yellow-new-9: hsl(var(--yellow-new-9-hsl) / 1);
  --yellow-new-9-hsl: 30.462 calc(var(--saturation-factor, 1) * 69.892%) 81.765%;
  --yellow-new-90: hsl(var(--yellow-new-90-hsl) / 1);
  --yellow-new-90-hsl: 35.294 calc(var(--saturation-factor, 1) * 80.952%) 8.235%;
  --yellow-new-91: hsl(var(--yellow-new-91-hsl) / 1);
  --yellow-new-91-hsl: 34.839 calc(var(--saturation-factor, 1) * 79.487%) 7.647%;
  --yellow-new-92: hsl(var(--yellow-new-92-hsl) / 1);
  --yellow-new-92-hsl: 33.103 calc(var(--saturation-factor, 1) * 78.378%) 7.255%;
  --yellow-new-93: hsl(var(--yellow-new-93-hsl) / 1);
  --yellow-new-93-hsl: 33.333 calc(var(--saturation-factor, 1) * 81.818%) 6.471%;
  --yellow-new-94: hsl(var(--yellow-new-94-hsl) / 1);
  --yellow-new-94-hsl: 35 calc(var(--saturation-factor, 1) * 80%) 5.882%;
  --yellow-new-95: hsl(var(--yellow-new-95-hsl) / 1);
  --yellow-new-95-hsl: 31.429 calc(var(--saturation-factor, 1) * 77.778%) 5.294%;
  --yellow-new-96: hsl(var(--yellow-new-96-hsl) / 1);
  --yellow-new-96-hsl: 31.579 calc(var(--saturation-factor, 1) * 82.609%) 4.51%;
  --yellow-new-97: hsl(var(--yellow-new-97-hsl) / 1);
  --yellow-new-97-hsl: 30 calc(var(--saturation-factor, 1) * 77.778%) 3.529%;
  --yellow-new-98: hsl(var(--yellow-new-98-hsl) / 1);
  --yellow-new-98-hsl: 27.273 calc(var(--saturation-factor, 1) * 84.615%) 2.549%;
  --yellow-new-99: hsl(var(--yellow-new-99-hsl) / 1);
  --yellow-new-99-hsl: 24 calc(var(--saturation-factor, 1) * 71.429%) 1.373%;
  --youtube: hsl(var(--youtube-hsl) / 1);
  --youtube-hsl: 0.351 calc(var(--saturation-factor, 1) * 72.766%) 46.078%
}

.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-hsl) / 0.07);
  --autocomplete-bg: var(--primary-630);
  --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-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);
  --badge-brand-bg: var(--brand-260);
  --badge-brand-text: var(--brand-560);
  --bg-backdrop: hsl(var(--black-hsl) / 0.7);
  --bg-backdrop-immersive: hsl(var(--black-hsl) / 0.85);
  --bg-backdrop-no-opacity: var(--black);
  --bg-base-primary: var(--primary-600);
  --bg-base-secondary: var(--primary-630);
  --bg-base-tertiary: var(--primary-660);
  --bg-brand: var(--brand-500);
  --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-560);
  --blur-fallback: hsl(var(--primary-700-hsl) / 0.96);
  --blur-fallback-pressed: hsl(var(--primary-730-hsl) / 0.96);
  --border-faint: hsl(var(--white-hsl) / 0.03);
  --border-strong: hsl(var(--white-hsl) / 0.16);
  --border-subtle: hsl(var(--white-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-danger-border: hsl(var(--white-500-hsl) / 0);
  --button-filled-brand-background: var(--brand-500);
  --button-filled-brand-background-active: var(--brand-600);
  --button-filled-brand-background-hover: var(--brand-560);
  --button-filled-brand-border: hsl(var(--white-500-hsl) / 0);
  --button-filled-brand-inverted-background: var(--white);
  --button-filled-brand-inverted-background-active: var(--brand-200);
  --button-filled-brand-inverted-background-hover: var(--brand-100);
  --button-filled-brand-inverted-text: var(--brand-500);
  --button-filled-brand-text: var(--white);
  --button-filled-white-background: var(--white-500);
  --button-filled-white-background-active: var(--white-500);
  --button-filled-white-background-hover: var(--white-500);
  --button-filled-white-text: var(--primary-500);
  --button-outline-brand-background: hsl(var(--white-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);
  --button-outline-brand-text-active: var(--white);
  --button-outline-brand-text-hover: var(--white);
  --button-outline-danger-background: hsl(var(--white-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);
  --button-outline-danger-text-active: var(--white);
  --button-outline-danger-text-hover: var(--white);
  --button-outline-positive-background: hsl(var(--white-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);
  --button-outline-positive-text-active: var(--white);
  --button-outline-positive-text-hover: var(--white);
  --button-outline-primary-background: hsl(var(--white-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);
  --button-outline-primary-text-active: var(--white);
  --button-outline-primary-text-hover: var(--white);
  --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-positive-border: hsl(var(--white-500-hsl) / 0);
  --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);
  --button-secondary-text: var(--white-500);
  --button-transparent-background: hsl(var(--white-500-hsl) / 0.1);
  --button-transparent-background-active: hsl(var(--white-500-hsl) / 0.01);
  --button-transparent-background-hover: hsl(var(--white-500-hsl) / 0.05);
  --button-transparent-text: var(--primary-130);
  --card-gradient-bg: hsl(var(--black-hsl) / 0.4);
  --card-gradient-pressed-bg: hsl(var(--black-hsl) / 0.5);
  --card-primary-bg: var(--primary-600);
  --card-primary-pressed-bg: var(--primary-645);
  --card-secondary-bg: var(--primary-630);
  --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-hsl) / 0.1);
  --coachmark-bg: var(--primary-800);
  --content-inventory-media-seekbar-container: hsl(var(--plum-6-hsl) / 0.24);
  --content-inventory-overlay-text-primary: hsl(var(--white-hsl) / 0.85);
  --content-inventory-overlay-text-secondary: hsl(var(--white-hsl) / 0.7);
  --content-inventory-overlay-ui-mod: hsl(var(--white-hsl) / 0.7);
  --content-inventory-overlay-ui-mod-bg: hsl(var(--black-hsl) / 0.1);
  --context-menu-backdrop-background: hsl(var(--black-hsl) / 0.7);
  --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);
  --custom-status-bubble-bg: var(--primary-800);
  --deprecated-card-bg: hsl(var(--primary-700-hsl) / 0.6);
  --deprecated-card-editable-bg: hsl(var(--primary-700-hsl) / 0.3);
  --deprecated-text-input-bg: var(--primary-700);
  --deprecated-text-input-border: hsl(var(--black-hsl) / 0.3);
  --deprecated-text-input-border-disabled: var(--primary-700);
  --deprecated-text-input-border-hover: var(--primary-900);
  --display-banner-overflow-background: hsl(var(--primary-700-hsl) / 0.5);
  --divider-strong: hsl(var(--white-hsl) / 0.16);
  --divider-subtle: hsl(var(--white-hsl) / 0.08);
  --embed-background: var(--primary-630);
  --embed-background-alternate: var(--primary-600);
  --embed-title: var(--primary-130);
  --expression-picker-bg: var(--primary-630);
  --focus-primary: var(--blue-345);
  --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-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);
  --icon-muted: var(--primary-400);
  --icon-primary: var(--primary-130);
  --icon-secondary: var(--primary-330);
  --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);
  --info-help-background: hsl(var(--blue-345-hsl) / 0.1);
  --info-help-foreground: var(--blue-345);
  --info-help-text: var(--white);
  --info-positive-background: hsl(var(--green-360-hsl) / 0.1);
  --info-positive-foreground: var(--green-360);
  --info-positive-text: var(--white);
  --info-warning-background: hsl(var(--yellow-300-hsl) / 0.1);
  --info-warning-foreground: var(--yellow-300);
  --info-warning-text: var(--white);
  --input-background: var(--primary-700);
  --input-border: hsl(var(--plum-11-hsl) / 0.32);
  --input-error-background: hsl(var(--red-500-hsl) / 0.12);
  --input-error-border: var(--red-360);
  --input-error-text: var(--red-260);
  --input-focused-border: hsl(var(--white-hsl) / 0.16);
  --input-placeholder-text: var(--input-placeholder-text-dark);
  --interactive-active: var(--white);
  --interactive-hover: var(--primary-230);
  --interactive-muted: var(--primary-500);
  --interactive-normal: var(--primary-330);
  --leaderboard-league-brand-text: var(--lol-text-light);
  --legacy-android-blur-overlay-default: hsl(var(--primary-660-hsl) / 0.5);
  --legacy-android-blur-overlay-ultra-thin: hsl(var(--black-hsl) / 0.025);
  --legacy-blur-fallback-default: hsl(var(--primary-660-hsl) / 0.975);
  --legacy-blur-fallback-ultra-thin: hsl(var(--black-hsl) / 0.95);
  --live-stage-tile-border: hsl(var(--primary-500-hsl) / 0.6);
  --logo-primary: var(--white);
  --mention-background: hsl(var(--brand-500-hsl) / 0.3);
  --mention-foreground: var(--brand-260);
  --menu-item-danger-active-bg: var(--red-530);
  --menu-item-danger-hover-bg: var(--red-430);
  --menu-item-default-active-bg: var(--brand-560);
  --menu-item-default-hover-bg: var(--brand-500);
  --modal-background: var(--primary-600);
  --modal-footer-background: var(--primary-630);
  --navigator-header-tint: var(--white);
  --panel-bg: var(--primary-600);
  --polls-normal-fill-hover: var(--primary-600);
  --polls-normal-image-background: var(--primary-660);
  --polls-victor-fill: hsl(var(--green-360-hsl) / 0.2);
  --polls-voted-fill: hsl(var(--brand-500-hsl) / 0.2);
  --premium-nitro-pink-text: var(--premium-nitro-pink-light);
  --profile-gradient-message-input-border: hsl(var(--primary-500-hsl) / 0.48);
  --profile-gradient-note-background: hsl(var(--black-hsl) / 0.3);
  --profile-gradient-overlay: hsl(var(--black-hsl) / 0.6);
  --profile-gradient-overlay-synced-with-user-theme: hsl(var(--black-hsl) / 0.8);
  --profile-gradient-profile-body-background-hover: hsl(var(--white-hsl) / 0.16);
  --profile-gradient-role-pill-background: hsl(var(--primary-660-hsl) / 0.5);
  --profile-gradient-role-pill-border: hsl(var(--white-hsl) / 0.2);
  --profile-gradient-section-box: hsl(var(--black-hsl) / 0.45);
  --redesign-activity-card-badge-icon: var(--primary-360);
  --redesign-button-active-background: var(--green-430);
  --redesign-button-active-pressed-background: var(--green-460);
  --redesign-button-active-text: var(--white);
  --redesign-button-danger-background: var(--red-430);
  --redesign-button-danger-pressed-background: var(--red-460);
  --redesign-button-danger-text: var(--white);
  --redesign-button-destructive-background: var(--red-430);
  --redesign-button-destructive-pressed-background: var(--red-460);
  --redesign-button-destructive-text: var(--white);
  --redesign-button-overlay-alpha-background: hsl(var(--black-hsl) / 0.54);
  --redesign-button-overlay-alpha-pressed-background: hsl(var(--black-hsl) / 0.64);
  --redesign-button-overlay-alpha-text: var(--white);
  --redesign-button-overlay-background: var(--white);
  --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);
  --redesign-button-premium-primary-blue-for-gradient: var(--premium-tier-0-blue-for-gradients-2);
  --redesign-button-premium-primary-pink-for-gradient: var(--premium-tier-2-pink-for-gradients);
  --redesign-button-premium-primary-pressed-background: hsl(var(--black-hsl) / 0.1);
  --redesign-button-premium-primary-purple-for-gradient: var(--premium-tier-2-purple-for-gradients);
  --redesign-button-premium-primary-purple-for-gradient-2: var(--premium-tier-2-purple-for-gradients-2);
  --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);
  --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);
  --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-pressed-text: var(--brand-530);
  --redesign-button-primary-overlay-background: var(--white);
  --redesign-button-primary-overlay-pressed-background: var(--primary-230);
  --redesign-button-primary-overlay-text: var(--primary-860);
  --redesign-button-primary-pressed-background: var(--brand-560);
  --redesign-button-primary-text: var(--white);
  --redesign-button-secondary-background: var(--primary-460);
  --redesign-button-secondary-border: hsl(var(--white-hsl) / 0.08);
  --redesign-button-secondary-overlay-background: hsl(var(--black-hsl) / 0.54);
  --redesign-button-secondary-overlay-pressed-background: hsl(var(--black-hsl) / 0.64);
  --redesign-button-secondary-overlay-text: var(--white);
  --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-button-selected-background: hsl(var(--brand-500-hsl) / 0.24);
  --redesign-button-selected-pressed-background: hsl(var(--brand-500-hsl) / 0.28);
  --redesign-button-selected-text: var(--brand-500);
  --redesign-button-tertiary-background: var(--primary-660);
  --redesign-button-tertiary-pressed-background: var(--primary-560);
  --redesign-button-tertiary-pressed-text: var(--primary-330);
  --redesign-button-tertiary-text: var(--primary-230);
  --redesign-channel-name-muted-text: var(--primary-360);
  --redesign-channel-name-text: var(--primary-130);
  --redesign-chat-input-background: var(--primary-700);
  --redesign-image-button-pressed-background: hsl(var(--black-hsl) / 0.08);
  --redesign-input-control-active-bg: var(--primary-645);
  --redesign-input-control-selected: var(--brand-500);
  --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-hsl) / 0);
  --spine-default: var(--primary-500);
  --spoiler-hidden-background: var(--primary-700);
  --spoiler-revealed-background: var(--primary-660);
  --stage-card-pill-bg: var(--primary-630);
  --status-danger: var(--red-400);
  --status-danger-background: var(--red-430);
  --status-danger-text: var(--white);
  --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);
  --status-speaking: var(--green-360);
  --status-warning: var(--yellow-300);
  --status-warning-background: var(--yellow-300);
  --status-warning-text: var(--black);
  --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);
  --theme-locked-blur-fallback: hsl(var(--primary-700-hsl) / 0.96);
  --thread-channel-spine: var(--primary-500);
  --toast-bg: var(--primary-800);
  --typing-indicator-bg: var(--primary-630);
  --user-profile-header-overflow-background: hsl(var(--primary-700-hsl) / 0.5);
  --voice-video-video-tile-background: hsl(var(--plum-17-hsl) / 0.4);
  --voice-video-video-tile-blur-fallback: hsl(var(--primary-700-hsl) / 0.48)
}

@supports(color:color-mix(in lch, red, blue))and (top:var(--f)) {
  .theme-dark {
    --action-sheet-gradient-bg: color-mix(in oklab,
        var(--primary-630) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --activity-card-background: color-mix(in oklab,
        var(--primary-700) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --activity-card-icon-overlay: color-mix(in oklab,
        hsl(var(--primary-600-hsl) / 0.85) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.85) var(--theme-base-color-amount, 0%));
    --alert-bg: color-mix(in oklab,
        var(--primary-600) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --android-navigation-bar-background: color-mix(in oklab,
        var(--primary-830) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --android-navigation-scrim-background: color-mix(in oklab,
        hsl(var(--primary-830-hsl) / 0.5) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.5) var(--theme-base-color-amount, 0%));
    --android-ripple: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.07) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.07) var(--theme-base-color-amount, 0%));
    --autocomplete-bg: color-mix(in oklab,
        var(--primary-630) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-accent: color-mix(in oklab,
        var(--primary-530) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-floating: color-mix(in oklab,
        var(--primary-800) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-mentioned: color-mix(in oklab,
        hsl(var(--yellow-300-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --background-mentioned-hover: color-mix(in oklab,
        hsl(var(--yellow-300-hsl) / 0.08) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.08) var(--theme-base-color-amount, 0%));
    --background-message-automod: color-mix(in oklab,
        hsl(var(--red-400-hsl) / 0.05) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.05) var(--theme-base-color-amount, 0%));
    --background-message-automod-hover: color-mix(in oklab,
        hsl(var(--red-400-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --background-message-highlight: color-mix(in oklab,
        hsl(var(--brand-360-hsl) / 0.08) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.08) var(--theme-base-color-amount, 0%));
    --background-message-highlight-hover: color-mix(in oklab,
        hsl(var(--brand-360-hsl) / 0.06) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.06) var(--theme-base-color-amount, 0%));
    --background-message-hover: color-mix(in oklab,
        hsl(var(--primary-900-hsl) / 0.06) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.06) var(--theme-base-color-amount, 0%));
    --background-mobile-primary: color-mix(in oklab,
        var(--primary-600) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-mobile-secondary: color-mix(in oklab,
        var(--primary-630) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-modifier-accent: color-mix(in oklab,
        hsl(var(--primary-500-hsl) / 0.48) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.48) var(--theme-base-color-amount, 0%));
    --background-modifier-active: color-mix(in oklab,
        hsl(var(--primary-500-hsl) / 0.48) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.48) var(--theme-base-color-amount, 0%));
    --background-modifier-hover: color-mix(in oklab,
        hsl(var(--primary-500-hsl) / 0.3) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.3) var(--theme-base-color-amount, 0%));
    --background-modifier-selected: color-mix(in oklab,
        hsl(var(--primary-500-hsl) / 0.6) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.6) var(--theme-base-color-amount, 0%));
    --background-nested-floating: color-mix(in oklab,
        var(--primary-630) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-primary: color-mix(in oklab,
        var(--primary-600) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-secondary: color-mix(in oklab,
        var(--primary-630) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-secondary-alt: color-mix(in oklab,
        var(--primary-660) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-tertiary: color-mix(in oklab,
        var(--primary-700) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-backdrop: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.7) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.7) var(--theme-base-color-amount, 0%));
    --bg-backdrop-immersive: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.85) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.85) var(--theme-base-color-amount, 0%));
    --bg-backdrop-no-opacity: color-mix(in oklab,
        var(--black) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-base-primary: color-mix(in oklab,
        var(--primary-600) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-base-secondary: color-mix(in oklab,
        var(--primary-630) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-base-tertiary: color-mix(in oklab,
        var(--primary-660) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-mod-faint: color-mix(in oklab,
        hsl(var(--primary-500-hsl) / 0.3) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.3) var(--theme-base-color-amount, 0%));
    --bg-mod-strong: color-mix(in oklab,
        hsl(var(--primary-500-hsl) / 0.54) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.54) var(--theme-base-color-amount, 0%));
    --bg-mod-subtle: color-mix(in oklab,
        hsl(var(--primary-500-hsl) / 0.48) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.48) var(--theme-base-color-amount, 0%));
    --bg-surface-overlay: color-mix(in oklab,
        var(--primary-800) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-surface-overlay-tmp: color-mix(in oklab,
        var(--primary-800) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-surface-raised: color-mix(in oklab,
        var(--primary-560) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --blur-fallback: color-mix(in oklab,
        hsl(var(--primary-700-hsl) / 0.96) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.96) var(--theme-base-color-amount, 0%));
    --blur-fallback-pressed: color-mix(in oklab,
        hsl(var(--primary-730-hsl) / 0.96) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.96) var(--theme-base-color-amount, 0%));
    --border-faint: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.03) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.03) var(--theme-base-color-amount, 0%));
    --border-strong: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.16) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.16) var(--theme-base-color-amount, 0%));
    --border-subtle: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.08) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.08) var(--theme-base-color-amount, 0%));
    --bug-reporter-modal-submitting-background: color-mix(in oklab,
        hsl(var(--primary-800-hsl) / 0.6) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.6) var(--theme-base-color-amount, 0%));
    --card-gradient-bg: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.4) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.4) var(--theme-base-color-amount, 0%));
    --card-gradient-pressed-bg: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.5) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.5) var(--theme-base-color-amount, 0%));
    --card-primary-bg: color-mix(in oklab,
        var(--primary-600) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --card-primary-pressed-bg: color-mix(in oklab,
        var(--primary-645) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --card-secondary-bg: color-mix(in oklab,
        var(--primary-630) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --card-secondary-pressed-bg: color-mix(in oklab,
        var(--primary-645) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --channel-icon: color-mix(in oklab,
        var(--primary-400) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --channel-text-area-placeholder: color-mix(in oklab,
        var(--primary-430) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --channels-default: color-mix(in oklab,
        var(--primary-360) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --channeltextarea-background: color-mix(in oklab,
        var(--primary-560) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --chat-background: color-mix(in oklab,
        var(--primary-600) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --chat-banner-bg: color-mix(in oklab,
        var(--primary-630) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --chat-border: color-mix(in oklab,
        var(--primary-700) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --chat-input-container-background: color-mix(in oklab,
        var(--primary-600) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --chat-swipe-to-reply-background: color-mix(in oklab,
        var(--primary-660) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --chat-swipe-to-reply-gradient-background: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --coachmark-bg: color-mix(in oklab,
        var(--primary-800) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --content-inventory-media-seekbar-container: color-mix(in oklab,
        hsl(var(--plum-6-hsl) / 0.24) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.24) var(--theme-base-color-amount, 0%));
    --content-inventory-overlay-text-primary: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.85) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.85) var(--theme-base-color-amount, 0%));
    --content-inventory-overlay-text-secondary: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.7) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.7) var(--theme-base-color-amount, 0%));
    --content-inventory-overlay-ui-mod: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.7) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.7) var(--theme-base-color-amount, 0%));
    --content-inventory-overlay-ui-mod-bg: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --context-menu-backdrop-background: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.7) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.7) var(--theme-base-color-amount, 0%));
    --control-brand-foreground: color-mix(in oklab,
        var(--brand-360) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --control-brand-foreground-new: color-mix(in oklab,
        var(--brand-360) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --creator-revenue-icon-gradient-end: color-mix(in oklab,
        var(--teal-430) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --creator-revenue-icon-gradient-start: color-mix(in oklab,
        var(--teal-360) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --creator-revenue-info-box-background: color-mix(in oklab,
        hsl(var(--teal-430-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --creator-revenue-info-box-border: color-mix(in oklab,
        var(--teal-400) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --creator-revenue-locked-channel-icon: color-mix(in oklab,
        var(--teal-345) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --creator-revenue-progress-bar: color-mix(in oklab,
        var(--teal-400) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --custom-status-bubble-bg: color-mix(in oklab,
        var(--primary-800) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --deprecated-card-bg: color-mix(in oklab,
        hsl(var(--primary-700-hsl) / 0.6) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.6) var(--theme-base-color-amount, 0%));
    --deprecated-card-editable-bg: color-mix(in oklab,
        hsl(var(--primary-700-hsl) / 0.3) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.3) var(--theme-base-color-amount, 0%));
    --deprecated-text-input-bg: color-mix(in oklab,
        var(--primary-700) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --deprecated-text-input-border: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.3) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.3) var(--theme-base-color-amount, 0%));
    --deprecated-text-input-border-disabled: color-mix(in oklab,
        var(--primary-700) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --deprecated-text-input-border-hover: color-mix(in oklab,
        var(--primary-900) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --display-banner-overflow-background: color-mix(in oklab,
        hsl(var(--primary-700-hsl) / 0.5) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.5) var(--theme-base-color-amount, 0%));
    --divider-strong: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.16) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.16) var(--theme-base-color-amount, 0%));
    --divider-subtle: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.08) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.08) var(--theme-base-color-amount, 0%));
    --embed-background: color-mix(in oklab,
        var(--primary-630) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --embed-background-alternate: color-mix(in oklab,
        var(--primary-600) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --embed-title: color-mix(in oklab,
        var(--primary-130) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --expression-picker-bg: color-mix(in oklab,
        var(--primary-630) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --focus-primary: color-mix(in oklab,
        var(--blue-345) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --forum-post-extra-media-count-container-background: color-mix(in oklab,
        hsl(var(--primary-660-hsl) / 0.8) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.8) var(--theme-base-color-amount, 0%));
    --forum-post-tag-background: color-mix(in oklab,
        hsl(var(--primary-660-hsl) / 0.9) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.9) var(--theme-base-color-amount, 0%));
    --guild-notifications-bottom-sheet-pill-background: color-mix(in oklab,
        var(--primary-700) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --header-muted: color-mix(in oklab,
        var(--primary-360) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --header-primary: color-mix(in oklab,
        var(--primary-130) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --header-secondary: color-mix(in oklab,
        var(--primary-330) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --home-background: color-mix(in oklab,
        var(--primary-645) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --icon-muted: color-mix(in oklab,
        var(--primary-400) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --icon-primary: color-mix(in oklab,
        var(--primary-130) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --icon-secondary: color-mix(in oklab,
        var(--primary-330) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --icon-transparent: color-mix(in oklab,
        hsl(var(--transparent-hsl) / 0) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0) var(--theme-text-color-amount, 0%));
    --info-box-background: color-mix(in oklab,
        hsl(var(--blue-345-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --info-danger-background: color-mix(in oklab,
        hsl(var(--red-400-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --info-danger-foreground: color-mix(in oklab,
        var(--red-400) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-danger-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-help-background: color-mix(in oklab,
        hsl(var(--blue-345-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --info-help-foreground: color-mix(in oklab,
        var(--blue-345) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-help-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-positive-background: color-mix(in oklab,
        hsl(var(--green-360-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --info-positive-foreground: color-mix(in oklab,
        var(--green-360) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-positive-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-warning-background: color-mix(in oklab,
        hsl(var(--yellow-300-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --info-warning-foreground: color-mix(in oklab,
        var(--yellow-300) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-warning-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --input-background: color-mix(in oklab,
        var(--primary-700) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --input-border: color-mix(in oklab,
        hsl(var(--plum-11-hsl) / 0.32) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.32) var(--theme-base-color-amount, 0%));
    --input-error-background: color-mix(in oklab,
        hsl(var(--red-500-hsl) / 0.12) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12) var(--theme-base-color-amount, 0%));
    --input-error-border: color-mix(in oklab,
        var(--red-360) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --input-error-text: color-mix(in oklab,
        var(--red-260) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --input-focused-border: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.16) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.16) var(--theme-base-color-amount, 0%));
    --input-placeholder-text: color-mix(in oklab,
        var(--input-placeholder-text-dark) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --interactive-active: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --interactive-hover: color-mix(in oklab,
        var(--primary-230) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --interactive-muted: color-mix(in oklab,
        var(--primary-500) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --interactive-normal: color-mix(in oklab,
        var(--primary-330) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --leaderboard-league-brand-text: color-mix(in oklab,
        var(--lol-text-light) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --legacy-android-blur-overlay-default: color-mix(in oklab,
        hsl(var(--primary-660-hsl) / 0.5) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.5) var(--theme-base-color-amount, 0%));
    --legacy-android-blur-overlay-ultra-thin: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.025) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.025) var(--theme-base-color-amount, 0%));
    --legacy-blur-fallback-default: color-mix(in oklab,
        hsl(var(--primary-660-hsl) / 0.975) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.975) var(--theme-base-color-amount, 0%));
    --legacy-blur-fallback-ultra-thin: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.95) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.95) var(--theme-base-color-amount, 0%));
    --live-stage-tile-border: color-mix(in oklab,
        hsl(var(--primary-500-hsl) / 0.6) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.6) var(--theme-base-color-amount, 0%));
    --logo-primary: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --mention-background: color-mix(in oklab,
        hsl(var(--brand-500-hsl) / 0.3) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.3) var(--theme-base-color-amount, 0%));
    --mention-foreground: color-mix(in oklab,
        var(--brand-260) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --menu-item-danger-active-bg: color-mix(in oklab,
        var(--red-530) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --menu-item-danger-hover-bg: color-mix(in oklab,
        var(--red-430) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --menu-item-default-active-bg: color-mix(in oklab,
        var(--brand-560) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --menu-item-default-hover-bg: color-mix(in oklab,
        var(--brand-500) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --modal-background: color-mix(in oklab,
        var(--primary-600) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --modal-footer-background: color-mix(in oklab,
        var(--primary-630) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --navigator-header-tint: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --panel-bg: color-mix(in oklab,
        var(--primary-600) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --polls-normal-fill-hover: color-mix(in oklab,
        var(--primary-600) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --polls-normal-image-background: color-mix(in oklab,
        var(--primary-660) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --polls-victor-fill: color-mix(in oklab,
        hsl(var(--green-360-hsl) / 0.2) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2) var(--theme-base-color-amount, 0%));
    --polls-voted-fill: color-mix(in oklab,
        hsl(var(--brand-500-hsl) / 0.2) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2) var(--theme-base-color-amount, 0%));
    --premium-nitro-pink-text: color-mix(in oklab,
        var(--premium-nitro-pink-light) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --profile-gradient-message-input-border: color-mix(in oklab,
        hsl(var(--primary-500-hsl) / 0.48) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.48) var(--theme-base-color-amount, 0%));
    --profile-gradient-note-background: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.3) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.3) var(--theme-base-color-amount, 0%));
    --profile-gradient-overlay: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.6) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.6) var(--theme-base-color-amount, 0%));
    --profile-gradient-overlay-synced-with-user-theme: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.8) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.8) var(--theme-base-color-amount, 0%));
    --profile-gradient-profile-body-background-hover: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.16) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.16) var(--theme-base-color-amount, 0%));
    --profile-gradient-role-pill-background: color-mix(in oklab,
        hsl(var(--primary-660-hsl) / 0.5) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.5) var(--theme-base-color-amount, 0%));
    --profile-gradient-role-pill-border: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.2) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2) var(--theme-base-color-amount, 0%));
    --profile-gradient-section-box: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.45) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.45) var(--theme-base-color-amount, 0%));
    --redesign-activity-card-badge-icon: color-mix(in oklab,
        var(--primary-360) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-active-background: color-mix(in oklab,
        var(--green-430) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-active-pressed-background: color-mix(in oklab,
        var(--green-460) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-active-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-danger-background: color-mix(in oklab,
        var(--red-430) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-danger-pressed-background: color-mix(in oklab,
        var(--red-460) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-danger-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-destructive-background: color-mix(in oklab,
        var(--red-430) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-destructive-pressed-background: color-mix(in oklab,
        var(--red-460) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-destructive-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-overlay-alpha-background: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.54) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.54) var(--theme-base-color-amount, 0%));
    --redesign-button-overlay-alpha-pressed-background: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.64) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.64) var(--theme-base-color-amount, 0%));
    --redesign-button-overlay-alpha-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-overlay-background: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-overlay-text: color-mix(in oklab,
        var(--primary-860) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-positive-background: color-mix(in oklab,
        var(--green-430) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-positive-pressed-background: color-mix(in oklab,
        var(--green-460) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-positive-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-premium-primary-blue-for-gradient: color-mix(in oklab,
        var(--premium-tier-0-blue-for-gradients-2) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-premium-primary-pink-for-gradient: color-mix(in oklab,
        var(--premium-tier-2-pink-for-gradients) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-premium-primary-pressed-background: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --redesign-button-premium-primary-purple-for-gradient: color-mix(in oklab,
        var(--premium-tier-2-purple-for-gradients) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-premium-primary-purple-for-gradient-2: color-mix(in oklab,
        var(--premium-tier-2-purple-for-gradients-2) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-background: color-mix(in oklab,
        hsl(var(--brand-500-hsl) / 0) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-border: color-mix(in oklab,
        var(--brand-360) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-on-blurple-background: color-mix(in oklab,
        hsl(var(--brand-530-hsl) / 0) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-on-blurple-border: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-on-blurple-pressed-background: color-mix(in oklab,
        var(--brand-530) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-on-blurple-pressed-border: color-mix(in oklab,
        var(--brand-360) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-on-blurple-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-alt-pressed-background: color-mix(in oklab,
        hsl(var(--brand-700-hsl) / 0.16) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.16) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-pressed-border: color-mix(in oklab,
        hsl(var(--brand-400-hsl) / 0.5) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.5) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-pressed-text: color-mix(in oklab,
        var(--brand-360) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-alt-text: color-mix(in oklab,
        var(--brand-360) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-background: color-mix(in oklab,
        var(--brand-500) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-on-blurple-pressed-text: color-mix(in oklab,
        var(--brand-530) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-overlay-background: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-overlay-pressed-background: color-mix(in oklab,
        var(--primary-230) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-overlay-text: color-mix(in oklab,
        var(--primary-860) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-pressed-background: color-mix(in oklab,
        var(--brand-560) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-secondary-background: color-mix(in oklab,
        var(--primary-460) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-border: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.08) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.08) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-overlay-background: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.54) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.54) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-overlay-pressed-background: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.64) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.64) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-overlay-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-secondary-pressed-background: color-mix(in oklab,
        var(--primary-500) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-pressed-border: color-mix(in oklab,
        hsl(var(--transparent-hsl) / 0) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-text: color-mix(in oklab,
        var(--primary-230) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-selected-background: color-mix(in oklab,
        hsl(var(--brand-500-hsl) / 0.24) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.24) var(--theme-base-color-amount, 0%));
    --redesign-button-selected-pressed-background: color-mix(in oklab,
        hsl(var(--brand-500-hsl) / 0.28) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.28) var(--theme-base-color-amount, 0%));
    --redesign-button-selected-text: color-mix(in oklab,
        var(--brand-500) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-tertiary-background: color-mix(in oklab,
        var(--primary-660) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-tertiary-pressed-background: color-mix(in oklab,
        var(--primary-560) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-tertiary-pressed-text: color-mix(in oklab,
        var(--primary-330) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-tertiary-text: color-mix(in oklab,
        var(--primary-230) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-channel-name-muted-text: color-mix(in oklab,
        var(--primary-360) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-channel-name-text: color-mix(in oklab,
        var(--primary-130) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-chat-input-background: color-mix(in oklab,
        var(--primary-700) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-image-button-pressed-background: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.08) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.08) var(--theme-base-color-amount, 0%));
    --redesign-input-control-active-bg: color-mix(in oklab,
        var(--primary-645) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-input-control-selected: color-mix(in oklab,
        var(--brand-500) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-scrollbar-color-thumb: color-mix(in oklab,
        var(--primary-730) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-scrollbar-color-track: color-mix(in oklab,
        var(--primary-630) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-thumb: color-mix(in oklab,
        var(--primary-730) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-track: color-mix(in oklab,
        var(--primary-630) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --scrollbar-thin-thumb: color-mix(in oklab,
        var(--primary-730) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --scrollbar-thin-track: color-mix(in oklab,
        hsl(var(--black-hsl) / 0) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0) var(--theme-base-color-amount, 0%));
    --spine-default: color-mix(in oklab,
        var(--primary-500) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --spoiler-hidden-background: color-mix(in oklab,
        var(--primary-700) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --spoiler-revealed-background: color-mix(in oklab,
        var(--primary-660) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --stage-card-pill-bg: color-mix(in oklab,
        var(--primary-630) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --text-brand: color-mix(in oklab,
        var(--brand-360) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-danger: color-mix(in oklab,
        var(--red-345) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-link: color-mix(in oklab,
        var(--blue-345) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-link-low-saturation: color-mix(in oklab,
        var(--blue-330) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-low-contrast: color-mix(in oklab,
        var(--primary-360) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-message-preview-low-sat: color-mix(in oklab,
        var(--primary-360) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-muted: color-mix(in oklab,
        var(--primary-360) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-muted-on-default: color-mix(in oklab,
        var(--primary-330) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-normal: color-mix(in oklab,
        var(--primary-230) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-positive: color-mix(in oklab,
        var(--green-330) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-primary: color-mix(in oklab,
        var(--primary-230) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-secondary: color-mix(in oklab,
        var(--primary-330) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-warning: color-mix(in oklab,
        var(--yellow-300) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --textbox-markdown-syntax: color-mix(in oklab,
        var(--primary-360) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --theme-locked-blur-fallback: color-mix(in oklab,
        hsl(var(--primary-700-hsl) / 0.96) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.96) var(--theme-base-color-amount, 0%));
    --thread-channel-spine: color-mix(in oklab,
        var(--primary-500) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --toast-bg: color-mix(in oklab,
        var(--primary-800) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --typing-indicator-bg: color-mix(in oklab,
        var(--primary-630) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --user-profile-header-overflow-background: color-mix(in oklab,
        hsl(var(--primary-700-hsl) / 0.5) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.5) var(--theme-base-color-amount, 0%));
    --voice-video-video-tile-background: color-mix(in oklab,
        hsl(var(--plum-17-hsl) / 0.4) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.4) var(--theme-base-color-amount, 0%));
    --voice-video-video-tile-blur-fallback: color-mix(in oklab,
        hsl(var(--primary-700-hsl) / 0.48) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.48) var(--theme-base-color-amount, 0%))
  }
}

.theme-light {
  --action-sheet-gradient-bg: var(--primary-130);
  --activity-card-background: var(--white);
  --activity-card-icon-overlay: hsl(var(--primary-600-hsl) / 0.85);
  --alert-bg: var(--white);
  --android-navigation-bar-background: var(--primary-100);
  --android-navigation-scrim-background: hsl(var(--primary-100-hsl) / 0.5);
  --android-ripple: hsl(var(--black-hsl) / 0.12);
  --autocomplete-bg: var(--primary-100);
  --background-accent: var(--primary-430);
  --background-floating: var(--white);
  --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);
  --background-modifier-accent: hsl(var(--primary-400-hsl) / 0.24);
  --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);
  --background-primary: var(--white);
  --background-secondary: var(--primary-130);
  --background-secondary-alt: var(--primary-160);
  --background-tertiary: var(--primary-200);
  --badge-brand-bg: var(--brand-260);
  --badge-brand-text: var(--brand-560);
  --bg-backdrop: hsl(var(--black-hsl) / 0.54);
  --bg-backdrop-immersive: hsl(var(--black-hsl) / 0.8);
  --bg-backdrop-no-opacity: var(--black);
  --bg-base-primary: var(--white);
  --bg-base-secondary: var(--primary-130);
  --bg-base-tertiary: var(--primary-160);
  --bg-brand: var(--brand-500);
  --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);
  --bg-surface-overlay-tmp: var(--primary-130);
  --bg-surface-raised: var(--white);
  --blur-fallback: hsl(var(--primary-530-hsl) / 0.96);
  --blur-fallback-pressed: hsl(var(--primary-560-hsl) / 0.96);
  --border-faint: hsl(var(--black-hsl) / 0.04);
  --border-strong: hsl(var(--black-hsl) / 0.16);
  --border-subtle: hsl(var(--black-hsl) / 0.08);
  --bug-reporter-modal-submitting-background: hsl(var(--white-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-danger-border: hsl(var(--white-500-hsl) / 0);
  --button-filled-brand-background: var(--brand-500);
  --button-filled-brand-background-active: var(--brand-600);
  --button-filled-brand-background-hover: var(--brand-560);
  --button-filled-brand-border: hsl(var(--white-500-hsl) / 0);
  --button-filled-brand-inverted-background: var(--white);
  --button-filled-brand-inverted-background-active: var(--brand-200);
  --button-filled-brand-inverted-background-hover: var(--brand-100);
  --button-filled-brand-inverted-text: var(--brand-500);
  --button-filled-brand-text: var(--white);
  --button-filled-white-background: var(--white-500);
  --button-filled-white-background-active: var(--white-500);
  --button-filled-white-background-hover: var(--white-500);
  --button-filled-white-text: var(--primary-500);
  --button-outline-brand-background: hsl(var(--white-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);
  --button-outline-brand-text-active: var(--white);
  --button-outline-brand-text-hover: var(--white);
  --button-outline-danger-background: hsl(var(--white-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);
  --button-outline-danger-text-active: var(--white);
  --button-outline-danger-text-hover: var(--white);
  --button-outline-positive-background: hsl(var(--white-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);
  --button-outline-positive-text-active: var(--white);
  --button-outline-positive-text-hover: var(--white);
  --button-outline-primary-background: hsl(var(--white-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);
  --button-outline-primary-text-active: var(--white);
  --button-outline-primary-text-hover: var(--white);
  --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-positive-border: hsl(var(--white-500-hsl) / 0);
  --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);
  --button-secondary-text: var(--white-500);
  --button-transparent-background: hsl(var(--primary-400-hsl) / 0.01);
  --button-transparent-background-active: hsl(var(--primary-400-hsl) / 0.25);
  --button-transparent-background-hover: hsl(var(--primary-400-hsl) / 0.2);
  --button-transparent-text: var(--primary-860);
  --card-gradient-bg: hsl(var(--white-hsl) / 0.7);
  --card-gradient-pressed-bg: hsl(var(--white-hsl) / 0.5);
  --card-primary-bg: var(--white);
  --card-primary-pressed-bg: var(--primary-160);
  --card-secondary-bg: var(--white);
  --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);
  --chat-banner-bg: var(--primary-130);
  --chat-border: var(--primary-200);
  --chat-input-container-background: var(--white);
  --chat-swipe-to-reply-background: var(--primary-160);
  --chat-swipe-to-reply-gradient-background: hsl(var(--white-hsl) / 0.4);
  --coachmark-bg: var(--white);
  --content-inventory-media-seekbar-container: hsl(var(--plum-6-hsl) / 0.24);
  --content-inventory-overlay-text-primary: hsl(var(--white-hsl) / 0.85);
  --content-inventory-overlay-text-secondary: hsl(var(--white-hsl) / 0.7);
  --content-inventory-overlay-ui-mod: hsl(var(--white-hsl) / 0.7);
  --content-inventory-overlay-ui-mod-bg: hsl(var(--black-hsl) / 0.1);
  --context-menu-backdrop-background: hsl(var(--black-hsl) / 0.54);
  --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);
  --custom-status-bubble-bg: var(--white);
  --deprecated-card-bg: var(--primary-100);
  --deprecated-card-editable-bg: hsl(var(--primary-100-hsl) / 0.6);
  --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);
  --display-banner-overflow-background: hsl(var(--white-hsl) / 0.5);
  --divider-strong: hsl(var(--black-hsl) / 0.16);
  --divider-subtle: hsl(var(--black-hsl) / 0.08);
  --embed-background: var(--primary-130);
  --embed-background-alternate: var(--primary-200);
  --embed-title: var(--primary-860);
  --expression-picker-bg: var(--primary-130);
  --focus-primary: var(--blue-360);
  --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-notifications-bottom-sheet-pill-background: var(--white);
  --header-muted: var(--primary-460);
  --header-primary: var(--primary-860);
  --header-secondary: var(--primary-500);
  --home-background: var(--primary-100);
  --icon-muted: var(--primary-400);
  --icon-primary: var(--primary-860);
  --icon-secondary: var(--primary-500);
  --icon-transparent: hsl(var(--transparent-hsl) / 0);
  --info-box-background: hsl(var(--blue-345-hsl) / 0.1);
  --info-danger-background: hsl(var(--red-430-hsl) / 0.1);
  --info-danger-foreground: var(--red-430);
  --info-danger-text: var(--black);
  --info-help-background: hsl(var(--blue-430-hsl) / 0.1);
  --info-help-foreground: var(--blue-430);
  --info-help-text: var(--black);
  --info-positive-background: hsl(var(--green-400-hsl) / 0.05);
  --info-positive-foreground: var(--green-400);
  --info-positive-text: var(--black);
  --info-warning-background: hsl(var(--yellow-400-hsl) / 0.1);
  --info-warning-foreground: var(--yellow-400);
  --info-warning-text: var(--black);
  --input-background: hsl(var(--black-hsl) / 0.08);
  --input-border: hsl(var(--plum-11-hsl) / 0.32);
  --input-error-background: hsl(var(--red-500-hsl) / 0.12);
  --input-error-border: var(--red-360);
  --input-error-text: var(--red-700);
  --input-focused-border: hsl(var(--black-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);
  --leaderboard-league-brand-text: var(--lol-text-dark);
  --legacy-android-blur-overlay-default: hsl(var(--primary-130-hsl) / 0.1);
  --legacy-android-blur-overlay-ultra-thin: hsl(var(--white-hsl) / 0.25);
  --legacy-blur-fallback-default: hsl(var(--primary-230-hsl) / 0.975);
  --legacy-blur-fallback-ultra-thin: hsl(var(--white-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-560);
  --menu-item-danger-active-bg: var(--red-530);
  --menu-item-danger-hover-bg: var(--red-430);
  --menu-item-default-active-bg: var(--brand-560);
  --menu-item-default-hover-bg: var(--brand-500);
  --modal-background: var(--white);
  --modal-footer-background: var(--primary-130);
  --navigator-header-tint: var(--primary-500);
  --panel-bg: var(--white);
  --polls-normal-fill-hover: var(--primary-230);
  --polls-normal-image-background: var(--white);
  --polls-victor-fill: hsl(var(--green-400-hsl) / 0.2);
  --polls-voted-fill: hsl(var(--brand-500-hsl) / 0.2);
  --premium-nitro-pink-text: var(--premium-nitro-pink-dark);
  --profile-gradient-message-input-border: hsl(var(--primary-430-hsl) / 0.24);
  --profile-gradient-note-background: hsl(var(--white-hsl) / 0.3);
  --profile-gradient-overlay: hsl(var(--white-hsl) / 0.6);
  --profile-gradient-overlay-synced-with-user-theme: hsl(var(--white-hsl) / 0.8);
  --profile-gradient-profile-body-background-hover: hsl(var(--black-hsl) / 0.08);
  --profile-gradient-role-pill-background: hsl(var(--white-hsl) / 0.5);
  --profile-gradient-role-pill-border: hsl(var(--primary-660-hsl) / 0.2);
  --profile-gradient-section-box: hsl(var(--white-hsl) / 0.45);
  --redesign-activity-card-badge-icon: var(--primary-400);
  --redesign-button-active-background: var(--green-430);
  --redesign-button-active-pressed-background: var(--green-460);
  --redesign-button-active-text: var(--white);
  --redesign-button-danger-background: var(--red-430);
  --redesign-button-danger-pressed-background: var(--red-460);
  --redesign-button-danger-text: var(--white);
  --redesign-button-destructive-background: var(--red-430);
  --redesign-button-destructive-pressed-background: var(--red-460);
  --redesign-button-destructive-text: var(--white);
  --redesign-button-overlay-alpha-background: hsl(var(--black-hsl) / 0.54);
  --redesign-button-overlay-alpha-pressed-background: hsl(var(--black-hsl) / 0.64);
  --redesign-button-overlay-alpha-text: var(--white);
  --redesign-button-overlay-background: var(--white);
  --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);
  --redesign-button-premium-primary-blue-for-gradient: var(--premium-tier-0-blue-for-gradients-2);
  --redesign-button-premium-primary-pink-for-gradient: var(--premium-tier-2-pink-for-gradients);
  --redesign-button-premium-primary-pressed-background: hsl(var(--black-hsl) / 0.1);
  --redesign-button-premium-primary-purple-for-gradient: var(--premium-tier-2-purple-for-gradients);
  --redesign-button-premium-primary-purple-for-gradient-2: var(--premium-tier-2-purple-for-gradients-2);
  --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);
  --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);
  --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-pressed-text: var(--brand-530);
  --redesign-button-primary-overlay-background: var(--white);
  --redesign-button-primary-overlay-pressed-background: var(--primary-230);
  --redesign-button-primary-overlay-text: var(--primary-860);
  --redesign-button-primary-pressed-background: var(--brand-560);
  --redesign-button-primary-text: var(--white);
  --redesign-button-secondary-background: var(--white);
  --redesign-button-secondary-border: hsl(var(--black-hsl) / 0.08);
  --redesign-button-secondary-overlay-background: hsl(var(--black-hsl) / 0.54);
  --redesign-button-secondary-overlay-pressed-background: hsl(var(--black-hsl) / 0.64);
  --redesign-button-secondary-overlay-text: var(--white);
  --redesign-button-secondary-pressed-background: var(--primary-130);
  --redesign-button-secondary-pressed-border: hsl(var(--black-hsl) / 0.04);
  --redesign-button-secondary-text: var(--primary-600);
  --redesign-button-selected-background: hsl(var(--brand-500-hsl) / 0.16);
  --redesign-button-selected-pressed-background: hsl(var(--brand-500-hsl) / 0.24);
  --redesign-button-selected-text: var(--brand-500);
  --redesign-button-tertiary-background: hsl(var(--black-hsl) / 0.08);
  --redesign-button-tertiary-pressed-background: hsl(var(--black-hsl) / 0.16);
  --redesign-button-tertiary-pressed-text: var(--primary-500);
  --redesign-button-tertiary-text: var(--primary-600);
  --redesign-channel-name-muted-text: var(--primary-460);
  --redesign-channel-name-text: var(--primary-860);
  --redesign-chat-input-background: hsl(var(--black-hsl) / 0.08);
  --redesign-image-button-pressed-background: hsl(var(--black-hsl) / 0.08);
  --redesign-input-control-active-bg: var(--white);
  --redesign-input-control-selected: var(--brand-500);
  --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-hsl) / 0);
  --spine-default: var(--primary-300);
  --spoiler-hidden-background: var(--primary-200);
  --spoiler-revealed-background: var(--primary-160);
  --stage-card-pill-bg: var(--white);
  --status-danger: var(--red-430);
  --status-danger-background: var(--red-430);
  --status-danger-text: var(--white);
  --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);
  --status-speaking: var(--green-360);
  --status-warning: var(--yellow-400);
  --status-warning-background: var(--yellow-400);
  --status-warning-text: var(--white);
  --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);
  --theme-locked-blur-fallback: hsl(var(--primary-700-hsl) / 0.96);
  --thread-channel-spine: var(--primary-300);
  --toast-bg: var(--white);
  --typing-indicator-bg: var(--primary-130);
  --user-profile-header-overflow-background: hsl(var(--white-hsl) / 0.5);
  --voice-video-video-tile-background: hsl(var(--plum-17-hsl) / 0.4);
  --voice-video-video-tile-blur-fallback: hsl(var(--primary-700-hsl) / 0.48)
}

@supports(color:color-mix(in lch, red, blue))and (top:var(--f)) {
  .theme-light {
    --action-sheet-gradient-bg: color-mix(in oklab,
        var(--primary-130) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --activity-card-background: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --activity-card-icon-overlay: color-mix(in oklab,
        hsl(var(--primary-600-hsl) / 0.85) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.85) var(--theme-base-color-amount, 0%));
    --alert-bg: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --android-navigation-bar-background: color-mix(in oklab,
        var(--primary-100) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --android-navigation-scrim-background: color-mix(in oklab,
        hsl(var(--primary-100-hsl) / 0.5) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.5) var(--theme-base-color-amount, 0%));
    --android-ripple: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.12) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12) var(--theme-base-color-amount, 0%));
    --autocomplete-bg: color-mix(in oklab,
        var(--primary-100) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-accent: color-mix(in oklab,
        var(--primary-430) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-floating: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-mentioned: color-mix(in oklab,
        hsl(var(--yellow-300-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --background-mentioned-hover: color-mix(in oklab,
        hsl(var(--yellow-300-hsl) / 0.2) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2) var(--theme-base-color-amount, 0%));
    --background-message-automod: color-mix(in oklab,
        hsl(var(--red-400-hsl) / 0.05) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.05) var(--theme-base-color-amount, 0%));
    --background-message-automod-hover: color-mix(in oklab,
        hsl(var(--red-400-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --background-message-highlight: color-mix(in oklab,
        hsl(var(--brand-360-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --background-message-highlight-hover: color-mix(in oklab,
        hsl(var(--brand-360-hsl) / 0.2) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2) var(--theme-base-color-amount, 0%));
    --background-message-hover: color-mix(in oklab,
        hsl(var(--primary-900-hsl) / 0.03) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.03) var(--theme-base-color-amount, 0%));
    --background-mobile-primary: color-mix(in oklab,
        var(--primary-100) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-mobile-secondary: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-modifier-accent: color-mix(in oklab,
        hsl(var(--primary-400-hsl) / 0.24) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.24) var(--theme-base-color-amount, 0%));
    --background-modifier-active: color-mix(in oklab,
        hsl(var(--primary-400-hsl) / 0.2) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2) var(--theme-base-color-amount, 0%));
    --background-modifier-hover: color-mix(in oklab,
        hsl(var(--primary-400-hsl) / 0.16) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.16) var(--theme-base-color-amount, 0%));
    --background-modifier-selected: color-mix(in oklab,
        hsl(var(--primary-400-hsl) / 0.24) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.24) var(--theme-base-color-amount, 0%));
    --background-nested-floating: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-primary: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-secondary: color-mix(in oklab,
        var(--primary-130) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-secondary-alt: color-mix(in oklab,
        var(--primary-160) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-tertiary: color-mix(in oklab,
        var(--primary-200) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-backdrop: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.54) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.54) var(--theme-base-color-amount, 0%));
    --bg-backdrop-immersive: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.8) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.8) var(--theme-base-color-amount, 0%));
    --bg-backdrop-no-opacity: color-mix(in oklab,
        var(--black) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-base-primary: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-base-secondary: color-mix(in oklab,
        var(--primary-130) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-base-tertiary: color-mix(in oklab,
        var(--primary-160) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-mod-faint: color-mix(in oklab,
        hsl(var(--primary-400-hsl) / 0.08) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.08) var(--theme-base-color-amount, 0%));
    --bg-mod-strong: color-mix(in oklab,
        hsl(var(--primary-400-hsl) / 0.24) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.24) var(--theme-base-color-amount, 0%));
    --bg-mod-subtle: color-mix(in oklab,
        hsl(var(--primary-400-hsl) / 0.16) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.16) var(--theme-base-color-amount, 0%));
    --bg-surface-overlay: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-surface-overlay-tmp: color-mix(in oklab,
        var(--primary-130) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-surface-raised: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --blur-fallback: color-mix(in oklab,
        hsl(var(--primary-530-hsl) / 0.96) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.96) var(--theme-base-color-amount, 0%));
    --blur-fallback-pressed: color-mix(in oklab,
        hsl(var(--primary-560-hsl) / 0.96) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.96) var(--theme-base-color-amount, 0%));
    --border-faint: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.04) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.04) var(--theme-base-color-amount, 0%));
    --border-strong: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.16) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.16) var(--theme-base-color-amount, 0%));
    --border-subtle: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.08) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.08) var(--theme-base-color-amount, 0%));
    --bug-reporter-modal-submitting-background: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.6) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.6) var(--theme-base-color-amount, 0%));
    --card-gradient-bg: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.7) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.7) var(--theme-base-color-amount, 0%));
    --card-gradient-pressed-bg: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.5) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.5) var(--theme-base-color-amount, 0%));
    --card-primary-bg: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --card-primary-pressed-bg: color-mix(in oklab,
        var(--primary-160) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --card-secondary-bg: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --card-secondary-pressed-bg: color-mix(in oklab,
        var(--primary-160) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --channel-icon: color-mix(in oklab,
        var(--primary-430) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --channel-text-area-placeholder: color-mix(in oklab,
        var(--primary-400) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --channels-default: color-mix(in oklab,
        var(--primary-460) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --channeltextarea-background: color-mix(in oklab,
        var(--primary-160) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --chat-background: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --chat-banner-bg: color-mix(in oklab,
        var(--primary-130) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --chat-border: color-mix(in oklab,
        var(--primary-200) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --chat-input-container-background: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --chat-swipe-to-reply-background: color-mix(in oklab,
        var(--primary-160) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --chat-swipe-to-reply-gradient-background: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.4) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.4) var(--theme-base-color-amount, 0%));
    --coachmark-bg: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --content-inventory-media-seekbar-container: color-mix(in oklab,
        hsl(var(--plum-6-hsl) / 0.24) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.24) var(--theme-base-color-amount, 0%));
    --content-inventory-overlay-text-primary: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.85) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.85) var(--theme-base-color-amount, 0%));
    --content-inventory-overlay-text-secondary: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.7) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.7) var(--theme-base-color-amount, 0%));
    --content-inventory-overlay-ui-mod: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.7) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.7) var(--theme-base-color-amount, 0%));
    --content-inventory-overlay-ui-mod-bg: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --context-menu-backdrop-background: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.54) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.54) var(--theme-base-color-amount, 0%));
    --control-brand-foreground: color-mix(in oklab,
        var(--brand-500) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --control-brand-foreground-new: color-mix(in oklab,
        var(--brand-500) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --creator-revenue-icon-gradient-end: color-mix(in oklab,
        var(--teal-400) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --creator-revenue-icon-gradient-start: color-mix(in oklab,
        var(--teal-345) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --creator-revenue-info-box-background: color-mix(in oklab,
        hsl(var(--teal-430-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --creator-revenue-info-box-border: color-mix(in oklab,
        var(--teal-400) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --creator-revenue-locked-channel-icon: color-mix(in oklab,
        var(--teal-400) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --creator-revenue-progress-bar: color-mix(in oklab,
        var(--teal-345) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --custom-status-bubble-bg: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --deprecated-card-bg: color-mix(in oklab,
        var(--primary-100) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --deprecated-card-editable-bg: color-mix(in oklab,
        hsl(var(--primary-100-hsl) / 0.6) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.6) var(--theme-base-color-amount, 0%));
    --deprecated-text-input-bg: color-mix(in oklab,
        var(--primary-200) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --deprecated-text-input-border: color-mix(in oklab,
        hsl(var(--primary-500-hsl) / 0.3) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.3) var(--theme-base-color-amount, 0%));
    --deprecated-text-input-border-disabled: color-mix(in oklab,
        var(--primary-200) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --deprecated-text-input-border-hover: color-mix(in oklab,
        var(--primary-300) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --display-banner-overflow-background: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.5) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.5) var(--theme-base-color-amount, 0%));
    --divider-strong: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.16) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.16) var(--theme-base-color-amount, 0%));
    --divider-subtle: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.08) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.08) var(--theme-base-color-amount, 0%));
    --embed-background: color-mix(in oklab,
        var(--primary-130) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --embed-background-alternate: color-mix(in oklab,
        var(--primary-200) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --embed-title: color-mix(in oklab,
        var(--primary-860) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --expression-picker-bg: color-mix(in oklab,
        var(--primary-130) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --focus-primary: color-mix(in oklab,
        var(--blue-360) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --forum-post-extra-media-count-container-background: color-mix(in oklab,
        hsl(var(--primary-160-hsl) / 0.8) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.8) var(--theme-base-color-amount, 0%));
    --forum-post-tag-background: color-mix(in oklab,
        hsl(var(--primary-160-hsl) / 0.9) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.9) var(--theme-base-color-amount, 0%));
    --guild-notifications-bottom-sheet-pill-background: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --header-muted: color-mix(in oklab,
        var(--primary-460) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --header-primary: color-mix(in oklab,
        var(--primary-860) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --header-secondary: color-mix(in oklab,
        var(--primary-500) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --home-background: color-mix(in oklab,
        var(--primary-100) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --icon-muted: color-mix(in oklab,
        var(--primary-400) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --icon-primary: color-mix(in oklab,
        var(--primary-860) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --icon-secondary: color-mix(in oklab,
        var(--primary-500) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --icon-transparent: color-mix(in oklab,
        hsl(var(--transparent-hsl) / 0) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0) var(--theme-text-color-amount, 0%));
    --info-box-background: color-mix(in oklab,
        hsl(var(--blue-345-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --info-danger-background: color-mix(in oklab,
        hsl(var(--red-430-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --info-danger-foreground: color-mix(in oklab,
        var(--red-430) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-danger-text: color-mix(in oklab,
        var(--black) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-help-background: color-mix(in oklab,
        hsl(var(--blue-430-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --info-help-foreground: color-mix(in oklab,
        var(--blue-430) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-help-text: color-mix(in oklab,
        var(--black) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-positive-background: color-mix(in oklab,
        hsl(var(--green-400-hsl) / 0.05) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.05) var(--theme-base-color-amount, 0%));
    --info-positive-foreground: color-mix(in oklab,
        var(--green-400) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-positive-text: color-mix(in oklab,
        var(--black) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-warning-background: color-mix(in oklab,
        hsl(var(--yellow-400-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --info-warning-foreground: color-mix(in oklab,
        var(--yellow-400) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-warning-text: color-mix(in oklab,
        var(--black) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --input-background: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.08) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.08) var(--theme-base-color-amount, 0%));
    --input-border: color-mix(in oklab,
        hsl(var(--plum-11-hsl) / 0.32) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.32) var(--theme-base-color-amount, 0%));
    --input-error-background: color-mix(in oklab,
        hsl(var(--red-500-hsl) / 0.12) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12) var(--theme-base-color-amount, 0%));
    --input-error-border: color-mix(in oklab,
        var(--red-360) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --input-error-text: color-mix(in oklab,
        var(--red-700) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --input-focused-border: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.16) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.16) var(--theme-base-color-amount, 0%));
    --input-placeholder-text: color-mix(in oklab,
        var(--primary-460) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --interactive-active: color-mix(in oklab,
        var(--primary-860) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --interactive-hover: color-mix(in oklab,
        var(--primary-600) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --interactive-muted: color-mix(in oklab,
        var(--primary-300) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --interactive-normal: color-mix(in oklab,
        var(--primary-500) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --leaderboard-league-brand-text: color-mix(in oklab,
        var(--lol-text-dark) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --legacy-android-blur-overlay-default: color-mix(in oklab,
        hsl(var(--primary-130-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --legacy-android-blur-overlay-ultra-thin: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.25) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.25) var(--theme-base-color-amount, 0%));
    --legacy-blur-fallback-default: color-mix(in oklab,
        hsl(var(--primary-230-hsl) / 0.975) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.975) var(--theme-base-color-amount, 0%));
    --legacy-blur-fallback-ultra-thin: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.95) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.95) var(--theme-base-color-amount, 0%));
    --live-stage-tile-border: color-mix(in oklab,
        hsl(var(--primary-430-hsl) / 0.15) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.15) var(--theme-base-color-amount, 0%));
    --logo-primary: color-mix(in oklab,
        var(--brand-500) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --mention-background: color-mix(in oklab,
        hsl(var(--brand-500-hsl) / 0.15) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.15) var(--theme-base-color-amount, 0%));
    --mention-foreground: color-mix(in oklab,
        var(--brand-560) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --menu-item-danger-active-bg: color-mix(in oklab,
        var(--red-530) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --menu-item-danger-hover-bg: color-mix(in oklab,
        var(--red-430) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --menu-item-default-active-bg: color-mix(in oklab,
        var(--brand-560) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --menu-item-default-hover-bg: color-mix(in oklab,
        var(--brand-500) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --modal-background: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --modal-footer-background: color-mix(in oklab,
        var(--primary-130) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --navigator-header-tint: color-mix(in oklab,
        var(--primary-500) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --panel-bg: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --polls-normal-fill-hover: color-mix(in oklab,
        var(--primary-230) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --polls-normal-image-background: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --polls-victor-fill: color-mix(in oklab,
        hsl(var(--green-400-hsl) / 0.2) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2) var(--theme-base-color-amount, 0%));
    --polls-voted-fill: color-mix(in oklab,
        hsl(var(--brand-500-hsl) / 0.2) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2) var(--theme-base-color-amount, 0%));
    --premium-nitro-pink-text: color-mix(in oklab,
        var(--premium-nitro-pink-dark) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --profile-gradient-message-input-border: color-mix(in oklab,
        hsl(var(--primary-430-hsl) / 0.24) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.24) var(--theme-base-color-amount, 0%));
    --profile-gradient-note-background: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.3) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.3) var(--theme-base-color-amount, 0%));
    --profile-gradient-overlay: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.6) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.6) var(--theme-base-color-amount, 0%));
    --profile-gradient-overlay-synced-with-user-theme: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.8) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.8) var(--theme-base-color-amount, 0%));
    --profile-gradient-profile-body-background-hover: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.08) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.08) var(--theme-base-color-amount, 0%));
    --profile-gradient-role-pill-background: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.5) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.5) var(--theme-base-color-amount, 0%));
    --profile-gradient-role-pill-border: color-mix(in oklab,
        hsl(var(--primary-660-hsl) / 0.2) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2) var(--theme-base-color-amount, 0%));
    --profile-gradient-section-box: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.45) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.45) var(--theme-base-color-amount, 0%));
    --redesign-activity-card-badge-icon: color-mix(in oklab,
        var(--primary-400) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-active-background: color-mix(in oklab,
        var(--green-430) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-active-pressed-background: color-mix(in oklab,
        var(--green-460) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-active-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-danger-background: color-mix(in oklab,
        var(--red-430) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-danger-pressed-background: color-mix(in oklab,
        var(--red-460) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-danger-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-destructive-background: color-mix(in oklab,
        var(--red-430) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-destructive-pressed-background: color-mix(in oklab,
        var(--red-460) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-destructive-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-overlay-alpha-background: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.54) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.54) var(--theme-base-color-amount, 0%));
    --redesign-button-overlay-alpha-pressed-background: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.64) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.64) var(--theme-base-color-amount, 0%));
    --redesign-button-overlay-alpha-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-overlay-background: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-overlay-text: color-mix(in oklab,
        var(--primary-860) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-positive-background: color-mix(in oklab,
        var(--green-430) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-positive-pressed-background: color-mix(in oklab,
        var(--green-460) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-positive-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-premium-primary-blue-for-gradient: color-mix(in oklab,
        var(--premium-tier-0-blue-for-gradients-2) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-premium-primary-pink-for-gradient: color-mix(in oklab,
        var(--premium-tier-2-pink-for-gradients) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-premium-primary-pressed-background: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --redesign-button-premium-primary-purple-for-gradient: color-mix(in oklab,
        var(--premium-tier-2-purple-for-gradients) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-premium-primary-purple-for-gradient-2: color-mix(in oklab,
        var(--premium-tier-2-purple-for-gradients-2) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-background: color-mix(in oklab,
        hsl(var(--brand-500-hsl) / 0) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-border: color-mix(in oklab,
        var(--brand-500) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-on-blurple-background: color-mix(in oklab,
        hsl(var(--brand-530-hsl) / 0) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-on-blurple-border: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-on-blurple-pressed-background: color-mix(in oklab,
        var(--brand-530) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-on-blurple-pressed-border: color-mix(in oklab,
        var(--brand-360) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-on-blurple-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-alt-pressed-background: color-mix(in oklab,
        hsl(var(--brand-500-hsl) / 0.06) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.06) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-pressed-border: color-mix(in oklab,
        var(--brand-330) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-pressed-text: color-mix(in oklab,
        var(--brand-560) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-alt-text: color-mix(in oklab,
        var(--brand-500) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-background: color-mix(in oklab,
        var(--brand-500) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-on-blurple-pressed-text: color-mix(in oklab,
        var(--brand-530) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-overlay-background: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-overlay-pressed-background: color-mix(in oklab,
        var(--primary-230) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-overlay-text: color-mix(in oklab,
        var(--primary-860) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-pressed-background: color-mix(in oklab,
        var(--brand-560) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-secondary-background: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-border: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.08) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.08) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-overlay-background: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.54) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.54) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-overlay-pressed-background: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.64) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.64) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-overlay-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-secondary-pressed-background: color-mix(in oklab,
        var(--primary-130) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-pressed-border: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.04) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.04) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-text: color-mix(in oklab,
        var(--primary-600) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-selected-background: color-mix(in oklab,
        hsl(var(--brand-500-hsl) / 0.16) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.16) var(--theme-base-color-amount, 0%));
    --redesign-button-selected-pressed-background: color-mix(in oklab,
        hsl(var(--brand-500-hsl) / 0.24) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.24) var(--theme-base-color-amount, 0%));
    --redesign-button-selected-text: color-mix(in oklab,
        var(--brand-500) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-tertiary-background: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.08) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.08) var(--theme-base-color-amount, 0%));
    --redesign-button-tertiary-pressed-background: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.16) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.16) var(--theme-base-color-amount, 0%));
    --redesign-button-tertiary-pressed-text: color-mix(in oklab,
        var(--primary-500) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-tertiary-text: color-mix(in oklab,
        var(--primary-600) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-channel-name-muted-text: color-mix(in oklab,
        var(--primary-460) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-channel-name-text: color-mix(in oklab,
        var(--primary-860) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-chat-input-background: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.08) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.08) var(--theme-base-color-amount, 0%));
    --redesign-image-button-pressed-background: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.08) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.08) var(--theme-base-color-amount, 0%));
    --redesign-input-control-active-bg: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-input-control-selected: color-mix(in oklab,
        var(--brand-500) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-scrollbar-color-thumb: color-mix(in oklab,
        var(--primary-230) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-scrollbar-color-track: color-mix(in oklab,
        var(--primary-130) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-thumb: color-mix(in oklab,
        var(--primary-300) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-track: color-mix(in oklab,
        var(--primary-160) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --scrollbar-thin-thumb: color-mix(in oklab,
        hsl(var(--primary-500-hsl) / 0.3) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.3) var(--theme-base-color-amount, 0%));
    --scrollbar-thin-track: color-mix(in oklab,
        hsl(var(--black-hsl) / 0) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0) var(--theme-base-color-amount, 0%));
    --spine-default: color-mix(in oklab,
        var(--primary-300) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --spoiler-hidden-background: color-mix(in oklab,
        var(--primary-200) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --spoiler-revealed-background: color-mix(in oklab,
        var(--primary-160) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --stage-card-pill-bg: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --text-brand: color-mix(in oklab,
        var(--brand-500) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-danger: color-mix(in oklab,
        var(--red-500) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-link: color-mix(in oklab,
        var(--blue-430) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-link-low-saturation: color-mix(in oklab,
        var(--blue-430) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-low-contrast: color-mix(in oklab,
        var(--primary-460) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-message-preview-low-sat: color-mix(in oklab,
        var(--primary-460) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-muted: color-mix(in oklab,
        var(--primary-460) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-muted-on-default: color-mix(in oklab,
        var(--primary-430) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-normal: color-mix(in oklab,
        var(--primary-600) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-positive: color-mix(in oklab,
        var(--green-430) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-primary: color-mix(in oklab,
        var(--primary-600) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-secondary: color-mix(in oklab,
        var(--primary-500) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-warning: color-mix(in oklab,
        var(--yellow-430) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --textbox-markdown-syntax: color-mix(in oklab,
        var(--primary-530) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --theme-locked-blur-fallback: color-mix(in oklab,
        hsl(var(--primary-700-hsl) / 0.96) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.96) var(--theme-base-color-amount, 0%));
    --thread-channel-spine: color-mix(in oklab,
        var(--primary-300) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --toast-bg: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --typing-indicator-bg: color-mix(in oklab,
        var(--primary-130) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --user-profile-header-overflow-background: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.5) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.5) var(--theme-base-color-amount, 0%));
    --voice-video-video-tile-background: color-mix(in oklab,
        hsl(var(--plum-17-hsl) / 0.4) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.4) var(--theme-base-color-amount, 0%));
    --voice-video-video-tile-blur-fallback: color-mix(in oklab,
        hsl(var(--primary-700-hsl) / 0.48) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.48) var(--theme-base-color-amount, 0%))
  }
}

.theme-midnight {
  --action-sheet-gradient-bg: var(--black);
  --activity-card-background: var(--primary-700);
  --activity-card-icon-overlay: hsl(var(--primary-600-hsl) / 0.85);
  --alert-bg: var(--black);
  --android-navigation-bar-background: var(--plum-24);
  --android-navigation-scrim-background: hsl(var(--plum-24-hsl) / 0.5);
  --android-ripple: hsl(var(--white-hsl) / 0.07);
  --autocomplete-bg: var(--primary-630);
  --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);
  --background-mobile-secondary: var(--black);
  --background-modifier-accent: hsl(var(--plum-23-alpha-hsl) / 0.1);
  --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);
  --background-primary: var(--black);
  --background-secondary: var(--plum-23);
  --background-secondary-alt: var(--plum-17);
  --background-tertiary: var(--plum-19);
  --badge-brand-bg: var(--brand-260);
  --badge-brand-text: var(--brand-560);
  --bg-backdrop: hsl(var(--plum-19-hsl) / 0.75);
  --bg-backdrop-immersive: hsl(var(--plum-19-hsl) / 0.9);
  --bg-backdrop-no-opacity: var(--plum-19);
  --bg-base-primary: var(--black);
  --bg-base-secondary: var(--black);
  --bg-base-tertiary: var(--black);
  --bg-brand: var(--brand-500);
  --bg-mod-faint: hsl(var(--plum-11-hsl) / 0.16);
  --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-faint: hsl(var(--plum-11-hsl) / 0.08);
  --border-strong: hsl(var(--plum-11-hsl) / 0.24);
  --border-subtle: hsl(var(--plum-11-hsl) / 0.14);
  --bug-reporter-modal-submitting-background: hsl(var(--plum-23-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-danger-border: hsl(var(--white-500-hsl) / 0);
  --button-filled-brand-background: var(--brand-500);
  --button-filled-brand-background-active: var(--brand-600);
  --button-filled-brand-background-hover: var(--brand-560);
  --button-filled-brand-border: hsl(var(--white-500-hsl) / 0);
  --button-filled-brand-inverted-background: var(--white);
  --button-filled-brand-inverted-background-active: var(--brand-200);
  --button-filled-brand-inverted-background-hover: var(--brand-100);
  --button-filled-brand-inverted-text: var(--brand-500);
  --button-filled-brand-text: var(--white);
  --button-filled-white-background: var(--white-500);
  --button-filled-white-background-active: var(--white-500);
  --button-filled-white-background-hover: var(--white-500);
  --button-filled-white-text: var(--primary-500);
  --button-outline-brand-background: hsl(var(--white-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);
  --button-outline-brand-text-active: var(--white);
  --button-outline-brand-text-hover: var(--white);
  --button-outline-danger-background: hsl(var(--white-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);
  --button-outline-danger-text-active: var(--white);
  --button-outline-danger-text-hover: var(--white);
  --button-outline-positive-background: hsl(var(--white-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);
  --button-outline-positive-text-active: var(--white);
  --button-outline-positive-text-hover: var(--white);
  --button-outline-primary-background: hsl(var(--white-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);
  --button-outline-primary-text-active: var(--white);
  --button-outline-primary-text-hover: var(--white);
  --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-positive-border: hsl(var(--white-500-hsl) / 0);
  --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);
  --button-secondary-text: var(--white-500);
  --button-transparent-background: hsl(var(--white-500-hsl) / 0.1);
  --button-transparent-background-active: hsl(var(--white-500-hsl) / 0.01);
  --button-transparent-background-hover: hsl(var(--white-500-hsl) / 0.05);
  --button-transparent-text: var(--plum-2);
  --card-gradient-bg: hsl(var(--black-hsl) / 0.4);
  --card-gradient-pressed-bg: hsl(var(--black-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);
  --channel-icon: var(--plum-10);
  --channel-text-area-placeholder: var(--plum-11);
  --channels-default: var(--plum-9);
  --channeltextarea-background: var(--plum-23);
  --chat-background: var(--black);
  --chat-banner-bg: var(--black);
  --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-hsl) / 0.1);
  --coachmark-bg: var(--plum-19);
  --content-inventory-media-seekbar-container: hsl(var(--plum-6-hsl) / 0.24);
  --content-inventory-overlay-text-primary: hsl(var(--white-hsl) / 0.85);
  --content-inventory-overlay-text-secondary: hsl(var(--white-hsl) / 0.7);
  --content-inventory-overlay-ui-mod: hsl(var(--white-hsl) / 0.7);
  --content-inventory-overlay-ui-mod-bg: hsl(var(--black-hsl) / 0.1);
  --context-menu-backdrop-background: hsl(var(--black-hsl) / 0.7);
  --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);
  --custom-status-bubble-bg: var(--plum-19);
  --deprecated-card-bg: hsl(var(--primary-700-hsl) / 0.6);
  --deprecated-card-editable-bg: hsl(var(--primary-700-hsl) / 0.3);
  --deprecated-text-input-bg: var(--primary-700);
  --deprecated-text-input-border: hsl(var(--black-hsl) / 0.3);
  --deprecated-text-input-border-disabled: var(--primary-700);
  --deprecated-text-input-border-hover: var(--primary-900);
  --display-banner-overflow-background: hsl(var(--plum-20-hsl) / 0.5);
  --divider-strong: hsl(var(--plum-11-hsl) / 0.24);
  --divider-subtle: hsl(var(--plum-11-hsl) / 0.12);
  --embed-background: var(--plum-23);
  --embed-background-alternate: var(--primary-600);
  --embed-title: var(--plum-2);
  --expression-picker-bg: var(--black);
  --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);
  --guild-notifications-bottom-sheet-pill-background: var(--primary-700);
  --header-muted: var(--plum-10);
  --header-primary: var(--plum-2);
  --header-secondary: var(--plum-8);
  --home-background: var(--plum-18);
  --icon-muted: var(--plum-12);
  --icon-primary: var(--plum-5);
  --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);
  --info-help-background: hsl(var(--blue-345-hsl) / 0.1);
  --info-help-foreground: var(--blue-345);
  --info-help-text: var(--white);
  --info-positive-background: hsl(var(--green-360-hsl) / 0.1);
  --info-positive-foreground: var(--green-360);
  --info-positive-text: var(--white);
  --info-warning-background: hsl(var(--yellow-300-hsl) / 0.1);
  --info-warning-foreground: var(--yellow-300);
  --info-warning-text: var(--white);
  --input-background: hsl(var(--plum-23-alpha-hsl) / 0.1);
  --input-border: hsl(var(--plum-11-hsl) / 0.32);
  --input-error-background: hsl(var(--red-500-hsl) / 0.12);
  --input-error-border: var(--red-360);
  --input-error-text: var(--red-260);
  --input-focused-border: hsl(var(--plum-11-hsl) / 0.24);
  --input-placeholder-text: var(--plum-9);
  --interactive-active: var(--plum-3);
  --interactive-hover: var(--plum-4);
  --interactive-muted: var(--plum-13);
  --interactive-normal: var(--plum-6);
  --leaderboard-league-brand-text: var(--lol-text-light);
  --legacy-android-blur-overlay-default: hsl(var(--primary-660-hsl) / 0.5);
  --legacy-android-blur-overlay-ultra-thin: hsl(var(--black-hsl) / 0.025);
  --legacy-blur-fallback-default: hsl(var(--primary-660-hsl) / 0.975);
  --legacy-blur-fallback-ultra-thin: hsl(var(--black-hsl) / 0.95);
  --live-stage-tile-border: hsl(var(--plum-13-hsl) / 0.6);
  --logo-primary: var(--white);
  --mention-background: hsl(var(--brand-500-hsl) / 0.5);
  --mention-foreground: var(--brand-230);
  --menu-item-danger-active-bg: var(--red-530);
  --menu-item-danger-hover-bg: var(--red-430);
  --menu-item-default-active-bg: var(--brand-560);
  --menu-item-default-hover-bg: var(--brand-500);
  --modal-background: var(--plum-16);
  --modal-footer-background: var(--plum-17);
  --navigator-header-tint: var(--white);
  --panel-bg: var(--plum-24);
  --polls-normal-fill-hover: var(--primary-600);
  --polls-normal-image-background: var(--primary-660);
  --polls-victor-fill: hsl(var(--green-360-hsl) / 0.2);
  --polls-voted-fill: hsl(var(--brand-500-hsl) / 0.2);
  --premium-nitro-pink-text: var(--premium-nitro-pink-light);
  --profile-gradient-message-input-border: hsl(var(--primary-500-hsl) / 0.48);
  --profile-gradient-note-background: hsl(var(--black-hsl) / 0.3);
  --profile-gradient-overlay: hsl(var(--black-hsl) / 0.6);
  --profile-gradient-overlay-synced-with-user-theme: hsl(var(--black-hsl) / 0.8);
  --profile-gradient-profile-body-background-hover: hsl(var(--white-hsl) / 0.16);
  --profile-gradient-role-pill-background: hsl(var(--primary-660-hsl) / 0.5);
  --profile-gradient-role-pill-border: hsl(var(--white-hsl) / 0.2);
  --profile-gradient-section-box: hsl(var(--black-hsl) / 0.45);
  --redesign-activity-card-badge-icon: var(--plum-11);
  --redesign-button-active-background: var(--green-430);
  --redesign-button-active-pressed-background: var(--green-460);
  --redesign-button-active-text: var(--white);
  --redesign-button-danger-background: var(--red-430);
  --redesign-button-danger-pressed-background: var(--red-460);
  --redesign-button-danger-text: var(--white);
  --redesign-button-destructive-background: var(--red-430);
  --redesign-button-destructive-pressed-background: var(--red-460);
  --redesign-button-destructive-text: var(--white);
  --redesign-button-overlay-alpha-background: hsl(var(--black-hsl) / 0.54);
  --redesign-button-overlay-alpha-pressed-background: hsl(var(--black-hsl) / 0.64);
  --redesign-button-overlay-alpha-text: var(--white);
  --redesign-button-overlay-background: var(--white);
  --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);
  --redesign-button-premium-primary-blue-for-gradient: var(--premium-tier-0-blue-for-gradients-2);
  --redesign-button-premium-primary-pink-for-gradient: var(--premium-tier-2-pink-for-gradients);
  --redesign-button-premium-primary-pressed-background: hsl(var(--black-hsl) / 0.1);
  --redesign-button-premium-primary-purple-for-gradient: var(--premium-tier-2-purple-for-gradients);
  --redesign-button-premium-primary-purple-for-gradient-2: var(--premium-tier-2-purple-for-gradients-2);
  --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);
  --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);
  --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-pressed-text: var(--brand-530);
  --redesign-button-primary-overlay-background: var(--white);
  --redesign-button-primary-overlay-pressed-background: var(--plum-4);
  --redesign-button-primary-overlay-text: var(--plum-25);
  --redesign-button-primary-pressed-background: var(--brand-560);
  --redesign-button-primary-text: var(--white);
  --redesign-button-secondary-background: var(--plum-17);
  --redesign-button-secondary-border: hsl(var(--plum-11-hsl) / 0.14);
  --redesign-button-secondary-overlay-background: hsl(var(--black-hsl) / 0.54);
  --redesign-button-secondary-overlay-pressed-background: hsl(var(--black-hsl) / 0.64);
  --redesign-button-secondary-overlay-text: var(--white);
  --redesign-button-secondary-pressed-background: var(--plum-15);
  --redesign-button-secondary-pressed-border: hsl(var(--plum-11-hsl) / 0.08);
  --redesign-button-secondary-text: var(--plum-4);
  --redesign-button-selected-background: hsl(var(--brand-500-hsl) / 0.24);
  --redesign-button-selected-pressed-background: hsl(var(--brand-500-hsl) / 0.28);
  --redesign-button-selected-text: var(--brand-500);
  --redesign-button-tertiary-background: hsl(var(--plum-23-alpha-hsl) / 0.1);
  --redesign-button-tertiary-pressed-background: hsl(var(--plum-11-hsl) / 0.2);
  --redesign-button-tertiary-pressed-text: var(--plum-6);
  --redesign-button-tertiary-text: var(--plum-4);
  --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.1);
  --redesign-image-button-pressed-background: hsl(var(--black-hsl) / 0.08);
  --redesign-input-control-active-bg: var(--plum-17);
  --redesign-input-control-selected: var(--brand-500);
  --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-hsl) / 0);
  --spine-default: var(--plum-13);
  --spoiler-hidden-background: var(--plum-14);
  --spoiler-revealed-background: hsl(var(--plum-11-hsl) / 0.16);
  --stage-card-pill-bg: var(--plum-25);
  --status-danger: var(--red-400);
  --status-danger-background: var(--red-430);
  --status-danger-text: var(--white);
  --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);
  --status-speaking: var(--green-360);
  --status-warning: var(--yellow-300);
  --status-warning-background: var(--yellow-300);
  --status-warning-text: var(--black);
  --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);
  --textbox-markdown-syntax: var(--plum-9);
  --theme-locked-blur-fallback: hsl(var(--primary-700-hsl) / 0.96);
  --thread-channel-spine: var(--plum-13);
  --toast-bg: var(--plum-19);
  --typing-indicator-bg: var(--black);
  --user-profile-header-overflow-background: hsl(var(--plum-20-hsl) / 0.5);
  --voice-video-video-tile-background: hsl(var(--plum-17-hsl) / 0.4);
  --voice-video-video-tile-blur-fallback: hsl(var(--primary-700-hsl) / 0.48)
}

@supports(color:color-mix(in lch, red, blue))and (top:var(--f)) {
  .theme-midnight {
    --action-sheet-gradient-bg: color-mix(in oklab,
        var(--black) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --activity-card-background: color-mix(in oklab,
        var(--primary-700) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --activity-card-icon-overlay: color-mix(in oklab,
        hsl(var(--primary-600-hsl) / 0.85) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.85) var(--theme-base-color-amount, 0%));
    --alert-bg: color-mix(in oklab, var(--black) 100%, var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --android-navigation-bar-background: color-mix(in oklab,
        var(--plum-24) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --android-navigation-scrim-background: color-mix(in oklab,
        hsl(var(--plum-24-hsl) / 0.5) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.5) var(--theme-base-color-amount, 0%));
    --android-ripple: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.07) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.07) var(--theme-base-color-amount, 0%));
    --autocomplete-bg: color-mix(in oklab,
        var(--primary-630) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-accent: color-mix(in oklab,
        var(--plum-17) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-floating: color-mix(in oklab,
        var(--plum-23) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-mentioned: color-mix(in oklab,
        hsl(var(--yellow-260-hsl) / 0.08) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.08) var(--theme-base-color-amount, 0%));
    --background-mentioned-hover: color-mix(in oklab,
        hsl(var(--yellow-300-hsl) / 0.08) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.08) var(--theme-base-color-amount, 0%));
    --background-message-automod: color-mix(in oklab,
        hsl(var(--red-345-hsl) / 0.08) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.08) var(--theme-base-color-amount, 0%));
    --background-message-automod-hover: color-mix(in oklab,
        hsl(var(--red-400-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --background-message-highlight: color-mix(in oklab,
        hsl(var(--brand-360-hsl) / 0.08) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.08) var(--theme-base-color-amount, 0%));
    --background-message-highlight-hover: color-mix(in oklab,
        hsl(var(--brand-360-hsl) / 0.06) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.06) var(--theme-base-color-amount, 0%));
    --background-message-hover: color-mix(in oklab,
        var(--plum-21) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-mobile-primary: color-mix(in oklab,
        var(--black) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-mobile-secondary: color-mix(in oklab,
        var(--black) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-modifier-accent: color-mix(in oklab,
        hsl(var(--plum-23-alpha-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --background-modifier-active: color-mix(in oklab,
        hsl(var(--plum-13-hsl) / 0.48) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.48) var(--theme-base-color-amount, 0%));
    --background-modifier-hover: color-mix(in oklab,
        hsl(var(--plum-13-hsl) / 0.3) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.3) var(--theme-base-color-amount, 0%));
    --background-modifier-selected: color-mix(in oklab,
        hsl(var(--plum-13-hsl) / 0.6) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.6) var(--theme-base-color-amount, 0%));
    --background-nested-floating: color-mix(in oklab,
        var(--black) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-primary: color-mix(in oklab,
        var(--black) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-secondary: color-mix(in oklab,
        var(--plum-23) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-secondary-alt: color-mix(in oklab,
        var(--plum-17) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-tertiary: color-mix(in oklab,
        var(--plum-19) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-backdrop: color-mix(in oklab,
        hsl(var(--plum-19-hsl) / 0.75) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.75) var(--theme-base-color-amount, 0%));
    --bg-backdrop-immersive: color-mix(in oklab,
        hsl(var(--plum-19-hsl) / 0.9) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.9) var(--theme-base-color-amount, 0%));
    --bg-backdrop-no-opacity: color-mix(in oklab,
        var(--plum-19) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-base-primary: color-mix(in oklab,
        var(--black) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-base-secondary: color-mix(in oklab,
        var(--black) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-base-tertiary: color-mix(in oklab,
        var(--black) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-mod-faint: color-mix(in oklab,
        hsl(var(--plum-11-hsl) / 0.16) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.16) var(--theme-base-color-amount, 0%));
    --bg-mod-strong: color-mix(in oklab,
        hsl(var(--plum-11-hsl) / 0.18) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.18) var(--theme-base-color-amount, 0%));
    --bg-mod-subtle: color-mix(in oklab,
        hsl(var(--plum-11-hsl) / 0.12) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12) var(--theme-base-color-amount, 0%));
    --bg-surface-overlay: color-mix(in oklab,
        var(--plum-19) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-surface-overlay-tmp: color-mix(in oklab,
        var(--plum-21) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-surface-raised: color-mix(in oklab,
        var(--plum-23) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --blur-fallback: color-mix(in oklab,
        hsl(var(--plum-19-hsl) / 0.96) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.96) var(--theme-base-color-amount, 0%));
    --blur-fallback-pressed: color-mix(in oklab,
        hsl(var(--plum-20-hsl) / 0.96) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.96) var(--theme-base-color-amount, 0%));
    --border-faint: color-mix(in oklab,
        hsl(var(--plum-11-hsl) / 0.08) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.08) var(--theme-base-color-amount, 0%));
    --border-strong: color-mix(in oklab,
        hsl(var(--plum-11-hsl) / 0.24) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.24) var(--theme-base-color-amount, 0%));
    --border-subtle: color-mix(in oklab,
        hsl(var(--plum-11-hsl) / 0.14) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.14) var(--theme-base-color-amount, 0%));
    --bug-reporter-modal-submitting-background: color-mix(in oklab,
        hsl(var(--plum-23-hsl) / 0.6) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.6) var(--theme-base-color-amount, 0%));
    --card-gradient-bg: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.4) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.4) var(--theme-base-color-amount, 0%));
    --card-gradient-pressed-bg: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.5) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.5) var(--theme-base-color-amount, 0%));
    --card-primary-bg: color-mix(in oklab,
        var(--plum-23) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --card-primary-pressed-bg: color-mix(in oklab,
        var(--plum-25) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --card-secondary-bg: color-mix(in oklab,
        var(--plum-25) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --card-secondary-pressed-bg: color-mix(in oklab,
        var(--plum-26) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --channel-icon: color-mix(in oklab,
        var(--plum-10) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --channel-text-area-placeholder: color-mix(in oklab,
        var(--plum-11) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --channels-default: color-mix(in oklab,
        var(--plum-9) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --channeltextarea-background: color-mix(in oklab,
        var(--plum-23) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --chat-background: color-mix(in oklab,
        var(--black) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --chat-banner-bg: color-mix(in oklab,
        var(--black) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --chat-border: color-mix(in oklab,
        var(--plum-20) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --chat-input-container-background: color-mix(in oklab,
        var(--plum-16) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --chat-swipe-to-reply-background: color-mix(in oklab,
        var(--plum-22) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --chat-swipe-to-reply-gradient-background: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --coachmark-bg: color-mix(in oklab,
        var(--plum-19) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --content-inventory-media-seekbar-container: color-mix(in oklab,
        hsl(var(--plum-6-hsl) / 0.24) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.24) var(--theme-base-color-amount, 0%));
    --content-inventory-overlay-text-primary: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.85) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.85) var(--theme-base-color-amount, 0%));
    --content-inventory-overlay-text-secondary: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.7) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.7) var(--theme-base-color-amount, 0%));
    --content-inventory-overlay-ui-mod: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.7) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.7) var(--theme-base-color-amount, 0%));
    --content-inventory-overlay-ui-mod-bg: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --context-menu-backdrop-background: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.7) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.7) var(--theme-base-color-amount, 0%));
    --control-brand-foreground: color-mix(in oklab,
        var(--brand-360) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --control-brand-foreground-new: color-mix(in oklab,
        var(--brand-360) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --creator-revenue-icon-gradient-end: color-mix(in oklab,
        var(--teal-430) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --creator-revenue-icon-gradient-start: color-mix(in oklab,
        var(--teal-360) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --creator-revenue-info-box-background: color-mix(in oklab,
        hsl(var(--teal-430-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --creator-revenue-info-box-border: color-mix(in oklab,
        var(--teal-400) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --creator-revenue-locked-channel-icon: color-mix(in oklab,
        var(--teal-345) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --creator-revenue-progress-bar: color-mix(in oklab,
        var(--teal-400) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --custom-status-bubble-bg: color-mix(in oklab,
        var(--plum-19) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --deprecated-card-bg: color-mix(in oklab,
        hsl(var(--primary-700-hsl) / 0.6) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.6) var(--theme-base-color-amount, 0%));
    --deprecated-card-editable-bg: color-mix(in oklab,
        hsl(var(--primary-700-hsl) / 0.3) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.3) var(--theme-base-color-amount, 0%));
    --deprecated-text-input-bg: color-mix(in oklab,
        var(--primary-700) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --deprecated-text-input-border: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.3) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.3) var(--theme-base-color-amount, 0%));
    --deprecated-text-input-border-disabled: color-mix(in oklab,
        var(--primary-700) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --deprecated-text-input-border-hover: color-mix(in oklab,
        var(--primary-900) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --display-banner-overflow-background: color-mix(in oklab,
        hsl(var(--plum-20-hsl) / 0.5) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.5) var(--theme-base-color-amount, 0%));
    --divider-strong: color-mix(in oklab,
        hsl(var(--plum-11-hsl) / 0.24) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.24) var(--theme-base-color-amount, 0%));
    --divider-subtle: color-mix(in oklab,
        hsl(var(--plum-11-hsl) / 0.12) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12) var(--theme-base-color-amount, 0%));
    --embed-background: color-mix(in oklab,
        var(--plum-23) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --embed-background-alternate: color-mix(in oklab,
        var(--primary-600) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --embed-title: color-mix(in oklab,
        var(--plum-2) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --expression-picker-bg: color-mix(in oklab,
        var(--black) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --focus-primary: color-mix(in oklab,
        var(--blue-345) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --forum-post-extra-media-count-container-background: color-mix(in oklab,
        hsl(var(--plum-19-hsl) / 0.8) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.8) var(--theme-base-color-amount, 0%));
    --forum-post-tag-background: color-mix(in oklab,
        hsl(var(--plum-19-hsl) / 0.9) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.9) var(--theme-base-color-amount, 0%));
    --guild-notifications-bottom-sheet-pill-background: color-mix(in oklab,
        var(--primary-700) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --header-muted: color-mix(in oklab,
        var(--plum-10) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --header-primary: color-mix(in oklab,
        var(--plum-2) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --header-secondary: color-mix(in oklab,
        var(--plum-8) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --home-background: color-mix(in oklab,
        var(--plum-18) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --icon-muted: color-mix(in oklab,
        var(--plum-12) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --icon-primary: color-mix(in oklab,
        var(--plum-5) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --icon-secondary: color-mix(in oklab,
        var(--plum-9) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --icon-transparent: color-mix(in oklab,
        hsl(var(--transparent-hsl) / 0) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0) var(--theme-text-color-amount, 0%));
    --info-box-background: color-mix(in oklab,
        hsl(var(--blue-345-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --info-danger-background: color-mix(in oklab,
        hsl(var(--red-400-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --info-danger-foreground: color-mix(in oklab,
        var(--red-400) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-danger-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-help-background: color-mix(in oklab,
        hsl(var(--blue-345-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --info-help-foreground: color-mix(in oklab,
        var(--blue-345) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-help-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-positive-background: color-mix(in oklab,
        hsl(var(--green-360-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --info-positive-foreground: color-mix(in oklab,
        var(--green-360) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-positive-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-warning-background: color-mix(in oklab,
        hsl(var(--yellow-300-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --info-warning-foreground: color-mix(in oklab,
        var(--yellow-300) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-warning-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --input-background: color-mix(in oklab,
        hsl(var(--plum-23-alpha-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --input-border: color-mix(in oklab,
        hsl(var(--plum-11-hsl) / 0.32) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.32) var(--theme-base-color-amount, 0%));
    --input-error-background: color-mix(in oklab,
        hsl(var(--red-500-hsl) / 0.12) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12) var(--theme-base-color-amount, 0%));
    --input-error-border: color-mix(in oklab,
        var(--red-360) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --input-error-text: color-mix(in oklab,
        var(--red-260) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --input-focused-border: color-mix(in oklab,
        hsl(var(--plum-11-hsl) / 0.24) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.24) var(--theme-base-color-amount, 0%));
    --input-placeholder-text: color-mix(in oklab,
        var(--plum-9) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --interactive-active: color-mix(in oklab,
        var(--plum-3) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --interactive-hover: color-mix(in oklab,
        var(--plum-4) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --interactive-muted: color-mix(in oklab,
        var(--plum-13) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --interactive-normal: color-mix(in oklab,
        var(--plum-6) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --leaderboard-league-brand-text: color-mix(in oklab,
        var(--lol-text-light) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --legacy-android-blur-overlay-default: color-mix(in oklab,
        hsl(var(--primary-660-hsl) / 0.5) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.5) var(--theme-base-color-amount, 0%));
    --legacy-android-blur-overlay-ultra-thin: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.025) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.025) var(--theme-base-color-amount, 0%));
    --legacy-blur-fallback-default: color-mix(in oklab,
        hsl(var(--primary-660-hsl) / 0.975) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.975) var(--theme-base-color-amount, 0%));
    --legacy-blur-fallback-ultra-thin: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.95) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.95) var(--theme-base-color-amount, 0%));
    --live-stage-tile-border: color-mix(in oklab,
        hsl(var(--plum-13-hsl) / 0.6) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.6) var(--theme-base-color-amount, 0%));
    --logo-primary: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --mention-background: color-mix(in oklab,
        hsl(var(--brand-500-hsl) / 0.5) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.5) var(--theme-base-color-amount, 0%));
    --mention-foreground: color-mix(in oklab,
        var(--brand-230) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --menu-item-danger-active-bg: color-mix(in oklab,
        var(--red-530) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --menu-item-danger-hover-bg: color-mix(in oklab,
        var(--red-430) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --menu-item-default-active-bg: color-mix(in oklab,
        var(--brand-560) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --menu-item-default-hover-bg: color-mix(in oklab,
        var(--brand-500) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --modal-background: color-mix(in oklab,
        var(--plum-16) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --modal-footer-background: color-mix(in oklab,
        var(--plum-17) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --navigator-header-tint: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --panel-bg: color-mix(in oklab,
        var(--plum-24) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --polls-normal-fill-hover: color-mix(in oklab,
        var(--primary-600) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --polls-normal-image-background: color-mix(in oklab,
        var(--primary-660) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --polls-victor-fill: color-mix(in oklab,
        hsl(var(--green-360-hsl) / 0.2) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2) var(--theme-base-color-amount, 0%));
    --polls-voted-fill: color-mix(in oklab,
        hsl(var(--brand-500-hsl) / 0.2) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2) var(--theme-base-color-amount, 0%));
    --premium-nitro-pink-text: color-mix(in oklab,
        var(--premium-nitro-pink-light) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --profile-gradient-message-input-border: color-mix(in oklab,
        hsl(var(--primary-500-hsl) / 0.48) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.48) var(--theme-base-color-amount, 0%));
    --profile-gradient-note-background: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.3) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.3) var(--theme-base-color-amount, 0%));
    --profile-gradient-overlay: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.6) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.6) var(--theme-base-color-amount, 0%));
    --profile-gradient-overlay-synced-with-user-theme: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.8) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.8) var(--theme-base-color-amount, 0%));
    --profile-gradient-profile-body-background-hover: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.16) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.16) var(--theme-base-color-amount, 0%));
    --profile-gradient-role-pill-background: color-mix(in oklab,
        hsl(var(--primary-660-hsl) / 0.5) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.5) var(--theme-base-color-amount, 0%));
    --profile-gradient-role-pill-border: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.2) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2) var(--theme-base-color-amount, 0%));
    --profile-gradient-section-box: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.45) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.45) var(--theme-base-color-amount, 0%));
    --redesign-activity-card-badge-icon: color-mix(in oklab,
        var(--plum-11) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-active-background: color-mix(in oklab,
        var(--green-430) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-active-pressed-background: color-mix(in oklab,
        var(--green-460) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-active-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-danger-background: color-mix(in oklab,
        var(--red-430) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-danger-pressed-background: color-mix(in oklab,
        var(--red-460) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-danger-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-destructive-background: color-mix(in oklab,
        var(--red-430) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-destructive-pressed-background: color-mix(in oklab,
        var(--red-460) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-destructive-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-overlay-alpha-background: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.54) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.54) var(--theme-base-color-amount, 0%));
    --redesign-button-overlay-alpha-pressed-background: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.64) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.64) var(--theme-base-color-amount, 0%));
    --redesign-button-overlay-alpha-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-overlay-background: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-overlay-text: color-mix(in oklab,
        var(--primary-860) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-positive-background: color-mix(in oklab,
        var(--green-430) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-positive-pressed-background: color-mix(in oklab,
        var(--green-460) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-positive-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-premium-primary-blue-for-gradient: color-mix(in oklab,
        var(--premium-tier-0-blue-for-gradients-2) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-premium-primary-pink-for-gradient: color-mix(in oklab,
        var(--premium-tier-2-pink-for-gradients) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-premium-primary-pressed-background: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --redesign-button-premium-primary-purple-for-gradient: color-mix(in oklab,
        var(--premium-tier-2-purple-for-gradients) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-premium-primary-purple-for-gradient-2: color-mix(in oklab,
        var(--premium-tier-2-purple-for-gradients-2) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-background: color-mix(in oklab,
        hsl(var(--brand-500-hsl) / 0) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-border: color-mix(in oklab,
        var(--brand-400) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-on-blurple-background: color-mix(in oklab,
        hsl(var(--brand-530-hsl) / 0) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-on-blurple-border: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-on-blurple-pressed-background: color-mix(in oklab,
        var(--brand-530) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-on-blurple-pressed-border: color-mix(in oklab,
        var(--brand-360) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-on-blurple-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-alt-pressed-background: color-mix(in oklab,
        hsl(var(--brand-700-hsl) / 0.16) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.16) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-pressed-border: color-mix(in oklab,
        hsl(var(--brand-400-hsl) / 0.5) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.5) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-pressed-text: color-mix(in oklab,
        var(--brand-360) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-alt-text: color-mix(in oklab,
        var(--brand-400) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-background: color-mix(in oklab,
        var(--brand-500) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-on-blurple-pressed-text: color-mix(in oklab,
        var(--brand-530) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-overlay-background: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-overlay-pressed-background: color-mix(in oklab,
        var(--plum-4) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-overlay-text: color-mix(in oklab,
        var(--plum-25) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-pressed-background: color-mix(in oklab,
        var(--brand-560) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-secondary-background: color-mix(in oklab,
        var(--plum-17) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-border: color-mix(in oklab,
        hsl(var(--plum-11-hsl) / 0.14) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.14) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-overlay-background: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.54) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.54) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-overlay-pressed-background: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.64) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.64) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-overlay-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-secondary-pressed-background: color-mix(in oklab,
        var(--plum-15) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-pressed-border: color-mix(in oklab,
        hsl(var(--plum-11-hsl) / 0.08) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.08) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-text: color-mix(in oklab,
        var(--plum-4) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-selected-background: color-mix(in oklab,
        hsl(var(--brand-500-hsl) / 0.24) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.24) var(--theme-base-color-amount, 0%));
    --redesign-button-selected-pressed-background: color-mix(in oklab,
        hsl(var(--brand-500-hsl) / 0.28) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.28) var(--theme-base-color-amount, 0%));
    --redesign-button-selected-text: color-mix(in oklab,
        var(--brand-500) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-tertiary-background: color-mix(in oklab,
        hsl(var(--plum-23-alpha-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --redesign-button-tertiary-pressed-background: color-mix(in oklab,
        hsl(var(--plum-11-hsl) / 0.2) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2) var(--theme-base-color-amount, 0%));
    --redesign-button-tertiary-pressed-text: color-mix(in oklab,
        var(--plum-6) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-tertiary-text: color-mix(in oklab,
        var(--plum-4) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-channel-name-muted-text: color-mix(in oklab,
        var(--plum-10) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-channel-name-text: color-mix(in oklab,
        var(--plum-2) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-chat-input-background: color-mix(in oklab,
        hsl(var(--plum-23-alpha-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --redesign-image-button-pressed-background: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.08) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.08) var(--theme-base-color-amount, 0%));
    --redesign-input-control-active-bg: color-mix(in oklab,
        var(--plum-17) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-input-control-selected: color-mix(in oklab,
        var(--brand-500) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-scrollbar-color-thumb: color-mix(in oklab,
        var(--plum-20) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-scrollbar-color-track: color-mix(in oklab,
        var(--plum-17) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-thumb: color-mix(in oklab,
        var(--plum-16) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-track: color-mix(in oklab,
        var(--plum-25) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --scrollbar-thin-thumb: color-mix(in oklab,
        var(--plum-20) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --scrollbar-thin-track: color-mix(in oklab,
        hsl(var(--black-hsl) / 0) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0) var(--theme-base-color-amount, 0%));
    --spine-default: color-mix(in oklab,
        var(--plum-13) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --spoiler-hidden-background: color-mix(in oklab,
        var(--plum-14) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --spoiler-revealed-background: color-mix(in oklab,
        hsl(var(--plum-11-hsl) / 0.16) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.16) var(--theme-base-color-amount, 0%));
    --stage-card-pill-bg: color-mix(in oklab,
        var(--plum-25) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --text-brand: color-mix(in oklab,
        var(--brand-400) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-danger: color-mix(in oklab,
        var(--red-345) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-link: color-mix(in oklab,
        var(--blue-345) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-link-low-saturation: color-mix(in oklab,
        var(--blue-330) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-low-contrast: color-mix(in oklab,
        var(--plum-12) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-message-preview-low-sat: color-mix(in oklab,
        var(--plum-9) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-muted: color-mix(in oklab,
        var(--plum-10) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-muted-on-default: color-mix(in oklab,
        var(--primary-330) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-normal: color-mix(in oklab,
        var(--plum-4) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-positive: color-mix(in oklab,
        var(--green-330) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-primary: color-mix(in oklab,
        var(--plum-4) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-secondary: color-mix(in oklab,
        var(--plum-8) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-warning: color-mix(in oklab,
        var(--yellow-300) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --textbox-markdown-syntax: color-mix(in oklab,
        var(--plum-9) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --theme-locked-blur-fallback: color-mix(in oklab,
        hsl(var(--primary-700-hsl) / 0.96) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.96) var(--theme-base-color-amount, 0%));
    --thread-channel-spine: color-mix(in oklab,
        var(--plum-13) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --toast-bg: color-mix(in oklab,
        var(--plum-19) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --typing-indicator-bg: color-mix(in oklab,
        var(--black) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --user-profile-header-overflow-background: color-mix(in oklab,
        hsl(var(--plum-20-hsl) / 0.5) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.5) var(--theme-base-color-amount, 0%));
    --voice-video-video-tile-background: color-mix(in oklab,
        hsl(var(--plum-17-hsl) / 0.4) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.4) var(--theme-base-color-amount, 0%));
    --voice-video-video-tile-blur-fallback: color-mix(in oklab,
        hsl(var(--primary-700-hsl) / 0.48) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.48) var(--theme-base-color-amount, 0%))
  }
}

.theme-darker {
  --action-sheet-gradient-bg: var(--plum-20);
  --activity-card-background: var(--primary-700);
  --activity-card-icon-overlay: hsl(var(--primary-600-hsl) / 0.85);
  --alert-bg: var(--plum-20);
  --android-navigation-bar-background: var(--plum-24);
  --android-navigation-scrim-background: hsl(var(--plum-24-hsl) / 0.5);
  --android-ripple: hsl(var(--white-hsl) / 0.07);
  --autocomplete-bg: var(--primary-630);
  --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-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);
  --badge-brand-bg: var(--brand-260);
  --badge-brand-text: var(--brand-560);
  --bg-backdrop: hsl(var(--black-hsl) / 0.7);
  --bg-backdrop-immersive: hsl(var(--black-hsl) / 0.85);
  --bg-backdrop-no-opacity: var(--black);
  --bg-base-primary: var(--plum-20);
  --bg-base-secondary: var(--plum-20);
  --bg-base-tertiary: var(--plum-23);
  --bg-brand: var(--brand-500);
  --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-faint: hsl(var(--plum-11-hsl) / 0.06);
  --border-strong: hsl(var(--plum-11-hsl) / 0.22);
  --border-subtle: hsl(var(--plum-11-hsl) / 0.12);
  --bug-reporter-modal-submitting-background: hsl(var(--plum-23-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-danger-border: hsl(var(--white-500-hsl) / 0);
  --button-filled-brand-background: var(--brand-500);
  --button-filled-brand-background-active: var(--brand-600);
  --button-filled-brand-background-hover: var(--brand-560);
  --button-filled-brand-border: hsl(var(--white-500-hsl) / 0);
  --button-filled-brand-inverted-background: var(--white);
  --button-filled-brand-inverted-background-active: var(--brand-200);
  --button-filled-brand-inverted-background-hover: var(--brand-100);
  --button-filled-brand-inverted-text: var(--brand-500);
  --button-filled-brand-text: var(--white);
  --button-filled-white-background: var(--white-500);
  --button-filled-white-background-active: var(--white-500);
  --button-filled-white-background-hover: var(--white-500);
  --button-filled-white-text: var(--primary-500);
  --button-outline-brand-background: hsl(var(--white-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);
  --button-outline-brand-text-active: var(--white);
  --button-outline-brand-text-hover: var(--white);
  --button-outline-danger-background: hsl(var(--white-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);
  --button-outline-danger-text-active: var(--white);
  --button-outline-danger-text-hover: var(--white);
  --button-outline-positive-background: hsl(var(--white-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);
  --button-outline-positive-text-active: var(--white);
  --button-outline-positive-text-hover: var(--white);
  --button-outline-primary-background: hsl(var(--white-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);
  --button-outline-primary-text-active: var(--white);
  --button-outline-primary-text-hover: var(--white);
  --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-positive-border: hsl(var(--white-500-hsl) / 0);
  --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);
  --button-secondary-text: var(--white-500);
  --button-transparent-background: hsl(var(--white-500-hsl) / 0.1);
  --button-transparent-background-active: hsl(var(--white-500-hsl) / 0.01);
  --button-transparent-background-hover: hsl(var(--white-500-hsl) / 0.05);
  --button-transparent-text: var(--plum-3);
  --card-gradient-bg: hsl(var(--black-hsl) / 0.4);
  --card-gradient-pressed-bg: hsl(var(--black-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);
  --channel-icon: var(--plum-10);
  --channel-text-area-placeholder: var(--plum-11);
  --channels-default: var(--plum-9);
  --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-hsl) / 0.1);
  --coachmark-bg: var(--plum-17);
  --content-inventory-media-seekbar-container: hsl(var(--plum-6-hsl) / 0.24);
  --content-inventory-overlay-text-primary: hsl(var(--white-hsl) / 0.85);
  --content-inventory-overlay-text-secondary: hsl(var(--white-hsl) / 0.7);
  --content-inventory-overlay-ui-mod: hsl(var(--white-hsl) / 0.7);
  --content-inventory-overlay-ui-mod-bg: hsl(var(--black-hsl) / 0.1);
  --context-menu-backdrop-background: hsl(var(--black-hsl) / 0.7);
  --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);
  --custom-status-bubble-bg: var(--plum-17);
  --deprecated-card-bg: hsl(var(--primary-700-hsl) / 0.6);
  --deprecated-card-editable-bg: hsl(var(--primary-700-hsl) / 0.3);
  --deprecated-text-input-bg: var(--primary-700);
  --deprecated-text-input-border: hsl(var(--black-hsl) / 0.3);
  --deprecated-text-input-border-disabled: var(--primary-700);
  --deprecated-text-input-border-hover: var(--primary-900);
  --display-banner-overflow-background: hsl(var(--plum-20-hsl) / 0.5);
  --divider-strong: hsl(var(--plum-11-hsl) / 0.22);
  --divider-subtle: hsl(var(--plum-11-hsl) / 0.12);
  --embed-background: var(--plum-18);
  --embed-background-alternate: var(--primary-600);
  --embed-title: var(--plum-3);
  --expression-picker-bg: var(--plum-20);
  --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);
  --guild-notifications-bottom-sheet-pill-background: var(--primary-700);
  --header-muted: var(--plum-10);
  --header-primary: var(--plum-3);
  --header-secondary: var(--plum-9);
  --home-background: var(--plum-18);
  --icon-muted: var(--plum-11);
  --icon-primary: var(--plum-4);
  --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);
  --info-help-background: hsl(var(--blue-345-hsl) / 0.1);
  --info-help-foreground: var(--blue-345);
  --info-help-text: var(--white);
  --info-positive-background: hsl(var(--green-360-hsl) / 0.1);
  --info-positive-foreground: var(--green-360);
  --info-positive-text: var(--white);
  --info-warning-background: hsl(var(--yellow-300-hsl) / 0.1);
  --info-warning-foreground: var(--yellow-300);
  --info-warning-text: var(--white);
  --input-background: hsl(var(--plum-24-hsl) / 0.85);
  --input-border: hsl(var(--plum-11-hsl) / 0.32);
  --input-error-background: hsl(var(--red-500-hsl) / 0.12);
  --input-error-border: var(--red-360);
  --input-error-text: var(--red-260);
  --input-focused-border: hsl(var(--plum-11-hsl) / 0.32);
  --input-placeholder-text: var(--plum-10);
  --interactive-active: var(--plum-1);
  --interactive-hover: var(--plum-4);
  --interactive-muted: var(--plum-13);
  --interactive-normal: var(--plum-6);
  --leaderboard-league-brand-text: var(--lol-text-light);
  --legacy-android-blur-overlay-default: hsl(var(--primary-660-hsl) / 0.5);
  --legacy-android-blur-overlay-ultra-thin: hsl(var(--black-hsl) / 0.025);
  --legacy-blur-fallback-default: hsl(var(--primary-660-hsl) / 0.975);
  --legacy-blur-fallback-ultra-thin: hsl(var(--black-hsl) / 0.95);
  --live-stage-tile-border: hsl(var(--plum-13-hsl) / 0.6);
  --logo-primary: var(--white);
  --mention-background: hsl(var(--brand-500-hsl) / 0.5);
  --mention-foreground: var(--brand-230);
  --menu-item-danger-active-bg: var(--red-530);
  --menu-item-danger-hover-bg: var(--red-430);
  --menu-item-default-active-bg: var(--brand-560);
  --menu-item-default-hover-bg: var(--brand-500);
  --modal-background: var(--plum-16);
  --modal-footer-background: var(--plum-17);
  --navigator-header-tint: var(--white);
  --panel-bg: var(--plum-20);
  --polls-normal-fill-hover: var(--primary-600);
  --polls-normal-image-background: var(--primary-660);
  --polls-victor-fill: hsl(var(--green-360-hsl) / 0.2);
  --polls-voted-fill: hsl(var(--brand-500-hsl) / 0.2);
  --premium-nitro-pink-text: var(--premium-nitro-pink-light);
  --profile-gradient-message-input-border: hsl(var(--primary-500-hsl) / 0.48);
  --profile-gradient-note-background: hsl(var(--black-hsl) / 0.3);
  --profile-gradient-overlay: hsl(var(--black-hsl) / 0.6);
  --profile-gradient-overlay-synced-with-user-theme: hsl(var(--black-hsl) / 0.8);
  --profile-gradient-profile-body-background-hover: hsl(var(--white-hsl) / 0.16);
  --profile-gradient-role-pill-background: hsl(var(--primary-660-hsl) / 0.5);
  --profile-gradient-role-pill-border: hsl(var(--white-hsl) / 0.2);
  --profile-gradient-section-box: hsl(var(--black-hsl) / 0.45);
  --redesign-activity-card-badge-icon: var(--plum-10);
  --redesign-button-active-background: var(--green-430);
  --redesign-button-active-pressed-background: var(--green-460);
  --redesign-button-active-text: var(--white);
  --redesign-button-danger-background: var(--red-430);
  --redesign-button-danger-pressed-background: var(--red-460);
  --redesign-button-danger-text: var(--white);
  --redesign-button-destructive-background: var(--red-430);
  --redesign-button-destructive-pressed-background: var(--red-460);
  --redesign-button-destructive-text: var(--white);
  --redesign-button-overlay-alpha-background: hsl(var(--black-hsl) / 0.54);
  --redesign-button-overlay-alpha-pressed-background: hsl(var(--black-hsl) / 0.64);
  --redesign-button-overlay-alpha-text: var(--white);
  --redesign-button-overlay-background: var(--white);
  --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);
  --redesign-button-premium-primary-blue-for-gradient: var(--premium-tier-0-blue-for-gradients-2);
  --redesign-button-premium-primary-pink-for-gradient: var(--premium-tier-2-pink-for-gradients);
  --redesign-button-premium-primary-pressed-background: hsl(var(--black-hsl) / 0.1);
  --redesign-button-premium-primary-purple-for-gradient: var(--premium-tier-2-purple-for-gradients);
  --redesign-button-premium-primary-purple-for-gradient-2: var(--premium-tier-2-purple-for-gradients-2);
  --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);
  --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);
  --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-pressed-text: var(--brand-530);
  --redesign-button-primary-overlay-background: var(--white);
  --redesign-button-primary-overlay-pressed-background: var(--plum-4);
  --redesign-button-primary-overlay-text: var(--plum-25);
  --redesign-button-primary-pressed-background: var(--brand-560);
  --redesign-button-primary-text: var(--white);
  --redesign-button-secondary-background: var(--plum-15);
  --redesign-button-secondary-border: hsl(var(--plum-11-hsl) / 0.12);
  --redesign-button-secondary-overlay-background: hsl(var(--black-hsl) / 0.54);
  --redesign-button-secondary-overlay-pressed-background: hsl(var(--black-hsl) / 0.64);
  --redesign-button-secondary-overlay-text: var(--white);
  --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-button-selected-background: hsl(var(--brand-500-hsl) / 0.24);
  --redesign-button-selected-pressed-background: hsl(var(--brand-500-hsl) / 0.28);
  --redesign-button-selected-text: var(--brand-500);
  --redesign-button-tertiary-background: hsl(var(--plum-11-hsl) / 0.12);
  --redesign-button-tertiary-pressed-background: hsl(var(--plum-11-hsl) / 0.2);
  --redesign-button-tertiary-pressed-text: var(--plum-5);
  --redesign-button-tertiary-text: var(--plum-6);
  --redesign-channel-name-muted-text: var(--plum-10);
  --redesign-channel-name-text: var(--plum-3);
  --redesign-chat-input-background: hsl(var(--plum-11-hsl) / 0.12);
  --redesign-image-button-pressed-background: hsl(var(--black-hsl) / 0.08);
  --redesign-input-control-active-bg: var(--plum-16);
  --redesign-input-control-selected: var(--brand-500);
  --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-19);
  --scrollbar-thin-thumb: var(--plum-21);
  --scrollbar-thin-track: hsl(var(--black-hsl) / 0);
  --spine-default: var(--plum-13);
  --spoiler-hidden-background: var(--plum-14);
  --spoiler-revealed-background: hsl(var(--plum-11-hsl) / 0.16);
  --stage-card-pill-bg: var(--plum-19);
  --status-danger: var(--red-400);
  --status-danger-background: var(--red-430);
  --status-danger-text: var(--white);
  --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);
  --status-speaking: var(--green-360);
  --status-warning: var(--yellow-300);
  --status-warning-background: var(--yellow-300);
  --status-warning-text: var(--black);
  --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);
  --textbox-markdown-syntax: var(--plum-9);
  --theme-locked-blur-fallback: hsl(var(--primary-700-hsl) / 0.96);
  --thread-channel-spine: var(--plum-13);
  --toast-bg: var(--plum-17);
  --typing-indicator-bg: var(--plum-20);
  --user-profile-header-overflow-background: hsl(var(--plum-20-hsl) / 0.5);
  --voice-video-video-tile-background: hsl(var(--plum-17-hsl) / 0.4);
  --voice-video-video-tile-blur-fallback: hsl(var(--primary-700-hsl) / 0.48)
}

@supports(color:color-mix(in lch, red, blue))and (top:var(--f)) {
  .theme-darker {
    --action-sheet-gradient-bg: color-mix(in oklab,
        var(--plum-20) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --activity-card-background: color-mix(in oklab,
        var(--primary-700) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --activity-card-icon-overlay: color-mix(in oklab,
        hsl(var(--primary-600-hsl) / 0.85) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.85) var(--theme-base-color-amount, 0%));
    --alert-bg: color-mix(in oklab,
        var(--plum-20) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --android-navigation-bar-background: color-mix(in oklab,
        var(--plum-24) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --android-navigation-scrim-background: color-mix(in oklab,
        hsl(var(--plum-24-hsl) / 0.5) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.5) var(--theme-base-color-amount, 0%));
    --android-ripple: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.07) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.07) var(--theme-base-color-amount, 0%));
    --autocomplete-bg: color-mix(in oklab,
        var(--primary-630) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-accent: color-mix(in oklab,
        var(--plum-15) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-floating: color-mix(in oklab,
        var(--plum-18) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-mentioned: color-mix(in oklab,
        hsl(var(--yellow-260-hsl) / 0.08) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.08) var(--theme-base-color-amount, 0%));
    --background-mentioned-hover: color-mix(in oklab,
        hsl(var(--yellow-300-hsl) / 0.08) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.08) var(--theme-base-color-amount, 0%));
    --background-message-automod: color-mix(in oklab,
        hsl(var(--red-345-hsl) / 0.08) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.08) var(--theme-base-color-amount, 0%));
    --background-message-automod-hover: color-mix(in oklab,
        hsl(var(--red-400-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --background-message-highlight: color-mix(in oklab,
        hsl(var(--brand-360-hsl) / 0.08) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.08) var(--theme-base-color-amount, 0%));
    --background-message-highlight-hover: color-mix(in oklab,
        hsl(var(--brand-360-hsl) / 0.06) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.06) var(--theme-base-color-amount, 0%));
    --background-message-hover: color-mix(in oklab,
        var(--plum-21) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-mobile-primary: color-mix(in oklab,
        var(--plum-20) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-mobile-secondary: color-mix(in oklab,
        var(--plum-20) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-modifier-accent: color-mix(in oklab,
        hsl(var(--plum-11-hsl) / 0.12) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12) var(--theme-base-color-amount, 0%));
    --background-modifier-active: color-mix(in oklab,
        hsl(var(--plum-13-hsl) / 0.48) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.48) var(--theme-base-color-amount, 0%));
    --background-modifier-hover: color-mix(in oklab,
        hsl(var(--plum-13-hsl) / 0.3) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.3) var(--theme-base-color-amount, 0%));
    --background-modifier-selected: color-mix(in oklab,
        hsl(var(--plum-13-hsl) / 0.6) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.6) var(--theme-base-color-amount, 0%));
    --background-nested-floating: color-mix(in oklab,
        var(--plum-22) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-primary: color-mix(in oklab,
        var(--plum-20) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-secondary: color-mix(in oklab,
        var(--plum-18) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-secondary-alt: color-mix(in oklab,
        var(--plum-15) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-tertiary: color-mix(in oklab,
        var(--plum-16) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-backdrop: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.7) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.7) var(--theme-base-color-amount, 0%));
    --bg-backdrop-immersive: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.85) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.85) var(--theme-base-color-amount, 0%));
    --bg-backdrop-no-opacity: color-mix(in oklab,
        var(--black) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-base-primary: color-mix(in oklab,
        var(--plum-20) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-base-secondary: color-mix(in oklab,
        var(--plum-20) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-base-tertiary: color-mix(in oklab,
        var(--plum-23) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-mod-faint: color-mix(in oklab,
        hsl(var(--plum-11-hsl) / 0.12) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12) var(--theme-base-color-amount, 0%));
    --bg-mod-strong: color-mix(in oklab,
        hsl(var(--plum-11-hsl) / 0.24) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.24) var(--theme-base-color-amount, 0%));
    --bg-mod-subtle: color-mix(in oklab,
        hsl(var(--plum-11-hsl) / 0.16) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.16) var(--theme-base-color-amount, 0%));
    --bg-surface-overlay: color-mix(in oklab,
        var(--plum-17) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-surface-overlay-tmp: color-mix(in oklab,
        var(--plum-17) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-surface-raised: color-mix(in oklab,
        var(--plum-18) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --blur-fallback: color-mix(in oklab,
        hsl(var(--plum-17-hsl) / 0.96) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.96) var(--theme-base-color-amount, 0%));
    --blur-fallback-pressed: color-mix(in oklab,
        hsl(var(--plum-18-hsl) / 0.96) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.96) var(--theme-base-color-amount, 0%));
    --border-faint: color-mix(in oklab,
        hsl(var(--plum-11-hsl) / 0.06) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.06) var(--theme-base-color-amount, 0%));
    --border-strong: color-mix(in oklab,
        hsl(var(--plum-11-hsl) / 0.22) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.22) var(--theme-base-color-amount, 0%));
    --border-subtle: color-mix(in oklab,
        hsl(var(--plum-11-hsl) / 0.12) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12) var(--theme-base-color-amount, 0%));
    --bug-reporter-modal-submitting-background: color-mix(in oklab,
        hsl(var(--plum-23-hsl) / 0.6) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.6) var(--theme-base-color-amount, 0%));
    --card-gradient-bg: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.4) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.4) var(--theme-base-color-amount, 0%));
    --card-gradient-pressed-bg: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.5) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.5) var(--theme-base-color-amount, 0%));
    --card-primary-bg: color-mix(in oklab,
        var(--plum-18) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --card-primary-pressed-bg: color-mix(in oklab,
        var(--plum-19) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --card-secondary-bg: color-mix(in oklab,
        var(--plum-19) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --card-secondary-pressed-bg: color-mix(in oklab,
        var(--plum-21) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --channel-icon: color-mix(in oklab,
        var(--plum-10) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --channel-text-area-placeholder: color-mix(in oklab,
        var(--plum-11) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --channels-default: color-mix(in oklab,
        var(--plum-9) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --channeltextarea-background: color-mix(in oklab,
        var(--plum-15) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --chat-background: color-mix(in oklab,
        var(--plum-16) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --chat-banner-bg: color-mix(in oklab,
        var(--plum-20) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --chat-border: color-mix(in oklab,
        var(--plum-20) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --chat-input-container-background: color-mix(in oklab,
        var(--plum-16) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --chat-swipe-to-reply-background: color-mix(in oklab,
        var(--plum-22) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --chat-swipe-to-reply-gradient-background: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --coachmark-bg: color-mix(in oklab,
        var(--plum-17) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --content-inventory-media-seekbar-container: color-mix(in oklab,
        hsl(var(--plum-6-hsl) / 0.24) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.24) var(--theme-base-color-amount, 0%));
    --content-inventory-overlay-text-primary: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.85) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.85) var(--theme-base-color-amount, 0%));
    --content-inventory-overlay-text-secondary: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.7) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.7) var(--theme-base-color-amount, 0%));
    --content-inventory-overlay-ui-mod: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.7) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.7) var(--theme-base-color-amount, 0%));
    --content-inventory-overlay-ui-mod-bg: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --context-menu-backdrop-background: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.7) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.7) var(--theme-base-color-amount, 0%));
    --control-brand-foreground: color-mix(in oklab,
        var(--brand-360) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --control-brand-foreground-new: color-mix(in oklab,
        var(--brand-360) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --creator-revenue-icon-gradient-end: color-mix(in oklab,
        var(--teal-430) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --creator-revenue-icon-gradient-start: color-mix(in oklab,
        var(--teal-360) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --creator-revenue-info-box-background: color-mix(in oklab,
        hsl(var(--teal-430-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --creator-revenue-info-box-border: color-mix(in oklab,
        var(--teal-400) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --creator-revenue-locked-channel-icon: color-mix(in oklab,
        var(--teal-345) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --creator-revenue-progress-bar: color-mix(in oklab,
        var(--teal-400) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --custom-status-bubble-bg: color-mix(in oklab,
        var(--plum-17) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --deprecated-card-bg: color-mix(in oklab,
        hsl(var(--primary-700-hsl) / 0.6) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.6) var(--theme-base-color-amount, 0%));
    --deprecated-card-editable-bg: color-mix(in oklab,
        hsl(var(--primary-700-hsl) / 0.3) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.3) var(--theme-base-color-amount, 0%));
    --deprecated-text-input-bg: color-mix(in oklab,
        var(--primary-700) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --deprecated-text-input-border: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.3) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.3) var(--theme-base-color-amount, 0%));
    --deprecated-text-input-border-disabled: color-mix(in oklab,
        var(--primary-700) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --deprecated-text-input-border-hover: color-mix(in oklab,
        var(--primary-900) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --display-banner-overflow-background: color-mix(in oklab,
        hsl(var(--plum-20-hsl) / 0.5) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.5) var(--theme-base-color-amount, 0%));
    --divider-strong: color-mix(in oklab,
        hsl(var(--plum-11-hsl) / 0.22) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.22) var(--theme-base-color-amount, 0%));
    --divider-subtle: color-mix(in oklab,
        hsl(var(--plum-11-hsl) / 0.12) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12) var(--theme-base-color-amount, 0%));
    --embed-background: color-mix(in oklab,
        var(--plum-18) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --embed-background-alternate: color-mix(in oklab,
        var(--primary-600) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --embed-title: color-mix(in oklab,
        var(--plum-3) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --expression-picker-bg: color-mix(in oklab,
        var(--plum-20) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --focus-primary: color-mix(in oklab,
        var(--blue-345) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --forum-post-extra-media-count-container-background: color-mix(in oklab,
        hsl(var(--plum-19-hsl) / 0.8) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.8) var(--theme-base-color-amount, 0%));
    --forum-post-tag-background: color-mix(in oklab,
        hsl(var(--plum-19-hsl) / 0.9) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.9) var(--theme-base-color-amount, 0%));
    --guild-notifications-bottom-sheet-pill-background: color-mix(in oklab,
        var(--primary-700) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --header-muted: color-mix(in oklab,
        var(--plum-10) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --header-primary: color-mix(in oklab,
        var(--plum-3) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --header-secondary: color-mix(in oklab,
        var(--plum-9) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --home-background: color-mix(in oklab,
        var(--plum-18) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --icon-muted: color-mix(in oklab,
        var(--plum-11) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --icon-primary: color-mix(in oklab,
        var(--plum-4) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --icon-secondary: color-mix(in oklab,
        var(--plum-9) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --icon-transparent: color-mix(in oklab,
        hsl(var(--transparent-hsl) / 0) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0) var(--theme-text-color-amount, 0%));
    --info-box-background: color-mix(in oklab,
        hsl(var(--blue-345-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --info-danger-background: color-mix(in oklab,
        hsl(var(--red-400-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --info-danger-foreground: color-mix(in oklab,
        var(--red-400) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-danger-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-help-background: color-mix(in oklab,
        hsl(var(--blue-345-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --info-help-foreground: color-mix(in oklab,
        var(--blue-345) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-help-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-positive-background: color-mix(in oklab,
        hsl(var(--green-360-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --info-positive-foreground: color-mix(in oklab,
        var(--green-360) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-positive-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-warning-background: color-mix(in oklab,
        hsl(var(--yellow-300-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --info-warning-foreground: color-mix(in oklab,
        var(--yellow-300) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-warning-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --input-background: color-mix(in oklab,
        hsl(var(--plum-24-hsl) / 0.85) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.85) var(--theme-base-color-amount, 0%));
    --input-border: color-mix(in oklab,
        hsl(var(--plum-11-hsl) / 0.32) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.32) var(--theme-base-color-amount, 0%));
    --input-error-background: color-mix(in oklab,
        hsl(var(--red-500-hsl) / 0.12) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12) var(--theme-base-color-amount, 0%));
    --input-error-border: color-mix(in oklab,
        var(--red-360) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --input-error-text: color-mix(in oklab,
        var(--red-260) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --input-focused-border: color-mix(in oklab,
        hsl(var(--plum-11-hsl) / 0.32) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.32) var(--theme-base-color-amount, 0%));
    --input-placeholder-text: color-mix(in oklab,
        var(--plum-10) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --interactive-active: color-mix(in oklab,
        var(--plum-1) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --interactive-hover: color-mix(in oklab,
        var(--plum-4) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --interactive-muted: color-mix(in oklab,
        var(--plum-13) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --interactive-normal: color-mix(in oklab,
        var(--plum-6) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --leaderboard-league-brand-text: color-mix(in oklab,
        var(--lol-text-light) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --legacy-android-blur-overlay-default: color-mix(in oklab,
        hsl(var(--primary-660-hsl) / 0.5) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.5) var(--theme-base-color-amount, 0%));
    --legacy-android-blur-overlay-ultra-thin: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.025) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.025) var(--theme-base-color-amount, 0%));
    --legacy-blur-fallback-default: color-mix(in oklab,
        hsl(var(--primary-660-hsl) / 0.975) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.975) var(--theme-base-color-amount, 0%));
    --legacy-blur-fallback-ultra-thin: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.95) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.95) var(--theme-base-color-amount, 0%));
    --live-stage-tile-border: color-mix(in oklab,
        hsl(var(--plum-13-hsl) / 0.6) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.6) var(--theme-base-color-amount, 0%));
    --logo-primary: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --mention-background: color-mix(in oklab,
        hsl(var(--brand-500-hsl) / 0.5) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.5) var(--theme-base-color-amount, 0%));
    --mention-foreground: color-mix(in oklab,
        var(--brand-230) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --menu-item-danger-active-bg: color-mix(in oklab,
        var(--red-530) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --menu-item-danger-hover-bg: color-mix(in oklab,
        var(--red-430) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --menu-item-default-active-bg: color-mix(in oklab,
        var(--brand-560) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --menu-item-default-hover-bg: color-mix(in oklab,
        var(--brand-500) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --modal-background: color-mix(in oklab,
        var(--plum-16) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --modal-footer-background: color-mix(in oklab,
        var(--plum-17) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --navigator-header-tint: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --panel-bg: color-mix(in oklab,
        var(--plum-20) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --polls-normal-fill-hover: color-mix(in oklab,
        var(--primary-600) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --polls-normal-image-background: color-mix(in oklab,
        var(--primary-660) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --polls-victor-fill: color-mix(in oklab,
        hsl(var(--green-360-hsl) / 0.2) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2) var(--theme-base-color-amount, 0%));
    --polls-voted-fill: color-mix(in oklab,
        hsl(var(--brand-500-hsl) / 0.2) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2) var(--theme-base-color-amount, 0%));
    --premium-nitro-pink-text: color-mix(in oklab,
        var(--premium-nitro-pink-light) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --profile-gradient-message-input-border: color-mix(in oklab,
        hsl(var(--primary-500-hsl) / 0.48) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.48) var(--theme-base-color-amount, 0%));
    --profile-gradient-note-background: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.3) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.3) var(--theme-base-color-amount, 0%));
    --profile-gradient-overlay: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.6) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.6) var(--theme-base-color-amount, 0%));
    --profile-gradient-overlay-synced-with-user-theme: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.8) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.8) var(--theme-base-color-amount, 0%));
    --profile-gradient-profile-body-background-hover: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.16) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.16) var(--theme-base-color-amount, 0%));
    --profile-gradient-role-pill-background: color-mix(in oklab,
        hsl(var(--primary-660-hsl) / 0.5) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.5) var(--theme-base-color-amount, 0%));
    --profile-gradient-role-pill-border: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.2) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2) var(--theme-base-color-amount, 0%));
    --profile-gradient-section-box: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.45) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.45) var(--theme-base-color-amount, 0%));
    --redesign-activity-card-badge-icon: color-mix(in oklab,
        var(--plum-10) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-active-background: color-mix(in oklab,
        var(--green-430) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-active-pressed-background: color-mix(in oklab,
        var(--green-460) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-active-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-danger-background: color-mix(in oklab,
        var(--red-430) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-danger-pressed-background: color-mix(in oklab,
        var(--red-460) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-danger-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-destructive-background: color-mix(in oklab,
        var(--red-430) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-destructive-pressed-background: color-mix(in oklab,
        var(--red-460) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-destructive-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-overlay-alpha-background: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.54) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.54) var(--theme-base-color-amount, 0%));
    --redesign-button-overlay-alpha-pressed-background: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.64) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.64) var(--theme-base-color-amount, 0%));
    --redesign-button-overlay-alpha-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-overlay-background: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-overlay-text: color-mix(in oklab,
        var(--primary-860) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-positive-background: color-mix(in oklab,
        var(--green-430) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-positive-pressed-background: color-mix(in oklab,
        var(--green-460) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-positive-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-premium-primary-blue-for-gradient: color-mix(in oklab,
        var(--premium-tier-0-blue-for-gradients-2) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-premium-primary-pink-for-gradient: color-mix(in oklab,
        var(--premium-tier-2-pink-for-gradients) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-premium-primary-pressed-background: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.1) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1) var(--theme-base-color-amount, 0%));
    --redesign-button-premium-primary-purple-for-gradient: color-mix(in oklab,
        var(--premium-tier-2-purple-for-gradients) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-premium-primary-purple-for-gradient-2: color-mix(in oklab,
        var(--premium-tier-2-purple-for-gradients-2) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-background: color-mix(in oklab,
        hsl(var(--brand-500-hsl) / 0) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-border: color-mix(in oklab,
        var(--brand-360) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-on-blurple-background: color-mix(in oklab,
        hsl(var(--brand-530-hsl) / 0) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-on-blurple-border: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-on-blurple-pressed-background: color-mix(in oklab,
        var(--brand-530) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-on-blurple-pressed-border: color-mix(in oklab,
        var(--brand-360) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-on-blurple-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-alt-pressed-background: color-mix(in oklab,
        hsl(var(--brand-700-hsl) / 0.16) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.16) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-pressed-border: color-mix(in oklab,
        hsl(var(--brand-400-hsl) / 0.5) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.5) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-pressed-text: color-mix(in oklab,
        var(--brand-360) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-alt-text: color-mix(in oklab,
        var(--brand-360) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-background: color-mix(in oklab,
        var(--brand-500) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-on-blurple-pressed-text: color-mix(in oklab,
        var(--brand-530) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-overlay-background: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-overlay-pressed-background: color-mix(in oklab,
        var(--plum-4) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-overlay-text: color-mix(in oklab,
        var(--plum-25) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-pressed-background: color-mix(in oklab,
        var(--brand-560) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-secondary-background: color-mix(in oklab,
        var(--plum-15) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-border: color-mix(in oklab,
        hsl(var(--plum-11-hsl) / 0.12) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-overlay-background: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.54) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.54) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-overlay-pressed-background: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.64) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.64) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-overlay-text: color-mix(in oklab,
        var(--white) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-secondary-pressed-background: color-mix(in oklab,
        var(--plum-13) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-pressed-border: color-mix(in oklab,
        hsl(var(--plum-11-hsl) / 0.06) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.06) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-text: color-mix(in oklab,
        var(--plum-6) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-selected-background: color-mix(in oklab,
        hsl(var(--brand-500-hsl) / 0.24) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.24) var(--theme-base-color-amount, 0%));
    --redesign-button-selected-pressed-background: color-mix(in oklab,
        hsl(var(--brand-500-hsl) / 0.28) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.28) var(--theme-base-color-amount, 0%));
    --redesign-button-selected-text: color-mix(in oklab,
        var(--brand-500) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-tertiary-background: color-mix(in oklab,
        hsl(var(--plum-11-hsl) / 0.12) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12) var(--theme-base-color-amount, 0%));
    --redesign-button-tertiary-pressed-background: color-mix(in oklab,
        hsl(var(--plum-11-hsl) / 0.2) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2) var(--theme-base-color-amount, 0%));
    --redesign-button-tertiary-pressed-text: color-mix(in oklab,
        var(--plum-5) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-button-tertiary-text: color-mix(in oklab,
        var(--plum-6) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-channel-name-muted-text: color-mix(in oklab,
        var(--plum-10) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-channel-name-text: color-mix(in oklab,
        var(--plum-3) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --redesign-chat-input-background: color-mix(in oklab,
        hsl(var(--plum-11-hsl) / 0.12) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12) var(--theme-base-color-amount, 0%));
    --redesign-image-button-pressed-background: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.08) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.08) var(--theme-base-color-amount, 0%));
    --redesign-input-control-active-bg: color-mix(in oklab,
        var(--plum-16) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --redesign-input-control-selected: color-mix(in oklab,
        var(--brand-500) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-scrollbar-color-thumb: color-mix(in oklab,
        var(--plum-21) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-scrollbar-color-track: color-mix(in oklab,
        var(--plum-17) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-thumb: color-mix(in oklab,
        var(--plum-21) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-track: color-mix(in oklab,
        var(--plum-19) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --scrollbar-thin-thumb: color-mix(in oklab,
        var(--plum-21) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --scrollbar-thin-track: color-mix(in oklab,
        hsl(var(--black-hsl) / 0) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0) var(--theme-base-color-amount, 0%));
    --spine-default: color-mix(in oklab,
        var(--plum-13) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --spoiler-hidden-background: color-mix(in oklab,
        var(--plum-14) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --spoiler-revealed-background: color-mix(in oklab,
        hsl(var(--plum-11-hsl) / 0.16) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.16) var(--theme-base-color-amount, 0%));
    --stage-card-pill-bg: color-mix(in oklab,
        var(--plum-19) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --text-brand: color-mix(in oklab,
        var(--brand-360) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-danger: color-mix(in oklab,
        var(--red-345) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-link: color-mix(in oklab,
        var(--blue-345) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-link-low-saturation: color-mix(in oklab,
        var(--blue-330) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-low-contrast: color-mix(in oklab,
        var(--plum-11) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-message-preview-low-sat: color-mix(in oklab,
        var(--plum-11) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-muted: color-mix(in oklab,
        var(--plum-10) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-muted-on-default: color-mix(in oklab,
        var(--primary-330) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-normal: color-mix(in oklab,
        var(--plum-6) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-positive: color-mix(in oklab,
        var(--green-330) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-primary: color-mix(in oklab,
        var(--plum-6) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-secondary: color-mix(in oklab,
        var(--plum-9) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-warning: color-mix(in oklab,
        var(--yellow-300) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --textbox-markdown-syntax: color-mix(in oklab,
        var(--plum-9) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --theme-locked-blur-fallback: color-mix(in oklab,
        hsl(var(--primary-700-hsl) / 0.96) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.96) var(--theme-base-color-amount, 0%));
    --thread-channel-spine: color-mix(in oklab,
        var(--plum-13) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --toast-bg: color-mix(in oklab,
        var(--plum-17) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --typing-indicator-bg: color-mix(in oklab,
        var(--plum-20) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --user-profile-header-overflow-background: color-mix(in oklab,
        hsl(var(--plum-20-hsl) / 0.5) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.5) var(--theme-base-color-amount, 0%));
    --voice-video-video-tile-background: color-mix(in oklab,
        hsl(var(--plum-17-hsl) / 0.4) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.4) var(--theme-base-color-amount, 0%));
    --voice-video-video-tile-blur-fallback: color-mix(in oklab,
        hsl(var(--primary-700-hsl) / 0.48) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.48) var(--theme-base-color-amount, 0%))
  }
}

:root {
  --neutral-1: hsl(var(--neutral-1-hsl) / 1);
  --neutral-1-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --neutral-2: hsl(var(--neutral-2-hsl) / 1);
  --neutral-2-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 98.431%;
  --neutral-3: hsl(var(--neutral-3-hsl) / 1);
  --neutral-3-hsl: 240 calc(var(--saturation-factor, 1) * 6.667%) 97.059%;
  --neutral-4: hsl(var(--neutral-4-hsl) / 1);
  --neutral-4-hsl: 240 calc(var(--saturation-factor, 1) * 4.348%) 95.49%;
  --neutral-5: hsl(var(--neutral-5-hsl) / 1);
  --neutral-5-hsl: 240 calc(var(--saturation-factor, 1) * 3.226%) 93.922%;
  --neutral-6: hsl(var(--neutral-6-hsl) / 1);
  --neutral-6-hsl: 240 calc(var(--saturation-factor, 1) * 5.263%) 92.549%;
  --neutral-7: hsl(var(--neutral-7-hsl) / 1);
  --neutral-7-hsl: 240 calc(var(--saturation-factor, 1) * 4.348%) 90.98%;
  --neutral-8: hsl(var(--neutral-8-hsl) / 1);
  --neutral-8-hsl: 240 calc(var(--saturation-factor, 1) * 5.66%) 89.608%;
  --neutral-9: hsl(var(--neutral-9-hsl) / 1);
  --neutral-9-hsl: 240 calc(var(--saturation-factor, 1) * 4.918%) 88.039%;
  --neutral-10: hsl(var(--neutral-10-hsl) / 1);
  --neutral-10-hsl: 240 calc(var(--saturation-factor, 1) * 2.941%) 86.667%;
  --neutral-11: hsl(var(--neutral-11-hsl) / 1);
  --neutral-11-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 85.294%;
  --neutral-12: hsl(var(--neutral-12-hsl) / 1);
  --neutral-12-hsl: 240 calc(var(--saturation-factor, 1) * 3.614%) 83.725%;
  --neutral-13: hsl(var(--neutral-13-hsl) / 1);
  --neutral-13-hsl: 240 calc(var(--saturation-factor, 1) * 4.444%) 82.353%;
  --neutral-14: hsl(var(--neutral-14-hsl) / 1);
  --neutral-14-hsl: 240 calc(var(--saturation-factor, 1) * 4.082%) 80.784%;
  --neutral-15: hsl(var(--neutral-15-hsl) / 1);
  --neutral-15-hsl: 240 calc(var(--saturation-factor, 1) * 4.762%) 79.412%;
  --neutral-16: hsl(var(--neutral-16-hsl) / 1);
  --neutral-16-hsl: 240 calc(var(--saturation-factor, 1) * 3.571%) 78.039%;
  --neutral-17: hsl(var(--neutral-17-hsl) / 1);
  --neutral-17-hsl: 240 calc(var(--saturation-factor, 1) * 4.202%) 76.667%;
  --neutral-18: hsl(var(--neutral-18-hsl) / 1);
  --neutral-18-hsl: 240 calc(var(--saturation-factor, 1) * 3.937%) 75.098%;
  --neutral-19: hsl(var(--neutral-19-hsl) / 1);
  --neutral-19-hsl: 240 calc(var(--saturation-factor, 1) * 4.478%) 73.725%;
  --neutral-20: hsl(var(--neutral-20-hsl) / 1);
  --neutral-20-hsl: 230 calc(var(--saturation-factor, 1) * 4.225%) 72.157%;
  --neutral-21: hsl(var(--neutral-21-hsl) / 1);
  --neutral-21-hsl: 240 calc(var(--saturation-factor, 1) * 4.054%) 70.98%;
  --neutral-22: hsl(var(--neutral-22-hsl) / 1);
  --neutral-22-hsl: 240 calc(var(--saturation-factor, 1) * 3.846%) 69.412%;
  --neutral-23: hsl(var(--neutral-23-hsl) / 1);
  --neutral-23-hsl: 240 calc(var(--saturation-factor, 1) * 4.294%) 68.039%;
  --neutral-24: hsl(var(--neutral-24-hsl) / 1);
  --neutral-24-hsl: 240 calc(var(--saturation-factor, 1) * 3.529%) 66.667%;
  --neutral-25: hsl(var(--neutral-25-hsl) / 1);
  --neutral-25-hsl: 240 calc(var(--saturation-factor, 1) * 3.955%) 65.294%;
  --neutral-26: hsl(var(--neutral-26-hsl) / 1);
  --neutral-26-hsl: 240 calc(var(--saturation-factor, 1) * 3.784%) 63.725%;
  --neutral-27: hsl(var(--neutral-27-hsl) / 1);
  --neutral-27-hsl: 240 calc(var(--saturation-factor, 1) * 3.665%) 62.549%;
  --neutral-28: hsl(var(--neutral-28-hsl) / 1);
  --neutral-28-hsl: 240 calc(var(--saturation-factor, 1) * 3.518%) 60.98%;
  --neutral-29: hsl(var(--neutral-29-hsl) / 1);
  --neutral-29-hsl: 240 calc(var(--saturation-factor, 1) * 3.883%) 59.608%;
  --neutral-30: hsl(var(--neutral-30-hsl) / 1);
  --neutral-30-hsl: 240 calc(var(--saturation-factor, 1) * 3.774%) 58.431%;
  --neutral-31: hsl(var(--neutral-31-hsl) / 1);
  --neutral-31-hsl: 240 calc(var(--saturation-factor, 1) * 3.636%) 56.863%;
  --neutral-32: hsl(var(--neutral-32-hsl) / 1);
  --neutral-32-hsl: 240 calc(var(--saturation-factor, 1) * 3.54%) 55.686%;
  --neutral-33: hsl(var(--neutral-33-hsl) / 1);
  --neutral-33-hsl: 240 calc(var(--saturation-factor, 1) * 3.419%) 54.118%;
  --neutral-34: hsl(var(--neutral-34-hsl) / 1);
  --neutral-34-hsl: 240 calc(var(--saturation-factor, 1) * 3.333%) 52.941%;
  --neutral-35: hsl(var(--neutral-35-hsl) / 1);
  --neutral-35-hsl: 240 calc(var(--saturation-factor, 1) * 3.644%) 51.569%;
  --neutral-36: hsl(var(--neutral-36-hsl) / 1);
  --neutral-36-hsl: 240 calc(var(--saturation-factor, 1) * 3.15%) 50.196%;
  --neutral-37: hsl(var(--neutral-37-hsl) / 1);
  --neutral-37-hsl: 240 calc(var(--saturation-factor, 1) * 3.614%) 48.824%;
  --neutral-38: hsl(var(--neutral-38-hsl) / 1);
  --neutral-38-hsl: 240 calc(var(--saturation-factor, 1) * 3.704%) 47.647%;
  --neutral-39: hsl(var(--neutral-39-hsl) / 1);
  --neutral-39-hsl: 240 calc(var(--saturation-factor, 1) * 3.83%) 46.078%;
  --neutral-40: hsl(var(--neutral-40-hsl) / 1);
  --neutral-40-hsl: 240 calc(var(--saturation-factor, 1) * 3.93%) 44.902%;
  --neutral-41: hsl(var(--neutral-41-hsl) / 1);
  --neutral-41-hsl: 240 calc(var(--saturation-factor, 1) * 4.505%) 43.529%;
  --neutral-42: hsl(var(--neutral-42-hsl) / 1);
  --neutral-42-hsl: 240 calc(var(--saturation-factor, 1) * 4.63%) 42.353%;
  --neutral-43: hsl(var(--neutral-43-hsl) / 1);
  --neutral-43-hsl: 240 calc(var(--saturation-factor, 1) * 4.306%) 40.98%;
  --neutral-44: hsl(var(--neutral-44-hsl) / 1);
  --neutral-44-hsl: 240 calc(var(--saturation-factor, 1) * 4.95%) 39.608%;
  --neutral-45: hsl(var(--neutral-45-hsl) / 1);
  --neutral-45-hsl: 240 calc(var(--saturation-factor, 1) * 5.102%) 38.431%;
  --neutral-46: hsl(var(--neutral-46-hsl) / 1);
  --neutral-46-hsl: 240 calc(var(--saturation-factor, 1) * 5.263%) 37.255%;
  --neutral-47: hsl(var(--neutral-47-hsl) / 1);
  --neutral-47-hsl: 240 calc(var(--saturation-factor, 1) * 5.495%) 35.686%;
  --neutral-48: hsl(var(--neutral-48-hsl) / 1);
  --neutral-48-hsl: 240 calc(var(--saturation-factor, 1) * 5.682%) 34.51%;
  --neutral-49: hsl(var(--neutral-49-hsl) / 1);
  --neutral-49-hsl: 240 calc(var(--saturation-factor, 1) * 5.882%) 33.333%;
  --neutral-50: hsl(var(--neutral-50-hsl) / 1);
  --neutral-50-hsl: 240 calc(var(--saturation-factor, 1) * 5.882%) 33.333%;
  --neutral-51: hsl(var(--neutral-51-hsl) / 1);
  --neutral-51-hsl: 240 calc(var(--saturation-factor, 1) * 6.024%) 32.549%;
  --neutral-52: hsl(var(--neutral-52-hsl) / 1);
  --neutral-52-hsl: 240 calc(var(--saturation-factor, 1) * 5.521%) 31.961%;
  --neutral-53: hsl(var(--neutral-53-hsl) / 1);
  --neutral-53-hsl: 240 calc(var(--saturation-factor, 1) * 6.25%) 31.373%;
  --neutral-54: hsl(var(--neutral-54-hsl) / 1);
  --neutral-54-hsl: 240 calc(var(--saturation-factor, 1) * 5.732%) 30.784%;
  --neutral-55: hsl(var(--neutral-55-hsl) / 1);
  --neutral-55-hsl: 240 calc(var(--saturation-factor, 1) * 5.882%) 30%;
  --neutral-56: hsl(var(--neutral-56-hsl) / 1);
  --neutral-56-hsl: 233.333 calc(var(--saturation-factor, 1) * 6.04%) 29.216%;
  --neutral-57: hsl(var(--neutral-57-hsl) / 1);
  --neutral-57-hsl: 240 calc(var(--saturation-factor, 1) * 5.479%) 28.627%;
  --neutral-58: hsl(var(--neutral-58-hsl) / 1);
  --neutral-58-hsl: 240 calc(var(--saturation-factor, 1) * 6.294%) 28.039%;
  --neutral-59: hsl(var(--neutral-59-hsl) / 1);
  --neutral-59-hsl: 240 calc(var(--saturation-factor, 1) * 5.714%) 27.451%;
  --neutral-60: hsl(var(--neutral-60-hsl) / 1);
  --neutral-60-hsl: 240 calc(var(--saturation-factor, 1) * 5.882%) 26.667%;
  --neutral-61: hsl(var(--neutral-61-hsl) / 1);
  --neutral-61-hsl: 240 calc(var(--saturation-factor, 1) * 5.263%) 26.078%;
  --neutral-62: hsl(var(--neutral-62-hsl) / 1);
  --neutral-62-hsl: 240 calc(var(--saturation-factor, 1) * 6.154%) 25.49%;
  --neutral-63: hsl(var(--neutral-63-hsl) / 1);
  --neutral-63-hsl: 240 calc(var(--saturation-factor, 1) * 5.512%) 24.902%;
  --neutral-64: hsl(var(--neutral-64-hsl) / 1);
  --neutral-64-hsl: 240 calc(var(--saturation-factor, 1) * 5.691%) 24.118%;
  --neutral-65: hsl(var(--neutral-65-hsl) / 1);
  --neutral-65-hsl: 240 calc(var(--saturation-factor, 1) * 5.785%) 23.725%;
  --neutral-66: hsl(var(--neutral-66-hsl) / 1);
  --neutral-66-hsl: 240 calc(var(--saturation-factor, 1) * 5.983%) 22.941%;
  --neutral-67: hsl(var(--neutral-67-hsl) / 1);
  --neutral-67-hsl: 240 calc(var(--saturation-factor, 1) * 5.263%) 22.353%;
  --neutral-68: hsl(var(--neutral-68-hsl) / 1);
  --neutral-68-hsl: 240 calc(var(--saturation-factor, 1) * 5.455%) 21.569%;
  --neutral-69: hsl(var(--neutral-69-hsl) / 1);
  --neutral-69-hsl: 240 calc(var(--saturation-factor, 1) * 5.556%) 21.176%;
  --neutral-70: hsl(var(--neutral-70-hsl) / 1);
  --neutral-70-hsl: 240 calc(var(--saturation-factor, 1) * 5.769%) 20.392%;
  --neutral-71: hsl(var(--neutral-71-hsl) / 1);
  --neutral-71-hsl: 240 calc(var(--saturation-factor, 1) * 4.95%) 19.804%;
  --neutral-72: hsl(var(--neutral-72-hsl) / 1);
  --neutral-72-hsl: 240 calc(var(--saturation-factor, 1) * 6.122%) 19.216%;
  --neutral-73: hsl(var(--neutral-73-hsl) / 1);
  --neutral-73-hsl: 240 calc(var(--saturation-factor, 1) * 5.263%) 18.627%;
  --neutral-74: hsl(var(--neutral-74-hsl) / 1);
  --neutral-74-hsl: 240 calc(var(--saturation-factor, 1) * 6.522%) 18.039%;
  --neutral-75: hsl(var(--neutral-75-hsl) / 1);
  --neutral-75-hsl: 240 calc(var(--saturation-factor, 1) * 5.618%) 17.451%;
  --neutral-76: hsl(var(--neutral-76-hsl) / 1);
  --neutral-76-hsl: 240 calc(var(--saturation-factor, 1) * 5.882%) 16.667%;
  --neutral-77: hsl(var(--neutral-77-hsl) / 1);
  --neutral-77-hsl: 240 calc(var(--saturation-factor, 1) * 6.024%) 16.275%;
  --neutral-78: hsl(var(--neutral-78-hsl) / 1);
  --neutral-78-hsl: 240 calc(var(--saturation-factor, 1) * 5%) 15.686%;
  --neutral-79: hsl(var(--neutral-79-hsl) / 1);
  --neutral-79-hsl: 240 calc(var(--saturation-factor, 1) * 6.494%) 15.098%;
  --neutral-80: hsl(var(--neutral-80-hsl) / 1);
  --neutral-80-hsl: 240 calc(var(--saturation-factor, 1) * 5.405%) 14.51%;
  --neutral-81: hsl(var(--neutral-81-hsl) / 1);
  --neutral-81-hsl: 240 calc(var(--saturation-factor, 1) * 5.714%) 13.725%;
  --neutral-82: hsl(var(--neutral-82-hsl) / 1);
  --neutral-82-hsl: 240 calc(var(--saturation-factor, 1) * 5.882%) 13.333%;
  --neutral-83: hsl(var(--neutral-83-hsl) / 1);
  --neutral-83-hsl: 240 calc(var(--saturation-factor, 1) * 4.615%) 12.745%;
  --neutral-84: hsl(var(--neutral-84-hsl) / 1);
  --neutral-84-hsl: 240 calc(var(--saturation-factor, 1) * 6.452%) 12.157%;
  --neutral-85: hsl(var(--neutral-85-hsl) / 1);
  --neutral-85-hsl: 240 calc(var(--saturation-factor, 1) * 5.085%) 11.569%;
  --neutral-86: hsl(var(--neutral-86-hsl) / 1);
  --neutral-86-hsl: 240 calc(var(--saturation-factor, 1) * 7.143%) 10.98%;
  --neutral-87: hsl(var(--neutral-87-hsl) / 1);
  --neutral-87-hsl: 240 calc(var(--saturation-factor, 1) * 5.66%) 10.392%;
  --neutral-88: hsl(var(--neutral-88-hsl) / 1);
  --neutral-88-hsl: 240 calc(var(--saturation-factor, 1) * 5.882%) 10%;
  --neutral-89: hsl(var(--neutral-89-hsl) / 1);
  --neutral-89-hsl: 240 calc(var(--saturation-factor, 1) * 6.383%) 9.216%;
  --neutral-90: hsl(var(--neutral-90-hsl) / 1);
  --neutral-90-hsl: 240 calc(var(--saturation-factor, 1) * 6.667%) 8.824%;
  --neutral-91: hsl(var(--neutral-91-hsl) / 1);
  --neutral-91-hsl: 220 calc(var(--saturation-factor, 1) * 7.317%) 8.039%;
  --neutral-92: hsl(var(--neutral-92-hsl) / 1);
  --neutral-92-hsl: 240 calc(var(--saturation-factor, 1) * 5.263%) 7.451%;
  --neutral-93: hsl(var(--neutral-93-hsl) / 1);
  --neutral-93-hsl: 240 calc(var(--saturation-factor, 1) * 5.882%) 6.667%;
  --neutral-94: hsl(var(--neutral-94-hsl) / 1);
  --neutral-94-hsl: 240 calc(var(--saturation-factor, 1) * 6.667%) 5.882%;
  --neutral-95: hsl(var(--neutral-95-hsl) / 1);
  --neutral-95-hsl: 240 calc(var(--saturation-factor, 1) * 7.692%) 5.098%;
  --neutral-96: hsl(var(--neutral-96-hsl) / 1);
  --neutral-96-hsl: 240 calc(var(--saturation-factor, 1) * 9.091%) 4.314%;
  --neutral-97: hsl(var(--neutral-97-hsl) / 1);
  --neutral-97-hsl: 240 calc(var(--saturation-factor, 1) * 12.5%) 3.137%;
  --neutral-98: hsl(var(--neutral-98-hsl) / 1);
  --neutral-98-hsl: 240 calc(var(--saturation-factor, 1) * 9.091%) 2.157%;
  --neutral-99: hsl(var(--neutral-99-hsl) / 1);
  --neutral-99-hsl: 240 calc(var(--saturation-factor, 1) * 20%) 0.98%;
  --neutral-100: hsl(var(--neutral-100-hsl) / 1);
  --neutral-100-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --blue-new-1: hsl(var(--blue-new-1-hsl) / 1);
  --blue-new-1-hsl: 222.5 calc(var(--saturation-factor, 1) * 100%) 95.294%;
  --blue-new-2: hsl(var(--blue-new-2-hsl) / 1);
  --blue-new-2-hsl: 219.31 calc(var(--saturation-factor, 1) * 100%) 94.314%;
  --blue-new-3: hsl(var(--blue-new-3-hsl) / 1);
  --blue-new-3-hsl: 219.375 calc(var(--saturation-factor, 1) * 94.118%) 93.333%;
  --blue-new-4: hsl(var(--blue-new-4-hsl) / 1);
  --blue-new-4-hsl: 218.333 calc(var(--saturation-factor, 1) * 94.737%) 92.549%;
  --blue-new-5: hsl(var(--blue-new-5-hsl) / 1);
  --blue-new-5-hsl: 216.585 calc(var(--saturation-factor, 1) * 95.349%) 91.569%;
  --blue-new-6: hsl(var(--blue-new-6-hsl) / 1);
  --blue-new-6-hsl: 216.818 calc(var(--saturation-factor, 1) * 91.667%) 90.588%;
  --blue-new-7: hsl(var(--blue-new-7-hsl) / 1);
  --blue-new-7-hsl: 216.25 calc(var(--saturation-factor, 1) * 92.308%) 89.804%;
  --blue-new-8: hsl(var(--blue-new-8-hsl) / 1);
  --blue-new-8-hsl: 215.769 calc(var(--saturation-factor, 1) * 89.655%) 88.627%;
  --blue-new-9: hsl(var(--blue-new-9-hsl) / 1);
  --blue-new-9-hsl: 215.357 calc(var(--saturation-factor, 1) * 90.323%) 87.843%;
  --blue-new-10: hsl(var(--blue-new-10-hsl) / 1);
  --blue-new-10-hsl: 215.593 calc(var(--saturation-factor, 1) * 88.06%) 86.863%;
  --blue-new-11: hsl(var(--blue-new-11-hsl) / 1);
  --blue-new-11-hsl: 214.687 calc(var(--saturation-factor, 1) * 88.889%) 85.882%;
  --blue-new-12: hsl(var(--blue-new-12-hsl) / 1);
  --blue-new-12-hsl: 215.294 calc(var(--saturation-factor, 1) * 89.474%) 85.098%;
  --blue-new-13: hsl(var(--blue-new-13-hsl) / 1);
  --blue-new-13-hsl: 214.648 calc(var(--saturation-factor, 1) * 87.654%) 84.118%;
  --blue-new-14: hsl(var(--blue-new-14-hsl) / 1);
  --blue-new-14-hsl: 215.2 calc(var(--saturation-factor, 1) * 88.235%) 83.333%;
  --blue-new-15: hsl(var(--blue-new-15-hsl) / 1);
  --blue-new-15-hsl: 214.177 calc(var(--saturation-factor, 1) * 86.813%) 82.157%;
  --blue-new-16: hsl(var(--blue-new-16-hsl) / 1);
  --blue-new-16-hsl: 214.699 calc(var(--saturation-factor, 1) * 87.368%) 81.373%;
  --blue-new-17: hsl(var(--blue-new-17-hsl) / 1);
  --blue-new-17-hsl: 214.186 calc(var(--saturation-factor, 1) * 86%) 80.392%;
  --blue-new-18: hsl(var(--blue-new-18-hsl) / 1);
  --blue-new-18-hsl: 214.667 calc(var(--saturation-factor, 1) * 86.538%) 79.608%;
  --blue-new-19: hsl(var(--blue-new-19-hsl) / 1);
  --blue-new-19-hsl: 214.194 calc(var(--saturation-factor, 1) * 85.321%) 78.627%;
  --blue-new-20: hsl(var(--blue-new-20-hsl) / 1);
  --blue-new-20-hsl: 214.286 calc(var(--saturation-factor, 1) * 85.965%) 77.647%;
  --blue-new-21: hsl(var(--blue-new-21-hsl) / 1);
  --blue-new-21-hsl: 213.861 calc(var(--saturation-factor, 1) * 84.874%) 76.667%;
  --blue-new-22: hsl(var(--blue-new-22-hsl) / 1);
  --blue-new-22-hsl: 214.038 calc(var(--saturation-factor, 1) * 83.871%) 75.686%;
  --blue-new-23: hsl(var(--blue-new-23-hsl) / 1);
  --blue-new-23-hsl: 213.889 calc(var(--saturation-factor, 1) * 84.375%) 74.902%;
  --blue-new-24: hsl(var(--blue-new-24-hsl) / 1);
  --blue-new-24-hsl: 214.054 calc(var(--saturation-factor, 1) * 83.459%) 73.922%;
  --blue-new-25: hsl(var(--blue-new-25-hsl) / 1);
  --blue-new-25-hsl: 213.913 calc(var(--saturation-factor, 1) * 83.942%) 73.137%;
  --blue-new-26: hsl(var(--blue-new-26-hsl) / 1);
  --blue-new-26-hsl: 213.782 calc(var(--saturation-factor, 1) * 83.217%) 71.961%;
  --blue-new-27: hsl(var(--blue-new-27-hsl) / 1);
  --blue-new-27-hsl: 213.659 calc(var(--saturation-factor, 1) * 83.673%) 71.176%;
  --blue-new-28: hsl(var(--blue-new-28-hsl) / 1);
  --blue-new-28-hsl: 213.81 calc(var(--saturation-factor, 1) * 82.895%) 70.196%;
  --blue-new-29: hsl(var(--blue-new-29-hsl) / 1);
  --blue-new-29-hsl: 213.488 calc(var(--saturation-factor, 1) * 82.166%) 69.216%;
  --blue-new-30: hsl(var(--blue-new-30-hsl) / 1);
  --blue-new-30-hsl: 213.835 calc(var(--saturation-factor, 1) * 82.609%) 68.431%;
  --blue-new-31: hsl(var(--blue-new-31-hsl) / 1);
  --blue-new-31-hsl: 213.723 calc(var(--saturation-factor, 1) * 82.036%) 67.255%;
  --blue-new-32: hsl(var(--blue-new-32-hsl) / 1);
  --blue-new-32-hsl: 213.429 calc(var(--saturation-factor, 1) * 81.395%) 66.275%;
  --blue-new-33: hsl(var(--blue-new-33-hsl) / 1);
  --blue-new-33-hsl: 213.75 calc(var(--saturation-factor, 1) * 81.818%) 65.49%;
  --blue-new-34: hsl(var(--blue-new-34-hsl) / 1);
  --blue-new-34-hsl: 213.469 calc(var(--saturation-factor, 1) * 81.215%) 64.51%;
  --blue-new-35: hsl(var(--blue-new-35-hsl) / 1);
  --blue-new-35-hsl: 213.377 calc(var(--saturation-factor, 1) * 80.749%) 63.333%;
  --blue-new-36: hsl(var(--blue-new-36-hsl) / 1);
  --blue-new-36-hsl: 213.29 calc(var(--saturation-factor, 1) * 81.152%) 62.549%;
  --blue-new-37: hsl(var(--blue-new-37-hsl) / 1);
  --blue-new-37-hsl: 213.418 calc(var(--saturation-factor, 1) * 80.612%) 61.569%;
  --blue-new-38: hsl(var(--blue-new-38-hsl) / 1);
  --blue-new-38-hsl: 213.333 calc(var(--saturation-factor, 1) * 80.198%) 60.392%;
  --blue-new-39: hsl(var(--blue-new-39-hsl) / 1);
  --blue-new-39-hsl: 213.253 calc(var(--saturation-factor, 1) * 80.583%) 59.608%;
  --blue-new-40: hsl(var(--blue-new-40-hsl) / 1);
  --blue-new-40-hsl: 213.176 calc(var(--saturation-factor, 1) * 80.189%) 58.431%;
  --blue-new-41: hsl(var(--blue-new-41-hsl) / 1);
  --blue-new-41-hsl: 213.103 calc(var(--saturation-factor, 1) * 79.817%) 57.255%;
  --blue-new-42: hsl(var(--blue-new-42-hsl) / 1);
  --blue-new-42-hsl: 212.697 calc(var(--saturation-factor, 1) * 79.464%) 56.078%;
  --blue-new-43: hsl(var(--blue-new-43-hsl) / 1);
  --blue-new-43-hsl: 212.787 calc(var(--saturation-factor, 1) * 79.913%) 55.098%;
  --blue-new-44: hsl(var(--blue-new-44-hsl) / 1);
  --blue-new-44-hsl: 212.727 calc(var(--saturation-factor, 1) * 79.574%) 53.922%;
  --blue-new-45: hsl(var(--blue-new-45-hsl) / 1);
  --blue-new-45-hsl: 212.188 calc(var(--saturation-factor, 1) * 79.339%) 52.549%;
  --blue-new-46: hsl(var(--blue-new-46-hsl) / 1);
  --blue-new-46-hsl: 211.818 calc(var(--saturation-factor, 1) * 79.2%) 50.98%;
  --blue-new-47: hsl(var(--blue-new-47-hsl) / 1);
  --blue-new-47-hsl: 211.456 calc(var(--saturation-factor, 1) * 81.746%) 49.412%;
  --blue-new-48: hsl(var(--blue-new-48-hsl) / 1);
  --blue-new-48-hsl: 210.561 calc(var(--saturation-factor, 1) * 88.43%) 47.451%;
  --blue-new-49: hsl(var(--blue-new-49-hsl) / 1);
  --blue-new-49-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --blue-new-50: hsl(var(--blue-new-50-hsl) / 1);
  --blue-new-50-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --blue-new-51: hsl(var(--blue-new-51-hsl) / 1);
  --blue-new-51-hsl: 209.455 calc(var(--saturation-factor, 1) * 98.214%) 43.922%;
  --blue-new-52: hsl(var(--blue-new-52-hsl) / 1);
  --blue-new-52-hsl: 209.858 calc(var(--saturation-factor, 1) * 95.475%) 43.333%;
  --blue-new-53: hsl(var(--blue-new-53-hsl) / 1);
  --blue-new-53-hsl: 210 calc(var(--saturation-factor, 1) * 93.578%) 42.745%;
  --blue-new-54: hsl(var(--blue-new-54-hsl) / 1);
  --blue-new-54-hsl: 210 calc(var(--saturation-factor, 1) * 91.589%) 41.961%;
  --blue-new-55: hsl(var(--blue-new-55-hsl) / 1);
  --blue-new-55-hsl: 210.316 calc(var(--saturation-factor, 1) * 90.476%) 41.176%;
  --blue-new-56: hsl(var(--blue-new-56-hsl) / 1);
  --blue-new-56-hsl: 210.492 calc(var(--saturation-factor, 1) * 88.406%) 40.588%;
  --blue-new-57: hsl(var(--blue-new-57-hsl) / 1);
  --blue-new-57-hsl: 210.508 calc(var(--saturation-factor, 1) * 87.192%) 39.804%;
  --blue-new-58: hsl(var(--blue-new-58-hsl) / 1);
  --blue-new-58-hsl: 210.526 calc(var(--saturation-factor, 1) * 85.93%) 39.02%;
  --blue-new-59: hsl(var(--blue-new-59-hsl) / 1);
  --blue-new-59-hsl: 210.732 calc(var(--saturation-factor, 1) * 84.536%) 38.039%;
  --blue-new-60: hsl(var(--blue-new-60-hsl) / 1);
  --blue-new-60-hsl: 210.759 calc(var(--saturation-factor, 1) * 83.158%) 37.255%;
  --blue-new-61: hsl(var(--blue-new-61-hsl) / 1);
  --blue-new-61-hsl: 210.588 calc(var(--saturation-factor, 1) * 82.703%) 36.275%;
  --blue-new-62: hsl(var(--blue-new-62-hsl) / 1);
  --blue-new-62-hsl: 211.216 calc(var(--saturation-factor, 1) * 81.319%) 35.686%;
  --blue-new-63: hsl(var(--blue-new-63-hsl) / 1);
  --blue-new-63-hsl: 211.049 calc(var(--saturation-factor, 1) * 80.791%) 34.706%;
  --blue-new-64: hsl(var(--blue-new-64-hsl) / 1);
  --blue-new-64-hsl: 210.87 calc(var(--saturation-factor, 1) * 80.233%) 33.725%;
  --blue-new-65: hsl(var(--blue-new-65-hsl) / 1);
  --blue-new-65-hsl: 210.909 calc(var(--saturation-factor, 1) * 78.571%) 32.941%;
  --blue-new-66: hsl(var(--blue-new-66-hsl) / 1);
  --blue-new-66-hsl: 211.181 calc(var(--saturation-factor, 1) * 77.914%) 31.961%;
  --blue-new-67: hsl(var(--blue-new-67-hsl) / 1);
  --blue-new-67-hsl: 211.22 calc(var(--saturation-factor, 1) * 77.358%) 31.176%;
  --blue-new-68: hsl(var(--blue-new-68-hsl) / 1);
  --blue-new-68-hsl: 211.017 calc(var(--saturation-factor, 1) * 76.623%) 30.196%;
  --blue-new-69: hsl(var(--blue-new-69-hsl) / 1);
  --blue-new-69-hsl: 211.053 calc(var(--saturation-factor, 1) * 76%) 29.412%;
  --blue-new-70: hsl(var(--blue-new-70-hsl) / 1);
  --blue-new-70-hsl: 211.376 calc(var(--saturation-factor, 1) * 75.172%) 28.431%;
  --blue-new-71: hsl(var(--blue-new-71-hsl) / 1);
  --blue-new-71-hsl: 211.429 calc(var(--saturation-factor, 1) * 74.468%) 27.647%;
  --blue-new-72: hsl(var(--blue-new-72-hsl) / 1);
  --blue-new-72-hsl: 211.2 calc(var(--saturation-factor, 1) * 73.529%) 26.667%;
  --blue-new-73: hsl(var(--blue-new-73-hsl) / 1);
  --blue-new-73-hsl: 210.928 calc(var(--saturation-factor, 1) * 74.046%) 25.686%;
  --blue-new-74: hsl(var(--blue-new-74-hsl) / 1);
  --blue-new-74-hsl: 210.968 calc(var(--saturation-factor, 1) * 73.228%) 24.902%;
  --blue-new-75: hsl(var(--blue-new-75-hsl) / 1);
  --blue-new-75-hsl: 211.685 calc(var(--saturation-factor, 1) * 72.358%) 24.118%;
  --blue-new-76: hsl(var(--blue-new-76-hsl) / 1);
  --blue-new-76-hsl: 211.429 calc(var(--saturation-factor, 1) * 71.186%) 23.137%;
  --blue-new-77: hsl(var(--blue-new-77-hsl) / 1);
  --blue-new-77-hsl: 211.111 calc(var(--saturation-factor, 1) * 71.681%) 22.157%;
  --blue-new-78: hsl(var(--blue-new-78-hsl) / 1);
  --blue-new-78-hsl: 211.169 calc(var(--saturation-factor, 1) * 70.642%) 21.373%;
  --blue-new-79: hsl(var(--blue-new-79-hsl) / 1);
  --blue-new-79-hsl: 210.811 calc(var(--saturation-factor, 1) * 71.154%) 20.392%;
  --blue-new-80: hsl(var(--blue-new-80-hsl) / 1);
  --blue-new-80-hsl: 210.857 calc(var(--saturation-factor, 1) * 70%) 19.608%;
  --blue-new-81: hsl(var(--blue-new-81-hsl) / 1);
  --blue-new-81-hsl: 210.882 calc(var(--saturation-factor, 1) * 70.833%) 18.824%;
  --blue-new-82: hsl(var(--blue-new-82-hsl) / 1);
  --blue-new-82-hsl: 210.938 calc(var(--saturation-factor, 1) * 69.565%) 18.039%;
  --blue-new-83: hsl(var(--blue-new-83-hsl) / 1);
  --blue-new-83-hsl: 211.475 calc(var(--saturation-factor, 1) * 70.115%) 17.059%;
  --blue-new-84: hsl(var(--blue-new-84-hsl) / 1);
  --blue-new-84-hsl: 211.579 calc(var(--saturation-factor, 1) * 68.675%) 16.275%;
  --blue-new-85: hsl(var(--blue-new-85-hsl) / 1);
  --blue-new-85-hsl: 211.636 calc(var(--saturation-factor, 1) * 69.62%) 15.49%;
  --blue-new-86: hsl(var(--blue-new-86-hsl) / 1);
  --blue-new-86-hsl: 211.154 calc(var(--saturation-factor, 1) * 70.27%) 14.51%;
  --blue-new-87: hsl(var(--blue-new-87-hsl) / 1);
  --blue-new-87-hsl: 211.25 calc(var(--saturation-factor, 1) * 68.571%) 13.725%;
  --blue-new-88: hsl(var(--blue-new-88-hsl) / 1);
  --blue-new-88-hsl: 211.304 calc(var(--saturation-factor, 1) * 69.697%) 12.941%;
  --blue-new-89: hsl(var(--blue-new-89-hsl) / 1);
  --blue-new-89-hsl: 210.698 calc(var(--saturation-factor, 1) * 70.492%) 11.961%;
  --blue-new-90: hsl(var(--blue-new-90-hsl) / 1);
  --blue-new-90-hsl: 211.5 calc(var(--saturation-factor, 1) * 68.966%) 11.373%;
  --blue-new-91: hsl(var(--blue-new-91-hsl) / 1);
  --blue-new-91-hsl: 211.579 calc(var(--saturation-factor, 1) * 70.37%) 10.588%;
  --blue-new-92: hsl(var(--blue-new-92-hsl) / 1);
  --blue-new-92-hsl: 211.667 calc(var(--saturation-factor, 1) * 72%) 9.804%;
  --blue-new-93: hsl(var(--blue-new-93-hsl) / 1);
  --blue-new-93-hsl: 211.875 calc(var(--saturation-factor, 1) * 69.565%) 9.02%;
  --blue-new-94: hsl(var(--blue-new-94-hsl) / 1);
  --blue-new-94-hsl: 211.034 calc(var(--saturation-factor, 1) * 70.732%) 8.039%;
  --blue-new-95: hsl(var(--blue-new-95-hsl) / 1);
  --blue-new-95-hsl: 212.308 calc(var(--saturation-factor, 1) * 72.222%) 7.059%;
  --blue-new-96: hsl(var(--blue-new-96-hsl) / 1);
  --blue-new-96-hsl: 211.304 calc(var(--saturation-factor, 1) * 74.194%) 6.078%;
  --blue-new-97: hsl(var(--blue-new-97-hsl) / 1);
  --blue-new-97-hsl: 214.737 calc(var(--saturation-factor, 1) * 76%) 4.902%;
  --blue-new-98: hsl(var(--blue-new-98-hsl) / 1);
  --blue-new-98-hsl: 214.286 calc(var(--saturation-factor, 1) * 77.778%) 3.529%;
  --blue-new-99: hsl(var(--blue-new-99-hsl) / 1);
  --blue-new-99-hsl: 214.286 calc(var(--saturation-factor, 1) * 77.778%) 1.765%;
  --blue-new-100: hsl(var(--blue-new-100-hsl) / 1);
  --blue-new-100-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --blurple-1: hsl(var(--blurple-1-hsl) / 1);
  --blurple-1-hsl: 232.5 calc(var(--saturation-factor, 1) * 100%) 95.294%;
  --blurple-2: hsl(var(--blurple-2-hsl) / 1);
  --blurple-2-hsl: 233.333 calc(var(--saturation-factor, 1) * 100%) 94.706%;
  --blurple-3: hsl(var(--blurple-3-hsl) / 1);
  --blurple-3-hsl: 230.323 calc(var(--saturation-factor, 1) * 100%) 93.922%;
  --blurple-4: hsl(var(--blurple-4-hsl) / 1);
  --blurple-4-hsl: 229.714 calc(var(--saturation-factor, 1) * 100%) 93.137%;
  --blurple-5: hsl(var(--blurple-5-hsl) / 1);
  --blurple-5-hsl: 230.526 calc(var(--saturation-factor, 1) * 100%) 92.549%;
  --blurple-6: hsl(var(--blurple-6-hsl) / 1);
  --blurple-6-hsl: 228.571 calc(var(--saturation-factor, 1) * 100%) 91.765%;
  --blurple-7: hsl(var(--blurple-7-hsl) / 1);
  --blurple-7-hsl: 229.333 calc(var(--saturation-factor, 1) * 100%) 91.176%;
  --blurple-8: hsl(var(--blurple-8-hsl) / 1);
  --blurple-8-hsl: 228.75 calc(var(--saturation-factor, 1) * 96%) 90.196%;
  --blurple-9: hsl(var(--blurple-9-hsl) / 1);
  --blurple-9-hsl: 228.235 calc(var(--saturation-factor, 1) * 96.226%) 89.608%;
  --blurple-10: hsl(var(--blurple-10-hsl) / 1);
  --blurple-10-hsl: 228.889 calc(var(--saturation-factor, 1) * 96.429%) 89.02%;
  --blurple-11: hsl(var(--blurple-11-hsl) / 1);
  --blurple-11-hsl: 228.621 calc(var(--saturation-factor, 1) * 96.667%) 88.235%;
  --blurple-12: hsl(var(--blurple-12-hsl) / 1);
  --blurple-12-hsl: 228.197 calc(var(--saturation-factor, 1) * 96.825%) 87.647%;
  --blurple-13: hsl(var(--blurple-13-hsl) / 1);
  --blurple-13-hsl: 228 calc(var(--saturation-factor, 1) * 97.015%) 86.863%;
  --blurple-14: hsl(var(--blurple-14-hsl) / 1);
  --blurple-14-hsl: 228.529 calc(var(--saturation-factor, 1) * 97.143%) 86.275%;
  --blurple-15: hsl(var(--blurple-15-hsl) / 1);
  --blurple-15-hsl: 228 calc(var(--saturation-factor, 1) * 94.595%) 85.49%;
  --blurple-16: hsl(var(--blurple-16-hsl) / 1);
  --blurple-16-hsl: 228.493 calc(var(--saturation-factor, 1) * 94.805%) 84.902%;
  --blurple-17: hsl(var(--blurple-17-hsl) / 1);
  --blurple-17-hsl: 228.312 calc(var(--saturation-factor, 1) * 95.062%) 84.118%;
  --blurple-18: hsl(var(--blurple-18-hsl) / 1);
  --blurple-18-hsl: 228 calc(var(--saturation-factor, 1) * 95.238%) 83.529%;
  --blurple-19: hsl(var(--blurple-19-hsl) / 1);
  --blurple-19-hsl: 228.434 calc(var(--saturation-factor, 1) * 95.402%) 82.941%;
  --blurple-20: hsl(var(--blurple-20-hsl) / 1);
  --blurple-20-hsl: 228.706 calc(var(--saturation-factor, 1) * 93.407%) 82.157%;
  --blurple-21: hsl(var(--blurple-21-hsl) / 1);
  --blurple-21-hsl: 227.865 calc(var(--saturation-factor, 1) * 93.684%) 81.373%;
  --blurple-22: hsl(var(--blurple-22-hsl) / 1);
  --blurple-22-hsl: 228.261 calc(var(--saturation-factor, 1) * 93.878%) 80.784%;
  --blurple-23: hsl(var(--blurple-23-hsl) / 1);
  --blurple-23-hsl: 228.632 calc(var(--saturation-factor, 1) * 94.059%) 80.196%;
  --blurple-24: hsl(var(--blurple-24-hsl) / 1);
  --blurple-24-hsl: 228.866 calc(var(--saturation-factor, 1) * 92.381%) 79.412%;
  --blurple-25: hsl(var(--blurple-25-hsl) / 1);
  --blurple-25-hsl: 228.6 calc(var(--saturation-factor, 1) * 92.593%) 78.824%;
  --blurple-26: hsl(var(--blurple-26-hsl) / 1);
  --blurple-26-hsl: 228.932 calc(var(--saturation-factor, 1) * 92.793%) 78.235%;
  --blurple-27: hsl(var(--blurple-27-hsl) / 1);
  --blurple-27-hsl: 229.245 calc(var(--saturation-factor, 1) * 92.982%) 77.647%;
  --blurple-28: hsl(var(--blurple-28-hsl) / 1);
  --blurple-28-hsl: 228.889 calc(var(--saturation-factor, 1) * 91.525%) 76.863%;
  --blurple-29: hsl(var(--blurple-29-hsl) / 1);
  --blurple-29-hsl: 229.189 calc(var(--saturation-factor, 1) * 91.736%) 76.275%;
  --blurple-30: hsl(var(--blurple-30-hsl) / 1);
  --blurple-30-hsl: 229.474 calc(var(--saturation-factor, 1) * 91.935%) 75.686%;
  --blurple-31: hsl(var(--blurple-31-hsl) / 1);
  --blurple-31-hsl: 229.655 calc(var(--saturation-factor, 1) * 90.625%) 74.902%;
  --blurple-32: hsl(var(--blurple-32-hsl) / 1);
  --blurple-32-hsl: 229.916 calc(var(--saturation-factor, 1) * 90.84%) 74.314%;
  --blurple-33: hsl(var(--blurple-33-hsl) / 1);
  --blurple-33-hsl: 230.083 calc(var(--saturation-factor, 1) * 90.977%) 73.922%;
  --blurple-34: hsl(var(--blurple-34-hsl) / 1);
  --blurple-34-hsl: 230.244 calc(var(--saturation-factor, 1) * 89.781%) 73.137%;
  --blurple-35: hsl(var(--blurple-35-hsl) / 1);
  --blurple-35-hsl: 230.476 calc(var(--saturation-factor, 1) * 90%) 72.549%;
  --blurple-36: hsl(var(--blurple-36-hsl) / 1);
  --blurple-36-hsl: 230.698 calc(var(--saturation-factor, 1) * 90.21%) 71.961%;
  --blurple-37: hsl(var(--blurple-37-hsl) / 1);
  --blurple-37-hsl: 231.231 calc(var(--saturation-factor, 1) * 89.041%) 71.373%;
  --blurple-38: hsl(var(--blurple-38-hsl) / 1);
  --blurple-38-hsl: 230.977 calc(var(--saturation-factor, 1) * 89.262%) 70.784%;
  --blurple-39: hsl(var(--blurple-39-hsl) / 1);
  --blurple-39-hsl: 231.493 calc(var(--saturation-factor, 1) * 88.158%) 70.196%;
  --blurple-40: hsl(var(--blurple-40-hsl) / 1);
  --blurple-40-hsl: 231.679 calc(var(--saturation-factor, 1) * 88.387%) 69.608%;
  --blurple-41: hsl(var(--blurple-41-hsl) / 1);
  --blurple-41-hsl: 231.857 calc(var(--saturation-factor, 1) * 88.608%) 69.02%;
  --blurple-42: hsl(var(--blurple-42-hsl) / 1);
  --blurple-42-hsl: 232.34 calc(var(--saturation-factor, 1) * 87.578%) 68.431%;
  --blurple-43: hsl(var(--blurple-43-hsl) / 1);
  --blurple-43-hsl: 232.867 calc(var(--saturation-factor, 1) * 87.73%) 68.039%;
  --blurple-44: hsl(var(--blurple-44-hsl) / 1);
  --blurple-44-hsl: 232.966 calc(var(--saturation-factor, 1) * 86.826%) 67.255%;
  --blurple-45: hsl(var(--blurple-45-hsl) / 1);
  --blurple-45-hsl: 233.469 calc(var(--saturation-factor, 1) * 86.982%) 66.863%;
  --blurple-46: hsl(var(--blurple-46-hsl) / 1);
  --blurple-46-hsl: 233.919 calc(var(--saturation-factor, 1) * 86.047%) 66.275%;
  --blurple-47: hsl(var(--blurple-47-hsl) / 1);
  --blurple-47-hsl: 234.04 calc(var(--saturation-factor, 1) * 86.286%) 65.686%;
  --blurple-48: hsl(var(--blurple-48-hsl) / 1);
  --blurple-48-hsl: 234.474 calc(var(--saturation-factor, 1) * 85.393%) 65.098%;
  --blurple-49: hsl(var(--blurple-49-hsl) / 1);
  --blurple-49-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --blurple-50: hsl(var(--blurple-50-hsl) / 1);
  --blurple-50-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --blurple-51: hsl(var(--blurple-51-hsl) / 1);
  --blurple-51-hsl: 234.8 calc(var(--saturation-factor, 1) * 79.787%) 63.137%;
  --blurple-52: hsl(var(--blurple-52-hsl) / 1);
  --blurple-52-hsl: 234.658 calc(var(--saturation-factor, 1) * 74.49%) 61.569%;
  --blurple-53: hsl(var(--blurple-53-hsl) / 1);
  --blurple-53-hsl: 234.507 calc(var(--saturation-factor, 1) * 69.608%) 60%;
  --blurple-54: hsl(var(--blurple-54-hsl) / 1);
  --blurple-54-hsl: 233.913 calc(var(--saturation-factor, 1) * 65.094%) 58.431%;
  --blurple-55: hsl(var(--blurple-55-hsl) / 1);
  --blurple-55-hsl: 233.778 calc(var(--saturation-factor, 1) * 61.644%) 57.059%;
  --blurple-56: hsl(var(--blurple-56-hsl) / 1);
  --blurple-56-hsl: 233.588 calc(var(--saturation-factor, 1) * 57.709%) 55.49%;
  --blurple-57: hsl(var(--blurple-57-hsl) / 1);
  --blurple-57-hsl: 233.81 calc(var(--saturation-factor, 1) * 53.846%) 54.118%;
  --blurple-58: hsl(var(--blurple-58-hsl) / 1);
  --blurple-58-hsl: 233.659 calc(var(--saturation-factor, 1) * 51.037%) 52.745%;
  --blurple-59: hsl(var(--blurple-59-hsl) / 1);
  --blurple-59-hsl: 233.445 calc(var(--saturation-factor, 1) * 47.791%) 51.176%;
  --blurple-60: hsl(var(--blurple-60-hsl) / 1);
  --blurple-60-hsl: 233.276 calc(var(--saturation-factor, 1) * 45.669%) 49.804%;
  --blurple-61: hsl(var(--blurple-61-hsl) / 1);
  --blurple-61-hsl: 233.097 calc(var(--saturation-factor, 1) * 45.749%) 48.431%;
  --blurple-62: hsl(var(--blurple-62-hsl) / 1);
  --blurple-62-hsl: 232.294 calc(var(--saturation-factor, 1) * 45.607%) 46.863%;
  --blurple-63: hsl(var(--blurple-63-hsl) / 1);
  --blurple-63-hsl: 232.571 calc(var(--saturation-factor, 1) * 45.064%) 45.686%;
  --blurple-64: hsl(var(--blurple-64-hsl) / 1);
  --blurple-64-hsl: 232.353 calc(var(--saturation-factor, 1) * 45.133%) 44.314%;
  --blurple-65: hsl(var(--blurple-65-hsl) / 1);
  --blurple-65-hsl: 232.121 calc(var(--saturation-factor, 1) * 45.205%) 42.941%;
  --blurple-66: hsl(var(--blurple-66-hsl) / 1);
  --blurple-66-hsl: 231.875 calc(var(--saturation-factor, 1) * 45.283%) 41.569%;
  --blurple-67: hsl(var(--blurple-67-hsl) / 1);
  --blurple-67-hsl: 232.174 calc(var(--saturation-factor, 1) * 44.66%) 40.392%;
  --blurple-68: hsl(var(--blurple-68-hsl) / 1);
  --blurple-68-hsl: 231.91 calc(var(--saturation-factor, 1) * 44.724%) 39.02%;
  --blurple-69: hsl(var(--blurple-69-hsl) / 1);
  --blurple-69-hsl: 231.628 calc(var(--saturation-factor, 1) * 44.792%) 37.647%;
  --blurple-70: hsl(var(--blurple-70-hsl) / 1);
  --blurple-70-hsl: 231.325 calc(var(--saturation-factor, 1) * 44.865%) 36.275%;
  --blurple-71: hsl(var(--blurple-71-hsl) / 1);
  --blurple-71-hsl: 231.75 calc(var(--saturation-factor, 1) * 44.444%) 35.294%;
  --blurple-72: hsl(var(--blurple-72-hsl) / 1);
  --blurple-72-hsl: 231.429 calc(var(--saturation-factor, 1) * 44.509%) 33.922%;
  --blurple-73: hsl(var(--blurple-73-hsl) / 1);
  --blurple-73-hsl: 231.081 calc(var(--saturation-factor, 1) * 44.578%) 32.549%;
  --blurple-74: hsl(var(--blurple-74-hsl) / 1);
  --blurple-74-hsl: 230.704 calc(var(--saturation-factor, 1) * 44.099%) 31.569%;
  --blurple-75: hsl(var(--blurple-75-hsl) / 1);
  --blurple-75-hsl: 230.294 calc(var(--saturation-factor, 1) * 44.156%) 30.196%;
  --blurple-76: hsl(var(--blurple-76-hsl) / 1);
  --blurple-76-hsl: 230 calc(var(--saturation-factor, 1) * 44.595%) 29.02%;
  --blurple-77: hsl(var(--blurple-77-hsl) / 1);
  --blurple-77-hsl: 230.476 calc(var(--saturation-factor, 1) * 44.056%) 28.039%;
  --blurple-78: hsl(var(--blurple-78-hsl) / 1);
  --blurple-78-hsl: 230 calc(var(--saturation-factor, 1) * 44.118%) 26.667%;
  --blurple-79: hsl(var(--blurple-79-hsl) / 1);
  --blurple-79-hsl: 229.655 calc(var(--saturation-factor, 1) * 44.615%) 25.49%;
  --blurple-80: hsl(var(--blurple-80-hsl) / 1);
  --blurple-80-hsl: 230.182 calc(var(--saturation-factor, 1) * 44%) 24.51%;
  --blurple-81: hsl(var(--blurple-81-hsl) / 1);
  --blurple-81-hsl: 229.811 calc(var(--saturation-factor, 1) * 44.538%) 23.333%;
  --blurple-82: hsl(var(--blurple-82-hsl) / 1);
  --blurple-82-hsl: 230.4 calc(var(--saturation-factor, 1) * 43.86%) 22.353%;
  --blurple-83: hsl(var(--blurple-83-hsl) / 1);
  --blurple-83-hsl: 228.75 calc(var(--saturation-factor, 1) * 44.444%) 21.176%;
  --blurple-84: hsl(var(--blurple-84-hsl) / 1);
  --blurple-84-hsl: 228.261 calc(var(--saturation-factor, 1) * 45.098%) 20%;
  --blurple-85: hsl(var(--blurple-85-hsl) / 1);
  --blurple-85-hsl: 228.837 calc(var(--saturation-factor, 1) * 44.33%) 19.02%;
  --blurple-86: hsl(var(--blurple-86-hsl) / 1);
  --blurple-86-hsl: 228.293 calc(var(--saturation-factor, 1) * 45.055%) 17.843%;
  --blurple-87: hsl(var(--blurple-87-hsl) / 1);
  --blurple-87-hsl: 228.947 calc(var(--saturation-factor, 1) * 44.186%) 16.863%;
  --blurple-88: hsl(var(--blurple-88-hsl) / 1);
  --blurple-88-hsl: 228.649 calc(var(--saturation-factor, 1) * 45.679%) 15.882%;
  --blurple-89: hsl(var(--blurple-89-hsl) / 1);
  --blurple-89-hsl: 229.412 calc(var(--saturation-factor, 1) * 44.737%) 14.902%;
  --blurple-90: hsl(var(--blurple-90-hsl) / 1);
  --blurple-90-hsl: 227.273 calc(var(--saturation-factor, 1) * 46.479%) 13.922%;
  --blurple-91: hsl(var(--blurple-91-hsl) / 1);
  --blurple-91-hsl: 228 calc(var(--saturation-factor, 1) * 45.455%) 12.941%;
  --blurple-92: hsl(var(--blurple-92-hsl) / 1);
  --blurple-92-hsl: 227.586 calc(var(--saturation-factor, 1) * 47.541%) 11.961%;
  --blurple-93: hsl(var(--blurple-93-hsl) / 1);
  --blurple-93-hsl: 228.462 calc(var(--saturation-factor, 1) * 46.429%) 10.98%;
  --blurple-94: hsl(var(--blurple-94-hsl) / 1);
  --blurple-94-hsl: 227.5 calc(var(--saturation-factor, 1) * 48%) 9.804%;
  --blurple-95: hsl(var(--blurple-95-hsl) / 1);
  --blurple-95-hsl: 226.364 calc(var(--saturation-factor, 1) * 50%) 8.627%;
  --blurple-96: hsl(var(--blurple-96-hsl) / 1);
  --blurple-96-hsl: 227.368 calc(var(--saturation-factor, 1) * 51.351%) 7.255%;
  --blurple-97: hsl(var(--blurple-97-hsl) / 1);
  --blurple-97-hsl: 228.75 calc(var(--saturation-factor, 1) * 53.333%) 5.882%;
  --blurple-98: hsl(var(--blurple-98-hsl) / 1);
  --blurple-98-hsl: 230 calc(var(--saturation-factor, 1) * 54.545%) 4.314%;
  --blurple-99: hsl(var(--blurple-99-hsl) / 1);
  --blurple-99-hsl: 231.429 calc(var(--saturation-factor, 1) * 63.636%) 2.157%;
  --blurple-100: hsl(var(--blurple-100-hsl) / 1);
  --blurple-100-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --green-new-1: hsl(var(--green-new-1-hsl) / 1);
  --green-new-1-hsl: 130.667 calc(var(--saturation-factor, 1) * 100%) 91.176%;
  --green-new-2: hsl(var(--green-new-2-hsl) / 1);
  --green-new-2-hsl: 130.435 calc(var(--saturation-factor, 1) * 88.462%) 89.804%;
  --green-new-3: hsl(var(--green-new-3-hsl) / 1);
  --green-new-3-hsl: 130 calc(var(--saturation-factor, 1) * 82.759%) 88.627%;
  --green-new-4: hsl(var(--green-new-4-hsl) / 1);
  --green-new-4-hsl: 130 calc(var(--saturation-factor, 1) * 75%) 87.451%;
  --green-new-5: hsl(var(--green-new-5-hsl) / 1);
  --green-new-5-hsl: 129.6 calc(var(--saturation-factor, 1) * 71.429%) 86.275%;
  --green-new-6: hsl(var(--green-new-6-hsl) / 1);
  --green-new-6-hsl: 129.412 calc(var(--saturation-factor, 1) * 66.234%) 84.902%;
  --green-new-7: hsl(var(--green-new-7-hsl) / 1);
  --green-new-7-hsl: 129.057 calc(var(--saturation-factor, 1) * 63.855%) 83.725%;
  --green-new-8: hsl(var(--green-new-8-hsl) / 1);
  --green-new-8-hsl: 130 calc(var(--saturation-factor, 1) * 60%) 82.353%;
  --green-new-9: hsl(var(--green-new-9-hsl) / 1);
  --green-new-9-hsl: 129.643 calc(var(--saturation-factor, 1) * 58.333%) 81.176%;
  --green-new-10: hsl(var(--green-new-10-hsl) / 1);
  --green-new-10-hsl: 129.474 calc(var(--saturation-factor, 1) * 55.34%) 79.804%;
  --green-new-11: hsl(var(--green-new-11-hsl) / 1);
  --green-new-11-hsl: 130.169 calc(var(--saturation-factor, 1) * 54.128%) 78.627%;
  --green-new-12: hsl(var(--green-new-12-hsl) / 1);
  --green-new-12-hsl: 129.153 calc(var(--saturation-factor, 1) * 51.304%) 77.451%;
  --green-new-13: hsl(var(--green-new-13-hsl) / 1);
  --green-new-13-hsl: 128.852 calc(var(--saturation-factor, 1) * 50.413%) 76.275%;
  --green-new-14: hsl(var(--green-new-14-hsl) / 1);
  --green-new-14-hsl: 129.677 calc(var(--saturation-factor, 1) * 48.438%) 74.902%;
  --green-new-15: hsl(var(--green-new-15-hsl) / 1);
  --green-new-15-hsl: 129.375 calc(var(--saturation-factor, 1) * 47.761%) 73.725%;
  --green-new-16: hsl(var(--green-new-16-hsl) / 1);
  --green-new-16-hsl: 130.154 calc(var(--saturation-factor, 1) * 46.099%) 72.353%;
  --green-new-17: hsl(var(--green-new-17-hsl) / 1);
  --green-new-17-hsl: 129.091 calc(var(--saturation-factor, 1) * 45.205%) 71.373%;
  --green-new-18: hsl(var(--green-new-18-hsl) / 1);
  --green-new-18-hsl: 129.851 calc(var(--saturation-factor, 1) * 43.791%) 70%;
  --green-new-19: hsl(var(--green-new-19-hsl) / 1);
  --green-new-19-hsl: 129.706 calc(var(--saturation-factor, 1) * 42.5%) 68.627%;
  --green-new-20: hsl(var(--green-new-20-hsl) / 1);
  --green-new-20-hsl: 130.286 calc(var(--saturation-factor, 1) * 42.169%) 67.451%;
  --green-new-21: hsl(var(--green-new-21-hsl) / 1);
  --green-new-21-hsl: 129.429 calc(var(--saturation-factor, 1) * 40.698%) 66.275%;
  --green-new-22: hsl(var(--green-new-22-hsl) / 1);
  --green-new-22-hsl: 130 calc(var(--saturation-factor, 1) * 40.449%) 65.098%;
  --green-new-23: hsl(var(--green-new-23-hsl) / 1);
  --green-new-23-hsl: 130.685 calc(var(--saturation-factor, 1) * 39.459%) 63.725%;
  --green-new-24: hsl(var(--green-new-24-hsl) / 1);
  --green-new-24-hsl: 130.4 calc(var(--saturation-factor, 1) * 39.267%) 62.549%;
  --green-new-25: hsl(var(--green-new-25-hsl) / 1);
  --green-new-25-hsl: 131.053 calc(var(--saturation-factor, 1) * 38.384%) 61.176%;
  --green-new-26: hsl(var(--green-new-26-hsl) / 1);
  --green-new-26-hsl: 130.909 calc(var(--saturation-factor, 1) * 37.931%) 60.196%;
  --green-new-27: hsl(var(--green-new-27-hsl) / 1);
  --green-new-27-hsl: 130.769 calc(var(--saturation-factor, 1) * 37.143%) 58.824%;
  --green-new-28: hsl(var(--green-new-28-hsl) / 1);
  --green-new-28-hsl: 131.25 calc(var(--saturation-factor, 1) * 37.037%) 57.647%;
  --green-new-29: hsl(var(--green-new-29-hsl) / 1);
  --green-new-29-hsl: 131.852 calc(var(--saturation-factor, 1) * 36.323%) 56.275%;
  --green-new-30: hsl(var(--green-new-30-hsl) / 1);
  --green-new-30-hsl: 131.707 calc(var(--saturation-factor, 1) * 35.965%) 55.294%;
  --green-new-31: hsl(var(--green-new-31-hsl) / 1);
  --green-new-31-hsl: 131.566 calc(var(--saturation-factor, 1) * 35.319%) 53.922%;
  --green-new-32: hsl(var(--green-new-32-hsl) / 1);
  --green-new-32-hsl: 132 calc(var(--saturation-factor, 1) * 35.27%) 52.745%;
  --green-new-33: hsl(var(--green-new-33-hsl) / 1);
  --green-new-33-hsl: 132.558 calc(var(--saturation-factor, 1) * 34.677%) 51.373%;
  --green-new-34: hsl(var(--green-new-34-hsl) / 1);
  --green-new-34-hsl: 132.955 calc(var(--saturation-factor, 1) * 34.646%) 50.196%;
  --green-new-35: hsl(var(--green-new-35-hsl) / 1);
  --green-new-35-hsl: 133.483 calc(var(--saturation-factor, 1) * 35.743%) 48.824%;
  --green-new-36: hsl(var(--green-new-36-hsl) / 1);
  --green-new-36-hsl: 133.846 calc(var(--saturation-factor, 1) * 37.449%) 47.647%;
  --green-new-37: hsl(var(--green-new-37-hsl) / 1);
  --green-new-37-hsl: 134.348 calc(var(--saturation-factor, 1) * 38.983%) 46.275%;
  --green-new-38: hsl(var(--green-new-38-hsl) / 1);
  --green-new-38-hsl: 134.681 calc(var(--saturation-factor, 1) * 40.87%) 45.098%;
  --green-new-39: hsl(var(--green-new-39-hsl) / 1);
  --green-new-39-hsl: 134.526 calc(var(--saturation-factor, 1) * 42.601%) 43.725%;
  --green-new-40: hsl(var(--green-new-40-hsl) / 1);
  --green-new-40-hsl: 135.464 calc(var(--saturation-factor, 1) * 45.116%) 42.157%;
  --green-new-41: hsl(var(--green-new-41-hsl) / 1);
  --green-new-41-hsl: 135.758 calc(var(--saturation-factor, 1) * 47.368%) 40.98%;
  --green-new-42: hsl(var(--green-new-42-hsl) / 1);
  --green-new-42-hsl: 136.634 calc(var(--saturation-factor, 1) * 50.249%) 39.412%;
  --green-new-43: hsl(var(--green-new-43-hsl) / 1);
  --green-new-43-hsl: 136.893 calc(var(--saturation-factor, 1) * 52.821%) 38.235%;
  --green-new-44: hsl(var(--green-new-44-hsl) / 1);
  --green-new-44-hsl: 138.679 calc(var(--saturation-factor, 1) * 56.989%) 36.471%;
  --green-new-45: hsl(var(--green-new-45-hsl) / 1);
  --green-new-45-hsl: 139.266 calc(var(--saturation-factor, 1) * 60.894%) 35.098%;
  --green-new-46: hsl(var(--green-new-46-hsl) / 1);
  --green-new-46-hsl: 140.357 calc(var(--saturation-factor, 1) * 65.882%) 33.333%;
  --green-new-47: hsl(var(--green-new-47-hsl) / 1);
  --green-new-47-hsl: 141.538 calc(var(--saturation-factor, 1) * 72.671%) 31.569%;
  --green-new-48: hsl(var(--green-new-48-hsl) / 1);
  --green-new-48-hsl: 143.71 calc(var(--saturation-factor, 1) * 83.784%) 29.02%;
  --green-new-49: hsl(var(--green-new-49-hsl) / 1);
  --green-new-49-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --green-new-50: hsl(var(--green-new-50-hsl) / 1);
  --green-new-50-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --green-new-51: hsl(var(--green-new-51-hsl) / 1);
  --green-new-51-hsl: 145.313 calc(var(--saturation-factor, 1) * 95.522%) 26.275%;
  --green-new-52: hsl(var(--green-new-52-hsl) / 1);
  --green-new-52-hsl: 144.878 calc(var(--saturation-factor, 1) * 92.481%) 26.078%;
  --green-new-53: hsl(var(--green-new-53-hsl) / 1);
  --green-new-53-hsl: 144.103 calc(var(--saturation-factor, 1) * 87.97%) 26.078%;
  --green-new-54: hsl(var(--green-new-54-hsl) / 1);
  --green-new-54-hsl: 143.363 calc(var(--saturation-factor, 1) * 84.962%) 26.078%;
  --green-new-55: hsl(var(--green-new-55-hsl) / 1);
  --green-new-55-hsl: 142.778 calc(var(--saturation-factor, 1) * 81.818%) 25.882%;
  --green-new-56: hsl(var(--green-new-56-hsl) / 1);
  --green-new-56-hsl: 142.5 calc(var(--saturation-factor, 1) * 80%) 25.49%;
  --green-new-57: hsl(var(--green-new-57-hsl) / 1);
  --green-new-57-hsl: 141.818 calc(var(--saturation-factor, 1) * 76.744%) 25.294%;
  --green-new-58: hsl(var(--green-new-58-hsl) / 1);
  --green-new-58-hsl: 140.842 calc(var(--saturation-factor, 1) * 74.803%) 24.902%;
  --green-new-59: hsl(var(--green-new-59-hsl) / 1);
  --green-new-59-hsl: 140.217 calc(var(--saturation-factor, 1) * 73.016%) 24.706%;
  --green-new-60: hsl(var(--green-new-60-hsl) / 1);
  --green-new-60-hsl: 140.225 calc(var(--saturation-factor, 1) * 72.358%) 24.118%;
  --green-new-61: hsl(var(--green-new-61-hsl) / 1);
  --green-new-61-hsl: 139.765 calc(var(--saturation-factor, 1) * 70.248%) 23.725%;
  --green-new-62: hsl(var(--green-new-62-hsl) / 1);
  --green-new-62-hsl: 139.518 calc(var(--saturation-factor, 1) * 69.748%) 23.333%;
  --green-new-63: hsl(var(--green-new-63-hsl) / 1);
  --green-new-63-hsl: 138.987 calc(var(--saturation-factor, 1) * 67.521%) 22.941%;
  --green-new-64: hsl(var(--green-new-64-hsl) / 1);
  --green-new-64-hsl: 138.947 calc(var(--saturation-factor, 1) * 66.667%) 22.353%;
  --green-new-65: hsl(var(--green-new-65-hsl) / 1);
  --green-new-65-hsl: 138.649 calc(var(--saturation-factor, 1) * 66.071%) 21.961%;
  --green-new-66: hsl(var(--green-new-66-hsl) / 1);
  --green-new-66-hsl: 138.592 calc(var(--saturation-factor, 1) * 65.138%) 21.373%;
  --green-new-67: hsl(var(--green-new-67-hsl) / 1);
  --green-new-67-hsl: 137.91 calc(var(--saturation-factor, 1) * 62.617%) 20.98%;
  --green-new-68: hsl(var(--green-new-68-hsl) / 1);
  --green-new-68-hsl: 136.615 calc(var(--saturation-factor, 1) * 61.905%) 20.588%;
  --green-new-69: hsl(var(--green-new-69-hsl) / 1);
  --green-new-69-hsl: 137.143 calc(var(--saturation-factor, 1) * 62.376%) 19.804%;
  --green-new-70: hsl(var(--green-new-70-hsl) / 1);
  --green-new-70-hsl: 137 calc(var(--saturation-factor, 1) * 61.224%) 19.216%;
  --green-new-71: hsl(var(--green-new-71-hsl) / 1);
  --green-new-71-hsl: 136.552 calc(var(--saturation-factor, 1) * 60.417%) 18.824%;
  --green-new-72: hsl(var(--green-new-72-hsl) / 1);
  --green-new-72-hsl: 136.364 calc(var(--saturation-factor, 1) * 59.14%) 18.235%;
  --green-new-73: hsl(var(--green-new-73-hsl) / 1);
  --green-new-73-hsl: 135.849 calc(var(--saturation-factor, 1) * 58.242%) 17.843%;
  --green-new-74: hsl(var(--green-new-74-hsl) / 1);
  --green-new-74-hsl: 136.471 calc(var(--saturation-factor, 1) * 58.621%) 17.059%;
  --green-new-75: hsl(var(--green-new-75-hsl) / 1);
  --green-new-75-hsl: 135.918 calc(var(--saturation-factor, 1) * 57.647%) 16.667%;
  --green-new-76: hsl(var(--green-new-76-hsl) / 1);
  --green-new-76-hsl: 134.348 calc(var(--saturation-factor, 1) * 56.098%) 16.078%;
  --green-new-77: hsl(var(--green-new-77-hsl) / 1);
  --green-new-77-hsl: 134.667 calc(var(--saturation-factor, 1) * 56.962%) 15.49%;
  --green-new-78: hsl(var(--green-new-78-hsl) / 1);
  --green-new-78-hsl: 134.286 calc(var(--saturation-factor, 1) * 55.263%) 14.902%;
  --green-new-79: hsl(var(--green-new-79-hsl) / 1);
  --green-new-79-hsl: 134.634 calc(var(--saturation-factor, 1) * 56.164%) 14.314%;
  --green-new-80: hsl(var(--green-new-80-hsl) / 1);
  --green-new-80-hsl: 134.211 calc(var(--saturation-factor, 1) * 54.286%) 13.725%;
  --green-new-81: hsl(var(--green-new-81-hsl) / 1);
  --green-new-81-hsl: 134.595 calc(var(--saturation-factor, 1) * 55.224%) 13.137%;
  --green-new-82: hsl(var(--green-new-82-hsl) / 1);
  --green-new-82-hsl: 133.714 calc(var(--saturation-factor, 1) * 53.846%) 12.745%;
  --green-new-83: hsl(var(--green-new-83-hsl) / 1);
  --green-new-83-hsl: 132.727 calc(var(--saturation-factor, 1) * 54.098%) 11.961%;
  --green-new-84: hsl(var(--green-new-84-hsl) / 1);
  --green-new-84-hsl: 131.613 calc(var(--saturation-factor, 1) * 52.542%) 11.569%;
  --green-new-85: hsl(var(--green-new-85-hsl) / 1);
  --green-new-85-hsl: 132 calc(var(--saturation-factor, 1) * 53.571%) 10.98%;
  --green-new-86: hsl(var(--green-new-86-hsl) / 1);
  --green-new-86-hsl: 132.857 calc(var(--saturation-factor, 1) * 53.846%) 10.196%;
  --green-new-87: hsl(var(--green-new-87-hsl) / 1);
  --green-new-87-hsl: 131.538 calc(var(--saturation-factor, 1) * 52%) 9.804%;
  --green-new-88: hsl(var(--green-new-88-hsl) / 1);
  --green-new-88-hsl: 132 calc(var(--saturation-factor, 1) * 53.191%) 9.216%;
  --green-new-89: hsl(var(--green-new-89-hsl) / 1);
  --green-new-89-hsl: 132.5 calc(var(--saturation-factor, 1) * 54.545%) 8.627%;
  --green-new-90: hsl(var(--green-new-90-hsl) / 1);
  --green-new-90-hsl: 130.909 calc(var(--saturation-factor, 1) * 55%) 7.843%;
  --green-new-91: hsl(var(--green-new-91-hsl) / 1);
  --green-new-91-hsl: 129 calc(var(--saturation-factor, 1) * 52.632%) 7.451%;
  --green-new-92: hsl(var(--green-new-92-hsl) / 1);
  --green-new-92-hsl: 129.474 calc(var(--saturation-factor, 1) * 54.286%) 6.863%;
  --green-new-93: hsl(var(--green-new-93-hsl) / 1);
  --green-new-93-hsl: 130 calc(var(--saturation-factor, 1) * 56.25%) 6.275%;
  --green-new-94: hsl(var(--green-new-94-hsl) / 1);
  --green-new-94-hsl: 131.25 calc(var(--saturation-factor, 1) * 57.143%) 5.49%;
  --green-new-95: hsl(var(--green-new-95-hsl) / 1);
  --green-new-95-hsl: 128 calc(var(--saturation-factor, 1) * 60%) 4.902%;
  --green-new-96: hsl(var(--green-new-96-hsl) / 1);
  --green-new-96-hsl: 125 calc(var(--saturation-factor, 1) * 54.545%) 4.314%;
  --green-new-97: hsl(var(--green-new-97-hsl) / 1);
  --green-new-97-hsl: 126.667 calc(var(--saturation-factor, 1) * 52.941%) 3.333%;
  --green-new-98: hsl(var(--green-new-98-hsl) / 1);
  --green-new-98-hsl: 120 calc(var(--saturation-factor, 1) * 50%) 2.353%;
  --green-new-99: hsl(var(--green-new-99-hsl) / 1);
  --green-new-99-hsl: 140 calc(var(--saturation-factor, 1) * 60%) 0.98%;
  --green-new-100: hsl(var(--green-new-100-hsl) / 1);
  --green-new-100-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --red-new-1: hsl(var(--red-new-1-hsl) / 1);
  --red-new-1-hsl: 0 calc(var(--saturation-factor, 1) * 100%) 93.725%;
  --red-new-2: hsl(var(--red-new-2-hsl) / 1);
  --red-new-2-hsl: 1.667 calc(var(--saturation-factor, 1) * 100%) 92.941%;
  --red-new-3: hsl(var(--red-new-3-hsl) / 1);
  --red-new-3-hsl: 1.5 calc(var(--saturation-factor, 1) * 100%) 92.157%;
  --red-new-4: hsl(var(--red-new-4-hsl) / 1);
  --red-new-4-hsl: 1.364 calc(var(--saturation-factor, 1) * 100%) 91.373%;
  --red-new-5: hsl(var(--red-new-5-hsl) / 1);
  --red-new-5-hsl: 2.5 calc(var(--saturation-factor, 1) * 100%) 90.588%;
  --red-new-6: hsl(var(--red-new-6-hsl) / 1);
  --red-new-6-hsl: 2.308 calc(var(--saturation-factor, 1) * 100%) 89.804%;
  --red-new-7: hsl(var(--red-new-7-hsl) / 1);
  --red-new-7-hsl: 2.143 calc(var(--saturation-factor, 1) * 100%) 89.02%;
  --red-new-8: hsl(var(--red-new-8-hsl) / 1);
  --red-new-8-hsl: 3 calc(var(--saturation-factor, 1) * 100%) 88.235%;
  --red-new-9: hsl(var(--red-new-9-hsl) / 1);
  --red-new-9-hsl: 2.812 calc(var(--saturation-factor, 1) * 100%) 87.451%;
  --red-new-10: hsl(var(--red-new-10-hsl) / 1);
  --red-new-10-hsl: 2.647 calc(var(--saturation-factor, 1) * 100%) 86.667%;
  --red-new-11: hsl(var(--red-new-11-hsl) / 1);
  --red-new-11-hsl: 3.333 calc(var(--saturation-factor, 1) * 100%) 85.882%;
  --red-new-12: hsl(var(--red-new-12-hsl) / 1);
  --red-new-12-hsl: 3.158 calc(var(--saturation-factor, 1) * 100%) 85.098%;
  --red-new-13: hsl(var(--red-new-13-hsl) / 1);
  --red-new-13-hsl: 3 calc(var(--saturation-factor, 1) * 100%) 84.314%;
  --red-new-14: hsl(var(--red-new-14-hsl) / 1);
  --red-new-14-hsl: 2.892 calc(var(--saturation-factor, 1) * 100%) 83.725%;
  --red-new-15: hsl(var(--red-new-15-hsl) / 1);
  --red-new-15-hsl: 2.759 calc(var(--saturation-factor, 1) * 100%) 82.941%;
  --red-new-16: hsl(var(--red-new-16-hsl) / 1);
  --red-new-16-hsl: 3.297 calc(var(--saturation-factor, 1) * 100%) 82.157%;
  --red-new-17: hsl(var(--red-new-17-hsl) / 1);
  --red-new-17-hsl: 2.553 calc(var(--saturation-factor, 1) * 100%) 81.569%;
  --red-new-18: hsl(var(--red-new-18-hsl) / 1);
  --red-new-18-hsl: 3.093 calc(var(--saturation-factor, 1) * 97.98%) 80.588%;
  --red-new-19: hsl(var(--red-new-19-hsl) / 1);
  --red-new-19-hsl: 2.97 calc(var(--saturation-factor, 1) * 98.058%) 79.804%;
  --red-new-20: hsl(var(--red-new-20-hsl) / 1);
  --red-new-20-hsl: 2.33 calc(var(--saturation-factor, 1) * 96.262%) 79.02%;
  --red-new-21: hsl(var(--red-new-21-hsl) / 1);
  --red-new-21-hsl: 2.83 calc(var(--saturation-factor, 1) * 94.643%) 78.039%;
  --red-new-22: hsl(var(--red-new-22-hsl) / 1);
  --red-new-22-hsl: 2.222 calc(var(--saturation-factor, 1) * 93.103%) 77.255%;
  --red-new-23: hsl(var(--red-new-23-hsl) / 1);
  --red-new-23-hsl: 2.703 calc(var(--saturation-factor, 1) * 91.736%) 76.275%;
  --red-new-24: hsl(var(--red-new-24-hsl) / 1);
  --red-new-24-hsl: 2.124 calc(var(--saturation-factor, 1) * 90.4%) 75.49%;
  --red-new-25: hsl(var(--red-new-25-hsl) / 1);
  --red-new-25-hsl: 2.069 calc(var(--saturation-factor, 1) * 89.231%) 74.51%;
  --red-new-26: hsl(var(--red-new-26-hsl) / 1);
  --red-new-26-hsl: 2.034 calc(var(--saturation-factor, 1) * 88.06%) 73.725%;
  --red-new-27: hsl(var(--red-new-27-hsl) / 1);
  --red-new-27-hsl: 1.983 calc(var(--saturation-factor, 1) * 87.05%) 72.745%;
  --red-new-28: hsl(var(--red-new-28-hsl) / 1);
  --red-new-28-hsl: 1.951 calc(var(--saturation-factor, 1) * 86.014%) 71.961%;
  --red-new-29: hsl(var(--red-new-29-hsl) / 1);
  --red-new-29-hsl: 1.44 calc(var(--saturation-factor, 1) * 85.034%) 71.176%;
  --red-new-30: hsl(var(--red-new-30-hsl) / 1);
  --red-new-30-hsl: 1.875 calc(var(--saturation-factor, 1) * 84.211%) 70.196%;
  --red-new-31: hsl(var(--red-new-31-hsl) / 1);
  --red-new-31-hsl: 1.395 calc(var(--saturation-factor, 1) * 82.166%) 69.216%;
  --red-new-32: hsl(var(--red-new-32-hsl) / 1);
  --red-new-32-hsl: 0.916 calc(var(--saturation-factor, 1) * 81.366%) 68.431%;
  --red-new-33: hsl(var(--red-new-33-hsl) / 1);
  --red-new-33-hsl: 1.343 calc(var(--saturation-factor, 1) * 80.723%) 67.451%;
  --red-new-34: hsl(var(--red-new-34-hsl) / 1);
  --red-new-34-hsl: 0.889 calc(var(--saturation-factor, 1) * 78.947%) 66.471%;
  --red-new-35: hsl(var(--red-new-35-hsl) / 1);
  --red-new-35-hsl: 0.876 calc(var(--saturation-factor, 1) * 78.286%) 65.686%;
  --red-new-36: hsl(var(--red-new-36-hsl) / 1);
  --red-new-36-hsl: 0.435 calc(var(--saturation-factor, 1) * 76.667%) 64.706%;
  --red-new-37: hsl(var(--red-new-37-hsl) / 1);
  --red-new-37-hsl: 0 calc(var(--saturation-factor, 1) * 75.135%) 63.725%;
  --red-new-38: hsl(var(--red-new-38-hsl) / 1);
  --red-new-38-hsl: 0 calc(var(--saturation-factor, 1) * 74.603%) 62.941%;
  --red-new-39: hsl(var(--red-new-39-hsl) / 1);
  --red-new-39-hsl: 359.58 calc(var(--saturation-factor, 1) * 73.333%) 61.765%;
  --red-new-40: hsl(var(--red-new-40-hsl) / 1);
  --red-new-40-hsl: 359.586 calc(var(--saturation-factor, 1) * 72.139%) 60.588%;
  --red-new-41: hsl(var(--red-new-41-hsl) / 1);
  --red-new-41-hsl: 359.189 calc(var(--saturation-factor, 1) * 71.845%) 59.608%;
  --red-new-42: hsl(var(--red-new-42-hsl) / 1);
  --red-new-42-hsl: 358.8 calc(var(--saturation-factor, 1) * 70.755%) 58.431%;
  --red-new-43: hsl(var(--red-new-43-hsl) / 1);
  --red-new-43-hsl: 358.808 calc(var(--saturation-factor, 1) * 69.585%) 57.451%;
  --red-new-44: hsl(var(--red-new-44-hsl) / 1);
  --red-new-44-hsl: 358.431 calc(var(--saturation-factor, 1) * 68.61%) 56.275%;
  --red-new-45: hsl(var(--red-new-45-hsl) / 1);
  --red-new-45-hsl: 357.677 calc(var(--saturation-factor, 1) * 67.686%) 55.098%;
  --red-new-46: hsl(var(--red-new-46-hsl) / 1);
  --red-new-46-hsl: 356.962 calc(var(--saturation-factor, 1) * 66.949%) 53.725%;
  --red-new-47: hsl(var(--red-new-47-hsl) / 1);
  --red-new-47-hsl: 356.625 calc(var(--saturation-factor, 1) * 66.116%) 52.549%;
  --red-new-48: hsl(var(--red-new-48-hsl) / 1);
  --red-new-48-hsl: 356.296 calc(var(--saturation-factor, 1) * 65.323%) 51.373%;
  --red-new-49: hsl(var(--red-new-49-hsl) / 1);
  --red-new-49-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --red-new-50: hsl(var(--red-new-50-hsl) / 1);
  --red-new-50-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --red-new-51: hsl(var(--red-new-51-hsl) / 1);
  --red-new-51-hsl: 355.875 calc(var(--saturation-factor, 1) * 64%) 49.02%;
  --red-new-52: hsl(var(--red-new-52-hsl) / 1);
  --red-new-52-hsl: 355.796 calc(var(--saturation-factor, 1) * 64.082%) 48.039%;
  --red-new-53: hsl(var(--red-new-53-hsl) / 1);
  --red-new-53-hsl: 356.053 calc(var(--saturation-factor, 1) * 63.333%) 47.059%;
  --red-new-54: hsl(var(--red-new-54-hsl) / 1);
  --red-new-54-hsl: 355.973 calc(var(--saturation-factor, 1) * 63.404%) 46.078%;
  --red-new-55: hsl(var(--red-new-55-hsl) / 1);
  --red-new-55-hsl: 356.25 calc(var(--saturation-factor, 1) * 62.609%) 45.098%;
  --red-new-56: hsl(var(--red-new-56-hsl) / 1);
  --red-new-56-hsl: 356.17 calc(var(--saturation-factor, 1) * 62.667%) 44.118%;
  --red-new-57: hsl(var(--red-new-57-hsl) / 1);
  --red-new-57-hsl: 356.934 calc(var(--saturation-factor, 1) * 61.991%) 43.333%;
  --red-new-58: hsl(var(--red-new-58-hsl) / 1);
  --red-new-58-hsl: 356.842 calc(var(--saturation-factor, 1) * 61.86%) 42.157%;
  --red-new-59: hsl(var(--red-new-59-hsl) / 1);
  --red-new-59-hsl: 357.209 calc(var(--saturation-factor, 1) * 61.137%) 41.373%;
  --red-new-60: hsl(var(--red-new-60-hsl) / 1);
  --red-new-60-hsl: 357.143 calc(var(--saturation-factor, 1) * 61.165%) 40.392%;
  --red-new-61: hsl(var(--red-new-61-hsl) / 1);
  --red-new-61-hsl: 357.049 calc(var(--saturation-factor, 1) * 61%) 39.216%;
  --red-new-62: hsl(var(--red-new-62-hsl) / 1);
  --red-new-62-hsl: 357.458 calc(var(--saturation-factor, 1) * 60.204%) 38.431%;
  --red-new-63: hsl(var(--red-new-63-hsl) / 1);
  --red-new-63-hsl: 357.391 calc(var(--saturation-factor, 1) * 60.209%) 37.451%;
  --red-new-64: hsl(var(--red-new-64-hsl) / 1);
  --red-new-64-hsl: 357.321 calc(var(--saturation-factor, 1) * 60.215%) 36.471%;
  --red-new-65: hsl(var(--red-new-65-hsl) / 1);
  --red-new-65-hsl: 357.757 calc(var(--saturation-factor, 1) * 59.116%) 35.49%;
  --red-new-66: hsl(var(--red-new-66-hsl) / 1);
  --red-new-66-hsl: 357.692 calc(var(--saturation-factor, 1) * 59.091%) 34.51%;
  --red-new-67: hsl(var(--red-new-67-hsl) / 1);
  --red-new-67-hsl: 358.218 calc(var(--saturation-factor, 1) * 59.064%) 33.529%;
  --red-new-68: hsl(var(--red-new-68-hsl) / 1);
  --red-new-68-hsl: 358.163 calc(var(--saturation-factor, 1) * 59.036%) 32.549%;
  --red-new-69: hsl(var(--red-new-69-hsl) / 1);
  --red-new-69-hsl: 358.723 calc(var(--saturation-factor, 1) * 58.025%) 31.765%;
  --red-new-70: hsl(var(--red-new-70-hsl) / 1);
  --red-new-70-hsl: 358.681 calc(var(--saturation-factor, 1) * 57.962%) 30.784%;
  --red-new-71: hsl(var(--red-new-71-hsl) / 1);
  --red-new-71-hsl: 358.636 calc(var(--saturation-factor, 1) * 57.895%) 29.804%;
  --red-new-72: hsl(var(--red-new-72-hsl) / 1);
  --red-new-72-hsl: 358.588 calc(var(--saturation-factor, 1) * 57.823%) 28.824%;
  --red-new-73: hsl(var(--red-new-73-hsl) / 1);
  --red-new-73-hsl: 358.537 calc(var(--saturation-factor, 1) * 57.746%) 27.843%;
  --red-new-74: hsl(var(--red-new-74-hsl) / 1);
  --red-new-74-hsl: 358.481 calc(var(--saturation-factor, 1) * 57.664%) 26.863%;
  --red-new-75: hsl(var(--red-new-75-hsl) / 1);
  --red-new-75-hsl: 358.421 calc(var(--saturation-factor, 1) * 57.576%) 25.882%;
  --red-new-76: hsl(var(--red-new-76-hsl) / 1);
  --red-new-76-hsl: 359.178 calc(var(--saturation-factor, 1) * 56.589%) 25.294%;
  --red-new-77: hsl(var(--red-new-77-hsl) / 1);
  --red-new-77-hsl: 0 calc(var(--saturation-factor, 1) * 56.452%) 24.314%;
  --red-new-78: hsl(var(--red-new-78-hsl) / 1);
  --red-new-78-hsl: 0 calc(var(--saturation-factor, 1) * 56.303%) 23.333%;
  --red-new-79: hsl(var(--red-new-79-hsl) / 1);
  --red-new-79-hsl: 0 calc(var(--saturation-factor, 1) * 56.14%) 22.353%;
  --red-new-80: hsl(var(--red-new-80-hsl) / 1);
  --red-new-80-hsl: 0 calc(var(--saturation-factor, 1) * 56.364%) 21.569%;
  --red-new-81: hsl(var(--red-new-81-hsl) / 1);
  --red-new-81-hsl: 0 calc(var(--saturation-factor, 1) * 56.19%) 20.588%;
  --red-new-82: hsl(var(--red-new-82-hsl) / 1);
  --red-new-82-hsl: 0 calc(var(--saturation-factor, 1) * 56%) 19.608%;
  --red-new-83: hsl(var(--red-new-83-hsl) / 1);
  --red-new-83-hsl: 0 calc(var(--saturation-factor, 1) * 56.25%) 18.824%;
  --red-new-84: hsl(var(--red-new-84-hsl) / 1);
  --red-new-84-hsl: 0 calc(var(--saturation-factor, 1) * 56.044%) 17.843%;
  --red-new-85: hsl(var(--red-new-85-hsl) / 1);
  --red-new-85-hsl: 1.2 calc(var(--saturation-factor, 1) * 58.14%) 16.863%;
  --red-new-86: hsl(var(--red-new-86-hsl) / 1);
  --red-new-86-hsl: 1.277 calc(var(--saturation-factor, 1) * 58.025%) 15.882%;
  --red-new-87: hsl(var(--red-new-87-hsl) / 1);
  --red-new-87-hsl: 1.333 calc(var(--saturation-factor, 1) * 58.442%) 15.098%;
  --red-new-88: hsl(var(--red-new-88-hsl) / 1);
  --red-new-88-hsl: 1.395 calc(var(--saturation-factor, 1) * 58.904%) 14.314%;
  --red-new-89: hsl(var(--red-new-89-hsl) / 1);
  --red-new-89-hsl: 1.5 calc(var(--saturation-factor, 1) * 58.824%) 13.333%;
  --red-new-90: hsl(var(--red-new-90-hsl) / 1);
  --red-new-90-hsl: 1.579 calc(var(--saturation-factor, 1) * 59.375%) 12.549%;
  --red-new-91: hsl(var(--red-new-91-hsl) / 1);
  --red-new-91-hsl: 1.667 calc(var(--saturation-factor, 1) * 60%) 11.765%;
  --red-new-92: hsl(var(--red-new-92-hsl) / 1);
  --red-new-92-hsl: 0 calc(var(--saturation-factor, 1) * 60.714%) 10.98%;
  --red-new-93: hsl(var(--red-new-93-hsl) / 1);
  --red-new-93-hsl: 1.875 calc(var(--saturation-factor, 1) * 64%) 9.804%;
  --red-new-94: hsl(var(--red-new-94-hsl) / 1);
  --red-new-94-hsl: 2.069 calc(var(--saturation-factor, 1) * 64.444%) 8.824%;
  --red-new-95: hsl(var(--red-new-95-hsl) / 1);
  --red-new-95-hsl: 2.308 calc(var(--saturation-factor, 1) * 65%) 7.843%;
  --red-new-96: hsl(var(--red-new-96-hsl) / 1);
  --red-new-96-hsl: 0 calc(var(--saturation-factor, 1) * 65.714%) 6.863%;
  --red-new-97: hsl(var(--red-new-97-hsl) / 1);
  --red-new-97-hsl: 3 calc(var(--saturation-factor, 1) * 71.429%) 5.49%;
  --red-new-98: hsl(var(--red-new-98-hsl) / 1);
  --red-new-98-hsl: 0 calc(var(--saturation-factor, 1) * 71.429%) 4.118%;
  --red-new-99: hsl(var(--red-new-99-hsl) / 1);
  --red-new-99-hsl: 0 calc(var(--saturation-factor, 1) * 63.636%) 2.157%;
  --red-new-100: hsl(var(--red-new-100-hsl) / 1);
  --red-new-100-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --teal-new-1: hsl(var(--teal-new-1-hsl) / 1);
  --teal-new-1-hsl: 186 calc(var(--saturation-factor, 1) * 100%) 90.196%;
  --teal-new-2: hsl(var(--teal-new-2-hsl) / 1);
  --teal-new-2-hsl: 186.923 calc(var(--saturation-factor, 1) * 92.857%) 89.02%;
  --teal-new-3: hsl(var(--teal-new-3-hsl) / 1);
  --teal-new-3-hsl: 185.66 calc(var(--saturation-factor, 1) * 84.127%) 87.647%;
  --teal-new-4: hsl(var(--teal-new-4-hsl) / 1);
  --teal-new-4-hsl: 186.667 calc(var(--saturation-factor, 1) * 79.412%) 86.667%;
  --teal-new-5: hsl(var(--teal-new-5-hsl) / 1);
  --teal-new-5-hsl: 185.455 calc(var(--saturation-factor, 1) * 73.333%) 85.294%;
  --teal-new-6: hsl(var(--teal-new-6-hsl) / 1);
  --teal-new-6-hsl: 186.316 calc(var(--saturation-factor, 1) * 70.37%) 84.118%;
  --teal-new-7: hsl(var(--teal-new-7-hsl) / 1);
  --teal-new-7-hsl: 186.207 calc(var(--saturation-factor, 1) * 65.909%) 82.745%;
  --teal-new-8: hsl(var(--teal-new-8-hsl) / 1);
  --teal-new-8-hsl: 186.102 calc(var(--saturation-factor, 1) * 63.441%) 81.765%;
  --teal-new-9: hsl(var(--teal-new-9-hsl) / 1);
  --teal-new-9-hsl: 186 calc(var(--saturation-factor, 1) * 60%) 80.392%;
  --teal-new-10: hsl(var(--teal-new-10-hsl) / 1);
  --teal-new-10-hsl: 185.806 calc(var(--saturation-factor, 1) * 58.491%) 79.216%;
  --teal-new-11: hsl(var(--teal-new-11-hsl) / 1);
  --teal-new-11-hsl: 185.806 calc(var(--saturation-factor, 1) * 55.357%) 78.039%;
  --teal-new-12: hsl(var(--teal-new-12-hsl) / 1);
  --teal-new-12-hsl: 185.625 calc(var(--saturation-factor, 1) * 54.237%) 76.863%;
  --teal-new-13: hsl(var(--teal-new-13-hsl) / 1);
  --teal-new-13-hsl: 185.538 calc(var(--saturation-factor, 1) * 52%) 75.49%;
  --teal-new-14: hsl(var(--teal-new-14-hsl) / 1);
  --teal-new-14-hsl: 186.364 calc(var(--saturation-factor, 1) * 50.769%) 74.51%;
  --teal-new-15: hsl(var(--teal-new-15-hsl) / 1);
  --teal-new-15-hsl: 185.373 calc(var(--saturation-factor, 1) * 48.905%) 73.137%;
  --teal-new-16: hsl(var(--teal-new-16-hsl) / 1);
  --teal-new-16-hsl: 186.087 calc(var(--saturation-factor, 1) * 48.252%) 71.961%;
  --teal-new-17: hsl(var(--teal-new-17-hsl) / 1);
  --teal-new-17-hsl: 185.217 calc(var(--saturation-factor, 1) * 46.309%) 70.784%;
  --teal-new-18: hsl(var(--teal-new-18-hsl) / 1);
  --teal-new-18-hsl: 185.915 calc(var(--saturation-factor, 1) * 45.806%) 69.608%;
  --teal-new-19: hsl(var(--teal-new-19-hsl) / 1);
  --teal-new-19-hsl: 185.07 calc(var(--saturation-factor, 1) * 44.099%) 68.431%;
  --teal-new-20: hsl(var(--teal-new-20-hsl) / 1);
  --teal-new-20-hsl: 185.753 calc(var(--saturation-factor, 1) * 43.713%) 67.255%;
  --teal-new-21: hsl(var(--teal-new-21-hsl) / 1);
  --teal-new-21-hsl: 185.6 calc(var(--saturation-factor, 1) * 43.353%) 66.078%;
  --teal-new-22: hsl(var(--teal-new-22-hsl) / 1);
  --teal-new-22-hsl: 185.6 calc(var(--saturation-factor, 1) * 41.899%) 64.902%;
  --teal-new-23: hsl(var(--teal-new-23-hsl) / 1);
  --teal-new-23-hsl: 185.455 calc(var(--saturation-factor, 1) * 41.622%) 63.725%;
  --teal-new-24: hsl(var(--teal-new-24-hsl) / 1);
  --teal-new-24-hsl: 185.385 calc(var(--saturation-factor, 1) * 40.625%) 62.353%;
  --teal-new-25: hsl(var(--teal-new-25-hsl) / 1);
  --teal-new-25-hsl: 186.076 calc(var(--saturation-factor, 1) * 40.102%) 61.373%;
  --teal-new-26: hsl(var(--teal-new-26-hsl) / 1);
  --teal-new-26-hsl: 185.25 calc(var(--saturation-factor, 1) * 39.216%) 60%;
  --teal-new-27: hsl(var(--teal-new-27-hsl) / 1);
  --teal-new-27-hsl: 185.854 calc(var(--saturation-factor, 1) * 39.048%) 58.824%;
  --teal-new-28: hsl(var(--teal-new-28-hsl) / 1);
  --teal-new-28-hsl: 185.122 calc(var(--saturation-factor, 1) * 37.963%) 57.647%;
  --teal-new-29: hsl(var(--teal-new-29-hsl) / 1);
  --teal-new-29-hsl: 185.714 calc(var(--saturation-factor, 1) * 37.838%) 56.471%;
  --teal-new-30: hsl(var(--teal-new-30-hsl) / 1);
  --teal-new-30-hsl: 185.581 calc(var(--saturation-factor, 1) * 37.719%) 55.294%;
  --teal-new-31: hsl(var(--teal-new-31-hsl) / 1);
  --teal-new-31-hsl: 185.581 calc(var(--saturation-factor, 1) * 36.752%) 54.118%;
  --teal-new-32: hsl(var(--teal-new-32-hsl) / 1);
  --teal-new-32-hsl: 185.455 calc(var(--saturation-factor, 1) * 36.667%) 52.941%;
  --teal-new-33: hsl(var(--teal-new-33-hsl) / 1);
  --teal-new-33-hsl: 185.393 calc(var(--saturation-factor, 1) * 36.032%) 51.569%;
  --teal-new-34: hsl(var(--teal-new-34-hsl) / 1);
  --teal-new-34-hsl: 185.275 calc(var(--saturation-factor, 1) * 35.968%) 50.392%;
  --teal-new-35: hsl(var(--teal-new-35-hsl) / 1);
  --teal-new-35-hsl: 185.217 calc(var(--saturation-factor, 1) * 36.8%) 49.02%;
  --teal-new-36: hsl(var(--teal-new-36-hsl) / 1);
  --teal-new-36-hsl: 185.161 calc(var(--saturation-factor, 1) * 37.959%) 48.039%;
  --teal-new-37: hsl(var(--teal-new-37-hsl) / 1);
  --teal-new-37-hsl: 185.684 calc(var(--saturation-factor, 1) * 39.749%) 46.863%;
  --teal-new-38: hsl(var(--teal-new-38-hsl) / 1);
  --teal-new-38-hsl: 185 calc(var(--saturation-factor, 1) * 41.379%) 45.49%;
  --teal-new-39: hsl(var(--teal-new-39-hsl) / 1);
  --teal-new-39-hsl: 185.455 calc(var(--saturation-factor, 1) * 44%) 44.118%;
  --teal-new-40: hsl(var(--teal-new-40-hsl) / 1);
  --teal-new-40-hsl: 184.8 calc(var(--saturation-factor, 1) * 45.872%) 42.745%;
  --teal-new-41: hsl(var(--teal-new-41-hsl) / 1);
  --teal-new-41-hsl: 184.706 calc(var(--saturation-factor, 1) * 48.113%) 41.569%;
  --teal-new-42: hsl(var(--teal-new-42-hsl) / 1);
  --teal-new-42-hsl: 185.143 calc(var(--saturation-factor, 1) * 51.22%) 40.196%;
  --teal-new-43: hsl(var(--teal-new-43-hsl) / 1);
  --teal-new-43-hsl: 184.486 calc(var(--saturation-factor, 1) * 54.315%) 38.627%;
  --teal-new-44: hsl(var(--teal-new-44-hsl) / 1);
  --teal-new-44-hsl: 184.909 calc(var(--saturation-factor, 1) * 57.895%) 37.255%;
  --teal-new-45: hsl(var(--teal-new-45-hsl) / 1);
  --teal-new-45-hsl: 184.286 calc(var(--saturation-factor, 1) * 61.538%) 35.686%;
  --teal-new-46: hsl(var(--teal-new-46-hsl) / 1);
  --teal-new-46-hsl: 184.655 calc(var(--saturation-factor, 1) * 66.667%) 34.118%;
  --teal-new-47: hsl(var(--teal-new-47-hsl) / 1);
  --teal-new-47-hsl: 184.463 calc(var(--saturation-factor, 1) * 73.333%) 32.353%;
  --teal-new-48: hsl(var(--teal-new-48-hsl) / 1);
  --teal-new-48-hsl: 184.219 calc(var(--saturation-factor, 1) * 84.211%) 29.804%;
  --teal-new-49: hsl(var(--teal-new-49-hsl) / 1);
  --teal-new-49-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --teal-new-50: hsl(var(--teal-new-50-hsl) / 1);
  --teal-new-50-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --teal-new-51: hsl(var(--teal-new-51-hsl) / 1);
  --teal-new-51-hsl: 184.091 calc(var(--saturation-factor, 1) * 95.652%) 27.059%;
  --teal-new-52: hsl(var(--teal-new-52-hsl) / 1);
  --teal-new-52-hsl: 183.81 calc(var(--saturation-factor, 1) * 91.304%) 27.059%;
  --teal-new-53: hsl(var(--teal-new-53-hsl) / 1);
  --teal-new-53-hsl: 183.967 calc(var(--saturation-factor, 1) * 88.321%) 26.863%;
  --teal-new-54: hsl(var(--teal-new-54-hsl) / 1);
  --teal-new-54-hsl: 184.174 calc(var(--saturation-factor, 1) * 83.942%) 26.863%;
  --teal-new-55: hsl(var(--teal-new-55-hsl) / 1);
  --teal-new-55-hsl: 184.364 calc(var(--saturation-factor, 1) * 80.882%) 26.667%;
  --teal-new-56: hsl(var(--teal-new-56-hsl) / 1);
  --teal-new-56-hsl: 183.962 calc(var(--saturation-factor, 1) * 79.104%) 26.275%;
  --teal-new-57: hsl(var(--teal-new-57-hsl) / 1);
  --teal-new-57-hsl: 184.118 calc(var(--saturation-factor, 1) * 77.273%) 25.882%;
  --teal-new-58: hsl(var(--teal-new-58-hsl) / 1);
  --teal-new-58-hsl: 184.898 calc(var(--saturation-factor, 1) * 74.242%) 25.882%;
  --teal-new-59: hsl(var(--teal-new-59-hsl) / 1);
  --teal-new-59-hsl: 184.421 calc(var(--saturation-factor, 1) * 73.643%) 25.294%;
  --teal-new-60: hsl(var(--teal-new-60-hsl) / 1);
  --teal-new-60-hsl: 184.615 calc(var(--saturation-factor, 1) * 71.654%) 24.902%;
  --teal-new-61: hsl(var(--teal-new-61-hsl) / 1);
  --teal-new-61-hsl: 184.828 calc(var(--saturation-factor, 1) * 69.6%) 24.51%;
  --teal-new-62: hsl(var(--teal-new-62-hsl) / 1);
  --teal-new-62-hsl: 184.286 calc(var(--saturation-factor, 1) * 68.852%) 23.922%;
  --teal-new-63: hsl(var(--teal-new-63-hsl) / 1);
  --teal-new-63-hsl: 184.5 calc(var(--saturation-factor, 1) * 66.667%) 23.529%;
  --teal-new-64: hsl(var(--teal-new-64-hsl) / 1);
  --teal-new-64-hsl: 184.615 calc(var(--saturation-factor, 1) * 66.102%) 23.137%;
  --teal-new-65: hsl(var(--teal-new-65-hsl) / 1);
  --teal-new-65-hsl: 184.8 calc(var(--saturation-factor, 1) * 65.217%) 22.549%;
  --teal-new-66: hsl(var(--teal-new-66-hsl) / 1);
  --teal-new-66-hsl: 184.167 calc(var(--saturation-factor, 1) * 64.286%) 21.961%;
  --teal-new-67: hsl(var(--teal-new-67-hsl) / 1);
  --teal-new-67-hsl: 184.412 calc(var(--saturation-factor, 1) * 61.818%) 21.569%;
  --teal-new-68: hsl(var(--teal-new-68-hsl) / 1);
  --teal-new-68-hsl: 185.455 calc(var(--saturation-factor, 1) * 61.111%) 21.176%;
  --teal-new-69: hsl(var(--teal-new-69-hsl) / 1);
  --teal-new-69-hsl: 184.688 calc(var(--saturation-factor, 1) * 61.538%) 20.392%;
  --teal-new-70: hsl(var(--teal-new-70-hsl) / 1);
  --teal-new-70-hsl: 184.918 calc(var(--saturation-factor, 1) * 60.396%) 19.804%;
  --teal-new-71: hsl(var(--teal-new-71-hsl) / 1);
  --teal-new-71-hsl: 185.085 calc(var(--saturation-factor, 1) * 59.596%) 19.412%;
  --teal-new-72: hsl(var(--teal-new-72-hsl) / 1);
  --teal-new-72-hsl: 185.357 calc(var(--saturation-factor, 1) * 58.333%) 18.824%;
  --teal-new-73: hsl(var(--teal-new-73-hsl) / 1);
  --teal-new-73-hsl: 184.528 calc(var(--saturation-factor, 1) * 56.989%) 18.235%;
  --teal-new-74: hsl(var(--teal-new-74-hsl) / 1);
  --teal-new-74-hsl: 184.615 calc(var(--saturation-factor, 1) * 57.778%) 17.647%;
  --teal-new-75: hsl(var(--teal-new-75-hsl) / 1);
  --teal-new-75-hsl: 184.898 calc(var(--saturation-factor, 1) * 56.322%) 17.059%;
  --teal-new-76: hsl(var(--teal-new-76-hsl) / 1);
  --teal-new-76-hsl: 185.106 calc(var(--saturation-factor, 1) * 55.294%) 16.667%;
  --teal-new-77: hsl(var(--teal-new-77-hsl) / 1);
  --teal-new-77-hsl: 185.333 calc(var(--saturation-factor, 1) * 55.556%) 15.882%;
  --teal-new-78: hsl(var(--teal-new-78-hsl) / 1);
  --teal-new-78-hsl: 185.581 calc(var(--saturation-factor, 1) * 54.43%) 15.49%;
  --teal-new-79: hsl(var(--teal-new-79-hsl) / 1);
  --teal-new-79-hsl: 184.39 calc(var(--saturation-factor, 1) * 54.667%) 14.706%;
  --teal-new-80: hsl(var(--teal-new-80-hsl) / 1);
  --teal-new-80-hsl: 186.154 calc(var(--saturation-factor, 1) * 53.425%) 14.314%;
  --teal-new-81: hsl(var(--teal-new-81-hsl) / 1);
  --teal-new-81-hsl: 184.865 calc(var(--saturation-factor, 1) * 53.623%) 13.529%;
  --teal-new-82: hsl(var(--teal-new-82-hsl) / 1);
  --teal-new-82-hsl: 185.143 calc(var(--saturation-factor, 1) * 52.239%) 13.137%;
  --teal-new-83: hsl(var(--teal-new-83-hsl) / 1);
  --teal-new-83-hsl: 185.455 calc(var(--saturation-factor, 1) * 52.381%) 12.353%;
  --teal-new-84: hsl(var(--teal-new-84-hsl) / 1);
  --teal-new-84-hsl: 185.625 calc(var(--saturation-factor, 1) * 53.333%) 11.765%;
  --teal-new-85: hsl(var(--teal-new-85-hsl) / 1);
  --teal-new-85-hsl: 184.138 calc(var(--saturation-factor, 1) * 50.877%) 11.176%;
  --teal-new-86: hsl(var(--teal-new-86-hsl) / 1);
  --teal-new-86-hsl: 184.286 calc(var(--saturation-factor, 1) * 51.852%) 10.588%;
  --teal-new-87: hsl(var(--teal-new-87-hsl) / 1);
  --teal-new-87-hsl: 184.444 calc(var(--saturation-factor, 1) * 52.941%) 10%;
  --teal-new-88: hsl(var(--teal-new-88-hsl) / 1);
  --teal-new-88-hsl: 184.8 calc(var(--saturation-factor, 1) * 53.191%) 9.216%;
  --teal-new-89: hsl(var(--teal-new-89-hsl) / 1);
  --teal-new-89-hsl: 185.217 calc(var(--saturation-factor, 1) * 51.111%) 8.824%;
  --teal-new-90: hsl(var(--teal-new-90-hsl) / 1);
  --teal-new-90-hsl: 185.455 calc(var(--saturation-factor, 1) * 52.381%) 8.235%;
  --teal-new-91: hsl(var(--teal-new-91-hsl) / 1);
  --teal-new-91-hsl: 185.714 calc(var(--saturation-factor, 1) * 53.846%) 7.647%;
  --teal-new-92: hsl(var(--teal-new-92-hsl) / 1);
  --teal-new-92-hsl: 186 calc(var(--saturation-factor, 1) * 55.556%) 7.059%;
  --teal-new-93: hsl(var(--teal-new-93-hsl) / 1);
  --teal-new-93-hsl: 183.529 calc(var(--saturation-factor, 1) * 51.515%) 6.471%;
  --teal-new-94: hsl(var(--teal-new-94-hsl) / 1);
  --teal-new-94-hsl: 187.5 calc(var(--saturation-factor, 1) * 53.333%) 5.882%;
  --teal-new-95: hsl(var(--teal-new-95-hsl) / 1);
  --teal-new-95-hsl: 184.286 calc(var(--saturation-factor, 1) * 53.846%) 5.098%;
  --teal-new-96: hsl(var(--teal-new-96-hsl) / 1);
  --teal-new-96-hsl: 185 calc(var(--saturation-factor, 1) * 54.545%) 4.314%;
  --teal-new-97: hsl(var(--teal-new-97-hsl) / 1);
  --teal-new-97-hsl: 186.667 calc(var(--saturation-factor, 1) * 52.941%) 3.333%;
  --teal-new-98: hsl(var(--teal-new-98-hsl) / 1);
  --teal-new-98-hsl: 190 calc(var(--saturation-factor, 1) * 50%) 2.353%;
  --teal-new-99: hsl(var(--teal-new-99-hsl) / 1);
  --teal-new-99-hsl: 180 calc(var(--saturation-factor, 1) * 33.333%) 1.176%;
  --teal-new-100: hsl(var(--teal-new-100-hsl) / 1);
  --teal-new-100-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --yellow-new-1: hsl(var(--yellow-new-1-hsl) / 1);
  --yellow-new-1-hsl: 25.5 calc(var(--saturation-factor, 1) * 100%) 92.157%;
  --yellow-new-2: hsl(var(--yellow-new-2-hsl) / 1);
  --yellow-new-2-hsl: 27.907 calc(var(--saturation-factor, 1) * 91.489%) 90.784%;
  --yellow-new-3: hsl(var(--yellow-new-3-hsl) / 1);
  --yellow-new-3-hsl: 28.085 calc(var(--saturation-factor, 1) * 88.679%) 89.608%;
  --yellow-new-4: hsl(var(--yellow-new-4-hsl) / 1);
  --yellow-new-4-hsl: 28.8 calc(var(--saturation-factor, 1) * 83.333%) 88.235%;
  --yellow-new-5: hsl(var(--yellow-new-5-hsl) / 1);
  --yellow-new-5-hsl: 29.434 calc(var(--saturation-factor, 1) * 79.104%) 86.863%;
  --yellow-new-6: hsl(var(--yellow-new-6-hsl) / 1);
  --yellow-new-6-hsl: 30 calc(var(--saturation-factor, 1) * 75.676%) 85.49%;
  --yellow-new-7: hsl(var(--yellow-new-7-hsl) / 1);
  --yellow-new-7-hsl: 30 calc(var(--saturation-factor, 1) * 75%) 84.314%;
  --yellow-new-8: hsl(var(--yellow-new-8-hsl) / 1);
  --yellow-new-8-hsl: 30.476 calc(var(--saturation-factor, 1) * 72.414%) 82.941%;
  --yellow-new-9: hsl(var(--yellow-new-9-hsl) / 1);
  --yellow-new-9-hsl: 30.462 calc(var(--saturation-factor, 1) * 69.892%) 81.765%;
  --yellow-new-10: hsl(var(--yellow-new-10-hsl) / 1);
  --yellow-new-10-hsl: 31.765 calc(var(--saturation-factor, 1) * 68%) 80.392%;
  --yellow-new-11: hsl(var(--yellow-new-11-hsl) / 1);
  --yellow-new-11-hsl: 32.113 calc(var(--saturation-factor, 1) * 66.355%) 79.02%;
  --yellow-new-12: hsl(var(--yellow-new-12-hsl) / 1);
  --yellow-new-12-hsl: 31.622 calc(var(--saturation-factor, 1) * 66.071%) 78.039%;
  --yellow-new-13: hsl(var(--yellow-new-13-hsl) / 1);
  --yellow-new-13-hsl: 31.948 calc(var(--saturation-factor, 1) * 64.706%) 76.667%;
  --yellow-new-14: hsl(var(--yellow-new-14-hsl) / 1);
  --yellow-new-14-hsl: 31.899 calc(var(--saturation-factor, 1) * 63.2%) 75.49%;
  --yellow-new-15: hsl(var(--yellow-new-15-hsl) / 1);
  --yellow-new-15-hsl: 32.195 calc(var(--saturation-factor, 1) * 62.121%) 74.118%;
  --yellow-new-16: hsl(var(--yellow-new-16-hsl) / 1);
  --yellow-new-16-hsl: 32.143 calc(var(--saturation-factor, 1) * 60.87%) 72.941%;
  --yellow-new-17: hsl(var(--yellow-new-17-hsl) / 1);
  --yellow-new-17-hsl: 32.791 calc(var(--saturation-factor, 1) * 59.722%) 71.765%;
  --yellow-new-18: hsl(var(--yellow-new-18-hsl) / 1);
  --yellow-new-18-hsl: 32.667 calc(var(--saturation-factor, 1) * 60%) 70.588%;
  --yellow-new-19: hsl(var(--yellow-new-19-hsl) / 1);
  --yellow-new-19-hsl: 32.609 calc(var(--saturation-factor, 1) * 58.974%) 69.412%;
  --yellow-new-20: hsl(var(--yellow-new-20-hsl) / 1);
  --yellow-new-20-hsl: 32.553 calc(var(--saturation-factor, 1) * 58.025%) 68.235%;
  --yellow-new-21: hsl(var(--yellow-new-21-hsl) / 1);
  --yellow-new-21-hsl: 32.5 calc(var(--saturation-factor, 1) * 57.143%) 67.059%;
  --yellow-new-22: hsl(var(--yellow-new-22-hsl) / 1);
  --yellow-new-22-hsl: 32.727 calc(var(--saturation-factor, 1) * 56.571%) 65.686%;
  --yellow-new-23: hsl(var(--yellow-new-23-hsl) / 1);
  --yellow-new-23-hsl: 33.267 calc(var(--saturation-factor, 1) * 55.801%) 64.51%;
  --yellow-new-24: hsl(var(--yellow-new-24-hsl) / 1);
  --yellow-new-24-hsl: 33.204 calc(var(--saturation-factor, 1) * 55.08%) 63.333%;
  --yellow-new-25: hsl(var(--yellow-new-25-hsl) / 1);
  --yellow-new-25-hsl: 33.143 calc(var(--saturation-factor, 1) * 54.404%) 62.157%;
  --yellow-new-26: hsl(var(--yellow-new-26-hsl) / 1);
  --yellow-new-26-hsl: 33.084 calc(var(--saturation-factor, 1) * 53.769%) 60.98%;
  --yellow-new-27: hsl(var(--yellow-new-27-hsl) / 1);
  --yellow-new-27-hsl: 33.028 calc(var(--saturation-factor, 1) * 53.171%) 59.804%;
  --yellow-new-28: hsl(var(--yellow-new-28-hsl) / 1);
  --yellow-new-28-hsl: 33.514 calc(var(--saturation-factor, 1) * 52.607%) 58.627%;
  --yellow-new-29: hsl(var(--yellow-new-29-hsl) / 1);
  --yellow-new-29-hsl: 33.451 calc(var(--saturation-factor, 1) * 52.074%) 57.451%;
  --yellow-new-30: hsl(var(--yellow-new-30-hsl) / 1);
  --yellow-new-30-hsl: 33.391 calc(var(--saturation-factor, 1) * 51.57%) 56.275%;
  --yellow-new-31: hsl(var(--yellow-new-31-hsl) / 1);
  --yellow-new-31-hsl: 33.333 calc(var(--saturation-factor, 1) * 51.092%) 55.098%;
  --yellow-new-32: hsl(var(--yellow-new-32-hsl) / 1);
  --yellow-new-32-hsl: 33.782 calc(var(--saturation-factor, 1) * 50.638%) 53.922%;
  --yellow-new-33: hsl(var(--yellow-new-33-hsl) / 1);
  --yellow-new-33-hsl: 33.719 calc(var(--saturation-factor, 1) * 50.207%) 52.745%;
  --yellow-new-34: hsl(var(--yellow-new-34-hsl) / 1);
  --yellow-new-34-hsl: 33.659 calc(var(--saturation-factor, 1) * 49.798%) 51.569%;
  --yellow-new-35: hsl(var(--yellow-new-35-hsl) / 1);
  --yellow-new-35-hsl: 33.387 calc(var(--saturation-factor, 1) * 49.206%) 50.588%;
  --yellow-new-36: hsl(var(--yellow-new-36-hsl) / 1);
  --yellow-new-36-hsl: 33.81 calc(var(--saturation-factor, 1) * 50%) 49.412%;
  --yellow-new-37: hsl(var(--yellow-new-37-hsl) / 1);
  --yellow-new-37-hsl: 33.75 calc(var(--saturation-factor, 1) * 52.033%) 48.235%;
  --yellow-new-38: hsl(var(--yellow-new-38-hsl) / 1);
  --yellow-new-38-hsl: 33.692 calc(var(--saturation-factor, 1) * 54.167%) 47.059%;
  --yellow-new-39: hsl(var(--yellow-new-39-hsl) / 1);
  --yellow-new-39-hsl: 34.091 calc(var(--saturation-factor, 1) * 56.41%) 45.882%;
  --yellow-new-40: hsl(var(--yellow-new-40-hsl) / 1);
  --yellow-new-40-hsl: 34.286 calc(var(--saturation-factor, 1) * 58.59%) 44.51%;
  --yellow-new-41: hsl(var(--yellow-new-41-hsl) / 1);
  --yellow-new-41-hsl: 34.222 calc(var(--saturation-factor, 1) * 61.086%) 43.333%;
  --yellow-new-42: hsl(var(--yellow-new-42-hsl) / 1);
  --yellow-new-42-hsl: 34.599 calc(var(--saturation-factor, 1) * 63.721%) 42.157%;
  --yellow-new-43: hsl(var(--yellow-new-43-hsl) / 1);
  --yellow-new-43-hsl: 34.714 calc(var(--saturation-factor, 1) * 67.308%) 40.784%;
  --yellow-new-44: hsl(var(--yellow-new-44-hsl) / 1);
  --yellow-new-44-hsl: 34.648 calc(var(--saturation-factor, 1) * 70.297%) 39.608%;
  --yellow-new-45: hsl(var(--yellow-new-45-hsl) / 1);
  --yellow-new-45-hsl: 35.172 calc(var(--saturation-factor, 1) * 74.359%) 38.235%;
  --yellow-new-46: hsl(var(--yellow-new-46-hsl) / 1);
  --yellow-new-46-hsl: 35.27 calc(var(--saturation-factor, 1) * 78.723%) 36.863%;
  --yellow-new-47: hsl(var(--yellow-new-47-hsl) / 1);
  --yellow-new-47-hsl: 35.762 calc(var(--saturation-factor, 1) * 84.358%) 35.098%;
  --yellow-new-48: hsl(var(--yellow-new-48-hsl) / 1);
  --yellow-new-48-hsl: 36.538 calc(var(--saturation-factor, 1) * 91.765%) 33.333%;
  --yellow-new-49: hsl(var(--yellow-new-49-hsl) / 1);
  --yellow-new-49-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --yellow-new-50: hsl(var(--yellow-new-50-hsl) / 1);
  --yellow-new-50-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --yellow-new-51: hsl(var(--yellow-new-51-hsl) / 1);
  --yellow-new-51-hsl: 36.923 calc(var(--saturation-factor, 1) * 98.734%) 30.98%;
  --yellow-new-52: hsl(var(--yellow-new-52-hsl) / 1);
  --yellow-new-52-hsl: 36.711 calc(var(--saturation-factor, 1) * 97.436%) 30.588%;
  --yellow-new-53: hsl(var(--yellow-new-53-hsl) / 1);
  --yellow-new-53-hsl: 36.486 calc(var(--saturation-factor, 1) * 96.104%) 30.196%;
  --yellow-new-54: hsl(var(--yellow-new-54-hsl) / 1);
  --yellow-new-54-hsl: 36.667 calc(var(--saturation-factor, 1) * 96%) 29.412%;
  --yellow-new-55: hsl(var(--yellow-new-55-hsl) / 1);
  --yellow-new-55-hsl: 36.429 calc(var(--saturation-factor, 1) * 94.595%) 29.02%;
  --yellow-new-56: hsl(var(--yellow-new-56-hsl) / 1);
  --yellow-new-56-hsl: 36.444 calc(var(--saturation-factor, 1) * 93.103%) 28.431%;
  --yellow-new-57: hsl(var(--yellow-new-57-hsl) / 1);
  --yellow-new-57-hsl: 36.364 calc(var(--saturation-factor, 1) * 92.958%) 27.843%;
  --yellow-new-58: hsl(var(--yellow-new-58-hsl) / 1);
  --yellow-new-58-hsl: 36.378 calc(var(--saturation-factor, 1) * 91.367%) 27.255%;
  --yellow-new-59: hsl(var(--yellow-new-59-hsl) / 1);
  --yellow-new-59-hsl: 36.29 calc(var(--saturation-factor, 1) * 91.176%) 26.667%;
  --yellow-new-60: hsl(var(--yellow-new-60-hsl) / 1);
  --yellow-new-60-hsl: 36 calc(var(--saturation-factor, 1) * 89.552%) 26.275%;
  --yellow-new-61: hsl(var(--yellow-new-61-hsl) / 1);
  --yellow-new-61-hsl: 36.207 calc(var(--saturation-factor, 1) * 89.231%) 25.49%;
  --yellow-new-62: hsl(var(--yellow-new-62-hsl) / 1);
  --yellow-new-62-hsl: 36.106 calc(var(--saturation-factor, 1) * 88.976%) 24.902%;
  --yellow-new-63: hsl(var(--yellow-new-63-hsl) / 1);
  --yellow-new-63-hsl: 35.78 calc(var(--saturation-factor, 1) * 87.2%) 24.51%;
  --yellow-new-64: hsl(var(--yellow-new-64-hsl) / 1);
  --yellow-new-64-hsl: 35.66 calc(var(--saturation-factor, 1) * 86.885%) 23.922%;
  --yellow-new-65: hsl(var(--yellow-new-65-hsl) / 1);
  --yellow-new-65-hsl: 36.471 calc(var(--saturation-factor, 1) * 86.441%) 23.137%;
  --yellow-new-66: hsl(var(--yellow-new-66-hsl) / 1);
  --yellow-new-66-hsl: 36.364 calc(var(--saturation-factor, 1) * 86.087%) 22.549%;
  --yellow-new-67: hsl(var(--yellow-new-67-hsl) / 1);
  --yellow-new-67-hsl: 36.25 calc(var(--saturation-factor, 1) * 85.714%) 21.961%;
  --yellow-new-68: hsl(var(--yellow-new-68-hsl) / 1);
  --yellow-new-68-hsl: 36.129 calc(var(--saturation-factor, 1) * 85.321%) 21.373%;
  --yellow-new-69: hsl(var(--yellow-new-69-hsl) / 1);
  --yellow-new-69-hsl: 36 calc(var(--saturation-factor, 1) * 84.906%) 20.784%;
  --yellow-new-70: hsl(var(--yellow-new-70-hsl) / 1);
  --yellow-new-70-hsl: 35.862 calc(var(--saturation-factor, 1) * 84.466%) 20.196%;
  --yellow-new-71: hsl(var(--yellow-new-71-hsl) / 1);
  --yellow-new-71-hsl: 35.714 calc(var(--saturation-factor, 1) * 84%) 19.608%;
  --yellow-new-72: hsl(var(--yellow-new-72-hsl) / 1);
  --yellow-new-72-hsl: 35.556 calc(var(--saturation-factor, 1) * 83.505%) 19.02%;
  --yellow-new-73: hsl(var(--yellow-new-73-hsl) / 1);
  --yellow-new-73-hsl: 35.844 calc(var(--saturation-factor, 1) * 82.796%) 18.235%;
  --yellow-new-74: hsl(var(--yellow-new-74-hsl) / 1);
  --yellow-new-74-hsl: 35.676 calc(var(--saturation-factor, 1) * 82.222%) 17.647%;
  --yellow-new-75: hsl(var(--yellow-new-75-hsl) / 1);
  --yellow-new-75-hsl: 36.338 calc(var(--saturation-factor, 1) * 81.609%) 17.059%;
  --yellow-new-76: hsl(var(--yellow-new-76-hsl) / 1);
  --yellow-new-76-hsl: 35.652 calc(var(--saturation-factor, 1) * 81.176%) 16.667%;
  --yellow-new-77: hsl(var(--yellow-new-77-hsl) / 1);
  --yellow-new-77-hsl: 35.455 calc(var(--saturation-factor, 1) * 80.488%) 16.078%;
  --yellow-new-78: hsl(var(--yellow-new-78-hsl) / 1);
  --yellow-new-78-hsl: 35.625 calc(var(--saturation-factor, 1) * 82.051%) 15.294%;
  --yellow-new-79: hsl(var(--yellow-new-79-hsl) / 1);
  --yellow-new-79-hsl: 35.41 calc(var(--saturation-factor, 1) * 81.333%) 14.706%;
  --yellow-new-80: hsl(var(--yellow-new-80-hsl) / 1);
  --yellow-new-80-hsl: 35.172 calc(var(--saturation-factor, 1) * 80.556%) 14.118%;
  --yellow-new-81: hsl(var(--yellow-new-81-hsl) / 1);
  --yellow-new-81-hsl: 36 calc(var(--saturation-factor, 1) * 79.71%) 13.529%;
  --yellow-new-82: hsl(var(--yellow-new-82-hsl) / 1);
  --yellow-new-82-hsl: 36.226 calc(var(--saturation-factor, 1) * 81.538%) 12.745%;
  --yellow-new-83: hsl(var(--yellow-new-83-hsl) / 1);
  --yellow-new-83-hsl: 36 calc(var(--saturation-factor, 1) * 80.645%) 12.157%;
  --yellow-new-84: hsl(var(--yellow-new-84-hsl) / 1);
  --yellow-new-84-hsl: 35 calc(var(--saturation-factor, 1) * 80%) 11.765%;
  --yellow-new-85: hsl(var(--yellow-new-85-hsl) / 1);
  --yellow-new-85-hsl: 34.667 calc(var(--saturation-factor, 1) * 78.947%) 11.176%;
  --yellow-new-86: hsl(var(--yellow-new-86-hsl) / 1);
  --yellow-new-86-hsl: 36.279 calc(var(--saturation-factor, 1) * 81.132%) 10.392%;
  --yellow-new-87: hsl(var(--yellow-new-87-hsl) / 1);
  --yellow-new-87-hsl: 35.122 calc(var(--saturation-factor, 1) * 80.392%) 10%;
  --yellow-new-88: hsl(var(--yellow-new-88-hsl) / 1);
  --yellow-new-88-hsl: 34.737 calc(var(--saturation-factor, 1) * 79.167%) 9.412%;
  --yellow-new-89: hsl(var(--yellow-new-89-hsl) / 1);
  --yellow-new-89-hsl: 35 calc(var(--saturation-factor, 1) * 81.818%) 8.627%;
  --yellow-new-90: hsl(var(--yellow-new-90-hsl) / 1);
  --yellow-new-90-hsl: 35.294 calc(var(--saturation-factor, 1) * 80.952%) 8.235%;
  --yellow-new-91: hsl(var(--yellow-new-91-hsl) / 1);
  --yellow-new-91-hsl: 34.839 calc(var(--saturation-factor, 1) * 79.487%) 7.647%;
  --yellow-new-92: hsl(var(--yellow-new-92-hsl) / 1);
  --yellow-new-92-hsl: 33.103 calc(var(--saturation-factor, 1) * 78.378%) 7.255%;
  --yellow-new-93: hsl(var(--yellow-new-93-hsl) / 1);
  --yellow-new-93-hsl: 33.333 calc(var(--saturation-factor, 1) * 81.818%) 6.471%;
  --yellow-new-94: hsl(var(--yellow-new-94-hsl) / 1);
  --yellow-new-94-hsl: 35 calc(var(--saturation-factor, 1) * 80%) 5.882%;
  --yellow-new-95: hsl(var(--yellow-new-95-hsl) / 1);
  --yellow-new-95-hsl: 31.429 calc(var(--saturation-factor, 1) * 77.778%) 5.294%;
  --yellow-new-96: hsl(var(--yellow-new-96-hsl) / 1);
  --yellow-new-96-hsl: 31.579 calc(var(--saturation-factor, 1) * 82.609%) 4.51%;
  --yellow-new-97: hsl(var(--yellow-new-97-hsl) / 1);
  --yellow-new-97-hsl: 30 calc(var(--saturation-factor, 1) * 77.778%) 3.529%;
  --yellow-new-98: hsl(var(--yellow-new-98-hsl) / 1);
  --yellow-new-98-hsl: 27.273 calc(var(--saturation-factor, 1) * 84.615%) 2.549%;
  --yellow-new-99: hsl(var(--yellow-new-99-hsl) / 1);
  --yellow-new-99-hsl: 24 calc(var(--saturation-factor, 1) * 71.429%) 1.373%;
  --yellow-new-100: hsl(var(--yellow-new-100-hsl) / 1);
  --yellow-new-100-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --orange-new-1: hsl(var(--orange-new-1-hsl) / 1);
  --orange-new-1-hsl: 13.714 calc(var(--saturation-factor, 1) * 100%) 93.137%;
  --orange-new-2: hsl(var(--orange-new-2-hsl) / 1);
  --orange-new-2-hsl: 15.385 calc(var(--saturation-factor, 1) * 95.122%) 91.961%;
  --orange-new-3: hsl(var(--orange-new-3-hsl) / 1);
  --orange-new-3-hsl: 17.333 calc(var(--saturation-factor, 1) * 95.745%) 90.784%;
  --orange-new-4: hsl(var(--orange-new-4-hsl) / 1);
  --orange-new-4-hsl: 17.143 calc(var(--saturation-factor, 1) * 92.453%) 89.608%;
  --orange-new-5: hsl(var(--orange-new-5-hsl) / 1);
  --orange-new-5-hsl: 17.778 calc(var(--saturation-factor, 1) * 93.103%) 88.627%;
  --orange-new-6: hsl(var(--orange-new-6-hsl) / 1);
  --orange-new-6-hsl: 18.621 calc(var(--saturation-factor, 1) * 90.625%) 87.451%;
  --orange-new-7: hsl(var(--orange-new-7-hsl) / 1);
  --orange-new-7-hsl: 19.355 calc(var(--saturation-factor, 1) * 88.571%) 86.275%;
  --orange-new-8: hsl(var(--orange-new-8-hsl) / 1);
  --orange-new-8-hsl: 19.701 calc(var(--saturation-factor, 1) * 89.333%) 85.294%;
  --orange-new-9: hsl(var(--orange-new-9-hsl) / 1);
  --orange-new-9-hsl: 19.437 calc(var(--saturation-factor, 1) * 87.654%) 84.118%;
  --orange-new-10: hsl(var(--orange-new-10-hsl) / 1);
  --orange-new-10-hsl: 20 calc(var(--saturation-factor, 1) * 86.207%) 82.941%;
  --orange-new-11: hsl(var(--orange-new-11-hsl) / 1);
  --orange-new-11-hsl: 20 calc(var(--saturation-factor, 1) * 84.783%) 81.961%;
  --orange-new-12: hsl(var(--orange-new-12-hsl) / 1);
  --orange-new-12-hsl: 20.488 calc(var(--saturation-factor, 1) * 83.673%) 80.784%;
  --orange-new-13: hsl(var(--orange-new-13-hsl) / 1);
  --orange-new-13-hsl: 20.93 calc(var(--saturation-factor, 1) * 82.692%) 79.608%;
  --orange-new-14: hsl(var(--orange-new-14-hsl) / 1);
  --orange-new-14-hsl: 20.899 calc(var(--saturation-factor, 1) * 81.651%) 78.627%;
  --orange-new-15: hsl(var(--orange-new-15-hsl) / 1);
  --orange-new-15-hsl: 20.645 calc(var(--saturation-factor, 1) * 80.87%) 77.451%;
  --orange-new-16: hsl(var(--orange-new-16-hsl) / 1);
  --orange-new-16-hsl: 21.031 calc(var(--saturation-factor, 1) * 80.165%) 76.275%;
  --orange-new-17: hsl(var(--orange-new-17-hsl) / 1);
  --orange-new-17-hsl: 21 calc(var(--saturation-factor, 1) * 79.365%) 75.294%;
  --orange-new-18: hsl(var(--orange-new-18-hsl) / 1);
  --orange-new-18-hsl: 21.346 calc(var(--saturation-factor, 1) * 78.788%) 74.118%;
  --orange-new-19: hsl(var(--orange-new-19-hsl) / 1);
  --orange-new-19-hsl: 21.509 calc(var(--saturation-factor, 1) * 76.812%) 72.941%;
  --orange-new-20: hsl(var(--orange-new-20-hsl) / 1);
  --orange-new-20-hsl: 21.468 calc(var(--saturation-factor, 1) * 76.224%) 71.961%;
  --orange-new-21: hsl(var(--orange-new-21-hsl) / 1);
  --orange-new-21-hsl: 21.77 calc(var(--saturation-factor, 1) * 75.839%) 70.784%;
  --orange-new-22: hsl(var(--orange-new-22-hsl) / 1);
  --orange-new-22-hsl: 21.724 calc(var(--saturation-factor, 1) * 75.325%) 69.804%;
  --orange-new-23: hsl(var(--orange-new-23-hsl) / 1);
  --orange-new-23-hsl: 21.356 calc(var(--saturation-factor, 1) * 73.75%) 68.627%;
  --orange-new-24: hsl(var(--orange-new-24-hsl) / 1);
  --orange-new-24-hsl: 21.639 calc(var(--saturation-factor, 1) * 73.494%) 67.451%;
  --orange-new-25: hsl(var(--orange-new-25-hsl) / 1);
  --orange-new-25-hsl: 21.6 calc(var(--saturation-factor, 1) * 73.099%) 66.471%;
  --orange-new-26: hsl(var(--orange-new-26-hsl) / 1);
  --orange-new-26-hsl: 21.732 calc(var(--saturation-factor, 1) * 71.751%) 65.294%;
  --orange-new-27: hsl(var(--orange-new-27-hsl) / 1);
  --orange-new-27-hsl: 21.692 calc(var(--saturation-factor, 1) * 71.429%) 64.314%;
  --orange-new-28: hsl(var(--orange-new-28-hsl) / 1);
  --orange-new-28-hsl: 21.818 calc(var(--saturation-factor, 1) * 70.213%) 63.137%;
  --orange-new-29: hsl(var(--orange-new-29-hsl) / 1);
  --orange-new-29-hsl: 21.778 calc(var(--saturation-factor, 1) * 69.948%) 62.157%;
  --orange-new-30: hsl(var(--orange-new-30-hsl) / 1);
  --orange-new-30-hsl: 21.898 calc(var(--saturation-factor, 1) * 68.844%) 60.98%;
  --orange-new-31: hsl(var(--orange-new-31-hsl) / 1);
  --orange-new-31-hsl: 22.014 calc(var(--saturation-factor, 1) * 67.805%) 59.804%;
  --orange-new-32: hsl(var(--orange-new-32-hsl) / 1);
  --orange-new-32-hsl: 21.972 calc(var(--saturation-factor, 1) * 67.619%) 58.824%;
  --orange-new-33: hsl(var(--orange-new-33-hsl) / 1);
  --orange-new-33-hsl: 22.083 calc(var(--saturation-factor, 1) * 66.667%) 57.647%;
  --orange-new-34: hsl(var(--orange-new-34-hsl) / 1);
  --orange-new-34-hsl: 22.192 calc(var(--saturation-factor, 1) * 65.766%) 56.471%;
  --orange-new-35: hsl(var(--orange-new-35-hsl) / 1);
  --orange-new-35-hsl: 22.148 calc(var(--saturation-factor, 1) * 65.639%) 55.49%;
  --orange-new-36: hsl(var(--orange-new-36-hsl) / 1);
  --orange-new-36-hsl: 21.854 calc(var(--saturation-factor, 1) * 64.807%) 54.314%;
  --orange-new-37: hsl(var(--orange-new-37-hsl) / 1);
  --orange-new-37-hsl: 21.961 calc(var(--saturation-factor, 1) * 64.017%) 53.137%;
  --orange-new-38: hsl(var(--orange-new-38-hsl) / 1);
  --orange-new-38-hsl: 22.065 calc(var(--saturation-factor, 1) * 63.265%) 51.961%;
  --orange-new-39: hsl(var(--orange-new-39-hsl) / 1);
  --orange-new-39-hsl: 22.025 calc(var(--saturation-factor, 1) * 63.2%) 50.98%;
  --orange-new-40: hsl(var(--orange-new-40-hsl) / 1);
  --orange-new-40-hsl: 22.125 calc(var(--saturation-factor, 1) * 62.992%) 49.804%;
  --orange-new-41: hsl(var(--orange-new-41-hsl) / 1);
  --orange-new-41-hsl: 22.222 calc(var(--saturation-factor, 1) * 65.323%) 48.627%;
  --orange-new-42: hsl(var(--orange-new-42-hsl) / 1);
  --orange-new-42-hsl: 22.317 calc(var(--saturation-factor, 1) * 67.769%) 47.451%;
  --orange-new-43: hsl(var(--orange-new-43-hsl) / 1);
  --orange-new-43-hsl: 22.635 calc(var(--saturation-factor, 1) * 71.064%) 46.078%;
  --orange-new-44: hsl(var(--orange-new-44-hsl) / 1);
  --orange-new-44-hsl: 22.722 calc(var(--saturation-factor, 1) * 73.799%) 44.902%;
  --orange-new-45: hsl(var(--orange-new-45-hsl) / 1);
  --orange-new-45-hsl: 23.023 calc(var(--saturation-factor, 1) * 77.477%) 43.529%;
  --orange-new-46: hsl(var(--orange-new-46-hsl) / 1);
  --orange-new-46-hsl: 23.314 calc(var(--saturation-factor, 1) * 81.395%) 42.157%;
  --orange-new-47: hsl(var(--orange-new-47-hsl) / 1);
  --orange-new-47-hsl: 23.799 calc(var(--saturation-factor, 1) * 86.473%) 40.588%;
  --orange-new-48: hsl(var(--orange-new-48-hsl) / 1);
  --orange-new-48-hsl: 24.457 calc(var(--saturation-factor, 1) * 92.929%) 38.824%;
  --orange-new-49: hsl(var(--orange-new-49-hsl) / 1);
  --orange-new-49-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --orange-new-50: hsl(var(--orange-new-50-hsl) / 1);
  --orange-new-50-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --orange-new-51: hsl(var(--orange-new-51-hsl) / 1);
  --orange-new-51-hsl: 25.109 calc(var(--saturation-factor, 1) * 98.925%) 36.471%;
  --orange-new-52: hsl(var(--orange-new-52-hsl) / 1);
  --orange-new-52-hsl: 24.804 calc(var(--saturation-factor, 1) * 97.814%) 35.882%;
  --orange-new-53: hsl(var(--orange-new-53-hsl) / 1);
  --orange-new-53-hsl: 24.828 calc(var(--saturation-factor, 1) * 96.667%) 35.294%;
  --orange-new-54: hsl(var(--orange-new-54-hsl) / 1);
  --orange-new-54-hsl: 24.706 calc(var(--saturation-factor, 1) * 96.591%) 34.51%;
  --orange-new-55: hsl(var(--orange-new-55-hsl) / 1);
  --orange-new-55-hsl: 24.727 calc(var(--saturation-factor, 1) * 95.376%) 33.922%;
  --orange-new-56: hsl(var(--orange-new-56-hsl) / 1);
  --orange-new-56-hsl: 24.596 calc(var(--saturation-factor, 1) * 95.266%) 33.137%;
  --orange-new-57: hsl(var(--orange-new-57-hsl) / 1);
  --orange-new-57-hsl: 24.615 calc(var(--saturation-factor, 1) * 93.976%) 32.549%;
  --orange-new-58: hsl(var(--orange-new-58-hsl) / 1);
  --orange-new-58-hsl: 24.238 calc(var(--saturation-factor, 1) * 92.638%) 31.961%;
  --orange-new-59: hsl(var(--orange-new-59-hsl) / 1);
  --orange-new-59-hsl: 24.49 calc(var(--saturation-factor, 1) * 92.453%) 31.176%;
  --orange-new-60: hsl(var(--orange-new-60-hsl) / 1);
  --orange-new-60-hsl: 24.336 calc(var(--saturation-factor, 1) * 92.258%) 30.392%;
  --orange-new-61: hsl(var(--orange-new-61-hsl) / 1);
  --orange-new-61-hsl: 24.348 calc(var(--saturation-factor, 1) * 90.789%) 29.804%;
  --orange-new-62: hsl(var(--orange-new-62-hsl) / 1);
  --orange-new-62-hsl: 24.179 calc(var(--saturation-factor, 1) * 90.541%) 29.02%;
  --orange-new-63: hsl(var(--orange-new-63-hsl) / 1);
  --orange-new-63-hsl: 24.462 calc(var(--saturation-factor, 1) * 90.278%) 28.235%;
  --orange-new-64: hsl(var(--orange-new-64-hsl) / 1);
  --orange-new-64-hsl: 24.286 calc(var(--saturation-factor, 1) * 90%) 27.451%;
  --orange-new-65: hsl(var(--orange-new-65-hsl) / 1);
  --orange-new-65-hsl: 24.098 calc(var(--saturation-factor, 1) * 88.406%) 27.059%;
  --orange-new-66: hsl(var(--orange-new-66-hsl) / 1);
  --orange-new-66-hsl: 23.898 calc(var(--saturation-factor, 1) * 88.06%) 26.275%;
  --orange-new-67: hsl(var(--orange-new-67-hsl) / 1);
  --orange-new-67-hsl: 24.211 calc(var(--saturation-factor, 1) * 87.692%) 25.49%;
  --orange-new-68: hsl(var(--orange-new-68-hsl) / 1);
  --orange-new-68-hsl: 24 calc(var(--saturation-factor, 1) * 87.302%) 24.706%;
  --orange-new-69: hsl(var(--orange-new-69-hsl) / 1);
  --orange-new-69-hsl: 24.112 calc(var(--saturation-factor, 1) * 86.992%) 24.118%;
  --orange-new-70: hsl(var(--orange-new-70-hsl) / 1);
  --orange-new-70-hsl: 23.883 calc(var(--saturation-factor, 1) * 86.555%) 23.333%;
  --orange-new-71: hsl(var(--orange-new-71-hsl) / 1);
  --orange-new-71-hsl: 24 calc(var(--saturation-factor, 1) * 86.207%) 22.745%;
  --orange-new-72: hsl(var(--orange-new-72-hsl) / 1);
  --orange-new-72-hsl: 23.75 calc(var(--saturation-factor, 1) * 85.714%) 21.961%;
  --orange-new-73: hsl(var(--orange-new-73-hsl) / 1);
  --orange-new-73-hsl: 24.13 calc(var(--saturation-factor, 1) * 85.185%) 21.176%;
  --orange-new-74: hsl(var(--orange-new-74-hsl) / 1);
  --orange-new-74-hsl: 23.596 calc(var(--saturation-factor, 1) * 84.762%) 20.588%;
  --orange-new-75: hsl(var(--orange-new-75-hsl) / 1);
  --orange-new-75-hsl: 24.419 calc(var(--saturation-factor, 1) * 86%) 19.608%;
  --orange-new-76: hsl(var(--orange-new-76-hsl) / 1);
  --orange-new-76-hsl: 23.855 calc(var(--saturation-factor, 1) * 85.567%) 19.02%;
  --orange-new-77: hsl(var(--orange-new-77-hsl) / 1);
  --orange-new-77-hsl: 24.304 calc(var(--saturation-factor, 1) * 84.946%) 18.235%;
  --orange-new-78: hsl(var(--orange-new-78-hsl) / 1);
  --orange-new-78-hsl: 23.684 calc(var(--saturation-factor, 1) * 84.444%) 17.647%;
  --orange-new-79: hsl(var(--orange-new-79-hsl) / 1);
  --orange-new-79-hsl: 23.836 calc(var(--saturation-factor, 1) * 83.908%) 17.059%;
  --orange-new-80: hsl(var(--orange-new-80-hsl) / 1);
  --orange-new-80-hsl: 23.478 calc(var(--saturation-factor, 1) * 83.133%) 16.275%;
  --orange-new-81: hsl(var(--orange-new-81-hsl) / 1);
  --orange-new-81-hsl: 24.179 calc(var(--saturation-factor, 1) * 84.81%) 15.49%;
  --orange-new-82: hsl(var(--orange-new-82-hsl) / 1);
  --orange-new-82-hsl: 23.438 calc(var(--saturation-factor, 1) * 84.211%) 14.902%;
  --orange-new-83: hsl(var(--orange-new-83-hsl) / 1);
  --orange-new-83-hsl: 23.607 calc(var(--saturation-factor, 1) * 83.562%) 14.314%;
  --orange-new-84: hsl(var(--orange-new-84-hsl) / 1);
  --orange-new-84-hsl: 23.158 calc(var(--saturation-factor, 1) * 82.609%) 13.529%;
  --orange-new-85: hsl(var(--orange-new-85-hsl) / 1);
  --orange-new-85-hsl: 24 calc(var(--saturation-factor, 1) * 84.615%) 12.745%;
  --orange-new-86: hsl(var(--orange-new-86-hsl) / 1);
  --orange-new-86-hsl: 24.231 calc(var(--saturation-factor, 1) * 83.871%) 12.157%;
  --orange-new-87: hsl(var(--orange-new-87-hsl) / 1);
  --orange-new-87-hsl: 23.265 calc(var(--saturation-factor, 1) * 83.051%) 11.569%;
  --orange-new-88: hsl(var(--orange-new-88-hsl) / 1);
  --orange-new-88-hsl: 24.255 calc(var(--saturation-factor, 1) * 85.455%) 10.784%;
  --orange-new-89: hsl(var(--orange-new-89-hsl) / 1);
  --orange-new-89-hsl: 23.182 calc(var(--saturation-factor, 1) * 84.615%) 10.196%;
  --orange-new-90: hsl(var(--orange-new-90-hsl) / 1);
  --orange-new-90-hsl: 23.415 calc(var(--saturation-factor, 1) * 83.673%) 9.608%;
  --orange-new-91: hsl(var(--orange-new-91-hsl) / 1);
  --orange-new-91-hsl: 22.105 calc(var(--saturation-factor, 1) * 82.609%) 9.02%;
  --orange-new-92: hsl(var(--orange-new-92-hsl) / 1);
  --orange-new-92-hsl: 23.333 calc(var(--saturation-factor, 1) * 85.714%) 8.235%;
  --orange-new-93: hsl(var(--orange-new-93-hsl) / 1);
  --orange-new-93-hsl: 21.818 calc(var(--saturation-factor, 1) * 84.615%) 7.647%;
  --orange-new-94: hsl(var(--orange-new-94-hsl) / 1);
  --orange-new-94-hsl: 20 calc(var(--saturation-factor, 1) * 83.333%) 7.059%;
  --orange-new-95: hsl(var(--orange-new-95-hsl) / 1);
  --orange-new-95-hsl: 22.222 calc(var(--saturation-factor, 1) * 87.097%) 6.078%;
  --orange-new-96: hsl(var(--orange-new-96-hsl) / 1);
  --orange-new-96-hsl: 18.261 calc(var(--saturation-factor, 1) * 85.185%) 5.294%;
  --orange-new-97: hsl(var(--orange-new-97-hsl) / 1);
  --orange-new-97-hsl: 16.667 calc(var(--saturation-factor, 1) * 81.818%) 4.314%;
  --orange-new-98: hsl(var(--orange-new-98-hsl) / 1);
  --orange-new-98-hsl: 17.143 calc(var(--saturation-factor, 1) * 87.5%) 3.137%;
  --orange-new-99: hsl(var(--orange-new-99-hsl) / 1);
  --orange-new-99-hsl: 20 calc(var(--saturation-factor, 1) * 75%) 1.569%;
  --orange-new-100: hsl(var(--orange-new-100-hsl) / 1);
  --orange-new-100-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-1: hsl(var(--opacity-1-hsl) / 0.011764705882352941);
  --opacity-1-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-4: hsl(var(--opacity-4-hsl) / 0.0392156862745098);
  --opacity-4-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-8: hsl(var(--opacity-8-hsl) / 0.0784313725490196);
  --opacity-8-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-12: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
  --opacity-12-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-16: hsl(var(--opacity-16-hsl) / 0.1607843137254902);
  --opacity-16-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-20: hsl(var(--opacity-20-hsl) / 0.2);
  --opacity-20-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-24: hsl(var(--opacity-24-hsl) / 0.23921568627450981);
  --opacity-24-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-28: hsl(var(--opacity-28-hsl) / 0.2784313725490196);
  --opacity-28-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-32: hsl(var(--opacity-32-hsl) / 0.3215686274509804);
  --opacity-32-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-36: hsl(var(--opacity-36-hsl) / 0.3607843137254902);
  --opacity-36-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-40: hsl(var(--opacity-40-hsl) / 0.4);
  --opacity-40-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-44: hsl(var(--opacity-44-hsl) / 0.4392156862745098);
  --opacity-44-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-48: hsl(var(--opacity-48-hsl) / 0.47843137254901963);
  --opacity-48-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-52: hsl(var(--opacity-52-hsl) / 0.5215686274509804);
  --opacity-52-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-56: hsl(var(--opacity-56-hsl) / 0.5607843137254902);
  --opacity-56-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-60: hsl(var(--opacity-60-hsl) / 0.6);
  --opacity-60-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-64: hsl(var(--opacity-64-hsl) / 0.6392156862745098);
  --opacity-64-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-68: hsl(var(--opacity-68-hsl) / 0.6784313725490196);
  --opacity-68-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-72: hsl(var(--opacity-72-hsl) / 0.7215686274509804);
  --opacity-72-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-76: hsl(var(--opacity-76-hsl) / 0.7607843137254902);
  --opacity-76-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-80: hsl(var(--opacity-80-hsl) / 0.8);
  --opacity-80-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-84: hsl(var(--opacity-84-hsl) / 0.8392156862745098);
  --opacity-84-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-88: hsl(var(--opacity-88-hsl) / 0.8784313725490196);
  --opacity-88-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-92: hsl(var(--opacity-92-hsl) / 0.9215686274509803);
  --opacity-92-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-96: hsl(var(--opacity-96-hsl) / 0.9607843137254902);
  --opacity-96-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-blue-1: hsl(var(--opacity-blue-1-hsl) / 0.011764705882352941);
  --opacity-blue-1-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-4: hsl(var(--opacity-blue-4-hsl) / 0.0392156862745098);
  --opacity-blue-4-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-8: hsl(var(--opacity-blue-8-hsl) / 0.0784313725490196);
  --opacity-blue-8-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-12: hsl(var(--opacity-blue-12-hsl) / 0.12156862745098039);
  --opacity-blue-12-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-16: hsl(var(--opacity-blue-16-hsl) / 0.1607843137254902);
  --opacity-blue-16-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-20: hsl(var(--opacity-blue-20-hsl) / 0.2);
  --opacity-blue-20-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-24: hsl(var(--opacity-blue-24-hsl) / 0.23921568627450981);
  --opacity-blue-24-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-28: hsl(var(--opacity-blue-28-hsl) / 0.2784313725490196);
  --opacity-blue-28-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-32: hsl(var(--opacity-blue-32-hsl) / 0.3215686274509804);
  --opacity-blue-32-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-36: hsl(var(--opacity-blue-36-hsl) / 0.3607843137254902);
  --opacity-blue-36-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-40: hsl(var(--opacity-blue-40-hsl) / 0.4);
  --opacity-blue-40-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-44: hsl(var(--opacity-blue-44-hsl) / 0.4392156862745098);
  --opacity-blue-44-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-48: hsl(var(--opacity-blue-48-hsl) / 0.47843137254901963);
  --opacity-blue-48-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-52: hsl(var(--opacity-blue-52-hsl) / 0.5215686274509804);
  --opacity-blue-52-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-56: hsl(var(--opacity-blue-56-hsl) / 0.5607843137254902);
  --opacity-blue-56-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-60: hsl(var(--opacity-blue-60-hsl) / 0.6);
  --opacity-blue-60-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-64: hsl(var(--opacity-blue-64-hsl) / 0.6392156862745098);
  --opacity-blue-64-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-68: hsl(var(--opacity-blue-68-hsl) / 0.6784313725490196);
  --opacity-blue-68-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-72: hsl(var(--opacity-blue-72-hsl) / 0.7215686274509804);
  --opacity-blue-72-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-76: hsl(var(--opacity-blue-76-hsl) / 0.7607843137254902);
  --opacity-blue-76-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-80: hsl(var(--opacity-blue-80-hsl) / 0.8);
  --opacity-blue-80-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-84: hsl(var(--opacity-blue-84-hsl) / 0.8392156862745098);
  --opacity-blue-84-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-88: hsl(var(--opacity-blue-88-hsl) / 0.8784313725490196);
  --opacity-blue-88-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-92: hsl(var(--opacity-blue-92-hsl) / 0.9215686274509803);
  --opacity-blue-92-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-96: hsl(var(--opacity-blue-96-hsl) / 0.9607843137254902);
  --opacity-blue-96-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blurple-1: hsl(var(--opacity-blurple-1-hsl) / 0.011764705882352941);
  --opacity-blurple-1-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-4: hsl(var(--opacity-blurple-4-hsl) / 0.0392156862745098);
  --opacity-blurple-4-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-8: hsl(var(--opacity-blurple-8-hsl) / 0.0784313725490196);
  --opacity-blurple-8-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-12: hsl(var(--opacity-blurple-12-hsl) / 0.12156862745098039);
  --opacity-blurple-12-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-16: hsl(var(--opacity-blurple-16-hsl) / 0.1607843137254902);
  --opacity-blurple-16-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-20: hsl(var(--opacity-blurple-20-hsl) / 0.2);
  --opacity-blurple-20-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-24: hsl(var(--opacity-blurple-24-hsl) / 0.23921568627450981);
  --opacity-blurple-24-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-28: hsl(var(--opacity-blurple-28-hsl) / 0.2784313725490196);
  --opacity-blurple-28-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-32: hsl(var(--opacity-blurple-32-hsl) / 0.3215686274509804);
  --opacity-blurple-32-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-36: hsl(var(--opacity-blurple-36-hsl) / 0.3607843137254902);
  --opacity-blurple-36-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-40: hsl(var(--opacity-blurple-40-hsl) / 0.4);
  --opacity-blurple-40-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-44: hsl(var(--opacity-blurple-44-hsl) / 0.4392156862745098);
  --opacity-blurple-44-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-48: hsl(var(--opacity-blurple-48-hsl) / 0.47843137254901963);
  --opacity-blurple-48-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-52: hsl(var(--opacity-blurple-52-hsl) / 0.5215686274509804);
  --opacity-blurple-52-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-56: hsl(var(--opacity-blurple-56-hsl) / 0.5607843137254902);
  --opacity-blurple-56-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-60: hsl(var(--opacity-blurple-60-hsl) / 0.6);
  --opacity-blurple-60-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-64: hsl(var(--opacity-blurple-64-hsl) / 0.6392156862745098);
  --opacity-blurple-64-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-68: hsl(var(--opacity-blurple-68-hsl) / 0.6784313725490196);
  --opacity-blurple-68-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-72: hsl(var(--opacity-blurple-72-hsl) / 0.7215686274509804);
  --opacity-blurple-72-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-76: hsl(var(--opacity-blurple-76-hsl) / 0.7607843137254902);
  --opacity-blurple-76-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-80: hsl(var(--opacity-blurple-80-hsl) / 0.8);
  --opacity-blurple-80-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-84: hsl(var(--opacity-blurple-84-hsl) / 0.8392156862745098);
  --opacity-blurple-84-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-88: hsl(var(--opacity-blurple-88-hsl) / 0.8784313725490196);
  --opacity-blurple-88-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-92: hsl(var(--opacity-blurple-92-hsl) / 0.9215686274509803);
  --opacity-blurple-92-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-blurple-96: hsl(var(--opacity-blurple-96-hsl) / 0.9607843137254902);
  --opacity-blurple-96-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --opacity-green-1: hsl(var(--opacity-green-1-hsl) / 0.011764705882352941);
  --opacity-green-1-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-4: hsl(var(--opacity-green-4-hsl) / 0.0392156862745098);
  --opacity-green-4-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-8: hsl(var(--opacity-green-8-hsl) / 0.0784313725490196);
  --opacity-green-8-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-12: hsl(var(--opacity-green-12-hsl) / 0.12156862745098039);
  --opacity-green-12-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-16: hsl(var(--opacity-green-16-hsl) / 0.1607843137254902);
  --opacity-green-16-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-20: hsl(var(--opacity-green-20-hsl) / 0.2);
  --opacity-green-20-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-24: hsl(var(--opacity-green-24-hsl) / 0.23921568627450981);
  --opacity-green-24-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-28: hsl(var(--opacity-green-28-hsl) / 0.2784313725490196);
  --opacity-green-28-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-32: hsl(var(--opacity-green-32-hsl) / 0.3215686274509804);
  --opacity-green-32-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-36: hsl(var(--opacity-green-36-hsl) / 0.3607843137254902);
  --opacity-green-36-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-40: hsl(var(--opacity-green-40-hsl) / 0.4);
  --opacity-green-40-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-44: hsl(var(--opacity-green-44-hsl) / 0.4392156862745098);
  --opacity-green-44-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-48: hsl(var(--opacity-green-48-hsl) / 0.47843137254901963);
  --opacity-green-48-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-52: hsl(var(--opacity-green-52-hsl) / 0.5215686274509804);
  --opacity-green-52-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-56: hsl(var(--opacity-green-56-hsl) / 0.5607843137254902);
  --opacity-green-56-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-60: hsl(var(--opacity-green-60-hsl) / 0.6);
  --opacity-green-60-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-64: hsl(var(--opacity-green-64-hsl) / 0.6392156862745098);
  --opacity-green-64-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-68: hsl(var(--opacity-green-68-hsl) / 0.6784313725490196);
  --opacity-green-68-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-72: hsl(var(--opacity-green-72-hsl) / 0.7215686274509804);
  --opacity-green-72-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-76: hsl(var(--opacity-green-76-hsl) / 0.7607843137254902);
  --opacity-green-76-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-80: hsl(var(--opacity-green-80-hsl) / 0.8);
  --opacity-green-80-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-84: hsl(var(--opacity-green-84-hsl) / 0.8392156862745098);
  --opacity-green-84-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-88: hsl(var(--opacity-green-88-hsl) / 0.8784313725490196);
  --opacity-green-88-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-92: hsl(var(--opacity-green-92-hsl) / 0.9215686274509803);
  --opacity-green-92-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-green-96: hsl(var(--opacity-green-96-hsl) / 0.9607843137254902);
  --opacity-green-96-hsl: 145.97 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --opacity-red-1: hsl(var(--opacity-red-1-hsl) / 0.011764705882352941);
  --opacity-red-1-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-4: hsl(var(--opacity-red-4-hsl) / 0.0392156862745098);
  --opacity-red-4-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-8: hsl(var(--opacity-red-8-hsl) / 0.0784313725490196);
  --opacity-red-8-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-12: hsl(var(--opacity-red-12-hsl) / 0.12156862745098039);
  --opacity-red-12-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-16: hsl(var(--opacity-red-16-hsl) / 0.1607843137254902);
  --opacity-red-16-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-20: hsl(var(--opacity-red-20-hsl) / 0.2);
  --opacity-red-20-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-24: hsl(var(--opacity-red-24-hsl) / 0.23921568627450981);
  --opacity-red-24-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-28: hsl(var(--opacity-red-28-hsl) / 0.2784313725490196);
  --opacity-red-28-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-32: hsl(var(--opacity-red-32-hsl) / 0.3215686274509804);
  --opacity-red-32-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-36: hsl(var(--opacity-red-36-hsl) / 0.3607843137254902);
  --opacity-red-36-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-40: hsl(var(--opacity-red-40-hsl) / 0.4);
  --opacity-red-40-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-44: hsl(var(--opacity-red-44-hsl) / 0.4392156862745098);
  --opacity-red-44-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-48: hsl(var(--opacity-red-48-hsl) / 0.47843137254901963);
  --opacity-red-48-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-52: hsl(var(--opacity-red-52-hsl) / 0.5215686274509804);
  --opacity-red-52-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-56: hsl(var(--opacity-red-56-hsl) / 0.5607843137254902);
  --opacity-red-56-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-60: hsl(var(--opacity-red-60-hsl) / 0.6);
  --opacity-red-60-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-64: hsl(var(--opacity-red-64-hsl) / 0.6392156862745098);
  --opacity-red-64-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-68: hsl(var(--opacity-red-68-hsl) / 0.6784313725490196);
  --opacity-red-68-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-72: hsl(var(--opacity-red-72-hsl) / 0.7215686274509804);
  --opacity-red-72-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-76: hsl(var(--opacity-red-76-hsl) / 0.7607843137254902);
  --opacity-red-76-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-80: hsl(var(--opacity-red-80-hsl) / 0.8);
  --opacity-red-80-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-84: hsl(var(--opacity-red-84-hsl) / 0.8392156862745098);
  --opacity-red-84-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-88: hsl(var(--opacity-red-88-hsl) / 0.8784313725490196);
  --opacity-red-88-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-92: hsl(var(--opacity-red-92-hsl) / 0.9215686274509803);
  --opacity-red-92-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-96: hsl(var(--opacity-red-96-hsl) / 0.9607843137254902);
  --opacity-red-96-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-teal-1: hsl(var(--opacity-teal-1-hsl) / 0.011764705882352941);
  --opacity-teal-1-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-4: hsl(var(--opacity-teal-4-hsl) / 0.0392156862745098);
  --opacity-teal-4-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-8: hsl(var(--opacity-teal-8-hsl) / 0.0784313725490196);
  --opacity-teal-8-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-12: hsl(var(--opacity-teal-12-hsl) / 0.12156862745098039);
  --opacity-teal-12-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-16: hsl(var(--opacity-teal-16-hsl) / 0.1607843137254902);
  --opacity-teal-16-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-20: hsl(var(--opacity-teal-20-hsl) / 0.2);
  --opacity-teal-20-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-24: hsl(var(--opacity-teal-24-hsl) / 0.23921568627450981);
  --opacity-teal-24-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-28: hsl(var(--opacity-teal-28-hsl) / 0.2784313725490196);
  --opacity-teal-28-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-32: hsl(var(--opacity-teal-32-hsl) / 0.3215686274509804);
  --opacity-teal-32-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-36: hsl(var(--opacity-teal-36-hsl) / 0.3607843137254902);
  --opacity-teal-36-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-40: hsl(var(--opacity-teal-40-hsl) / 0.4);
  --opacity-teal-40-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-44: hsl(var(--opacity-teal-44-hsl) / 0.4392156862745098);
  --opacity-teal-44-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-48: hsl(var(--opacity-teal-48-hsl) / 0.47843137254901963);
  --opacity-teal-48-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-52: hsl(var(--opacity-teal-52-hsl) / 0.5215686274509804);
  --opacity-teal-52-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-56: hsl(var(--opacity-teal-56-hsl) / 0.5607843137254902);
  --opacity-teal-56-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-60: hsl(var(--opacity-teal-60-hsl) / 0.6);
  --opacity-teal-60-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-64: hsl(var(--opacity-teal-64-hsl) / 0.6392156862745098);
  --opacity-teal-64-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-68: hsl(var(--opacity-teal-68-hsl) / 0.6784313725490196);
  --opacity-teal-68-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-72: hsl(var(--opacity-teal-72-hsl) / 0.7215686274509804);
  --opacity-teal-72-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-76: hsl(var(--opacity-teal-76-hsl) / 0.7607843137254902);
  --opacity-teal-76-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-80: hsl(var(--opacity-teal-80-hsl) / 0.8);
  --opacity-teal-80-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-84: hsl(var(--opacity-teal-84-hsl) / 0.8392156862745098);
  --opacity-teal-84-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-88: hsl(var(--opacity-teal-88-hsl) / 0.8784313725490196);
  --opacity-teal-88-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-92: hsl(var(--opacity-teal-92-hsl) / 0.9215686274509803);
  --opacity-teal-92-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-teal-96: hsl(var(--opacity-teal-96-hsl) / 0.9607843137254902);
  --opacity-teal-96-hsl: 183.913 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --opacity-yellow-1: hsl(var(--opacity-yellow-1-hsl) / 0.011764705882352941);
  --opacity-yellow-1-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-4: hsl(var(--opacity-yellow-4-hsl) / 0.0392156862745098);
  --opacity-yellow-4-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-8: hsl(var(--opacity-yellow-8-hsl) / 0.0784313725490196);
  --opacity-yellow-8-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-12: hsl(var(--opacity-yellow-12-hsl) / 0.12156862745098039);
  --opacity-yellow-12-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-16: hsl(var(--opacity-yellow-16-hsl) / 0.1607843137254902);
  --opacity-yellow-16-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-20: hsl(var(--opacity-yellow-20-hsl) / 0.2);
  --opacity-yellow-20-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-24: hsl(var(--opacity-yellow-24-hsl) / 0.23921568627450981);
  --opacity-yellow-24-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-28: hsl(var(--opacity-yellow-28-hsl) / 0.2784313725490196);
  --opacity-yellow-28-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-32: hsl(var(--opacity-yellow-32-hsl) / 0.3215686274509804);
  --opacity-yellow-32-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-36: hsl(var(--opacity-yellow-36-hsl) / 0.3607843137254902);
  --opacity-yellow-36-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-40: hsl(var(--opacity-yellow-40-hsl) / 0.4);
  --opacity-yellow-40-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-44: hsl(var(--opacity-yellow-44-hsl) / 0.4392156862745098);
  --opacity-yellow-44-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-48: hsl(var(--opacity-yellow-48-hsl) / 0.47843137254901963);
  --opacity-yellow-48-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-52: hsl(var(--opacity-yellow-52-hsl) / 0.5215686274509804);
  --opacity-yellow-52-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-56: hsl(var(--opacity-yellow-56-hsl) / 0.5607843137254902);
  --opacity-yellow-56-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-60: hsl(var(--opacity-yellow-60-hsl) / 0.6);
  --opacity-yellow-60-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-64: hsl(var(--opacity-yellow-64-hsl) / 0.6392156862745098);
  --opacity-yellow-64-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-68: hsl(var(--opacity-yellow-68-hsl) / 0.6784313725490196);
  --opacity-yellow-68-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-72: hsl(var(--opacity-yellow-72-hsl) / 0.7215686274509804);
  --opacity-yellow-72-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-76: hsl(var(--opacity-yellow-76-hsl) / 0.7607843137254902);
  --opacity-yellow-76-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-80: hsl(var(--opacity-yellow-80-hsl) / 0.8);
  --opacity-yellow-80-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-84: hsl(var(--opacity-yellow-84-hsl) / 0.8392156862745098);
  --opacity-yellow-84-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-88: hsl(var(--opacity-yellow-88-hsl) / 0.8784313725490196);
  --opacity-yellow-88-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-92: hsl(var(--opacity-yellow-92-hsl) / 0.9215686274509803);
  --opacity-yellow-92-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-yellow-96: hsl(var(--opacity-yellow-96-hsl) / 0.9607843137254902);
  --opacity-yellow-96-hsl: 36.894 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --opacity-orange-1: hsl(var(--opacity-orange-1-hsl) / 0.011764705882352941);
  --opacity-orange-1-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-4: hsl(var(--opacity-orange-4-hsl) / 0.0392156862745098);
  --opacity-orange-4-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-8: hsl(var(--opacity-orange-8-hsl) / 0.0784313725490196);
  --opacity-orange-8-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-12: hsl(var(--opacity-orange-12-hsl) / 0.12156862745098039);
  --opacity-orange-12-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-16: hsl(var(--opacity-orange-16-hsl) / 0.1607843137254902);
  --opacity-orange-16-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-20: hsl(var(--opacity-orange-20-hsl) / 0.2);
  --opacity-orange-20-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-24: hsl(var(--opacity-orange-24-hsl) / 0.23921568627450981);
  --opacity-orange-24-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-28: hsl(var(--opacity-orange-28-hsl) / 0.2784313725490196);
  --opacity-orange-28-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-32: hsl(var(--opacity-orange-32-hsl) / 0.3215686274509804);
  --opacity-orange-32-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-36: hsl(var(--opacity-orange-36-hsl) / 0.3607843137254902);
  --opacity-orange-36-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-40: hsl(var(--opacity-orange-40-hsl) / 0.4);
  --opacity-orange-40-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-44: hsl(var(--opacity-orange-44-hsl) / 0.4392156862745098);
  --opacity-orange-44-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-48: hsl(var(--opacity-orange-48-hsl) / 0.47843137254901963);
  --opacity-orange-48-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-52: hsl(var(--opacity-orange-52-hsl) / 0.5215686274509804);
  --opacity-orange-52-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-56: hsl(var(--opacity-orange-56-hsl) / 0.5607843137254902);
  --opacity-orange-56-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-60: hsl(var(--opacity-orange-60-hsl) / 0.6);
  --opacity-orange-60-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-64: hsl(var(--opacity-orange-64-hsl) / 0.6392156862745098);
  --opacity-orange-64-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-68: hsl(var(--opacity-orange-68-hsl) / 0.6784313725490196);
  --opacity-orange-68-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-72: hsl(var(--opacity-orange-72-hsl) / 0.7215686274509804);
  --opacity-orange-72-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-76: hsl(var(--opacity-orange-76-hsl) / 0.7607843137254902);
  --opacity-orange-76-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-80: hsl(var(--opacity-orange-80-hsl) / 0.8);
  --opacity-orange-80-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-84: hsl(var(--opacity-orange-84-hsl) / 0.8392156862745098);
  --opacity-orange-84-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-88: hsl(var(--opacity-orange-88-hsl) / 0.8784313725490196);
  --opacity-orange-88-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-92: hsl(var(--opacity-orange-92-hsl) / 0.9215686274509803);
  --opacity-orange-92-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-orange-96: hsl(var(--opacity-orange-96-hsl) / 0.9607843137254902);
  --opacity-orange-96-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --opacity-white-1: hsl(var(--opacity-white-1-hsl) / 0.011764705882352941);
  --opacity-white-1-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-4: hsl(var(--opacity-white-4-hsl) / 0.0392156862745098);
  --opacity-white-4-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-8: hsl(var(--opacity-white-8-hsl) / 0.0784313725490196);
  --opacity-white-8-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-12: hsl(var(--opacity-white-12-hsl) / 0.12156862745098039);
  --opacity-white-12-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-16: hsl(var(--opacity-white-16-hsl) / 0.1607843137254902);
  --opacity-white-16-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-20: hsl(var(--opacity-white-20-hsl) / 0.2);
  --opacity-white-20-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-24: hsl(var(--opacity-white-24-hsl) / 0.23921568627450981);
  --opacity-white-24-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-28: hsl(var(--opacity-white-28-hsl) / 0.2784313725490196);
  --opacity-white-28-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-32: hsl(var(--opacity-white-32-hsl) / 0.3215686274509804);
  --opacity-white-32-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-36: hsl(var(--opacity-white-36-hsl) / 0.3607843137254902);
  --opacity-white-36-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-40: hsl(var(--opacity-white-40-hsl) / 0.4);
  --opacity-white-40-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-44: hsl(var(--opacity-white-44-hsl) / 0.4392156862745098);
  --opacity-white-44-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-48: hsl(var(--opacity-white-48-hsl) / 0.47843137254901963);
  --opacity-white-48-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-52: hsl(var(--opacity-white-52-hsl) / 0.5215686274509804);
  --opacity-white-52-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-56: hsl(var(--opacity-white-56-hsl) / 0.5607843137254902);
  --opacity-white-56-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-60: hsl(var(--opacity-white-60-hsl) / 0.6);
  --opacity-white-60-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-64: hsl(var(--opacity-white-64-hsl) / 0.6392156862745098);
  --opacity-white-64-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-68: hsl(var(--opacity-white-68-hsl) / 0.6784313725490196);
  --opacity-white-68-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-72: hsl(var(--opacity-white-72-hsl) / 0.7215686274509804);
  --opacity-white-72-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-76: hsl(var(--opacity-white-76-hsl) / 0.7607843137254902);
  --opacity-white-76-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-80: hsl(var(--opacity-white-80-hsl) / 0.8);
  --opacity-white-80-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-84: hsl(var(--opacity-white-84-hsl) / 0.8392156862745098);
  --opacity-white-84-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-88: hsl(var(--opacity-white-88-hsl) / 0.8784313725490196);
  --opacity-white-88-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-92: hsl(var(--opacity-white-92-hsl) / 0.9215686274509803);
  --opacity-white-92-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-96: hsl(var(--opacity-white-96-hsl) / 0.9607843137254902);
  --opacity-white-96-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-black-1: hsl(var(--opacity-black-1-hsl) / 0.011764705882352941);
  --opacity-black-1-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-4: hsl(var(--opacity-black-4-hsl) / 0.0392156862745098);
  --opacity-black-4-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-8: hsl(var(--opacity-black-8-hsl) / 0.0784313725490196);
  --opacity-black-8-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-12: hsl(var(--opacity-black-12-hsl) / 0.12156862745098039);
  --opacity-black-12-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-16: hsl(var(--opacity-black-16-hsl) / 0.1607843137254902);
  --opacity-black-16-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-20: hsl(var(--opacity-black-20-hsl) / 0.2);
  --opacity-black-20-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-24: hsl(var(--opacity-black-24-hsl) / 0.23921568627450981);
  --opacity-black-24-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-28: hsl(var(--opacity-black-28-hsl) / 0.2784313725490196);
  --opacity-black-28-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-32: hsl(var(--opacity-black-32-hsl) / 0.3215686274509804);
  --opacity-black-32-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-36: hsl(var(--opacity-black-36-hsl) / 0.3607843137254902);
  --opacity-black-36-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-40: hsl(var(--opacity-black-40-hsl) / 0.4);
  --opacity-black-40-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-44: hsl(var(--opacity-black-44-hsl) / 0.4392156862745098);
  --opacity-black-44-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-48: hsl(var(--opacity-black-48-hsl) / 0.47843137254901963);
  --opacity-black-48-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-52: hsl(var(--opacity-black-52-hsl) / 0.5215686274509804);
  --opacity-black-52-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-56: hsl(var(--opacity-black-56-hsl) / 0.5607843137254902);
  --opacity-black-56-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-60: hsl(var(--opacity-black-60-hsl) / 0.6);
  --opacity-black-60-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-64: hsl(var(--opacity-black-64-hsl) / 0.6392156862745098);
  --opacity-black-64-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-68: hsl(var(--opacity-black-68-hsl) / 0.6784313725490196);
  --opacity-black-68-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-72: hsl(var(--opacity-black-72-hsl) / 0.7215686274509804);
  --opacity-black-72-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-76: hsl(var(--opacity-black-76-hsl) / 0.7607843137254902);
  --opacity-black-76-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-80: hsl(var(--opacity-black-80-hsl) / 0.8);
  --opacity-black-80-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-84: hsl(var(--opacity-black-84-hsl) / 0.8392156862745098);
  --opacity-black-84-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-88: hsl(var(--opacity-black-88-hsl) / 0.8784313725490196);
  --opacity-black-88-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-92: hsl(var(--opacity-black-92-hsl) / 0.9215686274509803);
  --opacity-black-92-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-96: hsl(var(--opacity-black-96-hsl) / 0.9607843137254902);
  --opacity-black-96-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --red-100: hsl(var(--red-100-hsl) / 1);
  --red-100-hsl: 350 calc(var(--saturation-factor, 1) * 75%) 98.431%;
  --red-130: hsl(var(--red-130-hsl) / 1);
  --red-130-hsl: 0 calc(var(--saturation-factor, 1) * 83.333%) 97.647%;
  --red-160: hsl(var(--red-160-hsl) / 1);
  --red-160-hsl: 0 calc(var(--saturation-factor, 1) * 90.909%) 95.686%;
  --red-200: hsl(var(--red-200-hsl) / 1);
  --red-200-hsl: 358.125 calc(var(--saturation-factor, 1) * 88.889%) 92.941%;
  --red-230: hsl(var(--red-230-hsl) / 1);
  --red-230-hsl: 358.696 calc(var(--saturation-factor, 1) * 85.185%) 89.412%;
  --red-260: hsl(var(--red-260-hsl) / 1);
  --red-260-hsl: 359.077 calc(var(--saturation-factor, 1) * 89.041%) 85.686%;
  --red-300: hsl(var(--red-300-hsl) / 1);
  --red-300-hsl: 358.588 calc(var(--saturation-factor, 1) * 91.398%) 81.765%;
  --red-330: hsl(var(--red-330-hsl) / 1);
  --red-330-hsl: 358.857 calc(var(--saturation-factor, 1) * 91.304%) 77.451%;
  --red-345: hsl(var(--red-345-hsl) / 1);
  --red-345-hsl: 358.168 calc(var(--saturation-factor, 1) * 92.908%) 72.353%;
  --red-360: hsl(var(--red-360-hsl) / 1);
  --red-360-hsl: 358.471 calc(var(--saturation-factor, 1) * 91.813%) 66.471%;
  --red-400: hsl(var(--red-400-hsl) / 1);
  --red-400-hsl: 358.659 calc(var(--saturation-factor, 1) * 87.317%) 59.804%;
  --red-430: hsl(var(--red-430-hsl) / 1);
  --red-430-hsl: 358.16 calc(var(--saturation-factor, 1) * 68.776%) 53.529%;
  --red-460: hsl(var(--red-460-hsl) / 1);
  --red-460-hsl: 358.705 calc(var(--saturation-factor, 1) * 59.149%) 46.078%;
  --red-500: hsl(var(--red-500-hsl) / 1);
  --red-500-hsl: 359.504 calc(var(--saturation-factor, 1) * 60.199%) 39.412%;
  --red-530: hsl(var(--red-530-hsl) / 1);
  --red-530-hsl: 358.919 calc(var(--saturation-factor, 1) * 63.429%) 34.314%;
  --red-560: hsl(var(--red-560-hsl) / 1);
  --red-560-hsl: 358.788 calc(var(--saturation-factor, 1) * 63.871%) 30.392%;
  --red-600: hsl(var(--red-600-hsl) / 1);
  --red-600-hsl: 358.636 calc(var(--saturation-factor, 1) * 64.706%) 26.667%;
  --red-630: hsl(var(--red-630-hsl) / 1);
  --red-630-hsl: 358.5 calc(var(--saturation-factor, 1) * 65.574%) 23.922%;
  --red-660: hsl(var(--red-660-hsl) / 1);
  --red-660-hsl: 359.155 calc(var(--saturation-factor, 1) * 65.138%) 21.373%;
  --red-700: hsl(var(--red-700-hsl) / 1);
  --red-700-hsl: 358.125 calc(var(--saturation-factor, 1) * 66.667%) 18.824%;
  --red-730: hsl(var(--red-730-hsl) / 1);
  --red-730-hsl: 358.929 calc(var(--saturation-factor, 1) * 66.667%) 16.471%;
  --red-760: hsl(var(--red-760-hsl) / 1);
  --red-760-hsl: 358.846 calc(var(--saturation-factor, 1) * 70.27%) 14.51%;
  --red-800: hsl(var(--red-800-hsl) / 1);
  --red-800-hsl: 358.636 calc(var(--saturation-factor, 1) * 68.75%) 12.549%;
  --red-830: hsl(var(--red-830-hsl) / 1);
  --red-830-hsl: 358.378 calc(var(--saturation-factor, 1) * 67.273%) 10.784%;
  --red-860: hsl(var(--red-860-hsl) / 1);
  --red-860-hsl: 0 calc(var(--saturation-factor, 1) * 66.667%) 9.412%;
  --red-900: hsl(var(--red-900-hsl) / 1);
  --red-900-hsl: 0 calc(var(--saturation-factor, 1) * 70%) 7.843%;
  --orange-100: hsl(var(--orange-100-hsl) / 1);
  --orange-100-hsl: 18 calc(var(--saturation-factor, 1) * 100%) 98.039%;
  --orange-130: hsl(var(--orange-130-hsl) / 1);
  --orange-130-hsl: 23.333 calc(var(--saturation-factor, 1) * 100%) 96.471%;
  --orange-160: hsl(var(--orange-160-hsl) / 1);
  --orange-160-hsl: 21.29 calc(var(--saturation-factor, 1) * 93.939%) 93.529%;
  --orange-200: hsl(var(--orange-200-hsl) / 1);
  --orange-200-hsl: 21.25 calc(var(--saturation-factor, 1) * 92.308%) 89.804%;
  --orange-230: hsl(var(--orange-230-hsl) / 1);
  --orange-230-hsl: 23.514 calc(var(--saturation-factor, 1) * 92.5%) 84.314%;
  --orange-260: hsl(var(--orange-260-hsl) / 1);
  --orange-260-hsl: 23.301 calc(var(--saturation-factor, 1) * 94.495%) 78.627%;
  --orange-300: hsl(var(--orange-300-hsl) / 1);
  --orange-300-hsl: 25.468 calc(var(--saturation-factor, 1) * 94.558%) 71.176%;
  --orange-330: hsl(var(--orange-330-hsl) / 1);
  --orange-330-hsl: 27 calc(var(--saturation-factor, 1) * 94.737%) 62.745%;
  --orange-345: hsl(var(--orange-345-hsl) / 1);
  --orange-345-hsl: 28.342 calc(var(--saturation-factor, 1) * 87.665%) 55.49%;
  --orange-360: hsl(var(--orange-360-hsl) / 1);
  --orange-360-hsl: 26.145 calc(var(--saturation-factor, 1) * 71.315%) 50.784%;
  --orange-400: hsl(var(--orange-400-hsl) / 1);
  --orange-400-hsl: 25.443 calc(var(--saturation-factor, 1) * 67.521%) 45.882%;
  --orange-430: hsl(var(--orange-430-hsl) / 1);
  --orange-430-hsl: 24.681 calc(var(--saturation-factor, 1) * 69.458%) 39.804%;
  --orange-460: hsl(var(--orange-460-hsl) / 1);
  --orange-460-hsl: 23.538 calc(var(--saturation-factor, 1) * 72.222%) 35.294%;
  --orange-500: hsl(var(--orange-500-hsl) / 1);
  --orange-500-hsl: 22.314 calc(var(--saturation-factor, 1) * 76.101%) 31.176%;
  --orange-530: hsl(var(--orange-530-hsl) / 1);
  --orange-530-hsl: 21.869 calc(var(--saturation-factor, 1) * 76.978%) 27.255%;
  --orange-560: hsl(var(--orange-560-hsl) / 1);
  --orange-560-hsl: 21.474 calc(var(--saturation-factor, 1) * 77.236%) 24.118%;
  --orange-600: hsl(var(--orange-600-hsl) / 1);
  --orange-600-hsl: 22.857 calc(var(--saturation-factor, 1) * 79.245%) 20.784%;
  --orange-630: hsl(var(--orange-630-hsl) / 1);
  --orange-630-hsl: 22.105 calc(var(--saturation-factor, 1) * 79.167%) 18.824%;
  --orange-660: hsl(var(--orange-660-hsl) / 1);
  --orange-660-hsl: 22.388 calc(var(--saturation-factor, 1) * 78.824%) 16.667%;
  --orange-700: hsl(var(--orange-700-hsl) / 1);
  --orange-700-hsl: 21.724 calc(var(--saturation-factor, 1) * 76.316%) 14.902%;
  --orange-730: hsl(var(--orange-730-hsl) / 1);
  --orange-730-hsl: 21.923 calc(var(--saturation-factor, 1) * 78.788%) 12.941%;
  --orange-760: hsl(var(--orange-760-hsl) / 1);
  --orange-760-hsl: 21.333 calc(var(--saturation-factor, 1) * 78.947%) 11.176%;
  --orange-800: hsl(var(--orange-800-hsl) / 1);
  --orange-800-hsl: 21 calc(var(--saturation-factor, 1) * 80%) 9.804%;
  --orange-830: hsl(var(--orange-830-hsl) / 1);
  --orange-830-hsl: 20 calc(var(--saturation-factor, 1) * 76.744%) 8.431%;
  --orange-860: hsl(var(--orange-860-hsl) / 1);
  --orange-860-hsl: 20 calc(var(--saturation-factor, 1) * 72.973%) 7.255%;
  --orange-900: hsl(var(--orange-900-hsl) / 1);
  --orange-900-hsl: 25.714 calc(var(--saturation-factor, 1) * 72.414%) 5.686%;
  --yellow-100: hsl(var(--yellow-100-hsl) / 1);
  --yellow-100-hsl: 33.75 calc(var(--saturation-factor, 1) * 100%) 96.863%;
  --yellow-130: hsl(var(--yellow-130-hsl) / 1);
  --yellow-130-hsl: 31.304 calc(var(--saturation-factor, 1) * 100%) 95.49%;
  --yellow-160: hsl(var(--yellow-160-hsl) / 1);
  --yellow-160-hsl: 32.727 calc(var(--saturation-factor, 1) * 100%) 91.373%;
  --yellow-200: hsl(var(--yellow-200-hsl) / 1);
  --yellow-200-hsl: 35 calc(var(--saturation-factor, 1) * 97.297%) 85.49%;
  --yellow-230: hsl(var(--yellow-230-hsl) / 1);
  --yellow-230-hsl: 36.637 calc(var(--saturation-factor, 1) * 96.581%) 77.059%;
  --yellow-260: hsl(var(--yellow-260-hsl) / 1);
  --yellow-260-hsl: 40.656 calc(var(--saturation-factor, 1) * 96.825%) 62.941%;
  --yellow-300: hsl(var(--yellow-300-hsl) / 1);
  --yellow-300-hsl: 40.421 calc(var(--saturation-factor, 1) * 86.364%) 56.863%;
  --yellow-330: hsl(var(--yellow-330-hsl) / 1);
  --yellow-330-hsl: 40 calc(var(--saturation-factor, 1) * 75.309%) 52.353%;
  --yellow-345: hsl(var(--yellow-345-hsl) / 1);
  --yellow-345-hsl: 39.545 calc(var(--saturation-factor, 1) * 70.968%) 48.627%;
  --yellow-360: hsl(var(--yellow-360-hsl) / 1);
  --yellow-360-hsl: 39.018 calc(var(--saturation-factor, 1) * 74.429%) 42.941%;
  --yellow-400: hsl(var(--yellow-400-hsl) / 1);
  --yellow-400-hsl: 37.792 calc(var(--saturation-factor, 1) * 78.571%) 38.431%;
  --yellow-430: hsl(var(--yellow-430-hsl) / 1);
  --yellow-430-hsl: 37.447 calc(var(--saturation-factor, 1) * 84.431%) 32.745%;
  --yellow-460: hsl(var(--yellow-460-hsl) / 1);
  --yellow-460-hsl: 36.279 calc(var(--saturation-factor, 1) * 87.755%) 28.824%;
  --yellow-500: hsl(var(--yellow-500-hsl) / 1);
  --yellow-500-hsl: 35.5 calc(var(--saturation-factor, 1) * 93.75%) 25.098%;
  --yellow-530: hsl(var(--yellow-530-hsl) / 1);
  --yellow-530-hsl: 34.857 calc(var(--saturation-factor, 1) * 92.92%) 22.157%;
  --yellow-560: hsl(var(--yellow-560-hsl) / 1);
  --yellow-560-hsl: 33.83 calc(var(--saturation-factor, 1) * 94%) 19.608%;
  --yellow-600: hsl(var(--yellow-600-hsl) / 1);
  --yellow-600-hsl: 34.815 calc(var(--saturation-factor, 1) * 93.103%) 17.059%;
  --yellow-630: hsl(var(--yellow-630-hsl) / 1);
  --yellow-630-hsl: 34.521 calc(var(--saturation-factor, 1) * 92.405%) 15.49%;
  --yellow-660: hsl(var(--yellow-660-hsl) / 1);
  --yellow-660-hsl: 34.688 calc(var(--saturation-factor, 1) * 91.429%) 13.725%;
  --yellow-700: hsl(var(--yellow-700-hsl) / 1);
  --yellow-700-hsl: 34.286 calc(var(--saturation-factor, 1) * 90.323%) 12.157%;
  --yellow-730: hsl(var(--yellow-730-hsl) / 1);
  --yellow-730-hsl: 32.941 calc(var(--saturation-factor, 1) * 92.727%) 10.784%;
  --yellow-760: hsl(var(--yellow-760-hsl) / 1);
  --yellow-760-hsl: 32.727 calc(var(--saturation-factor, 1) * 91.667%) 9.412%;
  --yellow-800: hsl(var(--yellow-800-hsl) / 1);
  --yellow-800-hsl: 32.432 calc(var(--saturation-factor, 1) * 90.244%) 8.039%;
  --yellow-830: hsl(var(--yellow-830-hsl) / 1);
  --yellow-830-hsl: 31.875 calc(var(--saturation-factor, 1) * 88.889%) 7.059%;
  --yellow-860: hsl(var(--yellow-860-hsl) / 1);
  --yellow-860-hsl: 32.308 calc(var(--saturation-factor, 1) * 86.667%) 5.882%;
  --yellow-900: hsl(var(--yellow-900-hsl) / 1);
  --yellow-900-hsl: 36 calc(var(--saturation-factor, 1) * 83.333%) 4.706%;
  --green-100: hsl(var(--green-100-hsl) / 1);
  --green-100-hsl: 136.667 calc(var(--saturation-factor, 1) * 90%) 96.078%;
  --green-130: hsl(var(--green-130-hsl) / 1);
  --green-130-hsl: 136.875 calc(var(--saturation-factor, 1) * 94.118%) 93.333%;
  --green-160: hsl(var(--green-160-hsl) / 1);
  --green-160-hsl: 140.952 calc(var(--saturation-factor, 1) * 91.304%) 86.471%;
  --green-200: hsl(var(--green-200-hsl) / 1);
  --green-200-hsl: 143.478 calc(var(--saturation-factor, 1) * 93.496%) 75.882%;
  --green-230: hsl(var(--green-230-hsl) / 1);
  --green-230-hsl: 146.323 calc(var(--saturation-factor, 1) * 86.592%) 64.902%;
  --green-260: hsl(var(--green-260-hsl) / 1);
  --green-260-hsl: 145.605 calc(var(--saturation-factor, 1) * 75.12%) 59.02%;
  --green-300: hsl(var(--green-300-hsl) / 1);
  --green-300-hsl: 146.323 calc(var(--saturation-factor, 1) * 65.401%) 53.529%;
  --green-330: hsl(var(--green-330-hsl) / 1);
  --green-330-hsl: 146.494 calc(var(--saturation-factor, 1) * 63.115%) 47.843%;
  --green-345: hsl(var(--green-345-hsl) / 1);
  --green-345-hsl: 146.939 calc(var(--saturation-factor, 1) * 65.919%) 43.725%;
  --green-360: hsl(var(--green-360-hsl) / 1);
  --green-360-hsl: 145.385 calc(var(--saturation-factor, 1) * 65%) 39.216%;
  --green-400: hsl(var(--green-400-hsl) / 1);
  --green-400-hsl: 142.703 calc(var(--saturation-factor, 1) * 60.656%) 35.882%;
  --green-430: hsl(var(--green-430-hsl) / 1);
  --green-430-hsl: 141.522 calc(var(--saturation-factor, 1) * 56.098%) 32.157%;
  --green-460: hsl(var(--green-460-hsl) / 1);
  --green-460-hsl: 141.481 calc(var(--saturation-factor, 1) * 56.643%) 28.039%;
  --green-500: hsl(var(--green-500-hsl) / 1);
  --green-500-hsl: 141.37 calc(var(--saturation-factor, 1) * 58.4%) 24.51%;
  --green-530: hsl(var(--green-530-hsl) / 1);
  --green-530-hsl: 140.308 calc(var(--saturation-factor, 1) * 60.748%) 20.98%;
  --green-560: hsl(var(--green-560-hsl) / 1);
  --green-560-hsl: 138.621 calc(var(--saturation-factor, 1) * 61.702%) 18.431%;
  --green-600: hsl(var(--green-600-hsl) / 1);
  --green-600-hsl: 139.245 calc(var(--saturation-factor, 1) * 65.432%) 15.882%;
  --green-630: hsl(var(--green-630-hsl) / 1);
  --green-630-hsl: 140 calc(var(--saturation-factor, 1) * 66.667%) 14.118%;
  --green-660: hsl(var(--green-660-hsl) / 1);
  --green-660-hsl: 139.091 calc(var(--saturation-factor, 1) * 68.75%) 12.549%;
  --green-700: hsl(var(--green-700-hsl) / 1);
  --green-700-hsl: 141 calc(var(--saturation-factor, 1) * 74.074%) 10.588%;
  --green-730: hsl(var(--green-730-hsl) / 1);
  --green-730-hsl: 138.333 calc(var(--saturation-factor, 1) * 78.261%) 9.02%;
  --green-760: hsl(var(--green-760-hsl) / 1);
  --green-760-hsl: 140 calc(var(--saturation-factor, 1) * 84.615%) 7.647%;
  --green-800: hsl(var(--green-800-hsl) / 1);
  --green-800-hsl: 139.286 calc(var(--saturation-factor, 1) * 82.353%) 6.667%;
  --green-830: hsl(var(--green-830-hsl) / 1);
  --green-830-hsl: 137.5 calc(var(--saturation-factor, 1) * 80%) 5.882%;
  --green-860: hsl(var(--green-860-hsl) / 1);
  --green-860-hsl: 132.632 calc(var(--saturation-factor, 1) * 70.37%) 5.294%;
  --green-900: hsl(var(--green-900-hsl) / 1);
  --green-900-hsl: 128.571 calc(var(--saturation-factor, 1) * 58.333%) 4.706%;
  --blue-100: hsl(var(--blue-100-hsl) / 1);
  --blue-100-hsl: 210 calc(var(--saturation-factor, 1) * 80%) 98.039%;
  --blue-130: hsl(var(--blue-130-hsl) / 1);
  --blue-130-hsl: 210 calc(var(--saturation-factor, 1) * 87.5%) 96.863%;
  --blue-160: hsl(var(--blue-160-hsl) / 1);
  --blue-160-hsl: 208.889 calc(var(--saturation-factor, 1) * 87.097%) 93.922%;
  --blue-200: hsl(var(--blue-200-hsl) / 1);
  --blue-200-hsl: 206.25 calc(var(--saturation-factor, 1) * 92.308%) 89.804%;
  --blue-230: hsl(var(--blue-230-hsl) / 1);
  --blue-230-hsl: 205.135 calc(var(--saturation-factor, 1) * 92.5%) 84.314%;
  --blue-260: hsl(var(--blue-260-hsl) / 1);
  --blue-260-hsl: 204.231 calc(var(--saturation-factor, 1) * 94.545%) 78.431%;
  --blue-300: hsl(var(--blue-300-hsl) / 1);
  --blue-300-hsl: 202.649 calc(var(--saturation-factor, 1) * 97.419%) 69.608%;
  --blue-330: hsl(var(--blue-330-hsl) / 1);
  --blue-330-hsl: 200.957 calc(var(--saturation-factor, 1) * 100%) 59.02%;
  --blue-345: hsl(var(--blue-345-hsl) / 1);
  --blue-345-hsl: 199.524 calc(var(--saturation-factor, 1) * 100%) 49.412%;
  --blue-360: hsl(var(--blue-360-hsl) / 1);
  --blue-360-hsl: 202.562 calc(var(--saturation-factor, 1) * 100%) 47.451%;
  --blue-400: hsl(var(--blue-400-hsl) / 1);
  --blue-400-hsl: 206.809 calc(var(--saturation-factor, 1) * 100%) 46.078%;
  --blue-430: hsl(var(--blue-430-hsl) / 1);
  --blue-430-hsl: 212.208 calc(var(--saturation-factor, 1) * 100%) 45.294%;
  --blue-460: hsl(var(--blue-460-hsl) / 1);
  --blue-460-hsl: 213.589 calc(var(--saturation-factor, 1) * 100%) 40.98%;
  --blue-500: hsl(var(--blue-500-hsl) / 1);
  --blue-500-hsl: 213.297 calc(var(--saturation-factor, 1) * 100%) 35.686%;
  --blue-530: hsl(var(--blue-530-hsl) / 1);
  --blue-530-hsl: 212.129 calc(var(--saturation-factor, 1) * 100%) 30.392%;
  --blue-560: hsl(var(--blue-560-hsl) / 1);
  --blue-560-hsl: 211.765 calc(var(--saturation-factor, 1) * 100%) 26.667%;
  --blue-600: hsl(var(--blue-600-hsl) / 1);
  --blue-600-hsl: 211.017 calc(var(--saturation-factor, 1) * 100%) 23.137%;
  --blue-630: hsl(var(--blue-630-hsl) / 1);
  --blue-630-hsl: 211.132 calc(var(--saturation-factor, 1) * 100%) 20.784%;
  --blue-660: hsl(var(--blue-660-hsl) / 1);
  --blue-660-hsl: 211.579 calc(var(--saturation-factor, 1) * 100%) 18.627%;
  --blue-700: hsl(var(--blue-700-hsl) / 1);
  --blue-700-hsl: 211.765 calc(var(--saturation-factor, 1) * 100%) 16.667%;
  --blue-730: hsl(var(--blue-730-hsl) / 1);
  --blue-730-hsl: 210.833 calc(var(--saturation-factor, 1) * 100%) 14.118%;
  --blue-760: hsl(var(--blue-760-hsl) / 1);
  --blue-760-hsl: 211.429 calc(var(--saturation-factor, 1) * 100%) 12.353%;
  --blue-800: hsl(var(--blue-800-hsl) / 1);
  --blue-800-hsl: 211.111 calc(var(--saturation-factor, 1) * 100%) 10.588%;
  --blue-830: hsl(var(--blue-830-hsl) / 1);
  --blue-830-hsl: 212.5 calc(var(--saturation-factor, 1) * 100%) 9.412%;
  --blue-860: hsl(var(--blue-860-hsl) / 1);
  --blue-860-hsl: 213.488 calc(var(--saturation-factor, 1) * 100%) 8.431%;
  --blue-900: hsl(var(--blue-900-hsl) / 1);
  --blue-900-hsl: 213.333 calc(var(--saturation-factor, 1) * 100%) 7.059%;
  --teal-100: hsl(var(--teal-100-hsl) / 1);
  --teal-100-hsl: 193.333 calc(var(--saturation-factor, 1) * 69.231%) 97.451%;
  --teal-130: hsl(var(--teal-130-hsl) / 1);
  --teal-130-hsl: 192 calc(var(--saturation-factor, 1) * 83.333%) 95.294%;
  --teal-160: hsl(var(--teal-160-hsl) / 1);
  --teal-160-hsl: 190.5 calc(var(--saturation-factor, 1) * 83.333%) 90.588%;
  --teal-200: hsl(var(--teal-200-hsl) / 1);
  --teal-200-hsl: 188.333 calc(var(--saturation-factor, 1) * 85.714%) 83.529%;
  --teal-230: hsl(var(--teal-230-hsl) / 1);
  --teal-230-hsl: 187.934 calc(var(--saturation-factor, 1) * 88.321%) 73.137%;
  --teal-260: hsl(var(--teal-260-hsl) / 1);
  --teal-260-hsl: 188.276 calc(var(--saturation-factor, 1) * 81.921%) 65.294%;
  --teal-300: hsl(var(--teal-300-hsl) / 1);
  --teal-300-hsl: 188.903 calc(var(--saturation-factor, 1) * 72.77%) 58.235%;
  --teal-330: hsl(var(--teal-330-hsl) / 1);
  --teal-330-hsl: 189.375 calc(var(--saturation-factor, 1) * 65.574%) 52.157%;
  --teal-345: hsl(var(--teal-345-hsl) / 1);
  --teal-345-hsl: 189.677 calc(var(--saturation-factor, 1) * 62.753%) 48.431%;
  --teal-360: hsl(var(--teal-360-hsl) / 1);
  --teal-360-hsl: 189.718 calc(var(--saturation-factor, 1) * 63.964%) 43.529%;
  --teal-400: hsl(var(--teal-400-hsl) / 1);
  --teal-400-hsl: 189.6 calc(var(--saturation-factor, 1) * 63.452%) 38.627%;
  --teal-430: hsl(var(--teal-430-hsl) / 1);
  --teal-430-hsl: 190.459 calc(var(--saturation-factor, 1) * 63.006%) 33.922%;
  --teal-460: hsl(var(--teal-460-hsl) / 1);
  --teal-460-hsl: 190.515 calc(var(--saturation-factor, 1) * 64.238%) 29.608%;
  --teal-500: hsl(var(--teal-500-hsl) / 1);
  --teal-500-hsl: 190.465 calc(var(--saturation-factor, 1) * 65.152%) 25.882%;
  --teal-530: hsl(var(--teal-530-hsl) / 1);
  --teal-530-hsl: 190.263 calc(var(--saturation-factor, 1) * 66.667%) 22.353%;
  --teal-560: hsl(var(--teal-560-hsl) / 1);
  --teal-560-hsl: 189.565 calc(var(--saturation-factor, 1) * 69.697%) 19.412%;
  --teal-600: hsl(var(--teal-600-hsl) / 1);
  --teal-600-hsl: 188.852 calc(var(--saturation-factor, 1) * 71.765%) 16.667%;
  --teal-630: hsl(var(--teal-630-hsl) / 1);
  --teal-630-hsl: 189.643 calc(var(--saturation-factor, 1) * 73.684%) 14.902%;
  --teal-660: hsl(var(--teal-660-hsl) / 1);
  --teal-660-hsl: 188.4 calc(var(--saturation-factor, 1) * 75.758%) 12.941%;
  --teal-700: hsl(var(--teal-700-hsl) / 1);
  --teal-700-hsl: 189.13 calc(var(--saturation-factor, 1) * 79.31%) 11.373%;
  --teal-730: hsl(var(--teal-730-hsl) / 1);
  --teal-730-hsl: 189 calc(var(--saturation-factor, 1) * 80%) 9.804%;
  --teal-760: hsl(var(--teal-760-hsl) / 1);
  --teal-760-hsl: 188.571 calc(var(--saturation-factor, 1) * 81.395%) 8.431%;
  --teal-800: hsl(var(--teal-800-hsl) / 1);
  --teal-800-hsl: 188 calc(var(--saturation-factor, 1) * 83.333%) 7.059%;
  --teal-830: hsl(var(--teal-830-hsl) / 1);
  --teal-830-hsl: 188.889 calc(var(--saturation-factor, 1) * 87.097%) 6.078%;
  --teal-860: hsl(var(--teal-860-hsl) / 1);
  --teal-860-hsl: 187.826 calc(var(--saturation-factor, 1) * 85.185%) 5.294%;
  --teal-900: hsl(var(--teal-900-hsl) / 1);
  --teal-900-hsl: 189 calc(var(--saturation-factor, 1) * 90.909%) 4.314%;
  --white: hsl(var(--white-hsl) / 1);
  --white-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --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%) 90.98%;
  --white-560: hsl(var(--white-560-hsl) / 1);
  --white-560-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 81.176%;
  --white-600: hsl(var(--white-600-hsl) / 1);
  --white-600-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 67.843%;
  --white-630: hsl(var(--white-630-hsl) / 1);
  --white-630-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 58.824%;
  --white-660: hsl(var(--white-660-hsl) / 1);
  --white-660-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 51.373%;
  --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.255%;
  --white-760: hsl(var(--white-760-hsl) / 1);
  --white-760-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 34.51%;
  --white-800: hsl(var(--white-800-hsl) / 1);
  --white-800-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 30.196%;
  --white-830: hsl(var(--white-830-hsl) / 1);
  --white-830-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 23.137%;
  --white-860: hsl(var(--white-860-hsl) / 1);
  --white-860-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 14.902%;
  --white-900: hsl(var(--white-900-hsl) / 1);
  --white-900-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 5.098%;
  --black: hsl(var(--black-hsl) / 1);
  --black-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --black-100: hsl(var(--black-100-hsl) / 1);
  --black-100-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 94.902%;
  --black-130: hsl(var(--black-130-hsl) / 1);
  --black-130-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 90.98%;
  --black-160: hsl(var(--black-160-hsl) / 1);
  --black-160-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 85.49%;
  --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.118%;
  --black-260: hsl(var(--black-260-hsl) / 1);
  --black-260-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 67.451%;
  --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.843%;
  --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.078%;
  --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.51%;
  --black-460: hsl(var(--black-460-hsl) / 1);
  --black-460-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 7.843%;
  --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%;
  --brand-100: hsl(var(--brand-100-hsl) / 1);
  --brand-100-hsl: 240 calc(var(--saturation-factor, 1) * 77.778%) 98.235%;
  --brand-130: hsl(var(--brand-130-hsl) / 1);
  --brand-130-hsl: 235.714 calc(var(--saturation-factor, 1) * 87.5%) 96.863%;
  --brand-160: hsl(var(--brand-160-hsl) / 1);
  --brand-160-hsl: 234.545 calc(var(--saturation-factor, 1) * 84.615%) 94.902%;
  --brand-200: hsl(var(--brand-200-hsl) / 1);
  --brand-200-hsl: 236 calc(var(--saturation-factor, 1) * 83.333%) 92.941%;
  --brand-230: hsl(var(--brand-230-hsl) / 1);
  --brand-230-hsl: 235.5 calc(var(--saturation-factor, 1) * 86.957%) 90.98%;
  --brand-260: hsl(var(--brand-260-hsl) / 1);
  --brand-260-hsl: 235.2 calc(var(--saturation-factor, 1) * 86.207%) 88.627%;
  --brand-300: hsl(var(--brand-300-hsl) / 1);
  --brand-300-hsl: 235.161 calc(var(--saturation-factor, 1) * 86.111%) 85.882%;
  --brand-330: hsl(var(--brand-330-hsl) / 1);
  --brand-330-hsl: 234.75 calc(var(--saturation-factor, 1) * 85.106%) 81.569%;
  --brand-345: hsl(var(--brand-345-hsl) / 1);
  --brand-345-hsl: 234.783 calc(var(--saturation-factor, 1) * 85.185%) 78.824%;
  --brand-360: hsl(var(--brand-360-hsl) / 1);
  --brand-360-hsl: 235.152 calc(var(--saturation-factor, 1) * 86.087%) 77.451%;
  --brand-400: hsl(var(--brand-400-hsl) / 1);
  --brand-400-hsl: 234.677 calc(var(--saturation-factor, 1) * 86.111%) 71.765%;
  --brand-430: hsl(var(--brand-430-hsl) / 1);
  --brand-430-hsl: 235 calc(var(--saturation-factor, 1) * 85.714%) 69.804%;
  --brand-460: hsl(var(--brand-460-hsl) / 1);
  --brand-460-hsl: 234.93 calc(var(--saturation-factor, 1) * 85.542%) 67.451%;
  --brand-500: hsl(var(--brand-500-hsl) / 1);
  --brand-500-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --brand-530: hsl(var(--brand-530-hsl) / 1);
  --brand-530-hsl: 234.857 calc(var(--saturation-factor, 1) * 66.667%) 58.824%;
  --brand-560: hsl(var(--brand-560-hsl) / 1);
  --brand-560-hsl: 234.72 calc(var(--saturation-factor, 1) * 51.44%) 52.353%;
  --brand-600: hsl(var(--brand-600-hsl) / 1);
  --brand-600-hsl: 234.857 calc(var(--saturation-factor, 1) * 46.667%) 44.118%;
  --brand-630: hsl(var(--brand-630-hsl) / 1);
  --brand-630-hsl: 235.385 calc(var(--saturation-factor, 1) * 46.667%) 38.235%;
  --brand-660: hsl(var(--brand-660-hsl) / 1);
  --brand-660-hsl: 234.75 calc(var(--saturation-factor, 1) * 47.059%) 33.333%;
  --brand-700: hsl(var(--brand-700-hsl) / 1);
  --brand-700-hsl: 235.161 calc(var(--saturation-factor, 1) * 46.97%) 25.882%;
  --brand-730: hsl(var(--brand-730-hsl) / 1);
  --brand-730-hsl: 234.828 calc(var(--saturation-factor, 1) * 46.774%) 24.314%;
  --brand-760: hsl(var(--brand-760-hsl) / 1);
  --brand-760-hsl: 234.34 calc(var(--saturation-factor, 1) * 46.903%) 22.157%;
  --brand-800: hsl(var(--brand-800-hsl) / 1);
  --brand-800-hsl: 234.894 calc(var(--saturation-factor, 1) * 47.475%) 19.412%;
  --brand-830: hsl(var(--brand-830-hsl) / 1);
  --brand-830-hsl: 235 calc(var(--saturation-factor, 1) * 47.368%) 14.902%;
  --brand-860: hsl(var(--brand-860-hsl) / 1);
  --brand-860-hsl: 234.783 calc(var(--saturation-factor, 1) * 46.939%) 9.608%;
  --brand-900: hsl(var(--brand-900-hsl) / 1);
  --brand-900-hsl: 232.5 calc(var(--saturation-factor, 1) * 50%) 3.137%;
  --primary-100: hsl(var(--primary-100-hsl) / 1);
  --primary-100-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 97.647%;
  --primary-130: hsl(var(--primary-130-hsl) / 1);
  --primary-130-hsl: 220 calc(var(--saturation-factor, 1) * 13.043%) 95.49%;
  --primary-160: hsl(var(--primary-160-hsl) / 1);
  --primary-160-hsl: 210 calc(var(--saturation-factor, 1) * 11.111%) 92.941%;
  --primary-200: hsl(var(--primary-200-hsl) / 1);
  --primary-200-hsl: 216 calc(var(--saturation-factor, 1) * 9.804%) 90%;
  --primary-230: hsl(var(--primary-230-hsl) / 1);
  --primary-230-hsl: 210 calc(var(--saturation-factor, 1) * 9.091%) 87.059%;
  --primary-260: hsl(var(--primary-260-hsl) / 1);
  --primary-260-hsl: 214.286 calc(var(--saturation-factor, 1) * 8.434%) 83.725%;
  --primary-300: hsl(var(--primary-300-hsl) / 1);
  --primary-300-hsl: 210 calc(var(--saturation-factor, 1) * 9.259%) 78.824%;
  --primary-330: hsl(var(--primary-330-hsl) / 1);
  --primary-330-hsl: 215 calc(var(--saturation-factor, 1) * 8.824%) 73.333%;
  --primary-345: hsl(var(--primary-345-hsl) / 1);
  --primary-345-hsl: 214.286 calc(var(--saturation-factor, 1) * 8.434%) 67.451%;
  --primary-360: hsl(var(--primary-360-hsl) / 1);
  --primary-360-hsl: 213.75 calc(var(--saturation-factor, 1) * 8.081%) 61.176%;
  --primary-400: hsl(var(--primary-400-hsl) / 1);
  --primary-400-hsl: 222.857 calc(var(--saturation-factor, 1) * 5.833%) 52.941%;
  --primary-430: hsl(var(--primary-430-hsl) / 1);
  --primary-430-hsl: 229.091 calc(var(--saturation-factor, 1) * 4.803%) 44.902%;
  --primary-460: hsl(var(--primary-460-hsl) / 1);
  --primary-460-hsl: 228 calc(var(--saturation-factor, 1) * 5.155%) 38.039%;
  --primary-500: hsl(var(--primary-500-hsl) / 1);
  --primary-500-hsl: 228 calc(var(--saturation-factor, 1) * 6.024%) 32.549%;
  --primary-530: hsl(var(--primary-530-hsl) / 1);
  --primary-530-hsl: 226.667 calc(var(--saturation-factor, 1) * 6.475%) 27.255%;
  --primary-560: hsl(var(--primary-560-hsl) / 1);
  --primary-560-hsl: 225 calc(var(--saturation-factor, 1) * 6.667%) 23.529%;
  --primary-600: hsl(var(--primary-600-hsl) / 1);
  --primary-600-hsl: 222.857 calc(var(--saturation-factor, 1) * 6.667%) 20.588%;
  --primary-630: hsl(var(--primary-630-hsl) / 1);
  --primary-630-hsl: 220 calc(var(--saturation-factor, 1) * 6.522%) 18.039%;
  --primary-645: hsl(var(--primary-645-hsl) / 1);
  --primary-645-hsl: 220 calc(var(--saturation-factor, 1) * 6.977%) 16.863%;
  --primary-660: hsl(var(--primary-660-hsl) / 1);
  --primary-660-hsl: 228 calc(var(--saturation-factor, 1) * 6.667%) 14.706%;
  --primary-700: hsl(var(--primary-700-hsl) / 1);
  --primary-700-hsl: 225 calc(var(--saturation-factor, 1) * 6.25%) 12.549%;
  --primary-730: hsl(var(--primary-730-hsl) / 1);
  --primary-730-hsl: 225 calc(var(--saturation-factor, 1) * 7.143%) 10.98%;
  --primary-760: hsl(var(--primary-760-hsl) / 1);
  --primary-760-hsl: 220 calc(var(--saturation-factor, 1) * 6.383%) 9.216%;
  --primary-800: hsl(var(--primary-800-hsl) / 1);
  --primary-800-hsl: 220 calc(var(--saturation-factor, 1) * 8.108%) 7.255%;
  --primary-830: hsl(var(--primary-830-hsl) / 1);
  --primary-830-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 4.902%;
  --primary-860: hsl(var(--primary-860-hsl) / 1);
  --primary-860-hsl: 240 calc(var(--saturation-factor, 1) * 7.692%) 2.549%;
  --primary-900: hsl(var(--primary-900-hsl) / 1);
  --primary-900-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0.784%;
  --plum-0: hsl(var(--plum-0-hsl) / 1);
  --plum-0-hsl: 240 calc(var(--saturation-factor, 1) * 9.091%) 97.843%;
  --plum-1: hsl(var(--plum-1-hsl) / 1);
  --plum-1-hsl: 240 calc(var(--saturation-factor, 1) * 4.348%) 95.49%;
  --plum-2: hsl(var(--plum-2-hsl) / 1);
  --plum-2-hsl: 220 calc(var(--saturation-factor, 1) * 8.571%) 93.137%;
  --plum-3: hsl(var(--plum-3-hsl) / 1);
  --plum-3-hsl: 225 calc(var(--saturation-factor, 1) * 8%) 90.196%;
  --plum-4: hsl(var(--plum-4-hsl) / 1);
  --plum-4-hsl: 225 calc(var(--saturation-factor, 1) * 6.25%) 87.451%;
  --plum-5: hsl(var(--plum-5-hsl) / 1);
  --plum-5-hsl: 220 calc(var(--saturation-factor, 1) * 7.317%) 83.922%;
  --plum-6: hsl(var(--plum-6-hsl) / 1);
  --plum-6-hsl: 231.429 calc(var(--saturation-factor, 1) * 6.667%) 79.412%;
  --plum-7: hsl(var(--plum-7-hsl) / 1);
  --plum-7-hsl: 226.667 calc(var(--saturation-factor, 1) * 6.767%) 73.922%;
  --plum-8: hsl(var(--plum-8-hsl) / 1);
  --plum-8-hsl: 230 calc(var(--saturation-factor, 1) * 7.407%) 68.235%;
  --plum-9: hsl(var(--plum-9-hsl) / 1);
  --plum-9-hsl: 231.429 calc(var(--saturation-factor, 1) * 7.071%) 61.176%;
  --plum-10: hsl(var(--plum-10-hsl) / 1);
  --plum-10-hsl: 228.75 calc(var(--saturation-factor, 1) * 6.78%) 53.725%;
  --plum-11: hsl(var(--plum-11-hsl) / 1);
  --plum-11-hsl: 228.75 calc(var(--saturation-factor, 1) * 6.897%) 45.49%;
  --plum-12: hsl(var(--plum-12-hsl) / 1);
  --plum-12-hsl: 228 calc(var(--saturation-factor, 1) * 7.614%) 38.627%;
  --plum-13: hsl(var(--plum-13-hsl) / 1);
  --plum-13-hsl: 227.143 calc(var(--saturation-factor, 1) * 8.333%) 32.941%;
  --plum-14: hsl(var(--plum-14-hsl) / 1);
  --plum-14-hsl: 230 calc(var(--saturation-factor, 1) * 8.451%) 27.843%;
  --plum-15: hsl(var(--plum-15-hsl) / 1);
  --plum-15-hsl: 229.091 calc(var(--saturation-factor, 1) * 8.943%) 24.118%;
  --plum-16: hsl(var(--plum-16-hsl) / 1);
  --plum-16-hsl: 234 calc(var(--saturation-factor, 1) * 9.259%) 21.176%;
  --plum-17: hsl(var(--plum-17-hsl) / 1);
  --plum-17-hsl: 233.333 calc(var(--saturation-factor, 1) * 9.278%) 19.02%;
  --plum-18: hsl(var(--plum-18-hsl) / 1);
  --plum-18-hsl: 233.333 calc(var(--saturation-factor, 1) * 10.588%) 16.667%;
  --plum-19: hsl(var(--plum-19-hsl) / 1);
  --plum-19-hsl: 232.5 calc(var(--saturation-factor, 1) * 10.811%) 14.51%;
  --plum-20: hsl(var(--plum-20-hsl) / 1);
  --plum-20-hsl: 231.429 calc(var(--saturation-factor, 1) * 11.111%) 12.353%;
  --plum-21: hsl(var(--plum-21-hsl) / 1);
  --plum-21-hsl: 231.429 calc(var(--saturation-factor, 1) * 12.727%) 10.784%;
  --plum-22: hsl(var(--plum-22-hsl) / 1);
  --plum-22-hsl: 240 calc(var(--saturation-factor, 1) * 12%) 9.804%;
  --plum-23: hsl(var(--plum-23-hsl) / 1);
  --plum-23-hsl: 240 calc(var(--saturation-factor, 1) * 11.628%) 8.431%;
  --plum-24: hsl(var(--plum-24-hsl) / 1);
  --plum-24-hsl: 228 calc(var(--saturation-factor, 1) * 14.286%) 6.863%;
  --plum-25: hsl(var(--plum-25-hsl) / 1);
  --plum-25-hsl: 240 calc(var(--saturation-factor, 1) * 14.286%) 5.49%;
  --plum-26: hsl(var(--plum-26-hsl) / 1);
  --plum-26-hsl: 240 calc(var(--saturation-factor, 1) * 15.789%) 3.725%
}

.visual-refresh {
  --blue-100: var(--blue-new-1);
  --blue-100-hsl: var(--blue-new-1-hsl);
  --blue-130: var(--blue-new-1);
  --blue-130-hsl: var(--blue-new-1-hsl);
  --blue-160: var(--blue-new-1);
  --blue-160-hsl: var(--blue-new-1-hsl);
  --blue-200: var(--blue-new-5);
  --blue-200-hsl: var(--blue-new-5-hsl);
  --blue-230: var(--blue-new-11);
  --blue-230-hsl: var(--blue-new-11-hsl);
  --blue-260: var(--blue-new-17);
  --blue-260-hsl: var(--blue-new-17-hsl);
  --blue-300: var(--blue-new-25);
  --blue-300-hsl: var(--blue-new-25-hsl);
  --blue-330: var(--blue-new-31);
  --blue-330-hsl: var(--blue-new-31-hsl);
  --blue-345: var(--blue-new-36);
  --blue-345-hsl: var(--blue-new-36-hsl);
  --blue-360: var(--blue-new-40);
  --blue-360-hsl: var(--blue-new-40-hsl);
  --blue-400: var(--blue-new-45);
  --blue-400-hsl: var(--blue-new-45-hsl);
  --blue-430: var(--blue-new-51);
  --blue-430-hsl: var(--blue-new-51-hsl);
  --blue-460: var(--blue-new-56);
  --blue-460-hsl: var(--blue-new-56-hsl);
  --blue-500: var(--blue-new-62);
  --blue-500-hsl: var(--blue-new-62-hsl);
  --blue-530: var(--blue-new-66);
  --blue-530-hsl: var(--blue-new-66-hsl);
  --blue-560: var(--blue-new-70);
  --blue-560-hsl: var(--blue-new-70-hsl);
  --blue-600: var(--blue-new-75);
  --blue-600-hsl: var(--blue-new-75-hsl);
  --blue-630: var(--blue-new-77);
  --blue-630-hsl: var(--blue-new-77-hsl);
  --blue-660: var(--blue-new-79);
  --blue-660-hsl: var(--blue-new-79-hsl);
  --blue-700: var(--blue-new-83);
  --blue-700-hsl: var(--blue-new-83-hsl);
  --blue-730: var(--blue-new-85);
  --blue-730-hsl: var(--blue-new-85-hsl);
  --blue-760: var(--blue-new-88);
  --blue-760-hsl: var(--blue-new-88-hsl);
  --blue-800: var(--blue-new-90);
  --blue-800-hsl: var(--blue-new-90-hsl);
  --blue-830: var(--blue-new-92);
  --blue-830-hsl: var(--blue-new-92-hsl);
  --blue-860: var(--blue-new-93);
  --blue-860-hsl: var(--blue-new-93-hsl);
  --blue-900: var(--blue-new-95);
  --blue-900-hsl: var(--blue-new-95-hsl);
  --brand-100: var(--blurple-1);
  --brand-100-hsl: var(--blurple-1-hsl);
  --brand-130: var(--blurple-1);
  --brand-130-hsl: var(--blurple-1-hsl);
  --brand-160: var(--blurple-1);
  --brand-160-hsl: var(--blurple-1-hsl);
  --brand-200: var(--blurple-4);
  --brand-200-hsl: var(--blurple-4-hsl);
  --brand-230: var(--blurple-7);
  --brand-230-hsl: var(--blurple-7-hsl);
  --brand-260: var(--blurple-11);
  --brand-260-hsl: var(--blurple-11-hsl);
  --brand-300: var(--blurple-15);
  --brand-300-hsl: var(--blurple-15-hsl);
  --brand-330: var(--blurple-22);
  --brand-330-hsl: var(--blurple-22-hsl);
  --brand-345: var(--blurple-26);
  --brand-345-hsl: var(--blurple-26-hsl);
  --brand-360: var(--blurple-28);
  --brand-360-hsl: var(--blurple-28-hsl);
  --brand-400: var(--blurple-37);
  --brand-400-hsl: var(--blurple-37-hsl);
  --brand-430: var(--blurple-41);
  --brand-430-hsl: var(--blurple-41-hsl);
  --brand-460: var(--blurple-44);
  --brand-460-hsl: var(--blurple-44-hsl);
  --brand-500: var(--blurple-49);
  --brand-500-hsl: var(--blurple-49-hsl);
  --brand-530: var(--blurple-54);
  --brand-530-hsl: var(--blurple-54-hsl);
  --brand-560: var(--blurple-59);
  --brand-560-hsl: var(--blurple-59-hsl);
  --brand-600: var(--blurple-65);
  --brand-600-hsl: var(--blurple-65-hsl);
  --brand-630: var(--blurple-70);
  --brand-630-hsl: var(--blurple-70-hsl);
  --brand-660: var(--blurple-73);
  --brand-660-hsl: var(--blurple-73-hsl);
  --brand-700: var(--blurple-80);
  --brand-700-hsl: var(--blurple-80-hsl);
  --brand-730: var(--blurple-81);
  --brand-730-hsl: var(--blurple-81-hsl);
  --brand-760: var(--blurple-83);
  --brand-760-hsl: var(--blurple-83-hsl);
  --brand-800: var(--blurple-86);
  --brand-800-hsl: var(--blurple-86-hsl);
  --brand-830: var(--blurple-90);
  --brand-830-hsl: var(--blurple-90-hsl);
  --brand-860: var(--blurple-95);
  --brand-860-hsl: var(--blurple-95-hsl);
  --brand-900: var(--blurple-98);
  --brand-900-hsl: var(--blurple-98-hsl);
  --green-100: var(--green-new-1);
  --green-100-hsl: var(--green-new-1-hsl);
  --green-130: var(--green-new-1);
  --green-130-hsl: var(--green-new-1-hsl);
  --green-160: var(--green-new-3);
  --green-160-hsl: var(--green-new-3-hsl);
  --green-200: var(--green-new-11);
  --green-200-hsl: var(--green-new-11-hsl);
  --green-230: var(--green-new-15);
  --green-230-hsl: var(--green-new-15-hsl);
  --green-260: var(--green-new-20);
  --green-260-hsl: var(--green-new-20-hsl);
  --green-300: var(--green-new-24);
  --green-300-hsl: var(--green-new-24-hsl);
  --green-330: var(--green-new-30);
  --green-330-hsl: var(--green-new-30-hsl);
  --green-345: var(--green-new-34);
  --green-345-hsl: var(--green-new-34-hsl);
  --green-360: var(--green-new-38);
  --green-360-hsl: var(--green-new-38-hsl);
  --green-400: var(--green-new-44);
  --green-400-hsl: var(--green-new-44-hsl);
  --green-430: var(--green-new-52);
  --green-430-hsl: var(--green-new-52-hsl);
  --green-460: var(--green-new-57);
  --green-460-hsl: var(--green-new-57-hsl);
  --green-500: var(--green-new-63);
  --green-500-hsl: var(--green-new-63-hsl);
  --green-530: var(--green-new-67);
  --green-530-hsl: var(--green-new-67-hsl);
  --green-560: var(--green-new-71);
  --green-560-hsl: var(--green-new-71-hsl);
  --green-600: var(--green-new-75);
  --green-600-hsl: var(--green-new-75-hsl);
  --green-630: var(--green-new-78);
  --green-630-hsl: var(--green-new-78-hsl);
  --green-660: var(--green-new-80);
  --green-660-hsl: var(--green-new-80-hsl);
  --green-700: var(--green-new-83);
  --green-700-hsl: var(--green-new-83-hsl);
  --green-730: var(--green-new-86);
  --green-730-hsl: var(--green-new-86-hsl);
  --green-760: var(--green-new-88);
  --green-760-hsl: var(--green-new-88-hsl);
  --green-800: var(--green-new-90);
  --green-800-hsl: var(--green-new-90-hsl);
  --green-830: var(--green-new-92);
  --green-830-hsl: var(--green-new-92-hsl);
  --green-860: var(--green-new-94);
  --green-860-hsl: var(--green-new-94-hsl);
  --green-900: var(--green-new-95);
  --green-900-hsl: var(--green-new-95-hsl);
  --orange-100: var(--orange-new-1);
  --orange-100-hsl: var(--orange-new-1-hsl);
  --orange-130: var(--orange-new-1);
  --orange-130-hsl: var(--orange-new-1-hsl);
  --orange-160: var(--orange-new-1);
  --orange-160-hsl: var(--orange-new-1-hsl);
  --orange-200: var(--orange-new-3);
  --orange-200-hsl: var(--orange-new-3-hsl);
  --orange-230: var(--orange-new-8);
  --orange-230-hsl: var(--orange-new-8-hsl);
  --orange-260: var(--orange-new-15);
  --orange-260-hsl: var(--orange-new-15-hsl);
  --orange-300: var(--orange-new-22);
  --orange-300-hsl: var(--orange-new-22-hsl);
  --orange-330: var(--orange-new-30);
  --orange-330-hsl: var(--orange-new-30-hsl);
  --orange-345: var(--orange-new-35);
  --orange-345-hsl: var(--orange-new-35-hsl);
  --orange-360: var(--orange-new-38);
  --orange-360-hsl: var(--orange-new-38-hsl);
  --orange-400: var(--orange-new-41);
  --orange-400-hsl: var(--orange-new-41-hsl);
  --orange-430: var(--orange-new-44);
  --orange-430-hsl: var(--orange-new-44-hsl);
  --orange-460: var(--orange-new-59);
  --orange-460-hsl: var(--orange-new-59-hsl);
  --orange-500: var(--orange-new-63);
  --orange-500-hsl: var(--orange-new-63-hsl);
  --orange-530: var(--orange-new-67);
  --orange-530-hsl: var(--orange-new-67-hsl);
  --orange-560: var(--orange-new-71);
  --orange-560-hsl: var(--orange-new-71-hsl);
  --orange-600: var(--orange-new-75);
  --orange-600-hsl: var(--orange-new-75-hsl);
  --orange-630: var(--orange-new-77);
  --orange-630-hsl: var(--orange-new-77-hsl);
  --orange-660: var(--orange-new-80);
  --orange-660-hsl: var(--orange-new-80-hsl);
  --orange-700: var(--orange-new-83);
  --orange-700-hsl: var(--orange-new-83-hsl);
  --orange-730: var(--orange-new-86);
  --orange-730-hsl: var(--orange-new-86-hsl);
  --orange-760: var(--orange-new-88);
  --orange-760-hsl: var(--orange-new-88-hsl);
  --orange-800: var(--orange-new-90);
  --orange-800-hsl: var(--orange-new-90-hsl);
  --orange-830: var(--orange-new-93);
  --orange-830-hsl: var(--orange-new-93-hsl);
  --orange-860: var(--orange-new-94);
  --orange-860-hsl: var(--orange-new-94-hsl);
  --orange-900: var(--orange-new-96);
  --orange-900-hsl: var(--orange-new-96-hsl);
  --plum-0: var(--neutral-2);
  --plum-0-hsl: var(--neutral-2-hsl);
  --plum-1: var(--neutral-4);
  --plum-1-hsl: var(--neutral-4-hsl);
  --plum-10: var(--neutral-34);
  --plum-10-hsl: var(--neutral-34-hsl);
  --plum-11: var(--neutral-40);
  --plum-11-hsl: var(--neutral-40-hsl);
  --plum-12: var(--neutral-45);
  --plum-12-hsl: var(--neutral-45-hsl);
  --plum-13: var(--neutral-49);
  --plum-13-hsl: var(--neutral-49-hsl);
  --plum-14: var(--neutral-58);
  --plum-14-hsl: var(--neutral-58-hsl);
  --plum-15: var(--neutral-64);
  --plum-15-hsl: var(--neutral-64-hsl);
  --plum-16: var(--neutral-69);
  --plum-16-hsl: var(--neutral-69-hsl);
  --plum-17: var(--neutral-72);
  --plum-17-hsl: var(--neutral-72-hsl);
  --plum-18: var(--neutral-77);
  --plum-18-hsl: var(--neutral-77-hsl);
  --plum-19: var(--neutral-80);
  --plum-19-hsl: var(--neutral-80-hsl);
  --plum-2: var(--neutral-6);
  --plum-2-hsl: var(--neutral-6-hsl);
  --plum-20: var(--neutral-84);
  --plum-20-hsl: var(--neutral-84-hsl);
  --plum-21: var(--neutral-86);
  --plum-21-hsl: var(--neutral-86-hsl);
  --plum-22: var(--neutral-89);
  --plum-22-hsl: var(--neutral-89-hsl);
  --plum-23: var(--neutral-91);
  --plum-23-hsl: var(--neutral-91-hsl);
  --plum-24: var(--neutral-93);
  --plum-24-hsl: var(--neutral-93-hsl);
  --plum-25: var(--neutral-95);
  --plum-25-hsl: var(--neutral-95-hsl);
  --plum-26: var(--neutral-97);
  --plum-26-hsl: var(--neutral-97-hsl);
  --plum-3: var(--neutral-8);
  --plum-3-hsl: var(--neutral-8-hsl);
  --plum-4: var(--neutral-9);
  --plum-4-hsl: var(--neutral-9-hsl);
  --plum-5: var(--neutral-12);
  --plum-5-hsl: var(--neutral-12-hsl);
  --plum-6: var(--neutral-15);
  --plum-6-hsl: var(--neutral-15-hsl);
  --plum-7: var(--neutral-19);
  --plum-7-hsl: var(--neutral-19-hsl);
  --plum-8: var(--neutral-23);
  --plum-8-hsl: var(--neutral-23-hsl);
  --plum-9: var(--neutral-28);
  --plum-9-hsl: var(--neutral-28-hsl);
  --primary-100: var(--neutral-2);
  --primary-100-hsl: var(--neutral-2-hsl);
  --primary-130: var(--neutral-4);
  --primary-130-hsl: var(--neutral-4-hsl);
  --primary-160: var(--neutral-6);
  --primary-160-hsl: var(--neutral-6-hsl);
  --primary-200: var(--neutral-8);
  --primary-200-hsl: var(--neutral-8-hsl);
  --primary-230: var(--neutral-9);
  --primary-230-hsl: var(--neutral-9-hsl);
  --primary-260: var(--neutral-12);
  --primary-260-hsl: var(--neutral-12-hsl);
  --primary-300: var(--neutral-15);
  --primary-300-hsl: var(--neutral-15-hsl);
  --primary-330: var(--neutral-19);
  --primary-330-hsl: var(--neutral-19-hsl);
  --primary-345: var(--neutral-23);
  --primary-345-hsl: var(--neutral-23-hsl);
  --primary-360: var(--neutral-28);
  --primary-360-hsl: var(--neutral-28-hsl);
  --primary-400: var(--neutral-34);
  --primary-400-hsl: var(--neutral-34-hsl);
  --primary-430: var(--neutral-40);
  --primary-430-hsl: var(--neutral-40-hsl);
  --primary-460: var(--neutral-45);
  --primary-460-hsl: var(--neutral-45-hsl);
  --primary-500: var(--neutral-49);
  --primary-500-hsl: var(--neutral-49-hsl);
  --primary-530: var(--neutral-59);
  --primary-530-hsl: var(--neutral-59-hsl);
  --primary-560: var(--neutral-65);
  --primary-560-hsl: var(--neutral-65-hsl);
  --primary-600: var(--neutral-69);
  --primary-600-hsl: var(--neutral-69-hsl);
  --primary-630: var(--neutral-73);
  --primary-630-hsl: var(--neutral-73-hsl);
  --primary-645: var(--neutral-75);
  --primary-645-hsl: var(--neutral-75-hsl);
  --primary-660: var(--neutral-79);
  --primary-660-hsl: var(--neutral-79-hsl);
  --primary-700: var(--neutral-83);
  --primary-700-hsl: var(--neutral-83-hsl);
  --primary-730: var(--neutral-86);
  --primary-730-hsl: var(--neutral-86-hsl);
  --primary-760: var(--neutral-89);
  --primary-760-hsl: var(--neutral-89-hsl);
  --primary-800: var(--neutral-92);
  --primary-800-hsl: var(--neutral-92-hsl);
  --primary-830: var(--neutral-95);
  --primary-830-hsl: var(--neutral-95-hsl);
  --primary-860: var(--neutral-98);
  --primary-860-hsl: var(--neutral-98-hsl);
  --primary-900: var(--neutral-99);
  --primary-900-hsl: var(--neutral-99-hsl);
  --red-100: var(--red-new-1);
  --red-100-hsl: var(--red-new-1-hsl);
  --red-130: var(--red-new-1);
  --red-130-hsl: var(--red-new-1-hsl);
  --red-160: var(--red-new-1);
  --red-160-hsl: var(--red-new-1-hsl);
  --red-200: var(--red-new-1);
  --red-200-hsl: var(--red-new-1-hsl);
  --red-230: var(--red-new-6);
  --red-230-hsl: var(--red-new-6-hsl);
  --red-260: var(--red-new-10);
  --red-260-hsl: var(--red-new-10-hsl);
  --red-300: var(--red-new-16);
  --red-300-hsl: var(--red-new-16-hsl);
  --red-330: var(--red-new-22);
  --red-330-hsl: var(--red-new-22-hsl);
  --red-345: var(--red-new-30);
  --red-345-hsl: var(--red-new-30-hsl);
  --red-360: var(--red-new-38);
  --red-360-hsl: var(--red-new-38-hsl);
  --red-400: var(--red-new-46);
  --red-400-hsl: var(--red-new-46-hsl);
  --red-430: var(--red-new-47);
  --red-430-hsl: var(--red-new-47-hsl);
  --red-460: var(--red-new-55);
  --red-460-hsl: var(--red-new-55-hsl);
  --red-500: var(--red-new-61);
  --red-500-hsl: var(--red-new-61-hsl);
  --red-530: var(--red-new-65);
  --red-530-hsl: var(--red-new-65-hsl);
  --red-560: var(--red-new-68);
  --red-560-hsl: var(--red-new-68-hsl);
  --red-600: var(--red-new-73);
  --red-600-hsl: var(--red-new-73-hsl);
  --red-630: var(--red-new-75);
  --red-630-hsl: var(--red-new-75-hsl);
  --red-660: var(--red-new-78);
  --red-660-hsl: var(--red-new-78-hsl);
  --red-700: var(--red-new-81);
  --red-700-hsl: var(--red-new-81-hsl);
  --red-730: var(--red-new-85);
  --red-730-hsl: var(--red-new-85-hsl);
  --red-760: var(--red-new-86);
  --red-760-hsl: var(--red-new-86-hsl);
  --red-800: var(--red-new-89);
  --red-800-hsl: var(--red-new-89-hsl);
  --red-830: var(--red-new-92);
  --red-830-hsl: var(--red-new-92-hsl);
  --red-860: var(--red-new-93);
  --red-860-hsl: var(--red-new-93-hsl);
  --red-900: var(--red-new-95);
  --red-900-hsl: var(--red-new-95-hsl);
  --teal-100: var(--teal-new-1);
  --teal-100-hsl: var(--teal-new-1-hsl);
  --teal-130: var(--teal-new-1);
  --teal-130-hsl: var(--teal-new-1-hsl);
  --teal-160: var(--teal-new-2);
  --teal-160-hsl: var(--teal-new-2-hsl);
  --teal-200: var(--teal-new-6);
  --teal-200-hsl: var(--teal-new-6-hsl);
  --teal-230: var(--teal-new-13);
  --teal-230-hsl: var(--teal-new-13-hsl);
  --teal-260: var(--teal-new-18);
  --teal-260-hsl: var(--teal-new-18-hsl);
  --teal-300: var(--teal-new-24);
  --teal-300-hsl: var(--teal-new-24-hsl);
  --teal-330: var(--teal-new-30);
  --teal-330-hsl: var(--teal-new-30-hsl);
  --teal-345: var(--teal-new-32);
  --teal-345-hsl: var(--teal-new-32-hsl);
  --teal-360: var(--teal-new-39);
  --teal-360-hsl: var(--teal-new-39-hsl);
  --teal-400: var(--teal-new-44);
  --teal-400-hsl: var(--teal-new-44-hsl);
  --teal-430: var(--teal-new-51);
  --teal-430-hsl: var(--teal-new-51-hsl);
  --teal-460: var(--teal-new-58);
  --teal-460-hsl: var(--teal-new-58-hsl);
  --teal-500: var(--teal-new-62);
  --teal-500-hsl: var(--teal-new-62-hsl);
  --teal-530: var(--teal-new-68);
  --teal-530-hsl: var(--teal-new-68-hsl);
  --teal-560: var(--teal-new-71);
  --teal-560-hsl: var(--teal-new-71-hsl);
  --teal-600: var(--teal-new-75);
  --teal-600-hsl: var(--teal-new-75-hsl);
  --teal-630: var(--teal-new-78);
  --teal-630-hsl: var(--teal-new-78-hsl);
  --teal-660: var(--teal-new-80);
  --teal-660-hsl: var(--teal-new-80-hsl);
  --teal-700: var(--teal-new-83);
  --teal-700-hsl: var(--teal-new-83-hsl);
  --teal-730: var(--teal-new-86);
  --teal-730-hsl: var(--teal-new-86-hsl);
  --teal-760: var(--teal-new-88);
  --teal-760-hsl: var(--teal-new-88-hsl);
  --teal-800: var(--teal-new-91);
  --teal-800-hsl: var(--teal-new-91-hsl);
  --teal-830: var(--teal-new-92);
  --teal-830-hsl: var(--teal-new-92-hsl);
  --teal-860: var(--teal-new-94);
  --teal-860-hsl: var(--teal-new-94-hsl);
  --teal-900: var(--teal-new-95);
  --teal-900-hsl: var(--teal-new-95-hsl);
  --yellow-100: var(--yellow-new-1);
  --yellow-100-hsl: var(--yellow-new-1-hsl);
  --yellow-130: var(--yellow-new-1);
  --yellow-130-hsl: var(--yellow-new-1-hsl);
  --yellow-160: var(--yellow-new-1);
  --yellow-160-hsl: var(--yellow-new-1-hsl);
  --yellow-200: var(--yellow-new-6);
  --yellow-200-hsl: var(--yellow-new-6-hsl);
  --yellow-230: var(--yellow-new-13);
  --yellow-230-hsl: var(--yellow-new-13-hsl);
  --yellow-260: var(--yellow-new-23);
  --yellow-260-hsl: var(--yellow-new-23-hsl);
  --yellow-300: var(--yellow-new-28);
  --yellow-300-hsl: var(--yellow-new-28-hsl);
  --yellow-330: var(--yellow-new-32);
  --yellow-330-hsl: var(--yellow-new-32-hsl);
  --yellow-345: var(--yellow-new-34);
  --yellow-345-hsl: var(--yellow-new-34-hsl);
  --yellow-360: var(--yellow-new-39);
  --yellow-360-hsl: var(--yellow-new-39-hsl);
  --yellow-400: var(--yellow-new-43);
  --yellow-400-hsl: var(--yellow-new-43-hsl);
  --yellow-430: var(--yellow-new-48);
  --yellow-430-hsl: var(--yellow-new-48-hsl);
  --yellow-460: var(--yellow-new-56);
  --yellow-460-hsl: var(--yellow-new-56-hsl);
  --yellow-500: var(--yellow-new-61);
  --yellow-500-hsl: var(--yellow-new-61-hsl);
  --yellow-530: var(--yellow-new-66);
  --yellow-530-hsl: var(--yellow-new-66-hsl);
  --yellow-560: var(--yellow-new-70);
  --yellow-560-hsl: var(--yellow-new-70-hsl);
  --yellow-600: var(--yellow-new-74);
  --yellow-600-hsl: var(--yellow-new-74-hsl);
  --yellow-630: var(--yellow-new-77);
  --yellow-630-hsl: var(--yellow-new-77-hsl);
  --yellow-660: var(--yellow-new-80);
  --yellow-660-hsl: var(--yellow-new-80-hsl);
  --yellow-700: var(--yellow-new-82);
  --yellow-700-hsl: var(--yellow-new-82-hsl);
  --yellow-730: var(--yellow-new-85);
  --yellow-730-hsl: var(--yellow-new-85-hsl);
  --yellow-760: var(--yellow-new-87);
  --yellow-760-hsl: var(--yellow-new-87-hsl);
  --yellow-800: var(--yellow-new-90);
  --yellow-800-hsl: var(--yellow-new-90-hsl);
  --yellow-830: var(--yellow-new-92);
  --yellow-830-hsl: var(--yellow-new-92-hsl);
  --yellow-860: var(--yellow-new-94);
  --yellow-860-hsl: var(--yellow-new-94-hsl);
  --yellow-900: var(--yellow-new-95);
  --yellow-900-hsl: var(--yellow-new-95-hsl)
}

.visual-refresh.theme-dark,
.visual-refresh .theme-dark {
  --activity-card-background: var(--neutral-66);
  --autocomplete-bg: var(--neutral-66);
  --background-floating: var(--neutral-66);
  --background-mentioned: hsl(var(--opacity-yellow-8-hsl) / 0.0784313725490196);
  --background-mentioned-hover: hsl(var(--opacity-yellow-16-hsl) / 0.1607843137254902);
  --background-message-highlight: hsl(var(--opacity-blurple-16-hsl) / 0.1607843137254902);
  --background-message-highlight-hover: hsl(var(--opacity-blurple-12-hsl) / 0.12156862745098039);
  --background-message-hover: hsl(var(--opacity-black-12-hsl) / 0.12156862745098039);
  --background-modifier-accent: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
  --background-modifier-active: hsl(var(--opacity-16-hsl) / 0.1607843137254902);
  --background-modifier-hover: hsl(var(--opacity-8-hsl) / 0.0784313725490196);
  --background-modifier-selected: hsl(var(--opacity-24-hsl) / 0.23921568627450981);
  --background-primary: var(--neutral-69);
  --background-secondary: var(--neutral-72);
  --background-tertiary: var(--neutral-76);
  --bg-base-primary: var(--neutral-69);
  --bg-base-secondary: var(--neutral-72);
  --bg-base-tertiary: var(--neutral-76);
  --bg-mod-faint: hsl(var(--opacity-8-hsl) / 0.0784313725490196);
  --bg-mod-strong: hsl(var(--opacity-24-hsl) / 0.23921568627450981);
  --bg-mod-subtle: hsl(var(--opacity-16-hsl) / 0.1607843137254902);
  --border-faint: hsl(var(--opacity-4-hsl) / 0.0392156862745098);
  --border-strong: hsl(var(--opacity-44-hsl) / 0.4392156862745098);
  --border-subtle: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
  --button-danger-background: var(--red-new-50);
  --button-danger-background-active: var(--red-new-61);
  --button-danger-background-disabled: var(--red-new-50);
  --button-danger-background-hover: var(--red-new-57);
  --button-danger-border: hsl(var(--opacity-white-8-hsl) / 0.0784313725490196);
  --button-filled-brand-border: hsl(var(--opacity-white-8-hsl) / 0.0784313725490196);
  --button-filled-brand-inverted-background-active: var(--neutral-17);
  --button-filled-brand-inverted-background-hover: var(--neutral-9);
  --button-filled-brand-inverted-text: var(--black);
  --button-filled-white-background-active: var(--neutral-17);
  --button-filled-white-background-hover: var(--neutral-9);
  --button-filled-white-text: var(--black);
  --button-outline-danger-background: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
  --button-outline-danger-background-active: hsl(var(--primary-500-hsl) / 0.3);
  --button-outline-danger-background-hover: hsl(var(--opacity-20-hsl) / 0.2);
  --button-outline-danger-border: hsl(var(--opacity-4-hsl) / 0.0392156862745098);
  --button-outline-danger-border-active: hsl(var(--opacity-4-hsl) / 0.0392156862745098);
  --button-outline-danger-border-hover: hsl(var(--opacity-4-hsl) / 0.0392156862745098);
  --button-outline-danger-text: var(--red-345);
  --button-outline-danger-text-active: var(--red-345);
  --button-outline-danger-text-hover: var(--red-345);
  --button-positive-background: var(--green-new-50);
  --button-positive-background-active: var(--green-new-57);
  --button-positive-background-disabled: var(--green-new-50);
  --button-positive-background-hover: var(--green-new-53);
  --button-positive-border: hsl(var(--opacity-white-8-hsl) / 0.0784313725490196);
  --button-secondary-background: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
  --button-secondary-background-active: hsl(var(--primary-500-hsl) / 0.3);
  --button-secondary-background-disabled: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
  --button-secondary-background-hover: hsl(var(--opacity-20-hsl) / 0.2);
  --button-secondary-text: var(--neutral-6);
  --button-transparent-background: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
  --button-transparent-background-active: hsl(var(--primary-500-hsl) / 0.3);
  --button-transparent-background-hover: hsl(var(--opacity-20-hsl) / 0.2);
  --button-transparent-text: var(--neutral-6);
  --channel-icon: var(--neutral-15);
  --channels-default: var(--neutral-22);
  --header-muted: var(--neutral-22);
  --header-primary: var(--neutral-1);
  --header-secondary: var(--neutral-11);
  --icon-muted: var(--neutral-22);
  --icon-primary: var(--neutral-2);
  --icon-secondary: var(--neutral-15);
  --info-danger-background: hsl(var(--opacity-red-16-hsl) / 0.1607843137254902);
  --info-danger-text: var(--red-new-21);
  --info-help-background: hsl(var(--opacity-blue-16-hsl) / 0.1607843137254902);
  --info-help-text: var(--blue-new-23);
  --info-positive-background: hsl(var(--opacity-green-8-hsl) / 0.0784313725490196);
  --info-positive-text: var(--green-new-26);
  --info-warning-background: hsl(var(--opacity-yellow-20-hsl) / 0.2);
  --info-warning-text: var(--yellow-new-30);
  --input-background: hsl(var(--opacity-black-8-hsl) / 0.0784313725490196);
  --input-border: hsl(var(--opacity-20-hsl) / 0.2);
  --input-focused-border: hsl(var(--white-hsl) / 0.04);
  --interactive-active: var(--neutral-1);
  --interactive-hover: var(--neutral-15);
  --interactive-normal: var(--neutral-15);
  --mention-background: hsl(var(--opacity-blurple-24-hsl) / 0.23921568627450981);
  --mention-foreground: var(--blurple-10);
  --modal-background: var(--neutral-66);
  --modal-footer-background: var(--neutral-66);
  --scrollbar-auto-scrollbar-color-thumb: var(--neutral-38);
  --scrollbar-auto-scrollbar-color-track: var(--neutral-75);
  --scrollbar-auto-thumb: var(--neutral-37);
  --scrollbar-auto-track: hsl(var(--transparent-hsl) / 0);
  --scrollbar-thin-thumb: var(--neutral-39);
  --spine-default: hsl(var(--opacity-44-hsl) / 0.4392156862745098);
  --text-brand: var(--blurple-25);
  --text-link: var(--blue-new-26);
  --text-muted: var(--neutral-22);
  --text-normal: var(--neutral-11);
  --text-positive: var(--green-new-26);
  --text-primary: var(--neutral-1);
  --text-secondary: var(--neutral-15);
  --text-warning: var(--yellow-new-30);
  --app-border-frame: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
  --background-base-low: var(--neutral-69);
  --background-base-lower: var(--neutral-72);
  --background-base-lowest: var(--neutral-76);
  --background-code: hsl(var(--opacity-blurple-8-hsl) / 0.0784313725490196);
  --background-code-addition: hsl(var(--opacity-green-12-hsl) / 0.12156862745098039);
  --background-code-deletion: hsl(var(--opacity-red-12-hsl) / 0.12156862745098039);
  --background-feedback-critical: hsl(var(--opacity-red-16-hsl) / 0.1607843137254902);
  --background-feedback-info: hsl(var(--opacity-blue-16-hsl) / 0.1607843137254902);
  --background-feedback-positive: hsl(var(--opacity-green-8-hsl) / 0.0784313725490196);
  --background-feedback-warning: hsl(var(--opacity-yellow-20-hsl) / 0.2);
  --background-mod-normal: hsl(var(--opacity-16-hsl) / 0.1607843137254902);
  --background-mod-strong: hsl(var(--opacity-24-hsl) / 0.23921568627450981);
  --background-mod-subtle: hsl(var(--opacity-8-hsl) / 0.0784313725490196);
  --background-surface-high: var(--neutral-66);
  --background-surface-higher: var(--neutral-63);
  --background-surface-highest: var(--neutral-60);
  --border-feedback-critical: hsl(var(--opacity-red-20-hsl) / 0.2);
  --border-normal: hsl(var(--opacity-20-hsl) / 0.2);
  --chat-background-default: var(--neutral-69);
  --checkbox-background-checked: var(--brand-500);
  --checkbox-background-default: hsl(var(--opacity-4-hsl) / 0.0392156862745098);
  --checkbox-border-checked: var(--brand-500);
  --checkbox-border-default: var(--neutral-34);
  --icon-default: var(--neutral-2);
  --icon-tertiary: var(--neutral-22);
  --notice-background-critical: var(--red-new-75);
  --notice-background-info: var(--blue-new-77);
  --notice-background-positive: var(--green-new-76);
  --notice-background-warning: var(--yellow-new-76);
  --notice-text-critical: var(--red-new-1);
  --notice-text-info: var(--blue-new-2);
  --notice-text-positive: var(--green-new-3);
  --notice-text-warning: var(--yellow-new-1);
  --text-code-addition: var(--green-new-8);
  --text-code-builtin: var(--orange-new-21);
  --text-code-bullet: var(--yellow-new-22);
  --text-code-comment: var(--neutral-27);
  --text-code-default: var(--blue-new-18);
  --text-code-deletion: var(--red-new-5);
  --text-code-keyword: var(--red-new-20);
  --text-code-section: var(--blue-new-18);
  --text-code-string: var(--teal-new-18);
  --text-code-tag: var(--green-new-24);
  --text-code-title: var(--blurple-12);
  --text-code-variable: var(--blue-new-23);
  --text-default: var(--neutral-11);
  --text-feedback-critical: var(--red-new-21);
  --text-feedback-info: var(--blue-new-23);
  --text-feedback-positive: var(--green-new-26);
  --text-feedback-warning: var(--yellow-new-30);
  --text-tertiary: var(--neutral-22)
}

@supports(color:color-mix(in lch, red, blue))and (top:var(--f)) {

  .visual-refresh.theme-dark,
  .visual-refresh .theme-dark {
    --activity-card-background: color-mix(in oklab,
        var(--neutral-66) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --autocomplete-bg: color-mix(in oklab,
        var(--neutral-66) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-floating: color-mix(in oklab,
        var(--neutral-66) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-mentioned: color-mix(in oklab,
        hsl(var(--opacity-yellow-8-hsl) / 0.0784313725490196) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.0784313725490196) var(--theme-base-color-amount, 0%));
    --background-mentioned-hover: color-mix(in oklab,
        hsl(var(--opacity-yellow-16-hsl) / 0.1607843137254902) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1607843137254902) var(--theme-base-color-amount, 0%));
    --background-message-highlight: color-mix(in oklab,
        hsl(var(--opacity-blurple-16-hsl) / 0.1607843137254902) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1607843137254902) var(--theme-base-color-amount, 0%));
    --background-message-highlight-hover: color-mix(in oklab,
        hsl(var(--opacity-blurple-12-hsl) / 0.12156862745098039) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12156862745098039) var(--theme-base-color-amount, 0%));
    --background-message-hover: color-mix(in oklab,
        hsl(var(--opacity-black-12-hsl) / 0.12156862745098039) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12156862745098039) var(--theme-base-color-amount, 0%));
    --background-modifier-accent: color-mix(in oklab,
        hsl(var(--opacity-12-hsl) / 0.12156862745098039) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12156862745098039) var(--theme-base-color-amount, 0%));
    --background-modifier-active: color-mix(in oklab,
        hsl(var(--opacity-16-hsl) / 0.1607843137254902) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1607843137254902) var(--theme-base-color-amount, 0%));
    --background-modifier-hover: color-mix(in oklab,
        hsl(var(--opacity-8-hsl) / 0.0784313725490196) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.0784313725490196) var(--theme-base-color-amount, 0%));
    --background-modifier-selected: color-mix(in oklab,
        hsl(var(--opacity-24-hsl) / 0.23921568627450981) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.23921568627450981) var(--theme-base-color-amount, 0%));
    --background-primary: color-mix(in oklab,
        var(--neutral-69) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-secondary: color-mix(in oklab,
        var(--neutral-72) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-tertiary: color-mix(in oklab,
        var(--neutral-76) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-base-primary: color-mix(in oklab,
        var(--neutral-69) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-base-secondary: color-mix(in oklab,
        var(--neutral-72) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-base-tertiary: color-mix(in oklab,
        var(--neutral-76) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-mod-faint: color-mix(in oklab,
        hsl(var(--opacity-8-hsl) / 0.0784313725490196) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.0784313725490196) var(--theme-base-color-amount, 0%));
    --bg-mod-strong: color-mix(in oklab,
        hsl(var(--opacity-24-hsl) / 0.23921568627450981) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.23921568627450981) var(--theme-base-color-amount, 0%));
    --bg-mod-subtle: color-mix(in oklab,
        hsl(var(--opacity-16-hsl) / 0.1607843137254902) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1607843137254902) var(--theme-base-color-amount, 0%));
    --border-faint: color-mix(in oklab,
        hsl(var(--opacity-4-hsl) / 0.0392156862745098) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.0392156862745098) var(--theme-base-color-amount, 0%));
    --border-strong: color-mix(in oklab,
        hsl(var(--opacity-44-hsl) / 0.4392156862745098) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.4392156862745098) var(--theme-base-color-amount, 0%));
    --border-subtle: color-mix(in oklab,
        hsl(var(--opacity-12-hsl) / 0.12156862745098039) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12156862745098039) var(--theme-base-color-amount, 0%));
    --channel-icon: color-mix(in oklab,
        var(--neutral-15) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --channels-default: color-mix(in oklab,
        var(--neutral-22) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --header-muted: color-mix(in oklab,
        var(--neutral-22) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --header-primary: color-mix(in oklab,
        var(--neutral-1) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --header-secondary: color-mix(in oklab,
        var(--neutral-11) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --icon-muted: color-mix(in oklab,
        var(--neutral-22) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --icon-primary: color-mix(in oklab,
        var(--neutral-2) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --icon-secondary: color-mix(in oklab,
        var(--neutral-15) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-danger-background: color-mix(in oklab,
        hsl(var(--opacity-red-16-hsl) / 0.1607843137254902) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1607843137254902) var(--theme-base-color-amount, 0%));
    --info-danger-text: color-mix(in oklab,
        var(--red-new-21) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-help-background: color-mix(in oklab,
        hsl(var(--opacity-blue-16-hsl) / 0.1607843137254902) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1607843137254902) var(--theme-base-color-amount, 0%));
    --info-help-text: color-mix(in oklab,
        var(--blue-new-23) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-positive-background: color-mix(in oklab,
        hsl(var(--opacity-green-8-hsl) / 0.0784313725490196) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.0784313725490196) var(--theme-base-color-amount, 0%));
    --info-positive-text: color-mix(in oklab,
        var(--green-new-26) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-warning-background: color-mix(in oklab,
        hsl(var(--opacity-yellow-20-hsl) / 0.2) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2) var(--theme-base-color-amount, 0%));
    --info-warning-text: color-mix(in oklab,
        var(--yellow-new-30) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --input-background: color-mix(in oklab,
        hsl(var(--opacity-black-8-hsl) / 0.0784313725490196) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.0784313725490196) var(--theme-base-color-amount, 0%));
    --input-border: color-mix(in oklab,
        hsl(var(--opacity-20-hsl) / 0.2) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2) var(--theme-base-color-amount, 0%));
    --input-focused-border: color-mix(in oklab,
        hsl(var(--white-hsl) / 0.04) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.04) var(--theme-base-color-amount, 0%));
    --interactive-active: color-mix(in oklab,
        var(--neutral-1) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --interactive-hover: color-mix(in oklab,
        var(--neutral-15) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --interactive-normal: color-mix(in oklab,
        var(--neutral-15) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --mention-background: color-mix(in oklab,
        hsl(var(--opacity-blurple-24-hsl) / 0.23921568627450981) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.23921568627450981) var(--theme-base-color-amount, 0%));
    --mention-foreground: color-mix(in oklab,
        var(--blurple-10) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --modal-background: color-mix(in oklab,
        var(--neutral-66) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --modal-footer-background: color-mix(in oklab,
        var(--neutral-66) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-scrollbar-color-thumb: color-mix(in oklab,
        var(--neutral-38) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-scrollbar-color-track: color-mix(in oklab,
        var(--neutral-75) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-thumb: color-mix(in oklab,
        var(--neutral-37) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-track: color-mix(in oklab,
        hsl(var(--transparent-hsl) / 0) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0) var(--theme-base-color-amount, 0%));
    --scrollbar-thin-thumb: color-mix(in oklab,
        var(--neutral-39) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --spine-default: color-mix(in oklab,
        hsl(var(--opacity-44-hsl) / 0.4392156862745098) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.4392156862745098) var(--theme-base-color-amount, 0%));
    --text-brand: color-mix(in oklab,
        var(--blurple-25) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-link: color-mix(in oklab,
        var(--blue-new-26) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-muted: color-mix(in oklab,
        var(--neutral-22) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-normal: color-mix(in oklab,
        var(--neutral-11) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-positive: color-mix(in oklab,
        var(--green-new-26) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-primary: color-mix(in oklab,
        var(--neutral-1) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-secondary: color-mix(in oklab,
        var(--neutral-15) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-warning: color-mix(in oklab,
        var(--yellow-new-30) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --app-border-frame: color-mix(in oklab,
        hsl(var(--opacity-12-hsl) / 0.12156862745098039) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12156862745098039) var(--theme-base-color-amount, 0%));
    --background-base-low: color-mix(in oklab,
        var(--neutral-69) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-base-lower: color-mix(in oklab,
        var(--neutral-72) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-base-lowest: color-mix(in oklab,
        var(--neutral-76) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-code: color-mix(in oklab,
        hsl(var(--opacity-blurple-8-hsl) / 0.0784313725490196) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.0784313725490196) var(--theme-base-color-amount, 0%));
    --background-code-addition: color-mix(in oklab,
        hsl(var(--opacity-green-12-hsl) / 0.12156862745098039) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12156862745098039) var(--theme-base-color-amount, 0%));
    --background-code-deletion: color-mix(in oklab,
        hsl(var(--opacity-red-12-hsl) / 0.12156862745098039) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12156862745098039) var(--theme-base-color-amount, 0%));
    --background-feedback-critical: color-mix(in oklab,
        hsl(var(--opacity-red-16-hsl) / 0.1607843137254902) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1607843137254902) var(--theme-base-color-amount, 0%));
    --background-feedback-info: color-mix(in oklab,
        hsl(var(--opacity-blue-16-hsl) / 0.1607843137254902) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1607843137254902) var(--theme-base-color-amount, 0%));
    --background-feedback-positive: color-mix(in oklab,
        hsl(var(--opacity-green-8-hsl) / 0.0784313725490196) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.0784313725490196) var(--theme-base-color-amount, 0%));
    --background-feedback-warning: color-mix(in oklab,
        hsl(var(--opacity-yellow-20-hsl) / 0.2) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2) var(--theme-base-color-amount, 0%));
    --background-mod-normal: color-mix(in oklab,
        hsl(var(--opacity-16-hsl) / 0.1607843137254902) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1607843137254902) var(--theme-base-color-amount, 0%));
    --background-mod-strong: color-mix(in oklab,
        hsl(var(--opacity-24-hsl) / 0.23921568627450981) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.23921568627450981) var(--theme-base-color-amount, 0%));
    --background-mod-subtle: color-mix(in oklab,
        hsl(var(--opacity-8-hsl) / 0.0784313725490196) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.0784313725490196) var(--theme-base-color-amount, 0%));
    --background-surface-high: color-mix(in oklab,
        var(--neutral-66) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-surface-higher: color-mix(in oklab,
        var(--neutral-63) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-surface-highest: color-mix(in oklab,
        var(--neutral-60) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --border-feedback-critical: color-mix(in oklab,
        hsl(var(--opacity-red-20-hsl) / 0.2) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2) var(--theme-base-color-amount, 0%));
    --border-normal: color-mix(in oklab,
        hsl(var(--opacity-20-hsl) / 0.2) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2) var(--theme-base-color-amount, 0%));
    --chat-background-default: color-mix(in oklab,
        var(--neutral-69) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --checkbox-background-checked: color-mix(in oklab,
        var(--brand-500) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --checkbox-background-default: color-mix(in oklab,
        hsl(var(--opacity-4-hsl) / 0.0392156862745098) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.0392156862745098) var(--theme-base-color-amount, 0%));
    --checkbox-border-checked: color-mix(in oklab,
        var(--brand-500) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --checkbox-border-default: color-mix(in oklab,
        var(--neutral-34) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --icon-default: color-mix(in oklab,
        var(--neutral-2) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --icon-tertiary: color-mix(in oklab,
        var(--neutral-22) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --notice-background-critical: color-mix(in oklab,
        var(--red-new-75) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --notice-background-info: color-mix(in oklab,
        var(--blue-new-77) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --notice-background-positive: color-mix(in oklab,
        var(--green-new-76) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --notice-background-warning: color-mix(in oklab,
        var(--yellow-new-76) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --notice-text-critical: color-mix(in oklab,
        var(--red-new-1) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --notice-text-info: color-mix(in oklab,
        var(--blue-new-2) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --notice-text-positive: color-mix(in oklab,
        var(--green-new-3) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --notice-text-warning: color-mix(in oklab,
        var(--yellow-new-1) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --text-code-addition: color-mix(in oklab,
        var(--green-new-8) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-builtin: color-mix(in oklab,
        var(--orange-new-21) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-bullet: color-mix(in oklab,
        var(--yellow-new-22) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-comment: color-mix(in oklab,
        var(--neutral-27) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-default: color-mix(in oklab,
        var(--blue-new-18) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-deletion: color-mix(in oklab,
        var(--red-new-5) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-keyword: color-mix(in oklab,
        var(--red-new-20) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-section: color-mix(in oklab,
        var(--blue-new-18) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-string: color-mix(in oklab,
        var(--teal-new-18) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-tag: color-mix(in oklab,
        var(--green-new-24) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-title: color-mix(in oklab,
        var(--blurple-12) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-variable: color-mix(in oklab,
        var(--blue-new-23) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-default: color-mix(in oklab,
        var(--neutral-11) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-feedback-critical: color-mix(in oklab,
        var(--red-new-21) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-feedback-info: color-mix(in oklab,
        var(--blue-new-23) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-feedback-positive: color-mix(in oklab,
        var(--green-new-26) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-feedback-warning: color-mix(in oklab,
        var(--yellow-new-30) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-tertiary: color-mix(in oklab,
        var(--neutral-22) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%))
  }
}

.visual-refresh.theme-light,
.visual-refresh .theme-light {
  --activity-card-background: var(--neutral-1);
  --autocomplete-bg: var(--neutral-1);
  --background-floating: var(--neutral-1);
  --background-mentioned: hsl(var(--opacity-yellow-8-hsl) / 0.0784313725490196);
  --background-mentioned-hover: hsl(var(--opacity-yellow-12-hsl) / 0.12156862745098039);
  --background-message-highlight: hsl(var(--opacity-blurple-16-hsl) / 0.1607843137254902);
  --background-message-highlight-hover: hsl(var(--opacity-blurple-20-hsl) / 0.2);
  --background-message-hover: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
  --background-modifier-accent: hsl(var(--opacity-28-hsl) / 0.2784313725490196);
  --background-modifier-active: hsl(var(--opacity-16-hsl) / 0.1607843137254902);
  --background-modifier-hover: hsl(var(--opacity-8-hsl) / 0.0784313725490196);
  --background-modifier-selected: hsl(var(--opacity-24-hsl) / 0.23921568627450981);
  --background-primary: var(--neutral-2);
  --background-secondary: var(--neutral-2);
  --background-tertiary: var(--neutral-4);
  --bg-base-primary: var(--neutral-2);
  --bg-base-secondary: var(--neutral-2);
  --bg-base-tertiary: var(--neutral-4);
  --bg-mod-faint: hsl(var(--opacity-8-hsl) / 0.0784313725490196);
  --bg-mod-strong: hsl(var(--opacity-24-hsl) / 0.23921568627450981);
  --bg-mod-subtle: hsl(var(--opacity-16-hsl) / 0.1607843137254902);
  --border-faint: hsl(var(--opacity-20-hsl) / 0.2);
  --border-strong: hsl(var(--opacity-48-hsl) / 0.47843137254901963);
  --border-subtle: hsl(var(--opacity-28-hsl) / 0.2784313725490196);
  --button-danger-background: var(--red-new-50);
  --button-danger-background-active: var(--red-new-61);
  --button-danger-background-disabled: var(--red-new-50);
  --button-danger-background-hover: var(--red-new-57);
  --button-danger-border: hsl(var(--opacity-white-8-hsl) / 0.0784313725490196);
  --button-filled-brand-border: hsl(var(--opacity-white-8-hsl) / 0.0784313725490196);
  --button-filled-brand-inverted-background-active: var(--neutral-17);
  --button-filled-brand-inverted-background-hover: var(--neutral-9);
  --button-filled-brand-inverted-text: var(--black);
  --button-filled-white-background-active: var(--neutral-17);
  --button-filled-white-background-hover: var(--neutral-9);
  --button-filled-white-text: var(--black);
  --button-outline-danger-background: hsl(var(--opacity-16-hsl) / 0.1607843137254902);
  --button-outline-danger-background-active: hsl(var(--primary-400-hsl) / 0.08);
  --button-outline-danger-background-hover: hsl(var(--opacity-28-hsl) / 0.2784313725490196);
  --button-outline-danger-border: hsl(var(--opacity-16-hsl) / 0.1607843137254902);
  --button-outline-danger-border-active: hsl(var(--opacity-8-hsl) / 0.0784313725490196);
  --button-outline-danger-border-hover: hsl(var(--opacity-8-hsl) / 0.0784313725490196);
  --button-outline-danger-text: var(--red-500);
  --button-outline-danger-text-active: var(--red-500);
  --button-outline-danger-text-hover: var(--red-500);
  --button-positive-background: var(--green-new-50);
  --button-positive-background-active: var(--green-new-57);
  --button-positive-background-disabled: var(--green-new-50);
  --button-positive-background-hover: var(--green-new-53);
  --button-positive-border: hsl(var(--opacity-white-8-hsl) / 0.0784313725490196);
  --button-secondary-background: hsl(var(--opacity-16-hsl) / 0.1607843137254902);
  --button-secondary-background-active: hsl(var(--primary-400-hsl) / 0.08);
  --button-secondary-background-disabled: hsl(var(--opacity-16-hsl) / 0.1607843137254902);
  --button-secondary-background-hover: hsl(var(--opacity-28-hsl) / 0.2784313725490196);
  --button-secondary-text: var(--neutral-95);
  --button-transparent-background: hsl(var(--opacity-16-hsl) / 0.1607843137254902);
  --button-transparent-background-active: hsl(var(--primary-400-hsl) / 0.08);
  --button-transparent-background-hover: hsl(var(--opacity-28-hsl) / 0.2784313725490196);
  --button-transparent-text: var(--neutral-95);
  --channel-icon: var(--neutral-44);
  --channels-default: var(--neutral-38);
  --header-muted: var(--neutral-38);
  --header-primary: var(--neutral-71);
  --header-secondary: var(--neutral-67);
  --icon-muted: var(--neutral-38);
  --icon-primary: var(--neutral-59);
  --icon-secondary: var(--neutral-44);
  --info-danger-background: hsl(var(--opacity-red-12-hsl) / 0.12156862745098039);
  --info-danger-text: var(--red-new-55);
  --info-help-background: hsl(var(--opacity-blue-12-hsl) / 0.12156862745098039);
  --info-help-text: var(--blue-new-57);
  --info-positive-background: hsl(var(--opacity-green-4-hsl) / 0.0392156862745098);
  --info-positive-text: var(--green-new-53);
  --info-warning-background: hsl(var(--opacity-yellow-12-hsl) / 0.12156862745098039);
  --info-warning-text: var(--yellow-new-55);
  --input-background: hsl(var(--opacity-black-8-hsl) / 0.0784313725490196);
  --input-border: hsl(var(--opacity-36-hsl) / 0.3607843137254902);
  --input-focused-border: hsl(var(--black-hsl) / 0.04);
  --interactive-active: var(--neutral-71);
  --interactive-hover: var(--neutral-44);
  --interactive-normal: var(--neutral-44);
  --mention-background: hsl(var(--opacity-blurple-24-hsl) / 0.23921568627450981);
  --mention-foreground: var(--blurple-71);
  --modal-background: var(--neutral-1);
  --modal-footer-background: var(--neutral-1);
  --scrollbar-auto-scrollbar-color-thumb: var(--neutral-31);
  --scrollbar-auto-scrollbar-color-track: var(--neutral-3);
  --scrollbar-auto-thumb: var(--neutral-30);
  --scrollbar-auto-track: hsl(var(--transparent-hsl) / 0);
  --scrollbar-thin-thumb: var(--neutral-32);
  --spine-default: hsl(var(--opacity-48-hsl) / 0.47843137254901963);
  --text-brand: var(--blurple-49);
  --text-link: var(--blue-new-49);
  --text-muted: var(--neutral-38);
  --text-normal: var(--neutral-67);
  --text-positive: var(--green-new-53);
  --text-primary: var(--neutral-71);
  --text-secondary: var(--neutral-44);
  --text-warning: var(--yellow-new-55);
  --app-border-frame: hsl(var(--opacity-28-hsl) / 0.2784313725490196);
  --background-base-low: var(--neutral-2);
  --background-base-lower: var(--neutral-2);
  --background-base-lowest: var(--neutral-4);
  --background-code: hsl(var(--opacity-blurple-8-hsl) / 0.0784313725490196);
  --background-code-addition: hsl(var(--opacity-green-12-hsl) / 0.12156862745098039);
  --background-code-deletion: hsl(var(--opacity-red-12-hsl) / 0.12156862745098039);
  --background-feedback-critical: hsl(var(--opacity-red-12-hsl) / 0.12156862745098039);
  --background-feedback-info: hsl(var(--opacity-blue-12-hsl) / 0.12156862745098039);
  --background-feedback-positive: hsl(var(--opacity-green-4-hsl) / 0.0392156862745098);
  --background-feedback-warning: hsl(var(--opacity-yellow-12-hsl) / 0.12156862745098039);
  --background-mod-normal: hsl(var(--opacity-16-hsl) / 0.1607843137254902);
  --background-mod-strong: hsl(var(--opacity-24-hsl) / 0.23921568627450981);
  --background-mod-subtle: hsl(var(--opacity-8-hsl) / 0.0784313725490196);
  --background-surface-high: var(--neutral-1);
  --background-surface-higher: var(--neutral-1);
  --background-surface-highest: var(--neutral-1);
  --border-feedback-critical: hsl(var(--opacity-red-24-hsl) / 0.23921568627450981);
  --border-normal: hsl(var(--opacity-36-hsl) / 0.3607843137254902);
  --chat-background-default: var(--neutral-1);
  --checkbox-background-checked: var(--brand-500);
  --checkbox-background-default: hsl(var(--opacity-4-hsl) / 0.0392156862745098);
  --checkbox-border-checked: var(--brand-500);
  --checkbox-border-default: var(--neutral-29);
  --icon-default: var(--neutral-59);
  --icon-tertiary: var(--neutral-38);
  --notice-background-critical: var(--red-new-1);
  --notice-background-info: var(--blue-new-1);
  --notice-background-positive: var(--green-new-1);
  --notice-background-warning: var(--yellow-new-1);
  --notice-text-critical: var(--red-new-77);
  --notice-text-info: var(--blue-new-76);
  --notice-text-positive: var(--green-new-74);
  --notice-text-warning: var(--yellow-new-76);
  --text-code-addition: var(--green-new-74);
  --text-code-builtin: var(--orange-new-60);
  --text-code-bullet: var(--yellow-new-60);
  --text-code-comment: var(--neutral-41);
  --text-code-default: var(--blue-new-66);
  --text-code-deletion: var(--red-new-73);
  --text-code-keyword: var(--red-new-59);
  --text-code-section: var(--blue-new-66);
  --text-code-string: var(--teal-new-65);
  --text-code-tag: var(--green-new-61);
  --text-code-title: var(--blurple-69);
  --text-code-variable: var(--blue-new-61);
  --text-default: var(--neutral-67);
  --text-feedback-critical: var(--red-new-55);
  --text-feedback-info: var(--blue-new-57);
  --text-feedback-positive: var(--green-new-53);
  --text-feedback-warning: var(--yellow-new-55);
  --text-tertiary: var(--neutral-38)
}

@supports(color:color-mix(in lch, red, blue))and (top:var(--f)) {

  .visual-refresh.theme-light,
  .visual-refresh .theme-light {
    --activity-card-background: color-mix(in oklab,
        var(--neutral-1) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --autocomplete-bg: color-mix(in oklab,
        var(--neutral-1) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-floating: color-mix(in oklab,
        var(--neutral-1) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-mentioned: color-mix(in oklab,
        hsl(var(--opacity-yellow-8-hsl) / 0.0784313725490196) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.0784313725490196) var(--theme-base-color-amount, 0%));
    --background-mentioned-hover: color-mix(in oklab,
        hsl(var(--opacity-yellow-12-hsl) / 0.12156862745098039) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12156862745098039) var(--theme-base-color-amount, 0%));
    --background-message-highlight: color-mix(in oklab,
        hsl(var(--opacity-blurple-16-hsl) / 0.1607843137254902) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1607843137254902) var(--theme-base-color-amount, 0%));
    --background-message-highlight-hover: color-mix(in oklab,
        hsl(var(--opacity-blurple-20-hsl) / 0.2) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2) var(--theme-base-color-amount, 0%));
    --background-message-hover: color-mix(in oklab,
        hsl(var(--opacity-12-hsl) / 0.12156862745098039) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12156862745098039) var(--theme-base-color-amount, 0%));
    --background-modifier-accent: color-mix(in oklab,
        hsl(var(--opacity-28-hsl) / 0.2784313725490196) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2784313725490196) var(--theme-base-color-amount, 0%));
    --background-modifier-active: color-mix(in oklab,
        hsl(var(--opacity-16-hsl) / 0.1607843137254902) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1607843137254902) var(--theme-base-color-amount, 0%));
    --background-modifier-hover: color-mix(in oklab,
        hsl(var(--opacity-8-hsl) / 0.0784313725490196) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.0784313725490196) var(--theme-base-color-amount, 0%));
    --background-modifier-selected: color-mix(in oklab,
        hsl(var(--opacity-24-hsl) / 0.23921568627450981) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.23921568627450981) var(--theme-base-color-amount, 0%));
    --background-primary: color-mix(in oklab,
        var(--neutral-2) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-secondary: color-mix(in oklab,
        var(--neutral-2) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-tertiary: color-mix(in oklab,
        var(--neutral-4) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-base-primary: color-mix(in oklab,
        var(--neutral-2) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-base-secondary: color-mix(in oklab,
        var(--neutral-2) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-base-tertiary: color-mix(in oklab,
        var(--neutral-4) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-mod-faint: color-mix(in oklab,
        hsl(var(--opacity-8-hsl) / 0.0784313725490196) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.0784313725490196) var(--theme-base-color-amount, 0%));
    --bg-mod-strong: color-mix(in oklab,
        hsl(var(--opacity-24-hsl) / 0.23921568627450981) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.23921568627450981) var(--theme-base-color-amount, 0%));
    --bg-mod-subtle: color-mix(in oklab,
        hsl(var(--opacity-16-hsl) / 0.1607843137254902) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1607843137254902) var(--theme-base-color-amount, 0%));
    --border-faint: color-mix(in oklab,
        hsl(var(--opacity-20-hsl) / 0.2) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2) var(--theme-base-color-amount, 0%));
    --border-strong: color-mix(in oklab,
        hsl(var(--opacity-48-hsl) / 0.47843137254901963) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.47843137254901963) var(--theme-base-color-amount, 0%));
    --border-subtle: color-mix(in oklab,
        hsl(var(--opacity-28-hsl) / 0.2784313725490196) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2784313725490196) var(--theme-base-color-amount, 0%));
    --channel-icon: color-mix(in oklab,
        var(--neutral-44) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --channels-default: color-mix(in oklab,
        var(--neutral-38) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --header-muted: color-mix(in oklab,
        var(--neutral-38) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --header-primary: color-mix(in oklab,
        var(--neutral-71) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --header-secondary: color-mix(in oklab,
        var(--neutral-67) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --icon-muted: color-mix(in oklab,
        var(--neutral-38) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --icon-primary: color-mix(in oklab,
        var(--neutral-59) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --icon-secondary: color-mix(in oklab,
        var(--neutral-44) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-danger-background: color-mix(in oklab,
        hsl(var(--opacity-red-12-hsl) / 0.12156862745098039) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12156862745098039) var(--theme-base-color-amount, 0%));
    --info-danger-text: color-mix(in oklab,
        var(--red-new-55) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-help-background: color-mix(in oklab,
        hsl(var(--opacity-blue-12-hsl) / 0.12156862745098039) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12156862745098039) var(--theme-base-color-amount, 0%));
    --info-help-text: color-mix(in oklab,
        var(--blue-new-57) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-positive-background: color-mix(in oklab,
        hsl(var(--opacity-green-4-hsl) / 0.0392156862745098) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.0392156862745098) var(--theme-base-color-amount, 0%));
    --info-positive-text: color-mix(in oklab,
        var(--green-new-53) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-warning-background: color-mix(in oklab,
        hsl(var(--opacity-yellow-12-hsl) / 0.12156862745098039) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12156862745098039) var(--theme-base-color-amount, 0%));
    --info-warning-text: color-mix(in oklab,
        var(--yellow-new-55) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --input-background: color-mix(in oklab,
        hsl(var(--opacity-black-8-hsl) / 0.0784313725490196) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.0784313725490196) var(--theme-base-color-amount, 0%));
    --input-border: color-mix(in oklab,
        hsl(var(--opacity-36-hsl) / 0.3607843137254902) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.3607843137254902) var(--theme-base-color-amount, 0%));
    --input-focused-border: color-mix(in oklab,
        hsl(var(--black-hsl) / 0.04) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.04) var(--theme-base-color-amount, 0%));
    --interactive-active: color-mix(in oklab,
        var(--neutral-71) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --interactive-hover: color-mix(in oklab,
        var(--neutral-44) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --interactive-normal: color-mix(in oklab,
        var(--neutral-44) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --mention-background: color-mix(in oklab,
        hsl(var(--opacity-blurple-24-hsl) / 0.23921568627450981) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.23921568627450981) var(--theme-base-color-amount, 0%));
    --mention-foreground: color-mix(in oklab,
        var(--blurple-71) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --modal-background: color-mix(in oklab,
        var(--neutral-1) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --modal-footer-background: color-mix(in oklab,
        var(--neutral-1) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-scrollbar-color-thumb: color-mix(in oklab,
        var(--neutral-31) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-scrollbar-color-track: color-mix(in oklab,
        var(--neutral-3) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-thumb: color-mix(in oklab,
        var(--neutral-30) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-track: color-mix(in oklab,
        hsl(var(--transparent-hsl) / 0) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0) var(--theme-base-color-amount, 0%));
    --scrollbar-thin-thumb: color-mix(in oklab,
        var(--neutral-32) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --spine-default: color-mix(in oklab,
        hsl(var(--opacity-48-hsl) / 0.47843137254901963) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.47843137254901963) var(--theme-base-color-amount, 0%));
    --text-brand: color-mix(in oklab,
        var(--blurple-49) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-link: color-mix(in oklab,
        var(--blue-new-49) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-muted: color-mix(in oklab,
        var(--neutral-38) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-normal: color-mix(in oklab,
        var(--neutral-67) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-positive: color-mix(in oklab,
        var(--green-new-53) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-primary: color-mix(in oklab,
        var(--neutral-71) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-secondary: color-mix(in oklab,
        var(--neutral-44) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-warning: color-mix(in oklab,
        var(--yellow-new-55) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --app-border-frame: color-mix(in oklab,
        hsl(var(--opacity-28-hsl) / 0.2784313725490196) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2784313725490196) var(--theme-base-color-amount, 0%));
    --background-base-low: color-mix(in oklab,
        var(--neutral-2) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-base-lower: color-mix(in oklab,
        var(--neutral-2) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-base-lowest: color-mix(in oklab,
        var(--neutral-4) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-code: color-mix(in oklab,
        hsl(var(--opacity-blurple-8-hsl) / 0.0784313725490196) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.0784313725490196) var(--theme-base-color-amount, 0%));
    --background-code-addition: color-mix(in oklab,
        hsl(var(--opacity-green-12-hsl) / 0.12156862745098039) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12156862745098039) var(--theme-base-color-amount, 0%));
    --background-code-deletion: color-mix(in oklab,
        hsl(var(--opacity-red-12-hsl) / 0.12156862745098039) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12156862745098039) var(--theme-base-color-amount, 0%));
    --background-feedback-critical: color-mix(in oklab,
        hsl(var(--opacity-red-12-hsl) / 0.12156862745098039) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12156862745098039) var(--theme-base-color-amount, 0%));
    --background-feedback-info: color-mix(in oklab,
        hsl(var(--opacity-blue-12-hsl) / 0.12156862745098039) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12156862745098039) var(--theme-base-color-amount, 0%));
    --background-feedback-positive: color-mix(in oklab,
        hsl(var(--opacity-green-4-hsl) / 0.0392156862745098) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.0392156862745098) var(--theme-base-color-amount, 0%));
    --background-feedback-warning: color-mix(in oklab,
        hsl(var(--opacity-yellow-12-hsl) / 0.12156862745098039) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12156862745098039) var(--theme-base-color-amount, 0%));
    --background-mod-normal: color-mix(in oklab,
        hsl(var(--opacity-16-hsl) / 0.1607843137254902) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1607843137254902) var(--theme-base-color-amount, 0%));
    --background-mod-strong: color-mix(in oklab,
        hsl(var(--opacity-24-hsl) / 0.23921568627450981) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.23921568627450981) var(--theme-base-color-amount, 0%));
    --background-mod-subtle: color-mix(in oklab,
        hsl(var(--opacity-8-hsl) / 0.0784313725490196) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.0784313725490196) var(--theme-base-color-amount, 0%));
    --background-surface-high: color-mix(in oklab,
        var(--neutral-1) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-surface-higher: color-mix(in oklab,
        var(--neutral-1) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-surface-highest: color-mix(in oklab,
        var(--neutral-1) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --border-feedback-critical: color-mix(in oklab,
        hsl(var(--opacity-red-24-hsl) / 0.23921568627450981) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.23921568627450981) var(--theme-base-color-amount, 0%));
    --border-normal: color-mix(in oklab,
        hsl(var(--opacity-36-hsl) / 0.3607843137254902) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.3607843137254902) var(--theme-base-color-amount, 0%));
    --chat-background-default: color-mix(in oklab,
        var(--neutral-1) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --checkbox-background-checked: color-mix(in oklab,
        var(--brand-500) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --checkbox-background-default: color-mix(in oklab,
        hsl(var(--opacity-4-hsl) / 0.0392156862745098) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.0392156862745098) var(--theme-base-color-amount, 0%));
    --checkbox-border-checked: color-mix(in oklab,
        var(--brand-500) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --checkbox-border-default: color-mix(in oklab,
        var(--neutral-29) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --icon-default: color-mix(in oklab,
        var(--neutral-59) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --icon-tertiary: color-mix(in oklab,
        var(--neutral-38) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --notice-background-critical: color-mix(in oklab,
        var(--red-new-1) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --notice-background-info: color-mix(in oklab,
        var(--blue-new-1) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --notice-background-positive: color-mix(in oklab,
        var(--green-new-1) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --notice-background-warning: color-mix(in oklab,
        var(--yellow-new-1) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --notice-text-critical: color-mix(in oklab,
        var(--red-new-77) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --notice-text-info: color-mix(in oklab,
        var(--blue-new-76) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --notice-text-positive: color-mix(in oklab,
        var(--green-new-74) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --notice-text-warning: color-mix(in oklab,
        var(--yellow-new-76) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --text-code-addition: color-mix(in oklab,
        var(--green-new-74) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-builtin: color-mix(in oklab,
        var(--orange-new-60) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-bullet: color-mix(in oklab,
        var(--yellow-new-60) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-comment: color-mix(in oklab,
        var(--neutral-41) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-default: color-mix(in oklab,
        var(--blue-new-66) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-deletion: color-mix(in oklab,
        var(--red-new-73) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-keyword: color-mix(in oklab,
        var(--red-new-59) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-section: color-mix(in oklab,
        var(--blue-new-66) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-string: color-mix(in oklab,
        var(--teal-new-65) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-tag: color-mix(in oklab,
        var(--green-new-61) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-title: color-mix(in oklab,
        var(--blurple-69) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-variable: color-mix(in oklab,
        var(--blue-new-61) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-default: color-mix(in oklab,
        var(--neutral-67) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-feedback-critical: color-mix(in oklab,
        var(--red-new-55) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-feedback-info: color-mix(in oklab,
        var(--blue-new-57) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-feedback-positive: color-mix(in oklab,
        var(--green-new-53) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-feedback-warning: color-mix(in oklab,
        var(--yellow-new-55) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-tertiary: color-mix(in oklab,
        var(--neutral-38) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%))
  }
}

.visual-refresh.theme-midnight,
.visual-refresh .theme-midnight {
  --activity-card-background: var(--neutral-91);
  --autocomplete-bg: var(--neutral-91);
  --background-floating: var(--neutral-91);
  --background-mentioned: hsl(var(--opacity-yellow-8-hsl) / 0.0784313725490196);
  --background-mentioned-hover: hsl(var(--opacity-yellow-16-hsl) / 0.1607843137254902);
  --background-message-highlight: hsl(var(--opacity-blurple-16-hsl) / 0.1607843137254902);
  --background-message-highlight-hover: hsl(var(--opacity-blurple-12-hsl) / 0.12156862745098039);
  --background-message-hover: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
  --background-modifier-accent: hsl(var(--opacity-28-hsl) / 0.2784313725490196);
  --background-modifier-active: hsl(var(--opacity-20-hsl) / 0.2);
  --background-modifier-hover: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
  --background-modifier-selected: hsl(var(--opacity-28-hsl) / 0.2784313725490196);
  --background-primary: var(--neutral-95);
  --background-secondary: var(--neutral-97);
  --background-tertiary: var(--neutral-100);
  --bg-base-primary: var(--neutral-95);
  --bg-base-secondary: var(--neutral-97);
  --bg-base-tertiary: var(--neutral-100);
  --bg-mod-faint: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
  --bg-mod-strong: hsl(var(--opacity-28-hsl) / 0.2784313725490196);
  --bg-mod-subtle: hsl(var(--opacity-20-hsl) / 0.2);
  --border-faint: hsl(var(--opacity-20-hsl) / 0.2);
  --border-strong: hsl(var(--opacity-48-hsl) / 0.47843137254901963);
  --border-subtle: hsl(var(--opacity-28-hsl) / 0.2784313725490196);
  --button-danger-background: var(--red-new-50);
  --button-danger-background-active: var(--red-new-61);
  --button-danger-background-disabled: var(--red-new-50);
  --button-danger-background-hover: var(--red-new-57);
  --button-danger-border: hsl(var(--opacity-white-8-hsl) / 0.0784313725490196);
  --button-filled-brand-border: hsl(var(--opacity-white-8-hsl) / 0.0784313725490196);
  --button-filled-brand-inverted-background-active: var(--neutral-17);
  --button-filled-brand-inverted-background-hover: var(--neutral-9);
  --button-filled-brand-inverted-text: var(--black);
  --button-filled-white-background-active: var(--neutral-17);
  --button-filled-white-background-hover: var(--neutral-9);
  --button-filled-white-text: var(--black);
  --button-outline-danger-background: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
  --button-outline-danger-background-active: hsl(var(--primary-500-hsl) / 0.3);
  --button-outline-danger-background-hover: hsl(var(--opacity-20-hsl) / 0.2);
  --button-outline-danger-border: hsl(var(--opacity-4-hsl) / 0.0392156862745098);
  --button-outline-danger-border-active: hsl(var(--opacity-4-hsl) / 0.0392156862745098);
  --button-outline-danger-border-hover: hsl(var(--opacity-4-hsl) / 0.0392156862745098);
  --button-outline-danger-text: var(--red-345);
  --button-outline-danger-text-active: var(--red-345);
  --button-outline-danger-text-hover: var(--red-345);
  --button-positive-background: var(--green-new-50);
  --button-positive-background-active: var(--green-new-57);
  --button-positive-background-disabled: var(--green-new-50);
  --button-positive-background-hover: var(--green-new-53);
  --button-positive-border: hsl(var(--opacity-white-8-hsl) / 0.0784313725490196);
  --button-secondary-background: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
  --button-secondary-background-active: hsl(var(--primary-500-hsl) / 0.3);
  --button-secondary-background-disabled: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
  --button-secondary-background-hover: hsl(var(--opacity-20-hsl) / 0.2);
  --button-secondary-text: var(--neutral-6);
  --button-transparent-background: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
  --button-transparent-background-active: hsl(var(--primary-500-hsl) / 0.3);
  --button-transparent-background-hover: hsl(var(--opacity-20-hsl) / 0.2);
  --button-transparent-text: var(--neutral-6);
  --channel-icon: var(--neutral-27);
  --channels-default: var(--neutral-33);
  --header-muted: var(--neutral-33);
  --header-primary: var(--neutral-7);
  --header-secondary: var(--neutral-10);
  --icon-muted: var(--neutral-33);
  --icon-primary: var(--neutral-14);
  --icon-secondary: var(--neutral-27);
  --info-danger-background: hsl(var(--opacity-red-16-hsl) / 0.1607843137254902);
  --info-danger-text: var(--red-new-35);
  --info-help-background: hsl(var(--opacity-blue-16-hsl) / 0.1607843137254902);
  --info-help-text: var(--blue-new-37);
  --info-positive-background: hsl(var(--opacity-green-8-hsl) / 0.0784313725490196);
  --info-positive-text: var(--green-new-39);
  --info-warning-background: hsl(var(--opacity-yellow-20-hsl) / 0.2);
  --info-warning-text: var(--yellow-new-43);
  --input-background: hsl(var(--opacity-black-8-hsl) / 0.0784313725490196);
  --input-border: hsl(var(--opacity-36-hsl) / 0.3607843137254902);
  --interactive-active: var(--neutral-7);
  --interactive-hover: var(--neutral-27);
  --interactive-normal: var(--neutral-27);
  --mention-background: hsl(var(--opacity-blurple-24-hsl) / 0.23921568627450981);
  --mention-foreground: var(--blurple-26);
  --modal-background: var(--neutral-91);
  --modal-footer-background: var(--neutral-91);
  --scrollbar-auto-scrollbar-color-thumb: var(--neutral-45);
  --scrollbar-auto-scrollbar-color-track: var(--neutral-98);
  --scrollbar-auto-thumb: var(--neutral-45);
  --scrollbar-auto-track: hsl(var(--transparent-hsl) / 0);
  --scrollbar-thin-thumb: var(--neutral-46);
  --spine-default: hsl(var(--opacity-48-hsl) / 0.47843137254901963);
  --text-brand: var(--blurple-41);
  --text-link: var(--blue-new-42);
  --text-muted: var(--neutral-33);
  --text-normal: var(--neutral-10);
  --text-positive: var(--green-new-39);
  --text-primary: var(--neutral-7);
  --text-secondary: var(--neutral-27);
  --text-warning: var(--yellow-new-43);
  --app-border-frame: hsl(var(--opacity-28-hsl) / 0.2784313725490196);
  --background-base-low: var(--neutral-95);
  --background-base-lower: var(--neutral-97);
  --background-base-lowest: var(--neutral-100);
  --background-code: hsl(var(--opacity-blurple-12-hsl) / 0.12156862745098039);
  --background-code-addition: hsl(var(--opacity-green-12-hsl) / 0.12156862745098039);
  --background-code-deletion: hsl(var(--opacity-red-12-hsl) / 0.12156862745098039);
  --background-feedback-critical: hsl(var(--opacity-red-16-hsl) / 0.1607843137254902);
  --background-feedback-info: hsl(var(--opacity-blue-16-hsl) / 0.1607843137254902);
  --background-feedback-positive: hsl(var(--opacity-green-8-hsl) / 0.0784313725490196);
  --background-feedback-warning: hsl(var(--opacity-yellow-20-hsl) / 0.2);
  --background-mod-normal: hsl(var(--opacity-20-hsl) / 0.2);
  --background-mod-strong: hsl(var(--opacity-28-hsl) / 0.2784313725490196);
  --background-mod-subtle: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
  --background-surface-high: var(--neutral-91);
  --background-surface-higher: var(--neutral-87);
  --background-surface-highest: var(--neutral-83);
  --border-feedback-critical: hsl(var(--opacity-red-24-hsl) / 0.23921568627450981);
  --border-normal: hsl(var(--opacity-36-hsl) / 0.3607843137254902);
  --chat-background-default: var(--neutral-92);
  --checkbox-background-checked: var(--brand-500);
  --checkbox-background-default: hsl(var(--opacity-4-hsl) / 0.0392156862745098);
  --checkbox-border-checked: var(--brand-500);
  --checkbox-border-default: var(--neutral-43);
  --icon-default: var(--neutral-14);
  --icon-tertiary: var(--neutral-33);
  --notice-background-critical: var(--red-new-94);
  --notice-background-info: var(--blue-new-94);
  --notice-background-positive: var(--green-new-94);
  --notice-background-warning: var(--yellow-new-94);
  --notice-text-critical: var(--red-new-17);
  --notice-text-info: var(--blue-new-19);
  --notice-text-positive: var(--green-new-20);
  --notice-text-warning: var(--yellow-new-18);
  --text-code-addition: var(--green-new-23);
  --text-code-builtin: var(--orange-new-34);
  --text-code-bullet: var(--yellow-new-35);
  --text-code-comment: var(--neutral-35);
  --text-code-default: var(--blue-new-31);
  --text-code-deletion: var(--red-new-20);
  --text-code-keyword: var(--red-new-33);
  --text-code-section: var(--blue-new-31);
  --text-code-string: var(--teal-new-31);
  --text-code-tag: var(--green-new-36);
  --text-code-title: var(--blurple-26);
  --text-code-variable: var(--blue-new-36);
  --text-default: var(--neutral-10);
  --text-feedback-critical: var(--red-new-35);
  --text-feedback-info: var(--blue-new-37);
  --text-feedback-positive: var(--green-new-39);
  --text-feedback-warning: var(--yellow-new-43);
  --text-tertiary: var(--neutral-33)
}

@supports(color:color-mix(in lch, red, blue))and (top:var(--f)) {

  .visual-refresh.theme-midnight,
  .visual-refresh .theme-midnight {
    --activity-card-background: color-mix(in oklab,
        var(--neutral-91) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --autocomplete-bg: color-mix(in oklab,
        var(--neutral-91) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-floating: color-mix(in oklab,
        var(--neutral-91) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-mentioned: color-mix(in oklab,
        hsl(var(--opacity-yellow-8-hsl) / 0.0784313725490196) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.0784313725490196) var(--theme-base-color-amount, 0%));
    --background-mentioned-hover: color-mix(in oklab,
        hsl(var(--opacity-yellow-16-hsl) / 0.1607843137254902) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1607843137254902) var(--theme-base-color-amount, 0%));
    --background-message-highlight: color-mix(in oklab,
        hsl(var(--opacity-blurple-16-hsl) / 0.1607843137254902) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1607843137254902) var(--theme-base-color-amount, 0%));
    --background-message-highlight-hover: color-mix(in oklab,
        hsl(var(--opacity-blurple-12-hsl) / 0.12156862745098039) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12156862745098039) var(--theme-base-color-amount, 0%));
    --background-message-hover: color-mix(in oklab,
        hsl(var(--opacity-12-hsl) / 0.12156862745098039) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12156862745098039) var(--theme-base-color-amount, 0%));
    --background-modifier-accent: color-mix(in oklab,
        hsl(var(--opacity-28-hsl) / 0.2784313725490196) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2784313725490196) var(--theme-base-color-amount, 0%));
    --background-modifier-active: color-mix(in oklab,
        hsl(var(--opacity-20-hsl) / 0.2) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2) var(--theme-base-color-amount, 0%));
    --background-modifier-hover: color-mix(in oklab,
        hsl(var(--opacity-12-hsl) / 0.12156862745098039) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12156862745098039) var(--theme-base-color-amount, 0%));
    --background-modifier-selected: color-mix(in oklab,
        hsl(var(--opacity-28-hsl) / 0.2784313725490196) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2784313725490196) var(--theme-base-color-amount, 0%));
    --background-primary: color-mix(in oklab,
        var(--neutral-95) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-secondary: color-mix(in oklab,
        var(--neutral-97) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-tertiary: color-mix(in oklab,
        var(--neutral-100) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-base-primary: color-mix(in oklab,
        var(--neutral-95) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-base-secondary: color-mix(in oklab,
        var(--neutral-97) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-base-tertiary: color-mix(in oklab,
        var(--neutral-100) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-mod-faint: color-mix(in oklab,
        hsl(var(--opacity-12-hsl) / 0.12156862745098039) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12156862745098039) var(--theme-base-color-amount, 0%));
    --bg-mod-strong: color-mix(in oklab,
        hsl(var(--opacity-28-hsl) / 0.2784313725490196) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2784313725490196) var(--theme-base-color-amount, 0%));
    --bg-mod-subtle: color-mix(in oklab,
        hsl(var(--opacity-20-hsl) / 0.2) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2) var(--theme-base-color-amount, 0%));
    --border-faint: color-mix(in oklab,
        hsl(var(--opacity-20-hsl) / 0.2) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2) var(--theme-base-color-amount, 0%));
    --border-strong: color-mix(in oklab,
        hsl(var(--opacity-48-hsl) / 0.47843137254901963) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.47843137254901963) var(--theme-base-color-amount, 0%));
    --border-subtle: color-mix(in oklab,
        hsl(var(--opacity-28-hsl) / 0.2784313725490196) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2784313725490196) var(--theme-base-color-amount, 0%));
    --channel-icon: color-mix(in oklab,
        var(--neutral-27) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --channels-default: color-mix(in oklab,
        var(--neutral-33) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --header-muted: color-mix(in oklab,
        var(--neutral-33) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --header-primary: color-mix(in oklab,
        var(--neutral-7) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --header-secondary: color-mix(in oklab,
        var(--neutral-10) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --icon-muted: color-mix(in oklab,
        var(--neutral-33) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --icon-primary: color-mix(in oklab,
        var(--neutral-14) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --icon-secondary: color-mix(in oklab,
        var(--neutral-27) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-danger-background: color-mix(in oklab,
        hsl(var(--opacity-red-16-hsl) / 0.1607843137254902) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1607843137254902) var(--theme-base-color-amount, 0%));
    --info-danger-text: color-mix(in oklab,
        var(--red-new-35) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-help-background: color-mix(in oklab,
        hsl(var(--opacity-blue-16-hsl) / 0.1607843137254902) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1607843137254902) var(--theme-base-color-amount, 0%));
    --info-help-text: color-mix(in oklab,
        var(--blue-new-37) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-positive-background: color-mix(in oklab,
        hsl(var(--opacity-green-8-hsl) / 0.0784313725490196) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.0784313725490196) var(--theme-base-color-amount, 0%));
    --info-positive-text: color-mix(in oklab,
        var(--green-new-39) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-warning-background: color-mix(in oklab,
        hsl(var(--opacity-yellow-20-hsl) / 0.2) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2) var(--theme-base-color-amount, 0%));
    --info-warning-text: color-mix(in oklab,
        var(--yellow-new-43) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --input-background: color-mix(in oklab,
        hsl(var(--opacity-black-8-hsl) / 0.0784313725490196) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.0784313725490196) var(--theme-base-color-amount, 0%));
    --input-border: color-mix(in oklab,
        hsl(var(--opacity-36-hsl) / 0.3607843137254902) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.3607843137254902) var(--theme-base-color-amount, 0%));
    --interactive-active: color-mix(in oklab,
        var(--neutral-7) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --interactive-hover: color-mix(in oklab,
        var(--neutral-27) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --interactive-normal: color-mix(in oklab,
        var(--neutral-27) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --mention-background: color-mix(in oklab,
        hsl(var(--opacity-blurple-24-hsl) / 0.23921568627450981) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.23921568627450981) var(--theme-base-color-amount, 0%));
    --mention-foreground: color-mix(in oklab,
        var(--blurple-26) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --modal-background: color-mix(in oklab,
        var(--neutral-91) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --modal-footer-background: color-mix(in oklab,
        var(--neutral-91) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-scrollbar-color-thumb: color-mix(in oklab,
        var(--neutral-45) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-scrollbar-color-track: color-mix(in oklab,
        var(--neutral-98) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-thumb: color-mix(in oklab,
        var(--neutral-45) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-track: color-mix(in oklab,
        hsl(var(--transparent-hsl) / 0) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0) var(--theme-base-color-amount, 0%));
    --scrollbar-thin-thumb: color-mix(in oklab,
        var(--neutral-46) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --spine-default: color-mix(in oklab,
        hsl(var(--opacity-48-hsl) / 0.47843137254901963) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.47843137254901963) var(--theme-base-color-amount, 0%));
    --text-brand: color-mix(in oklab,
        var(--blurple-41) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-link: color-mix(in oklab,
        var(--blue-new-42) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-muted: color-mix(in oklab,
        var(--neutral-33) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-normal: color-mix(in oklab,
        var(--neutral-10) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-positive: color-mix(in oklab,
        var(--green-new-39) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-primary: color-mix(in oklab,
        var(--neutral-7) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-secondary: color-mix(in oklab,
        var(--neutral-27) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-warning: color-mix(in oklab,
        var(--yellow-new-43) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --app-border-frame: color-mix(in oklab,
        hsl(var(--opacity-28-hsl) / 0.2784313725490196) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2784313725490196) var(--theme-base-color-amount, 0%));
    --background-base-low: color-mix(in oklab,
        var(--neutral-95) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-base-lower: color-mix(in oklab,
        var(--neutral-97) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-base-lowest: color-mix(in oklab,
        var(--neutral-100) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-code: color-mix(in oklab,
        hsl(var(--opacity-blurple-12-hsl) / 0.12156862745098039) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12156862745098039) var(--theme-base-color-amount, 0%));
    --background-code-addition: color-mix(in oklab,
        hsl(var(--opacity-green-12-hsl) / 0.12156862745098039) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12156862745098039) var(--theme-base-color-amount, 0%));
    --background-code-deletion: color-mix(in oklab,
        hsl(var(--opacity-red-12-hsl) / 0.12156862745098039) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12156862745098039) var(--theme-base-color-amount, 0%));
    --background-feedback-critical: color-mix(in oklab,
        hsl(var(--opacity-red-16-hsl) / 0.1607843137254902) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1607843137254902) var(--theme-base-color-amount, 0%));
    --background-feedback-info: color-mix(in oklab,
        hsl(var(--opacity-blue-16-hsl) / 0.1607843137254902) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1607843137254902) var(--theme-base-color-amount, 0%));
    --background-feedback-positive: color-mix(in oklab,
        hsl(var(--opacity-green-8-hsl) / 0.0784313725490196) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.0784313725490196) var(--theme-base-color-amount, 0%));
    --background-feedback-warning: color-mix(in oklab,
        hsl(var(--opacity-yellow-20-hsl) / 0.2) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2) var(--theme-base-color-amount, 0%));
    --background-mod-normal: color-mix(in oklab,
        hsl(var(--opacity-20-hsl) / 0.2) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2) var(--theme-base-color-amount, 0%));
    --background-mod-strong: color-mix(in oklab,
        hsl(var(--opacity-28-hsl) / 0.2784313725490196) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2784313725490196) var(--theme-base-color-amount, 0%));
    --background-mod-subtle: color-mix(in oklab,
        hsl(var(--opacity-12-hsl) / 0.12156862745098039) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12156862745098039) var(--theme-base-color-amount, 0%));
    --background-surface-high: color-mix(in oklab,
        var(--neutral-91) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-surface-higher: color-mix(in oklab,
        var(--neutral-87) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-surface-highest: color-mix(in oklab,
        var(--neutral-83) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --border-feedback-critical: color-mix(in oklab,
        hsl(var(--opacity-red-24-hsl) / 0.23921568627450981) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.23921568627450981) var(--theme-base-color-amount, 0%));
    --border-normal: color-mix(in oklab,
        hsl(var(--opacity-36-hsl) / 0.3607843137254902) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.3607843137254902) var(--theme-base-color-amount, 0%));
    --chat-background-default: color-mix(in oklab,
        var(--neutral-92) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --checkbox-background-checked: color-mix(in oklab,
        var(--brand-500) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --checkbox-background-default: color-mix(in oklab,
        hsl(var(--opacity-4-hsl) / 0.0392156862745098) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.0392156862745098) var(--theme-base-color-amount, 0%));
    --checkbox-border-checked: color-mix(in oklab,
        var(--brand-500) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --checkbox-border-default: color-mix(in oklab,
        var(--neutral-43) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --icon-default: color-mix(in oklab,
        var(--neutral-14) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --icon-tertiary: color-mix(in oklab,
        var(--neutral-33) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --notice-background-critical: color-mix(in oklab,
        var(--red-new-94) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --notice-background-info: color-mix(in oklab,
        var(--blue-new-94) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --notice-background-positive: color-mix(in oklab,
        var(--green-new-94) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --notice-background-warning: color-mix(in oklab,
        var(--yellow-new-94) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --notice-text-critical: color-mix(in oklab,
        var(--red-new-17) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --notice-text-info: color-mix(in oklab,
        var(--blue-new-19) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --notice-text-positive: color-mix(in oklab,
        var(--green-new-20) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --notice-text-warning: color-mix(in oklab,
        var(--yellow-new-18) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --text-code-addition: color-mix(in oklab,
        var(--green-new-23) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-builtin: color-mix(in oklab,
        var(--orange-new-34) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-bullet: color-mix(in oklab,
        var(--yellow-new-35) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-comment: color-mix(in oklab,
        var(--neutral-35) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-default: color-mix(in oklab,
        var(--blue-new-31) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-deletion: color-mix(in oklab,
        var(--red-new-20) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-keyword: color-mix(in oklab,
        var(--red-new-33) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-section: color-mix(in oklab,
        var(--blue-new-31) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-string: color-mix(in oklab,
        var(--teal-new-31) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-tag: color-mix(in oklab,
        var(--green-new-36) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-title: color-mix(in oklab,
        var(--blurple-26) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-variable: color-mix(in oklab,
        var(--blue-new-36) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-default: color-mix(in oklab,
        var(--neutral-10) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-feedback-critical: color-mix(in oklab,
        var(--red-new-35) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-feedback-info: color-mix(in oklab,
        var(--blue-new-37) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-feedback-positive: color-mix(in oklab,
        var(--green-new-39) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-feedback-warning: color-mix(in oklab,
        var(--yellow-new-43) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-tertiary: color-mix(in oklab,
        var(--neutral-33) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%))
  }
}

.visual-refresh.theme-darker,
.visual-refresh .theme-darker {
  --activity-card-background: var(--neutral-79);
  --autocomplete-bg: var(--neutral-79);
  --background-floating: var(--neutral-79);
  --background-mentioned: hsl(var(--opacity-yellow-8-hsl) / 0.0784313725490196);
  --background-mentioned-hover: hsl(var(--opacity-yellow-16-hsl) / 0.1607843137254902);
  --background-message-highlight: hsl(var(--opacity-blurple-16-hsl) / 0.1607843137254902);
  --background-message-highlight-hover: hsl(var(--opacity-blurple-12-hsl) / 0.12156862745098039);
  --background-message-hover: hsl(var(--opacity-black-12-hsl) / 0.12156862745098039);
  --background-modifier-accent: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
  --background-modifier-active: hsl(var(--opacity-16-hsl) / 0.1607843137254902);
  --background-modifier-hover: hsl(var(--opacity-8-hsl) / 0.0784313725490196);
  --background-modifier-selected: hsl(var(--opacity-24-hsl) / 0.23921568627450981);
  --background-primary: var(--neutral-82);
  --background-secondary: var(--neutral-86);
  --background-tertiary: var(--neutral-92);
  --bg-base-primary: var(--neutral-82);
  --bg-base-secondary: var(--neutral-86);
  --bg-base-tertiary: var(--neutral-92);
  --bg-mod-faint: hsl(var(--opacity-8-hsl) / 0.0784313725490196);
  --bg-mod-strong: hsl(var(--opacity-24-hsl) / 0.23921568627450981);
  --bg-mod-subtle: hsl(var(--opacity-16-hsl) / 0.1607843137254902);
  --border-faint: hsl(var(--opacity-4-hsl) / 0.0392156862745098);
  --border-strong: hsl(var(--opacity-44-hsl) / 0.4392156862745098);
  --border-subtle: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
  --button-danger-background: var(--red-new-50);
  --button-danger-background-active: var(--red-new-61);
  --button-danger-background-disabled: var(--red-new-50);
  --button-danger-background-hover: var(--red-new-57);
  --button-danger-border: hsl(var(--opacity-white-8-hsl) / 0.0784313725490196);
  --button-filled-brand-border: hsl(var(--opacity-white-8-hsl) / 0.0784313725490196);
  --button-filled-brand-inverted-background-active: var(--neutral-17);
  --button-filled-brand-inverted-background-hover: var(--neutral-9);
  --button-filled-brand-inverted-text: var(--black);
  --button-filled-white-background-active: var(--neutral-17);
  --button-filled-white-background-hover: var(--neutral-9);
  --button-filled-white-text: var(--black);
  --button-outline-danger-background: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
  --button-outline-danger-background-active: hsl(var(--primary-500-hsl) / 0.3);
  --button-outline-danger-background-hover: hsl(var(--opacity-20-hsl) / 0.2);
  --button-outline-danger-border: hsl(var(--opacity-4-hsl) / 0.0392156862745098);
  --button-outline-danger-border-active: hsl(var(--opacity-4-hsl) / 0.0392156862745098);
  --button-outline-danger-border-hover: hsl(var(--opacity-4-hsl) / 0.0392156862745098);
  --button-outline-danger-text: var(--red-345);
  --button-outline-danger-text-active: var(--red-345);
  --button-outline-danger-text-hover: var(--red-345);
  --button-positive-background: var(--green-new-50);
  --button-positive-background-active: var(--green-new-57);
  --button-positive-background-disabled: var(--green-new-50);
  --button-positive-background-hover: var(--green-new-53);
  --button-positive-border: hsl(var(--opacity-white-8-hsl) / 0.0784313725490196);
  --button-secondary-background: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
  --button-secondary-background-active: hsl(var(--primary-500-hsl) / 0.3);
  --button-secondary-background-disabled: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
  --button-secondary-background-hover: hsl(var(--opacity-20-hsl) / 0.2);
  --button-secondary-text: var(--neutral-6);
  --button-transparent-background: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
  --button-transparent-background-active: hsl(var(--primary-500-hsl) / 0.3);
  --button-transparent-background-hover: hsl(var(--opacity-20-hsl) / 0.2);
  --button-transparent-text: var(--neutral-6);
  --channel-icon: var(--neutral-22);
  --channels-default: var(--neutral-29);
  --header-muted: var(--neutral-29);
  --header-primary: var(--neutral-2);
  --header-secondary: var(--neutral-5);
  --icon-muted: var(--neutral-29);
  --icon-primary: var(--neutral-10);
  --icon-secondary: var(--neutral-22);
  --info-danger-background: hsl(var(--opacity-red-16-hsl) / 0.1607843137254902);
  --info-danger-text: var(--red-new-29);
  --info-help-background: hsl(var(--opacity-blue-16-hsl) / 0.1607843137254902);
  --info-help-text: var(--blue-new-31);
  --info-positive-background: hsl(var(--opacity-green-8-hsl) / 0.0784313725490196);
  --info-positive-text: var(--green-new-34);
  --info-warning-background: hsl(var(--opacity-yellow-20-hsl) / 0.2);
  --info-warning-text: var(--yellow-new-38);
  --input-background: hsl(var(--opacity-black-8-hsl) / 0.0784313725490196);
  --input-border: hsl(var(--opacity-20-hsl) / 0.2);
  --interactive-active: var(--neutral-2);
  --interactive-hover: var(--neutral-22);
  --interactive-normal: var(--neutral-22);
  --mention-background: hsl(var(--opacity-blurple-24-hsl) / 0.23921568627450981);
  --mention-foreground: var(--blurple-19);
  --modal-background: var(--neutral-79);
  --modal-footer-background: var(--neutral-79);
  --scrollbar-auto-scrollbar-color-thumb: var(--neutral-43);
  --scrollbar-auto-scrollbar-color-track: var(--neutral-90);
  --scrollbar-auto-thumb: var(--neutral-42);
  --scrollbar-auto-track: hsl(var(--transparent-hsl) / 0);
  --scrollbar-thin-thumb: var(--neutral-44);
  --spine-default: hsl(var(--opacity-44-hsl) / 0.4392156862745098);
  --text-brand: var(--blurple-35);
  --text-link: var(--blue-new-36);
  --text-muted: var(--neutral-29);
  --text-normal: var(--neutral-5);
  --text-positive: var(--green-new-34);
  --text-primary: var(--neutral-2);
  --text-secondary: var(--neutral-22);
  --text-warning: var(--yellow-new-38);
  --app-border-frame: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
  --background-base-low: var(--neutral-82);
  --background-base-lower: var(--neutral-86);
  --background-base-lowest: var(--neutral-92);
  --background-code: hsl(var(--opacity-blurple-12-hsl) / 0.12156862745098039);
  --background-code-addition: hsl(var(--opacity-green-12-hsl) / 0.12156862745098039);
  --background-code-deletion: hsl(var(--opacity-red-12-hsl) / 0.12156862745098039);
  --background-feedback-critical: hsl(var(--opacity-red-16-hsl) / 0.1607843137254902);
  --background-feedback-info: hsl(var(--opacity-blue-16-hsl) / 0.1607843137254902);
  --background-feedback-positive: hsl(var(--opacity-green-8-hsl) / 0.0784313725490196);
  --background-feedback-warning: hsl(var(--opacity-yellow-20-hsl) / 0.2);
  --background-mod-normal: hsl(var(--opacity-16-hsl) / 0.1607843137254902);
  --background-mod-strong: hsl(var(--opacity-24-hsl) / 0.23921568627450981);
  --background-mod-subtle: hsl(var(--opacity-8-hsl) / 0.0784313725490196);
  --background-surface-high: var(--neutral-79);
  --background-surface-higher: var(--neutral-76);
  --background-surface-highest: var(--neutral-73);
  --border-feedback-critical: hsl(var(--opacity-red-20-hsl) / 0.2);
  --border-normal: hsl(var(--opacity-20-hsl) / 0.2);
  --chat-background-default: var(--neutral-81);
  --checkbox-background-checked: var(--brand-500);
  --checkbox-background-default: hsl(var(--opacity-4-hsl) / 0.0392156862745098);
  --checkbox-border-checked: var(--brand-500);
  --checkbox-border-default: var(--neutral-40);
  --icon-default: var(--neutral-10);
  --icon-tertiary: var(--neutral-29);
  --notice-background-critical: var(--red-new-85);
  --notice-background-info: var(--blue-new-86);
  --notice-background-positive: var(--green-new-86);
  --notice-background-warning: var(--yellow-new-85);
  --notice-text-critical: var(--red-new-9);
  --notice-text-info: var(--blue-new-13);
  --notice-text-positive: var(--green-new-14);
  --notice-text-warning: var(--yellow-new-12);
  --text-code-addition: var(--green-new-17);
  --text-code-builtin: var(--orange-new-28);
  --text-code-bullet: var(--yellow-new-29);
  --text-code-comment: var(--neutral-31);
  --text-code-default: var(--blue-new-25);
  --text-code-deletion: var(--red-new-14);
  --text-code-keyword: var(--red-new-27);
  --text-code-section: var(--blue-new-25);
  --text-code-string: var(--teal-new-25);
  --text-code-tag: var(--green-new-31);
  --text-code-title: var(--blurple-19);
  --text-code-variable: var(--blue-new-30);
  --text-default: var(--neutral-5);
  --text-feedback-critical: var(--red-new-29);
  --text-feedback-info: var(--blue-new-31);
  --text-feedback-positive: var(--green-new-34);
  --text-feedback-warning: var(--yellow-new-38);
  --text-tertiary: var(--neutral-29)
}

@supports(color:color-mix(in lch, red, blue))and (top:var(--f)) {

  .visual-refresh.theme-darker,
  .visual-refresh .theme-darker {
    --activity-card-background: color-mix(in oklab,
        var(--neutral-79) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --autocomplete-bg: color-mix(in oklab,
        var(--neutral-79) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-floating: color-mix(in oklab,
        var(--neutral-79) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-mentioned: color-mix(in oklab,
        hsl(var(--opacity-yellow-8-hsl) / 0.0784313725490196) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.0784313725490196) var(--theme-base-color-amount, 0%));
    --background-mentioned-hover: color-mix(in oklab,
        hsl(var(--opacity-yellow-16-hsl) / 0.1607843137254902) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1607843137254902) var(--theme-base-color-amount, 0%));
    --background-message-highlight: color-mix(in oklab,
        hsl(var(--opacity-blurple-16-hsl) / 0.1607843137254902) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1607843137254902) var(--theme-base-color-amount, 0%));
    --background-message-highlight-hover: color-mix(in oklab,
        hsl(var(--opacity-blurple-12-hsl) / 0.12156862745098039) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12156862745098039) var(--theme-base-color-amount, 0%));
    --background-message-hover: color-mix(in oklab,
        hsl(var(--opacity-black-12-hsl) / 0.12156862745098039) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12156862745098039) var(--theme-base-color-amount, 0%));
    --background-modifier-accent: color-mix(in oklab,
        hsl(var(--opacity-12-hsl) / 0.12156862745098039) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12156862745098039) var(--theme-base-color-amount, 0%));
    --background-modifier-active: color-mix(in oklab,
        hsl(var(--opacity-16-hsl) / 0.1607843137254902) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1607843137254902) var(--theme-base-color-amount, 0%));
    --background-modifier-hover: color-mix(in oklab,
        hsl(var(--opacity-8-hsl) / 0.0784313725490196) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.0784313725490196) var(--theme-base-color-amount, 0%));
    --background-modifier-selected: color-mix(in oklab,
        hsl(var(--opacity-24-hsl) / 0.23921568627450981) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.23921568627450981) var(--theme-base-color-amount, 0%));
    --background-primary: color-mix(in oklab,
        var(--neutral-82) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-secondary: color-mix(in oklab,
        var(--neutral-86) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-tertiary: color-mix(in oklab,
        var(--neutral-92) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-base-primary: color-mix(in oklab,
        var(--neutral-82) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-base-secondary: color-mix(in oklab,
        var(--neutral-86) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-base-tertiary: color-mix(in oklab,
        var(--neutral-92) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --bg-mod-faint: color-mix(in oklab,
        hsl(var(--opacity-8-hsl) / 0.0784313725490196) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.0784313725490196) var(--theme-base-color-amount, 0%));
    --bg-mod-strong: color-mix(in oklab,
        hsl(var(--opacity-24-hsl) / 0.23921568627450981) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.23921568627450981) var(--theme-base-color-amount, 0%));
    --bg-mod-subtle: color-mix(in oklab,
        hsl(var(--opacity-16-hsl) / 0.1607843137254902) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1607843137254902) var(--theme-base-color-amount, 0%));
    --border-faint: color-mix(in oklab,
        hsl(var(--opacity-4-hsl) / 0.0392156862745098) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.0392156862745098) var(--theme-base-color-amount, 0%));
    --border-strong: color-mix(in oklab,
        hsl(var(--opacity-44-hsl) / 0.4392156862745098) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.4392156862745098) var(--theme-base-color-amount, 0%));
    --border-subtle: color-mix(in oklab,
        hsl(var(--opacity-12-hsl) / 0.12156862745098039) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12156862745098039) var(--theme-base-color-amount, 0%));
    --channel-icon: color-mix(in oklab,
        var(--neutral-22) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --channels-default: color-mix(in oklab,
        var(--neutral-29) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --header-muted: color-mix(in oklab,
        var(--neutral-29) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --header-primary: color-mix(in oklab,
        var(--neutral-2) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --header-secondary: color-mix(in oklab,
        var(--neutral-5) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --icon-muted: color-mix(in oklab,
        var(--neutral-29) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --icon-primary: color-mix(in oklab,
        var(--neutral-10) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --icon-secondary: color-mix(in oklab,
        var(--neutral-22) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-danger-background: color-mix(in oklab,
        hsl(var(--opacity-red-16-hsl) / 0.1607843137254902) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1607843137254902) var(--theme-base-color-amount, 0%));
    --info-danger-text: color-mix(in oklab,
        var(--red-new-29) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-help-background: color-mix(in oklab,
        hsl(var(--opacity-blue-16-hsl) / 0.1607843137254902) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1607843137254902) var(--theme-base-color-amount, 0%));
    --info-help-text: color-mix(in oklab,
        var(--blue-new-31) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-positive-background: color-mix(in oklab,
        hsl(var(--opacity-green-8-hsl) / 0.0784313725490196) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.0784313725490196) var(--theme-base-color-amount, 0%));
    --info-positive-text: color-mix(in oklab,
        var(--green-new-34) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --info-warning-background: color-mix(in oklab,
        hsl(var(--opacity-yellow-20-hsl) / 0.2) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2) var(--theme-base-color-amount, 0%));
    --info-warning-text: color-mix(in oklab,
        var(--yellow-new-38) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --input-background: color-mix(in oklab,
        hsl(var(--opacity-black-8-hsl) / 0.0784313725490196) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.0784313725490196) var(--theme-base-color-amount, 0%));
    --input-border: color-mix(in oklab,
        hsl(var(--opacity-20-hsl) / 0.2) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2) var(--theme-base-color-amount, 0%));
    --interactive-active: color-mix(in oklab,
        var(--neutral-2) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --interactive-hover: color-mix(in oklab,
        var(--neutral-22) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --interactive-normal: color-mix(in oklab,
        var(--neutral-22) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --mention-background: color-mix(in oklab,
        hsl(var(--opacity-blurple-24-hsl) / 0.23921568627450981) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.23921568627450981) var(--theme-base-color-amount, 0%));
    --mention-foreground: color-mix(in oklab,
        var(--blurple-19) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --modal-background: color-mix(in oklab,
        var(--neutral-79) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --modal-footer-background: color-mix(in oklab,
        var(--neutral-79) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-scrollbar-color-thumb: color-mix(in oklab,
        var(--neutral-43) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-scrollbar-color-track: color-mix(in oklab,
        var(--neutral-90) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-thumb: color-mix(in oklab,
        var(--neutral-42) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-track: color-mix(in oklab,
        hsl(var(--transparent-hsl) / 0) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0) var(--theme-base-color-amount, 0%));
    --scrollbar-thin-thumb: color-mix(in oklab,
        var(--neutral-44) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --spine-default: color-mix(in oklab,
        hsl(var(--opacity-44-hsl) / 0.4392156862745098) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.4392156862745098) var(--theme-base-color-amount, 0%));
    --text-brand: color-mix(in oklab,
        var(--blurple-35) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-link: color-mix(in oklab,
        var(--blue-new-36) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-muted: color-mix(in oklab,
        var(--neutral-29) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-normal: color-mix(in oklab,
        var(--neutral-5) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-positive: color-mix(in oklab,
        var(--green-new-34) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-primary: color-mix(in oklab,
        var(--neutral-2) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-secondary: color-mix(in oklab,
        var(--neutral-22) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-warning: color-mix(in oklab,
        var(--yellow-new-38) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --app-border-frame: color-mix(in oklab,
        hsl(var(--opacity-12-hsl) / 0.12156862745098039) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12156862745098039) var(--theme-base-color-amount, 0%));
    --background-base-low: color-mix(in oklab,
        var(--neutral-82) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-base-lower: color-mix(in oklab,
        var(--neutral-86) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-base-lowest: color-mix(in oklab,
        var(--neutral-92) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-code: color-mix(in oklab,
        hsl(var(--opacity-blurple-12-hsl) / 0.12156862745098039) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12156862745098039) var(--theme-base-color-amount, 0%));
    --background-code-addition: color-mix(in oklab,
        hsl(var(--opacity-green-12-hsl) / 0.12156862745098039) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12156862745098039) var(--theme-base-color-amount, 0%));
    --background-code-deletion: color-mix(in oklab,
        hsl(var(--opacity-red-12-hsl) / 0.12156862745098039) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.12156862745098039) var(--theme-base-color-amount, 0%));
    --background-feedback-critical: color-mix(in oklab,
        hsl(var(--opacity-red-16-hsl) / 0.1607843137254902) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1607843137254902) var(--theme-base-color-amount, 0%));
    --background-feedback-info: color-mix(in oklab,
        hsl(var(--opacity-blue-16-hsl) / 0.1607843137254902) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1607843137254902) var(--theme-base-color-amount, 0%));
    --background-feedback-positive: color-mix(in oklab,
        hsl(var(--opacity-green-8-hsl) / 0.0784313725490196) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.0784313725490196) var(--theme-base-color-amount, 0%));
    --background-feedback-warning: color-mix(in oklab,
        hsl(var(--opacity-yellow-20-hsl) / 0.2) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2) var(--theme-base-color-amount, 0%));
    --background-mod-normal: color-mix(in oklab,
        hsl(var(--opacity-16-hsl) / 0.1607843137254902) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.1607843137254902) var(--theme-base-color-amount, 0%));
    --background-mod-strong: color-mix(in oklab,
        hsl(var(--opacity-24-hsl) / 0.23921568627450981) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.23921568627450981) var(--theme-base-color-amount, 0%));
    --background-mod-subtle: color-mix(in oklab,
        hsl(var(--opacity-8-hsl) / 0.0784313725490196) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.0784313725490196) var(--theme-base-color-amount, 0%));
    --background-surface-high: color-mix(in oklab,
        var(--neutral-79) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-surface-higher: color-mix(in oklab,
        var(--neutral-76) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --background-surface-highest: color-mix(in oklab,
        var(--neutral-73) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --border-feedback-critical: color-mix(in oklab,
        hsl(var(--opacity-red-20-hsl) / 0.2) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2) var(--theme-base-color-amount, 0%));
    --border-normal: color-mix(in oklab,
        hsl(var(--opacity-20-hsl) / 0.2) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.2) var(--theme-base-color-amount, 0%));
    --chat-background-default: color-mix(in oklab,
        var(--neutral-81) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --checkbox-background-checked: color-mix(in oklab,
        var(--brand-500) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --checkbox-background-default: color-mix(in oklab,
        hsl(var(--opacity-4-hsl) / 0.0392156862745098) 100%,
        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.0392156862745098) var(--theme-base-color-amount, 0%));
    --checkbox-border-checked: color-mix(in oklab,
        var(--brand-500) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --checkbox-border-default: color-mix(in oklab,
        var(--neutral-40) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --icon-default: color-mix(in oklab,
        var(--neutral-10) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --icon-tertiary: color-mix(in oklab,
        var(--neutral-29) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --notice-background-critical: color-mix(in oklab,
        var(--red-new-85) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --notice-background-info: color-mix(in oklab,
        var(--blue-new-86) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --notice-background-positive: color-mix(in oklab,
        var(--green-new-86) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --notice-background-warning: color-mix(in oklab,
        var(--yellow-new-85) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --notice-text-critical: color-mix(in oklab,
        var(--red-new-9) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --notice-text-info: color-mix(in oklab,
        var(--blue-new-13) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --notice-text-positive: color-mix(in oklab,
        var(--green-new-14) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --notice-text-warning: color-mix(in oklab,
        var(--yellow-new-12) 100%,
        var(--theme-base-color, black) var(--theme-base-color-amount, 0%));
    --text-code-addition: color-mix(in oklab,
        var(--green-new-17) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-builtin: color-mix(in oklab,
        var(--orange-new-28) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-bullet: color-mix(in oklab,
        var(--yellow-new-29) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-comment: color-mix(in oklab,
        var(--neutral-31) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-default: color-mix(in oklab,
        var(--blue-new-25) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-deletion: color-mix(in oklab,
        var(--red-new-14) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-keyword: color-mix(in oklab,
        var(--red-new-27) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-section: color-mix(in oklab,
        var(--blue-new-25) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-string: color-mix(in oklab,
        var(--teal-new-25) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-tag: color-mix(in oklab,
        var(--green-new-31) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-title: color-mix(in oklab,
        var(--blurple-19) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-code-variable: color-mix(in oklab,
        var(--blue-new-30) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-default: color-mix(in oklab,
        var(--neutral-5) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-feedback-critical: color-mix(in oklab,
        var(--red-new-29) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-feedback-info: color-mix(in oklab,
        var(--blue-new-31) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-feedback-positive: color-mix(in oklab,
        var(--green-new-34) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-feedback-warning: color-mix(in oklab,
        var(--yellow-new-38) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%));
    --text-tertiary: color-mix(in oklab,
        var(--neutral-29) 100%,
        var(--theme-text-color, black) var(--theme-text-color-amount, 0%))
  }
}

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

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

.theme-midnight,
.theme-darker {
  --shadow-border: 0 0 0 1px hsl(none 0% 100% / 0.08);
  --shadow-border-filter: drop-shadow(0 0 1px hsl(none 0% 100% / 0.08));
  --shadow-button-overlay: 0 12px 24px 0 hsl(none 0% 0% / 0.24);
  --shadow-button-overlay-filter: drop-shadow(0 12px 24px hsl(none 0% 0% / 0.24));
  --shadow-high: 0 12px 24px 0 hsl(none 0% 0% / 0.24);
  --shadow-high-filter: drop-shadow(0 12px 24px hsl(none 0% 0% / 0.24));
  --shadow-ledge: 0 2px 0 0 hsl(none 0% 0% / 0.05), 0 1.5px 0 0 hsl(none 0% 0% / 0.05), 0 1px 0 0 hsl(none 0% 0% / 0.16);
  --shadow-ledge-filter: drop-shadow(0 1.5px 0 hsl(none 0% 0% / 0.24));
  --shadow-low: 0 1px 4px 0 hsl(none 0% 0% / 0.14);
  --shadow-low-filter: drop-shadow(0 1px 4px hsl(none 0% 0% / 0.14));
  --shadow-low-active: 0 0 4px 0 hsl(none 0% 0% / 0.14);
  --shadow-low-active-filter: drop-shadow(0 0 4px hsl(none 0% 0% / 0.14));
  --shadow-low-hover: 0 4px 10px 0 hsl(none 0% 0% / 0.14);
  --shadow-low-hover-filter: drop-shadow(0 4px 10px hsl(none 0% 0% / 0.14));
  --shadow-medium: 0 4px 8px 0 hsl(none 0% 0% / 0.16);
  --shadow-medium-filter: drop-shadow(0 4px 8px hsl(none 0% 0% / 0.16));
  --shadow-mobile-navigator-x: 0 0 10px 0 hsl(none 0% 0% / 0.22);
  --shadow-mobile-navigator-x-filter: drop-shadow(0 0 10px hsl(none 0% 0% / 0.22));
  --shadow-top-high: 0 -12px 32px 0 hsl(none 0% 0% / 0.24);
  --shadow-top-high-filter: drop-shadow(0 -12px 32px hsl(none 0% 0% / 0.24));
  --shadow-top-ledge: 0 -2px 0 0 hsl(none 0% 0% / 0.05), 0 -1.5px 0 0 hsl(none 0% 0% / 0.05),
    0 -1px 0 0 hsl(none 0% 0% / 0.16);
  --shadow-top-ledge-filter: drop-shadow(0 -1.5px 0 hsl(none 0% 0% / 0.24));
  --shadow-top-low: 0 -1px 4px 0 hsl(none 0% 0% / 0.14);
  --shadow-top-low-filter: drop-shadow(0 -1px 4px hsl(none 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
}

:root {
  --size-0: 0px;
  --size-4: 4px;
  --size-8: 8px;
  --size-12: 12px;
  --size-16: 16px;
  --size-20: 20px;
  --size-24: 24px;
  --size-32: 32px;
  --size-48: 48px;
  --size-64: 64px;
  --size-80: 80px;
  --size-96: 96px;
  --size-128: 128px;
  --size-160: 160px;
  --size-192: 192px;
  --size-xxs: var(--size-4);
  --size-xs: var(--size-8);
  --size-sm: var(--size-12);
  --size-md: var(--size-16);
  --size-lg: var(--size-20);
  --size-xl: var(--size-24);
  --size-xxl: var(--size-32);
  --breakpoint-480: 480px;
  --breakpoint-640: 640px;
  --breakpoint-768: 768px;
  --breakpoint-1024: 1024px;
  --breakpoint-1280: 1280px;
  --breakpoint-1536: 1536px;
  --breakpoint-1800: 1800px;
  --breakpoint-2500: 2500px;
  --breakpoint-xxs: 480px;
  --breakpoint-xs: 640px;
  --breakpoint-sm: 768px;
  --breakpoint-md: 1024px;
  --breakpoint-lg: 1280px;
  --breakpoint-xl: 1536px;
  --breakpoint-xxl: 1800px;
  --breakpoint-max: 2500px;
  --space-0: 0px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --space-96: 96px;
  --space-128: 128px;
  --space-160: 160px;
  --space-192: 192px;
  --space-xxs: var(--space-4);
  --space-xs: var(--space-8);
  --space-sm: var(--space-12);
  --space-md: var(--space-16);
  --space-lg: var(--space-20);
  --space-xl: var(--space-24);
  --space-xxl: var(--space-32)
}

.density-compact {
  --space-xxs: var(--space-4);
  --space-xs: var(--space-8);
  --space-sm: var(--space-12);
  --space-md: var(--space-16);
  --space-lg: var(--space-20);
  --space-xl: var(--space-24);
  --space-xxl: var(--space-32)
}

.density-cozy {
  --space-xxs: var(--space-8);
  --space-xs: var(--space-12);
  --space-sm: var(--space-16);
  --space-md: var(--space-20);
  --space-lg: var(--space-24);
  --space-xl: var(--space-32);
  --space-xxl: var(--space-48)
}

:root {
  --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/7e50d2a0232faae50972.woff2)format("woff2")
}

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

@font-face {
  font-family: "ABC Ginto Normal";
  font-style: normal;
  font-weight: 300;
  src: url(/assets/de0ea9e656d376ead50b.woff2)format("woff2")
}

@font-face {
  font-family: "ABC Ginto Normal";
  font-style: italic;
  font-weight: 300;
  src: url(/assets/f2ca4dfa3d5eb7a78f0d.woff2)format("woff2")
}

@font-face {
  font-family: "ABC Ginto Normal";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/b182a77b250085023348.woff2)format("woff2")
}

@font-face {
  font-family: "ABC Ginto Normal";
  font-style: italic;
  font-weight: 400;
  src: url(/assets/a837a7d3441974e852ca.woff2)format("woff2")
}

@font-face {
  font-family: "ABC Ginto Normal";
  font-style: normal;
  font-weight: 500;
  src: url(/assets/0b388475ed207eedf34c.woff2)format("woff2")
}

@font-face {
  font-family: "ABC Ginto Normal";
  font-style: italic;
  font-weight: 500;
  src: url(/assets/7ae55ec85248a0a345cc.woff2)format("woff2")
}

@font-face {
  font-family: "ABC Ginto Normal";
  font-style: normal;
  font-weight: 700;
  src: url(/assets/e7eab90bca29dff800af.woff2)format("woff2")
}

@font-face {
  font-family: "ABC Ginto Normal";
  font-style: italic;
  font-weight: 700;
  src: url(/assets/62bd153059b53d8a0f01.woff2)format("woff2")
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@font-face {
  font-family: "Corinthia";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/7c2d4cc28b67d857a24e.woff2)format("woff2")
}

@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 300 800;
  src: url(/assets/a50bb45623137fc82dda.woff2)format("woff2")
}

:root {
  --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-headline: 'ABC Ginto Nord', 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-code: 'gg mono', 'Source Code Pro', 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;
  --font-clan-body: Fraunces, 'gg sans', serif, 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-clan-signature: Corinthia, 'gg sans', cursive, 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-display-marketing: 'ABC Ginto Nord', 'gg sans', serif, 'Noto Sans', 'Helvetica Neue', Helvetica, Arial,
    sans-serif
}

:root:lang(el),
:root:lang(ru),
:root:lang(uk),
:root:lang(bg) {
  --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-headline: 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-code: 'gg mono', 'Source Code Pro', 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;
  --font-clan-body: Fraunces, 'gg sans', serif, 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-clan-signature: Corinthia, 'gg sans', cursive, 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-display-marketing: 'gg sans', serif, 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif
}

:root:lang(ko) {
  --font-primary: 'gg sans', 'Apple SD Gothic Neo', NanumBarunGothic, '맑은 고딕', 'Malgun Gothic', Gulim, 굴림, Dotum,
    돋움, 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-display: 'gg sans', 'Apple SD Gothic Neo', NanumBarunGothic, '맑은 고딕', 'Malgun Gothic', Gulim, 굴림, Dotum,
    돋움, 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-headline: 'ABC Ginto Nord', 'Apple SD Gothic Neo', NanumBarunGothic, '맑은 고딕', 'Malgun Gothic', Gulim, 굴림,
    Dotum, 돋움, 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-code: 'gg mono', 'Source Code Pro', 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;
  --font-clan-body: Fraunces, 'gg sans', serif, 'Apple SD Gothic Neo', NanumBarunGothic, '맑은 고딕', 'Malgun Gothic',
    Gulim, 굴림, Dotum, 돋움, 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-clan-signature: Corinthia, 'gg sans', cursive, 'Apple SD Gothic Neo', NanumBarunGothic, '맑은 고딕',
    'Malgun Gothic', Gulim, 굴림, Dotum, 돋움, 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-display-marketing: 'ABC Ginto Nord', 'gg sans', serif, 'Apple SD Gothic Neo', NanumBarunGothic, '맑은 고딕',
    'Malgun Gothic', Gulim, 굴림, Dotum, 돋움, 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif
}

:root:lang(ja) {
  --font-primary: 'gg sans', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,
    Osaka, 'MS PGothic', 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-display: 'gg sans', 'Hiragino Sans', 'ヒラギノ角ゴ 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', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ,
    Meiryo, Osaka, 'MS PGothic', 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-code: 'gg mono', 'Source Code Pro', 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;
  --font-clan-body: Fraunces, 'gg sans', serif, 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN',
    メイリオ, Meiryo, Osaka, 'MS PGothic', 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-clan-signature: Corinthia, 'gg sans', cursive, 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3',
    'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, Osaka, 'MS PGothic', 'Noto Sans', 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
  --font-display-marketing: 'ABC Ginto Nord', 'gg sans', serif, 'Hiragino Sans', 'ヒラギノ角ゴ 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;
  --font-code: 'gg mono', 'Source Code Pro', 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;
  --font-clan-body: Fraunces, 'gg sans', serif, 'Microsoft YaHei New', 微软雅黑, 'Microsoft Yahei',
    'Microsoft JhengHei', 宋体, SimSun, 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-clan-signature: Corinthia, 'gg sans', cursive, 'Microsoft YaHei New', 微软雅黑, 'Microsoft Yahei',
    'Microsoft JhengHei', 宋体, SimSun, 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-display-marketing: 'ABC Ginto Nord', 'gg sans', serif, 'Microsoft YaHei New', 微软雅黑, 'Microsoft Yahei',
    'Microsoft JhengHei', 宋体, SimSun, 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif
}

: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;
  --font-code: 'gg mono', 'Source Code Pro', 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;
  --font-clan-body: Fraunces, 'gg sans', serif, 'Microsoft JhengHei', 微軟正黑體, 'Microsoft JhengHei UI',
    'Microsoft YaHei', 微軟雅黑, 宋体, SimSun, 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-clan-signature: Corinthia, 'gg sans', cursive, 'Microsoft JhengHei', 微軟正黑體, 'Microsoft JhengHei UI',
    'Microsoft YaHei', 微軟雅黑, 宋体, SimSun, 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-display-marketing: 'ABC Ginto Nord', 'gg sans', serif, 'Microsoft JhengHei', 微軟正黑體,
    'Microsoft JhengHei UI', 'Microsoft YaHei', 微軟雅黑, 宋体, SimSun, 'Noto Sans', 'Helvetica Neue', Helvetica, Arial,
    sans-serif
}

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

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

a {
  color: var(--text-link);
  -webkit-text-decoration: none;
  text-decoration: none;
  cursor: pointer
}

a img {
  border: none
}

body {
  line-height: 1;
  margin: 0;
  padding: 0;
  font-family: var(--font-primary);
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: transparent
}

p {
  margin: 14px 0
}

ol,
ul {
  list-style: none
}

::-moz-placeholder {
  font-family: var(--font-primary);
  font-weight: 400
}

select,
textarea,
input,
::placeholder {
  font-family: var(--font-primary);
  font-weight: 400
}

@media all and (-webkit-max-device-pixel-ratio:1) {
  .theme-light ::-moz-placeholder {
    font-weight: 500
  }

  .theme-light select,
  .theme-light textarea,
  .theme-light input,
  .theme-light ::placeholder {
    font-weight: 500
  }
}

strong {
  font-weight: 600
}

button {
  font-family: var(--font-primary);
  font-weight: 500;
  border: 0;
  cursor: pointer
}

code {
  font-family: var(--font-code);
  font-size: 14px;
  line-height: 16px
}

:root {
  --custom-index-scrollbar-width: 10px;
  --custom-index-scrollbar-margin: 3px
}

:root {
  --custom-auth-box-auth-box-padding: 32px;
  --custom-wave-splash-responsive-width-mobile: 485px;
  --custom-wave-splash-responsive-width-mobile-first: 486px;
  --custom-wave-splash-responsive-width-desktop: 1080px;
  --custom-wave-splash-max-qr-login-width: 830px;
  --custom-channel-text-area-button-hover-scale: 0.85714;
  --custom-drag-resize-container-handle-size: 8px;
  --custom-drag-resize-container-handle-bleed: 2px;
  --custom-drag-resize-container-handle-offset: calc(var(--custom-drag-resize-container-handle-bleed) - var(--custom-drag-resize-container-handle-size));
  --custom-embed-spoiler-blur-radius: 44px;
  --custom-gradient-progress-notch-width: 8px;
  --custom-gradient-progress-notch-height: 16px;
  --custom-gradient-progress-notch-margin: 2px;
  --custom-guild-discovery-card-card-height: 320px;
  --custom-guild-discovery-card-card-height-with-tags: 350px;
  --custom-icon-button-icon-lg-size: 36px;
  --custom-icon-button-icon-md-size: 24px;
  --custom-icon-button-icon-sm-size: 18px;
  --custom-icon-button-icon-xs-size: 12px;
  --custom-invite-button-resolving-background-width: 380px;
  --custom-keybind-space-around-key: 8px;
  --custom-keybind-shadow-width: 2px;
  --custom-keybind-vertical-padding-total-height: 8px;
  --custom-keybind-applied-vertical-padding: calc((var(--custom-keybind-vertical-padding-total-height) - var(--custom-keybind-shadow-width)) / 2);
  --custom-full-screen-layer-animation-duration: 150ms;
  --custom-layout-sidebar-width: 232px;
  --custom-message-avatar-size: 40px;
  --custom-message-avatar-decoration-size: calc(var(--custom-message-avatar-size) * var(--decoration-to-avatar-ratio));
  --custom-message-margin-horizontal: 16px;
  --custom-message-margin-compact-indent: 5rem;
  --custom-message-spacing-vertical-container-cozy: 0.125rem;
  --custom-message-padding-vertical-container-compact: 0.125rem;
  --custom-message-meta-space: 0.25rem;
  --custom-message-reply-indent: 0.625rem;
  --custom-message-margin-left-content-cozy: calc(var(--custom-message-avatar-size, 40px) + var(--custom-message-margin-horizontal) + var(--custom-message-margin-horizontal));
  --custom-message-reply-message-preview-line-height: 1.125rem;
  --custom-message-attachment-spoiler-blur-radius: 44px;
  --custom-user-premium-guild-subscription-easter-egg-size: 196px;
  --custom-notification-spacing: 12px;
  --custom-notification-container-width: 300px;
  --custom-notification-space-around-divider: 12px;
  --custom-notification-box-shadow-opacity: 0.8;
  --custom-notification-box-shadow-blur-radius: 7px;
  --custom-notification-box-shadow-spread-radius: 3px;
  --custom-widget-max-widget-height: 100vh;
  --custom-widget-bar-padding: 12px;
  --custom-widget-body-padding: 4px;
  --custom-widget-bar-height: 20px;
  --custom-premium-guild-progress-bar-progress-bar-width: 24px;
  --custom-premium-guild-progress-bar-tier-marker-size: 16px;
  --custom-call-avatar-outgoing-duration: 2.5s;
  --custom-call-avatar-incoming-duration: 5.407s;
  --custom-resizable-icon-size: 16px;
  --custom-resizable-icon-padding: 4px;
  --custom-resizable-extension-size: 4px;
  --custom-live-indicator-border-radius: 16px;
  --custom-tutorial-popout-padding-content: 16px;
  --custom-tutorial-popout-height-media-approx: 80px
}

:root {
  --custom-emoji-size-emoji: 1.375em;
  --custom-emoji-size-jumbo-emoji: 3rem;
  --custom-margin-margin-x-small: 4px;
  --custom-margin-margin-small: 8px;
  --custom-margin-margin-medium: 20px;
  --custom-margin-margin-large: 40px;
  --custom-margin-margin-x-large: 60px;
  --custom-media-queries-media-query-mobile-header: 849px;
  --custom-media-queries-media-query-mobile: 768px;
  --custom-scrollbar-scrollbar-width: 14px;
  --custom-scrollbar-scrollbar-margin: 3px;
  --custom-scrollbar-border-radius: calc(var(--custom-scrollbar-scrollbar-width) / 2)
}

:root {
  --custom-create-welcome-channel-modal-emoji-size: 20px;
  --custom-create-welcome-channel-modal-input-elements-padding: 10px
}

:root {
  --custom-voice-channel-effect-voice-channel-effect-animation-size: 800px;
  --custom-voice-channel-effects-bar-effect-bar-padding-x: 16px;
  --custom-voice-channel-effects-bar-effect-bar-padding-y: 12px;
  --custom-voice-channel-effects-bar-max-width: 498px
}

:root {
  --custom-base-tile-border-radius: 8px
}

.visual-refresh :root {
  --video-calls-base-tile-border-radius: var(--radius-lg)
}

:root {
  --custom-summary-avatars-avatar-diameter: 16px
}

:root {
  --custom-guild-settings-premium-tier-status-progress-with-subscriptions-margin-top: 7px;
  --custom-guild-stickers-tiers-grid-breakpoint: 1010px;
  --custom-guild-sticker-upload-modal-emoji-size: 22px;
  --custom-guild-sticker-upload-modal-emoji-margin: 10px;
  --custom-stickers-constants-stickers-list-padding-top: 0;
  --custom-stickers-constants-stickers-list-padding-top-search-results: 8px;
  --custom-stickers-constants-stickers-list-padding-right: 0;
  --custom-stickers-constants-stickers-list-padding-bottom: 0;
  --custom-stickers-constants-stickers-list-padding-left: 8px;
  --custom-stickers-constants-stickers-list-divider-height: 30px;
  --custom-stickers-constants-stickers-list-empty-guild-upsell-height: 54px;
  --custom-stickers-constants-stickers-shop-list-section-heading-height: 66px;
  --custom-stickers-constants-stickers-shop-divider-border-top-width: 1px;
  --custom-stickers-constants-stickers-shop-divider-height: 1px;
  --custom-stickers-constants-stickers-shop-list-section-footer-height: 32px;
  --custom-stickers-constants-stickers-shop-list-section-footer-stacked-margin: 8px;
  --custom-stickers-constants-sticker-picker-preview-dimensions: 96px;
  --custom-stickers-constants-sticker-picker-preview-dimensions-small: 80px;
  --custom-stickers-constants-sticker-picker-preview-padding: 2px;
  --custom-stickers-constants-sticker-shop-modal-preview-dimensions: 72px;
  --custom-stickers-constants-sticker-picker-preview-margin: 12px;
  --custom-stickers-constants-sticker-picker-preview-margin-small: 4px;
  --custom-stickers-constants-sticker-picker-preview-border-radius: 4px;
  --custom-stickers-constants-sticker-category-list-padding: 8px;
  --custom-stickers-constants-sticker-category-icon-margin: 8px;
  --custom-stickers-constants-sticker-category-icon-size: 32px;
  --custom-stickers-constants-sticker-category-unicode-icon-size: 24px;
  --custom-stickers-constants-sticker-dimension: 160px;
  --custom-stickers-constants-sticker-purchase-pack-preview-dimensions: 76px;
  --custom-stickers-constants-sticker-purchase-pack-preview-padding: 2px;
  --custom-stickers-constants-sticker-purchase-pack-preview-margin: 0;
  --custom-stickers-constants-sticker-picker-breakpoint-small: 360px;
  --custom-stickers-constants-sticker-picker-breakpoint-medium: 446px;
  --custom-stickers-constants-category-separator-size: 1px;
  --custom-stickers-constants-category-separator-margin-vertical: 12px
}

:root {
  --custom-header-icon-color-expired: #4e5058
}

:root {
  --custom-reaction-picker-border-radius: 8px
}

:root {
  --custom-outbound-promotion-redemption-modal-art-height: 120px;
  --custom-premium-colors-premium-gradient-tier-0: linear-gradient(to right,
      var(--premium-tier-0-purple-for-gradients),
      var(--premium-tier-0-blue-for-gradients));
  --custom-premium-colors-premium-gradient-tier-1: linear-gradient(to right,
      var(--premium-tier-1-blue-for-gradients),
      var(--premium-tier-1-dark-blue-for-gradients));
  --custom-premium-colors-premium-gradient-tier-2: linear-gradient(to right,
      var(--premium-tier-2-purple-for-gradients),
      var(--premium-tier-2-pink-for-gradients));
  --custom-premium-colors-premium-gradient-tier-2-transparent: linear-gradient(to right,
      hsl(var(--premium-tier-2-purple-for-gradients-hsl) / 0.3),
      hsl(var(--premium-tier-2-pink-for-gradients-hsl) / 0.3));
  --custom-premium-colors-premium-gradient-tier-2-diagonal: linear-gradient(45deg,
      var(--premium-tier-2-purple-for-gradients),
      var(--premium-tier-2-pink-for-gradients));
  --custom-premium-colors-premium-gradient-tier-2-tri-color: linear-gradient(to right,
      var(--premium-tier-2-purple-for-gradients),
      var(--premium-tier-2-purple-for-gradients-2),
      var(--premium-tier-2-pink-for-gradients));
  --custom-premium-colors-premium-gradient-tier-2-tri-color-reverse: linear-gradient(to left,
      var(--premium-tier-2-purple-for-gradients),
      var(--premium-tier-2-purple-for-gradients-2),
      var(--premium-tier-2-pink-for-gradients));
  --custom-premium-colors-premium-gradient-tier-2-tri-color-vertical: linear-gradient(to top,
      var(--premium-tier-2-purple-for-gradients),
      var(--premium-tier-2-purple-for-gradients-2),
      var(--premium-tier-2-pink-for-gradients));
  --custom-premium-colors-premium-gradient-tier-2-old: linear-gradient(to right,
      var(--premium-tier-2-purple),
      var(--premium-tier-2-pink));
  --custom-premium-colors-banner-yellow: rgb(255, 234, 160)
}

:root {
  --custom-pending-row-max-width: 1040px;
  --custom-people-page-max-width-with-toolbar: 940px
}

:root {
  --custom-family-center-page-responsive-width-mobile: 900px
}

:root {
  --custom-text-widget-background-color-header-default: var(--primary-600);
  --custom-voice-widget-top-margin: calc(var(--custom-widget-bar-height) + 2 * var(--custom-widget-bar-padding));
  --custom-voice-widget-widget-width: 272px
}

:root {
  --custom-o-auth-2-page-oauth-2-max-width: 568px;
  --custom-o-auth-2-page-oauth-2-min-height: 366px
}

:root {
  --custom-party-avatars-avatar-diameter: 24px
}

:root {
  --custom-mobile-web-handoff-link-mobile-web-handoff-height: 70px
}

:root {
  --custom-embedded-application-invite-content-height: 130px;
  --custom-embedded-application-invite-content-height-tall: 162px;
  --custom-embedded-application-invite-content-width: 576px;
  --custom-embedded-application-invite-image-width-small: 225px;
  --custom-embedded-application-invite-image-width-large: 288px;
  --custom-message-helpers-popout-content-width: 256px;
  --custom-message-helpers-popout-padding-width: 16px;
  --custom-message-helpers-popout-container-width: calc(var(--custom-message-helpers-popout-content-width) + 2 * var(--custom-message-helpers-popout-padding-width))
}

:root {
  --custom-media-post-attachments-horizontal-padding: 48px;
  --custom-media-post-embed-spoiler-blur-radius: 20px;
  --custom-media-post-embed-transition-duration: 170ms
}

:root {
  --custom-raging-demon-duration: 0.15s
}

:root {
  --custom-interaction-iframe-modal-modal-min-width: 320px;
  --custom-interaction-iframe-modal-modal-margin: 80px;
  --custom-interaction-iframe-modal-modal-max-width: 1280px;
  --custom-interaction-iframe-modal-modal-header-height: 52px
}

:root {
  --custom-accept-invite-detail-components-small-mobile-breakpoint: 640px;
  --custom-accept-invite-mobile-small-mobile-breakpoint: 640px
}

:root {
  --custom-hub-discovery-add-hub-card-card-height: 320px;
  --custom-hub-discovery-guild-list-card-height: 320px;
  --custom-hub-discovery-guild-list-min-card-width: 248px;
  --custom-hub-discovery-guild-list-gutter-size: 16px;
  --custom-hub-discovery-page-max-page-width: 1608px
}

:root {
  --custom-guild-tooltip-icon-size: 20px;
  --custom-guild-tooltip-icon-size-v-2: 16px;
  --custom-list-items-list-item-width: 72px;
  --custom-folder-item-animation-duration: 150ms;
  --custom-folder-item-guild-icon-size: 48px;
  --custom-folder-item-guild-icon-margin: 8px
}

.visual-refresh {
  --custom-list-items-list-item-width: 76px;
  --custom-folder-item-guild-icon-size: 52px
}

:root {
  --custom-category-channel-space-before-category: 16px
}

:root {
  --custom-add-permissions-modal-focus-ring-width: 4px;
  --custom-custom-role-icon-form-item-role-icon-preview-size: 32px;
  --custom-guild-settings-roles-edit-shared-sidebar-width: 232px;
  --custom-guild-settings-roles-intro-roles-transition: 250ms;
  --custom-guild-settings-roles-intro-pause-transition: 166ms;
  --custom-guild-settings-roles-intro-background-transition: 500ms;
  --custom-guild-settings-roles-intro-banner-transition-delay: calc(var(--custom-guild-settings-roles-intro-roles-transition) + var(--custom-guild-settings-roles-intro-pause-transition));
  --custom-guild-settings-roles-intro-roles-transition-delay: calc(var(--custom-guild-settings-roles-intro-roles-transition) + 2 * var(--custom-guild-settings-roles-intro-pause-transition) + var(--custom-guild-settings-roles-intro-background-transition));
  --custom-guild-settings-community-intro-content-spacing: 32px;
  --custom-guild-settings-community-intro-hover-distance: -12px;
  --custom-guild-settings-community-intro-text-spacing: 8px;
  --custom-guild-settings-discovery-landing-page-max-width-tab: 905px;
  --custom-guild-settings-discovery-landing-page-settings-max-width: 520px;
  --custom-guild-settings-partner-content-spacing: 32px
}

:root {
  --custom-event-detail-info-tab-base-spacing: 8px
}

:root {
  --custom-subscription-listing-previews-carousel-cards-get-cut-off-width: 724px;
  --custom-editable-benefits-list-emoji-size: 24px;
  --custom-edit-benefit-modal-emoji-size: 22px;
  --custom-edit-benefit-modal-emoji-margin: 10px;
  --custom-guild-settings-role-subscriptions-max-width: 905px;
  --custom-guild-settings-role-subscriptions-overview-settings-max-width: 520px;
  --custom-guild-settings-store-page-settings-max-width: 520px;
  --custom-importable-benefits-list-listing-image-size: 40px;
  --custom-import-benefits-modal-icon-size: 24px;
  --custom-import-benefits-modal-role-icon-size: 40px;
  --custom-role-icon-uploader-icon-size: 24px;
  --custom-guild-role-subscription-style-constants-cover-image-aspect-ratio: 4;
  --custom-historic-earnings-table-toggle-expand-column-width: 30px;
  --custom-guild-role-subscription-card-basic-info-tier-image-size: 80px;
  --custom-guild-role-subscription-card-basic-info-tier-image-size-mobile: 48px;
  --custom-guild-role-subscriptions-overview-page-page-max-width: 1180px
}

:root {
  --custom-guild-dialog-popout-width: 250px;
  --custom-guild-dialog-splash-ratio: 1.77778;
  --custom-guild-dialog-icon-size: 84px;
  --custom-guild-dialog-icon-padding: 4px
}

:root {
  --custom-guild-product-download-modal-header-image-width: 119px
}

:root {
  --custom-guild-onboarding-home-page-max-page-width: 1128px;
  --custom-guild-onboarding-home-page-max-single-column-width: 704px;
  --custom-home-resource-channels-obscured-blur-radius: 20px
}

:root {
  --custom-guild-member-application-review-sidebar-width: 29vw
}

:root {
  --custom-featured-items-popout-featured-items-popout-footer-height: 120px
}

:root {
  --custom-guild-boosting-sidebar-display-conditional-bottom-margin: 12px;
  --custom-guild-boosting-marketing-progress-bar-marker-dimensions: 32px;
  --custom-guild-boosting-marketing-progress-bar-end-markers-margin: 4px;
  --custom-guild-boosting-marketing-progress-bar-marker-marker-dimensions: 32px;
  --custom-guild-boosting-marketing-tier-cards-tier-card-border-radius: 16px
}

:root {
  --custom-go-live-modal-art-height: 112px
}

:root {
  --custom-gif-picker-gutter-size: 0 16px 12px 16px;
  --custom-gif-picker-search-results-desired-item-width: 160px
}

:root {
  --custom-forum-composer-attachments-attachment-size: 78px;
  --custom-forum-post-obscured-blur-radius: 20px;
  --custom-forum-post-grid-view-obscured-blur-radius: 20px;
  --custom-demo-forum-channel-padding-large: 20px;
  --custom-demo-forum-channel-post-padding: 12px;
  --custom-demo-forum-channel-gap-size: 8px
}

:root {
  --custom-feedback-modal-emoji-size: 64px;
  --custom-feedback-modal-close-button-margin: 12px
}

:root {
  --custom-expression-suggestions-container-padding: 8px;
  --custom-expression-suggestions-sticker-suggestion-size: 48px;
  --custom-expression-suggestions-sticker-suggestion-margin: 8px
}

:root {
  --custom-expression-picker-constants-expression-picker-list-section-heading-height: 32px;
  --custom-expression-picker-constants-expression-picker-inspector-bar-graphic-primary-dimensions: 28px;
  --custom-expression-picker-constants-expression-picker-inspector-bar-graphic-secondary-dimensions: 32px;
  --custom-expression-picker-constants-expression-picker-inspector-bar-height: 48px
}

:root {
  --custom-emoji-picker-border-radius: 8px;
  --custom-emoji-picker-constants-min-emoji-picker-width: 498px;
  --custom-emoji-picker-constants-emoji-size-medium: 40px;
  --custom-emoji-picker-constants-emoji-size-large: 48px;
  --custom-emoji-picker-constants-emoji-container-padding-horizontal: 4px;
  --custom-emoji-picker-constants-emoji-container-padding-vertical: 4px;
  --custom-emoji-picker-constants-emoji-picker-height: 440px;
  --custom-emoji-picker-constants-emoji-section-margin-bottom: 12px;
  --custom-emoji-picker-constants-emoji-list-padding-top: 0;
  --custom-emoji-picker-constants-emoji-list-padding-right: 0;
  --custom-emoji-picker-constants-emoji-list-padding-bottom: 8px;
  --custom-emoji-picker-constants-emoji-list-padding-left: 8px;
  --custom-emoji-picker-constants-emoji-list-search-results-padding-top: 8px;
  --custom-emoji-picker-constants-unicode-category-icon-margin-vertical: 2px;
  --custom-emoji-picker-constants-unicode-category-icon-size: 24px;
  --custom-emoji-picker-constants-unicode-category-icon-padding: 4px;
  --custom-emoji-picker-constants-unicode-category-shortcut-height: 48px;
  --custom-emoji-picker-constants-guild-category-icon-size: 32px;
  --custom-emoji-picker-constants-guild-category-icon-margin-verical: 8px;
  --custom-emoji-picker-constants-category-separator-size: 1px;
  --custom-emoji-picker-constants-category-separator-margin-vertical: 12px;
  --custom-emoji-picker-constants-diversity-emoji-size: 24px;
  --custom-emoji-picker-constants-emoji-premium-upsell-height: 54px;
  --custom-emoji-picker-constants-emoji-premium-upsell-margin-top: 16px;
  --custom-emoji-picker-constants-newly-added-emoji-badge-height: 16px
}

:root {
  --custom-discover-static-guild-card-card-height: 258px;
  --custom-discover-featured-guilds-section-card-height: 320px;
  --custom-discover-featured-guilds-section-min-card-width: 248px;
  --custom-discover-featured-guilds-section-gutter-size: 16px;
  --custom-discover-search-results-max-search-bar-width: 720px
}

:root {
  --custom-guild-directory-min-card-width: 248px;
  --custom-guild-directory-gutter-size: 16px;
  --custom-guild-directory-min-content-width: 320px;
  --custom-guild-directory-max-page-width: 1608px;
  --custom-guild-directory-entry-card-card-height: 274px;
  --custom-guild-directory-landing-min-header-height: 200px
}

:root {
  --custom-custom-status-modal-art-height: 120px;
  --custom-custom-status-modal-emoji-size: 22px;
  --custom-custom-status-modal-emoji-margin: 10px
}

:root {
  --custom-guild-shop-page-two-column-max-width: 1439px;
  --custom-aspect-stable-image-container-padding: 20px;
  --custom-monetization-info-table-expandable-rows-toggle-expand-column-width: 30px;
  --custom-guild-shop-content-width: 1044px;
  --custom-guild-shop-content-width-reduced: 788px;
  --custom-guild-shop-content-width-minimum: 688px;
  --custom-guild-shop-channel-row-gradient: linear-gradient(113deg, #2f3570 1.98%, #422c70 94.48%);
  --custom-guild-shop-channel-row-gradient-hover: linear-gradient(113deg, #383f86 1.98%, #4d3385 94.48%);
  --custom-guild-shop-channel-row-border-gradient: linear-gradient(113deg, rgb(101, 145, 255), rgb(209, 80, 255));
  --custom-guild-shop-channel-row-glow: 0 0 4px rgba(189, 149, 255, 0.5);
  --custom-guild-shop-preview-pill-shadow-dark: -4px 5px #1d1d1d;
  --custom-guild-shop-preview-pill-shadow-light: -4px 5px #d7dce8;
  --custom-guild-shop-gradient-start: #686bff;
  --custom-guild-shop-gradient-end: #c356fd
}

:root {
  --custom-guild-role-connections-modal-close-button-margin: 12px
}

:root {
  --custom-clips-enabled-indicator-medium-break-point: 920px;
  --custom-clips-enabled-indicator-badge-icon-dimension-override: 20px
}

:root {
  --custom-client-themes-editor-content-width: calc(var(--custom-theme-selection-selection-size) * 3 + var(--custom-theme-selection-group-column-gap) * 2);
  --custom-client-themes-editor-editor-padding: 16px;
  --custom-theme-selection-selection-size: 60px;
  --custom-theme-selection-group-column-gap: 24px
}

:root {
  --custom-channel-attachment-upload-spoiler-blur-radius: 44px;
  --custom-channel-attachment-upload-mini-attachment-size: 78px;
  --custom-channel-textarea-text-area-height: 44px;
  --custom-channel-textarea-text-area-max-height: 50vh;
  --custom-channel-textarea-app-launcher-button-gap: 8px
}

:root {
  --custom-channel-notice-icon-size: 16px;
  --custom-channel-notice-padding: 12px
}

:root {
  --custom-channel-call-participants-popout-padding-value: 16px;
  --custom-stream-upsell-modal-art-height: 149px;
  --custom-voice-channel-status-modal-emoji-size: 22px;
  --custom-voice-channel-status-modal-emoji-margin: 10px
}

:root {
  --custom-broadcasting-tooltip-image-offset: 40px
}

:root {
  --custom-application-directory-content-min-width: 600px;
  --custom-application-directory-content-max-width: 1024px;
  --custom-guild-count-small-icon-size: 16px;
  --custom-guild-count-large-icon-size: 20px;
  --custom-collection-gallery-text-container-width: 400px;
  --custom-collection-gallery-media-breakpoint: 1024px;
  --custom-collection-gallery-column-card-height: 600px;
  --custom-collection-gallery-row-card-height: 283px;
  --custom-collection-list-card-gap: 16px;
  --custom-collection-list-with-image-grid-gap: 16px;
  --custom-collections-collection-gap: 32px;
  --custom-application-directory-profile-sidebar-width: 192px;
  --custom-application-directory-profile-sidebar-margin-right: 48px;
  --custom-application-directory-profile-icon-size: 122px;
  --custom-application-directory-search-sidebar-width: 200px;
  --custom-application-directory-search-sidebar-margin-right: 32px
}

:root {
  --custom-activity-bookmark-embed-image-width: 356px;
  --custom-activity-bookmark-embed-image-height: 200px;
  --custom-activity-bookmark-embed-content-height: 400px;
  --custom-activity-shelf-item-activity-item-height: 230px;
  --custom-activity-shelf-item-large-activity-item-height: 143px;
  --custom-activity-shelf-modal-modal-padding: 80px;
  --custom-activity-shelf-modal-modal-width: 496px;
  --custom-activity-shelf-modal-modal-min-width: 496px;
  --custom-activity-shelf-modal-modal-max-width: 1024px;
  --custom-activity-shelf-modal-modal-header-height: 92px;
  --custom-activity-shelf-modal-modal-header-without-description-height: 74px;
  --custom-activity-shelf-modal-modal-footer-height: 50px;
  --custom-activity-shelf-modal-modal-art-height: 64px;
  --custom-activity-shelf-modal-modal-max-height: 720px;
  --custom-activity-shelf-modal-modal-header-developer-controls-height: 176px;
  --custom-activity-shelf-modal-dividers-height: 2px;
  --custom-activity-shelf-modal-divider-height: 1px;
  --custom-activity-shelf-slide-activity-directory-shelf-grid-gap: 16px
}

:root {
  --custom-accept-invite-modal-invite-modal-height: 420px;
  --custom-accept-invite-modal-small-screen-width: 720px
}

:root {
  --custom-avatar-avatar-decoration-border-position: calc((1 - var(--decoration-to-avatar-ratio)) / 2 * 100%);
  --custom-button-button-xl-width: 148px;
  --custom-button-button-xl-height: 50px;
  --custom-button-button-lg-width: 130px;
  --custom-button-button-lg-height: 44px;
  --custom-button-button-md-width: 96px;
  --custom-button-button-md-height: 38px;
  --custom-button-button-sm-width: 60px;
  --custom-button-button-sm-height: 32px;
  --custom-button-button-tn-height: 24px;
  --custom-button-button-tn-width: 52px;
  --custom-button-link-underline-width: 1px;
  --custom-button-link-underline-offset: 1px;
  --custom-button-link-underline-stop: calc(var(--custom-button-link-underline-width) + var(--custom-button-link-underline-offset));
  --custom-button-filled-hover: 0.1;
  --custom-button-filled-active: 0.2;
  --custom-button-transition-duration: 170ms;
  --custom-modal-min-width-large: 800px
}

:root {
  --custom-special-markdown-small-break-point: 600px;
  --custom-special-markdown-medium-break-point: 768px;
  --custom-user-profile-hype-squad-badge-icon-size: 24px;
  --custom-user-profile-hype-squad-badge-shine-size-offset: 64px
}

:root {
  --custom-guild-discovery-gutter-size: 16px;
  --custom-guild-discovery-max-page-width: 1608px
}

:root {
  --custom-dropdown-button-small-dropdown-size: 16px;
  --custom-dropdown-button-medium-dropdown-size: 24px;
  --custom-dropdown-button-large-dropdown-size: 32px;
  --custom-dropdown-button-separator-padding: 4px;
  --custom-dropdown-button-hitbox-padding: 8px;
  --custom-responsive-embed-tile-loading-background-width: 271px;
  --custom-game-install-locations-item-padding: 20px;
  --custom-game-list-row-min-height: 62px;
  --custom-game-list-linked-to-glow-duration: 2000ms;
  --custom-application-store-home-store-home-width: 1245px;
  --custom-application-store-listing-body-max-width: 880px;
  --custom-store-colors-primary-750: #191b1d;
  --custom-store-colors-premium-gradient: linear-gradient(to right,
      var(--premium-tier-2-purple),
      var(--premium-tier-2-pink))
}

:root {
  --custom-member-list-item-avatar-decoration-padding: 2px;
  --custom-messages-popout-messages-popout-footer-height: 120px;
  --custom-radio-image-border-thickness: 2px;
  --custom-standard-sidebar-view-sidebar-content-width: 192px;
  --custom-standard-sidebar-view-standard-padding: 20px;
  --custom-standard-sidebar-view-sidebar-content-scrollbar-padding: 6px;
  --custom-standard-sidebar-view-sidebar-total-width: calc(var(--custom-standard-sidebar-view-sidebar-content-width) + var(--custom-standard-sidebar-view-standard-padding) + var(--custom-standard-sidebar-view-sidebar-content-scrollbar-padding))
}

.visual-refresh {
  --custom-standard-sidebar-view-sidebar-total-width: 264px
}

:root {
  --decoration-to-avatar-ratio: 1.2
}

:root {
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800
}

.theme-dark.custom-theme-background {
  --bg-overlay-color: 0 0 0;
  --bg-overlay-color-inverse: 255 255 255;
  --bg-overlay-opacity-1: 0.85;
  --bg-overlay-opacity-2: 0.8;
  --bg-overlay-opacity-3: 0.7;
  --bg-overlay-opacity-4: 0.5;
  --bg-overlay-opacity-5: 0.4;
  --bg-overlay-opacity-6: 0.1;
  --bg-overlay-opacity-hover: 0.5;
  --bg-overlay-opacity-hover-inverse: 0.08;
  --bg-overlay-opacity-active: 0.45;
  --bg-overlay-opacity-active-inverse: 0.1;
  --bg-overlay-opacity-selected: 0.4;
  --bg-overlay-opacity-selected-inverse: 0.15;
  --bg-overlay-opacity-chat: 0.8;
  --bg-overlay-opacity-home: 0.85;
  --bg-overlay-opacity-home-card: 0.8;
  --bg-overlay-opacity-app-frame: var(--bg-overlay-opacity-4)
}

.theme-dark.custom-theme-background,
.custom-theme-background .theme-dark {
  --theme-base-color: var(--theme-base-color-dark);
  --theme-text-color: var(--theme-text-color-dark);
  --theme-base-color-hsl: var(--theme-base-color-dark-hsl)
}

.theme-light.custom-theme-background {
  --bg-overlay-color: 255 255 255;
  --bg-overlay-color-inverse: 0 0 0;
  --bg-overlay-opacity-1: 0.9;
  --bg-overlay-opacity-2: 0.8;
  --bg-overlay-opacity-3: 0.7;
  --bg-overlay-opacity-4: 0.6;
  --bg-overlay-opacity-5: 0.3;
  --bg-overlay-opacity-6: 0.15;
  --bg-overlay-opacity-hover: 0.7;
  --bg-overlay-opacity-hover-inverse: 0.02;
  --bg-overlay-opacity-active: 0.65;
  --bg-overlay-opacity-active-inverse: 0.03;
  --bg-overlay-opacity-selected: 0.6;
  --bg-overlay-opacity-selected-inverse: 0.04;
  --bg-overlay-opacity-chat: 0.9;
  --bg-overlay-opacity-home: 0.7;
  --bg-overlay-opacity-home-card: 0.9;
  --bg-overlay-opacity-app-frame: var(--bg-overlay-opacity-5)
}

.theme-light.custom-theme-background,
.custom-theme-background .theme-light {
  --theme-base-color: var(--theme-base-color-light);
  --theme-text-color: var(--theme-text-color-light);
  --theme-base-color-hsl: var(--theme-base-color-light-hsl)
}

.custom-theme-background {
  --bg-overlay-1: linear-gradient(rgb(var(--bg-overlay-color) / var(--bg-overlay-opacity-1)),
      rgb(var(--bg-overlay-color) / var(--bg-overlay-opacity-1))) fixed 0 0 / cover,
    var(--custom-theme-background) fixed 0 0 / cover;
  --bg-overlay-2: linear-gradient(rgb(var(--bg-overlay-color) / var(--bg-overlay-opacity-2)),
      rgb(var(--bg-overlay-color) / var(--bg-overlay-opacity-2))) fixed 0 0 / cover,
    var(--custom-theme-background) fixed 0 0 / cover;
  --bg-overlay-3: linear-gradient(rgb(var(--bg-overlay-color) / var(--bg-overlay-opacity-3)),
      rgb(var(--bg-overlay-color) / var(--bg-overlay-opacity-3))) fixed 0 0 / cover,
    var(--custom-theme-background) fixed 0 0 / cover;
  --bg-overlay-4: linear-gradient(rgb(var(--bg-overlay-color) / var(--bg-overlay-opacity-4)),
      rgb(var(--bg-overlay-color) / var(--bg-overlay-opacity-4))) fixed 0 0 / cover,
    var(--custom-theme-background) fixed 0 0 / cover;
  --bg-overlay-5: linear-gradient(rgb(var(--bg-overlay-color) / var(--bg-overlay-opacity-5)),
      rgb(var(--bg-overlay-color) / var(--bg-overlay-opacity-5))) fixed 0 0 / cover,
    var(--custom-theme-background) fixed 0 0 / cover;
  --bg-overlay-6: linear-gradient(rgb(var(--bg-overlay-color-inverse) / var(--bg-overlay-opacity-6)),
      rgb(var(--bg-overlay-color-inverse) / var(--bg-overlay-opacity-6))) fixed 0 0 / cover,
    var(--custom-theme-background) fixed 0 0 / cover;
  --bg-overlay-hover: linear-gradient(rgb(var(--bg-overlay-color-inverse) / var(--bg-overlay-opacity-hover-inverse)),
      rgb(var(--bg-overlay-color-inverse) / var(--bg-overlay-opacity-hover-inverse))) fixed 0 0 / cover,
    linear-gradient(rgb(var(--bg-overlay-color) / var(--bg-overlay-opacity-hover)),
      rgb(var(--bg-overlay-color) / var(--bg-overlay-opacity-hover))) fixed 0 0 / cover,
    var(--custom-theme-background) fixed 0 0 / cover;
  --bg-overlay-active: linear-gradient(rgb(var(--bg-overlay-color-inverse) / var(--bg-overlay-opacity-active-inverse)),
      rgb(var(--bg-overlay-color-inverse) / var(--bg-overlay-opacity-active-inverse))) fixed 0 0 / cover,
    linear-gradient(rgb(var(--bg-overlay-color) / var(--bg-overlay-opacity-active)),
      rgb(var(--bg-overlay-color) / var(--bg-overlay-opacity-active))) fixed 0 0 / cover,
    var(--custom-theme-background) fixed 0 0 / cover;
  --bg-overlay-selected: linear-gradient(rgb(var(--bg-overlay-color-inverse) / var(--bg-overlay-opacity-selected-inverse)),
      rgb(var(--bg-overlay-color-inverse) / var(--bg-overlay-opacity-selected-inverse))) fixed 0 0 / cover,
    linear-gradient(rgb(var(--bg-overlay-color) / var(--bg-overlay-opacity-selected)),
      rgb(var(--bg-overlay-color) / var(--bg-overlay-opacity-selected))) fixed 0 0 / cover,
    var(--custom-theme-background) fixed 0 0 / cover;
  --bg-overlay-chat: linear-gradient(rgb(var(--bg-overlay-color) / var(--bg-overlay-opacity-chat)),
      rgb(var(--bg-overlay-color) / var(--bg-overlay-opacity-chat))) fixed 0 0 / cover,
    var(--custom-theme-background) fixed 0 0 / cover;
  --bg-overlay-home: linear-gradient(rgb(var(--bg-overlay-color) / var(--bg-overlay-opacity-home)),
      rgb(var(--bg-overlay-color) / var(--bg-overlay-opacity-home))) fixed 0 0 / cover,
    var(--custom-theme-background) fixed 0 0 / cover;
  --bg-overlay-home-card: linear-gradient(rgb(var(--bg-overlay-color) / var(--bg-overlay-opacity-home-card)),
      rgb(var(--bg-overlay-color) / var(--bg-overlay-opacity-home-card))) fixed 0 0 / cover,
    var(--custom-theme-background) fixed 0 0 / cover;
  --bg-overlay-app-frame: linear-gradient(rgb(var(--bg-overlay-color) / var(--bg-overlay-opacity-app-frame)),
      rgb(var(--bg-overlay-color) / var(--bg-overlay-opacity-app-frame))) fixed 0 0 / cover,
    var(--custom-theme-background) fixed 0 0 / cover
}

[data-disable-adaptive-theme=true],
.disable-adaptive-theme {
  --theme-base-color-amount: 0% !important;
  --theme-text-color-amount: 0% !important
}

.visual-refresh.custom-theme-background.theme-dark {
  --app-border-frame: color-mix(in oklab, var(--custom-theme-secondary-color) 100%, black 80%)
}

.visual-refresh.custom-theme-background.theme-light {
  --app-border-frame: color-mix(in oklab, var(--custom-theme-secondary-color) 100%, white 80%)
}

body,
html,
.appMount_ea7e65 {
  height: 100%;
  width: 100%
}

.appMount_ea7e65 {
  position: absolute;
  overflow: hidden;
  display: flex;
  flex-direction: column
}

body,
.appMount_ea7e65 {
  background: var(--bg-overlay-2, var(--background-secondary));
  text-rendering: optimizeLegibility
}

.visual-refresh body,
.visual-refresh .appMount_ea7e65 {
  background: var(--bg-base-tertiary)
}

.overlay body,
.overlay .appMount_ea7e65 {
  background: transparent
}

::-moz-placeholder {
  font-family: var(--font-primary);
  text-rendering: optimizeLegibility
}

body,
textarea,
input,
button,
select,
::placeholder {
  font-family: var(--font-primary);
  text-rendering: optimizeLegibility
}

a,
div,
span,
strong,
button,
input,
textarea,
select,
label {
  outline: 0
}

img[alt] {
  text-indent: -9999px
}

.enable-forced-colors .appMount_ea7e65 {
  box-sizing: border-box;
  border: 2px solid CanvasText
}

@media all and (-webkit-max-device-pixel-ratio:1.5) {
  .theme-light {
    --font-weight-semibold-1x-light-theme: 600
  }
}

:root {
  --custom-channel-header-height: 48px;
  --custom-member-list-width: 240px;
  --custom-chat-input-icon-button-size: 24px
}

.visual-refresh {
  --custom-list-items-list-item-width: 76px;
  --custom-guild-list-width: 76px;
  --custom-guild-sidebar-width: 268px;
  --custom-app-sidebar-target-width: calc(var(--custom-guild-sidebar-width) + var(--custom-guild-list-width));
  --custom-channel-textarea-text-area-height: 48px;
  --custom-rtc-account-height: 64px;
  --custom-app-top-bar-height: 32px;
  --custom-channel-header-height: 56px;
  --custom-chat-input-icon-button-size: 20px;
  --custom-emoji-sprite-size: 20px;
  --custom-member-list-width: 269px
}

.grecaptcha-badge {
  visibility: hidden
}