@keyframes BOjJT {
  0%,to {
    opacity: 1
  }

  50% {
    opacity: 0
  }
}

.PpzdW {
  overscroll-behavior: none;
  touch-action: none;
  background: #0a0a0a;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  font-family: Spleen,monospace;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden
}

@media (min-width: 801px) {
  .PpzdW:has(.VIQP3) {
    flex-direction:row;
    justify-content: center;
    gap: 24px
  }
}

.Ltjo1 {
  position: relative
}

.iXN_S {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0
}

@media not (max-width: 540px) {
  .iXN_S {
    top:-20px;
    right: -20px
  }
}

.A3Lmy {
  background: #0a0a0a;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.aEFpS {
  background: #1a1a1a;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 28px;
  flex-direction: column;
  flex: 1;
  width: 345px;
  max-width: 345px;
  max-height: 680px;
  padding: 16px 17px 0;
  font-family: Spleen,monospace;
  display: flex;
  position: relative;
  box-shadow: 0 0 30px rgba(0,0,0,.8),inset 0 -13px 22px rgba(0,0,0,.49),0 0 60px rgba(1,207,53,.05)
}

.M3AY_ {
  background: #1a1a1a;
  border: 5px solid #1a1a1a;
  border-radius: 12px;
  padding: 5px;
  position: relative;
  overflow: hidden
}

.gatOJ {
  isolation: isolate;
  background: #0a0f0a;
  border-radius: 12px;
  position: relative;
  overflow: hidden
}

.gatOJ:focus-visible {
  outline: 2px solid rgba(255,255,255,.15)
}

.gatOJ:after {
  z-index: 10;
  content: "";
  pointer-events: none;
  background: repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 4px);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.gatOJ:before {
  z-index: 11;
  content: "";
  pointer-events: none;
  background: radial-gradient(transparent 60%,rgba(0,0,0,.4) 100%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.gatOJ.fnXz6:after,.gatOJ.fnXz6:before {
  display: none
}

.gatOJ.Ym6bn {
  animation: .2s ease-out q3ZEb
}

@keyframes q3ZEb {
  0% {
    translate: 0
  }

  20% {
    translate: -3px 2px
  }

  40% {
    translate: 3px -2px
  }

  60% {
    translate: -2px 1px
  }

  80% {
    translate: 2px -1px
  }

  to {
    translate: 0
  }
}

.IZ4Il {
  z-index: 5;
  color: #01cf35;
  text-shadow: 0 0 4px #01cf35;
  justify-content: space-between;
  padding: 10px 12px 6px;
  font-family: "Press Start 2P",monospace;
  font-size: 12px;
  display: flex;
  position: relative
}

.Vy4Y8 {
  z-index: 5;
  width: 100%;
  image-rendering: pixelated;
  transition: filter .3s;
  display: block;
  position: relative
}

.r2Zf2 {
  filter: blur(3px)brightness(.4)
}

.hld3L {
  flex-direction: column;
  flex: 1;
  display: flex
}

.pOMEm {
  cursor: pointer;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 16px;
  display: flex
}

.PpXYA {
  grid-template-rows: repeat(3,auto);
  grid-template-columns: repeat(3,auto);
  grid-template-areas: ".up.""left center right"".down.";
  align-items: center;
  justify-items: center;
  gap: 4px;
  display: grid
}

.Y46s7 {
  color: #fff;
  cursor: pointer;
  pointer-events: none;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  --icon-color-primary: #fff;
  background: rgba(255,255,255,.05);
  border: none;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  padding: 16px;
  font-family: inherit;
  font-size: 18px;
  transition: background .1s;
  display: flex
}

.Y46s7 svg {
  fill: currentColor
}

.Y46s7.IFfZN {
  background: rgba(255,255,255,.15)
}

.W8AV_ {
  grid-area: up
}

.dN8z8 {
  grid-area: down
}

.E7uba {
  grid-area: left
}

.hvEQf {
  grid-area: right
}

.A5pbh {
  grid-area: center
}

.gE8TD {
  pointer-events: none
}

.D8GOW {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  padding: 0 0 16px;
  display: flex
}

.WXI3Y {
  color: #fff;
  filter: drop-shadow(1px 1px #000);
  justify-content: center;
  align-items: center;
  display: flex
}

.HaiDD {
  z-index: 20;
  color: #34d95d;
  text-align: center;
  text-shadow: 0 0 4px #01cf35;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.HaiDD h1 {
  margin-bottom: 0;
  font-size: 32px;
  line-height: 1
}

.jwCwB {
  color: #34d95d;
  text-shadow: 0 0 4px #01cf35;
  margin-bottom: 28px;
  font-size: 12px;
  line-height: 1.6
}

.YJZPn {
  color: #01cf35;
  text-shadow: 0 0 4px #01cf35;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 1.6
}

.ckvfn {
  color: #01cf35;
  text-shadow: 0 0 4px #01cf35;
  margin-top: 12px;
  font-size: 12px;
  animation: 1s step-end infinite BOjJT
}

.Z4dBe {
  margin-bottom: 4px;
  font-size: 20px
}

.ttfbh {
  justify-content: center
}

.ttfbh .jwCwB {
  margin-bottom: 16px
}

.BSjUN {
  margin-bottom: 12px;
  font-size: 12px;
  animation: 1s step-end infinite BOjJT
}

.qYMou {
  z-index: 25;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  display: flex
}

.hDod5 {
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 20px;
  padding: 10px 32px;
  font-family: Spleen,monospace;
  font-size: 8px;
  transition: background .15s,color .15s
}

.R9u_I {
  color: #0a0a0a;
  text-shadow: none;
  background: #01cf35;
  border: 2px solid #01cf35;
  font-size: 14px;
  box-shadow: 0 0 10px rgba(1,207,53,.4)
}

.R9u_I:active {
  background: #019a28;
  border-color: #019a28
}

.MJZ2G {
  color: #01cf35;
  text-shadow: 0 0 4px #01cf35;
  background: #1a1a1a;
  border: 2px solid #01cf35;
  font-size: 14px
}

.MJZ2G:active {
  background: #2a2a2a
}

._wqRd {
  flex-direction: column;
  align-items: center;
  gap: 8px;
  display: flex
}

@media (max-width: 800px) {
  ._wqRd {
    display:none
  }
}

.VIQP3 {
  image-rendering: auto;
  border: 1px solid rgba(1,207,53,.2);
  border-radius: 12px;
  width: 400px;
  height: 445px
}

.f8qMW {
  color: #01cf35;
  cursor: pointer;
  background: 0 0;
  border: 1px solid rgba(1,207,53,.3);
  border-radius: 8px;
  padding: 6px 16px;
  font-family: Spleen,monospace;
  font-size: 12px
}

.f8qMW:active {
  background: rgba(1,207,53,.1)
}

@keyframes qoxfn {
  0% {
    translate: var(--boop-dx) var(--boop-dy);
    opacity: 0;
    scale: .7
  }

  15% {
    opacity: 1
  }

  50% {
    opacity: 1;
    translate: 0;
    scale: 1.3
  }

  55% {
    translate: calc(var(--boop-dx)*-.05) calc(var(--boop-dy)*-.05);
    scale: 1.2
  }

  70% {
    translate: calc(var(--boop-dx)*.1) calc(var(--boop-dy)*.1);
    scale: 1.1
  }

  to {
    translate: var(--boop-dx) var(--boop-dy);
    opacity: 0;
    scale: .7
  }
}

.lShGF {
  z-index: 15;
  pointer-events: none;
  position: absolute
}

.VoFih {
  height: 280px;
  animation: 1s cubic-bezier(.36,.07,.19,.97) forwards qoxfn
}

.lvp_3 {
  z-index: 25;
  cursor: pointer;
  flex-direction: column;
  align-items: flex-end;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 4px
}

.cbbcu {
  color: #0a0a0a;
  text-shadow: none;
  white-space: nowrap;
  background: #01cf35;
  border-radius: 8px;
  margin-bottom: 4px;
  padding: 10px 8px;
  font-family: Spleen,monospace;
  font-size: 11px;
  position: relative
}

.cbbcu:after {
  content: "";
  border-top: 6px solid #01cf35;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  width: 0;
  height: 0;
  position: absolute;
  bottom: -6px;
  right: 8px
}

.Mr7Nb {
  filter: drop-shadow(0 0 4px #01cf35);
  width: 29px;
  height: 36px;
  margin-bottom: -4px;
  display: block
}

.ybmTG {
  z-index: 2;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.ybmTG.ufrME {
  z-index: 100
}

.DxQ0f[data-popper-reference-hidden=true] {
  opacity: 0;
  pointer-events: none
}

.AzqQv {
  background: var(--modal);
  color: var(--content-fg);
  border-radius: 3px;
  overflow-y: auto;
  box-shadow: 0 0 15px rgba(0,0,0,.5)
}

.AzqQv>* {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.AzqQv {
  max-height: calc(100vh - 88px)
}

.P4LH6 {
  overflow-y: visible
}

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

.W9hfZ {
  width: inherit;
  display: inline
}

.Vcrhu {
  vertical-align: top;
  flex: 1;
  display: flex
}

.i8McQ {
  text-overflow: ellipsis;
  display: block;
  overflow: hidden
}

@keyframes QoIzC {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.IRzs1 {
  animation: .1s ease-in-out QoIzC
}

.HrshS {
  animation: .1s ease-in-out reverse forwards QoIzC
}

.G75qL {
  pointer-events: none;
  width: 16px;
  height: 16px;
  position: absolute
}

.G75qL:after {
  content: "";
  pointer-events: none;
  border: 8px solid transparent;
  width: 0;
  height: 0;
  position: absolute
}

.G75qL[data-placement*=right] {
  top: 6px;
  left: -8px
}

.G75qL[data-placement*=right]:after {
  border-left: none;
  border-right-color: var(--popover-arrow-color,var(--tool-tip));
  top: 0;
  left: 0
}

.G75qL[data-placement*=left] {
  top: 6px;
  right: -8px
}

.G75qL[data-placement*=left]:after {
  border-right: none;
  border-left-color: var(--popover-arrow-color,var(--tool-tip));
  top: 0;
  right: 0
}

.G75qL[data-placement*=top] {
  bottom: -16px;
  left: 27px
}

.G75qL[data-placement*=top]:after {
  border-bottom: none;
  border-top-color: var(--popover-arrow-color,var(--tool-tip));
  top: 0;
  left: 0
}

.G75qL[data-placement=top-start]:after {
  left: -19px
}

.G75qL[data-placement=top-end]:after {
  left: 19px
}

.G75qL[data-placement*=bottom] {
  top: -16px;
  left: 27px
}

.G75qL[data-placement*=bottom]:after {
  border-top: none;
  border-bottom-color: var(--popover-arrow-color,var(--tool-tip));
  bottom: 0;
  left: 0
}

.G75qL[data-placement=bottom-start]:after {
  left: -19px
}

.G75qL[data-placement=bottom-end]:after {
  left: 19px
}

.xKtGo {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  color: var(--tool-tip-text);
  border-radius: 4px;
  padding: 6px 12px
}

@media screen and (hover: none) {
  .xKtGo {
    display:none
  }
}

.xKtGo.MQ92z {
  background-color: var(--tool-tip)
}

.xKtGo.MQ92z .P9dh8 {
  fill: var(--tool-tip)!important
}

.xKtGo.L_qfj {
  background-color: var(--brand-blue)
}

.xKtGo.L_qfj .P9dh8 {
  fill: var(--brand-blue)!important
}

.xKtGo.j5rx5 {
  background-color: var(--brand-red)
}

.xKtGo.j5rx5 .P9dh8 {
  fill: var(--brand-red)!important
}

.xKtGo.K7VQH {
  background-color: var(--brand-orange)
}

.xKtGo.K7VQH .P9dh8 {
  fill: var(--brand-orange)!important
}

.xKtGo.tBok2 {
  background-color: var(--brand-green)
}

.xKtGo.tBok2 .P9dh8 {
  fill: var(--brand-green)!important
}

.OjzK7 {
  z-index: 101
}

.qf5_7 {
  box-sizing: border-box;
  border-radius: 9999px;
  outline: none;
  justify-content: center;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-decoration: none;
  display: inline-flex
}

.qf5_7:focus-visible {
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: solid
}

.Vh1oQ {
  flex-shrink: 0;
  line-height: 0
}

.aKdEe {
  text-overflow: ellipsis;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:1) {
  .aKdEe {
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:1)) {
  .aKdEe {
    white-space:nowrap
  }
}

.aKdEe {
  text-align: left
}

.zWFEr {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  padding: 6px 12px
}

.zWFEr.lbUWE {
  gap: 4px;
  padding: 6px 12px
}

.u1icf {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  padding: 10px 16px
}

.u1icf.lbUWE {
  gap: 6px;
  padding: 10px 16px 10px 14px
}

.onVA7 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  padding: 12px 20px
}

.onVA7.lbUWE {
  gap: 8px;
  padding: 12px 20px 12px 16px
}

.eEN3e {
  min-width: 64px
}

.lhCLD {
  min-width: 80px
}

.V6Ezs {
  min-width: 96px
}

.CZAN9 {
  width: 100%
}

.xhHhD.GqZGX.FvWC2 {
  background-color: var(--chrome-ui);
  color: var(--chrome-ui-fg)
}

@media (hover: hover) {
  .xhHhD.GqZGX.FvWC2:hover {
    background-color:var(--chrome-ui-hover)
  }
}

.xhHhD.GqZGX.FvWC2:active {
  background-color: var(--chrome-ui-pressed)
}

.xhHhD.GqZGX.FvWC2:focus-visible {
  outline-color: var(--chrome-ui-focus)
}

.xhHhD.GqZGX.j4_3O {
  background-color: var(--content-ui);
  color: var(--content-ui-fg)
}

@media (hover: hover) {
  .xhHhD.GqZGX.j4_3O:hover {
    background-color:var(--content-ui-hover)
  }
}

.xhHhD.GqZGX.j4_3O:active {
  background-color: var(--content-ui-pressed)
}

.xhHhD.GqZGX.j4_3O:focus-visible {
  outline-color: var(--content-ui-focus)
}

.xhHhD.GqZGX.xmQVN {
  background-color: var(--color-ui);
  color: var(--color-ui-fg)
}

@media (hover: hover) {
  .xhHhD.GqZGX.xmQVN:hover {
    background-color:var(--color-ui-hover)
  }
}

.xhHhD.GqZGX.xmQVN:active {
  background-color: var(--color-ui-pressed)
}

.xhHhD.GqZGX.xmQVN:focus-visible {
  outline-color: var(--color-ui-focus)
}

.xhHhD.GqZGX.nwka7 {
  background-color: var(--image-ui);
  color: var(--image-ui-fg)
}

@media (hover: hover) {
  .xhHhD.GqZGX.nwka7:hover {
    background-color:var(--image-ui-hover)
  }
}

.xhHhD.GqZGX.nwka7:active {
  background-color: var(--image-ui-pressed)
}

.xhHhD.GqZGX.nwka7:focus-visible {
  outline-color: var(--image-ui-accent)
}

.xhHhD._eeHC.FvWC2,.xhHhD._eeHC.j4_3O {
  background-color: var(--brand-blue);
  color: var(--color-fg)
}

@media (hover: hover) {
  .xhHhD._eeHC.FvWC2:hover,.xhHhD._eeHC.j4_3O:hover {
    background-color:var(--brand-blue-hover)
  }
}

.xhHhD._eeHC.FvWC2:active,.xhHhD._eeHC.j4_3O:active {
  background-color: var(--brand-blue-pressed)
}

.xhHhD._eeHC.FvWC2:focus-visible {
  outline-color: var(--brand-blue)
}

.xhHhD._eeHC.j4_3O:focus-visible {
  outline-color: var(--brand-blue)
}

.xhHhD.xsJnq.FvWC2,.xhHhD.xsJnq.j4_3O {
  background-color: var(--brand-purple);
  color: var(--color-fg)
}

@media (hover: hover) {
  .xhHhD.xsJnq.FvWC2:hover,.xhHhD.xsJnq.j4_3O:hover {
    background-color:var(--brand-purple-hover)
  }
}

.xhHhD.xsJnq.FvWC2:active,.xhHhD.xsJnq.j4_3O:active {
  background-color: var(--brand-purple-pressed)
}

.xhHhD.xsJnq.FvWC2:focus-visible {
  outline-color: var(--brand-purple)
}

.xhHhD.xsJnq.j4_3O:focus-visible {
  outline-color: var(--brand-purple)
}

.xhHhD.hPfwZ.FvWC2,.xhHhD.hPfwZ.j4_3O {
  background-color: var(--brand-pink);
  color: var(--color-fg)
}

@media (hover: hover) {
  .xhHhD.hPfwZ.FvWC2:hover,.xhHhD.hPfwZ.j4_3O:hover {
    background-color:var(--brand-pink-hover)
  }
}

.xhHhD.hPfwZ.FvWC2:active,.xhHhD.hPfwZ.j4_3O:active {
  background-color: var(--brand-pink-pressed)
}

.xhHhD.hPfwZ.FvWC2:focus-visible {
  outline-color: var(--brand-pink)
}

.xhHhD.hPfwZ.j4_3O:focus-visible {
  outline-color: var(--brand-pink)
}

.xhHhD.Xbo5T.FvWC2,.xhHhD.Xbo5T.j4_3O {
  background-color: var(--brand-red);
  color: var(--color-fg)
}

@media (hover: hover) {
  .xhHhD.Xbo5T.FvWC2:hover,.xhHhD.Xbo5T.j4_3O:hover {
    background-color:var(--brand-red-hover)
  }
}

.xhHhD.Xbo5T.FvWC2:active,.xhHhD.Xbo5T.j4_3O:active {
  background-color: var(--brand-red-pressed)
}

.xhHhD.Xbo5T.FvWC2:focus-visible {
  outline-color: var(--brand-red)
}

.xhHhD.Xbo5T.j4_3O:focus-visible {
  outline-color: var(--brand-red)
}

.xhHhD.F9xiI.FvWC2,.xhHhD.F9xiI.j4_3O {
  background-color: var(--brand-orange);
  color: var(--color-fg)
}

@media (hover: hover) {
  .xhHhD.F9xiI.FvWC2:hover,.xhHhD.F9xiI.j4_3O:hover {
    background-color:var(--brand-orange-hover)
  }
}

.xhHhD.F9xiI.FvWC2:active,.xhHhD.F9xiI.j4_3O:active {
  background-color: var(--brand-orange-pressed)
}

.xhHhD.F9xiI.FvWC2:focus-visible {
  outline-color: var(--brand-orange)
}

.xhHhD.F9xiI.j4_3O:focus-visible {
  outline-color: var(--brand-orange)
}

.xhHhD.g7kfZ.FvWC2,.xhHhD.g7kfZ.j4_3O {
  background-color: var(--brand-yellow);
  color: var(--color-fg)
}

@media (hover: hover) {
  .xhHhD.g7kfZ.FvWC2:hover,.xhHhD.g7kfZ.j4_3O:hover {
    background-color:var(--brand-yellow-hover)
  }
}

.xhHhD.g7kfZ.FvWC2:active,.xhHhD.g7kfZ.j4_3O:active {
  background-color: var(--brand-yellow-pressed)
}

.xhHhD.g7kfZ.FvWC2:focus-visible {
  outline-color: var(--brand-yellow)
}

.xhHhD.g7kfZ.j4_3O:focus-visible {
  outline-color: var(--brand-yellow)
}

.xhHhD.OWpuO.FvWC2,.xhHhD.OWpuO.j4_3O {
  background-color: var(--brand-green);
  color: var(--color-fg)
}

@media (hover: hover) {
  .xhHhD.OWpuO.FvWC2:hover,.xhHhD.OWpuO.j4_3O:hover {
    background-color:var(--brand-green-hover)
  }
}

.xhHhD.OWpuO.FvWC2:active,.xhHhD.OWpuO.j4_3O:active {
  background-color: var(--brand-green-pressed)
}

.xhHhD.OWpuO.FvWC2:focus-visible {
  outline-color: var(--brand-green)
}

.xhHhD.OWpuO.j4_3O:focus-visible {
  outline-color: var(--brand-green)
}

.xhHhD.kkn6P.FvWC2,.xhHhD.kkn6P.j4_3O {
  background-color: var(--success);
  color: var(--color-fg)
}

@media (hover: hover) {
  .xhHhD.kkn6P.FvWC2:hover,.xhHhD.kkn6P.j4_3O:hover {
    background-color:var(--success-hover)
  }
}

.xhHhD.kkn6P.FvWC2:active,.xhHhD.kkn6P.j4_3O:active {
  background-color: var(--success-pressed)
}

.xhHhD.kkn6P.FvWC2:focus-visible {
  outline-color: var(--success)
}

.xhHhD.kkn6P.j4_3O:focus-visible {
  outline-color: var(--success)
}

.xhHhD.GRKgV.FvWC2,.xhHhD.GRKgV.j4_3O {
  background-color: var(--danger);
  color: var(--color-fg-light)
}

@media (hover: hover) {
  .xhHhD.GRKgV.FvWC2:hover,.xhHhD.GRKgV.j4_3O:hover {
    background-color:var(--danger-hover)
  }
}

.xhHhD.GRKgV.FvWC2:active,.xhHhD.GRKgV.j4_3O:active {
  background-color: var(--danger-pressed)
}

.xhHhD.GRKgV.FvWC2:focus-visible {
  outline-color: var(--danger)
}

.xhHhD.GRKgV.j4_3O:focus-visible {
  outline-color: var(--danger)
}

.xhHhD[aria-disabled=true] {
  cursor: not-allowed
}

.xhHhD[aria-disabled=true]>* {
  opacity: .5
}

.xhHhD[aria-disabled=true].FvWC2 {
  background-color: var(--chrome-tint);
  color: var(--chrome-fg-secondary)
}

@media (hover: hover) {
  .xhHhD[aria-disabled=true].FvWC2:hover {
    background-color:var(--chrome-tint)
  }
}

.xhHhD[aria-disabled=true].FvWC2:active {
  background-color: var(--chrome-tint)
}

.xhHhD[aria-disabled=true].j4_3O {
  background-color: var(--content-tint);
  color: var(--content-fg-secondary)
}

@media (hover: hover) {
  .xhHhD[aria-disabled=true].j4_3O:hover {
    background-color:var(--content-tint)
  }
}

.xhHhD[aria-disabled=true].j4_3O:active {
  background-color: var(--content-tint)
}

.xhHhD[aria-disabled=true].xmQVN {
  background-color: var(--color-tint);
  color: var(--color-fg-secondary)
}

@media (hover: hover) {
  .xhHhD[aria-disabled=true].xmQVN:hover {
    background-color:var(--color-tint)
  }
}

.xhHhD[aria-disabled=true].xmQVN:active {
  background-color: var(--color-tint)
}

.xhHhD[aria-disabled=true].nwka7 {
  background-color: var(--image-tint);
  color: var(--image-fg-secondary)
}

@media (hover: hover) {
  .xhHhD[aria-disabled=true].nwka7:hover {
    background-color:var(--image-tint)
  }
}

.xhHhD[aria-disabled=true].nwka7:active {
  background-color: var(--image-tint)
}

.wEQXZ.KdWJu {
  border-radius: 8px
}

.wEQXZ.rZNeu .aKdEe {
  display: flex
}

.wEQXZ.rZNeu.zWFEr {
  padding: 8px
}

.wEQXZ.rZNeu.u1icf {
  padding: 10px
}

.wEQXZ.rZNeu.onVA7 {
  padding: 12px
}

.wEQXZ.GqZGX.FvWC2 {
  background-color: var(--chrome-tint);
  color: var(--chrome-fg)
}

@media (hover: hover) {
  .wEQXZ.GqZGX.FvWC2:hover {
    background-color:var(--chrome-tint-strong)
  }
}

.wEQXZ.GqZGX.FvWC2:active {
  background-color: var(--chrome-tint-heavy)
}

.wEQXZ.GqZGX.FvWC2:focus-visible {
  outline-color: var(--chrome-ui-focus)
}

.wEQXZ.GqZGX.j4_3O {
  background-color: var(--content-tint);
  color: var(--content-fg)
}

@media (hover: hover) {
  .wEQXZ.GqZGX.j4_3O:hover {
    background-color:var(--content-tint-strong)
  }
}

.wEQXZ.GqZGX.j4_3O:active {
  background-color: var(--content-tint-heavy)
}

.wEQXZ.GqZGX.j4_3O:focus-visible {
  outline-color: var(--content-ui-focus)
}

.wEQXZ.GqZGX.nwka7 {
  background-color: var(--image-tint);
  color: var(--image-fg)
}

@media (hover: hover) {
  .wEQXZ.GqZGX.nwka7:hover {
    background-color:var(--image-tint-strong)
  }
}

.wEQXZ.GqZGX.nwka7:active {
  background-color: var(--image-tint-heavy)
}

.wEQXZ.GqZGX.nwka7:focus-visible {
  outline-color: var(--image-ui-accent)
}

.wEQXZ._eeHC.FvWC2,.wEQXZ._eeHC.j4_3O {
  background-color: var(--brand-blue-tint)
}

@media (hover: hover) {
  .wEQXZ._eeHC.FvWC2:hover,.wEQXZ._eeHC.j4_3O:hover {
    background-color:var(--brand-blue-tint-strong)
  }
}

.wEQXZ._eeHC.FvWC2:active,.wEQXZ._eeHC.j4_3O:active {
  background-color: var(--brand-blue-tint-heavy)
}

.wEQXZ._eeHC.FvWC2:focus-visible {
  outline-color: var(--brand-blue)
}

.wEQXZ._eeHC.j4_3O:focus-visible {
  outline-color: var(--brand-blue)
}

.wEQXZ._eeHC.FvWC2 {
  color: var(--chrome-blue)
}

.wEQXZ._eeHC.j4_3O {
  color: var(--content-blue)
}

.wEQXZ.xsJnq.FvWC2,.wEQXZ.xsJnq.j4_3O {
  background-color: var(--brand-purple-tint)
}

@media (hover: hover) {
  .wEQXZ.xsJnq.FvWC2:hover,.wEQXZ.xsJnq.j4_3O:hover {
    background-color:var(--brand-purple-tint-strong)
  }
}

.wEQXZ.xsJnq.FvWC2:active,.wEQXZ.xsJnq.j4_3O:active {
  background-color: var(--brand-purple-tint-heavy)
}

.wEQXZ.xsJnq.FvWC2:focus-visible {
  outline-color: var(--brand-purple)
}

.wEQXZ.xsJnq.j4_3O:focus-visible {
  outline-color: var(--brand-purple)
}

.wEQXZ.xsJnq.FvWC2 {
  color: var(--chrome-purple)
}

.wEQXZ.xsJnq.j4_3O {
  color: var(--content-purple)
}

.wEQXZ.hPfwZ.FvWC2,.wEQXZ.hPfwZ.j4_3O {
  background-color: var(--brand-pink-tint)
}

@media (hover: hover) {
  .wEQXZ.hPfwZ.FvWC2:hover,.wEQXZ.hPfwZ.j4_3O:hover {
    background-color:var(--brand-pink-tint-strong)
  }
}

.wEQXZ.hPfwZ.FvWC2:active,.wEQXZ.hPfwZ.j4_3O:active {
  background-color: var(--brand-pink-tint-heavy)
}

.wEQXZ.hPfwZ.FvWC2:focus-visible {
  outline-color: var(--brand-pink)
}

.wEQXZ.hPfwZ.j4_3O:focus-visible {
  outline-color: var(--brand-pink)
}

.wEQXZ.hPfwZ.FvWC2 {
  color: var(--chrome-pink)
}

.wEQXZ.hPfwZ.j4_3O {
  color: var(--content-pink)
}

.wEQXZ.Xbo5T.FvWC2,.wEQXZ.Xbo5T.j4_3O {
  background-color: var(--brand-red-tint)
}

@media (hover: hover) {
  .wEQXZ.Xbo5T.FvWC2:hover,.wEQXZ.Xbo5T.j4_3O:hover {
    background-color:var(--brand-red-tint-strong)
  }
}

.wEQXZ.Xbo5T.FvWC2:active,.wEQXZ.Xbo5T.j4_3O:active {
  background-color: var(--brand-red-tint-heavy)
}

.wEQXZ.Xbo5T.FvWC2:focus-visible {
  outline-color: var(--brand-red)
}

.wEQXZ.Xbo5T.j4_3O:focus-visible {
  outline-color: var(--brand-red)
}

.wEQXZ.Xbo5T.FvWC2 {
  color: var(--chrome-red)
}

.wEQXZ.Xbo5T.j4_3O {
  color: var(--content-red)
}

.wEQXZ.F9xiI.FvWC2,.wEQXZ.F9xiI.j4_3O {
  background-color: var(--brand-orange-tint)
}

@media (hover: hover) {
  .wEQXZ.F9xiI.FvWC2:hover,.wEQXZ.F9xiI.j4_3O:hover {
    background-color:var(--brand-orange-tint-strong)
  }
}

.wEQXZ.F9xiI.FvWC2:active,.wEQXZ.F9xiI.j4_3O:active {
  background-color: var(--brand-orange-tint-heavy)
}

.wEQXZ.F9xiI.FvWC2:focus-visible {
  outline-color: var(--brand-orange)
}

.wEQXZ.F9xiI.j4_3O:focus-visible {
  outline-color: var(--brand-orange)
}

.wEQXZ.F9xiI.FvWC2 {
  color: var(--chrome-orange)
}

.wEQXZ.F9xiI.j4_3O {
  color: var(--content-orange)
}

.wEQXZ.g7kfZ.FvWC2,.wEQXZ.g7kfZ.j4_3O {
  background-color: var(--brand-yellow-tint)
}

@media (hover: hover) {
  .wEQXZ.g7kfZ.FvWC2:hover,.wEQXZ.g7kfZ.j4_3O:hover {
    background-color:var(--brand-yellow-tint-strong)
  }
}

.wEQXZ.g7kfZ.FvWC2:active,.wEQXZ.g7kfZ.j4_3O:active {
  background-color: var(--brand-yellow-tint-heavy)
}

.wEQXZ.g7kfZ.FvWC2:focus-visible {
  outline-color: var(--brand-yellow)
}

.wEQXZ.g7kfZ.j4_3O:focus-visible {
  outline-color: var(--brand-yellow)
}

.wEQXZ.g7kfZ.FvWC2 {
  color: var(--chrome-yellow)
}

.wEQXZ.g7kfZ.j4_3O {
  color: var(--content-yellow)
}

.wEQXZ.OWpuO.FvWC2,.wEQXZ.OWpuO.j4_3O {
  background-color: var(--brand-green-tint)
}

@media (hover: hover) {
  .wEQXZ.OWpuO.FvWC2:hover,.wEQXZ.OWpuO.j4_3O:hover {
    background-color:var(--brand-green-tint-strong)
  }
}

.wEQXZ.OWpuO.FvWC2:active,.wEQXZ.OWpuO.j4_3O:active {
  background-color: var(--brand-green-tint-heavy)
}

.wEQXZ.OWpuO.FvWC2:focus-visible {
  outline-color: var(--brand-green)
}

.wEQXZ.OWpuO.j4_3O:focus-visible {
  outline-color: var(--brand-green)
}

.wEQXZ.OWpuO.FvWC2 {
  color: var(--chrome-green)
}

.wEQXZ.OWpuO.j4_3O {
  color: var(--content-green)
}

.wEQXZ.kkn6P.FvWC2,.wEQXZ.kkn6P.j4_3O {
  background-color: var(--success-tint)
}

@media (hover: hover) {
  .wEQXZ.kkn6P.FvWC2:hover,.wEQXZ.kkn6P.j4_3O:hover {
    background-color:var(--success-tint-strong)
  }
}

.wEQXZ.kkn6P.FvWC2:active,.wEQXZ.kkn6P.j4_3O:active {
  background-color: var(--success-tint-heavy)
}

.wEQXZ.kkn6P.FvWC2:focus-visible {
  outline-color: var(--success)
}

.wEQXZ.kkn6P.j4_3O:focus-visible {
  outline-color: var(--success)
}

.wEQXZ.kkn6P.FvWC2 {
  color: var(--chrome-success)
}

.wEQXZ.kkn6P.j4_3O {
  color: var(--content-success)
}

.wEQXZ.GRKgV.FvWC2,.wEQXZ.GRKgV.j4_3O {
  background-color: var(--danger-tint)
}

@media (hover: hover) {
  .wEQXZ.GRKgV.FvWC2:hover,.wEQXZ.GRKgV.j4_3O:hover {
    background-color:var(--danger-tint-strong)
  }
}

.wEQXZ.GRKgV.FvWC2:active,.wEQXZ.GRKgV.j4_3O:active {
  background-color: var(--danger-tint-heavy)
}

.wEQXZ.GRKgV.FvWC2:focus-visible {
  outline-color: var(--danger)
}

.wEQXZ.GRKgV.j4_3O:focus-visible {
  outline-color: var(--danger)
}

.wEQXZ.GRKgV.FvWC2 {
  color: var(--chrome-danger)
}

.wEQXZ.GRKgV.j4_3O {
  color: var(--content-danger)
}

.wEQXZ.xmQVN {
  background-color: var(--color-tint)
}

@media (hover: hover) {
  .wEQXZ.xmQVN:hover {
    background-color:var(--color-tint-strong)
  }
}

.wEQXZ.xmQVN:active {
  background-color: var(--color-tint-heavy)
}

.wEQXZ.xmQVN.GjEBd {
  color: var(--color-fg)
}

.wEQXZ.xmQVN.GjEBd:focus-visible {
  outline-color: var(--color-fg)
}

.wEQXZ.xmQVN.gx0cT {
  color: var(--color-fg-light)
}

.wEQXZ.xmQVN.gx0cT:focus-visible {
  outline-color: var(--color-fg-light)
}

.wEQXZ[aria-disabled=true] {
  cursor: not-allowed
}

.wEQXZ[aria-disabled=true]>* {
  opacity: .5
}

.wEQXZ[aria-disabled=true].FvWC2 {
  background-color: var(--chrome-tint);
  color: var(--chrome-fg-secondary)
}

@media (hover: hover) {
  .wEQXZ[aria-disabled=true].FvWC2:hover {
    background-color:var(--chrome-tint)
  }
}

.wEQXZ[aria-disabled=true].FvWC2:active {
  background-color: var(--chrome-tint)
}

.wEQXZ[aria-disabled=true].j4_3O {
  background-color: var(--content-tint);
  color: var(--content-fg-secondary)
}

@media (hover: hover) {
  .wEQXZ[aria-disabled=true].j4_3O:hover {
    background-color:var(--content-tint)
  }
}

.wEQXZ[aria-disabled=true].j4_3O:active {
  background-color: var(--content-tint)
}

.wEQXZ[aria-disabled=true].xmQVN {
  background-color: var(--color-tint)
}

.wEQXZ[aria-disabled=true].xmQVN.GjEBd {
  color: var(--color-fg-secondary)
}

.wEQXZ[aria-disabled=true].xmQVN.gx0cT {
  color: var(--color-fg-light-secondary)
}

@media (hover: hover) {
  .wEQXZ[aria-disabled=true].xmQVN:hover {
    background-color:var(--color-tint)
  }
}

.wEQXZ[aria-disabled=true].xmQVN:active {
  background-color: var(--color-tint)
}

.wEQXZ[aria-disabled=true].nwka7 {
  background-color: var(--image-tint);
  color: var(--image-fg-secondary)
}

@media (hover: hover) {
  .wEQXZ[aria-disabled=true].nwka7:hover {
    background-color:var(--image-tint)
  }
}

.wEQXZ[aria-disabled=true].nwka7:active {
  background-color: var(--image-tint)
}

.jBvzu {
  position: relative
}

.jBvzu:focus-visible {
  outline-offset: -2px
}

.jBvzu .aKdEe {
  display: flex
}

.jBvzu .mVej_ {
  outline-offset: 0;
  border-radius: 9999px;
  outline-width: 2px;
  outline-style: solid;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 2px;
  right: 2px;
  overflow: hidden
}

.jBvzu.zWFEr,.jBvzu.u1icf {
  padding: 8px
}

.jBvzu.onVA7 {
  padding: 12px
}

.jBvzu.GqZGX.FvWC2 {
  color: var(--chrome-fg-secondary)
}

.jBvzu.GqZGX.FvWC2 ._6w6Q {
  outline-color: var(--chrome);
  background-color: var(--accent)
}

.jBvzu.GqZGX.FvWC2 .ttKdP {
  outline-color: var(--chrome);
  background-color: var(--danger)
}

@media (hover: hover) {
  .jBvzu.GqZGX.FvWC2:hover {
    background-color:var(--chrome-tint);
    color: var(--chrome-fg)
  }
}

.jBvzu.GqZGX.FvWC2:active {
  background-color: var(--chrome-tint-strong);
  color: var(--chrome-fg)
}

.jBvzu.GqZGX.FvWC2:focus-visible {
  outline-color: var(--chrome-ui-focus)
}

.jBvzu.GqZGX.FvWC2[aria-disabled=true] {
  color: var(--chrome-fg-secondary)
}

.jBvzu.GqZGX.FvWC2[aria-disabled=true] svg {
  opacity: .2
}

@media (hover: hover) {
  .jBvzu.GqZGX.FvWC2[aria-disabled=true]:hover {
    background-color:transparent
  }
}

.jBvzu.GqZGX.FvWC2[aria-disabled=true]:active {
  background-color: transparent
}

.jBvzu.GqZGX.j4_3O {
  color: var(--content-fg-secondary)
}

.jBvzu.GqZGX.j4_3O ._6w6Q {
  outline-color: var(--content-panel);
  background-color: var(--accent)
}

.jBvzu.GqZGX.j4_3O .ttKdP {
  outline-color: var(--content-panel);
  background-color: var(--danger)
}

@media (hover: hover) {
  .jBvzu.GqZGX.j4_3O:hover {
    background-color:var(--content-tint);
    color: var(--content-fg)
  }
}

.jBvzu.GqZGX.j4_3O:active {
  background-color: var(--content-tint-strong);
  color: var(--content-fg)
}

.jBvzu.GqZGX.j4_3O:focus-visible {
  outline-color: var(--chrome-ui-focus)
}

.jBvzu.GqZGX.j4_3O[aria-disabled=true] {
  color: var(--content-fg-secondary)
}

.jBvzu.GqZGX.j4_3O[aria-disabled=true] svg {
  opacity: .2
}

@media (hover: hover) {
  .jBvzu.GqZGX.j4_3O[aria-disabled=true]:hover {
    background-color:transparent
  }
}

.jBvzu.GqZGX.j4_3O[aria-disabled=true]:active {
  background-color: transparent
}

.jBvzu.GqZGX.nwka7 {
  color: var(--image-fg)
}

.jBvzu.GqZGX.nwka7 ._6w6Q {
  outline-color: var(--image-ui-fg);
  background-color: var(--image-fg)
}

.jBvzu.GqZGX.nwka7 .ttKdP {
  background-color: var(--danger);
  outline-color: transparent
}

@media (hover: hover) {
  .jBvzu.GqZGX.nwka7:hover {
    background-color:var(--image-tint)
  }
}

.jBvzu.GqZGX.nwka7:active {
  background-color: var(--image-tint-strong)
}

.jBvzu.GqZGX.nwka7:focus-visible {
  outline-color: var(--image-fg)
}

.jBvzu.GqZGX.nwka7[aria-disabled=true] svg {
  opacity: .2
}

@media (hover: hover) {
  .jBvzu.GqZGX.nwka7[aria-disabled=true]:hover {
    background-color:transparent
  }
}

.jBvzu.GqZGX.nwka7[aria-disabled=true]:active {
  background-color: transparent
}

@media (hover: hover) {
  .jBvzu.xmQVN:hover {
    background-color:var(--color-tint)
  }
}

.jBvzu.xmQVN:active {
  background-color: var(--color-tint-strong)
}

.jBvzu.xmQVN:focus-visible {
  outline-color: var(--color-fg)
}

.jBvzu.xmQVN[aria-disabled=true] svg {
  opacity: .2
}

@media (hover: hover) {
  .jBvzu.xmQVN[aria-disabled=true]:hover {
    background-color:transparent
  }
}

.jBvzu.xmQVN[aria-disabled=true]:active {
  background-color: transparent
}

.jBvzu.xmQVN.GjEBd {
  color: var(--color-fg)
}

.jBvzu.xmQVN.GjEBd ._6w6Q {
  background: var(--color-fg)
}

.jBvzu.xmQVN.GjEBd .ttKdP {
  background-color: var(--danger);
  outline-color: transparent
}

.jBvzu.xmQVN.GjEBd:focus-visible ._6w6Q {
  outline-color: var(--color-fg-light)
}

.jBvzu.xmQVN.gx0cT {
  color: var(--color-fg-light)
}

.jBvzu.xmQVN.gx0cT ._6w6Q {
  background: var(--color-fg-light)
}

.jBvzu.xmQVN.gx0cT .ttKdP {
  background-color: var(--danger);
  outline-color: transparent
}

.jBvzu.xmQVN.gx0cT:focus-visible ._6w6Q {
  outline-color: var(--color-fg)
}

.A2wIT {
  color: var(--content-fg-secondary);
  padding: 8px
}

.A2wIT.hNA0I {
  padding: 4px
}

.A2wIT:focus-visible {
  outline-offset: -2px;
  outline-width: 2px;
  outline-style: solid
}

.A2wIT .aKdEe {
  display: flex
}

@media (hover: hover) {
  .A2wIT.GqZGX:hover {
    background-color:var(--content-tint);
    color: var(--content-fg)
  }
}

.A2wIT.GqZGX:active {
  background-color: var(--content-tint-strong);
  color: var(--content-fg)
}

.A2wIT.GqZGX:focus-visible {
  outline-color: var(--content-ui-focus)
}

@media (hover: hover) {
  .A2wIT._eeHC:hover {
    background-color:var(--brand-blue-tint);
    color: var(--brand-blue)
  }
}

.A2wIT._eeHC:active {
  background-color: var(--brand-blue-tint-strong);
  color: var(--brand-blue)
}

.A2wIT._eeHC:focus-visible {
  outline-color: var(--brand-blue)
}

@media (hover: hover) {
  .A2wIT.xsJnq:hover {
    background-color:var(--brand-purple-tint);
    color: var(--brand-purple)
  }
}

.A2wIT.xsJnq:active {
  background-color: var(--brand-purple-tint-strong);
  color: var(--brand-purple)
}

.A2wIT.xsJnq:focus-visible {
  outline-color: var(--brand-purple)
}

@media (hover: hover) {
  .A2wIT.hPfwZ:hover {
    background-color:var(--brand-pink-tint);
    color: var(--brand-pink)
  }
}

.A2wIT.hPfwZ:active {
  background-color: var(--brand-pink-tint-strong);
  color: var(--brand-pink)
}

.A2wIT.hPfwZ:focus-visible {
  outline-color: var(--brand-pink)
}

@media (hover: hover) {
  .A2wIT.Xbo5T:hover {
    background-color:var(--brand-red-tint);
    color: var(--brand-red)
  }
}

.A2wIT.Xbo5T:active {
  background-color: var(--brand-red-tint-strong);
  color: var(--brand-red)
}

.A2wIT.Xbo5T:focus-visible {
  outline-color: var(--brand-red)
}

@media (hover: hover) {
  .A2wIT.F9xiI:hover {
    background-color:var(--brand-orange-tint);
    color: var(--brand-orange)
  }
}

.A2wIT.F9xiI:active {
  background-color: var(--brand-orange-tint-strong);
  color: var(--brand-orange)
}

.A2wIT.F9xiI:focus-visible {
  outline-color: var(--brand-orange)
}

@media (hover: hover) {
  .A2wIT.g7kfZ:hover {
    background-color:var(--brand-yellow-tint);
    color: var(--brand-yellow)
  }
}

.A2wIT.g7kfZ:active {
  background-color: var(--brand-yellow-tint-strong);
  color: var(--brand-yellow)
}

.A2wIT.g7kfZ:focus-visible {
  outline-color: var(--brand-yellow)
}

@media (hover: hover) {
  .A2wIT.OWpuO:hover {
    background-color:var(--brand-green-tint);
    color: var(--brand-green)
  }
}

.A2wIT.OWpuO:active {
  background-color: var(--brand-green-tint-strong);
  color: var(--brand-green)
}

.A2wIT.OWpuO:focus-visible {
  outline-color: var(--brand-green)
}

@media (hover: hover) {
  .A2wIT.kkn6P:hover {
    background-color:var(--success-tint);
    color: var(--success)
  }
}

.A2wIT.kkn6P:active {
  background-color: var(--success-tint-strong);
  color: var(--success)
}

.A2wIT.kkn6P:focus-visible {
  outline-color: var(--success)
}

@media (hover: hover) {
  .A2wIT.GRKgV:hover {
    background-color:var(--danger-tint);
    color: var(--danger)
  }
}

.A2wIT.GRKgV:active {
  background-color: var(--danger-tint-strong);
  color: var(--danger)
}

.A2wIT.GRKgV:focus-visible {
  outline-color: var(--danger)
}

.A2wIT[aria-disabled=true] {
  cursor: not-allowed
}

@media (hover: hover) {
  .A2wIT[aria-disabled=true]:hover {
    color:var(--content-fg-secondary);
    background-color: transparent
  }
}

.A2wIT[aria-disabled=true]:active {
  color: var(--content-fg-secondary);
  background-color: transparent
}

.A2wIT[aria-disabled=true] svg {
  opacity: .5
}

.s9_rJ {
  color: var(--content-fg-secondary);
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px;
  display: flex
}

@media (max-width: 540px) {
  .s9_rJ {
    gap:6px
  }
}

.s9_rJ.hNA0I {
  gap: 6px;
  padding: 4px
}

.s9_rJ:focus-visible {
  outline-offset: -2px;
  outline-width: 2px;
  outline-style: solid
}

@media (hover: hover) {
  .s9_rJ._eeHC:hover {
    background-color:var(--brand-blue-tint);
    color: var(--brand-blue)
  }
}

.s9_rJ._eeHC:active {
  background-color: var(--brand-blue-tint-strong);
  color: var(--brand-blue)
}

.s9_rJ._eeHC:focus-visible {
  outline-color: var(--brand-blue)
}

@media (hover: hover) {
  .s9_rJ.Xbo5T:hover {
    background-color:var(--brand-red-tint);
    color: var(--brand-red)
  }
}

.s9_rJ.Xbo5T:active {
  background-color: var(--brand-red-tint-strong);
  color: var(--brand-red)
}

.s9_rJ.Xbo5T:focus-visible {
  outline-color: var(--brand-red)
}

@media (hover: hover) {
  .s9_rJ.OWpuO:hover {
    background-color:var(--brand-green-tint);
    color: var(--brand-green)
  }
}

.s9_rJ.OWpuO:active {
  background-color: var(--brand-green-tint-strong);
  color: var(--brand-green)
}

.s9_rJ.OWpuO:focus-visible {
  outline-color: var(--brand-green)
}

.s9_rJ[aria-disabled=true] {
  cursor: not-allowed
}

@media (hover: hover) {
  .s9_rJ[aria-disabled=true]:hover {
    color:var(--content-fg-secondary);
    background-color: transparent
  }
}

.s9_rJ[aria-disabled=true]:active {
  color: var(--content-fg-secondary);
  background-color: transparent
}

.s9_rJ[aria-disabled=true] svg {
  opacity: .5
}

.GrPnm {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  font-family: var(--font-family-modern)
}

.hNA0I .GrPnm {
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.125rem;
  font-family: var(--font-family-modern)
}

._2Rdwj {
  max-width: 100%;
  font-size: .875rem;
  font-weight: 350;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  outline-color: var(--content-tint-strong);
  outline-offset: -1px;
  color: var(--content-fg-secondary);
  outline-width: 1px;
  outline-style: solid
}

._2Rdwj.u1icf {
  padding: 10px 14px
}

._2Rdwj.lbUWE:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 12px
}

._2Rdwj.lbUWE:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 12px
}

._2Rdwj.lbUWE:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 12px
}

._2Rdwj.lbUWE:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 12px
}

._2Rdwj.lbUWE:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 12px
}

._2Rdwj.lbUWE:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-right: 12px
}

._2Rdwj.lbUWE:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-right: 12px
}

._2Rdwj.lbUWE:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-right: 12px
}

._2Rdwj.dMUTN:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 10px
}

._2Rdwj.dMUTN:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 10px
}

._2Rdwj.dMUTN:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 10px
}

._2Rdwj.dMUTN:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 10px
}

._2Rdwj.dMUTN:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 10px
}

._2Rdwj.dMUTN:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-right: 10px
}

._2Rdwj.dMUTN:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-right: 10px
}

._2Rdwj.dMUTN:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-right: 10px
}

@media (hover: hover) {
  ._2Rdwj:hover {
    outline-color:var(--content-tint-heavy)
  }
}

._2Rdwj:active {
  outline-color: var(--content-tint-heavy)
}

._2Rdwj[aria-disabled=true] {
  outline-color: var(--content-tint-strong);
  background-color: var(--content-tint);
  cursor: not-allowed
}

._2Rdwj[aria-disabled=true]>* {
  opacity: .5
}

._2Rdwj:focus-visible {
  outline-color: var(--accent);
  outline-offset: -2px;
  outline-width: 2px
}

._2Rdwj .aKdEe {
  white-space: nowrap;
  display: inline
}

._2Rdwj b {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg-secondary)
}

._2Rdwj strong {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg)
}

.Sfrpc {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  justify-content: space-between;
  gap: 8px;
  min-width: 100px
}

.Sfrpc.KdWJu {
  border-radius: 8px
}

.Sfrpc.u1icf {
  padding: 8px 12px 8px 16px
}

.Sfrpc.onVA7 {
  padding: 12px 16px 12px 20px
}

.Sfrpc.Pqv4P.u1icf {
  padding: 8px 12px 8px 0
}

.Sfrpc.Pqv4P.onVA7 {
  padding: 12px 16px 12px 0
}

.Sfrpc.Pqv4P.GqZGX.FvWC2 {
  color: var(--chrome-fg)
}

.Sfrpc.Pqv4P.GqZGX.FvWC2:focus-visible {
  outline-color: var(--chrome-ui-focus)
}

.Sfrpc.Pqv4P.GqZGX.j4_3O {
  color: var(--content-fg)
}

.Sfrpc.Pqv4P.GqZGX.j4_3O:focus-visible {
  outline-color: var(--content-ui-focus)
}

.Sfrpc.Pqv4P.GqZGX.nwka7 {
  color: var(--image-fg)
}

.Sfrpc.Pqv4P.GqZGX.nwka7:focus-visible {
  outline-color: var(--image-ui-accent)
}

.Sfrpc.Pqv4P.xmQVN.GjEBd:focus-visible {
  outline-color: var(--color-fg)
}

.Sfrpc.Pqv4P.xmQVN.gx0cT:focus-visible {
  outline-color: var(--color-fg-light)
}

.Sfrpc.Pqv4P[aria-disabled=true] {
  cursor: not-allowed
}

.Sfrpc.Pqv4P[aria-disabled=true]>* {
  opacity: .5
}

.Sfrpc.Pqv4P[aria-disabled=true].FvWC2 {
  color: var(--chrome-fg-secondary)
}

.Sfrpc.Pqv4P[aria-disabled=true].j4_3O {
  color: var(--content-fg-secondary)
}

.Sfrpc.Pqv4P[aria-disabled=true].xmQVN.GjEBd {
  color: var(--color-fg-secondary)
}

.Sfrpc.Pqv4P[aria-disabled=true].xmQVN.gx0cT {
  color: var(--color-fg-light-secondary)
}

.Sfrpc.Pqv4P[aria-disabled=true].nwka7 {
  color: var(--image-fg-secondary)
}

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

.vDhIE {
  z-index: 101!important
}

.BSUG4 {
  word-break: break-word;
  cursor: pointer;
  text-decoration: none
}

.jSD2t,.eIMCU,.ZRf8S {
  width: 100%;
  height: 100%;
  position: absolute
}

.jSD2t {
  color: var(--color-fg-light);
  top: 0;
  bottom: 0;
  overflow: hidden
}

.jSD2t img {
  filter: blur(20px)
}

.eIMCU {
  box-sizing: border-box;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px;
  display: flex
}

.eIMCU p {
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family);
  margin-top: 10px
}

.eIMCU svg {
  opacity: .5
}

.eIMCU svg use {
  --icon-color-primary: var(--color-fg-light)
}

.ZRf8S {
  background: var(--content-fg);
  opacity: .3
}

._0MuRn {
  width: 100%;
  line-height: 0;
  position: relative
}

.nLowv {
  visibility: hidden;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.ka81k {
  visibility: hidden;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: static
}

.MbgAw {
  visibility: visible
}

.MxxjT {
  background-color: var(--content-panel)
}

.f_vJP {
  opacity: 1;
  animation: .2s linear .25s backwards K4SNf;
  position: absolute;
  top: 4px;
  right: 4px
}

.Xace_ {
  opacity: 0;
  transition: opacity .2s linear;
  animation: none
}

.LjHtb {
  opacity: 1;
  transition: opacity .2s linear;
  animation: none
}

@media (prefers-reduced-motion:reduce) {
  .f_vJP {
    opacity: 1;
    animation: none
  }

  .Xace_,.LjHtb {
    transition: none
  }
}

@keyframes K4SNf {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.U2thn {
  filter: drop-shadow(0 4px 16px rgba(0,0,0,.05));
  pointer-events: none;
  --icon-color-primary: var(--image-ui);
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  top: 8px;
  right: 8px
}

.U2thn:before {
  z-index: -1;
  content: "";
  background-color: rgba(0,0,0,.25);
  border-radius: 3px;
  position: absolute;
  top: 1.5px;
  bottom: 1.5px;
  left: .5px;
  right: .5px
}

.VDeET {
  cursor: pointer;
  background: 0 0;
  border: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0
}

.VDeET:focus-visible {
  box-shadow: var(--accent) 0px 0px 0px 2px inset;
  outline: none
}

.ErOUd {
  background-color: var(--success);
  border-radius: 50%;
  width: 11px;
  min-width: 11px;
  height: 11px;
  margin-right: 5.5px
}

.iZsKV {
  position: absolute;
  top: 0;
  right: -7px
}

.MVKfc {
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin-right: 9px
}

.MVKfc.iZsKV {
  right: -9px
}

.kjUFb {
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family);
  justify-content: center;
  align-items: center;
  display: flex
}

.XBddc {
  word-break: break-word;
  text-decoration: none
}

.nZ9l5,.j4akp {
  position: relative
}

.j4akp img {
  display: block
}

.ESMam {
  width: 100%;
  height: 100%;
  overflow: hidden
}

.ntiBu {
  border-radius: 3px
}

._eWg9 {
  border-radius: 50%
}

.qgvik {
  width: 14px;
  height: 14px;
  display: flex;
  position: absolute;
  bottom: -3px;
  right: -3px
}

.qgvik.kbP4U {
  border: 4px solid var(--content-panel);
  border-radius: 11px
}

.d4Zou {
  background-color: var(--content-tint-strong);
  width: 100%;
  height: 100%
}

.Coaf7 {
  box-sizing: content-box;
  background: var(--content-panel);
  padding: 2px;
  display: flex;
  position: absolute;
  bottom: -5px;
  right: -5px
}

.Coaf7 img {
  border-radius: 2px;
  display: block
}

.nxfej {
  vertical-align: bottom;
  display: inline-block
}

.XWVJF {
  border-radius: inherit;
  position: absolute;
  top: 0;
  left: 0
}

.Ihxxq {
  background-image: url(https://assets.tumblr.com/pop/src/assets/images/avatar/anonymous_avatar_40-3af33dc0.png);
  background-size: 100% 100%;
  flex-shrink: 0;
  width: 100%;
  height: 100%
}

@media (-webkit-min-device-pixel-ratio: 1.3),(min-resolution:1.3dppx) {
  .Ihxxq {
    background-image:url(https://assets.tumblr.com/pop/src/assets/images/avatar/anonymous_avatar_96-223fabe0.png)
  }
}

.bH35Z {
  color: RGB(var(--white));
  justify-content: center;
  align-items: center;
  column-gap: 6px;
  margin: 0;
  display: flex
}

.lHKgh {
  opacity: .65
}

.AoHEQ {
  letter-spacing: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100vw - 300px);
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  overflow: hidden
}

a.usfiq {
  text-decoration: none
}

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

.gSfy_ {
  box-sizing: border-box;
  border-bottom: 1px solid rgba(var(--white-on-dark), .07);
  height: 50px;
  box-shadow: 0 2px 4px rgba(0,0,0,.25),0 0 0 1px RGB(var(--black));
  font-family: var(--font-family);
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  transition: transform .2s;
  display: flex;
  overflow: hidden
}

.kqXxn {
  visibility: hidden;
  border: 0;
  flex-shrink: 1;
  height: 0;
  padding: 0;
  transform: translateY(-50px)
}

.axZNe {
  align-items: center;
  height: 100%;
  display: flex
}

.ggBTJ {
  height: 50px;
  margin: -10px
}

@media only screen and (max-width: 400px) {
  .ggBTJ {
    max-width:225px
  }
}

.RrflF {
  overflow: visible
}

@media (max-width: 540px) {
  .RrflF .ggBTJ {
    display:none
  }
}

.RgTaQ {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: auto;
  display: flex;
  position: relative
}

.RgTaQ .B3EfW {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.30769;
  font-family: var(--font-family)
}

.RgTaQ .rDKIp {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.33333;
  font-family: var(--font-family);
  padding-top: 20px;
  padding-bottom: 10px
}

.RgTaQ .QiSmE,.RgTaQ .keIHK {
  box-sizing: border-box;
  width: 100%;
  max-width: 540px;
  color: var(--chrome-fg);
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 0 2em;
  line-height: 1.4
}

.RgTaQ .Qluee {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0 10px;
  display: flex
}

.RgTaQ .Qluee .B5hil {
  margin: 15px 8px 0
}

.RgTaQ .Qluee .B5hil:focus-visible {
  filter: brightness(.75);
  outline: none
}

.RgTaQ .Qluee .B5hil:disabled {
  cursor: default;
  opacity: .4
}

.FTkW8 .QiSmE {
  padding: 0
}

.D4vuu {
  justify-content: flex-start;
  margin-top: 64px
}

.ojLaJ {
  background-color: var(--modal);
  border-radius: 5px;
  padding: 1em
}

.ojLaJ .QiSmE {
  color: var(--content-fg);
  text-align: left;
  padding: 1em
}

.ojLaJ .QiSmE .B3EfW {
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.52381;
  font-family: var(--font-family)
}

.ojLaJ .QiSmE .rDKIp {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family)
}

.ojLaJ .Qluee {
  justify-content: end;
  width: 100%
}

.ojLaJ .Qluee .B5hil {
  margin: 0 0 0 1em
}

.ojLaJ .Qluee .B5hil._3qDCk span {
  box-sizing: border-box;
  border: 2px solid var(--content-fg-tertiary);
  border-radius: 4px;
  padding: 4px 13px
}

.ojLaJ .Qluee .B5hil.ldUV3 span {
  color: var(--color-fg-light)
}

@media (max-width: 540px) {
  .ojLaJ {
    border-radius:0
  }

  .ojLaJ .Qluee {
    flex-direction: column-reverse;
    flex-wrap: initial
  }

  .ojLaJ .Qluee .B5hil {
    width: 100%;
    margin: .5em
  }

  .ojLaJ .Qluee .B5hil span {
    width: 100%
  }
}

.H5CHE,.mzgX6,.cjHpg,.lj4a7 {
  box-sizing: border-box
}

.H5CHE {
  z-index: 101;
  grid-template: "header""content"1fr"footer"/1fr;
  max-height: calc(100vh - 24px);
  display: grid;
  position: fixed;
  top: 50%;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%,-50%)
}

@media (max-width: 560px) {
  .H5CHE {
    max-height:calc(100vh - 16px)
  }
}

.H5CHE {
  border: 1px solid var(--modal-border);
  background-color: var(--modal);
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(0,0,0,.2)
}

.H5CHE.DZhNZ {
  z-index: 102
}

.mzgX6 {
  border-bottom: 1px solid var(--content-tint);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg);
  grid-row: header;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 12px 12px 20px;
  display: flex
}

.cjHpg {
  font-size: .875rem;
  font-weight: 350;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg-tertiary);
  grid-row: content;
  overflow-y: auto
}

.lj4a7 {
  border-top: 1px solid var(--content-tint);
  grid-row: footer;
  padding: 12px 20px
}

[data-backdrop] {
  background-color: var(--overlay-tint-heavy)
}

.uAuOM {
  width: 440px
}

@media (max-width: 440px) {
  .uAuOM {
    width:-webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: calc(100% - 16px);
    max-width: 420px
  }
}

.hnIwB {
  width: 480px
}

@media (max-width: 480px) {
  .hnIwB {
    width:-webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: calc(100% - 16px);
    max-width: 460px
  }
}

.yIW1j {
  width: 560px
}

@media (max-width: 560px) {
  .yIW1j {
    width:-webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: calc(100% - 16px);
    max-width: 540px
  }
}

.u_Myb {
  left: 12px;
  transform: translateY(-50%)
}

@media (max-width: 440px) {
  .u_Myb.uAuOM {
    right:unset;
    left: 50%;
    transform: translate(-50%,-50%)
  }
}

@media (max-width: 480px) {
  .u_Myb.hnIwB {
    right:unset;
    left: 50%;
    transform: translate(-50%,-50%)
  }
}

@media (max-width: 560px) {
  .u_Myb.yIW1j {
    right:unset;
    left: 50%;
    transform: translate(-50%,-50%)
  }
}

.u_Myb {
  height: calc(100% - 24px)
}

.u_Myb .cjHpg {
  flex-grow: 1
}

@media (max-width: 560px) {
  .u_Myb {
    height:calc(100% - 16px)
  }
}

.nKf3E {
  right: 12px;
  left: unset;
  transform: translateY(-50%)
}

@media (max-width: 440px) {
  .nKf3E.uAuOM {
    right:unset;
    left: 50%;
    transform: translate(-50%,-50%)
  }
}

@media (max-width: 480px) {
  .nKf3E.hnIwB {
    right:unset;
    left: 50%;
    transform: translate(-50%,-50%)
  }
}

@media (max-width: 560px) {
  .nKf3E.yIW1j {
    right:unset;
    left: 50%;
    transform: translate(-50%,-50%)
  }
}

.nKf3E {
  height: calc(100% - 24px)
}

.nKf3E .cjHpg {
  flex-grow: 1
}

@media (max-width: 560px) {
  .nKf3E {
    height:calc(100% - 16px)
  }
}

.CXPww {
  align-items: center;
  margin: 0 auto;
  display: flex
}

.cr1Ed {
  align-items: flex-start;
  margin-top: 64px
}

.lqHQ2 {
  z-index: calc(100 + 1);
  background: var(--modal);
  width: 512px;
  height: calc(50vh + 50px);
  color: var(--content-fg);
  margin: 0 auto;
  display: flex
}

.lqHQ2.qtjVi {
  height: inherit
}

@media (max-width: 540px) {
  .lqHQ2.qtjVi {
    height:100vh
  }
}

.lqHQ2.qtjVi .wddaX {
  overflow-y: auto
}

@media (max-width: 540px) {
  .lqHQ2 {
    width:100vw;
    height: 100vh;
    max-height: -webkit-fill-available
  }
}

.lqHQ2 .XWuoc {
  width: 100%;
  overflow-y: hidden
}

.Zlvz6 {
  display: fixed;
  height: 50px
}

.QK6UU {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  font-family: var(--font-family);
  border-bottom: 1px solid var(--content-tint);
  justify-content: space-between;
  align-items: center;
  padding: 14px;
  display: flex
}

.scGVE {
  justify-content: space-between;
  display: flex
}

.EZPTT {
  margin-left: 10px
}

.fZunM {
  margin-top: 12px
}

.wddaX {
  max-height: calc(50vh - 32px);
  margin-top: 4px;
  padding: 14px;
  overflow-y: scroll
}

@media (max-width: 540px) {
  .wddaX {
    max-height:100%
  }
}

.jiJmP,._gnzJ {
  width: 24px;
  height: 24px
}

.drQEn {
  margin-right: 4px
}

.Hc7H_ .Zlvz6 {
  height: 70px;
  margin-bottom: -8px
}

.Hc7H_ .lqHQ2 {
  border-radius: 24px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content
}

.Hc7H_ .QK6UU {
  border-bottom: none;
  padding: 24px
}

.Hc7H_ .wddaX {
  padding: 24px;
  overflow-y: auto
}

.Hc7H_ ._gnzJ {
  background: var(--content-tint);
  border-radius: 50%;
  width: 32px;
  height: 32px
}

.Hc7H_ ._gnzJ>span {
  margin: 0
}

.Hc7H_ ._gnzJ svg use {
  --icon-color-primary: var(--content-fg)
}

.gQZdB .Zlvz6 {
  height: initial;
  background: linear-gradient(342.18deg,#ff61ce 8.56%,#7c5cff 93.99%);
  border-radius: 8px 8px 0 0;
  margin-bottom: -8px;
  padding-bottom: 8px;
  display: block
}

.gQZdB .scGVE {
  display: initial;
  text-align: center;
  width: 100%;
  margin: 0 auto
}

.gQZdB .lqHQ2 {
  border-radius: 8px;
  width: 540px;
  max-height: calc(95vh - 20px);
  overflow-y: auto
}

@media (max-width: 540px) {
  .gQZdB .lqHQ2 {
    width:auto;
    max-height: initial;
    margin-top: 80px
  }
}

.gQZdB .lqHQ2.qtjVi .wddaX {
  overflow-y: initial
}

.gQZdB .QK6UU {
  border-bottom: none;
  position: relative
}

.gQZdB .QK6UU>span {
  display: none
}

.gQZdB .wddaX {
  width: 90%;
  max-height: 100%;
  overflow-y: initial;
  margin: 14px auto 0;
  padding: 14px
}

@media (max-width: 540px) {
  .gQZdB .wddaX {
    padding-bottom:32px
  }
}

.gQZdB ._gnzJ,.gQZdB .jiJmP {
  background-color: var(--color-fg-light);
  border-radius: 50%;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 14px
}

.gQZdB ._gnzJ>span,.gQZdB .jiJmP>span {
  margin: 0
}

.gQZdB ._gnzJ svg use,.gQZdB .jiJmP svg use {
  --icon-color-primary: var(--content-fg)
}

.gQZdB .jiJmP {
  margin-right: auto;
  left: 14px
}

.gQZdB ._gnzJ {
  margin-left: auto;
  right: 14px
}

.HD9VZ {
  background: linear-gradient(180deg, var(--brand-red) 11.46%, var(--brand-orange) 83.33%, var(--brand-yellow) 100%);
  position: relative
}

.HD9VZ ._gnzJ svg use {
  --icon-color-primary: var(--content-fg)
}

.HD9VZ.lqHQ2 {
  height: inherit
}

@media (max-width: 540px) {
  .HD9VZ.lqHQ2 {
    border-radius:0;
    height: 100vh
  }
}

.HD9VZ.lqHQ2 .wddaX {
  max-height: calc(100vh - 48px);
  margin-top: 0
}

.HD9VZ .Zlvz6 {
  height: 0;
  margin-bottom: 0
}

.maDYK {
  color: var(--content-fg);
  position: relative
}

.maDYK ._gnzJ {
  background: var(--color-tint);
  border-radius: 24px;
  box-shadow: 0 4px 16px rgba(0,0,0,.05)
}

.maDYK ._gnzJ svg use {
  --icon-color-primary: var(--color-fg)
}

.maDYK.lqHQ2 {
  width: 540px;
  height: inherit;
  border-radius: none
}

@media (max-width: 540px) {
  .maDYK.lqHQ2 {
    width:100vw;
    height: 100vh
  }
}

.maDYK.lqHQ2 .wddaX {
  flex-direction: column;
  height: 100%;
  max-height: calc(100vh - 48px);
  margin-top: 0;
  padding: 0;
  display: flex
}

@media (max-width: 540px) {
  .maDYK.lqHQ2 .wddaX {
    max-height:100%
  }
}

.maDYK .XWuoc {
  border-radius: 8px
}

.maDYK .Zlvz6 {
  width: 100%;
  height: 68px;
  margin-bottom: 0;
  position: absolute;
  right: 0
}

.maDYK .jiJmP {
  background: var(--color-tint);
  border-radius: 24px;
  width: 32px;
  height: 32px;
  margin-right: auto;
  box-shadow: 0 4px 16px rgba(0,0,0,.05)
}

.maDYK .jiJmP svg use {
  --icon-color-primary: var(--color-fg)
}

.aMO6Q {
  background: linear-gradient(8deg, var(--brand-orange) -80%, var(--brand-yellow) 82%);
  position: relative
}

.aMO6Q ._gnzJ svg use {
  --icon-color-primary: var(--content-fg)
}

.aMO6Q.lqHQ2 {
  height: inherit
}

@media (max-width: 540px) {
  .aMO6Q.lqHQ2 {
    border-radius:0;
    height: 100vh
  }
}

.aMO6Q.lqHQ2 .wddaX {
  max-height: calc(100vh - 48px);
  margin-top: 0
}

.aMO6Q .Zlvz6 {
  height: 0;
  margin-bottom: 0
}

.aMO6Q .XWuoc {
  background-image: url(https://assets.tumblr.com/pop/src/assets/images/blaze/fire-top-right-dfca7601.svg);
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 220px;
  border-radius: 24px
}

@media (max-width: 540px) {
  .aMO6Q .XWuoc {
    background-size:170px;
    border-radius: 0
  }
}

.Beq8P {
  background-color: var(--color-fg-light);
  border-radius: 25px
}

.Beq8P.lqHQ2 {
  width: 360px
}

@media (max-width: 540px) {
  .Beq8P.lqHQ2 {
    height:inherit
  }
}

.Beq8P .QK6UU:before {
  visibility: hidden;
  content: " ";
  width: 24px
}

.Beq8P .poK_R {
  color: var(--content-fg)
}

.Beq8P .QK6UU {
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.52381;
  font-family: var(--font-family);
  border: none
}

.Beq8P .wddaX {
  padding: 16px
}

.Beq8P .Zlvz6 {
  margin-top: 10px
}

.Beq8P .drQEn {
  line-height: 0
}

.mhWxd .wddaX {
  max-height: calc(50vh - 70px)
}

.mhWxd .Zlvz6 {
  height: 113px
}

.NQKiB hr {
  margin: 0
}

.NQKiB .wddaX {
  height: calc(100% - 54px);
  max-height: unset;
  flex-direction: column;
  padding: 0;
  display: flex;
  overflow-y: hidden
}

.aI9jI {
  box-sizing: border-box;
  border: 1px solid var(--content-tint);
  background-color: var(--content-panel);
  border-radius: 8px;
  min-width: 540px;
  height: 637px;
  max-height: calc(95vh - 20px);
  padding-bottom: 50px;
  position: relative;
  overflow: hidden
}

@media (max-width: 540px) {
  .aI9jI {
    min-width:initial;
    height: 100%;
    max-height: initial;
    margin-top: 80px;
    padding-bottom: 85px
  }
}

.aI9jI.qtjVi .wddaX {
  overflow-y: initial
}

.aI9jI .Zlvz6 {
  z-index: calc(100 + 1);
  width: 100%;
  position: -webkit-sticky;
  position: sticky;
  top: 0
}

.aI9jI .QK6UU {
  border-bottom: 1px solid var(--content-tint);
  background-color: var(--content-panel);
  align-items: center;
  padding: 12px 14px 10px;
  display: flex
}

.aI9jI .QK6UU .poK_R {
  font-size: 1.625rem;
  font-weight: 400;
  line-height: 1.30769;
  font-family: var(--font-family);
  color: var(--content-fg);
  font-size: 24px;
  font-weight: 700
}

@media (max-width: 540px) {
  .aI9jI .QK6UU .poK_R {
    max-width:87%
  }
}

.aI9jI .QK6UU ._gnzJ {
  background-color: var(--content-fg);
  border-radius: 50%;
  width: 36px;
  height: 36px
}

.aI9jI .QK6UU ._gnzJ .drQEn {
  margin-right: 0
}

.aI9jI .QK6UU ._gnzJ svg use {
  --icon-color-primary: var(--content-panel)
}

.aI9jI .wddaX {
  scrollbar-width: none;
  -ms-overflow-style: none
}

.aI9jI .wddaX::-webkit-scrollbar {
  width: 0;
  height: 0
}

.aI9jI .wddaX {
  max-height: 100%;
  color: var(--content-fg);
  padding-top: 0;
  overflow-y: auto
}

@media (max-width: 540px) {
  .aI9jI .wddaX {
    padding-bottom:32px
  }
}

.UE60R .EZPTT {
  margin-left: 0
}

.UE60R .Zlvz6 {
  background: 0 0;
  padding-bottom: 0
}

.UE60R .QK6UU {
  padding: 0
}

.FtkP5 {
  background-color: var(--color-fg-light)
}

.FtkP5 .EZPTT {
  margin-left: 0
}

.FtkP5 .Zlvz6 {
  background: 0 0;
  padding-bottom: 0
}

.FtkP5 .QK6UU {
  padding: 0
}

.FtkP5 ._gnzJ {
  background-color: var(--content-fg)
}

.FtkP5 ._gnzJ svg use {
  --icon-color-primary: var(--color-fg-light)
}

._R64C {
  border-radius: 12px;
  max-width: 380px;
  height: 90vh;
  max-height: 700px
}

._R64C>div {
  flex-direction: column;
  display: flex
}

._R64C .wddaX {
  max-height: none;
  padding: 0
}

._R64C .QK6UU {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family)
}

._R64C .Zlvz6 {
  height: auto
}

._R64C .poK_R {
  padding-left: 8px
}

@media (max-width: 540px) {
  ._R64C {
    max-height:85vh
  }
}

.IIZGa .QK6UU {
  padding: 0
}

.IIZGa .Zlvz6 {
  background: 0 0;
  padding: 0
}

.IIZGa .EZPTT {
  margin-left: 0
}

.IIZGa .XWuoc {
  overflow-y: auto
}

.oLq2o {
  max-width: 438px
}

.oLq2o .Zlvz6 {
  height: auto;
  margin-bottom: 0
}

.oLq2o .QK6UU {
  align-items: center;
  padding: 1.5rem 24px .5rem;
  position: relative
}

.oLq2o .wddaX {
  max-height: 80vh;
  padding: 1rem 24px
}

.WRliC {
  text-align: center;
  background: linear-gradient(157.68deg,#ff61ce -7.05%,#3e18da 108.73%);
  max-width: 412px;
  line-height: 1.5rem;
  position: relative
}

.WRliC .Zlvz6 {
  height: initial;
  display: block
}

.WRliC .Zlvz6 .poK_R {
  visibility: hidden
}

.WRliC ._gnzJ {
  background: var(--content-tint)
}

.WRliC ._gnzJ svg use {
  --icon-color-primary: var(--content-fg)
}

.WRliC.lqHQ2 {
  height: inherit
}

@media (max-width: 540px) {
  .WRliC.lqHQ2 {
    border-radius:0;
    height: 100vh
  }
}

.WRliC.lqHQ2 .wddaX {
  max-height: calc(100vh - 48px);
  margin-top: 0
}

.D7WlA.lqHQ2 {
  width: 540px;
  max-width: 95vw
}

@media (max-width: 540px) {
  .D7WlA.lqHQ2 {
    width:100vw;
    max-width: 100vw;
    height: 100vh
  }
}

.D7WlA.lqHQ2 .wddaX {
  max-height: 80vh;
  margin: 0;
  padding: 0
}

@media (max-width: 540px) {
  .D7WlA.lqHQ2 .wddaX {
    max-height:calc(100vh - 78px)
  }
}

.D7WlA.lqHQ2 .Zlvz6 {
  height: 72px;
  margin: 0
}

@media (max-width: 540px) {
  .D7WlA.lqHQ2 .Zlvz6 {
    height:55px
  }
}

.D7WlA.lqHQ2 .QK6UU {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  justify-content: flex-end;
  padding: 20px
}

@media (max-width: 540px) {
  .D7WlA.lqHQ2 .QK6UU {
    border-top-left-radius:0;
    border-top-right-radius: 0;
    padding: 15px
  }
}

.D7WlA.lqHQ2 ._gnzJ {
  background: var(--content-panel)
}

@media (max-width: 540px) {
  .D7WlA.lqHQ2 ._gnzJ {
    background:0 0
  }

  .BV_Y9 .wddaX {
    max-height: calc(100% - 82px)
  }
}

.lC_9H .Zlvz6 {
  display: initial;
  width: 100%;
  height: auto;
  position: relative
}

.lC_9H .QK6UU {
  border-bottom: none;
  padding: 0;
  position: relative
}

.lC_9H .scGVE {
  width: 100%
}

.lC_9H .EZPTT {
  width: 100%;
  margin-left: 0
}

.lC_9H ._gnzJ {
  background-color: var(--color-fg-light);
  border-radius: 50%;
  width: 32px;
  height: 32px;
  margin-left: auto;
  position: absolute;
  top: 14px;
  right: 14px
}

.lC_9H ._gnzJ>span {
  margin: 0
}

.lC_9H ._gnzJ svg use {
  --icon-color-primary: var(--content-fg)
}

.lC_9H .wddaX {
  scrollbar-width: none;
  -ms-overflow-style: none
}

.lC_9H .wddaX::-webkit-scrollbar {
  width: 0;
  height: 0
}

.lC_9H .wddaX {
  height: 350px;
  margin-top: 0;
  padding: 0
}

@media (max-width: 540px) {
  .lC_9H .wddaX {
    height:calc(95vh - 260px)
  }
}

.i_rCp {
  background: var(--content-panel);
  background-size: cover;
  position: relative;
  overflow: hidden
}

.i_rCp .Zlvz6 {
  display: none
}

.i_rCp.lqHQ2 {
  height: inherit
}

.i_rCp.lqHQ2 .wddaX {
  max-height: calc(100vh - 48px);
  margin-top: 0;
  padding: 0
}

@media (max-width: 540px) {
  .i_rCp.lqHQ2 .wddaX {
    border-radius:0;
    height: 100vh;
    max-height: none
  }

  .i_rCp.lqHQ2 {
    border-radius: 0
  }
}

._wObQ {
  background: 0 0
}

.Rp8gp {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--content-fg-tertiary);
  border-radius: 30px;
  padding: 2px 13px;
  line-height: 30px;
  display: inline-block
}

@media (hover: hover) {
  .Rp8gp:hover:not(.xsZgg) {
    background-color:var(--content-tint);
    color: var(--accent);
    padding: 2px 13px
  }

  .Rp8gp:hover:not(.xsZgg) svg use {
    --icon-color-primary: var(--accent)
  }
}

.Qj_pr {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family)
}

.k31gt .iQED4 {
  font-family: Georgia,Times,Times New Roman,serif;
  font-style: normal;
  line-height: 1.5
}

.k31gt .shBP8 {
  font-family: Courier,monospace
}

.k31gt .G6Sn4 {
  font-family: Fairwater,Georgia,Times,Times New Roman,serif;
  font-size: 24px;
  line-height: 30px
}

.k31gt {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  width: 100%;
  min-height: 1.5em;
  color: var(--content-fg);
  white-space: pre-wrap;
  word-break: break-word;
  box-sizing: border-box;
  padding-bottom: 15px;
  padding-right: var(--post-padding);
  padding-left: var(--post-padding);
  margin-top: 0;
  margin-bottom: 0
}

.k31gt:first-child {
  padding-top: 8px
}

.k31gt.lGN6W {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0
}

.k31gt.lGN6W:first-child {
  margin-top: 0;
  padding-top: 0
}

.k31gt .G6Sn4.VKSy1 {
  margin-top: 3px;
  margin-bottom: 8px
}

.k31gt .iQED4.VKSy1 {
  margin-top: 4px;
  margin-bottom: 9px
}

.k31gt .fUFKs {
  font-size: 34px
}

.k31gt ._pqXP {
  font-size: 27px
}

.k31gt .EeDpE {
  font-size: 24px
}

.k31gt .Oxcng {
  font-size: 23px
}

.k31gt .ljmFj,.k31gt.ljmFj {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  border-left: 3px solid var(--content-tint-strong);
  width: auto;
  font-style: normal
}

.k31gt .ljmFj {
  margin-bottom: 10px;
  padding: 10px 0 10px 20px
}

.k31gt.ljmFj {
  margin: 10px 0 10px 20px;
  padding-top: 10px;
  padding-bottom: 10px
}

.k31gt.ljmFj.yHgjm {
  margin: 10px 0 0 20px;
  padding-top: 10px;
  padding-bottom: 10px
}

.k31gt h1 {
  font-size: 1.625rem;
  line-height: 1.30769
}

.k31gt h2 {
  font-size: 20px;
  line-height: 26px
}

.k31gt h2.VKSy1 {
  margin-bottom: 9px
}

.k31gt small {
  font-size: small
}

.k31gt a {
  overflow-wrap: break-word;
  cursor: pointer;
  text-decoration: underline
}

.k31gt a.PtAFq {
  color: var(--accent);
  text-decoration: none
}

.k31gt:has(+ul) {
  padding-bottom: 0
}

.k31gt:has(+ol) {
  padding-bottom: 0
}

li.k31gt {
  width: initial;
  margin: 0;
  padding: 0
}

.k31gt.Ppo91 {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  padding: 0
}

@media (max-width: 540px) {
  .k31gt.Ppo91 {
    font-size:1rem;
    font-weight: 400;
    line-height: 1.5;
    font-family: var(--font-family)
  }
}

.k31gt.Ppo91 {
  margin-top: 5px;
  margin-bottom: 5px
}

.k31gt.Ppo91:first-child {
  margin-top: 0;
  padding-top: 0
}

.k31gt.Ppo91:last-child {
  margin-bottom: 0
}

.k31gt.Ppo91 .iQED4 {
  font-size: 22px
}

.k31gt.Ppo91.ljmFj {
  margin: 0;
  padding-left: 10px
}

.k31gt.Ppo91 h1,.k31gt.Ppo91 h2 {
  font-size: 16px;
  line-height: 22px
}

.jj46W p {
  margin-bottom: 10px;
  padding-top: 4px;
  font-size: 60px;
  line-height: 70px
}

.SLpX8 {
  font-weight: 500;
  text-decoration: underline
}

.PtAFq .SLpX8 {
  -webkit-text-decoration: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit
}

.DiZC0 {
  padding-bottom: 10px
}

.bP3W6 {
  display: none
}

.yFmaH {
  border-radius: 3px;
  align-items: flex-start;
  margin-bottom: 15px;
  padding: 12px;
  display: flex
}

.yFmaH .n8yJq {
  margin-right: 12px;
  display: flex
}

.yFmaH .O2b5p {
  display: block
}

.yFmaH .u8HQ3 {
  flex-direction: column;
  justify-content: center;
  min-height: 24px;
  display: flex
}

.yFmaH .u8HQ3 .agHCR {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--content-fg);
  margin-bottom: 12px;
  margin-right: 12px
}

.yFmaH .u8HQ3 .sPAXn {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--content-fg-secondary);
  margin-right: 12px
}

.yFmaH .u8HQ3 .dhNbz {
  align-items: center;
  margin-top: 4px;
  display: flex
}

.yFmaH .u8HQ3 .dhNbz .B8pBx {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--accent);
  cursor: pointer;
  margin-right: 12px
}

.yFmaH .u8HQ3 .dhNbz .UFrll {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--accent);
  margin-right: 12px
}

button.v_1X3,div.v_1X3 {
  box-sizing: border-box;
  width: 100%
}

button.v_1X3 button,div.v_1X3 button {
  width: 100%
}

.v_1X3 {
  font-weight: 400;
  font-size: inherit;
  cursor: pointer;
  flex-direction: row;
  align-items: center;
  padding: 10px;
  line-height: 1;
  text-decoration: none;
  display: flex
}

.v_1X3:focus-visible {
  background-color: var(--content-tint)
}

@media (hover: hover) {
  .v_1X3:hover {
    background-color:var(--content-tint)
  }
}

.v_1X3:focus-within {
  background-color: var(--content-tint)
}

.v_1X3.JtmSb {
  cursor: default;
  opacity: .3;
  pointer-events: none;
  outline: none
}

.v_1X3.JtmSb:focus-visible {
  background-color: initial
}

@media (hover: hover) {
  .v_1X3.JtmSb:hover {
    background-color:initial
  }
}

.v_1X3.JtmSb:focus-within {
  background-color: initial
}

.WWBSO,._y4kh {
  color: inherit;
  font: inherit
}

.WWBSO:focus-visible {
  outline: none
}

._y4kh:focus-visible {
  outline: none
}

._y4kh {
  display: block
}

.WWBSO:focus-visible>._y4kh {
  outline: auto;
  outline-color: var(--accent);
  opacity: 1
}

.qskHA {
  text-decoration: none
}

.TXE9F {
  box-sizing: border-box;
  flex-direction: column;
  display: flex
}

.TXE9F.DlXgT {
  flex-direction: column-reverse
}

.TXE9F.CYaTn {
  flex-direction: row
}

.TXE9F.CYaTn>* {
  flex: 1;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content
}

.TXE9F.CYaTn.DlXgT {
  flex-direction: row-reverse
}

.v5MwC {
  width: 100%
}

.BQ4GO {
  width: auto
}

.qwW5X {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.Wej5t {
  gap: 0
}

.HApQw {
  gap: 2px
}

.pm2wY {
  gap: 4px
}

.w5CeO {
  gap: 8px
}

.Mg44l {
  gap: 12px
}

.BBtLl {
  gap: 16px
}

.o4Wdn {
  gap: 20px
}

.A93Rr {
  gap: 24px
}

.pZf7h {
  gap: 28px
}

.dysNS {
  gap: 32px
}

.FpkD_ {
  align-items: flex-start
}

.Um4av {
  align-items: center
}

.ja8rQ {
  align-items: flex-end
}

.fqVv_ {
  align-items: stretch
}

.EkVGp {
  align-items: baseline
}

.yrMLU {
  justify-content: flex-start
}

.zkcCu {
  justify-content: center
}

.ZdIXz {
  justify-content: flex-end
}

.WlI5r {
  justify-content: space-between
}

.gsfzP {
  justify-content: space-around
}

.oh58_ {
  border: 1px solid;
  border-radius: 4px;
  padding: .4em .8em
}

.F4hr9 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  box-sizing: border-box;
  justify-content: center;
  width: 100%;
  padding: 0
}

.F4hr9 button {
  padding: 10px
}

.xXVDM {
  width: 100%;
  position: relative;
  overflow: hidden
}

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

.xXVDM.ao1uR .BQiWl {
  transform: translate(-40px)
}

.EvNuu {
  object-fit: contain;
  flex: 0 0 100%;
  width: 100%
}

.w9aO4,.YL2V0 {
  opacity: 0;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 20px;
  transition: opacity .25s;
  display: flex;
  position: absolute;
  top: 0
}

@media not (min-width: 990px) {
  .w9aO4,.YL2V0 {
    opacity:1
  }
}

.w9aO4.DeYmO,.YL2V0.DeYmO {
  opacity: 1
}

@media (hover: hover) {
  .xXVDM:hover .w9aO4,.xXVDM:hover .YL2V0 {
    opacity:1
  }
}

.w9aO4 {
  left: 0
}

.YL2V0 {
  right: 0
}

.uFGNN {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 25px;
  display: flex;
  position: absolute;
  bottom: 15px;
  left: 0
}

.EwcDy {
  background: var(--image-fg);
  opacity: .5;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin: 0 5px;
  transition: opacity .25s
}

.EwcDy.Ld7nr {
  opacity: 1
}

.pX9wK .EvNuu {
  flex: 0 0 0;
  width: auto
}

.GUvR0 {
  border: 1px solid var(--content-tint-strong);
  background-color: var(--content-panel);
  text-align: left;
  border-radius: 4px;
  margin-top: 2rem;
  padding: .75em 1em;
  display: flex
}

.Vq9q5 {
  margin-right: .75em
}

.palette--darkMode .CvcGO,.palette--lowContrastClassic .CvcGO,.palette--vampire .CvcGO {
  --icon-color-accent: #fff
}

.fe_1j {
  border: 2px solid;
  border-color: var(--content-panel);
  background-color: var(--content-panel);
  border-radius: 100%
}

.D9Rbd {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  display: flex
}

.D9Rbd svg use {
  --icon-color-primary: var(--content-panel)
}

.euYWR {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  z-index: 100;
  max-height: calc(var(--popover-available-height,100vh) - 16px);
  border: 1px solid var(--modal-border);
  background-color: var(--modal);
  border-radius: 8px;
  outline: none;
  padding: 8px;
  overflow-y: auto;
  box-shadow: 0 4px 16px rgba(0,0,0,.05)
}

.euYWR.Ss7L8 {
  z-index: 102
}

.f4BvS {
  color: var(--content-fg);
  cursor: pointer;
  border-radius: 8px;
  outline: none;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  column-gap: 4px;
  padding: 8px;
  text-decoration: none;
  display: flex
}

.f4BvS .KFKnW {
  flex-direction: row;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  display: flex
}

.f4BvS .KFKnW.rmwE1 {
  flex-grow: 0
}

.f4BvS svg {
  display: flex
}

.f4BvS .ifcVH {
  color: var(--content-fg-secondary)
}

.f4BvS .xg1mq:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 4px
}

.f4BvS .xg1mq:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 4px
}

.f4BvS .xg1mq:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 4px
}

.f4BvS .xg1mq:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 4px
}

.f4BvS .xg1mq:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 4px
}

.f4BvS .xg1mq:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-right: 4px
}

.f4BvS .xg1mq:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-right: 4px
}

.f4BvS .xg1mq:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-right: 4px
}

.f4BvS .aAkd_ {
  color: var(--accent);
  flex-grow: 0
}

.f4BvS .xCGeu {
  box-sizing: border-box;
  border: 1px solid var(--content-tint-strong);
  min-width: 20px;
  height: 20px;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.125rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg-secondary);
  text-align: center;
  border-radius: 4px;
  padding-left: 4px;
  padding-right: 4px
}

.f4BvS .slInZ {
  color: var(--content-fg-tertiary);
  flex-grow: 0
}

@media (hover: hover) {
  .f4BvS:hover {
    background-color:var(--content-tint)
  }

  .f4BvS:hover .ifcVH,.f4BvS:hover .slInZ {
    color: var(--content-fg)
  }
}

.f4BvS:active,.f4BvS[data-active-item] {
  background-color: var(--content-tint-strong)
}

.f4BvS:active .ifcVH,.f4BvS:active .slInZ,.f4BvS[data-active-item] .ifcVH,.f4BvS[data-active-item] .slInZ {
  color: var(--content-fg)
}

.f4BvS[data-focus-visible] {
  outline-color: var(--accent);
  outline-offset: -2px;
  outline-width: 2px;
  outline-style: solid
}

.f4BvS:focus-visible {
  outline-color: var(--accent);
  outline-offset: -2px;
  outline-width: 2px;
  outline-style: solid
}

.f4BvS.wmdJG,.f4BvS.wmdJG .ifcVH {
  color: var(--danger)
}

@media (hover: hover) {
  .f4BvS.wmdJG:hover {
    background-color:var(--danger-tint)
  }
}

.f4BvS.wmdJG:active {
  background-color: var(--danger-tint-strong)
}

.f4BvS.wmdJG[data-focus-visible] {
  outline-color: var(--danger)
}

.f4BvS.wmdJG:focus-visible {
  outline-color: var(--danger)
}

.VoK5y {
  background-color: var(--content-tint);
  border: none;
  height: 1px;
  margin: 8px -8px
}

[role=dialog] .f4BvS {
  gap: 20px;
  padding-top: 12px;
  padding-bottom: 12px
}

[role=dialog] .f4BvS:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 12px;
  padding-right: 16px
}

[role=dialog] .f4BvS:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 12px;
  padding-right: 16px
}

[role=dialog] .f4BvS:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 12px;
  padding-right: 16px
}

[role=dialog] .f4BvS:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 12px;
  padding-right: 16px
}

[role=dialog] .f4BvS:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 12px;
  padding-right: 16px
}

[role=dialog] .f4BvS:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-left: 16px;
  padding-right: 12px
}

[role=dialog] .f4BvS:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-left: 16px;
  padding-right: 12px
}

[role=dialog] .f4BvS:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-left: 16px;
  padding-right: 12px
}

[role=dialog] .f4BvS .KFKnW {
  gap: 20px
}

[role=dialog] .f4BvS .xg1mq {
  padding-left: 0
}

.Yd5Yz {
  background-color: var(--overlay-tint-strong)
}

.fF_OF {
  z-index: 101;
  background-color: var(--modal);
  width: 100%;
  max-width: 600px;
  height: 100%;
  color: var(--content-fg);
  border-radius: 16px 16px 0 0;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 -8px 20px rgba(0,0,0,.1)
}

.VAnah {
  box-sizing: border-box;
  flex-direction: column;
  width: 100%;
  max-height: 100%;
  display: flex
}

.VAnah .CaRji {
  touch-action: none;
  flex-shrink: 0;
  height: 34px;
  position: relative
}

.VAnah .CaRji:before {
  background-color: var(--content-tint-heavy);
  content: "";
  border-radius: 9999px;
  width: 45px;
  height: 5px;
  position: absolute;
  top: 5px;
  left: 50%;
  transform: translate(-50%)
}

.p_Cmm {
  box-sizing: border-box;
  height: 100%;
  overflow-y: scroll
}

.p_Cmm.PJp7q {
  width: 100%;
  padding-bottom: 34px;
  padding-left: 16px;
  padding-right: 16px
}

.p_Cmm.PJp7q.GjOSD {
  padding-bottom: 0
}

.VjXMn {
  box-sizing: border-box;
  width: 100%;
  padding: 20px 20px 34px
}

.EZHUS {
  pointer-events: none;
  min-width: 54px;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  background-color: var(--tool-tip);
  color: var(--tool-tip-text);
  text-align: center;
  border-radius: 4px;
  padding: 4px 8px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  box-shadow: 0 4px 16px rgba(0,0,0,.05)
}

.EZHUS.pmD2_ {
  background-color: var(--brand-green);
  color: var(--color-fg-light)
}

.EZHUS.pMONo {
  background-color: var(--brand-red);
  color: var(--color-fg-light)
}

.pMONo[data-placement*=right]:after {
  border-right-color: var(--brand-red)
}

.pMONo[data-placement*=left]:after {
  border-left-color: var(--brand-red)
}

.pMONo[data-placement*=top]:after {
  border-top-color: var(--brand-red)
}

.pMONo[data-placement*=bottom]:after {
  border-bottom-color: var(--brand-red)
}

.pmD2_[data-placement*=right]:after {
  border-right-color: var(--brand-green)
}

.pmD2_[data-placement*=left]:after {
  border-left-color: var(--brand-green)
}

.pmD2_[data-placement*=top]:after {
  border-top-color: var(--brand-green)
}

.pmD2_[data-placement*=bottom]:after {
  border-bottom-color: var(--brand-green)
}

.vgL3J {
  min-width: 200px;
  max-width: 298px;
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  background-color: var(--education);
  color: var(--color-fg-light);
  text-align: center;
  padding: 8px 16px;
  position: relative
}

@supports (text-wrap: pretty) {
  .vgL3J {
    text-wrap:pretty
  }
}

.vgL3J {
  cursor: pointer;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  display: flex;
  box-shadow: 0 12px 32px rgba(0,0,0,.2)
}

.vgL3J.l98yg {
  padding: 8px 8px 8px 16px
}

.xBAX7 {
  align-self: flex-start
}

.oMP8i {
  --popover-arrow-color: var(--education)
}

.oMP8i[data-placement*=right]:after {
  border-right-color: var(--education)
}

.oMP8i[data-placement*=left]:after {
  border-left-color: var(--education)
}

.oMP8i[data-placement*=top] {
  bottom: -16px;
  left: 100px
}

.oMP8i[data-placement*=top].lkake {
  left: 92px
}

.oMP8i[data-placement*=top]:after {
  border-top-color: var(--education)
}

.oMP8i[data-placement*=bottom] {
  top: -16px;
  left: 100px
}

.oMP8i[data-placement*=bottom].lkake {
  left: 92px
}

.oMP8i[data-placement*=bottom]:after {
  border-bottom-color: var(--education)
}

.J2Zxl {
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.125rem;
  font-family: var(--font-family-modern);
  box-sizing: border-box;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  height: 20px;
  padding: 1px 4px;
  display: inline-flex
}

.J2Zxl.d53Sa {
  border-radius: 9999px
}

.sLGW2 {
  background-color: var(--accent);
  color: var(--accent-fg)
}

.LljzZ {
  background-color: var(--danger);
  color: var(--color-fg-light)
}

.Ut4iZ {
  justify-content: center;
  width: 100%;
  display: flex;
  position: relative
}

.Ro4PU {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute
}

._ON2X {
  width: 100%
}

.wmRou {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  vertical-align: middle;
  outline: none;
  flex-grow: 1;
  align-items: center;
  min-height: 43px;
  padding: 8px 10px;
  line-height: 1.2;
  text-decoration: none;
  display: flex
}

.wmRou .qgKw0 {
  margin-right: 11px;
  position: relative
}

.wmRou .yElCb {
  align-items: center;
  display: flex
}

.wmRou>span {
  width: 100%
}

.QK2Zh {
  position: relative
}

.gLEkw,.fTJAC {
  text-align: left;
  word-break: break-word
}

.gLEkw {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  align-items: center;
  display: flex
}

.gLEkw .UulOO {
  text-overflow: ellipsis;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:1) {
  .gLEkw .UulOO {
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:1)) {
  .gLEkw .UulOO {
    white-space:nowrap
  }
}

.gLEkw .UulOO {
  word-break: break-all
}

.fTJAC {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  text-overflow: ellipsis;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:1) {
  .fTJAC {
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:1)) {
  .fTJAC {
    white-space:nowrap
  }
}

.SbeG8 {
  text-align: right;
  align-items: center;
  display: flex;
  position: relative
}

.SbeG8:last-child {
  padding-right: 16px
}

.SbeG8.Mk7yS svg use {
  --icon-color-primary: var(--color-title)
}

.vu9JS,.isGvB,.Tk5rT {
  margin-left: 5px
}

.Tk5rT {
  color: var(--accent);
  font-weight: 400
}

.Ut4iZ:not(:-webkit-any(.veU9u,.ZOX9S)):focus-within {
  background-color: var(--chrome-panel)
}

.Ut4iZ:not(:-moz-any(.veU9u,.ZOX9S)):focus-within {
  background-color: var(--chrome-panel)
}

.Ut4iZ:not(:-webkit-any(.veU9u,.ZOX9S)):focus-within {
  background-color: var(--chrome-panel)
}

.Ut4iZ:not(:-moz-any(.veU9u,.ZOX9S)):focus-within {
  background-color: var(--chrome-panel)
}

.Ut4iZ:not(:is(.veU9u,.ZOX9S)):focus-within {
  background-color: var(--chrome-panel)
}

@media (hover: hover) {
  .Ut4iZ:not(:-webkit-any(.veU9u,.ZOX9S)):hover {
    background-color:var(--chrome-panel)
  }

  .Ut4iZ:not(:-moz-any(.veU9u,.ZOX9S)):hover {
    background-color: var(--chrome-panel)
  }

  .Ut4iZ:not(:-webkit-any(.veU9u,.ZOX9S)):hover {
    background-color: var(--chrome-panel)
  }

  .Ut4iZ:not(:-moz-any(.veU9u,.ZOX9S)):hover {
    background-color: var(--chrome-panel)
  }

  .Ut4iZ:not(:is(.veU9u,.ZOX9S)):hover {
    background-color: var(--chrome-panel)
  }
}

.Ut4iZ:not(:-webkit-any(.veU9u,.ZOX9S)) .fTJAC {
  color: var(--chrome-fg-secondary)
}

.Ut4iZ:not(:-moz-any(.veU9u,.ZOX9S)) .fTJAC {
  color: var(--chrome-fg-secondary)
}

.Ut4iZ:not(:-webkit-any(.veU9u,.ZOX9S)) .fTJAC {
  color: var(--chrome-fg-secondary)
}

.Ut4iZ:not(:-moz-any(.veU9u,.ZOX9S)) .fTJAC {
  color: var(--chrome-fg-secondary)
}

.Ut4iZ:not(:is(.veU9u,.ZOX9S)) .fTJAC {
  color: var(--chrome-fg-secondary)
}

.Ut4iZ:not(:-webkit-any(.veU9u,.ZOX9S)) .gLEkw {
  color: var(--chrome-fg)
}

.Ut4iZ:not(:-moz-any(.veU9u,.ZOX9S)) .gLEkw {
  color: var(--chrome-fg)
}

.Ut4iZ:not(:-webkit-any(.veU9u,.ZOX9S)) .gLEkw {
  color: var(--chrome-fg)
}

.Ut4iZ:not(:-moz-any(.veU9u,.ZOX9S)) .gLEkw {
  color: var(--chrome-fg)
}

.Ut4iZ:not(:is(.veU9u,.ZOX9S)) .gLEkw {
  color: var(--chrome-fg)
}

@media (hover: hover) {
  .veU9u:hover {
    background-color:var(--content-tint);
    outline: none
  }
}

.veU9u .Ro4PU:focus-visible+.wmRou+.SbeG8 {
  background-color: var(--content-tint);
  outline: none
}

.veU9u .Ro4PU:focus-visible+.wmRou {
  background-color: var(--content-tint);
  outline: none
}

.veU9u .wmRou:focus-visible {
  background-color: var(--content-tint)
}

.veU9u .wmRou:focus-visible+.SbeG8 {
  background-color: var(--content-tint)
}

@media (hover: hover) {
  .veU9u .wmRou:hover,.veU9u .wmRou:hover+.SbeG8 {
    background-color:var(--content-tint)
  }
}

.veU9u .wmRou .gLEkw {
  color: var(--content-fg)
}

.veU9u .wmRou .fTJAC {
  color: var(--content-fg-secondary)
}

@media (hover: hover) {
  .ZOX9S:hover {
    background-color:var(--blog-background-hover-color);
    outline: none
  }
}

.ZOX9S .Ro4PU:focus-visible+.wmRou+.SbeG8 {
  background-color: var(--blog-background-hover-color);
  outline: none
}

.ZOX9S .Ro4PU:focus-visible+.wmRou {
  background-color: var(--blog-background-hover-color);
  outline: none
}

.ZOX9S .wmRou .gLEkw,.ZOX9S .wmRou .fTJAC {
  color: var(--blog-text-color)
}

.KXYTk .wmRou {
  padding-left: 16px
}

.KXYTk .QK2Zh {
  flex-direction: column;
  align-items: flex-start;
  display: flex
}

.KXYTk .gLEkw,.KXYTk .fTJAC {
  font-size: 1rem
}

@media (pointer: fine) {
  .KXYTk .gLEkw,.KXYTk .fTJAC {
    font-size:.875rem
  }
}

.Ut4iZ.Gef25 .wmRou,.Ut4iZ.Gef25 .SbeG8 {
  padding: 0
}

.Ut4iZ.Gef25 .SbeG8 button>span {
  text-align: right;
  margin-right: 0
}

@media (hover: hover) {
  .Ut4iZ.QQQHB:hover {
    background-color:initial
  }
}

.Ut4iZ.QQQHB .wmRou:focus-visible {
  background-color: initial
}

.Ut4iZ.QQQHB .wmRou:focus-visible+.SbeG8 {
  background-color: initial
}

@media (hover: hover) {
  .Ut4iZ.QQQHB .wmRou:hover,.Ut4iZ.QQQHB .wmRou:hover+.SbeG8 {
    background-color:initial
  }
}

.XnKJk {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: -40%;
  left: 65%
}

.e2EeC {
  border: 2px solid var(--chrome);
  background: var(--accent);
  width: 12px;
  height: 12px;
  color: var(--badge-text);
  border-radius: 100%;
  position: absolute;
  top: 10%;
  right: 23%
}

.jpu7k {
  transition: transform .2s ease-in-out;
  transform: scale(0)
}

.D0OOd {
  transform: scale(1)
}

.So6RQ {
  margin-bottom: 16px
}

@media (max-width: 540px) {
  .So6RQ {
    margin-bottom:8px
  }
}

.So6RQ:focus-visible>.ge_yK {
  box-shadow: 0 0 3px 3px var(--accent);
  border-radius: 3px
}

.So6RQ.YSitt {
  --post-padding: 16px;
  --post-header-vertical-padding: 16px;
  margin-bottom: 16px
}

.So6RQ.YSitt.a5_oh {
  margin: 0
}

@media (max-width: 540px) {
  .So6RQ.YSitt {
    --post-padding:10px;
    margin-bottom: 8px
  }
}

.So6RQ.YSitt[data-id]>.ge_yK {
  border-radius: 8px
}

.So6RQ,.ge_yK {
  outline: none
}

.gODLh {
  width: 100%
}

.gODLh .So6RQ {
  margin-bottom: 2px
}

.rCRIW {
  overflow: hidden
}

.tCZnl {
  margin: 0 1px 2px;
  position: relative
}

@media not (max-width: 540px) {
  .tCZnl:first-of-type .rCRIW {
    border-top-left-radius:6px
  }

  .tCZnl:nth-of-type(3) .rCRIW {
    border-top-right-radius: 6px
  }
}

.ojpYJ {
  content: "";
  pointer-events: none;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.ojpYJ.aRqkN {
  background-color: var(--content-tint-strong)
}

.ojpYJ.aRqkN:after {
  z-index: 1;
  border-top: 12px solid var(--chrome);
  content: "";
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%)
}

.Yxz86 {
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.Yxz86:focus-visible {
  outline: none
}

.Yxz86:focus-visible .ojpYJ {
  background-color: var(--accent);
  opacity: .4
}

.ju4hw {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.ju4hw:focus-visible {
  outline: none
}

.c79Av {
  position: relative
}

.qj1WD {
  z-index: 9;
  min-height: 100%;
  position: absolute
}

.Z0Knh {
  z-index: 9;
  width: 1px;
  min-height: 100%;
  position: absolute
}

.XJ0js {
  width: 1px;
  height: 1px;
  position: absolute;
  top: 50%
}

@keyframes EAhje {
  0% {
    opacity: 1;
    transform: translate(0)
  }

  to {
    opacity: 0;
    transform: translate(-100%)
  }
}

.jYrjr {
  animation: .3s ease-out forwards EAhje
}

.i4aRn {
  margin-bottom: 5px
}

.RFqS2 {
  display: block
}

.osIkK {
  margin-bottom: 200px
}

.f68ED {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--accent);
  text-decoration: none
}

@media (max-width: 540px) {
  .f68ED {
    font-size:1rem;
    font-weight: 700;
    line-height: 1.5;
    font-family: var(--font-family)
  }
}

.f68ED:focus-visible {
  outline: none;
  text-decoration: underline
}

@media (hover: hover) {
  .f68ED:hover {
    outline:none;
    text-decoration: underline
  }
}

.oloQq {
  width: 100%;
  padding: 6px
}

.oloQq .G3ulV {
  border: 1px solid var(--content-fg-secondary);
  height: 40px;
  color: var(--content-fg);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  display: flex
}

@media (hover: hover) {
  .oloQq .G3ulV:hover {
    background:var(--content-tint)
  }
}

.AHkyw .N96N2 .KxZIc svg use,.AHkyw .KxZIc svg use {
  --icon-color-primary: var(--accent)
}

.AHkyw {
  text-align: left;
  align-items: center;
  width: 100%;
  padding: 6px 8px;
  font-size: 13px;
  text-decoration: none;
  display: flex
}

@media (hover: hover) {
  .AHkyw:hover {
    background:var(--content-tint)
  }
}

.AHkyw.D_cxo {
  width: auto
}

.AHkyw.OfvnG {
  border-bottom: 1px var(--content-tint) solid;
  text-align: left;
  padding: 6px 10px 8px 6px
}

.AHkyw:last-child {
  border: none
}

.AHkyw .N96N2 {
  align-items: center;
  width: 100%;
  display: flex
}

.AHkyw .OX4Jm {
  margin-right: 10px;
  position: relative
}

.AHkyw .OX4Jm .iGp0T {
  position: absolute;
  top: -6px;
  right: 15px
}

.AHkyw .g3qmO {
  flex-direction: column;
  flex: 1;
  width: 1px;
  display: flex
}

.AHkyw .g3qmO .Uyky3,.AHkyw .g3qmO .a5mFW {
  text-overflow: ellipsis;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:1) {
  .AHkyw .g3qmO .Uyky3,.AHkyw .g3qmO .a5mFW {
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:1)) {
  .AHkyw .g3qmO .Uyky3,.AHkyw .g3qmO .a5mFW {
    white-space:nowrap
  }
}

.AHkyw .g3qmO .Uyky3,.AHkyw .g3qmO .a5mFW {
  word-break: break-all
}

.AHkyw .g3qmO .Uyky3 {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family)
}

.AHkyw .g3qmO .a5mFW {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--content-fg-secondary)
}

.AHkyw .g3qmO .a5mFW.nd0kT {
  white-space: pre
}

.tosY3 {
  -webkit-overflow-scrolling: touch;
  width: 100%;
  overflow-y: auto
}

.N4J0q {
  cursor: not-allowed;
  opacity: .4
}

.GJ3sl {
  border: 1px solid var(--content-fg-tertiary);
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: 32px;
  margin: 8px 6px;
  display: flex
}

.palette--trueBlue .GJ3sl {
  border: 1px solid var(--content-tint)
}

.iRY5I {
  height: 32px;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  border-radius: 999px;
  flex: 1 0 0;
  justify-content: center;
  align-items: center;
  padding: 8px 16px 8px 12px;
  display: flex
}

.iRY5I:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  gap: 8px;
  max-width: 45%
}

.iRY5I:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  flex: 1 0 0
}

.iRY5I[aria-selected=true] {
  background-color: var(--accent);
  color: var(--chrome)
}

.j0DgI {
  flex-direction: column;
  align-items: flex-start;
  display: flex
}

.JBclZ {
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  display: flex
}

@media (hover: hover) {
  .JBclZ:hover {
    background-color:var(--content-tint);
    cursor: pointer
  }
}

.lLCDv {
  flex-direction: column;
  align-items: baseline;
  display: flex
}

.jWPJ5 {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  text-overflow: ellipsis;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:1) {
  .jWPJ5 {
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:1)) {
  .jWPJ5 {
    white-space:nowrap
  }
}

.jWPJ5 {
  text-align: left;
  word-break: break-all
}

.cseiL {
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family);
  color: var(--content-fg-secondary);
  text-overflow: ellipsis;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:1) {
  .cseiL {
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:1)) {
  .cseiL {
    white-space:nowrap
  }
}

.cseiL {
  word-break: break-all
}

.xwL9a {
  --icon-color-primary: var(--accent);
  margin-left: auto
}

.nNbaS {
  width: 100%
}

.tYyr9 {
  background: var(--content-panel);
  color: var(--content-fg);
  border-radius: 6px;
  flex-direction: column;
  align-items: center;
  margin: auto;
  padding: 4px 0;
  display: flex;
  position: relative;
  overflow-x: hidden
}

.u1Tak {
  width: 90vw;
  height: 50vh
}

.gqUco {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
  position: fixed;
  top: 8px;
  left: 8px
}

.zOAiO {
  justify-content: center;
  align-items: center;
  width: auto;
  display: flex
}

.lHc1y {
  width: 100%;
  color: inherit;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative
}

.lHc1y svg {
  margin-left: 5px
}

.gcKSf {
  max-width: 200px;
  color: var(--content-fg-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden
}

.gcKSf.h6_FZ {
  color: var(--chrome-fg-secondary)
}

.gcKSf.fw3Vq {
  max-width: 300px
}

.gcKSf.fw3Vq.h6_FZ {
  max-width: 225px;
  color: var(--content-fg-secondary)
}

@media not (min-width: 990px) {
  .gcKSf.fw3Vq.h6_FZ {
    max-width:300px
  }
}

.wxU_r {
  justify-content: left
}

.SERD7 {
  background-color: var(--accent);
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin-top: -12px;
  margin-left: -5px;
  transform: translateZ(0)
}

.Plisc {
  border-radius: 12px
}

.jxK8o {
  background: var(--content-panel);
  color: var(--content-fg);
  border-radius: 6px;
  flex-direction: column;
  align-items: center;
  margin: auto;
  padding: 4px 0;
  display: flex;
  position: relative;
  overflow-x: hidden
}

.jxK8o .R0LzT {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  font-family: var(--font-family);
  border-bottom: 1px var(--content-tint-strong) solid;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 5px 0;
  display: flex
}

.lQdJP {
  width: 90vw;
  height: 50vh
}

.ioiLf {
  background-color: var(--content-panel);
  pointer-events: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: -4px;
  right: -4px
}

@keyframes g1BYC {
  0% {
    transform: scale(0)
  }

  to {
    transform: scale(1)
  }
}

.ioiLf {
  animation: .2s ease-in-out g1BYC
}

.ioiLf>svg {
  margin: 0
}

.wKEBn {
  margin-right: 10px
}

.wKEBn.LPh7a {
  margin-right: 0
}

.C4gjZ {
  padding: 4px 8px
}

.C4gjZ .GOG3l {
  justify-content: center;
  align-items: center;
  height: 74px;
  display: flex
}

@media (max-width: 540px) {
  .C4gjZ {
    margin:0;
    padding: 0
  }
}

@keyframes __tNh {
  0% {
    background-position: 0%
  }

  to {
    background-position: 500%
  }
}

.tDy_h {
  border-radius: inherit;
  background: linear-gradient(5deg, var(--brand-green), var(--brand-blue), var(--brand-purple), var(--brand-red), var(--brand-pink), var(--brand-orange), var(--brand-yellow));
  background-size: 250% 100%;
  width: 100%;
  height: 4px;
  animation: 4s linear infinite __tNh
}

._vFtf {
  width: 100%
}

.leMd5 {
  border-bottom: 1px solid var(--content-tint-strong);
  background: var(--content-panel);
  text-align: start;
  padding: 15px;
  text-decoration: none;
  display: flex
}

.leMd5:focus-visible {
  background-color: var(--content-tint)
}

.leMd5:focus-visible .leMd5 {
  outline: none
}

@media (hover: hover) {
  .leMd5:hover {
    background-color:var(--content-tint)
  }

  .leMd5:hover .leMd5 {
    outline: none
  }
}

.leMd5 .xCv4H {
  margin-right: 10px
}

.leMd5 .GyW8v {
  width: 100%;
  color: var(--content-fg);
  flex-direction: column;
  margin-top: -2px;
  display: flex;
  overflow: hidden
}

.leMd5 .GyW8v .uX3_z {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  letter-spacing: .01px;
  justify-content: space-between;
  line-height: 21px;
  display: flex
}

.leMd5 .GyW8v .uX3_z .pTvJc {
  text-overflow: ellipsis;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:1) {
  .leMd5 .GyW8v .uX3_z .pTvJc {
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:1)) {
  .leMd5 .GyW8v .uX3_z .pTvJc {
    white-space:nowrap
  }
}

.leMd5 .GyW8v .uX3_z div.pTvJc {
  display: block
}

.leMd5 .GyW8v .uX3_z.lx_bn {
  color: var(--accent)
}

.leMd5 .GyW8v .uX3_z .Y8xri {
  background: var(--accent);
  border-radius: 100%;
  align-self: center;
  width: 8px;
  height: 8px
}

.leMd5 .GyW8v .FZe6i {
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family);
  width: 100%;
  color: var(--content-fg-secondary);
  line-height: 15px
}

.leMd5 .GyW8v .sAY6a {
  text-overflow: ellipsis;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:2) {
  .leMd5 .GyW8v .sAY6a {
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:2)) {
  .leMd5 .GyW8v .sAY6a {
    white-space:nowrap
  }
}

.leMd5 .GyW8v .iVhqZ {
  text-overflow: ellipsis;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:1) {
  .leMd5 .GyW8v .iVhqZ {
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:1)) {
  .leMd5 .GyW8v .iVhqZ {
    white-space:nowrap
  }
}

.leMd5 .GyW8v div.iVhqZ {
  display: block
}

.leMd5.F1eQQ .GyW8v {
  margin-top: -4px
}

.leMd5.F1eQQ .GyW8v .pTvJc {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family)
}

.leMd5.F1eQQ .GyW8v .FZe6i {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  line-height: 18px
}

.M34dz {
  background: var(--content-panel)
}

.M34dz .glTqf {
  background-color: var(--content-panel);
  color: var(--content-fg-secondary);
  align-items: center;
  padding: 15px;
  display: flex
}

.M34dz .glTqf span {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  margin-right: 5px
}

.M34dz .glTqf input {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  background-color: inherit;
  width: 100%;
  color: inherit;
  border: none
}

.M34dz .glTqf input:focus-visible {
  outline: none
}

.M34dz .P4xeq {
  position: absolute
}

.M34dz .P4xeq:last-child {
  position: relative
}

.M34dz .n23S3 button:first-child span {
  border-top: none
}

.M34dz .X_lFW {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  background-color: var(--content-tint);
  color: var(--content-fg-secondary);
  padding: 5px 15px
}

.M34dz .X_lFW.wSjVv {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family)
}

.M34dz .oLgq2 {
  border-top: 1px solid var(--content-tint-strong);
  min-height: 200px;
  color: var(--content-fg-secondary);
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 15px;
  display: flex
}

._v5gz,.FBnVP {
  flex-direction: column;
  width: 100%;
  display: flex
}

._v5gz .EXUkD,.FBnVP .EXUkD {
  background: var(--content-panel)
}

._v5gz .PDF9O,.FBnVP .PDF9O {
  background: var(--content-panel);
  padding: 20px 0
}

._v5gz .Zd01K,.FBnVP .Zd01K {
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex
}

._v5gz {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  min-height: calc(100vh - 44px)
}

._v5gz .mBa_9 {
  height: 44px
}

.FBnVP {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  max-height: inherit;
  border-radius: 3px
}

.FBnVP .EXUkD {
  overscroll-behavior: contain;
  flex-direction: column;
  display: flex;
  overflow-y: auto
}

.Tjbvn {
  display: none
}

.lVtP0 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  background-color: var(--content-panel);
  color: var(--content-fg);
  text-wrap: pretty;
  margin: 0;
  padding: 32px 20px
}

.VQIvM {
  flex-direction: column;
  align-items: center;
  padding: 32px 24px;
  display: flex
}

.sh3WH {
  color: var(--content-fg);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  font-family: var(--font-family-modern);
  text-wrap: balance;
  text-align: center;
  margin-bottom: 8px
}

.fiZVC {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg-secondary);
  text-wrap: pretty;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 16px;
  display: flex
}

@media (max-width: 440px) {
  .fiZVC {
    margin-bottom:24px
  }
}

.XuBu1 {
  justify-content: center
}

.gG278 {
  width: 100%;
  padding: 100px 0
}

.gG278.ops60 {
  padding: 40px 0
}

.gxf2Y {
  box-sizing: border-box;
  width: auto;
  height: 30px;
  stroke: var(--chrome-fg);
  background-color: transparent;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  margin-bottom: 8px;
  padding: 4px 0 2px;
  display: flex
}

.gxf2Y svg {
  transform: rotate(-90deg)
}

.gxf2Y circle {
  stroke-width: 4px;
  fill: none;
  stroke-dasharray: 113.097
}

@keyframes b4eLl {
  0% {
    stroke-dashoffset: 0
  }

  to {
    stroke-dashoffset: 226.195px
  }
}

@keyframes d8uWm {
  0% {
    stroke: var(--brand-green)
  }

  20% {
    stroke: var(--brand-orange)
  }

  40% {
    stroke: var(--brand-purple)
  }

  60% {
    stroke: var(--brand-red)
  }

  80% {
    stroke: var(--chrome-fg)
  }
}

.bZWbL {
  animation: 1s ease-in-out infinite b4eLl,5s step-end .5s infinite d8uWm
}

.sRM0W {
  background-color: transparent;
  border-radius: 50%;
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 4px;
  right: 4px
}

.v2cZ4 {
  background-color: var(--content-panel);
  border-radius: 50%;
  height: 30px;
  position: relative
}

.hCiRr {
  flex-direction: column;
  flex: 1;
  display: flex
}

.rZlUD {
  opacity: .001;
  width: 100%;
  max-width: 556px
}

.rZlUD:not(.KYCZY) {
  overflow-wrap: break-word;
  overflow: hidden
}

.rZlUD.F4Tcn,.rZlUD.W45iW {
  opacity: 1
}

@media (prefers-reduced-motion:no-preference) {
  .rZlUD.W45iW {
    animation: .3s ease-in DbRW0
  }
}

.zAlrA {
  position: relative
}

@keyframes DbRW0 {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.b1XhH {
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
  margin-bottom: 60px;
  display: flex
}

@media not (min-width: 990px) {
  .b1XhH {
    max-width:calc(100% - 20px);
    margin-left: auto;
    margin-right: auto
  }
}

.Iqryz {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  min-width: 57.5px;
  padding: 6px 10px;
  display: flex
}

.Iqryz.KIkOD {
  background: var(--accent);
  color: var(--accent-fg);
  margin-left: auto;
  transition: transform .2s cubic-bezier(.165,.84,.44,1)
}

.Iqryz.KIkOD svg {
  margin-left: 8px
}

.Iqryz.pRuyA {
  background: var(--chrome-tint-strong);
  color: var(--chrome-fg-secondary)
}

.Iqryz.pRuyA svg {
  margin-right: 8px
}

.Iqryz .PDFGd {
  box-sizing: border-box;
  justify-content: space-evenly;
  align-items: center;
  display: flex
}

.GC6tB {
  font-weight: 700
}

.ftU4D {
  background-color: var(--content-panel);
  flex-direction: column;
  display: flex
}

.QH5q4 {
  box-sizing: border-box;
  background: var(--content-panel);
  width: 100%;
  height: 100%;
  color: var(--content-fg-secondary);
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 15px 10px;
  display: flex
}

.QH5q4 .uPfvs {
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.52381;
  font-family: var(--font-family);
  text-align: center;
  margin: 15px 0
}

.QH5q4 .qdKhK {
  grid-template-rows: repeat(2,35px);
  grid-template-columns: repeat(4,35px);
  gap: 10px;
  display: grid
}

@keyframes d76rQ {
  0% {
    transform: rotate(0)
  }

  25% {
    transform: rotate(10deg)
  }

  75% {
    transform: rotate(-10deg)
  }

  to {
    transform: rotate(0)
  }
}

.QH5q4 .e8_q_.d76rQ {
  animation: .3s d76rQ
}

.Bs6U3 {
  font-size: 0
}

.Bs6U3.KDgcr .xmMz6 {
  width: 24px;
  height: 14px
}

.Bs6U3.KDgcr .xmMz6 input:focus-visible~.UZrDG {
  box-shadow: 0px 0px 5px 2px var(--accent);
  border-radius: 14px;
  outline: none
}

.Bs6U3.KDgcr .UZrDG {
  border-radius: 14px
}

.Bs6U3.KDgcr .UZrDG.U_rPn:before {
  transform: translate(10px)
}

.Bs6U3.KDgcr .UZrDG:before {
  width: 10px;
  height: 10px;
  bottom: 2px;
  left: 2px
}

.Bs6U3.Ld5wO .xmMz6 {
  width: 40px;
  height: 23px
}

.Bs6U3.Ld5wO .xmMz6 input:focus-visible~.UZrDG {
  box-shadow: 0px 0px 5px 2px var(--accent);
  border-radius: 23px;
  outline: none
}

.Bs6U3.Ld5wO .UZrDG {
  border-radius: 23px
}

.Bs6U3.Ld5wO .UZrDG.U_rPn:before {
  transform: translate(16px)
}

.Bs6U3.Ld5wO .UZrDG:before {
  width: 16px;
  height: 16px;
  bottom: 4px;
  left: 4px
}

.Bs6U3.gcGa_ .xmMz6 {
  width: 60px;
  height: 34px
}

.Bs6U3.gcGa_ .xmMz6 input:focus-visible~.UZrDG {
  box-shadow: 0px 0px 5px 2px var(--accent);
  border-radius: 34px;
  outline: none
}

.Bs6U3.gcGa_ .UZrDG {
  border-radius: 34px
}

.Bs6U3.gcGa_ .UZrDG.U_rPn:before {
  transform: translate(26px)
}

.Bs6U3.gcGa_ .UZrDG:before {
  width: 26px;
  height: 26px;
  bottom: 4px;
  left: 4px
}

.Bs6U3 .xmMz6 {
  display: inline-block;
  position: relative
}

.Bs6U3 .xmMz6 input {
  opacity: 0
}

.Bs6U3 .UZrDG {
  background-color: var(--content-fg-secondary);
  cursor: pointer;
  transition: all .1s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.Bs6U3 .UZrDG.RHCmM {
  cursor: not-allowed;
  opacity: .3
}

.Bs6U3 .UZrDG:before {
  background-color: var(--color-fg-light);
  content: "";
  border-radius: 50%;
  transition: all .1s;
  position: absolute
}

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

.pbtF7 .Zi23d {
  align-items: center;
  display: flex
}

.pbtF7 .Zi23d .JROAL {
  margin-left: 8px
}

.pbtF7 a {
  text-decoration: none
}

.pbtF7 .RVhsj {
  justify-content: space-between;
  align-items: center;
  display: flex
}

.pbtF7 .DWarm {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: ellipsis;
  white-space: nowrap;
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  padding: 6px;
  display: flex;
  overflow: hidden
}

.pbtF7 .DWarm.cNVSQ {
  padding: 6px 14px
}

.pbtF7 .DWarm.LMuwh svg {
  margin-right: 5px
}

.pbtF7 .JROAL {
  font-size: .625rem;
  font-weight: 400;
  line-height: 1.6;
  font-family: var(--font-family);
  margin-top: 3px;
  margin-bottom: 0
}

.Geidh {
  background: linear-gradient(to right, var(--color-tint) 0%, var(--content-panel) 45%, var(--content-panel) 100%);
  width: 50%;
  color: var(--content-fg-tertiary);
  justify-content: center;
  align-items: flex-end;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0
}

.zM2xK {
  z-index: 100;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0
}

.G_65K {
  height: 320px;
  position: absolute
}

.iPerH {
  box-sizing: border-box;
  border: thick solid transparent;
  border-width: 2px thick thick 2px;
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  width: 312px;
  height: 330px;
  display: flex;
  position: relative;
  overflow: hidden
}

.Azatb {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  font-family: var(--font-family);
  justify-content: center;
  align-items: center;
  min-width: 150px;
  padding: 4px;
  font-weight: 500;
  display: flex;
  position: absolute;
  top: 15px;
  left: -20px;
  transform: rotate(-45deg)translate(-12%)
}

.Azatb p {
  margin-bottom: 0;
  font-weight: 700
}

.Lpdju {
  text-align: center;
  flex: 3 0 225px;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  display: flex;
  overflow: hidden
}

.Lpdju img {
  max-width: 232px
}

.Lpdju.TQATb img {
  object-fit: cover;
  width: 312px;
  max-width: 100%
}

@media (max-width: 540px) {
  .Lpdju {
    min-height:217px
  }
}

.HkgGP {
  box-sizing: border-box;
  flex: 0 3 105px;
  justify-content: space-between;
  align-items: flex-start;
  padding: 12px;
  display: flex;
  overflow: hidden
}

.l_eMn {
  scrollbar-width: none;
  -ms-overflow-style: none
}

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

.l_eMn {
  max-width: 75%;
  max-height: 71px;
  margin-right: 10px;
  position: relative;
  overflow: hidden
}

.l_eMn p {
  margin-bottom: 0
}

.ImqT_ {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  text-align: left
}

.Hq828 {
  max-height: 45px
}

.uhTvP {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  box-sizing: border-box;
  text-align: left
}

.uhTvP p {
  font-weight: lighter
}

.tvumD {
  justify-content: space-between;
  align-self: flex-end;
  display: flex
}

.tvumD .f6phD {
  margin-right: 5px;
  font-size: 16px
}

.tvumD .f6phD:last-child {
  margin-right: 0
}

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

@media (max-width: 540px) {
  .YIpzf {
    flex-direction:column
  }
}

.YIpzf:disabled {
  opacity: .5
}

.ou6Mu {
  flex-grow: 1;
  align-items: center;
  margin-right: 10px;
  display: flex
}

.ou6Mu:last-child {
  margin-right: 0
}

@media (max-width: 540px) {
  .ou6Mu {
    margin:5px 0
  }
}

.ou6Mu.n7Z8z {
  opacity: .5
}

.ou6Mu label {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.30769;
  font-family: var(--font-family);
  background-color: var(--content-tint);
  color: var(--content-fg);
  border: 2px solid transparent;
  border-radius: 3px;
  flex-grow: 1;
  align-items: center;
  padding: 4px 10px;
  display: flex
}

.ou6Mu input:checked~label {
  border-color: var(--accent);
  background-color: var(--accent-tint)
}

.ou6Mu input:checked~label .Hm8d6 {
  border-color: var(--accent)
}

.ou6Mu input:checked~label svg use {
  --icon-color-primary: var(--accent)
}

.ou6Mu input:focus-visible~label {
  outline: 1px dotted var(--accent)
}

.Hm8d6 {
  border: 2px solid var(--content-fg-secondary);
  border-radius: 50%;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  display: flex
}

.Hm8d6 svg {
  width: 24px;
  height: 24px;
  margin: -2px
}

.qYB4A {
  box-sizing: border-box;
  z-index: 101;
  background-color: var(--content-panel);
  width: 100%;
  min-width: 359px;
  max-width: 540px;
  color: var(--content-fg);
  border-radius: 12px;
  flex-direction: column;
  gap: 8px;
  padding: 24px;
  display: flex;
  position: fixed;
  top: 50%;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%,-50%)
}

@media (max-width: 540px) {
  .qYB4A {
    max-width:90%
  }
}

.qYB4A.OPdSo {
  background-color: var(--content-panel);
  color: var(--content-fg)
}

.qYB4A.Cg4tf {
  background-color: var(--image-ui-fg);
  color: var(--brand-orange)
}

[data-backdrop] {
  z-index: 100;
  background-color: var(--overlay-tint-heavy)
}

.L5m3Q {
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: var(--font-family);
  text-align: center;
  margin-top: 16px
}

.i820W {
  font-size: 1.5rem;
  line-height: 2rem;
  font-family: var(--font-family);
  font-weight: 700
}

.cYyad {
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: var(--font-family);
  border-radius: 32px;
  align-self: center;
  padding: 12px 54px;
  font-weight: 350
}

.cYyad:focus-visible {
  outline: auto;
  outline-color: var(--accent)
}

.cYyad:focus-visible>.Evj9j {
  outline: none
}

.coRbX {
  background-color: var(--brand-purple);
  color: var(--color-fg-light)
}

.coRbX.Cg4tf {
  background-color: var(--brand-orange);
  color: #000
}

.WCnSw {
  color: var(--brand-blue);
  border-radius: 32px
}

.WCnSw.Cg4tf {
  color: var(--image-ui-fg-secondary)
}

.LinLf {
  color: var(--content-fg-tertiary);
  position: absolute;
  right: 24px
}

.LinLf.Cg4tf {
  color: var(--image-ui-fg-secondary)
}

.qUKL1 {
  position: absolute;
  -webkit-touch-callout: none!important;
  -webkit-user-drag: none!important
}

.SXedv {
  opacity: .2;
  width: 99px;
  position: absolute;
  bottom: -140px;
  left: -32px;
  transform: rotate(30deg)
}

.oggFG {
  opacity: .2;
  width: 99px;
  top: 42px;
  right: -67px;
  transform: rotate(-45deg)
}

.b8VbU {
  color: var(--brand-red);
  font-weight: 700
}

.CyJFB {
  color: var(--brand-purple);
  font-weight: 700
}

.BoVGf {
  background-color: var(--brand-purple)!important
}

.D9qYp {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern)
}

.AhqY9 {
  border-radius: 8px;
  align-items: center;
  width: 340px;
  height: 144px;
  position: relative;
  overflow: hidden
}

.LOXaO {
  height: 144px;
  overflow: visible
}

.zu5HE:first-child {
  margin-left: 127.333px
}

.CocLJ {
  opacity: .3;
  width: 85.3333px;
  height: 85.3333px;
  margin-top: 29.3333px;
  transition: opacity,transform .5s cubic-bezier(.68,-.55,.27,1.55)
}

.mN0AI .CocLJ {
  opacity: 1;
  transform: scale(1.5)
}

.zTilY {
  --icon-color-primary: var(--content-fg);
  background-color: var(--content-panel);
  border-radius: 12px;
  width: 12px;
  height: 12px;
  padding: 4px;
  box-shadow: 0 4px 16px rgba(0,0,0,.05)
}

.zq7p5 {
  background: 0 0;
  border-radius: 50%
}

.zq7p5>span {
  padding: 0
}

.hTwTJ {
  width: 40px;
  height: 40px;
  box-shadow: 0 2px 4px -2px var(--content-fg);
  border-radius: 50%;
  -webkit-user-drag: none!important;
  -webkit-touch-callout: none!important;
  -webkit-user-select: none!important;
  -moz-user-select: none!important;
  user-select: none!important
}

.juYLo {
  color: var(--brand-purple);
  font-weight: 700;
  line-height: 1rem
}

.juYLo:focus-visible {
  outline: none;
  text-decoration: underline
}

@media (hover: hover) {
  .juYLo:hover {
    outline:none;
    text-decoration: underline
  }
}

.qgS4W {
  position: relative
}

.A7cEM span {
  text-decoration: underline
}

.V9FJD {
  display: inline-block
}

._fH4T {
  color: var(--color-fg-light)
}

.VcWAj {
  font-size: .78125rem;
  font-weight: 700;
  line-height: 1.52;
  font-family: var(--font-family);
  white-space: nowrap;
  border-radius: 4px;
  padding: 0 4px;
  display: inline-block
}

.WuiH9 {
  vertical-align: middle;
  margin-left: 4px;
  position: relative;
  bottom: 1px
}

.y117a {
  color: var(--content-fg-tertiary);
  margin: 10px 5px
}

.W93Gy {
  color: var(--content-fg-tertiary);
  align-self: flex-start;
  margin: 5px 10px;
  font-size: 12.5px
}

.gskJD {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex
}

.We8vc {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 8px;
  padding: 5px 10px;
  display: flex
}

@media (hover: hover) {
  .We8vc:hover {
    background-color:var(--content-tint-strong)
  }
}

.We8vc:last-child {
  margin-bottom: 0
}

.We8vc .I9alQ {
  margin-right: 5px
}

.We8vc .Y7vgH {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  display: flex;
  overflow: hidden
}

.We8vc .wC4tr {
  font-size: 14px;
  font-weight: 700
}

.We8vc .Q8BSY {
  color: var(--content-tint-strong)
}

.AmmYY {
  margin: 10px 0
}

.ahrGn {
  height: 40px;
  color: var(--content-fg-tertiary);
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  font-size: 16px;
  display: flex
}

.ahrGn.sjfTL {
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 0
}

.ahrGn.sjfTL p {
  margin-right: 0
}

.ahrGn.sjfTL .wJdtD {
  border-color: var(--content-fg);
  background-color: var(--content-panel);
  width: 100%;
  color: var(--content-fg);
  outline: none
}

.ahrGn.sjfTL .wJdtD svg use {
  --icon-color-primary: var(--content-fg)
}

.ahrGn p {
  margin-bottom: 0;
  margin-right: 10px
}

.ahrGn input {
  border: none;
  border-bottom: 1px dashed var(--content-fg-tertiary);
  width: 214px;
  color: var(--content-fg);
  background-color: transparent;
  outline: none;
  padding: 5px 0 5px 2px;
  font-size: 16px
}

.ahrGn input:focus-visible {
  border: none;
  border-bottom: 1px dashed var(--content-fg-tertiary);
  width: 214px;
  color: var(--content-fg);
  background-color: transparent;
  outline: none;
  padding: 5px 0 5px 2px;
  font-size: 16px
}

.ahrGn .nxT5a {
  text-align: left;
  width: 214px
}

.ahrGn .IZ4sJ {
  background-color: var(--content-tint);
  color: var(--accent);
  cursor: initial
}

.ahrGn .IZ4sJ p {
  margin: 0;
  display: inline
}

.ahrGn .BlXGE {
  color: var(--accent);
  cursor: pointer;
  margin-left: 10px
}

.wRDEp {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  border: 2px solid var(--content-tint-strong);
  height: 40px;
  color: var(--content-fg-tertiary);
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 12px;
  display: flex
}

.wRDEp.iqkoI {
  border: 2px solid var(--accent)
}

.wRDEp.Ad0vb {
  border: none;
  justify-content: center
}

.wRDEp .obf1j {
  white-space: nowrap;
  margin-bottom: 0;
  margin-left: 10px;
  margin-right: 10px
}

.wRDEp input {
  box-sizing: border-box;
  width: 268px;
  height: 40px;
  color: var(--content-fg);
  text-indent: 10px;
  background-color: transparent;
  border: none;
  outline: none;
  padding: 5px 0 5px 2px;
  font-size: 16px
}

.wRDEp input:focus-visible {
  box-sizing: border-box;
  width: 268px;
  height: 40px;
  color: var(--content-fg);
  text-indent: 10px;
  background-color: transparent;
  border: none;
  outline: none;
  padding: 5px 0 5px 2px;
  font-size: 16px
}

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

.wRDEp .IZ4sJ {
  box-sizing: border-box;
  background-color: var(--content-tint);
  width: 138px;
  height: 40px;
  color: var(--content-fg);
  cursor: initial;
  justify-content: space-evenly;
  align-items: center;
  gap: 5px;
  font-size: 16px;
  font-weight: bolder;
  display: flex
}

.wRDEp .IZ4sJ p {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 86px;
  margin: 0;
  overflow: hidden
}

.wRDEp .BlXGE {
  color: var(--accent);
  cursor: pointer;
  margin-left: 10px
}

.YDrZI {
  scrollbar-width: none;
  -ms-overflow-style: none
}

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

.YDrZI {
  border: 1px solid var(--content-tint);
  border-radius: 10px;
  box-shadow: 0 4px 16px rgba(0,0,0,.05)
}

.YDrZI .uFDix {
  scrollbar-width: none;
  -ms-overflow-style: none
}

.YDrZI .uFDix::-webkit-scrollbar {
  width: 0;
  height: 0
}

.YDrZI .uFDix {
  box-sizing: border-box;
  width: 275px;
  max-height: 297px;
  padding: 5px
}

.lpA5v {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  box-sizing: border-box;
  background-color: var(--content-tint);
  width: 100%;
  min-width: 0;
  color: var(--content-fg-secondary);
  border: none;
  border-radius: 8px;
  outline: 4px solid transparent;
  padding: 8px 16px;
  transition: outline .1s ease-in-out
}

.lpA5v:focus-visible {
  outline: var(--accent) solid 2px
}

.aVQ3Z {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  font-family: var(--font-family-modern)
}

.XhD0H {
  align-items: center;
  gap: 8px;
  display: flex
}

.lPY88 {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--content-fg-secondary)
}

small.lPY88 {
  font-size: .7em
}

.I6Lwl {
  z-index: 100;
  background-color: var(--brand-purple);
  width: 100%;
  max-height: 100%;
  color: var(--color-fg-light);
  position: fixed;
  bottom: 0;
  left: 0;
  overflow: scroll
}

.I6Lwl .JAYfv {
  max-width: 880px;
  margin: 0 auto;
  padding: 16px 50px;
  position: relative
}

.I6Lwl .NoQSe {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family)
}

.I6Lwl .ye7wo {
  background-color: var(--color-tint);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
  position: absolute;
  top: 16px;
  right: 0
}

@media not (min-width: 990px) {
  .I6Lwl .ye7wo {
    right:10px
  }
}

.Rb_wu {
  box-sizing: border-box;
  max-width: 100%;
  display: inline-block;
  position: relative
}

.irkyW {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid var(--content-tint-strong);
  background: var(--content-panel);
  max-width: 100%;
  color: var(--content-fg);
  border-radius: 4px;
  margin: 0;
  padding: 7px 25px 7px 10px
}

.irkyW:disabled {
  background: var(--content-tint-heavy);
  color: var(--content-fg-tertiary);
  cursor: not-allowed;
  opacity: 1;
  border-color: transparent
}

.y9c3c {
  pointer-events: none;
  align-items: center;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  right: 8px
}

.x2Gw6 {
  --icon-color-primary: var(--content-fg-secondary);
  width: 11px;
  height: 11px
}

.N9zx6 {
  --icon-color-primary: var(--content-fg-tertiary);
  width: 11px;
  height: 11px
}

.oR8IV {
  margin-top: .35em
}

.VxotM {
  box-sizing: border-box;
  border: 2px solid var(--content-tint-strong);
  border-radius: 12px;
  width: 100%;
  height: 40px;
  margin-bottom: 12px
}

.VxotM.eWWnq {
  border: 2px solid var(--accent)
}

.VxotM p {
  margin-right: 0
}

.VxotM .XoAUP {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  color: var(--content-fg);
  cursor: inherit;
  background-color: transparent;
  border: none;
  outline: none;
  margin: 0
}

.VxotM .XoAUP svg use {
  --icon-color-primary: var(--content-fg)
}

.i0eXl {
  flex-direction: column;
  gap: 8px;
  display: flex
}

.dSQuW {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  font-family: var(--font-family-modern)
}

._LlDC {
  flex-direction: column;
  gap: 16px;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative
}

._LlDC .od79S {
  flex-direction: column;
  display: flex
}

._LlDC .p1ueV {
  position: absolute;
  top: 21px
}

._LlDC .yoGda {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  font-family: var(--font-family);
  text-align: center;
  margin: 18px;
  line-height: 24px
}

._LlDC .NNh7e {
  border-radius: 8px;
  width: 100%
}

._LlDC .R1g_V {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  text-align: center;
  flex-direction: column;
  gap: 12px;
  margin: -4px 0;
  display: flex
}

._LlDC .Q7QBV {
  text-align: center
}

._LlDC .lQM6O {
  align-self: center
}

._LlDC .A6B_g,._LlDC .C1psQ {
  width: 100%;
  max-width: 268px;
  margin: 0 auto
}

._LlDC .A6B_g .KapyO,._LlDC .C1psQ .KapyO {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  flex-direction: column;
  margin: 0 auto;
  display: flex
}

._LlDC .A6B_g .KapyO .lxzFl,._LlDC .C1psQ .KapyO .lxzFl {
  margin-right: 0
}

._LlDC .A6B_g .KapyO label,._LlDC .C1psQ .KapyO label {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.33333;
  font-family: var(--font-family);
  border-radius: 8px;
  margin-bottom: 10px;
  padding: 8px
}

._LlDC .A6B_g .KapyO.ePJgz label,._LlDC .C1psQ .KapyO.ePJgz label {
  font-size: 14px
}

._LlDC .A6B_g .Hq7Ow {
  margin: 8px auto 0
}

._LlDC .A6B_g .fLhXP,._LlDC .A6B_g .tqFpo {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  display: flex
}

._LlDC .A6B_g .oWmv7 {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--content-fg-secondary)
}

._LlDC .A6B_g .tqFpo {
  margin-bottom: 5px
}

._LlDC .A6B_g .HkXGy {
  border: 1px solid var(--content-tint-strong);
  background-color: var(--content-panel);
  width: 85%;
  color: var(--content-fg);
  border-radius: 12px;
  flex: 1;
  margin-left: 10px;
  padding: 10px;
  display: flex
}

._LlDC .A6B_g .HkXGy:disabled {
  background-color: var(--content-panel);
  color: var(--content-fg-secondary);
  cursor: not-allowed;
  opacity: .6
}

._LlDC .A6B_g ._DzI0 {
  box-sizing: border-box;
  max-height: 90px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  flex: 1;
  padding: 8px 0 10px;
  overflow: hidden
}

._LlDC .A6B_g .bRkSL {
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family);
  color: var(--content-fg-secondary);
  text-align: center;
  margin-left: 16px
}

._LlDC .A6B_g .pE8_V {
  font-size: .625rem;
  font-weight: 400;
  line-height: 1.6;
  font-family: var(--font-family);
  border-radius: 6px
}

._LlDC .C1psQ {
  flex-grow: 1
}

._LlDC .C1psQ .pQ4zI {
  margin-bottom: 8px
}

._LlDC ._xLkZ {
  box-sizing: border-box;
  background-color: var(--content-panel);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  height: 76px;
  margin-top: -10px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0
}

._LlDC .aVRLa {
  width: 268px;
  height: 40px;
  margin: 0 0 4px
}

.oQX_Y {
  justify-content: center;
  align-items: center;
  height: 562px;
  display: flex
}

.hCGfE {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 562px;
  display: flex
}

.AyAYa {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.33333;
  font-family: var(--font-family);
  color: var(--content-fg-secondary);
  text-align: center;
  padding: 16px
}

.TUGXG label {
  background-image: radial-gradient(55% 155% at 25% 106%,#ccf1ff,#ffdff5,#b09dff,#66d4ff);
  border-radius: 12px
}

.XQwyN {
  flex-direction: column;
  gap: 8px;
  display: flex
}

.M6qvJ {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  font-family: var(--font-family-modern)
}

.L1Wd4 {
  box-sizing: border-box;
  border: 2px solid var(--content-tint-strong);
  border-radius: 24px;
  justify-content: space-evenly;
  display: flex
}

.x1nHN {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  border-radius: 18px;
  padding: 2px 12px;
  transition: background-position .25s linear
}

.yAOQn {
  color: var(--color-fg-light)
}

.L66VV {
  background: linear-gradient(to right, transparent 50%, var(--accent) 50%) left;
  background-size: 200% 100%
}

.L66VV.yAOQn {
  background-position: 100%
}

.jJuW4 {
  background: linear-gradient(to right, var(--accent) 50%, transparent 50%) right;
  background-size: 200% 100%
}

.jJuW4.yAOQn {
  background-position: 0
}

.y7ZcS {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative
}

.FV5TG {
  position: relative
}

.oYiC_,.jMbMz {
  position: absolute;
  top: 0;
  left: 0
}

.jMbMz path {
  fill: #73c2ff
}

.jMbMz path.DR791 {
  fill: #fff
}

@media (prefers-reduced-motion:no-preference) {
  .jMbMz path.zSiyl,.jMbMz path.H5lr8 {
    animation: 2s 10 CqmZw
  }
}

.oYiC_ path {
  fill: #161631;
  opacity: .85
}

@media (prefers-reduced-motion:no-preference) {
  .oYiC_ path.zSiyl,.oYiC_ path.H5lr8 {
    animation: 1s 10 Wquer
  }
}

@keyframes Wquer {
  0% {
    fill: #0008d0
  }

  30% {
    fill: #6f04a1
  }

  60% {
    fill: #7714c9
  }

  to {
    fill: #0008d0
  }
}

@keyframes CqmZw {
  0% {
    fill: #73c2ff
  }

  50% {
    fill: #47d4ff
  }

  to {
    fill: #73c2ff
  }
}

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

.fvSXi {
  display: inherit;
  align-items: inherit;
  justify-content: inherit;
  -webkit-text-decoration: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit
}

.qRMZE {
  cursor: pointer
}

.qn4rB {
  z-index: 1;
  width: 100%;
  height: 0;
  transition: top .2s,opacity .2s linear;
  position: -webkit-sticky;
  position: sticky
}

.qn4rB.kp7A0 {
  opacity: 1;
  top: calc(100vh - 30px)
}

.qn4rB.Jj5Z2 {
  opacity: 0;
  pointer-events: none;
  top: calc(100vh + 30px)
}

.qn4rB._VNtI {
  height: auto;
  margin-bottom: 20px;
  top: 20px
}

.qn4rB._VNtI.Jj5Z2 {
  height: 0;
  margin-bottom: 0
}

.qn4rB._VNtI .bjtTv {
  transform: none
}

.qn4rB._VNtI .bjtTv:active {
  transform: translateY(1px)
}

.qn4rB .bjtTv {
  background-color: var(--accent);
  max-width: calc(100% - 24px);
  color: var(--accent-fg);
  cursor: pointer;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 6px 15px;
  display: flex;
  transform: translateY(-100%);
  box-shadow: 0 3px 12px rgba(0,0,0,.2)
}

@media (max-width: 540px) {
  .qn4rB .bjtTv {
    padding:3px 12px
  }
}

.qn4rB .bjtTv .bUnoB {
  text-align: center;
  margin-left: 12px
}

.qn4rB .bjtTv:active {
  transform: translateY(-100%)translateY(1px);
  box-shadow: 0 0 15px rgba(0,0,0,.5)
}

.icbzP {
  width: 100%;
  position: relative
}

.QkCVo {
  width: 100%;
  padding: 4px
}

.CJUVk {
  width: inherit
}

.pQkU5 {
  border: 1px solid var(--content-tint-strong);
  background: var(--content-panel);
  border-radius: 3px;
  justify-content: space-between;
  align-items: center;
  padding: 4px;
  display: flex;
  position: relative;
  overflow: hidden
}

.pQkU5 .dmeYi {
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: center;
  height: 34px;
  margin-left: 12px;
  margin-right: 2px;
  display: flex
}

.pQkU5 .dmeYi svg use {
  --icon-color-primary: var(--content-fg)
}

.pQkU5 .nIUnP {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  width: 100%;
  color: var(--content-fg);
  background: 0 0;
  border: none;
  outline: none;
  padding: 5px
}

.pQkU5 .N4KIX {
  width: 60px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0
}

.hXWAf {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  box-sizing: border-box;
  align-items: center;
  width: 100%;
  min-height: 45px;
  padding: 8px;
  text-decoration: none;
  display: flex
}

.GXxZQ {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex
}

.Z6ZAw {
  border: 1px solid var(--accent);
  background: var(--accent);
  min-width: 100px;
  height: 40px;
  color: var(--content-panel);
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  border-radius: 25px;
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 5px 20px
}

.Z6ZAw.yqeGG {
  background: var(--content-panel);
  color: var(--accent)
}

.dmeYi {
  margin-right: 8px;
  display: flex
}

.Wc04C {
  text-overflow: ellipsis;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:1) {
  .Wc04C {
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:1)) {
  .Wc04C {
    white-space:nowrap
  }
}

.LpT7u {
  justify-content: space-between;
  align-items: center;
  min-height: 70px;
  display: flex
}

.LpT7u .gjXjl {
  word-break: break-word;
  flex: 1
}

.LpT7u .THgNG {
  box-sizing: border-box;
  background: var(--accent);
  min-width: 110px;
  max-width: 180px;
  height: 38px;
  color: var(--color-fg-light);
  border-radius: 25px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0 8px;
  padding: 4px 20px;
  text-decoration: none;
  display: flex
}

.LpT7u .oimUW {
  border: 2px solid var(--content-fg-tertiary);
  background: var(--content-panel);
  min-width: 110px;
  max-width: 180px;
  height: 40px;
  color: var(--content-fg-secondary);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  padding: 4px 20px;
  display: flex
}

.LpT7u .oimUW.Qp_8J {
  border-color: var(--accent);
  background: var(--accent);
  color: var(--color-fg-light)
}

.zSGUi {
  margin-top: 100px
}

.tBdaa {
  border-top: solid 1px var(--chrome-fg);
  display: flex;
  overflow: hidden
}

.tBdaa .bsPTt {
  box-sizing: border-box;
  flex: 0 0 100%;
  padding: 14px;
  transition: transform .25s linear;
  overflow-y: auto
}

.SzteP {
  border: 1px solid var(--content-tint-strong);
  background: var(--content-panel);
  border-radius: 3px;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  height: 34px;
  margin: 14px;
  padding: 4px;
  display: flex;
  position: relative;
  overflow: hidden
}

.SzteP .CC8h2 {
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: center;
  height: 34px;
  margin-left: 12px;
  margin-right: 2px;
  display: flex
}

.SzteP .CC8h2 svg use {
  --icon-color-primary: var(--content-fg-secondary)
}

.SzteP .nstz_ {
  cursor: pointer;
  height: 12px;
  margin-right: 5px
}

.SzteP .nstz_ svg use {
  --icon-color-primary: var(--content-fg-tertiary)
}

.SzteP .mlda0 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  width: 100%;
  color: var(--content-fg);
  background: 0 0;
  border: none;
  outline: none;
  padding: 5px
}

.VsY8z {
  flex-direction: row;
  gap: 4px;
  width: 100%;
  display: flex;
  position: relative
}

.Mw2UR {
  width: 100%;
  position: relative
}

.aogHd {
  width: inherit;
  flex-direction: column;
  justify-content: center;
  display: flex
}

.oPa7v {
  border-radius: 9999px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  transition: background-color .25s;
  display: flex;
  position: relative;
  overflow: hidden
}

.oPa7v.Qqfho {
  background-color: var(--chrome-tint);
  color: var(--chrome-fg-secondary)
}

.oPa7v.u54ka {
  background-color: var(--content-tint);
  color: var(--content-fg-secondary)
}

.oPa7v.QkAgj {
  background-color: var(--image-tint);
  color: var(--image-fg-secondary)
}

.Mw2UR:focus-within .oPa7v {
  box-shadow: var(--accent) 0px 0px 0px 2px inset;
  outline: none
}

.Mw2UR:focus-within .oPa7v.Qqfho {
  color: var(--chrome-fg)
}

.Mw2UR:focus-within .oPa7v.u54ka {
  color: var(--content-fg)
}

.Mw2UR:focus-within .oPa7v.QkAgj {
  color: var(--image-fg)
}

.Z3WPg {
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: center;
  height: 34px;
  margin-left: 12px;
  margin-right: 8px;
  display: flex
}

.Z3WPg.Qqfho svg use {
  --icon-color-primary: var(--chrome-fg-tertiary)
}

.Z3WPg.u54ka svg use {
  --icon-color-primary: var(--content-fg-tertiary)
}

.Z3WPg.QkAgj svg use {
  --icon-color-primary: var(--image-fg-tertiary)
}

.j8Eiw {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  width: 100%;
  color: inherit;
  background-color: transparent;
  border: none;
  outline: none;
  padding: 8px
}

.j8Eiw::placeholder {
  opacity: 1
}

.j8Eiw.Qqfho::placeholder {
  color: var(--chrome-fg-secondary)
}

.j8Eiw.u54ka::placeholder {
  color: var(--content-fg-secondary)
}

.j8Eiw.QkAgj::placeholder {
  color: var(--image-fg-secondary)
}

.GT10N {
  width: 60px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0
}

@media not (min-width: 990px) {
  .Z3WPg {
    display:none
  }

  .j8Eiw {
    text-align: left;
    height: 32px;
    padding: 0 15px
  }
}

.yrINf {
  border-radius: 8px
}

.Jexdo {
  box-sizing: border-box;
  align-items: space-between;
  width: 100%;
  margin-bottom: 16px;
  padding: 16px 20px;
  display: flex
}

.CyjiS {
  flex: 3 0 222px
}

.CyjiS .UUWy9 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--content-fg);
  text-align: left;
  margin-bottom: 0
}

.CyjiS .An7Yj {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--content-fg-secondary);
  text-align: left;
  margin-bottom: 8px
}

.CyjiS .ZTpUK {
  flex-direction: column;
  gap: 8px;
  display: flex
}

.CyjiS button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.p3VWn {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex
}

.p3VWn img {
  width: 100%
}

.kDCXR {
  position: relative
}

.kDCXR .GTDnP {
  filter: drop-shadow(0 4px 16px rgba(0,0,0,.05));
  opacity: 0;
  pointer-events: none;
  margin-top: -20px;
  transition: opacity .5s;
  position: absolute
}

.kDCXR:hover .GTDnP {
  opacity: 1;
  pointer-events: unset
}

.kDCXR:hover .GTDnP.wOp1Q {
  opacity: 0;
  pointer-events: none
}

.gN5No {
  transform: translateZ(0)
}

.jxu4l {
  scrollbar-width: none;
  -ms-overflow-style: none;
  display: flex;
  overflow-y: scroll
}

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

.jxu4l {
  -webkit-overflow-scrolling: touch
}

.jxu4l.Ynwd6 {
  overscroll-behavior-y: contain
}

.zzJxQ {
  flex-grow: 1;
  justify-content: space-between;
  align-items: center;
  display: flex
}

.zzJxQ>div {
  width: 100%;
  margin-right: 0
}

.zzJxQ>div>label {
  flex-direction: row-reverse;
  justify-content: space-between
}

.yMQx2 .OyQ4W {
  margin-left: 8px;
  font-weight: 300
}

.yMQx2 .HmNj5 {
  font-style: italic;
  text-decoration: line-through
}

.ACiRd {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  padding: 0 20px;
  display: flex
}

.ACiRd:first-child {
  margin-top: 16px
}

.ACiRd:last-child .DvMIE {
  border-bottom: none
}

@media (max-width: 540px) {
  .ACiRd:last-child {
    margin-bottom:20px
  }
}

.ACiRd .ZXRZb {
  border: 2px solid;
  border-radius: 16px;
  width: 98px;
  height: 98px;
  margin-right: 20px;
  box-shadow: 4px 4px
}

.ACiRd .DvMIE {
  border-bottom: 1px solid var(--content-tint-strong);
  flex-direction: column;
  flex: 1;
  padding: 10px 0;
  display: flex
}

.ACiRd .Bjt7L {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  text-align: left
}

.ACiRd .w1vyD {
  scrollbar-width: none;
  -ms-overflow-style: none
}

.ACiRd .w1vyD::-webkit-scrollbar {
  width: 0;
  height: 0
}

.ACiRd .w1vyD {
  height: 71px;
  max-height: 45px;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden
}

.ACiRd .w1vyD p {
  margin-bottom: 0
}

.ACiRd .Holf3 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  text-align: left;
  margin-bottom: 0
}

.ACiRd .wIopL {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  text-align: left
}

.ACiRd .wIopL p {
  text-align: left
}

.ACiRd ._KcBU {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  margin-left: 4px
}

.ACiRd ._KcBU:only-child {
  margin-left: 0
}

.ACiRd .MuN6k {
  justify-content: flex-start;
  display: flex
}

.ACiRd .kjCiz {
  margin-right: 5px;
  font-size: 16px
}

.ACiRd .kjCiz:last-child {
  margin-right: 0
}

.LaNUG {
  position: relative;
  overflow: hidden
}

@supports (overflow: clip) {
  .LaNUG {
    overflow:clip
  }
}

.uR3i7 {
  box-sizing: border-box;
  background: linear-gradient(to bottom, color-mix(in sRGB, var(--content-panel) 80%, transparent) 0%, var(--content-panel) 99%);
  width: 100%;
  color: var(--content-fg);
  justify-content: center;
  align-items: center;
  padding: 25px;
  font-weight: 700;
  display: flex;
  position: absolute;
  bottom: 0;
  box-shadow: 0 -2px 20px rgba(0,0,0,.1)
}

.EOh1c {
  box-sizing: border-box;
  background: linear-gradient(to bottom, color-mix(in sRGB, var(--content-panel) 80%, transparent) 0%, var(--content-panel) 99%);
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 25px;
  display: flex;
  position: absolute;
  bottom: 0;
  box-shadow: 0 -2px 20px rgba(0,0,0,.1)
}

.tlqck {
  width: 100%;
  color: var(--content-fg);
  padding: 25px;
  font-weight: 700;
  position: absolute
}

.LrOId {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  cursor: pointer;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  margin: 20px;
  padding: 10px 0;
  display: flex
}

@media (max-width: 540px) {
  .LrOId {
    margin:17px 10px
  }
}

.LrOId {
  white-space: nowrap;
  text-decoration: none
}

.LrOId button {
  width: 100%
}

.kZfp1 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--color-fg-light);
  justify-content: space-between;
  align-items: center;
  padding: 5px 20px;
  display: flex
}

.kZfp1.H2hul {
  background-color: var(--color-ui);
  padding: 1rem
}

.kZfp1.H2hul.gPEd0 {
  background-color: var(--content-fg-tertiary)
}

.kZfp1.H2hul.WfICw {
  background-color: var(--danger)
}

.kZfp1.H2hul .zQ8dN {
  border: 1px solid var(--color-fg-light);
  text-transform: capitalize;
  border-radius: 15px;
  min-width: 200px;
  padding: .25rem .5rem;
  font-size: 14px
}

.kZfp1.H2hul .TBfTV {
  border: 2px solid var(--color-fg-light);
  color: var(--color-fg-light);
  white-space: nowrap
}

@media (hover: hover) {
  .kZfp1.H2hul .TBfTV:hover {
    border-color:var(--color-fg-light);
    color: var(--color-fg-light)
  }
}

@media (max-width: 540px) {
  .kZfp1.H2hul {
    display:block
  }
}

.EkBU0 {
  background-color: var(--accent);
  color: var(--accent-fg-light)
}

.dJtjN {
  display: flex
}

.dJtjN .ACc3i {
  margin: 0 .5rem
}

.dJtjN a {
  align-self: center;
  line-height: 0
}

.dJtjN svg {
  --icon-color-primary: var(--color-fg-light);
  width: 22px;
  height: 22px;
  margin-left: .75rem
}

.dJtjN svg.Nvxc5 {
  width: 14px;
  height: 14px
}

.dJtjN .Z8aXP {
  line-height: 24px
}

@media (min-width: 990px) {
  .dJtjN {
    margin-left:.5rem
  }
}

@media (min-width: 990px) and (hover:hover) {
  .dJtjN:hover {
    border-color:var(--color-fg-light);
    color: var(--color-fg-light)
  }
}

@media (max-width: 540px) {
  .dJtjN {
    justify-content:right;
    margin-top: 1rem
  }
}

.BF3AU {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  white-space: pre-line
}

.BF3AU .U9tmV {
  box-sizing: border-box;
  border: 1px solid var(--content-fg);
  width: 100%;
  padding: .5rem;
  font-size: .9rem;
  line-height: 1.5rem
}

.X5e5s a {
  color: var(--content-fg-secondary);
  text-decoration: none
}

@media (hover: hover) {
  .X5e5s a:hover {
    color:var(--content-fg);
    text-decoration: underline
  }
}

.X5e5s .EkBU0 {
  box-sizing: border-box;
  line-height: 40px
}

.X5e5s .EkBU0.F7dEp {
  border: 2px solid var(--accent);
  color: var(--accent-fg-light)
}

.X5e5s .EkBU0.UHvHp {
  border: 2px solid var(--content-fg);
  color: var(--content-fg);
  background: 0 0
}

@media (hover: hover) {
  .X5e5s .EkBU0.UHvHp:hover {
    background:var(--content-fg);
    color: var(--color-fg-light)
  }
}

.X5e5s button:disabled {
  opacity: .5;
  pointer-events: none
}

@media (min-width: 990px) {
  .X5e5s {
    justify-content:space-between;
    align-items: center;
    margin: 1rem 0 0;
    display: flex
  }

  .X5e5s .EkBU0.F7dEp {
    margin-left: .75rem
  }
}

@media (max-width: 540px) {
  .X5e5s .YYlrz {
    margin:1rem 0 0;
    display: flex
  }

  .X5e5s .YYlrz button {
    width: 100%
  }

  .X5e5s .YYlrz button:last-of-type {
    margin-left: .5rem
  }

  .X5e5s .EkBU0 {
    width: 100%;
    display: block
  }
}

.lQ0w7 {
  line-height: 1.5em
}

@media (max-width: 540px) {
  .MQO0V {
    display:block
  }
}

.gQmlg {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  background-color: var(--danger);
  color: var(--color-fg-light);
  justify-content: space-between;
  align-items: center;
  padding: 5px 20px;
  display: flex
}

.gQmlg.wB6qM {
  background-color: var(--brand-orange)
}

.gQmlg._qMFx {
  background-color: var(--success)
}

.SEj9V {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  border: 2px solid var(--color-fg-light);
  text-transform: uppercase;
  border-radius: 2px;
  padding: 4px 10px
}

.SEj9V:focus-visible {
  background-color: var(--content-panel);
  color: var(--content-fg);
  outline: none
}

.D7qy6 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  border: 2px solid var(--color-fg-light);
  resize: none;
  width: 100%;
  height: 200px;
  margin-top: 10px;
  padding: 10px
}

.D7qy6:focus-visible {
  outline: 0
}

.zRmw5 {
  cursor: pointer;
  align-items: center;
  gap: 12px;
  display: flex
}

.zRmw5.M7SN_ {
  flex-direction: row-reverse;
  justify-content: space-between;
  padding: 12px
}

.rJeQY {
  box-sizing: border-box;
  border: 1px solid;
  border-radius: 4px;
  flex-shrink: 0;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  position: relative
}

.rJeQY .ReVxt {
  display: none
}

.rJeQY.U9NiR .ReVxt {
  display: inherit
}

.rJeQY.IpGi7 {
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: solid
}

.rJeQY:before {
  content: "";
  border-radius: 4px;
  position: absolute;
  top: 4px;
  left: 0;
  transform: translate(4px)
}

.BEbNO .Zqk33 {
  color: var(--content-fg)
}

.BEbNO .rJeQY {
  border-color: var(--content-tint-heavy);
  outline-color: var(--accent);
  color: var(--content-ui-toggle)
}

.BEbNO .rJeQY:before {
  background-color: var(--content-ui-toggle)
}

.BEbNO .rJeQY.U9NiR {
  border-color: var(--accent);
  background-color: var(--accent)
}

.BEbNO .rJeQY.FDovH {
  background-color: var(--content-tint-strong)
}

.BEbNO .rJeQY.FDovH:before {
  opacity: .5
}

.HNB6r .rJeQY {
  outline-color: var(--danger)
}

.HNB6r .rJeQY.U9NiR {
  border-color: var(--danger);
  background-color: var(--danger)
}

.aeJf2 {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  margin: 0;
  display: flex
}

.Zqk33,.oFWay {
  color: var(--content-fg-secondary);
  text-align: start
}

._7L6U1 {
  background: var(--brand-purple-tint);
  color: var(--content-fg);
  border-radius: 16px;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 16px;
  display: flex
}

.FLghS {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg);
  margin: 0
}

.o8STv {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg);
  margin: 0
}

.yqPiy {
  box-sizing: border-box;
  padding-right: var(--post-padding);
  padding-left: var(--post-padding);
  justify-content: center;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
  display: flex
}

.sz5_C {
  background-color: var(--content-tint);
  border-radius: 8px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 8px 16px;
  display: flex
}

.kMRQn {
  flex-direction: row;
  flex: 3;
  align-items: center;
  display: flex;
  overflow: hidden
}

.kMRQn .KsoXf {
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  display: flex;
  overflow: hidden
}

.kMRQn .f00jg {
  background-color: var(--content-tint);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: flex
}

.kMRQn .mbqn3 {
  font-size: .78125rem;
  font-weight: 700;
  line-height: 1.52;
  font-family: var(--font-family);
  color: var(--content-fg-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.xlhu_ {
  flex-wrap: wrap;
  margin: 0;
  display: flex
}

.vnTXs {
  white-space: nowrap;
  align-items: center;
  display: inline-flex
}

.twqfi {
  font-size: .875rem;
  font-weight: 350;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  color: var(--content-blue);
  cursor: pointer;
  background: 0 0;
  border: 0;
  margin: 0;
  padding: 0;
  text-decoration: underline
}

@media (hover: hover) {
  .twqfi:hover {
    color:var(--accent)
  }
}

.twqfi:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px
}

.veU2L {
  font-size: .875rem;
  font-weight: 350;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg-secondary);
  margin: 0 4px
}

.BmHY_ {
  box-sizing: border-box;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: .875rem;
  font-weight: 350;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  background-color: var(--content-panel);
  box-shadow: 0px 0px 0px 1px var(--content-tint-strong) inset;
  color: var(--content-fg);
  border: none;
  border-radius: 8px;
  outline: none;
  justify-content: center;
  align-items: center;
  padding: 10px 16px;
  display: inline-flex
}

@media (hover: hover) {
  .BmHY_:hover {
    background-color:var(--content-tint)
  }
}

.BmHY_:active {
  background-color: var(--content-tint-strong)
}

.BmHY_[data-checked=true] {
  background-color: var(--accent-tint);
  box-shadow: 0px 0px 0px 1px var(--accent) inset
}

@media (hover: hover) {
  .BmHY_[data-checked=true]:hover {
    background-color:var(--accent-tint-strong)
  }
}

.BmHY_[data-checked=true]:active {
  background-color: var(--accent-tint-heavy)
}

.BmHY_[data-focus-visible=true] {
  box-shadow: 0px 0px 0px 2px var(--accent) inset
}

.BmHY_[data-disabled=true],.BmHY_[data-disabled=true][data-checked=true] {
  background-color: var(--content-panel);
  box-shadow: 0px 0px 0px 1px var(--content-tint-strong) inset;
  cursor: default
}

.BmHY_[data-disabled=true] .pUkZ5,.BmHY_[data-disabled=true][data-checked=true] .pUkZ5 {
  opacity: .5
}

.ol2NT {
  cursor: pointer;
  align-items: center;
  gap: 12px;
  display: flex
}

.ol2NT.wXSh7 {
  flex-direction: row-reverse;
  justify-content: space-between;
  padding: 12px
}

.wqCc3 {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  margin: 0
}

.jdhEB {
  box-sizing: border-box;
  border: 1px solid;
  border-radius: 9999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  position: relative
}

.jdhEB .qvp8k {
  display: none
}

.jdhEB.PYTbS .qvp8k {
  display: inherit
}

.jdhEB.SVdx0 {
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: solid
}

.xc1nS .wqCc3 {
  color: var(--content-fg)
}

.xc1nS .wqCc3.Znwxt {
  color: var(--content-fg-secondary)
}

.xc1nS .jdhEB {
  border-color: var(--content-tint-heavy);
  outline-color: var(--accent);
  color: var(--content-ui-toggle)
}

@media (hover: hover) {
  .xc1nS .jdhEB:hover {
    border-color:var(--content-tint-heavy)
  }
}

.xc1nS .jdhEB.PYTbS {
  border-color: var(--accent);
  background-color: var(--accent)
}

@media (hover: hover) {
  .xc1nS .jdhEB.PYTbS:hover {
    background-color:var(--accent-hover)
  }
}

.xc1nS .jdhEB.Znwxt {
  border-color: var(--content-tint);
  background-color: var(--content-tint)
}

@media (hover: hover) {
  .xc1nS .jdhEB.Znwxt:hover {
    background-color:var(--content-tint)
  }
}

.R1Xpn {
  flex-direction: column;
  gap: 8px;
  display: flex
}

.vBiFI {
  flex-wrap: wrap;
  gap: 8px;
  display: flex
}

.FVrvv {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  font-family: var(--font-family-modern)
}

.FVrvv:disabled {
  cursor: not-allowed
}

.FVrvv:focus-visible {
  outline: none
}

.sMoH1 {
  outline: 1px solid var(--content-tint-strong);
  outline-offset: -1px;
  color: var(--content-fg);
  background-clip: border-box;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  display: flex
}

button:active>.sMoH1 {
  outline: 1px solid var(--content-tint-heavy)
}

@media (hover: hover) {
  button:hover>.sMoH1 {
    outline:1px solid var(--content-tint-heavy)
  }
}

button:disabled>.sMoH1 {
  outline: 1px solid var(--content-tint)
}

button:disabled>.sMoH1 svg {
  color: var(--content-fg-tertiary);
  opacity: .5
}

button.YPrty>.sMoH1 {
  outline: 1px solid var(--accent);
  background-color: var(--accent-tint)
}

button:focus-visible>.sMoH1 {
  outline: 2px solid var(--accent);
  outline-offset: -2px
}

button.YPrty:focus-visible>.sMoH1 {
  outline: 2px solid var(--accent);
  outline-offset: -2px
}

.sMoH1.b8p7x {
  padding: 10px
}

.sMoH1 svg {
  color: var(--content-fg-secondary)
}

.Tn3_V>[role=radiogroup] {
  border-radius: 12px;
  flex-direction: column;
  gap: 0;
  display: flex
}

.Tn3_V>[role=radiogroup]>label {
  border: 1px solid var(--content-tint-heavy);
  transition: background-color .12s ease-out,border-color .12s ease-out;
  position: relative
}

@media (hover: hover) {
  .Tn3_V>[role=radiogroup]>label:hover {
    background-color:var(--content-tint)
  }
}

.Tn3_V>[role=radiogroup]>label+label {
  margin-top: -1px
}

.Tn3_V>[role=radiogroup]>label:first-child {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px
}

.Tn3_V>[role=radiogroup]>label:last-child {
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px
}

.Tn3_V>[role=radiogroup]>label:has(input:checked) {
  z-index: 1;
  border-color: var(--accent);
  background-color: var(--accent-tint)
}

@media (hover: hover) {
  .Tn3_V>[role=radiogroup]>label:has(input:checked):hover {
    background-color:var(--accent-tint)
  }
}

.Tn3_V>[role=radiogroup]>label:has(input:focus-visible) {
  z-index: 2;
  outline: 2px solid var(--accent);
  outline-offset: -2px
}

.Tn3_V>[role=radiogroup]>label:has(input:disabled)>div {
  display: none
}

.Tn3_V>[role=radiogroup]>label:has(input:disabled)>span:last-child {
  flex: 1
}

@media (hover: hover) {
  .Tn3_V>[role=radiogroup]>label:has(input:disabled):hover {
    background-color:transparent
  }
}

.LE_kM {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex
}

.G591O {
  flex-direction: column;
  flex: auto;
  gap: 2px;
  min-width: 0;
  display: flex
}

.an228 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg)
}

.okGaD {
  color: var(--content-fg-tertiary)
}

.TDBoC {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg-secondary)
}

.Rzs0w {
  flex-shrink: 0;
  align-items: center;
  display: inline-flex
}

.fMcab {
  min-width: 0;
  color: inherit;
  font: inherit;
  text-align: inherit;
  cursor: default;
  background: 0 0;
  border: 0;
  flex: 1;
  align-items: center;
  padding: 0;
  display: flex
}

.mjDOU {
  text-align: left;
  white-space: normal;
  max-width: 16rem
}

.FA5JM {
  box-sizing: border-box;
  border-right: 1px solid var(--chrome-tint);
  background-color: var(--chrome-panel);
  flex-direction: column;
  justify-content: space-between;
  width: 90vw;
  max-width: 360px;
  height: 100%;
  display: flex;
  overflow: hidden
}

@media (min-width: 990px) {
  .FA5JM {
    background:var(--chrome);
    border-right: none;
    border-radius: 12px;
    width: 64px;
    height: 100%;
    position: fixed;
    top: 0
  }
}

@media (min-width: 1018px) {
  .FA5JM {
    width:96px
  }
}

@media (min-width: 1162px) {
  .FA5JM {
    width:240px
  }
}

.FA5JM .FnmoN {
  -webkit-overflow-scrolling: touch;
  flex: 1;
  display: flex;
  position: relative;
  overflow: hidden
}

.FA5JM .FnmoN:after {
  content: "";
  background-image: linear-gradient(0deg, rgb(var(--chrome-panel)) 0%, rgba(var(--chrome-panel), .987) 8.1%, rgba(var(--chrome-panel), .951) 15.5%, rgba(var(--chrome-panel), .896) 22.5%, rgba(var(--chrome-panel), .825) 29%, rgba(var(--chrome-panel), .741) 35.3%, rgba(var(--chrome-panel), .648) 41.2%, rgba(var(--chrome-panel), .55) 47.1%, rgba(var(--chrome-panel), .45) 52.9%, rgba(var(--chrome-panel), .352) 58.8%, rgba(var(--chrome-panel), .259) 64.7%, rgba(var(--chrome-panel), .175) 71%, rgba(var(--chrome-panel), .104) 77.5%, rgba(var(--chrome-panel), .049) 84.5%, rgba(var(--chrome-panel), .013) 91.9%, transparent 100%);
  width: 100%;
  height: 16px;
  position: absolute;
  bottom: 0
}

@media (min-width: 990px) {
  .FA5JM .FnmoN:after {
    background-image:linear-gradient(0deg, rgb(var(--chrome)) 0%, rgba(var(--chrome), .987) 8.1%, rgba(var(--chrome), .951) 15.5%, rgba(var(--chrome), .896) 22.5%, rgba(var(--chrome), .825) 29%, rgba(var(--chrome), .741) 35.3%, rgba(var(--chrome), .648) 41.2%, rgba(var(--chrome), .55) 47.1%, rgba(var(--chrome), .45) 52.9%, rgba(var(--chrome), .352) 58.8%, rgba(var(--chrome), .259) 64.7%, rgba(var(--chrome), .175) 71%, rgba(var(--chrome), .104) 77.5%, rgba(var(--chrome), .049) 84.5%, rgba(var(--chrome), .013) 91.9%, transparent 100%)
  }
}

.FA5JM .NkkDk,.FA5JM .pDRR6 {
  width: 100%
}

.FA5JM .NkkDk ul,.FA5JM .pDRR6 ul {
  padding-left: 0
}

.FA5JM .NkkDk ._Eplv,.FA5JM .pDRR6 ._Eplv {
  color: var(--chrome-fg)
}

.FA5JM .NkkDk {
  box-sizing: border-box;
  scrollbar-color: var(--chrome-fg-secondary) transparent;
  scrollbar-width: thin;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
  overflow-x: hidden;
  overflow-y: auto
}

.FA5JM .NkkDk:not(.pbxM8)::-webkit-scrollbar {
  width: 8px
}

.FA5JM .NkkDk::-webkit-scrollbar-track {
  background-color: transparent
}

.FA5JM .NkkDk::-webkit-scrollbar-thumb {
  background-color: var(--chrome-fg-secondary)
}

@media (min-width: 990px) {
  .FA5JM .NkkDk {
    padding-bottom:16px
  }
}

.FA5JM .NkkDk .gM9qK {
  margin: 0;
  padding: 0
}

.FA5JM .NkkDk .h8SQv {
  box-sizing: border-box;
  border-bottom: 1px solid var(--chrome-tint);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  font-family: var(--font-family);
  color: var(--chrome-fg-secondary);
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 16px;
  padding: 12px 0;
  font-weight: 500;
  display: flex
}

@media (pointer: fine) {
  .FA5JM .NkkDk .h8SQv {
    font-size:1rem;
    font-weight: 700;
    line-height: 1.5;
    font-family: var(--font-family);
    font-weight: 500
  }
}

.FA5JM .NkkDk .h8SQv a {
  flex-direction: row;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  display: flex
}

.FA5JM .jDcIV {
  box-sizing: border-box;
  min-width: 22px;
  height: 22px;
  font-size: 1rem;
  line-height: 1.2
}

@media (pointer: fine) {
  .FA5JM .jDcIV {
    min-width:19px;
    height: 19px;
    font-size: .875rem
  }
}

.FA5JM .jDcIV.SmqzX {
  border-style: none;
  position: static
}

.FA5JM .jDcIV:not(.SmqzX) {
  visibility: hidden;
  min-width: 19px;
  height: 19px;
  font-size: .75rem;
  top: -11px;
  left: 11px
}

@media (min-width: 990px) {
  .FA5JM .jDcIV:not(.SmqzX) {
    visibility:visible
  }
}

@media (min-width: 1162px) {
  .FA5JM .jDcIV:not(.SmqzX) {
    visibility:hidden
  }
}

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

.FA5JM .uc1Mf svg {
  width: 22px;
  height: 22px
}

@media (pointer: fine) {
  .FA5JM .uc1Mf svg {
    width:19px;
    height: 19px
  }
}

.FA5JM .uc1Mf svg path:first-of-type {
  --icon-color-primary: var(--brand-purple)
}

.FA5JM .uc1Mf svg path:nth-of-type(2) {
  --icon-color-primary: var(--brand-orange)
}

.FA5JM .uc1Mf svg path:nth-of-type(3) {
  --icon-color-primary: var(--brand-blue)
}

.FA5JM .uc1Mf svg path:nth-of-type(4) {
  --icon-color-primary: var(--brand-pink)
}

.FA5JM .nck6q .jkWYb:not(._Eplv) {
  --icon-color-primary: var(--chrome-fg-secondary)
}

.FA5JM .nck6q .jkWYb:not(._Eplv) a span {
  color: var(--chrome-fg-secondary)
}

.Gav7q {
  justify-content: space-between;
  padding: 24px 16px;
  display: flex
}

@media (min-width: 990px) {
  .Gav7q {
    justify-content:center
  }
}

.Gav7q img {
  width: auto;
  height: 33px;
  display: block
}

.Gav7q .GhqyH {
  width: 24px;
  height: 24px;
  color: var(--chrome-fg);
  position: relative;
  top: 0;
  left: 0
}

.jGgIg {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  width: 100%;
  min-height: 56px;
  padding: 12px 16px;
  text-decoration: none;
  list-style-type: none;
  display: flex
}

.jGgIg.mASS7 {
  border-top: 1px solid var(--chrome-tint-strong)
}

@media (min-width: 990px) {
  .jGgIg.mASS7 {
    border-top:none
  }
}

.jGgIg .ML6ef {
  box-sizing: border-box;
  max-width: 250px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  background-color: var(--chrome-ui);
  color: var(--chrome-ui-fg);
  border-radius: 40px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  display: flex
}

@media (hover: hover) {
  .jGgIg .ML6ef:hover {
    background-color:var(--chrome-ui-hover)
  }
}

.jGgIg .ML6ef:active {
  background-color: var(--chrome-ui-pressed)
}

.jGgIg .ML6ef:focus-visible {
  outline: 2px solid var(--chrome-ui-focus);
  outline-offset: 2px
}

.jGgIg .ML6ef svg {
  flex-shrink: 0;
  width: 22px;
  height: 22px
}

@media (min-width: 990px) {
  .jGgIg .ML6ef {
    gap:0;
    padding: 8px 12px;
    font-size: 0
  }
}

@media (min-width: 1018px) {
  .jGgIg .ML6ef {
    padding:8px 16px
  }
}

@media (min-width: 1162px) {
  .jGgIg .ML6ef {
    font-size:1rem;
    font-weight: 700;
    line-height: 1.5;
    font-family: var(--font-family);
    gap: 8px
  }
}

.sebgd {
  padding: 8px
}

@media (min-width: 1162px) {
  .sebgd {
    padding:12px 16px
  }
}

.gM9qK:focus-visible {
  outline: none
}

.gM9qK>li {
  list-style-type: none
}

.HHKOH {
  --icon-color-primary: var(--chrome-fg-secondary);
  vertical-align: middle;
  width: 16px;
  height: auto;
  transform: rotate(0)
}

@media (pointer: fine) {
  .HHKOH {
    width:12px
  }
}

@media (prefers-reduced-motion:no-preference) {
  .HHKOH {
    transition: transform .2s ease-in-out
  }
}

button[aria-expanded=true] .HHKOH {
  --icon-color-primary: var(--chrome-fg);
  transform: rotate(180deg)
}

.IZU9t {
  list-style-type: none
}

.ZsbLT {
  margin: 0;
  padding: 0
}

.ZsbLT .jkWYb {
  list-style-type: none
}

.LLlT8 {
  width: 100%
}

.GCrNv {
  color: var(--chrome-fg-secondary);
  padding-bottom: 16px;
  padding-left: 4px;
  padding-right: 4px
}

@media (prefers-reduced-motion:no-preference) {
  .a7y1L {
    background-color: var(--chrome);
    font-family: Courier,monospace;
    position: relative
  }

  .a7y1L:after,.a7y1L:before {
    background-color: var(--chrome);
    content: attr(data-text);
    clip: rect(0, 999px, 0, 0);
    position: absolute;
    top: 0;
    overflow: hidden
  }

  @keyframes gXSh1 {
    0% {
      clip: rect(23px, 999px, 41px, 0)
    }

    5% {
      clip: rect(41px, 999px, 34px, 0)
    }

    10% {
      clip: rect(33px, 999px, 2px, 0)
    }

    15% {
      clip: rect(42px, 999px, 37px, 0)
    }

    20% {
      clip: rect(42px, 999px, 10px, 0)
    }

    25% {
      clip: rect(39px, 999px, 12px, 0)
    }

    30% {
      clip: rect(28px, 999px, 14px, 0)
    }

    35% {
      clip: rect(4px, 999px, 50px, 0)
    }

    40% {
      clip: rect(33px, 999px, 36px, 0)
    }

    45% {
      clip: rect(25px, 999px, 41px, 0)
    }

    50% {
      clip: rect(14px, 999px, 27px, 0)
    }

    55% {
      clip: rect(48px, 999px, 14px, 0)
    }

    60% {
      clip: rect(20px, 999px, 45px, 0)
    }

    65% {
      clip: rect(9px, 999px, 17px, 0)
    }

    70% {
      clip: rect(47px, 999px, 47px, 0)
    }

    75% {
      clip: rect(37px, 999px, 23px, 0)
    }

    80% {
      clip: rect(19px, 999px, 6px, 0)
    }

    85% {
      clip: rect(42px, 999px, 48px, 0)
    }

    90% {
      clip: rect(24px, 999px, 40px, 0)
    }

    95% {
      clip: rect(39px, 999px, 21px, 0)
    }

    to {
      clip: rect(14px, 999px, 16px, 0)
    }
  }

  @keyframes r_Q2d {
    0% {
      clip: rect(19px, 999px, 32px, 0)
    }

    5% {
      clip: rect(36px, 999px, 28px, 0)
    }

    10% {
      clip: rect(22px, 999px, 9px, 0)
    }

    15% {
      clip: rect(19px, 999px, 43px, 0)
    }

    20% {
      clip: rect(21px, 999px, 14px, 0)
    }

    25% {
      clip: rect(37px, 999px, 37px, 0)
    }

    30% {
      clip: rect(34px, 999px, 27px, 0)
    }

    35% {
      clip: rect(47px, 999px, 14px, 0)
    }

    40% {
      clip: rect(43px, 999px, 39px, 0)
    }

    45% {
      clip: rect(2px, 999px, 47px, 0)
    }

    50% {
      clip: rect(7px, 999px, 36px, 0)
    }

    55% {
      clip: rect(44px, 999px, 14px, 0)
    }

    60% {
      clip: rect(34px, 999px, 16px, 0)
    }

    65% {
      clip: rect(30px, 999px, 9px, 0)
    }

    70% {
      clip: rect(12px, 999px, 8px, 0)
    }

    75% {
      clip: rect(32px, 999px, 45px, 0)
    }

    80% {
      clip: rect(34px, 999px, 24px, 0)
    }

    85% {
      clip: rect(41px, 999px, 10px, 0)
    }

    90% {
      clip: rect(13px, 999px, 48px, 0)
    }

    95% {
      clip: rect(48px, 999px, 9px, 0)
    }

    to {
      clip: rect(17px, 999px, 28px, 0)
    }
  }

  .a7y1L:after {
    width: 100%;
    text-shadow: -.5px 0 var(--brand-red);
    animation: 2s linear infinite alternate-reverse gXSh1;
    left: 1px
  }

  .a7y1L:before {
    width: 100%;
    text-shadow: .5px 0 var(--brand-red);
    animation: 3s linear infinite alternate-reverse r_Q2d;
    left: -1px
  }
}

.G16Pk {
  font-size: .78125rem;
  font-weight: 700;
  line-height: 1.52;
  font-family: var(--font-family);
  background-color: var(--brand-yellow);
  max-width: 75px;
  color: var(--color-fg);
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 4px;
  margin-left: 4px;
  padding: 0 4px;
  display: block;
  overflow: hidden
}

.cenCy {
  width: 240px
}

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

.ODVjm {
  border: 2px solid var(--chrome-panel)
}

@media (min-width: 990px) {
  .ODVjm {
    border-color:var(--chrome)
  }
}

.OwFsH {
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  display: flex
}

@media (min-width: 990px) {
  .OwFsH {
    display:none
  }
}

@media (min-width: 1162px) {
  .OwFsH {
    display:flex
  }
}

._WHTS {
  cursor: grab;
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.52381;
  font-family: var(--font-family);
  padding-bottom: 4px
}

._WHTS:active {
  cursor: grabbing
}

.aslpL {
  align-items: center;
  gap: 6px;
  text-decoration: none;
  display: flex
}

.aslpL .atSxv {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  font-family: var(--font-family-modern)
}

.OTs2M {
  position: relative
}

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

.EBUp3 {
  color: var(--content-fg-secondary);
  flex-wrap: wrap;
  align-items: center;
  font-size: 14px;
  display: flex
}

.EBUp3.E3NOC {
  z-index: 1;
  background-color: var(--modal);
  border-radius: 8px;
  width: 280px;
  height: auto;
  padding: 12px;
  box-shadow: 0 8px 20px rgba(0,0,0,.1)
}

.EBUp3 strong,.EBUp3 .VFeFU {
  color: var(--content-fg)
}

.EBUp3 .ytHZW {
  align-items: center;
  line-height: 20px;
  display: flex
}

.EBUp3 .ytHZW:not(:last-of-type) {
  margin-bottom: 8px
}

.EBUp3 .VFeFU {
  border: 2px solid var(--content-tint-heavy);
  border-radius: 8px;
  width: 24px;
  margin-right: 10px;
  padding: 8px;
  font-size: 24px;
  display: inline-block
}

.XnmP8 {
  pointer-events: none
}

.rvPUp {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg);
  margin: 0
}

.vOnwj {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  background: var(--brand-purple-tint);
  color: var(--content-fg);
  border-radius: 16px;
  margin: 0;
  padding: 16px
}

.m8mN_ {
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family);
  flex-wrap: wrap;
  display: flex
}

.m8mN_ a {
  cursor: pointer;
  padding: 0 6px;
  text-decoration: none
}

@media not (min-width: 990px) {
  .m8mN_ a {
    padding:0 12px
  }
}

.m8mN_ a:focus-visible {
  text-decoration: underline
}

@media (hover: hover) {
  .m8mN_ a:hover {
    text-decoration:underline
  }
}

.m8mN_._qHCt {
  --element-height: 1.52em;
  top: calc(100vh - var(--element-height) - 16px);
  gap: 3px 12px;
  margin-bottom: 16px;
  padding: 0 8px;
  position: -webkit-sticky;
  position: sticky
}

.m8mN_._qHCt.hG1qj {
  top: calc(100vh - var(--element-height) - (118px + 16px));
  margin-bottom: 134px
}

.m8mN_._qHCt a {
  color: var(--accent);
  padding: 0
}

.m8mN_.CWSOV {
  justify-content: center
}

.kTmxA {
  align-content: center;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  display: flex
}

.kTmxA._7Rw7 {
  border-bottom: 1px solid var(--top-menu-shadow)
}

.kTmxA.wFJuR {
  padding: 16px
}

@media not (min-width: 990px) {
  .kTmxA {
    padding:8px
  }

  .kTmxA.wFJuR {
    padding: 8px 14px
  }

  .kTmxA._7Rw7 {
    border-bottom: none
  }
}

.A8Hcr {
  align-items: center;
  display: flex
}

.A8Hcr .c1UCU {
  text-overflow: ellipsis;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:1) {
  .A8Hcr .c1UCU {
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:1)) {
  .A8Hcr .c1UCU {
    white-space:nowrap
  }
}

.A8Hcr .c1UCU {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  font-family: var(--font-family-modern);
  color: var(--chrome-fg);
  word-break: break-all;
  margin: 0 8px
}

.n10EL {
  border-top: 1px solid var(--content-tint-strong);
  justify-content: flex-end;
  gap: 8px;
  margin-top: 20px;
  padding: 16px;
  display: flex
}

.R5xCG {
  z-index: calc(100 - 1);
  background: rgba(0,0,0,.8);
  width: 100vw;
  height: calc(100vh - 44px);
  position: fixed;
  top: 44px;
  left: 0;
  overflow: hidden
}

@media (min-width: 990px) {
  .R5xCG {
    height:100vh;
    top: 0
  }
}

._OHHp {
  width: 200px;
  height: auto;
  position: absolute;
  top: calc(50% - 360px);
  left: calc(50% - 140px)
}

.Q_Mpz {
  animation-name: hGGIh;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  position: absolute
}

@media (prefers-reduced-motion) {
  .Q_Mpz {
    display: none
  }
}

.Z9CC5 ._OHHp {
  top: calc(50% - 280px)
}

._OHHp svg {
  z-index: calc(100 + 1);
  width: 100%;
  height: auto;
  position: relative
}

.hnU80 {
  transform-origin: 50% 50% 0;
  opacity: 0;
  animation-name: MwgAh;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite
}

.hnU80.Lyjvv {
  animation-duration: 3s;
  animation-delay: 1s
}

.w83t4.HLVUD {
  animation-duration: 5s;
  animation-delay: 1s
}

.aMIf6 {
  animation-name: hy7Ja;
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite
}

.aMIf6.Lyjvv {
  animation-duration: 4s;
  animation-delay: 1s
}

.aMIf6.HLVUD {
  animation-duration: 3s;
  animation-delay: 2s
}

.aMIf6.FKIz9 {
  animation-duration: 2.1s;
  animation-delay: 3s
}

.aMIf6.tiQnH {
  animation-duration: 3.2s;
  animation-delay: 4s
}

.aMIf6.udvLD {
  animation-duration: 2.5s;
  animation-delay: 5s
}

@keyframes hy7Ja {
  50% {
    transform: scaleY(1.2)translateY(-30px)rotate(-2deg)
  }
}

@keyframes MwgAh {
  0% {
    transform: translate(0)rotate(180deg)
  }

  50% {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate(-20px,-100px)rotate(180deg)
  }
}

@keyframes hGGIh {
  0% {
    transform: translateY(-30px)
  }

  to {
    transform: translateY(2000px);
    transform: translateY(var(--fire-container-height,2000px))
  }
}

.IYrO9 {
  --icon-color-primary: var(--chrome-fg-secondary);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  font-family: var(--font-family);
  color: var(--chrome-fg-secondary);
  cursor: pointer;
  flex-direction: column;
  font-weight: 500;
  list-style-type: none;
  display: flex
}

@media (pointer: fine) {
  .IYrO9 {
    font-size:1rem;
    font-weight: 700;
    line-height: 1.5;
    font-family: var(--font-family);
    font-weight: 500
  }
}

@media (min-width: 990px) {
  .IYrO9 {
    font-size:.78125rem;
    font-weight: 700;
    line-height: 1.52;
    font-family: var(--font-family);
    font-size: .75rem;
    font-weight: 500
  }
}

@media (min-width: 1162px) {
  .IYrO9 {
    font-size:1rem;
    font-weight: 700;
    line-height: 1.5;
    font-family: var(--font-family);
    font-weight: 500
  }
}

@media (hover: hover) {
  .IYrO9:hover {
    background-color:var(--chrome-tint)
  }
}

.IYrO9:active,.IYrO9.zxn0J,.IYrO9.XuIoh {
  --icon-color-primary: var(--chrome-fg);
  color: var(--chrome-fg)
}

.IYrO9.XuIoh {
  border-bottom: 1px solid var(--chrome-tint-strong)
}

@media (min-width: 990px) {
  .IYrO9.XuIoh {
    border-bottom:none
  }
}

@media (min-width: 1162px) {
  .IYrO9.XuIoh {
    border-bottom:1px solid var(--chrome-tint-strong)
  }
}

.IYrO9 .kn4U3 {
  box-sizing: border-box;
  justify-content: center;
  display: flex;
  position: relative
}

.IYrO9 .kn4U3 svg {
  width: 21px;
  height: 21px
}

@media (pointer: fine) {
  .IYrO9 .kn4U3 svg {
    width:16px;
    height: 16px
  }
}

.IYrO9 .tDT48 {
  outline-offset: -3px;
  justify-content: center;
  align-items: center;
  gap: 8px 16px;
  text-decoration: none;
  display: flex
}

@media (min-width: 990px) {
  .IYrO9 .tDT48 {
    flex-direction:column
  }
}

@media (min-width: 1162px) {
  .IYrO9 .tDT48 {
    flex-direction:row
  }
}

@media (pointer: fine) {
  .IYrO9 .tDT48 {
    gap:4px 12px
  }
}

.IYrO9 .tDT48,.IYrO9 .lXFLr button {
  box-sizing: border-box;
  min-height: 48px;
  padding: 8px 16px
}

@media (pointer: fine) {
  .IYrO9 .tDT48,.IYrO9 .lXFLr button {
    min-height:41px
  }
}

@media (min-width: 990px) {
  .IYrO9 .tDT48,.IYrO9 .lXFLr button {
    padding:8px
  }
}

@media (min-width: 1162px) {
  .IYrO9 .tDT48,.IYrO9 .lXFLr button {
    padding:8px 16px
  }
}

.IYrO9 .UyyJb {
  text-align: left;
  width: 100%
}

.IYrO9 .UyyJb .tDT48 {
  outline-offset: -3px
}

.IYrO9 .lXFLr button {
  box-sizing: border-box;
  flex: 100%;
  align-items: flex-start;
  width: 100%;
  display: flex
}

.IYrO9 .a132D {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  max-width: 100%;
  display: flex
}

@media (min-width: 990px) {
  .IYrO9 .a132D {
    display:none
  }
}

@media (min-width: 1018px) {
  .IYrO9 .a132D {
    display:flex
  }
}

.IYrO9 .ZC1wz {
  text-align: left;
  position: relative
}

@media (min-width: 990px) and (not (min-width:1162px)) {
  .IYrO9 .ZC1wz {
    text-align:center
  }
}

.IYrO9.ywBwc .ZC1wz {
  text-align: left
}

.IYrO9 .jF6A2 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--chrome-fg-secondary);
  text-align: right;
  gap: 8px;
  margin-left: 8px;
  display: inline-flex
}

@media (min-width: 990px) {
  .IYrO9 .jF6A2 {
    display:none
  }
}

@media (min-width: 1162px) {
  .IYrO9 .jF6A2 {
    display:inline-flex
  }
}

.IYrO9 .jF6A2:empty {
  display: none
}

.jL4Qq>.IYrO9 {
  font-weight: 400
}

.jL4Qq>.IYrO9 .tDT48,.jL4Qq>.IYrO9 .lXFLr button {
  min-height: 41px
}

@media (pointer: fine) {
  .jL4Qq>.IYrO9 .tDT48,.jL4Qq>.IYrO9 .lXFLr button {
    min-height:35px;
    padding: 4px 16px
  }
}

.ywBwc .kn4U3 svg {
  width: 20px;
  height: 20px
}

.ywBwc .a132D {
  min-height: 41px;
  padding: 0;
  display: flex
}

.ywBwc .a132D .ZC1wz {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--content-fg);
  padding: 5px 0
}

.ywBwc .a132D .jF6A2 {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--content-fg-secondary);
  display: inline-block
}

.ywBwc .a132D .jF6A2:empty {
  display: none
}

.ywBwc .tDT48,.ywBwc .lXFLr button {
  flex-direction: row;
  min-height: 41px
}

.ywBwc .tDT48 {
  column-gap: 12px;
  padding: 0 20px 0 10px
}

.ywBwc .tDT48:focus-visible {
  background: var(--content-tint);
  outline: none
}

.ywBwc .UyyJb:focus-visible .tDT48 {
  outline: none
}

.ywBwc .lXFLr button {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  width: 100%;
  color: var(--content-fg);
  flex: 100%;
  align-items: flex-start;
  padding: 0 0 0 10px;
  display: flex
}

.jL4Qq {
  margin-bottom: 4px;
  padding: 0
}

@media (min-width: 990px) {
  .jL4Qq {
    display:none
  }
}

@media (min-width: 1162px) {
  .jL4Qq:not([hidden]) {
    display:block
  }
}

.ZQMrc {
  text-overflow: ellipsis;
  display: block;
  overflow: visible
}

div.lSS47[data-placement*=right]:after {
  border-right-color: var(--content-panel)
}

.Hc6xQ {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex
}

.VmkKc {
  flex: 1;
  min-height: 0;
  padding: 16px;
  overflow-y: auto
}

.coWyN {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  background-color: var(--content-tint);
  color: var(--content-fg-secondary);
  white-space: nowrap;
  border-radius: 9999px;
  flex-shrink: 0;
  align-items: center;
  padding: 2px 8px;
  display: inline-flex
}

.Ghgqx {
  width: 119.664px;
  height: 40px;
  display: block
}

.AO2hH {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  margin: 0
}

.lti8i {
  height: 40px;
  display: block
}

.UPyj4 {
  border: 1px solid var(--content-tint-strong);
  background: var(--content-tint);
  color: var(--content-fg);
  border-radius: 12px;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  display: flex
}

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

.pqAlM :not(:last-child) {
  margin-right: 10.5px
}

.appLinksHidden {
  display: none
}

.aJmjU {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  background-color: var(--education-tint);
  color: var(--content-education);
  border-radius: 8px;
  padding: 12px 16px;
  display: block
}

.ANOt3 {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg);
  margin: 0;
  font-weight: 700
}

.taG5E {
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
  display: flex
}

.taG5E button,.taG5E button>span {
  justify-content: center;
  align-items: center;
  min-width: 64px;
  min-height: 100%;
  margin-right: -16px;
  display: flex
}

@media (pointer: fine) {
  .taG5E button,.taG5E button>span {
    align-self:center;
    min-width: auto;
    min-height: auto;
    margin-right: 0
  }
}

.taG5E .R6sti {
  color: var(--content-fg-secondary);
  padding-bottom: 0;
  display: none;
  position: relative;
  top: -2px
}

.taG5E .R6sti:disabled {
  visibility: hidden
}

@media (pointer: fine) {
  .taG5E .R6sti {
    display:block;
    position: absolute
  }
}

.taG5E .B70fk {
  --icon-color-primary: var(--content-fg-secondary)
}

.taG5E .B70fk svg {
  width: 16px;
  height: 16px
}

@media (pointer: fine) {
  .taG5E .B70fk svg {
    width:12px;
    height: 12px
  }
}

.SO7Py {
  align-items: center
}

.k6yLC {
  display: flex;
  position: relative
}

@media (min-width: 990px) and (pointer:fine) {
  .k6yLC {
    margin-right:-16px
  }
}

.R6sti {
  display: flex;
  position: relative
}

@media (pointer: fine) {
  .R6sti {
    position:absolute
  }
}

.R6sti {
  visibility: hidden
}

.R6sti.eevEr {
  visibility: visible
}

@media (pointer: fine) {
  .R6sti.eevEr {
    position:inherit
  }
}

.msimc .wfY3U {
  top: -20%;
  right: -15%;
  left: initial
}

.msimc .Uqei4 {
  top: initial;
  right: initial;
  border: 0;
  position: relative
}

@media (pointer: fine) {
  .msimc .Uqei4 {
    right:8px
  }
}

@media (min-width: 990px) and (hover:hover) {
  .msimc:hover .R6sti:enabled {
    visibility:visible
  }

  .msimc:hover .R6sti:enabled+.k6yLC {
    visibility: hidden
  }
}

.kbIQf {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  margin: 0 20px 0 55px;
  padding: 0;
  overflow: hidden
}

.kbIQf li {
  list-style: none
}

.kbIQf li:last-child {
  margin-bottom: 5px
}

.kbIQf li a {
  box-sizing: border-box;
  width: 100%;
  color: var(--content-fg);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 3px 4px;
  text-decoration: none;
  display: flex
}

.kbIQf li a .dTeP6 {
  color: var(--chrome-fg-secondary);
  text-align: right;
  margin-left: 5px
}

.kbIQf li a:focus-visible {
  background-color: var(--content-tint);
  outline: none
}

@media (hover: hover) {
  .kbIQf li a:hover {
    background-color:var(--content-tint);
    outline: none
  }
}

.kbIQf .GxBzU {
  font-size: .78125rem;
  font-weight: 700;
  line-height: 1.52;
  font-family: var(--font-family);
  background: var(--brand-orange);
  color: var(--color-fg-light);
  margin-right: -3px
}

@media (hover: hover) {
  .kbIQf .GxBzU:hover {
    background:var(--brand-orange);
    color: var(--color-fg-light)
  }
}

.Z8ENW:focus-within .R6sti {
  opacity: 1
}

@media (hover: hover) {
  .Z8ENW:hover .R6sti {
    opacity:1
  }
}

.XstzY .R6sti {
  color: var(--chrome-fg-secondary)
}

.XstzY:focus-within .R6sti {
  opacity: 1
}

@media (hover: hover) {
  .XstzY:hover .R6sti {
    opacity:1
  }
}

.XstzY .B70fk {
  --icon-color-primary: var(--chrome-fg-secondary)
}

.XstzY .B70fk.ysgOv {
  --icon-color-primary: var(--chrome-fg)
}

.XstzY .kbIQf {
  margin: 0
}

.XstzY .kbIQf li a {
  box-sizing: border-box;
  min-height: 41px;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.33333;
  font-family: var(--font-family);
  color: var(--chrome-fg-secondary);
  padding: 8px 16px
}

@media (pointer: fine) {
  .XstzY .kbIQf li a {
    font-size:1rem;
    font-weight: 400;
    line-height: 1.5;
    font-family: var(--font-family);
    min-height: 35px;
    padding: 4px 16px
  }
}

@media (min-width: 990px) {
  .XstzY .kbIQf li a {
    font-size:1rem;
    font-weight: 400;
    line-height: 1.5;
    font-family: var(--font-family)
  }
}

.XstzY .kbIQf li a.jvoML {
  color: var(--chrome-tint)
}

.XstzY .kbIQf li a:focus-visible {
  background-color: var(--chrome-panel)
}

@media (hover: hover) {
  .XstzY .kbIQf li a:hover {
    background-color:var(--chrome-panel)
  }
}

.XstzY .kbIQf li a .dTeP6 {
  color: var(--chrome-fg-secondary)
}

.Lssfa,.XyjT5 {
  height: 16px;
  display: inline-block
}

.HiALI {
  height: 100%
}

.HiALI .ftMh_ {
  width: 100%;
  height: 80px;
  position: relative
}

.HiALI .ExLtT {
  box-sizing: border-box;
  border: 2px var(--content-tint) solid;
  background: var(--content-panel);
  border-radius: 8px;
  width: 56px;
  height: 56px;
  display: inline-block;
  position: absolute;
  bottom: -28px;
  left: 62px
}

.HiALI .zQQ1t {
  box-sizing: border-box;
  padding: 32px 8px 8px
}

.HiALI .eS7H5 {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  text-align: center;
  word-break: break-word
}

.HiALI .gY71t {
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family);
  text-align: center;
  word-break: break-word;
  margin-bottom: 8px
}

.HiALI .vlhpM {
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  display: flex
}

.HiALI .oLcVd {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  box-sizing: border-box;
  background: var(--content-tint);
  height: 32px;
  color: var(--content-fg);
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  padding: 7px 10px;
  display: flex
}

.HiALI .oLcVd.GU7ne {
  padding: 5px
}

.HiALI .oLcVd.Qppi3 svg {
  width: 14px;
  height: 14px;
  margin-right: 5px
}

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

.gAgLB {
  color: var(--content-fg);
  white-space: pre-wrap
}

.SgLqQ {
  flex-direction: column;
  gap: 8px;
  display: flex
}

.SlMq5 {
  justify-content: space-between;
  align-items: flex-end;
  display: flex
}

.Kt3y8 {
  flex-direction: column;
  gap: 2px;
  display: flex
}

.ITfUU {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  margin: 0
}

.m9HaK {
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.125rem;
  font-family: var(--font-family-modern);
  margin-left: 4px
}

.XMFMR {
  font-size: .875rem;
  font-weight: 350;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  margin: 0
}

.y5gl5 {
  align-items: center;
  display: flex;
  position: relative
}

.GQjMS {
  box-sizing: border-box;
  border: 0;
  outline: 2px solid transparent;
  width: 100%;
  transition: outline .1s ease-in-out
}

.GQjMS::placeholder {
  opacity: 1
}

.GQjMS:focus-visible {
  outline-color: var(--accent);
  outline-width: 2px;
  outline-style: solid
}

.GQjMS:disabled {
  cursor: not-allowed;
  opacity: .5
}

.ttdCY {
  resize: none;
  min-height: 80px
}

.WLE12,.sTuJY {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern)
}

.WLE12 {
  padding: 8px 16px
}

.sTuJY {
  padding: 12px 16px
}

.YZaNe {
  border-radius: 8px
}

.LQYAf {
  border-radius: 9999px
}

.uSP8W,.mwLPw {
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.uSP8W {
  pointer-events: none;
  display: flex;
  left: 12px
}

.xnK61:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 42px
}

.xnK61:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 42px
}

.xnK61:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 42px
}

.xnK61:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 42px
}

.xnK61:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 42px
}

.xnK61:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-right: 42px
}

.xnK61:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-right: 42px
}

.xnK61:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-right: 42px
}

.mwLPw {
  right: 6px
}

.xb5AF:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-right: 54px
}

.xb5AF:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-right: 54px
}

.xb5AF:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-right: 54px
}

.xb5AF:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-right: 54px
}

.xb5AF:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-right: 54px
}

.xb5AF:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-left: 54px
}

.xb5AF:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-left: 54px
}

.xb5AF:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-left: 54px
}

.VKDHs {
  font-size: .875rem;
  font-weight: 350;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  color: var(--danger);
  align-items: center;
  gap: 4px;
  margin: 0;
  display: flex
}

.oo9TA {
  flex-shrink: 0
}

._SU07 {
  font-size: .875rem;
  font-weight: 350;
  line-height: 1.25rem;
  font-family: var(--font-family-modern)
}

._SU07.SZocc {
  color: var(--danger)
}

._rdrK .GQjMS {
  outline-color: var(--danger)
}

.jDw_K .ITfUU {
  color: var(--chrome-fg)
}

.jDw_K .m9HaK {
  color: var(--chrome-fg-tertiary)
}

.jDw_K .XMFMR {
  color: var(--chrome-fg-secondary)
}

.jDw_K .GQjMS {
  background-color: var(--chrome-tint);
  color: var(--chrome-fg)
}

.jDw_K .GQjMS::placeholder {
  color: var(--chrome-fg-tertiary)
}

.jDw_K .GQjMS:disabled {
  color: var(--chrome-fg-secondary)
}

.jDw_K .uSP8W,.jDw_K ._SU07 {
  color: var(--chrome-fg-tertiary)
}

.pTWUd .ITfUU {
  color: var(--content-fg)
}

.pTWUd .m9HaK {
  color: var(--content-fg-tertiary)
}

.pTWUd .XMFMR {
  color: var(--content-fg-secondary)
}

.pTWUd .GQjMS {
  background-color: var(--content-tint);
  color: var(--content-fg)
}

.pTWUd .GQjMS::placeholder,.pTWUd .GQjMS:disabled {
  color: var(--content-fg-secondary)
}

.pTWUd .uSP8W,.pTWUd ._SU07 {
  color: var(--content-fg-tertiary)
}

.ZJycY .ITfUU {
  color: var(--color-fg)
}

.ZJycY .m9HaK {
  color: var(--color-fg-tertiary)
}

.ZJycY .XMFMR {
  color: var(--color-fg-secondary)
}

.ZJycY .GQjMS {
  background-color: var(--color-tint);
  color: var(--color-fg)
}

.ZJycY .GQjMS::placeholder,.ZJycY .GQjMS:disabled {
  color: var(--color-fg-secondary)
}

.ZJycY .uSP8W,.ZJycY ._SU07 {
  color: var(--color-fg-tertiary)
}

.Ch3eH .ITfUU {
  color: var(--image-fg)
}

.Ch3eH .m9HaK {
  color: var(--image-fg-tertiary)
}

.Ch3eH .XMFMR {
  color: var(--image-fg-secondary)
}

.Ch3eH .GQjMS {
  background-color: var(--image-tint);
  color: var(--image-fg)
}

.Ch3eH .GQjMS::placeholder,.Ch3eH .GQjMS:disabled {
  color: var(--image-fg-secondary)
}

.Ch3eH .uSP8W,.Ch3eH ._SU07 {
  color: var(--image-fg-tertiary)
}

.e0Nag {
  margin-bottom: 12px
}

.GIEHd {
  display: inline-block
}

.R7jci {
  box-sizing: border-box;
  width: calc(var(--badges-total)*(var(--badge-size) + var(--badge-spacing)) - var(--badge-spacing));
  min-width: var(--badge-size);
  max-width: 400px;
  height: var(--badge-size);
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  display: flex
}

@media (max-width: 540px) {
  .R7jci {
    max-width:100%
  }
}

.R7jci .rJLvK:not(:last-child) {
  margin-right: var(--badge-spacing)
}

.R7jci .rJLvK,.R7jci .sdOCZ {
  width: var(--badge-size);
  height: var(--badge-size);
  display: inline-block
}

.R7jci.zSqhJ {
  position: relative
}

.R7jci.zSqhJ .rJLvK {
  top: 0;
  left: calc(100%*var(--badges-index)/var(--badges-total));
  transform: translateX(calc(-100% * var(--badges-index) / var(--badges-total)));
  position: absolute
}

.R7jci.zSqhJ .rJLvK,.R7jci.zSqhJ .sdOCZ {
  margin-right: 0
}

._GPua {
  flex: initial;
  justify-content: center;
  align-items: center;
  margin-bottom: 4px;
  display: flex
}

.a0aud {
  flex: initial;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  margin: 0 auto 8px;
  padding: 4px;
  display: flex
}

.lEl3a {
  border: 1px solid var(--content-panel-border);
  background-color: var(--content-panel);
  color: var(--content-fg);
  cursor: pointer;
  --icon-color-primary: var(--content-fg);
  border-radius: 16px;
  align-items: center;
  margin: 0 auto;
  padding: 4px 4px 4px 10px;
  display: flex
}

.lEl3a .R8cCR {
  font-size: .78125rem;
  font-weight: 700;
  line-height: 1.52;
  font-family: var(--font-family);
  margin: 0 4px
}

.Rb2DY {
  box-sizing: border-box;
  border: 1px solid var(--content-tint-strong);
  background-color: var(--color-tint-strong);
  cursor: pointer;
  border-radius: 16px;
  align-items: center;
  width: 100%;
  min-height: 14px;
  margin: 0 auto;
  padding: 4px 4px 4px 10px;
  display: flex
}

.MD1SL {
  margin: 0 4px 0 8px
}

.IPc_R {
  flex-direction: column;
  gap: 8px;
  display: flex
}

.PXFFf {
  flex-direction: column;
  gap: 2px;
  display: flex
}

.DLaK7 {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg);
  margin: 0
}

._Qewa {
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.125rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg-secondary)
}

._Qewa:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  margin-left: 4px
}

._Qewa:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  margin-left: 4px
}

._Qewa:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  margin-left: 4px
}

._Qewa:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  margin-left: 4px
}

._Qewa:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  margin-left: 4px
}

._Qewa:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  margin-right: 4px
}

._Qewa:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  margin-right: 4px
}

._Qewa:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  margin-right: 4px
}

.NQRM8 {
  font-size: .875rem;
  font-weight: 350;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg-secondary);
  margin: 0
}

.zXScV {
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.125rem;
  font-family: var(--font-family-modern);
  color: var(--danger);
  align-items: center;
  gap: 4px;
  margin: 0;
  display: flex
}

.cdjoX {
  color: var(--danger);
  flex-shrink: 0
}

.Vp4ma {
  font: inherit;
  line-height: inherit;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  display: flex
}

.xBp2v {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  border-radius: 10px;
  padding: 30px
}

@media (max-width: 540px) {
  .xBp2v {
    width:85vw;
    height: 100vw
  }
}

.xBp2v .r6wxb {
  overflow-y: auto
}

.zhKOj {
  border: 1px solid var(--content-tint-strong);
  border-collapse: separate;
  border-radius: 8px;
  width: 100%;
  margin: 20px 0
}

.DN4md {
  color: var(--content-fg-secondary);
  padding: 10px
}

.UL7nR {
  padding: 10px
}

.LUHQp {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg-secondary);
  margin: 0
}

.PsDsm {
  max-height: inherit;
  border-radius: 3px;
  flex-direction: column;
  display: flex;
  overflow-x: hidden;
  overflow-y: auto
}

.PsDsm .noQqZ {
  margin: 0;
  padding: 0
}

.PsDsm a {
  color: var(--content-fg-secondary);
  text-decoration: none
}

.PsDsm .ZRl0t {
  background-color: var(--content-panel);
  list-style-type: none
}

.PsDsm .ZRl0t+.ZRl0t {
  border-top: 1px solid var(--content-tint-strong)
}

.PsDsm .rCo6i li:focus-within {
  background-color: var(--content-tint);
  outline: none
}

.PsDsm .rCo6i li:focus-within .fKSK_ {
  background-color: var(--content-tint)
}

.PsDsm .rCo6i li:focus-within .fKSK_:after {
  background-color: var(--content-tint)
}

.PsDsm .rCo6i li:focus-within .fKSK_:before {
  background-color: var(--content-tint)
}

@media (hover: hover) {
  .PsDsm .rCo6i li:hover {
    background-color:var(--content-tint);
    outline: none
  }

  .PsDsm .rCo6i li:hover .fKSK_,.PsDsm .rCo6i li:hover .fKSK_:after,.PsDsm .rCo6i li:hover .fKSK_:before {
    background-color: var(--content-tint)
  }
}

.PsDsm .s1cla,.PsDsm .l463r {
  color: var(--content-fg-secondary);
  flex-shrink: 0
}

.PsDsm .s1cla {
  background-color: var(--content-tint);
  padding: 6px 4px
}

.PsDsm .l463r {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  box-sizing: border-box;
  z-index: 1;
  background-color: var(--content-panel);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 35px;
  padding: 5px 20px 5px 10px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0
}

.PsDsm .l463r>h3,.PsDsm .l463r>button,.PsDsm .l463r>a {
  text-overflow: ellipsis;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:1) {
  .PsDsm .l463r>h3,.PsDsm .l463r>button,.PsDsm .l463r>a {
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:1)) {
  .PsDsm .l463r>h3,.PsDsm .l463r>button,.PsDsm .l463r>a {
    white-space:nowrap
  }
}

.PsDsm .l463r>h3,.PsDsm .l463r>button,.PsDsm .l463r>a {
  z-index: 1
}

.PsDsm .l463r:before {
  background: var(--content-tint);
  content: "";
  width: 100%;
  height: 35px;
  position: absolute;
  top: 0;
  left: 0
}

.PsDsm .Oyvhq {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  text-align: right;
  display: inline-block
}

@media (prefers-reduced-motion:no-preference) {
  .PsDsm .fKSK_ {
    background-color: var(--content-panel);
    font-family: Courier,monospace;
    position: relative
  }

  .PsDsm .fKSK_:after,.PsDsm .fKSK_:before {
    background-color: var(--content-panel);
    content: attr(data-text);
    clip: rect(0, 999px, 0, 0);
    position: absolute;
    top: 0;
    overflow: hidden
  }

  @keyframes QiGGJ {
    0% {
      clip: rect(23px, 999px, 41px, 0)
    }

    5% {
      clip: rect(41px, 999px, 34px, 0)
    }

    10% {
      clip: rect(33px, 999px, 2px, 0)
    }

    15% {
      clip: rect(42px, 999px, 37px, 0)
    }

    20% {
      clip: rect(42px, 999px, 10px, 0)
    }

    25% {
      clip: rect(39px, 999px, 12px, 0)
    }

    30% {
      clip: rect(28px, 999px, 14px, 0)
    }

    35% {
      clip: rect(4px, 999px, 50px, 0)
    }

    40% {
      clip: rect(33px, 999px, 36px, 0)
    }

    45% {
      clip: rect(25px, 999px, 41px, 0)
    }

    50% {
      clip: rect(14px, 999px, 27px, 0)
    }

    55% {
      clip: rect(48px, 999px, 14px, 0)
    }

    60% {
      clip: rect(20px, 999px, 45px, 0)
    }

    65% {
      clip: rect(9px, 999px, 17px, 0)
    }

    70% {
      clip: rect(47px, 999px, 47px, 0)
    }

    75% {
      clip: rect(37px, 999px, 23px, 0)
    }

    80% {
      clip: rect(19px, 999px, 6px, 0)
    }

    85% {
      clip: rect(42px, 999px, 48px, 0)
    }

    90% {
      clip: rect(24px, 999px, 40px, 0)
    }

    95% {
      clip: rect(39px, 999px, 21px, 0)
    }

    to {
      clip: rect(14px, 999px, 16px, 0)
    }
  }

  @keyframes rwZ0T {
    0% {
      clip: rect(19px, 999px, 32px, 0)
    }

    5% {
      clip: rect(36px, 999px, 28px, 0)
    }

    10% {
      clip: rect(22px, 999px, 9px, 0)
    }

    15% {
      clip: rect(19px, 999px, 43px, 0)
    }

    20% {
      clip: rect(21px, 999px, 14px, 0)
    }

    25% {
      clip: rect(37px, 999px, 37px, 0)
    }

    30% {
      clip: rect(34px, 999px, 27px, 0)
    }

    35% {
      clip: rect(47px, 999px, 14px, 0)
    }

    40% {
      clip: rect(43px, 999px, 39px, 0)
    }

    45% {
      clip: rect(2px, 999px, 47px, 0)
    }

    50% {
      clip: rect(7px, 999px, 36px, 0)
    }

    55% {
      clip: rect(44px, 999px, 14px, 0)
    }

    60% {
      clip: rect(34px, 999px, 16px, 0)
    }

    65% {
      clip: rect(30px, 999px, 9px, 0)
    }

    70% {
      clip: rect(12px, 999px, 8px, 0)
    }

    75% {
      clip: rect(32px, 999px, 45px, 0)
    }

    80% {
      clip: rect(34px, 999px, 24px, 0)
    }

    85% {
      clip: rect(41px, 999px, 10px, 0)
    }

    90% {
      clip: rect(13px, 999px, 48px, 0)
    }

    95% {
      clip: rect(48px, 999px, 9px, 0)
    }

    to {
      clip: rect(17px, 999px, 28px, 0)
    }
  }

  .PsDsm .fKSK_:after {
    width: 100%;
    text-shadow: -.5px 0 var(--brand-red);
    animation: 2s linear infinite alternate-reverse QiGGJ;
    left: 1px
  }

  .PsDsm .fKSK_:before {
    width: 100%;
    text-shadow: .5px 0 var(--brand-red);
    animation: 3s linear infinite alternate-reverse rwZ0T;
    left: -1px
  }
}

.PsDsm .y0ODD {
  max-width: 100px;
  font-size: .78125rem;
  font-weight: 700;
  line-height: 1.52;
  font-family: var(--font-family);
  background: var(--brand-orange);
  color: var(--chrome);
  margin-right: -20px
}

@media (hover: hover) {
  .PsDsm .y0ODD:hover {
    background:var(--brand-orange);
    color: var(--chrome)
  }
}

.PsDsm .eCIpW {
  flex-flow: wrap;
  justify-content: space-between;
  display: flex
}

.u0NwO {
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.125rem;
  font-family: var(--font-family-modern);
  margin: 0
}

.SW1rE {
  background-color: var(--brand-purple-tint-strong);
  color: var(--content-purple)
}

.Id3fJ {
  background-color: var(--brand-green-tint-strong);
  color: var(--content-green)
}

.yivtj {
  color: var(--danger)
}

.TZgeO {
  font-size: .875rem;
  font-weight: 350;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  gap: 12px;
  padding: 16px;
  display: flex;
  position: relative
}

.TZgeO.Q9pIH {
  background-color: var(--unread-tint)
}

@media not (min-width: 990px) {
  .TZgeO {
    padding:12px 16px
  }
}

.MFUX1:focus-within {
  background-color: var(--content-tint)
}

.MFUX1:focus-within .GcYHh {
  opacity: 1;
  transform: scale(1)
}

@media (hover: hover) {
  .MFUX1.jdZxE.WG8QO:hover,.MFUX1:hover {
    background-color:var(--content-tint)
  }

  .MFUX1.jdZxE.WG8QO:hover .GcYHh,.MFUX1:hover .GcYHh {
    opacity: 1;
    transform: scale(1)
  }
}

.MFUX1.Q9pIH:focus-within {
  background-color: var(--unread-tint-hover)
}

@media (hover: hover) {
  .MFUX1.Q9pIH.jdZxE.WG8QO:hover,.MFUX1.Q9pIH:hover {
    background-color:var(--unread-tint-hover)
  }
}

.DLXwu {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.sUd0D>svg {
  border-radius: 3px;
  display: block
}

.vMoNw {
  width: 38px;
  height: 38px;
  position: relative
}

.vMoNw .L9Dyd {
  border: 2px solid;
  border-color: var(--content-panel);
  border-radius: 100%;
  position: absolute
}

.vMoNw .UUvug {
  top: 12px
}

.vMoNw .w2aY6 {
  left: 12px
}

.vMoNw .SweT3 {
  position: absolute;
  top: 24px;
  left: 24px
}

.eToRo {
  color: var(--content-fg);
  flex: 1;
  align-self: flex-start;
  padding-right: 12px
}

.eToRo a {
  text-decoration: none
}

.WbQbN {
  align-self: center
}

.D628P {
  text-decoration: none;
  display: block
}

.kQQQn {
  padding-bottom: 1px;
  font-weight: 700;
  display: inline-block;
  position: relative
}

.kQQQn a {
  text-decoration: none
}

.YJypF {
  margin-right: 4px
}

.SN46Y {
  margin-right: 10px
}

.kWoNo {
  color: var(--content-fg-secondary);
  word-break: break-word
}

.ii4mk {
  color: var(--content-fg-secondary)
}

.EOr4z {
  border-left: 3px solid var(--content-fg-secondary);
  overflow-wrap: anywhere;
  padding-left: 10px
}

.EOr4z.GHgGx {
  color: var(--content-fg);
  border-left: none;
  padding-left: 0
}

.WbSqD .p1Tks,.WbSqD .WN61D {
  background-repeat: no-repeat;
  background-size: cover;
  background-color: var(--content-panel);
  cursor: pointer;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex
}

.WbSqD ._2O8W {
  background-image: url(https://64.media.tumblr.com/ee878ad56d5181454afc8e5c72c5208e/bb3f602a8a676965-7f/s500x750/2da77174d7f11cc6414a87a584585954a67dc3f5.jpg);
  background-position: 50%
}

.WbSqD .S2Lt2 {
  background-image: url(https://64.media.tumblr.com/fb01d5baa341626cf60bc53b855710ec/d52a3b2d13ecb3fb-55/s100x200/0e08f91d6e3fe2440088cf3bf10e94eb535df1fa.pnj),linear-gradient(168deg, var(--brand-purple) 0%, var(--brand-pink) 100%);
  background-position: 50%
}

.WbSqD .pD1KD,.WbSqD ._D598,.WbSqD .nY489 {
  background-color: var(--content-fg)
}

.WbSqD .gaysk {
  background-color: var(--brand-purple)
}

.WbSqD .e70MT {
  background-color: var(--brand-blue)
}

.WbSqD .i3OPA {
  background-color: var(--brand-green)
}

.WbSqD .lwy4l {
  background-color: var(--brand-orange)
}

.WbSqD .YnFEM {
  background-color: var(--brand-pink)
}

.WbSqD.IQ4eI {
  pointer-events: none
}

.j7ftx {
  position: relative;
  overflow: hidden
}

.j7ftx:after {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.TwhdJ {
  height: 36px;
  display: flex
}

.TwhdJ+.WbSqD {
  margin-left: 0
}

.GcYHh {
  opacity: 0;
  transition: all .25s ease-out .4s;
  position: relative;
  top: 4px;
  transform: scale(0)translateY(-50%)
}

.In0Yk,.LD6PV,.FiMj0 {
  align-self: center;
  position: relative
}

.In0Yk button,.LD6PV button,.FiMj0 button {
  font-weight: 700
}

.LD6PV button,.FiMj0 button {
  color: var(--accent)
}

@media (hover: hover) {
  .LD6PV button:hover,.FiMj0 button:hover {
    text-decoration:underline
  }
}

.o4Yql {
  width: 14px;
  height: 14px;
  display: flex;
  position: absolute;
  bottom: -3px;
  right: -3px
}

.ZnFlw {
  position: relative
}

.V5AOf {
  background-image: url(https://assets.tumblr.com/pop/src/assets/images/avatar/anonymous_avatar_40-3af33dc0.png);
  background-size: 100% 100%;
  border-radius: 3px;
  position: relative
}

@media (-webkit-min-device-pixel-ratio: 1.3),(min-resolution:1.3dppx) {
  .V5AOf {
    background-image:url(https://assets.tumblr.com/pop/src/assets/images/avatar/anonymous_avatar_96-223fabe0.png)
  }
}

.IfMry {
  width: 36px
}

.El457 {
  border-radius: 50%
}

.u5h7U {
  color: var(--content-fg)
}

.LMFDf {
  background-color: var(--unread-tint)
}

.Gt2Q9 {
  font-size: .875rem;
  font-weight: 350;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg-secondary);
  justify-content: space-between;
  align-items: center;
  padding: 5px 15px;
  display: flex
}

.k53ko {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.25rem;
  font-family: var(--font-family-modern)
}

.M_e0U {
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family);
  color: var(--content-fg-secondary)
}

@media (max-width: 540px) {
  .M_e0U {
    font-size:.875rem;
    font-weight: 400;
    line-height: 1.42857;
    font-family: var(--font-family)
  }
}

.NL0y5 {
  margin-right: auto
}

.au__O {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0
}

.YVQVW {
  overflow: visible
}

.YVQVW svg {
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family)
}

.m6Aaa text,.x6vpr text {
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family);
  fill: var(--chrome-fg-secondary)
}

.x6vpr text {
  text-anchor: middle
}

.UNfwm {
  z-index: 1;
  position: absolute
}

.aa7VX {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg-secondary);
  justify-content: center;
  padding: 20px 0;
  display: flex
}

.Tgx6N {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  animation: .2s ease-out cVdp9;
  display: flex
}

@media (prefers-reduced-motion:reduce) {
  .Tgx6N {
    animation: none
  }
}

@keyframes cVdp9 {
  0% {
    opacity: 0;
    transform: translate(8px)
  }

  to {
    opacity: 1;
    transform: translate(0)
  }
}

.KWsB5 {
  box-sizing: border-box;
  border-radius: 8px;
  overflow: hidden
}

@media (max-width: 540px) {
  .KWsB5 {
    border-radius:12px
  }
}

.KWsB5.jHwZF {
  background-color: var(--content-panel);
  color: var(--content-fg)
}

.KWsB5.RqNhe {
  background-color: var(--chrome-panel);
  color: var(--chrome-fg)
}

@media (max-width: 540px) {
  .lDY2a {
    border-radius:0
  }
}

.I5F9m {
  padding: 16px;
  position: relative
}

.IFe15 {
  outline: 2px solid var(--content-panel);
  background-repeat: no-repeat;
  background-size: contain;
  background-color: var(--content-panel);
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative
}

.Spxrs:focus-within {
  background-color: var(--content-tint)
}

@media (hover: hover) {
  .Spxrs:hover {
    background-color:var(--content-tint)
  }
}

.VnUe2 {
  background-color: var(--unread-tint)
}

.VnUe2:focus-within {
  background-color: var(--unread-tint-hover)
}

@media (hover: hover) {
  .VnUe2:hover {
    background-color:var(--unread-tint-hover)
  }
}

.iw6yw {
  flex-shrink: 0;
  position: relative
}

.rMYEj {
  position: absolute
}

.vQj7U {
  outline: 2px solid var(--content-panel);
  border-radius: 9999px;
  bottom: 0
}

.aQjmu {
  right: 0
}

.FhiFP {
  width: 16px;
  height: 16px;
  position: absolute;
  bottom: 0;
  right: -4px
}

.XPF0U {
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  display: flex
}

.XPF0U a {
  position: relative
}

.iJg3_ {
  color: var(--content-fg);
  flex-grow: 1;
  overflow: hidden
}

.iJg3_.d7jzY {
  align-self: center
}

.nmxvi {
  font-size: .875rem;
  font-weight: 350;
  line-height: 1.25rem;
  font-family: var(--font-family-modern)
}

.nmxvi>div {
  display: inline
}

.nmxvi>div+div,.nmxvi>div+time {
  margin-left: 4px
}

.Xl1TU,.PnCC8 {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  display: inline
}

.Xl1TU>p,.PnCC8>p {
  display: inline
}

.Xl1TU a,.Xl1TU .fpWeF>span,.PnCC8 a,.PnCC8 .fpWeF>span {
  text-decoration: none
}

.c815z {
  color: var(--content-fg-secondary);
  position: relative
}

.c815z:before {
  content: "·";
  margin-right: 4px
}

.L47XY,.FNW6F {
  font-size: .875rem;
  font-weight: 350;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  overflow-wrap: anywhere
}

.CZ5o_ {
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 2px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
  position: relative
}

.CZ5o_.udVmC {
  background-color: var(--content-fg)
}

div.CZ5o_ {
  pointer-events: none
}

.JgPcT {
  position: relative
}

.o1YaH {
  border-left: 3px solid var(--content-tint-heavy);
  overflow-wrap: anywhere;
  padding-left: 8px;
  font-style: normal
}

.aQt6z {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0
}

.RRPPS {
  width: 100%;
  height: 250px;
  margin-bottom: 20px;
  position: relative
}

.RRPPS[role=button] {
  cursor: pointer
}

.bjh13 {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  box-sizing: border-box;
  background: var(--content-panel);
  min-width: 150px;
  max-width: 200px;
  color: var(--content-fg);
  border-radius: 6px;
  flex-direction: column;
  padding: 16px;
  display: flex;
  box-shadow: 0 0 15px rgba(0,0,0,.5)
}

.jv0eS {
  justify-content: space-between;
  padding-top: 8px;
  display: flex
}

.jv0eS:first-child {
  padding-top: 0
}

.jv0eS>:nth-child(2) {
  margin-left: 10px
}

.zwo86 {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--content-fg-secondary);
  text-overflow: ellipsis;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:1) {
  .zwo86 {
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:1)) {
  .zwo86 {
    white-space:nowrap
  }
}

.unQb3 {
  border-radius: 3px;
  width: 24px;
  height: 24px
}

.lBOuH {
  background: var(--chrome);
  border-radius: 6px;
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%)translateY(-50%)
}

.lBOuH .McSyH {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  background: var(--chrome-tint);
  color: var(--chrome-fg);
  text-align: center;
  padding: 15px
}

.pNyDU {
  scrollbar-width: none;
  -ms-overflow-style: none
}

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

.pNyDU {
  align-items: flex-start;
  display: flex;
  overflow-x: scroll
}

.pViV7 {
  width: 100%
}

.i8H3g {
  box-sizing: border-box;
  width: 100%;
  padding-left: 20px
}

.fQEVQ {
  justify-content: center;
  align-items: center;
  height: 36px;
  display: flex
}

.fQEVQ svg {
  width: 25px;
  height: 25px
}

.ftglT {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  box-sizing: border-box;
  border: 1px solid var(--content-tint-strong);
  height: 36px;
  color: var(--content-fg-secondary);
  border-radius: 18px;
  align-items: center;
  margin-right: 8px;
  padding: 0 16px;
  display: flex
}

@media (hover: hover) {
  .ftglT:hover {
    background-color:var(--content-tint-strong)
  }
}

.ftglT.MOJMz {
  border: 1px solid var(--accent);
  background-color: var(--accent);
  color: var(--color-fg-light)
}

@media (hover: hover) {
  .ftglT.MOJMz:hover {
    background-color:var(--accent)
  }
}

.od56b {
  padding-left: 4px;
  padding-right: 4px
}

.ybkSF {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  min-height: 420px;
  color: var(--content-fg-secondary);
  justify-content: center;
  align-items: center;
  display: flex
}

.jb96K {
  flex-direction: column;
  height: 85vh;
  max-height: 100%;
  display: flex
}

.qBBIq {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  font-family: var(--font-family-modern);
  border-bottom: 1px solid var(--content-tint);
  color: var(--content-fg);
  text-align: center;
  flex-shrink: 0;
  padding: 0 16px 12px
}

.F6YbW {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex
}

.IHpB8 {
  padding: 10px 20px
}

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

.xWjHY .R4ypF {
  margin-left: 12px
}

.xWjHY .R4ypF>span {
  justify-content: center;
  align-items: center;
  display: flex
}

.eXQ6G {
  background: var(--content-panel)
}

.ZXp5w {
  box-sizing: border-box;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 64px;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  border-radius: 9999px;
  outline: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 10px 16px;
  text-decoration: none;
  display: inline-flex
}

.ZXp5w[data-focus-visible] {
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: solid
}

.Iyuuz.g8d5h[aria-selected=true] {
  background-color: var(--chrome-ui)
}

@media (hover: hover) {
  .Iyuuz.g8d5h[aria-selected=true]:hover {
    background-color:var(--chrome-ui-hover)
  }
}

.Iyuuz.g8d5h[aria-selected=true]:active {
  background-color: var(--chrome-ui-pressed)
}

.Iyuuz.g8d5h[data-focus-visible] {
  outline-color: var(--chrome-ui-focus)
}

.gmTkm.g8d5h[aria-selected=true] {
  background-color: var(--content-ui)
}

@media (hover: hover) {
  .gmTkm.g8d5h[aria-selected=true]:hover {
    background-color:var(--content-ui-hover)
  }
}

.gmTkm.g8d5h[aria-selected=true]:active {
  background-color: var(--content-ui-pressed)
}

.gmTkm.g8d5h[data-focus-visible] {
  outline-color: var(--content-ui-focus)
}

.Iyuuz {
  color: var(--chrome-fg-secondary);
  background-color: transparent
}

@media not (min-width: 990px) {
  .Iyuuz {
    background-color:var(--chrome-tint)
  }
}

@media (hover: hover) {
  .Iyuuz:hover {
    background-color:var(--chrome-tint)
  }
}

.Iyuuz:active {
  background-color: var(--chrome-tint-strong)
}

.Iyuuz[aria-selected=true] {
  color: var(--chrome-ui-fg)
}

.Iyuuz[aria-disabled=true] {
  color: var(--chrome-fg-secondary);
  background-color: transparent
}

.Iyuuz[aria-disabled=true] .SgMs3 {
  opacity: .5
}

.Iyuuz[aria-selected=true][aria-disabled=true] {
  background-color: var(--chrome-tint);
  color: var(--chrome-fg-secondary)
}

@media (hover: hover) {
  .Iyuuz[aria-selected=true][aria-disabled=true]:hover {
    background-color:var(--chrome-tint)
  }
}

.Iyuuz[aria-selected=true][aria-disabled=true]:active {
  background-color: var(--chrome-tint)
}

.gmTkm {
  background-color: var(--content-tint);
  color: var(--content-fg-secondary)
}

@media (hover: hover) {
  .gmTkm:hover {
    background-color:var(--content-tint-strong)
  }
}

.gmTkm:active {
  background-color: var(--content-tint-heavy)
}

.gmTkm[aria-selected=true] {
  background-color: var(--content-ui);
  color: var(--content-ui-fg)
}

@media (hover: hover) {
  .gmTkm[aria-selected=true]:hover {
    background-color:var(--content-ui-hover)
  }
}

.gmTkm[aria-selected=true]:active {
  background-color: var(--content-ui-pressed)
}

.gmTkm[aria-disabled=true] {
  color: var(--content-fg-secondary);
  background-color: transparent
}

.gmTkm[aria-disabled=true] .SgMs3 {
  opacity: .5
}

.gmTkm[aria-selected=true][aria-disabled=true] {
  background-color: var(--content-tint);
  color: var(--content-fg-secondary)
}

@media (hover: hover) {
  .gmTkm[aria-selected=true][aria-disabled=true]:hover {
    background-color:var(--content-tint)
  }
}

.gmTkm[aria-selected=true][aria-disabled=true]:active {
  background-color: var(--content-tint)
}

.JBLYu[aria-selected=true] {
  background-color: var(--brand-blue)
}

@media (hover: hover) {
  .JBLYu[aria-selected=true]:hover {
    background-color:var(--brand-blue-hover)
  }
}

.JBLYu[aria-selected=true]:active {
  background-color: var(--brand-blue-pressed)
}

.JBLYu[data-focus-visible] {
  outline-color: var(--brand-blue)
}

.mXZLv[aria-selected=true] {
  background-color: var(--brand-purple)
}

@media (hover: hover) {
  .mXZLv[aria-selected=true]:hover {
    background-color:var(--brand-purple-hover)
  }
}

.mXZLv[aria-selected=true]:active {
  background-color: var(--brand-purple-pressed)
}

.mXZLv[data-focus-visible] {
  outline-color: var(--brand-purple)
}

.GxlMQ[aria-selected=true] {
  background-color: var(--brand-pink)
}

@media (hover: hover) {
  .GxlMQ[aria-selected=true]:hover {
    background-color:var(--brand-pink-hover)
  }
}

.GxlMQ[aria-selected=true]:active {
  background-color: var(--brand-pink-pressed)
}

.GxlMQ[data-focus-visible] {
  outline-color: var(--brand-pink)
}

.ePyMK[aria-selected=true] {
  background-color: var(--brand-red)
}

@media (hover: hover) {
  .ePyMK[aria-selected=true]:hover {
    background-color:var(--brand-red-hover)
  }
}

.ePyMK[aria-selected=true]:active {
  background-color: var(--brand-red-pressed)
}

.ePyMK[data-focus-visible] {
  outline-color: var(--brand-red)
}

.mJ44e[aria-selected=true] {
  background-color: var(--brand-orange)
}

@media (hover: hover) {
  .mJ44e[aria-selected=true]:hover {
    background-color:var(--brand-orange-hover)
  }
}

.mJ44e[aria-selected=true]:active {
  background-color: var(--brand-orange-pressed)
}

.mJ44e[data-focus-visible] {
  outline-color: var(--brand-orange)
}

.yoOZt[aria-selected=true] {
  background-color: var(--brand-yellow)
}

@media (hover: hover) {
  .yoOZt[aria-selected=true]:hover {
    background-color:var(--brand-yellow-hover)
  }
}

.yoOZt[aria-selected=true]:active {
  background-color: var(--brand-yellow-pressed)
}

.yoOZt[data-focus-visible] {
  outline-color: var(--brand-yellow)
}

.Z8HCd[aria-selected=true] {
  background-color: var(--brand-green)
}

@media (hover: hover) {
  .Z8HCd[aria-selected=true]:hover {
    background-color:var(--brand-green-hover)
  }
}

.Z8HCd[aria-selected=true]:active {
  background-color: var(--brand-green-pressed)
}

.Z8HCd[data-focus-visible] {
  outline-color: var(--brand-green)
}

.CEvlk {
  border-top: 1px solid var(--content-tint)
}

.CS_7d {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.33333;
  font-family: var(--font-family);
  scrollbar-width: none;
  -ms-overflow-style: none
}

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

.CS_7d {
  text-align: center;
  margin: 0 auto
}

.palette--trueBlue .CS_7d .DktdW,.palette--trueBlue .CS_7d .tSNLM {
  color: var(--color-fg-light)
}

.palette--trueBlue .CS_7d .N8yyX {
  background-color: var(--color-tint);
  color: var(--color-fg-light-secondary)
}

@media (max-width: 540px) {
  .CS_7d {
    padding-bottom:30px
  }
}

.ui_bm {
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
  display: flex
}

@media (max-width: 540px) {
  .ui_bm {
    flex-direction:column
  }

  .ui_bm .nijVz {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex
  }
}

.ui_bm .zc4jf img {
  width: 180px;
  height: 180px
}

.ui_bm .DktdW {
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.52381;
  font-family: var(--font-family);
  text-align: left;
  margin-bottom: 16px
}

.ui_bm .tSNLM {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  text-align: left
}

@media (max-width: 540px) {
  .ui_bm .tSNLM {
    text-align:center
  }
}

.Sl29y {
  display: initial;
  width: 247px;
  height: 247px
}

.L6Rv0 {
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
  display: flex
}

.L6Rv0 div.N8yyX {
  box-sizing: border-box;
  background-color: var(--content-tint);
  border-radius: 16px;
  flex-grow: 1;
  justify-content: space-around;
  align-items: center;
  max-width: 247px;
  min-height: 129px;
  padding: 0 16px;
  display: flex
}

.L6Rv0 div.N8yyX p {
  margin-bottom: 0
}

@media (max-width: 540px) {
  .L6Rv0 {
    flex-direction:column
  }

  .L6Rv0 div {
    max-width: 100%
  }
}

.YDXT2 {
  justify-content: center;
  align-items: center;
  height: 494px;
  display: flex
}

.lVAfI {
  display: inherit;
  width: 100%;
  height: 100%
}

.rHQ4W {
  border-radius: 3px;
  width: 380px;
  max-height: 100%;
  position: relative;
  overflow-x: hidden
}

.HVZtK {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  font-family: var(--font-family);
  text-align: left;
  margin: 0 20px 16px
}

.qGBfx {
  padding-bottom: 5px
}

.qGBfx button {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding-bottom: 5px;
  top: calc(50% - 25px)
}

.PzkO4 {
  margin-left: 8px;
  margin-right: 8px
}

.PzkO4:first-child {
  margin-left: 20px
}

.EdK7W {
  --icon-color-primary: var(--content-fg);
  background-color: var(--content-panel);
  border-radius: 25px;
  width: 9px;
  height: 19px;
  padding: 13px 18px;
  box-shadow: 0 4px 16px rgba(0,0,0,.05)
}

.upz9H {
  z-index: 100;
  background-color: var(--content-panel);
  padding-top: 16px;
  padding-bottom: 16px;
  position: -webkit-sticky;
  position: sticky;
  top: 0
}

.tmwZ9 {
  box-sizing: border-box;
  background: var(--content-panel);
  border-radius: 8px;
  width: 360px;
  height: 550px;
  overflow: hidden
}

@media (max-width: 540px) {
  .tmwZ9 {
    width:100vw;
    height: 100vh
  }
}

._7LoRz,._7LoRz .PSbZi {
  width: 100%
}

.BMAgx {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 30px 30px;
  display: flex
}

@media (max-width: 540px) {
  .BMAgx {
    padding-bottom:60px
  }
}

.GyLma {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.30769;
  font-family: var(--font-family);
  color: var(--content-fg);
  margin-bottom: 16px;
  font-weight: 500
}

.x2z7r {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--content-fg-secondary);
  margin-bottom: auto
}

.E_rFJ,.E_rFJ button {
  width: 100%
}

.E_rFJ .SRvcI {
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 50px;
  overflow: hidden
}

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

.PMWro {
  border: 1px solid var(--content-tint);
  background: var(--content-panel);
  min-width: 149px;
  color: var(--content-fg);
  cursor: pointer;
  border-radius: 10px;
  margin-top: 10px;
  margin-left: 0;
  margin-right: 10px;
  padding: 7px 10px;
  font-size: 16px;
  position: absolute;
  top: 100%;
  left: 10%
}

@media not (min-width: 990px) {
  .PMWro {
    min-width:139px
  }
}

.PMWro .M6jBU {
  justify-content: space-between;
  margin-bottom: 10px;
  margin-left: 0;
  font-family: Fairwater,Georgia,Times,Times New Roman,serif;
  display: flex
}

.PMWro .M6jBU p,.PMWro .M6jBU:last-child {
  margin-bottom: 0
}

.ZtoPL {
  background-color: var(--accent);
  height: 14px;
  color: var(--color-fg-light);
  cursor: pointer;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 2px 10px 4px;
  position: absolute;
  top: 100%;
  left: 10%;
  overflow: hidden
}

.t7fs2 {
  display: none
}

.ZFczK {
  background: linear-gradient(var(--content-panel), var(--content-panel)) padding-box,linear-gradient(to bottom right, var(--accent) 10%, var(--accent) 100%) border-box;
  background-color: var(--content-panel);
  box-shadow: 2px 2px 0px var(--accent);
  color: var(--content-fg);
  border: 2px solid transparent;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: -7px;
  right: -8px
}

.ZFczK svg {
  fill: var(--content-fg);
  width: 16px;
  height: 17px
}

.ZFczK svg use {
  --icon-color-primary: var(--content-fg)
}

.n4ng3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative
}

.o7Esz .rxrOL {
  background: linear-gradient(var(--content-panel), var(--content-panel)) padding-box,linear-gradient(to bottom right, var(--accent) 10%, var(--accent) 100%) border-box;
  background-color: var(--content-panel);
  box-shadow: 2px 2px 0px var(--accent);
  color: var(--content-fg);
  border: 2px solid transparent
}

.o7Esz {
  z-index: 100;
  position: relative
}

.o7Esz .rxrOL {
  text-overflow: clip;
  white-space: nowrap;
  pointer-events: all;
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 139px;
  min-height: 32px;
  padding: 7px 16px 0;
  font-family: Fairwater,Georgia,Times,Times New Roman,serif;
  font-size: 17px;
  font-style: italic;
  line-height: 17px;
  display: flex;
  overflow: hidden
}

@media not (min-width: 990px) {
  .o7Esz .rxrOL {
    width:119px;
    padding: 5px 12px 0;
    font-size: 15px
  }
}

.y5_hQ {
  z-index: 1100;
  pointer-events: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.JljDF {
  pointer-events: all;
  transition: transform .2s ease-in-out;
  position: absolute;
  transform: translate(100px,200px)
}

.JljDF.vqBle:after,.JljDF.ovjCT:after {
  border: 1px solid var(--content-fg);
  background: var(--content-panel);
  max-width: 250px;
  color: var(--content-fg);
  border-radius: 1px;
  padding: 2px 3px;
  font-size: .8rem;
  display: block;
  position: relative;
  top: -50px;
  left: 38px
}

@media (hover: hover) {
  .JljDF:hover:after {
    border:1px solid var(--content-fg);
    background: var(--content-panel);
    max-width: 250px;
    color: var(--content-fg);
    border-radius: 1px;
    padding: 2px 3px;
    font-size: .8rem;
    display: block;
    position: relative;
    top: -50px;
    left: 38px
  }
}

.JljDF:active:after {
  content: attr(data-css-text-hand)
}

@media (hover: hover) {
  .JljDF:hover:after {
    content:attr(data-css-text-hand)
  }
}

.JljDF.GmAPq:active:after {
  content: attr(data-css-text-friend)
}

@media (hover: hover) {
  .JljDF.GmAPq:hover:after {
    content:attr(data-css-text-friend)
  }
}

.JljDF.WxeRb:active:after {
  content: attr(data-css-text-love)
}

@media (hover: hover) {
  .JljDF.WxeRb:hover:after {
    content:attr(data-css-text-love)
  }
}

.JljDF.vqBle:after {
  content: attr(data-speech)
}

.JljDF.ovjCT:after {
  content: ":(";
  text-align: center;
  width: 1em
}

@media (hover: hover) {
  .JljDF.ovjCT:hover:after {
    content:":(";
    text-align: center;
    width: 1em
  }
}

.Acwsj {
  width: 42px;
  height: 42px;
  font-size: 2rem;
  line-height: 1
}

.JljDF.ovjCT .Acwsj {
  animation: .5s infinite KxXV_
}

.PsGTl {
  width: 32px;
  height: 32px
}

@keyframes KxXV_ {
  0% {
    transform: rotate(0)
  }

  10% {
    transform: rotate(-6deg)
  }

  20% {
    transform: rotate(4deg)
  }

  30% {
    transform: rotate(0)
  }

  40% {
    transform: rotate(0)
  }

  50% {
    transform: rotate(0)
  }

  60% {
    transform: rotate(-4deg)
  }

  70% {
    transform: rotate(0)
  }

  80% {
    transform: rotate(6deg)
  }

  90% {
    transform: rotate(0)
  }

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

.FlbLt {
  height: auto
}

.f5gD9 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--content-fg);
  margin-bottom: 36px;
  padding: 0 4px
}

.XZFs6 {
  box-sizing: border-box;
  padding-right: var(--post-padding);
  padding-left: var(--post-padding);
  align-items: center;
  padding-bottom: 12px;
  display: flex
}

.XZFs6 .WIYYp {
  background-color: var(--content-tint);
  border-radius: 3px;
  flex-grow: 1;
  min-width: 0;
  padding: 15px 0 4px;
  position: relative
}

.XZFs6 .WIYYp .wvu3V {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--content-fg-secondary);
  box-sizing: border-box;
  padding-bottom: 12px;
  padding-right: var(--post-padding);
  padding-left: var(--post-padding);
  margin-bottom: 0
}

.XZFs6 .WIYYp .wvu3V a {
  color: inherit;
  text-decoration: none
}

.XZFs6 .WIYYp .pM6pK {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: inherit
}

.XZFs6 .WIYYp .IxFyd {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto
}

.XZFs6 .WIYYp .IxFyd :last-child {
  margin-bottom: 0
}

.XZFs6 .WIYYp .SBa73 {
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid var(--content-tint);
  position: absolute;
  top: 10px;
  right: -8px
}

.XZFs6+.XZFs6 {
  margin-top: 0;
  margin-bottom: 0
}

.ZCpAa {
  border-radius: 3px;
  flex-shrink: 0;
  align-self: flex-start;
  width: 40px;
  height: 40px;
  margin-left: 18px
}

.uzQXY {
  align-items: center;
  display: flex
}

.QLnDj {
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin-right: 6px
}

.OnwDa {
  background-color: #01cf35
}

.nyE9Y {
  background-color: #00b8ff
}

.IBxfI {
  background-color: var(--content-fg-tertiary)
}

.QeG5E {
  background-color: #e8d73a
}

.dCSsv {
  background-color: var(--content-fg-tertiary)
}

.gMHJB {
  background-color: #01cf35
}

.HPbUp {
  border-top: 1px solid var(--content-tint);
  margin-left: 2em;
  padding-top: 20px
}

.sEK_i {
  margin-left: 1px
}

.H3wvd {
  flex-direction: column;
  margin-bottom: 24px
}

.H3wvd .RMFSy {
  margin-right: 0
}

.H3wvd .RMFSy label {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  background-color: transparent
}

.H3wvd .RMFSy label p {
  margin-bottom: 0
}

.xv_s5 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex
}

@media (max-width: 540px) {
  .xv_s5 {
    margin-bottom:60px
  }
}

.HbNGL {
  max-width: 332px
}

.AmghW {
  display: initial;
  width: 100%;
  height: 100%
}

.DsEBp {
  margin-bottom: 8px
}

.lbarB {
  justify-content: center;
  display: flex
}

.lbarB .TSfr_ {
  position: relative;
  top: -68px
}

.lbarB .TSfr_ .FhsWI {
  border: 4px solid var(--content-panel);
  border-radius: 50%
}

.AE6WV {
  text-align: center;
  margin-top: -60px;
  margin-bottom: 16px;
  line-height: 24px
}

.TT2qt {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  flex-direction: column;
  display: flex
}

.TT2qt span {
  color: var(--content-fg-secondary);
  font-weight: 400
}

.bpnO8 {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.30769;
  font-family: var(--font-family)
}

.bpnO8 .jjAEd {
  margin-left: 8px
}

.jjAEd {
  margin-left: 1px
}

._64hR {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--content-fg);
  text-align: center;
  margin-bottom: 14px
}

.rb92Y {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  margin-bottom: 16px
}

.KVt3w {
  border-bottom: 1px solid var(--content-tint);
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex
}

.KVt3w p {
  margin-bottom: 0
}

.KVt3w .K1c5K {
  color: var(--content-fg-secondary)
}

.vzPt5 {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--content-fg-secondary);
  text-align: center;
  margin-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px
}

.WtbOv {
  flex-direction: column;
  align-items: center;
  display: flex
}

.WtbOv button {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.33333;
  font-family: var(--font-family);
  border-radius: 50px;
  width: 350px;
  height: 42px;
  margin-bottom: 8px;
  padding: 8px 15px
}

.WtbOv .ZQhIf {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden
}

.fJ9Xt {
  margin-bottom: -10px;
  padding: 14px 14px 0
}

.HQQhj {
  width: 352px;
  height: 44px
}

.PqBqd {
  justify-content: space-between;
  align-items: center;
  width: 300px;
  display: flex
}

.EQeW6 {
  margin: 0 auto
}

.jQo2l {
  box-sizing: border-box;
  -ms-overflow-style: none;
  scrollbar-width: none;
  width: 100%;
  padding: 8px;
  overflow: hidden
}

@media (max-width: 540px) {
  .jQo2l {
    height:auto
  }
}

.InOIj {
  scroll-behavior: smooth;
  scroll-snap-align: start;
  scroll-snap-type: x mandatory;
  overflow-x: scroll;
  overflow-y: hidden
}

.InOIj::-webkit-scrollbar {
  display: none
}

.r5fn7 {
  overscroll-behavior: none;
  flex-flow: row;
  align-items: center;
  gap: 8px;
  display: flex;
  overflow-x: visible
}

.r5fn7:after {
  content: " "
}

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

.H9EdA {
  background-color: var(--accent);
  min-width: 250px;
  color: var(--color-fg-light);
  text-align: center;
  cursor: pointer;
  border-radius: 6px;
  padding: 12px 9px
}

@media not (min-width: 990px) {
  .H9EdA {
    min-width:165px;
    font-size: 15px
  }
}

.qZEjf[data-placement*=bottom]:after {
  border-bottom-color: var(--accent)
}

.jBtpD {
  flex-direction: column;
  height: 100%;
  max-height: min(620px,90vh);
  display: flex
}

.lUKCu header {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  box-sizing: border-box;
  border-bottom: 1px var(--content-tint-strong) solid;
  background-color: var(--content-panel);
  border-radius: 3px 3px 0 0;
  justify-content: space-between;
  width: 100%;
  padding: 12px 12px 8px;
  display: flex
}

.ePmxL {
  border-bottom: 1px solid var(--content-tint-strong);
  padding: 4px
}

.rUdWg {
  justify-content: center;
  align-items: center;
  height: 17px;
  margin: 5px 0;
  display: flex
}

.iRWlG {
  display: flex
}

.pclKV {
  flex: 1;
  overflow-x: hidden;
  overflow-y: auto
}

.BMjTU {
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family);
  box-sizing: border-box;
  background-color: var(--content-tint);
  --icon-color-primary: var(--content-fg-tertiary);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex
}

.gNWJJ {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg-secondary);
  text-align: center;
  margin: 24px 0
}

.gNWJJ span {
  font-size: .875rem;
  font-weight: 350;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  margin-top: 8px;
  display: block
}

.OAANM {
  padding: 16px
}

.HNmfZ button,.Tcv9q button {
  font-family: Courier,monospace;
  font-size: 12px;
  line-height: 16px
}

.HNmfZ {
  width: 30px;
  height: 30px;
  color: var(--content-fg)
}

.HNmfZ .alRCv {
  border: 1px solid var(--chrome-tint-strong);
  background: var(--chrome-fg-secondary);
  cursor: pointer;
  filter: brightness(200%);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex
}

.HNmfZ .alRCv.yHUeZ {
  filter: brightness()
}

.Tcv9q {
  z-index: 100;
  border: 1px solid var(--image-ui-fg);
  background: var(--image-fg);
  border-radius: 0 5px 5px;
  width: 300px;
  height: 200px;
  margin-left: 0;
  position: fixed;
  bottom: 20px;
  right: 70px
}

@media (max-width: 540px) {
  .Tcv9q {
    bottom:5px;
    right: 5px
  }
}

.Tcv9q .VpfQW {
  background-image: url(https://assets.tumblr.com/pop/src/assets/images/horse-friend/horse-f419f736.png);
  width: 46px;
  height: 35px;
  position: absolute;
  top: 0;
  left: 0
}

.Tcv9q .lVYgD {
  width: 100%;
  height: 100%;
  font-family: Courier,monospace;
  font-size: 12px;
  line-height: 16px
}

.Tcv9q .C9Tsj {
  box-sizing: border-box;
  align-items: space-between;
  border-top: 1px solid var(--image-ui-fg);
  border-bottom: 1px solid var(--image-ui-fg);
  border-left: 1px solid var(--image-ui-fg);
  background-color: var(--image-fg);
  border-radius: 5px 0 0 5px;
  flex-direction: column;
  justify-content: space-between;
  width: 30px;
  height: 60px;
  padding: 9px 0 1px 1px;
  display: flex;
  position: absolute;
  top: -1px;
  left: -30px
}

.Tcv9q .MgKiV {
  --icon-color-primary: var(--image-ui-fg);
  color: var(--content-fg-tertiary);
  cursor: pointer;
  font-size: 13px
}

.Tcv9q .MgKiV svg {
  width: 14px;
  height: 14px
}

.Tcv9q .pyw0l {
  --icon-color-primary: var(--image-ui-fg);
  cursor: pointer
}

.Tcv9q .pyw0l svg {
  width: 22px;
  height: 22px
}

.XeOtC {
  width: 300px;
  height: 200px;
  position: relative;
  overflow: hidden
}

.NZfyq {
  position: absolute;
  overflow: hidden
}

.NZfyq img {
  position: absolute
}

.rDO3F {
  border: 1px solid var(--image-ui-fg);
  height: 40px;
  margin: 6px;
  padding: 6px
}

.BZ18Y {
  width: 300px;
  height: 12px;
  display: flex
}

.lBtW2 {
  text-align: right;
  width: 144px;
  padding-right: 6px
}

.CmXCV {
  border: 1px solid var(--image-ui-fg);
  width: 144px;
  height: 12px;
  margin-left: 6px
}

.CmXCV .lvJLA {
  background-color: var(--accent);
  height: 8px;
  margin: 2px
}

.FDLE7 {
  width: 300px;
  margin-top: 10px
}

.FDLE7 .DUbBR {
  margin: 0 auto 2px
}

.DUbBR {
  border: 1px solid var(--image-ui-fg);
  background-color: var(--image-ui);
  color: var(--image-ui-fg);
  text-align: center;
  padding: 2px 10px;
  display: block
}

@media (hover: hover) {
  .DUbBR:hover {
    color:var(--image-ui-fg-secondary)
  }
}

.t551P {
  width: 288px;
  position: relative
}

.t551P .OhWKq {
  z-index: 2;
  border-bottom: 2px solid var(--image-ui-fg);
  background-color: var(--accent);
  justify-content: flex-end;
  align-items: center;
  width: 300px;
  display: flex;
  position: absolute;
  top: 0
}

.t551P .OhWKq .DUbBR {
  margin-right: 6px
}

.t551P .kGL95 {
  z-index: 1;
  position: absolute;
  left: 6px
}

.t551P .XLm40 {
  width: 288px;
  height: 38px;
  margin-top: 4px;
  display: flex
}

.t551P .KPNq5 {
  width: 244px;
  margin-left: 6px;
  padding-top: 2px;
  font-size: 10px
}

.JOCmG {
  display: none
}

.X2bNy {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  grid-template-rows: repeat(2,1fr);
  grid-template-columns: repeat(2,1fr);
  width: 100%;
  height: 100%;
  display: grid
}

.aVu3s {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0 16px;
  display: flex;
  position: relative
}

.aVu3s.cQ0bC {
  flex-direction: column;
  gap: 16px;
  margin: 0;
  padding: 8px 16px
}

.aVu3s.cQ0bC>div {
  margin-left: 0
}

.aVu3s:focus-within .y03u9 {
  opacity: 1
}

@media not (min-width: 990px) {
  .aVu3s {
    margin:0
  }

  .aVu3s>div:first-child {
    margin-left: 0
  }
}

._o6uV {
  margin-left: 16px
}

.Pfc8N {
  max-width: 150px
}

.Pfc8N ._o6uV {
  margin-left: -8px
}

.Pfc8N ._o6uV:first-child {
  margin-left: 0
}

.Pfc8N ._o6uV:active {
  z-index: calc(100 + 1);
  margin-top: 8px;
  box-shadow: 0 8px 20px rgba(0,0,0,.1)
}

@media (hover: hover) {
  .Pfc8N ._o6uV:hover {
    z-index:calc(100 + 1);
    margin-top: 8px;
    box-shadow: 0 8px 20px rgba(0,0,0,.1)
  }
}

@keyframes D7Fhd {
  to {
    background-position: -1008px 0
  }
}

@media (min-width: 990px) {
  .Ovlgo svg {
    opacity:1;
    transition: opacity .25s
  }
}

@media (min-width: 990px) and (hover:hover) {
  .Ovlgo:hover {
    background-image:url(https://assets.tumblr.com/pop/src/assets/images/pride-logo-a903e266.png);
    background-size: 1008px 100%;
    animation: 1.6s steps(48,end) infinite D7Fhd
  }
}

@media (min-width: 990px) and (hover:hover) and (-webkit-min-device-pixel-ratio:1.3),(min-width:990px) and (hover:hover) and (min-resolution:1.3dppx) {
  .Ovlgo:hover {
    background-image:url(https://assets.tumblr.com/pop/src/assets/images/pride-logo@2x-d737ccbc.png)
  }
}

@media (min-width: 990px) and (hover:hover) {
  .Ovlgo:hover svg {
    opacity:0
  }
}

.FQkf4 {
  position: relative;
  overflow: hidden
}

.FP6oS {
  will-change: transform;
  width: 300px;
  height: 300px;
  position: absolute
}

.featureTellMeLies .FQkf4 {
  margin-right: -10px;
  width: 30px!important
}

.featureTellMeLies .FQkf4 .FP6oS {
  display: none
}

.GjGsN {
  position: absolute
}

@media (hover: hover) {
  .tSe6h:hover .FP6oS {
    background:repeating-linear-gradient(90deg, var(--brand-red) 0%, var(--brand-orange), var(--brand-yellow), var(--brand-green), var(--brand-blue), var(--brand-purple), var(--brand-red) 50%);
    animation: 1s linear infinite JqCkJ
  }

  .tSe6h:hover .GjGsN {
    --icon-color-background: var(--chrome);
    --icon-color-primary: transparent!important
  }
}

@keyframes JqCkJ {
  0% {
    transform: translate(-150px)
  }

  to {
    transform: translate(0)
  }
}

.featureTellMeLies .GjGsN {
  max-height: 100%
}

.WaLw4 {
  z-index: 1;
  background: var(--chrome-fg);
  color: #01cf35;
  white-space: nowrap;
  cursor: pointer;
  opacity: 0;
  pointer-events: auto;
  border: 1px solid #01cf35;
  border-radius: 4px;
  margin-top: 8px;
  padding: 8px 12px;
  font-family: Spleen,monospace;
  font-size: 12px;
  animation: .3s ease-in forwards xx2co;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%)
}

.WaLw4:before {
  content: "";
  border: 5px solid transparent;
  border-bottom-color: #01cf35;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%)
}

@keyframes xx2co {
  to {
    opacity: 1
  }
}

.JzQ6G {
  fill-opacity: 0
}

.JzQ6G path {
  --icon-color-primary: inherit;
  transform-origin: 50%;
  animation: ease-in-out UW6gi
}

.JzQ6G path:first-of-type {
  animation-duration: 3.2s;
  animation-delay: 1s
}

.JzQ6G path:nth-of-type(2) {
  animation-duration: 3s;
  animation-delay: 1.15s
}

.JzQ6G path:nth-of-type(3) {
  animation-duration: 3.2s;
  animation-delay: 1.2s
}

.JzQ6G path:nth-of-type(4) {
  animation-duration: 3s;
  animation-delay: 1.35s
}

@keyframes UW6gi {
  0% {
    fill-opacity: 0;
    transform: scale(.95)
  }

  20% {
    fill-opacity: 1;
    transform: scale(1.02)
  }

  45% {
    fill-opacity: .45;
    transform: scale(.95)
  }

  55% {
    fill-opacity: 1;
    transform: scale(1)
  }

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

.KTRcB {
  justify-content: center;
  align-items: center;
  margin: 0 16px;
  display: flex;
  position: relative
}

.KTRcB:focus-within .PK7qG {
  opacity: 1
}

.B1L2M {
  display: flex
}

.PK7qG {
  opacity: .65;
  display: flex
}

.PK7qG use {
  --icon-color-primary: var(--chrome-fg)
}

.cckUS {
  opacity: 1
}

.ho0MD {
  border-radius: 12px
}

.Kz7JC svg {
  --icon-color-primary: var(--brand-yellow);
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: -.35rem;
  left: -.5rem
}

.Kz7JC.YkYNc {
  display: none
}

.GcA7R {
  max-height: inherit
}

.hlDot {
  box-sizing: border-box;
  z-index: 100;
  border-bottom: 1px solid var(--chrome-tint);
  background-color: var(--chrome);
  height: 55px;
  position: -webkit-sticky;
  position: sticky;
  top: 0
}

.C38Rc {
  z-index: 100;
  background: 0 0;
  border: none;
  width: 100%;
  position: absolute;
  top: 0
}

.hvZ5A {
  background-color: transparent
}

._3kR_ {
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1716px;
  height: 54px;
  margin: auto;
  padding-left: 22px;
  padding-right: 20px;
  display: flex
}

._3kR_ .rllUD {
  flex-grow: 1;
  align-items: center;
  display: flex
}

._3kR_ .rllUD .nzmrE {
  max-width: 480px
}

@media not (min-width: 990px) {
  ._3kR_ .BY8m2 {
    max-width:unset
  }
}

._3kR_ .yTPpj,._3kR_ .uuWZ2 {
  justify-content: flex-end;
  align-items: center;
  display: flex
}

._3kR_ .yTPpj>div:first-child {
  margin-right: 10px
}

._3kR_ .QOMh2 {
  margin-right: 18px
}

._3kR_ .QOMh2 img {
  width: auto;
  height: 33px
}

._3kR_ .xxqHJ {
  background: var(--accent);
  --icon-color-primary: var(--chrome);
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 32px;
  margin-left: 18px;
  margin-right: 2px;
  display: flex;
  position: relative;
  top: -1px
}

.A2Rvh {
  border-radius: 12px
}

.VD_Pc svg {
  --icon-color-primary: var(--brand-yellow);
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: -.35rem;
  left: -.5rem
}

._4FYc {
  position: relative
}

._4FYc .ByxRV {
  top: 6px;
  right: 3px
}

.mbykw {
  opacity: .65;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-left: 0;
  transition: all .2s cubic-bezier(.175,.885,.32,1.275);
  display: flex;
  position: relative
}

.mbykw span {
  transform-origin: 50%;
  background: var(--chrome-fg);
  opacity: 1;
  border-radius: 1px;
  width: 50%;
  height: 2px;
  transition: all .2s cubic-bezier(.175,.885,.32,1.275);
  position: absolute;
  top: 50%
}

.mbykw span:first-child {
  transform: rotate(0)translateY(-6px)
}

.mbykw span:nth-child(2) {
  opacity: 1
}

.mbykw span:nth-child(3) {
  transform: rotate(0)translateY(6px)
}

.AM8gq {
  opacity: 1
}

.AM8gq span:first-child {
  transform: rotate(45deg)
}

.AM8gq span:nth-child(2) {
  opacity: 0
}

.AM8gq span:nth-child(3) {
  transform: rotate(-45deg)
}

.y8Hml {
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.52381;
  font-family: var(--font-family);
  background: var(--accent);
  color: var(--chrome);
  text-align: center;
  padding: 16px 0 10px;
  position: relative;
  overflow: hidden
}

.y8Hml p {
  padding: 0 35px
}

.qzObp,.mvG2_ {
  max-width: 100%;
  display: inline-block
}

.qzObp,.PH0PQ {
  color: var(--chrome-fg);
  border-radius: 6px;
  text-decoration: none
}

.qzObp {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  font-family: var(--font-family);
  background-color: var(--chrome);
  margin: 10px 5px 0;
  padding: 8px 15px;
  position: relative;
  top: -14px
}

.PH0PQ {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  background-color: var(--accent);
  margin-right: 16px;
  padding: 6px;
  line-height: 1.44
}

.mvG2_ {
  margin: 0 5px
}

.mvG2_>div {
  display: block
}

.mvG2_ a {
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block
}

.P2sDD {
  position: absolute;
  top: 5px;
  right: 13px
}

.P2sDD svg use {
  --icon-color-primary: var(--chrome)
}

.TH1uR {
  background-color: var(--chrome);
  align-items: center;
  height: 44px;
  display: flex
}

.TH1uR .TjksN {
  box-sizing: border-box;
  z-index: 99;
  background: inherit;
  width: 100%;
  height: 44px;
  color: var(--chrome-fg);
  align-items: center;
  padding: 0 5px;
  display: flex;
  position: fixed;
  top: 0
}

.TH1uR .TjksN .xZMlW {
  flex: 1;
  position: relative
}

.TH1uR .TjksN .xZMlW:focus-within {
  overflow-y: unset
}

.TH1uR .TjksN .mCmNu,.TH1uR .TjksN .sAZVo {
  width: 100%
}

.TH1uR .TjksN .mCmNu.GD8Lz,.TH1uR .TjksN .sAZVo.GD8Lz {
  width: initial;
  min-width: 50px
}

.TH1uR .TjksN .sAZVo {
  text-align: right
}

.TH1uR .TjksN .sAZVo.fyqFE {
  justify-content: flex-end;
  align-items: center;
  display: flex
}

.TH1uR .TjksN .sAZVo.fyqFE .birpX {
  margin-top: 5px
}

.TH1uR .TjksN .mCmNu {
  display: flex;
  position: relative
}

.TH1uR .TjksN .ZqM9V .lQAZM,.TH1uR .TjksN .ZqM9V .jd8gE {
  justify-content: center;
  align-items: center;
  height: 44px;
  display: flex
}

.TH1uR .TjksN .ZqM9V .lQAZM {
  margin: 0 10px
}

.TH1uR .TjksN .ZqM9V .lQAZM img {
  width: auto;
  height: 25px
}

.TH1uR .TjksN .birpX {
  opacity: .65;
  margin-right: 5px
}

.TH1uR .TjksN .XwEyp {
  display: none
}

.TH1uR .hEy5q {
  padding: 0 5px 0 10px
}

.TH1uR .hEy5q .gfy0k {
  display: flex
}

.TH1uR .hEy5q .gfy0k>div:first-child {
  margin-right: 5px
}

.mvUHJ {
  background-color: transparent
}

.tPOYE {
  border-radius: 12px;
  overflow: hidden
}

.QZw59 {
  border: solid 3px var(--chrome)
}

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

.k8D0o {
  background-color: var(--chrome-panel)
}

.palette--darkMode .k8D0o,.palette--cybernetic .k8D0o,.palette--vampire .k8D0o,.palette--pumpkin .k8D0o,.palette--gothRave .k8D0o {
  background-color: var(--content-tint)
}

.p4uR3 {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  vertical-align: middle;
  outline: none;
  flex-grow: 1;
  align-items: center;
  min-height: 43px;
  padding: 8px 10px;
  text-decoration: none;
  display: flex
}

.p4uR3 .zK_u7 {
  width: 37px;
  height: 37px;
  margin-right: 11px;
  position: relative
}

.z1kLx {
  position: relative
}

.CtzHc,.c0Lia {
  text-align: left;
  word-break: break-word
}

.CtzHc {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  text-overflow: ellipsis;
  align-items: center;
  display: flex;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:1) {
  .CtzHc {
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:1)) {
  .CtzHc {
    white-space:nowrap
  }
}

.c0Lia {
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family);
  text-overflow: ellipsis;
  font-size: 12.5px;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:1) {
  .c0Lia {
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:1)) {
  .c0Lia {
    white-space:nowrap
  }
}

.ejtJf {
  color: var(--chrome-fg-secondary);
  padding-right: 14px;
  display: none
}

@media (pointer: fine) {
  .ejtJf {
    display:block
  }
}

.Q08tH {
  display: flex
}

.Q08tH:focus-within {
  background-color: var(--chrome-panel)
}

@media (hover: hover) {
  .Q08tH:hover {
    background-color:var(--chrome-panel)
  }
}

.Q08tH .c0Lia {
  color: var(--chrome-fg-secondary)
}

.Q08tH .CtzHc {
  color: var(--chrome-fg)
}

.Q08tH:not(.Xak6I) .p4uR3:focus-visible {
  background-color: var(--content-tint)
}

@media (hover: hover) {
  .Q08tH:not(.Xak6I) .p4uR3:hover {
    background-color:var(--content-tint)
  }
}

.Q08tH:not(.Xak6I) .p4uR3 .CtzHc {
  color: var(--content-fg)
}

.Q08tH:not(.Xak6I) .p4uR3 .c0Lia {
  color: var(--content-fg-secondary)
}

.Xak6I .p4uR3 {
  padding-left: 16px
}

.Xak6I .z1kLx {
  flex-direction: column;
  align-items: flex-start;
  display: flex
}

.tpJIh {
  max-height: inherit;
  border-radius: 3px;
  flex-direction: column;
  display: flex;
  overflow-x: hidden;
  overflow-y: auto
}

.tpJIh .RZBuC {
  margin: 0;
  padding: 0
}

.tpJIh a {
  color: var(--content-fg-secondary);
  text-decoration: none
}

.tpJIh .BYhVs {
  background-color: var(--content-panel);
  list-style-type: none
}

.tpJIh .BYhVs+.BYhVs {
  border-top: 1px solid var(--content-tint-strong)
}

.tpJIh .yQoFB li:focus-within {
  background-color: var(--content-tint);
  outline: none
}

@media (hover: hover) {
  .tpJIh .yQoFB li:hover {
    background-color:var(--content-tint);
    outline: none
  }
}

.tpJIh .sehv1 {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  box-sizing: border-box;
  z-index: 1;
  background-color: var(--content-panel);
  width: 100%;
  height: 35px;
  color: var(--content-fg-secondary);
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  padding: 5px 20px 5px 10px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0
}

.tpJIh .sehv1>h3 {
  text-overflow: ellipsis;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:1) {
  .tpJIh .sehv1>h3 {
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:1)) {
  .tpJIh .sehv1>h3 {
    white-space:nowrap
  }
}

.tpJIh .sehv1>h3 {
  z-index: 1
}

.tpJIh .sehv1 a {
  align-items: center;
  gap: .25em;
  display: flex
}

.tpJIh .sehv1:not(.uo2al):before {
  background: var(--content-tint);
  content: "";
  width: 100%;
  height: 35px;
  position: absolute;
  top: 0;
  left: 0
}

.tpJIh .sehv1.uo2al {
  border-bottom: 1px solid var(--content-tint)
}

.HeiVk .UivaL a div div {
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family);
  font-size: 12.5px
}

.HeiVk .UivaL a div div span {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family)
}

.HeiVk .UivaL.OYF_E {
  opacity: .4
}

@media (hover: hover) {
  .HeiVk .UivaL.OYF_E:hover {
    opacity:1
  }
}

.HeiVk.GNejS {
  border-bottom: 1px solid var(--chrome-tint-heavy)
}

.HeiVk.GNejS .UivaL a {
  box-sizing: border-box;
  min-height: 36px
}

@media (max-width: 540px) {
  .HeiVk.GNejS .UivaL a {
    padding:12px 16px
  }
}

.HeiVk.GNejS .UivaL a span {
  font-weight: 400
}

.HeiVk.GNejS .UivaL a svg {
  display: flex
}

@media not (min-width: 990px) {
  .HeiVk.GNejS .UivaL a svg {
    margin:.5px
  }
}

.HeiVk.GNejS .UivaL a>div:first-child>div:first-child {
  margin-right: 12px
}

@media (max-width: 540px) {
  .HeiVk.GNejS .UivaL a>div:first-child>div:first-child {
    margin-right:16px
  }
}

.le9K8 {
  text-align: center
}

.le9K8 span {
  width: 36px
}

.LZNW6 {
  background-color: var(--chrome-panel)
}

.palette--darkMode .LZNW6,.palette--cybernetic .LZNW6,.palette--vampire .LZNW6,.palette--pumpkin .LZNW6,.palette--gothRave .LZNW6 {
  background-color: var(--content-tint)
}

._ZJLU {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  color: var(--badge-icon);
  border-radius: 9999px;
  display: flex
}

._ZJLU.fTG2g {
  outline: 2px solid var(--chrome-panel)
}

._ZJLU.tlgn4 {
  outline: 2px solid var(--content-panel)
}

._ZJLU svg {
  border-radius: inherit
}

@supports ((-webkit-mask-image: none) or (mask-image:none)) {
  ._ZJLU.fTG2g,._ZJLU.tlgn4 {
    outline:none
  }
}

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

.BC4i0 {
  max-height: inherit;
  border-radius: 3px;
  flex-direction: column;
  display: flex;
  overflow-x: hidden;
  overflow-y: auto
}

.BC4i0 .yVAMA {
  margin: 0;
  padding: 0
}

.BC4i0 .yVAMA .Usslx:not(.uLfw3) {
  --icon-color-primary: var(--content-fg-secondary)
}

.BC4i0 .yVAMA .Usslx:not(.uLfw3) a span {
  color: var(--content-fg-secondary)
}

.BC4i0 a {
  text-decoration: none
}

.BC4i0 .EU9oD {
  background-color: var(--content-panel);
  list-style-type: none
}

.BC4i0 .EU9oD+.EU9oD {
  border-top: 1px solid var(--content-tint-strong)
}

.BC4i0 .p4trf li:focus-within {
  background-color: var(--content-tint);
  outline: none
}

@media (hover: hover) {
  .BC4i0 .p4trf li:hover {
    background-color:var(--content-tint);
    outline: none
  }
}

.BC4i0 .aYbr6,.BC4i0 .mKEeW {
  color: var(--content-fg-secondary);
  flex-shrink: 0
}

.BC4i0 .aYbr6 {
  background-color: var(--content-tint);
  padding: 6px 4px
}

.BC4i0 .mKEeW {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  box-sizing: border-box;
  z-index: 1;
  background-color: var(--content-panel);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 35px;
  padding: 5px 20px 5px 10px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0
}

.BC4i0 .mKEeW>h3,.BC4i0 .mKEeW>button,.BC4i0 .mKEeW>a {
  text-overflow: ellipsis;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:1) {
  .BC4i0 .mKEeW>h3,.BC4i0 .mKEeW>button,.BC4i0 .mKEeW>a {
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:1)) {
  .BC4i0 .mKEeW>h3,.BC4i0 .mKEeW>button,.BC4i0 .mKEeW>a {
    white-space:nowrap
  }
}

.BC4i0 .mKEeW>h3,.BC4i0 .mKEeW>button,.BC4i0 .mKEeW>a {
  z-index: 1
}

.BC4i0 .mKEeW:before {
  background: var(--content-tint);
  content: "";
  width: 100%;
  height: 35px;
  position: absolute;
  top: 0;
  left: 0
}

.BC4i0 .WZRr1 {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  text-align: right;
  display: inline-block
}

.nA6y0 {
  border-radius: var(--border-radius);
  position: relative;
  overflow: visible
}

.nA6y0.soiIv {
  background-color: var(--chrome-panel)
}

.nA6y0._3j1a {
  background-color: var(--content-panel)
}

.nA6y0.b60KU {
  --border-radius: 9999px
}

.nA6y0.whI4v.c5CEy,.nA6y0.whI4v.TaKDY {
  --border-radius: 8px
}

.nA6y0.whI4v.o8SGA,.nA6y0.whI4v.t8gk9,.nA6y0.whI4v.bOXsT,.nA6y0.whI4v.sxVwb,.nA6y0.whI4v.GNQFL,.nA6y0.whI4v.q4O1o,.nA6y0.whI4v.oDpD9,.nA6y0.whI4v.cjfij {
  --border-radius: 4px
}

.nA6y0.whI4v.z7f9C {
  --border-radius: 2px
}

.Awdh1 {
  width: inherit;
  height: inherit;
  border-radius: inherit;
  overflow: hidden
}

.Awdh1 :focus-visible {
  outline: none
}

.NdR1I {
  border-radius: var(--border-radius)
}

.soiIv .coIQq {
  outline: 2px solid var(--chrome-panel);
  background-color: var(--chrome-panel)
}

._3j1a .coIQq {
  outline: 2px solid var(--content-panel);
  background-color: var(--content-panel)
}

.coIQq,.WZQwa {
  border-radius: 9999px
}

.ajJ46 {
  pointer-events: none;
  position: absolute;
  bottom: 0;
  right: -4px
}

.sxVwb .ajJ46,.q4O1o .ajJ46 {
  bottom: -2px
}

.ajJ46:empty {
  display: none
}

.ajJ46 a,.ajJ46 button {
  pointer-events: all
}

.ajJ46 :focus-visible {
  outline: none
}

.Awdh1 :focus-visible .NdR1I {
  outline: 2px solid var(--accent);
  outline-offset: -2px
}

.ajJ46 :focus-visible .WZQwa {
  outline: 2px solid var(--accent);
  outline-offset: -2px
}

.ajJ46 :focus-visible svg {
  outline: 2px solid var(--accent);
  outline-offset: -2px
}

@supports ((-webkit-mask-image: none) or (mask-image:none)) {
  .nA6y0.soiIv,.nA6y0._3j1a {
    background-color:transparent
  }

  .bOXsT.ZFyKX .Awdh1 {
    -webkit-mask-image: radial-gradient(12px at right 6px bottom 10px,transparent 99%,#fff 100%);
    mask-image: radial-gradient(12px at right 6px bottom 10px,transparent 99%,#fff 100%)
  }

  .sxVwb.ZFyKX .Awdh1 {
    -webkit-mask-image: radial-gradient(12px at right 6px bottom 8px,transparent 99%,#fff 100%);
    mask-image: radial-gradient(12px at right 6px bottom 8px,transparent 99%,#fff 100%)
  }

  .GNQFL.ZFyKX .Awdh1 {
    -webkit-mask-image: radial-gradient(10px at right 4px bottom 8px,transparent 99%,#fff 100%);
    mask-image: radial-gradient(10px at right 4px bottom 8px,transparent 99%,#fff 100%)
  }

  .q4O1o.ZFyKX .Awdh1 {
    -webkit-mask-image: radial-gradient(10px at right 4px bottom 6px,transparent 99%,#fff 100%);
    mask-image: radial-gradient(10px at right 4px bottom 6px,transparent 99%,#fff 100%)
  }

  .ajJ46 .coIQq {
    background-color: transparent;
    outline: none
  }
}

@media (min-width: 990px) {
  .kjjAF {
    margin-left:16px
  }
}

.HOjIH {
  border: 1px solid var(--content-fg);
  background-color: var(--content-fg);
  text-align: left;
  cursor: pointer;
  border-radius: 6px;
  width: calc(100% - 16px);
  max-height: 36px;
  margin: 0 0 16px 8px;
  padding: 8px 12px;
  transition: border .25s ease-out,max-height .25s ease-out;
  display: block;
  overflow-y: hidden
}

.HOjIH .L_SvM {
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex
}

.HOjIH .NFDGM {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--color-fg-light);
  transition: color .25s ease-out
}

.HOjIH .MLUVg {
  font-size: .78125rem;
  font-weight: 700;
  line-height: 1.52;
  font-family: var(--font-family);
  color: var(--brand-pink)
}

.HOjIH .CHF47 {
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family);
  color: var(--color-fg-light)
}

.HOjIH:hover {
  border: 1px solid var(--brand-pink);
  max-height: 100px;
  transition: border .25s ease-in,max-height .25s ease-in
}

.HOjIH:hover .NFDGM {
  color: var(--color-fg-light);
  transition: color .25s ease-in
}

.palette--cybernetic .HOjIH .MLUVg,.palette--ghost .HOjIH .MLUVg,.palette--pumpkin .HOjIH .MLUVg,.palette--snowBright .HOjIH .MLUVg,.palette--gothRave .HOjIH .MLUVg,.palette--pride .HOjIH .MLUVg,.palette--lowContrastClassic .HOjIH .MLUVg {
  color: var(--color-fg-light)
}

.OIV97 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  column-gap: 4px;
  display: flex
}

.f1x2m {
  flex-direction: row;
  flex: 1;
  align-items: flex-start;
  column-gap: 12px;
  display: flex;
  overflow: hidden
}

.K2WUN {
  align-items: center;
  display: flex
}

.c5U22 .K2WUN,.c5U22 .cfRfs,.c5U22 .Ldjnh {
  min-height: 40px
}

.puhWF .K2WUN,.aqjJD .K2WUN,.puhWF .cfRfs,.aqjJD .cfRfs,.puhWF .Ldjnh,.aqjJD .Ldjnh {
  min-height: 44px
}

.T3Fwp .K2WUN,.l2vv3 .K2WUN,.T3Fwp .cfRfs,.l2vv3 .cfRfs,.T3Fwp .Ldjnh,.l2vv3 .Ldjnh {
  min-height: 48px
}

.cfRfs {
  justify-content: center;
  overflow: hidden
}

.uUV_O {
  flex-direction: row;
  align-items: center;
  column-gap: 4px;
  display: flex
}

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

.uUV_O a,.N92jF a {
  text-decoration: none
}

.uUV_O a:focus-visible {
  -webkit-text-decoration: 2px underline var(--accent);
  -webkit-text-decoration: 2px underline var(--accent);
  text-decoration: 2px underline var(--accent);
  outline: none
}

.N92jF a:focus-visible {
  -webkit-text-decoration: 2px underline var(--accent);
  -webkit-text-decoration: 2px underline var(--accent);
  text-decoration: 2px underline var(--accent);
  outline: none
}

.tzuJO {
  flex-shrink: 1
}

.gmIrT .tzuJO {
  color: var(--chrome-fg)
}

.KMHiF .tzuJO {
  color: var(--content-fg)
}

.c5U22 .tzuJO {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  font-family: var(--font-family-modern)
}

.T3Fwp .tzuJO,.l2vv3 .tzuJO,.puhWF .tzuJO,.aqjJD .tzuJO {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  font-family: var(--font-family-modern)
}

.tzuJO,.tzuJO a,.tzuJO span {
  max-width: 100%;
  overflow: inherit;
  text-overflow: inherit
}

.uUV_O .SQtgv {
  min-width: 0;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  flex-wrap: wrap;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: max-content;
  position: relative;
  overflow: hidden
}

.uUV_O .SQtgv .SZSuC {
  box-sizing: border-box;
  padding: 1px
}

.uUV_O .SQtgv span,.uUV_O .SQtgv img {
  max-width: 100%;
  max-height: 100%;
  display: inline-flex
}

.l52zi {
  flex-shrink: 0
}

.N92jF {
  flex-direction: row;
  display: flex
}

.N92jF .udF4Z {
  display: inherit;
  flex-direction: inherit
}

.N92jF .udF4Z,.N92jF .dyGO4 {
  max-width: inherit;
  overflow: inherit;
  text-overflow: inherit;
  flex-shrink: 1
}

.N92jF .ar_IZ {
  flex-direction: row;
  justify-content: flex-end;
  display: flex
}

.N92jF .ar_IZ:before {
  content: " · ";
  white-space: pre
}

.N92jF .dyGO4:empty+.ar_IZ {
  display: none
}

.N92jF .ar_IZ,.N92jF .f7BDf {
  max-width: inherit;
  overflow: inherit;
  text-overflow: inherit;
  flex-shrink: 0
}

.gmIrT .N92jF,.gmIrT .KMHiF {
  color: var(--chrome-fg-secondary)
}

.KMHiF .N92jF,.KMHiF .KMHiF {
  color: var(--content-fg-secondary)
}

.c5U22 .N92jF,.puhWF .N92jF,.aqjJD .N92jF,.c5U22 .KMHiF,.puhWF .KMHiF,.aqjJD .KMHiF {
  font-size: .875rem;
  font-weight: 350;
  line-height: 1.25rem;
  font-family: var(--font-family-modern)
}

.T3Fwp .N92jF,.l2vv3 .N92jF,.T3Fwp .KMHiF,.l2vv3 .KMHiF {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern)
}

.c5U22 .N92jF a,.puhWF .N92jF a,.aqjJD .N92jF a,.c5U22 .N92jF strong,.puhWF .N92jF strong,.aqjJD .N92jF strong {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  font-family: var(--font-family-modern)
}

.T3Fwp .N92jF a,.l2vv3 .N92jF a,.T3Fwp .N92jF strong,.l2vv3 .N92jF strong {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  font-family: var(--font-family-modern)
}

.Ldjnh {
  flex-direction: row;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  column-gap: 4px;
  display: flex
}

.K2WUN:empty,.zuxXZ:empty,.tzuJO:empty,.l52zi:empty,.N92jF:empty,.dyGO4:empty,.f7BDf:empty,.KMHiF:empty,.Ldjnh:empty {
  display: none
}

.k4_Vq {
  all: unset;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  width: 100%
}

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

.QwqLh {
  color: var(--accent);
  text-decoration: none
}

.hXNpI {
  display: none
}

@media (min-width: 1018px) {
  .hXNpI {
    flex-direction:column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    display: flex
  }

  .hXNpI .COENx {
    text-align: center;
    font-size: .75rem
  }
}

@media (min-width: 1162px) {
  .hXNpI {
    flex-direction:row
  }

  .hXNpI .COENx {
    font-size: inherit
  }
}

.If3QZ {
  box-sizing: border-box;
  padding-right: var(--post-padding);
  padding-left: var(--post-padding);
  justify-content: flex-end;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 4px;
  padding-left: 0;
  padding-right: 4px;
  display: flex
}

.If3QZ a {
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.125rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg-secondary);
  word-break: break-all;
  text-decoration: none
}

.Eu2dz {
  z-index: 100;
  border: 1px solid var(--modal-border);
  background-color: var(--modal);
  border-radius: 8px;
  margin: 16px;
  box-shadow: 0 4px 16px rgba(0,0,0,.05)
}

@media (max-width: 540px),(max-height:540px) {
  .CwwY9 {
    -webkit-overflow-scrolling:touch;
    box-sizing: border-box;
    height: 100%;
    padding: 2em 0;
    display: block;
    overflow-y: auto
  }

  .CwwY9 p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    font-family: var(--font-family)
  }

  .CwwY9.FzZ73 .uGgBY {
    margin-top: -20px;
    padding-bottom: 120px
  }

  .CwwY9.U_dQ9 .uGgBY {
    margin-top: -20px;
    padding-bottom: 66px
  }
}

.DdFPj {
  cursor: pointer;
  width: 100%;
  line-height: 0;
  position: relative
}

.DdFPj.jW0Y3 {
  box-sizing: border-box;
  padding-bottom: 12px;
  padding-left: 8px;
  padding-right: 8px
}

.DdFPj.jW0Y3>div:after {
  border: 1px solid var(--content-tint-strong);
  content: "";
  pointer-events: none;
  border-radius: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.DdFPj.jW0Y3 img {
  border-radius: 4px
}

.jWulj {
  box-sizing: content-box;
  padding-right: var(--post-padding);
  padding-left: var(--post-padding);
  cursor: default;
  padding-left: 8px;
  padding-right: 8px
}

.jWulj.BE1Kr {
  padding-left: 0;
  padding-right: 0
}

.Dt_Mi {
  background-color: var(--image-tint);
  color: var(--image-fg-tertiary);
  font-weight: 900;
  line-height: initial;
  border-radius: 4px;
  padding: 1px 4px;
  text-decoration: none;
  position: absolute;
  bottom: 20px;
  left: 15px
}

.od3k_[data-popper-reference-hidden=true] {
  visibility: initial;
  pointer-events: initial
}

.CdvbL {
  min-width: 200px;
  max-width: 298px;
  max-height: 370px;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  background-color: var(--content-fg);
  color: var(--color-fg-light);
  border-radius: 6px;
  padding: 11px 12px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow-y: scroll;
  box-shadow: 0 4px 16px rgba(0,0,0,.05)
}

.CdvbL h2 {
  font-size: 20px;
  font-weight: 600;
  line-height: 35px
}

.CRaFu {
  min-width: 200px;
  max-width: 298px;
  max-height: 370px;
  color: var(--content-fg);
  flex-direction: column;
  gap: 8px;
  padding: 11px 12px;
  display: flex;
  overflow-y: auto
}

@media (max-width: 540px) {
  .CRaFu {
    max-width:100%
  }
}

.CRaFu .JyYMZ {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  font-family: var(--font-family-modern)
}

.CRaFu .ECTar {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  font-family: var(--font-family-modern)
}

.CRaFu .LODEJ {
  fill: var(--modal)!important
}

.POhPp[data-placement*=bottom-start] {
  top: -16px
}

.POhPp[data-placement*=bottom-start]:after {
  border-bottom-color: var(--content-fg);
  left: 0
}

.NDQyX {
  width: 100%
}

.Pr7R3 {
  width: 100%;
  margin-bottom: 4px;
  line-height: 0;
  display: block
}

.Pr7R3 .DdFPj {
  margin-bottom: 0
}

.Pr7R3 .eqBap {
  box-sizing: border-box;
  padding-right: var(--post-padding);
  padding-left: var(--post-padding);
  background-color: var(--content-tint);
  width: 100%;
  height: 30px;
  color: var(--content-fg-tertiary);
  grid-template-columns: auto 15px;
  text-decoration: none;
  display: grid;
  overflow: hidden
}

@media (hover: hover) {
  .Pr7R3 .eqBap:hover {
    background-color:var(--accent);
    color: var(--accent)
  }

  .Pr7R3 .eqBap:hover use {
    --icon-color-primary: var(--accent)
  }
}

.Pr7R3 .eqBap .tGxQL {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family)
}

@media (max-width: 540px) {
  .Pr7R3 .eqBap .tGxQL {
    font-size:1rem;
    font-weight: 400;
    line-height: 1.5;
    font-family: var(--font-family)
  }
}

.Pr7R3 .eqBap .tGxQL {
  text-overflow: ellipsis;
  align-self: center;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:1) {
  .Pr7R3 .eqBap .tGxQL {
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:1)) {
  .Pr7R3 .eqBap .tGxQL {
    white-space:nowrap
  }
}

.Pr7R3 .eqBap .x3zpc {
  align-items: center;
  display: flex
}

.Pr7R3 .k8FXT {
  margin-left: var(--post-padding);
  padding-left: 8px;
  padding-right: 4px
}

.Pr7R3 .LfQMG {
  color: var(--content-fg-secondary);
  line-height: initial;
  background-color: transparent;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  text-decoration: none;
  display: flex
}

@media (hover: hover) and (pointer:fine) {
  .Pr7R3 .LfQMG {
    transition:color .1s linear
  }

  .Pr7R3 .LfQMG:hover {
    color: var(--accent-hover)
  }
}

.Pr7R3 .wBPZ2 {
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.125rem;
  font-family: var(--font-family-modern)
}

.HbNY8.aAyWA {
  filter: blur(20px);
  pointer-events: none;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  transition: all .25s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden
}

.oh2Ph {
  fill: linear-gradient(180deg, rgba(255,255,255,.23) 30.21%, rgba(255,255,255,0) 100%)
}

@media (prefers-reduced-motion) {
  .ifDTb.aAyWA,.WrBSR.aAyWA {
    transform: rotate(0)scale(1.75)
  }
}

@media (prefers-reduced-motion:no-preference) {
  .ifDTb.aAyWA {
    animation: 18s infinite coX3X
  }

  .WrBSR.aAyWA {
    animation: 19s infinite coX3X
  }
}

@keyframes coX3X {
  0% {
    transform: rotate(0)scale(1.75)
  }

  50% {
    transform: rotate(30deg)scale(2)
  }

  to {
    transform: rotate(0)scale(1.75)
  }
}

.gXnIr {
  box-sizing: border-box;
  padding-right: var(--post-padding);
  padding-left: var(--post-padding);
  width: 100%;
  margin-bottom: 15px
}

.gaUuO {
  cursor: pointer;
  text-decoration: none;
  display: block
}

.Nu6LP {
  width: 100%;
  color: var(--content-fg)
}

.Sv170 {
  border: 1px solid var(--content-tint-strong);
  background-color: var(--content-panel);
  border-bottom-width: 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  margin: 0;
  display: flex;
  overflow: hidden
}

.Sv170 .prqGC {
  padding: 16px 12px 0
}

.Sv170 .AO6cP {
  font-size: 1.625rem;
  font-weight: 400;
  line-height: 1.30769;
  font-family: var(--font-family);
  color: var(--content-fg)
}

.Sv170.POcHT {
  border-bottom: 1px solid var(--content-tint-strong);
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 250px;
  position: relative
}

@media (max-width: 540px) {
  .Sv170.POcHT {
    height:200px
  }
}

.Sv170.POcHT .pqMQN {
  object-fit: cover;
  width: 100%;
  height: 100%
}

.Sv170.POcHT .prqGC {
  content: "";
  background-color: rgba(0,0,0,.4);
  justify-content: center;
  align-items: center;
  padding: 16px 12px;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.Sv170.POcHT .AO6cP {
  text-overflow: ellipsis;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:4) {
  .Sv170.POcHT .AO6cP {
    -webkit-line-clamp:4;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:4)) {
  .Sv170.POcHT .AO6cP {
    white-space:nowrap
  }
}

.Sv170.POcHT .AO6cP {
  color: var(--image-fg)
}

.Sv170.NMiaP {
  border-bottom-width: 1px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px
}

.Sv170.NMiaP .prqGC {
  padding: 16px 12px
}

.PUcxv {
  box-sizing: border-box;
  border: 1px solid var(--content-tint-strong);
  background-color: var(--content-panel);
  border-top: none;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  padding: 8px 12px 16px
}

.PUcxv.o9hq8 {
  border-top: 1px solid var(--content-tint-strong);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding-top: 16px
}

.PUcxv.rKhPR {
  padding-top: 16px
}

.nsUJI {
  text-overflow: ellipsis;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:2) {
  .nsUJI {
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:2)) {
  .nsUJI {
    white-space:nowrap
  }
}

.nsUJI {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--content-fg);
  margin-bottom: 8px
}

.nsUJI:last-child {
  margin-bottom: 0
}

.OCxEI {
  text-overflow: ellipsis;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:1) {
  .OCxEI {
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:1)) {
  .OCxEI {
    white-space:nowrap
  }
}

.OCxEI {
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family);
  color: var(--content-fg-secondary);
  text-transform: uppercase;
  flex-wrap: nowrap
}

.OVGbY {
  margin: 0 8px;
  font-weight: 400
}

.nC4hC {
  align-items: center;
  display: flex
}

.OEz91 {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--content-fg)
}

.NErP7 {
  background-size: 36px 24px;
  width: 36px;
  height: 24px
}

.YhC7x {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--content-fg);
  margin-left: 12px
}

.kELje {
  background-image: url(https://assets.tumblr.com/pop/src/assets/images/credit-cards/americanexpress-44ab6c93.png)
}

@media (-webkit-min-device-pixel-ratio: 1.3),(min-resolution:1.3dppx) {
  .kELje {
    background-image:url(https://assets.tumblr.com/pop/src/assets/images/credit-cards/americanexpress@2x-d4d94ad4.png)
  }
}

.cXWjm {
  background-image: url(https://assets.tumblr.com/pop/src/assets/images/credit-cards/discover-ad660e52.png)
}

@media (-webkit-min-device-pixel-ratio: 1.3),(min-resolution:1.3dppx) {
  .cXWjm {
    background-image:url(https://assets.tumblr.com/pop/src/assets/images/credit-cards/discover@2x-736df352.png)
  }
}

.s5cFj {
  background-image: url(https://assets.tumblr.com/pop/src/assets/images/credit-cards/mastercard-2f575904.png)
}

@media (-webkit-min-device-pixel-ratio: 1.3),(min-resolution:1.3dppx) {
  .s5cFj {
    background-image:url(https://assets.tumblr.com/pop/src/assets/images/credit-cards/mastercard@2x-32077f67.png)
  }
}

.ve6Vt {
  background-image: url(https://assets.tumblr.com/pop/src/assets/images/credit-cards/visa-ee4c2a72.png)
}

@media (-webkit-min-device-pixel-ratio: 1.3),(min-resolution:1.3dppx) {
  .ve6Vt {
    background-image:url(https://assets.tumblr.com/pop/src/assets/images/credit-cards/visa@2x-d440d416.png)
  }
}

.KVX8S {
  font-size: .875rem;
  font-weight: 350;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  color: var(--danger);
  align-items: flex-start;
  gap: 8px;
  display: flex
}

.cEAyD {
  padding-top: 2px
}

.zR66v {
  width: 100%;
  max-width: 556px
}

.Kz0DZ {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  display: flex
}

.Kz0DZ .Gy2oW {
  flex-direction: row;
  margin-top: -4px;
  display: flex
}

.Kz0DZ .Gy2oW .PoRzR {
  align-items: center;
  margin-bottom: 14px;
  display: flex
}

.Kz0DZ .Gy2oW .FcKVd {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--content-fg-secondary);
  margin-left: 24px
}

.Kz0DZ.QFzLH {
  flex-direction: column;
  align-items: flex-start;
  padding: 0
}

.Kz0DZ.QFzLH .Gy2oW {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--content-fg);
  flex-direction: column;
  margin-bottom: 12px
}

.Kz0DZ.QFzLH .w__75 {
  margin-right: 5px
}

.Kz0DZ.QFzLH .PoRzR {
  margin-top: 5px;
  margin-bottom: 0
}

.Kz0DZ.QFzLH .FcKVd {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--content-fg-secondary);
  margin-left: 0
}

.Kz0DZ.QFzLH .DmbDn {
  margin-bottom: 12px
}

.Kz0DZ.QFzLH .p6oSd {
  color: var(--content-fg-secondary)
}

.clHno {
  z-index: 101;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: #fff;
  background: linear-gradient(rgba(255,255,255,.01) 0%,rgba(255,255,255,.07) 100%);
  border-radius: 12px;
  flex-direction: column;
  width: 393px;
  max-width: 100%;
  min-height: 50vh;
  max-height: 90vh;
  display: flex;
  position: fixed;
  top: 50%;
  left: 50%;
  overflow-y: scroll;
  transform: translate(-50%,-50%)
}

@media not (min-width: 990px) {
  .V1KKK {
    width:629px
  }
}

@media (min-width: 990px) {
  .V1KKK {
    width:960px
  }
}

.zStED[data-backdrop] {
  z-index: 100;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: rgba(0,25,53,.9)
}

.gnxzg {
  border-radius: 32px;
  padding: 12px 32px;
  font-weight: 350
}

.NJb8l {
  position: absolute;
  top: 8px;
  right: 8px
}

.R0Xlv {
  background: 0 0;
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 8px;
  display: flex;
  position: absolute;
  top: 8px;
  right: 8px;
  box-shadow: 0 1px 1px rgba(0,0,0,.15)
}

@media (hover: hover) {
  .R0Xlv:hover {
    background-color:rgba(0,0,0,.1)
  }
}

@media not (min-width: 990px) {
  .R0Xlv {
    right:12px
  }
}

@media (max-width: 540px) {
  .R0Xlv {
    top:32px;
    right: 12px
  }
}

.qrzdF {
  background: var(--content-panel);
  width: 100%
}

.oXROo {
  padding-right: var(--post-padding);
  padding-bottom: var(--post-padding);
  padding-left: var(--post-padding);
  flex-direction: column;
  margin-bottom: 0;
  display: flex
}

.BCfLs {
  height: 150px
}

.iLvsm {
  min-height: 0;
  margin-bottom: 20px;
  font-size: 27px;
  font-weight: 500;
  line-height: 34px
}

.GhhyY {
  box-sizing: border-box;
  text-align: center;
  align-items: center;
  min-height: 36px;
  margin-bottom: 10px;
  padding: 0 15px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
  position: relative;
  overflow-x: hidden
}

.GhhyY:last-of-type {
  margin-bottom: 0
}

button.GhhyY {
  cursor: pointer
}

.GhhyY.SHz7w {
  border: 2px solid var(--accent);
  border-radius: 18px
}

@media (hover: hover) {
  .GhhyY.SHz7w:hover {
    background-color:var(--accent)
  }

  .GhhyY.SHz7w:hover .VVJno {
    color: var(--accent-fg)
  }
}

.GhhyY.EMkTm {
  background-color: var(--content-tint-strong);
  pointer-events: none;
  border-radius: 18px
}

.GhhyY.EMkTm .VVJno {
  color: var(--content-fg-tertiary)
}

.GhhyY.Lu7CU {
  background-color: var(--content-tint);
  text-align: left;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  font-weight: 400
}

.GhhyY.Lu7CU .VVJno {
  color: var(--content-fg)
}

.VVJno {
  max-width: 100%;
  color: var(--accent);
  overflow-wrap: anywhere;
  flex: 1;
  padding: 7px 0;
  font-weight: 700;
  display: inline;
  transform: translate(0)
}

.D63Wc {
  background-color: var(--content-tint-strong);
  content: "";
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0
}

@media (prefers-reduced-motion:no-preference) {
  .D63Wc {
    animation: 1s cubic-bezier(.8,0,.3,1) a9eBs
  }
}

@keyframes a9eBs {
  0% {
    width: 0
  }
}

.Fs5NP .D63Wc {
  background-color: var(--accent-tint-heavy)
}

.MROL0 {
  margin-left: 15px;
  display: inline-flex
}

.ACLdV {
  color: var(--content-fg);
  margin-left: 15px;
  display: inline-flex;
  transform: translate(0)
}

.SqYOv {
  color: var(--content-fg-secondary);
  text-align: center;
  margin-top: 18px;
  font-size: 12.5px;
  line-height: normal;
  display: block
}

.ibcjV .Lu7CU .VVJno,.ibcjV .Lu7CU .ACLdV {
  color: var(--content-fg)
}

.ibcjV .Fs5NP .D63Wc {
  background-color: var(--accent-tint-heavy)
}

.WoipV {
  pointer-events: none
}

.FTqYf {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.33333;
  font-family: var(--font-family);
  box-sizing: border-box;
  z-index: 102;
  border-radius: 12px;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  min-width: 359px;
  max-width: 400px;
  padding: 0 2em;
  display: flex;
  position: fixed;
  top: 50%;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%,-50%)
}

.N6Kf4 {
  position: absolute;
  top: 8px;
  right: 8px
}

.eWuI1 {
  text-align: center;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.25
}

.CTYKm {
  flex-direction: column;
  gap: 16px;
  font-size: 16px;
  line-height: 1.5;
  display: flex
}

.Q53Gq {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  text-align: center;
  flex-direction: column;
  align-self: center;
  gap: 10px;
  width: 100%;
  padding: 24px 48px;
  font-weight: 350;
  display: flex
}

.tGcvj {
  color: #fff;
  background: #ff4930
}

.LFCvP {
  border: 1px solid rgba(255,255,255,.1)
}

.tGcvj,.LFCvP {
  padding: 12px 24px
}

.V3aM5 {
  box-sizing: border-box;
  vertical-align: middle;
  cursor: pointer;
  justify-content: space-evenly;
  align-items: center;
  padding: 5px 10px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0
}

.V3aM5.NUgGE {
  justify-content: flex-end;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  left: auto
}

.V3aM5 svg {
  filter: drop-shadow(0 0 3px #000)
}

.V3aM5 .ES7KG {
  box-sizing: border-box;
  filter: drop-shadow(0 0 3px #000);
  flex-grow: 1;
  justify-self: center;
  align-items: center;
  height: 24px;
  margin: 0 10px;
  display: flex
}

.V3aM5 .NqMAD {
  background-color: var(--image-fg-tertiary);
  width: 100%;
  height: 2px;
  position: relative;
  top: -1px
}

.V3aM5 .NqMAD .kmLdA,.V3aM5 .NqMAD .qW8gI {
  height: 2px;
  position: absolute
}

.V3aM5 .NqMAD .qW8gI {
  background-color: var(--image-fg-tertiary)
}

.V3aM5 .NqMAD .kmLdA {
  background-color: var(--image-fg)
}

.V3aM5 .NqMAD .g82Fd,.V3aM5 .NqMAD .oaGjt {
  background-color: var(--image-fg);
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin-left: -5px;
  position: absolute;
  top: -4px;
  transform: scale(1)
}

.V3aM5 .NqMAD .g82Fd.YBpn6,.V3aM5 .NqMAD .oaGjt.YBpn6 {
  margin-left: -7.5 px;
  transition: transform .2s ease-in-out;
  transform: scale(1.5)
}

.V3aM5 .NqMAD .oaGjt {
  visibility: hidden;
  background-color: var(--image-fg-tertiary);
  position: relative
}

.V3aM5 .NqMAD .m4j3o {
  border: 2px solid var(--image-tint-heavy);
  border-radius: 3px;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: absolute
}

.V3aM5 .NqMAD .m4j3o .FdHaH {
  font-size: .78125rem;
  font-weight: 700;
  line-height: 1.52;
  font-family: var(--font-family);
  color: var(--image-fg);
  filter: drop-shadow(0 0 3px #000);
  margin-bottom: 5px
}

.V3aM5 .IUn0z {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  min-width: 31px;
  color: var(--image-fg);
  filter: drop-shadow(0 0 3px #000);
  margin-right: 5px
}

.V3aM5 .cP4TA {
  padding: 10px
}

.rIj_0 {
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.125rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg-tertiary)
}

.rPK5v {
  color: var(--danger)
}

.VpTnv {
  --icon-color-primary: var(--color-fg-light);
  box-sizing: border-box;
  background: var(--brand-purple);
  min-height: 85px;
  color: var(--color-fg-light);
  cursor: pointer;
  display: flex;
  position: relative
}

.VpTnv .iFok_ {
  background-color: transparent;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.VpTnv .iFok_.GR0kA {
  width: calc(100% - 85px)
}

.VpTnv .iFok_ .bgpDC {
  height: inherit;
  background-color: var(--color-tint-strong)
}

.VpTnv .vP7cO {
  pointer-events: none;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0
}

.VpTnv .zwgHD {
  pointer-events: initial;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin: 0 25px;
  display: flex
}

.VpTnv .ZVJh0 {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  min-width: 0;
  padding-right: 20px;
  display: flex
}

.VpTnv .ZVJh0 .Lshd2,.VpTnv .ZVJh0 .LKThX,.VpTnv .ZVJh0 .OKWej {
  text-overflow: ellipsis;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:1) {
  .VpTnv .ZVJh0 .Lshd2,.VpTnv .ZVJh0 .LKThX,.VpTnv .ZVJh0 .OKWej {
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:1)) {
  .VpTnv .ZVJh0 .Lshd2,.VpTnv .ZVJh0 .LKThX,.VpTnv .ZVJh0 .OKWej {
    white-space:nowrap
  }
}

.VpTnv .ZVJh0 .Lshd2,.VpTnv .ZVJh0 .LKThX,.VpTnv .ZVJh0 .OKWej {
  max-width: 100%
}

.VpTnv .ZVJh0 .Lshd2 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family)
}

.VpTnv .ZVJh0 .LKThX,.VpTnv .ZVJh0 .OKWej {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--color-fg-light-secondary)
}

.VpTnv .Zz9Fz {
  width: 85px;
  height: 85px
}

.VpTnv .Zz9Fz img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block
}

.VpTnv audio {
  display: none
}

.LbyNj {
  margin-bottom: 0;
  padding-bottom: 10px;
  position: relative
}

@keyframes w94c1 {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.LbyNj:hover .WwHLs,.LbyNj:focus .WwHLs {
  opacity: 1;
  animation: .5s ease-in-out 4s w94c1
}

.LbyNj .WwHLs {
  background: var(--accent);
  opacity: 0;
  border-radius: 1em;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  transition: transform .2s ease-in,opacity .2s ease-in;
  display: flex;
  position: absolute;
  top: 10px;
  right: 10px
}

.LbyNj .WwHLs:hover,.LbyNj .WwHLs:focus {
  opacity: 1;
  transform: scale(1.1)
}

.bklUO {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  border: 2px dashed var(--content-tint-strong);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative
}

.bklUO .WPVvO {
  width: 100%;
  height: 100%;
  color: var(--content-fg);
  opacity: .65;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: transform .2s ease-in,opacity .2s ease-in;
  display: flex;
  position: absolute;
  bottom: 0
}

@media (hover: hover) {
  .bklUO .WPVvO:hover {
    opacity:1
  }
}

.BIsI3.OHDdK {
  height: 0;
  padding-bottom: 65.1852%;
  position: relative
}

.BIsI3.OHDdK.KilfT {
  padding-bottom: 80px
}

.BIsI3.OHDdK.SDYOz {
  padding-bottom: 232px
}

.BIsI3.zZeJN {
  height: 0;
  padding-bottom: 100%;
  position: relative
}

.BIsI3.zZeJN.KilfT {
  padding-bottom: 61%
}

.BIsI3.t69by {
  width: 100%;
  height: 120px;
  position: relative
}

.Z6JVM {
  width: calc(100% - 16px);
  max-width: 540px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px
}

.Z6JVM:first-child {
  margin-top: 0
}

.Z6JVM:last-child {
  margin-bottom: 0
}

@media not (min-width: 990px) {
  .Z6JVM {
    overflow:hidden
  }
}

.Z6JVM.OHDdK {
  height: 0;
  padding-bottom: 65.1852%;
  position: relative
}

.Z6JVM.OHDdK.KilfT {
  padding-bottom: 80px
}

.Z6JVM.OHDdK.SDYOz {
  padding-bottom: 232px
}

.Z6JVM.zZeJN {
  height: 0;
  padding-bottom: 100%;
  position: relative
}

.Z6JVM.zZeJN.KilfT {
  padding-bottom: 61%
}

.Z6JVM.t69by {
  width: 100%;
  height: 120px;
  position: relative
}

.Z6JVM iframe {
  width: 100%
}

.Z6JVM .no7Dd {
  width: 100%;
  height: 100%;
  position: absolute
}

.sl8DM {
  box-sizing: border-box;
  padding-right: var(--post-padding);
  padding-left: var(--post-padding);
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  display: block
}

.i0Leh>:first-child {
  border-radius: 8px;
  overflow: hidden
}

.ueVRR {
  flex-direction: column;
  justify-content: center;
  gap: 50px;
  margin-top: -14px;
  font-weight: 350;
  display: flex
}

.ueVRR._JVH1 {
  min-height: 90vh
}

.ueVRR a {
  text-decoration: none
}

.IMMt_ {
  border-radius: 32px;
  padding: 12px 32px;
  font-weight: 350
}

.ueDdc {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  padding: 40px 40px 0;
  display: flex
}

.znZtn {
  color: #000;
  background: #ff4930;
  padding-bottom: 20px
}

.N0aPR {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.30769;
  font-family: var(--font-family)
}

.j2j0M {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.33333;
  font-family: var(--font-family);
  max-width: 377px;
  font-weight: 350
}

.afgMB {
  color: rgba(255,255,255,.6);
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family);
  font-style: normal;
  font-weight: 350
}

.GJsIB {
  grid-template-columns: repeat(3,1fr);
  align-items: flex-start;
  gap: 20px;
  padding: 0 40px 20px;
  display: grid
}

@media not (min-width: 990px) {
  .GJsIB {
    grid-template-columns:repeat(2,1fr)
  }
}

@media (max-width: 540px) {
  .GJsIB {
    grid-template-columns:repeat(6,280px);
    padding: 0 32px 16px;
    overflow-x: scroll
  }
}

.HqY8o {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  text-align: center;
  flex-direction: column;
  align-self: center;
  gap: 10px;
  padding: 0 20px 32px;
  font-weight: 350;
  display: flex
}

.HqY8o .vVDFt {
  min-width: 308px
}

.HqY8o.BuuXZ {
  padding-bottom: 0
}

@media (max-width: 540px) {
  .HqY8o {
    margin-bottom:28px
  }
}

.vVDFt {
  background: rgba(0,0,0,.8);
  border-top: 1px solid rgba(255,255,255,.15)
}

._Uk2U {
  border: 1px solid rgba(0,0,0,.3);
  border-radius: 999px;
  padding: 12px 20px;
  display: flex
}

.XIGRY.BkvLG {
  background: rgba(255,255,255,.1)
}

.gQnWz {
  color: rgba(255,255,255,.9);
  flex-grow: 1;
  align-items: center;
  gap: 12px;
  display: flex
}

.LF0LO {
  font-size: .875rem;
  line-height: 1.25rem;
  font-family: var(--font-family);
  color: #fff;
  background: rgba(0,0,0,.6);
  border-radius: 6px;
  flex-direction: column;
  max-width: 476px;
  padding: 12px;
  display: flex
}

.LF0LO a {
  text-decoration: underline
}

.kEaLk,.C4lo4,.EfjkQ {
  cursor: pointer;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0
}

.kEaLk {
  background-color: var(--image-tint)
}

.kEaLk.eB3NB {
  background-color: transparent
}

@keyframes CuYh8 {
  0% {
    opacity: 1;
    transform: scale(1)
  }

  to {
    opacity: 0;
    transform: scale(3)
  }
}

.kEaLk .EfjkQ svg {
  animation: 1s CuYh8
}

.NvGc_ {
  flex-direction: column;
  gap: 8px;
  display: flex
}

.Q7uTT {
  justify-content: space-between;
  align-items: flex-end;
  display: flex
}

.Q7uTT .ebkCg {
  align-items: flex-end;
  gap: 4px;
  display: flex
}

.Q7uTT p {
  margin: 0
}

.yU0Nb {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg)
}

.e8znE {
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.125rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg-tertiary)
}

.ZRkRa {
  font-size: .875rem;
  font-weight: 350;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg-secondary)
}

.nHHcZ {
  position: relative
}

.Fp6pt {
  color: var(--content-fg-tertiary);
  position: absolute;
  top: 12px;
  left: 12px
}

.M7emv {
  position: absolute;
  top: 6px;
  right: 6px
}

.F0gXR {
  box-sizing: border-box;
  background-color: var(--content-tint);
  width: 100%;
  color: var(--content-fg);
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  border: 0;
  border-radius: 8px;
  outline: 4px solid transparent;
  padding: 12px 16px;
  transition: outline .1s ease-in-out
}

.F0gXR.xqEzo:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 42px
}

.F0gXR.xqEzo:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 42px
}

.F0gXR.xqEzo:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 42px
}

.F0gXR.xqEzo:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 42px
}

.F0gXR.xqEzo:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 42px
}

.F0gXR.xqEzo:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-right: 42px
}

.F0gXR.xqEzo:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-right: 42px
}

.F0gXR.xqEzo:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-right: 42px
}

.F0gXR.uG5r7:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-right: 54px
}

.F0gXR.uG5r7:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-right: 54px
}

.F0gXR.uG5r7:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-right: 54px
}

.F0gXR.uG5r7:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-right: 54px
}

.F0gXR.uG5r7:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-right: 54px
}

.F0gXR.uG5r7:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-left: 54px
}

.F0gXR.uG5r7:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-left: 54px
}

.F0gXR.uG5r7:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-left: 54px
}

.F0gXR::placeholder {
  color: var(--content-fg-secondary);
  opacity: 1
}

.F0gXR:focus-visible {
  outline: var(--accent) solid 2px
}

.F0gXR[disabled] {
  color: var(--content-fg-secondary);
  opacity: .5
}

.F0gXR[aria-invalid] {
  outline: var(--danger) solid 2px
}

.n048C {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg);
  gap: 16px;
  margin: 0;
  padding: 0;
  display: grid
}

.YPu7L {
  word-break: break-word;
  counter-increment: item;
  text-wrap: pretty;
  align-items: baseline;
  gap: 16px;
  padding: 0;
  list-style-type: none;
  display: flex
}

.YPu7L:last-child {
  border-bottom: none
}

.YPu7L:before {
  content: counter(item);
  width: 24px;
  height: 24px;
  color: var(--color-fg);
  text-align: center;
  border-radius: 9999px;
  flex-shrink: 0;
  padding: 2px;
  font-weight: 700
}

.YPu7L:nth-child(n):before {
  background-color: var(--brand-blue)
}

.YPu7L:nth-child(2n):before {
  background-color: var(--brand-green)
}

.YPu7L:nth-child(3n):before {
  background-color: var(--brand-pink)
}

.YPu7L:nth-child(4n):before {
  background-color: var(--brand-yellow)
}

.YPu7L:nth-child(5n):before {
  background-color: var(--brand-red)
}

.YPu7L:nth-child(6n):before {
  background-color: var(--brand-purple)
}

.YPu7L:nth-child(7n):before {
  background-color: var(--brand-orange)
}

.GOsqE>:first-child {
  flex-grow: 1
}

.GOsqE>:last-child {
  flex-grow: 0
}

.X9DkE.br0rm:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 40px
}

.X9DkE.br0rm:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 40px
}

.X9DkE.br0rm:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 40px
}

.X9DkE.br0rm:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 40px
}

.X9DkE.br0rm:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 40px
}

.X9DkE.br0rm:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-right: 40px
}

.X9DkE.br0rm:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-right: 40px
}

.X9DkE.br0rm:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-right: 40px
}

.v38by {
  color: #fff;
  text-align: center;
  flex-direction: column;
  justify-content: space-around;
  align-self: center;
  align-items: center;
  gap: 18px;
  min-width: 308px;
  max-width: 616px;
  padding: 40px;
  display: flex
}

.v38by .yo2iR {
  flex-direction: column;
  justify-content: space-around;
  gap: 20px;
  display: flex
}

.v38by .gSgTK {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  color: rgba(255,255,255,.6);
  font-weight: 350
}

.v38by .anBPp {
  background: rgba(255,255,255,.1);
  justify-content: center
}

.RihjV {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 12px;
  padding-right: 20px
}

.gDuxW {
  cursor: pointer;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  line-height: 0;
  position: relative;
  overflow: hidden
}

.gDuxW .yz4vl {
  width: 100%;
  height: 100%
}

.gDuxW video {
  background-color: var(--image-bg);
  width: 100%;
  height: 100%
}

.gDuxW:not(:-webkit-any(.oce3Y,.RYYxJ)) video {
  max-height: 80vh
}

.gDuxW:not(:-moz-any(.oce3Y,.RYYxJ)) video {
  max-height: 80vh
}

.gDuxW:not(:-webkit-any(.oce3Y,.RYYxJ)) video {
  max-height: 80vh
}

.gDuxW:not(:-moz-any(.oce3Y,.RYYxJ)) video {
  max-height: 80vh
}

.gDuxW:not(:is(.oce3Y,.RYYxJ)) video {
  max-height: 80vh
}

.gDuxW.iTJ8p:not(.RYYxJ) video {
  max-height: 50vh
}

.ykHbW {
  background-color: var(--image-tint);
  opacity: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.ykHbW.sm7Xn {
  opacity: 0
}

.qILrx {
  height: 65px;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0
}

.qILrx>span,.sNQra {
  justify-content: center;
  align-items: center;
  display: flex
}

.WdYx4,.tnoMg {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  border-radius: 3px
}

.WdYx4 .D2Wgl,.tnoMg .D2Wgl {
  padding: 8px 20.5px;
  display: block
}

.WdYx4 {
  background-color: var(--accent);
  color: var(--accent-fg)
}

.WdYx4 a {
  text-decoration: none
}

.tnoMg {
  border: var(--chrome-fg-secondary) 2px solid;
  color: var(--chrome-fg-secondary);
  padding: 6px 10px
}

.Qq2kF {
  position: relative
}

.Qq2kF.FeVQl {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text
}

.Qq2kF.LWiXm {
  padding-left: 20px
}

.EvMbR {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-40%)
}

.oJTVB {
  color: transparent;
  background-image: linear-gradient(90deg,#000,#785017,#e30404,#ff8b03,#feed06,#028127,#024dff,#750887);
  -webkit-background-clip: text;
  background-clip: text
}

.cf8P9 {
  color: transparent;
  background-image: linear-gradient(90deg,#55cdfc,#f7a8b8);
  -webkit-background-clip: text;
  background-clip: text
}

.Z0Apr {
  color: transparent;
  background-image: linear-gradient(90deg,#d60270,#9b4f96,#0038a8);
  -webkit-background-clip: text;
  background-clip: text
}

.XtFfb {
  color: transparent;
  background-image: linear-gradient(90deg,#fff430,#9c59d1,#000);
  -webkit-background-clip: text;
  background-clip: text
}

.wDCa3 {
  color: transparent;
  background-image: linear-gradient(90deg,#000,#a4a4a4,#810081);
  -webkit-background-clip: text;
  background-clip: text
}

.WSuGf {
  color: transparent;
  background-image: linear-gradient(90deg,#d62900,#ff9b55,#d461a6,#a50062);
  -webkit-background-clip: text;
  background-clip: text
}

.hzFcY {
  color: transparent;
  background-image: linear-gradient(90deg,#ffda00,#7a00ac);
  -webkit-background-clip: text;
  background-clip: text
}

.abB0A {
  color: transparent;
  background-image: linear-gradient(90deg,#ff1b8d,#ffda00,#1bb3ff);
  -webkit-background-clip: text;
  background-clip: text
}

.g0GHd {
  color: transparent;
  background-image: linear-gradient(90deg,#3aa63f,#a8d47a,#aaa,#000);
  -webkit-background-clip: text;
  background-clip: text
}

.JUs5Y {
  color: transparent;
  background-image: linear-gradient(90deg,#26ceaa,#f1efff,#5049cc);
  -webkit-background-clip: text;
  background-clip: text
}

.nZwdR {
  color: var(--accent)
}

.JHQwV {
  background-color: var(--chrome-tint);
  color: var(--chrome-fg);
  font-weight: 400;
  text-decoration: underline
}

.zudxp {
  outline: none
}

.zudxp svg {
  width: 12px;
  height: 12px
}

.zudxp svg use {
  --icon-color-primary: var(--chrome-fg)
}

.zudxp:focus-within>span {
  background-color: var(--chrome-tint-strong);
  color: var(--chrome-fg)
}

.zudxp:focus-within svg use {
  --icon-color-primary: var(--chrome-fg)
}

@media (hover: hover) {
  .zudxp:hover>span {
    background-color:var(--chrome-tint-strong);
    color: var(--chrome-fg)
  }

  .zudxp:hover svg use {
    --icon-color-primary: var(--chrome-fg)
  }
}

.ypwxx {
  width: calc(100% - 16px);
  max-width: 556px;
  margin-left: 8px;
  margin-right: 8px
}

@media not (min-width: 990px) {
  .ypwxx {
    overflow:hidden
  }
}

.ypwxx .Cf37_ {
  border-radius: 4px;
  width: 100%;
  height: 100%
}

.ypwxx .ONC_J {
  height: 100%;
  position: absolute
}

.ypwxx.X93pX {
  height: 0;
  position: relative
}

.l7zyP {
  width: 100%;
  max-width: 556px;
  min-height: 100px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  font-family: var(--font-family);
  position: relative
}

.l7zyP .gGIs6 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 5px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0
}

.l7zyP .gGIs6 a {
  background-color: var(--content-tint-heavy);
  width: 100%;
  height: 100%;
  color: var(--content-fg-tertiary);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex
}

@media (hover: hover) {
  .l7zyP .gGIs6 a:hover {
    opacity:.7
  }
}

.WadOH {
  width: 100%;
  display: inline-block;
  position: relative
}

.sECH1 {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  border-radius: 4px;
  width: 100%;
  padding: 10px 15px 10px 10px
}

.sECH1.C_ENj {
  border-radius: 20px;
  padding-left: 20px;
  padding-right: 25px
}

.sECH1.cxxrq {
  border: 1px solid var(--content-fg-secondary)
}

@media (hover: hover) {
  .sECH1:hover {
    background-color:var(--content-tint)
  }
}

.LAF8V {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex
}

.SrF48 {
  box-sizing: border-box;
  z-index: 10;
  border: 1px solid var(--content-tint);
  background: var(--content-panel);
  width: 232px;
  box-shadow: 0px 1px 12px var(--content-tint-strong);
  will-change: transform;
  border-radius: 4px;
  position: absolute;
  transform: translateY(10px)
}

.X_YtI {
  margin-bottom: 0;
  padding-left: 0;
  font-size: 14px
}

.OIL2C {
  flex-direction: row;
  align-items: center;
  padding: 14px 22px 14px 17px;
  list-style: none;
  display: flex
}

@media (hover: hover) {
  .OIL2C:hover {
    background-color:var(--content-tint);
    cursor: pointer
  }
}

.jjHk8 {
  position: relative
}

.ox5cL {
  white-space: nowrap;
  padding-left: 23px;
  padding-right: 15px
}

.xAg_Z {
  width: 100%
}

.cs2zK {
  border-radius: 32px;
  padding: 12px 32px;
  font-weight: 350
}

@keyframes AE0EU {
  0% {
    opacity: 0
  }

  25% {
    opacity: 1
  }

  90% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes AFD8c {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.q801L {
  width: 100%;
  color: var(--content-fg);
  transition: all 1s;
  position: relative
}

.q801L.RMBIC button {
  text-indent: 14px
}

.q801L .B6JRn {
  position: absolute;
  top: 11px;
  left: 12px
}

.q801L .B6JRn.SxhgL {
  animation: 4s AE0EU
}

.q801L .B6JRn.TIUhz {
  animation: 1s AFD8c
}

.palette--darkMode .q801L {
  color: #000
}

.palette--darkMode .q801L button {
  border: 1px solid rgba(0,0,0,.1)
}

@media (hover: hover) {
  .palette--darkMode .q801L button:hover {
    background:rgba(0,0,0,.1)
  }
}

.palette--lowContrastClassic .q801L {
  color: #000
}

.palette--lowContrastClassic .q801L button {
  border: 1px solid rgba(0,0,0,.1)
}

@media (hover: hover) {
  .palette--lowContrastClassic .q801L button:hover {
    background:rgba(0,0,0,.1)
  }
}

.palette--vampire .q801L {
  color: #000
}

.palette--vampire .q801L button {
  border: 1px solid rgba(0,0,0,.1)
}

@media (hover: hover) {
  .palette--vampire .q801L button:hover {
    background:rgba(0,0,0,.1)
  }
}

.palette--cybernetic .q801L {
  color: #000
}

.palette--cybernetic .q801L button {
  border: 1px solid rgba(0,0,0,.1)
}

@media (hover: hover) {
  .palette--cybernetic .q801L button:hover {
    background:rgba(0,0,0,.1)
  }
}

.AKAFO {
  color: #000;
  background-color: #fff;
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  width: 240px;
  min-height: 306px;
  padding: 20px;
  display: flex;
  position: relative
}

.AKAFO a {
  text-decoration: none
}

.AKAFO.jphhY {
  background: #b3b3b3
}

@media not (min-width: 990px) {
  .AKAFO {
    width:224px;
    padding: 8px 16px
  }
}

@media (max-width: 540px) {
  .AKAFO {
    width:auto;
    padding: 12px 20px
  }
}

.AKAFO .HgH6x {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  height: 110px
}

.AKAFO .zcrFn {
  color: #fff;
  background: rgba(0,0,0,.6);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 2px 8px;
  display: flex;
  position: absolute;
  top: 10px;
  right: 10px
}

.AKAFO .XCQVm {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  min-height: 100px;
  display: flex
}

.AKAFO .puRej {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.33333
}

.AKAFO .bOGfF {
  color: rgba(0,0,0,.9);
  font-weight: 350;
  line-height: 1.5
}

.AKAFO .lI95L {
  text-align: center;
  width: 100%
}

.KmzDz {
  color: #ff4930;
  text-align: center;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  background: rgba(255,73,48,.05);
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  display: flex
}

.KmzDz .hDlbj {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family)
}

.gNATz {
  flex-wrap: nowrap;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative
}

.pfeql {
  justify-content: center;
  display: flex
}

.rjkgF {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  z-index: 2;
  color: rgba(255,255,255,.8);
  flex: 1;
  padding: 8px 16px;
  transition: color .2s
}

.rjkgF:focus-visible {
  color: #fff
}

@media (hover: hover) {
  .rjkgF:hover {
    color:#fff
  }
}

.rjkgF.T_CfA {
  color: #000;
  outline: none
}

.rjkgF.T_CfA:focus-visible {
  color: #000
}

@media (hover: hover) {
  .rjkgF.T_CfA:hover {
    color:#000
  }
}

.rjkgF:first-child[aria-selected=true]~.zjiwC {
  transform: translate(0%)
}

.rjkgF:nth-child(2)[aria-selected=true]~.zjiwC {
  transform: translate(100%)
}

.rjkgF:nth-child(3)[aria-selected=true]~.zjiwC {
  transform: translate(200%)
}

.rjkgF:nth-child(4)[aria-selected=true]~.zjiwC {
  transform: translate(300%)
}

.rjkgF:nth-child(5)[aria-selected=true]~.zjiwC {
  transform: translate(400%)
}

.rjkgF:nth-child(6)[aria-selected=true]~.zjiwC {
  transform: translate(500%)
}

.rjkgF:nth-child(7)[aria-selected=true]~.zjiwC {
  transform: translate(600%)
}

.rjkgF:nth-child(8)[aria-selected=true]~.zjiwC {
  transform: translate(700%)
}

.rjkgF:nth-child(9)[aria-selected=true]~.zjiwC {
  transform: translate(800%)
}

.zjiwC {
  z-index: 1;
  background-color: #fff;
  border-radius: 99px;
  height: 100%;
  transition: transform .2s ease-out;
  position: absolute
}

.C5OrQ {
  color: #fff;
  background: rgba(0,25,53,.8);
  border-radius: 30px;
  padding: 5px 10px
}

.b5m4N {
  border: 0;
  border-radius: 8px;
  max-width: 400px;
  overflow: hidden
}

.N5ipG {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg)
}

.VYLks {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern)
}

.VxJOb {
  gap: 12px;
  padding: 20px 24px 24px;
  display: grid
}

.BudC5 {
  aspect-ratio: 5/2;
  grid-area: header;
  width: 100%;
  position: relative;
  overflow: hidden
}

.BudC5 .hs8Ip {
  position: absolute;
  top: 16px;
  right: 16px
}

.mFkft {
  width: 100%
}

.NWfwL {
  border-radius: 24px
}

.SDuYR {
  padding-left: 48px;
  padding-right: 48px
}

.SDuYR:focus-visible {
  outline: transparent
}

.IhUJI {
  z-index: 101;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #e8d73a;
  border-radius: 12px;
  flex-direction: column;
  gap: 16px;
  min-width: 476px;
  max-width: 100%;
  min-height: 476px;
  max-height: 90vh;
  display: flex;
  position: fixed;
  top: 50%;
  left: 50%;
  overflow-y: scroll;
  transform: translate(-50%,-50%)
}

@media (max-width: 540px) {
  .IhUJI {
    min-width:100%;
    max-width: 100%;
    min-height: 50vh;
    margin: 0;
    padding-bottom: 20px
  }
}

.AiALR {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 32px;
  display: flex
}

.AiALR .enHco {
  flex-direction: column;
  align-self: center;
  align-items: flex-start;
  gap: 16px;
  width: 476px;
  display: flex
}

@media (max-width: 540px) {
  .AiALR .enHco {
    max-width:335px
  }
}

.AiALR .enHco .FLeWn {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2rem;
  font-family: var(--font-family-modern)
}

.AiALR .enHco .fgOG_ {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  font-weight: 350
}

.AiALR .iK0Dh {
  color: rgba(0,0,0,.6)
}

.AiALR .t4H8P {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 335px;
  margin-top: 32px;
  display: flex
}

.mYo2j {
  background: rgba(255,255,255,.85);
  top: 16px;
  right: 16px
}

.pcoXz {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  color: #fff;
  background: rgba(0,0,0,.6);
  border-radius: 6px;
  flex-direction: column;
  padding: 12px;
  display: flex
}

.hyiL2 {
  --post-padding: 10px;
  --post-header-vertical-padding: 10px;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  display: flex;
  position: relative
}

.USr9U {
  flex-direction: column;
  flex-grow: 1;
  display: flex
}

.GaEwR {
  position: absolute
}

.nPEPF {
  -webkit-overflow-scrolling: touch;
  height: 325px;
  overflow-x: hidden;
  overflow-y: auto
}

.nPEPF.PEG1H {
  height: 75vh
}

.XbRSC {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  box-sizing: border-box;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px 20px 45px;
  display: flex
}

@media not (min-width: 990px) {
  .XbRSC {
    color:var(--chrome-fg)
  }
}

.v41vm {
  box-sizing: border-box;
  cursor: pointer
}

.v41vm:focus-visible {
  outline: 3px dashed var(--accent)
}

@media (hover: hover) {
  .v41vm:hover {
    outline:3px dashed var(--accent)
  }
}

.EecQY {
  width: 100%;
  height: 100%;
  position: relative
}

.EecQY .jI5Wb {
  border-bottom: 1px solid var(--content-tint-strong);
  background: var(--content-panel);
  align-items: center;
  padding: 20px;
  display: flex
}

.EecQY .jI5Wb .SYFcO,.EecQY .jI5Wb .tQsaa {
  justify-content: flex-end;
  align-items: center;
  margin-right: 2px;
  display: flex
}

.EecQY .jI5Wb .SYFcO svg use,.EecQY .jI5Wb .tQsaa svg use {
  --icon-color-primary: var(--content-fg-secondary)
}

.EecQY .jI5Wb .MpYbr {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  width: 100%;
  color: var(--content-fg-secondary);
  background: 0 0;
  border: none;
  outline: none;
  padding: 5px
}

.EecQY.XBMkS .jI5Wb {
  padding: 5px 10px
}

.EecQY.Hg4KQ {
  background: var(--content-panel)
}

.d0v3o.e16eK {
  z-index: calc(100 + 2)
}

._BIYA {
  width: 100%;
  height: 325px;
  overflow-y: scroll
}

.Dpg0j {
  width: 100%;
  margin-bottom: 8px;
  text-decoration: underline
}

.tvKKY {
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background: linear-gradient(rgba(255,255,255,.01) 0%,rgba(255,255,255,.07) 100%);
  width: 440px;
  min-height: 40svh;
  max-height: 99svh;
  box-shadow: 0 12px 32px rgba(0,0,0,.2)
}

.ctEoR {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  display: flex
}

.WSGbk {
  background-color: transparent;
  padding: 8px
}

@media (hover: hover) {
  .WSGbk:hover {
    background-color:rgba(0,0,0,.1)
  }
}

.vbEEx {
  z-index: 1
}

.g9qCM {
  flex-direction: column;
  width: 100%;
  min-height: 616px;
  display: flex
}

@media not (min-width: 990px) {
  .C6mPN {
    width:100%
  }
}

.C6mPN {
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  gap: 14px;
  display: flex
}

.uBOmv {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  color: #fff;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 40px;
  display: flex
}

.mAUoH {
  background: #001935;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  gap: 24px;
  padding: 24px;
  display: flex
}

.Re2fk {
  flex-direction: column;
  align-self: center;
  align-items: center;
  width: 100%;
  display: flex
}

.JxacZ {
  color: #fff;
  background: linear-gradient(rgba(255,255,255,.01) 0%,rgba(255,255,255,.07) 100%);
  border-top: 1px solid rgba(255,255,255,.2);
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 3px;
  display: flex
}

.R4SZv {
  align-items: center;
  gap: 10px;
  display: flex
}

.nmfdY {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern)
}

.nmfdY.cZnz6 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  font-family: var(--font-family-modern)
}

.RRf6I {
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.125rem;
  font-family: var(--font-family-modern);
  color: #000;
  white-space: nowrap;
  background: radial-gradient(71.96% 173.12% at 118.97% 119.15%,#48c1ff 0%,#fbb1df 37.5%,#57d8ff 100%);
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 2px 8px;
  display: flex
}

@media (max-width: 540px) {
  .RRf6I {
    display:none
  }
}

.LJgaS {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2rem;
  font-family: var(--font-family-modern);
  text-align: center
}

.Z4XHF {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-top: 16px;
  display: flex
}

@media not (max-width: 540px) {
  .Z4XHF {
    width:100%
  }
}

.FExlc {
  text-align: center;
  text-wrap: balance
}

.jyal6 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  color: rgba(255,255,255,.6);
  text-decoration: line-through
}

.b24nY {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  font-family: var(--font-family-modern)
}

.ITFxd {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern)
}

.oIc5V {
  min-height: 46px;
  display: flex
}

.akHhw {
  box-sizing: border-box;
  background: radial-gradient(71.96% 173.12% at 118.97% 119.15%,#48c1ff 0%,#fbb1df 37.5%,#57d8ff 100%);
  border-radius: 999px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 12px 20px 12px 16px;
  transition: all .2s ease-in-out;
  display: flex
}

.akHhw>span {
  padding: 0
}

.Le5P9 {
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.125rem;
  font-family: var(--font-family-modern);
  color: rgba(255,255,255,.8);
  text-align: center;
  text-wrap: balance
}

.cTwc5 {
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
  max-height: 50svh;
  display: flex;
  overflow: auto
}

@media (max-width: 540px) {
  .cTwc5 {
    max-height:max(64px,var(--dialog-viewport-height) - 490px);
    gap: 8px
  }
}

@media not (max-width: 540px) {
  .cTwc5 {
    padding:10px 0
  }
}

.HfAqf {
  background: rgba(0,25,53,.4);
  flex-direction: column;
  flex: 1 0 0;
  justify-content: space-around;
  align-items: center;
  gap: 50px;
  width: 100%;
  padding: 40px;
  display: flex
}

@media not (max-width: 540px) {
  .HfAqf {
    background-color:#001935;
    align-items: center;
    padding: 0
  }
}

.VJsrY {
  width: 48px;
  height: 48px;
  display: flex
}

.fsIfG {
  flex-direction: row;
  gap: 12px;
  width: 100%;
  display: flex
}

.mS_RM {
  flex-direction: column;
  justify-content: center;
  display: flex
}

.TSBlV {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  font-family: var(--font-family-modern)
}

.Tf0xf {
  font-size: .875rem;
  font-weight: 350;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  color: rgba(255,255,255,.8);
  text-wrap: pretty
}

.YGy_k {
  border-top: 1px solid var(--chrome-tint-strong);
  background: linear-gradient(rgba(255,255,255,.01) 0%,rgba(255,255,255,.07) 100%);
  border-radius: 10px;
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  gap: 5px;
  padding: 15px;
  display: flex
}

.QYzuG {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 100%;
  padding: 0;
  text-decoration: none;
  display: flex
}

.MOOoB {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: rgba(0,25,53,.9);
  padding-top: 30px;
  padding-bottom: 45px;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0
}

.ScibS {
  box-sizing: border-box;
  width: 100%;
  color: var(--chrome-fg);
  border-radius: 8px;
  flex-direction: column;
  align-items: stretch;
  padding: 10px;
  display: flex
}

@media (hover: hover) {
  .ScibS:hover {
    background-color:var(--chrome-panel)
  }
}

.ScibS .ve9db {
  text-decoration: none
}

.uQnmG {
  background-position: 50%;
  background-size: cover;
  border-radius: 7px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 120px;
  list-style: none;
  display: flex;
  position: relative
}

.uQnmG .zGQaS {
  color: var(--color-fg-light);
  text-align: center;
  font-size: 18px;
  line-height: 50px
}

.uQnmG .iqdyd {
  color: var(--color-fg-light);
  text-align: center;
  font-size: 14px
}

.LGuOI {
  margin-top: 10px;
  display: block
}

@media not (min-width: 990px) {
  .LGuOI {
    display:none
  }
}

.u8J1W {
  box-sizing: border-box;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  display: flex
}

@media (hover: hover) {
  .u8J1W:hover {
    background-color:var(--chrome-tint)
  }
}

.u8J1W .MgGEG {
  -webkit-hyphens: auto;
  hyphens: auto;
  vertical-align: middle;
  overflow-wrap: break-word;
  word-wrap: break-word;
  outline: none;
  flex: 1 0 0;
  align-items: flex-start;
  gap: 12px;
  text-decoration: none;
  display: flex
}

.u8J1W .ZqH9E {
  border-radius: 4px;
  width: 44px;
  height: 44px;
  display: block;
  overflow: hidden
}

.u8J1W .wVZAK {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  color: var(--chrome-fg);
  flex-direction: column;
  display: flex
}

.u8J1W .wVZAK .hIUaH {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  color: var(--chrome-fg)
}

.u8J1W .wVZAK .p_IvR {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  font-family: var(--font-family-modern)
}

.u8J1W .wVZAK .M523y {
  font-size: .875rem;
  font-weight: 350;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  text-overflow: ellipsis;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:1) {
  .u8J1W .wVZAK .M523y {
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:1)) {
  .u8J1W .wVZAK .M523y {
    white-space:nowrap
  }
}

.u8J1W .wVZAK .M523y {
  color: var(--chrome-fg-secondary);
  -webkit-hyphens: none;
  hyphens: none
}

.gLEjz {
  border-top: 1px solid var(--chrome-tint);
  justify-content: center;
  align-items: center;
  padding: 16px 0 0;
  display: flex
}

@media (min-width: 990px) {
  .gLEjz {
    border-top:none;
    padding: 0
  }
}

.yVZYV {
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  gap: 8px;
  max-width: 250px;
  margin: 0 16px;
  display: flex
}

.nbnWq,.YjoFC {
  flex-grow: 1;
  display: flex
}

.VVqTC {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  box-sizing: border-box;
  -webkit-backdrop-filter: blur(32px);
  backdrop-filter: blur(32px);
  border-radius: 999px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 8px;
  max-width: 250px;
  padding: 8px 16px;
  transition: all .2s ease-in-out;
  display: flex
}

.VVqTC.kITtw {
  background: var(--brand-purple-tint);
  color: var(--chrome-fg)
}

@media (hover: hover) {
  .VVqTC.kITtw:hover {
    background:var(--brand-purple-tint-strong)
  }
}

.VVqTC.kITtw:active {
  background: var(--brand-purple-tint-heavy)
}

.VVqTC.HxaHT {
  background: var(--chrome-tint);
  color: var(--chrome-fg)
}

@media (hover: hover) {
  .VVqTC.HxaHT:hover {
    background:var(--chrome-tint-strong)
  }
}

.VVqTC.HxaHT:active {
  background: var(--chrome-tint-heavy)
}

.VVqTC .vgGX_ {
  flex-shrink: 0
}

@media (min-width: 990px) {
  .VVqTC {
    padding:8px
  }
}

@media (min-width: 1018px) {
  .VVqTC {
    padding:8px 16px
  }
}

@media (min-width: 1162px) {
  .VVqTC {
    padding:8px 16px
  }
}

.VVqTC .qrljl {
  text-align: left
}

@media (max-width: 540px) {
  .VVqTC .qrljl {
    display:flex
  }
}

@media (min-width: 990px) {
  .VVqTC .qrljl {
    display:none
  }
}

@media (min-width: 1162px) {
  .VVqTC .qrljl {
    display:flex
  }
}

.LvzWn {
  margin-left: auto;
  margin-right: auto;
  display: block
}

.j4JOu {
  font-family: Spleen
}

.oT5Wy {
  letter-spacing: 1.76px;
  font-size: 22px
}

.RUngA {
  letter-spacing: 3.2px;
  font-size: 40px
}

.c9mvZ {
  cursor: pointer
}

.kumUi {
  transition: opacity .5s
}

.agua0 {
  transform: translate(310px)translateY(0)scaleX(-1)
}

.BEBL2 {
  transform: translate(-7px)translateY(11px)rotate(-10deg)
}

.kumUi.JmLk4 {
  opacity: 0
}

.lMHCS {
  pointer-events: none
}

.Y_M3_>a {
  margin-bottom: 10px;
  margin-right: 10px;
  display: inline-block
}

.HSIaV {
  align-items: center;
  text-decoration: none;
  display: inline-flex
}

.HSIaV .ZsnTE {
  margin-right: 4px;
  display: inline-flex;
  position: relative;
  top: 1px;
  left: 1px
}

.UyBS5 {
  flex-grow: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex
}

.z8X4n {
  text-align: left;
  min-width: 340px
}

.DLFvz {
  padding: 20px;
  overflow-y: scroll
}

.DLFvz.rONE2 {
  padding-bottom: 50vh
}

.S9vSY {
  justify-content: flex-end;
  gap: 8px;
  display: flex
}

.zFlRa {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg)
}

.R4hFV {
  font-size: .875rem;
  font-weight: 350;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg-secondary)
}

.ogv2c {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg);
  display: block
}

.sG03a {
  font-size: .875rem;
  font-weight: 350;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  color: var(--danger);
  gap: 8px;
  margin: 8px 0;
  display: flex
}

.sG03a .Dz8Ma {
  margin-top: 1px
}

.fwv7E {
  border: 1px solid var(--content-tint-heavy);
  border-radius: 8px;
  padding: 16px
}

.xqQIG {
  z-index: 1;
  background-color: var(--chrome);
  position: -webkit-sticky;
  position: sticky;
  top: 54px
}

.Te4Pg {
  box-sizing: border-box;
  background-color: var(--chrome-panel);
  border-radius: 8px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 8px;
  display: flex
}

@media (max-width: 540px) {
  .Te4Pg {
    border-radius:0
  }
}

.IZ6UF {
  box-sizing: border-box;
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  padding: 24px 24px 20px;
  display: flex
}

.RDn0h {
  color: var(--chrome-fg);
  text-align: center;
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: flex
}

.RUFdS {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  font-family: var(--font-family-modern)
}

.YEJRy {
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  display: flex
}

@media (max-width: 540px) {
  .YEJRy.Bw1zm {
    flex-direction:column;
    align-items: stretch
  }
}

.GVCZ4 {
  min-width: 128px
}

.ditK9 {
  box-sizing: border-box;
  grid-template-rows: repeat(2,1fr);
  grid-template-columns: repeat(4,1fr);
  gap: 20px 8px;
  width: 100%;
  padding: 12px 16px;
  display: grid
}

@media (max-width: 540px) {
  .ditK9 {
    column-gap:16px;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    overflow-x: auto
  }
}

.EAa3l {
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.125rem;
  font-family: var(--font-family-modern);
  max-width: 76px;
  color: var(--content-fg-secondary);
  flex-direction: column;
  align-items: center;
  gap: 4px;
  display: flex
}

@media (max-width: 540px) {
  .EAa3l {
    flex-shrink:0;
    max-width: 60px
  }
}

.viO4l {
  text-overflow: ellipsis;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:2) {
  .viO4l {
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:2)) {
  .viO4l {
    white-space:nowrap
  }
}

.viO4l {
  text-align: center
}

.q0rLr {
  color: var(--content-success)
}

.palette--darkMode .zJXDw,.palette--lowContrastClassic .zJXDw,.palette--cybernetic .zJXDw,.palette--vampire .zJXDw,.palette--pumpkin .zJXDw,.palette--gothRave .zJXDw {
  color: #fff
}

.palette--trueBlue .zJXDw,.palette--cement .zJXDw,.palette--canary .zJXDw,.palette--ghost .zJXDw,.palette--snowBright .zJXDw,.palette--pride .zJXDw {
  color: #000
}

.yYVJI {
  text-decoration: none
}

.MD5Ec input {
  cursor: pointer;
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0
}

.MD5Ec input::-webkit-file-upload-button {
  display: none
}

.w3qxK {
  position: absolute;
  top: 80px;
  left: 165px
}

.Smi9h {
  width: 10px;
  display: inline-block
}

.Smi9h svg use {
  --icon-color-primary: var(--content-fg-tertiary)
}

.s0qqG {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  box-sizing: border-box;
  z-index: 100;
  background: var(--brand-yellow);
  max-width: 520px;
  color: var(--content-fg);
  border-radius: 6px;
  flex-direction: column;
  margin: 10px;
  padding: 15px;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  box-shadow: 0 0 15px rgba(0,0,0,.5)
}

@media (max-width: 540px) {
  .s0qqG {
    min-width:auto;
    max-width: none;
    right: 0
  }
}

.s0qqG a {
  text-decoration: underline
}

.s0qqG .WGFYZ {
  position: absolute;
  top: 15px;
  right: 15px
}

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

.s0qqG ._h_yT:first-child {
  padding-right: 30px
}

.s0qqG ._h_yT:last-child {
  margin-bottom: 0
}

.KGccy.KGccy {
  z-index: 103;
  max-height: min(var(--popover-available-height,50vh),50vh);
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  overflow: auto
}

.UOwNa {
  text-overflow: ellipsis;
  max-width: 30ch;
  display: inline-block;
  overflow: hidden
}

.M15EX {
  box-sizing: border-box;
  background-color: var(--modal);
  width: 150px;
  box-shadow: 0 4px 9px var(--content-tint-strong);
  color: var(--content-fg);
  text-align: left;
  border-radius: 3px;
  padding: 8px 10px;
  font-size: 12px;
  position: absolute
}

.oSXiI {
  font-weight: 700
}

.PuLtZ {
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -ms-overflow-style: none;
  align-items: center;
  width: 100vw;
  display: flex;
  position: relative;
  overflow-x: scroll
}

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

.PuLtZ::-webkit-scrollbar {
  display: none
}

.PuLtZ .eFULQ {
  box-sizing: border-box;
  scroll-snap-align: start;
  scroll-snap-stop:always;flex-shrink: 0;
  justify-content: center;
  width: 100vw;
  min-height: 1px;
  display: flex
}

.uNsrv img,.uNsrv source {
  max-width: 100vw;
  max-height: calc(90vh - 44px);
  display: block
}

.MjNMI {
  pointer-events: auto
}

.MjNMI.UBbzn,.MjNMI.kjHHx,.MjNMI.rquNV {
  position: absolute
}

.MjNMI.UBbzn img,.MjNMI.UBbzn source,.MjNMI.kjHHx img,.MjNMI.kjHHx source,.MjNMI.rquNV img,.MjNMI.rquNV source {
  max-width: 80vw;
  max-height: 80vh;
  box-shadow: 0 12px 32px rgba(0,0,0,.2)
}

.MjNMI.UBbzn {
  transition: right .5s;
  right: 95vw
}

@media (hover: hover) {
  .MjNMI.UBbzn:hover {
    transition:right .25s;
    right: 93vw
  }
}

.MjNMI.kjHHx {
  margin: auto;
  position: relative
}

.MjNMI.rquNV {
  transition: left .5s;
  left: 95vw
}

@media (hover: hover) {
  .MjNMI.rquNV:hover {
    transition:left .25s;
    left: 93vw
  }
}

.MjNMI .dvdaL {
  color: var(--image-fg);
  padding-top: 20px;
  font-weight: 700
}

.ZqZ6N {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex
}

.lYffY {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--accent);
  padding: 6px 10px;
  text-decoration: none
}

.fiNeF {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  text-align: center
}

.vtkd5 {
  box-sizing: border-box;
  border: 1.5px solid var(--content-fg);
  border-radius: 6px;
  margin: 20px;
  position: relative
}

.N9n3m {
  display: flex;
  position: relative
}

.nXX23 {
  width: 100%
}

.uEVCb {
  box-sizing: border-box;
  background-color: var(--content-panel);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 6px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0
}

.uEVCb[value]::-webkit-progress-value {
  background-color: var(--content-tint)
}

.uEVCb[value]::-moz-progress-bar {
  background-color: var(--content-tint)
}

.uEVCb[value]::-webkit-progress-bar {
  background-color: var(--content-panel);
  box-shadow: 0 2px 5px var(--content-tint) inset;
  border-radius: 6px
}

.Cetez {
  width: 15%;
  margin: 15px 0;
  line-height: 34px
}

.jkMFs {
  width: 16px;
  height: 16px;
  margin: 15px 15px 15px 0;
  line-height: 34px
}

.GzjsW .CQmeg {
  box-sizing: border-box;
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
  display: flex
}

.GzjsW .CQmeg>button {
  min-height: 100%;
  margin: 0
}

.GzjsW .CQmeg>button+button {
  margin-left: 4px
}

.GzjsW .CQmeg>div:has(>button:first-child)+div:has(>button:first-child) {
  margin-left: 4px
}

.GzjsW .CQmeg img {
  object-fit: cover;
  width: 100%;
  height: 100%
}

.GzjsW .CQmeg.T94I2>button,.GzjsW .CQmeg.T94I2>div>button,.GzjsW .CQmeg.T94I2>figure>div {
  position: relative;
  overflow: hidden
}

.GzjsW .CQmeg.T94I2>button:after,.GzjsW .CQmeg.T94I2>div>button:after,.GzjsW .CQmeg.T94I2>figure>div:after {
  border: 1px solid var(--content-tint-strong);
  border-radius: inherit;
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.GzjsW .ntvhe img {
  object-fit: unset
}

.GzjsW .CQmeg+.CQmeg {
  margin-top: 4px
}

.GzjsW .CQmeg:not(:has(+.CQmeg)) {
  padding-bottom: 12px
}

.GzjsW .T94I2:not(.T94I2+.T94I2)>:first-child,.GzjsW .T94I2:not(.T94I2+.T94I2)>:first-child>div,.GzjsW .T94I2:not(.T94I2+.T94I2)>:first-child button,.GzjsW .T94I2:not(.T94I2+.T94I2)>:first-child img {
  border-top-left-radius: 4px
}

.GzjsW .T94I2:not(.T94I2+.T94I2)>:last-child,.GzjsW .T94I2:not(.T94I2+.T94I2)>:last-child>div,.GzjsW .T94I2:not(.T94I2+.T94I2)>:last-child button,.GzjsW .T94I2:not(.T94I2+.T94I2)>:last-child img {
  border-top-right-radius: 4px
}

.GzjsW .T94I2:not(:has(+.T94I2))>:first-child {
  border-bottom-left-radius: 4px
}

.GzjsW .T94I2:not(:has(+.T94I2))>:first-child>div {
  border-bottom-left-radius: 4px
}

.GzjsW .T94I2:not(:has(+.T94I2))>:first-child button {
  border-bottom-left-radius: 4px
}

.GzjsW .T94I2:not(:has(+.T94I2))>:first-child img {
  border-bottom-left-radius: 4px
}

.GzjsW .T94I2:not(:has(+.T94I2))>:last-child {
  border-bottom-right-radius: 4px
}

.GzjsW .T94I2:not(:has(+.T94I2))>:last-child>div {
  border-bottom-right-radius: 4px
}

.GzjsW .T94I2:not(:has(+.T94I2))>:last-child button {
  border-bottom-right-radius: 4px
}

.GzjsW .T94I2:not(:has(+.T94I2))>:last-child img {
  border-bottom-right-radius: 4px
}

.s4g_h {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--content-fg);
  text-align: right;
  flex: 1;
  margin-bottom: 12px;
  padding: 0 10px;
  font-weight: 700
}

.yXNX0 {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  text-align: left;
  flex: 3;
  margin-bottom: 12px
}

.pMpfW {
  flex-direction: column;
  justify-content: center;
  min-height: 24px;
  margin-top: 10px;
  display: flex
}

.HQcQr {
  display: flex
}

.hrv3x {
  z-index: 25;
  background: var(--brand-green);
  border-radius: 7px;
  height: 10px
}

.VgtfT {
  background-color: var(--content-tint-strong);
  border-radius: 7px;
  height: 10px
}

.F2hg7 {
  z-index: 1;
  background-color: var(--content-tint-strong);
  border-radius: 7px;
  height: 10px;
  margin-top: 20px
}

.rBSgB {
  font-weight: 700
}

.OIzSg {
  text-align: center;
  margin-top: -4px
}

.YZnLZ {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.25;
  font-family: var(--font-family);
  background-color: var(--content-panel);
  color: var(--color-fg-light);
  text-align: center;
  padding-top: 10px;
  padding-bottom: 8px
}

.oQs98 {
  color: var(--content-fg);
  text-align: center;
  margin-top: 24px;
  margin-bottom: 24px
}

@media (max-width: 540px) {
  .oQs98 {
    margin-top:16px;
    margin-bottom: 16px
  }
}

.GzZtE .IOcGh {
  grid-row-gap: 0;
  margin-bottom: 16px;
  display: grid
}

.GzZtE .IOcGh .Ahq2Z {
  width: 100%
}

@media (max-width: 540px) {
  .GzZtE .IOcGh .Ahq2Z {
    width:100%
  }
}

.GzZtE .IOcGh label {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.33333;
  font-family: var(--font-family);
  background: var(--content-tint);
  color: var(--content-fg);
  cursor: pointer;
  border-radius: 12px;
  padding: 13px 12px 11px;
  font-size: 1rem
}

.GzZtE .IOcGh input:checked~label {
  border: 2px solid var(--brand-blue);
  background-color: var(--brand-blue-tint-strong);
  opacity: .9
}

.GzZtE .IOcGh input:focus-visible~label {
  outline: none
}

.GzZtE .IOcGh>div {
  margin-bottom: 8px
}

.GzZtE .IOcGh>div:last-child {
  border-bottom: 0
}

.Ahq2Z span:first-child {
  border-color: var(--content-fg-secondary)
}

.IOcGh .Ahq2Z input:checked~label span {
  border-color: var(--brand-blue)
}

.IOcGh .Ahq2Z input:checked~label span svg use {
  --icon-color-primary: var(--brand-blue)
}

.QXuBs {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex
}

@media (max-width: 540px) {
  .QXuBs {
    flex-direction:column;
    display: flex
  }
}

.QXuBs .XezzS {
  display: block
}

.QXuBs .XjFjI {
  text-align: right;
  display: block
}

@media (max-width: 540px) {
  .QXuBs .XjFjI {
    text-align:left;
    padding-top: 5px
  }
}

.IwJZG p:last-child {
  margin-bottom: 0
}

.VVkpl {
  background-color: var(--content-panel);
  color: var(--content-fg);
  border-radius: 14px;
  justify-content: space-between;
  padding: 16px 12px;
  display: flex
}

.VVkpl .xx3Yj {
  font-size: .8rem;
  display: block
}

.VVkpl .R15af {
  justify-content: space-between;
  padding-top: 6px;
  font-size: 1rem;
  font-weight: 600;
  display: block
}

.gStOF {
  color: var(--content-fg)
}

@media (max-width: 540px) {
  .gStOF {
    text-align:center;
    margin-bottom: 14px
  }
}

.gStOF a {
  margin-top: 14px;
  font-size: .875rem;
  text-decoration: none;
  display: inline-block
}

@media (hover: hover) {
  .gStOF a:hover {
    text-decoration:underline
  }
}

.ILRkA span {
  background-color: var(--accent);
  color: var(--color-fg-light)
}

._vOn7 {
  color: var(--content-fg-secondary);
  text-align: center;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  margin-top: 16px;
  margin-bottom: 64px
}

._vOn7 span {
  display: block
}

._vOn7 a {
  text-decoration: underline
}

.lU2pe {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  background-color: var(--content-tint);
  border-radius: 12px;
  align-items: center;
  gap: 12px;
  padding: 16px;
  display: flex
}

.lU2pe .H2lJ5 {
  color: var(--brand-green)
}

.lU2pe .JXKrK {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family)
}

.lU2pe .MnNQg {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family)
}

.eE_V1 {
  color: var(--content-fg-secondary);
  text-align: center;
  margin-top: 24px
}

.k9mqe {
  color: var(--content-fg);
  justify-content: space-between;
  margin-top: 24px;
  display: flex
}

@media (max-width: 540px) {
  .k9mqe {
    flex-direction:column-reverse;
    margin-top: 16px;
    margin-bottom: 16px
  }
}

.a_6g9 {
  background-color: var(--content-panel);
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 104px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0
}

.a_6g9.i4aV4 {
  filter: drop-shadow(0 4px 16px rgba(0,0,0,.05))
}

.QgXyr {
  flex-direction: row-reverse;
  width: 100%;
  max-width: 328px;
  margin-left: auto;
  margin-right: auto;
  display: flex
}

@media (max-width: 540px) {
  .QgXyr {
    justify-content:center
  }
}

.rw1Ql span {
  border: 2px solid var(--content-fg-secondary);
  color: var(--content-fg);
  opacity: .6;
  border-radius: 16px;
  margin-right: 10px;
  padding: 6px 20px
}

.T6LPn {
  opacity: .6;
  padding: 10px
}

@media (max-width: 540px) {
  .DPlCX .QgXyr {
    flex-grow:1
  }

  .DPlCX .QgXyr button {
    width: 100%
  }
}

.amVpp {
  color: var(--color-fg-light);
  text-align: center;
  margin-bottom: 12px
}

.ST0Bu {
  border-radius: 50px;
  position: relative
}

.ST0Bu .uJ6_Y,.ST0Bu .QJf1C {
  display: block
}

.ST0Bu .tiqnP {
  text-align: left;
  width: 100%;
  display: block
}

.ST0Bu .F0ual {
  align-items: center;
  display: flex
}

.ir1r5 .MarEW {
  color: var(--content-fg);
  padding: 4px 0 4px 10px
}

.ir1r5 .MarEW button {
  text-align: left;
  padding: 9px 0
}

.ir1r5 .MarEW .sXniv {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family)
}

.ir1r5 .MarEW:focus-visible {
  background-color: var(--content-tint);
  border-radius: 10px
}

@media (hover: hover) {
  .ir1r5 .MarEW:hover {
    background-color:var(--content-tint);
    border-radius: 10px
  }
}

.ir1r5 .MarEW:focus-within {
  background-color: var(--content-tint);
  border-radius: 10px
}

.ZD6so {
  background-color: var(--content-tint);
  color: var(--content-fg);
  border: 2px solid transparent;
  border-radius: 14px;
  justify-content: space-between;
  padding: 9px 16px;
  display: flex
}

.ZD6so .OTU6z {
  font-size: .8rem;
  display: block
}

.ZD6so .Nfc7J {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  justify-content: space-between;
  display: block
}

.ZD6so .WxUJP {
  align-items: center;
  gap: 8px;
  display: flex
}

.ZD6so .Z6Gnb {
  --icon-color-primary: var(--content-fg);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex
}

.GDeB8 {
  text-align: left;
  width: 100%;
  display: block
}

.yzzBT {
  border: 2px solid var(--brand-blue);
  background-color: var(--content-panel)
}

.g_cxq .ir1r5 {
  box-sizing: border-box;
  border: 1px solid var(--content-tint);
  background-color: var(--content-panel);
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0 8px 20px rgba(0,0,0,.1)
}

.KRE3w {
  font-weight: 700
}

.nF_dx.GzZtE {
  background-color: var(--content-panel);
  min-height: 580px;
  overflow-y: scroll
}

.nF_dx.GzZtE .TZx4d .QMsVD {
  background-image: linear-gradient(180deg, #ff3930, #ff8a00, #e8d73a, var(--content-panel));
  flex-direction: column;
  display: flex
}

.nF_dx.GzZtE .TZx4d .QMsVD .TV0vm {
  background-color: var(--content-panel);
  pointer-events: none;
  width: 97%;
  height: 150px;
  -webkit-mask-image: url(https://assets.tumblr.com/pop/src/assets/images/blaze/modal-fire-bg-dddfc930.svg);
  mask-image: url(https://assets.tumblr.com/pop/src/assets/images/blaze/modal-fire-bg-dddfc930.svg);
  -webkit-mask-position: 50% 50px;
  mask-position: 50% 50px;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: repeat-x;
  mask-repeat: repeat-x
}

.nF_dx.GzZtE .TZx4d .QMsVD .cXidc {
  color: var(--color-fg);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  font-family: var(--font-family-modern);
  text-align: center;
  align-self: center;
  display: inline-block;
  position: relative;
  top: 25px
}

.nF_dx.GzZtE .SMAce {
  background-color: var(--content-panel);
  max-width: 328px;
  margin-left: auto;
  margin-right: auto
}

.nF_dx.GzZtE .TVDzA {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--content-fg-secondary)
}

@media (max-width: 540px) {
  .nF_dx.GzZtE {
    flex-direction:column;
    flex: 1;
    min-height: auto;
    display: flex
  }

  .nF_dx.GzZtE .TZx4d {
    padding-bottom: 10%
  }

  .nF_dx.GzZtE .SMAce {
    background-color: var(--content-panel);
    max-width: none;
    height: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 0 5%
  }
}

.nF_dx.GzZtE.ycvbE,.nF_dx.GzZtE.ycvbE img {
  visibility: hidden
}

@media (max-width: 540px) {
  .nF_dx.GzZtE.ycvbE {
    visibility:visible
  }

  .nF_dx.GzZtE.ycvbE .achKX,.nF_dx.GzZtE.ycvbE .SMAce>div,.nF_dx.GzZtE.ycvbE .SMAce>fieldset {
    visibility: hidden
  }
}

.nF_dx .OIzSg img {
  width: 60px
}

.nF_dx .YZnLZ {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.30769;
  font-family: var(--font-family);
  color: var(--content-fg);
  text-align: center;
  padding-left: 45px;
  padding-right: 45px
}

.nF_dx .achKX {
  align-items: center;
  margin-bottom: 32px;
  display: flex;
  position: relative
}

.nF_dx .achKX .oQs98 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  width: 100%;
  max-width: 280px;
  color: var(--content-fg);
  text-align: center;
  margin: 0 auto
}

@media (max-width: 540px) {
  .nF_dx .achKX {
    width:inherit;
    margin-bottom: 0
  }

  .nF_dx .achKX.SKewB {
    margin-bottom: 20px
  }
}

.nF_dx .achKX .nhE3L {
  position: relative
}

.nF_dx .achKX .nhE3L .te1Ur {
  text-align: center;
  border-radius: 6px;
  flex: none;
  width: 100px;
  height: 100px;
  max-height: 100px;
  padding: 0;
  overflow: hidden
}

@media (max-width: 540px) {
  .nF_dx .achKX .nhE3L .te1Ur {
    width:80px;
    max-height: 80px
  }
}

.nF_dx .achKX .nhE3L .uhqpA {
  border: 4px solid var(--brand-yellow);
  border-radius: 5px;
  position: absolute;
  bottom: -25px;
  right: -25px
}

@media (max-width: 540px) {
  .nF_dx .achKX .nhE3L .uhqpA {
    border:4px solid var(--brand-yellow)
  }

  .nF_dx .VVkpl {
    border: 1px solid var(--content-tint)
  }
}

.nF_dx .k9mqe {
  padding-top: 24px
}

@media (max-width: 540px) {
  .nF_dx .k9mqe {
    flex-direction:column;
    padding: 15px 0
  }

  .nF_dx .DPlCX {
    background: var(--content-panel);
    padding-top: 0;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0
  }
}

.nF_dx .DPlCX .ILRkA span {
  border: 4px solid var(--content-fg);
  background-color: var(--brand-purple);
  min-width: 150px;
  box-shadow: 4px 4px 0px var(--content-fg);
  color: var(--color-fg-light);
  border-radius: 100px;
  margin: 0 5px 5px 0
}

@media (max-width: 540px) {
  .nF_dx .DPlCX .ILRkA span {
    box-shadow:none;
    border: none;
    line-height: 25px
  }
}

.nF_dx .ST0Bu {
  padding-top: 0
}

.nF_dx .ST0Bu .F0ual {
  background-color: var(--content-tint);
  border-radius: 50%;
  justify-content: center;
  width: 32px;
  height: 32px
}

.nF_dx .ncS4r {
  background-image: radial-gradient(55% 155% at 25% 106%,#ccf1ff,#ffdff5,#b09dff,#66d4ff);
  border-radius: 12px
}

.nF_dx .QXuBs {
  color: var(--content-fg)
}

@media (max-width: 540px) {
  .nF_dx .QXuBs {
    flex-direction:row;
    justify-content: space-between;
    display: flex
  }
}

.nF_dx .QXuBs .XjFjI {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  flex-direction: column;
  padding-top: 0;
  display: flex
}

.nF_dx .QXuBs .XjFjI span {
  margin-right: 5px
}

.nF_dx .QXuBs .jmG7D {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  align-self: flex-start
}

.nF_dx .QXuBs .XezzS.m23e8 {
  font-style: italic;
  text-decoration: line-through
}

.nF_dx .ncS4r .QXuBs {
  color: var(--color-fg)
}

.SWOvi {
  text-decoration: underline
}

.wKz4d {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80%;
  display: flex;
  position: absolute;
  top: 60px;
  left: 0
}

.wKz4d .amVpp {
  width: 300px;
  color: var(--content-fg);
  font-size: 1.75rem;
  font-weight: 700
}

.J0B8j {
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex
}

.NPvAb {
  box-sizing: border-box;
  border: 1px solid var(--content-tint);
  background-color: var(--content-panel);
  border-radius: 10px;
  max-width: 328px;
  height: 100%;
  min-height: 242px;
  max-height: 30vh;
  padding: 10px;
  overflow-y: scroll;
  box-shadow: 0 4px 16px rgba(0,0,0,.05)
}

.NPvAb .MarEW:focus-visible {
  background-color: var(--content-tint);
  border-radius: 10px
}

@media (hover: hover) {
  .NPvAb .MarEW:hover {
    background-color:var(--content-tint);
    border-radius: 10px
  }
}

.NPvAb .MarEW:focus-within {
  background-color: var(--content-tint);
  border-radius: 10px
}

.NPvAb .MOwAM {
  color: var(--content-fg-secondary);
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family)
}

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

.NPvAb .lc4gS {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  max-width: 220px;
  color: var(--content-fg-secondary);
  text-align: center
}

.W5NBP {
  background-color: var(--content-panel);
  width: 24px;
  height: 24px;
  color: var(--content-fg);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  display: flex
}

.W5NBP.Rgrzy {
  background-color: var(--brand-orange);
  color: var(--color-fg-light)
}

.SN3pO {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--content-fg)
}

.Xy88p {
  flex-direction: column;
  gap: 1px;
  max-width: 494px;
  margin: 0 auto;
  display: flex
}

.xwAlz {
  background: var(--content-tint)
}

.xwAlz:first-child {
  border-radius: 8px 8px 0 0
}

.xwAlz:last-child {
  border-radius: 0 0 8px 8px
}

.RSejs {
  background-color: transparent
}

.QDKSS {
  margin-left: 52px;
  margin-right: 24px
}

.QDKSS ul {
  padding-left: 1.2em
}

.QDKSS li:not(:last-child) {
  margin-bottom: 3px
}

.enbwI {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-bottom: 48px;
  display: flex
}

.enbwI.bsMAH {
  margin-bottom: 24px
}

.pV1Zd {
  flex-direction: column;
  align-items: center;
  max-width: 90px;
  display: flex
}

._eEqs {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 16px;
  display: flex
}

.xyQyn {
  --icon-color-primary: var(--brand-blue);
  background-color: var(--brand-blue-tint)
}

.PV5tm {
  --icon-color-primary: var(--brand-green);
  background-color: var(--brand-green-tint)
}

.Xvu4Q {
  --icon-color-primary: var(--brand-orange);
  background-color: var(--brand-orange-tint)
}

.VHYIk {
  color: var(--content-fg);
  text-align: center;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family)
}

.C9hJo {
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.52381;
  font-family: var(--font-family);
  text-align: center;
  margin-bottom: 16px
}

.h2o6n {
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family);
  color: var(--content-fg-secondary)
}

.x5SuW {
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family);
  color: var(--content-fg-secondary);
  text-align: center;
  margin-bottom: 42px
}

.Bd_XU {
  margin-bottom: 24px
}

.ri5eP {
  background-color: var(--brand-orange);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  font-family: var(--font-family);
  text-align: center;
  border-radius: 25px;
  max-width: 143px;
  margin: 0 auto 64px;
  padding: 12px 0;
  text-decoration: none;
  display: block
}

.RyfGF {
  border: 1px solid var(--content-tint);
  border-radius: 50%
}

.xP9Ip .ebil_ {
  padding: 4px 0 4px 10px
}

.xP9Ip .ebil_ button {
  text-align: left;
  padding: 10px 0
}

@media (hover: hover) {
  .xP9Ip .ebil_:hover {
    background-color:var(--content-tint);
    border-radius: 10px
  }
}

.xP9Ip .ebil_:focus-visible {
  background-color: var(--content-tint);
  border-radius: 10px
}

.xP9Ip .ebil_:focus-within {
  background-color: var(--content-tint);
  border-radius: 10px
}

.Aew3t .xP9Ip {
  box-sizing: border-box;
  border: 1px solid var(--content-tint);
  background-color: var(--content-panel);
  color: var(--content-fg);
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0 8px 20px rgba(0,0,0,.1)
}

.Zo900 {
  padding-bottom: 16px
}

.wLIxd button,.wLIxd .t6PAt {
  padding: 0
}

.wLIxd .ebil_ {
  padding: 4px 0 4px 6px
}

.DKjfg:not(:last-child) {
  padding-bottom: 8px
}

.DKjfg {
  align-items: center;
  gap: 8px;
  display: flex
}

.DKjfg ._8DeZd {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  display: flex
}

.DKjfg .pv2zo {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family)
}

.DKjfg .kR4k3 {
  color: var(--content-fg-secondary);
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family)
}

.DKjfg .RyfGF {
  border: 1px solid var(--content-tint);
  border-radius: 50%
}

.k0Bm3 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family)
}

.hO4Gs {
  color: var(--content-fg-secondary);
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family)
}

.kEGuS {
  border: 2px solid var(--brand-blue);
  background-color: var(--content-panel)
}

.XKw_n {
  justify-content: center;
  display: flex
}

.rGgIn {
  color: var(--content-fg-secondary);
  text-align: center;
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family)
}

.QLdrl {
  cursor: pointer;
  margin-left: 4px
}

.X0kwN {
  box-sizing: border-box;
  --icon-color-primary: var(--content-fg-secondary);
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin: 0 11px;
  display: flex
}

.snP5T {
  border: 2px solid var(--content-tint-strong);
  border-radius: 50%
}

.kX_oQ {
  z-index: 50;
  border: 1px solid var(--content-tint);
  background: var(--content-panel);
  background-color: var(--content-panel);
  max-width: min(100vw - 16px,248px);
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--content-fg-secondary);
  border-radius: 4px;
  margin-top: 4px;
  padding: 16px;
  box-shadow: 0 8px 20px rgba(0,0,0,.1)
}

.gto4H {
  white-space: pre-wrap;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin: 0;
  display: flex
}

.sPb5P {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--content-fg);
  text-align: center;
  padding: 0 12px 32px 26px
}

.o2DB9 {
  flex-direction: column;
  gap: 12px;
  display: flex
}

.rZSv_ {
  background-color: var(--content-tint);
  width: 328px;
  color: var(--content-fg-secondary);
  text-align: center;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  font-family: var(--font-family);
  border-radius: 25px;
  padding: 16px 0
}

.x_pLk {
  background-color: var(--brand-blue-tint-strong);
  color: var(--brand-blue)
}

.gWDT8 {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex
}

.AZ5K5 {
  background-color: var(--brand-green)
}

.vpC8N {
  background-color: var(--brand-red)
}

.yvLyG {
  background-color: var(--brand-purple)
}

.VUaL_ .tObXK:focus-within {
  background-color: var(--content-tint);
  border-radius: 4px
}

@media (hover: hover) {
  .VUaL_ .tObXK:hover {
    background-color:var(--content-tint);
    border-radius: 4px
  }
}

.VUaL_ .rdwxF {
  flex-direction: row;
  align-items: center;
  gap: 20px;
  display: flex
}

.VUaL_ .HMTsP {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--content-fg);
  text-align: left
}

.VUaL_ .l3NE9 {
  color: var(--content-fg-secondary);
  text-align: left;
  font-size: 14px
}

.t_hPc {
  flex-flow: wrap;
  justify-content: center;
  gap: 8px;
  width: 415px;
  margin-top: 6px;
  display: flex;
  position: relative;
  left: -50px
}

@media (max-width: 540px) {
  .t_hPc {
    justify-content:left;
    width: 100%;
    position: static
  }
}

.Kh31R {
  white-space: nowrap;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  box-sizing: border-box;
  border: 2px solid var(--content-tint);
  background-color: var(--content-tint);
  border-radius: 100px;
  padding: 2px 10px
}

.Kh31R.jdv6J {
  border: 2px solid var(--brand-blue);
  background-color: var(--content-panel)
}

.xjnUC {
  width: 100%
}

.oV1aS {
  box-sizing: border-box;
  border: 2px solid var(--content-tint);
  background-color: var(--content-tint);
  border-radius: 8px;
  outline: none;
  width: 100%;
  height: 48px;
  padding: 0 10px
}

.oV1aS:focus-visible {
  border: 2px solid var(--brand-blue)
}

.oV1aS.LYqXD {
  border-color: var(--danger)
}

.gRH0R {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--danger);
  margin-top: 8px
}

.LzrSn {
  justify-content: center;
  display: flex
}

.Ek0jg {
  flex-direction: column;
  gap: 18px;
  margin-bottom: 16px;
  display: flex
}

.Ek0jg .VVL75 {
  border: 1px solid var(--content-tint);
  text-align: left;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  border-radius: 12px;
  gap: 14px;
  padding: 12px;
  display: flex
}

.Ek0jg .VVL75 .B_5sb {
  margin-top: 10px
}

.eWQxY {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg);
  margin-bottom: 2px
}

.nvfzE {
  font-size: .875rem;
  font-weight: 350;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg-secondary);
  margin-bottom: 4px
}

.sHSSD {
  position: relative
}

.sHSSD .akmAa:focus-visible {
  outline: none
}

.sHSSD .aLlJL {
  background-color: var(--content-tint);
  cursor: grab;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  border-radius: 18px;
  align-items: flex-end;
  margin: 4px 8px 4px 0;
  padding: 8px 12px 8px 16px;
  line-height: 1.25;
  display: inline-flex;
  position: relative
}

.sHSSD .aLlJL:active {
  cursor: grabbing
}

.sHSSD:focus-visible {
  outline: none
}

.sHSSD .unn5w {
  white-space: pre-wrap;
  cursor: text
}

.sHSSD .unn5w:before {
  content: "#"
}

@media (hover: hover) {
  .sHSSD .unn5w:hover {
    outline-width:.5px;
    outline-style: dotted
  }
}

.sHSSD .unn5w:focus-visible {
  outline-width: 2px;
  outline-style: dotted
}

.sHSSD .Zo7Ev:before {
  content: "#"
}

.sHSSD .nsLCV {
  opacity: .4;
  align-self: center;
  margin-left: 5px
}

@media (hover: hover) {
  .sHSSD .nsLCV:hover {
    opacity:1
  }
}

.yCyjX {
  opacity: .1
}

.hx2Dc button,.hx2Dc path {
  visibility: hidden
}

.loKTz {
  background-color: var(--content-panel);
  max-width: 328px;
  height: 100%;
  min-height: 242px;
  max-height: 30vh;
  overflow-y: scroll
}

.loKTz .C3Zeo:focus-visible {
  background-color: var(--content-tint);
  border-radius: 10px
}

@media (hover: hover) {
  .loKTz .C3Zeo:hover {
    background-color:var(--content-tint);
    border-radius: 10px
  }
}

.loKTz .C3Zeo:focus-within {
  background-color: var(--content-tint);
  border-radius: 10px
}

.loKTz .G37vG {
  color: var(--content-fg-secondary);
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family)
}

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

.loKTz .zN7tb {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  max-width: 220px;
  color: var(--content-fg-secondary);
  text-align: center
}

.IgP1e {
  word-break: break-word;
  flex-wrap: wrap;
  align-items: center;
  max-width: 100%;
  padding: 6px;
  display: flex;
  position: relative
}

.IgP1e .Tn4eg {
  display: grid
}

.IgP1e .Tn4eg:after {
  visibility: hidden;
  content: attr(data-value) " ";
  white-space: pre-wrap;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  border: none;
  grid-area: 1/1/2/2;
  width: auto;
  padding: 6px 10px;
  line-height: 1.25
}

.IgP1e .Jsugk .rIHzD {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  background-color: var(--content-tint-strong);
  border-radius: 4px;
  margin: 0 4px 4px 0;
  padding: 4px 9px
}

.IgP1e .sP9AB {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  box-sizing: border-box;
  width: auto;
  color: var(--content-fg);
  resize: none;
  background: 0 0;
  border: none;
  grid-area: 1/1/2/2;
  padding: 6px 10px;
  line-height: 1.25;
  overflow: hidden
}

@media (hover: hover) {
  .IgP1e .sP9AB:hover:not(:focus-visible) {
    cursor:pointer
  }
}

.IgP1e .sP9AB::placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  opacity: .6
}

.IgP1e .sP9AB:focus-visible {
  outline: none
}

.JyzY3 {
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family);
  color: var(--danger);
  padding-left: 4px
}

.LScGv {
  border: 2px solid var(--content-tint);
  background-color: var(--content-tint);
  border-radius: 12px;
  position: relative
}

.LScGv:focus-within {
  border: var(--brand-blue) 2px solid
}

.xXTjk {
  box-sizing: border-box;
  background: var(--content-panel);
  width: 100%;
  height: auto;
  color: var(--content-fg);
  font-size: inherit;
  resize: none;
  border: none;
  outline: 0
}

.xXTjk:focus-visible {
  outline: 0
}

.xXTjk[disabled] {
  background: 0 0
}

.JWdar {
  background-color: var(--content-tint);
  border-radius: 8px;
  align-items: flex-start;
  gap: 8px;
  padding: 8px;
  display: flex
}

.JWdar .xXTjk {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  background: 0 0;
  max-height: 120px;
  padding: 0 12px 0 0
}

.KWFLb {
  color: var(--content-fg-secondary);
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family)
}

.KWFLb>svg {
  --icon-color-background: transparent;
  flex-shrink: 0
}

.a3_ie {
  margin-right: 6px;
  display: inline
}

.Y7QU6 {
  color: var(--accent);
  font-weight: 700;
  display: inline
}

@media (hover: hover) {
  .Y7QU6:hover {
    text-decoration:underline
  }
}

.vwIjp {
  background-color: var(--content-panel);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.EAugG {
  box-sizing: border-box;
  width: 100%;
  min-height: 300px;
  color: var(--content-fg-secondary);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 8px 32px 0;
  display: flex;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden
}

.EAugG:before {
  background-color: var(--content-tint);
  content: "";
  pointer-events: none;
  border-radius: 8px;
  position: absolute;
  top: 8px;
  bottom: 0;
  left: 8px;
  right: 8px
}

.Qb2zX.vS0xc {
  height: 300px;
  overflow: hidden
}

.UF4Vo {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  font-family: var(--font-family-modern);
  align-items: center;
  gap: 6px;
  display: flex
}

.UF4Vo>svg {
  --icon-color-background: transparent
}

.MIDUS {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern)
}

.UypGJ {
  min-height: 250px
}

.dR2LL {
  cursor: auto;
  line-height: 21px
}

.dR2LL .ynaAM {
  justify-content: center;
  display: flex
}

.dR2LL .osMQ1 {
  cursor: pointer
}

.dR2LL .H71ba {
  text-align: center;
  cursor: default
}

.dR2LL .H71ba button {
  width: auto
}

.dR2LL .H71ba button>span {
  align-items: center;
  display: flex
}

.dR2LL .H71ba button svg {
  --icon-color-accent: var(--color-primary-link);
  --icon-color-primary: transparent;
  width: 29px;
  height: 29px;
  font-weight: 700
}

@media (min-width: 990px) {
  .dR2LL .H71ba button {
    vertical-align:bottom;
    height: 23px;
    overflow: hidden
  }
}

@media (max-width: 540px) {
  .dR2LL .H71ba {
    display:block
  }
}

.dR2LL .Cc6H4 {
  color: var(--content-fg-secondary);
  font-size: .85rem
}

.KkT0i {
  width: 100%
}

.D5eCV {
  background: var(--chrome);
  width: 100%;
  min-height: 100vh
}

.D5eCV.Mpbf7 {
  margin-bottom: 150px
}

.D5eCV.ZCrhL {
  background-image: radial-gradient(circle, var(--chrome-tint-heavy) 3px, transparent 4px),radial-gradient(circle, var(--chrome-tint-heavy) 3px, transparent 4px);
  background-position: 0 0,24px 24px;
  background-size: 48px 48px,48px 48px;
  background-color: var(--chrome)
}

.ZYef7 {
  width: inherit;
  min-height: inherit
}

.c9lq9 {
  min-height: inherit;
  flex-direction: row;
  justify-content: center;
  display: flex
}

.c9lq9 .h_Erh,.c9lq9 ._3xgk {
  display: flex
}

.c9lq9 .h_Erh {
  flex-shrink: 0;
  flex-basis: 64px;
  justify-content: flex-end;
  margin-right: 20px
}

@media (min-width: 1018px) {
  .c9lq9 .h_Erh {
    flex-basis:96px
  }
}

@media (min-width: 1162px) {
  .c9lq9 .h_Erh {
    flex-basis:240px
  }
}

.c9lq9 ._3xgk {
  flex-basis: 966px;
  justify-content: flex-start;
  min-width: 902px
}

.c9lq9 ._3xgk.Ril26 {
  flex-basis: 881px;
  min-width: 817px
}

.c9lq9 ._3xgk.jB5sp {
  flex-grow: 1;
  justify-content: center;
  margin-left: -20px
}

.c9lq9 ._3xgk.VsR8V {
  flex-grow: 1
}

@media (min-width: 1221px) {
  .c9lq9 ._3xgk.VsR8V.QDysN,.c9lq9 ._3xgk.VsR8V.au16g {
    max-width:961px
  }
}

@media (min-width: 1541px) {
  .c9lq9 ._3xgk.VsR8V.au16g {
    max-width:1281px
  }
}

@media (min-width: 1221px) {
  .c9lq9 ._3xgk.VsR8V.f_ziq {
    max-width:961px
  }
}

@media (min-width: 1541px) {
  .c9lq9 ._3xgk.VsR8V.f_ziq {
    max-width:1281px
  }
}

@media (min-width: 1861px) {
  .c9lq9 ._3xgk.VsR8V.f_ziq {
    max-width:1601px
  }
}

.hvRip {
  box-sizing: border-box;
  z-index: 1;
  background: var(--content-panel);
  width: 100%;
  max-width: 556px;
  box-shadow: 0 0 0 1px var(--content-panel-border);
  border-radius: 8px;
  margin: 0 auto 16px;
  padding: 16px;
  position: relative
}

.qxjBQ {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  display: flex
}

.tQAb_ {
  cursor: pointer;
  background: 0 0;
  border: none;
  flex: 1;
  align-items: center;
  min-width: 0;
  padding: 0;
  display: flex;
  overflow: hidden
}

.tQAb_>:first-child {
  min-width: 0
}

.DD7CH {
  flex: 1;
  min-width: 0;
  overflow: hidden
}

.DD7CH>:first-child {
  min-width: 0
}

.LJGtc {
  color: var(--content-fg-secondary)
}

.fL_13 {
  max-height: 75vh;
  overflow-y: auto
}

.wZ2Na {
  flex-shrink: 0;
  gap: 8px;
  display: flex
}

.CQxdm {
  font-size: .875rem;
  font-weight: 350;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg-secondary);
  margin-left: 4px
}

.eWePZ {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex
}

.F6ZFL {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  min-width: 0;
  color: var(--content-fg-secondary);
  text-align: left;
  cursor: text;
  background: 0 0;
  border: none;
  flex: 1;
  padding: 0
}

.TxB0V {
  align-items: center;
  gap: 4px;
  display: flex
}

@media (max-width: 540px) {
  .F6ZFL {
    padding:8px 0
  }
}

.raBdW {
  box-sizing: border-box;
  width: 80%;
  max-width: 960px;
  height: 100%
}

.raBdW .q5M3M {
  overflow: hidden
}

@media (max-width: 1200px) {
  .raBdW {
    width:100%;
    max-width: 580px
  }
}

@media (max-width: 540px) {
  .raBdW {
    width:100%;
    height: 100%
  }
}

.RkANE {
  box-sizing: border-box;
  max-width: 960px
}

@media not (max-width: 540px) {
  .RkANE {
    margin:40px auto 0
  }
}

@media (min-width: 990px) {
  .RkANE {
    width:100%;
    margin: 14px 0 0
  }
}

@media (max-width: 1240px) {
  .RkANE {
    width:100%;
    max-width: 580px;
    margin: 14px auto 0
  }
}

.a5Orv {
  position: relative;
  top: 8px;
  left: 8px
}

.a5Orv>button {
  box-shadow: inset 0 0 1px var(--color-modal-close-button);
  position: absolute
}

@media (max-width: 540px) {
  .a5Orv {
    z-index:calc(100 + 1);
    position: fixed;
    top: 6px;
    left: 50px
  }
}

.rQZCM {
  margin-top: 3px
}

@media (max-width: 540px) {
  .opmPA {
    width:12px;
    height: 12px
  }
}

.FOqaP {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  color: var(--content-fg);
  text-align: center;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0;
  text-decoration: none;
  display: flex
}

.FOqaP .ADK9v {
  flex-direction: column;
  transition: transform 80ms linear;
  display: flex
}

@media (hover: hover) {
  .FOqaP:hover .ADK9v {
    transform:translateY(-3px)
  }
}

.FOqaP:focus-visible .ADK9v {
  transform: translateY(-3px)
}

.wttFd {
  box-sizing: border-box;
  background-color: var(--content-panel);
  min-height: 100px;
  box-shadow: 0 0 0 1px var(--content-panel-border);
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  padding: 15px 5px;
  display: flex;
  position: relative
}

.wttFd ul {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex
}

.wttFd ul li {
  width: 100%;
  list-style-type: none
}

.wttFd ul svg {
  margin-bottom: 5px
}

.WZwzL {
  flex-direction: column;
  height: 100%;
  display: flex
}

.nLR3K {
  box-sizing: border-box;
  padding: 16px 16px 8px
}

.ae2UE {
  flex-grow: 1
}

.nmv7n {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex
}

.ljzjs {
  overflow: auto
}

.BwN7_ {
  cursor: pointer;
  outline: none;
  padding: 8px 16px;
  position: relative
}

.BwN7_[data-focus-visible]:after {
  border: solid 2px var(--accent);
  content: "";
  pointer-events: none;
  border-radius: 8px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 8px;
  right: 8px
}

.VpymI {
  box-sizing: border-box;
  border-top: 1px solid var(--content-tint);
  flex-direction: column;
  gap: 16px;
  width: 100%;
  min-height: 152px;
  padding: 12px 16px;
  display: flex;
  box-shadow: 0 12px 32px rgba(0,0,0,.2)
}

.ZZVdr {
  font-size: .875rem;
  font-weight: 350;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg-secondary)
}

.riFIX {
  flex-flow: row;
  flex: 1;
  gap: 16px;
  margin: 0;
  padding: 0;
  display: flex;
  overflow-y: auto
}

.pqaan {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  box-sizing: border-box;
  color: var(--content-fg);
  flex-direction: row;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex
}

.iTy7z {
  flex-direction: row;
  align-items: center;
  gap: 12px;
  display: flex
}

.p_ORk {
  flex-direction: row;
  flex: 0;
  gap: 8px;
  display: flex
}

.rhjxY {
  flex: 1;
  position: relative
}

.rhjxY input {
  padding-right: 40px
}

.rhjxY>:last-child {
  position: absolute;
  bottom: 4px;
  right: 0
}

.VVNrk {
  width: 350px;
  height: 504px
}

.VVNrk .HK_Vz {
  height: 100%;
  position: relative;
  overflow: hidden
}

.VVNrk .XxJ_2 {
  transition: transform .3s;
  transform: translateY(0)
}

.VVNrk .XxJ_2.QlFlg {
  transform: translateY(-100%)
}

.VVNrk .uhxnt {
  width: 100%;
  height: 252px;
  transition: top .3s;
  position: absolute;
  top: 185px;
  left: 0
}

.VVNrk .uhxnt.NLkfy {
  height: 437px;
  top: 0
}

.xm2yI {
  box-sizing: border-box;
  height: 408px
}

.xm2yI.NLkfy {
  height: 85%
}

.xm2yI .HK_Vz {
  flex-direction: column;
  height: 100%;
  display: flex
}

.xm2yI .XxJ_2 {
  flex-grow: 1
}

.xm2yI .uhxnt {
  background-color: var(--content-panel)
}

.nn2L0 {
  border-top: 1px solid var(--content-tint)
}

.Ba50j {
  flex-direction: row;
  display: flex
}

.yMt5g {
  border: 2px solid transparent;
  border-radius: 9999px;
  margin: -2px;
  overflow: hidden
}

.yMt5g:not(:first-child) {
  margin-left: -10px
}

.yMt5g.YF_ty {
  background-color: var(--chrome-panel)
}

.yMt5g.NG9dZ {
  background-color: var(--content-panel)
}

@supports ((-webkit-mask-image: none) or (mask-image:none)) {
  .yMt5g {
    border:none;
    margin: 0
  }

  .yMt5g:not(:first-child) {
    margin-left: 0
  }

  .yMt5g.YF_ty,.yMt5g.NG9dZ {
    background-color: transparent
  }

  .yMt5g:not(:last-child) {
    margin-right: -8px;
    -webkit-mask-image: radial-gradient(14px at right -4px bottom 10px,transparent 99%,#fff 100%);
    mask-image: radial-gradient(14px at right -4px bottom 10px,transparent 99%,#fff 100%)
  }
}

.oea_J:last-child {
  display: flex
}

.oea_J:last-child:after {
  margin-right: inherit;
  content: ""
}

.oea_J .baUXc {
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex
}

.oea_J .iOPva {
  color: var(--content-fg-secondary);
  margin-top: 3px
}

.oea_J .Z8bqG {
  background-color: var(--content-panel);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  margin: 0 16px;
  padding: 16px;
  display: flex
}

.HX0fM {
  z-index: -100;
  opacity: 0;
  position: absolute
}

@media (hover: hover) {
  .yDfZA:hover {
    cursor:not-allowed
  }
}

.nTtVZ {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex
}

@media not (min-width: 990px) {
  .nTtVZ {
    background:var(--content-panel);
    height: auto;
    color: var(--content-fg);
    position: absolute;
    bottom: 0
  }
}

.nTtVZ .rnFEP {
  align-items: center;
  padding-left: 15px;
  display: flex;
  position: relative
}

.nTtVZ .Yexkw {
  margin-right: 20px;
  overflow: visible
}

.nTtVZ .Yexkw:after {
  z-index: 1;
  background: linear-gradient(to right, var(--content-panel) 0%, transparent 100%);
  content: " ";
  width: 20px;
  height: 100%;
  position: absolute;
  top: 0
}

.nTtVZ .GISqs {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  background-color: var(--content-panel);
  width: auto;
  color: var(--content-fg);
  border: none;
  flex: 1;
  padding: 15px 15px 15px 0
}

.nTtVZ .GISqs:focus-visible {
  outline: none
}

.nTtVZ .gaUpz {
  flex-grow: 1;
  display: flex;
  position: relative;
  overflow-x: auto
}

.nTtVZ .hsO5V {
  align-items: center;
  margin: 0;
  padding: 0;
  display: flex;
  position: relative
}

.nTtVZ .c3A_k {
  background: var(--content-fg);
  height: 21px;
  color: var(--color-fg-light);
  white-space: nowrap;
  border-radius: 10px;
  margin-right: 8px;
  padding: 0 9px;
  font-weight: 400;
  line-height: 21px;
  display: inline-block;
  position: relative
}

@media (hover: hover) {
  .nTtVZ .c3A_k:hover .IznjY {
    display:block
  }
}

.nTtVZ .IznjY {
  border: 1px solid var(--content-panel);
  background: inherit;
  cursor: pointer;
  fill: var(--color-fg-light);
  border-radius: 14px;
  padding: 2px;
  display: none;
  position: absolute;
  top: -7px;
  right: -9px
}

@media (max-width: 540px) {
  .nTtVZ .IznjY {
    display:block
  }
}

.nTtVZ .KAE3V {
  -webkit-overflow-scrolling: touch;
  flex: 1;
  align-items: center;
  min-height: 130px;
  display: flex;
  position: relative;
  overflow-x: auto
}

.nTtVZ .uiB5u {
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family);
  color: var(--content-fg-secondary);
  margin: auto
}

.nTtVZ .T1G8P {
  align-items: flex-start;
  display: flex
}

.nTtVZ .T1G8P .wAOAc {
  width: 60px;
  margin: 3px 5px
}

.nTtVZ .T1G8P .wAOAc .IrKkW {
  margin: 2px auto 0
}

.nTtVZ .T1G8P .wAOAc.PsNK0 .coBOo,.nTtVZ .T1G8P .wAOAc.PsNK0 .H6xf6 {
  color: currentColor
}

.nTtVZ .T1G8P .H6xf6,.nTtVZ .T1G8P .coBOo {
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  overflow: hidden
}

.nTtVZ .T1G8P .coBOo {
  font-size: .78125rem;
  font-weight: 700;
  line-height: 1.52;
  font-family: var(--font-family);
  color: var(--content-fg);
  margin: 10px 0 2px
}

.nTtVZ .T1G8P .H6xf6 {
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family);
  color: var(--content-fg-secondary);
  margin: 0 0 5px
}

.nTtVZ .A__g4 {
  justify-content: space-between;
  gap: 8px;
  padding: 10px;
  display: flex
}

.nTtVZ .Rw5fx {
  flex-grow: 1
}

.nTtVZ .cFsuL {
  padding: 0 8px
}

.nTtVZ .cFsuL button[disabled] svg {
  cursor: default
}

.nTtVZ .cFsuL button[disabled] svg use {
  --icon-color-primary: var(--content-fg-tertiary)
}

.nTtVZ .cFsuL svg {
  fill: inherit
}

.nTtVZ .Up_nj,.nTtVZ .cFsuL {
  align-items: center;
  display: flex
}

.nTtVZ .Up_nj {
  padding: 0 15px
}

.nTtVZ .cY7ni {
  flex: 1;
  padding: 12px 5px;
  display: flex
}

.nTtVZ .yL6v8 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  width: 100%;
  padding: 12px 5px;
  display: flex
}

.nTtVZ .yL6v8 textarea {
  max-height: 100px
}

.nTtVZ .QJkxF {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--content-fg);
  padding: 20px
}

.nTtVZ .A0l7h {
  border-right: var(--content-tint-strong) 1px solid;
  margin-right: 9px;
  padding: 0 9px 0 0
}

.nTtVZ .CTDfP {
  background-color: var(--content-tint);
  flex-direction: column;
  padding: 8px 0;
  display: flex
}

.nTtVZ .CTDfP .gdfgp {
  align-items: baseline;
  padding: 8px 0;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden
}

.nTtVZ .CTDfP .gdfgp>:first-child {
  margin-left: auto
}

.nTtVZ .CTDfP .gdfgp>:last-child {
  margin-right: auto
}

.wFg7L {
  flex-wrap: wrap;
  gap: 4px;
  padding: 16px;
  display: flex
}

.wFg7L a {
  text-decoration: none
}

.naRXw {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  background-color: var(--content-tint);
  color: var(--content-fg);
  border-radius: 9999px;
  padding: 8px 12px
}

.naRXw .hU3f3 {
  align-items: center;
  gap: 6px;
  display: flex
}

.fLccs {
  flex-flow: wrap;
  flex-shrink: 100000;
  justify-content: space-between;
  align-items: center;
  min-width: 24px;
  text-decoration: none;
  display: flex;
  position: relative
}

.fLccs:focus-visible {
  outline: auto;
  outline-color: var(--accent)
}

@media not (min-width: 990px) {
  .fLccs.b76BB {
    visibility:hidden
  }
}

@media (max-width: 540px) {
  .fLccs.b76BB {
    visibility:hidden
  }
}

.zU1s3 {
  flex-shrink: 0
}

@media (max-width: 350px) {
  .zU1s3 {
    visibility:hidden
  }
}

.zU1s3 {
  width: 24px;
  height: 100%;
  margin-right: 10px;
  position: relative
}

.zU1s3 svg {
  margin: auto;
  display: block
}

.LVy2A,.m544j,.XuRmK {
  will-change: transform;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.XuRmK {
  right: unset;
  left: 8px
}

.UGqjE {
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family)
}

.UGqjE:focus-visible {
  outline: auto;
  outline-color: var(--accent)
}

.lEZQk {
  border: 1px solid;
  border-radius: 16px;
  align-self: center;
  margin-left: auto;
  margin-right: 16px;
  padding: 4px 16px
}

.IBqNg {
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family);
  text-overflow: ellipsis;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:1) {
  .IBqNg {
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:1)) {
  .IBqNg {
    white-space:nowrap
  }
}

.AoEeU {
  flex-direction: column;
  gap: 16px;
  display: flex
}

.sLd13 {
  border: 1px solid var(--content-tint-heavy);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-radius: 8px;
  outline: none;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  transition: border-color .1s linear,background-color .1s linear;
  display: flex
}

.sLd13[data-focus-visible] {
  outline-color: var(--accent);
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: solid
}

.sLd13.MCHyM {
  cursor: default;
  opacity: .5
}

.sLd13[data-checked=true] {
  border-color: var(--accent);
  background-color: var(--accent-tint)
}

.sLd13[data-checked=true] .NjLa2 {
  color: var(--content-fg)
}

.qoKkm {
  box-sizing: border-box;
  border: 1px solid var(--content-tint-heavy);
  border-radius: 9999px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex
}

.qoKkm[data-checked=true] {
  border-color: var(--accent)
}

.qoKkm[data-checked=true]:after {
  background-color: var(--accent);
  content: "";
  border-radius: 9999px;
  width: 14px;
  height: 14px
}

.fiFAB {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg)
}

.NjLa2 {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg-secondary);
  transition: color .1s linear
}

.o8bvw {
  padding: 20px;
  overflow-y: scroll
}

.I9C9h {
  justify-content: flex-end;
  gap: 8px;
  display: flex
}

.EKpJR {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  margin-bottom: 12px
}

.TSP_V {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  font-family: var(--font-family-modern)
}

.y0RtB {
  font-size: .875rem;
  font-weight: 350;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  color: var(--danger);
  gap: 8px;
  margin: 8px 0;
  display: flex
}

.y0RtB .RPez8 {
  margin-top: 1px
}

.Pvpdc {
  text-align: center;
  align-items: center;
  padding: 20px
}

.xA5Ll {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  margin-top: 16px;
  margin-bottom: 20px;
  display: flex
}

.Q7QOg {
  color: var(--content-fg);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2rem;
  font-family: var(--font-family-modern)
}

.Sz17T {
  width: 75%;
  color: var(--content-fg-secondary);
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern)
}

.WqS4f {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg)
}

.suQrH {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  font-family: var(--font-family-modern)
}

.wb2jv {
  border: 1px solid var(--content-tint-heavy);
  border-radius: 8px;
  padding: 16px
}

.w3ESf {
  margin: auto
}

.aKxym {
  width: 100%
}

.XcOTm {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex
}

.XcOTm .yizJJ {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--content-fg);
  text-align: center;
  text-decoration: none
}

.tj__i {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  box-sizing: border-box;
  text-align: center;
  overflow-wrap: anywhere;
  justify-content: center;
  width: 100%;
  overflow: hidden
}

.tj__i.k5oYK {
  color: var(--danger)
}

.tj__i.nmuaj {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family)
}

@media (hover: hover) {
  .tj__i.jEDH1:hover {
    background-color:var(--success-tint-strong)
  }

  .tj__i.pCG_J:hover {
    background-color: var(--danger-tint-strong)
  }
}

.tj__i.CBw_Y {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  flex-flow: wrap;
  align-items: center;
  display: flex
}

.tj__i.CBw_Y .DO6od {
  margin: 0 4px
}

.tj__i.xE_jS {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  text-align: center;
  cursor: default;
  flex-flow: wrap;
  align-items: center;
  display: flex
}

.tj__i.zYfpb {
  border-bottom: 1px solid var(--content-tint-strong)
}

.tj__i.lZPim button {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family)
}

.tj__i.z6fPH {
  padding: 0
}

.tj__i button:disabled {
  cursor: default;
  opacity: .65
}

.JbNHG {
  width: 100%;
  padding: 10px
}

.ICDQa {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  box-sizing: border-box;
  background-color: var(--content-tint);
  width: 100%;
  color: var(--content-fg-secondary);
  padding: 5px 10px
}

.fS3sp {
  padding-top: 2px;
  padding-bottom: 2px
}

.CiFOS {
  padding: 16px;
  display: flex
}

.tDrb8 {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  box-sizing: border-box;
  flex-grow: 2;
  flex-basis: content;
  width: 100%;
  color: var(--chrome-fg-secondary);
  cursor: pointer;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: flex
}

@media (hover: hover) {
  .tDrb8:hover {
    background:var(--chrome-tint)
  }
}

.r46S_ {
  align-items: center;
  display: flex
}

.EhYXO {
  border-radius: 3px;
  width: 25px;
  height: 25px;
  margin-right: 15px
}

.fv3fw {
  flex-grow: 1;
  flex-basis: content;
  border-radius: 0 8px 8px 0;
  justify-content: flex-end;
  align-items: normal;
  display: flex
}

.T7awP {
  align-self: center;
  padding: 7px
}

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

.IBIxS {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  padding: 12px 8px;
  display: flex
}

@media (max-width: 540px) {
  .IBIxS {
    gap:8px
  }
}

.IBIxS.IatRg {
  gap: 4px
}

.fPlC8 {
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: start;
  gap: 40px;
  width: 100%;
  display: grid
}

@media (max-width: 540px) {
  .fPlC8 {
    gap:8px
  }
}

.fPlC8.nLlV2 {
  gap: 4px
}

@container (width<=350px) {
  .IBIxS,.fPlC8 {
    gap: 4px
  }
}

.Ba7oJ {
  position: absolute;
  right: 52px
}

@media (max-width: 540px) {
  .Ba7oJ {
    right:48px
  }
}

@media (max-width: 430px) {
  .Ba7oJ {
    right:44px
  }
}

@media (max-width: 540px) {
  .yuW2r.BzaXP {
    width:calc(100% - 24px)
  }
}

@media (max-width: 430px) {
  .yuW2r.BzaXP {
    width:calc(100% - 16px)
  }
}

.eh8he {
  border-top-style: none;
  border-top-width: 1px;
  border-top-color: var(--content-tint-strong);
  opacity: 0;
  transition-property: opacity;
  transition-duration: .3s;
  transition-timing-function: ease-in-out
}

.eh8he.ltcIE {
  opacity: 1;
  border-top-style: solid
}

.WOhUa {
  width: 390px;
  height: 510px
}

.WOhUa.NOT4u {
  width: 100%
}

.bQrgi {
  position: absolute;
  top: -62px
}

.bQrgi.OcoYW {
  animation: .8s ease-out PbiJY;
  left: -24px
}

.bQrgi.OcoYW>svg use {
  --icon-color-primary: var(--brand-red)
}

.bQrgi.S1W0q {
  left: 8px
}

.bQrgi.S1W0q .lznHj,.bQrgi.S1W0q .n9OiO {
  height: 100%;
  display: block;
  position: absolute;
  top: 0
}

.bQrgi.S1W0q .lznHj use,.bQrgi.S1W0q .n9OiO use {
  --icon-color-primary: var(--content-fg-tertiary)
}

.bQrgi.S1W0q .n9OiO {
  transform-origin: 26px 54px;
  margin-left: -29px;
  animation: .8s ease-out OrFcV
}

.bQrgi.S1W0q .lznHj {
  transform-origin: 0 54px;
  margin-left: 3px;
  animation: .8s ease-out llHYx
}

@keyframes PbiJY {
  0% {
    opacity: 0;
    transform: rotate(0)
  }

  25% {
    opacity: 1;
    transform: rotate(-20deg)
  }

  75% {
    transform: rotate(20deg)
  }

  to {
    opacity: 0;
    margin-top: -80px;
    transform: rotate(0)
  }
}

@keyframes OrFcV {
  0% {
    opacity: 1;
    margin-top: -80px;
    transform: rotate(0)
  }

  30% {
    opacity: 1;
    margin-top: -80px
  }

  80% {
    opacity: 0;
    margin-top: 0;
    transform: rotate(-10deg)
  }

  to {
    opacity: 0;
    margin-top: 0;
    transform: rotate(-10deg)
  }
}

@keyframes llHYx {
  0% {
    opacity: 1;
    margin-top: -80px;
    transform: rotate(0)
  }

  30% {
    opacity: 1;
    margin-top: -80px
  }

  80% {
    opacity: 0;
    margin-top: 0;
    transform: rotate(10deg)
  }

  to {
    opacity: 0;
    margin-top: 0;
    transform: rotate(10deg)
  }
}

.pG5KN {
  position: relative
}

.Vut9R {
  color: var(--brand-red)
}

.LU8pm {
  color: var(--brand-green)
}

.o6JAm {
  z-index: 2;
  border-radius: 50%;
  width: 130px;
  height: 130px;
  padding: 0;
  list-style: none;
  display: flex;
  position: absolute;
  transform: translate(-45%,-45%)
}

.o6JAm>* {
  --rot: 0deg;
  width: 50px;
  height: 50px;
  margin: -25px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%
}

.o6JAm>:first-child {
  --rot: 70 * 1deg
}

@keyframes pkKyB {
  0% {
    transform: rotate(calc(var(--rot) * -1 * 1.5)) translate(0px) rotate(calc(var(--rot) * -1 * -1.5)) scale(0)
  }

  to {
    transform: rotate(calc(var(--rot) * -1)) translate(65px) rotate(calc(var(--rot) * -1 * -1)) scale(1)
  }
}

.o6JAm>:first-child {
  transform: rotate(calc(var(--rot) * -1)) translate(65px) rotate(calc(var(--rot) * -1 * -1)) scale(1);
  animation: .3s pkKyB
}

.o6JAm>:nth-child(2) {
  --rot: 121.429 * 1deg;
  transform: rotate(calc(var(--rot) * -1)) translate(65px) rotate(calc(var(--rot) * -1 * -1)) scale(1);
  animation: .3s pkKyB
}

.o6JAm>:nth-child(3) {
  --rot: 172.857 * 1deg;
  transform: rotate(calc(var(--rot) * -1)) translate(65px) rotate(calc(var(--rot) * -1 * -1)) scale(1);
  animation: .3s pkKyB
}

.o6JAm>:nth-child(4) {
  --rot: 224.286 * 1deg;
  transform: rotate(calc(var(--rot) * -1)) translate(65px) rotate(calc(var(--rot) * -1 * -1)) scale(1);
  animation: .3s pkKyB
}

.o6JAm>:nth-child(5) {
  --rot: 275.714 * 1deg;
  transform: rotate(calc(var(--rot) * -1)) translate(65px) rotate(calc(var(--rot) * -1 * -1)) scale(1);
  animation: .3s pkKyB
}

.o6JAm>:nth-child(6) {
  --rot: 327.143 * 1deg;
  transform: rotate(calc(var(--rot) * -1)) translate(65px) rotate(calc(var(--rot) * -1 * -1)) scale(1);
  animation: .3s pkKyB
}

.o6JAm>:nth-child(7) {
  --rot: 378.571 * 1deg;
  transform: rotate(calc(var(--rot) * -1)) translate(65px) rotate(calc(var(--rot) * -1 * -1)) scale(1);
  animation: .3s pkKyB
}

.o6JAm {
  padding: 25px
}

.o6JAm .LpPf2 {
  border-radius: 50%;
  position: absolute;
  box-shadow: 0 12px 32px rgba(0,0,0,.2)
}

.o6JAm .LpPf2:first-child>span {
  box-shadow: 0px 0px 0px 2px var(--accent);
  border-radius: 50%
}

@media (hover: hover) {
  @keyframes U6jnP {
    0% {
      transform:scale(1.1)rotate(0)
    }

    30% {
      transform: scale(1.1)rotate(15deg)
    }

    60% {
      transform: scale(1.1)rotate(-15deg)
    }

    90% {
      transform: scale(1.1)rotate(0)
    }

    to {
      transform: scale(1.1)rotate(0)
    }
  }

  .o6JAm .LpPf2:hover:not(:last-child)>span {
    animation: 1s ease-in-out infinite U6jnP
  }
}

@keyframes U6jnP {
  0% {
    transform: scale(1.1)rotate(0)
  }

  30% {
    transform: scale(1.1)rotate(15deg)
  }

  60% {
    transform: scale(1.1)rotate(-15deg)
  }

  90% {
    transform: scale(1.1)rotate(0)
  }

  to {
    transform: scale(1.1)rotate(0)
  }
}

.o6JAm .LpPf2:focus-visible:not(:last-child)>span {
  animation: 1s ease-in-out infinite U6jnP
}

.o6JAm .LpPf2:last-child:after {
  z-index: -1;
  content: "";
  width: 50px;
  height: 50px;
  display: block;
  position: relative;
  transform: translateY(-50%)
}

.o6JAm .LpPf2 .ALkTz {
  background: var(--accent);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px
}

.o6JAm .LpPf2 .ALkTz:focus-visible {
  background: var(--content-tint)
}

@media (hover: hover) {
  .o6JAm .LpPf2 .ALkTz:hover {
    background:var(--content-tint)
  }
}

.o6JAm+a {
  z-index: 1;
  position: relative
}

.tPhtl {
  max-width: 240px
}

@media (max-width: 540px) {
  .tPhtl {
    max-width:75vw
  }
}

.pnhlO {
  justify-content: center;
  display: flex
}

.jtYrF {
  max-height: 266px;
  margin-top: -8px;
  margin-bottom: -8px;
  overflow-y: scroll
}

.jtYrF>:first-child {
  margin-top: 8px
}

.jtYrF>:last-child {
  margin-bottom: 8px
}

.jtYrF.JHZwu {
  max-height: 209px
}

@media (hover: hover) {
  .F2NPn[data-active-item]:not(:hover) {
    background-color:transparent
  }
}

.KuHJn {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  background-color: var(--content-tint);
  max-width: 240px;
  color: var(--content-fg-secondary);
  border-radius: 8px;
  padding: 8px 12px
}

@media (max-width: 540px) {
  .KuHJn {
    max-width:100%;
    margin-bottom: 8px;
    padding: 12px 16px
  }
}

.fFQQJ {
  color: inherit;
  font: inherit;
  cursor: pointer;
  background: 0 0;
  border: 0;
  margin-left: 12px;
  padding: 0;
  font-weight: 700;
  text-decoration: underline
}

.fFQQJ:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px
}

.Pl0ah {
  font-size: .875rem;
  font-weight: 350;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg-secondary);
  flex-direction: row;
  align-items: center;
  column-gap: 6px;
  padding: 2px;
  display: flex
}

.Pl0ah button,.Pl0ah strong {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  font-family: var(--font-family-modern)
}

.F2bKK {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  column-gap: 8px;
  min-width: 0;
  display: flex
}

.F2bKK a,.F2bKK a>span {
  text-decoration: none
}

.F2bKK button {
  color: var(--accent);
  flex-shrink: 0;
  margin: -8px;
  padding: 8px
}

@media (hover: hover) {
  .F2bKK button:hover {
    text-decoration:underline;
    text-decoration-thickness: 1px
  }
}

.F2bKK button:focus-visible {
  outline: none;
  text-decoration: underline;
  text-decoration-thickness: 2px
}

.F2bKK>span {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  overflow: hidden
}

.DEkbl {
  box-sizing: border-box;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding-top: 14px;
  padding-bottom: 14px;
  position: relative
}

.DEkbl:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 14px;
  padding-right: 12px
}

.DEkbl:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 14px;
  padding-right: 12px
}

.DEkbl:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 14px;
  padding-right: 12px
}

.DEkbl:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 14px;
  padding-right: 12px
}

.DEkbl:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 14px;
  padding-right: 12px
}

.DEkbl:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-left: 12px;
  padding-right: 14px
}

.DEkbl:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-left: 12px;
  padding-right: 14px
}

.DEkbl:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-left: 12px;
  padding-right: 14px
}

.DEkbl.rtjhW {
  padding-top: 12px;
  padding-bottom: 12px
}

.DEkbl a,.DEkbl button {
  position: relative
}

.DEkbl .mYcfU {
  border-radius: inherit;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.DEkbl .mYcfU:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: -2px
}

@media (hover: hover) and (pointer:fine) {
  .DEkbl:hover .mYcfU.YgsXo {
    background-color:var(--content-tint)
  }
}

._7Vla9 {
  box-sizing: border-box;
  padding-top: 14px;
  padding-bottom: 14px;
  position: relative
}

._7Vla9:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 14px;
  padding-right: 12px
}

._7Vla9:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 14px;
  padding-right: 12px
}

._7Vla9:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 14px;
  padding-right: 12px
}

._7Vla9:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 14px;
  padding-right: 12px
}

._7Vla9:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 14px;
  padding-right: 12px
}

._7Vla9:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-left: 12px;
  padding-right: 14px
}

._7Vla9:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-left: 12px;
  padding-right: 14px
}

._7Vla9:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-left: 12px;
  padding-right: 14px
}

._7Vla9.sLidm {
  padding-top: 12px;
  padding-bottom: 12px
}

._7Vla9 a,._7Vla9 button {
  position: relative
}

._7Vla9 .gg65T {
  border-radius: inherit;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

._7Vla9 .gg65T:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: -2px
}

@media (hover: hover) {
  ._7Vla9:hover .gg65T {
    background-color:var(--content-tint)
  }
}

.mSpAO {
  box-sizing: border-box;
  background-color: var(--content-panel);
  border-radius: 12px;
  flex-direction: row;
  gap: 16px;
  width: 100%;
  padding: 8px 14px;
  display: flex;
  overflow: hidden
}

.nset3 {
  color: var(--content-fg-secondary);
  white-space: nowrap;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  animation: 15s linear infinite _G9gk;
  display: flex;
  position: relative
}

@keyframes _G9gk {
  0% {
    transform: translate(0%)
  }

  to {
    transform: translate(-100%)
  }
}

.BtPJ5 {
  color: var(--content-fg);
  flex-direction: row;
  align-items: center;
  gap: 4px;
  font-weight: 700;
  text-decoration: none;
  display: flex
}

.kk3cQ {
  word-break: keep-all;
  min-width: 60px;
  margin-right: 5px
}

.u2tXn {
  border-top: 1px solid var(--content-tint-strong);
  background-color: var(--content-panel);
  max-width: 556px;
  font-family: var(--font-family);
  margin-top: 0;
  position: relative
}

@media (min-width: 990px) {
  .u2tXn.AB4em:first-child {
    border-top:0
  }
}

.fAAi8 {
  box-sizing: border-box;
  padding-right: var(--post-padding);
  padding-left: var(--post-padding);
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  justify-content: space-between;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex
}

@media (max-width: 540px) {
  .fAAi8 {
    padding-top:10px;
    padding-bottom: 10px
  }
}

.fAAi8 a {
  text-decoration: none
}

@media (hover: hover) {
  .fAAi8.jLBd9:hover {
    cursor:pointer
  }
}

.fAAi8 .zSfnO {
  display: inline-block
}

.fAAi8 .zSfnO .MZvpp,.fAAi8 .zSfnO a {
  display: inline
}

.fAAi8 .zSfnO a:focus-visible {
  outline: none;
  text-decoration: underline
}

.fAAi8 .QkCNg {
  flex-grow: 1;
  display: flex
}

.fAAi8 .wI_El {
  padding-left: 6px
}

.fAAi8 .lBFTL {
  align-items: flex-start;
  line-height: 1rem;
  display: flex
}

.fAAi8 .GdjMk {
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  display: flex
}

.fAAi8 .GdjMk:not(:first-child) {
  margin-left: 10px
}

.fAAi8 .MvV_c {
  align-self: flex-start;
  margin-top: 2px
}

.fAAi8 .SqGYs {
  margin-top: 6px;
  line-height: .6rem
}

@media (max-width: 540px) {
  .fAAi8 .SqGYs {
    font-size:.78125rem;
    font-weight: 400;
    line-height: 1.52;
    font-family: var(--font-family);
    margin-top: 6px;
    line-height: .6rem
  }
}

@media (hover: hover) {
  .palette--trueBlue .fAAi8.jLBd9:hover,.palette--cement .fAAi8.jLBd9:hover,.palette--canary .fAAi8.jLBd9:hover,.palette--ghost .fAAi8.jLBd9:hover,.palette--snowBright .fAAi8.jLBd9:hover,.palette--pride .fAAi8.jLBd9:hover {
    background-color:var(--content-tint)
  }

  .palette--darkMode .fAAi8.jLBd9:hover,.palette--lowContrastClassic .fAAi8.jLBd9:hover,.palette--cybernetic .fAAi8.jLBd9:hover,.palette--vampire .fAAi8.jLBd9:hover,.palette--pumpkin .fAAi8.jLBd9:hover,.palette--gothRave .fAAi8.jLBd9:hover {
    background-color: var(--color-tint)
  }
}

.a6sXh {
  line-height: 1rem
}

@media (max-width: 540px) {
  .a6sXh {
    font-size:.875rem;
    font-weight: 700;
    line-height: 1.42857;
    font-family: var(--font-family)
  }
}

.sqHC2 {
  color: var(--content-fg);
  display: inline
}

.jj685 button {
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  transition: background-color .1s ease-in-out
}

@media (hover: hover) {
  .palette--trueBlue .jj685 button:hover,.palette--cement .jj685 button:hover,.palette--canary .jj685 button:hover,.palette--ghost .jj685 button:hover,.palette--snowBright .jj685 button:hover,.palette--pride .jj685 button:hover {
    background-color:var(--content-tint)
  }

  .palette--darkMode .jj685 button:hover,.palette--lowContrastClassic .jj685 button:hover,.palette--cybernetic .jj685 button:hover,.palette--vampire .jj685 button:hover,.palette--pumpkin .jj685 button:hover,.palette--gothRave .jj685 button:hover {
    background-color: var(--color-tint)
  }
}

.__C9O {
  flex-flow: wrap;
  margin-bottom: -.15rem;
  line-height: .6rem;
  display: flex;
  overflow-x: hidden
}

.mVBb2 {
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family);
  color: var(--content-fg-secondary);
  padding-right: 1rem;
  position: relative
}

.mVBb2+.mVBb2:before {
  content: "·";
  width: 1rem;
  color: var(--content-fg-secondary);
  text-align: center;
  cursor: default;
  position: absolute;
  left: -1rem
}

.uzCdy {
  color: var(--content-fg-secondary);
  margin-top: 2px;
  margin-right: 8px;
  position: relative
}

.v4Qva {
  justify-content: center;
  gap: 20px;
  margin-top: 10px;
  display: flex
}

.v4Qva button,.v4Qva a {
  border-radius: 20px;
  width: 100%;
  max-width: 50%;
  padding: 12px;
  font-weight: 500
}

@media (max-width: 540px) {
  .v4Qva button,.v4Qva a {
    max-width:100%
  }
}

.v4Qva button span,.v4Qva a span {
  padding: 0;
  font-weight: 700
}

.v4Qva button._FSbg,.v4Qva a._FSbg {
  background: var(--chrome-tint);
  color: var(--chrome-fg)
}

.v4Qva button.tClC2,.v4Qva a.tClC2 {
  border: 2px solid var(--accent);
  color: var(--content-fg)
}

.czdYI {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--content-fg-secondary);
  box-sizing: border-box;
  padding-right: var(--post-padding);
  padding-left: var(--post-padding)
}

@media (max-width: 540px) {
  .czdYI {
    padding-bottom:10px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 18px
  }
}

.czdYI {
  padding-bottom: 10px
}

.czdYI a {
  color: var(--content-fg-secondary);
  text-decoration: none
}

@media (hover: hover) {
  .czdYI a:hover {
    text-decoration:underline
  }
}

.yCNr1 {
  flex-direction: row;
  justify-content: space-evenly;
  column-gap: 25px;
  width: 100%;
  max-width: 380px;
  display: flex
}

.yCNr1 .rQBeX {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 7px;
  margin-top: 25px;
  display: flex
}

.yCNr1 .N1Jhz {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--chrome-fg-secondary)
}

.W0ros {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  box-sizing: border-box;
  padding-right: var(--post-padding);
  padding-left: var(--post-padding);
  background-color: var(--content-tint);
  width: 100%;
  height: 240px;
  color: var(--content-fg-secondary);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex
}

.uamX1 {
  margin: 0
}

.q05ND {
  color: var(--accent);
  overflow-wrap: anywhere;
  text-overflow: ellipsis;
  text-decoration: none;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:3) {
  .q05ND {
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:3)) {
  .q05ND {
    white-space:nowrap
  }
}

.NQQC8 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  border: 1px solid var(--content-fg-secondary);
  color: var(--content-fg-secondary);
  border-radius: 2px;
  padding: 5px 7px;
  text-decoration: none;
  display: block
}

.dgAgY {
  margin-top: 24px
}

.Ukaq9 {
  padding: 3px 0
}

.snNt1 {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-weight: 400;
  text-decoration: none;
  display: flex
}

.snNt1:focus-visible {
  background-color: var(--content-tint);
  color: var(--content-fg)
}

@media (hover: hover) {
  .snNt1:hover {
    background-color:var(--content-tint);
    color: var(--content-fg)
  }
}

.fNBIy {
  border: none;
  border-bottom: 1px solid var(--content-tint-strong);
  margin: 4px 0
}

.F3bvL {
  justify-content: space-between;
  padding: 8px 12px
}

.F3bvL:focus-visible {
  color: var(--color-fg-light)
}

.F3bvL:focus-visible svg>use {
  --icon-color-primary: var(--color-fg-light)
}

@media (hover: hover) {
  .F3bvL:hover {
    color:var(--color-fg-light)
  }

  .F3bvL:hover svg>use {
    --icon-color-primary: var(--color-fg-light)
  }
}

._47eZM {
  display: flex
}

.FjHC8 {
  margin-top: 5px;
  margin-left: 10px;
  margin-right: 10px
}

.K33Zl {
  --icon-color-primary: var(--content-fg)
}

.K33Zl:focus-visible {
  background-color: var(--content-fg)
}

@media (hover: hover) {
  .K33Zl:hover {
    background-color:var(--content-fg)
  }
}

.Guk6U {
  --icon-color-primary: var(--brand-red)
}

.Guk6U:focus-visible {
  background-color: var(--brand-red)
}

@media (hover: hover) {
  .Guk6U:hover {
    background-color:var(--brand-red)
  }
}

.Qw3Wo {
  --icon-color-primary: var(--brand-orange)
}

.Qw3Wo:focus-visible {
  background-color: var(--brand-orange)
}

@media (hover: hover) {
  .Qw3Wo:hover {
    background-color:var(--brand-orange)
  }
}

.WC9ut {
  --icon-color-primary: var(--brand-green)
}

.WC9ut:focus-visible {
  background-color: var(--brand-green)
}

@media (hover: hover) {
  .WC9ut:hover {
    background-color:var(--brand-green)
  }
}

.jYem4 {
  --icon-color-primary: var(--brand-blue)
}

.jYem4:focus-visible {
  background-color: var(--brand-blue)
}

@media (hover: hover) {
  .jYem4:hover {
    background-color:var(--brand-blue)
  }
}

.Y6Y3T {
  --icon-color-primary: var(--brand-purple)
}

.Y6Y3T:focus-visible {
  background-color: var(--brand-purple)
}

@media (hover: hover) {
  .Y6Y3T:hover {
    background-color:var(--brand-purple)
  }
}

.C60xO {
  --icon-color-primary: var(--brand-pink)
}

.C60xO:focus-visible {
  background-color: var(--brand-pink)
}

@media (hover: hover) {
  .C60xO:hover {
    background-color:var(--brand-pink)
  }
}

._WZQZ {
  --icon-color-primary: var(--content-fg)
}

._WZQZ:focus-visible {
  background-color: var(--content-fg)
}

@media (hover: hover) {
  ._WZQZ:hover {
    background-color:var(--content-fg)
  }
}

.nKYyP {
  width: 100%;
  height: 196pxpx;
  margin: 20px auto auto;
  padding: 0
}

@media (min-width: 640px) {
  .nKYyP {
    max-width:620px
  }
}

@media (min-width: 960px) {
  .nKYyP {
    max-width:940px
  }
}

@media (min-width: 1280px) {
  .nKYyP {
    max-width:1260px
  }
}

@media not (min-width: 990px) {
  .nKYyP {
    width:unset;
    max-width: unset;
    flex-direction: column;
    height: auto;
    margin: 20px 16px 0
  }
}

.nKYyP.CXVtW {
  margin-top: 0
}

.nKYyP .vT7_j {
  max-height: 90px;
  margin-right: 20px;
  text-decoration: none;
  display: block;
  position: relative
}

@media (min-width: 990px) {
  .nKYyP .vT7_j {
    margin-bottom:20px
  }
}

@media not (min-width: 990px) {
  .nKYyP .vT7_j {
    margin-right:0
  }
}

.nKYyP .vT7_j li[data-index="1"]:before,.nKYyP .vT7_j li[data-index="7"]:before {
  background-color: var(--brand-yellow)
}

.nKYyP .vT7_j li[data-index="1"],.nKYyP .vT7_j li[data-index="7"] {
  background-color: var(--brand-yellow-tint-heavy)
}

.nKYyP .vT7_j li[data-index="2"]:before,.nKYyP .vT7_j li[data-index="8"]:before {
  background-color: var(--brand-orange)
}

.nKYyP .vT7_j li[data-index="2"],.nKYyP .vT7_j li[data-index="8"] {
  background-color: var(--brand-orange-tint-heavy)
}

.nKYyP .vT7_j li[data-index="3"]:before,.nKYyP .vT7_j li[data-index="9"]:before {
  background-color: var(--brand-red)
}

.nKYyP .vT7_j li[data-index="3"],.nKYyP .vT7_j li[data-index="9"] {
  background-color: var(--brand-red-tint-heavy)
}

.nKYyP .vT7_j li[data-index="4"]:before,.nKYyP .vT7_j li[data-index="10"]:before {
  background-color: var(--brand-pink)
}

.nKYyP .vT7_j li[data-index="4"],.nKYyP .vT7_j li[data-index="10"] {
  background-color: var(--brand-pink-tint-heavy)
}

.nKYyP .vT7_j li[data-index="5"]:before {
  background-color: var(--brand-purple)
}

.nKYyP .vT7_j li[data-index="5"] {
  background-color: var(--brand-purple-tint-heavy)
}

.nKYyP .vT7_j li[data-index="6"]:before {
  background-color: var(--brand-green)
}

.nKYyP .vT7_j li[data-index="6"] {
  background-color: var(--brand-green-tint-heavy)
}

@media (hover: hover) {
  .nKYyP .vT7_j li:hover {
    background-color:var(--chrome-tint-heavy)
  }

  .nKYyP .vT7_j li:hover .yTeF1:hover+div .CJe61 {
    text-decoration: none
  }
}

.nKYyP li {
  background-color: var(--chrome-tint);
  width: 300px;
  color: var(--chrome-fg);
  counter-increment: colorful-counter;
  border-radius: 3px;
  list-style-type: none;
  display: flex;
  position: relative
}

@media not (min-width: 990px) {
  .nKYyP li {
    width:100%;
    margin-bottom: 2px
  }
}

.nKYyP li:before {
  content: attr(data-index);
  width: 26px;
  height: 26px;
  color: var(--color-fg);
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  border-radius: 13px;
  margin: 12px 12px auto;
  line-height: 26px;
  display: inline-block
}

.nKYyP .yTeF1 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

@media (hover: hover) {
  .nKYyP .yTeF1:hover+div .CJe61 {
    text-decoration:underline
  }
}

.nKYyP .k_NNN {
  flex: 1;
  margin: 12px 0;
  line-height: 26px
}

.nKYyP .CJe61 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  font-family: var(--font-family);
  color: var(--chrome-fg);
  pointer-events: none;
  line-height: 18px
}

.nKYyP .CJe61,.nKYyP .jofje {
  text-decoration: none;
  position: relative
}

@media (hover: hover) {
  .nKYyP .CJe61:hover,.nKYyP .jofje:hover {
    text-decoration:underline
  }
}

.nKYyP .CJe61:focus-visible {
  color: var(--chrome-fg);
  outline: none;
  text-decoration: underline
}

.nKYyP .jofje:focus-visible {
  color: var(--chrome-fg);
  outline: none;
  text-decoration: underline
}

.nKYyP .sEVNj {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--chrome-fg-secondary);
  max-height: 36px;
  margin-top: 4px;
  line-height: 18px;
  overflow: hidden
}

.nKYyP .o6N4U {
  pointer-events: none;
  flex-shrink: 0;
  margin: 12px 12px 12px 8px
}

.nKYyP .o6N4U img,.nKYyP .o6N4U .y6JFX {
  width: 100%
}

.nKYyP .o6N4U img {
  border-radius: 3px
}

.nKYyP .FSlaf:nth-child(6n) .vT7_j {
  margin-right: 0
}

.gREXw {
  width: 100%
}

.iAQuj {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  background-color: var(--chrome-tint);
  color: var(--accent);
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  margin: 0 16px;
  padding: 8px 20.5px;
  display: flex
}

.iAQuj a {
  text-decoration: none
}

.S227z .VUHVZ {
  max-height: 900px;
  transition: max-height .2s;
  overflow: hidden
}

.S227z .nKYyP {
  height: auto
}

.S227z.IWDxU .VUHVZ {
  max-height: 360px
}

.palette--snowBright li:before {
  color: var(--color-fg-light)
}

.YDdl_ {
  scrollbar-width: none;
  -ms-overflow-style: none;
  align-items: flex-start;
  display: flex;
  overflow-x: auto
}

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

.YDdl_ {
  -webkit-overflow-scrolling: touch;
  width: 100%;
  margin: 16px 0 0
}

.YDdl_>:first-child {
  margin-left: 16px
}

.YDdl_>a {
  margin-bottom: 10px;
  margin-right: 10px;
  text-decoration: none
}

@media (min-width: 990px) {
  .YDdl_ {
    flex-wrap:wrap;
    margin: 20px 0 -10px
  }

  .YDdl_>:first-child {
    margin-left: 0
  }
}

.YDdl_ .avzpt {
  text-decoration: none
}

@media not (min-width: 990px) {
  .YDdl_ .avzpt {
    white-space:pre
  }
}

@media (min-width: 990px) {
  .YDdl_ .avzpt {
    text-overflow:ellipsis;
    overflow: hidden
  }

  @supports (display: -webkit-box) and (-webkit-line-clamp:1) {
    .YDdl_ .avzpt {
      -webkit-line-clamp:1;
      -webkit-box-orient: vertical;
      display: -webkit-box
    }
  }

  @supports not ((display: -webkit-box) and (-webkit-line-clamp:1)) {
    .YDdl_ .avzpt {
      white-space:nowrap
    }
  }

  .YDdl_ .avzpt {
    word-break: break-all
  }
}

.YDdl_.AaHfQ>a:nth-child(8n+1)>span {
  background-color: var(--brand-yellow)
}

.YDdl_.AaHfQ>a:nth-child(8n+2)>span {
  background-color: var(--brand-orange)
}

.YDdl_.AaHfQ>a:nth-child(8n+3)>span {
  background-color: var(--brand-red)
}

.YDdl_.AaHfQ>a:nth-child(8n+4)>span {
  background-color: var(--brand-pink)
}

.YDdl_.AaHfQ>a:nth-child(8n+5)>span {
  background-color: var(--brand-purple)
}

.YDdl_.AaHfQ>a:nth-child(8n+6)>span {
  background-color: var(--brand-green)
}

.YDdl_.AaHfQ>a:nth-child(8n+7)>span {
  background-color: var(--brand-yellow)
}

.YDdl_.AaHfQ>a:nth-child(8n)>span {
  background-color: var(--brand-orange)
}

.oISzm {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.oISzm:focus-visible {
  outline: 2px solid var(--accent);
  border-radius: 8px
}

.nY3JD {
  aspect-ratio: 1;
  display: flex;
  position: relative
}

.nY3JD.RPXx5 {
  width: 174px;
  height: 174px
}

.nY3JD.sGH3l {
  width: 364px;
  height: 364px
}

@media (hover: hover) {
  .nY3JD:hover .GutOb {
    background-color:var(--chrome-tint)
  }
}

.GpJEZ {
  border: 1px solid var(--chrome-panel-border);
  background-color: var(--chrome-panel);
  cursor: pointer;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden
}

.BA0OQ {
  background-position: 50%;
  background-size: cover;
  height: 100%;
  display: flex
}

.GutOb {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: flex-start;
  height: 42px;
  padding: 0 12px;
  display: flex
}

.GutOb.SCeUL {
  height: 60px
}

.GutOb .hWjvj {
  color: var(--chrome-fg);
  text-overflow: ellipsis;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:1) {
  .GutOb .hWjvj {
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:1)) {
  .GutOb .hWjvj {
    white-space:nowrap
  }
}

.GutOb .BV4gt {
  font-size: .875rem;
  font-weight: 350;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  color: var(--chrome-fg-secondary)
}

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

.FSQZ7 {
  margin-left: 11px
}

.d0_se {
  box-sizing: border-box;
  flex-direction: row;
  display: flex
}

.d0_se>* {
  flex: 1;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content
}

.d0_se.Kt5iw {
  flex-direction: row-reverse
}

.d0_se.nuF7h {
  flex-wrap: wrap
}

.Cr34H {
  width: 100%
}

.N3vKy {
  width: auto
}

.lG4jH {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.JkRE5 {
  gap: 0
}

.W4EmR {
  gap: 2px
}

.SXaBu {
  gap: 4px
}

.zmY8M {
  gap: 8px
}

.eh6hv {
  gap: 12px
}

.hnLON {
  gap: 16px
}

.BFc1k {
  gap: 20px
}

.LuN4S {
  gap: 24px
}

.EVsBf {
  gap: 28px
}

.Wy2uS {
  gap: 32px
}

.HJKLU {
  align-items: flex-start
}

.UKC2d {
  align-items: center
}

.rJHxe {
  align-items: flex-end
}

.YVdOr {
  align-items: stretch
}

.B4E49 {
  align-items: baseline
}

.FWVXM {
  justify-content: flex-start
}

.sTTZG {
  justify-content: center
}

.WVZDo {
  justify-content: flex-end
}

.fbQkm {
  justify-content: space-between
}

.EojEg {
  justify-content: space-around
}

.Qm8bK {
  text-align: left;
  align-items: center;
  width: 100%;
  padding: 6px 8px;
  text-decoration: none;
  display: flex
}

.Qm8bK.DX4oj {
  background: var(--content-tint)
}

.Qm8bK.DX4oj .oJ3Af {
  outline: none
}

@media (hover: hover) {
  .Qm8bK:hover {
    background:var(--content-tint)
  }

  .Qm8bK:hover .oJ3Af {
    outline: none
  }
}

.Qm8bK.ILfBB {
  flex-shrink: 0;
  width: 100%;
  padding: 4px 5px
}

.Qm8bK.ILfBB .l8oCE {
  width: auto;
  margin-left: 5px
}

.Qm8bK .oJ3Af {
  align-items: center;
  width: 100%;
  display: flex
}

.Qm8bK .l8oCE {
  flex-direction: column;
  flex: 1;
  width: 1px;
  display: flex
}

.Qm8bK .l8oCE ._sPxH,.Qm8bK .l8oCE .qBXSD {
  text-overflow: ellipsis;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:1) {
  .Qm8bK .l8oCE ._sPxH,.Qm8bK .l8oCE .qBXSD {
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:1)) {
  .Qm8bK .l8oCE ._sPxH,.Qm8bK .l8oCE .qBXSD {
    white-space:nowrap
  }
}

.Qm8bK .l8oCE ._sPxH,.Qm8bK .l8oCE .qBXSD {
  word-break: break-all
}

.Qm8bK .l8oCE ._sPxH {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family)
}

.Qm8bK .l8oCE ._sPxH .JBbjt {
  text-decoration: underline
}

.Qm8bK .l8oCE .qBXSD {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--content-fg-secondary)
}

.Qm8bK .l8oCE .qBXSD.XlXWo {
  white-space: pre
}

.ZdQlM {
  padding: 4px 0;
  overflow-x: hidden
}

.ZdQlM.bRI1d {
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.ZdQlM.bRI1d::-webkit-scrollbar {
  width: 0;
  height: 0
}

.ZdQlM.bRI1d {
  align-items: flex-start;
  width: 100%;
  padding: 0;
  display: flex;
  overflow-x: auto
}

.WfXq9 {
  margin-left: -4px
}

@media (max-width: 540px) {
  .WfXq9 {
    margin-left:-8px
  }
}

._36lfe[data-placement*=top]:after {
  left: 0
}

.IvzMP {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.33333;
  font-family: var(--font-family);
  background: var(--chrome);
  color: var(--chrome-fg);
  border-radius: 6px;
  box-shadow: 0 0 15px rgba(0,0,0,.5)
}

.VC_rY {
  z-index: 100;
  justify-content: center;
  align-items: center;
  width: 532px;
  max-width: calc(100% - 32px);
  margin: auto 0 16px;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translate(-50%)
}

@media (max-width: 540px) {
  .VC_rY .hhVNo {
    text-align:center;
    align-self: center
  }
}

@media (min-width: 640px) {
  .VC_rY {
    width:auto;
    min-width: 532px;
    margin: 24px 0
  }

  .VC_rY .xw7_H {
    text-align: center;
    width: -webkit-min-content;
    width: -moz-min-content;
    flex-direction: column;
    width: min-content
  }

  .VC_rY .hhVNo {
    flex: auto
  }

  .VC_rY .N4Zk9 {
    margin-top: 0
  }

  .VC_rY .qL5St {
    flex-direction: row;
    width: 100%;
    display: flex
  }
}

.sIi8_ {
  box-shadow: none;
  margin-bottom: 20px
}

.xw7_H {
  text-align: center;
  opacity: 1;
  border-radius: 6px;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 16px;
  display: flex;
  overflow: hidden
}

.xw7_H .N4Zk9 {
  flex-direction: column;
  align-items: stretch
}

.xw7_H .qL5St {
  flex-direction: row;
  gap: 16px;
  width: 100%
}

.hgN9e {
  border-radius: 0;
  width: 100%;
  max-width: none;
  margin: 0;
  left: 0;
  transform: none
}

.hgN9e .xw7_H {
  min-width: 0;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content
}

.hgN9e .hhVNo {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  flex: none;
  align-self: center;
  margin: 0
}

.N4Zk9 {
  align-self: center;
  display: flex
}

.b9CBb {
  color: var(--chrome-fg);
  --header-height: 320px;
  --mobile-header-height: 200px;
  --header-content-height: 320px;
  --xl-header-content-height: 320px;
  flex-grow: 1
}

.rOJsl {
  cursor: pointer;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  display: flex
}

.rOJsl.MTf_R {
  cursor: default
}

@media (max-width: 540px) {
  .n6DYn {
    padding:4px 0
  }
}

.CzD_d {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  margin: 0
}

.GM6Yb {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  margin: 0
}

.qqdR6 {
  border-radius: 9999px;
  flex-shrink: 0;
  transition: background-color .2s cubic-bezier(.45,0,.55,1);
  position: relative
}

.qqdR6.trsUu {
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: solid
}

.qqdR6:before {
  content: "";
  border-radius: 9999px;
  transition: transform .2s cubic-bezier(.45,0,.55,1);
  position: absolute;
  top: 4px;
  left: 0;
  transform: translate(4px)
}

.qqdR6.YXTWm {
  width: 32px;
  height: 20px
}

.qqdR6.YXTWm:before {
  width: 12px;
  height: 12px
}

.qqdR6.YXTWm.za6uI:before {
  transform: translate(16px)
}

.qqdR6.FJVHr {
  width: 40px;
  height: 24px
}

.qqdR6.FJVHr:before {
  width: 16px;
  height: 16px
}

.qqdR6.FJVHr.za6uI:before {
  transform: translate(20px)
}

.qqdR6.paFty {
  width: 56px;
  height: 32px
}

.qqdR6.paFty:before {
  width: 24px;
  height: 24px
}

.qqdR6.paFty.za6uI:before {
  transform: translate(28px)
}

.m6Qzq .CzD_d {
  color: var(--chrome-fg)
}

.m6Qzq .GM6Yb {
  color: var(--chrome-fg-secondary)
}

.m6Qzq.MTf_R .CzD_d,.m6Qzq.MTf_R .GM6Yb {
  color: var(--chrome-fg-tertiary)
}

.m6Qzq .qqdR6 {
  outline-color: var(--accent);
  background-color: var(--chrome-tint-heavy)
}

.m6Qzq .qqdR6:before {
  background-color: var(--content-ui-toggle)
}

.m6Qzq .qqdR6.za6uI {
  background-color: var(--accent)
}

.m6Qzq.MTf_R .qqdR6 {
  background-color: var(--chrome-tint-strong)
}

.m6Qzq.MTf_R .qqdR6:before {
  opacity: .5
}

.Vkxxa .CzD_d {
  color: var(--content-fg)
}

.Vkxxa .GM6Yb {
  color: var(--content-fg-secondary)
}

.Vkxxa.MTf_R .CzD_d,.Vkxxa.MTf_R .GM6Yb {
  color: var(--content-fg-tertiary)
}

.Vkxxa .qqdR6 {
  outline-color: var(--accent);
  background-color: var(--content-tint-heavy)
}

.Vkxxa .qqdR6:before {
  background-color: var(--content-ui-toggle)
}

.Vkxxa .qqdR6.za6uI {
  background-color: var(--accent)
}

.Vkxxa.MTf_R .qqdR6 {
  background-color: var(--content-tint-strong)
}

.Vkxxa.MTf_R .qqdR6:before {
  opacity: .5
}

.pxAu5 .CzD_d {
  color: var(--color-fg)
}

.pxAu5 .GM6Yb {
  color: var(--color-fg-secondary)
}

.pxAu5.MTf_R .CzD_d,.pxAu5.MTf_R .GM6Yb {
  color: var(--color-fg-tertiary)
}

.pxAu5 .qqdR6 {
  outline-color: var(--color-ui);
  background-color: var(--color-tint-heavy)
}

.pxAu5 .qqdR6:before {
  background-color: var(--content-ui-toggle)
}

.pxAu5 .qqdR6.za6uI {
  background-color: var(--color-ui)
}

.pxAu5.MTf_R .qqdR6 {
  background-color: var(--color-tint-heavy)
}

.pxAu5.MTf_R .qqdR6:before {
  opacity: .5
}

.sQAB1,.Fe8hh {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  margin-left: 26px
}

.Fe8hh {
  margin-left: auto;
  font-weight: 600
}

.ChAZ4 {
  width: 100%
}

.kZHH3 {
  background-color: var(--content-tint);
  cursor: pointer;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  align-items: center;
  margin: -2px -12px;
  padding: 8px 12px;
  display: flex
}

.kZHH3 .hMRSq {
  width: calc(100% - 46px);
  overflow: hidden
}

.kZHH3 .cjuNE,.kZHH3 .be_Qy {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.kZHH3 .be_Qy {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family)
}

.kZHH3 .ey360 {
  background-color: var(--content-fg-tertiary);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  margin-left: auto;
  display: flex
}

@keyframes VRKvw {
  to {
    transform: translate(100%)
  }
}

.xirJ8 {
  background-color: var(--content-tint);
  border-radius: 8px;
  width: 100%;
  height: 40px;
  position: relative;
  overflow: hidden
}

.xirJ8.gxPJ6 {
  border-radius: 50%;
  width: 40px;
  margin-right: 10px
}

.xirJ8:before {
  content: "";
  will-change: transform;
  background-image: linear-gradient(90deg,transparent 0,rgba(0,0,0,.05) 15%,transparent);
  width: 100%;
  height: 100%;
  animation: 1.5s infinite VRKvw;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-100%)
}

.palette--darkMode .xirJ8 {
  background-color: var(--content-tint-strong)
}

.palette--darkMode .xirJ8:before {
  background-image: linear-gradient(90deg,transparent 0,rgba(0,0,0,.15) 15%,transparent)
}

.palette--lowContrastClassic .xirJ8 {
  background-color: var(--content-tint-strong)
}

.palette--lowContrastClassic .xirJ8:before {
  background-image: linear-gradient(90deg,transparent 0,rgba(0,0,0,.15) 15%,transparent)
}

.palette--cybernetic .xirJ8 {
  background-color: var(--content-tint-strong)
}

.palette--cybernetic .xirJ8:before {
  background-image: linear-gradient(90deg,transparent 0,rgba(0,0,0,.15) 15%,transparent)
}

.palette--vampire .xirJ8 {
  background-color: var(--content-tint-strong)
}

.palette--vampire .xirJ8:before {
  background-image: linear-gradient(90deg,transparent 0,rgba(0,0,0,.15) 15%,transparent)
}

.palette--pumpkin .xirJ8 {
  background-color: var(--content-tint-strong)
}

.palette--pumpkin .xirJ8:before {
  background-image: linear-gradient(90deg,transparent 0,rgba(0,0,0,.15) 15%,transparent)
}

.palette--gothRave .xirJ8 {
  background-color: var(--content-tint-strong)
}

.palette--gothRave .xirJ8:before {
  background-image: linear-gradient(90deg,transparent 0,rgba(0,0,0,.15) 15%,transparent)
}

.YkJTX {
  opacity: 1;
  width: 100%;
  height: 100%;
  transition: opacity .4s;
  position: absolute
}

.YkJTX .nFMBL {
  object-fit: cover;
  width: 100%;
  height: 100%
}

.YkJTX:after {
  background-size: cover;
  background-color: var(--image-tint-heavy);
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

@media (min-width: 990px) {
  .YkJTX:after {
    position:absolute
  }
}

.YkJTX.HvnFz {
  opacity: 0
}

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

.KQFN5 {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  top: -100%;
  overflow-y: auto
}

.OW98Y {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  text-align: right;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0 8px 0 0;
  display: flex
}

.jkvAS {
  color: #fff;
  text-decoration: none;
  display: inline-block
}

.peaPK {
  margin-left: 8px
}

.pjd4J {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
  position: relative;
  bottom: 12px
}

.ecRCI {
  pointer-events: none
}

.c94kc {
  grid-template-columns: repeat(auto-fill,minmax(30%,1fr));
  width: 100%;
  height: 100%;
  display: grid;
  position: relative
}

.c94kc .Tf7JU {
  opacity: 1;
  background-size: cover;
  max-height: 125px;
  padding-bottom: 100%;
  position: relative
}

.c94kc:after {
  content: "";
  opacity: .5;
  background: #000;
  height: 100%;
  padding-top: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

@media not (min-width: 990px) {
  .c94kc {
    overflow:hidden
  }
}

@media (max-width: 959px) and (max-height:600px) and (orientation:landscape) {
  .c94kc {
    height:800px
  }
}

.PSkJW {
  flex-direction: column;
  height: 100%;
  display: flex;
  position: relative;
  top: -100vh
}

@media (max-width: 413px) {
  .PSkJW {
    top:calc(-100vh - 60px)
  }
}

@media (max-width: 350px) {
  .PSkJW {
    top:calc(-100vh - 150px)
  }
}

@media (max-width: 959px) and (max-height:600px) and (orientation:landscape) {
  .PSkJW {
    top:calc(-100vh - 320px)
  }
}

.QwKsh {
  justify-content: center;
  align-items: baseline;
  width: 100%;
  display: flex;
  position: absolute;
  bottom: 10px
}

@media (max-width: 413px) {
  .cgKRU {
    bottom:-100px
  }
}

@media (max-width: 540px) {
  .cgKRU {
    bottom:-150px
  }
}

.IxjTL {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%
}

.WkCgc {
  flex-direction: column;
  align-items: flex-end
}

@media (min-width: 990px) {
  .WkCgc {
    font-size:1.125rem;
    font-weight: 400;
    line-height: 1.33333;
    font-family: var(--font-family)
  }
}

.WkCgc>li {
  color: #fff;
  list-style-type: none;
  display: inline-block
}

.WkCgc>li>a {
  text-decoration: none
}

@media (max-width: 540px) {
  .WkCgc>li>a {
    color:#fff
  }
}

.IzrMQ {
  vertical-align: middle;
  margin-left: 4px;
  display: inline-block
}

.OQjMh {
  align-items: center;
  display: flex;
  position: relative
}

.Dx_DM {
  width: calc(100% - var(--post-padding) - 32px - 8px);
  background-color: var(--content-tint);
  border: 0;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  margin-left: 8px;
  padding: 2px 16px;
  display: flex;
  overflow: hidden
}

.Dx_DM.WRQyC {
  border: 2px solid var(--content-tint-strong);
  background-color: var(--content-panel);
  padding: 0 14px
}

.Dx_DM .u5dEF {
  display: flex
}

.qPAQc {
  margin-top: 4px
}

.x2Npm,.N8H25 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family)
}

.x2Npm {
  box-sizing: border-box;
  max-height: 150px;
  color: var(--content-fg);
  flex: 1;
  padding: 6px 0;
  overflow-x: hidden;
  overflow-y: auto
}

.N8H25 {
  width: 100%;
  color: var(--content-fg);
  white-space: pre-wrap;
  word-break: break-word;
  resize: none;
  background: 0 0;
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  display: flex;
  overflow: hidden
}

.v6i4P {
  box-sizing: border-box;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  --icon-color-primary: var(--content-fg-secondary);
  border: none;
  align-self: flex-end;
  margin-left: 10px;
  padding-bottom: 8px
}

.v6i4P.v6i4P[disabled] {
  cursor: default;
  opacity: .4
}

.v6i4P.GZPMx {
  --icon-color-primary: var(--brand-blue)
}

.IDQzP {
  align-items: center;
  display: flex
}

.mXmh6.OQjMh {
  border-top: 1px solid var(--content-tint-strong);
  padding: 10px 12px
}

.Cqc5j {
  box-sizing: border-box;
  text-align: center;
  width: 100%;
  padding: 5px
}

._U83q {
  align-items: center;
  width: 100%;
  display: flex
}

._U83q .GrpSU {
  flex-shrink: 0
}

._U83q .NzB5j {
  margin-left: 10px
}

.HuVLA {
  border-radius: 8px;
  margin: 0 0 8px
}

.HuVLA .bE2GZ {
  color: var(--accent);
  margin-bottom: 5px;
  font-weight: 500
}

.jYM9A {
  color: var(--brand-purple);
  background-color: rgba(138,92,255,.15);
  margin-right: .3rem
}

.MI6Q7 {
  box-sizing: border-box;
  background-color: var(--content-panel);
  isolation: isolate;
  border-radius: 8px;
  flex-shrink: 0;
  margin-bottom: 0;
  padding: 8px 12px;
  display: flex;
  position: relative
}

@media (max-width: 540px) {
  .MI6Q7 {
    padding:8px 4px
  }
}

.MI6Q7.wMZ9u {
  background-color: var(--accent-tint)
}

.Rnjfn {
  z-index: 1;
  align-items: center;
  margin-bottom: 2px;
  display: flex
}

.X9zTC :focus-visible {
  outline: none;
  text-decoration: underline
}

@media (hover: hover) {
  .X9zTC :hover {
    outline:none;
    text-decoration: underline
  }
}

.rbSdL {
  margin-right: 4px
}

.rbSdL a:focus-visible {
  outline: auto;
  outline-color: var(--accent)
}

.As9E4 {
  flex-direction: column;
  width: 100%;
  padding: 4px 8px 0;
  display: flex;
  overflow: hidden
}

.UYeiG {
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 8px;
  display: inline-block;
  overflow: hidden
}

.tNyYL {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  color: var(--content-fg);
  font-weight: 700
}

.mN0m5 {
  color: var(--content-fg-tertiary);
  font-weight: 400
}

.BKpXK {
  margin: -8px calc(var(--post-padding)*-1) -15px
}

.BKpXK.NBKEO p {
  color: var(--content-fg-tertiary);
  font-style: italic
}

.SAVhn {
  margin-right: 4px;
  font-size: 100%;
  display: inline-block
}

@media (hover: hover) {
  .Oy37M:hover svg use {
    --icon-color-primary:var(--content-fg-secondary)
  }
}

@keyframes gkU8W {
  0% {
    opacity: 1;
    transform: translate(0)
  }

  to {
    opacity: 0;
    transform: translate(-100%)
  }
}

.Wu5H0 {
  animation: .3s ease-out forwards gkU8W
}

.hZ_Er {
  margin: 2px 0;
  display: flex
}

.N4a8t {
  margin-left: 28px
}

.N4a8t .Up4z9 {
  margin: 4px 28px
}

@media (max-width: 540px) {
  .N4a8t .Up4z9 {
    margin-left:20px
  }
}

.N4a8t .ifclM {
  margin: 4px 56px
}

@media (max-width: 540px) {
  .N4a8t .ifclM {
    margin:4px 48px
  }
}

.N4a8t .Up4z9,.N4a8t .ifclM {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  color: var(--accent);
  display: block
}

.N4a8t .ifclM,.N4a8t .Up4z9.Up4z9 {
  margin-bottom: 4px
}

.NcZPX {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  box-sizing: border-box;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--content-fg-secondary);
  cursor: pointer;
  flex-grow: 1;
  flex-shrink: 0;
  padding: 8px 0;
  display: flex
}

.NcZPX .tS5OZ {
  align-items: center;
  gap: 8px;
  display: flex
}

.NcZPX.I9_UZ {
  color: var(--brand-red)
}

.NcZPX[disabled] {
  cursor: not-allowed;
  opacity: .5
}

.nyRXA {
  margin-left: auto
}

.Dw18T {
  align-items: center;
  height: 20px;
  display: flex
}

.Q_wHH {
  border-top: 1px solid var(--content-tint-strong);
  flex-direction: column;
  gap: 8px;
  padding: 12px 0 0;
  line-height: normal;
  display: flex;
  position: relative
}

.HkF59 {
  border-right: 8px solid transparent;
  border-bottom: 8px solid var(--content-tint-heavy);
  border-left: 8px solid transparent;
  width: 0;
  height: 0;
  position: absolute;
  top: -9px;
  left: 28px
}

.BfSZd {
  border-right: 8px solid transparent;
  border-bottom: 8px solid var(--content-panel);
  border-left: 8px solid transparent;
  width: 0;
  height: 0;
  position: absolute;
  top: -8px;
  left: 28px
}

.aM94J {
  padding: 0 12px
}

.QbP6I {
  border-bottom: 1px solid var(--content-tint-strong);
  padding: 0 16px 16px 20px
}

.BhGAg {
  box-sizing: border-box;
  text-align: left;
  cursor: pointer;
  background: 0 0;
  border: none;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  padding: 0;
  display: flex
}

.bvhta {
  box-sizing: border-box;
  text-align: left;
  cursor: pointer;
  background: 0 0;
  border: none;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  padding: 0 0 0 32px;
  display: flex
}

.gjZqR {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  display: flex;
  overflow: hidden
}

.p_6WX {
  align-items: baseline;
  gap: 6px;
  display: flex
}

.xgYhe {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg);
  flex-shrink: 0
}

.r7x9_ {
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.125rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg-secondary);
  flex-shrink: 0
}

.cCoEQ {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.Fk4dT {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  border-top: 1px solid var(--content-tint-strong);
  color: var(--accent);
  text-align: center;
  cursor: pointer;
  background: 0 0;
  margin-top: 4px;
  padding: 16px;
  text-decoration: none;
  display: block
}

.dcVg0 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  margin: 0;
  padding: 0
}

.dcVg0>li {
  margin-left: 8px;
  list-style-type: none;
  display: inline-block
}

.dcVg0>li>a {
  color: #fff;
  text-decoration: none
}

@media not (min-width: 990px) {
  .dcVg0 {
    font-size:1rem;
    font-weight: 700;
    line-height: 1.5;
    font-family: var(--font-family)
  }
}

.h1rLz {
  opacity: 1;
  transition: opacity .2s,max-height .2s
}

.le6nD {
  opacity: 0;
  pointer-events: none;
  max-height: 0
}

.ODV7Y {
  background-color: var(--chrome-panel);
  color: var(--chrome-fg);
  border-radius: 8px;
  padding: 20px 20px 24px
}

.ODV7Y .LSSKN {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  font-family: var(--font-family);
  justify-content: space-between;
  margin-bottom: 20px;
  font-weight: 500;
  display: flex
}

.ODV7Y .vVtOn {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--accent);
  text-decoration: none
}

@media (hover: hover) {
  .ODV7Y .vVtOn:hover {
    text-decoration:underline
  }
}

.RH2rH {
  align-items: center;
  display: flex
}

@media not (min-width: 990px) {
  .RH2rH {
    flex-direction:row;
    align-items: flex-start
  }
}

.RH2rH .RL0HO {
  border-radius: 8px;
  width: 48px;
  height: 48px
}

.RH2rH .EvO8u {
  color: var(--chrome-fg);
  flex-direction: column;
  margin-left: 12px;
  display: flex
}

.RH2rH .EvO8u .zU4kw {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family)
}

.RH2rH .EvO8u .eG2sU {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--chrome-fg-secondary)
}

.RH2rH .EvO8u>a {
  text-decoration: none
}

.dBrOk {
  border-top: 1px solid var(--chrome-tint-strong);
  border-bottom: none;
  margin: 20px -20px
}

.SirwX {
  border-bottom: 1px solid var(--content-tint-strong);
  flex-direction: row;
  justify-content: space-between;
  height: 32px;
  padding: 8px 0 12px;
  display: flex;
  position: relative;
  top: 0
}

.SirwX .jn3oa {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  width: auto;
  max-width: 128px;
  color: var(--content-fg-secondary);
  text-transform: initial;
  margin-top: 6px;
  margin-bottom: 4px;
  margin-left: 8px;
  overflow: hidden
}

.SirwX .E2wfC {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  max-width: 70px;
  color: var(--content-fg);
  margin-left: 8px
}

.SirwX .b1E_e {
  display: initial;
  margin-top: 0
}

.SirwX .b1E_e svg {
  vertical-align: text-bottom
}

.SirwX .b1E_e svg use {
  --icon-color-primary: var(--content-fg-secondary)
}

.FtjPK {
  background-color: var(--content-panel);
  width: 100%;
  max-width: 556px;
  color: var(--content-fg);
  border-radius: 8px;
  line-height: 0;
  position: relative
}

.FtjPK.KZYA4 {
  border-radius: 0
}

@media (max-width: 540px) {
  .FtjPK {
    border-radius:12px
  }
}

.FtjPK.r0etU {
  box-shadow: 0 0 0 1px var(--content-panel-border)
}

.FtjPK.HkTFr {
  flex-direction: column;
  height: 100%;
  display: flex;
  overflow: hidden
}

.FtjPK.HkTFr .VDRZ4 {
  flex: 1 1 0;
  min-height: 0;
  overflow: hidden
}

.FtjPK.HkTFr .qYXF9 {
  flex: none
}

.n6GmJ {
  display: contents
}

.VDRZ4 {
  position: relative
}

.hYZb4,.d_FyU {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--content-fg-secondary);
  box-sizing: border-box;
  padding-right: var(--post-padding);
  padding-left: var(--post-padding)
}

@media (max-width: 540px) {
  .hYZb4,.d_FyU {
    padding:0 10px;
    line-height: 18px
  }
}

.hYZb4 a,.d_FyU a {
  color: var(--content-fg-secondary);
  text-decoration: none
}

.d_FyU {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 10px
}

@media (hover: hover) {
  .d_FyU a:hover {
    text-decoration:underline
  }
}

.qYXF9 {
  display: inherit;
  margin-top: 0
}

.nPaE8 {
  margin-bottom: 10px
}

.hYZb4 {
  display: inherit
}

.hYZb4 .IyHrQ {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family)
}

.NwkDL {
  background-color: var(--content-panel);
  color: var(--content-fg-secondary);
  padding: 15px 20px;
  font-style: italic
}

.jhYtw {
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  margin-left: 8px;
  display: flex
}

.jhYtw .BfCKm,.jhYtw .BfCKm div {
  margin: 0
}

.jhYtw .BfCKm>div {
  transform: scale(.8)
}

.jhYtw>button,.jhYtw>div {
  background-color: var(--content-panel);
  width: 30px;
  height: 30px;
  color: var(--content-fg-secondary);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex
}

.jhYtw>button:not(:first-child),.jhYtw>div:not(:first-child) {
  margin-left: 5px
}

.jhYtw>button:empty,.jhYtw>div:empty {
  display: none
}

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

.xJC2n {
  border-bottom: 1px solid var(--content-tint-strong);
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  padding: 8px;
  display: flex
}

.ndAE7 {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  padding: 12px 8px;
  display: flex
}

@media (max-width: 540px) {
  .ndAE7 {
    gap:8px
  }
}

.ndAE7.aNJi_ {
  gap: 4px
}

.rtfvT {
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: start;
  gap: 40px;
  width: 100%;
  display: grid
}

@media (max-width: 540px) {
  .rtfvT {
    gap:8px
  }
}

.rtfvT.rzBFb {
  gap: 4px
}

.xZAjr {
  align-items: center;
  display: flex
}

.qyMp7 {
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
  display: flex
}

@media (max-width: 540px) {
  .UgCAM.E9l9U {
    width:calc(100% - 24px)
  }
}

@media (max-width: 430px) {
  .UgCAM.E9l9U {
    width:calc(100% - 16px)
  }
}

.hgDsD {
  border-top-style: none;
  border-top-width: 1px;
  border-top-color: var(--content-tint-strong);
  opacity: 0;
  transition-property: opacity;
  transition-duration: .3s;
  transition-timing-function: ease-in-out
}

.hgDsD.PsI3u {
  opacity: 1;
  border-top-style: solid
}

.hgDsD.PsI3u.wLANi {
  border-top-style: none
}

.UPvkW {
  width: 390px;
  height: 510px
}

.hAFp3 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  box-sizing: content-box;
  padding-right: var(--post-padding);
  padding-left: var(--post-padding);
  word-break: break-word;
  margin-top: 0;
  padding-top: 12px;
  position: relative
}

.hAFp3 .mwjNz {
  margin: -2px -6px;
  padding-top: 4px
}

.hAFp3 .KSDLH {
  white-space: pre-wrap;
  border-radius: 1em;
  align-items: center;
  margin: -2px 0;
  padding: 2px 6px;
  display: inline-flex
}

@media (hover: hover) {
  .hAFp3 .KSDLH:hover {
    text-decoration:underline
  }
}

.hAFp3 .KSDLH:focus-visible {
  color: var(--color-fg-light);
  outline: none;
  text-decoration: none
}

.hAFp3 .KSDLH:focus-visible:nth-child(7n+1) {
  background-color: var(--brand-yellow)
}

.hAFp3 .KSDLH:focus-visible:nth-child(7n+2) {
  background-color: var(--brand-blue)
}

.hAFp3 .KSDLH:focus-visible:nth-child(7n+3) {
  background-color: var(--brand-orange)
}

.hAFp3 .KSDLH:focus-visible:nth-child(7n+4) {
  background-color: var(--brand-pink)
}

.hAFp3 .KSDLH:focus-visible:nth-child(7n+5) {
  background-color: var(--brand-green)
}

.hAFp3 .KSDLH:focus-visible:nth-child(7n+6) {
  background-color: var(--brand-red)
}

.hAFp3 .KSDLH:focus-visible:nth-child(7n+7) {
  background-color: var(--brand-purple)
}

.hAFp3 .KSDLH,.hAFp3 .nwVPE {
  color: var(--content-fg-secondary);
  vertical-align: bottom;
  text-decoration: none
}

.hAFp3:focus-visible {
  outline: none;
  text-decoration: underline
}

.uXaAK {
  max-height: 100px
}

@media (max-width: 540px) {
  .uXaAK {
    max-height:76px
  }
}

.uXaAK {
  overflow: hidden
}

.nwVPE {
  cursor: pointer;
  box-sizing: border-box;
  padding-right: var(--post-padding);
  padding-left: var(--post-padding);
  padding-right: calc(var(--post-padding)*2);
  position: absolute;
  bottom: 2px;
  right: 0
}

@media (max-width: 540px) {
  .nwVPE {
    padding-right:calc(var(--post-padding)*1.5);
    font-size: 15px
  }
}

.nwVPE {
  background: linear-gradient(to right, color-mix(in sRGB, var(--content-panel), transparent) 0%, var(--content-panel) 10%, var(--content-panel) 100%)
}

.m6pOC {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family)
}

.yfSod {
  background: linear-gradient(to right, color-mix(in sRGB, var(--content-panel), transparent) 0%, var(--content-panel) 15%, var(--content-panel) 100%);
  color: var(--content-fg-secondary);
  cursor: pointer;
  position: absolute;
  bottom: 2px;
  right: 0
}

.w9Fe6 {
  box-sizing: border-box;
  padding-right: var(--post-padding);
  padding-left: var(--post-padding);
  padding-right: calc(var(--post-padding)*2);
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px
}

@media (max-width: 540px) {
  .w9Fe6 {
    padding-right:calc(var(--post-padding)*1.5);
    font-size: 15px
  }
}

.i4muB {
  border-radius: inherit;
  opacity: 0;
  border: 2px dashed;
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: 3px;
  right: 3px
}

.i4muB.CzmZj {
  opacity: .8
}

.hcyTZ {
  cursor: pointer;
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0
}

.hcyTZ::-webkit-file-upload-button {
  display: none
}

.N8gh3 {
  border: 1px dashed var(--content-tint-heavy);
  background-color: var(--content-tint);
  border-radius: 8px;
  position: relative;
  overflow: hidden
}

.N8gh3.htb1I {
  aspect-ratio: 1840/560;
  width: 100%
}

.N8gh3.HbPqh {
  width: 96px;
  height: 96px
}

.N8gh3.aN6lV {
  border: 1px solid transparent
}

.EKMjA {
  --icon-color-primary: var(--danger)
}

.on1xM {
  color: var(--image-fg);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.dKS71 {
  box-sizing: border-box;
  background-color: var(--image-tint);
  border-radius: 4px;
  height: 4px;
  position: absolute;
  bottom: 8px;
  left: 8px;
  right: 8px;
  overflow: hidden
}

.Pa_cE {
  box-sizing: border-box;
  background-color: var(--accent);
  height: 4px;
  position: absolute;
  top: 0;
  left: 0
}

.iCB5W {
  filter: brightness(50%)
}

.DOWJS {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%
}

.nhqrO {
  color: var(--content-fg-secondary)
}

.nhqrO.uMOmM {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg)
}

.nhqrO.ldaI8 {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg-secondary)
}

.mDSwN {
  align-items: center;
  gap: 20px;
  display: flex
}

.Ch7Eo {
  --icon-color-primary: var(--content-fg-secondary)
}

.H3fhQ {
  box-sizing: border-box;
  background-color: var(--content-panel);
  color: var(--content-fg);
  border-radius: 8px
}

.H3fhQ.Bz9s8 {
  color: #000;
  background-color: #7c5cff
}

.O2ucG {
  border: 1px solid var(--content-tint-strong)
}

.buauP {
  border-bottom: 1px solid var(--content-tint-strong);
  padding: 16px 24px
}

.h0tN1 .buauP {
  border-bottom: none
}

.hpvZ5 {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  font-family: var(--font-family-modern)
}

.O2ucG .hpvZ5 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  font-family: var(--font-family-modern)
}

.I3pYl {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg-secondary);
  margin: 0
}

.Bz9s8 .I3pYl {
  color: inherit
}

.X80mz {
  padding: 20px 24px 24px
}

.Ae3p8 {
  box-sizing: border-box;
  background-color: var(--content-tint);
  border: none;
  height: 1px;
  margin: 24px -24px
}

.U0L7Y {
  flex-direction: column;
  gap: 8px;
  display: flex
}

.M4vt7 {
  flex-wrap: wrap;
  gap: 12px;
  display: flex
}

.YVaw6 {
  box-sizing: border-box;
  border: 1px solid var(--content-tint-strong);
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex
}

.YVaw6:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 16px;
  padding-right: 12px
}

.YVaw6:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 16px;
  padding-right: 12px
}

.YVaw6:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 16px;
  padding-right: 12px
}

.YVaw6:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 16px;
  padding-right: 12px
}

.YVaw6:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 16px;
  padding-right: 12px
}

.YVaw6:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-left: 12px;
  padding-right: 16px
}

.YVaw6:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-left: 12px;
  padding-right: 16px
}

.YVaw6:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-left: 12px;
  padding-right: 16px
}

.YVaw6 .uJ0hL {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg);
  text-overflow: ellipsis;
  white-space: nowrap;
  text-decoration: none;
  overflow: hidden
}

.YVaw6 .H_quw {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-left: -5px;
  margin-right: -5px;
  display: flex
}

.YVaw6 .H_quw svg use {
  --icon-color-primary: var(--content-fg-secondary)
}

.vMEem {
  width: -webkit-min-content;
  width: -moz-min-content;
  flex: none;
  width: min-content;
  max-width: 180px
}

.hb_w6,.cDE1e {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  box-sizing: border-box;
  outline: 1px solid var(--content-tint-strong);
  border: 0;
  border-radius: 9999px;
  padding: 8px 16px
}

.cDE1e {
  visibility: hidden;
  white-space: pre;
  height: 0;
  padding-top: 0;
  padding-bottom: 0
}

.hb_w6 {
  background-color: var(--content-panel);
  width: 100%;
  min-width: 0;
  color: var(--content-fg);
  transition: outline .1s ease-in-out;
  position: relative
}

.hb_w6::placeholder {
  color: var(--content-fg-secondary);
  opacity: 1
}

.hb_w6:focus-visible {
  outline: 2px solid var(--accent)
}

.tEiY4 {
  z-index: calc(100 - 1);
  border: 1px solid var(--modal-border);
  background-color: var(--modal);
  border-radius: 8px;
  padding: 8px
}

.jU9jO {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg);
  word-break: break-word;
  border-radius: 8px;
  outline: none;
  padding: 8px
}

.jU9jO:before {
  content: "#";
  color: var(--content-fg-tertiary);
  padding-right: 2px
}

@media (hover: hover) {
  .jU9jO:hover {
    background-color:var(--content-tint)
  }
}

.jU9jO[data-active-item] {
  background-color: var(--content-tint-strong)
}

.jU9jO:focus-visible {
  outline-color: var(--accent);
  outline-offset: -2px;
  outline-width: 2px;
  outline-style: solid
}

.R4UJx {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern)
}

.O0lPh {
  color: var(--danger)
}

.DIQbT {
  color: var(--success)
}

.tRB1V {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  width: 100%;
  display: flex
}

.tRB1V :first-child {
  flex-grow: 1
}

.tRB1V :last-child {
  flex-grow: 0
}

.vGdTb .tRB1V :last-child {
  color: var(--danger)
}

.zAqae .tRB1V :last-child {
  color: var(--success)
}

.x2y_Z {
  color: var(--content-fg-secondary);
  margin: 0
}

.x2y_Z:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 1.5em
}

.x2y_Z:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 1.5em
}

.x2y_Z:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 1.5em
}

.x2y_Z:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 1.5em
}

.x2y_Z:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 1.5em
}

.x2y_Z:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-right: 1.5em
}

.x2y_Z:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-right: 1.5em
}

.x2y_Z:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-right: 1.5em
}

.JmDwR {
  flex-direction: row;
  align-items: center;
  gap: 12px;
  display: flex
}

.JmDwR :first-child {
  text-wrap: pretty;
  flex-grow: 1
}

.JmDwR :last-child {
  flex-grow: 0;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content
}

.IA5Cn {
  color: var(--content-fg-secondary)
}

.hI_CP {
  font-weight: 700
}

.XADCw {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding: 0;
  display: flex
}

.XADCw>li {
  text-wrap: pretty;
  margin: 0;
  padding: 0;
  list-style-type: none
}

.XADCw .mPNyS {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  font-family: var(--font-family-modern)
}

[data-checked=true] .mPNyS {
  color: var(--danger);
  transition: color .1s linear
}

.UD016 {
  width: 5em;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content
}

.r24DY {
  border-bottom: 1px solid var(--top-menu-shadow);
  background-color: var(--top-menu);
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 16px;
  display: flex
}

@media not (min-width: 990px) {
  .r24DY {
    border-bottom:none;
    padding: 12px
  }
}

.r24DY.yFNyT {
  z-index: 1;
  position: -webkit-sticky;
  position: sticky;
  top: 0
}

@media not (min-width: 990px) {
  .r24DY.yFNyT:not(.ipDSU) {
    top:44px
  }

  .dgmo3 {
    display: none
  }
}

@media (min-width: 990px) {
  .wp7YB {
    display:none
  }
}

.J16zw {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  font-family: var(--font-family-modern);
  color: var(--chrome-fg);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

@media not (min-width: 990px) {
  .J16zw {
    font-size:1rem;
    font-weight: 500;
    line-height: 1.5rem;
    font-family: var(--font-family-modern)
  }
}

.hz8NP {
  gap: 8px;
  display: flex
}

.XhmhI {
  width: 100%
}

@media (min-width: 990px) {
  .XhmhI {
    max-width:1244px;
    margin: 0 auto
  }
}

.IemfD {
  flex-direction: column;
  width: 100%;
  display: flex
}

@media not (min-width: 990px) {
  .IemfD {
    padding:0
  }
}

.oNZY7 {
  width: 100%;
  max-width: 300px
}

.cybcx {
  background: var(--accent);
  border-radius: 1em;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  transition: transform .2s ease-in;
  display: flex;
  position: absolute;
  top: -10px;
  right: -10px
}

.cybcx:focus-visible {
  transform: scale(1.1)
}

@media (hover: hover) {
  .cybcx:hover {
    transform:scale(1.1)
  }
}

.h1D5S {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 100vh;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  bottom: 0
}

.GDWdm {
  background-color: var(--blog-background-color,var(--chrome));
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.GDWdm:focus-visible {
  outline: none
}

.GIwnm {
  justify-content: center;
  margin: 8px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  bottom: 16px
}

.usqcu {
  flex-direction: column;
  width: 100%;
  margin-bottom: 50px;
  display: flex
}

@media not (min-width: 990px) {
  .usqcu {
    border-radius:0
  }
}

.y494b {
  background-color: var(--chrome-tint);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 30px;
  display: flex
}

.y494b .mt9CN {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  max-width: 285px;
  color: var(--chrome-fg);
  text-align: center
}

.sw6Ng {
  justify-content: space-between;
  align-items: center;
  margin: 5px 15px;
  display: flex
}

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

.sw6Ng .C7ZIb .PArAC {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.33333;
  font-family: var(--font-family);
  color: var(--chrome-fg);
  margin-right: 15px
}

.sw6Ng .C7ZIb .dw8RI {
  margin-left: 5px
}

.RvAxT {
  justify-content: center;
  align-items: center;
  height: 270px;
  display: flex
}

.pK05E {
  flex-direction: column;
  display: flex;
  overflow: hidden
}

.FRX9k {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.33333;
  font-family: var(--font-family);
  color: var(--chrome-fg);
  justify-content: space-between;
  align-items: center;
  margin: 0 0 20px;
  display: flex
}

@media (max-width: 540px) {
  .FRX9k {
    margin:0 16px 20px
  }
}

.fX6PY {
  color: var(--chrome-fg-secondary);
  grid-template-columns: 1fr auto;
  grid-template-areas: "title title""tabs button";
  gap: 12px;
  margin: 12px 0;
  display: grid
}

@media (max-width: 540px) {
  .fX6PY {
    grid-template-rows:minmax(40px,auto) auto;
    grid-template-areas: "title button""tabs tabs";
    gap: 4px;
    margin: 4px 4px 4px 8px
  }
}

.fX6PY .NIHUh {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  font-family: var(--font-family-modern);
  color: var(--chrome-fg);
  grid-area: title;
  align-self: center
}

@media (max-width: 540px) {
  .fX6PY .NIHUh {
    margin-left:8px
  }
}

.fX6PY .AfvFv {
  grid-area: button;
  align-self: center
}

@media (max-width: 540px) {
  .fX6PY .AfvFv {
    margin-right:8px
  }
}

.fX6PY .AfvFv.U63xz {
  display: none
}

.fX6PY .pt6zA {
  grid-area: tabs;
  margin-left: -8px
}

@media (max-width: 540px) {
  .fX6PY .pt6zA {
    margin-left:0
  }
}

.eoHPO,.xrsGX {
  flex-direction: column;
  margin-bottom: 20px;
  display: flex
}

@media (max-width: 540px) {
  .eoHPO,.xrsGX {
    margin-bottom:16px
  }
}

.Lfo8a {
  scrollbar-width: none;
  -ms-overflow-style: none;
  justify-content: space-between;
  width: 100%;
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden
}

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

@media (max-width: 540px) {
  .Lfo8a {
    margin-left:16px
  }
}

.Lfo8a .ch0bE~.ch0bE {
  padding-left: 8px
}

.I40ti {
  width: 100%;
  color: var(--color-fg-light);
  text-align: center;
  margin: 40px 0;
  font-size: 24px
}

.Gm6ol {
  min-height: 100vh
}

.uOyjG {
  border-top: 1px solid var(--content-tint-strong);
  background-color: var(--content-panel);
  width: 100%;
  max-width: 556px;
  color: var(--content-fg);
  overflow-wrap: break-word;
  border-radius: 0 0 8px 8px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: flex
}

.owqhI {
  background-color: var(--content-panel);
  width: 100%;
  max-width: 540px;
  color: var(--content-fg);
  overflow-wrap: break-word;
  border-radius: 0 0 8px 8px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: flex
}

.owqhI img {
  border-radius: 4px
}

.zmooU {
  width: calc(100% - 16px);
  padding-left: 8px;
  padding-right: 8px
}

.kJSyc {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  width: 100%;
  color: var(--content-fg);
  white-space: pre-line;
  box-sizing: border-box;
  padding-right: var(--post-padding);
  padding-left: var(--post-padding);
  margin-top: 15px;
  margin-bottom: 15px
}

.kJSyc h2 {
  font-family: Gibson,Favorit,Helvetica Neue,HelveticaNeue,Helvetica,Arial,sans-serif;
  font-size: 20px;
  line-height: 26px
}

.gFu40 {
  direction: rtl
}

.yZn7q {
  color: var(--content-fg)
}

.M6GZi {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 95%;
  padding: 10px 0;
  display: flex
}

.M6GZi button {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content
}

.fqqjn {
  color: var(--content-fg-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1;
  flex-basis: 75%;
  font-weight: 700;
  overflow: hidden
}

.bOcQa {
  align-items: center;
  width: 100%;
  height: auto;
  display: flex
}

.m3lOJ {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 60px;
  display: flex
}

@media not (min-width: 990px) {
  .m3lOJ {
    max-width:calc(100% - 20px);
    margin-left: auto;
    margin-right: auto
  }
}

.PY8Tb {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  min-width: 57.5px;
  padding: 6px 10px;
  display: flex
}

.PY8Tb.B5txQ {
  margin-left: auto;
  transition: transform .2s cubic-bezier(.165,.84,.44,1)
}

.PY8Tb.B5txQ svg {
  margin-left: 8px
}

.PY8Tb.jIdvc svg {
  margin-right: 8px
}

.PY8Tb .Xp6EK {
  box-sizing: border-box;
  justify-content: space-evenly;
  align-items: center;
  display: flex
}

.FZkjV {
  width: 100%;
  margin-bottom: 38px
}

.FZkjV:last-child {
  margin-bottom: 0
}

.FZkjV.I1qRl {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content
}

.hF8Wr {
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.52381;
  font-family: var(--font-family);
  color: var(--chrome-fg);
  padding: 0 8px;
  line-height: 1.2
}

.shOJA {
  justify-content: space-between;
  display: flex
}

.shOJA span {
  align-items: center;
  display: flex
}

.Yc2Sp {
  top: var(--sticky-top,69px);
  color: var(--chrome-fg);
  position: -webkit-sticky;
  position: sticky
}

.Yc2Sp.o5aaT .uOpMe,.Yc2Sp.o5aaT .sPIOx {
  margin-bottom: 8px
}

.Yc2Sp.o5aaT .ilSRe {
  margin: 8px
}

.pNJPX {
  height: 0;
  overflow: hidden
}

.sPIOx {
  margin-bottom: 10px;
  text-decoration: none
}

.ilSRe {
  margin: 10px
}

.uOpMe {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  margin-bottom: 10px;
  overflow: hidden
}

.u4K7k {
  color: var(--chrome-fg);
  border-radius: 8px;
  padding: 1em;
  line-height: 1.3
}

.WIwsU {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  font-family: var(--font-family)
}

.bneI9 {
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family);
  color: var(--chrome-fg-secondary)
}

.b3I1L {
  grid-template: "header header""layout-body layout-sidebar"1fr/556px minmax(280px,360px);
  justify-content: center;
  align-items: stretch;
  column-gap: 20px;
  width: 100%;
  margin-bottom: 20px;
  display: grid
}

.b3I1L.JgjUV {
  row-gap: 20px
}

@media not (min-width: 990px) {
  .b3I1L {
    grid-template-columns:100%;
    grid-template-areas: "header""layout-body""layout-sidebar"
  }

  .b3I1L.GZ1Wi {
    grid-template-areas: "header""layout-sidebar""layout-body"
  }
}

@media (max-width: 540px) {
  .b3I1L {
    margin:0
  }
}

.b3I1L.pBRaK {
  grid-template-areas: "layout-body layout-sidebar"
}

@media not (min-width: 990px) {
  .b3I1L.pBRaK {
    grid-template-areas:"layout-body""layout-sidebar"
  }

  .b3I1L.pBRaK.GZ1Wi {
    grid-template-areas: "layout-sidebar""layout-body"
  }
}

.p6pUO,.Ownyk,.QwyuO {
  width: 100%
}

@media not (min-width: 990px) {
  .p6pUO,.Ownyk,.QwyuO {
    max-width:540px
  }
}

.p6pUO {
  flex-direction: column;
  grid-area: header;
  justify-self: center;
  display: flex
}

.Ownyk {
  box-sizing: border-box;
  flex-direction: column;
  grid-area: layout-body;
  justify-self: center;
  align-items: stretch;
  width: 100%;
  display: flex
}

.QwyuO {
  flex-direction: column;
  grid-area: layout-sidebar;
  justify-self: center;
  align-items: stretch;
  gap: 20px;
  min-height: 100vh;
  display: flex
}

.iTVeX {
  align-self: start;
  position: -webkit-sticky;
  position: sticky
}

.t3kyC {
  flex-direction: column;
  flex: none;
  gap: 20px;
  display: flex
}

.Nzl0K {
  flex-shrink: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 10px
}

._jscr {
  box-sizing: border-box;
  z-index: 101;
  border-radius: 8px;
  width: 720px;
  position: fixed;
  left: 50%;
  box-shadow: 0 12px 32px rgba(0,0,0,.2)
}

@media (max-width: 736px) {
  ._jscr {
    width:-webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: calc(100% - 16px)
  }
}

._jscr.ar7DW {
  border: 1px solid var(--modal-border);
  background-color: var(--modal)
}

._jscr.ec1Qm {
  background-color: var(--brand-blue)
}

._jscr.cJXto {
  background-color: var(--brand-purple)
}

._jscr.TKDlN {
  background-color: var(--brand-pink)
}

._jscr.QWmhs {
  background-color: var(--brand-red)
}

._jscr.z3g6e {
  background-color: var(--brand-orange)
}

._jscr.Ftumb {
  background-color: var(--brand-yellow)
}

._jscr.OFbDk {
  background-color: var(--brand-green)
}

._jscr.xKVkm {
  top: 32px;
  transform: translate(-50%)
}

._jscr.MSdJ_ {
  top: 50%;
  transform: translate(-50%,-50%)
}

._jscr.iCAgc {
  bottom: 32px;
  transform: translate(-50%)
}

.ELYBO {
  color: var(--color-fg);
  flex-direction: row;
  align-items: center;
  gap: 16px;
  padding: 12px 12px 12px 20px;
  display: flex
}

.ar7DW .ELYBO {
  color: var(--content-fg)
}

.fHdfk .ELYBO {
  color: var(--color-fg-light);
  --icon-color-primary: var(--color-fg-light-tertiary)
}

@media (max-width: 540px) {
  .ELYBO {
    flex-direction:column;
    gap: 8px;
    padding-left: 12px
  }

  .ELYBO .JuxWT {
    display: none
  }
}

.Rp73m {
  flex: 1
}

.s5YFo {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  font-family: var(--font-family-modern)
}

.W2SYo {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  color: var(--color-fg-secondary)
}

.ar7DW .W2SYo {
  color: var(--content-fg-secondary)
}

.fHdfk .W2SYo {
  color: var(--color-fg-light-secondary)
}

.EioSa {
  justify-content: center;
  gap: 8px;
  display: flex
}

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

.FzBTa .PcQpF {
  border-top: 1px solid var(--chrome-tint-strong);
  border-bottom: none;
  margin: 20px -20px
}

.FzBTa .GpO9n {
  box-sizing: border-box;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--chrome-fg-secondary);
  --icon-color-primary: var(--chrome-fg-secondary);
  align-items: center;
  gap: 14px;
  padding-top: 6px;
  padding-bottom: 6px;
  text-decoration: none;
  display: flex
}

@media not (min-width: 990px) {
  .FzBTa .GpO9n {
    font-size:1rem;
    font-weight: 350;
    line-height: 1.5rem;
    font-family: var(--font-family-modern);
    gap: 20px;
    padding-top: 12px;
    padding-bottom: 12px
  }

  .FzBTa .GpO9n:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-left: 12px;
    padding-right: 16px
  }

  .FzBTa .GpO9n:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-left: 12px;
    padding-right: 16px
  }

  .FzBTa .GpO9n:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-left: 12px;
    padding-right: 16px
  }

  .FzBTa .GpO9n:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-left: 12px;
    padding-right: 16px
  }

  .FzBTa .GpO9n:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-left: 12px;
    padding-right: 16px
  }

  .FzBTa .GpO9n:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-left: 16px;
    padding-right: 12px
  }

  .FzBTa .GpO9n:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-left: 16px;
    padding-right: 12px
  }

  .FzBTa .GpO9n:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-left: 16px;
    padding-right: 12px
  }
}

.FzBTa .GpO9n:before {
  align-self: center;
  width: 24px;
  height: 24px
}

.FzBTa .GpO9n .YGV1l {
  color: var(--chrome-fg-secondary);
  align-items: center;
  margin-left: auto;
  display: flex
}

.FzBTa .GpO9n.lpXa0 {
  color: var(--chrome-fg);
  --icon-color-primary: var(--chrome-fg)
}

.FzBTa .GpO9n.lpXa0 .YGV1l {
  color: var(--chrome-fg)
}

.FzBTa .GpO9n.lpXa0 .YGV1l svg use {
  --icon-color-primary: var(--chrome-fg-secondary)
}

@media (hover: hover) {
  .FzBTa .GpO9n:hover {
    color:var(--chrome-fg);
    --icon-color-primary: var(--chrome-fg)
  }

  .FzBTa .GpO9n:hover .YGV1l {
    color: var(--chrome-fg)
  }

  .FzBTa .GpO9n:hover .YGV1l svg use {
    --icon-color-primary: var(--chrome-fg-secondary)
  }

  .FzBTa .GpO9n:hover .YGV1l svg:hover use {
    --icon-color-primary: var(--chrome-fg)
  }
}

.FzBTa .UONBS {
  align-self: center;
  margin-left: 8px;
  display: flex
}

.FzBTa .UONBS span {
  display: flex
}

.FzBTa.qN_NA .GpO9n {
  color: var(--content-fg-secondary);
  --icon-color-primary: var(--content-fg-secondary)
}

.FzBTa.qN_NA .GpO9n .YGV1l {
  color: var(--content-fg-secondary)
}

.FzBTa.qN_NA .GpO9n.lpXa0 {
  color: var(--content-fg);
  --icon-color-primary: var(--content-fg)
}

.FzBTa.qN_NA .GpO9n.lpXa0 .YGV1l {
  color: var(--content-fg)
}

@media (hover: hover) {
  .FzBTa.qN_NA .GpO9n:hover {
    color:var(--content-fg);
    --icon-color-primary: var(--content-fg)
  }

  .FzBTa.qN_NA .GpO9n:hover .YGV1l {
    color: var(--content-fg)
  }
}

@media not (min-width: 990px) {
  .FzBTa.qN_NA .GpO9n {
    color:var(--content-fg)
  }

  .FzBTa.qN_NA .GpO9n .YGV1l,.FzBTa.qN_NA .GpO9n:before {
    color: var(--content-fg-secondary)
  }
}

.Sqcv_ {
  margin-left: auto
}

.mXAD4 {
  position: static
}

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

.iOplf .WaV4Y {
  padding: 8px
}

.iOplf .dxDX3 {
  padding-left: 5px
}

.iOplf .dxDX3 svg {
  opacity: .5
}

.iOplf .dxDX3:focus-visible svg {
  opacity: 1
}

@media (hover: hover) {
  .iOplf .dxDX3:hover svg {
    opacity:1
  }
}

.sUPsR,.f9dOZ {
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  display: flex
}

.sUPsR {
  background-color: rgba(1,207,53,.2);
  width: 16px;
  height: 16px
}

.f9dOZ {
  background-color: #01cf35;
  width: 8px;
  height: 8px
}

.E1637 {
  align-items: center;
  gap: 8px;
  display: flex
}

.PagDp.jX1Or {
  color: var(--success)
}

.PagDp.nnH88,.PagDp.PM9uT {
  color: var(--brand-orange)
}

.tc35l {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  font-family: var(--font-family-modern)
}

.c1xDI {
  font-size: .875rem;
  font-weight: 350;
  line-height: 1.25rem;
  font-family: var(--font-family-modern)
}

.x8xNc .tc35l {
  color: var(--chrome-fg)
}

.x8xNc .c1xDI {
  color: var(--chrome-fg-secondary)
}

.Ayk3j .tc35l {
  color: var(--content-fg)
}

.Ayk3j .c1xDI {
  color: var(--content-fg-secondary)
}

.M5Yc7 .tc35l {
  color: var(--image-fg)
}

.M5Yc7 .c1xDI {
  color: var(--image-fg-secondary)
}

.ol2Ik {
  box-sizing: border-box;
  background: var(--image-url) no-repeat center center/cover;
  width: 100%;
  height: 280px;
  box-shadow: inset 0 0 0 1px var(--image-panel-border);
  color: var(--image-fg);
  background-color: rgba(0,0,0,.4);
  background-position-y: top;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px 16px 32px 28px;
  display: flex;
  position: relative;
  overflow: hidden
}

.ol2Ik>* {
  position: relative
}

.Q3XTh {
  background-color: rgba(0,0,0,.4);
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.ZiQYs {
  justify-content: space-between;
  display: flex
}

.ZiQYs .CUaS_ {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  gap: 16px;
  padding: 2px 4px;
  display: flex
}

.ZiQYs .AghqS {
  gap: 4px;
  display: flex
}

.lak0X {
  align-items: center;
  gap: 8px;
  display: flex
}

.QPvi6 {
  box-sizing: border-box;
  flex-direction: column;
  gap: 8px;
  max-width: 480px;
  padding: 0 4px;
  display: flex
}

.kSGs6 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2rem;
  font-family: var(--font-family-modern)
}

.kSGs6 a {
  text-decoration: none
}

.uNVu9 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  text-overflow: ellipsis;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:3) {
  .uNVu9 {
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:3)) {
  .uNVu9 {
    white-space:nowrap
  }
}

.uNVu9 {
  text-wrap: pretty
}

.CUbKS {
  padding: 2px 4px
}

.ihVB6 {
  text-decoration: none;
  display: block
}

.NpEHn {
  background: var(--image-url) no-repeat center center/cover;
  background-color: var(--chrome-panel);
  border-radius: 8px 8px 0 0;
  padding-top: 46.5%;
  position: relative;
  overflow: hidden
}

@media (max-width: 540px) {
  .NpEHn {
    border-radius:0;
    padding-top: 44%
  }
}

.cvdhQ {
  background: linear-gradient(rgba(0,0,0,.6) 0%,transparent 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.Guveu {
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0
}

.Guveu .zkoo9 {
  gap: 4px;
  display: flex
}

.Guveu .zkoo9:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  margin-left: auto
}

.Guveu .zkoo9:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  margin-left: auto
}

.Guveu .zkoo9:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  margin-left: auto
}

.Guveu .zkoo9:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  margin-left: auto
}

.Guveu .zkoo9:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  margin-left: auto
}

.Guveu .zkoo9:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  margin-right: auto
}

.Guveu .zkoo9:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  margin-right: auto
}

.Guveu .zkoo9:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  margin-right: auto
}

.Guveu .YLyu2 {
  display: flex
}

.umFZd {
  border: 1px solid var(--chrome-panel-border);
  background-color: var(--chrome-panel);
  border-top: none;
  border-radius: 0 0 8px 8px;
  padding: 20px 16px
}

@media (max-width: 540px) {
  .umFZd {
    border-left:none;
    border-right: none;
    border-radius: 0
  }
}

._MY22 {
  padding: 0 4px
}

.WWPFR {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2rem;
  font-family: var(--font-family-modern);
  color: var(--chrome-fg);
  padding: 0 4px
}

.WWPFR a {
  text-decoration: none
}

.xPEP2 {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  color: var(--chrome-fg-secondary);
  flex-direction: row;
  justify-content: flex-start;
  gap: 4px;
  padding: 0 4px;
  font-weight: 350;
  display: flex
}

.xPEP2 strong {
  color: var(--chrome-fg);
  font-weight: 500
}

.xPEP2 a {
  text-decoration: none
}

.rB7hU {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  color: var(--chrome-fg-secondary);
  padding: 0 4px;
  position: relative;
  overflow: hidden
}

.rB7hU.CA09o {
  max-height: 72px
}

.CmYUC {
  background-color: var(--chrome-panel);
  position: absolute;
  bottom: 0;
  right: 0
}

.rRJvd {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  color: var(--accent);
  text-decoration: none
}

.zKhiZ {
  padding: 2px 4px
}

.RPMuM {
  box-sizing: border-box;
  width: 100%;
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg);
  align-items: center;
  gap: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
  text-decoration: none;
  display: flex
}

.RPMuM:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 12px;
  padding-right: 16px
}

.RPMuM:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 12px;
  padding-right: 16px
}

.RPMuM:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 12px;
  padding-right: 16px
}

.RPMuM:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 12px;
  padding-right: 16px
}

.RPMuM:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 12px;
  padding-right: 16px
}

.RPMuM:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-left: 16px;
  padding-right: 12px
}

.RPMuM:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-left: 16px;
  padding-right: 12px
}

.RPMuM:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-left: 16px;
  padding-right: 12px
}

.RPMuM .vmoch {
  color: var(--content-fg-secondary)
}

.RPMuM .qiVge {
  color: var(--content-fg-secondary);
  align-items: center;
  margin-left: auto;
  display: flex
}

.RPMuM.SjFMK,.RPMuM.SjFMK .vmoch {
  color: var(--content-fg)
}

@media (hover: hover) {
  .RPMuM:hover,.RPMuM:hover .vmoch {
    color:var(--content-fg)
  }
}

.RPMuM.zoVbE,.RPMuM.zoVbE .vmoch {
  color: var(--danger)
}

@media (hover: hover) {
  .RPMuM.zoVbE:hover,.RPMuM.zoVbE:hover .vmoch {
    color:var(--danger-hover)
  }
}

.rIi8r {
  justify-content: center;
  padding: 0 0 8px;
  display: flex
}

.Hy2o1 {
  box-sizing: border-box;
  border-top: 1px solid var(--content-tint-strong);
  border-bottom: none;
  margin: 12px -30px
}

.mCaUf {
  margin-left: auto
}

.fVsk_ {
  position: static
}

.Yva0W {
  box-sizing: border-box;
  width: 100%
}

.K13Kc {
  padding: 20px 0
}

@media not (min-width: 990px) {
  .K13Kc {
    padding:0 0 20px
  }
}

.gy03H {
  color: var(--chrome-fg);
  --icon-color-primary: var(--chrome-fg);
  align-items: center;
  display: flex
}

.gy03H a {
  text-decoration: none
}

.gy03H svg {
  vertical-align: bottom
}

.gy03H span {
  margin-left: 14px
}

.p3lO8 {
  background: var(--content-fg-secondary);
  border-radius: 999px;
  align-content: center;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex
}

.zVES4 {
  --top-bar-height: 36px;
  border-bottom: 1px solid var(--top-menu-shadow);
  background-color: var(--top-menu);
  padding: 16px 0;
  display: flex
}

@media not (min-width: 990px) {
  .zVES4 {
    display:none
  }
}

.zVES4 {
  height: var(--top-bar-height);
  justify-content: space-between
}

.zVES4 .G6PED {
  height: var(--top-bar-height);
  align-items: center;
  margin-left: auto;
  padding-right: 12px;
  display: flex
}

.oeL0C {
  min-width: 300px
}

@media not (min-width: 990px) {
  .oeL0C {
    display:none
  }
}

.NUQBV {
  align-content: center;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
  padding: 4px 14px;
  display: flex
}

.NUQBV .p3lO8 {
  background: 0 0;
  border-radius: 0;
  width: 36px;
  height: 36px
}

.VQKfY {
  padding: 20px
}

.M0gk0 {
  justify-content: flex-end;
  gap: 8px;
  display: flex
}

.SmXlZ {
  padding: 20px
}

.hKfEn {
  justify-content: flex-end;
  gap: 8px;
  display: flex
}

.cgEug {
  background: var(--content-panel);
  border-radius: 8px;
  width: 100%;
  max-width: 540px;
  margin: 0 auto
}

.ojFMf {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  background: var(--danger);
  color: var(--color-fg-light);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  justify-content: space-between;
  padding: 12px;
  display: flex
}

.ojFMf.g1bVQ {
  background-color: var(--success)
}

.ErEP_ {
  flex-direction: row;
  gap: 8px;
  display: flex
}

.Vl0_a {
  align-self: center
}

.f8LOG {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  color: var(--color-fg-light-secondary)
}

.jIqIx {
  background-color: var(--color-fg-light);
  border-radius: 100%
}

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

.NYg7v {
  border-bottom: 1px solid var(--color-tint-strong);
  background: var(--content-panel);
  flex-direction: column;
  gap: 12px;
  padding: 20px;
  display: flex
}

.Mr9cG {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg)
}

.uaMQw {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg-secondary);
  overflow-wrap: break-word
}

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

.v7KSg {
  margin: 0 auto
}

.Sj7N6 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  box-sizing: border-box;
  isolation: isolate;
  flex-shrink: 0;
  gap: 8px;
  margin: 16px;
  display: flex;
  position: relative
}

@media (max-width: 540px) {
  .Sj7N6 {
    margin-bottom:8px
  }
}

.JKIL_ {
  background-color: var(--content-tint);
  border-radius: 8px;
  flex-direction: column;
  width: 100%;
  padding: 12px 16px;
  display: flex;
  overflow: hidden
}

.V4eW8 {
  margin: -8px calc(var(--post-padding)*-1) -15px
}

.GYlpO {
  margin-top: 8px;
  margin-right: 8px
}

.GYlpO a:focus-visible {
  outline: auto;
  outline-color: var(--accent)
}

@media (max-width: 540px) {
  .GYlpO {
    margin-right:8px
  }
}

.C9Loz {
  align-items: center;
  margin-bottom: 2px;
  display: flex
}

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

.uOn8C {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  color: var(--content-fg);
  font-weight: 700
}

.Jo8I3 {
  font-size: .875rem;
  font-weight: 350;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  border-top: 1px solid var(--color-tint-heavy);
  background: var(--content-tint);
  color: var(--content-fg-secondary);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  margin-top: 12px;
  padding: 24px 20px
}

.Jo8I3.viCoo {
  background: var(--content-panel);
  border-top: none;
  padding: 4px
}

.vehmL {
  flex-flow: wrap;
  align-items: flex-start;
  gap: 10px 6px;
  display: flex
}

.vehmL .yej87 {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  background-color: var(--chrome-tint);
  color: var(--chrome-fg);
  font-weight: 500
}

.hCG6E {
  --admin-badge-color: #ff90dd;
  --admin-badge-background-color: rgba(255,97,206,.2);
  align-items: center;
  text-decoration: none;
  display: flex
}

.XT0QL {
  border-radius: 3px;
  width: 48px;
  height: 48px;
  margin-right: 12px
}

.YcF_o {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--chrome-fg);
  align-items: center;
  display: flex
}

.X1SvQ {
  background: var(--admin-badge-background-color);
  color: var(--admin-badge-color);
  border-radius: 2px;
  margin-left: 4px;
  padding: 0 4px;
  font-size: 12px;
  line-height: 18px;
  display: inline-block
}

.ZAZhs {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--chrome-fg-secondary)
}

.lpZKL {
  margin: 0;
  padding: 0
}

.JigAb {
  margin: 0 0 16px;
  padding: 0;
  list-style-type: none
}

.JigAb:last-child {
  margin-bottom: 0
}

.B4rcz {
  justify-content: center;
  align-items: center;
  width: calc(100% - 15px);
  height: 256px;
  display: flex
}

.PwJi6 {
  width: 100%;
  margin: 0;
  padding: 8px 0;
  overflow-y: hidden
}

.kqme1 {
  list-style-type: none
}

._fk31 {
  color: var(--chrome-fg);
  opacity: 1;
  display: flex
}

@keyframes PI5Im {
  0% {
    opacity: 1;
    transform: translate(0)
  }

  to {
    opacity: 0;
    transform: translate(-33%)
  }
}

._fk31.Kxfe3 {
  animation: .3s ease-out forwards PI5Im
}

@keyframes HCtj4 {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

._fk31.vN7wd {
  animation: .3s ease-in-out HCtj4
}

._fk31.ou8zw {
  opacity: 0
}

.E4V_b {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--color-title);
  padding: 15px 8px;
  display: flex
}

.W9GZw button {
  border-top: 1px solid var(--chrome-tint);
  width: 100%;
  color: var(--accent);
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  padding: 16px;
  display: block
}

@media (hover: hover) {
  .W9GZw button :hover {
    text-decoration:underline
  }
}

.jyr89 .W9GZw button {
  border-top-color: var(--blog-border-color);
  color: var(--blog-link-color)
}

.gPQR5 {
  box-sizing: border-box;
  justify-content: center;
  width: 100%;
  max-width: 990px;
  margin: 0 auto;
  display: flex
}

@media (min-width: 990px) {
  .gPQR5 {
    justify-content:flex-start;
    max-width: 905px;
    min-height: 100vh;
    margin: 0;
    padding: 0
  }

  .gPQR5 .lSyOz {
    padding-right: 20px
  }

  .gPQR5 .e1knl {
    flex: 1;
    width: auto;
    min-width: 256px;
    max-width: 320px;
    margin-left: 0;
    padding-top: 0;
    padding-left: 0
  }

  .gPQR5.FGfuE .lSyOz {
    border-right: 1px solid var(--chrome-tint)
  }

  .gPQR5.iTX1z .lSyOz {
    padding-top: 14px
  }

  .gPQR5.VshFq {
    flex-direction: row-reverse
  }

  .gPQR5.VshFq .lSyOz {
    border-right: 0;
    padding-left: 14px;
    padding-right: 0
  }

  .gPQR5.VshFq .e1knl {
    margin-right: 0;
    margin-left: inherit;
    padding-top: 20px;
    padding-left: 0;
    padding-right: 15px
  }

  .gPQR5.VshFq.FGfuE .lSyOz {
    border-left: 1px solid var(--chrome-tint)
  }
}

@media (min-width: 990px) and (min-width:990px) {
  .gPQR5.JR92v {
    max-width:970px
  }
}

@media (min-width: 990px) and (min-width:1221px) {
  .gPQR5.JR92v {
    max-width:961px
  }
}

@media (min-width: 990px) and (min-width:990px) {
  .gPQR5.JR92v .lSyOz {
    max-width:620px
  }
}

@media (min-width: 990px) and (min-width:1221px) {
  .gPQR5.JR92v .lSyOz {
    max-width:620px
  }
}

@media (min-width: 990px) and (min-width:990px) {
  .gPQR5.Ajmg_ {
    max-width:970px
  }
}

@media (min-width: 990px) and (min-width:1310px) {
  .gPQR5.Ajmg_ {
    max-width:1290px
  }
}

@media (min-width: 990px) and (min-width:1221px) {
  .gPQR5.Ajmg_ {
    max-width:961px
  }
}

@media (min-width: 990px) and (min-width:1541px) {
  .gPQR5.Ajmg_ {
    max-width:1281px
  }
}

@media (min-width: 990px) and (min-width:990px) {
  .gPQR5.Ajmg_ .lSyOz {
    max-width:620px
  }
}

@media (min-width: 990px) and (min-width:1310px) {
  .gPQR5.Ajmg_ .lSyOz {
    max-width:940px
  }
}

@media (min-width: 990px) and (min-width:1221px) {
  .gPQR5.Ajmg_ .lSyOz {
    max-width:620px
  }
}

@media (min-width: 990px) and (min-width:1541px) {
  .gPQR5.Ajmg_ .lSyOz {
    max-width:940px
  }
}

@media (min-width: 990px) and (min-width:990px) {
  .gPQR5.pTaNm {
    max-width:970px
  }
}

@media (min-width: 990px) and (min-width:1310px) {
  .gPQR5.pTaNm {
    max-width:1290px
  }
}

@media (min-width: 990px) and (min-width:1630px) {
  .gPQR5.pTaNm {
    max-width:1610px
  }
}

@media (min-width: 990px) and (min-width:1221px) {
  .gPQR5.pTaNm {
    max-width:961px
  }
}

@media (min-width: 990px) and (min-width:1541px) {
  .gPQR5.pTaNm {
    max-width:1281px
  }
}

@media (min-width: 990px) and (min-width:1861px) {
  .gPQR5.pTaNm {
    max-width:1601px
  }
}

@media (min-width: 990px) and (min-width:990px) {
  .gPQR5.pTaNm .lSyOz {
    max-width:620px
  }
}

@media (min-width: 990px) and (min-width:1310px) {
  .gPQR5.pTaNm .lSyOz {
    max-width:940px
  }
}

@media (min-width: 990px) and (min-width:1630px) {
  .gPQR5.pTaNm .lSyOz {
    max-width:1260px
  }
}

@media (min-width: 990px) and (min-width:1221px) {
  .gPQR5.pTaNm .lSyOz {
    max-width:620px
  }
}

@media (min-width: 990px) and (min-width:1541px) {
  .gPQR5.pTaNm .lSyOz {
    max-width:940px
  }
}

@media (min-width: 990px) and (min-width:1861px) {
  .gPQR5.pTaNm .lSyOz {
    max-width:1260px
  }
}

.lSyOz {
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 556px;
  display: flex
}

@media (min-width: 990px) {
  .lSyOz {
    align-items:flex-end
  }
}

.e1knl {
  flex-direction: column;
  width: 320px;
  margin-left: 29px;
  display: flex;
  position: relative
}

.e1knl aside {
  flex: 1
}

@keyframes pmeax {
  0% {
    width: 320px
  }

  to {
    width: 240px
  }
}

.pgfyp {
  cursor: pointer;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  width: 156px;
  text-decoration: none;
  display: flex
}

@media (max-width: 540px) {
  .pgfyp {
    width:auto
  }
}

.caIxN {
  box-sizing: border-box;
  background-color: var(--content-tint);
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 10px;
  width: 156px;
  height: 156px;
  padding: 10px;
  display: flex;
  overflow: hidden
}

@media (max-width: 540px) {
  .caIxN {
    aspect-ratio:1;
    width: 100%;
    height: auto
  }
}

.JxYPL {
  width: 156px;
  height: 156px
}

.JO6pk {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  width: 156px;
  color: var(--content-fg);
  text-overflow: ellipsis;
  overflow: hidden
}

.zMmjq {
  width: 156px;
  color: var(--content-fg-secondary);
  text-overflow: ellipsis;
  font-size: 12.5px;
  line-height: 19px;
  overflow: hidden
}

.WuzL3 {
  background: linear-gradient(180deg, rgba(0,25,53,0) 0%, rgb(var(--navy)) 33.33%);
  border-radius: 12px;
  width: 100%;
  padding: 24px 0 14px;
  position: -webkit-sticky;
  position: sticky;
  top: calc(100vh - 65px)
}

@media (min-width: 990px) {
  .WuzL3.ZbzeO {
    display:none
  }
}

@media not (min-width: 990px) {
  .WuzL3 {
    background:var(--chrome);
    border-radius: 4px;
    width: 248px;
    padding: 0;
    position: fixed;
    top: auto;
    bottom: 14px;
    right: 20px
  }
}

.o5pib {
  background: var(--chrome);
  border-radius: 4px;
  padding: 0;
  bottom: 14px
}

.E9Cz3 {
  font-size: .78125rem;
  font-weight: 700;
  line-height: 1.52;
  font-family: var(--font-family);
  background: var(--chrome-panel);
  border-radius: 4px;
  justify-content: space-between;
  align-items: flex-start;
  padding: 4px 10px;
  display: flex
}

@media (max-width: 1400px) {
  .WuzL3 {
    width:-webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
  }

  .E9Cz3 {
    justify-content: flex-start;
    gap: 16px
  }
}

.imkXN {
  color: var(--chrome-fg-secondary)
}

.hPADf {
  text-decoration: underline
}

.Ok3AU {
  color: var(--brand-blue);
  text-decoration: none
}

.L7pkn {
  color: var(--content-fg-tertiary);
  align-items: center;
  margin-right: 24px;
  padding-bottom: 4px;
  text-decoration: none;
  display: inline-flex
}

.L7pkn:last-child {
  margin-right: 0
}

.lyZpD {
  border-bottom: 2px solid var(--brand-blue);
  color: var(--chrome-fg);
  font-weight: 700
}

.b4VoO {
  margin-right: 4px
}

.sa6eC {
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0;
  width: 100%;
  margin: 20px 0;
  display: grid
}

.sa6eC.yYBu1 {
  grid-template-columns: 1fr 1fr
}

.sa6eC._mUSg {
  grid-template-columns: 1fr
}

.mH4Ln {
  text-align: center;
  padding: 16px 0;
  display: block
}

.Dk06o {
  z-index: 98;
  top: calc(44px - var(--offset,0px));
  background-color: var(--chrome);
  max-width: 100vw;
  position: -webkit-sticky;
  position: sticky
}

@media (min-width: 990px) {
  .Dk06o {
    z-index:2;
    top: calc(0px - var(--offset,0px));
    margin-top: -14px;
    margin-left: -20px;
    margin-right: -20px
  }
}

.Dk06o.W8gYd {
  top: 0
}

.F1_W0 {
  flex-direction: column;
  height: 100%;
  display: flex
}

.tcu0e {
  flex-direction: column;
  display: flex;
  overflow: auto
}

.o08bQ {
  border-top: 1px solid var(--modal-border);
  flex-direction: column;
  flex-shrink: 0;
  gap: 16px;
  padding: 20px;
  display: flex
}

.yFlGn {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  display: flex
}

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

@media not (min-width: 990px) {
  .Sz80s {
    height:100%
  }
}

.iz_cC {
  padding: 24px
}

.v4Yii {
  padding: 0 16px
}

.Gcakp {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg-secondary);
  padding-bottom: 4px
}

@media not (min-width: 990px) {
  .Gcakp {
    padding:12px 12px 8px
  }
}

.hhaho {
  background-color: var(--content-tint);
  border: none;
  flex-shrink: 0;
  height: 1px;
  margin: 4px 0
}

.Tn_mg {
  flex-direction: column;
  gap: 12px;
  min-width: 156px;
  display: flex
}

@media not (min-width: 990px) {
  .Tn_mg {
    gap:0;
    width: 100%
  }
}

._rwxl {
  border-right: 1px solid var(--modal-border);
  flex-direction: column;
  gap: 20px;
  display: flex
}

._rwxl.NC__D {
  padding-right: 24px
}

.c3zjz {
  border-top: 1px solid var(--modal-border);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  display: flex
}

.bETq4 {
  flex-direction: row;
  flex: 1;
  justify-content: end;
  gap: 8px;
  display: flex
}

.FXJyz {
  flex-direction: column;
  gap: 12px;
  display: flex
}

@media not (min-width: 990px) {
  .FXJyz {
    gap:0
  }
}

.yiqfq {
  flex-direction: row;
  gap: 16px;
  display: flex
}

.Sft1t {
  color: var(--content-fg-secondary);
  font-size: .875rem;
  font-weight: 350;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  align-self: flex-start;
  display: inline-flex
}

@media not (min-width: 990px) {
  .Sft1t {
    padding:12px
  }
}

.Bi6c3 {
  flex-direction: column;
  gap: 12px;
  display: flex
}

.BnE9z {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  color: var(--accent);
  cursor: pointer;
  background: 0 0;
  border: none;
  padding: 0
}

@media (hover: hover) {
  .BnE9z:hover {
    text-decoration:underline
  }
}

.QVo7R:focus-visible>.twcne {
  background-color: var(--chrome-tint-heavy);
  outline: none
}

.twcne {
  box-sizing: border-box;
  border: 2px solid var(--brand-blue);
  color: var(--brand-blue);
  background-color: transparent;
  border-radius: 40px;
  margin-right: 10px;
  padding: 8px 16px;
  font-size: 1rem
}

@media (hover: hover) {
  .twcne:hover {
    background-color:var(--brand-blue-tint-strong)
  }
}

.twcne svg {
  --icon-color-primary: var(--brand-blue)
}

.twcne.F0J4T {
  background-color: var(--brand-blue);
  color: var(--chrome-fg)
}

.twcne.F0J4T svg use {
  --icon-color-primary: var(--chrome-fg)
}

@media (hover: hover) {
  .twcne.F0J4T:hover {
    background-color:var(--brand-blue);
    color: var(--chrome-fg)
  }

  .twcne.F0J4T:hover svg use {
    --icon-color-primary: var(--chrome-fg)
  }
}

@media not (min-width: 990px) {
  .twcne {
    white-space:nowrap
  }
}

.JjPjA {
  margin-left: 5px
}

.X3Lal {
  justify-content: space-between;
  padding: 8px 12px
}

.X3Lal.utlpw {
  cursor: default;
  opacity: .3;
  pointer-events: none;
  outline: none
}

.X3Lal.utlpw:focus-visible {
  background-color: initial
}

@media (hover: hover) {
  .X3Lal.utlpw:hover {
    background-color:initial
  }
}

.X3Lal.utlpw:focus-within {
  background-color: initial
}

.BxUUm {
  margin-top: 5px;
  margin-left: 10px;
  margin-right: 10px
}

.wRFbP {
  width: 19px;
  margin-right: 5px;
  font-size: 0
}

.V9niT {
  display: flex
}

.RaAUX {
  border-bottom: var(--content-tint-strong) 1px solid;
  cursor: default;
  align-items: center;
  padding: 12px;
  font-weight: 400;
  display: flex
}

.RaAUX .UHdt6 {
  margin-left: 5px
}

.iLAJD {
  padding: 16px 24px 24px
}

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

.J3mdN {
  flex-direction: column;
  gap: 8px;
  display: flex
}

.E54dl {
  flex-direction: row;
  gap: 16px;
  display: flex
}

.E54dl .YNw0G {
  flex: 1
}

@media not (min-width: 990px) {
  .E54dl {
    flex-direction:column
  }

  .E54dl.KYzJR {
    flex-direction: row
  }
}

.aDpSJ {
  flex-direction: column;
  gap: 12px;
  display: flex
}

.EKU8z {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg)
}

.zFf1h {
  flex-direction: column;
  gap: 4px;
  display: flex
}

.VEoAN {
  font-size: .875rem;
  font-weight: 350;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg-secondary)
}

._8RZv {
  background-color: var(--content-tint);
  border: 0;
  border-radius: 8px;
  outline: 2px solid transparent;
  padding: 8px 16px
}

.hE9i9 {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  min-height: 1em;
  color: var(--content-fg);
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: break-word;
  display: block
}

.JyOQf {
  flex-direction: row;
  justify-content: flex-end;
  gap: 8px;
  display: flex
}

.OInaK {
  flex-direction: column;
  height: 100%;
  display: flex
}

.TSvga {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  font-family: var(--font-family-modern);
  border-bottom: 1px solid var(--modal-border);
  color: var(--content-fg);
  text-align: center;
  flex-shrink: 0;
  padding: 0 16px 12px
}

.x5SlM {
  flex: 1;
  padding: 16px 20px;
  overflow-y: auto
}

.piS_i {
  border-top: 1px solid var(--modal-border);
  background-color: var(--modal);
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
  padding: 20px;
  display: flex
}

.Du368 {
  background-color: var(--chrome);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 4px 0;
  display: flex
}

@media (min-width: 990px) {
  .Du368 {
    z-index:1;
    padding: 8px 0 0;
    position: -webkit-sticky;
    position: sticky;
    top: 0
  }
}

.sCpg2 {
  z-index: 1;
  width: 100%;
  height: 8px;
  position: -webkit-sticky;
  position: sticky;
  top: 62px;
  left: 0
}

@media not (min-width: 990px) {
  .JLeH5 {
    width:100%
  }
}

.JPo5m {
  display: flex;
  position: relative
}

.bPnbI {
  box-sizing: border-box;
  width: 100%;
  overflow: hidden
}

@media (max-width: 540px) {
  .bPnbI {
    width:100%;
    padding-left: 8px
  }
}

.Dz2tO {
  color: var(--content-fg)
}

@media not (min-width: 990px) {
  .Dz2tO {
    height:100%
  }
}

.N5wJr {
  box-sizing: border-box;
  z-index: 2;
  background-color: var(--chrome);
  flex-direction: column;
  width: 100%;
  padding: 8px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0
}

.N5wJr.bM94w {
  padding-top: 16px
}

.zmjaW {
  z-index: 1;
  background-image: linear-gradient(180deg, rgb(var(--chrome)) 0%, transparent 100%);
  width: 100%;
  height: 15px;
  position: -webkit-sticky;
  position: sticky;
  top: 54px;
  left: 0
}

.zmjaW.bM94w {
  height: 8px;
  top: 62px
}

.mCoUP {
  flex-direction: column;
  height: 100%;
  padding-top: 14px;
  padding-left: 20px;
  display: flex;
  position: relative
}

.QI77K {
  height: auto;
  margin-bottom: 9px;
  padding: 0
}

.QI77K .R3rx5 {
  border: 1px solid var(--chrome-tint-strong);
  background: var(--chrome-panel);
  border-radius: 100px
}

.QI77K .R3rx5>input {
  font-size: 14px
}

.QI77K .GEeDR {
  height: 32px
}

.QI77K+div {
  top: 34px
}

.palette--snowBright .R3rx5,.palette--cement .R3rx5,.palette--canary .R3rx5,.palette--ghost .R3rx5 {
  border: 1px solid var(--content-tint-strong)
}

.palette--gothRave .R3rx5,.palette--darkMode .R3rx5,.palette--lowContrastClassic .R3rx5,.palette--cybernetic .R3rx5,.palette--vampire .R3rx5,.palette--pumpkin .R3rx5 {
  border: 1px solid var(--chrome-fg-secondary)
}

.kbHcG {
  box-sizing: border-box;
  width: 100%;
  padding: 24px 10px
}

.kbHcG:not(:last-child) {
  border-bottom: 1px solid var(--chrome-tint)
}

@media (max-width: 540px) {
  .kbHcG {
    padding:0 20px 20px
  }
}

.RDY7C {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--chrome-fg);
  margin-bottom: 16px;
  margin-left: 10px
}

@media (max-width: 540px) {
  .RDY7C {
    margin-left:0
  }
}

.T0zmv {
  flex-direction: column;
  gap: 12px;
  padding: 0 10px;
  display: flex
}

@media (max-width: 540px) {
  .T0zmv {
    padding:0 25px
  }
}

.yu39u {
  flex-direction: column;
  align-items: center;
  gap: 10px;
  display: flex
}

@media (max-width: 540px) {
  .yu39u {
    flex-direction:row
  }
}

.yu39u .GNXWn {
  text-align: center
}

.yu39u .mTesj,.yu39u .A6S2n {
  color: var(--chrome)
}

.fXkn7 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--accent);
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 4px 20px;
  display: flex
}

@media (max-width: 540px) {
  .fXkn7 {
    border:solid 1px var(--accent)
  }
}

.BQiQJ {
  padding: 0 2em;
  display: flex
}

.BQiQJ button {
  width: 100%
}

.BQiQJ .GNXWn {
  border-radius: 24px;
  flex-wrap: wrap;
  margin: 15px 8px 0;
  padding: 6px 15px;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5
}

.BQiQJ ._kJmQ {
  background-color: var(--accent);
  color: var(--chrome)
}

.BQiQJ .NOWK9 {
  background-color: var(--chrome);
  color: var(--accent)
}

.Jl6Dh {
  flex-direction: column;
  align-items: center;
  max-width: 100%;
  margin-top: 6px;
  display: flex
}

.UiYIO {
  width: 100%;
  color: var(--content-fg);
  text-align: center;
  text-overflow: ellipsis;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.3;
  overflow: hidden
}

.tBZ1w {
  width: 100%;
  color: var(--chrome-fg-secondary);
  text-align: center;
  text-overflow: ellipsis;
  margin: 0;
  font-size: 14px;
  line-height: 1.25;
  overflow: hidden
}

.OFaVJ {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  gap: 6px;
  max-width: 100%;
  margin-top: 16px;
  margin-bottom: 0;
  display: flex
}

.Greb5 {
  color: var(--chrome-fg-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.TfSxW {
  color: var(--content-fg);
  white-space: nowrap;
  font-weight: 700
}

@media (max-width: 540px) {
  .fww7j {
    max-width:80px
  }
}

.Y8jJs {
  max-width: 100%;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--chrome-fg-secondary);
  gap: 4px;
  margin-top: 4px;
  margin-bottom: 0;
  display: flex
}

.Y8jJs span:not(.TT68g) {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.bIwEk {
  color: var(--content-fg);
  font-weight: 700
}

.I0UEo {
  margin-top: 21px
}

.palette--pride .OFaVJ .Greb5,.palette--pride .tBZ1w .Y8jJs {
  color: var(--content-fg)
}

.palette--cement .GMYjJ,.palette--cybernetic .GMYjJ,.palette--canary .GMYjJ,.palette--ghost .GMYjJ,.palette--snowBright .GMYjJ,.palette--gothRave .GMYjJ,.palette--pride .GMYjJ {
  color: var(--color-fg-light)
}

.palette--trueBlue .oPeob {
  background: var(--chrome-panel)
}

.palette--trueBlue .Jl6Dh .UiYIO,.palette--trueBlue .Jl6Dh .OFaVJ .TfSxW,.palette--trueBlue .Y8jJs .bIwEk {
  color: var(--chrome-fg)
}

.eNZLV {
  box-sizing: border-box;
  background: var(--content-panel);
  background-color: var(--chrome-panel);
  min-height: 237px;
  color: var(--chrome-fg);
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 29px 24px 24px;
  display: flex
}

@media (max-width: 540px) {
  .eNZLV {
    width:calc(100% - 48px)
  }
}

.BtmpH {
  flex-wrap: wrap;
  gap: 8px 4px;
  display: flex
}

@media (max-width: 540px) {
  .BtmpH {
    flex-wrap:wrap;
    align-content: flex-start;
    align-self: stretch;
    align-items: flex-start;
    gap: 14px 10px;
    display: flex
  }
}

.Va68r {
  border: 1px solid var(--chrome-tint);
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--chrome-fg);
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 32px;
  padding: 6px 12px;
  text-decoration: none;
  overflow: hidden
}

.palette--darkMode .BtmpH .Va68r,.palette--lowContrastClassic .BtmpH .Va68r,.palette--cement .BtmpH .Va68r,.palette--cybernetic .BtmpH .Va68r,.palette--canary .BtmpH .Va68r,.palette--ghost .BtmpH .Va68r,.palette--vampire .BtmpH .Va68r,.palette--pumpkin .BtmpH .Va68r,.palette--snowBright .BtmpH .Va68r,.palette--gothRave .BtmpH .Va68r {
  color: var(--content-fg)
}

.Qihwb {
  display: flex
}

.oMSQy {
  background: var(--chrome-panel);
  color: var(--chrome-fg-secondary);
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 4px;
  padding: 6px 16px 6px 6px;
  transition: all 50ms ease-in-out;
  display: flex;
  box-shadow: 0 0 0 1px rgba(0,0,0,.1)
}

.iOVfz {
  align-items: center;
  padding: 12px 10px;
  transition: transform .15s ease-in-out;
  display: flex
}

.vuJQj {
  background: var(--brand-purple);
  border-radius: 999px;
  flex: 0 0 32px;
  align-content: center;
  justify-content: center;
  align-items: center;
  height: 32px;
  margin-left: 4px;
  display: flex
}

.vuJQj>svg {
  --icon-color-primary: var(--color-fg-light)
}

.OMRO7 {
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family);
  text-align: left;
  flex-direction: column;
  flex-grow: 1;
  display: flex
}

@media (hover: hover) {
  .oMSQy:hover {
    color:var(--chrome-fg);
    box-shadow: 0 0 0 1px rgba(0,0,0,.4)
  }

  .oMSQy:hover .iOVfz {
    transform: scale(1.35)rotate(-7deg)
  }
}

.oMSQy:active {
  border-top-color: var(--content-tint-strong);
  background: linear-gradient(to bottom, var(--content-tint-strong) 0, var(--content-tint-strong) 100%);
  box-shadow: 0 1px rgba(255,255,255,.1)
}

.pIHsl:first-child {
  padding-top: 14px
}

.ohi9S {
  border-radius: 12px;
  margin-bottom: 38px;
  position: -webkit-sticky;
  position: sticky
}

.ohi9S.z7xBN {
  min-height: 100vh
}

.TXjht {
  background: var(--content-panel);
  width: 556px;
  box-shadow: 0px 8px 16px var(--content-tint-strong);
  color: var(--chrome-fg);
  border-radius: 8px;
  flex-direction: column;
  display: flex;
  position: absolute;
  top: 130px;
  left: calc(50% - 278px)
}

@media (max-width: 540px) {
  .TXjht {
    width:100%;
    left: 0
  }
}

.TXjht .nb9yz {
  color: var(--accent);
  display: flex
}

.TXjht .JP3VN {
  border: 1px solid var(--content-tint-strong);
  background: var(--content-panel);
  border-radius: 3px;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  height: 34px;
  margin: 14px;
  padding: 4px;
  display: flex;
  position: relative;
  overflow: hidden
}

.TXjht .JP3VN .nkDKC {
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: center;
  height: 34px;
  margin-left: 12px;
  margin-right: 2px;
  display: flex
}

.TXjht .JP3VN .nkDKC svg use {
  --icon-color-primary: var(--content-fg)
}

.TXjht .JP3VN input {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  width: 100%;
  color: var(--content-fg);
  background: 0 0;
  border: none;
  outline: none;
  padding: 5px
}

.TXjht .JP3VN .ajdBh {
  cursor: pointer;
  height: 12px;
  margin-right: 5px
}

.TXjht .JP3VN .ajdBh svg use {
  --icon-color-primary: var(--content-fg)
}

.TXjht .JP3VN .o5L2t {
  color: var(--chrome-fg);
  flex: 1;
  font-size: 16px
}

.TXjht .vO52p {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  height: 64px;
  padding: 12px;
  display: flex
}

.TXjht .vO52p .Oymh2 {
  flex: 1
}

.TXjht .vO52p .Oymh2 button {
  color: var(--accent)
}

.TXjht .vO52p .bDmZL {
  color: var(--accent);
  margin-right: 20px
}

.TXjht .vO52p .bDmZL:disabled {
  color: var(--content-fg-tertiary)
}

.TXjht .vO52p .xy1OR {
  background: var(--accent);
  min-width: 100px;
  height: 40px;
  color: var(--accent-fg);
  border-radius: 34px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  display: flex
}

.TXjht .e4xmD {
  border: 2px solid var(--content-fg-secondary);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  color: var(--content-fg-secondary);
  border-radius: 18px;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 6px 10px;
  font-weight: 700
}

@media (hover: hover) {
  .TXjht .e4xmD:hover {
    border:2px solid var(--accent);
    color: var(--accent);
    cursor: pointer
  }

  .TXjht .w7RFu:hover {
    border: 2px solid var(--accent);
    background-color: var(--accent);
    color: var(--accent-fg);
    cursor: pointer
  }
}

.TXjht .w7RFu {
  border: 2px solid var(--accent);
  background-color: var(--accent);
  color: var(--accent-fg)
}

.TXjht .P4xRA {
  overflow: hidden
}

.TXjht .P4xRA.iPM2i {
  margin: 0 -12px
}

.TXjht .hSZfZ {
  box-sizing: border-box;
  border-style: solid;
  border-width: 1px 0;
  border-color: var(--content-tint);
  flex-wrap: wrap;
  width: 100%;
  max-height: 259px;
  padding: 12px;
  overflow-y: auto
}

.TXjht .hSZfZ p {
  color: var(--content-fg-secondary)
}

.TXjht .hSZfZ .BEcMi {
  color: var(--accent);
  align-items: center;
  margin-bottom: 16px;
  text-decoration: none;
  display: flex
}

.TXjht .g5qqw {
  color: var(--accent);
  text-align: left;
  margin-top: 16px;
  display: flex
}

.TXjht .VjIP1 {
  stroke: var(--content-fg);
  stroke-width: .5px
}

.TXjht .SrJK3 {
  text-align: center;
  width: 100%
}

.oXcDI {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  border: 2px solid var(--accent);
  color: var(--accent);
  border-radius: 34px;
  align-items: center;
  margin-bottom: 16px;
  padding: 4px 12px;
  font-weight: 500
}

@media (max-width: 540px) {
  .oXcDI {
    margin-left:16px
  }
}

.oXcDI.aCGox {
  border-color: var(--chrome-fg-secondary);
  color: var(--chrome-fg-secondary)
}

@media (hover: hover) {
  .oXcDI.aCGox:hover {
    cursor:default
  }
}

.oXcDI.R1h1i {
  margin-left: 20px
}

.b_ROM {
  flex-direction: column;
  align-items: center;
  margin-top: 50px;
  display: flex
}

.b_ROM img {
  width: 400px;
  margin-bottom: 37px
}

.b_ROM h2 {
  color: var(--chrome-fg);
  margin-bottom: 10px;
  font-size: 21px
}

.b_ROM h3 {
  max-width: 340px;
  color: var(--chrome-fg-secondary);
  text-align: center;
  font-size: 16px;
  display: block
}

.b_ROM button {
  background: var(--accent);
  width: 344px;
  height: 48px;
  color: var(--accent-fg);
  border-radius: 25px;
  flex-direction: row;
  flex: none;
  order: 2;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 32px;
  margin-bottom: 60px;
  display: flex
}

.b_ROM button span {
  align-items: center;
  font-size: 18px;
  display: flex
}

.b_ROM button span svg {
  margin-right: 10px
}

.mmUe6 {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.33333;
  font-family: var(--font-family);
  width: 100%;
  color: var(--chrome-fg);
  padding-left: 0
}

.mmUe6 ._bvKP {
  background: var(--chrome-panel)
}

.mmUe6 ._ZAB3 {
  word-break: break-word
}

.mmUe6 .KABgq {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--chrome-fg-secondary);
  text-align: right;
  margin-left: 5px;
  display: inline-block
}

.mmUe6 ul,.mmUe6 li {
  margin: 0;
  padding: 0;
  list-style: none
}

.mmUe6 li {
  padding: 8px 12px
}

.mmUe6 li a {
  color: inherit;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: flex
}

@media (hover: hover) {
  .mmUe6 li:hover {
    background-color:var(--chrome-panel)
  }
}

.mmUe6 li.xdMjM {
  flex-direction: row;
  align-items: center;
  margin-left: 0;
  display: flex
}

.mmUe6 li.xdMjM use {
  --icon-color-primary: var(--chrome-fg)
}

.mmUe6 li.xdMjM a {
  margin-left: 8px
}

.mmUe6 li .TTR7H {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family)
}

.xdPig {
  background: var(--chrome-panel);
  color: var(--chrome-fg);
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family);
  margin-top: 12px;
  padding: 12px
}

.KXHqk {
  justify-content: center;
  align-items: center;
  min-height: 75px;
  display: flex
}

.nXAVF {
  white-space: pre;
  flex-wrap: wrap;
  justify-content: center;
  display: flex
}

.nXAVF.hJQ0M {
  flex-wrap: nowrap
}

@media (prefers-reduced-motion:no-preference) {
  @keyframes qnpVb {
    0% {
      transform: translateY(5%)skew(3deg)
    }

    25% {
      transform: translateY(-5%)
    }

    50% {
      transform: translateY(5%)skew(-3deg)
    }

    75% {
      transform: translateY(-5%)
    }

    to {
      transform: translateY(5%)skew(3deg)
    }
  }

  .aZTpT:nth-child(4n+1) {
    animation: 4s ease-in-out -.5s infinite qnpVb
  }

  .aZTpT:nth-child(4n+2) {
    animation: 4s ease-in-out -1s infinite qnpVb
  }

  .aZTpT:nth-child(4n+3) {
    animation: 4s ease-in-out -1.5s infinite qnpVb
  }

  .aZTpT:nth-child(4n) {
    animation: 4s ease-in-out infinite qnpVb
  }
}

.g44JE {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.33333;
  font-family: var(--font-family);
  width: 100%;
  color: var(--chrome-fg);
  margin: 0;
  padding: 0
}

.g44JE.bBK20 {
  padding-top: 8px
}

.g44JE .IMj2J a {
  background: var(--chrome-tint)
}

.g44JE li {
  list-style: none
}

.g44JE li:not(:first-child) {
  border-top: 1px solid var(--chrome-tint)
}

.g44JE li a {
  color: inherit;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px 8px 10px;
  text-decoration: none;
  display: flex
}

.g44JE li .eeIxT {
  flex-direction: column;
  justify-content: space-between;
  display: flex
}

.g44JE li small {
  color: var(--chrome-fg-secondary);
  font-size: 13px;
  font-weight: 400
}

@media (hover: hover) {
  .g44JE li:hover {
    background-color:var(--chrome-tint)
  }
}

.g44JE .UipYC {
  padding: 0
}

.g44JE .UipYC a {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center
}

.g44JE .UipYC a.bBK20 {
  padding: 8px
}

.C7d0G {
  justify-content: center;
  align-items: center;
  min-height: 75px;
  display: flex
}

.mvtqT {
  font-size: 1.625rem;
  font-weight: 400;
  line-height: 1.30769;
  font-family: var(--font-family);
  border-bottom: 2px solid var(--content-tint-strong);
  color: var(--content-fg);
  padding-bottom: 28px;
  font-size: 24px;
  line-height: 1.3
}

.Jv_dp {
  flex-direction: column;
  flex: 0 145px;
  gap: 4px;
  min-width: 145px;
  padding: 0 10px;
  display: flex
}

@media not (min-width: 990px) {
  .Jv_dp {
    flex:0 32px
  }
}

@media (max-width: 540px) {
  .Jv_dp {
    flex-basis:auto;
    margin-bottom: 20px
  }
}

.Jv_dp h3 {
  color: var(--content-fg);
  font-weight: 700;
  line-height: normal
}

.Jv_dp h4 {
  color: var(--content-fg);
  font-weight: 400
}

.voaYL {
  border-bottom: 1px solid var(--content-tint-strong);
  flex-direction: column;
  width: 100%;
  padding: 20px 0;
  scroll-margin-top: 44px;
  display: flex
}

@media (min-width: 990px) {
  .voaYL {
    flex-direction:row;
    scroll-margin-top: 0
  }
}

.voaYL:last-of-type {
  border-bottom: none
}

.s5oiJ {
  max-width: 380px;
  color: var(--content-fg);
  flex-grow: 1;
  padding: 0 10px
}

.s5oiJ.RZLCp {
  max-width: 315px
}

@media (max-width: 540px) {
  .s5oiJ {
    max-width:100%
  }
}

.uyMIN .OPnDa {
  z-index: 999;
  position: relative
}

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

.A0pGQ {
  justify-content: center;
  align-items: center;
  margin-right: 10px
}

.hhA25 {
  font-size: .625rem
}

.Gh6jR {
  justify-content: center;
  margin-top: 5px;
  display: flex
}

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

.W19cD {
  margin-top: 3px;
  margin-left: 8px
}

.s4DSF {
  margin-top: 5px
}

.pGaw3 {
  justify-content: space-between;
  margin-bottom: 10px;
  display: flex
}

.ajWB3 {
  border: 1px solid var(--chrome-panel-border);
  background-color: var(--chrome-panel);
  border-radius: 12px;
  flex-direction: column;
  margin: 0 8px 20px;
  display: flex
}

.xlt1t {
  flex: 1;
  padding: 0 8px 16px
}

.UphzF {
  color: var(--chrome-fg);
  padding: 20px 20px 16px
}

.WBEbJ {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  color: var(--accent);
  padding: 0 20px 24px
}

.oiy9G {
  text-decoration: none
}

.oiy9G:focus-visible {
  outline: none;
  text-decoration: underline
}

@media (hover: hover) {
  .oiy9G:hover {
    outline:none;
    text-decoration: underline
  }
}

.l6TJ6 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  padding: 0 5px;
  display: flex;
  position: relative
}

.l6TJ6>a {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  vertical-align: middle;
  outline: none;
  flex-grow: 1;
  align-items: center;
  text-decoration: none;
  display: flex
}

.l6TJ6 .JZgPC {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  line-height: 20px
}

.l6TJ6 .P2y86 {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  flex-direction: column;
  display: flex
}

.l6TJ6 .tlDpL {
  border-radius: 3px;
  width: 64px;
  height: 37px;
  margin-right: 10px;
  display: block;
  overflow: hidden
}

.l6TJ6 .t0rWS {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  text-overflow: ellipsis;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:1) {
  .l6TJ6 .t0rWS {
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:1)) {
  .l6TJ6 .t0rWS {
    white-space:nowrap
  }
}

.l6TJ6 .t0rWS {
  color: var(--chrome-fg-secondary);
  -webkit-hyphens: none;
  hyphens: none
}

.l6TJ6 .vVW2s {
  text-align: right;
  align-items: center;
  padding-right: 14px;
  display: flex;
  position: relative
}

.l6TJ6 .vVW2s a {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--accent);
  text-decoration: none
}

@media (max-width: 540px) {
  .l6TJ6 .vVW2s a {
    font-size:1rem;
    font-weight: 700;
    line-height: 1.5;
    font-family: var(--font-family)
  }
}

.l6TJ6 .vVW2s a:focus-visible {
  outline: none;
  text-decoration: underline
}

@media (hover: hover) {
  .l6TJ6 .vVW2s a:hover {
    outline:none;
    text-decoration: underline
  }
}

.ORE7n {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.ORE7n:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: -2px;
  border-radius: 8px
}

.ZoV6R {
  text-overflow: ellipsis;
  padding-top: 4px;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:2) {
  .ZoV6R {
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:2)) {
  .ZoV6R {
    white-space:nowrap
  }
}

.w6x4o {
  align-self: flex-start;
  padding: 4px 4px 4px 0;
  position: relative
}

.ngnqP {
  box-sizing: border-box;
  border-radius: 8px;
  padding: 8px 8px 8px 12px;
  position: relative;
  overflow: visible
}

@media (hover: hover) {
  .ngnqP.tMsyD:hover {
    background-color:var(--chrome-tint)
  }

  .ngnqP.S01d5:hover {
    background-color: var(--content-tint)
  }
}

.ZkDRO {
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.125rem;
  font-family: var(--font-family-modern);
  border-radius: 4px;
  padding: 0 4px;
  display: inline-flex
}

.ZkDRO.enDRC {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  font-family: var(--font-family-modern)
}

.Jg1JU.uS1ns {
  background-color: var(--chrome-tint-strong);
  color: var(--chrome-fg-secondary)
}

.LSNdU.WPjjD {
  background-color: var(--brand-purple-tint-strong);
  color: var(--brand-purple)
}

.LSNdU.uS1ns {
  background-color: var(--content-tint-strong);
  color: var(--content-fg-secondary)
}

.wfHHE.WPjjD {
  background-color: var(--image-fg);
  color: #000
}

.wfHHE.uS1ns {
  background-color: var(--image-tint);
  color: var(--image-fg)
}

.KO5EN {
  z-index: 1;
  filter: none;
  opacity: 1;
  margin-top: 0;
  transition: opacity .35s;
  position: absolute;
  top: 0;
  bottom: 1px
}

.KO5EN span {
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  transition: background .35s;
  display: flex
}

@media (hover: hover) {
  .KO5EN span:hover {
    background:var(--chrome-tint)
  }
}

.KO5EN svg {
  --icon-color-primary: var(--chrome-fg-secondary);
  width: 13px
}

.KO5EN.V7v4g {
  background: linear-gradient(90deg, var(--chrome) 0%, var(--chrome) 70%, transparent 100%);
  padding-right: 1.5rem;
  left: -1px
}

@media (max-width: 540px) {
  .KO5EN.V7v4g {
    padding-left:.5rem
  }
}

.KO5EN.TyF2z {
  background: linear-gradient(90deg, transparent 0%, var(--chrome) 30%, var(--chrome) 100%);
  padding-left: 1.5rem;
  right: -1px
}

@media (max-width: 540px) {
  .KO5EN.TyF2z {
    padding-right:.5rem
  }
}

.KO5EN.m2bR1 {
  opacity: 0;
  pointer-events: none
}

.palette--trueBlue .KO5EN svg {
  --icon-color-primary: var(--chrome-fg)
}

.palette--snowBright button:first-of-type .KO5EN,.palette--cement button:first-of-type .KO5EN,.palette--canary button:first-of-type .KO5EN,.palette--ghost button:first-of-type .KO5EN {
  background: linear-gradient(90deg, var(--chrome) 0%, var(--chrome) 92%, transparent 100%)
}

.palette--snowBright button:first-of-type .KO5EN svg,.palette--cement button:first-of-type .KO5EN svg,.palette--canary button:first-of-type .KO5EN svg,.palette--ghost button:first-of-type .KO5EN svg {
  --icon-color-primary: var(--chrome-fg-secondary)
}

.p4DiZ {
  border-bottom: 1px solid var(--chrome-tint-strong);
  justify-content: space-between;
  width: 100%;
  margin-bottom: 16px;
  display: flex;
  position: relative;
  overflow: hidden
}

.p4DiZ.ani78 {
  margin-bottom: 16px
}

.WVvBo {
  box-sizing: border-box;
  background-color: var(--chrome);
  -ms-overflow-style: none;
  scrollbar-width: none;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden
}

@media (max-width: 540px) {
  .WVvBo {
    height:auto
  }
}

.WVvBo .MNkkC {
  white-space: nowrap
}

.JuP8X,.Ojie7 {
  min-width: 0;
  position: relative
}

.JuP8X {
  flex: 1
}

.Ojie7 {
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  padding-right: 16px;
  display: inline-flex
}

@media (min-width: 990px) {
  .Ojie7.Wxvpx {
    padding-left:16px
  }
}

.uM3pd {
  overscroll-behavior: none;
  width: 100%;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  font-family: var(--font-family);
  min-height: 52px;
  color: var(--chrome-fg-secondary);
  margin-bottom: -1px;
  display: flex
}

@media (min-width: 990px) {
  .uM3pd {
    white-space:nowrap
  }
}

@media (max-width: 540px) {
  .uM3pd {
    flex-wrap:wrap
  }

  .uM3pd.kjNtH {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto
  }
}

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

@media (min-width: 990px) {
  .uM3pd.ZHf8b {
    margin-bottom:16px
  }
}

.wl0Ka {
  text-align: center;
  align-items: center;
  padding: 14px 16px;
  text-decoration: none;
  display: flex
}

@media not (min-width: 990px) {
  .wl0Ka {
    justify-content:center;
    align-items: flex-start;
    display: flex
  }
}

@media (max-width: 540px) {
  .wl0Ka {
    box-sizing:border-box;
    justify-content: center;
    align-items: center;
    width: 50%;
    display: flex
  }
}

.wl0Ka:focus-within .OPOal {
  outline: none
}

@media (hover: hover) {
  .wl0Ka:not(.sSq2h):hover {
    background:var(--chrome-tint)
  }
}

.wl0Ka:not(.sSq2h):focus-visible {
  background: var(--chrome-tint)
}

.sSq2h .wl0Ka,.sSq2h.wl0Ka {
  box-shadow: inset 0px -2px 0px var(--accent);
  color: var(--chrome-fg)
}

.bZTy6 {
  scroll-behavior: smooth;
  scroll-snap-align: start;
  scroll-snap-type: x mandatory;
  overflow-x: scroll;
  overflow-y: hidden
}

.bZTy6::-webkit-scrollbar {
  display: none
}

.bZTy6 .uM3pd {
  width: unset;
  flex-wrap: nowrap;
  margin: 0;
  overflow-x: visible
}

@media (max-width: 540px) {
  .bZTy6 .wl0Ka {
    width:100%
  }
}

.vBp1h {
  display: inline
}

@media not (min-width: 990px) {
  .vBp1h {
    justify-content:center;
    display: flex
  }

  .vBp1h>span,.vBp1h>span>span {
    flex: 1;
    display: flex
  }
}

@media (max-width: 540px) {
  .vBp1h {
    box-sizing:border-box;
    width: 50%
  }

  .vBp1h button {
    width: 100%
  }
}

.vli36 {
  background: var(--chrome);
  color: var(--chrome-fg);
  text-align: right;
  cursor: pointer;
  align-items: center;
  display: flex;
  top: 0;
  bottom: 1px;
  right: 0
}

.vli36 a {
  position: relative
}

.vli36 a>svg {
  --icon-color-primary: var(--chrome-fg-secondary);
  opacity: .6
}

.vli36 svg {
  width: 1.25rem
}

.palette--lowContrastClassic .vli36 a>svg,.palette--cement .vli36 a>svg,.palette--cybernetic .vli36 a>svg,.palette--canary .vli36 a>svg,.palette--ghost .vli36 a>svg,.palette--vampire .vli36 a>svg,.palette--pumpkin .vli36 a>svg,.palette--snowBright .vli36 a>svg,.palette--gothRave .vli36 a>svg {
  --icon-color-primary: var(--content-fg)
}

.P6ZvZ svg {
  --icon-color-primary: var(--brand-yellow);
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: -.35rem;
  left: -.5rem
}

.P6ZvZ.MR2LH {
  display: none
}

.CfIku {
  visibility: visible;
  z-index: 1;
  width: 200px;
  transition: opacity .35s;
  animation: .35s 8s forwards hnqDn;
  position: absolute;
  top: 54px;
  right: 0
}

.CfIku:before {
  z-index: 1;
  background-image: linear-gradient(to bottom right, transparent 50%, var(--brand-purple) 0),linear-gradient(to top right, var(--brand-purple) 50%, transparent 0);
  content: "";
  background-position: 0,100%;
  background-repeat: no-repeat;
  background-size: 50% 100%;
  border-radius: 1px;
  width: 20px;
  height: 12.38px;
  position: absolute;
  top: -10.38px;
  right: 1.5rem
}

.CfIku:before,.CfIku .OY8IF {
  opacity: 0;
  animation: .75s 1s forwards vGUK1;
  transform: translate(0,0)
}

.OY8IF {
  background: var(--brand-purple);
  color: var(--color-fg-light);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.33333;
  font-family: var(--font-family);
  border: 2px solid var(--color-fg-light);
  box-shadow: 4px 4px 0px var(--color-fg-light);
  text-align: center;
  border-radius: 4px;
  flex-direction: column;
  padding: 10px 12px;
  font-size: 1rem;
  display: flex
}

.hideTabsHeader .CfIku {
  opacity: 0
}

.pB1_l {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0
}

@keyframes vGUK1 {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes hnqDn {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.rTGl_ {
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  display: flex
}

.rTGl_ .RSD75 {
  color: var(--content-fg);
  margin: 0
}

.rTGl_ .RSD75 span {
  text-align: center;
  white-space: nowrap;
  width: 100%
}

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

.WojaA .hXMYF {
  background-color: var(--chrome-fg-secondary);
  border-radius: 100%;
  width: 16px;
  height: 16px;
  margin-left: 8px
}

.WojaA .hXMYF.nNfe0 {
  background-color: var(--chrome-fg)
}

.WojaA .hXMYF svg {
  width: 10px;
  height: 10px;
  padding: 4px 3px
}

.WojaA .hXMYF svg use {
  --icon-color-primary: var(--chrome)
}

.aNmak {
  box-sizing: border-box;
  z-index: calc(100 + 3);
  border: 3px solid var(--content-fg);
  border-radius: 73.05px;
  justify-content: center;
  align-items: center;
  width: 110px;
  height: 110px;
  display: flex;
  position: fixed;
  bottom: 24px;
  left: 24px;
  box-shadow: 0 12px 32px rgba(0,0,0,.2)
}

@media (prefers-reduced-motion:no-preference) {
  .aNmak {
    animation: .4s infinite alternate JnZYD
  }

  .aNmak img {
    animation: 1s infinite IB0tF
  }
}

.mOOFe {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.33333;
  font-family: var(--font-family);
  box-sizing: border-box;
  border: 3px solid var(--content-fg);
  width: 37px;
  height: 36px;
  color: var(--color-fg-light);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 6px 13px;
  display: flex;
  position: absolute;
  top: -7px;
  right: -13px
}

.T0YTo {
  opacity: .15;
  animation: none
}

.T0YTo img {
  animation: none
}

@media (max-width: 540px) {
  .T0YTo {
    display:none
  }
}

@keyframes JnZYD {
  0% {
    transform: scale(1)
  }

  to {
    transform: scale(1.05)
  }
}

@keyframes IB0tF {
  0% {
    transform: rotate(-3deg)
  }

  20% {
    transform: rotate(20deg)
  }

  40% {
    transform: rotate(-15deg)
  }

  60% {
    transform: rotate(5deg)
  }

  90% {
    transform: rotate(-1deg)
  }

  to {
    transform: rotate(0)
  }
}

.pSHgK {
  box-sizing: border-box;
  z-index: calc(100 + 3);
  border: 3px solid var(--content-fg);
  background: linear-gradient(#7c5cff 0%,#ff61ce 100%);
  border-radius: 73.05px;
  width: 110px;
  height: 110px;
  position: fixed;
  bottom: 24px;
  left: 24px;
  box-shadow: 0 12px 32px rgba(0,0,0,.2)
}

.pSHgK svg {
  position: absolute;
  top: -3px;
  left: 3px
}

@media (prefers-reduced-motion:no-preference) {
  .pSHgK {
    animation: .4s infinite alternate iPKkj
  }

  .pSHgK svg {
    animation: 1s infinite L2OPb
  }
}

.pSHgK.vidbH {
  opacity: .15;
  animation: none
}

.pSHgK.vidbH svg {
  animation: none
}

@media (max-width: 540px) {
  .pSHgK.vidbH {
    display:none
  }
}

.GcSv9 {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.33333;
  font-family: var(--font-family);
  box-sizing: border-box;
  border: 3px solid var(--content-fg);
  width: 37px;
  height: 36px;
  color: var(--color-fg-light);
  background-color: #7c5cff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 6px 13px;
  font-size: 18px;
  line-height: 24px;
  display: flex;
  position: absolute;
  top: -7px;
  right: -13px
}

@keyframes iPKkj {
  0% {
    transform: scale(1)
  }

  to {
    transform: scale(1.05)
  }
}

@keyframes L2OPb {
  0% {
    transform: rotate(-3deg)
  }

  20% {
    transform: rotate(20deg)
  }

  40% {
    transform: rotate(-15deg)
  }

  60% {
    transform: rotate(5deg)
  }

  90% {
    transform: rotate(-1deg)
  }

  to {
    transform: rotate(0)
  }
}

.B5krg {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  max-width: 510px;
  margin: 18px 0;
  padding: 0 25px;
  display: flex
}

@media (min-width: 990px) {
  .B5krg {
    margin:24px 0;
    padding: 0
  }
}

.B5krg img {
  object-fit: cover;
  width: 100%;
  margin: 5px auto;
  display: block
}

@media (min-width: 990px) {
  .B5krg img {
    margin-bottom:10px
  }
}

.B5krg h1 {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.33333;
  font-family: var(--font-family);
  color: var(--chrome-fg);
  margin-bottom: 5px
}

@media (min-width: 990px) {
  .B5krg h1 {
    font-size:1.625rem;
    font-weight: 400;
    line-height: 1.30769;
    font-family: var(--font-family);
    margin-bottom: 8px
  }
}

.B5krg p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--chrome-fg-secondary)
}

@media (min-width: 990px) {
  .B5krg p {
    font-size:18px;
    line-height: 24px
  }
}

.S0XvJ {
  margin: 10px 0 15px
}

@media (max-width: 540px) {
  .S0XvJ {
    text-align:center;
    margin-top: 30px
  }

  .S0XvJ img {
    margin-left: -18px
  }
}

.ZcxPx {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.30769;
  font-family: var(--font-family);
  color: var(--content-fg)
}

@media (max-width: 540px) {
  .ZcxPx {
    text-align:center
  }
}

.kFu2G {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--content-fg);
  margin: 32px 0
}

@media (max-width: 540px) {
  .kFu2G {
    text-align:center
  }
}

.xB7E8 {
  color: var(--content-fg);
  margin-top: 32px
}

@media (max-width: 540px) {
  .xB7E8 {
    text-align:center
  }
}

.xB7E8 a {
  color: var(--content-fg);
  font-size: .875rem;
  text-decoration: none;
  display: inline-block
}

@media (hover: hover) {
  .xB7E8 a:hover {
    text-decoration:underline
  }
}

.pZsgR {
  justify-content: space-between;
  display: flex
}

@media (max-width: 540px) {
  .pZsgR {
    flex-direction:column;
    justify-content: center
  }
}

.pZsgR button {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  font-family: var(--font-family);
  border: 4px solid var(--content-fg);
  box-shadow: 4px 4px 0px var(--content-fg);
  border-radius: 100px;
  padding: 10px 35px
}

@media (max-width: 540px) {
  .pZsgR button {
    margin-bottom:25px
  }
}

.pZsgR .uCImh {
  background: var(--brand-purple);
  color: var(--color-fg-light)
}

.pZsgR .j7m58 {
  color: var(--content-fg)
}

.palette--pumpkin .pZsgR button {
  padding: 10px 30px
}

.O4V_R {
  width: 100%;
  max-width: 556px;
  height: 100%
}

.oFCPF {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  background-color: RGB(var(--red));
  border-radius: 6px;
  margin-top: 32px;
  margin-bottom: 20px;
  padding: 16px
}

.oFCPF.q_0lL {
  background-color: #595959
}

.oFCPF h3 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family)
}

.yC5pj {
  margin-top: 6px
}

.gj_Aq {
  box-sizing: border-box;
  border: none;
  width: 100%;
  margin: 0;
  padding: 11px 13px;
  font-size: 16px;
  line-height: 1.4
}

.gj_Aq:first-of-type {
  border-radius: 10px
}

.gj_Aq:last-of-type {
  border-bottom: none;
  border-radius: 10px
}

.gj_Aq[type=checkbox] {
  width: 20px
}

@media not (min-width: 990px) {
  .gj_Aq[type=checkbox] {
    position:absolute;
    left: 10px
  }
}

.gj_Aq:focus-visible {
  outline: none
}

.szP6f {
  opacity: 0;
  height: 0
}

.wTMi1 {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 12px;
  line-height: 20px
}

.QXFvZ {
  margin-top: 12px
}

.L3onR {
  padding-left: 12px
}

.FOMdK,.SiQEE {
  padding-left: 5px
}

.QnWzN {
  flex-direction: row;
  margin-top: 10px;
  display: flex
}

.gqith {
  background-color: RGB(var(--white));
  width: 100%;
  height: 1px;
  position: relative;
  top: 8px
}

.pWa_V {
  margin-right: 10px
}

.YJ2v4 {
  margin-left: 10px
}

.ZTLws {
  border: none;
  width: 100%;
  height: 700px;
  max-height: 90svh
}

@media (max-width: 540px) {
  .ZTLws {
    height:calc(100vh - 24px);
    max-height: 700px
  }
}

.ZTLws.HJAaL {
  height: 100dvh;
  max-height: 100dvh
}

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

@media (max-width: 540px) {
  .GVV9C {
    flex-wrap:wrap
  }
}

.dtQUP,.BYWq2 {
  margin-right: 3px
}

@media (max-width: 540px) {
  .dtQUP,.BYWq2,.TW1Nh {
    margin-bottom:6px
  }
}

.E5a3Z {
  flex-wrap: wrap;
  gap: 10px 0;
  margin-bottom: 10px;
  display: flex
}

@media (max-width: 540px) {
  .E5a3Z {
    flex-direction:column;
    align-items: flex-start
  }
}

.T9Tvl {
  flex-wrap: wrap;
  gap: 10px 0;
  margin-right: 12px
}

@media (max-width: 540px) {
  .T9Tvl {
    align-self:stretch;
    margin-right: 0
  }
}

.W44Hp>span {
  font-size: .875rem
}

.cYtHj {
  font-weight: 700
}

.OKxqZ a {
  display: inline-block
}

.SYoWm {
  margin: 0 8px 0 0
}

.SYoWm:focus-visible {
  filter: brightness(.75);
  outline: none
}

.SYoWm:disabled {
  cursor: default;
  opacity: .4
}

.M4ozn {
  flex-wrap: wrap;
  align-items: stretch;
  margin: 0;
  display: flex
}

.XpugT {
  width: 100%
}

@media not (max-width: 540px) {
  .XpugT {
    position:relative
  }
}

.WJF54 {
  justify-content: space-between;
  align-items: center;
  display: flex
}

.gWXwV {
  box-sizing: border-box;
  border: 1px solid var(--content-tint-strong);
  background: var(--content-panel);
  width: 100%;
  color: var(--content-fg);
  border-radius: 2px;
  outline: 0;
  margin: 0 0 10px;
  padding: 8px 9px;
  font-size: 14px
}

@media not (max-width: 540px) {
  .gWXwV {
    width:100%;
    max-width: 330px
  }
}

.FQn3S .WJF54,.zYSrd .WJF54 {
  box-sizing: border-box;
  border: 1px solid var(--content-tint-strong);
  background: var(--content-panel);
  color: var(--content-fg);
  border-radius: 2px;
  margin: 0 0 10px;
  padding: 8px 9px;
  font-size: 14px
}

@media not (max-width: 540px) {
  .FQn3S .WJF54,.zYSrd .WJF54 {
    width:100%;
    max-width: 330px
  }
}

.FQn3S .gWXwV,.zYSrd .gWXwV {
  border: none;
  flex-grow: 1;
  width: auto;
  margin: 0;
  padding: 0
}

.FQn3S .ew6iy,.zYSrd .ew6iy {
  margin-left: 10px
}

.FQn3S .UjF9u,.zYSrd .UjF9u {
  margin-right: 10px
}

.QERwm .gWXwV {
  border-color: var(--danger)
}

.QERwm .LPUrm {
  z-index: 3;
  background-color: var(--danger);
  color: var(--color-fg-light);
  white-space: nowrap;
  border-radius: 0 2px;
  margin: -10px 0 0;
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 700;
  transition: opacity .1s,margin-left .2s ease-in-out;
  display: block
}

@media not (max-width: 540px) {
  .QERwm .LPUrm {
    border-radius:2px;
    margin: 0;
    position: absolute;
    top: 3px;
    right: -6px;
    transform: translate(100%)
  }
}

.p5iNo {
  color: var(--content-fg);
  word-break: break-word;
  justify-content: space-between;
  align-items: flex-start;
  display: none
}

.GEvLz {
  display: flex
}

.hduls {
  margin-left: .75em
}

.EAi_a {
  margin-bottom: 10px
}

.BAlXE {
  z-index: 101;
  position: relative
}

.Fn7Wj {
  z-index: 100;
  background-color: var(--overlay-tint-heavy)
}

.rrP1Q {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  font-family: var(--font-family-modern)
}

.IF5rd {
  background-color: var(--content-panel);
  text-wrap: balance
}

.IF5rd:before {
  z-index: -1;
  background-color: var(--content-panel);
  content: "";
  border-radius: 8px;
  width: calc(100% + 32px);
  height: calc(100% + 32px);
  position: absolute;
  top: -16px;
  left: -16px
}

.Tikup {
  font-size: .875rem;
  font-weight: 350;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  text-wrap: pretty;
  margin-bottom: 10px
}

.AUKJy {
  border-top: none;
  border-bottom: 1px solid var(--content-tint-strong)
}

.OY7m1 span {
  border: 1px solid var(--accent);
  background-color: var(--accent);
  color: var(--accent-fg);
  border-radius: 3px;
  padding: 8px 20px
}

.OY7m1[disabled] span {
  background-color: var(--accent);
  color: var(--accent-fg);
  opacity: .5
}

.D9uaF {
  flex-grow: 1;
  flex-basis: 100%;
  width: auto;
  margin-right: 15px
}

.z3fHG {
  justify-content: stretch;
  align-items: flex-start;
  width: 100%;
  display: flex
}

.WufiE span {
  background-color: var(--content-tint-strong);
  color: var(--content-fg);
  border-radius: 3px;
  padding: 8px 20px
}

.WufiE[disabled] span {
  opacity: .5
}

.pRdpD {
  border-top: 1px solid var(--content-tint-strong);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 50px;
  display: flex
}

.pRdpD .ApYbk {
  text-overflow: ellipsis;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:2) {
  .pRdpD .ApYbk {
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:2)) {
  .pRdpD .ApYbk {
    white-space:nowrap
  }
}

.pRdpD .ApYbk {
  color: var(--content-fg-secondary);
  overflow-wrap: anywhere;
  margin: 0 20px 0 10px;
  font-size: 12px
}

.QRLai {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none
}

.oWAHi {
  white-space: nowrap;
  width: 100%;
  height: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  overflow: hidden
}

.oWAHi:before {
  background: linear-gradient(90deg, transparent 0, var(--content-panel));
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.iAkIE {
  box-sizing: border-box;
  background-color: var(--accent);
  color: var(--accent-fg);
  text-align: center;
  cursor: pointer;
  border-radius: 40px;
  margin-right: 5px;
  padding: 3px 10px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  list-style: none;
  transition: width .6s ease-in-out;
  display: inline-block
}

.sZGoV {
  width: 100%;
  margin-bottom: 20px
}

.vZnaF,.BAUJo {
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family);
  color: var(--content-fg-secondary)
}

.vZnaF {
  margin-bottom: 12px
}

.iKrSi {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 100%;
  padding: 8px 12px;
  display: flex
}

.BAUJo {
  -webkit-hyphens: auto;
  hyphens: auto;
  text-align: center;
  width: 3rem
}

.uEH8s {
  --icon-color-primary: var(--content-fg-tertiary);
  width: 14px;
  height: 14px;
  margin-right: .5rem
}

.PgBCo {
  margin-bottom: 15px
}

.Eo6XY,.Y_7mh {
  display: inline
}

.Eo6XY {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  margin-right: .5em
}

.laURO {
  padding-top: 16px
}

.OuSEL {
  border: 1px solid var(--chrome-panel-border);
  background: var(--chrome);
  max-width: 400px;
  color: var(--chrome-fg);
  text-align: center;
  border-radius: 8px;
  flex-direction: column;
  gap: 16px;
  padding: 32px;
  display: flex
}

.OuSEL.gG2Mg {
  color: var(--color-fg-light);
  background: 0 0;
  border: none;
  margin: auto;
  padding-top: 0;
  padding-bottom: 0
}

@media (max-width: 540px) {
  .OuSEL {
    border-radius:12px
  }
}

@supports (text-wrap: pretty) {
  .OuSEL {
    text-wrap:pretty
  }
}

.xD2r_ {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2rem;
  font-family: var(--font-family-modern)
}

.Y6kIq {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  color: var(--chrome-fg-secondary)
}

.Y6kIq.gG2Mg {
  color: var(--color-fg-light-secondary)
}

.Feq1Z {
  color: var(--chrome-fg-secondary);
  flex-direction: column;
  gap: 12px;
  display: flex
}

.Feq1Z.gG2Mg {
  color: var(--color-fg-light-secondary)
}

.Feq1Z {
  font-size: .875rem;
  font-weight: 350;
  line-height: 1.25rem;
  font-family: var(--font-family-modern)
}

.DOFg3 {
  border: 1px solid var(--chrome-panel-border);
  background-color: var(--chrome-panel);
  max-width: 325px;
  color: var(--chrome-fg);
  text-align: center;
  flex-direction: column;
  gap: 16px;
  padding: 24px 16px;
  display: flex
}

@supports (text-wrap: pretty) {
  .DOFg3 {
    text-wrap:pretty
  }
}

.DOFg3 {
  border-radius: 8px
}

@media (max-width: 540px) {
  .DOFg3 {
    border-radius:12px
  }
}

.DOFg3.BnoyZ {
  color: var(--color-fg-light);
  background-color: transparent;
  border: none
}

.G_kFD {
  flex-direction: column;
  gap: 8px;
  display: flex
}

.hZ8XB {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern)
}

.XGkzs {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  font-family: var(--font-family-modern)
}

.R1tW5 {
  font-size: .875rem;
  font-weight: 350;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  color: var(--chrome-fg-secondary)
}

.R1tW5.BnoyZ {
  color: var(--color-fg-light-secondary)
}

.UcLQj {
  color: var(--chrome-fg);
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  text-decoration: none
}

@media (hover: hover) {
  .UcLQj:hover {
    cursor:pointer;
    text-decoration: underline
  }
}

.UcLQj.BnoyZ {
  color: var(--color-fg-light)
}

.m4lSb {
  margin-top: 0
}

.ehOK3 {
  width: 100%;
  max-width: 330px;
  margin: 0 auto;
  padding-top: 16px
}

.ehOK3 .OrSU9 {
  display: none
}

.E0Dse {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.25;
  font-family: var(--font-family);
  color: var(--color-fg-light);
  text-align: center
}

.Uujx6 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  font-family: var(--font-family);
  color: var(--color-fg-light);
  text-align: center;
  margin: 0 auto 34px
}

.u4a_T {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  font-family: var(--font-family);
  color: var(--color-fg-light);
  text-align: center;
  margin-bottom: 12px;
  font-weight: 400
}

.nBTzz {
  width: 120px;
  margin: 0 auto 14px
}

.nBTzz svg {
  max-width: 100%;
  margin-top: -10px;
  margin-bottom: -2px
}

.dKGjO {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  font-family: var(--font-family);
  border-radius: var(--radius-round);
  background-color: var(--image-ui);
  width: 100%;
  height: 48px;
  color: var(--image-ui-fg);
  --icon-color-primary: var(--image-ui-fg);
  justify-content: center;
  align-items: center;
  margin-bottom: 12px;
  text-decoration: none;
  display: flex
}

.dKGjO svg {
  margin-right: 12px
}

.ZYXHU {
  width: 100%;
  color: var(--color-fg-light-secondary);
  text-align: center;
  margin-top: .5rem;
  font-size: 1.2rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-block
}

@media (hover: hover) {
  .ZYXHU:hover {
    color:var(--color-fg-light)
  }
}

.sL4Tf {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.33333;
  font-family: var(--font-family);
  box-sizing: border-box;
  background-color: var(--color-tint);
  width: 100%;
  color: var(--color-fg-light);
  border: 2px solid transparent;
  border-radius: 10px;
  outline: none;
  margin-bottom: 8px;
  padding: 10px
}

.sL4Tf:focus-visible {
  border: 2px solid var(--color-fg-light-secondary)
}

.sL4Tf>option {
  color: initial
}

.Kz53t {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  font-family: var(--font-family);
  max-width: 330px;
  margin: 32px auto 0
}

.Kz53t svg {
  margin-left: 16px
}

.b35kL {
  position: absolute;
  top: 35px;
  left: 25px
}

.loginFlowRegisterBird .b35kL {
  top: 79px;
  left: 12px
}

.eSrkx {
  height: 50px
}

.RGc7x {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--color-fg-light);
  text-align: center
}

.RGc7x.HLYmr {
  margin-bottom: 32px
}

.RGc7x.HLYmr p {
  text-align: center;
  margin-bottom: 0
}

.RGc7x.hFIIz {
  background-color: var(--content-tint-strong);
  border-radius: 6px;
  margin-top: 32px;
  margin-bottom: 20px;
  padding: 16px
}

.A8l62 {
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.52381;
  font-family: var(--font-family);
  color: var(--color-fg-light);
  text-align: center;
  font-weight: 400
}

.v0UKr {
  width: 75%
}

.Ahpp8 {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--color-fg-light);
  text-align: center
}

.eG7ks {
  text-decoration: underline
}

.oTBFJ {
  margin-bottom: 83px
}

.dlz74 {
  margin: auto;
  position: relative
}

.dlz74 ._ebVk {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  font-family: var(--font-family);
  color: var(--color-fg-light-secondary);
  position: absolute;
  top: 10px;
  left: 10px
}

.dlz74 .sL4Tf {
  width: calc(100% - 46px);
  padding-left: 36px
}

.hJuYH {
  position: relative
}

.hJuYH .sL4Tf {
  padding-right: 30px
}

.hJuYH .gdImX {
  position: absolute;
  top: 14px;
  right: 0
}

.HLYmr {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--color-fg-light);
  text-align: center;
  margin-bottom: 32px
}

.zY5el {
  margin-bottom: 32px
}

.ljxOA {
  color: var(--color-fg-light-secondary)
}

.ljxOA.EDabf {
  color: var(--color-fg-light)
}

.sOIZD .nBTzz {
  width: 245px;
  margin-bottom: 1em;
  padding-right: 56px
}

.sOIZD.options .u4a_T {
  display: none
}

._GdUi {
  justify-content: space-between;
  display: flex
}

._GdUi .V2Ajw {
  flex: 1;
  align-items: center;
  margin: 0 4px;
  display: flex
}

._GdUi .V2Ajw.WS7yG {
  flex: 4 1 0
}

._GdUi .V2Ajw.XrTgJ {
  flex: 2 1 0
}

._GdUi .V2Ajw.sc7o0 {
  flex: 3 1 0
}

._GdUi .V2Ajw select.zYs8S {
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  flex: 1
}

@media not (max-width: 540px) {
  ._GdUi .V2Ajw select.zYs8S {
    padding:12px 16px
  }
}

._GdUi .V2Ajw .gBTEM {
  pointer-events: none;
  margin-top: -5px;
  margin-left: -30px;
  padding: 0 10px
}

.QKbNv {
  color: var(--color-fg-light);
  text-align: center;
  margin: 24px auto 0
}

.fnTDk {
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.52381;
  font-family: var(--font-family);
  color: var(--color-fg-light);
  text-align: center;
  font-weight: 400
}

.gUQyy {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--color-fg-light);
  text-align: center;
  margin-bottom: 32px
}

.uQX8i {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.33333;
  font-family: var(--font-family);
  box-sizing: border-box;
  background-color: var(--color-tint);
  width: 100%;
  color: var(--color-fg-light);
  border: 2px solid transparent;
  border-radius: 10px;
  outline: none;
  margin-bottom: 8px;
  padding: 10px
}

.uQX8i:focus-visible {
  border: 2px solid var(--color-fg-light-secondary)
}

.uQX8i>option {
  color: initial
}

.gLHzL {
  color: var(--color-fg-light-secondary)
}

.gLHzL.dHFug {
  color: var(--color-fg-light)
}

.genXr {
  margin-top: 24px
}

.genXr .vx4aO {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--color-fg-light-secondary);
  text-align: center
}

.genXr a {
  color: var(--color-fg-light);
  text-decoration: none
}

.genXr .xOIMC {
  box-sizing: border-box;
  background: 0 0;
  width: 62px
}

.genXr .xOIMC:disabled {
  border: 0
}

.genXr .xOIMC .LOx6Q {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  justify-content: flex-start
}

.genXr .xOIMC .LOx6Q .pzcXp,.genXr .xOIMC .LOx6Q svg {
  margin-right: 8px
}

.genXr .xOIMC .pzcXp {
  background: var(--color-fg-light);
  border-radius: 24px;
  width: 24px;
  height: 24px
}

.genXr .XLjpd {
  margin-top: 6px;
  margin-left: -12px
}

.obEIJ {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  margin: 12px auto 0;
  padding-left: 0;
  list-style: none
}

.obEIJ .UqkGI {
  min-height: 24px;
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family);
  color: var(--color-fg-light-secondary);
  text-align: left;
  align-items: flex-start;
  margin-bottom: 12px;
  margin-left: -30px;
  padding-left: 30px;
  list-style-type: none;
  display: flex
}

.kYGTI .bPhsi {
  box-sizing: border-box;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  background-color: #fff;
  border: none;
  border-bottom: 1px solid #e7e7e7;
  border-radius: 0;
  margin-bottom: 6px;
  display: flex;
  position: relative
}

.kYGTI .bPhsi:first-of-type {
  border-radius: 10px
}

.kYGTI .bPhsi:last-of-type {
  border-bottom: none;
  border-radius: 10px
}

@media (min-width: 990px) {
  .TuZgn {
    font-size:.875rem;
    font-weight: 400;
    line-height: 1.42857;
    font-family: var(--font-family);
    background: RGB(var(--white));
    min-width: 225px;
    color: RGB(var(--black));
    text-align: left
  }

  .TuZgn p {
    text-align: center;
    padding: 8px
  }

  .TuZgn ul {
    padding-top: 8px;
    padding-left: 0;
    list-style-type: none
  }

  .TuZgn li {
    cursor: pointer;
    list-style-type: none
  }
}

@media (min-width: 990px) and (hover:hover) {
  .TuZgn li:hover {
    background:rgba(var(--black), .13)
  }
}

@media (min-width: 990px) {
  .TuZgn button {
    text-align:left;
    width: 100%;
    padding: 8px
  }

  .TuZgn .DYpuj {
    border-top: 1px solid rgba(var(--black), .13);
    border-bottom: 1px solid rgba(var(--black), .13);
    background: rgba(var(--black), .07);
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.42857;
    font-family: var(--font-family);
    padding-left: 8px
  }
}

@media not (min-width: 990px) {
  .TuZgn h3 {
    text-align:center;
    width: 100%;
    margin-bottom: 15px
  }

  .TuZgn .YPBoN {
    -ms-overflow-style: none;
    scrollbar-width: none;
    max-width: 85vw;
    display: flex;
    overflow-x: scroll
  }

  .TuZgn .YPBoN::-webkit-scrollbar {
    display: none
  }

  .TuZgn .mnk6f {
    border: 2px solid rgba(var(--white-on-dark), .25);
    width: -webkit-max-content;
    width: -moz-max-content;
    border-radius: 18px;
    width: max-content;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 6px 10px
  }
}

.D8AYW {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 12px;
  line-height: 20px
}

.E_Qq0 {
  margin-top: 6px
}

.zDi0Y {
  margin-bottom: 10px
}

.N6gYh {
  background-color: RGB(var(--navy));
  border-radius: 6px;
  margin-top: 32px;
  margin-bottom: 20px;
  padding: 16px;
  line-height: 1.5
}

.YtMIt {
  padding-top: 24px
}

.OQEgy {
  margin-top: 50px
}

.OQEgy .E_Qq0 {
  border-radius: 25px;
  max-width: 234px;
  margin: 0 auto
}

.OQEgy .E_Qq0:disabled {
  background: rgba(var(--deprecated-accent), .4);
  color: RGB(var(--black))
}

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

.OQEgy .kYGTI .bPhsi {
  border-radius: 10px
}

.OQEgy .UZgWY {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.25;
  font-family: var(--font-family);
  text-align: center;
  margin-bottom: 26px
}

.OQEgy .K2g_8 {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.33333;
  font-family: var(--font-family);
  margin-bottom: 40px
}

.uXxJN {
  margin-top: 32px;
  margin-bottom: 32px
}

.WZr2G {
  margin-bottom: 32px
}

.PEfF9 {
  max-width: 330px;
  color: var(--color-fg-light);
  text-align: center;
  margin: 12px auto 0
}

.i9WPo {
  margin-top: 12px;
  text-decoration: none;
  display: block
}

.Lbj5E {
  margin: 2px 0
}

.NqEjV {
  width: 100%;
  margin-bottom: 6px
}

.Y1DAu {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 12px;
  line-height: 20px
}

.BayF6 {
  margin-top: 12px
}

.nP38Y {
  color: var(--chrome-fg-secondary);
  font-size: .875rem;
  font-weight: 350;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  text-wrap: pretty
}

.nP38Y.QlFFx {
  color: var(--color-fg-light-secondary)
}

.iq8UL {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  color: var(--chrome-fg);
  text-decoration: none
}

.iq8UL.QlFFx {
  color: var(--color-fg-light)
}

@media (hover: hover) {
  .iq8UL:hover {
    cursor:pointer;
    text-decoration: underline
  }
}

.MUBad {
  padding-top: 24px;
  padding-bottom: 8px
}

.MUBad.QlFFx {
  flex-direction: column;
  align-items: center;
  padding-top: 0;
  display: flex
}

.MUBad.QlFFx>* {
  width: 100%
}

.Q7JVy {
  width: 100%;
  margin-top: 0
}

.DrzVz {
  margin-left: 30px
}

.rVNHW {
  width: 100%;
  margin: 0 auto
}

.rVNHW .tkyTK {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  font-family: var(--font-family);
  color: #fff;
  text-align: center;
  font-weight: 400
}

.rVNHW .d7HLh {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  color: #fff;
  text-align: center;
  margin-bottom: 24px
}

.rVNHW .xi0Ws {
  max-width: 330px;
  margin: auto auto 40px;
  position: relative
}

.rVNHW .xi0Ws .f1zZG {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.33333;
  font-family: var(--font-family);
  color: #fff;
  background-color: rgba(255,255,255,.2);
  border: 2px solid transparent;
  border-radius: 10px;
  outline: none;
  width: calc(100% - 46px);
  margin-bottom: 8px;
  padding: 10px 10px 10px 36px
}

.rVNHW .xi0Ws .f1zZG:focus-visible {
  border: 2px solid rgba(255,255,255,.65)
}

.rVNHW .xi0Ws .Nrgtx {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  font-family: var(--font-family);
  color: rgba(255,255,255,.65);
  position: absolute;
  top: 10px;
  left: 10px
}

.rVNHW .xi0Ws.mtI9Y .f1zZG {
  color: #000;
  background-color: #fff
}

.rVNHW .xi0Ws.mtI9Y .Nrgtx {
  color: #000
}

.loginFlowRegisterBird .tkyTK {
  margin-bottom: 32px
}

.kdCBg {
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
  width: 12px;
  margin-right: 12px;
  padding: 2px 2px 0;
  display: flex
}

.kdCBg .ygCDb {
  background-color: rgba(0,0,0,.15);
  width: 100%;
  height: 2px;
  margin-bottom: 2px
}

.kdCBg.BtnTy .ygCDb:first-child,.kdCBg.BtnTy .ygCDb:nth-child(0),.kdCBg.TZ37z .ygCDb:first-child {
  background-color: #ff4930
}

.kdCBg.CwZaB .ygCDb:first-child,.kdCBg.CwZaB .ygCDb:nth-child(2) {
  background-color: #ff8a00
}

.kdCBg.hTKX9 .ygCDb:first-child,.kdCBg.hTKX9 .ygCDb:nth-child(2),.kdCBg.hTKX9 .ygCDb:nth-child(3),.kdCBg.W3gv4 .ygCDb:first-child,.kdCBg.W3gv4 .ygCDb:nth-child(2),.kdCBg.W3gv4 .ygCDb:nth-child(3),.kdCBg.W3gv4 .ygCDb:nth-child(4),.kdCBg.hXGzk .ygCDb:first-child,.kdCBg.hXGzk .ygCDb:nth-child(2),.kdCBg.hXGzk .ygCDb:nth-child(3),.kdCBg.hXGzk .ygCDb:nth-child(4),.kdCBg.hXGzk .ygCDb:nth-child(5) {
  background-color: #00cf35
}

.kdCBg.BtnTy .ygCDb {
  box-shadow: 0 0 6px #ff4930
}

.kdCBg.hXGzk .ygCDb {
  box-shadow: 0 0 6px #00cf35
}

.kdCBg .NQOwh .ygCDb {
  background-color: rgba(0,0,0,.15)
}

.yHeHp {
  margin-right: 0
}

.aSyRx {
  font-size: .875rem;
  font-weight: 350;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  text-wrap: pretty;
  margin-bottom: 10px
}

.Vqf0P {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin: 0 0 10px;
  display: flex
}

.gXVK_ {
  word-break: break-word;
  flex-direction: column;
  margin-left: 10px;
  display: flex
}

.aYo2G {
  width: 100%;
  color: var(--content-fg);
  text-wrap: pretty;
  flex-basis: 100%;
  font-size: 1em
}

.TiBQg {
  text-wrap: pretty;
  margin-top: 10px
}

._DBzR {
  border: 1px solid var(--color-tint);
  border-radius: 4px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 12px
}

.hajNp {
  align-items: center;
  gap: 12px;
  display: flex
}

.hajNp .qFPDm {
  flex-grow: 1
}

.AYoSP {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex
}

.xmfAZ {
  box-sizing: border-box;
  background-color: var(--accent);
  width: 100%;
  color: var(--accent-fg);
  border-radius: 6px;
  margin-top: 5px;
  padding: 14px 16px;
  line-height: 1.4
}

@media (max-width: 540px) {
  .xmfAZ {
    border-radius:0
  }
}

@keyframes rcBJq {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.xmfAZ.Rakgc {
  animation: .35s ease-in-out rcBJq
}

.xmfAZ .T09uW {
  background-color: var(--content-panel);
  color: var(--accent);
  cursor: pointer;
  border-radius: 3px;
  margin-top: 10px;
  margin-left: auto;
  padding: 6px 12px;
  font-weight: 700;
  text-decoration: none;
  display: flex
}

.FuD76 {
  border: 1px solid var(--content-tint-strong);
  background-color: var(--content-panel);
  width: 100%;
  color: var(--content-fg);
  border-radius: 2px;
  margin-bottom: 10px;
  padding: 5px 25px 5px 10px
}

.c4pHa {
  width: 80%;
  margin-bottom: 50px
}

.FPcze {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex
}

.Ww_QU {
  z-index: 999;
  margin-left: 34px;
  position: relative
}

.vffsM {
  box-sizing: border-box;
  padding-left: 30px
}

.tdnMh {
  text-wrap: balance;
  margin-bottom: 20px
}

.zXAv3 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex
}

.SkFZP {
  z-index: 999;
  position: relative
}

.FyNuo {
  flex-direction: row;
  justify-content: flex-start;
  display: flex
}

.QpFlt {
  width: 43px;
  padding-right: 3px
}

.ha0dc {
  background-color: var(--content-tint-strong);
  color: var(--color-fg-light);
  border-radius: 3px;
  padding: 8px 20px
}

.AspDb {
  background: var(--content-tint);
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 5px;
  padding: 15px;
  display: flex
}

.HLnJd {
  color: var(--content-fg-tertiary);
  margin: 0;
  font-size: 12px;
  line-height: 18px
}

.d8HPJ {
  color: var(--content-fg);
  font-family: Courier,monospace;
  font-size: 18px;
  font-weight: 700;
  line-height: 1
}

.Iaw2_ {
  background: var(--content-panel)
}

.K1HxJ {
  width: 500px;
  height: 500px;
  margin-top: -175px;
  margin-bottom: -150px;
  padding-left: 25px
}

.lwRBs {
  width: 500px;
  margin: 0 80px
}

.CUUVy {
  color: var(--content-fg-tertiary)
}

.oqOHo {
  color: var(--content-fg);
  letter-spacing: 2px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 30px;
  padding-left: 25px;
  font-family: Courier,monospace;
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  display: flex
}

.oqOHo>span {
  flex: 0 50%;
  height: 50px
}

.Jki5o {
  flex-direction: row;
  justify-content: flex-start;
  display: flex
}

.qmVlD {
  width: 43px;
  padding-right: 3px
}

.hkcH8 {
  background-color: var(--content-tint-strong);
  color: var(--color-fg-light);
  border-radius: 3px;
  padding: 8px 20px
}

.I2aAI {
  background-color: var(--accent);
  color: var(--accent-fg);
  border-radius: 3px;
  margin-right: 10px;
  padding: 8px 20px
}

.BVJcC {
  background: var(--content-tint);
  color: var(--content-fg);
  letter-spacing: 2px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 5px;
  padding: 15px;
  font-family: Courier,monospace;
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  display: flex
}

.UNRuR {
  flex-wrap: none;
  align-items: flex-start;
  margin-top: 10px;
  display: flex
}

.E1RbQ {
  border-bottom: 1px solid var(--content-tint-strong);
  font-size: 13px
}

.E1RbQ td {
  vertical-align: top;
  padding: 12px 4px 0 8px;
  line-height: 1.3
}

.E1RbQ td strong {
  color: var(--content-fg)
}

.E1RbQ .pEKDO strong {
  color: var(--success)
}

.Zj8Vp {
  width: 100%
}

.Zj8Vp thead tr {
  border-top: 1px solid var(--content-tint-strong);
  border-bottom: 1px solid var(--content-tint-strong);
  height: 32px
}

.Zj8Vp thead th {
  color: var(--content-fg-tertiary);
  text-align: left;
  vertical-align: middle;
  padding-left: 8px;
  font-size: 1em;
  font-weight: 700
}

.Zj8Vp td {
  padding-bottom: 12px
}

.wdSm_,.CNM5x {
  background: var(--content-panel);
  color: var(--content-fg);
  border-radius: 3px;
  padding: 20px 24px
}

.BXlw4 {
  padding: 20px 0
}

@media (min-width: 990px) {
  .vW450 {
    display:flex
  }

  .vW450 .Cn_DY {
    margin-left: 10px
  }
}

.uRfDs {
  background: var(--content-panel);
  color: var(--content-fg);
  border-radius: 3px;
  padding: 20px 24px;
  line-height: 20px
}

.uRfDs a {
  text-decoration: none
}

.KhLZS {
  border-bottom: 1px solid var(--content-tint)
}

.KhLZS:last-of-type {
  border-bottom: none
}

.KhLZS .GxAPl {
  margin-top: 10px
}

.HsNyj {
  padding: 20px 0
}

.lzoVN {
  width: 50px;
  min-width: 50px;
  height: 50px
}

.lzoVN img {
  max-width: 100%;
  max-height: 100%
}

.hUABj {
  padding: 0 10px 0 20px
}

.XuSud {
  padding: 15px 10px;
  display: flex
}

.XuSud .RupCA {
  flex: 1
}

.AbcYn {
  font-weight: 700
}

.EC08m {
  align-items: center;
  display: flex
}

.TbxOV {
  background-color: var(--brand-green);
  max-width: 140px;
  height: 35px;
  color: var(--content-panel);
  text-align: right;
  margin-bottom: 10px;
  padding: 0 10px 0 5px;
  line-height: 35px
}

.OfMpU {
  background-color: var(--brand-green)
}

.SL01_ {
  background-color: var(--brand-blue)
}

.hGBk1 {
  margin: 20px 0;
  display: flex
}

@media not (min-width: 990px) {
  .hGBk1 {
    flex-direction:column
  }
}

.hGBk1 .wQxdE {
  max-width: 405px
}

.hGBk1 .wQxdE img {
  width: 100%
}

.hGBk1 .mQu8q {
  margin-top: 30px;
  padding: 10px
}

@media not (min-width: 990px) {
  .hGBk1 .mQu8q {
    margin:10px 5px;
    padding: 0
  }
}

.hGBk1 .mQu8q a {
  margin-top: 15px
}

.Sknd7 a {
  text-decoration: underline
}

.dhMBW {
  justify-content: flex-end;
  padding-top: 20px;
  display: flex
}

.dhMBW a {
  border: 1px solid var(--content-fg-tertiary);
  background: var(--content-panel);
  color: var(--content-fg-tertiary);
  border-radius: 2px;
  margin: 0 10px 0 0;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 700;
  line-height: 28px;
  text-decoration: none;
  display: inline-block
}

@media (hover: hover) {
  .dhMBW a:hover {
    border-color:var(--danger);
    background-color: var(--danger);
    color: var(--content-panel)
  }
}

.RVtii {
  background: var(--content-panel);
  border-radius: 3px;
  padding: 20px 24px
}

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

.URjQf .rndvp {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--color-fg-light);
  padding-right: 16px
}

.URjQf ._Q3k0 {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  background-color: var(--brand-yellow);
  color: var(--brand-purple);
  padding: 10px 20px
}

@media (max-width: 540px) {
  .URjQf {
    flex-direction:column
  }

  .URjQf .rndvp {
    padding: 0 0 16px
  }
}

.palette--snowBright .URjQf ._Q3k0,.palette--cybernetic .URjQf ._Q3k0,.palette--pumpkin .URjQf ._Q3k0 {
  background-color: var(--content-panel)
}

.gjuXg {
  position: relative
}

.gjuXg .CilHp {
  height: 40px;
  display: flex
}

.gjuXg .gnchz {
  color: var(--chrome-fg);
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex
}

.gjuXg .gnchz .AvjnH {
  vertical-align: middle;
  --icon-color-primary: var(--chrome-fg);
  opacity: .6;
  height: 12px;
  margin-right: 5px
}

.gjuXg .gnchz .IIoTe {
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family)
}

@media not (min-width: 990px) {
  .gjuXg .CilHp {
    margin-left:13px;
    position: static;
    top: 0
  }
}

.bn0_I {
  background-color: var(--brand-blue-tint-strong);
  border-radius: 16px;
  align-items: center;
  display: flex
}

.bn0_I button:disabled {
  cursor: default;
  opacity: .4
}

.bn0_I .lKO5E {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  height: 32px;
  color: var(--theme-color);
  padding: 0 6px 0 12px
}

.bn0_I .fglrH {
  width: 16px;
  height: 16px;
  margin: 0 12px 0 7px;
  position: relative
}

.bn0_I .fglrH:before {
  background-color: var(--brand-purple);
  content: "";
  width: 1px;
  height: 20px;
  display: block;
  position: absolute;
  top: -2px;
  left: -7px
}

.bn0_I .ph0LA .kls93 {
  align-items: center;
  width: 100%;
  padding: 8px 12px;
  display: flex
}

@media (hover: hover) {
  .bn0_I .ph0LA .kls93:hover {
    background-color:var(--content-tint-strong)
  }
}

.bn0_I .ph0LA .kls93 .bEt7W {
  min-width: 14px
}

.bn0_I .ph0LA .kls93 .bEt7W svg {
  width: 14px;
  height: 14px
}

.bn0_I .ph0LA .kls93 .OChHA {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  padding-left: 10px
}

.N81a2 {
  border: 2px solid var(--theme-color);
  background-color: var(--content-panel);
  box-shadow: 0 0 0 2px var(--content-panel);
  color: var(--theme-color);
  border-radius: 25px;
  align-items: center;
  display: flex
}

.N81a2 .a9Erb {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  padding: 0 8px
}

.N81a2 .a9Erb svg {
  --icon-color-primary: var(--theme-color);
  display: block
}

.N81a2 .Anewe {
  flex: 1
}

.N81a2 .iDf49 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  width: 100%;
  height: 46px;
  color: var(--content-fg);
  background: 0 0;
  border: 0;
  outline: 0;
  margin: 0;
  padding: 0
}

.N81a2 .iDf49::-webkit-search-cancel-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.N81a2 .iDf49::-webkit-search-decoration {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.N81a2 .iDf49:disabled {
  cursor: default;
  opacity: .4
}

.N81a2 .A4XtN {
  margin: 0 8px
}

.N81a2 .A4XtN .SGAyh {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  background-color: var(--brand-blue-tint-strong);
  height: 32px;
  color: var(--theme-color);
  border-radius: 16px;
  padding: 0 12px
}

.N81a2 .A4XtN .SGAyh:disabled {
  cursor: default;
  opacity: .4
}

.DVFXW {
  background-color: var(--content-tint-strong);
  white-space: pre;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
  margin: 1em 0;
  padding: 1em;
  font-family: Courier,monospace;
  display: block
}

.TAIXM {
  border-style: solid;
  border-width: 1px
}

.LC0hv {
  background-color: var(--content-panel);
  border-radius: 16px;
  overflow: hidden
}

.HLJjf {
  max-width: 86%;
  color: var(--content-fg);
  margin: 0 auto;
  padding: 30px 0 21px
}

.HLJjf .p2QQh {
  width: 165px;
  height: auto;
  margin: 0 auto 10px;
  display: block
}

.HLJjf h1 {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.25;
  font-family: var(--font-family);
  text-align: center
}

.HLJjf h3 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  text-align: center
}

@media (max-width: 540px) {
  .HLJjf {
    max-width:none
  }

  .HLJjf .p2QQh {
    width: 111px
  }

  .HLJjf h1 {
    font-size: 1.625rem;
    line-height: 1.30769
  }

  .HLJjf h3 {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.42857;
    font-family: var(--font-family)
  }
}

.t9t4e {
  width: 86%;
  margin: 0 auto -25px;
  position: relative
}

@media (max-width: 540px) {
  .t9t4e {
    width:auto;
    margin-left: 8px;
    margin-right: 8px
  }
}

.ir4Co {
  background-image: linear-gradient(to bottom, var(--brand-purple), var(--brand-blue));
  padding: 56px 0 30px
}

.ir4Co .o9MsY {
  padding: 35px 0
}

.ir4Co .VhEyf {
  padding-bottom: 14px
}

.ir4Co .VhEyf .ePBeP {
  box-sizing: border-box;
  background-color: var(--content-panel);
  width: auto;
  color: var(--content-fg);
  text-align: left;
  border-radius: 16px;
  margin: 0 20px 16px;
  padding: 16px 20px
}

.ir4Co .VhEyf .ePBeP .BvgBh {
  grid-template-columns: auto 1fr;
  grid-template-areas: "image title""image text";
  display: grid
}

.ir4Co .VhEyf .ePBeP .BvgBh .ZKElo {
  border-radius: 50%;
  grid-area: image;
  justify-content: center;
  align-items: center;
  width: 54px;
  height: 54px;
  margin-right: 16px;
  display: flex;
  position: relative;
  overflow: hidden
}

.ir4Co .VhEyf .ePBeP .BvgBh .ZKElo:after {
  z-index: 1;
  background: var(--brand-purple);
  content: "";
  opacity: .15;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0
}

.ir4Co .VhEyf .ePBeP .BvgBh .ZKElo img {
  z-index: 2;
  width: 40px;
  position: relative
}

.ir4Co .VhEyf .ePBeP .BvgBh .tPt3V {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  font-family: var(--font-family);
  grid-area: title
}

.ir4Co .VhEyf .ePBeP .BvgBh .zwa0K {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  grid-area: text
}

.ir4Co .VhEyf .ePBeP.MXFok {
  box-shadow: inset 0px 0px 0px 2px var(--content-panel),inset 0px 0px 0px 4px var(--brand-purple)
}

@media (max-width: 540px) {
  .ir4Co .VhEyf .ePBeP .BvgBh .zwa0K {
    font-size:.875rem;
    font-weight: 400;
    line-height: 1.42857;
    font-family: var(--font-family)
  }
}

.v3Ysq {
  border-style: solid;
  border-width: 1px;
  border-color: var(--content-fg-secondary)
}

.StoZv {
  margin-bottom: .75em;
  display: block
}

.mRg0q {
  margin-bottom: .35em
}

.dJz03 {
  width: 100%
}

.c2jN3 {
  display: flex
}

.c2jN3 svg {
  flex: none;
  margin: 2px 8px 0 0
}

.gCgsU .ORg2v {
  max-width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0
}

.gCgsU .ORg2v input {
  max-width: 100%
}

.gCgsU .ORg2v input+span {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  background-color: var(--content-tint);
  border-radius: 0 2px 2px 0;
  flex: none;
  margin: 0;
  padding: 8px 9px;
  line-height: normal
}

.gCgsU .nQmqS {
  margin: 0;
  position: static
}

.n4rQZ {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  box-sizing: border-box;
  border-color: var(--content-tint-strong);
  width: 100%;
  max-width: none;
  min-height: 100px;
  margin-bottom: 8px;
  padding: 8px 9px
}

.y4Z3X {
  font-size: .78125rem;
  font-weight: 700;
  line-height: 1.52;
  font-family: var(--font-family);
  background-color: var(--danger);
  color: var(--color-fg-light);
  border-radius: 0 2px;
  padding: 7px 10px
}

.Iy_cA {
  background: var(--content-panel);
  border-radius: 4px;
  padding: 16px 24px 30px
}

.RMw4F {
  margin-bottom: 12px;
  padding-bottom: 16px
}

.jEDgN {
  justify-content: flex-end;
  gap: 16px;
  display: flex
}

.jEDgN button {
  min-width: 90px
}

.aJlgE {
  background: var(--content-panel);
  border-radius: 4px;
  padding: 16px 24px 30px
}

.CHSue {
  margin-bottom: 12px;
  padding-bottom: 16px
}

.uxbzC {
  justify-content: flex-end;
  gap: 16px;
  display: flex
}

.uxbzC button {
  min-width: 90px
}

.OxzrL {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  border-bottom: 1px solid var(--content-tint-strong);
  color: var(--content-fg-secondary);
  margin-bottom: 8px;
  padding: 8px 0;
  display: flex
}

.e1CWs {
  margin-bottom: 8px
}

.zZPmI {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  min-height: 34px;
  color: var(--content-fg-secondary);
  padding-bottom: 6px;
  display: flex
}

.eWwyp {
  flex: 0 0 70px;
  padding-right: 10px
}

.OTlxd {
  word-break: break-word;
  flex: 0 0 150px;
  padding-right: 10px
}

.fG2zs {
  word-break: break-word;
  -webkit-line-clamp: 4;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  flex: 1;
  max-height: 80px;
  display: -webkit-box;
  overflow: hidden
}

.yiQ7Y {
  padding: 10px 0
}

.P2oCD {
  flex: none
}

.P2oCD .FiuSa {
  font-size: 0
}

.P2oCD .FiuSa svg {
  padding: 10px 7px
}

@media (hover: hover) {
  .P2oCD .FiuSa:hover {
    background-color:var(--content-tint-strong);
    border-radius: 3px
  }
}

.P2oCD .TLNGy {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  width: 100%;
  color: var(--content-fg);
  text-align: left;
  cursor: pointer
}

.P2oCD .TLNGy span {
  padding: 15px 20px
}

@media (hover: hover) {
  .P2oCD .TLNGy:hover {
    background-color:var(--content-tint-strong)
  }
}

@media (max-width: 540px) {
  .OxzrL {
    display:none
  }

  .zZPmI {
    flex-wrap: wrap;
    padding-bottom: 14px
  }

  .eWwyp {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.42857;
    font-family: var(--font-family);
    flex: none;
    padding-right: 4px
  }

  .eWwyp:after {
    content: ":"
  }

  .OTlxd {
    flex: none
  }

  .fG2zs {
    flex: 0 0 calc(100% - 40px)
  }
}

.cUTKe {
  background: var(--content-panel);
  border-radius: 4px;
  padding: 16px 24px 30px
}

.pcmQy {
  margin-bottom: 12px;
  padding-bottom: 16px
}

.wIl3t {
  background-color: var(--content-panel);
  border-radius: 16px;
  overflow: hidden
}

.tU8nj {
  background-image: linear-gradient(to bottom, var(--brand-purple), var(--brand-blue));
  grid-template-rows: 12px min-content 26px;
  grid-template-columns: repeat(3,1fr);
  padding: 18px;
  display: grid
}

.lB5dO {
  width: 75%;
  margin: -25px auto 0
}

@media (max-width: 540px) {
  .lB5dO {
    width:auto;
    margin-left: 30px;
    margin-right: 30px
  }
}

.urxWj {
  grid-area: 1/3/3;
  align-self: start;
  justify-self: end;
  position: relative
}

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

.YpJ__ path {
  fill: var(--brand-yellow)
}

.palette--cybernetic .YpJ__ path,.palette--pumpkin .YpJ__ path,.palette--snowBright .YpJ__ path {
  fill: var(--content-panel)
}

.NN1eI {
  aspect-ratio: 1;
  color: var(--brand-purple);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-size: .625rem;
  display: flex;
  transform: rotate(4deg)
}

.NN1eI span {
  font-size: 1.125rem;
  line-height: 1.15
}

.Jamlp {
  max-width: 75%;
  color: var(--color-fg-light);
  text-align: center;
  grid-area: 2/1/auto/4;
  justify-self: center
}

.Jamlp h1 {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.25;
  font-family: var(--font-family)
}

.Jamlp h3 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family)
}

@media (max-width: 540px) {
  .Jamlp {
    max-width:none;
    padding: 0 10px
  }

  .Jamlp h1 {
    font-size: 1.625rem;
    line-height: 1.30769
  }

  .Jamlp h3 {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.42857;
    font-family: var(--font-family)
  }
}

.yQROX {
  width: 165px;
  height: auto;
  margin: 0 auto 10px;
  display: block
}

@media (max-width: 540px) {
  .yQROX {
    width:111px
  }
}

._6O_nA {
  color: var(--content-fg);
  padding-bottom: 38px
}

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

._6O_nA .uh_q8 p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  width: 75%;
  margin: 0 auto
}

@media (max-width: 540px) {
  ._6O_nA .uh_q8 p {
    width:auto;
    padding: 0 30px
  }
}

._6O_nA .uh_q8 p+p {
  margin-top: 1.25em
}

._6O_nA .Q7wdZ {
  background-image: linear-gradient(to bottom, var(--brand-blue), var(--brand-purple));
  width: 75%;
  color: var(--color-fg-light);
  border-radius: 16px;
  margin: 0 auto;
  padding-top: 20px
}

._6O_nA .Q7wdZ .yH5dG {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  font-family: var(--font-family);
  text-align: center;
  margin: 0 24px 16px
}

._6O_nA .Q7wdZ .rzTr_ {
  text-align: left;
  cursor: pointer;
  margin: 0 8px 8px;
  padding: 16px
}

._6O_nA .Q7wdZ .rzTr_ .VOF4f {
  grid-template-columns: auto 1fr;
  grid-template-areas: "image title""image text";
  padding-right: 40px;
  display: grid;
  position: relative
}

._6O_nA .Q7wdZ .rzTr_ .VOF4f .lTERG {
  background: var(--color-fg-light);
  border-radius: 50%;
  grid-area: image;
  justify-content: center;
  align-items: center;
  width: 54px;
  height: 54px;
  margin-right: 16px;
  display: flex
}

._6O_nA .Q7wdZ .rzTr_ .VOF4f .sjCSn {
  margin-top: -9px;
  transition: right .2s ease-in-out;
  position: absolute;
  top: 50%;
  right: 0
}

._6O_nA .Q7wdZ .rzTr_ .VOF4f .akYv2 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  grid-area: title
}

._6O_nA .Q7wdZ .rzTr_ .VOF4f .Inrzc {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  opacity: .8;
  grid-area: text
}

@media (hover: hover) {
  ._6O_nA .Q7wdZ .rzTr_:hover .VOF4f .sjCSn {
    right:-6px
  }
}

@media (max-width: 540px) {
  ._6O_nA .Q7wdZ {
    width:auto;
    margin: 0 30px
  }

  ._6O_nA .Q7wdZ .rzTr_ {
    padding: 8px
  }

  ._6O_nA .Q7wdZ .rzTr_ .VOF4f .lTERG {
    width: 42px;
    height: 42px;
    margin-right: 8px
  }

  ._6O_nA .Q7wdZ .rzTr_ .VOF4f .lTERG svg {
    width: 30px
  }
}

.Gr8iv {
  margin: 30px 0
}

.oRgDO {
  position: absolute;
  left: 50%;
  transform: translate(-50%)
}

.blzxq {
  --start-offset: -50px;
  transform: translateX(var(--start-offset));
  gap: 6px;
  padding: 0 6px;
  display: flex
}

.blzxq li {
  background-color: var(--brand-blue-tint-strong);
  color: var(--brand-blue);
  border-radius: 3px;
  flex: none;
  padding: 0;
  list-style: none
}

.blzxq button {
  font: inherit;
  opacity: 0;
  padding: 0 12px;
  line-height: 1.5;
  transition: opacity .25s linear
}

.blzxq.DFn1o button {
  opacity: 1
}

.blzxq.BYd1c {
  visibility: hidden
}

.SDAvP {
  text-align: left;
  vertical-align: middle;
  margin-left: 6px;
  display: inline-block;
  position: relative
}

.SDAvP[aria-hidden=true] .vPj3X {
  display: none
}

.SDAvP .if7eE {
  cursor: pointer
}

.SDAvP .vPj3X {
  z-index: calc(100 - 1);
  background: var(--content-panel);
  width: 168px;
  box-shadow: 0 5px 15px var(--content-tint-strong);
  color: var(--content-fg);
  border-radius: 4px;
  padding: 10px 12px;
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%)
}

.SDAvP .vPj3X .WfbKc {
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family)
}

.V5ykg {
  border-bottom: 1px solid var(--content-tint);
  color: var(--content-fg);
  grid-template-columns: auto auto 1fr auto auto;
  grid-template-areas: "name badges space prices btn";
  align-items: center;
  padding: 10px 16px 11px;
  display: grid
}

.V5ykg .eqjjC {
  grid-area: name;
  margin-right: 8px
}

.V5ykg .eqjjC .lNZUX {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  word-break: break-word
}

.V5ykg .eqjjC .PsAQ4 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family)
}

.V5ykg .uXgja {
  grid-area: badges
}

.V5ykg .uXgja .CilcQ {
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family);
  height: 19px;
  color: var(--color-fg-light);
  border-radius: 4px;
  margin: 2px 8px 2px 0;
  padding: 0 6px;
  display: inline-block
}

.V5ykg .uXgja .CilcQ.pDRLR {
  background: var(--brand-green)
}

.V5ykg .dqcgz {
  text-align: right;
  white-space: nowrap;
  grid-area: prices;
  margin-left: 10px
}

.V5ykg .dqcgz .mp75G {
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family);
  color: var(--content-fg)
}

.V5ykg .dqcgz .Agjkn {
  font-size: .78125rem;
  font-weight: 700;
  line-height: 1.52;
  font-family: var(--font-family);
  color: var(--brand-green);
  display: block
}

.V5ykg .dqcgz .ZpEJX {
  font-size: .625rem;
  font-weight: 400;
  line-height: 1.6;
  font-family: var(--font-family);
  color: var(--content-fg-secondary);
  display: block
}

.V5ykg .bVyG3 {
  --btn-height: 32px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  height: var(--btn-height);
  border-radius: calc(var(--btn-height)/2);
  background: var(--content-tint);
  line-height: var(--btn-height);
  white-space: nowrap;
  grid-area: btn;
  margin-left: 16px;
  padding: 0 14px;
  position: relative
}

.V5ykg .bVyG3.bEsOf .Os7dp {
  visibility: hidden
}

.V5ykg .bVyG3:disabled {
  cursor: default
}

.V5ykg .C7DxZ {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%)
}

.V5ykg.u7Ovg {
  --background-is-recommended: rgba(0,183,255,.04);
  border: 1px solid var(--accent-tint-strong);
  background: var(--background-is-recommended);
  border-radius: 4px;
  padding: 10px 14px 10px 16px
}

.V5ykg.u7Ovg .dqcgz .mp75G {
  font-size: .78125rem;
  font-weight: 700;
  line-height: 1.52;
  font-family: var(--font-family);
  color: var(--accent)
}

.V5ykg.u7Ovg .dqcgz .Agjkn {
  color: var(--accent)
}

.V5ykg.u7Ovg .bVyG3 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  --btn-height: 40px;
  background: var(--accent);
  color: var(--accent-fg);
  line-height: var(--btn-height)
}

@media (max-width: 540px) {
  .V5ykg {
    grid-template-columns:1fr auto;
    grid-template-areas: "badges btn""name btn""prices btn"
  }

  .V5ykg .uXgja .CilcQ {
    margin: 0 8px 4px 0
  }

  .V5ykg .dqcgz {
    text-align: left;
    margin-left: 0
  }

  .V5ykg.u7Ovg {
    padding: 12px 14px 12px 16px
  }
}

.PGazH {
  --section-margin-bottom: 20px;
  background: var(--content-panel);
  border-radius: 4px;
  padding: 24px 24px 4px
}

._7uhE {
  margin-bottom: var(--section-margin-bottom)
}

.lZbK8 {
  margin-bottom: var(--section-margin-bottom);
  padding: 0
}

.jYCEW {
  justify-content: center;
  padding: 50px 0;
  display: flex
}

.GkVz0 {
  margin-bottom: var(--section-margin-bottom);
  justify-content: center;
  display: flex
}

.GkVz0 .jqBZi {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  border: 2px solid var(--brand-blue);
  color: var(--brand-blue);
  border-radius: 16px;
  padding: 2px 16px
}

.jWFcY {
  padding: 12px 0 14px
}

.jWFcY:not(:last-child) {
  border-bottom: 1px solid var(--content-tint-strong)
}

.J9he2 {
  cursor: pointer;
  grid-template-columns: 1fr min-content;
  align-items: center;
  display: grid
}

.Z7F5y {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--content-fg);
  grid-column: 1/1
}

.zEGdE {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--content-fg-secondary);
  grid-column: 1/1
}

.RTSMt {
  transform-origin: 50%;
  pointer-events: none;
  grid-area: 1/2/3;
  transition: transform .3s ease-in-out
}

.dfrpo .RTSMt {
  transform: rotate(180deg)
}

.J9he2+div:before {
  content: "";
  padding-top: 12px;
  display: block
}

.J9he2+div:after {
  content: "";
  padding-top: 10px;
  display: block
}

.MEdz_ {
  padding-bottom: 12px;
  display: flex
}

.MEdz_ .BLwFv {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--content-fg-secondary);
  margin-left: 8px
}

.kJ3Bd {
  flex-direction: column;
  padding-top: 6px;
  display: flex
}

.kJ3Bd p {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  width: 100%;
  margin-bottom: 0
}

.IoPR0 {
  padding: 16px 0
}

.zuruO {
  margin: 5px 0;
  display: inline-block
}

.CW5US {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  width: 100%;
  color: var(--content-fg)
}

.WQ5WE {
  margin-top: 5px;
  padding-left: 12px
}

.m_cmU {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--content-fg-secondary);
  margin: 12px 0 0
}

.EEkV6 {
  align-items: center;
  margin-top: 5px;
  display: flex
}

.FuaMF {
  padding-top: 4px
}

.SJR84 {
  cursor: pointer;
  position: relative
}

.SJR84:focus-within input:checked+.uNugm {
  animation-duration: .2s
}

.SJR84:focus-within svg {
  animation-duration: .2s
}

@media (hover: hover) {
  .SJR84:hover input:checked+.uNugm,.SJR84:hover svg {
    animation-duration:.2s
  }
}

.SJR84>input {
  cursor: pointer;
  opacity: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  position: absolute
}

.uNugm {
  border: 2px solid;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  transition: border-color .2s,background .2s;
  display: flex
}

@keyframes fibI7 {
  0% {
    transform: scale(0)
  }

  to {
    transform: scale(1)
  }
}

.uNugm svg {
  animation: ease-in-out fibI7
}

input+.uNugm {
  border-color: var(--content-fg-tertiary);
  background: 0 0
}

input:focus-visible+.uNugm {
  box-shadow: 0px 0px 5px 2px var(--accent)
}

@media (hover: hover) {
  input:hover+.uNugm {
    border-color:var(--content-fg-secondary)
  }
}

@keyframes o2GUz {
  0% {
    transform: scale(1)
  }

  30% {
    transform: scale(1.2,.8)
  }

  40% {
    transform: scale(.8,1.2)
  }

  50% {
    transform: scale(1.15,.85)
  }

  75% {
    transform: scale(1.05,.95)
  }

  to {
    transform: scale(1)
  }
}

input:checked+.uNugm {
  border-color: var(--accent);
  background: var(--accent);
  animation: o2GUz
}

.QkgIw p {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family)
}

.JLcu6 {
  grid-template-columns: repeat(4,1fr);
  column-gap: 10px;
  margin-top: 20px;
  display: grid
}

@media (max-width: 540px) {
  .JLcu6 {
    grid-template-columns:repeat(2,1fr)
  }
}

.zqUTO {
  width: 100%;
  margin-bottom: .75em
}

.zqUTO.ApKX0 {
  grid-column: 1/-1
}

.zqUTO.Tek5P {
  grid-column: span 2
}

.zqUTO.UFgwV {
  grid-column: span 1
}

.zqUTO._rqHx {
  margin-top: -.75em
}

.zqUTO .AQcHV {
  white-space: normal;
  margin: -5px 0 0;
  position: static
}

.WFYB0 p {
  margin-bottom: .35em
}

.SyYyq {
  font-size: .78125rem;
  font-weight: 700;
  line-height: 1.52;
  font-family: var(--font-family);
  color: var(--accent)
}

.qFeP2 {
  grid-template-columns: 1fr 70%;
  grid-auto-rows: min-content;
  column-gap: 8px;
  display: grid
}

.qFeP2 .WFYB0 {
  grid-column: span 2
}

.qFeP2 .U_Les {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  border: 1px solid var(--content-tint-strong);
  height: 21px;
  color: var(--content-fg);
  border-radius: 2px;
  padding: 6px 25px 6px 10px;
  position: relative;
  overflow: hidden
}

.qFeP2 .U_Les:focus-within {
  outline: auto;
  outline: 5px auto -webkit-focus-ring-color
}

.qFeP2 .U_Les.Cratr {
  background: var(--content-tint-strong);
  color: var(--content-fg-tertiary);
  border-color: transparent
}

.qFeP2 .xrccd {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.qFeP2 ._pKkF {
  pointer-events: none;
  align-items: center;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  right: 8px
}

.qFeP2 .qFLDu {
  --icon-color-primary: var(--content-fg-secondary);
  width: 11px;
  height: 11px
}

.qFeP2 .x69g8 .w8ITJ {
  width: initial;
  white-space: nowrap;
  max-width: none;
  margin: 0 0 10px
}

.JLcu6 .kqqvQ,.kqqvQ {
  width: 100%;
  min-width: 0
}

.JLcu6 .kqqvQ:disabled,.kqqvQ:disabled {
  background: var(--content-tint-strong);
  color: var(--content-fg-tertiary);
  cursor: not-allowed;
  border-color: transparent
}

.Jsf4X {
  width: 100%
}

.pffb4,.JtblJ {
  grid-column: 1/-1;
  gap: 8px;
  margin-top: 2px;
  margin-bottom: 15px;
  display: flex
}

.pffb4 svg,.JtblJ svg {
  flex-shrink: 0
}

.pffb4 p,.JtblJ p {
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family);
  margin: 0
}

.pffb4 a,.JtblJ a {
  color: var(--accent)
}

.pffb4 {
  color: var(--danger);
  align-items: center
}

.pffb4 .Xev0h {
  border-color: var(--danger)
}

.HJ4jy {
  grid-column: 1/-1;
  justify-content: flex-end;
  gap: 16px;
  display: flex
}

.HJ4jy button {
  min-width: 90px
}

.vgRpB {
  font-size: .875rem;
  font-weight: 350;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  flex-direction: column;
  gap: 16px;
  padding: 16px 0;
  display: flex
}

.m8psy {
  color: var(--content-fg);
  align-items: center;
  gap: 12px;
  display: inline-flex
}

.tdXBg {
  display: flex
}

.OxfnT {
  color: var(--content-fg)
}

.ABiCL button {
  position: relative
}

.ABiCL .cpHub.Mknmz {
  color: transparent
}

.ABiCL .ahLU1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%)
}

.GFQmY {
  gap: 5px;
  padding-top: 4px;
  display: flex
}

.GFQmY .g7aVV {
  flex-direction: column;
  flex: 1;
  gap: 5px;
  font-weight: 400;
  display: flex
}

.GFQmY .g7aVV .cQeAP {
  color: var(--content-fg-secondary);
  flex-grow: 1;
  font-size: 14px
}

.GFQmY .g7aVV .cQeAP.bDoSK {
  color: var(--danger)
}

.GFQmY .g7aVV .cBDm8 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--content-fg)
}

@media (max-width: 540px) {
  .GFQmY {
    flex-wrap:wrap;
    gap: 18px 0
  }

  .GFQmY .g7aVV {
    flex: 0 0 50%
  }
}

.n2Tix {
  color: var(--content-fg-secondary)
}

.KFJW7 a {
  font-size: 14px
}

.jYR3r {
  align-items: center;
  margin-top: 5px;
  display: flex
}

.h1TH7 {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--content-fg);
  margin: 0 0 0 12px
}

.FLsXy {
  margin-left: 8px
}

.XegA4 {
  border-style: solid;
  border-width: 1px;
  border-color: var(--content-fg-secondary)
}

.NNLkb {
  border: 1px solid var(--content-tint-strong);
  border-radius: 4px;
  padding: 6px
}

.CuAxA {
  background-color: var(--content-tint);
  opacity: .5
}

.wCHoV {
  font-size: .625rem;
  font-weight: 400;
  line-height: 1.6;
  font-family: var(--font-family);
  background-color: var(--brand-blue-tint-strong);
  color: var(--content-fg);
  text-align: center;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  gap: 3px;
  padding: 1px 6px;
  display: inline-flex
}

.wCHoV svg {
  flex-shrink: 0
}

.iF38a {
  background-color: var(--danger-tint-strong);
  fill: var(--danger)
}

.qTxBG {
  background-color: var(--brand-blue-tint-strong);
  fill: var(--brand-blue)
}

.Ehc6S {
  margin-bottom: 18px
}

.oaV3v {
  border-bottom: 2px solid var(--content-tint-strong);
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  padding-bottom: 20px;
  display: flex
}

@media (max-width: 540px) {
  .oaV3v {
    flex-direction:column;
    align-items: flex-start;
    row-gap: 6px
  }
}

.qYQGG {
  color: var(--content-fg-secondary);
  justify-content: flex-start;
  align-items: center;
  display: flex
}

.wQtmU {
  flex: none;
  margin-right: 8px
}

.tYSwI {
  align-items: center;
  gap: 10px;
  display: flex
}

.jQ8Uf {
  word-break: break-word;
  border: none;
  padding-bottom: 0
}

.WNtzg {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--content-fg-secondary);
  margin-top: 12px;
  margin-bottom: 0
}

.EgVE2 {
  display: flex
}

.EgVE2 svg {
  align-self: center
}

.mHHDs {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  padding-left: 12px;
  font-weight: 500
}

.pGu_A {
  background: var(--content-panel);
  color: var(--content-fg);
  border-radius: 3px;
  padding: 20px 24px
}

.emaWi {
  margin: 0 auto;
  display: block
}

@media (max-width: 540px) {
  .emaWi {
    margin-top:10vh
  }
}

.htzc9 {
  border-top-color: var(--content-tint-strong);
  margin: 0
}

.cJmMG {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--content-fg-secondary);
  margin-bottom: 16px
}

.JKvh7 {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--content-fg);
  padding-bottom: 12px;
  display: flex
}

.yA0SB {
  flex-direction: row;
  align-items: center;
  padding-left: 12px;
  display: flex
}

.yA0SB svg {
  margin-right: 5px
}

.Ssshi {
  padding-bottom: 16px
}

.xUO3y {
  background-color: var(--content-panel);
  border-radius: 16px;
  overflow: hidden
}

._G0t5 {
  max-width: 86%;
  color: var(--content-fg);
  margin: 0 auto;
  padding: 40px 0 20px;
  overflow: hidden
}

._G0t5 .Ztxwt {
  float: left;
  width: 104px;
  height: auto;
  margin-right: 16px;
  display: block
}

._G0t5 h1 {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.25;
  font-family: var(--font-family);
  padding-top: 16px
}

._G0t5 h3 {
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.52381;
  font-family: var(--font-family)
}

@media (max-width: 540px) {
  ._G0t5 {
    text-align:center
  }

  ._G0t5 .Ztxwt {
    float: none;
    width: 111px;
    margin-right: 0;
    display: inline-block
  }

  ._G0t5 h1 {
    font-size: 1.625rem;
    line-height: 1.30769
  }

  ._G0t5 h3 {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.42857;
    font-family: var(--font-family)
  }
}

.I08ye {
  max-width: 86%;
  color: var(--content-fg);
  margin: 0 auto
}

.I08ye p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  margin-bottom: 20px
}

.Saps2 {
  width: 86%;
  margin: 0 auto -25px;
  position: relative
}

@media (max-width: 540px) {
  .Saps2 {
    width:auto;
    margin-left: 8px;
    margin-right: 8px
  }
}

.P0H4f {
  background-image: linear-gradient(to bottom, var(--brand-purple), var(--brand-blue));
  padding: 27px 0 40px
}

.P0H4f .YGqkt {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  max-width: 86%;
  color: var(--color-fg-light);
  text-align: center;
  margin: 0 auto;
  padding: 30px 0
}

.K2e9U,.mXIHd {
  align-items: center;
  display: flex
}

.K2e9U {
  gap: 8px
}

@media (max-width: 540px) {
  .K2e9U {
    margin-bottom:3px
  }

  .K2e9U span {
    line-height: 20px
  }
}

.mXIHd {
  height: 20px
}

.d6Bxp {
  max-width: 250px;
  line-height: 18px
}

@media (max-width: 540px) {
  .d6Bxp {
    max-width:none;
    min-height: auto
  }
}

.d6Bxp a {
  word-break: break-word;
  margin-right: 5px;
  text-decoration: none;
  display: inline
}

.d6Bxp a>span {
  display: inline
}

@media (max-width: 540px) {
  .QceOP {
    padding-left:10px;
    padding-right: 10px;
    position: absolute;
    top: 50%;
    right: 0
  }
}

@media (min-width: 540px) {
  .OG4Gc,.jIle6 {
    display:none
  }
}

.yvKYm h3 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  padding: 0 0 10px
}

.yvKYm .kkgDG {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 20px;
  display: table
}

.yvKYm .kkgDG .YaAmY {
  border-top: 1px solid var(--content-tint-strong);
  border-bottom: 1px solid var(--content-tint-strong);
  height: 32px;
  display: table-row
}

.yvKYm .kkgDG .YaAmY .IMeFk {
  font-size: .78125rem;
  font-weight: 700;
  line-height: 1.52;
  font-family: var(--font-family);
  color: var(--content-fg-tertiary);
  text-align: left;
  vertical-align: middle;
  padding-left: 8px;
  display: table-cell
}

.yvKYm .kkgDG .nKP4f {
  border-top: 1px solid var(--content-tint-strong);
  display: table-row
}

.yvKYm .kkgDG .nKP4f .uezhm {
  vertical-align: middle;
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family);
  padding: 16px 8px;
  display: table-cell
}

.yvKYm .kkgDG .nKP4f .uezhm .HIhui {
  justify-content: space-between;
  gap: 16px;
  display: flex
}

@media (max-width: 540px) {
  .yvKYm {
    font-size:.78125rem;
    font-weight: 400;
    line-height: 1.52;
    font-family: var(--font-family)
  }

  .yvKYm h3 {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    font-family: var(--font-family);
    padding: 10px 0 5px
  }

  .yvKYm .kkgDG {
    display: block
  }

  .yvKYm .kkgDG .YaAmY {
    display: none
  }

  .yvKYm .kkgDG .nKP4f {
    flex-direction: column;
    gap: 6px;
    margin-bottom: 12px;
    padding-top: 12px;
    display: flex;
    position: relative
  }

  .yvKYm .kkgDG .nKP4f .uezhm {
    padding: 0;
    display: block
  }

  .yvKYm .kkgDG .nKP4f .uezhm .HIhui {
    display: block
  }
}

.v62ea {
  background: var(--content-panel);
  color: var(--content-fg);
  border-radius: 3px;
  padding: 20px 24px
}

.gjN7W {
  justify-content: space-between;
  align-items: center;
  padding-bottom: 28px;
  display: flex
}

.Aix5r {
  border-bottom: 0;
  padding-bottom: 0
}

.jLpf1 {
  margin-right: 9px
}

.xINW8 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  font-family: var(--font-family);
  border-bottom: 1px solid var(--content-tint-strong);
  justify-content: space-between;
  align-items: center;
  margin: 20px 0;
  display: flex
}

.palette--trueBlue .xINW8 {
  border-bottom: 1px solid var(--chrome-panel)
}

@media not (min-width: 990px) {
  .xINW8 {
    margin:20px 10px
  }
}

.zg7Ni {
  display: flex
}

.Uz5cf {
  text-align: right
}

.ZYmys {
  color: var(--chrome-fg-secondary);
  padding: 12px 16px
}

.VXTLZ {
  box-shadow: inset 0px -2px 0px var(--accent);
  color: var(--accent)
}

.kPCh2 {
  background: var(--content-panel);
  color: var(--content-fg);
  border-radius: 3px;
  padding: 20px 24px
}

.b9fH3 {
  font-size: 1.625rem;
  font-weight: 400;
  line-height: 1.30769;
  font-family: var(--font-family);
  color: var(--content-fg);
  margin-bottom: 12px;
  margin-left: 0
}

.palette--trueBlue .b9fH3 {
  color: var(--chrome-fg)
}

@media not (min-width: 990px) {
  .b9fH3 {
    padding-left:10px
  }
}

.Rnk43 {
  margin: 20px 0
}

.GL3jS {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  background-color: var(--chrome-tint);
  color: var(--chrome-fg-secondary);
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 16px;
  font-size: 16px;
  line-height: 20px;
  display: flex
}

.GL3jS .b9fH3 {
  font-size: 18px
}

.GL3jS .wNngb {
  margin-bottom: 0
}

._JgF2 {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  background-color: var(--content-panel);
  width: 100%;
  color: var(--content-fg);
  border-radius: 4px;
  padding-bottom: 8px
}

@media not (min-width: 990px) {
  ._JgF2 {
    width:auto;
    margin: 0 10px
  }
}

.YPZbT {
  color: var(--content-fg-secondary);
  font-weight: 700
}

.YPZbT .pGD4D {
  border-bottom: 1px solid var(--content-tint)
}

.qzhc2 {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family)
}

@media (hover: hover) {
  .qzhc2 .pGD4D:hover {
    background-color:var(--content-tint)
  }
}

.pGD4D {
  cursor: pointer;
  align-items: center;
  padding: 16px;
  display: flex
}

.jXyhw {
  overflow-wrap: anywhere;
  align-items: center;
  display: flex
}

.jXyhw.npfxm {
  width: 40%;
  margin-right: 24px
}

.jXyhw.QIdfS {
  width: 25%;
  margin-right: 24px
}

.jXyhw.QIdfS figure {
  margin-right: 8px
}

.jXyhw.dV1ln {
  width: 35%
}

.zFXOv {
  background-color: var(--accent-tint)
}

.qjKOg {
  background-position: 50%;
  background-repeat: no-repeat;
  background-color: var(--content-tint-strong);
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  min-width: 36px;
  height: 36px;
  margin-right: 8px;
  display: flex
}

.rcSMy {
  margin-right: 8px
}

.ozzS5 {
  color: var(--content-fg-tertiary);
  margin-bottom: 0;
  font-size: 12px;
  line-height: 19px
}

.miiNl {
  background-color: var(--accent);
  color: var(--accent-fg);
  border-radius: 2px;
  padding: 10px 6px;
  font-weight: 700
}

@media not (min-width: 990px) {
  .miiNl {
    margin:0 10px
  }
}

.KpXL_ {
  background: var(--content-panel);
  border-radius: 3px
}

.N5rfV img {
  width: 100%;
  display: block
}

.jAB8C {
  padding: 20px 24px
}

.To1a0 {
  border-bottom: 1px solid var(--content-tint);
  margin-bottom: 20px
}

.To1a0:last-of-type {
  border-bottom: none
}

.To1a0 img {
  width: 100%;
  margin-bottom: 20px;
  display: block
}

.boieV {
  margin-bottom: 20px
}

.ufRsS {
  border-bottom: 1px solid var(--content-tint);
  width: 100%;
  padding: 20px 0
}

.ufRsS.zHTUb {
  border-bottom: none
}

.ufRsS .pL0jC {
  width: 100%;
  display: flex
}

@media (max-width: 540px) {
  .ufRsS .pL0jC {
    flex-direction:column
  }
}

.ufRsS .ijEt4 {
  align-items: center;
  max-width: 165px;
  padding: 0 10px;
  display: flex;
  overflow: hidden
}

.ufRsS .ijEt4.pMkt4 {
  flex: 1 0 auto
}

@media (max-width: 540px) {
  .ufRsS .ijEt4 {
    max-width:none;
    margin-bottom: 20px
  }
}

.ufRsS .ijEt4 .F6V0M {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  margin-left: 7px;
  font-weight: 700;
  line-height: normal;
  overflow: hidden
}

.ufRsS .fR9nH {
  flex: 1 0 0;
  justify-content: flex-end;
  align-items: center;
  padding: 0 10px;
  display: flex
}

@media (max-width: 540px) {
  .ufRsS .fR9nH {
    justify-content:flex-start
  }
}

.ufRsS .fR9nH .bSg4J {
  justify-content: end;
  align-items: center;
  margin-bottom: 0
}

.ufRsS .fR9nH .X7YA0 {
  text-align: right;
  align-items: center
}

.ufRsS .T_cYX {
  border-top: 1px solid var(--content-tint);
  opacity: 0;
  height: 0;
  margin: 0;
  padding: 0;
  transition: margin .1s ease-out,padding .1s ease-out;
  overflow: hidden
}

.ufRsS .T_cYX .Q5xi5 {
  box-sizing: border-box;
  width: 100%;
  padding: 10px 0 10px 45px;
  display: flex
}

@media (max-width: 540px) {
  .ufRsS .T_cYX .Q5xi5 {
    flex-direction:column;
    padding: 0 10px
  }
}

.ufRsS .T_cYX .NOglH {
  flex: 0 145px;
  min-width: 145px;
  font-weight: 700;
  display: flex
}

@media not (min-width: 990px) {
  .ufRsS .T_cYX .NOglH {
    flex:0 32px
  }
}

@media (max-width: 540px) {
  .ufRsS .T_cYX .NOglH {
    flex:0 auto;
    margin-bottom: 20px
  }
}

.ufRsS .T_cYX .GZ8PO {
  flex: 1;
  padding: 0 10px;
  display: flex
}

.ufRsS .T_cYX .GZ8PO.Fw30M {
  max-width: 290px
}

@media (max-width: 540px) {
  .ufRsS .T_cYX .GZ8PO {
    padding:0
  }
}

.ufRsS .T_cYX .pBCVj {
  flex-direction: column
}

.ufRsS .T_cYX .pBCVj .ONvYy {
  margin-bottom: 15px
}

@media (max-width: 540px) {
  .ufRsS .T_cYX .pBCVj .ONvYy:last-child {
    margin-bottom:20px
  }
}

.ufRsS .xIS86 {
  opacity: 1;
  height: auto;
  margin-top: 20px;
  padding: 10px 0;
  transition: opacity .15s ease-out,margin .1s ease-out,padding .1s ease-out;
  overflow: visible
}

@media (max-width: 540px) {
  .ufRsS .xIS86 {
    margin-top:10px;
    padding: 20px 0 0
  }
}

.Y70__ {
  background: var(--content-panel);
  color: var(--content-fg);
  border-radius: 3px;
  padding: 20px 24px
}

@media (max-width: 540px) {
  .rZ12w {
    flex-direction:column
  }

  .rZ12w>div:first-child {
    flex: 0 auto;
    margin-bottom: 20px
  }

  .rZ12w .HsbdS {
    margin: 0
  }
}

.HUgba {
  align-items: center;
  font-size: 14px;
  display: flex
}

.PslH6 {
  margin-left: 7px
}

@keyframes ZJlue {
  0% {
    transform: translateY(0)
  }

  50% {
    transform: translateY(4px)
  }

  to {
    transform: translateY(0)
  }
}

@media (hover: hover) {
  .cGfu8:hover .GboHS {
    animation:1s infinite ZJlue
  }
}

.cGfu8:focus-visible .GboHS {
  animation: 1s infinite ZJlue
}

.cGfu8:focus-visible>.EEITY {
  outline: none
}

.a15fm {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  width: 100%;
  max-height: 100px;
  color: var(--blog-title-color);
  text-align: center;
  white-space: pre-line;
  overflow-wrap: anywhere;
  transition: max-height 50ms;
  position: relative;
  overflow: hidden
}

.a15fm.yEDB7 {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  max-height: 40px
}

.a15fm.mjAxW {
  max-height: 74px
}

.a15fm.AcdUU {
  max-height: none;
  overflow: visible
}

.a15fm.AcdUU.CRz4x {
  padding-bottom: 40px
}

.a15fm p {
  margin: 1px 0
}

.a15fm a {
  color: var(--blog-link-color);
  text-decoration: none
}

.UxSwc {
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-mask-image: linear-gradient(rgba(255,255,255,0) 0%,#000 100%);
  mask-image: linear-gradient(rgba(255,255,255,0) 0%,#000 100%)
}

.UxSwc.yEDB7 {
  position: static;
  -webkit-mask-image: linear-gradient(0deg,rgba(255,255,255,0) 0,#000 50%);
  mask-image: linear-gradient(0deg,rgba(255,255,255,0) 0,#000 50%)
}

.TZT6X {
  width: 100%;
  height: 40px;
  position: absolute;
  bottom: 0;
  left: 0
}

.TZT6X.yufeI .UxSwc {
  background: var(--blog-background-color)
}

.TZT6X.yufeI .cy7cN {
  padding-top: 21px
}

.TZT6X:not(.yufeI) .cy7cN {
  padding-top: 10.5px;
  padding-bottom: 10.5px
}

.m8KRx {
  border: 1px solid var(--content-tint-strong);
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 18px;
  padding: 17px;
  display: flex
}

.m8KRx .IrRTg {
  margin-bottom: 7px;
  font-size: 21px;
  line-height: 32px
}

@media (min-width: 990px) {
  .m8KRx .IrRTg {
    font-size:21px;
    line-height: 32px
  }
}

.m8KRx .Iij_y {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  text-align: center
}

@media (min-width: 990px) {
  .m8KRx .Iij_y {
    margin-bottom:36px
  }
}

.m8KRx .PMQ3n {
  color: transparent;
  background-image: linear-gradient(270deg,#88d4f3,#450176,#ffa600,#b50000,#c1c100,#00c000);
  -webkit-background-clip: text;
  background-clip: text
}

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

.Z4JA5>:first-child {
  margin-right: 8px
}

.aUBlR {
  border-radius: 50%;
  align-self: baseline
}

.aUBlR>span {
  padding: 6px
}

.uYpYy {
  background-color: var(--blog-background-color);
  width: 100%;
  color: var(--blog-title-color);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  position: relative;
  overflow: hidden
}

@media (max-width: 1200px) {
  .uYpYy.feCof {
    border-top-left-radius:0;
    border-top-right-radius: 0
  }
}

.gIm1l {
  box-sizing: border-box;
  cursor: pointer;
  width: 100%;
  height: 326.25px;
  display: block;
  overflow: hidden
}

@media (max-width: 580px) {
  .gIm1l {
    height:56.25vw
  }
}

.gIm1l.ZClcM .LZlfJ {
  object-fit: cover;
  width: 100%;
  height: 100%
}

.gIm1l:not(.ZClcM) {
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex
}

.gIm1l:not(.ZClcM) .LZlfJ {
  max-width: 100%;
  max-height: 100%
}

.LZlfJ.AiQkp {
  filter: blur(20px);
  transform: scale(1.05)
}

.F8bg3 {
  pointer-events: all;
  display: contents
}

.u2YPL {
  box-sizing: border-box;
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  display: flex;
  position: relative
}

.u2YPL.wFAw8 {
  pointer-events: none;
  margin-bottom: -86px;
  position: relative;
  top: -86px
}

.u2YPL.p2Ecs {
  padding-top: 40px
}

.vfPi2 {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.30769;
  font-family: var(--font-family);
  color: var(--blog-title-color)
}

.mFd_o {
  margin: 8px 0;
  display: block
}

.Da0mp {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--blog-link-color);
  text-decoration: none;
  display: inline-block
}

.Da0mp svg {
  vertical-align: middle;
  margin-bottom: 2px
}

.Da0mp svg use {
  --icon-color-primary: var(--blog-link-color)
}

.bQi4_ {
  border: 4px solid var(--blog-background-color);
  background-color: var(--blog-background-color);
  pointer-events: all;
  border-radius: 6px;
  margin-bottom: 10px
}

.bQi4_.bdrjP {
  border-radius: 50%
}

.guc04 {
  position: relative
}

.uk9FI {
  flex-flow: wrap;
  justify-content: center;
  align-items: stretch;
  margin: 16px 0 0;
  display: flex
}

.uk9FI>*+* {
  margin-left: 8px
}

.uk9FI>* {
  margin-bottom: 12px
}

.wWci6 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  border: 2px solid var(--blog-link-color-40);
  border-radius: 50%
}

.wWci6>span {
  padding: 6px 9px
}

.wWci6 svg use {
  --icon-color-primary: var(--blog-link-color)
}

.TKirj,.gfhJz {
  border-radius: 20px
}

.MvA0k svg {
  margin-right: 8px
}

.oIdtb {
  border-radius: 50%;
  align-self: flex-start
}

.oIdtb>span {
  padding: 6px
}

.YyGIV {
  padding: 10px
}

@media (max-width: 1200px) {
  .Vi52h .u2YPL {
    padding-bottom:0
  }
}

.Vi52h .uk9FI button {
  width: 40px;
  height: 40px
}

.Vi52h .oIdtb {
  align-self: auto
}

.WFEAx .gIm1l {
  height: 180px
}

.WFEAx .u2YPL {
  padding-bottom: 10px
}

@media (min-width: 1200px) {
  .WFEAx {
    border-bottom-right-radius:8px;
    border-bottom-left-radius: 8px;
    margin-bottom: 20px
  }
}

.es5fe {
  margin: 15px 8px 0
}

.es5fe,.es5fe>span {
  box-sizing: border-box;
  background: RGB(var(--deprecated-accent));
  color: RGB(var(--navy));
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex
}

.es5fe>span,.es5fe>span>span {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  padding: 6px 15px
}

.nh7eU {
  border: 2px solid var(--blog-link-color);
  background-color: var(--blog-link-color);
  border-radius: 20px
}

.Ww2p5 {
  box-sizing: border-box;
  background: var(--brand-purple);
  height: 100%;
  color: var(--color-fg-light);
  font-size: 12px
}

.Ww2p5 .uYhS1 {
  object-fit: cover;
  width: 100%;
  height: 67%
}

.Ww2p5 .moamz {
  flex-direction: row;
  align-items: center;
  height: 33%;
  display: flex
}

.Ww2p5 .moamz .nIHSC {
  margin: 5px;
  line-height: 0
}

.Ww2p5 .moamz .Iu4it {
  max-height: 80%;
  overflow: hidden
}

.Ww2p5 .moamz .Iu4it .B8Ii1 {
  margin-bottom: 0
}

.Ww2p5 .moamz .Iu4it .xoXHj {
  opacity: .7;
  margin-top: 5px;
  margin-bottom: 0
}

.bFFz5 {
  background: var(--content-tint);
  height: 100%
}

.tTuoj {
  box-sizing: border-box;
  height: 100%;
  overflow: hidden
}

.tTuoj img {
  min-width: 100%;
  min-height: 100%
}

@supports (object-fit: cover) {
  .tTuoj img {
    object-fit:cover;
    width: 100%;
    height: 100%
  }
}

.YZmYT {
  background-color: var(--blog-background-color);
  position: relative
}

.YZmYT .HhK9l {
  width: calc(100% + 20px);
  position: absolute;
  left: -10px
}

.YZmYT .HhK9l img {
  object-fit: cover;
  filter: brightness(50%)blur(5px);
  background-color: transparent
}

.YZmYT .flnbG {
  position: absolute
}

.YZmYT .flnbG img {
  object-fit: contain;
  background-color: transparent
}

.NVqwW {
  box-sizing: border-box;
  background: var(--brand-green);
  height: 100%;
  color: var(--color-fg-light);
  font-size: 12px
}

.NVqwW .K1HFB {
  height: 50%;
  padding: 0 5px
}

.NVqwW .K1HFB .C7Tzq {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  max-height: 50%;
  margin-bottom: 0;
  padding-top: 5px;
  overflow: hidden
}

.NVqwW .K1HFB .DZjQj {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  opacity: .7;
  max-height: 50%;
  margin-bottom: 0;
  padding-top: 5px
}

.OEhOq {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: var(--content-panel);
  height: 100%;
  color: var(--content-fg);
  padding: 10px;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.2
}

.OEhOq.QEfN0 {
  color: var(--color-fg-light)
}

.OEhOq.QEfN0:after {
  background: linear-gradient(to bottom, transparent 0%, var(--content-fg-secondary) 50%, var(--content-fg) 100%)
}

.OEhOq .wSw59 {
  text-overflow: ellipsis;
  margin-bottom: 20px;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:3) {
  .OEhOq .wSw59 {
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:3)) {
  .OEhOq .wSw59 {
    white-space:nowrap
  }
}

.OEhOq .wSw59 {
  word-break: break-all
}

.OEhOq .oPs7n {
  flex-direction: column;
  width: 100%;
  display: flex
}

.OEhOq .oPs7n .vWSPa {
  text-overflow: ellipsis;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:2) {
  .OEhOq .oPs7n .vWSPa {
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:2)) {
  .OEhOq .oPs7n .vWSPa {
    white-space:nowrap
  }
}

.OEhOq .oPs7n .vWSPa {
  word-break: break-all
}

.OEhOq .oPs7n .vWSPa:not(:first-child) {
  margin-top: 5px;
  margin-bottom: 5px
}

.OEhOq:after {
  background: linear-gradient(to bottom, transparent 0%, var(--color-fg-light-secondary) 50%, var(--image-fg) 100%);
  content: "";
  width: 100%;
  height: 30px;
  position: absolute;
  bottom: 0;
  left: 0
}

.sjZlZ {
  box-sizing: border-box;
  background: var(--content-panel);
  height: 100%;
  padding: 10px;
  font-size: 12px;
  position: relative
}

.sjZlZ:after {
  background: linear-gradient(to bottom, transparent 0%, var(--content-panel) 100%);
  content: "";
  width: 100%;
  height: 50px;
  position: absolute;
  bottom: 0;
  left: 0
}

.II1QX {
  box-sizing: border-box;
  background: var(--brand-pink);
  height: 100%
}

.II1QX .PzjDc {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  line-height: 0;
  display: flex;
  position: absolute;
  top: 0
}

.HEmvO {
  width: 100%;
  padding-bottom: 100%;
  position: relative;
  overflow: hidden
}

@media (hover: hover) {
  .HEmvO:hover .oKaff {
    opacity:1
  }

  .HEmvO:hover .GlKHA {
    opacity: 0
  }
}

.HEmvO .bpTb2.oKaff {
  opacity: 1
}

.HEmvO:focus-visible .oKaff {
  opacity: 1
}

.valeh {
  width: 100%;
  height: 100%;
  font-family: var(--font-family);
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden
}

.aLQ_T {
  background-color: var(--content-panel)
}

.aLQ_T .FvYBx {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  box-sizing: border-box;
  background-color: var(--content-tint);
  width: 100%;
  height: 100%;
  color: var(--content-fg-secondary);
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex
}

.oKaff {
  opacity: 0;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.oKaff.QmZ0e {
  background-color: var(--overlay-tint-strong);
  color: var(--color-fg-light)
}

.AdXnC,.d1luu {
  box-sizing: border-box;
  width: 100%;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  position: absolute;
  left: 0
}

@media (max-width: 540px) {
  .AdXnC,.d1luu {
    font-size:1rem;
    font-weight: 400;
    line-height: 1.5;
    font-family: var(--font-family)
  }
}

.AdXnC {
  padding: 10px;
  top: 0
}

.d1luu {
  max-height: 39px;
  padding: 0 10px;
  bottom: 10px;
  overflow: hidden
}

@media (max-width: 540px) {
  .d1luu {
    max-height:45px
  }
}

.mdQQI {
  font-weight: 700
}

.GlKHA {
  box-sizing: border-box;
  overflow-wrap: break-word;
  width: 100%;
  max-height: 100%;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  background-color: var(--overlay-tint-strong);
  color: var(--image-fg);
  padding: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden
}

.GlKHA:after {
  content: "";
  background: linear-gradient(transparent 0%,rgba(0,0,0,.047) 50%,rgba(0,0,0,.07) 100%);
  width: 100%;
  height: 8px;
  position: absolute;
  bottom: 0;
  left: 0
}

.ktZLq {
  background: var(--content-panel);
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding: 0 60px 40px;
  display: flex
}

@media (max-width: 540px) {
  .ktZLq {
    padding:0 20px 40px
  }
}

.VXJCd {
  width: 145px;
  min-width: 145px;
  height: 145px;
  position: absolute
}

.M8EEV {
  flex-direction: column;
  align-items: flex-start;
  display: flex
}

.ibxKI {
  font-size: 1.625rem;
  font-weight: 400;
  line-height: 1.30769;
  font-family: var(--font-family);
  color: var(--content-fg);
  padding-bottom: 50px;
  font-size: 24px;
  line-height: 1.3
}

.QCP_G {
  border: 1px solid var(--content-tint-strong);
  text-align: center;
  border-radius: 12px;
  width: 145px;
  min-width: 145px;
  height: 145px;
  margin-bottom: 10px;
  padding: 0;
  position: relative;
  overflow: hidden
}

.FiXWk {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.33333;
  font-family: var(--font-family);
  color: var(--content-fg-secondary);
  margin-bottom: 20px;
  font-size: 18px
}

.NfCZL p.mrrMS {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  font-family: var(--font-family);
  color: var(--content-fg);
  font-size: 18px
}

.MEM8E {
  color: var(--content-fg-secondary);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.33333;
  font-family: var(--font-family);
  padding-top: 10px
}

.MEM8E span {
  vertical-align: unset;
  text-decoration: underline
}

.yRcwV {
  margin-right: 8px;
  position: relative;
  top: 2px
}

.w9XYs {
  color: var(--content-fg-secondary);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.33333;
  font-family: var(--font-family);
  padding-top: 25px
}

.sDsUc {
  background-color: var(--content-panel);
  max-height: 80vh;
  padding: 24px;
  overflow-y: auto
}

.sDsUc hr {
  margin: .75em 5px
}

.sDsUc p,.sDsUc div {
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family)
}

.sDsUc p {
  color: var(--content-fg-secondary)
}

.sDsUc .L7mvX {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  font-family: var(--font-family);
  color: var(--content-fg);
  padding-bottom: 12px
}

.sDsUc .iqpqN {
  color: var(--content-fg)
}

.sDsUc .ongB1 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  margin: 25px 0 5px
}

.sEal0 {
  margin-right: 5px
}

.HaeOc {
  line-height: 20px
}

.HaeOc .uit_7 {
  color: var(--content-fg);
  font-weight: 700;
  position: relative
}

.HaeOc .uit_7 .yi4Zv {
  flex-direction: column;
  gap: .5rem;
  margin-bottom: 8px;
  display: flex
}

.HaeOc .uit_7 .GgZbk .j63Zg {
  position: absolute;
  top: 2px
}

.HaeOc .uit_7 .GgZbk h3 {
  margin-left: 22px
}

.HaeOc .uit_7 .j63Zg {
  gap: 12px;
  display: flex
}

.HaeOc .uit_7 p {
  margin: 0;
  line-height: 1rem
}

.HaeOc .zi9vL {
  margin-top: 5px
}

.HaeOc .zi9vL p {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--content-fg-secondary);
  margin: 0
}

.HaeOc .gGm8i {
  flex-flow: wrap;
  justify-content: flex-start;
  display: flex
}

.HaeOc .RDKrD {
  background-color: var(--content-panel);
  margin-right: 4px;
  padding: 4px 8px
}

.XmG36 {
  grid-column-start: span 2
}

.pxXIi {
  flex-direction: column;
  margin: 0 16px;
  padding: 0;
  display: flex
}

@media not (min-width: 990px) {
  .pxXIi {
    border-radius:0
  }
}

.pxXIi .Q3Wzh {
  font-size: 1.625rem;
  font-weight: 400;
  line-height: 1.30769;
  font-family: var(--font-family);
  color: var(--content-fg);
  font-size: 24px;
  line-height: 1.3
}

.pxXIi .Q3Wzh svg {
  margin-left: 5px
}

.pxXIi .lBLjU {
  padding: 0 40px 40px
}

@media (max-width: 540px) {
  .pxXIi .lBLjU {
    padding:0 20px 40px
  }
}

.pxXIi .ARWH6 {
  padding: 40px
}

.pxXIi .ARWH6:first-of-type {
  border-top: 1px solid var(--content-tint-strong);
  border-bottom: 1px solid var(--content-tint-strong)
}

.pxXIi .ARWH6:last-of-type {
  margin-bottom: 16px
}

@media (max-width: 540px) {
  .pxXIi .ARWH6 {
    padding:40px 20px
  }
}

.Z6KOK,.Snm10 {
  background-color: var(--content-tint);
  border-radius: 12px;
  gap: 8px;
  padding-bottom: 24px
}

.Snm10 {
  margin-bottom: 8px
}

.AuVKd,._7hEfa,.NXtez {
  gap: 20px;
  margin-top: 20px;
  display: grid
}

.AuVKd {
  grid-template-columns: 1fr
}

._7hEfa,.NXtez {
  grid-template-columns: 1fr 1fr
}

.BU2mq {
  flex-direction: row;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
  display: flex
}

.C_0Mq {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  font-family: var(--font-family)
}

.J6x9p {
  text-align: left;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--content-fg-secondary);
  flex-direction: row;
  margin: 16px 0 12px;
  display: flex
}

.J6x9p>span {
  flex-basis: 50%
}

.USjlu,.totSw {
  color: var(--content-fg-secondary)
}

.leVy7 {
  font-size: .78125rem;
  font-weight: 700;
  line-height: 1.52;
  font-family: var(--font-family);
  flex-direction: row;
  justify-content: flex-end;
  gap: 10px;
  display: flex
}

.leVy7 button,.leVy7 a {
  border-radius: 20px;
  min-height: 36px;
  padding: 4px 12px
}

@media (max-width: 540px) {
  .leVy7 button,.leVy7 a {
    width:100%
  }
}

.leVy7 button span,.leVy7 a span {
  padding: 0;
  font-weight: 500;
  line-height: 1rem
}

.leVy7 button.cWqN5,.leVy7 a.cWqN5 {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  background: var(--chrome-tint);
  color: var(--chrome-fg);
  padding: 8px 16px
}

.leVy7 button.cWqN5 .lFuwX,.leVy7 a.cWqN5 .lFuwX {
  font-weight: 700
}

@media (hover: hover) {
  .leVy7 button.cWqN5:hover,.leVy7 a.cWqN5:hover {
    background-color:var(--chrome-tint-strong)
  }
}

.leVy7 button.YzmTr,.leVy7 a.YzmTr {
  border: 1px solid var(--chrome-panel);
  color: var(--chrome-fg)
}

.IOzxh {
  margin: 0 10px;
  padding-bottom: 20px;
  position: relative
}

.IOzxh .NRB1z {
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  display: flex
}

@media (max-width: 540px) {
  .IOzxh .NRB1z {
    width:inherit;
    flex-direction: column;
    gap: 24px
  }
}

.IOzxh .eFAeT {
  flex-direction: column;
  justify-content: center;
  gap: 12px;
  display: flex
}

.IOzxh .eFAeT .C3OQ9 {
  flex-direction: row;
  align-items: center;
  gap: 24px;
  display: flex
}

.IOzxh .NDFeY {
  flex-direction: column;
  display: flex
}

.IOzxh .ODi7v {
  font-size: .78125rem;
  font-weight: 700;
  line-height: 1.52;
  font-family: var(--font-family);
  color: var(--chrome-fg-secondary);
  margin-bottom: 4px
}

.IOzxh .ODi7v.Bqx1i {
  color: var(--brand-green)
}

.IOzxh .ODi7v.eKTP_ {
  color: var(--chrome-fg-secondary)
}

.IOzxh .YCfHE {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  min-width: 130px;
  color: var(--chrome-fg)
}

@media (max-width: 540px) {
  .IOzxh .YCfHE {
    min-width:inherit
  }
}

.IOzxh ._wwjA {
  font-size: .78125rem;
  font-weight: 700;
  line-height: 1.52;
  font-family: var(--font-family);
  color: var(--chrome-fg-secondary)
}

.IOzxh .n2TrC {
  flex-flow: row;
  justify-content: space-between;
  gap: 30px;
  max-width: 220px;
  margin-bottom: 25px;
  display: flex
}

@media (max-width: 540px) {
  .IOzxh .n2TrC {
    max-width:inherit;
    justify-content: space-evenly;
    margin-bottom: 16px
  }
}

.IOzxh .n2TrC .osXRO {
  margin-top: 0
}

.IOzxh .n2TrC .osXRO svg use {
  --icon-color-primary: var(--chrome-fg-secondary)
}

.IOzxh .n2TrC .osXRO p {
  color: var(--chrome-fg-secondary);
  font-size: .78125rem;
  font-weight: 700;
  line-height: 1.52;
  font-family: var(--font-family);
  margin: 0
}

.IOzxh .YY6ov {
  width: 72px;
  height: 72px;
  position: relative
}

.IOzxh .xSly9 {
  text-align: center;
  border-radius: 3px;
  width: 72px;
  max-height: 72px;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden
}

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

.wtNDp .Bfgeu {
  width: 100%
}

.wtNDp:focus-within .bN1sN {
  background-color: var(--chrome-panel)
}

.wtNDp:focus-within .YtfWt {
  opacity: 1
}

@media (hover: hover) {
  .wtNDp:hover .bN1sN {
    background-color:var(--chrome-panel)
  }

  .wtNDp:hover .YtfWt {
    opacity: 1
  }
}

.wtNDp .r6SOU {
  text-align: right
}

.H2SSj {
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: var(--font-family);
  background-color: var(--chrome-panel);
  color: var(--chrome-fg);
  border-radius: 8px;
  flex-direction: column;
  gap: 16px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 32px;
  display: flex
}

.js3m2 {
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  margin: 16px;
  display: flex
}

.js3m2>* {
  flex-grow: 1
}

.sz2wV {
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: var(--font-family);
  color: var(--accent)
}

.sz2wV:focus-visible {
  outline: none;
  text-decoration: underline
}

@media (hover: hover) {
  .sz2wV:hover {
    outline:none;
    text-decoration: underline
  }
}

.sz2wV:active {
  outline: none;
  text-decoration: underline
}

.YPDbZ .vUbJS {
  margin: 16px 0
}

.YPDbZ .vUbJS.Qb2yW {
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  position: relative
}

.YPDbZ .vUbJS.Qb2yW .oPeFl {
  background: var(--content-tint-strong);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute
}

.YPDbZ .vUbJS.Qb2yW.c49bG .oPeFl {
  top: 12px
}

.YPDbZ .vUbJS.Qb2yW.u0WK9 .oPeFl {
  bottom: 12px
}

.YPDbZ .oPeFl {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  font-family: var(--font-family);
  text-align: center;
  width: 100%;
  padding: 12px 0
}

.YPDbZ img {
  border-radius: 3px;
  width: 100%
}

.YPDbZ .KQzUb {
  margin: 0 auto;
  display: block
}

.YPDbZ .ZGCkJ {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  background-color: var(--accent);
  color: var(--accent-fg);
  border-radius: 3px;
  padding: 8px 20.5px
}

.YPDbZ .ZGCkJ a {
  text-decoration: none
}

.AYRVj {
  box-sizing: border-box;
  background-color: var(--chrome-panel);
  width: 100%;
  max-width: 556px;
  color: var(--chrome-fg);
  border-radius: 6px;
  padding: 14px 16px;
  line-height: 1.4;
  position: relative
}

.AYRVj .jCB92 {
  display: none
}

.AYRVj .jCB92.FYQEO {
  display: block
}

@media (max-width: 540px) {
  .AYRVj {
    border-radius:0
  }
}

.AYRVj .HIc07 {
  position: absolute;
  top: 4px;
  right: 8px
}

.KqFuf {
  display: none
}

.QtIm7 {
  background-color: var(--overlay-tint-heavy);
  border-radius: 8px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.tdkvS {
  height: inherit;
  justify-content: center;
  align-items: center;
  display: flex
}

.DsRgF {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex
}

.DFrXP {
  max-width: 300px;
  color: var(--color-fg-light);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex
}

.VWh7r {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.30769;
  font-family: var(--font-family);
  margin-bottom: 20px
}

.xmT1m {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  margin-bottom: 20px
}

.PfwXc {
  background-color: var(--accent);
  color: var(--content-fg);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  border-radius: 3px;
  padding: 7px 20px
}

.LXEs5 {
  background-color: var(--content-tint);
  align-items: center;
  padding: 12px;
  text-decoration: none;
  display: flex
}

.NL3AX {
  width: 56px;
  height: 56px;
  margin-right: 12px
}

.w65Ee {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--chrome-fg)
}

.xu8W2 {
  background: linear-gradient(167.96deg,#7c5cff 0%,#ff61ce 100%);
  border-radius: 16px
}

.DmOP1 {
  width: 200px
}

@media (max-width: 540px) {
  .DmOP1 {
    width:125px
  }
}

.r9j7Q {
  text-align: center;
  width: 80%;
  margin: 0 auto;
  padding: 64px 24px 24px
}

@media (max-width: 540px) {
  .r9j7Q {
    padding-top:24px
  }
}

.o9Dc0 {
  color: var(--brand-yellow);
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.25;
  font-family: var(--font-family);
  margin-top: 48px;
  margin-bottom: 24px;
  line-height: 48px
}

@media (max-width: 540px) {
  .o9Dc0 {
    margin-top:24px;
    margin-bottom: 24px
  }
}

.UX_E2 {
  color: var(--color-fg-light);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  max-width: 400px;
  margin: 0 auto 48px
}

.jbtjN {
  justify-content: center;
  min-height: 45px;
  margin: 12px auto;
  display: flex
}

.jbtjN button {
  width: 45%;
  margin-right: 8px
}

@media (max-width: 540px) {
  .jbtjN {
    flex-direction:column;
    margin: 12px auto 0
  }

  .jbtjN button {
    width: 70%;
    margin: 0 auto 12px
  }
}

.ozoaa {
  justify-content: center;
  margin-bottom: 24px;
  display: flex
}

.ozoaa button {
  border: 2px solid;
  padding: 3px 20px
}

@media (max-width: 540px) {
  .ozoaa button {
    padding:3px
  }
}

.eqo62 {
  max-width: 400px;
  margin: 0 auto
}

.RmcFk {
  color: var(--chrome-fg);
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family);
  text-align: center;
  padding: 32px 0
}

.DtyJV {
  color: var(--color-fg-light);
  padding: 10px
}

.YUhwz {
  font-size: .78125rem;
  font-weight: 700;
  line-height: 1.52;
  font-family: var(--font-family);
  background: var(--brand-purple);
  color: var(--color-fg-light);
  margin-left: 6px
}

.ae6fW {
  flex-direction: column;
  align-items: baseline
}

.ae6fW button {
  border-radius: 24px
}

.Ve3b5 {
  background: var(--content-panel);
  border-radius: 3px;
  margin-top: 16px;
  padding: 24px 24px 0
}

.Ve3b5 .C2x46 {
  border-bottom: 1px solid var(--content-tint);
  flex-direction: column;
  margin-bottom: 16px;
  padding-bottom: 16px
}

.Ve3b5 .C2x46 .vnlw6 {
  display: flex
}

@media (max-width: 540px) {
  .Ve3b5 .C2x46 .vnlw6 {
    flex-direction:column
  }
}

.Ve3b5 .AnmzE {
  flex-direction: column;
  min-width: 30%
}

.Ve3b5 .r_hbX {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  min-width: 65%;
  color: var(--content-fg);
  flex-direction: column;
  display: flex
}

.Ve3b5 .r_hbX.MN_DR {
  line-height: unset;
  margin-bottom: -16px;
  padding-top: 6px
}

.Ve3b5 .azmx7 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--content-fg);
  align-items: center;
  display: flex
}

@media (max-width: 540px) {
  .Ve3b5 .azmx7 {
    margin-bottom:12px
  }
}

.B8sAl {
  align-items: center;
  display: flex
}

.B8sAl h3 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--content-fg)
}

.B8sAl p {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--content-fg-secondary)
}

.B8sAl .GnFpN {
  border-radius: 16px;
  height: 55px;
  padding: 4px 8px 0
}

.B8sAl .NXrvJ {
  font-size: 45px;
  line-height: 55px
}

.B8sAl .wEMQA {
  padding: 10px 10px 0
}

.GnFpN {
  background-color: var(--accent)
}

.palette--darkMode .GnFpN,.palette--lowContrastClassic .GnFpN,.palette--cement .GnFpN,.palette--canary .GnFpN,.palette--pride .GnFpN,.palette--pumpkin .GnFpN,.palette--gothRave .GnFpN {
  background-color: var(--content-tint-strong)
}

.palette--trueBlue .B8sAl[data-background="0"] .GnFpN {
  background-color: var(--brand-purple)
}

.palette--trueBlue .B8sAl[data-background="1"] .GnFpN {
  background-color: var(--brand-yellow)
}

.palette--trueBlue .B8sAl[data-background="2"] .GnFpN {
  background-color: var(--brand-green)
}

.palette--trueBlue .B8sAl[data-background="3"] .GnFpN {
  background-color: var(--brand-pink)
}

.SKWZr {
  border-radius: 24px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.SKWZr span {
  padding: 2px
}

.vffGc {
  border-radius: 24px;
  margin-right: 8px
}

.UH33k {
  max-width: 430px;
  color: var(--color-fg-light);
  margin: 0 auto
}

.UH33k ul {
  margin-top: 14px
}

.Wu9wb {
  text-align: left
}

.Vz97X {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 430px;
  padding: 0 2em;
  display: flex
}

.Vz97X button {
  width: 100%
}

.Vz97X .ksUaY {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  border-radius: 24px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 15px 8px 0;
  padding: 6px 15px;
  display: flex
}

.Vz97X .wBAJL {
  background-color: var(--accent);
  color: var(--color-fg-light)
}

.Vz97X .GH53P {
  background-color: var(--content-panel);
  color: var(--accent)
}

.hGvNs {
  color: var(--color-fg-light-tertiary);
  text-align: left;
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family);
  margin-top: 24px
}

.hGvNs strong {
  color: var(--chrome-fg)
}

.Y8d2N {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--content-fg-secondary)
}

._VaWd {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.25;
  font-family: var(--font-family)
}

.HNMgz {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family)
}

.F3C_N {
  width: 100%
}

.ueLAP {
  flex-direction: column
}

.ueLAP>div {
  width: 100%;
  margin-bottom: 16px;
  margin-right: 0
}

.ueLAP>div>label {
  flex-direction: row-reverse;
  justify-content: space-between
}

.lQ3b6 {
  margin-top: 18px;
  display: flex
}

.LSnDP {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family)
}

.ME_Ts {
  color: var(--chrome-fg);
  font-size: 1.625rem;
  font-weight: 400;
  line-height: 1.30769;
  font-family: var(--font-family);
  margin-bottom: 8px
}

@media not (min-width: 990px) {
  .ME_Ts {
    margin-left:14px
  }
}

.KpwLh {
  background: var(--content-panel);
  border-radius: 3px;
  padding: 20px 24px
}

.KpwLh .y07kV {
  margin-top: 2rem;
  padding: 0 10px
}

.KpwLh .y07kV>*+* {
  margin-top: 1.5rem
}

.SjDjC {
  padding: 0;
  list-style: none
}

.SjDjC li {
  border-bottom: 1px solid var(--content-tint);
  color: var(--content-fg);
  flex: 1;
  padding: 10px 0;
  line-height: 23px;
  display: flex
}

.SjDjC li.gSuAz {
  text-decoration: line-through
}

.SjDjC li .dcoVy {
  flex: 1
}

.SjDjC li .XhNuj {
  flex: 0;
  align-items: center
}

.SjDjC li .XhNuj>*+* {
  margin-top: .2rem
}

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

.JdgIn {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--content-fg-secondary)
}

.IJykV {
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex
}

@media (hover: hover) {
  .IJykV:hover {
    background-color:var(--content-tint)
  }
}

.QGQgi {
  border: 1px solid var(--content-tint-strong);
  background-color: var(--content-panel);
  border-radius: 4px;
  padding: 4px;
  box-shadow: 0 4px 16px rgba(0,0,0,.05)
}

.hK59y a {
  text-decoration: none
}

.f7Pes {
  border-radius: 4px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 700;
  line-height: 48px
}

@media (hover: hover) {
  .f7Pes:hover {
    background-color:var(--content-tint)
  }
}

._8Cfx {
  width: 100%;
  color: var(--content-fg-secondary);
  font-size: 14px
}

.aOcNc {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  border-collapse: separate;
  border-spacing: 0 8px;
  background-color: transparent;
  width: 100%
}

.gpRNN {
  margin-bottom: 8px
}

.gpRNN .ZP4l0 {
  border-bottom: 1px solid var(--content-tint-strong);
  padding-bottom: 8px;
  font-weight: 700
}

.gpRNN .ZP4l0._Snnw {
  width: 30%
}

.gpRNN .ZP4l0.Ol9HL {
  width: 50%
}

.gpRNN .ZP4l0.YlIVc {
  width: 15%
}

.gpRNN .ZP4l0.bwmQF {
  width: 5%
}

.OQdm1 .ZP4l0 {
  vertical-align: middle
}

.OQdm1 .ZP4l0 .Pj0Xa {
  font-weight: 700;
  display: block
}

.OQdm1 .ZP4l0 ._jdr0 {
  font-weight: thin
}

.OQdm1 .ZP4l0.bwmQF {
  text-align: center
}

@media (max-width: 540px) {
  .OQdm1 .GNWaW {
    padding-right:8px
  }
}

.ZP4l0 {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--content-fg-secondary)
}

.L5i2j {
  justify-content: flex-end;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: 0;
  display: flex
}

.YUxX_ {
  margin: 8px 0
}

.RDLbG {
  background-color: var(--accent);
  color: var(--color-fg-light);
  border-radius: 2px;
  padding: 10px 6px;
  font-weight: 700
}

@media not (min-width: 990px) {
  .RDLbG {
    margin:0 4px
  }
}

.weO3d {
  flex-direction: column;
  align-items: flex-start;
  display: flex
}

.weO3d .RCtqL {
  color: var(--chrome-fg);
  border-bottom: none;
  margin-bottom: 4px;
  padding-bottom: 0
}

.weO3d .BDUH0 {
  color: var(--chrome-fg-secondary);
  margin-bottom: 12px;
  font-size: 12.5px;
  line-height: 19px
}

.weO3d .BDUH0 a {
  color: var(--accent);
  text-decoration: none
}

@media not (min-width: 990px) {
  .weO3d {
    padding:0 8px
  }
}

@media (max-width: 540px) {
  .weO3d {
    padding:0 16px
  }
}

.M7TOT {
  box-sizing: border-box;
  background: var(--content-panel);
  color: var(--content-fg);
  border-radius: 3px;
  margin-bottom: 16px;
  padding: 16px 8px
}

.M7TOT .NqsEh {
  max-width: 100%
}

.M7TOT.Vu8RA {
  flex-direction: column
}

.M7TOT.Vu8RA .BYAjB {
  flex: 0 auto
}

.M7TOT.Vu8RA .BYAjB h3 {
  margin-bottom: 16px
}

.M7TOT .R7wFS {
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: var(--font-family);
  background: var(--content-tint);
  color: var(--content-fg-secondary);
  border-radius: 6px;
  padding: 24px
}

.M7TOT .R7wFS a {
  color: var(--accent)
}

.M7TOT.Y0ILu {
  background-color: var(--chrome-tint);
  padding: 16px 8px 67px
}

.M7TOT.Y0ILu .BYAjB h3 {
  color: var(--chrome-fg);
  margin-bottom: 45px
}

.M7TOT.Y0ILu .NqsEh {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  max-width: 90%;
  color: var(--chrome-fg-secondary);
  text-align: center;
  align-self: center
}

.ArctB {
  gap: 10px;
  display: flex
}

.niChK {
  background-color: var(--content-panel);
  width: 372px;
  min-height: 0;
  color: var(--content-fg);
  text-align: center;
  gap: 20px;
  padding: 12px 20px 20px;
  display: flex;
  overflow: auto
}

@media (max-width: 540px) {
  .niChK {
    width:90%;
    padding: 12px
  }
}

.g1L4B {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  font-family: var(--font-family-modern);
  justify-content: space-between;
  display: flex
}

.jwzum {
  align-content: center
}

.vo60_ {
  font-size: 2rem;
  line-height: 2.5rem;
  font-family: var(--font-family);
  text-align: center;
  font-weight: 500
}

.mQ58V {
  color: var(--content-fg-secondary);
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: var(--font-family);
  font-weight: 400
}

.o3NgF {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-family: var(--font-family);
  font-weight: 400
}

.pdHCI {
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: var(--font-family);
  font-weight: 350
}

.e7nFL {
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: var(--font-family);
  background: rgba(255,73,48,.1);
  padding: 18px 24px;
  font-weight: 400
}

.xGGFC {
  background: rgba(232,215,58,.1)
}

.LI5C0 {
  border-top: 1px solid var(--content-tint-strong);
  flex-direction: column;
  justify-content: center;
  display: flex
}

.LI5C0 .qonJq {
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: var(--font-family);
  border-bottom: 1px solid var(--content-tint-strong);
  color: var(--content-fg);
  flex-direction: row;
  justify-content: space-between;
  padding: 10px 0;
  font-weight: 400;
  display: flex
}

.LI5C0 .qonJq .ujNe0 {
  color: var(--content-fg-secondary)
}

._L7Cg {
  font-size: .875rem;
  line-height: 1.25rem;
  font-family: var(--font-family);
  background: var(--content-tint);
  color: var(--content-fg);
  border-radius: 6px;
  padding: 12px
}

._L7Cg a[href] {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  color: var(--accent)
}

.oKzjW {
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: var(--font-family);
  flex-direction: column;
  justify-content: center;
  gap: 9px;
  display: flex
}

.oKzjW a {
  text-decoration: none
}

.oKzjW .TWwrY {
  border: 1px solid var(--content-tint);
  border-radius: 999px;
  padding: 12px 0
}

.oKzjW .ROXv7 {
  background-color: var(--accent);
  color: var(--color-fg-light);
  border-radius: 999px;
  padding: 12px 0
}

.xcsOq {
  width: 100%
}

.xcsOq:focus-visible {
  border-radius: 16px
}

@media (hover: hover) {
  .xcsOq:hover {
    border-radius:16px
  }
}

.Xz965 {
  font-size: .75rem;
  line-height: 1.125rem;
  font-family: var(--font-family);
  border: 1px solid var(--content-panel-border);
  background: var(--content-panel);
  color: var(--content-fg);
  border-radius: 16px;
  flex-grow: 1;
  align-items: center;
  gap: 16px;
  padding: 12px 16px;
  font-weight: 350;
  display: flex
}

.QW1LQ {
  background: var(--content-tint);
  color: var(--content-fg-secondary);
  border: 1px solid transparent
}

.wu9rF .I7dT_,.wu9rF .rxoN9 {
  color: var(--danger)
}

.HrxAR {
  width: 24px;
  height: 24px
}

.gMDC9 {
  flex-direction: column;
  flex-grow: 1;
  align-items: self-start;
  gap: 5px;
  display: flex
}

.BtHjA {
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: var(--font-family);
  text-align: left
}

.rxoN9 {
  color: var(--content-fg-secondary);
  flex-direction: column;
  align-self: center;
  align-items: flex-end;
  gap: 5px;
  display: flex
}

.T2WRk {
  flex-direction: column;
  gap: 10px;
  display: flex
}

.s9s8Q {
  width: 100%;
  margin-bottom: 14px;
  position: relative
}

.zNXsU {
  background: var(--chrome);
  width: 100%;
  color: var(--chrome-fg);
  padding: 16px 0 145px;
  position: relative;
  overflow-x: hidden
}

@media (min-width: 990px) {
  .zNXsU {
    box-sizing:border-box;
    grid-template-columns: 466px 1fr;
    grid-template-areas: "sidebar mainContent";
    min-height: 100vh;
    margin: auto;
    padding: 0;
    display: grid;
    overflow: hidden
  }
}

.zNXsU.ax3lF .oy3DN {
  margin-bottom: 22px
}

.z0cjt {
  flex-direction: column;
  grid-area: sidebar;
  align-items: center;
  display: flex
}

@media (min-width: 990px) {
  .z0cjt {
    padding:24px
  }
}

.z0cjt .oy3DN {
  margin: 24px
}

@media (min-width: 990px) {
  .z0cjt .oy3DN {
    margin:12px 0 60px
  }
}

.z0cjt .nvVoh {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2rem;
  font-family: var(--font-family-modern)
}

@media (min-width: 990px) {
  .z0cjt .nvVoh {
    margin-bottom:12px
  }
}

.z0cjt .H_VSs {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  color: var(--chrome-fg-secondary);
  text-align: center
}

@media (min-width: 990px) {
  .z0cjt .H_VSs {
    margin-bottom:24px
  }
}

.z0cjt .fpG9V {
  box-sizing: border-box;
  z-index: 100;
  background: var(--brand-purple);
  flex-direction: column;
  width: 100%;
  padding: 16px 0;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0
}

@media (min-width: 990px) {
  .z0cjt .fpG9V {
    background:0 0;
    flex: 1 0 0;
    justify-content: space-between;
    padding: 0;
    position: static
  }

  .z0cjt .fpG9V .ronWk {
    max-width: 283px;
    padding: 64px
  }
}

.z0cjt .fpG9V .GTu6p {
  margin: 0 16px
}

.DfqTx {
  -webkit-overflow-scrolling: touch;
  grid-area: mainContent
}

@media (min-width: 990px) {
  .DfqTx {
    max-height:100vh;
    padding: 24px 0;
    overflow: auto
  }
}

.SaU_U {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 50vh;
  margin: 0 auto;
  display: flex
}

.lHZLQ {
  justify-content: center;
  width: 100%;
  display: flex
}

.lHZLQ .oy3DN {
  flex-grow: 1
}

.lHZLQ .vST7r {
  align-self: baseline
}

.W1jaN {
  box-sizing: border-box;
  background-color: var(--content-fg);
  border-radius: 5px;
  width: 540px;
  height: calc(100% - 30px)
}

.y5KvZ {
  flex-direction: column
}

.y5KvZ button {
  width: 100%
}

.ZVCUC {
  margin: auto;
  display: flex
}

.ZVCUC>svg {
  --icon-color-primary: var(--chrome-fg);
  margin-right: 8px
}

.ZVCUC.N3XME>svg {
  --icon-color-primary: var(--content-fg)
}

.mtwt6 {
  border: var(--button-bg) 2px solid;
  flex: none
}

.Uj1VY {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  min-width: 57.5px;
  padding: 4px 7px 5px;
  display: flex
}

.XP0zm .rTiqc .oNd7l,.XP0zm .rTiqc .mUv9w {
  margin-left: 14px
}

.XP0zm {
  --max-width: 500px;
  border-radius: 3px;
  flex-direction: column;
  height: 50px;
  display: flex;
  position: relative
}

.XP0zm._Nabj {
  height: 65px
}

.XP0zm .rTiqc {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  width: 100%;
  height: 50px;
  padding: 10px;
  display: flex;
  position: absolute;
  top: 0
}

.XP0zm .rTiqc .tzPEm {
  transition: all .3s;
  display: flex;
  overflow: hidden
}

.XP0zm .rTiqc .rcLy5 {
  justify-content: flex-end;
  align-items: center;
  width: auto;
  display: flex
}

.XP0zm .rTiqc .sXae7,.XP0zm .rTiqc .sXae7.O0Gnc:before {
  border-radius: 3px
}

.XP0zm .rTiqc .k_NeV {
  width: 100%;
  max-width: var(--max-width);
  transition: max-width .3s;
  position: relative
}

.XP0zm .rTiqc .k_NeV .tOdXM {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  width: 100%;
  max-width: var(--max-width);
  font-size: .9rem;
  transition: max-width .3s;
  position: relative;
  overflow: hidden
}

.XP0zm .rTiqc .mUv9w {
  width: 100%;
  max-width: var(--max-width);
  transition: max-width .3s;
  position: relative;
  overflow: hidden
}

.XP0zm .rTiqc .mUv9w.h_uF1 {
  margin-left: 0
}

.XP0zm .rTiqc .qwIYc {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  width: 100%;
  min-width: 0;
  height: 24px;
  text-decoration: none;
  transition: all .3s;
  display: block;
  position: relative;
  overflow: hidden
}

.XP0zm .rTiqc .u_VQH,.XP0zm .rTiqc .Q7KVB {
  text-overflow: ellipsis;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:1) {
  .XP0zm .rTiqc .u_VQH,.XP0zm .rTiqc .Q7KVB {
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:1)) {
  .XP0zm .rTiqc .u_VQH,.XP0zm .rTiqc .Q7KVB {
    white-space:nowrap
  }
}

.XP0zm .rTiqc .u_VQH,.XP0zm .rTiqc .Q7KVB {
  transition: opacity .15s;
  top: 3px
}

.XP0zm .rTiqc .Q7KVB {
  opacity: 1;
  position: relative
}

.XP0zm .rTiqc .u_VQH {
  opacity: 0;
  max-width: 100%;
  position: absolute;
  left: 0
}

@media (hover: hover) {
  .XP0zm .rTiqc .qwIYc.hIFzB:hover .Q7KVB {
    opacity:0
  }

  .XP0zm .rTiqc .qwIYc.hIFzB:hover .u_VQH {
    opacity: 1
  }
}

.XP0zm .rTiqc .oNd7l {
  white-space: nowrap
}

.XP0zm .rTiqc:focus-visible {
  outline: none
}

.XP0zm.O0Gnc:before {
  background: linear-gradient(to bottom, var(--content-fg) 0%, var(--content-fg) 0%, var(--content-fg) 0%, transparent 100%);
  content: "";
  opacity: .3;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.XP0zm .LuSGH {
  text-overflow: ellipsis;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:1) {
  .XP0zm .LuSGH {
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:1)) {
  .XP0zm .LuSGH {
    white-space:nowrap
  }
}

.XP0zm .LuSGH {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  margin: 10px;
  text-decoration: none;
  position: absolute;
  top: 30px
}

.XP0zm .LuSGH a {
  margin-left: 5px;
  text-decoration: none;
  display: inline-block
}

.XP0zm .LuSGH .UBLeP {
  cursor: help
}

.o_noc {
  box-sizing: border-box;
  width: 100%
}

.qvXRI.enbIP {
  filter: blur(24px);
  transform: scale(1.05)
}

.lk3RB {
  cursor: pointer;
  width: 100%
}

@keyframes _K7AO {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.lk3RB {
  flex: none;
  animation: .35s ease-in-out _K7AO;
  overflow: hidden
}

.lk3RB.mvlL1 .qvXRI {
  will-change: transform
}

.lk3RB.J_gJ7 .qvXRI {
  object-fit: cover;
  width: 105%;
  position: relative;
  left: -2.5%
}

.lk3RB.f0tnQ {
  height: 30vh;
  margin-top: 50px;
  display: flex
}

.lk3RB.f0tnQ .qvXRI {
  max-width: 80%;
  margin: auto;
  display: block
}

.lk3RB.YcN2a,.lk3RB.YcN2a.J_gJ7 .qvXRI {
  height: calc(30vh + 50px)
}

.lk3RB.YcN2a.f0tnQ {
  height: 30vh
}

.lk3RB.YcN2a.f0tnQ .qvXRI {
  max-height: 100%
}

.lk3RB.buZqr,.lk3RB.buZqr.J_gJ7 .qvXRI {
  height: calc(20vh + 50px)
}

.lk3RB.buZqr.f0tnQ .qvXRI {
  max-height: 20vh
}

.lk3RB.lpoBh {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  height: 140px
}

.lk3RB.lpoBh.J_gJ7 .qvXRI {
  height: 140px
}

.lk3RB.lpoBh.f0tnQ,.lk3RB.lpoBh.f0tnQ .qvXRI {
  max-height: 90px
}

.lk3RB.CQSLb {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  height: 56px
}

.lk3RB.CQSLb.J_gJ7 .qvXRI {
  height: 56px
}

.lk3RB.CQSLb.f0tnQ {
  max-height: 56px;
  margin-top: 0
}

.lk3RB.CQSLb.f0tnQ .qvXRI {
  max-height: 56px
}

._UsWg {
  z-index: 2;
  background-color: var(--blog-background-color);
  opacity: 0;
  pointer-events: none;
  flex: none;
  width: 100%;
  height: 50px;
  margin-top: -50.1px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  overflow: hidden
}

._UsWg.hxbVE {
  height: 65px
}

._UsWg .qvXRI {
  object-fit: cover;
  filter: blur(10px);
  width: 105%;
  height: calc(30vh + 50px);
  position: absolute;
  top: -15vh;
  left: -2.5%;
  transform: translateZ(0)
}

._UsWg.buZqr .qvXRI {
  height: calc(20vh + 50px);
  position: relative;
  top: -10vh
}

.upBv4 {
  background-color: var(--blog-background-color);
  flex-direction: column;
  flex: 1 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 40px;
  display: flex;
  position: relative
}

@keyframes Rtwqv {
  0% {
    opacity: 0;
    transform: translateY(200px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

.upBv4 {
  animation: .2s ease-out Rtwqv
}

.upBv4.OB7QQ.ExzOS,.upBv4.RsHu9.ExzOS {
  margin-top: 50px
}

.upBv4.OB7QQ.lPoPV,.upBv4.RsHu9.lPoPV {
  margin-top: 0;
  padding-top: 0
}

.upBv4.OB7QQ.w6BCC,.upBv4.RsHu9.w6BCC {
  padding-top: 106px
}

.upBv4.OB7QQ.w6BCC.H8ZqT,.upBv4.OB7QQ.w6BCC.lPoPV,.upBv4.RsHu9.w6BCC.H8ZqT,.upBv4.RsHu9.w6BCC.lPoPV {
  margin-top: 0;
  padding-top: 48px
}

.upBv4.OB7QQ.w6BCC.ExzOS,.upBv4.RsHu9.w6BCC.ExzOS {
  margin-top: 0;
  padding-top: 0
}

.upBv4.CYh_b {
  border-radius: 3px;
  padding-top: 21.3333px;
  padding-bottom: 21.3333px;
  animation: none
}

.upBv4.CYh_b.ExzOS.qlzhi {
  margin-bottom: 50px
}

.upBv4.CYh_b.H8ZqT.mfTK8.qlzhi {
  padding-bottom: 0
}

.upBv4.CYh_b .PuQfD {
  font-size: 18px
}

.upBv4.WEH6E {
  padding-bottom: 0
}

.upBv4.fvN2v {
  border-radius: 3px;
  padding-top: 30px;
  padding-bottom: 0;
  animation: none
}

.upBv4.fvN2v.ExzOS {
  margin-bottom: 0;
  padding-top: 86px
}

.upBv4.fvN2v.ExzOS.w6BCC {
  padding-top: 0
}

.upBv4.fvN2v .suPwa {
  max-height: 2.5em
}

.upBv4.fvN2v .PuQfD {
  font-size: 14px;
  line-height: initial;
  text-overflow: ellipsis;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:2) {
  .upBv4.fvN2v .PuQfD {
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:2)) {
  .upBv4.fvN2v .PuQfD {
    white-space:nowrap
  }
}

.upBv4.mfTK8 {
  padding-top: 0;
  padding-bottom: 20px
}

.upBv4.M76if .PuQfD {
  margin-bottom: 0
}

.upBv4.OB7QQ .suPwa {
  max-width: calc(100% - 100px);
  padding-left: 50px;
  padding-right: 50px
}

.upBv4 .suPwa {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative
}

.upBv4 .suPwa.zFxHN {
  margin-top: 50px
}

.upBv4.RsHu9 .suPwa {
  max-width: calc(100% - 40px);
  padding-left: 20px;
  padding-right: 20px
}

.upBv4.RsHu9 .suPwa .PuQfD {
  font-size: 34px
}

.upBv4.CYh_b,.upBv4.fvN2v {
  position: static
}

.upBv4.CYh_b .suPwa,.upBv4.fvN2v .suPwa {
  box-sizing: border-box;
  width: 100%;
  max-width: unset;
  padding: 0 15px
}

.upBv4.CYh_b.w6BCC.ExzOS .suPwa,.upBv4.fvN2v.w6BCC.ExzOS .suPwa {
  margin-top: 0
}

.upBv4 .PuQfD {
  width: 100%;
  color: var(--color-fg-light);
  text-align: center;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  text-overflow: ellipsis;
  flex: none;
  margin-bottom: 8px;
  font-size: 42px;
  line-height: 1.2;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:2) {
  .upBv4 .PuQfD {
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:2)) {
  .upBv4 .PuQfD {
    white-space:nowrap
  }
}

.upBv4 .kqFug {
  flex: 0 auto;
  max-width: 100%;
  position: relative
}

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

.jRmdw {
  background-color: var(--blog-background-color);
  width: 100%;
  height: calc(30vh + 50px);
  position: absolute;
  top: 0
}

@keyframes wj3Ip {
  0%,20% {
    transform: scale3d(0,0,0)
  }

  to {
    transform: none
  }
}

.N7WwW {
  animation: .4s ease-in-out wj3Ip
}

.tqHEl {
  cursor: pointer;
  width: 100%
}

.w4NTf {
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  top: 0
}

.w4NTf.zMD29 {
  top: unset;
  position: absolute;
  transform: translateY(-100%)
}

.w4NTf.Ha6Cf,.w4NTf.OWShl {
  margin-top: 50px
}

.w4NTf.Ha6Cf.zMD29,.w4NTf.OWShl.zMD29 {
  margin-top: 0
}

.w4NTf.lZyq7 {
  margin-top: 30px;
  padding-bottom: 20px
}

.w4NTf.lZyq7.zMD29 {
  margin-top: 0;
  padding-top: 0;
  transform: translateY(-81%)
}

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

.w4NTf.r3Q2D.zMD29 {
  margin-top: 0;
  padding-top: 0
}

.gCtaO {
  background-color: var(--blog-background-color);
  pointer-events: all;
  justify-content: center;
  align-items: center;
  display: flex
}

.gCtaO.VZxxc,.gCtaO.vuPrm {
  width: 106px;
  height: 106px
}

.gCtaO.WXd6m {
  width: 74px;
  height: 74px
}

.gCtaO.T2iDv {
  width: 66px;
  height: 66px
}

.gCtaO.GP3V8 {
  border-radius: 4px
}

.gCtaO.i6gsi {
  border-radius: 50%
}

.mrvd7 {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  border: 2px solid var(--blog-contrasting-link-color);
  background-color: var(--blog-contrasting-link-color);
  color: var(--blog-background-color);
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 20px;
  padding: 6px 15px;
  overflow: hidden
}

.SYe4j {
  flex: auto
}

@keyframes PFNjv {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.F5Omd {
  border-radius: 3px;
  width: 100%;
  height: 100%;
  margin: 0 5px;
  animation: .35s ease-in-out PFNjv;
  position: relative;
  overflow: hidden
}

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

._X19c {
  background-color: var(--blog-background-color);
  height: 100%;
  color: var(--blog-contrasting-title-color);
  border-radius: 3px;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  position: relative;
  overflow: hidden
}

.txEJf {
  flex-direction: row;
  min-height: 80px;
  display: flex
}

.txEJf ._5p5FC {
  background-color: var(--blog-background-color);
  pointer-events: all;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex
}

.txEJf .xuN5Q {
  flex-direction: column;
  flex: auto;
  min-height: 80px;
  display: flex
}

.txEJf.ZtkzZ {
  border-radius: 4px
}

.txEJf.K0Rj5 {
  border-radius: 50%
}

@keyframes _vXPF {
  0%,20% {
    transform: scale3d(0,0,0)
  }

  to {
    transform: none
  }
}

.w6XLs {
  animation: .4s ease-in-out _vXPF
}

.BQhXD {
  background-color: var(--blog-background-color);
  color: var(--blog-contrasting-title-color);
  flex: auto
}

.nEems {
  flex-direction: row;
  flex: auto;
  justify-content: center;
  align-items: center;
  min-height: 50px;
  padding: 5px 10px;
  display: flex
}

.i1yTt {
  box-sizing: border-box;
  flex: 1 0 auto;
  justify-content: center;
  align-items: center;
  height: 90px;
  padding-bottom: 20px;
  display: flex
}

.Rdw4G {
  flex: none;
  justify-content: space-around;
  align-items: center;
  height: 80px;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex
}

.jDeHn {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  min-height: 50px;
  padding: 10px;
  display: flex
}

.jDeHn .DBODR {
  background: var(--content-tint-strong);
  border-radius: 3px;
  width: 69px;
  height: 30px
}

@keyframes U1c51 {
  to {
    width: 0
  }
}

.rj2AL {
  z-index: 0;
  position: relative;
  overflow: visible
}

.kvzqV {
  box-sizing: border-box;
  outline: 1px solid var(--chrome-tint);
  outline-offset: -1px;
  background-color: var(--chrome-panel);
  opacity: 1;
  border-radius: 8px;
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden
}

@media (prefers-reduced-motion:no-preference) {
  .eS_fk {
    animation-name: U1c51;
    animation-duration: .2s;
    animation-timing-function: cubic-bezier(.65,.05,.36,1);
    animation-delay: .1s;
    animation-fill-mode: forwards
  }

  .eS_fk .kvzqV {
    z-index: -1;
    opacity: 0;
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.65,.05,.36,1)
  }
}

.qKOfy {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.qKOfy:focus-visible {
  border-radius: inherit;
  outline-offset: -3px
}

.VHoKL a,.VHoKL button,.gUAKZ a,.gUAKZ button {
  position: relative
}

.VHoKL {
  box-sizing: border-box;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: var(--content-fg);
  isolation: isolate;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px 16px 12px;
  display: flex
}

.SibdL {
  z-index: -1;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0
}

.uuJOr {
  -webkit-backdrop-filter: blur(24px)saturate(120%);
  backdrop-filter: blur(24px)saturate(120%)
}

.OuaBX {
  flex-flow: wrap;
  gap: 4px;
  display: flex
}

.OuaBX:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-right: 32px
}

.OuaBX:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-right: 32px
}

.OuaBX:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-right: 32px
}

.OuaBX:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-right: 32px
}

.OuaBX:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-right: 32px
}

.OuaBX:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-left: 32px
}

.OuaBX:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-left: 32px
}

.OuaBX:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-left: 32px
}

.IwpXC {
  position: absolute;
  top: 8px;
  right: 8px
}

.KjcJF,.YmIEY,.Hzn1C {
  max-width: 100%
}

.Hzn1C {
  font-size: .875rem;
  font-weight: 350;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  text-overflow: ellipsis;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:1) {
  .Hzn1C {
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:1)) {
  .Hzn1C {
    white-space:nowrap
  }
}

.Hzn1C {
  white-space: pre-wrap
}

.Hzn1C a {
  color: inherit;
  text-decoration: none
}

.Hzn1C a:focus-visible {
  outline: none;
  text-decoration: underline
}

@media (hover: hover) {
  .Hzn1C a:hover {
    outline:none;
    text-decoration: underline
  }
}

.yG2DA {
  flex-direction: row;
  align-items: center;
  gap: 10px;
  display: flex
}

.yG2DA .oCB23 {
  flex-grow: 0;
  width: auto
}

.GJZlF {
  color: var(--image-fg);
  flex-direction: column;
  align-items: flex-start;
  display: flex
}

.GJZlF .KjcJF {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  font-family: var(--font-family-modern)
}

.GJZlF .CtMHn {
  text-overflow: ellipsis;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:2) {
  .GJZlF .CtMHn {
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:2)) {
  .GJZlF .CtMHn {
    white-space:nowrap
  }
}

@supports (text-wrap: pretty) {
  .GJZlF .CtMHn {
    text-wrap:pretty
  }
}

.GJZlF .CtMHn {
  overflow-wrap: break-word
}

.GJZlF .TRZmj {
  text-overflow: ellipsis;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:1) {
  .GJZlF .TRZmj {
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:1)) {
  .GJZlF .TRZmj {
    white-space:nowrap
  }
}

.GJZlF .Hzn1C {
  color: var(--image-fg-secondary)
}

.GJZlF .Hzn1C a:focus-visible {
  color: var(--image-fg)
}

@media (hover: hover) {
  .GJZlF .Hzn1C a:hover {
    color:var(--image-fg)
  }
}

.gUAKZ {
  flex-direction: column;
  justify-content: space-between;
  min-height: 172px;
  display: flex
}

.Z2xdy {
  color: var(--chrome-fg-secondary);
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px 20px 16px;
  display: flex
}

.Z2xdy .Hzn1C a:focus-visible {
  color: var(--chrome-fg)
}

@media (hover: hover) {
  .Z2xdy .Hzn1C a:hover {
    color:var(--chrome-fg)
  }
}

.YmIEY {
  font-size: .875rem;
  font-weight: 350;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  text-overflow: ellipsis;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:2) {
  .YmIEY {
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:2)) {
  .YmIEY {
    white-space:nowrap
  }
}

@supports (text-wrap: pretty) {
  .YmIEY {
    text-wrap:pretty
  }
}

.YmIEY {
  color: var(--chrome-fg);
  overflow-wrap: break-word
}

.hfao_ {
  flex-direction: row;
  display: flex
}

.ULpQe {
  flex-direction: row;
  justify-content: center;
  gap: 8px;
  padding-bottom: 20px;
  display: flex
}

.ULpQe .Y7U4T {
  width: 72px;
  height: 72px;
  margin: 0
}

._EECR {
  padding: 0 12px 20px
}

.q1ZAL {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow-x: scroll;
  overflow-y: hidden
}

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

.q1ZAL {
  margin: 0 auto
}

@media (max-width: 540px) {
  .q1ZAL {
    margin-left:16px
  }
}

.q1ZAL a {
  text-decoration: none
}

@media (max-width: 540px) {
  .N7rEi {
    margin-right:16px
  }
}

.wjhBM {
  font-size: .875rem;
  font-weight: 350;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  flex-flow: row;
  gap: 8px;
  max-width: 100%;
  display: flex;
  overflow: hidden
}

.wjhBM>span {
  max-width: inherit;
  overflow: inherit;
  text-wrap: nowrap;
  text-overflow: ellipsis
}

.N6_1K {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex
}

.B15CE {
  border-radius: var(--border-radius-small);
  background: var(--chrome-panel);
  margin-bottom: 16px
}

.B15CE.CsWNB {
  margin-left: 8px;
  margin-right: 8px
}

.B15CE.TD7_C {
  border: 1px solid var(--blog-border-color);
  background: var(--blog-background-color)
}

.uJiXu {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  font-family: var(--font-family);
  border-bottom: 1px solid rgba(var(--white-on-dark), .13);
  color: var(--color-title);
  padding: 15px
}

@media not (min-width: 990px) {
  .uJiXu.GmRO3 {
    border-bottom:none;
    margin-bottom: 16px;
    padding: 0
  }
}

@media (max-width: 540px) {
  .uJiXu.GmRO3 {
    margin-top:16px;
    margin-left: 16px
  }
}

.TD7_C .uJiXu {
  border-bottom-color: var(--blog-border-color);
  color: var(--blog-title-color)
}

.pqNoe {
  width: 300px;
  height: auto
}

.Pyyts {
  padding: 0 5px
}

.quD2R {
  box-sizing: border-box;
  border: 1px solid transparent;
  border-radius: 6px;
  width: 140px;
  padding: 8px
}

@keyframes qGGtX {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.quD2R {
  animation: .35s ease-in-out qGGtX
}

.jOrvN {
  align-items: center;
  max-width: 100%;
  min-height: 2em;
  margin-bottom: 8px;
  font-weight: 700;
  display: flex
}

.jOrvN span {
  text-overflow: ellipsis;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:2) {
  .jOrvN span {
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:2)) {
  .jOrvN span {
    white-space:nowrap
  }
}

.jOrvN span {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  line-height: 16px
}

.XtlxR {
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex
}

.mqAke {
  flex-basis: 100%;
  height: 56px
}

.pAmwO {
  width: 56px;
  height: 93.3333px
}

.mqAke,.pAmwO {
  object-fit: cover;
  border-radius: 3px;
  position: relative;
  overflow: hidden
}

.FvvEQ {
  width: 100%;
  margin-top: 8px
}

.FvvEQ>span {
  width: 100%
}

.NWfPW:focus-visible {
  outline: none
}

.NWfPW:focus-visible .LziWO {
  border: 1px solid var(--accent);
  outline: none
}

.NWfPW:active .LziWO {
  border: none
}

.aJgDC {
  box-sizing: border-box;
  text-align: center;
  width: 150px;
  height: 72px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  font-family: var(--font-family);
  color: var(--image-fg);
  border-radius: 6px;
  justify-content: center;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
  position: relative
}

.aJgDC .TQmoN {
  object-fit: cover;
  border-radius: 6px;
  width: 100%;
  height: 100%;
  position: absolute
}

.aJgDC .T4ddP {
  background-image: linear-gradient(var(--image-tint-strong), var(--image-tint-strong));
  border-radius: 6px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.aJgDC span {
  z-index: 0;
  word-break: break-word;
  align-self: center;
  max-width: 150px;
  max-height: 72px;
  line-height: 22px;
  overflow: hidden
}

:root .TQmoN {
  display: none
}

_::-webkit-full-page-media {
  display: none
}

_:future {
  display: none
}

.wcPGD,.srUIM {
  width: 100%;
  margin: 0 5px;
  padding-left: 20px;
  padding-right: 40px
}

.srUIM {
  height: 200px
}

.wcPGD {
  height: 72px
}

.sBrUG {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow-x: scroll;
  overflow-y: hidden
}

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

.sBrUG {
  margin: 0 auto
}

.sBrUG a {
  text-decoration: none
}

.xbZIU {
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1rem;
  margin: 0 1rem;
  display: grid
}

@media (max-width: 540px) {
  .xbZIU {
    grid-template-columns:1fr 1fr;
    margin: 1rem
  }
}

@media (max-width: 350px) {
  .xbZIU {
    margin:1rem;
    display: block
  }

  .xbZIU .AhIXl {
    margin: 1rem 0
  }
}

.xbZIU .AhIXl {
  width: 100%;
  height: 300px
}

.AhIXl {
  box-sizing: border-box;
  background-position: 50%;
  background-size: cover;
  border-style: solid;
  border-width: 2px;
  border-radius: 6px;
  flex-direction: column;
  justify-content: flex-end;
  width: 140px;
  height: 238px;
  display: flex;
  position: relative
}

.AhIXl:before {
  border: 2px solid var(--chrome);
  content: " ";
  border-radius: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.rHyKD {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--image-fg);
  margin: 0 10px
}

.ctoub {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  height: 60px;
  color: var(--image-fg-secondary);
  word-break: break-word;
  text-overflow: ellipsis;
  margin: 0 10px 8px;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:3) {
  .ctoub {
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:3)) {
  .ctoub {
    white-space:nowrap
  }
}

.el2ZN {
  opacity: .6;
  width: 70px;
  height: 70px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.w3kAG {
  width: 100%;
  height: 200px;
  margin: 0 5px;
  padding-left: 20px;
  padding-right: 40px
}

.SEBxd {
  margin-bottom: 4px;
  padding-right: 4px
}

.t3dLo {
  margin: 46px 0
}

.t3dLo .D1IY6 {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.25;
  font-family: var(--font-family);
  color: var(--blog-title-color,var(--chrome-fg));
  margin: 24px 0 8px
}

@media (min-width: 990px) {
  .t3dLo .D1IY6 {
    margin:31px 0 14px
  }
}

.t3dLo .y7aw1 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  font-family: var(--font-family);
  color: var(--blog-text-color,var(--chrome-fg-secondary));
  text-align: center;
  margin: 0 0 23px
}

@media (min-width: 990px) {
  .t3dLo .y7aw1 {
    margin:0 0 34px;
    font-size: 21px;
    line-height: 32px
  }
}

.t3dLo .ZKWeK {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  box-sizing: border-box;
  background: var(--accent);
  width: 312px;
  color: var(--button-text);
  text-align: center;
  border-radius: 25px;
  margin: 0 auto 28px;
  padding: 12px 82px;
  font-size: 18px;
  line-height: 24px;
  text-decoration: none;
  display: block
}

@media (min-width: 990px) {
  .t3dLo .ZKWeK {
    width:378px;
    margin: 0 auto 32px;
    padding: 12px 115px
  }
}

.eg1_9 {
  background-color: var(--education);
  border-radius: 16px
}

.b_rp_ {
  align-items: center;
  padding: 24px
}

.y2LJf {
  align-items: center
}

.nfqZr {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  font-family: var(--font-family-modern);
  color: var(--chrome-fg)
}

.tSUo6 {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  color: var(--color-ui-fg);
  text-align: center
}

.VMjw1 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block
}

.Lriof {
  background: var(--brand-purple);
  border-radius: 3px;
  padding: 20px
}

.ihB_7 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  font-family: var(--font-family);
  color: var(--color-fg-light);
  gap: 4px;
  margin-bottom: 16px;
  display: flex
}

.KOEvW {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--chrome-fg)
}

.rGtDT {
  border-radius: 8px;
  flex-direction: row;
  gap: 12px;
  padding: 8px;
  display: flex;
  position: relative
}

.wGzWf {
  background-color: var(--chrome-panel);
  color: var(--chrome-fg-secondary)
}

@media (hover: hover) {
  .wGzWf:hover {
    background-color:var(--chrome-tint)
  }
}

.jBW90 {
  background-color: var(--content-panel);
  color: var(--content-fg-secondary)
}

@media (hover: hover) {
  .jBW90:hover {
    background-color:var(--content-tint)
  }
}

.xKsLi {
  flex-grow: 0;
  width: auto
}

.UwXX0 {
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow-x: hidden
}

.j3aCp {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.j3aCp:focus-visible {
  border-radius: inherit;
  outline-offset: -3px
}

.BGnbK {
  align-self: center
}

.JI41B {
  flex-direction: row;
  display: flex
}

.H5jKm {
  flex-shrink: 0;
  align-self: center;
  position: relative
}

.s3_eW {
  text-overflow: ellipsis;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:1) {
  .s3_eW {
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:1)) {
  .s3_eW {
    white-space:nowrap
  }
}

.s3_eW {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  font-family: var(--font-family-modern)
}

.OeDDj {
  flex-flow: wrap;
  gap: 4px;
  display: flex
}

.RFsN3 {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  width: 100%;
  display: flex
}

.vSJjf {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.25rem;
  font-family: var(--font-family-modern);
  padding-top: 4px
}

.vSJjf .nIXM2 {
  font-weight: 500
}

.aECk8 {
  flex-direction: row;
  display: flex
}

.zGDfg {
  text-overflow: ellipsis;
  flex: 1;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:2) {
  .zGDfg {
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:2)) {
  .zGDfg {
    white-space:nowrap
  }
}

.zGDfg {
  overflow-wrap: break-word;
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern)
}

.r64Rl {
  width: 100%;
  color: var(--chrome-fg);
  justify-content: center;
  align-items: center;
  margin: 24px 0 16px;
  display: flex
}

.ndiCy {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.33333;
  font-family: var(--font-family);
  margin: 0 14px
}

.h6feK {
  border-bottom: 1px solid;
  flex-grow: 1;
  min-width: 10%
}

.RIBoR button {
  font-weight: 700
}

.gIEq5,.BsLEG {
  justify-content: center;
  align-items: center;
  margin: .5rem 1rem;
  display: flex
}

.gIEq5 {
  color: var(--content-fg-secondary)
}

.vr9kN {
  border-top: 1px solid var(--content-tint-strong);
  margin: 0
}

.oA9Km {
  padding: 1rem 0
}

.dLuzh,.Cd56W {
  display: flex
}

.VPQeD {
  line-height: 1rem;
  text-decoration: none;
  display: inline;
  position: relative
}

.VPQeD.ESJX7 {
  padding-left: 18px
}

.VPQeD svg {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%)
}

span.n0euW {
  display: inline
}

span.n0euW .gfb1_ {
  transform: translateY(2px)
}

.BjErQ {
  background-color: var(--content-panel);
  width: 100%;
  max-width: 556px;
  font-family: var(--font-family);
  box-sizing: border-box;
  padding-right: var(--post-padding);
  padding-left: var(--post-padding);
  padding-top: var(--post-header-vertical-padding);
  padding-bottom: var(--post-header-vertical-padding);
  border-radius: 8px 8px 0 0;
  justify-content: center;
  align-items: center;
  display: flex
}

.BjErQ.Aj66f {
  border-radius: 0
}

@media (hover: hover) {
  .BjErQ.PpzOx:hover {
    cursor:pointer
  }

  .BjErQ.PpzOx:hover .i5aqv:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
  }
}

.zDKqP {
  background-color: var(--content-panel);
  color: var(--content-fg);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding-top: 14px;
  padding-bottom: 14px
}

.zDKqP:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 14px;
  padding-right: 12px
}

.zDKqP:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 14px;
  padding-right: 12px
}

.zDKqP:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 14px;
  padding-right: 12px
}

.zDKqP:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 14px;
  padding-right: 12px
}

.zDKqP:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
  padding-left: 14px;
  padding-right: 12px
}

.zDKqP:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-left: 12px;
  padding-right: 14px
}

.zDKqP:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-left: 12px;
  padding-right: 14px
}

.zDKqP:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
  padding-left: 12px;
  padding-right: 14px
}

.zDKqP a {
  text-decoration: none
}

@media (hover: hover) {
  .palette--trueBlue .BjErQ.PpzOx:hover,.palette--trueBlue .BjErQ.PpzOx:hover .i5aqv:before,.palette--cement .BjErQ.PpzOx:hover,.palette--cement .BjErQ.PpzOx:hover .i5aqv:before,.palette--canary .BjErQ.PpzOx:hover,.palette--canary .BjErQ.PpzOx:hover .i5aqv:before,.palette--ghost .BjErQ.PpzOx:hover,.palette--ghost .BjErQ.PpzOx:hover .i5aqv:before,.palette--snowBright .BjErQ.PpzOx:hover,.palette--snowBright .BjErQ.PpzOx:hover .i5aqv:before,.palette--pride .BjErQ.PpzOx:hover,.palette--pride .BjErQ.PpzOx:hover .i5aqv:before {
    background-color:var(--content-tint)
  }

  .palette--darkMode .BjErQ.PpzOx:hover,.palette--darkMode .BjErQ.PpzOx:hover .i5aqv:before,.palette--lowContrastClassic .BjErQ.PpzOx:hover,.palette--lowContrastClassic .BjErQ.PpzOx:hover .i5aqv:before,.palette--cybernetic .BjErQ.PpzOx:hover,.palette--cybernetic .BjErQ.PpzOx:hover .i5aqv:before,.palette--vampire .BjErQ.PpzOx:hover,.palette--vampire .BjErQ.PpzOx:hover .i5aqv:before,.palette--pumpkin .BjErQ.PpzOx:hover,.palette--pumpkin .BjErQ.PpzOx:hover .i5aqv:before,.palette--gothRave .BjErQ.PpzOx:hover,.palette--gothRave .BjErQ.PpzOx:hover .i5aqv:before {
    background-color: var(--color-tint)
  }
}

.RYkKH {
  align-self: flex-start;
  padding-right: 10px
}

.rGP1C,.Euban {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--content-fg-secondary)
}

.MHZ5s+.rGP1C:before,.MHZ5s+.Euban:before {
  content: " •";
  margin: 0 8px;
  display: inline
}

.zYMVR {
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family)
}

.zYMVR.lLxmv {
  color: var(--content-fg-secondary)
}

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

.G0rF_ .WJ6ij {
  color: var(--content-fg);
  font-weight: 700
}

.v3Gu6 {
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family);
  color: var(--content-fg-secondary)
}

.q4Pce {
  height: 100%;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  flex-direction: row;
  flex-grow: 1;
  justify-content: space-between;
  display: flex
}

@media (max-width: 540px) {
  .q4Pce {
    font-size:1rem;
    font-weight: 700;
    line-height: 1.5;
    font-family: var(--font-family)
  }
}

.q4Pce,.q4Pce.CsjTP {
  max-width: calc(100vw - 2*var(--post-padding))
}

.q4Pce.CsjTP.J_Wh8 {
  max-width: calc(100vw - 10px - 38px - 2*var(--post-padding))
}

.q4Pce.xjVqt {
  padding-left: 0
}

.ZJdm4 {
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  display: flex
}

.ffqNn {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  column-gap: 4px;
  display: flex
}

.ffqNn:not(:last-child) {
  margin-right: 10px
}

.ffqNn span {
  vertical-align: unset
}

.EVcsJ {
  flex-wrap: nowrap
}

.pVS0A {
  flex-wrap: wrap;
  align-items: baseline;
  display: flex
}

@media (max-width: 540px) {
  .j8f9p {
    font-size:.78125rem;
    font-weight: 400;
    line-height: 1.52;
    font-family: var(--font-family)
  }
}

.T28Qk {
  margin-bottom: -.25rem;
  overflow-x: hidden
}

.ZlHiL {
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family);
  color: var(--content-fg-secondary);
  padding-right: 1rem;
  position: relative
}

.ZlHiL .MHZ5s,.ZlHiL+.ZlHiL:before {
  content: "·";
  width: 1rem;
  color: var(--content-fg-secondary);
  text-align: center;
  cursor: default;
  position: absolute;
  left: -1rem
}

.ZlHiL:not(.MHZ5s)+.QQAmL {
  width: 100%
}

.rJe2J {
  color: var(--content-fg-secondary)
}

.zHhsx {
  color: var(--content-fg)
}

.WJ6ij {
  color: var(--content-fg-secondary);
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  line-height: 1.125rem
}

.WJ6ij a {
  word-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  font-weight: 700
}

.vGkyT,.eLzSX {
  display: inline
}

.vGkyT {
  color: var(--content-fg);
  word-break: break-all;
  margin-right: 5px;
  display: inline-block
}

.vGkyT:focus-visible {
  outline: none;
  text-decoration: underline
}

.eLzSX {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  color: var(--content-fg-secondary)
}

.rmjNp {
  text-align: left;
  vertical-align: top;
  line-height: 1rem;
  display: inline
}

@media (max-width: 540px) {
  .rmjNp {
    font-size:.875rem;
    font-weight: 700;
    line-height: 1.42857;
    font-family: var(--font-family);
    line-height: 1rem
  }
}

.ps_dU {
  color: var(--content-fg-secondary);
  margin-right: 4px;
  line-height: 1.125rem;
  display: inline-block
}

.ps_dU .rFnRs {
  float: left;
  margin-right: 4px
}

.ps_dU .rFnRs svg {
  transform: translateY(1px)
}

.KFWnx {
  justify-content: flex-end;
  align-self: flex-start;
  line-height: 20px;
  display: flex
}

.KFWnx>* {
  margin: 0 10px
}

.KFWnx>:last-child {
  margin-right: 0
}

.KFWnx .a_qtV {
  align-items: center;
  gap: 12px;
  display: flex
}

.a_qtV button {
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  transition: background-color .1s ease-in-out
}

.Tfl19 button {
  border-radius: 50%;
  width: 44px;
  height: 44px;
  transition: background-color .1s ease-in-out
}

@media (hover: hover) {
  .palette--trueBlue .a_qtV button:hover,.palette--cement .a_qtV button:hover,.palette--canary .a_qtV button:hover,.palette--ghost .a_qtV button:hover,.palette--snowBright .a_qtV button:hover,.palette--pride .a_qtV button:hover {
    background-color:var(--content-tint)
  }

  .palette--darkMode .a_qtV button:hover,.palette--lowContrastClassic .a_qtV button:hover,.palette--cybernetic .a_qtV button:hover,.palette--vampire .a_qtV button:hover,.palette--pumpkin .a_qtV button:hover,.palette--gothRave .a_qtV button:hover {
    background-color: var(--color-tint)
  }
}

.a_qtV button.WFTy4 {
  background-color: var(--chrome-ui);
  border-radius: 9999px;
  width: auto;
  height: auto;
  padding: 8px 12px;
  text-decoration: none
}

@media (hover: hover) {
  .a_qtV button.WFTy4:hover {
    background-color:var(--chrome-ui-hover)
  }
}

.a_qtV .qU8uP {
  color: var(--chrome-ui-fg)
}

.a_qtV .qU8uP:focus-visible {
  text-decoration: none
}

@media (hover: hover) {
  .a_qtV .qU8uP:hover {
    text-decoration:none
  }
}

@media (max-width: 540px) {
  .a_qtV .qU8uP {
    font-size:.875rem;
    font-weight: 700;
    line-height: 1.42857;
    font-family: var(--font-family)
  }
}

.yWEqH {
  padding-top: 15px;
  padding-bottom: 6px
}

.Dx0Mo {
  background-color: var(--content-panel);
  width: 100%;
  max-width: 556px;
  font-family: var(--font-family);
  box-sizing: border-box;
  padding-right: var(--post-padding);
  padding-left: var(--post-padding);
  margin-bottom: var(--post-header-vertical-padding);
  padding-top: var(--post-header-vertical-padding);
  box-shadow: 0px -1px 0px var(--content-tint-strong);
  justify-content: center;
  align-items: center;
  line-height: 1rem;
  display: flex
}

.Dx0Mo .ffqNn {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-weight: 700;
  display: flex
}

.Dx0Mo .WJ6ij.MrqyD .NStl8 {
  flex: 1 0 content;
  margin-right: 5px
}

.Dx0Mo .KyXoU {
  align-self: flex-start;
  margin-top: 6px;
  line-height: .4rem
}

.Dx0Mo .j8f9p {
  margin-top: 6px;
  line-height: .6rem
}

.cTtCk {
  height: 1rem;
  margin-right: 4px;
  display: inline-block;
  transform: translateY(2px)
}

.Gnc1N {
  color: var(--content-fg-secondary)
}

.y_F2V {
  font-size: .78125rem;
  font-weight: 400;
  line-height: 1.52;
  font-family: var(--font-family);
  color: var(--content-fg-secondary);
  margin-right: 8px;
  position: relative
}

.XJ7bf {
  box-sizing: border-box;
  background-color: var(--content-panel);
  width: 100%;
  color: var(--content-fg);
  border-radius: 3px
}

.XJ7bf iframe {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px
}

.XJ7bf.Wx4xZ {
  border-radius: 8px
}

@media (max-width: 540px) {
  .XJ7bf.Wx4xZ {
    border-radius:12px
  }
}

.XJ7bf.Wx4xZ iframe {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px
}

.XJ7bf.KfPvh {
  box-shadow: 0 0 0 1px var(--content-panel-border)
}

.XJ7bf .EouzI .hsyjV {
  font-weight: 700
}

.f3f_v {
  display: none
}

.hMigf {
  grid-template-columns: repeat(var(--column-count), 1fr);
  gap: 2px;
  display: grid;
  overflow: hidden
}

.gFol4 {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding-bottom: 2px
}

.R5Hde {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding-top: 2px
}

.zm_kH {
  margin-top: -16px;
  margin-bottom: -16px
}

@media (max-width: 540px) {
  .zm_kH {
    margin-top:-8px;
    margin-bottom: -8px
  }
}

.vVKEw {
  border-radius: 0;
  margin: 0
}

.vE6sH {
  box-sizing: border-box;
  border: 1px solid var(--content-tint-strong);
  border-radius: 18px;
  flex-grow: 1;
  flex-shrink: 0;
  align-items: center;
  width: 100%;
  height: 36px;
  padding: 6px 16px;
  display: flex
}

@media (max-width: 540px) {
  .vE6sH {
    border-radius:15px;
    height: 30px;
    padding: 3px 16px
  }
}

.lJK40 {
  color: var(--content-fg);
  font-weight: 700
}

.xu5ZG {
  overflow-wrap: anywhere;
  font-weight: 400
}

.S1Ly1 {
  min-height: 220px;
  color: var(--content-fg-secondary);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex
}

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

.S1Ly1 .vudm0 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  font-family: var(--font-family);
  margin-bottom: 5px
}

.S1Ly1 .dmkXT {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family)
}

.S1Ly1 .imAUs {
  border-radius: 28px;
  width: calc(100% - 40px);
  max-width: 220px;
  margin: 20px auto 10px
}

.QXbpy>svg use {
  --icon-color-primary: var(--brand-red)
}

.EIVbN {
  position: relative
}

@media (hover: hover) {
  .OABBO:hover {
    cursor:not-allowed
  }
}

.yn46M {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex
}

.yn46M .Ibe8v {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--content-fg);
  text-align: center;
  text-decoration: none
}

.yn46M .hs8pl {
  position: relative;
  bottom: auto
}

.tKPww {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  box-sizing: border-box;
  justify-content: center;
  width: 100%
}

.tKPww.Wwiyv {
  color: var(--danger)
}

.tKPww.UL4kX {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family)
}

.f7IhF {
  position: relative
}

@media (hover: hover) {
  .rTsL7:hover {
    cursor:not-allowed
  }
}

.NGv38 {
  background-color: var(--content-panel);
  width: 100%;
  max-width: 556px;
  font-family: var(--font-family);
  box-sizing: border-box;
  padding-right: var(--post-padding);
  padding-left: var(--post-padding);
  margin-bottom: var(--post-header-vertical-padding);
  padding-top: var(--post-header-vertical-padding);
  border-radius: 3px 3px 0 0;
  justify-content: center;
  align-items: center;
  display: flex
}

.NGv38 .VkveT {
  height: 100%;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  flex-direction: row;
  flex-grow: 1;
  justify-content: space-between;
  display: flex
}

@media (max-width: 540px) {
  .NGv38 .VkveT {
    font-size:1rem;
    font-weight: 700;
    line-height: 1.5;
    font-family: var(--font-family)
  }
}

.NGv38 .VkveT {
  max-width: calc(100vw - 2*var(--post-padding))
}

.NGv38 .JPZii {
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  display: flex
}

.NGv38 .oGowI {
  display: inline
}

.NGv38 .oGowI:not(:last-child) {
  margin-right: 10px
}

.NGv38 .rxMh1 {
  padding-right: 10px
}

.NGv38 .OfyCG {
  margin-right: 5px;
  display: inline
}

.NGv38 .OfyCG.cS9cW .CMfen {
  flex: 1 0 content;
  margin-right: 5px
}

.NGv38 .SLBB7 .OfyCG {
  flex-direction: column;
  display: flex
}

.NGv38 .nOkib,.NGv38 .lnu0J,.NGv38 .bOQD6 {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  display: inline
}

@media (max-width: 540px) {
  .NGv38 .nOkib,.NGv38 .lnu0J,.NGv38 .bOQD6 {
    font-size:1rem;
    font-weight: 700;
    line-height: 1.5;
    font-family: var(--font-family)
  }
}

.NGv38 .nOkib:focus-visible {
  outline: none;
  text-decoration: underline
}

.NGv38 .lnu0J:focus-visible {
  outline: none;
  text-decoration: underline
}

.NGv38 .nOkib {
  color: var(--content-fg);
  word-break: break-all;
  margin-right: 5px;
  display: inline
}

.NGv38 .lnu0J {
  color: var(--content-fg-secondary);
  margin-bottom: 2px;
  display: inline-block
}

.NGv38 .lnu0J svg {
  margin-right: 2px;
  position: relative;
  top: 3px
}

.NGv38 .lnu0J svg use {
  --icon-color-primary: var(--content-fg-secondary)
}

.NGv38 .YLk78 {
  justify-content: flex-end;
  align-items: center;
  display: flex
}

.NGv38 .YLk78>* {
  margin: 0 10px
}

.NGv38 .YLk78>:last-child {
  margin-right: 0
}

@media (max-width: 540px) {
  .NGv38 .YLk78 {
    flex-direction:column;
    justify-content: center;
    align-items: center
  }

  .NGv38 .YLk78>* {
    margin: 4px 0
  }
}

.zvrdN {
  margin-top: 12px
}

.Bpgt9 {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  margin: 25px var(--post-padding) 0;
  color: var(--content-fg-secondary);
  justify-content: space-between;
  align-items: center;
  padding: 3px 0;
  display: flex
}

.Bpgt9 .vHNg4 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  text-align: left;
  cursor: pointer;
  max-width: 100%;
  text-decoration: none;
  display: inline-block
}

.Bpgt9 .KiFLn {
  align-items: center;
  height: 36px;
  display: flex
}

@media (max-width: 540px) {
  .Bpgt9 .KiFLn {
    height:30px
  }
}

.Bpgt9 .KiFLn .WuD7A {
  flex-direction: row-reverse;
  margin-left: -2px;
  margin-right: 12px;
  display: flex
}

.Bpgt9 .KiFLn .WuD7A .iRv98,.Bpgt9 .KiFLn .WuD7A .MCZbA,.Bpgt9 .KiFLn .WuD7A .YAKYo {
  align-items: center;
  margin-right: -4px;
  display: flex
}

.Bpgt9 .SGI72 {
  border-top: 0;
  justify-content: flex-end;
  align-items: center;
  margin: 0;
  padding: 0;
  display: flex
}

@media (min-width: 990px) {
  .Bpgt9 .SGI72 .muKGV:not(:first-of-type) {
    margin-left:20px
  }
}

.Bpgt9 .muKGV {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  margin: 0;
  line-height: 1;
  position: relative
}

.Bpgt9 .muKGV svg {
  transition: fill .25s;
  transform: translateZ(0)
}

@media (max-width: 540px) {
  .Bpgt9 .muKGV {
    justify-content:center;
    align-items: center;
    width: 48px;
    height: 48px;
    display: flex
  }

  .Bpgt9 .muKGV button,.Bpgt9 .muKGV a {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex
  }
}

@media not (min-width: 990px) {
  .Bpgt9 .muKGV {
    justify-content:center;
    align-items: center;
    width: 48px;
    height: 48px;
    display: flex
  }

  .Bpgt9 .muKGV button,.Bpgt9 .muKGV a {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex
  }
}

.pcM78 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--content-fg-secondary);
  box-sizing: border-box;
  padding-right: var(--post-padding);
  padding-left: var(--post-padding)
}

@media (max-width: 540px) {
  .pcM78 {
    padding:0 10px;
    line-height: 18px
  }
}

.pcM78 a {
  color: var(--content-fg-secondary);
  text-decoration: none
}

.NE55d {
  color: var(--content-fg-secondary);
  text-align: center
}

.uk6IY {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family)
}

.rej_I {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  margin: .5rem 0
}

.m849Z {
  color: var(--content-fg-secondary);
  text-align: center
}

.UgSaB {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family)
}

.ar36A {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  margin: .5rem 0
}

.pafF1 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--accent);
  text-decoration: none
}

@media (hover: hover) {
  .pafF1:hover {
    outline:none;
    text-decoration: underline
  }
}

.pl1kW {
  border: 1px solid var(--chrome-panel-border);
  background-color: var(--chrome-panel);
  width: 100%;
  max-width: 556px;
  color: var(--chrome-fg);
  border-radius: 8px;
  overflow: hidden
}

@media (max-width: 540px) {
  .pl1kW {
    border-radius:0
  }
}

.pl1kW h1 {
  font-size: 1.625rem;
  font-weight: 400;
  line-height: 1.30769;
  font-family: var(--font-family);
  text-align: center;
  margin: 24px 24px 8px
}

.pl1kW p {
  text-align: center;
  margin: 8px 24px 24px;
  line-height: 24px
}

@keyframes fFLYa {
  0% {
    opacity: 1;
    transform: translate(0)
  }

  to {
    opacity: 0;
    transform: translate(-100%)
  }
}

.pl1kW.P0vNG {
  animation: .3s ease-out forwards fFLYa
}

.pl1kW .KcFoc {
  text-align: center;
  flex-direction: row;
  justify-content: center;
  gap: 24px;
  margin: 24px;
  display: flex
}

@media not (min-width: 990px) {
  .pl1kW .KcFoc {
    flex-direction:column-reverse;
    align-items: center;
    gap: 12px
  }
}

.pl1kW .KcFoc .g9DRM {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--accent);
  align-items: center;
  padding: 12px 16px;
  font-weight: 500;
  text-decoration: none;
  display: flex
}

.pl1kW .KcFoc .g9DRM._KWJ_ {
  background: var(--accent);
  color: var(--chrome);
  border-radius: 34px
}

.pl1kW .KcFoc .g9DRM svg {
  margin-right: 10px
}

.pl1kW .KcFoc .g9DRM span {
  align-items: center;
  display: flex
}

.pl1kW .KcFoc.Si8xi {
  flex-direction: column
}

.pl1kW .KcFoc.Si8xi .g9DRM {
  margin-right: unset;
  justify-content: center
}

.njwip {
  color: var(--color-fg-light);
  position: relative
}

.njwip a {
  color: inherit;
  text-decoration: none
}

@media (hover: hover) {
  .njwip a:hover {
    text-decoration:none
  }
}

.Z4Uny {
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.52381;
  font-family: var(--font-family);
  box-sizing: border-box;
  padding-right: var(--post-padding);
  padding-left: var(--post-padding);
  background: var(--overlay-tint-strong);
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  overflow: hidden
}

@media (max-width: 540px) {
  .Z4Uny {
    border-radius:0
  }
}

.Z4Uny:focus-visible {
  outline: auto;
  outline-color: var(--accent)
}

.Cewkz {
  background: var(--image-bg);
  border-radius: 3px;
  width: 100%;
  position: relative;
  overflow: hidden
}

.xACoA {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.xACoA video {
  position: absolute
}

.H4DuS {
  outline: none;
  text-decoration: none
}

.H4DuS:focus-visible {
  outline: none
}

.H4DuS:focus-within {
  outline: none
}

.H4DuS:focus-visible .erLM8 {
  filter: brightness(120%)
}

.H4DuS:focus-within .erLM8 {
  filter: brightness(120%)
}

.H4DuS .erLM8 {
  background-color: var(--brand-blue);
  color: var(--color-fg-light);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  text-align: center;
  border-radius: 3px;
  margin-top: 10px;
  padding: 2px
}

@media (max-width: 540px) {
  .H4DuS .erLM8 {
    margin:10px
  }
}

.RPM5v {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: var(--font-family);
  box-sizing: border-box;
  padding-right: var(--post-padding);
  padding-left: var(--post-padding);
  width: 100%;
  padding-top: calc(var(--post-padding)/2);
  justify-content: flex-end;
  display: flex;
  position: absolute;
  top: 0;
  right: 0
}

.bfkG1,.T5j7G {
  background-color: var(--content-panel);
  padding: 3px 10px
}

.bfkG1 {
  border-radius: 8px 0 0 8px
}

.T5j7G {
  border-radius: 0 8px 8px 0
}

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

.uDNEd {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex
}

.AZP_1 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  box-sizing: border-box;
  line-height: initial;
  justify-content: space-between
}

._4ERKC {
  vertical-align: middle
}

.QKm6q {
  box-sizing: border-box;
  background: var(--brand-purple);
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  display: flex
}

.QKm6q .BnVIB {
  text-wrap: balance;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  display: flex
}

@supports (text-wrap: pretty) {
  .QKm6q .BnVIB {
    text-wrap:pretty
  }
}

.QKm6q .BnVIB .YMEfb {
  color: var(--color-fg-light)
}

.QKm6q .BnVIB .KYgQq {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  font-family: var(--font-family-modern);
  text-overflow: ellipsis;
  overflow: hidden
}

@supports (display: -webkit-box) and (-webkit-line-clamp:3) {
  .QKm6q .BnVIB .KYgQq {
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
    display: -webkit-box
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp:3)) {
  .QKm6q .BnVIB .KYgQq {
    white-space:nowrap
  }
}

.QKm6q .BnVIB .KYgQq {
  color: var(--color-fg-light)
}

.QKm6q .BnVIB .mV8AT {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  color: var(--color-fg-light-secondary)
}

.BGh2j {
  width: 100%;
  height: 50px
}

.WyhxW {
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative
}

.KpwWL {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  opacity: 1;
  background: 0 0;
  border: none;
  outline: none;
  width: 100%;
  padding: 5px;
  transition: transform .3s
}

.KpwWL.YwPDu {
  opacity: 0;
  width: 0
}

.KpwWL::placeholder {
  opacity: .65
}

.KpwWL:focus-visible::placeholder {
  opacity: .4
}

.uDqVW span {
  padding: 8px 0 7px;
  position: relative;
  top: 0;
  left: 1px
}

.Zk7Al {
  border-radius: 5px
}

.Zk7Al .tR4SR {
  margin: 0;
  padding: 0;
  list-style: none
}

@media (hover: hover) {
  .Zk7Al .tR4SR span:last-child:hover {
    border-bottom-right-radius:5px;
    border-bottom-left-radius: 5px
  }
}

.Zk7Al .Kv4G7 {
  background: var(--content-tint);
  color: var(--content-fg-secondary);
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 35px;
  padding: 0 20px 0 10px;
  display: flex
}

.Zk7Al .CHRC5 {
  color: var(--content-fg-secondary);
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  width: 100%;
  text-align: initial;
  cursor: pointer;
  padding: 8px 12px;
  display: block
}

@media (hover: hover) {
  .Zk7Al .CHRC5:hover {
    background-color:var(--content-tint-strong)
  }
}

.Zk7Al .CHRC5:focus-visible span {
  outline: 0
}

.Zk7Al .CHRC5 span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.Zk7Al .CHRC5.l5XPu {
  background-color: var(--content-tint-strong)
}

.mkkHd {
  margin: 0 auto
}

.GUKRD {
  width: auto;
  position: absolute;
  left: 0
}

.GUKRD._Ru5U {
  z-index: 1;
  background: var(--blog-background-color);
  width: 100%
}

.n16Fz {
  box-sizing: border-box;
  border-radius: 6px;
  align-items: stretch;
  width: auto;
  height: 40px;
  display: flex
}

.GUKRD._Ru5U .n16Fz {
  background: var(--blog-search-background-color)
}

.tz4ql input {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.33333;
  font-family: var(--font-family);
  padding: 0
}

.tz4ql button {
  padding: 0 12px
}

.dKnCj {
  background: var(--blog-link-color);
  color: var(--blog-background-color);
  border-radius: 16px;
  margin: 6px 10px 6px 0;
  padding: -2px
}

.dKnCj span {
  padding-left: 8px;
  padding-right: 8px;
  font-weight: 700
}

.dKnCj,.S3qsN {
  align-items: center;
  padding: 0 8px;
  display: none
}

.GUKRD._Ru5U .dKnCj,.GUKRD._Ru5U .S3qsN {
  display: flex
}

.KdHnq {
  width: 100%;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  font-family: var(--font-family);
  scrollbar-width: none;
  -ms-overflow-style: none;
  margin: auto;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden
}

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

.KdHnq {
  color: var(--blog-link-color);
  margin-bottom: 8px;
  margin-left: 8%
}

.KdHnq .MLzKD {
  white-space: nowrap;
  flex-shrink: 0;
  margin-bottom: -1px;
  padding: 6px 12px 8px;
  text-decoration: none
}

.KdHnq .MLzKD svg {
  margin-right: 10px
}

.KdHnq .MLzKD svg use {
  --icon-color-primary: var(--blog-link-color)
}

.KdHnq .MLzKD.PqK1Y {
  box-shadow: inset 0px -2px 0px var(--blog-link-color)
}

.WZh3t {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  background-color: var(--blog-link-color);
  color: var(--blog-background-color);
  justify-content: space-between;
  margin: 10px 0;
  padding: 10px;
  display: flex
}

.c3_cw {
  right: 0
}

.gp1sd {
  flex-direction: column;
  align-self: center;
  width: 556px;
  margin-bottom: 60px;
  margin-left: 20px;
  margin-right: 20px;
  display: flex
}

@media (max-width: 540px) {
  .gp1sd {
    width:100%;
    max-width: 556px
  }

  .qN8sP {
    padding: 0
  }
}

.L_YdV {
  flex-direction: column;
  gap: 12px;
  display: flex
}

.tUznf {
  box-sizing: border-box;
  border-bottom: 1px solid var(--blog-link-color);
  justify-content: space-between;
  align-items: stretch;
  height: 40px;
  margin: 0 20px;
  display: flex;
  position: relative
}

@media (max-width: 540px) {
  .tUznf {
    margin:0
  }
}

.jHjJb {
  border-radius: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto
}

.nm8Or svg use {
  --icon-color-primary: var(--blog-link-color)
}

.wxF59 svg use {
  --icon-color-primary: var(--blog-link-color-15)
}

.pnsS6 {
  color: var(--blog-link-color)
}

.oVnis {
  color: var(--blog-link-color-15)
}

.Z2FlT {
  color: var(--content-fg);
  padding: 8px 8px 8px 12px;
  font-size: .875rem;
  font-weight: 700
}

.XLWxA {
  text-align: center
}

.H4bQ8,.Q4af_ {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--blog-title-color);
  overflow-wrap: break-word;
  margin: 40px 20px 20px
}

.EYjNC {
  margin-top: 20px
}

.gC8eT {
  margin-top: 0
}

@media (max-width: 540px) {
  .M56Om {
    margin-top:0
  }
}

.hNMyY {
  background-color: var(--blog-link-color);
  color: var(--blog-background-color);
  align-self: center;
  margin: 20px;
  display: inline-block
}

.bT3Jv {
  margin-bottom: 0
}

.bT3Jv button>span {
  color: var(--blog-link-color)
}

.V9405 {
  background-color: RGB(var(--white));
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  border: 1px solid rgba(0,0,0,.07);
  border-radius: 3px;
  margin-top: 20px;
  padding: 12px;
  position: relative
}

.V9405 h1 {
  font-weight: 700
}

.V9405 .Hsbsh {
  display: flex
}

.V9405 .Hsbsh svg {
  margin-right: 8px
}

.V9405 .ue5Wf {
  border-radius: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 12px
}

.oFuUq .VNh6c {
  color: var(--blog-title-color);
  text-align: center;
  margin: 30px 0;
  font-weight: 700
}

.oFuUq .VNh6c a,.oFuUq .VNh6c span {
  color: var(--blog-link-color)
}

.oFuUq.kDr0N {
  text-align: center;
  padding-top: 20px
}

.Ks9nn {
  box-sizing: border-box;
  border-radius: 8px;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  width: 100%;
  padding: 16px 20px;
  display: flex;
  position: relative
}

.Ks9nn.SSBTb {
  border: 1px solid var(--chrome-panel-border);
  background: var(--chrome-panel);
  color: var(--chrome-fg)
}

.Ks9nn.SSBTb .ZR5vI {
  color: var(--chrome-fg-secondary)
}

.Ks9nn.Ab3vZ {
  border: 1px solid var(--content-panel-border);
  background: var(--content-panel);
  color: var(--content-fg)
}

.Ks9nn.Ab3vZ .ZR5vI {
  color: var(--content-fg-secondary)
}

.Ks9nn.E6VuV {
  justify-content: center
}

.Ks9nn .rOe7u {
  color: var(--brand-purple)
}

.Ks9nn .fuFUP {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  font-family: var(--font-family-modern);
  text-wrap: balance;
  flex-direction: row;
  justify-content: space-between;
  display: flex
}

@supports (text-wrap: pretty) {
  .Ks9nn .fuFUP {
    text-wrap:pretty
  }
}

.Ks9nn.Lk2lj .fuFUP {
  margin-right: 20px
}

.Ks9nn .Ltmw8 {
  position: absolute;
  top: 8px;
  right: 8px
}

.Ks9nn .ZR5vI {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  text-wrap: balance;
  max-width: 650px
}

@supports (text-wrap: pretty) {
  .Ks9nn .ZR5vI {
    text-wrap:pretty
  }
}

.HphhS {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2rem;
  font-family: var(--font-family-modern);
  align-items: baseline;
  margin: 24px 0 16px;
  display: flex
}

@media (max-width: 540px) {
  .HphhS {
    margin-left:16px;
    margin-right: 10px
  }
}

.HphhS span {
  color: var(--accent)
}

.HphhS .KDoiW {
  color: var(--chrome-fg);
  flex: 1
}

.HphhS .rR_oZ {
  text-decoration: none
}

.HphhS .rR_oZ.grBQI {
  color: var(--chrome-fg)
}

.HphhS .rR_oZ.tf_BV {
  color: var(--content-fg)
}

.HphhS .EUG7h {
  color: var(--accent);
  font-size: 16px;
  text-decoration: none
}

@media (max-width: 540px) {
  .HphhS .EUG7h {
    margin-right:10px
  }
}

.HphhS ._TztT {
  text-align: center
}

.TAze8 {
  background: var(--content-fg-tertiary);
  border-radius: 100%;
  width: 45px;
  height: 45px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.xCIcJ {
  font-size: 1.625rem;
  font-weight: 400;
  line-height: 1.30769;
  font-family: var(--font-family);
  color: var(--image-fg)
}

@media (max-width: 540px) {
  .xCIcJ {
    margin-left:16px;
    margin-right: 10px
  }
}

.FgLa6 {
  color: var(--image-fg);
  opacity: .7;
  padding: 1rem 0
}

.k6rvV {
  width: 100%;
  height: 300px;
  position: relative;
  overflow: hidden
}

@media (max-width: 540px) {
  .k6rvV {
    max-height:200px
  }
}

.k6rvV .wggkC,.k6rvV .Opfji {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex
}

@media (max-width: 540px) {
  .k6rvV .Opfji {
    height:auto;
    max-height: 200px
  }

  .k6rvV .Opfji img {
    width: 100%;
    height: auto
  }
}

.k6rvV img {
  width: auto;
  max-height: 100%;
  margin: auto;
  display: block;
  position: relative
}

.MOLiI {
  filter: blur(8px);
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  scale: 1.25
}

.au_S4 {
  border: 1px solid var(--content-tint);
  background: var(--content-panel);
  border-radius: 3px;
  width: 100%;
  max-width: 556px;
  margin: 0 auto
}

.obXl8 {
  padding: 50px
}

.j8ha0 {
  overflow-anchor: none;
  width: 100%
}

.j8ha0.avWLs {
  cursor: grabbing
}

@media (max-width: 540px) {
  .j8ha0 {
    overflow-x:hidden
  }
}

@media not (min-width: 990px) {
  .j8ha0 {
    margin-top:0
  }
}

.j8ha0.qr36f {
  margin-left: auto;
  margin-right: auto
}

@media (min-width: 640px) {
  .j8ha0.qr36f {
    max-width:620px
  }
}

@media (min-width: 960px) {
  .j8ha0.qr36f {
    max-width:940px
  }
}

@media (min-width: 1280px) {
  .j8ha0.qr36f {
    max-width:1260px
  }
}

.RlWaM {
  flex-wrap: wrap;
  margin-left: -1px;
  margin-right: -1px;
  display: flex
}

.cRPdZ {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--chrome-fg-secondary)
}

@media (max-width: 540px) {
  .cRPdZ {
    margin-left:15px
  }
}

@media (min-width: 990px) {
  .cRPdZ {
    text-align:center
  }
}

.cRPdZ.GWJvH {
  margin-left: calc(50% - 278px)
}

.Tj4be {
  margin-top: 15px
}

.rqHFc {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--accent);
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  text-decoration: none;
  display: flex
}

.rqHFc:focus-visible {
  text-decoration: underline
}

@media (hover: hover) {
  .rqHFc:hover {
    text-decoration:underline
  }
}

.rqHFc:before,.rqHFc:after {
  border-bottom: 1px solid var(--accent);
  content: " ";
  flex-grow: 1
}

.rqHFc:before {
  margin-right: 10px
}

.rqHFc:after {
  margin-left: 10px
}

@media (max-width: 540px) {
  .rqHFc {
    margin:15px 10px
  }
}

@keyframes E4obd {
  0% {
    max-height: 20px
  }

  to {
    max-height: 100vh
  }
}

@keyframes O5WoU {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes x7_ZU {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.x7_ZU {
  z-index: 1;
  width: 100%;
  margin: 0;
  animation-name: x7_ZU;
  animation-duration: 5s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  position: absolute;
  top: 0
}

.O5WoU {
  z-index: 10;
  margin: 0;
  animation-name: O5WoU;
  animation-duration: 2s;
  position: relative
}

.E4obd {
  margin-bottom: 20px;
  animation-name: E4obd;
  animation-duration: 2s;
  position: relative;
  overflow: hidden
}

.ZRX9S {
  display: none
}

.fQd4t {
  flex-direction: column;
  gap: 24px;
  padding-bottom: 24px;
  display: flex
}

@media (max-width: 540px) {
  .fQd4t {
    padding-left:20px;
    padding-right: 20px
  }
}

@media not (min-width: 990px) {
  .fQd4t {
    justify-content:center
  }
}

.oCcDu {
  background: var(--chrome-tint);
  border-radius: 8px
}

.ggYon {
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  display: flex
}

.Bgq32 {
  flex-grow: 1
}

.zaLJi {
  padding: 0 20px
}

.cSFdy {
  justify-content: space-between;
  padding: 16px 20px 0;
  display: flex
}

@media (max-width: 540px) {
  .cSFdy {
    justify-content:center
  }
}

@media not (min-width: 990px) {
  .cSFdy {
    justify-content:center
  }
}

.NMazc {
  background: var(--chrome-tint);
  border-radius: 8px;
  width: 150px;
  height: 150px
}

@media (max-width: 540px) {
  .NMazc {
    height:100px
  }
}

@media not (min-width: 990px) {
  .NMazc {
    width:250px;
    height: 100px
  }
}

.cyTWC {
  flex-wrap: wrap;
  gap: 4px;
  display: flex
}

.UxWvl {
  align-items: center;
  height: 18px;
  display: flex
}

.Qum3J {
  background: var(--chrome-tint-strong);
  border-radius: 4px;
  flex-grow: 1;
  height: 4px
}

.x2Afg {
  align-items: center;
  padding: 16px 20px;
  display: flex
}

.hiCIt {
  flex-grow: 1;
  display: flex
}

.ajOd1 {
  border: 1px solid var(--chrome-tint-strong);
  border-radius: 18px;
  padding: 8px 16px
}

.ATzRI {
  gap: 20px;
  display: flex
}

.ATzRI svg use {
  --icon-color-primary: var(--chrome-tint-strong)
}

.rFhVM {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--chrome-fg);
  text-align: center
}

.ma1Bg {
  align-self: center;
  width: 100%
}

.ZSkAp {
  max-width: 540px
}

@media (min-width: 990px) {
  .ZSkAp {
    margin-left:84px
  }

  .ZSkAp.fDyve {
    margin-left: 0
  }
}

.PYPuV {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--chrome-fg-secondary);
  justify-content: center;
  align-items: center;
  padding: 188px 0;
  display: flex
}

@media (max-width: 540px) {
  .PYPuV {
    padding:100px 0
  }
}

.e319i {
  position: relative
}

.j4W1a {
  width: 36px;
  height: 36px;
  color: var(--content-fg-tertiary);
  opacity: .4;
  border-radius: .125rem;
  padding: 0;
  position: absolute;
  top: 5px;
  right: -6px
}

.j4W1a svg {
  width: 22px;
  height: 22px
}

.b0q7j {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  box-sizing: border-box;
  border: 2px solid var(--chrome-tint-strong);
  background: var(--chrome-tint);
  width: 100%;
  color: var(--chrome-fg);
  border-radius: 20px;
  margin-bottom: 16px;
  padding: 8px 15px
}

@media (max-width: 540px) {
  .b0q7j {
    width:calc(100% - 25px);
    margin: 0 auto 16px;
    display: block
  }
}

.FFKxe {
  z-index: calc(100 - 1)!important
}

.EQTHK {
  border-radius: 12px;
  flex-direction: column;
  padding: 6px 4px;
  display: flex
}

.wHOvK {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  box-sizing: border-box;
  cursor: default;
  border: 2px solid transparent;
  border-radius: 8px;
  outline: none;
  padding: 8px 12px
}

@media (hover: hover) {
  .wHOvK:hover {
    background-color:var(--content-tint)
  }
}

.wHOvK[data-active-item] {
  border: 2px solid var(--accent)
}

.palette--pumpkin .T7oMj::placeholder,.palette--gothRave .T7oMj::placeholder {
  opacity: .6
}

.palette--pumpkin .T7oMj:focus-visible::placeholder {
  opacity: .25
}

.palette--gothRave .T7oMj:focus-visible::placeholder {
  opacity: .25
}

.palette--trueBlue .T7oMj {
  color: var(--chrome-fg)
}

.g0Jo3 {
  background-color: var(--content-panel);
  color: var(--content-fg)
}

.hIwRt {
  flex-direction: column;
  gap: 12px;
  padding: 0 10px;
  display: flex
}

.hIwRt .Izdau {
  justify-content: center;
  align-items: center;
  gap: 8px;
  display: flex
}

.hIwRt .iTMaO {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-left: -5px;
  margin-right: -5px;
  display: flex
}

@media (max-width: 540px) {
  .hIwRt {
    padding:0 20px
  }
}

.FAvnQ {
  box-sizing: border-box;
  background-color: var(--content-panel);
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  min-height: 237px;
  padding: 24px;
  display: flex
}

@media (max-width: 540px) {
  .FAvnQ {
    width:calc(100% - 48px)
  }
}

.iRC4N {
  width: 100%
}

.yLtzE {
  justify-content: space-between;
  display: flex
}

.NOTt5 {
  font-size: .78125rem;
  font-weight: 700;
  line-height: 1.52;
  font-family: var(--font-family);
  color: var(--content-fg-secondary);
  margin-bottom: .35em
}

.ISUxK {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  box-sizing: border-box;
  border: 2px solid var(--content-tint-strong);
  background: var(--content-tint);
  width: 100%;
  max-width: 100%;
  color: var(--content-fg);
  border-radius: 20px;
  margin-bottom: 0;
  padding: 8px 15px
}

.ISUxK.unuC_ {
  border-color: var(--danger);
  color: var(--danger)
}

.palette--pumpkin .FAvnQ .ISUxK::placeholder,.palette--gothRave .FAvnQ .ISUxK::placeholder {
  opacity: .6
}

.palette--pumpkin .FAvnQ .ISUxK:focus-visible::placeholder {
  opacity: .25
}

.palette--gothRave .FAvnQ .ISUxK:focus-visible::placeholder {
  opacity: .25
}

.iSVNR {
  border: 2px solid var(--content-tint-strong);
  background-color: var(--content-tint);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  margin: auto;
  display: flex;
  position: relative;
  overflow: hidden
}

.itPb0 {
  color: var(--chrome-fg-secondary)
}

.doN88 {
  opacity: 0;
  width: 100%;
  height: 100%;
  transition: opacity .1s;
  position: absolute
}

.Ssekr {
  transition: opacity .1s
}

.Ek1jA {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 80px;
  height: 80px
}

.MT_M6 {
  margin-top: 4px;
  margin-bottom: 0
}

.B0vZK {
  margin-top: 8px
}

.cSy21 {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--content-fg-tertiary);
  align-items: center;
  gap: 6px;
  margin-top: 4px;
  display: flex
}

.fq27i {
  width: 100%;
  color: var(--danger);
  margin-top: 5px;
  font-size: 14px
}

.palette--pumpkin .lq6Nr::placeholder,.palette--gothRave .lq6Nr::placeholder {
  opacity: .6
}

.palette--pumpkin .lq6Nr:focus-visible::placeholder {
  opacity: .25
}

.palette--gothRave .lq6Nr:focus-visible::placeholder {
  opacity: .25
}

.palette--trueBlue .lq6Nr {
  color: var(--chrome-fg)
}

.hWwUD {
  background-color: var(--content-panel);
  color: var(--content-fg)
}

.r_VWV {
  flex-wrap: wrap;
  gap: 8px 4px;
  display: flex
}

@media (max-width: 540px) {
  .r_VWV {
    gap:14px 10px;
    padding-left: 10px
  }
}

.biWfv {
  box-sizing: border-box;
  border: 1px solid var(--chrome-tint);
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  padding: 6px 12px;
  display: flex
}

.biWfv .GI1Pn {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--chrome-fg);
  text-overflow: ellipsis;
  white-space: nowrap;
  text-decoration: none;
  overflow: hidden
}

.biWfv .obd6K {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-left: -5px;
  margin-right: -5px;
  display: flex
}

.palette--darkMode .biWfv .GI1Pn,.palette--lowContrastClassic .biWfv .GI1Pn,.palette--cement .biWfv .GI1Pn,.palette--cybernetic .biWfv .GI1Pn,.palette--canary .biWfv .GI1Pn,.palette--ghost .biWfv .GI1Pn,.palette--vampire .biWfv .GI1Pn,.palette--pumpkin .biWfv .GI1Pn,.palette--snowBright .biWfv .GI1Pn,.palette--gothRave .biWfv .GI1Pn {
  color: var(--content-fg)
}

.Evcyl {
  overflow-anchor: none;
  width: 100%
}

.Evcyl.hRYcs {
  cursor: grabbing
}

@media (max-width: 540px) {
  .Evcyl {
    overflow-x:hidden
  }
}

@media not (min-width: 990px) {
  .Evcyl {
    margin-top:0
  }
}

.Evcyl.W0qvx {
  margin-left: auto;
  margin-right: auto
}

@media (min-width: 640px) {
  .Evcyl.W0qvx {
    max-width:620px
  }
}

@media (min-width: 960px) {
  .Evcyl.W0qvx {
    max-width:940px
  }
}

@media (min-width: 1280px) {
  .Evcyl.W0qvx {
    max-width:1260px
  }
}

.cQesS {
  flex-wrap: wrap;
  margin-left: -1px;
  margin-right: -1px;
  display: flex
}

.z9lvY {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  color: var(--chrome-fg-secondary)
}

@media (max-width: 540px) {
  .z9lvY {
    margin-left:15px
  }
}

@media (min-width: 990px) {
  .z9lvY {
    text-align:center
  }
}

.z9lvY.JLk4c {
  margin-left: calc(50% - 278px)
}

.EAFFI {
  margin-top: 15px
}

.LYqCM {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: var(--accent);
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  text-decoration: none;
  display: flex
}

.LYqCM:focus-visible {
  text-decoration: underline
}

@media (hover: hover) {
  .LYqCM:hover {
    text-decoration:underline
  }
}

.LYqCM:before,.LYqCM:after {
  border-bottom: 1px solid var(--accent);
  content: " ";
  flex-grow: 1
}

.LYqCM:before {
  margin-right: 10px
}

.LYqCM:after {
  margin-left: 10px
}

@media (max-width: 540px) {
  .LYqCM {
    margin:15px 10px
  }
}

@keyframes MYfoz {
  0% {
    max-height: 20px
  }

  to {
    max-height: 100vh
  }
}

@keyframes HO6kN {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes etNak {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.etNak {
  z-index: 1;
  width: 100%;
  margin: 0;
  animation-name: etNak;
  animation-duration: 5s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  position: absolute;
  top: 0
}

.HO6kN {
  z-index: 10;
  margin: 0;
  animation-name: HO6kN;
  animation-duration: 2s;
  position: relative
}

.MYfoz {
  margin-bottom: 20px;
  animation-name: MYfoz;
  animation-duration: 2s;
  position: relative;
  overflow: hidden
}

.F2sr0 {
  display: none
}

.f5mVe {
  width: 100%;
  max-width: 556px
}

.cQqe6 {
  background-color: rgba(var(--white-on-dark), .07);
  color: rgba(var(--white-on-dark), .65);
  text-align: center;
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.52381;
  font-family: var(--font-family);
  border-radius: 3px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 100px 20px;
  display: flex
}

.cQqe6 svg {
  display: block
}

.cQqe6 .TYWhv {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family)
}

.cQqe6 .TYWhv a {
  color: rgba(var(--white-on-dark), .4);
  text-decoration: none
}

.z8hfm.QFP42,.z8hfm.QFP42 .XuHFw {
  height: 100%
}

.pauqT {
  border-bottom: 1px solid var(--content-tint-strong);
  grid-template-columns: [spacer]1fr[title]auto[cancel]1fr;
  padding: 0 28px 16px;
  display: grid
}

.pauqT h2 {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg);
  text-align: center;
  grid-area: title
}

.pauqT button {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  color: var(--accent);
  text-align: right;
  grid-area: cancel
}

.LzR1k {
  column-count: 2;
  column-gap: 8px;
  padding: 24px;
  display: block
}

.LzR1k .gj8U1 {
  min-width: calc(50% - 4px);
  margin-bottom: 12px
}

.QFP42 .LzR1k {
  flex-wrap: nowrap;
  gap: 0;
  height: 100%;
  padding: 8px 16px;
  display: flex;
  overflow: auto
}

.QFP42 .LzR1k .gj8U1 {
  min-width: auto;
  margin-bottom: 0
}

.MxKD6 {
  padding: 24px
}

.AufAM {
  border-top: 1px solid var(--content-tint);
  padding: 16px
}

.AufAM>div:first-child {
  text-align: right
}

.QFP42 .AufAM {
  padding: 20px
}

.dBsGW {
  text-align: center;
  border-radius: 16px;
  max-width: 540px
}

@media (max-width: 540px) {
  .dBsGW {
    border-radius:0
  }
}

.dBsGW {
  background-color: var(--chrome-panel);
  flex-direction: column;
  justify-content: center;
  margin-bottom: 20px;
  display: flex
}

.r36SH {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 540px;
  min-height: 250px
}

.Z_cvW {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  color: var(--chrome-fg);
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  display: flex
}

.WA5nM {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  font-family: var(--font-family-modern);
  color: var(--chrome-fg)
}

.OcpxU {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto
}

@keyframes Tpig4 {
  0% {
    border-color: var(--chrome-fg-secondary);
    width: 12px;
    height: 12px
  }

  to {
    border-color: var(--chrome-fg);
    width: 50px;
    height: 50px
  }
}

.zKC5L {
  flex-direction: column;
  width: 100%;
  height: 300px;
  margin-bottom: 20px;
  display: flex;
  position: relative;
  overflow: hidden
}

.zKC5L.Dyavw {
  height: 500px
}

.zKC5L.Dyavw .EXJlM {
  height: 50%
}

@media only screen and (min-width: 1310px) {
  .zKC5L.P39Zg {
    flex-direction:row;
    height: 400px
  }

  .zKC5L.P39Zg .EXJlM {
    flex: 1;
    width: auto;
    height: 100%
  }
}

@media only screen and (min-width: 1631px) {
  .zKC5L.Dyavw.P39Zg .EXJlM {
    flex:none;
    width: 470px
  }
}

.zKC5L .EXJlM {
  background-color: var(--chrome-panel);
  height: 100%;
  color: var(--chrome-fg);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex
}

.zKC5L .EXJlM .AwrnU,.zKC5L .EXJlM .msIyY {
  font-size: .78125rem;
  font-weight: 700;
  line-height: 1.52;
  font-family: var(--font-family);
  text-transform: uppercase;
  margin-bottom: 20px
}

.zKC5L .EXJlM .kxAnp {
  text-align: center;
  margin-bottom: 20px;
  padding: 0 20px;
  font-size: 3rem;
  font-weight: 700;
  line-height: 3rem
}

.zKC5L .EXJlM .bY0uJ {
  display: flex
}

.zKC5L .EXJlM .bY0uJ a,.zKC5L .EXJlM .bY0uJ .nXJBu {
  color: var(--chrome-fg)
}

.zKC5L .EXJlM .bY0uJ a,.zKC5L .EXJlM .bY0uJ>button:not(:last-of-type) {
  margin-right: 10px
}

.zKC5L .hSkG6 {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  height: 100%;
  display: block
}

.zKC5L .ekF1b {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.42857;
  font-family: var(--font-family);
  background-color: var(--overlay-tint-strong);
  color: var(--chrome-fg);
  padding: 7px 9px;
  position: absolute;
  bottom: 0;
  right: 0
}

.palette--snowBright .ekF1b,.palette--cement .ekF1b,.palette--ghost .ekF1b,.palette--canary .ekF1b {
  color: var(--color-fg-light)
}

.jE08q {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  text-align: center
}

.JDmeV {
  background-color: var(--chrome-fg);
  border-radius: 100%;
  width: 12px;
  height: 12px;
  margin: 0 auto 5px;
  display: block;
  position: relative
}

.JDmeV ol {
  margin: 0;
  padding: 0;
  display: block;
  position: absolute;
  top: 6px;
  left: 6px
}

.JDmeV ol li {
  border: 1px solid var(--chrome-fg);
  border-radius: 100%;
  list-style-type: none;
  animation: 4.5s ease-out infinite Tpig4;
  position: absolute;
  transform: translate(-50%,-50%)
}

.JDmeV ol li:nth-child(2) {
  animation: 4.5s ease-out 1.125s infinite Tpig4
}

.JDmeV ol li:nth-child(3) {
  animation: 4.5s ease-out 2.25s infinite Tpig4
}

.JDmeV ol li:nth-child(4) {
  animation: 4.5s ease-out 3.375s infinite Tpig4
}

.YDpaw {
  width: 100%;
  padding-top: 0
}

.V9TEa {
  width: 100%;
  max-width: 556px;
  height: 100%
}

.V9TEa.evC73 {
  max-width: none
}

@media (min-width: 990px) {
  .V9TEa.evC73 {
    max-width:620px
  }
}

@media (min-width: 1310px) {
  .V9TEa.evC73 {
    max-width:940px
  }
}

@media (min-width: 1630px) {
  .V9TEa.evC73 {
    max-width:1260px
  }
}

.VbmN8 {
  box-sizing: border-box;
  font-size: 1.625rem;
  font-weight: 400;
  line-height: 1.30769;
  font-family: var(--font-family);
  color: var(--chrome-fg-secondary);
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 10%;
  padding: 0 20px;
  display: flex
}

.qY_MN {
  width: 100%;
  margin-bottom: 40px
}

.Fd3xx {
  width: 100%;
  margin-bottom: 24px
}

.vRXgZ {
  flex-direction: column;
  gap: 20px;
  width: 100%;
  display: flex
}

.h65Um {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px 0;
  display: flex
}

.VBIgj {
  width: 100%;
  color: var(--content-fg-secondary);
  text-align: center;
  padding: 20px 0
}

.SmuUJ {
  width: 100%;
  height: 100%;
  min-height: 300px;
  color: var(--chrome-fg);
  justify-content: center;
  align-items: center;
  font-size: 18px;
  display: flex
}

.hxC_t {
  margin-top: 0;
  margin-bottom: 10px
}

.aTzUH {
  color: var(--content-fg);
  border: none;
  font-weight: 700
}

.aTzUH.thm0N {
  color: var(--color-fg-light)
}

.oZZbu {
  background-color: var(--chrome-panel);
  width: 100%;
  color: var(--chrome-fg);
  margin-bottom: 20px
}

.oZZbu>div {
  text-align: center;
  padding: 30px
}

.oZZbu span[role=img] {
  padding: 0 10px
}

.PsPF6 {
  color: var(--chrome-fg);
  border-radius: 8px;
  flex-direction: column;
  gap: 16px;
  padding: 20px 16px;
  display: flex
}

@media (max-width: 540px) {
  .PsPF6 {
    background-color:transparent;
    border: none
  }
}

.sqIgn {
  align-items: center;
  gap: 12px;
  display: flex
}

.rwz4S {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2rem;
  font-family: var(--font-family-modern);
  width: 40px;
  height: 40px;
  color: var(--color-fg);
  border-radius: 9999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex
}

.iPiFE {
  background-color: var(--brand-blue)
}

.ZkV40 {
  background-color: var(--brand-purple)
}

.DRIAe {
  background-color: var(--brand-pink)
}

.KndcA {
  background-color: var(--brand-red)
}

.a5tQX {
  background-color: var(--brand-orange)
}

.mrme_ {
  background-color: var(--brand-yellow)
}

.Ihtos {
  background-color: var(--brand-green)
}

.CTEus {
  background-color: var(--brand-purple)
}

.UfQfA {
  flex-direction: column;
  flex: 1 1 0;
  min-width: 0;
  display: flex
}

.pouFO {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2rem;
  font-family: var(--font-family-modern);
  color: var(--chrome-fg);
  margin: 0
}

.pouFO a {
  color: inherit;
  text-decoration: none
}

.YHfPl {
  color: var(--chrome-fg-secondary);
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  display: flex
}

.YHfPl>span {
  white-space: nowrap
}

@media (max-width: 413px) {
  .pHDdi {
    display:none
  }
}

.zxN0a {
  scroll-snap-type: x mandatory;
  grid-template-rows: 377px;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  overflow-x: auto;
  overflow-y: hidden
}

.CiivN,.fjrCp {
  scroll-snap-align: start;
  list-style: none;
  display: flex
}

@media (max-width: 540px) {
  .CiivN,.fjrCp {
    scroll-snap-align:center
  }
}

.Dk47K {
  position: relative
}

@media (max-width: 540px) {
  .pouFO {
    font-size:1.125rem;
    font-weight: 500;
    line-height: 1.75rem;
    font-family: var(--font-family-modern)
  }

  .YHfPl {
    font-size: .875rem;
    font-weight: 350;
    line-height: 1.25rem;
    font-family: var(--font-family-modern)
  }

  .Dk47K {
    margin-left: -16px;
    margin-right: -16px
  }

  .zxN0a {
    padding-left: 16px;
    padding-right: 16px
  }
}

.b__qB {
  z-index: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

@media (hover: hover) {
  .b__qB {
    opacity:0;
    transition: opacity .15s ease-out
  }

  .Dk47K:hover .b__qB {
    opacity: 1
  }

  .Dk47K:has(:focus-visible) .b__qB {
    opacity: 1
  }
}

.KZeLy {
  left: 16px
}

.q3l08 {
  right: 16px
}

.CiivN {
  border: 1px solid var(--content-panel-border);
  border-radius: 8px;
  flex-direction: column;
  width: 260px;
  position: relative;
  overflow: hidden
}

@media (max-width: 540px) {
  .CiivN {
    border-radius:12px
  }
}

.CiivN>div:first-child {
  flex: 1 1 0;
  width: 100%;
  min-width: 0;
  height: 100%;
  min-height: 0
}

.CiivN>div:first-child>div {
  height: 100%
}

.LS8ES {
  background: linear-gradient(to bottom, transparent, var(--content-panel));
  pointer-events: none;
  justify-content: center;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 8px;
  display: flex;
  position: absolute;
  bottom: 51px;
  left: 0;
  right: 0
}

.LS8ES>a,.LS8ES>button {
  pointer-events: auto
}

.fjrCp {
  width: 120px
}

.gKHxT {
  box-sizing: border-box;
  border: 1px solid var(--chrome-panel-border);
  background-color: var(--chrome-tint);
  width: 120px;
  height: 100%;
  color: var(--chrome-fg);
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 0 20px;
  text-decoration: none;
  display: flex
}

.TdbZO {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  text-align: center
}

.B0ozg {
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  display: flex
}

.rvgMt {
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.125rem;
  font-family: var(--font-family-modern);
  color: var(--chrome-fg-secondary)
}

.e38RW {
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-wrap: nowrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  overflow-x: auto
}

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

@media (max-width: 540px) {
  .e38RW {
    margin-left:-16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px
  }
}

.e38RW li {
  scroll-snap-align: start;
  flex: none;
  list-style: none
}

@media (max-width: 540px) {
  .e38RW li {
    scroll-snap-align:center
  }
}

.Pu8t4 {
  color: inherit;
  text-decoration: none
}

.R2BSv {
  z-index: 1;
  background: #001935;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0
}

.R2BSv h1 {
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.52381;
  font-family: var(--font-family)
}

.R2BSv h2 {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.33333;
  font-family: var(--font-family)
}

.R2BSv .VHr2m {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 90%;
  margin: 0 20px;
  display: flex
}

.MGngl {
  text-align: center;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 60px;
  display: flex;
  position: relative
}

@media (max-width: 540px) {
  .MGngl {
    padding:26px
  }
}

.Fygd5 {
  width: 380px
}

@media (max-width: 540px) {
  .Fygd5 {
    width:100%
  }
}

.Z_jN4 {
  color: #fff;
  justify-content: center;
  align-items: center;
  margin-top: 17px;
  font-weight: 700;
  text-decoration: none;
  display: flex
}

.Z_jN4>svg {
  padding-right: 8px
}

.Qo15M {
  margin-top: 20px
}

.bS3ge {
  margin-top: 12px
}

.RUPPJ {
  width: 274px;
  height: 56px;
  margin: 0 auto 60px
}

.RUPPJ>a {
  width: 100%;
  height: 100%;
  display: block
}

.EmpUU {
  background: RGB(var(--navy));
  color: RGB(var(--white))
}

.V2avZ,.fDMRI {
  height: 100vh
}

@media (max-width: 413px) {
  .fDMRI {
    height:calc(100vh + 50px)
  }
}

@media (max-width: 350px) {
  .fDMRI {
    height:calc(100vh + 140px)
  }
}

@media (max-width: 959px) and (max-height:600px) and (orientation:landscape) {
  .fDMRI {
    height:500px
  }
}

.JdsBc {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: auto;
  display: flex
}

.Yyr2r {
  width: 300px;
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.52381;
  font-family: var(--font-family);
  margin: 0 auto 10px
}

.rD_LN {
  --color-primary-link: RGB(var(--deprecated-accent));
  border-radius: 8px;
  flex-wrap: wrap;
  flex: none;
  justify-content: space-around;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 20px;
  display: flex;
  overflow: hidden
}

.rD_LN .oZ_9P {
  border-radius: 0;
  width: calc(33.3333% - 1.33333px);
  height: 105px;
  margin: 2px 2px 0 0
}

.rD_LN .oZ_9P:nth-child(3n) {
  margin-right: 0
}

.rD_LN .oZ_9P:nth-child(-n+3) {
  margin-top: 0
}

.DCCfo {
  -webkit-overflow-scrolling: touch;
  background: var(--blog-background-color);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: 100%;
  height: 100%;
  position: relative
}

.DCCfo:focus-visible {
  outline: none
}

.DCCfo.kXP4L {
  border-radius: 0;
  overflow-x: hidden;
  overflow-y: auto
}

@media (pointer: fine) {
  .DCCfo.kXP4L {
    overflow-y:scroll
  }
}

@media (max-width: 1200px) {
  .DCCfo.kXP4L {
    background:0 0;
    border-radius: 0;
    transform: none
  }

  .DCCfo.kXP4L .pKQCB {
    justify-content: center;
    max-width: 580px;
    padding: 0
  }

  .DCCfo.kXP4L .vM8CJ {
    display: none
  }

  .DCCfo.kXP4L.kXP4L .Q05ZE {
    border-radius: 0
  }
}

@media (max-width: 1240px) {
  .DCCfo:not(.kXP4L) {
    background:0 0;
    border-radius: 0;
    transform: none
  }

  .DCCfo:not(.kXP4L) .pKQCB {
    justify-content: center;
    max-width: 580px;
    padding: 0
  }

  .DCCfo:not(.kXP4L) .vM8CJ {
    display: none
  }

  .DCCfo:not(.kXP4L).kXP4L .Q05ZE {
    border-radius: 0
  }
}

.pKQCB {
  box-sizing: border-box;
  background: var(--blog-background-overlay-color);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  max-width: 960px;
  min-height: 100%;
  margin: 0 auto;
  padding: 20px;
  display: flex
}

.DCCfo.kXP4L .pKQCB {
  border-radius: 0
}

.Q05ZE {
  box-sizing: border-box;
  background: var(--blog-background-color);
  width: 100%;
  max-width: 580px;
  color: RGB(var(--black));
  border-radius: 8px;
  flex-direction: column;
  flex: auto;
  display: flex
}

.vM8CJ {
  box-sizing: border-box;
  width: 100%;
  max-width: 320px;
  color: var(--blog-title-color);
  border-radius: 8px;
  flex: none;
  margin-left: 20px;
  position: relative
}

.gJ6yV {
  --sticky-top: 20px;
  height: 100%;
  top: 20px
}

.hBHAJ {
  opacity: 0;
  margin: 0 auto;
  transition: opacity .6s
}

.hBHAJ .EaAON {
  position: relative
}

.hBHAJ .EaAON img,.hBHAJ .EaAON video {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  width: 100%;
  height: auto
}

.hBHAJ .EaAON .H7p5Q {
  position: absolute;
  top: 12px;
  right: 12px
}

.hBHAJ.Rog1D {
  max-height: 100%;
  margin: auto;
  padding: 14px;
  position: relative;
  overflow-y: auto
}

.hBHAJ.Rog1D .WAHT_ {
  max-height: none
}

.hBHAJ .WAHT_ {
  z-index: calc(100 + 1);
  background: var(--education);
  width: 600px;
  max-height: 100%;
  color: var(--color-fg-light);
  border-radius: 6px;
  margin: 0 auto
}

.hBHAJ .WAHT_ .KdFXU {
  justify-content: flex-end;
  padding-top: 12px;
  padding-right: 12px;
  display: flex
}

.hBHAJ .WAHT_ .vVe9A {
  padding: 40px
}

@media (max-width: 540px) {
  .hBHAJ .WAHT_ .vVe9A {
    padding:20px 10px
  }

  .hBHAJ .WAHT_ {
    width: 100%
  }
}

.hBHAJ .WAHT_ .NsUuT {
  width: 140px;
  margin: 0 auto 16px
}

@media only screen and (max-width: 540px) {
  .hBHAJ .WAHT_ .NsUuT {
    padding-top:20px
  }
}

.hBHAJ .WAHT_ .NsUuT svg {
  max-width: 100%;
  margin-top: -10px;
  margin-bottom: -2px
}

.jGp1C {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.25;
  font-family: var(--font-family);
  text-align: center;
  padding: 10px
}

.vc34L {
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.52381;
  font-family: var(--font-family);
  font-weight: 400
}

.Pkihj {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font-family);
  text-align: center;
  margin-bottom: 0;
  padding: 10px
}

.yhkmi {
  border-top: 1px solid var(--color-fg-light-tertiary);
  text-align: center;
  margin-top: 24px;
  padding-top: 24px
}

.yhkmi .aH4n4 {
  cursor: pointer;
  padding: 0 10px
}

.zydJo,.tzb9e {
  opacity: 1
}

.PVFsw,.fRa3x {
  opacity: 0
}

.S3E1Y {
  --background-image: "none";
  background-color: var(--color-bluespace-background);
  border-radius: 8px
}

.S3E1Y.ZI59C {
  border-radius: 0
}

@media (prefers-reduced-motion:no-preference) {
  .S3E1Y {
    background-image: var(--background-image);
    background-blend-mode: multiply;
    background-position: 50%;
    background-size: cover
  }
}

.S3E1Y,.u0mGc {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 50vh;
  margin: 0 auto;
  display: flex
}

.u0mGc {
  background: var(--color-bluespace-card-background)
}

.RyODF {
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.52381;
  font-family: var(--font-family);
  color: var(--color-text);
  margin: 10px
}

.iXtS0 {
  flex-direction: column;
  align-items: center;
  display: flex
}

.hIBHZ {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  font-family: var(--font-family);
  color: RGB(var(--white-on-dark));
  margin-bottom: 5px;
  font-weight: 400
}

.enK1h {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  display: flex
}

.MRoAY {
  box-sizing: border-box;
  width: 420px;
  max-width: 100%;
  margin: 0 auto 16px;
  padding: 14px
}

.EyE5r {
  font-size: 1.625rem;
  font-weight: 400;
  line-height: 1.30769;
  font-family: var(--font-family);
  color: RGB(var(--white-on-dark));
  margin-bottom: 24px
}

.EyE5r span {
  color: RGB(var(--deprecated-accent))
}

.znyo1 {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  color: RGB(var(--white-on-dark));
  opacity: .6
}

.mPgv9 {
  background-color: var(--content-fg);
  min-height: 100vh;
  color: var(--color-fg-light);
  justify-content: center;
  align-items: center;
  display: flex
}

.jFhAx {
  text-align: center;
  max-width: 440px;
  padding: 20px
}

.jFhAx h1 {
  font-family: Gibson,Favorit,Helvetica Neue,HelveticaNeue,Helvetica,Arial,sans-serif;
  font-size: 2.25rem
}

.jFhAx p {
  margin: 15px 0
}

.jFhAx a {
  color: inherit
}

.qE7QX {
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex
}

.DesUS {
  color: #131313;
  text-rendering: optimizelegibility;
  background-color: #eee;
  width: 100%;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  font: 12px Helvetica Neue,helvetica,arial,sans-serif;
  display: flex
}

.DesUS pre {
  margin: 0
}

.BJdAq {
  color: #fff;
  text-align: center;
  padding: 20px
}

.BJdAq h1 {
  font-family: Gibson,Favorit,Helvetica Neue,HelveticaNeue,Helvetica,Arial,sans-serif;
  font-size: 2.25rem
}

.BJdAq h2 {
  margin: 15px 0;
  font-family: Gibson,Favorit,Helvetica Neue,HelveticaNeue,Helvetica,Arial,sans-serif;
  font-size: 1.25rem
}

.BJdAq p {
  margin: 15px 0
}

.BJdAq a {
  color: inherit
}

.MWy5n {
  background: #ded8d8;
  width: 32%;
  height: 100vh;
  overflow: auto
}

.MWy5n header {
  box-sizing: border-box;
  color: #fff;
  background-color: #2a2a2a;
  max-height: 180px;
  padding: 35px 40px;
  overflow: hidden
}

.CByrZ {
  color: #bebebe;
  margin: 0;
  font-size: 14px
}

.eCrdR {
  color: #e95353
}

.nCL3A {
  word-wrap: break-word;
  color: #fff;
  margin: 4px 0 0;
  font-size: 20px
}

.nCL3A span {
  display: block
}

.qEEWz {
  color: #a29d9d;
  background: rgba(0,0,0,.05);
  padding: 8px 15px;
  font-size: 11px
}

.SrzTV {
  margin: 5px;
  padding: 0;
  list-style: none
}

.QmD4u {
  cursor: pointer;
  background: #eee;
  padding: 14px;
  transition: all .1s
}

.QmD4u:not(:last-child) {
  border-bottom: 1px solid rgba(0,0,0,.05)
}

.QmD4u.xr1tF {
  color: #4288ce;
  box-shadow: inset -5px 0 #4288ce
}

.Mcmgd {
  margin-bottom: 10px
}

.KBurv {
  color: #a29d9d;
  text-align: center;
  background-color: rgba(0,0,0,.05);
  border-radius: 5px;
  width: 18px;
  height: 18px;
  margin-right: 4px;
  padding: 0 1px;
  font-size: 11px;
  line-height: 18px;
  display: inline-block
}

.OYHMN,.gBtbQ {
  margin-right: 4px;
  font-size: 14px
}

.y6s3S {
  vertical-align: middle;
  margin-right: 4px
}

.bUn8w {
  word-wrap: break-word;
  color: #a29d9d;
  font-family: Inconsolata,Fira Mono,Source Code Pro,Monaco,Consolas,Lucida Console,monospace
}

.QCGgN {
  font-weight: 700
}

.W72tD {
  background-color: #fafafa;
  flex: 1;
  width: 68%;
  height: 100vh;
  overflow: auto
}

.CpxU3 {
  color: #fff;
  background: #303030;
  padding: 20px 40px
}

.CpxU3:not(.BpaH1) {
  display: none
}

.CpxU3 ol {
  margin: 0;
  padding: 0 0 0 50px;
  list-style: none
}

.CpxU3 li::marker {
  color: #a5a5a5
}

.CpxU3 li {
  line-height: 135%
}

.BpaH1 {
  display: block
}

.XLdsP pre {
  -moz-tab-size: 4;
  tab-size: 4;
  background: #333;
  border-radius: 6px;
  margin: 0;
  padding: 10px;
  font-family: Inconsolata,Fira Mono,Source Code Pro,Monaco,Consolas,Lucida Console,monospace;
  box-shadow: 0 3px rgba(0,0,0,.05),0 10px 30px rgba(0,0,0,.05),inset 0 0 1px rgba(255,255,255,.07)
}

.vO_oz,.ABBL3 {
  color: #a29d9d;
  padding: 12px 6px;
  font-family: Inconsolata,Fira Mono,Source Code Pro,Monaco,Consolas,Lucida Console,monospace
}

.ttaqV {
  background-color: rgba(255,100,100,.17);
  padding: 2px 0
}

.TOkEv {
  background-color: rgba(255,100,100,.07);
  padding: 2px 0
}

.agYcj {
  background: #333;
  border-radius: 6px;
  padding: 10px;
  box-shadow: 0 3px rgba(0,0,0,.05),0 10px 30px rgba(0,0,0,.05),inset 0 0 1px rgba(255,255,255,.07)
}

.lTCVX {
  color: #fff;
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
  position: relative;
  font: 12px Inconsolata,Fira Mono,Source Code Pro,Monaco,Consolas,Lucida Console,monospace!important
}

.xnyup {
  padding: 5px
}

@media (min-width: 1000px) {
  .CpxU3 {
    margin-bottom:60px
  }

  .xnyup {
    padding: 20px 40px
  }
}

.mt_tf {
  color: #4288ce;
  border-bottom: 1px solid rgba(0,0,0,.1);
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 1.5em;
  font-weight: 300
}

.XtUWF label {
  color: #303030;
  margin: 10px 5px 5px 0;
  padding-bottom: 5px;
  font-size: 16px;
  font-weight: 700;
  display: inline-block
}

.XtUWF .GAv_j {
  color: gray
}

.OjqbB {
  border-collapse: separate;
  border-spacing: 4px;
  width: 100%;
  margin-bottom: 10px
}

.OjqbB thead {
  display: none
}

.OjqbB tbody {
  font: 13px Inconsolata,Fira Mono,Source Code Pro,Monaco,Consolas,Lucida Console,monospace
}

.OjqbB tr {
  padding: 5px 0
}

.OjqbB td:first-child {
  color: #463c54;
  width: 20%;
  min-width: 130px;
  padding-right: 5px;
  font-weight: 700;
  overflow: hidden
}

.OjqbB td:last-child {
  -webkit-hyphens: auto;
  hyphens: auto;
  word-break: break-word;
  width: 80%
}

.OjqbB pre {
  color: #463c54;
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: break-all;
  font: 12px Inconsolata,Fira Mono,Source Code Pro,Monaco,Consolas,Lucida Console,monospace!important
}

.S2_TW {
  background-color: var(--content-fg);
  min-height: 100vh;
  color: var(--color-fg-light);
  justify-content: center;
  align-items: center;
  display: flex
}

.wnTVb {
  text-align: center;
  max-width: 440px;
  padding: 20px
}

.wnTVb h1 {
  font-family: Gibson,Favorit,Helvetica Neue,HelveticaNeue,Helvetica,Arial,sans-serif;
  font-size: 2.25rem
}

.wnTVb p {
  margin: 15px 0
}

.wnTVb a {
  color: inherit
}

.kckjF {
  color: var(--color-fg-light);
  justify-content: flex-end;
  align-items: center;
  text-decoration: none;
  display: flex
}

.CrU4O {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857;
  font-family: var(--font-family);
  text-align: end;
  margin-right: 10px
}

.sDSVf {
  text-align: left;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  color: var(--chrome-fg);
  align-self: flex-start;
  margin: 0 16px
}

.sDSVf strong {
  font-weight: 700
}

.sDSVf a {
  color: var(--brand-blue);
  text-decoration: none
}

.sDSVf .RXcgp div {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  font-family: var(--font-family-modern)
}

.sDSVf .wYoGW {
  text-transform: lowercase;
  font-weight: 700
}

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

.wfmnE {
  --error-background-image: "none";
  background-position: 50%;
  background-size: cover;
  background-color: var(--content-fg);
  height: 100vh;
  color: var(--color-fg-light);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative
}

@media (prefers-reduced-motion:no-preference) {
  .wfmnE {
    background-image: var(--error-background-image)
  }
}

.C_9U_ {
  max-width: 440px;
  padding: 20px;
  position: relative
}

.C_9U_:before {
  content: "";
  background-color: rgba(0,0,0,.25);
  margin: 75px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 0 100px 100px rgba(0,0,0,.25)
}

.U3dUM,.Iw0rt {
  text-align: center;
  position: relative
}

.U3dUM {
  margin-bottom: 15px;
  font-family: Gibson,Favorit,Helvetica Neue,HelveticaNeue,Helvetica,Arial,sans-serif;
  font-size: 2.25rem
}

.Iw0rt {
  line-height: 21px
}

.Iw0rt .brNDl {
  color: var(--color-fg-light)
}

.Lo5j0 {
  display: none;
  position: absolute;
  bottom: 20px;
  right: 20px
}

@media (prefers-reduced-motion:no-preference) {
  .Lo5j0 {
    display: block
  }
}

.UX61Y {
  flex-direction: column;
  align-self: center;
  align-items: flex-end;
  display: flex
}

.YcUec {
  width: 100%;
  max-width: 556px
}

@media only screen and (min-width: 990px) {
  .YcUec {
    align-self:flex-end
  }
}

.GJbUx {
  box-sizing: border-box;
  background-color: var(--content-panel);
  border-radius: 8px;
  width: 100%;
  max-width: 556px;
  margin-bottom: calc(100vh - 200px);
  padding: 8px
}

.qefYI,.CkEtw {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex
}

.ZPaGT {
  margin-bottom: 0
}

.DMMyn {
  text-align: left;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  font-family: var(--font-family-modern);
  align-self: flex-start;
  margin: 20px 10px
}

@media not (max-width: 540px) {
  .DMMyn {
    margin:20px 0
  }
}

.DMMyn strong {
  font-weight: 700
}

.DMMyn.ZPJNs {
  color: var(--chrome-fg)
}

.DMMyn._3EtE {
  color: var(--content-fg)
}

.DMMyn a {
  color: var(--brand-blue);
  text-decoration: none
}

.DMMyn .QLv3v {
  text-transform: lowercase;
  font-weight: 700
}

.VPU0c {
  min-width: 300px
}

.SMpQ3 {
  z-index: 99;
  overscroll-behavior: none;
  background-color: var(--content-panel);
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  transform: translate(0,0)
}

.SMpQ3 .aNMcO {
  background-color: var(--chrome);
  flex-direction: row;
  display: flex
}

.SMpQ3 .HGnip {
  margin: 4px 8px
}