.Qrht9 {
  max-width: 100%;
  margin: auto;
}

.TGnTP {
  outline: none;
}

.Fuc5D {
  text-align: center;
  background-color: rgba(var(--black), 0.13);
}

.Ty83o {
  pointer-events: none;
  background-color: transparent;
  width: 1px;
  height: 1px;
  position: absolute;
}

.TRX6J,
.EvhBA {
  color: inherit;
  font: inherit;
}

.TRX6J:focus,
.EvhBA:focus {
  outline: none;
}

.TRX6J:disabled,
.EvhBA:disabled {
  cursor: inherit;
}

.EvhBA {
  display: block;
}

.TRX6J:focus > .EvhBA {
  opacity: 1;
  outline: auto #00b8ff;
}

.CxLjL,
.CxLjL > span,
.Z8Ux2 {
  box-sizing: border-box;
  color: var(--button-text);
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.Z8Ux2:focus {
  outline: auto #00b8ff;
}

.qjTo7 {
  background: var(--button-bg);
  border-radius: 3px;
}

.wmqRB {
  border: var(--button-bg) 2px solid;
  background-color: rgba(255, 255, 255, 0);
  border-radius: 3px;
}

.qNKBC {
  border-radius: 20px;
}

.CguuB.Z8Ux2,
.CguuB > span {
  font-family: var(--font-family);
  width: 100%;
  padding: 10px 15px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

.CguuB.Z8Ux2.wmqRB,
.CguuB > span.wmqRB {
  padding: 8px 13px;
}

.CguuB.CxLjL {
  width: 100%;
}

.IMvK3.Z8Ux2,
.IMvK3 > span {
  font-family: var(--font-family);
  padding: 6px 15px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

.IMvK3.Z8Ux2.wmqRB,
.IMvK3 > span.wmqRB {
  padding: 4px 13px;
}

.G98jK {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0;
}

.UGtNp,
.sCwp6 {
  text-align: center;
  display: block;
}

.UGtNp {
  margin-top: 30px;
  font-size: 3rem;
}

.sCwp6 {
  font-size: 1.5rem;
}

.JOT05 {
  flex-direction: column;
  width: 100%;
  max-width: 330px;
  margin: 32px auto 0;
  display: flex;
}

.JOT05 > button,
.JOT05 > a {
  border-radius: 20px;
  margin-bottom: 12px;
}

@media (min-width: 540px) {
  .UGtNp {
    margin-top: 0;
  }

  .JOT05 {
    gap: 12px;
    display: flex;
  }

  .JOT05 > button,
  .JOT05 > a {
    margin-bottom: 0;
  }
}

.gCGaI {
  pointer-events: none;
}

.r2Y6b {
  padding-top: 16px;
}

.Lq1wm {
  z-index: 100;
  width: 100%;
  height: 100%;
  transition: background-color 0.15s linear;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translateZ(0);
}

.Lq1wm.EDp57 {
  z-index: calc(100 + 1);
}

.SaLOl:focus {
  outline: none;
}

.SaLOl,
.ZUy1d {
  cursor: default;
  width: 100%;
  height: 100vh;
  position: absolute;
}

.ZUy1d {
  top: 0;
  left: 0;
}

.yKniX {
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.yKniX.o4qtI {
  justify-content: center;
  align-items: center;
}

.jmscj {
  z-index: 1;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: background 0.5s;
  display: flex;
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.15);
}

.jmscj svg {
  transition: fill 0.5s;
}

.jmscj._6Ngd {
  width: 40px;
  height: 40px;
}

.jmscj.yGilT {
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.15);
}

@media (max-width: 540px) {
  .jmscj {
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px;
  }
}

@keyframes Lm2sR {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.chbGb {
  z-index: 1;
  width: 48px;
  animation: 0.4s ease-out forwards Lm2sR;
  position: absolute;
}

.chbGb.ugg8X.Jr4hl {
  left: 8px;
}

.chbGb.ugg8X.yhXG9 {
  right: 8px;
}

.chbGb.ugg8X.emKGe {
  bottom: 8px;
}

.chbGb.ugg8X.emKGe > button {
  margin-top: 8px;
}

.chbGb.ugg8X.oxgJS {
  top: 8px;
}

.chbGb.ugg8X.oxgJS > button {
  margin-bottom: 8px;
}

@media (max-width: 540px) {
  .chbGb.ugg8X {
    position: relative;
  }

  .chbGb.ugg8X > button {
    margin-right: 8px;
  }

  .chbGb.ugg8X.oxgJS {
    height: 48px;
    display: flex;
  }

  .chbGb.ugg8X.emKGe,
  .chbGb.ugg8X.N57TC {
    position: absolute;
  }
}

.chbGb.x3Ou5.Jr4hl {
  left: -64px;
}

.chbGb.x3Ou5.yhXG9 {
  right: -64px;
}

.chbGb.x3Ou5.emKGe {
  bottom: 16px;
}

.chbGb.x3Ou5.emKGe > button {
  margin-top: 16px;
}

.chbGb.x3Ou5.oxgJS {
  top: 16px;
}

.chbGb.x3Ou5.oxgJS > button {
  margin-bottom: 16px;
}

.xm3hr .I41Le {
  background: RGB(var(--white));
  max-width: 100%;
  color: RGB(var(--black));
  transition: transform 0.15s ease-in-out;
  position: absolute;
  top: 0;
  bottom: 0;
  overflow-y: auto;
  transform: translate(-100%);
}

.xm3hr .I41Le.u10SL {
  transform: none;
}

.xm3hr.ikf2G {
  left: 0;
}

.xm3hr.KwKKC {
  margin: auto;
  transition: transform 0.15s ease-in-out;
  position: relative;
  transform: translateY(100%);
}

.xm3hr.KwKKC.u10SL {
  transform: none;
}

.xm3hr.KwKKC .I41Le {
  background: 0 0;
  height: 100%;
  transition: none;
  position: relative;
  transform: none;
}

.xm3hr.JifR0 {
  right: 0;
}

.xm3hr.JifR0 .I41Le {
  right: 0;
  transform: translate(100%);
}

.xm3hr.JifR0 .I41Le.u10SL {
  transform: none;
}

.xm3hr.MczJ0 {
  margin-top: auto;
  transition: transform 0.15s ease-in-out;
  position: relative;
  transform: translateY(100%);
}

.xm3hr.MczJ0.u10SL {
  transform: none;
}

.xm3hr.MczJ0 .I41Le {
  background: 0 0;
  height: 100%;
  transition: none;
  position: relative;
  transform: none;
}

.i89ya {
  transition: right 0.15s ease-in-out;
  position: fixed;
  bottom: 0;
  right: 0;
}

.EcpO3 {
  --icon-color-primary: rgba(var(--white-on-dark), 0.65);
  background-color: RGB(var(--navy));
  opacity: 1;
  pointer-events: auto;
  border-radius: 3px;
  width: 21px;
  height: 21px;
  margin: 0 10px 10px;
  transition: opacity 0.4s;
}

.EcpO3.M7X3s {
  opacity: 0;
  pointer-events: none;
}

.EcpO3 > span {
  justify-content: center;
  align-items: center;
  display: flex;
}

.JhOLN {
  background: RGB(var(--navy));
  opacity: 1;
  pointer-events: auto;
  border-radius: 3px;
  margin: 0 10px 10px;
  padding: 4px 5px 1px;
  transition: opacity 0.4s;
}

.JhOLN.oyQOd {
  opacity: 0;
  pointer-events: none;
}

.JhOLN svg use {
  --icon-color-primary: rgba(var(--white-on-dark), 0.65);
}

.LQ3tN {
  white-space: nowrap;
  align-items: center;
  width: 78px;
  height: 20px;
  display: flex;
}

.LQ3tN.anjRo {
  width: 39px;
}

.LQ3tN.anjRo .OpTfa {
  border-radius: 2px;
  width: 10px;
  height: 10px;
  margin-left: 2px;
  margin-right: 1px;
}

.LQ3tN.ZfqiZ {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.LQ3tN.rCL4r {
  position: relative;
  left: 50%;
  transform: translate(-50%);
}

.LQ3tN.K6fAK {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%) translateY(-50%);
}

.LQ3tN .OpTfa {
  opacity: 0.5;
  background-color: rgba(var(--white-on-dark), 0.65);
  border-radius: 5px;
  width: 20px;
  height: 20px;
  margin-left: 3px;
  margin-right: 3px;
  animation: 0.3s ease-in-out infinite alternate eK1Gm;
}

.LQ3tN .OpTfa:first-child {
  animation-delay: -200ms;
}

.LQ3tN .OpTfa:nth-child(2) {
  animation-delay: -100ms;
}

.LQ3tN.z9R7j .OpTfa {
  background-color: var(--chrome-fg-tertiary);
}

.LQ3tN.RYTJo .OpTfa {
  background-color: var(--content-fg-tertiary);
}

.LQ3tN.OK2Wo .OpTfa {
  animation: none;
}

@keyframes eK1Gm {
  0% {
    opacity: 0.5;
    transform: scaleY(1);
  }

  to {
    opacity: 1;
    transform: scaleY(1.4);
  }
}

.PRpX1 {
  background-color: RGB(var(--white));
  width: 100%;
  height: 100%;
}

.PRpX1.SQb_h {
  height: 100vh;
}

.cwvO0 {
  z-index: calc(100 - 1);
  background: 0 0;
  position: fixed;
  bottom: 0;
  right: 16px;
}

.cwvO0.XqJaW .Gdf0h {
  bottom: 56px;
}

.cwvO0.XqJaW .HWH8P {
  right: 64px;
}

.cwvO0.RHTsA {
  z-index: calc(100 + 1);
}

.cwvO0.HzhUu {
  height: 100vh;
  position: relative;
}

.cwvO0.QZ6XZ .HWH8P {
  right: 416px;
}

.cwvO0.ogC81 .j17Mp,
.cwvO0.ogC81 .HWH8P {
  right: 64px;
}

.cwvO0.ogC81.QZ6XZ .HWH8P {
  right: 480px;
}

.HWH8P {
  pointer-events: none;
  flex-direction: column;
  align-items: flex-end;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
}

.j17Mp,
.HWH8P {
  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.j17Mp {
  background-color: RGB(var(--white));
  transform-origin: 100% 100%;
  opacity: 1;
  border-radius: 12px;
  width: 400px;
  height: calc(100vh - 32px);
  max-height: 560px;
  position: absolute;
  bottom: 16px;
  right: 0;
  overflow: hidden;
  box-shadow: 0 4px 32px rgba(0, 0, 0, 0.5);
}

@media (max-width: 1440px) {
  .j17Mp {
    width: 360px;
  }
}

@media (max-width: 1280px) {
  .j17Mp {
    width: 320px;
    max-height: 480px;
  }
}

.rMTei,
.secQ1 {
  opacity: 0.5;
}

.fYQFx {
  transform: scale(1) translateY(0);
}

.rMTei {
  transform: translateY(100%);
}

.Nz43S,
.secQ1,
.aiKUG {
  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.Nz43S {
  transform: scale(1);
}

.secQ1 {
  transform: scale(0);
}

.Gdf0h {
  width: 48px;
  margin-bottom: 16px;
  position: relative;
}

.aiKUG {
  opacity: 1;
  display: flex;
  position: absolute;
  transform: scale(1);
}

.a0z97 {
  opacity: 0.3;
  transform: scale(0.01);
}

.CkEXb {
  z-index: 101;
  box-sizing: border-box;
  pointer-events: none;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  position: fixed;
  bottom: 32px;
  left: 0;
}

.CkEXb .toastBird {
  background-color: #00b8ff !important;
}

.a0A37 {
  font-size: 1rem;
  font-family: var(--font-family-modern);
  box-sizing: border-box;
  pointer-events: all;
  border-radius: 8px;
  align-items: flex-start;
  margin-bottom: 2px;
  padding: 12px;
  font-weight: 350;
  line-height: 1.5rem;
  animation:
    0.3s ease-in P8JEa,
    0.3s ease-out 3.7s aNHK7;
  display: flex;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
}

@keyframes P8JEa {
  0% {
    opacity: 0;
    transform: translateY(50%);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes aNHK7 {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

  to {
    opacity: 0;
    transform: translateY(-50%);
  }
}

.a0A37 p {
  margin-bottom: 0;
}

.a0A37 svg {
  min-width: 20px;
  min-height: 20px;
  margin-right: 8px;
}

.a0A37.Td0xZ,
.a0A37.feuui {
  background-color: var(--accent);
  color: var(--accent-fg);
  animation:
    0.3s ease-in P8JEa,
    0.3s ease-out 7.7s aNHK7;
}

.a0A37.hAkP2 {
  background-color: var(--danger);
  color: var(--color-fg);
  animation:
    0.3s ease-in P8JEa,
    0.3s ease-out 7.7s aNHK7;
}

.a0A37.LNdFd {
  background-color: var(--success);
  color: var(--color-fg);
  animation:
    0.3s ease-in P8JEa,
    0.3s ease-out 3.7s aNHK7;
}

.a0A37.tm7hO {
  color: #fff;
  background-color: #7c5cff;
  animation:
    0.3s ease-in P8JEa,
    0.3s ease-out 3.7s aNHK7;
}

.a0A37.tm7hO img {
  margin-right: 8px;
}

.a0A37.ENWsP {
  color: #fff;
  background-color: #f95ec9;
  animation:
    0.3s ease-in P8JEa,
    0.3s ease-out 3.7s aNHK7;
}

.a0A37.ENWsP img {
  margin-right: 8px;
}

.a0A37.feuui {
  animation: 0.3s ease-in P8JEa;
}

@media (max-width: 540px) {
  .a0A37 {
    width: 100%;
  }
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  font: inherit;
  vertical-align: baseline;
  border: none;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button {
  color: inherit;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
}

:root {
  --color-navy: #001935;
  --color-blue: #00b8ff;
  --color-purple: #7c5cff;
  --color-pink: #ff61ce;
  --color-red: #ff4930;
  --color-orange: #ff8a00;
  --color-yellow: #e8d73a;
  --color-green: #01cf35;
  --color-black: #000;
  --color-white: #fff;
  --color-transparent: rgba(255, 255, 255, 0);
  --color-navy-3: #fbfcfc;
  --color-navy-5: #f2f4f5;
  --color-navy-10: #e5e8eb;
  --color-navy-15: #d9dde1;
  --color-navy-20: #ccd1d7;
  --color-navy-30: #b3bac2;
  --color-navy-40: #99a3ae;
  --color-navy-50: #808c9a;
  --color-navy-60: #667586;
  --color-navy-70: #4c5e72;
  --color-navy-80: #33475d;
  --color-navy-85: #263b53;
  --color-navy-90: #1a3049;
  --color-navy-95: #0d243f;
  --color-navy-100: #001935;
  --color-navy-tint-3: rgba(0, 25, 53, 0.03);
  --color-navy-tint-5: rgba(0, 25, 53, 0.05);
  --color-navy-tint-10: rgba(0, 25, 53, 0.1);
  --color-navy-tint-15: rgba(0, 25, 53, 0.15);
  --color-navy-tint-20: rgba(0, 25, 53, 0.2);
  --color-navy-tint-30: rgba(0, 25, 53, 0.3);
  --color-navy-tint-40: rgba(0, 25, 53, 0.4);
  --color-navy-tint-50: rgba(0, 25, 53, 0.5);
  --color-navy-tint-60: rgba(0, 25, 53, 0.6);
  --color-navy-tint-70: rgba(0, 25, 53, 0.7);
  --color-navy-tint-80: rgba(0, 25, 53, 0.8);
  --color-navy-tint-85: rgba(0, 25, 53, 0.85);
  --color-navy-tint-90: rgba(0, 25, 53, 0.9);
  --color-navy-tint-95: rgba(0, 25, 53, 0.95);
  --color-gray-3: #f7f7f7;
  --color-gray-5: #f2f2f2;
  --color-gray-10: #e5e5e5;
  --color-gray-15: #d9d9d9;
  --color-gray-20: #ccc;
  --color-gray-30: #b3b3b3;
  --color-gray-40: #999;
  --color-gray-50: gray;
  --color-gray-60: #666;
  --color-gray-70: #4c4c4c;
  --color-gray-80: #333;
  --color-gray-85: #262626;
  --color-gray-90: #1a1a1a;
  --color-gray-95: #0d0d0d;
  --color-gray-100: #000;
  --color-black-tint-3: rgba(0, 0, 0, 0.03);
  --color-black-tint-5: rgba(0, 0, 0, 0.05);
  --color-black-tint-10: rgba(0, 0, 0, 0.1);
  --color-black-tint-15: rgba(0, 0, 0, 0.15);
  --color-black-tint-20: rgba(0, 0, 0, 0.2);
  --color-black-tint-30: rgba(0, 0, 0, 0.3);
  --color-black-tint-40: rgba(0, 0, 0, 0.4);
  --color-black-tint-50: rgba(0, 0, 0, 0.5);
  --color-black-tint-60: rgba(0, 0, 0, 0.6);
  --color-black-tint-70: rgba(0, 0, 0, 0.7);
  --color-black-tint-80: rgba(0, 0, 0, 0.8);
  --color-black-tint-85: rgba(0, 0, 0, 0.85);
  --color-black-tint-90: rgba(0, 0, 0, 0.9);
  --color-black-tint-95: rgba(0, 0, 0, 0.95);
  --color-white-tint-3: rgba(255, 255, 255, 0.03);
  --color-white-tint-5: rgba(255, 255, 255, 0.05);
  --color-white-tint-10: rgba(255, 255, 255, 0.1);
  --color-white-tint-15: rgba(255, 255, 255, 0.15);
  --color-white-tint-20: rgba(255, 255, 255, 0.2);
  --color-white-tint-30: rgba(255, 255, 255, 0.3);
  --color-white-tint-40: rgba(255, 255, 255, 0.4);
  --color-white-tint-50: rgba(255, 255, 255, 0.5);
  --color-white-tint-60: rgba(255, 255, 255, 0.6);
  --color-white-tint-70: rgba(255, 255, 255, 0.7);
  --color-white-tint-80: rgba(255, 255, 255, 0.8);
  --color-white-tint-85: rgba(255, 255, 255, 0.85);
  --color-white-tint-90: rgba(255, 255, 255, 0.9);
  --color-white-tint-95: rgba(255, 255, 255, 0.95);
  --color-blue-5: #e5f8ff;
  --color-blue-10: #ccf1ff;
  --color-blue-20: #99e3ff;
  --color-blue-30: #66d4ff;
  --color-blue-40: #33c6ff;
  --color-blue-50: #00b8ff;
  --color-blue-60: #0093cc;
  --color-blue-70: #006e99;
  --color-blue-80: #004a66;
  --color-blue-90: #002533;
  --color-blue-95: #001219;
  --color-blue-tint-5: rgba(0, 184, 255, 0.05);
  --color-blue-tint-10: rgba(0, 184, 255, 0.1);
  --color-blue-tint-20: rgba(0, 184, 255, 0.2);
  --color-blue-tint-30: rgba(0, 184, 255, 0.3);
  --color-blue-tint-40: rgba(0, 184, 255, 0.4);
  --color-blue-tint-50: rgba(0, 184, 255, 0.5);
  --color-blue-tint-60: rgba(0, 184, 255, 0.6);
  --color-blue-tint-70: rgba(0, 184, 255, 0.7);
  --color-blue-tint-80: rgba(0, 184, 255, 0.8);
  --color-blue-tint-90: rgba(0, 184, 255, 0.9);
  --color-blue-tint-95: rgba(0, 184, 255, 0.95);
  --color-purple-5: #f2efff;
  --color-purple-10: #e5deff;
  --color-purple-20: #cbbeff;
  --color-purple-30: #b09dff;
  --color-purple-40: #967dff;
  --color-purple-50: #7c5cff;
  --color-purple-60: #634acc;
  --color-purple-70: #4a3799;
  --color-purple-80: #322566;
  --color-purple-90: #191233;
  --color-purple-95: #0c0919;
  --color-purple-tint-5: rgba(124, 92, 255, 0.05);
  --color-purple-tint-10: rgba(124, 92, 255, 0.1);
  --color-purple-tint-20: rgba(124, 92, 255, 0.2);
  --color-purple-tint-30: rgba(124, 92, 255, 0.3);
  --color-purple-tint-40: rgba(124, 92, 255, 0.4);
  --color-purple-tint-50: rgba(124, 92, 255, 0.5);
  --color-purple-tint-60: rgba(124, 92, 255, 0.6);
  --color-purple-tint-70: rgba(124, 92, 255, 0.7);
  --color-purple-tint-80: rgba(124, 92, 255, 0.8);
  --color-purple-tint-90: rgba(124, 92, 255, 0.9);
  --color-purple-tint-95: rgba(124, 92, 255, 0.95);
  --color-pink-5: #ffeffa;
  --color-pink-10: #ffdff5;
  --color-pink-20: #ffc0eb;
  --color-pink-30: #ffa0e2;
  --color-pink-40: #ff81d8;
  --color-pink-50: #ff61ce;
  --color-pink-60: #cc4ea5;
  --color-pink-70: #993a7c;
  --color-pink-80: #662752;
  --color-pink-90: #331329;
  --color-pink-95: #190a15;
  --color-pink-tint-5: rgba(255, 97, 206, 0.05);
  --color-pink-tint-10: rgba(255, 97, 206, 0.1);
  --color-pink-tint-20: rgba(255, 97, 206, 0.2);
  --color-pink-tint-30: rgba(255, 97, 206, 0.3);
  --color-pink-tint-40: rgba(255, 97, 206, 0.4);
  --color-pink-tint-50: rgba(255, 97, 206, 0.5);
  --color-pink-tint-60: rgba(255, 97, 206, 0.6);
  --color-pink-tint-70: rgba(255, 97, 206, 0.7);
  --color-pink-tint-80: rgba(255, 97, 206, 0.8);
  --color-pink-tint-90: rgba(255, 97, 206, 0.9);
  --color-pink-tint-95: rgba(255, 97, 206, 0.95);
  --color-red-5: #ffedea;
  --color-red-10: #ffdbd6;
  --color-red-20: #ffb6ac;
  --color-red-30: #ff9283;
  --color-red-40: #ff6d59;
  --color-red-50: #ff4930;
  --color-red-60: #cc3a26;
  --color-red-70: #992c1d;
  --color-red-80: #661d13;
  --color-red-90: #330f0a;
  --color-red-95: #190705;
  --color-red-tint-5: rgba(255, 73, 48, 0.05);
  --color-red-tint-10: rgba(255, 73, 48, 0.1);
  --color-red-tint-20: rgba(255, 73, 48, 0.2);
  --color-red-tint-30: rgba(255, 73, 48, 0.3);
  --color-red-tint-40: rgba(255, 73, 48, 0.4);
  --color-red-tint-50: rgba(255, 73, 48, 0.5);
  --color-red-tint-60: rgba(255, 73, 48, 0.6);
  --color-red-tint-70: rgba(255, 73, 48, 0.7);
  --color-red-tint-80: rgba(255, 73, 48, 0.8);
  --color-red-tint-90: rgba(255, 73, 48, 0.9);
  --color-red-tint-95: rgba(255, 73, 48, 0.95);
  --color-orange-5: #fff3e5;
  --color-orange-10: #ffe8cc;
  --color-orange-20: #ffd099;
  --color-orange-30: #ffb966;
  --color-orange-40: #ffa133;
  --color-orange-50: #ff8a00;
  --color-orange-60: #cc6e00;
  --color-orange-70: #995300;
  --color-orange-80: #663700;
  --color-orange-90: #331c00;
  --color-orange-95: #190e00;
  --color-orange-tint-5: rgba(255, 138, 0, 0.05);
  --color-orange-tint-10: rgba(255, 138, 0, 0.1);
  --color-orange-tint-20: rgba(255, 138, 0, 0.2);
  --color-orange-tint-30: rgba(255, 138, 0, 0.3);
  --color-orange-tint-40: rgba(255, 138, 0, 0.4);
  --color-orange-tint-50: rgba(255, 138, 0, 0.5);
  --color-orange-tint-60: rgba(255, 138, 0, 0.6);
  --color-orange-tint-70: rgba(255, 138, 0, 0.7);
  --color-orange-tint-80: rgba(255, 138, 0, 0.8);
  --color-orange-tint-90: rgba(255, 138, 0, 0.9);
  --color-orange-tint-95: rgba(255, 138, 0, 0.95);
  --color-yellow-5: #fdfbeb;
  --color-yellow-10: #faf7d8;
  --color-yellow-20: #f6efb0;
  --color-yellow-30: #f1e789;
  --color-yellow-40: #eddf61;
  --color-yellow-50: #e8d73a;
  --color-yellow-60: #baac2e;
  --color-yellow-70: #8b8123;
  --color-yellow-80: #5d5617;
  --color-yellow-90: #2e2b0c;
  --color-yellow-95: #171506;
  --color-yellow-tint-5: rgba(232, 215, 58, 0.05);
  --color-yellow-tint-10: rgba(232, 215, 58, 0.1);
  --color-yellow-tint-20: rgba(232, 215, 58, 0.2);
  --color-yellow-tint-30: rgba(232, 215, 58, 0.3);
  --color-yellow-tint-40: rgba(232, 215, 58, 0.4);
  --color-yellow-tint-50: rgba(232, 215, 58, 0.5);
  --color-yellow-tint-60: rgba(232, 215, 58, 0.6);
  --color-yellow-tint-70: rgba(232, 215, 58, 0.7);
  --color-yellow-tint-80: rgba(232, 215, 58, 0.8);
  --color-yellow-tint-90: rgba(232, 215, 58, 0.9);
  --color-yellow-tint-95: rgba(232, 215, 58, 0.95);
  --color-green-5: #e6faeb;
  --color-green-10: #ccf5d7;
  --color-green-20: #99ecae;
  --color-green-30: #67e286;
  --color-green-40: #34d95d;
  --color-green-50: #01cf35;
  --color-green-60: #01a62a;
  --color-green-70: #017c20;
  --color-green-80: #005315;
  --color-green-90: #00290b;
  --color-green-95: #001505;
  --color-green-tint-5: rgba(1, 207, 53, 0.05);
  --color-green-tint-10: rgba(1, 207, 53, 0.1);
  --color-green-tint-20: rgba(1, 207, 53, 0.2);
  --color-green-tint-30: rgba(1, 207, 53, 0.3);
  --color-green-tint-40: rgba(1, 207, 53, 0.4);
  --color-green-tint-50: rgba(1, 207, 53, 0.5);
  --color-green-tint-60: rgba(1, 207, 53, 0.6);
  --color-green-tint-70: rgba(1, 207, 53, 0.7);
  --color-green-tint-80: rgba(1, 207, 53, 0.8);
  --color-green-tint-90: rgba(1, 207, 53, 0.9);
  --color-green-tint-95: rgba(1, 207, 53, 0.95);
  --color-rainbow-0: #00b8ff;
  --color-rainbow-1: #01cf35;
  --color-rainbow-2: #74d338;
  --color-rainbow-3: #e8d73a;
  --color-rainbow-4: #ff8a00;
  --color-rainbow-5: #ff6918;
  --color-rainbow-6: #ff4930;
  --color-rainbow-7: #ff557f;
  --color-rainbow-8: #ff61ce;
  --color-rainbow-9: #be5fe6;
  --color-rainbow-10: #7c5cff;
  --space-xxxs: 2px;
  --space-xxs: 4px;
  --space-xs: 8px;
  --space-s: 12px;
  --space-m: 16px;
  --space-l: 20px;
  --space-xl: 24px;
  --space-xxl: 28px;
  --space-xxxl: 32px;
  --radius-none: 0px;
  --radius-xxxs: 2px;
  --radius-xxs: 4px;
  --radius-xs: 8px;
  --radius-s: 12px;
  --radius-m: 16px;
  --radius-l: 20px;
  --radius-xl: 24px;
  --radius-xxl: 28px;
  --radius-xxxl: 32px;
  --radius-round: 9999px;
  --radius-thumb-s: 2px;
  --radius-thumb-m: 4px;
  --radius-thumb-l: 8px;
  --radius-avatar-s: 2px;
  --radius-avatar-m: 4px;
  --radius-avatar-l: 8px;
  --radius-avatar-round: 9999px;
  --radius-ui-square: 8px;
  --radius-ui-round: 9999px;
  --radius-post-image: 4px;
  --radius-badge: 4px;
  --radius-label: 2px;
  --radius-button: 9999px;
  --radius-dropdown: 8px;
  --radius-banner: 8px;
  --radius-modal-s: 12px;
  --radius-modal-m: 16px;
  --radius-modal-l: 20px;
  --radius-panel: 8px;
  --radius-panel-mobile: 12px;
}

b,
strong {
  font-weight: 700;
}

i,
em {
  font-style: italic;
}

a {
  color: inherit;
  text-decoration: underline;
}

pre {
  max-width: 100%;
  font-family: Courier, monospace;
  overflow-x: auto;
}

blockquote {
  font-family:
    Georgia,
    Times,
    Times New Roman,
    serif;
  font-size: 1.4em;
  font-style: italic;
}

hr {
  border: none;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid transparent;
  margin: 1.4em 0;
}

ul,
ol {
  margin-bottom: 0.75em;
  padding-left: 2.8em;
}

ul ul,
ul ol,
ol ul,
ol ol {
  margin: 0;
  padding-left: 1.1em;
}

ul li {
  list-style-type: disc;
}

ul li li {
  list-style-type: circle;
}

ol li {
  font-feature-settings: "tnum" 0;
  list-style-type: decimal;
}

button,
input,
textarea,
select {
  font: inherit;
}

input[type="date"],
input[type="time"] {
  cursor: pointer;
}

div {
  scrollbar-width: thin;
  scrollbar-color: rgba(var(--black), 0.4) rgba(var(--white), 0.1);
}

::placeholder {
  color: inherit;
  opacity: 0.4;
}

:focus::placeholder {
  opacity: 0.25;
}

body {
  font-family: var(--font-family);
  background: #001935;
  background: RGB(var(--navy));
  --post-padding: 20px;
  --post-header-vertical-padding: 15px;
  --dashboard-tabs-header-height: 0px;
}

@media (pointer: fine) {
  body {
    overflow-y: scroll;
  }
}

@media (max-width: 540px) {
  body {
    --post-padding: 10px;
    --post-header-vertical-padding: 10px;
  }
}

body,
html {
  scrollbar-width: thin;
  scrollbar-color: rgba(var(--white-on-dark), 0.4) rgba(var(--white-on-dark), 0.1);
  overscroll-behavior-y: contain;
}

:root {
  --base-font-size: 16px;
}

html {
  font-size: var(--base-font-size);
}

.grecaptcha-badge {
  visibility: hidden;
}

.screenReaderOnly {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: none;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.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: RGB(var(--white));
  color: RGB(var(--black));
  border-radius: 3px;
  max-height: calc(100vh - 88px);
  overflow-y: auto;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

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

.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;
}

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

@keyframes QoIzC {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.HrshS {
  animation: 0.1s ease-in-out reverse 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: #000;
  top: 0;
  left: 0;
}

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

.G75qL[data-placement*="left"]:after {
  border-left-color: #000;
  border-right: none;
  top: 0;
  right: 0;
}

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

.G75qL[data-placement*="top"]:after {
  border-top-color: #000;
  border-bottom: none;
  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: #000;
  bottom: 0;
  left: 0;
}

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

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

.Rp8gp {
  font-family: var(--font-family);
  color: rgba(var(--black), 0.4);
  border-radius: 30px;
  padding: 2px 13px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 30px;
  display: inline-block;
}

.Rp8gp:hover:not(.xsZgg) {
  background-color: rgba(var(--deprecated-accent), 0.25);
  color: RGB(var(--deprecated-accent));
  padding: 2px 13px;
}

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

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

.qskHA {
  text-decoration: none;
}

.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%);
}

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

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

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

.RgTaQ .QiSmE,
.RgTaQ .keIHK {
  color: RGB(var(--white-on-dark));
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-align: center;
  box-sizing: border-box;
  width: 100%;
  max-width: 540px;
  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 {
  filter: brightness(0.75);
  outline: none;
}

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

.FTkW8 .QiSmE {
  padding: 0;
}

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

.ojLaJ {
  background-color: RGB(var(--white-on-dark));
  border-radius: 5px;
  padding: 1em;
}

.ojLaJ .QiSmE {
  color: #000;
  text-align: left;
  padding: 1em;
}

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

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

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

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

.ojLaJ .Qluee .B5hil._3qDCk span {
  border: 2px solid rgba(var(--black), 0.4);
  box-sizing: border-box;
  border-radius: 4px;
  padding: 4px 13px;
}

.ojLaJ .Qluee .B5hil.ldUV3 span {
  color: RGB(var(--white));
}

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

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

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

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

.palette--snowBright .ojLaJ {
  background-color: #b4b4b4;
}

.palette--snowBright .ojLaJ .Qluee > button:last-child {
  background-color: #ff4930;
}

.palette--cement .ojLaJ,
.palette--ghost .ojLaJ,
.palette--canary .ojLaJ {
  background-color: #b4b4b4;
}

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

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

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

.v_1X3:hover,
.v_1X3:focus {
  background-color: RGB(var(--secondary-accent));
}

.v_1X3:focus-within {
  background-color: RGB(var(--secondary-accent));
}

.v_1X3.egHyh:hover,
.v_1X3.egHyh:focus {
  background-color: rgba(var(--white-on-dark), 0.07);
}

.v_1X3.egHyh:focus-within {
  background-color: rgba(var(--white-on-dark), 0.07);
}

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

.v_1X3.JtmSb:hover,
.v_1X3.JtmSb:focus {
  background-color: initial;
}

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

.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: RGB(var(--deprecated-accent));
}

.f68ED {
  font-family: var(--font-family);
  color: var(--color-primary-link);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.42857;
  text-decoration: none;
}

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

.f68ED:focus,
.f68ED:hover {
  outline: none;
  text-decoration: underline;
}

.iaJAj {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.iaJAj .J_sXg {
  font-family: var(--font-family);
  color: RGB(var(--black));
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
}

.X1uIE {
  font-family: var(--font-family);
  box-sizing: border-box;
  overflow-wrap: anywhere;
  text-align: center;
  justify-content: center;
  width: 100%;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  overflow: hidden;
}

.X1uIE.XLZRW {
  color: RGB(var(--red));
}

.X1uIE.XOf8k {
  font-family: var(--font-family);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.X1uIE.tVEfy:hover {
  background-color: rgba(0, 207, 53, 0.15);
}

.X1uIE.ft9Xv:hover {
  background-color: rgba(255, 73, 48, 0.15);
}

.X1uIE.qYCWv {
  font-family: var(--font-family);
  flex-flow: wrap;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
  display: flex;
}

.X1uIE.qYCWv .cwYO_ {
  margin: 0 4px;
}

.X1uIE.wBimd {
  font-family: var(--font-family);
  text-align: center;
  cursor: default;
  flex-flow: wrap;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
  display: flex;
}

.X1uIE.YNFqG {
  border-bottom: 1px solid rgba(var(--black), 0.13);
}

.X1uIE.FHOOB button {
  font-family: var(--font-family);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.X1uIE.NYkGQ {
  padding: 0;
}

.X1uIE button:disabled {
  cursor: default;
  opacity: 0.65;
}

.nEx1U {
  width: 100%;
  padding: 10px;
}

.dwUY6 {
  font-family: var(--font-family);
  box-sizing: border-box;
  width: 100%;
  color: rgba(var(--black), 0.65);
  background-color: rgba(var(--black), 0.07);
  padding: 5px 10px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.YptlC {
  padding-top: 2px;
  padding-bottom: 2px;
}

.JHQwV {
  border: 2px solid rgba(var(--white-on-dark), 0.25);
  color: RGB(var(--white-on-dark));
  background-color: transparent;
  font-weight: 400;
  text-decoration: underline;
}

.zudxp {
  outline: none;
}

.zudxp svg {
  width: 12px;
  height: 12px;
}

.zudxp svg use {
  --icon-color-primary: RGB(var(--white-on-dark));
}

@media (hover: hover) {
  .zudxp:hover > span {
    background-color: RGB(var(--white-on-dark));
    color: RGB(var(--navy));
  }

  .zudxp:focus-within > span {
    background-color: RGB(var(--white-on-dark));
    color: RGB(var(--navy));
  }

  .zudxp:hover svg use {
    --icon-color-primary: RGB(var(--navy));
  }

  .zudxp:focus-within svg use {
    --icon-color-primary: RGB(var(--navy));
  }
}

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

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

.jSD2t {
  color: RGB(var(--white));
  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-family: var(--font-family);
  margin-top: 10px;
  font-size: 0.78125rem;
  font-weight: 400;
  line-height: 1.52;
}

.eIMCU svg {
  opacity: 0.5;
}

.eIMCU svg use {
  --icon-color-primary: RGB(var(--white));
}

.ZRf8S {
  background: RGB(var(--black));
  opacity: 0.3;
}

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

.RoN4R,
.VSFLY,
.GmPch {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.RoN4R,
.GmPch {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.VSFLY {
  visibility: hidden;
  position: static;
}

.tPU70 {
  visibility: visible;
}

.xhGbM {
  background-color: RGB(var(--white));
}

.ygXNl {
  position: absolute;
  top: 4px;
  right: 4px;
}

.xJPGl {
  position: relative;
}

.vDhIE {
  z-index: 101 !important;
}

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

.ErOUd {
  background-color: #21cd40;
  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-family: var(--font-family);
  justify-content: center;
  align-items: center;
  font-size: 0.78125rem;
  font-weight: 400;
  line-height: 1.52;
  display: flex;
}

.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 RGB(var(--white));
  border-radius: 11px;
}

.d4Zou {
  background-color: rgba(var(--black), 0.13);
  width: 100%;
  height: 100%;
}

.Coaf7 {
  box-sizing: content-box;
  background: RGB(var(--white));
  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(/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(/pop/src/assets/images/avatar/anonymous_avatar_96-223fabe0.png);
  }
}

.Uj1VY {
  font-family: var(--font-family);
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  min-width: 57.5px;
  padding: 4px 7px 5px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.42857;
  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 0.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 0.3s;
  position: relative;
}

.XP0zm .rTiqc .k_NeV .tOdXM {
  font-family: var(--font-family);
  width: 100%;
  max-width: var(--max-width);
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.5;
  transition: max-width 0.3s;
  position: relative;
  overflow: hidden;
}

.XP0zm .rTiqc .mUv9w {
  width: 100%;
  max-width: var(--max-width);
  transition: max-width 0.3s;
  position: relative;
  overflow: hidden;
}

.XP0zm .rTiqc .mUv9w.h_uF1 {
  margin-left: 0;
}

.XP0zm .rTiqc .qwIYc {
  font-family: var(--font-family);
  width: 100%;
  min-width: 0;
  height: 24px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s;
  display: block;
  position: relative;
  overflow: hidden;
}

.XP0zm .rTiqc .u_VQH,
.XP0zm .rTiqc .Q7KVB {
  text-overflow: ellipsis;
  transition: opacity 0.15s;
  top: 3px;
  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 .Q7KVB {
  opacity: 1;
  position: relative;
}

.XP0zm .rTiqc .u_VQH {
  opacity: 0;
  max-width: 100%;
  position: absolute;
  left: 0;
}

.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 {
  outline: none;
}

.XP0zm.O0Gnc:before {
  content: "";
  opacity: 0.3;
  background: linear-gradient(#000 0%, #000 0%, #000 0%, transparent 100%);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.XP0zm .LuSGH {
  text-overflow: ellipsis;
  font-family: var(--font-family);
  margin: 10px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
  text-decoration: none;
  position: absolute;
  top: 30px;
  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 a {
  margin-left: 5px;
  text-decoration: none;
  display: inline-block;
}

.XP0zm .LuSGH .UBLeP {
  cursor: help;
}

.o_noc {
  box-sizing: border-box;
  width: 100%;
}

.lk3RB {
  cursor: pointer;
  flex: none;
  width: 100%;
  animation: 0.35s ease-in-out _K7AO;
  overflow: hidden;
}

@keyframes _K7AO {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.lk3RB.mvlL1 .qvXRI {
  will-change: transform;
}

.lk3RB.J_gJ7 .qvXRI {
  -o-object-fit: cover;
  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;
  pointer-events: none;
  background-color: var(--blog-background-color);
  opacity: 0;
  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 {
  -o-object-fit: cover;
  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;
  animation: 0.2s ease-out Rtwqv;
  display: flex;
  position: relative;
}

@keyframes Rtwqv {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.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 {
  max-width: unset;
  box-sizing: border-box;
  width: 100%;
  padding: 0 15px;
}

.upBv4.CYh_b.w6BCC.ExzOS .suPwa,
.upBv4.fvN2v.w6BCC.ExzOS .suPwa {
  margin-top: 0;
}

.upBv4 .PuQfD {
  text-align: center;
  color: RGB(var(--white-on-dark));
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  text-overflow: ellipsis;
  flex: none;
  width: 100%;
  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;
}

.N7WwW {
  animation: 0.4s ease-in-out wj3Ip;
}

@keyframes wj3Ip {
  0%,
  20% {
    transform: scale3d(0, 0, 0);
  }

  to {
    transform: none;
  }
}

.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 {
  pointer-events: all;
  background-color: var(--blog-background-color);
  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%;
}

.tDy_h {
  border-radius: inherit;
  background: linear-gradient(
    5deg,
    RGB(var(--green)),
    RGB(var(--blue)),
    RGB(var(--purple)),
    RGB(var(--red)),
    RGB(var(--pink)),
    RGB(var(--orange)),
    RGB(var(--yellow))
  );
  background-size: 250% 100%;
  width: 100%;
  height: 4px;
  animation: 4s linear infinite __tNh;
}

@keyframes __tNh {
  0% {
    background-position: 0%;
  }

  to {
    background-position: 500%;
  }
}

.Ww2p5 {
  background: RGB(var(--purple));
  height: 100%;
  color: RGB(var(--white));
  box-sizing: border-box;
  font-size: 12px;
}

.Ww2p5 .uYhS1 {
  -o-object-fit: cover;
  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: 0.7;
  margin-top: 5px;
  margin-bottom: 0;
}

.bFFz5 {
  background: RGB(var(--white-on-dark));
  height: 100%;
}

.tTuoj {
  box-sizing: border-box;
  height: 100%;
  overflow: hidden;
}

.tTuoj img {
  min-width: 100%;
  min-height: 100%;
}

@supports (-o-object-fit: cover) or (object-fit: cover) {
  .tTuoj img {
    -o-object-fit: cover;
    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 {
  -o-object-fit: cover;
  object-fit: cover;
  filter: brightness(50%) blur(5px);
  background-color: transparent;
}

.YZmYT .flnbG {
  position: absolute;
}

.YZmYT .flnbG img {
  -o-object-fit: contain;
  object-fit: contain;
  background-color: transparent;
}

.NVqwW {
  background: RGB(var(--green));
  height: 100%;
  color: RGB(var(--white));
  box-sizing: border-box;
  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: 0.7;
  max-height: 50%;
  margin-bottom: 0;
  padding-top: 5px;
}

.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-family: var(--font-family);
  white-space: pre-wrap;
  width: 100%;
  color: RGB(var(--black));
  word-break: break-word;
  box-sizing: border-box;
  min-height: 1.5em;
  padding-left: var(--post-padding);
  padding-right: var(--post-padding);
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.k31gt:first-child {
  margin-top: 8px;
}

.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-family: var(--font-family);
  border-left: 3px solid rgba(var(--black), 0.07);
  width: auto;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}

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

.k31gt.ljmFj {
  margin: 10px 0 10px 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: RGB(var(--deprecated-accent));
  text-decoration: none;
}

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

.k31gt.Ppo91 {
  font-family: var(--font-family);
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 0;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
}

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

.k31gt.Ppo91:first-child {
  margin-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;
  font-size: 60px;
  line-height: 60px;
}

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

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

.OEhOq {
  height: 100%;
  color: RGB(var(--black));
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: RGB(var(--white));
  padding: 10px;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.2;
}

.OEhOq.QEfN0 {
  color: RGB(var(--white));
}

.OEhOq.QEfN0:after {
  background: linear-gradient(
    to bottom,
    rgba(var(--black), 0) 0%,
    rgba(var(--black), 0.6) 50%,
    rgba(var(--black), 1) 100%
  );
}

.OEhOq .wSw59 {
  text-overflow: ellipsis;
  word-break: break-all;
  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 .oPs7n {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.OEhOq .oPs7n .vWSPa {
  text-overflow: ellipsis;
  word-break: break-all;
  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:not(:first-child) {
  margin-top: 5px;
  margin-bottom: 5px;
}

.OEhOq:after {
  content: "";
  background: linear-gradient(
    to bottom,
    rgba(var(--white), 0) 0%,
    rgba(var(--white), 0.6) 50%,
    rgba(var(--white), 1) 100%
  );
  width: 100%;
  height: 30px;
  position: absolute;
  bottom: 0;
  left: 0;
}

@keyframes ZJlue {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(4px);
  }

  to {
    transform: translateY(0);
  }
}

.cGfu8:hover .GboHS,
.cGfu8:focus .GboHS {
  animation: 1s infinite ZJlue;
}

.cGfu8:focus > .EEITY {
  outline: none;
}

.sjZlZ {
  background: RGB(var(--white));
  box-sizing: border-box;
  height: 100%;
  padding: 10px;
  font-size: 12px;
  position: relative;
}

.sjZlZ:after {
  content: "";
  background: linear-gradient(
    to bottom,
    rgba(var(--white), 0) 0%,
    rgba(var(--white), 0.7) 50%,
    rgba(var(--white), 1) 100%
  );
  width: 100%;
  height: 50px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.II1QX {
  background: RGB(var(--pink));
  box-sizing: border-box;
  height: 100%;
}

.II1QX .PzjDc {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  line-height: 0;
  display: flex;
  position: absolute;
  top: 0;
}

.a15fm {
  font-family: var(--font-family);
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  color: var(--blog-title-color);
  white-space: pre-line;
  text-align: center;
  overflow-wrap: anywhere;
  width: 100%;
  max-height: 100px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  transition: max-height 50ms;
  position: relative;
  overflow: hidden;
}

.a15fm.yEDB7 {
  font-family: var(--font-family);
  max-height: 40px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
}

.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 {
  -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%);
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-mask-image: linear-gradient(rgba(255, 255, 255, 0) 0%, #000 100%);
}

.UxSwc.yEDB7 {
  -webkit-mask-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0, #000);
  mask-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0, #000);
  position: static;
  -webkit-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;
}

.F5Omd {
  border-radius: 3px;
  width: 100%;
  height: 100%;
  margin: 0 5px;
  animation: 0.35s ease-in-out PFNjv;
  position: relative;
  overflow: hidden;
}

@keyframes PFNjv {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

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

.VE_M2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  display: flex;
}

.gje1G {
  font-family: var(--font-family);
  text-align: center;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
}

.nPWIj {
  font-family: var(--font-family);
  color: rgba(var(--black), 0.65);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

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

.nlfXu {
  font-family: var(--font-family);
  color: rgba(var(--black), 0.65);
  text-align: center;
  -webkit-mask-image: linear-gradient(0%, #000, rgba(255, 255, 255, 0) 100%);
  mask-image: linear-gradient(0%, #000, rgba(255, 255, 255, 0) 100%);
  max-height: 3rem;
  margin-bottom: -1rem;
  padding-bottom: 1rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(#000 0%, rgba(255, 255, 255, 0) 100%);
}

.HEmvO {
  width: 100%;
  padding-bottom: 100%;
  position: relative;
  overflow: hidden;
}

@media (hover: hover) {
  .HEmvO:hover .oKaff {
    opacity: 1;
  }

  .HEmvO:hover .GlKHA {
    opacity: 0;
  }
}

.HEmvO:focus .oKaff,
.HEmvO .bpTb2.oKaff {
  opacity: 1;
}

.valeh {
  font-family: var(--font-family);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.aLQ_T {
  background-color: RGB(var(--white));
}

.aLQ_T .FvYBx {
  font-family: var(--font-family);
  text-align: center;
  box-sizing: border-box;
  background-color: rgba(var(--black), 0.07);
  width: 100%;
  height: 100%;
  color: rgba(var(--black), 0.65);
  justify-content: center;
  align-items: center;
  padding: 20px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  display: flex;
}

.oKaff {
  opacity: 0;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.oKaff.QmZ0e {
  color: rgba(255, 255, 255, 0.87);
  background-color: rgba(0, 0, 0, 0.75);
}

.AdXnC,
.d1luu {
  box-sizing: border-box;
  width: 100%;
  font-family: var(--font-family);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
  position: absolute;
  left: 0;
}

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

.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-family: var(--font-family);
  color: rgba(255, 255, 255, 0.87);
  background-color: rgba(0, 0, 0, 0.75);
  padding: 10px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.GlKHA:after {
  content: "";
  background: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.7) 50%, #000 100%);
  width: 100%;
  height: 8px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.NTjLE {
  background-color: var(--blog-background-color);
  border-radius: 3px;
  flex-direction: column;
  height: 100%;
  display: flex;
  position: relative;
}

.FDi9i {
  flex-direction: column;
  flex: auto;
  min-height: 80px;
  display: flex;
}

.i6Lfi {
  box-sizing: border-box;
  flex: 1 0 auto;
  justify-content: center;
  align-items: center;
  height: 90px;
  padding-bottom: 20px;
  display: flex;
}

.mX1OQ {
  flex: none;
  justify-content: space-around;
  align-items: center;
  height: 80px;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.b_kEV {
  font-family: var(--font-family);
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  min-height: 50px;
  padding: 10px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.42857;
  display: flex;
}

.b_kEV .JxN_9 {
  background: rgba(var(--black), 0.13);
  border-radius: 3px;
  width: 69px;
  height: 30px;
}

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

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

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

.lqHQ2 {
  background: RGB(var(--white));
  color: RGB(var(--black));
  z-index: calc(100 + 1);
  width: 512px;
  height: calc(50vh + 50px);
  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-family: var(--font-family);
  border-bottom: 1px solid rgba(var(--black), 0.07);
  justify-content: space-between;
  align-items: center;
  padding: 14px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  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: rgba(var(--black), 0.07);
  border-radius: 50%;
  width: 32px;
  height: 32px;
}

.Hc7H_ ._gnzJ > span {
  margin: 0;
}

.Hc7H_ ._gnzJ svg use {
  --icon-color-primary: RGB(var(--black));
}

.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 {
  text-align: center;
  width: 100%;
  display: initial;
  margin: 0 auto;
}

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

@media (max-width: 540px) {
  .gQZdB .lqHQ2 {
    max-height: initial;
    width: auto;
    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: rgba(var(--white), 0.75);
  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: RGB(var(--black));
}

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

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

.HD9VZ {
  background: linear-gradient(#ff4930 11.46%, #ff7212 83.33%, #e8d73a 100%);
  position: relative;
}

.HD9VZ ._gnzJ svg use {
  --icon-color-primary: #000;
}

.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: #000;
  position: relative;
}

.maDYK ._gnzJ {
  background: #f5f5f5;
  border-radius: 24px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.maDYK ._gnzJ svg use {
  --icon-color-primary: #000;
}

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

@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: #f5f5f5;
  border-radius: 24px;
  width: 32px;
  height: 32px;
  margin-right: auto;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.maDYK .jiJmP svg use {
  --icon-color-primary: #000;
}

.aMO6Q {
  background: linear-gradient(8deg, #ff7212 -80%, #e8d73a 82%);
  position: relative;
}

.aMO6Q ._gnzJ svg use {
  --icon-color-primary: #000;
}

.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(/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: #fff;
  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: #000;
}

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

.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 {
  max-height: unset;
  flex-direction: column;
  height: calc(100% - 54px);
  padding: 0;
  display: flex;
  overflow-y: hidden;
}

.aI9jI {
  background-color: RGB(var(--white));
  border: 1px solid rgba(var(--black), 0.1);
  box-sizing: border-box;
  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 {
    height: 100%;
    max-height: initial;
    min-width: initial;
    margin-top: 80px;
    padding-bottom: 85px;
  }
}

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

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

.aI9jI .QK6UU {
  background-color: RGB(var(--white));
  border-bottom: 1px solid rgba(var(--black), 0.1);
  align-items: center;
  padding: 12px 14px 10px;
  display: flex;
}

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

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

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

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

.aI9jI .QK6UU ._gnzJ svg use {
  --icon-color-primary: RGB(var(--white));
}

.aI9jI .wddaX {
  scrollbar-width: none;
  -ms-overflow-style: none;
  color: RGB(var(--black));
  max-height: 100%;
  padding-top: 0;
  overflow-y: auto;
}

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

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

.palette--trueBlue .aI9jI {
  background-color: RGB(var(--navy));
  border: 1px solid rgba(var(--white), 0.1);
}

.palette--trueBlue .aI9jI .QK6UU {
  background-color: RGB(var(--navy));
  border-bottom: 1px solid rgba(var(--white), 0.1);
}

.palette--trueBlue .aI9jI .poK_R {
  color: RGB(var(--white));
}

.UE60R .EZPTT {
  margin-left: 0;
}

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

.UE60R .QK6UU {
  padding: 0;
}

.FtkP5 {
  background-color: #fff;
}

.FtkP5 .EZPTT {
  margin-left: 0;
}

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

.FtkP5 .QK6UU {
  padding: 0;
}

.FtkP5 ._gnzJ {
  background-color: #000;
}

.FtkP5 ._gnzJ svg use {
  --icon-color-primary: #fff;
}

._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-family: var(--font-family);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

._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 0.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: rgba(0, 0, 0, 0.07);
}

.WRliC ._gnzJ svg use {
  --icon-color-primary: #000;
}

.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: RGB(var(--white));
}

@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: rgba(var(--white), 0.75);
  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: RGB(var(--black));
}

.lC_9H .wddaX {
  scrollbar-width: none;
  -ms-overflow-style: none;
  height: 350px;
  margin-top: 0;
  padding: 0;
}

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

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

.i_rCp {
  background-size: cover;
  background: RGB(var(--white));
  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;
}

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

.WWBSO:focus,
._y4kh:focus {
  outline: none;
}

._y4kh {
  display: block;
}

.WWBSO:focus > ._y4kh {
  opacity: 1;
  outline: auto #00b8ff;
}

.ET6Kp {
  font-size: 0.875rem;
  font-family: var(--font-family-modern);
  color: var(--tool-tip-text);
  border-radius: 4px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 12px;
  padding-right: 12px;
  font-weight: 400;
  line-height: 1.25rem;
}

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

.ET6Kp.zLfwe {
  background-color: var(--tool-tip);
}

.ET6Kp.zLfwe .ntPC1 {
  fill: var(--tool-tip) !important;
}

.ET6Kp.CAXO4 {
  background-color: var(--brand-blue);
}

.ET6Kp.CAXO4 .ntPC1 {
  fill: var(--brand-blue) !important;
}

.ET6Kp.OHMP3 {
  background-color: var(--brand-red);
}

.ET6Kp.OHMP3 .ntPC1 {
  fill: var(--brand-red) !important;
}

.ET6Kp.ASETb {
  background-color: var(--brand-orange);
}

.ET6Kp.ASETb .ntPC1 {
  fill: var(--brand-orange) !important;
}

.ET6Kp.QXcZ6 {
  background-color: var(--brand-green);
}

.ET6Kp.QXcZ6 .ntPC1 {
  fill: var(--brand-green) !important;
}

.R8xh8 {
  z-index: 101;
}

.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-family: var(--font-family);
  color: RGB(var(--black));
  margin-bottom: 12px;
  margin-right: 12px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.42857;
}

.yFmaH .u8HQ3 .sPAXn {
  font-family: var(--font-family);
  color: RGB(var(--black));
  margin-right: 12px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
}

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

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

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

.VmbqY {
  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;
}

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

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

.D4GNf {
  text-overflow: ellipsis;
  text-align: left;
  overflow: hidden;
}

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

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

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

.QucfO.aJceP {
  gap: 4px;
  padding: 6px 12px;
}

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

.Li_00.aJceP {
  gap: 6px;
  padding: 10px 16px 10px 14px;
}

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

.CYorT.aJceP {
  gap: 8px;
  padding: 12px 20px 12px 16px;
}

.UdA6Y {
  min-width: 64px;
}

.QRHy7 {
  min-width: 80px;
}

.uDkQl {
  min-width: 96px;
}

.cqwPT {
  width: 100%;
}

.Lp50M.EF4A5.ZWGnP {
  background-color: var(--chrome-ui);
  color: var(--chrome-ui-fg);
}

.Lp50M.EF4A5.ZWGnP:hover {
  background-color: var(--chrome-ui-hover);
}

.Lp50M.EF4A5.ZWGnP:active {
  background-color: var(--chrome-ui-pressed);
}

.Lp50M.EF4A5.ZWGnP:focus-visible {
  outline-color: var(--chrome-ui-focus);
}

.Lp50M.EF4A5.r21y5 {
  background-color: var(--content-ui);
  color: var(--content-ui-fg);
}

.Lp50M.EF4A5.r21y5:hover {
  background-color: var(--content-ui-hover);
}

.Lp50M.EF4A5.r21y5:active {
  background-color: var(--content-ui-pressed);
}

.Lp50M.EF4A5.r21y5:focus-visible {
  outline-color: var(--content-ui-focus);
}

.Lp50M.EF4A5.MuH6n {
  background-color: var(--color-ui);
  color: var(--color-ui-fg);
}

.Lp50M.EF4A5.MuH6n:hover {
  background-color: var(--color-ui-hover);
}

.Lp50M.EF4A5.MuH6n:active {
  background-color: var(--color-ui-pressed);
}

.Lp50M.EF4A5.MuH6n:focus-visible {
  outline-color: var(--color-ui-focus);
}

.Lp50M.EF4A5.qUmMT {
  background-color: var(--image-ui);
  color: var(--image-ui-fg);
}

.Lp50M.EF4A5.qUmMT:hover {
  background-color: var(--image-ui-hover);
}

.Lp50M.EF4A5.qUmMT:active {
  background-color: var(--image-ui-pressed);
}

.Lp50M.EF4A5.qUmMT:focus-visible {
  outline-color: var(--image-ui-accent);
}

.Lp50M.t8Z2i.ZWGnP,
.Lp50M.t8Z2i.r21y5 {
  background-color: var(--brand-blue);
  color: var(--color-fg);
}

.Lp50M.t8Z2i.ZWGnP:hover,
.Lp50M.t8Z2i.r21y5:hover {
  background-color: var(--brand-blue-hover);
}

.Lp50M.t8Z2i.ZWGnP:active,
.Lp50M.t8Z2i.r21y5:active {
  background-color: var(--brand-blue-pressed);
}

.Lp50M.t8Z2i.ZWGnP:focus-visible {
  outline-color: var(--brand-blue);
}

.Lp50M.t8Z2i.r21y5:focus-visible {
  outline-color: var(--brand-blue);
}

.Lp50M.ECYfO.ZWGnP,
.Lp50M.ECYfO.r21y5 {
  background-color: var(--brand-purple);
  color: var(--color-fg);
}

.Lp50M.ECYfO.ZWGnP:hover,
.Lp50M.ECYfO.r21y5:hover {
  background-color: var(--brand-purple-hover);
}

.Lp50M.ECYfO.ZWGnP:active,
.Lp50M.ECYfO.r21y5:active {
  background-color: var(--brand-purple-pressed);
}

.Lp50M.ECYfO.ZWGnP:focus-visible {
  outline-color: var(--brand-purple);
}

.Lp50M.ECYfO.r21y5:focus-visible {
  outline-color: var(--brand-purple);
}

.Lp50M.n0hYc.ZWGnP,
.Lp50M.n0hYc.r21y5 {
  background-color: var(--brand-pink);
  color: var(--color-fg);
}

.Lp50M.n0hYc.ZWGnP:hover,
.Lp50M.n0hYc.r21y5:hover {
  background-color: var(--brand-pink-hover);
}

.Lp50M.n0hYc.ZWGnP:active,
.Lp50M.n0hYc.r21y5:active {
  background-color: var(--brand-pink-pressed);
}

.Lp50M.n0hYc.ZWGnP:focus-visible {
  outline-color: var(--brand-pink);
}

.Lp50M.n0hYc.r21y5:focus-visible {
  outline-color: var(--brand-pink);
}

.Lp50M.R42pS.ZWGnP,
.Lp50M.R42pS.r21y5 {
  background-color: var(--brand-red);
  color: var(--color-fg);
}

.Lp50M.R42pS.ZWGnP:hover,
.Lp50M.R42pS.r21y5:hover {
  background-color: var(--brand-red-hover);
}

.Lp50M.R42pS.ZWGnP:active,
.Lp50M.R42pS.r21y5:active {
  background-color: var(--brand-red-pressed);
}

.Lp50M.R42pS.ZWGnP:focus-visible {
  outline-color: var(--brand-red);
}

.Lp50M.R42pS.r21y5:focus-visible {
  outline-color: var(--brand-red);
}

.Lp50M.Ot2Pu.ZWGnP,
.Lp50M.Ot2Pu.r21y5 {
  background-color: var(--brand-orange);
  color: var(--color-fg);
}

.Lp50M.Ot2Pu.ZWGnP:hover,
.Lp50M.Ot2Pu.r21y5:hover {
  background-color: var(--brand-orange-hover);
}

.Lp50M.Ot2Pu.ZWGnP:active,
.Lp50M.Ot2Pu.r21y5:active {
  background-color: var(--brand-orange-pressed);
}

.Lp50M.Ot2Pu.ZWGnP:focus-visible {
  outline-color: var(--brand-orange);
}

.Lp50M.Ot2Pu.r21y5:focus-visible {
  outline-color: var(--brand-orange);
}

.Lp50M.VkJrF.ZWGnP,
.Lp50M.VkJrF.r21y5 {
  background-color: var(--brand-yellow);
  color: var(--color-fg);
}

.Lp50M.VkJrF.ZWGnP:hover,
.Lp50M.VkJrF.r21y5:hover {
  background-color: var(--brand-yellow-hover);
}

.Lp50M.VkJrF.ZWGnP:active,
.Lp50M.VkJrF.r21y5:active {
  background-color: var(--brand-yellow-pressed);
}

.Lp50M.VkJrF.ZWGnP:focus-visible {
  outline-color: var(--brand-yellow);
}

.Lp50M.VkJrF.r21y5:focus-visible {
  outline-color: var(--brand-yellow);
}

.Lp50M.b067h.ZWGnP,
.Lp50M.b067h.r21y5 {
  background-color: var(--brand-green);
  color: var(--color-fg);
}

.Lp50M.b067h.ZWGnP:hover,
.Lp50M.b067h.r21y5:hover {
  background-color: var(--brand-green-hover);
}

.Lp50M.b067h.ZWGnP:active,
.Lp50M.b067h.r21y5:active {
  background-color: var(--brand-green-pressed);
}

.Lp50M.b067h.ZWGnP:focus-visible {
  outline-color: var(--brand-green);
}

.Lp50M.b067h.r21y5:focus-visible {
  outline-color: var(--brand-green);
}

.Lp50M.afX1K.ZWGnP,
.Lp50M.afX1K.r21y5 {
  background-color: var(--success);
  color: var(--color-fg);
}

.Lp50M.afX1K.ZWGnP:hover,
.Lp50M.afX1K.r21y5:hover {
  background-color: var(--success-hover);
}

.Lp50M.afX1K.ZWGnP:active,
.Lp50M.afX1K.r21y5:active {
  background-color: var(--success-pressed);
}

.Lp50M.afX1K.ZWGnP:focus-visible {
  outline-color: var(--success);
}

.Lp50M.afX1K.r21y5:focus-visible {
  outline-color: var(--success);
}

.Lp50M.JxZa0.ZWGnP,
.Lp50M.JxZa0.r21y5 {
  background-color: var(--danger);
  color: var(--color-fg-light);
}

.Lp50M.JxZa0.ZWGnP:hover,
.Lp50M.JxZa0.r21y5:hover {
  background-color: var(--danger-hover);
}

.Lp50M.JxZa0.ZWGnP:active,
.Lp50M.JxZa0.r21y5:active {
  background-color: var(--danger-pressed);
}

.Lp50M.JxZa0.ZWGnP:focus-visible {
  outline-color: var(--danger);
}

.Lp50M.JxZa0.r21y5:focus-visible {
  outline-color: var(--danger);
}

.Lp50M[aria-disabled="true"] {
  cursor: not-allowed;
}

.Lp50M[aria-disabled="true"] > * {
  opacity: 0.5;
}

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

.Lp50M[aria-disabled="true"].ZWGnP:hover,
.Lp50M[aria-disabled="true"].ZWGnP:active {
  background-color: var(--chrome-tint);
}

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

.Lp50M[aria-disabled="true"].r21y5:hover,
.Lp50M[aria-disabled="true"].r21y5:active {
  background-color: var(--content-tint);
}

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

.Lp50M[aria-disabled="true"].MuH6n:hover,
.Lp50M[aria-disabled="true"].MuH6n:active {
  background-color: var(--color-tint);
}

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

.Lp50M[aria-disabled="true"].qUmMT:hover,
.Lp50M[aria-disabled="true"].qUmMT:active {
  background-color: var(--image-tint);
}

.zn53i._h9Ro {
  border-radius: 8px;
}

.zn53i.KmpWV .D4GNf {
  display: flex;
}

.zn53i.KmpWV.QucfO {
  padding: 8px;
}

.zn53i.KmpWV.Li_00 {
  padding: 10px;
}

.zn53i.KmpWV.CYorT {
  padding: 12px;
}

.zn53i.EF4A5.ZWGnP {
  background-color: var(--chrome-tint);
  color: var(--chrome-fg);
}

.zn53i.EF4A5.ZWGnP:hover {
  background-color: var(--chrome-tint-strong);
}

.zn53i.EF4A5.ZWGnP:active {
  background-color: var(--chrome-tint-heavy);
}

.zn53i.EF4A5.ZWGnP:focus-visible {
  outline-color: var(--chrome-ui-focus);
}

.zn53i.EF4A5.r21y5 {
  background-color: var(--content-tint);
  color: var(--content-fg);
}

.zn53i.EF4A5.r21y5:hover {
  background-color: var(--content-tint-strong);
}

.zn53i.EF4A5.r21y5:active {
  background-color: var(--content-tint-heavy);
}

.zn53i.EF4A5.r21y5:focus-visible {
  outline-color: var(--content-ui-focus);
}

.zn53i.EF4A5.qUmMT {
  background-color: var(--image-tint);
  color: var(--image-fg);
}

.zn53i.EF4A5.qUmMT:hover {
  background-color: var(--image-tint-strong);
}

.zn53i.EF4A5.qUmMT:active {
  background-color: var(--image-tint-heavy);
}

.zn53i.EF4A5.qUmMT:focus-visible {
  outline-color: var(--image-ui-accent);
}

.zn53i.t8Z2i.ZWGnP,
.zn53i.t8Z2i.r21y5 {
  background-color: var(--brand-blue-tint);
}

.zn53i.t8Z2i.ZWGnP:hover,
.zn53i.t8Z2i.r21y5:hover {
  background-color: var(--brand-blue-tint-strong);
}

.zn53i.t8Z2i.ZWGnP:active,
.zn53i.t8Z2i.r21y5:active {
  background-color: var(--brand-blue-tint-heavy);
}

.zn53i.t8Z2i.ZWGnP:focus-visible {
  outline-color: var(--brand-blue);
}

.zn53i.t8Z2i.r21y5:focus-visible {
  outline-color: var(--brand-blue);
}

.zn53i.t8Z2i.ZWGnP {
  color: var(--chrome-blue);
}

.zn53i.t8Z2i.r21y5 {
  color: var(--content-blue);
}

.zn53i.ECYfO.ZWGnP,
.zn53i.ECYfO.r21y5 {
  background-color: var(--brand-purple-tint);
}

.zn53i.ECYfO.ZWGnP:hover,
.zn53i.ECYfO.r21y5:hover {
  background-color: var(--brand-purple-tint-strong);
}

.zn53i.ECYfO.ZWGnP:active,
.zn53i.ECYfO.r21y5:active {
  background-color: var(--brand-purple-tint-heavy);
}

.zn53i.ECYfO.ZWGnP:focus-visible {
  outline-color: var(--brand-purple);
}

.zn53i.ECYfO.r21y5:focus-visible {
  outline-color: var(--brand-purple);
}

.zn53i.ECYfO.ZWGnP {
  color: var(--chrome-purple);
}

.zn53i.ECYfO.r21y5 {
  color: var(--content-purple);
}

.zn53i.n0hYc.ZWGnP,
.zn53i.n0hYc.r21y5 {
  background-color: var(--brand-pink-tint);
}

.zn53i.n0hYc.ZWGnP:hover,
.zn53i.n0hYc.r21y5:hover {
  background-color: var(--brand-pink-tint-strong);
}

.zn53i.n0hYc.ZWGnP:active,
.zn53i.n0hYc.r21y5:active {
  background-color: var(--brand-pink-tint-heavy);
}

.zn53i.n0hYc.ZWGnP:focus-visible {
  outline-color: var(--brand-pink);
}

.zn53i.n0hYc.r21y5:focus-visible {
  outline-color: var(--brand-pink);
}

.zn53i.n0hYc.ZWGnP {
  color: var(--chrome-pink);
}

.zn53i.n0hYc.r21y5 {
  color: var(--content-pink);
}

.zn53i.R42pS.ZWGnP,
.zn53i.R42pS.r21y5 {
  background-color: var(--brand-red-tint);
}

.zn53i.R42pS.ZWGnP:hover,
.zn53i.R42pS.r21y5:hover {
  background-color: var(--brand-red-tint-strong);
}

.zn53i.R42pS.ZWGnP:active,
.zn53i.R42pS.r21y5:active {
  background-color: var(--brand-red-tint-heavy);
}

.zn53i.R42pS.ZWGnP:focus-visible {
  outline-color: var(--brand-red);
}

.zn53i.R42pS.r21y5:focus-visible {
  outline-color: var(--brand-red);
}

.zn53i.R42pS.ZWGnP {
  color: var(--chrome-red);
}

.zn53i.R42pS.r21y5 {
  color: var(--content-red);
}

.zn53i.Ot2Pu.ZWGnP,
.zn53i.Ot2Pu.r21y5 {
  background-color: var(--brand-orange-tint);
}

.zn53i.Ot2Pu.ZWGnP:hover,
.zn53i.Ot2Pu.r21y5:hover {
  background-color: var(--brand-orange-tint-strong);
}

.zn53i.Ot2Pu.ZWGnP:active,
.zn53i.Ot2Pu.r21y5:active {
  background-color: var(--brand-orange-tint-heavy);
}

.zn53i.Ot2Pu.ZWGnP:focus-visible {
  outline-color: var(--brand-orange);
}

.zn53i.Ot2Pu.r21y5:focus-visible {
  outline-color: var(--brand-orange);
}

.zn53i.Ot2Pu.ZWGnP {
  color: var(--chrome-orange);
}

.zn53i.Ot2Pu.r21y5 {
  color: var(--content-orange);
}

.zn53i.VkJrF.ZWGnP,
.zn53i.VkJrF.r21y5 {
  background-color: var(--brand-yellow-tint);
}

.zn53i.VkJrF.ZWGnP:hover,
.zn53i.VkJrF.r21y5:hover {
  background-color: var(--brand-yellow-tint-strong);
}

.zn53i.VkJrF.ZWGnP:active,
.zn53i.VkJrF.r21y5:active {
  background-color: var(--brand-yellow-tint-heavy);
}

.zn53i.VkJrF.ZWGnP:focus-visible {
  outline-color: var(--brand-yellow);
}

.zn53i.VkJrF.r21y5:focus-visible {
  outline-color: var(--brand-yellow);
}

.zn53i.VkJrF.ZWGnP {
  color: var(--chrome-yellow);
}

.zn53i.VkJrF.r21y5 {
  color: var(--content-yellow);
}

.zn53i.b067h.ZWGnP,
.zn53i.b067h.r21y5 {
  background-color: var(--brand-green-tint);
}

.zn53i.b067h.ZWGnP:hover,
.zn53i.b067h.r21y5:hover {
  background-color: var(--brand-green-tint-strong);
}

.zn53i.b067h.ZWGnP:active,
.zn53i.b067h.r21y5:active {
  background-color: var(--brand-green-tint-heavy);
}

.zn53i.b067h.ZWGnP:focus-visible {
  outline-color: var(--brand-green);
}

.zn53i.b067h.r21y5:focus-visible {
  outline-color: var(--brand-green);
}

.zn53i.b067h.ZWGnP {
  color: var(--chrome-green);
}

.zn53i.b067h.r21y5 {
  color: var(--content-green);
}

.zn53i.afX1K.ZWGnP,
.zn53i.afX1K.r21y5 {
  background-color: var(--success-tint);
}

.zn53i.afX1K.ZWGnP:hover,
.zn53i.afX1K.r21y5:hover {
  background-color: var(--success-tint-strong);
}

.zn53i.afX1K.ZWGnP:active,
.zn53i.afX1K.r21y5:active {
  background-color: var(--success-tint-heavy);
}

.zn53i.afX1K.ZWGnP:focus-visible {
  outline-color: var(--success);
}

.zn53i.afX1K.r21y5:focus-visible {
  outline-color: var(--success);
}

.zn53i.afX1K.ZWGnP {
  color: var(--chrome-success);
}

.zn53i.afX1K.r21y5 {
  color: var(--content-success);
}

.zn53i.JxZa0.ZWGnP,
.zn53i.JxZa0.r21y5 {
  background-color: var(--danger-tint);
}

.zn53i.JxZa0.ZWGnP:hover,
.zn53i.JxZa0.r21y5:hover {
  background-color: var(--danger-tint-strong);
}

.zn53i.JxZa0.ZWGnP:active,
.zn53i.JxZa0.r21y5:active {
  background-color: var(--danger-tint-heavy);
}

.zn53i.JxZa0.ZWGnP:focus-visible {
  outline-color: var(--danger);
}

.zn53i.JxZa0.r21y5:focus-visible {
  outline-color: var(--danger);
}

.zn53i.JxZa0.ZWGnP {
  color: var(--chrome-danger);
}

.zn53i.JxZa0.r21y5 {
  color: var(--content-danger);
}

.zn53i.MuH6n {
  background-color: var(--color-tint);
}

.zn53i.MuH6n:hover {
  background-color: var(--color-tint-strong);
}

.zn53i.MuH6n:active {
  background-color: var(--color-tint-heavy);
}

.zn53i.MuH6n.x7zHX {
  color: var(--color-fg);
}

.zn53i.MuH6n.x7zHX:focus-visible {
  outline-color: var(--color-fg);
}

.zn53i.MuH6n.CKAFB {
  color: var(--color-fg-light);
}

.zn53i.MuH6n.CKAFB:focus-visible {
  outline-color: var(--color-fg-light);
}

.zn53i[aria-disabled="true"] {
  cursor: not-allowed;
}

.zn53i[aria-disabled="true"] > * {
  opacity: 0.5;
}

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

.zn53i[aria-disabled="true"].ZWGnP:hover,
.zn53i[aria-disabled="true"].ZWGnP:active {
  background-color: var(--chrome-tint);
}

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

.zn53i[aria-disabled="true"].r21y5:hover,
.zn53i[aria-disabled="true"].r21y5:active {
  background-color: var(--content-tint);
}

.zn53i[aria-disabled="true"].MuH6n {
  background-color: var(--color-tint);
}

.zn53i[aria-disabled="true"].MuH6n.x7zHX {
  color: var(--color-fg-secondary);
}

.zn53i[aria-disabled="true"].MuH6n.CKAFB {
  color: var(--color-fg-light-secondary);
}

.zn53i[aria-disabled="true"].MuH6n:hover,
.zn53i[aria-disabled="true"].MuH6n:active {
  background-color: var(--color-tint);
}

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

.zn53i[aria-disabled="true"].qUmMT:hover,
.zn53i[aria-disabled="true"].qUmMT:active {
  background-color: var(--image-tint);
}

.giozV {
  position: relative;
}

.giozV:focus-visible {
  outline-offset: -2px;
}

.giozV .D4GNf {
  display: flex;
}

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

.giozV.QucfO,
.giozV.Li_00 {
  padding: 8px;
}

.giozV.CYorT {
  padding: 12px;
}

.giozV.EF4A5.ZWGnP {
  color: var(--chrome-fg-secondary);
}

.giozV.EF4A5.ZWGnP .K23sl {
  background-color: var(--accent);
  outline-color: var(--chrome);
}

.giozV.EF4A5.ZWGnP .gUEv2 {
  background-color: var(--danger);
  outline-color: var(--chrome);
}

.giozV.EF4A5.ZWGnP:hover {
  background-color: var(--chrome-tint);
  color: var(--chrome-fg);
}

.giozV.EF4A5.ZWGnP:active {
  background-color: var(--chrome-tint-strong);
  color: var(--chrome-fg);
}

.giozV.EF4A5.ZWGnP:focus-visible {
  outline-color: var(--chrome-ui-focus);
}

.giozV.EF4A5.ZWGnP[aria-disabled="true"] {
  color: var(--chrome-fg-secondary);
}

.giozV.EF4A5.ZWGnP[aria-disabled="true"] svg {
  opacity: 0.2;
}

.giozV.EF4A5.ZWGnP[aria-disabled="true"]:hover,
.giozV.EF4A5.ZWGnP[aria-disabled="true"]:active {
  background-color: transparent;
}

.giozV.EF4A5.r21y5 {
  color: var(--content-fg-secondary);
}

.giozV.EF4A5.r21y5 .K23sl {
  background-color: var(--accent);
  outline-color: var(--content-panel);
}

.giozV.EF4A5.r21y5 .gUEv2 {
  background-color: var(--danger);
  outline-color: var(--content-panel);
}

.giozV.EF4A5.r21y5:hover {
  background-color: var(--content-tint);
  color: var(--content-fg);
}

.giozV.EF4A5.r21y5:active {
  background-color: var(--content-tint-strong);
  color: var(--content-fg);
}

.giozV.EF4A5.r21y5:focus-visible {
  outline-color: var(--chrome-ui-focus);
}

.giozV.EF4A5.r21y5[aria-disabled="true"] {
  color: var(--content-fg-secondary);
}

.giozV.EF4A5.r21y5[aria-disabled="true"] svg {
  opacity: 0.2;
}

.giozV.EF4A5.r21y5[aria-disabled="true"]:hover,
.giozV.EF4A5.r21y5[aria-disabled="true"]:active {
  background-color: transparent;
}

.giozV.EF4A5.qUmMT {
  color: var(--image-fg);
}

.giozV.EF4A5.qUmMT .K23sl {
  background-color: var(--image-fg);
  outline-color: var(--image-ui-fg);
}

.giozV.EF4A5.qUmMT .gUEv2 {
  background-color: var(--danger);
  outline-color: transparent;
}

.giozV.EF4A5.qUmMT:hover {
  background-color: var(--image-tint);
}

.giozV.EF4A5.qUmMT:active {
  background-color: var(--image-tint-strong);
}

.giozV.EF4A5.qUmMT:focus-visible {
  outline-color: var(--image-fg);
}

.giozV.EF4A5.qUmMT[aria-disabled="true"] svg {
  opacity: 0.2;
}

.giozV.EF4A5.qUmMT[aria-disabled="true"]:hover,
.giozV.EF4A5.qUmMT[aria-disabled="true"]:active {
  background-color: transparent;
}

.giozV.MuH6n:hover {
  background-color: var(--color-tint);
}

.giozV.MuH6n:active {
  background-color: var(--color-tint-strong);
}

.giozV.MuH6n:focus-visible {
  outline-color: var(--color-fg);
}

.giozV.MuH6n[aria-disabled="true"] svg {
  opacity: 0.2;
}

.giozV.MuH6n[aria-disabled="true"]:hover,
.giozV.MuH6n[aria-disabled="true"]:active {
  background-color: transparent;
}

.giozV.MuH6n.x7zHX {
  color: var(--color-fg);
}

.giozV.MuH6n.x7zHX .K23sl {
  background: var(--color-fg);
}

.giozV.MuH6n.x7zHX .gUEv2 {
  background-color: var(--danger);
  outline-color: transparent;
}

.giozV.MuH6n.x7zHX:focus-visible .K23sl {
  outline-color: var(--color-fg-light);
}

.giozV.MuH6n.CKAFB {
  color: var(--color-fg-light);
}

.giozV.MuH6n.CKAFB .K23sl {
  background: var(--color-fg-light);
}

.giozV.MuH6n.CKAFB .gUEv2 {
  background-color: var(--danger);
  outline-color: transparent;
}

.giozV.MuH6n.CKAFB:focus-visible .K23sl {
  outline-color: var(--color-fg);
}

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

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

.ndGZ1 .D4GNf {
  display: flex;
}

.ndGZ1.EF4A5:hover {
  color: var(--content-fg);
}

@media (hover: hover) and (pointer: fine) {
  .ndGZ1.EF4A5:hover {
    background-color: var(--content-tint);
  }
}

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

.ndGZ1.EF4A5:focus-visible {
  outline-color: var(--content-ui-focus);
}

.ndGZ1.t8Z2i:hover {
  color: var(--brand-blue);
}

@media (hover: hover) and (pointer: fine) {
  .ndGZ1.t8Z2i:hover {
    background-color: var(--brand-blue-tint);
  }
}

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

.ndGZ1.t8Z2i:focus-visible {
  outline-color: var(--brand-blue);
}

.ndGZ1.ECYfO:hover {
  color: var(--brand-purple);
}

@media (hover: hover) and (pointer: fine) {
  .ndGZ1.ECYfO:hover {
    background-color: var(--brand-purple-tint);
  }
}

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

.ndGZ1.ECYfO:focus-visible {
  outline-color: var(--brand-purple);
}

.ndGZ1.n0hYc:hover {
  color: var(--brand-pink);
}

@media (hover: hover) and (pointer: fine) {
  .ndGZ1.n0hYc:hover {
    background-color: var(--brand-pink-tint);
  }
}

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

.ndGZ1.n0hYc:focus-visible {
  outline-color: var(--brand-pink);
}

.ndGZ1.R42pS:hover {
  color: var(--brand-red);
}

@media (hover: hover) and (pointer: fine) {
  .ndGZ1.R42pS:hover {
    background-color: var(--brand-red-tint);
  }
}

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

.ndGZ1.R42pS:focus-visible {
  outline-color: var(--brand-red);
}

.ndGZ1.Ot2Pu:hover {
  color: var(--brand-orange);
}

@media (hover: hover) and (pointer: fine) {
  .ndGZ1.Ot2Pu:hover {
    background-color: var(--brand-orange-tint);
  }
}

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

.ndGZ1.Ot2Pu:focus-visible {
  outline-color: var(--brand-orange);
}

.ndGZ1.VkJrF:hover {
  color: var(--brand-yellow);
}

@media (hover: hover) and (pointer: fine) {
  .ndGZ1.VkJrF:hover {
    background-color: var(--brand-yellow-tint);
  }
}

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

.ndGZ1.VkJrF:focus-visible {
  outline-color: var(--brand-yellow);
}

.ndGZ1.b067h:hover {
  color: var(--brand-green);
}

@media (hover: hover) and (pointer: fine) {
  .ndGZ1.b067h:hover {
    background-color: var(--brand-green-tint);
  }
}

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

.ndGZ1.b067h:focus-visible {
  outline-color: var(--brand-green);
}

.ndGZ1.afX1K:hover {
  color: var(--success);
}

@media (hover: hover) and (pointer: fine) {
  .ndGZ1.afX1K:hover {
    background-color: var(--success-tint);
  }
}

.ndGZ1.afX1K:active {
  background-color: var(--success-tint-strong);
  color: var(--success);
}

.ndGZ1.afX1K:focus-visible {
  outline-color: var(--success);
}

.ndGZ1.JxZa0:hover {
  color: var(--danger);
}

@media (hover: hover) and (pointer: fine) {
  .ndGZ1.JxZa0:hover {
    background-color: var(--danger-tint);
  }
}

.ndGZ1.JxZa0:active {
  background-color: var(--danger-tint-strong);
  color: var(--danger);
}

.ndGZ1.JxZa0:focus-visible {
  outline-color: var(--danger);
}

.ndGZ1[aria-disabled="true"] {
  cursor: not-allowed;
}

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

.ndGZ1[aria-disabled="true"] svg {
  opacity: 0.5;
}

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

@container (width:260px) {
  .jpQn0 {
    gap: 6px;
    padding: 6px;
  }
}

@container (width:300px) {
  .jpQn0 {
    gap: 6px;
  }
}

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

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

.jpQn0.t8Z2i:hover {
  color: var(--brand-blue);
}

@media (hover: hover) and (pointer: fine) {
  .jpQn0.t8Z2i:hover {
    background-color: var(--brand-blue-tint);
  }
}

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

.jpQn0.t8Z2i:focus-visible {
  outline-color: var(--brand-blue);
}

.jpQn0.R42pS:hover {
  color: var(--brand-red);
}

@media (hover: hover) and (pointer: fine) {
  .jpQn0.R42pS:hover {
    background-color: var(--brand-red-tint);
  }
}

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

.jpQn0.R42pS:focus-visible {
  outline-color: var(--brand-red);
}

.jpQn0.b067h:hover {
  color: var(--brand-green);
}

@media (hover: hover) and (pointer: fine) {
  .jpQn0.b067h:hover {
    background-color: var(--brand-green-tint);
  }
}

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

.jpQn0.b067h:focus-visible {
  outline-color: var(--brand-green);
}

.jpQn0[aria-disabled="true"] {
  cursor: not-allowed;
}

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

.jpQn0[aria-disabled="true"] svg {
  opacity: 0.5;
}

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

@container (width:260px) {
  .Kv19n {
    font-size: 0.75rem;
    font-family: var(--font-family-modern);
    font-weight: 500;
    line-height: 1.125rem;
  }
}

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

.Yo3hx.Li_00 {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 14px;
  padding-right: 14px;
}

.Yo3hx.aJceP {
  -webkit-padding-start: 12px;
}

.Yo3hx.aJceP: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;
}

.Yo3hx.aJceP: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;
}

.Yo3hx.aJceP: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;
}

.Yo3hx.aJceP:-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;
}

.Yo3hx.aJceP:-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;
}

.Yo3hx.aJceP: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;
}

.Yo3hx.jk81w {
  -webkit-padding-start: 10px;
}

.Yo3hx.jk81w: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;
}

.Yo3hx.jk81w: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;
}

.Yo3hx.jk81w: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;
}

.Yo3hx.jk81w:-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;
}

.Yo3hx.jk81w:-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;
}

.Yo3hx.jk81w: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;
}

.Yo3hx:hover,
.Yo3hx:active {
  outline-color: var(--content-tint-heavy);
}

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

.Yo3hx[aria-disabled="true"] > * {
  opacity: 0.5;
}

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

.Yo3hx .D4GNf {
  white-space: nowrap;
  display: inline;
}

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

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

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

.KASvl._h9Ro {
  border-radius: 8px;
}

.KASvl.Li_00 {
  padding: 8px 12px 8px 16px;
}

.KASvl.CYorT {
  padding: 12px 16px 12px 20px;
}

.KASvl.VsKlQ.Li_00 {
  padding: 8px 12px 8px 0;
}

.KASvl.VsKlQ.CYorT {
  padding: 12px 16px 12px 0;
}

.KASvl.VsKlQ.EF4A5.ZWGnP {
  color: var(--chrome-fg);
}

.KASvl.VsKlQ.EF4A5.ZWGnP:focus-visible {
  outline-color: var(--chrome-ui-focus);
}

.KASvl.VsKlQ.EF4A5.r21y5 {
  color: var(--content-fg);
}

.KASvl.VsKlQ.EF4A5.r21y5:focus-visible {
  outline-color: var(--content-ui-focus);
}

.KASvl.VsKlQ.EF4A5.qUmMT {
  color: var(--image-fg);
}

.KASvl.VsKlQ.EF4A5.qUmMT:focus-visible {
  outline-color: var(--image-ui-accent);
}

.KASvl.VsKlQ.MuH6n.x7zHX:focus-visible {
  outline-color: var(--color-fg);
}

.KASvl.VsKlQ.MuH6n.CKAFB:focus-visible {
  outline-color: var(--color-fg-light);
}

.KASvl.VsKlQ[aria-disabled="true"] {
  cursor: not-allowed;
}

.KASvl.VsKlQ[aria-disabled="true"] > * {
  opacity: 0.5;
}

.KASvl.VsKlQ[aria-disabled="true"].ZWGnP {
  color: var(--chrome-fg-secondary);
}

.KASvl.VsKlQ[aria-disabled="true"].r21y5 {
  color: var(--content-fg-secondary);
}

.KASvl.VsKlQ[aria-disabled="true"].MuH6n.x7zHX {
  color: var(--color-fg-secondary);
}

.KASvl.VsKlQ[aria-disabled="true"].MuH6n.CKAFB {
  color: var(--color-fg-light-secondary);
}

.KASvl.VsKlQ[aria-disabled="true"].qUmMT {
  color: var(--image-fg-secondary);
}

.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-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;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  display: flex;
  overflow: hidden;
}

.pbtF7 .DWarm.cNVSQ {
  padding: 6px 14px;
}

.pbtF7 .DWarm.LMuwh svg {
  margin-right: 5px;
}

.pbtF7 .JROAL {
  font-family: var(--font-family);
  margin-top: 3px;
  margin-bottom: 0;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.6;
}

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

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

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

.EvNuu {
  -o-object-fit: contain;
  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 0.25s;
  display: flex;
  position: absolute;
  top: 0;
}

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

.w9aO4.DeYmO,
.YL2V0.DeYmO,
.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: RGB(var(--white));
  opacity: 0.5;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin: 0 5px;
  transition: opacity 0.25s;
}

.EwcDy.Ld7nr {
  opacity: 1;
}

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

.Geidh {
  background: linear-gradient(to right, rgba(var(--white), 0.1) 0%, RGB(var(--white)) 45%, RGB(var(--white)) 100%);
  color: rgba(var(--black), 0.5);
  justify-content: center;
  align-items: flex-end;
  width: 50%;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
}

.Bs6U3 {
  font-size: 0;
}

.Bs6U3.KDgcr .xmMz6 {
  width: 24px;
  height: 14px;
}

.Bs6U3.KDgcr .xmMz6 input:focus ~ .UZrDG {
  box-shadow: 0px 0px 5px 2px RGB(var(--deprecated-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 ~ .UZrDG {
  box-shadow: 0px 0px 5px 2px RGB(var(--deprecated-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 ~ .UZrDG {
  box-shadow: 0px 0px 5px 2px RGB(var(--deprecated-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 {
  cursor: pointer;
  background-color: rgba(var(--black), 0.65);
  transition: all 0.1s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.Bs6U3 .UZrDG.RHCmM {
  opacity: 0.3;
  cursor: not-allowed;
}

.Bs6U3 .UZrDG:before {
  content: "";
  background-color: RGB(var(--white));
  border-radius: 50%;
  transition: all 0.1s;
  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-family: var(--font-family);
  justify-content: center;
  align-items: center;
  min-width: 150px;
  padding: 4px;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.33333;
  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 {
  -o-object-fit: cover;
  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;
  max-width: 75%;
  max-height: 71px;
  margin-right: 10px;
  position: relative;
  overflow: hidden;
}

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

.l_eMn p {
  margin-bottom: 0;
}

.ImqT_ {
  font-family: var(--font-family);
  text-align: left;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

.Hq828 {
  max-height: 45px;
}

.uhTvP {
  font-family: var(--font-family);
  box-sizing: border-box;
  text-align: left;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
}

.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;
}

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

.fe_1j {
  border: 2px solid;
  border-color: RGB(var(--white));
  background-color: RGB(var(--white));
  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: RGB(var(--white));
}

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

@media (max-width: 540px) {
  .YIpzf {
    flex-direction: column;
  }
}

.YIpzf:disabled {
  opacity: 0.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: 0.5;
}

.ou6Mu label {
  font-size: 1.625rem;
  line-height: 1.30769;
  font-family: var(--font-family);
  background-color: rgba(var(--black), 0.07);
  color: RGB(var(--black));
  border: 2px solid transparent;
  border-radius: 3px;
  flex-grow: 1;
  align-items: center;
  padding: 4px 10px;
  font-weight: 700;
  display: flex;
}

.ou6Mu input:checked ~ label {
  border-color: RGB(var(--deprecated-accent));
  background-color: rgba(var(--deprecated-accent), 0.15);
}

.ou6Mu input:checked ~ label .Hm8d6 {
  border-color: RGB(var(--deprecated-accent));
}

.ou6Mu input:checked ~ label svg use {
  --icon-color-primary: RGB(var(--deprecated-accent));
}

.ou6Mu input:focus ~ label {
  outline: 1px dotted RGB(var(--deprecated-accent));
}

.Hm8d6 {
  border: 2px solid rgba(var(--black), 0.65);
  border-radius: 50%;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  display: flex;
}

.Hm8d6 svg {
  width: 24px;
  height: 24px;
  margin: -2px;
}

.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: 0.3;
  width: 85.3333px;
  height: 85.3333px;
  margin-top: 29.3333px;
  transition:
    opacity,
    transform 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.mN0AI .CocLJ {
  opacity: 1;
  transform: scale(1.5);
}

.zTilY {
  --icon-color-primary: $black;
  background-color: #fff;
  border-radius: 12px;
  width: 12px;
  height: 12px;
  padding: 4px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.y117a {
  color: rgba(var(--black), 0.4);
  margin: 10px 5px;
}

.W93Gy {
  color: rgba(var(--black), 0.4);
  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-family: var(--font-family);
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 8px;
  padding: 5px 10px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
  display: flex;
}

.We8vc:hover {
  background-color: rgba(var(--black), 0.13);
}

.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: rgba(var(--black), 0.13);
}

.AmmYY {
  margin: 10px 0;
}

.ahrGn {
  color: rgba(var(--black), 0.4);
  justify-content: center;
  align-items: center;
  height: 40px;
  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 {
  color: #000;
  background-color: #fff;
  border-color: #000;
  outline: none;
  width: 100%;
}

.ahrGn.sjfTL .wJdtD svg use {
  --icon-color-primary: #000;
}

.ahrGn p {
  margin-bottom: 0;
  margin-right: 10px;
}

.ahrGn input,
.ahrGn input:focus {
  border: none;
  border-bottom: 1px dashed rgba(var(--black), 0.4);
  color: RGB(var(--black));
  background-color: transparent;
  outline: none;
  width: 214px;
  padding: 5px 0 5px 2px;
  font-size: 16px;
}

.ahrGn .nxT5a {
  text-align: left;
  width: 214px;
}

.ahrGn .IZ4sJ {
  background-color: rgba(var(--deprecated-accent), 0.25);
  color: RGB(var(--deprecated-accent));
  cursor: initial;
}

.ahrGn .IZ4sJ p {
  margin: 0;
  display: inline;
}

.ahrGn .BlXGE {
  color: RGB(var(--deprecated-accent));
  cursor: pointer;
  margin-left: 10px;
}

.wRDEp {
  font-family: var(--font-family);
  border: 2px solid rgba(var(--black), 0.13);
  color: rgba(var(--black), 0.4);
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  margin-bottom: 12px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  display: flex;
}

.wRDEp.iqkoI {
  border: 2px solid RGB(var(--deprecated-accent));
}

.wRDEp.Ad0vb {
  border: none;
  justify-content: center;
}

.wRDEp .obf1j {
  white-space: nowrap;
  margin-bottom: 0;
  margin-left: 10px;
  margin-right: 10px;
}

.wRDEp input,
.wRDEp input:focus {
  box-sizing: border-box;
  color: RGB(var(--black));
  text-indent: 10px;
  background-color: transparent;
  border: none;
  outline: none;
  width: 268px;
  height: 40px;
  padding: 5px 0 5px 2px;
  font-size: 16px;
}

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

.wRDEp .IZ4sJ {
  background-color: rgba(var(--deprecated-accent), 0.25);
  box-sizing: border-box;
  color: RGB(var(--black));
  cursor: initial;
  justify-content: space-evenly;
  align-items: center;
  gap: 5px;
  width: 138px;
  height: 40px;
  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: RGB(var(--deprecated-accent));
  cursor: pointer;
  margin-left: 10px;
}

.YDrZI {
  scrollbar-width: none;
  -ms-overflow-style: none;
  border: 1px solid rgba(var(--black), 0.1);
  box-shadow: 0px 4px 16px rgba(var(--black), 0.1);
  border-radius: 10px;
}

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

.YDrZI .uFDix {
  scrollbar-width: none;
  -ms-overflow-style: none;
  box-sizing: border-box;
  width: 275px;
  max-height: 297px;
  padding: 5px;
}

.YDrZI .uFDix::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.lPY88 {
  font-family: var(--font-family);
  color: rgba(var(--black), 0.65);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
}

small.lPY88 {
  font-size: 0.7em;
}

.Rb_wu {
  box-sizing: border-box;
  max-width: 100%;
  display: inline-block;
  position: relative;
}

.irkyW {
  font-family: var(--font-family);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: RGB(var(--white));
  border: 1px solid rgba(var(--black), 0.13);
  color: rgba(var(--black), 0.8);
  border-radius: 4px;
  max-width: 100%;
  margin: 0;
  padding: 7px 25px 7px 10px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
}

.irkyW:disabled {
  cursor: not-allowed;
  background: rgba(var(--black), 0.13);
  color: rgba(var(--black), 0.4);
  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: rgba(var(--black), 0.65);
  width: 11px;
  height: 11px;
}

.N9zx6 {
  --icon-color-primary: rgba(var(--black), 0.4);
  width: 11px;
  height: 11px;
}

.oR8IV {
  margin-top: 0.35em;
}

.VxotM {
  border: 2px solid rgba(var(--black), 0.13);
  box-sizing: border-box;
  border-radius: 12px;
  width: 100%;
  height: 40px;
  margin-bottom: 12px;
}

.VxotM.eWWnq {
  border: 2px solid RGB(var(--deprecated-accent));
}

.VxotM p {
  margin-right: 0;
}

.VxotM .XoAUP {
  font-family: var(--font-family);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: RGB(var(--black));
  cursor: inherit;
  background-color: transparent;
  border: none;
  outline: none;
  width: 100%;
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.VxotM .XoAUP svg use {
  --icon-color-primary: #000;
}

.i0eXl {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

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

._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-family: var(--font-family);
  text-align: center;
  margin: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 24px;
}

._LlDC .NNh7e {
  border-radius: 8px;
  width: 100%;
}

._LlDC .R1g_V {
  font-size: 1rem;
  font-family: var(--font-family-modern);
  text-align: center;
  flex-direction: column;
  gap: 12px;
  margin: -4px 0;
  font-weight: 400;
  line-height: 1.5rem;
  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-family: var(--font-family);
  flex-direction: column;
  margin: 0 auto;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  display: flex;
}

._LlDC .A6B_g .KapyO .lxzFl,
._LlDC .C1psQ .KapyO .lxzFl {
  margin-right: 0;
}

._LlDC .A6B_g .KapyO label,
._LlDC .C1psQ .KapyO label {
  font-family: var(--font-family);
  border-radius: 8px;
  margin-bottom: 10px;
  padding: 8px;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.33333;
}

._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-family: var(--font-family);
  color: rgba(var(--black), 0.65);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
}

._LlDC .A6B_g .tqFpo {
  margin-bottom: 5px;
}

._LlDC .A6B_g .HkXGy {
  border: 1px solid rgba(var(--black), 0.25);
  color: #000;
  background-color: #fff;
  border-radius: 12px;
  flex: 1;
  width: 85%;
  margin-left: 10px;
  padding: 10px;
  display: flex;
}

._LlDC .A6B_g .HkXGy:disabled {
  opacity: 0.6;
  color: rgba(var(--black), 0.65);
  background-color: RGB(var(--white));
  cursor: not-allowed;
}

._LlDC .A6B_g ._DzI0 {
  box-sizing: border-box;
  max-height: 90px;
  font-family: var(--font-family);
  flex: 1;
  padding: 8px 0 10px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  overflow: hidden;
}

._LlDC .A6B_g .bRkSL {
  font-family: var(--font-family);
  color: rgba(var(--black), 0.65);
  text-align: center;
  margin-left: 16px;
  font-size: 0.78125rem;
  font-weight: 400;
  line-height: 1.52;
}

._LlDC .A6B_g .pE8_V {
  font-family: var(--font-family);
  border-radius: 6px;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.6;
}

._LlDC .C1psQ {
  flex-grow: 1;
}

._LlDC .C1psQ .pQ4zI {
  margin-bottom: 8px;
}

._LlDC ._xLkZ {
  background-color: RGB(var(--white));
  box-sizing: border-box;
  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-family: var(--font-family);
  color: rgba(var(--black), 0.65);
  text-align: center;
  padding: 16px;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.33333;
}

.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: 0.875rem;
  font-family: var(--font-family-modern);
  font-weight: 500;
  line-height: 1.25rem;
}

.L1Wd4 {
  border: 2px solid rgba(var(--black), 0.13);
  box-sizing: border-box;
  border-radius: 24px;
  justify-content: space-evenly;
  display: flex;
}

.x1nHN {
  font-family: var(--font-family);
  border-radius: 18px;
  padding: 2px 12px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.42857;
  transition: background-position 0.25s linear;
}

.yAOQn {
  color: RGB(var(--white));
}

.L66VV {
  background: linear-gradient(to right, transparent 50%, RGB(var(--deprecated-accent)) 50%) left;
  background-size: 200% 100%;
}

.L66VV.yAOQn {
  background-position: 100%;
}

.jJuW4 {
  background: linear-gradient(to right, RGB(var(--deprecated-accent)) 50%, rgba(255, 255, 255, 0) 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: 0.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;
}

.Jexdo {
  align-items: space-between;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 16px;
  padding: 16px 20px;
  display: flex;
}

.CyjiS {
  flex: 3 0 222px;
}

.CyjiS .UUWy9 {
  font-family: var(--font-family);
  color: #000;
  text-align: left;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

.CyjiS .An7Yj {
  font-family: var(--font-family);
  color: rgba(0, 0, 0, 0.65);
  text-align: left;
  margin-bottom: 8px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
}

.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(3px 3px 2px rgba(0, 0, 0, 0.25));
  opacity: 0;
  pointer-events: none;
  margin-top: -20px;
  transition: opacity 0.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;
  -webkit-overflow-scrolling: touch;
  display: flex;
  overflow-y: scroll;
}

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

.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;
}

.pNyDU {
  scrollbar-width: none;
  -ms-overflow-style: none;
  align-items: flex-start;
  display: flex;
  overflow-x: scroll;
}

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

.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-family: var(--font-family);
  border: 1px solid rgba(var(--black), 0.25);
  box-sizing: border-box;
  height: 36px;
  color: rgba(var(--black), 0.65);
  border-radius: 18px;
  align-items: center;
  margin-right: 8px;
  padding: 0 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  display: flex;
}

.ftglT:hover {
  background-color: rgba(var(--black), 0.25);
}

.ftglT.MOJMz {
  background-color: RGB(var(--deprecated-accent));
  color: RGB(var(--white));
  border: 1px solid RGB(var(--deprecated-accent));
}

.ftglT.MOJMz:hover {
  background-color: RGB(var(--deprecated-accent));
}

.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 rgba(var(--black), 0.25);
  flex-direction: column;
  flex: 1;
  padding: 10px 0;
  display: flex;
}

.ACiRd .Bjt7L {
  font-family: var(--font-family);
  text-align: left;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
}

.ACiRd .w1vyD {
  scrollbar-width: none;
  -ms-overflow-style: none;
  height: 71px;
  max-height: 45px;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}

.ACiRd .w1vyD::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.ACiRd .w1vyD p {
  margin-bottom: 0;
}

.ACiRd .Holf3 {
  font-family: var(--font-family);
  text-align: left;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

.ACiRd .wIopL {
  font-family: var(--font-family);
  text-align: left;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
}

.ACiRd .wIopL p {
  text-align: left;
}

.ACiRd ._KcBU {
  font-family: var(--font-family);
  margin-left: 4px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.42857;
}

.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;
}

.CS_7d {
  font-family: var(--font-family);
  scrollbar-width: none;
  -ms-overflow-style: none;
  text-align: center;
  margin: 0 auto;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.33333;
}

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

.palette--trueBlue .CS_7d .DktdW {
  color: RGB(var(--white));
}

.palette--trueBlue .CS_7d .tSNLM {
  color: rgba(var(--white), 0.75);
}

.palette--trueBlue .CS_7d .N8yyX {
  background-color: rgba(var(--white), 0.1);
  color: rgba(var(--white), 0.6);
}

@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-family: var(--font-family);
  text-align: left;
  margin-bottom: 16px;
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.52381;
}

.ui_bm .tSNLM {
  font-family: var(--font-family);
  text-align: left;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
}

@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 {
  background-color: rgba(var(--deprecated-accent), 0.25);
  box-sizing: border-box;
  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-family: var(--font-family);
  text-align: left;
  margin: 0 20px 16px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
}

.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: $black;
  background-color: #fff;
  border-radius: 25px;
  width: 9px;
  height: 19px;
  padding: 13px 18px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.upz9H {
  z-index: 100;
  background-color: RGB(var(--white));
  padding-top: 16px;
  padding-bottom: 16px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.gG278 {
  width: 100%;
  padding: 100px 0;
}

.gG278.ops60 {
  padding: 40px 0;
}

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

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

.F4hr9 button {
  padding: 10px;
}

.fYlcy {
  background-color: rgba(var(--navy), 0.8);
  text-align: left;
  border: 1px solid rgba(var(--deprecated-accent), 0.15);
  border-radius: 4px;
  margin-top: 2rem;
  padding: 0.75em 1em;
  display: flex;
}

.mw4qt {
  margin-right: 0.75em;
}

.gxf2Y {
  box-sizing: border-box;
  width: auto;
  height: 30px;
  stroke: RGB(var(--white-on-dark));
  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: RGB(var(--green));
  }

  20% {
    stroke: RGB(var(--orange));
  }

  40% {
    stroke: RGB(var(--purple));
  }

  60% {
    stroke: RGB(var(--red));
  }

  80% {
    stroke: RGB(var(--white-on-dark));
  }
}

.bZWbL {
  animation:
    1s ease-in-out infinite b4eLl,
    5s step-end 0.5s infinite d8uWm;
}

.sRM0W {
  background-color: transparent;
  border-radius: 50%;
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 4px;
  right: 4px;
}

.v2cZ4 {
  background-color: RGB(var(--white));
  border-radius: 50%;
  height: 30px;
  position: relative;
}

.rZlUD {
  width: 100%;
  max-width: 540px;
}

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

.rZlUD {
  opacity: 0.001;
}

.rZlUD:not(.KYCZY) {
  overflow-wrap: break-word;
  overflow: hidden;
}

.rZlUD.F4Tcn,
.rZlUD.W45iW {
  opacity: 1;
}

@media (prefers-reduced-motion: no-preference) {
  .rZlUD.W45iW {
    animation: 0.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-family: var(--font-family);
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  min-width: 57.5px;
  padding: 6px 10px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.42857;
  display: flex;
}

.Iqryz.KIkOD {
  color: RGB(var(--white));
  background: RGB(var(--deprecated-accent));
  margin-left: auto;
  transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.Iqryz.KIkOD svg {
  margin-left: 8px;
}

.Iqryz.pRuyA {
  color: RGB(var(--white));
  background: rgba(var(--white-on-dark), 0.65);
}

.Iqryz.pRuyA svg {
  margin-right: 8px;
}

.Iqryz .PDFGd {
  box-sizing: border-box;
  justify-content: space-evenly;
  align-items: center;
  display: flex;
}

.fvSXi {
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
  display: inherit;
  align-items: inherit;
  justify-content: inherit;
}

.qRMZE {
  cursor: pointer;
}

.icbzP {
  width: 100%;
  position: relative;
}

.QkCVo {
  width: 100%;
  padding: 4px;
}

.CJUVk {
  width: inherit;
}

.pQkU5 {
  border: 1px solid rgba(var(--black), 0.13);
  background: RGB(var(--white));
  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: RGB(var(--black));
}

.pQkU5 .nIUnP {
  font-family: var(--font-family);
  width: 100%;
  color: RGB(var(--black));
  background: 0 0;
  border: none;
  outline: none;
  padding: 5px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.pQkU5 .N4KIX {
  width: 60px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.hXWAf {
  font-family: var(--font-family);
  box-sizing: border-box;
  align-items: center;
  width: 100%;
  min-height: 45px;
  padding: 8px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
}

.GXxZQ {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.Z6ZAw {
  background: RGB(var(--deprecated-accent));
  min-width: 100px;
  height: 40px;
  color: RGB(var(--white));
  border: 1px solid RGB(var(--deprecated-accent));
  font-family: var(--font-family);
  border-radius: 25px;
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 5px 20px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.42857;
}

.Z6ZAw.yqeGG {
  background: RGB(var(--white));
  color: RGB(var(--deprecated-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: RGB(var(--deprecated-accent));
  min-width: 110px;
  max-width: 180px;
  height: 38px;
  color: RGB(var(--white));
  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 {
  background: RGB(var(--white));
  min-width: 110px;
  max-width: 180px;
  height: 40px;
  color: rgba(var(--black), 0.65);
  border: 2px solid rgba(var(--black), 0.4);
  font-family: var(--font-family);
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  padding: 4px 20px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  display: flex;
}

.LpT7u .oimUW.Qp_8J {
  background: RGB(var(--deprecated-accent));
  color: RGB(var(--white));
  border-color: RGB(var(--deprecated-accent));
}

.zSGUi {
  margin-top: 100px;
}

.tBdaa {
  border-top: solid 1px rgba(var(--white-on-dark), 0.87);
  display: flex;
  overflow: hidden;
}

.tBdaa .bsPTt {
  box-sizing: border-box;
  flex: 0 0 100%;
  padding: 14px;
  transition: transform 0.25s linear;
  overflow-y: auto;
}

.SzteP {
  border: 1px solid rgba(var(--black), 0.13);
  background: RGB(var(--white));
  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: RGB(var(--black));
}

.SzteP .nstz_ {
  cursor: pointer;
  height: 12px;
  margin-right: 5px;
}

.SzteP .nstz_ svg use {
  --icon-color-primary: RGB(var(--black));
}

.SzteP .mlda0 {
  font-family: var(--font-family);
  width: 100%;
  color: RGB(var(--black));
  background: 0 0;
  border: none;
  outline: none;
  padding: 5px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.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 0.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: RGB(var(--deprecated-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-family: var(--font-family-modern);
  color: inherit;
  background-color: transparent;
  border: none;
  outline: none;
  width: 100%;
  padding: 8px;
  font-weight: 350;
  line-height: 1.5rem;
}

.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;
}

.tmwZ9 {
  background: RGB(var(--white));
  box-sizing: border-box;
  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;
  line-height: 1.30769;
  font-family: var(--font-family);
  color: RGB(var(--black));
  margin-bottom: 16px;
  font-weight: 500;
}

.x2z7r {
  font-family: var(--font-family);
  color: rgba(var(--black), 0.6);
  margin-bottom: auto;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.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 {
  background: RGB(var(--white));
  border: 1px solid rgba(var(--black), 0.1);
  color: RGB(var(--black));
  cursor: pointer;
  border-radius: 10px;
  min-width: 149px;
  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: RGB(var(--deprecated-accent));
  color: RGB(var(--white));
  cursor: pointer;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  height: 14px;
  padding: 2px 10px 4px;
  position: absolute;
  top: 100%;
  left: 10%;
  overflow: hidden;
}

.t7fs2 {
  display: none;
}

.ZFczK {
  background:
    linear-gradient(RGB(var(--white)), RGB(var(--white))) padding-box,
    linear-gradient(to bottom right, RGB(var(--deprecated-accent)) 10%, RGB(var(--deprecated-accent)) 100%) border-box;
  background-color: RGB(var(--white));
  box-shadow: 2px 2px 0px RGB(var(--deprecated-accent));
  color: RGB(var(--black));
  border: 2px solid transparent;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: -7px;
  right: -8px;
}

.ZFczK svg {
  fill: RGB(var(--black));
  width: 16px;
  height: 17px;
}

.ZFczK svg use {
  --icon-color-primary: RGB(var(--black));
}

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

.o7Esz .rxrOL {
  background:
    linear-gradient(RGB(var(--white)), RGB(var(--white))) padding-box,
    linear-gradient(to bottom right, RGB(var(--deprecated-accent)) 10%, RGB(var(--deprecated-accent)) 100%) border-box;
  background-color: RGB(var(--white));
  box-shadow: 2px 2px 0px RGB(var(--deprecated-accent));
  color: RGB(var(--black));
  border: 2px solid transparent;
}

.o7Esz {
  z-index: 100;
  position: relative;
}

.o7Esz .rxrOL {
  pointer-events: all;
  text-overflow: clip;
  white-space: nowrap;
  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 0.2s ease-in-out;
  position: absolute;
  transform: translate(100px, 200px);
}

.JljDF.vqBle:after,
.JljDF.ovjCT:after,
.JljDF:hover:after {
  background: RGB(var(--white));
  border: 1px solid RGB(var(--black));
  color: RGB(var(--black));
  border-radius: 1px;
  max-width: 250px;
  padding: 2px 3px;
  font-size: 0.8rem;
  display: block;
  position: relative;
  top: -50px;
  left: 38px;
}

.JljDF:active:after,
.JljDF:hover:after {
  content: attr(data-css-text-hand);
}

.JljDF.GmAPq:active:after,
.JljDF.GmAPq:hover:after {
  content: attr(data-css-text-friend);
}

.JljDF.WxeRb:active:after,
.JljDF.WxeRb:hover:after {
  content: attr(data-css-text-love);
}

.JljDF.vqBle:after {
  content: attr(data-speech);
}

.JljDF.ovjCT:after,
.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: 0.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-family: var(--font-family);
  color: RGB(var(--black));
  margin-bottom: 36px;
  padding: 0 4px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.XZFs6 {
  box-sizing: border-box;
  padding-left: var(--post-padding);
  padding-right: var(--post-padding);
  align-items: center;
  padding-bottom: 10px;
  display: flex;
}

.XZFs6 .WIYYp {
  background-color: rgba(var(--black), 0.07);
  border-radius: 3px;
  flex-grow: 1;
  min-width: 0;
  padding: 15px 0 18px;
  position: relative;
}

.XZFs6 .WIYYp .wvu3V {
  font-family: var(--font-family);
  color: rgba(var(--black), 0.65);
  box-sizing: border-box;
  padding-left: var(--post-padding);
  padding-right: var(--post-padding);
  margin-bottom: 20px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
}

.XZFs6 .WIYYp .wvu3V a {
  color: inherit;
  text-decoration: none;
}

.XZFs6 .WIYYp .pM6pK {
  font-family: var(--font-family);
  color: inherit;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.42857;
}

.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 rgba(var(--black), 0.07);
  position: absolute;
  top: 10px;
  right: -8px;
}

.XZFs6 + .XZFs6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.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: rgba(var(--black), 0.4);
}

.QeG5E {
  background-color: #e8d73a;
}

.dCSsv {
  background-color: rgba(var(--black), 0.4);
}

.gMHJB {
  background-color: #01cf35;
}

.HPbUp {
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  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-family: var(--font-family);
  background-color: transparent;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.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 {
  width: 100%;
  height: 100%;
  display: initial;
}

.DsEBp {
  margin-bottom: 8px;
}

.lbarB {
  justify-content: center;
  display: flex;
}

.lbarB .TSfr_ {
  position: relative;
  top: -68px;
}

.lbarB .TSfr_ .FhsWI {
  border: 4px solid RGB(var(--white));
  border-radius: 50%;
}

.AE6WV {
  text-align: center;
  margin-top: -60px;
  margin-bottom: 16px;
  line-height: 24px;
}

.TT2qt {
  font-family: var(--font-family);
  flex-direction: column;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  display: flex;
}

.TT2qt span {
  color: rgba(var(--black), 0.65);
  font-weight: 400;
}

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

.bpnO8 .jjAEd {
  margin-left: 8px;
}

.jjAEd {
  margin-left: 1px;
}

._64hR {
  font-family: var(--font-family);
  color: RGB(var(--black));
  text-align: center;
  margin-bottom: 14px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.rb92Y {
  font-family: var(--font-family);
  margin-bottom: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.KVt3w {
  border-bottom: 1px solid rgba(var(--black), 0.04);
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.KVt3w p {
  margin-bottom: 0;
}

.KVt3w .K1c5K {
  color: rgba(var(--black), 0.6);
}

.vzPt5 {
  font-family: var(--font-family);
  color: rgba(var(--black), 0.6);
  text-align: center;
  margin-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
}

.WtbOv {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.WtbOv button {
  font-family: var(--font-family);
  border-radius: 50px;
  width: 350px;
  height: 42px;
  margin-bottom: 8px;
  padding: 8px 15px;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.33333;
}

.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;
}

.H9EdA {
  background-color: RGB(var(--deprecated-accent));
  color: RGB(var(--white));
  cursor: pointer;
  text-align: center;
  border-radius: 6px;
  min-width: 250px;
  padding: 12px 9px;
}

@media not (min-width: 990px) {
  .H9EdA {
    min-width: 165px;
    font-size: 15px;
  }
}

.qZEjf[data-placement*="bottom"]:after {
  border-bottom-color: RGB(var(--deprecated-accent));
}

.HNmfZ button,
.Tcv9q button {
  font-family: Courier, monospace;
  font-size: 12px;
  line-height: 16px;
}

.HNmfZ {
  color: #000;
  width: 30px;
  height: 30px;
}

.HNmfZ .alRCv {
  cursor: pointer;
  border: 1px solid RGB(var(--black));
  filter: brightness(200%);
  background: #d0d0d0;
  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 RGB(var(--black));
  background: #d0d0d0;
  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(/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 {
  align-items: space-between;
  border-bottom: 1px solid RGB(var(--black));
  border-left: 1px solid RGB(var(--black));
  border-top: 1px solid RGB(var(--black));
  box-sizing: border-box;
  background-color: #d0d0d0;
  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: $paletteBlack;
  color: rgba(var(--black), 0.4);
  cursor: pointer;
  text-shadow: 0 0 3px RGB(var(--black));
  font-size: 13px;
}

.Tcv9q .MgKiV svg {
  width: 14px;
  height: 14px;
}

.Tcv9q .pyw0l {
  --icon-color-primary: $paletteBlack;
  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 #000;
  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 #000;
  width: 144px;
  height: 12px;
  margin-left: 6px;
}

.CmXCV .lvJLA {
  background-color: #000;
  height: 8px;
  margin: 2px;
}

.FDLE7 {
  width: 300px;
  margin-top: 10px;
}

.FDLE7 .DUbBR {
  margin: 0 auto 2px;
}

.DUbBR {
  text-align: center;
  color: #000;
  background-color: #d0d0d0;
  border: 1px solid #000;
  padding: 2px 10px;
  display: block;
}

.DUbBR:hover {
  color: #595959;
}

.t551P {
  width: 288px;
  position: relative;
}

.t551P .OhWKq {
  z-index: 2;
  background-color: #d0d0d0;
  border-bottom: 2px solid #000;
  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;
}

.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:hover,
.Pfc8N ._o6uV:active {
  z-index: calc(100 + 1);
  margin-top: 8px;
  box-shadow: 0 4px 9px rgba(0, 0, 0, 0.25);
}

.XnmP8 {
  pointer-events: none;
}

.VSvbe {
  font-size: 0.75rem;
  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;
  font-weight: 500;
  line-height: 1.125rem;
  display: inline-flex;
}

.VSvbe.mdaAz {
  border-radius: 9999px;
}

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

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

@keyframes D7Fhd {
  to {
    background-position: -1008px 0;
  }
}

@media (min-width: 990px) {
  .Ovlgo svg {
    opacity: 1;
    transition: opacity 0.25s;
  }

  .Ovlgo:hover {
    background-image: url(/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 (-webkit-min-device-pixel-ratio: 1.3), (min-width: 990px) and (min-resolution: 1.3dppx) {
  .Ovlgo:hover {
    background-image: url(/pop/src/assets/images/pride-logo@2x-d737ccbc.png);
  }
}

@media (min-width: 990px) {
  .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;
}

.tSe6h:hover .FP6oS {
  background: repeating-linear-gradient(90deg, #d95e40 0%, #f2992e, #f7dd38, #56bc8a, #529ecc, #a77dc2, #d95e40 50%);
  animation: 1s linear infinite JqCkJ;
}

.tSe6h:hover .GjGsN {
  --icon-color-background: RGB(var(--navy));
  --icon-color-primary: transparent !important
;
}

@keyframes JqCkJ {
  0% {
    transform: translate(-150px);
  }

  to {
    transform: translate(0);
  }
}

.featureTellMeLies .GjGsN {
  max-height: 100%;
}

.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(0.95);
  }

  20% {
    fill-opacity: 1;
    transform: scale(1.02);
  }

  45% {
    fill-opacity: 0.45;
    transform: scale(0.95);
  }

  55% {
    fill-opacity: 1;
    transform: scale(1);
  }

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

.XnKJk {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: -40%;
  left: 65%;
}

.e2EeC {
  background: var(--accent);
  width: 12px;
  height: 12px;
  color: var(--badge-text);
  border: 2px solid var(--chrome);
  border-radius: 100%;
  position: absolute;
  top: 10%;
  right: 23%;
}

.jpu7k {
  transition: transform 0.2s ease-in-out;
  transform: scale(0);
}

.D0OOd {
  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: 0.65;
  display: flex;
}

.PK7qG use {
  --icon-color-primary: RGB(var(--white-on-dark));
}

.cckUS {
  opacity: 1;
}

.ho0MD {
  border-radius: 12px;
}

.Kz7JC svg {
  --icon-color-primary: #e8d73a;
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: -0.35rem;
  left: -0.5rem;
}

.Kz7JC.YkYNc {
  display: none;
}

.GcA7R {
  max-height: inherit;
}

.hlDot {
  z-index: 100;
  background-color: RGB(var(--navy));
  box-sizing: border-box;
  border-bottom: 1px solid rgba(var(--white-on-dark), 0.13);
  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: RGB(var(--deprecated-accent));
  --icon-color-primary: RGB(var(--navy));
  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: #e8d73a;
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: -0.35rem;
  left: -0.5rem;
}

.m8mN_ {
  font-family: var(--font-family);
  flex-wrap: wrap;
  font-size: 0.78125rem;
  font-weight: 400;
  line-height: 1.52;
  display: flex;
}

.m8mN_ a {
  cursor: pointer;
  padding: 0 6px;
  text-decoration: none;
}

@media not (min-width: 990px) {
  .m8mN_ a {
    padding: 0 12px;
  }
}

.m8mN_ a:hover,
.m8mN_ a:focus {
  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(--color-primary-link);
  padding: 0;
}

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

.IYrO9 {
  --icon-color-primary: rgba(var(--white-on-dark), 0.65);
  font-family: var(--font-family);
  color: rgba(var(--white-on-dark), 0.65);
  cursor: pointer;
  flex-direction: column;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.33333;
  list-style-type: none;
  display: flex;
}

@media (pointer: fine) {
  .IYrO9 {
    font-family: var(--font-family);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
  }
}

@media (min-width: 990px) {
  .IYrO9 {
    font-family: var(--font-family);
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.52;
  }
}

@media (min-width: 1162px) {
  .IYrO9 {
    font-family: var(--font-family);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
  }
}

.IYrO9:hover {
  background-color: rgba(var(--white-on-dark), 0.07);
}

.IYrO9:active,
.IYrO9.zxn0J,
.IYrO9.XuIoh {
  --icon-color-primary: RGB(var(--white-on-dark));
  color: RGB(var(--white-on-dark));
}

.IYrO9.XuIoh {
  border-bottom: 1px solid rgba(var(--white-on-dark), 0.13);
}

@media (min-width: 990px) {
  .IYrO9.XuIoh {
    border-bottom: none;
  }
}

@media (min-width: 1162px) {
  .IYrO9.XuIoh {
    border-bottom: 1px solid rgba(var(--white-on-dark), 0.13);
  }
}

.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 {
  -moz-column-gap: 16px;
  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 {
    -moz-column-gap: 12px;
    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-family: var(--font-family);
  color: rgba(var(--white-on-dark), 0.65);
  text-align: right;
  gap: 8px;
  margin-left: 8px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  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-family: var(--font-family);
  color: RGB(var(--black));
  padding: 5px 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.ywBwc .a132D .jF6A2 {
  font-family: var(--font-family);
  color: rgba(var(--black), 0.65);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
  display: inline-block;
}

.ywBwc .a132D .jF6A2:empty {
  display: none;
}

.ywBwc .tDT48,
.ywBwc .lXFLr button {
  flex-direction: row;
  min-height: 41px;
}

.ywBwc .tDT48 {
  -moz-column-gap: 12px;
  column-gap: 12px;
  padding: 0 20px 0 10px;
}

.ywBwc .tDT48:focus {
  background: RGB(var(--secondary-accent));
  outline: none;
}

.ywBwc .UyyJb:focus .tDT48 {
  outline: none;
}

.ywBwc .lXFLr button {
  font-family: var(--font-family);
  width: 100%;
  color: RGB(var(--black));
  flex: 100%;
  align-items: flex-start;
  padding: 0 0 0 10px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  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: RGB(var(--white));
}

.FA5JM {
  box-sizing: border-box;
  border-right: 1px solid rgba(var(--white-on-dark), 0.13);
  background-color: RGB(var(--navy));
  flex-direction: column;
  justify-content: space-between;
  width: 90vw;
  max-width: 360px;
  height: 100%;
  display: flex;
  overflow: hidden;
}

@media (min-width: 990px) {
  .FA5JM {
    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(--navy)) 0%,
    rgba(var(--navy), 0.987) 8.1%,
    rgba(var(--navy), 0.951) 15.5%,
    rgba(var(--navy), 0.896) 22.5%,
    rgba(var(--navy), 0.825) 29%,
    rgba(var(--navy), 0.741) 35.3%,
    rgba(var(--navy), 0.648) 41.2%,
    rgba(var(--navy), 0.55) 47.1%,
    rgba(var(--navy), 0.45) 52.9%,
    rgba(var(--navy), 0.352) 58.8%,
    rgba(var(--navy), 0.259) 64.7%,
    rgba(var(--navy), 0.175) 71%,
    rgba(var(--navy), 0.104) 77.5%,
    rgba(var(--navy), 0.049) 84.5%,
    rgba(var(--navy), 0.013) 91.9%,
    transparent 100%
  );
  width: 100%;
  height: 16px;
  position: absolute;
  bottom: 0;
}

.FA5JM .NkkDk,
.FA5JM .pDRR6 {
  width: 100%;
}

.FA5JM .NkkDk ul,
.FA5JM .pDRR6 ul {
  padding-left: 0;
}

.FA5JM .NkkDk ._Eplv,
.FA5JM .pDRR6 ._Eplv {
  color: RGB(var(--white-on-dark));
}

.FA5JM .NkkDk {
  box-sizing: border-box;
  overscroll-behavior: contain;
  scrollbar-color: rgba(var(--white-on-dark), 0.4) 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: rgba(var(--white-on-dark), 0.4);
}

@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 rgba(var(--white-on-dark), 0.13);
  font-family: var(--font-family);
  color: rgba(var(--white-on-dark), 0.65);
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 16px;
  padding: 12px 0;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.33333;
  display: flex;
}

@media (pointer: fine) {
  .FA5JM .NkkDk .h8SQv {
    font-family: var(--font-family);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
  }
}

.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: 0.875rem;
  }
}

.FA5JM .jDcIV.SmqzX {
  border-style: none;
  position: static;
}

.FA5JM .jDcIV:not(.SmqzX) {
  visibility: hidden;
  min-width: 19px;
  height: 19px;
  font-size: 0.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: RGB(var(--purple));
}

.FA5JM .uc1Mf svg path:nth-of-type(2) {
  --icon-color-primary: RGB(var(--orange));
}

.FA5JM .uc1Mf svg path:nth-of-type(3) {
  --icon-color-primary: RGB(var(--blue));
}

.FA5JM .uc1Mf svg path:nth-of-type(4) {
  --icon-color-primary: RGB(var(--pink));
}

.FA5JM .nck6q .jkWYb:not(._Eplv) {
  --icon-color-primary: rgba(var(--white-on-dark), 0.65);
}

.FA5JM .nck6q .jkWYb:not(._Eplv) a span {
  color: rgba(var(--white-on-dark), 0.65);
}

.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: rgba(var(--white-on-dark), 0.65);
  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 rgba(var(--white-on-dark), 0.13);
}

@media (min-width: 990px) {
  .jGgIg.mASS7 {
    border-top: none;
  }
}

.jGgIg .ML6ef {
  box-sizing: border-box;
  max-width: 250px;
  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;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  display: flex;
}

.jGgIg .ML6ef:hover {
  background-color: var(--chrome-ui-hover);
}

.jGgIg .ML6ef:active {
  background-color: var(--chrome-ui-pressed);
}

.jGgIg .ML6ef:focus-visible {
  outline-offset: 2px;
  outline: 2px solid var(--chrome-ui-focus);
}

.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-family: var(--font-family);
    gap: 8px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
  }
}

.sebgd {
  padding: 8px;
}

@media (min-width: 1162px) {
  .sebgd {
    padding: 12px 16px;
  }
}

.gM9qK:focus {
  outline: none;
}

.gM9qK > li {
  list-style-type: none;
}

.HHKOH {
  --icon-color-primary: rgba(var(--white-on-dark), 0.65);
  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 0.2s ease-in-out;
  }
}

button[aria-expanded="true"] .HHKOH {
  --icon-color-primary: RGB(var(--white-on-dark));
  transform: rotate(180deg);
}

.IZU9t {
  list-style-type: none;
}

.ZsbLT {
  margin: 0;
  padding: 0;
}

.ZsbLT .jkWYb {
  list-style-type: none;
}

.LLlT8 {
  width: 100%;
}

.GCrNv {
  color: rgba(var(--white-on-dark), 0.65);
  padding-bottom: 16px;
  padding-left: 4px;
  padding-right: 4px;
}

@media (prefers-reduced-motion: no-preference) {
  .a7y1L {
    background-color: RGB(var(--navy));
    font-family: Courier, monospace;
    position: relative;
  }

  .a7y1L:after,
  .a7y1L:before {
    content: attr(data-text);
    background-color: RGB(var(--navy));
    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 {
    text-shadow: -0.5px 0 #ff4930;
    width: 100%;
    animation: 2s linear infinite alternate-reverse gXSh1;
    left: 1px;
  }

  .a7y1L:before {
    text-shadow: 0.5px 0 #ff4930;
    width: 100%;
    animation: 3s linear infinite alternate-reverse r_Q2d;
    left: -1px;
  }
}

.G16Pk {
  font-family: var(--font-family);
  color: #000;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #e8d738;
  border-radius: 4px;
  max-width: 75px;
  margin-left: 4px;
  padding: 0 4px;
  font-size: 0.78125rem;
  font-weight: 700;
  line-height: 1.52;
  display: block;
  overflow: hidden;
}

.cenCy {
  width: 240px;
}

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

.ODVjm {
  border: 2px solid 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;
  }
}

._4FYc {
  position: relative;
}

._4FYc .ByxRV {
  top: 6px;
  right: 3px;
}

.mbykw {
  opacity: 0.65;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-left: 0;
  transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  display: flex;
  position: relative;
}

.mbykw span {
  background: RGB(var(--white-on-dark));
  transform-origin: 50%;
  opacity: 1;
  border-radius: 1px;
  width: 50%;
  height: 2px;
  transition: all 0.2s cubic-bezier(0.175, 0.885, 0.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);
}

.Ghgqx {
  width: 119.664px;
  height: 40px;
  display: block;
}

.lti8i {
  height: 40px;
  display: block;
}

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

.pqAlM :not(:last-child) {
  margin-right: 10.5px;
}

.appLinksHidden {
  display: none;
}

.y8Hml {
  font-family: var(--font-family);
  color: RGB(var(--navy));
  background: RGB(var(--deprecated-accent));
  text-align: center;
  padding: 16px 0 10px;
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.52381;
  position: relative;
  overflow: hidden;
}

.y8Hml p {
  padding: 0 35px;
}

.qzObp,
.mvG2_ {
  max-width: 100%;
  display: inline-block;
}

.qzObp,
.PH0PQ {
  color: RGB(var(--white-on-dark));
  border-radius: 6px;
  text-decoration: none;
}

.qzObp {
  font-family: var(--font-family);
  background-color: RGB(var(--navy));
  margin: 10px 5px 0;
  padding: 8px 15px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  position: relative;
  top: -14px;
}

.PH0PQ {
  font-family: var(--font-family);
  background-color: RGB(var(--deprecated-accent));
  margin-right: 16px;
  padding: 6px;
  font-size: 0.875rem;
  font-weight: 700;
  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: RGB(var(--navy));
}

.TH1uR {
  background-color: RGB(var(--navy));
  align-items: center;
  height: 44px;
  display: flex;
}

.TH1uR .TjksN {
  box-sizing: border-box;
  color: RGB(var(--white));
  z-index: 99;
  background: inherit;
  align-items: center;
  width: 100%;
  height: 44px;
  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 {
  min-width: 50px;
  width: initial;
}

.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: 0.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;
}

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

.WdYx4,
.tnoMg {
  font-family: var(--font-family);
  border-radius: 3px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

.WdYx4 .D2Wgl,
.tnoMg .D2Wgl {
  padding: 8px 20.5px;
  display: block;
}

.WdYx4 {
  color: RGB(var(--navy));
  background-color: RGB(var(--deprecated-accent));
}

.WdYx4 a {
  text-decoration: none;
}

.tnoMg {
  color: rgba(var(--white-on-dark), 0.65);
  border: rgba(var(--white-on-dark), 0.4) 2px solid;
  padding: 6px 10px;
}

.ScibS {
  box-sizing: border-box;
  color: RGB(var(--white-on-dark));
  border-radius: 8px;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  padding: 10px;
  display: flex;
}

.ScibS:hover {
  background-color: rgba(var(--white-on-dark), 0.07);
}

.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: #fff;
  text-align: center;
  font-size: 18px;
  line-height: 50px;
}

.uQnmG .iqdyd {
  color: #fff;
  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;
}

.u8J1W:hover {
  background-color: var(--chrome-tint);
}

.u8J1W .MgGEG {
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow-wrap: break-word;
  vertical-align: middle;
  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-family: var(--font-family-modern);
  color: var(--chrome-fg);
  flex-direction: column;
  font-weight: 500;
  line-height: 1.5rem;
  display: flex;
}

.u8J1W .wVZAK .hIUaH {
  font-size: 1rem;
  font-family: var(--font-family-modern);
  color: var(--chrome-fg);
  font-weight: 500;
  line-height: 1.5rem;
}

.u8J1W .wVZAK .p_IvR {
  font-size: 0.875rem;
  font-family: var(--font-family-modern);
  font-weight: 500;
  line-height: 1.25rem;
}

.u8J1W .wVZAK .M523y {
  font-size: 0.875rem;
  font-family: var(--font-family-modern);
  text-overflow: ellipsis;
  -webkit-hyphens: none;
  hyphens: none;
  color: var(--chrome-fg-secondary);
  font-weight: 350;
  line-height: 1.25rem;
  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;
  }
}

.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;
}

.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-family: var(--font-family-modern);
  font-weight: 500;
  line-height: 1.75rem;
}

.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;
}

.CiFOS {
  padding: 16px;
  display: flex;
}

.tDrb8 {
  font-family: var(--font-family);
  color: rgba(var(--white-on-dark), 0.65);
  box-sizing: border-box;
  cursor: pointer;
  flex-basis: content;
  border-radius: 6px;
  flex-grow: 2;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.42857;
  text-decoration: none;
  display: flex;
}

.tDrb8:hover {
  background: rgba(var(--white-on-dark), 0.07);
}

.r46S_ {
  align-items: center;
  display: flex;
}

.EhYXO {
  border-radius: 3px;
  width: 25px;
  height: 25px;
  margin-right: 15px;
}

.fv3fw {
  flex-basis: content;
  border-radius: 0 8px 8px 0;
  flex-grow: 1;
  justify-content: flex-end;
  align-items: normal;
  display: flex;
}

.T7awP {
  align-self: center;
  padding: 7px;
}

.mSpAO {
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 12px;
  flex-direction: row;
  gap: 16px;
  width: 100%;
  padding: 8px 14px;
  display: flex;
  overflow: hidden;
}

.nset3 {
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.6);
  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: #000;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.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: RGB(var(--deprecated-accent));
  color: RGB(var(--navy));
}

.v4Qva button.tClC2,
.v4Qva a.tClC2 {
  color: RGB(var(--black));
  border: 2px solid RGB(var(--deprecated-accent));
}

.yCNr1 {
  -moz-column-gap: 25px;
  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-family: var(--font-family);
  color: rgba(var(--black), 0.65);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
}

.ktZLq {
  background: RGB(var(--white));
  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;
  line-height: 1.30769;
  font-family: var(--font-family);
  color: RGB(var(--black));
  padding-bottom: 50px;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3;
}

.QCP_G {
  border: 1px solid rgba(var(--black), 0.25);
  text-align: center;
  border-radius: 12px;
  width: 145px;
  min-width: 145px;
  height: 145px;
  margin-bottom: 10px;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.FiXWk {
  font-family: var(--font-family);
  color: rgba(var(--black), 0.65);
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.33333;
}

.NfCZL p.mrrMS {
  font-family: var(--font-family);
  color: RGB(var(--black));
  font-size: 18px;
  font-weight: 700;
  line-height: 1.33333;
}

.MEM8E {
  color: rgba(var(--black), 0.65);
  font-family: var(--font-family);
  padding-top: 10px;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.33333;
}

.MEM8E span {
  vertical-align: unset;
  text-decoration: underline;
}

.yRcwV {
  margin-right: 8px;
  position: relative;
  top: 2px;
}

.w9XYs {
  color: rgba(var(--black), 0.65);
  font-family: var(--font-family);
  padding-top: 25px;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.33333;
}

.mrvd7 {
  font-family: var(--font-family);
  background-color: var(--blog-contrasting-link-color);
  border: 2px solid var(--blog-contrasting-link-color);
  color: var(--blog-background-color);
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 20px;
  padding: 6px 15px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.42857;
  overflow: hidden;
}

.SYe4j {
  flex: auto;
}

.sDsUc {
  background-color: RGB(var(--white));
  max-height: 80vh;
  padding: 24px;
  overflow-y: auto;
}

.sDsUc hr {
  margin: 0.75em 5px;
}

.sDsUc p,
.sDsUc div {
  font-family: var(--font-family);
  font-size: 0.78125rem;
  font-weight: 400;
  line-height: 1.52;
}

.sDsUc p {
  color: rgba(var(--black), 0.6);
}

.sDsUc .L7mvX {
  font-family: var(--font-family);
  color: RGB(var(--black));
  padding-bottom: 12px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
}

.sDsUc .iqpqN {
  color: RGB(var(--black));
}

.sDsUc .ongB1 {
  font-family: var(--font-family);
  margin: 25px 0 5px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

.sEal0 {
  margin-right: 5px;
}

._X19c {
  background-color: var(--blog-background-color);
  color: var(--blog-contrasting-title-color);
  border-radius: 3px;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.txEJf {
  flex-direction: row;
  min-height: 80px;
  display: flex;
}

.txEJf ._5p5FC {
  pointer-events: all;
  background-color: var(--blog-background-color);
  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%;
}

.w6XLs {
  animation: 0.4s ease-in-out _vXPF;
}

@keyframes _vXPF {
  0%,
  20% {
    transform: scale3d(0, 0, 0);
  }

  to {
    transform: none;
  }
}

.BQhXD {
  color: var(--blog-contrasting-title-color);
  background-color: var(--blog-background-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-family: var(--font-family);
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  min-height: 50px;
  padding: 10px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.42857;
  display: flex;
}

.jDeHn .DBODR {
  background: rgba(var(--black), 0.13);
  border-radius: 3px;
  width: 69px;
  height: 30px;
}

.kk3cQ {
  word-break: keep-all;
  min-width: 60px;
  margin-right: 5px;
}

.HaeOc {
  line-height: 20px;
}

.HaeOc .uit_7 {
  color: RGB(var(--black));
  font-weight: 700;
  position: relative;
}

.HaeOc .uit_7 .yi4Zv {
  flex-direction: column;
  gap: 0.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-family: var(--font-family);
  color: rgba(var(--black), 0.65);
  margin: 0;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
}

.HaeOc .gGm8i {
  flex-flow: wrap;
  justify-content: flex-start;
  display: flex;
}

.HaeOc .RDKrD {
  background-color: RGB(var(--white));
  margin-right: 4px;
  padding: 4px 8px;
}

.XmG36 {
  grid-column-start: span 2;
}

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

.iOplf .WaV4Y {
  padding: 8px;
}

.iOplf .dxDX3 {
  padding-left: 5px;
}

.iOplf .dxDX3 svg {
  opacity: 0.5;
}

.iOplf .dxDX3:hover svg,
.iOplf .dxDX3:focus svg {
  opacity: 1;
}

.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;
  line-height: 1.30769;
  font-family: var(--font-family);
  color: RGB(var(--black));
  font-size: 24px;
  font-weight: 400;
  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 rgba(var(--black), 0.13);
  border-bottom: 1px solid rgba(var(--black), 0.13);
}

.pxXIi .ARWH6:last-of-type {
  margin-bottom: 16px;
}

@media (max-width: 540px) {
  .pxXIi .ARWH6 {
    padding: 40px 20px;
  }
}

.Z6KOK,
.Snm10 {
  background-color: rgba(var(--black), 0.04);
  border-radius: 12px;
  gap: 8px;
  padding-bottom: 24px;
}

.Snm10 {
  margin-bottom: 8px;
}

.AuVKd,
._7hEfa,
.NXtez {
  gap: 30px 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-family: var(--font-family);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
}

.J6x9p {
  text-align: left;
  width: 100%;
  font-family: var(--font-family);
  color: rgba(0, 0, 0, 0.6);
  flex-direction: row;
  margin: 16px 0 12px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  display: flex;
}

.J6x9p > span {
  flex-basis: 50%;
}

.USjlu,
.totSw {
  color: rgba(var(--black), 0.6);
}

.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 {
  opacity: 1;
  color: RGB(var(--white-on-dark));
  display: flex;
}

._fk31.Kxfe3 {
  animation: 0.3s ease-out forwards PI5Im;
}

@keyframes PI5Im {
  0% {
    opacity: 1;
    transform: translate(0);
  }

  to {
    opacity: 0;
    transform: translate(-33%);
  }
}

._fk31.vN7wd {
  animation: 0.3s ease-in-out HCtj4;
}

@keyframes HCtj4 {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

._fk31.ou8zw {
  opacity: 0;
}

.E4V_b {
  font-family: var(--font-family);
  color: var(--color-title);
  padding: 15px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  display: flex;
}

.W9GZw button {
  text-align: center;
  width: 100%;
  color: var(--color-primary-link);
  font-family: var(--font-family);
  border-top: 1px solid rgba(255, 255, 255, 0.13);
  padding: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  display: block;
}

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

.leVy7 {
  font-family: var(--font-family);
  flex-direction: row;
  justify-content: flex-end;
  gap: 10px;
  font-size: 0.78125rem;
  font-weight: 700;
  line-height: 1.52;
  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-family: var(--font-family);
  color: #ffad4c;
  background: rgba(255, 138, 0, 0.25);
  padding: 8px 16px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.42857;
}

.leVy7 button.cWqN5 .lFuwX,
.leVy7 a.cWqN5 .lFuwX {
  font-weight: 700;
}

.leVy7 button.cWqN5:hover,
.leVy7 a.cWqN5:hover {
  background-color: rgba(255, 138, 0, 0.3);
}

.leVy7 button.YzmTr,
.leVy7 a.YzmTr {
  color: rgba(var(--white-on-dark), 0.8);
  border: 1px solid rgba(var(--white-on-dark), 0.1);
}

.q1ZAL {
  scrollbar-width: none;
  -ms-overflow-style: none;
  margin: 0 auto;
  overflow-x: scroll;
  overflow-y: hidden;
}

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

@media (max-width: 540px) {
  .q1ZAL {
    margin-left: 16px;
  }
}

.q1ZAL a {
  text-decoration: none;
}

@media (max-width: 540px) {
  .N7rEi {
    margin-right: 16px;
  }
}

.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-family: var(--font-family);
  color: rgba(var(--white-on-dark), 0.65);
  margin-bottom: 4px;
  font-size: 0.78125rem;
  font-weight: 700;
  line-height: 1.52;
}

.IOzxh .ODi7v.Bqx1i {
  color: #00cf35;
}

.IOzxh .ODi7v.eKTP_ {
  color: #ff8a00;
}

.IOzxh .YCfHE {
  font-family: var(--font-family);
  color: RGB(var(--white-on-dark));
  min-width: 130px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

@media (max-width: 540px) {
  .IOzxh .YCfHE {
    min-width: inherit;
  }
}

.IOzxh ._wwjA {
  font-family: var(--font-family);
  color: rgba(var(--white-on-dark), 0.65);
  font-size: 0.78125rem;
  font-weight: 700;
  line-height: 1.52;
}

.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: rgba(var(--white-on-dark), 0.65);
}

.IOzxh .n2TrC .osXRO p {
  color: rgba(var(--white-on-dark), 0.65);
  font-family: var(--font-family);
  margin: 0;
  font-size: 0.78125rem;
  font-weight: 700;
  line-height: 1.52;
}

.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;
}

.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-family: var(--font-family);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
}

.l6TJ6 .P2y86 {
  font-family: var(--font-family);
  flex-direction: column;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.42857;
  display: flex;
}

.l6TJ6 .tlDpL {
  border-radius: 3px;
  width: 64px;
  height: 37px;
  margin-right: 10px;
  display: block;
  overflow: hidden;
}

.l6TJ6 .t0rWS {
  font-family: var(--font-family);
  text-overflow: ellipsis;
  -webkit-hyphens: none;
  hyphens: none;
  color: rgba(var(--white-on-dark), 0.65);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
  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 .vVW2s {
  text-align: right;
  align-items: center;
  padding-right: 14px;
  display: flex;
  position: relative;
}

.l6TJ6 .vVW2s a {
  font-family: var(--font-family);
  color: RGB(var(--deprecated-accent));
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.42857;
  text-decoration: none;
}

@media (max-width: 540px) {
  .l6TJ6 .vVW2s a {
    font-family: var(--font-family);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
  }
}

.l6TJ6 .vVW2s a:focus,
.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;
}

.ngnqP.tMsyD:hover {
  background-color: var(--chrome-tint);
}

.ngnqP.S01d5:hover {
  background-color: var(--content-tint);
}

.B15CE {
  background: var(--color-bluespace-card-background);
  border-radius: var(--border-radius-small);
  margin-bottom: 16px;
}

.B15CE.gvSHK {
  margin-left: 8px;
  margin-right: 8px;
}

.uJiXu {
  font-family: var(--font-family);
  color: var(--color-title);
  border-bottom: 1px solid rgba(var(--white-on-dark), 0.13);
  padding: 15px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
}

@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;
  }
}

.pqNoe {
  width: 300px;
  height: auto;
}

.Pyyts {
  padding: 0 5px;
}

.uxqpX {
  font-size: 0.75rem;
  font-family: var(--font-family-modern);
  border-radius: 4px;
  padding: 0 4px;
  font-weight: 500;
  line-height: 1.125rem;
  display: inline-flex;
}

.uxqpX.O71si {
  font-size: 0.875rem;
  font-family: var(--font-family-modern);
  font-weight: 500;
  line-height: 1.25rem;
}

.f8NX6.xcSSm {
  background-color: var(--chrome-tint-strong);
  color: var(--chrome-fg-secondary);
}

.OLBDR.iOnpq {
  background-color: var(--brand-purple-tint-strong);
  color: var(--brand-purple);
}

.OLBDR.xcSSm {
  background-color: var(--content-tint-strong);
  color: var(--content-fg-secondary);
}

.SwCM_.iOnpq {
  background-color: var(--image-fg);
  color: #000;
}

.SwCM_.xcSSm {
  background-color: var(--image-tint);
  color: var(--image-fg);
}

@keyframes U1c51 {
  to {
    width: 0;
  }
}

.rj2AL {
  z-index: 0;
  position: relative;
  overflow: visible;
}

.kvzqV {
  box-sizing: border-box;
  background-color: var(--chrome-panel);
  outline: 1px solid var(--chrome-tint);
  outline-offset: -1px;
  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: 0.2s;
    animation-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
    animation-delay: 0.1s;
    animation-fill-mode: forwards;
  }

  .eS_fk .kvzqV {
    opacity: 0;
    z-index: -1;
    transition-property: opacity;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.65, 0.05, 0.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 {
  -webkit-padding-before: 16px;
  -webkit-padding-after: 12px;
  box-sizing: border-box;
  background-color: #000;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 16px;
  padding-bottom: 12px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.OuaBX {
  -webkit-padding-end: 32px;
  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(
    :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: 0.875rem;
  font-family: var(--font-family-modern);
  text-overflow: ellipsis;
  white-space: pre-wrap;
  font-weight: 350;
  line-height: 1.25rem;
  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 a {
  color: inherit;
  text-decoration: none;
}

.Hzn1C a:hover {
  outline: none;
  text-decoration: underline;
}

.Hzn1C a:focus-visible {
  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-family: var(--font-family-modern);
  font-weight: 500;
  line-height: 1.75rem;
}

.GJZlF .CtMHn {
  text-overflow: ellipsis;
  overflow-wrap: break-word;
  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 .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:hover {
  color: var(--image-fg);
}

.GJZlF .Hzn1C a:focus-visible {
  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:hover {
  color: var(--chrome-fg);
}

.Z2xdy .Hzn1C a:focus-visible {
  color: var(--chrome-fg);
}

.YmIEY {
  font-size: 0.875rem;
  font-family: var(--font-family-modern);
  text-overflow: ellipsis;
  color: var(--chrome-fg);
  overflow-wrap: break-word;
  font-weight: 350;
  line-height: 1.25rem;
  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;
  }
}

.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;
}

.kUY6q,
.UNR6O {
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.kUY6q {
  background-color: rgba(1, 207, 53, 0.2);
  width: 16px;
  height: 16px;
}

.UNR6O {
  background-color: #01cf35;
  width: 8px;
  height: 8px;
}

.wjhBM {
  font-size: 0.875rem;
  font-family: var(--font-family-modern);
  flex-flow: row;
  gap: 8px;
  max-width: 100%;
  font-weight: 350;
  line-height: 1.25rem;
  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;
}

.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;
}

.nY3JD:hover .GutOb {
  background-color: var(--chrome-tint);
}

.GpJEZ {
  background-color: var(--chrome-panel);
  border: 1px solid var(--chrome-panel-border);
  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: 0.875rem;
  font-family: var(--font-family-modern);
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: flex-start;
  height: 42px;
  padding: 0 12px;
  font-weight: 500;
  line-height: 1.25rem;
  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: 0.875rem;
  font-family: var(--font-family-modern);
  color: var(--chrome-fg-secondary);
  font-weight: 350;
  line-height: 1.25rem;
}

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

.wtNDp .Bfgeu {
  width: 100%;
}

.wtNDp:hover .bN1sN {
  background-color: rgba(var(--white-on-dark), 0.07);
}

.wtNDp:focus-within .bN1sN {
  background-color: rgba(var(--white-on-dark), 0.07);
}

.wtNDp:hover .YtfWt {
  opacity: 1;
}

.wtNDp:focus-within .YtfWt {
  opacity: 1;
}

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

.quD2R {
  box-sizing: border-box;
  border: 1px solid transparent;
  border-radius: 6px;
  width: 140px;
  padding: 8px;
  animation: 0.35s ease-in-out qGGtX;
}

@keyframes qGGtX {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.jOrvN {
  align-items: center;
  max-width: 100%;
  min-height: 2em;
  margin-bottom: 8px;
  font-weight: 700;
  display: flex;
}

.jOrvN span {
  text-overflow: ellipsis;
  font-family: var(--font-family);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 16px;
  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;
  }
}

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

.mqAke {
  flex-basis: 100%;
  height: 56px;
}

.pAmwO {
  width: 56px;
  height: 93.3333px;
}

.mqAke,
.pAmwO {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
}

.FvvEQ {
  width: 100%;
  margin-top: 8px;
}

.FvvEQ > span {
  width: 100%;
}

.H2SSj {
  font-family: var(--font-family);
  color: RGB(var(--white-on-dark));
  background-color: rgba(var(--white-on-dark), 0.1);
  border-radius: 8px;
  flex-direction: column;
  gap: 16px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 32px;
  font-size: 1rem;
  line-height: 1.5rem;
  display: flex;
}

.js3m2 {
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  margin: 16px;
  display: flex;
}

.js3m2 > * {
  flex-grow: 1;
}

.sz2wV {
  font-family: var(--font-family);
  color: var(--color-primary-link);
  font-size: 1rem;
  line-height: 1.5rem;
}

.sz2wV:hover,
.sz2wV:active,
.sz2wV:focus {
  outline: none;
  text-decoration: underline;
}

.NWfPW:focus {
  outline: none;
}

.NWfPW:focus .LziWO {
  border: 1px solid RGB(var(--deprecated-accent));
  outline: none;
}

.NWfPW:active .LziWO {
  border: none;
}

.aJgDC {
  text-align: center;
  box-sizing: border-box;
  width: 150px;
  height: 72px;
  font-family: var(--font-family);
  color: #fff;
  border-radius: 6px;
  justify-content: center;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  display: flex;
  position: relative;
}

.aJgDC .TQmoN {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 6px;
  width: 100%;
  height: 100%;
  position: absolute;
}

.aJgDC .T4ddP {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
  border-radius: 6px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.aJgDC span {
  word-break: break-word;
  z-index: 0;
  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;
}

.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: rgba(var(--black), 0.25);
  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-family: var(--font-family);
  text-align: center;
  width: 100%;
  padding: 12px 0;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
}

.YPDbZ img {
  border-radius: 3px;
  width: 100%;
}

.YPDbZ .KQzUb {
  margin: 0 auto;
  display: block;
}

.YPDbZ .ZGCkJ {
  font-family: var(--font-family);
  color: RGB(var(--navy));
  background-color: RGB(var(--deprecated-accent));
  border-radius: 3px;
  padding: 8px 20.5px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

.YPDbZ .ZGCkJ a {
  text-decoration: none;
}

.sBrUG {
  scrollbar-width: none;
  -ms-overflow-style: none;
  margin: 0 auto;
  overflow-x: scroll;
  overflow-y: hidden;
}

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

.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 {
  content: " ";
  border: 2px solid RGB(var(--navy));
  border-radius: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.rHyKD {
  font-family: var(--font-family);
  color: #fff;
  margin: 0 10px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.ctoub {
  font-family: var(--font-family);
  color: #d0d0d0;
  word-break: break-word;
  text-overflow: ellipsis;
  height: 60px;
  margin: 0 10px 8px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
  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: 0.6;
  width: 70px;
  height: 70px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.nXAVF {
  white-space: pre;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.nXAVF.hJQ0M {
  flex-wrap: nowrap;
}

@media (prefers-reduced-motion: no-preference) {
  .aZTpT:nth-child(4n + 1) {
    animation: 4s ease-in-out -0.5s infinite qnpVb;
  }

  @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 + 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;
  }
}

.AYRVj {
  box-sizing: border-box;
  background-color: rgba(var(--white-on-dark), 0.07);
  width: 100%;
  max-width: 540px;
  color: RGB(var(--white));
  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;
}

.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-family: var(--font-family);
  color: var(--blog-title-color, RGB(var(--white-on-dark)));
  margin: 24px 0 8px;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.25;
}

@media (min-width: 990px) {
  .t3dLo .D1IY6 {
    margin: 31px 0 14px;
  }
}

.t3dLo .y7aw1 {
  font-family: var(--font-family);
  text-align: center;
  color: var(--blog-text-color, rgba(var(--white-on-dark), 0.65));
  margin: 0 0 23px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
}

@media (min-width: 990px) {
  .t3dLo .y7aw1 {
    margin: 0 0 34px;
    font-size: 21px;
    line-height: 32px;
  }
}

.t3dLo .ZKWeK {
  font-family: var(--font-family);
  box-sizing: border-box;
  color: var(--button-text);
  background: RGB(var(--deprecated-accent));
  text-align: center;
  border-radius: 25px;
  width: 312px;
  margin: 0 auto 28px;
  padding: 12px 82px;
  font-size: 18px;
  font-weight: 700;
  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-family: var(--font-family-modern);
  color: var(--chrome-fg);
  font-weight: 500;
  line-height: 1.75rem;
}

.tSUo6 {
  font-size: 1rem;
  font-family: var(--font-family-modern);
  color: var(--color-ui-fg);
  text-align: center;
  font-weight: 350;
  line-height: 1.5rem;
}

.VMjw1 {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.Lriof {
  background: #7c5cff;
  border-radius: 3px;
  padding: 20px;
}

.ihB_7 {
  font-family: var(--font-family);
  color: #fff;
  gap: 4px;
  margin-bottom: 16px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  display: flex;
}

.KOEvW {
  font-family: var(--font-family);
  color: rgba(255, 255, 255, 0.87);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
}

.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);
}

.wGzWf:hover {
  background-color: var(--chrome-tint);
}

.jBW90 {
  background-color: var(--content-panel);
  color: var(--content-fg-secondary);
}

.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;
  font-size: 1rem;
  font-family: var(--font-family-modern);
  font-weight: 500;
  line-height: 1.5rem;
  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;
  }
}

.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: 0.875rem;
  font-family: var(--font-family-modern);
  padding-top: 4px;
  font-weight: 400;
  line-height: 1.25rem;
}

.vSJjf .nIXM2 {
  font-weight: 500;
}

.aECk8 {
  flex-direction: row;
  display: flex;
}

.zGDfg {
  text-overflow: ellipsis;
  overflow-wrap: break-word;
  font-size: 1rem;
  font-family: var(--font-family-modern);
  flex: 1;
  font-weight: 350;
  line-height: 1.5rem;
  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;
  }
}

.r64Rl {
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 24px 0 16px;
  display: flex;
}

.ndiCy {
  font-family: var(--font-family);
  margin: 0 14px;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.33333;
}

.h6feK {
  border-bottom: 1px solid;
  flex-grow: 1;
  min-width: 10%;
}

.uOyjG {
  background-color: var(--content-panel);
  width: 100%;
  max-width: 540px;
  color: var(--content-fg);
  border-top: 1px solid rgba(var(--black), 0.13);
  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;
}

.kJSyc {
  font-family: var(--font-family);
  white-space: pre-line;
  width: 100%;
  color: RGB(var(--black));
  box-sizing: border-box;
  padding-left: var(--post-padding);
  padding-right: var(--post-padding);
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.kJSyc h2 {
  font-family:
    Gibson,
    Favorit,
    Helvetica Neue,
    HelveticaNeue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 20px;
  line-height: 26px;
}

.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: rgba(var(--black), 0.65);
  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;
}

.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 rgba(var(--black), 0.07);
}

.XJ7bf .EouzI .hsyjV {
  font-weight: 700;
}

.f3f_v {
  display: none;
}

.hMigf {
  grid-template-columns: repeat(var(--column-count), 1fr);
  grid-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;
}

.S1Ly1 {
  text-align: center;
  color: rgba(var(--black), 0.4);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 220px;
  padding: 20px;
  display: flex;
}

.S1Ly1 ._0QRP {
  margin-bottom: 20px;
}

.S1Ly1 .vudm0 {
  font-family: var(--font-family);
  margin-bottom: 5px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
}

.S1Ly1 .dmkXT {
  font-family: var(--font-family);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.S1Ly1 .imAUs {
  border-radius: 28px;
  width: calc(100% - 40px);
  max-width: 220px;
  margin: 20px auto 10px;
}

.QXbpy > svg use {
  --icon-color-primary: RGB(var(--red));
}

.EIVbN {
  position: relative;
}

.OABBO:hover {
  cursor: not-allowed;
}

.c6rjd {
  border: 1px solid rgba(var(--black), 0.1);
  border-radius: 12px;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  display: flex;
}

.c6rjd .a77Se {
  color: #000;
  font-family: var(--font-family);
  background-color: #e8d738;
  border-radius: 34px;
  padding: 4px 10px;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.125rem;
  display: block;
}

.c6rjd .Oxjr8 {
  font-family: var(--font-family);
  color: rgba(var(--black), 0.6);
  font-size: 0.75rem;
  font-weight: 350;
  line-height: 1.125rem;
}

.yn46M {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.yn46M .Ibe8v {
  font-family: var(--font-family);
  color: RGB(var(--black));
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
}

.yn46M .hs8pl {
  position: relative;
  bottom: auto;
}

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

.tKPww.Wwiyv {
  color: RGB(var(--red));
}

.tKPww.UL4kX {
  font-family: var(--font-family);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.gDeru {
  color: RGB(var(--black));
  background-color: RGB(var(--white));
  box-sizing: border-box;
  z-index: 101;
  border-radius: 12px;
  flex-direction: column;
  gap: 16px;
  min-width: 359px;
  max-width: 420px;
  padding: 24px;
  display: flex;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.gDeru p {
  font-family: var(--font-family);
  text-wrap: pretty;
  margin: 0;
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
}

[data-backdrop] {
  background-color: rgba(var(--navy), 0.87);
  z-index: 100;
}

.KTE2C {
  font-family: var(--font-family);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2rem;
}

._0PvhS {
  align-items: center;
  gap: 9px;
  display: flex;
}

._ZK0e {
  font-family: var(--font-family);
  border-radius: 34px;
  flex-grow: 1;
  padding: 12px 24px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

._ZK0e.KC2zb {
  background-color: RGB(var(--deprecated-accent));
  color: RGB(var(--navy));
}

.palette--trueBlue ._ZK0e.KC2zb {
  color: RGB(var(--black));
}

._ZK0e.x2js_ {
  background-color: RGB(var(--white));
  color: RGB(var(--black));
  border: 1px solid rgba(var(--black), 0.1);
}

.f7IhF {
  position: relative;
}

.rTsL7:hover {
  cursor: not-allowed;
}

.gQqv7 {
  flex: 1 0;
  align-items: center;
  padding-right: 200px;
  display: flex;
}

.NGv38 {
  background-color: RGB(var(--white));
  font-family: var(--font-family);
  box-sizing: border-box;
  width: 100%;
  max-width: 540px;
  padding-left: var(--post-padding);
  padding-right: var(--post-padding);
  padding-top: var(--post-header-vertical-padding);
  margin-bottom: var(--post-header-vertical-padding);
  border-radius: 3px 3px 0 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.NGv38 .VkveT {
  height: 100%;
  font-family: var(--font-family);
  max-width: calc(100vw - 2 * var(--post-padding));
  flex-direction: row;
  flex-grow: 1;
  justify-content: space-between;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.42857;
  display: flex;
}

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

.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-family: var(--font-family);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.42857;
  display: inline;
}

@media (max-width: 540px) {
  .NGv38 .nOkib,
  .NGv38 .lnu0J,
  .NGv38 .bOQD6 {
    font-family: var(--font-family);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
  }
}

.NGv38 .nOkib:focus,
.NGv38 .lnu0J:focus {
  outline: none;
  text-decoration: underline;
}

.NGv38 .nOkib {
  color: RGB(var(--black));
  word-break: break-all;
  margin-right: 5px;
  display: inline;
}

.NGv38 .lnu0J {
  color: rgba(var(--black), 0.65);
  margin-bottom: 2px;
  display: inline-block;
}

.NGv38 .lnu0J svg {
  margin-right: 2px;
  position: relative;
  top: 3px;
}

.NGv38 .lnu0J svg use {
  --icon-color-primary: rgba(var(--black), 0.65);
}

.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-family: var(--font-family);
  color: rgba(var(--black), 0.65);
  margin: 25px var(--post-padding) 0;
  justify-content: space-between;
  align-items: center;
  padding: 3px 0;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.42857;
  display: flex;
}

.Bpgt9 .vHNg4 {
  font-family: var(--font-family);
  cursor: pointer;
  text-align: left;
  max-width: 100%;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  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-family: var(--font-family);
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  position: relative;
}

.Bpgt9 .muKGV svg {
  transition: fill 0.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-family: var(--font-family);
  color: rgba(var(--black), 0.65);
  box-sizing: border-box;
  padding-left: var(--post-padding);
  padding-right: var(--post-padding);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

@media (max-width: 540px) {
  .pcM78 {
    padding: 0 10px;
    line-height: 18px;
  }
}

.pcM78 a {
  color: rgba(var(--black), 0.65);
  text-decoration: none;
}

.NE55d {
  text-align: center;
  color: rgba(var(--black), 0.65);
}

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

.rej_I {
  font-family: var(--font-family);
  margin: 0.5rem 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.YzQ8S,
.hu38h {
  cursor: pointer;
  z-index: 1;
  background: RGB(var(--white));
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: background-color 0.2s ease-in-out;
  display: flex;
  position: absolute;
  bottom: 16px;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.5);
}

.YzQ8S {
  margin-right: 16px;
  right: 0;
}

.hu38h {
  margin-left: 16px;
}

button:disabled .YzQ8S,
button:disabled .hu38h {
  opacity: 0;
  pointer-events: none;
}

.m849Z {
  text-align: center;
  color: rgba(var(--black), 0.65);
}

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

.ar36A {
  font-family: var(--font-family);
  margin: 0.5rem 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.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-family: var(--font-family);
  color: var(--chrome-fg);
  text-align: center;
  max-width: 285px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
}

.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-family: var(--font-family);
  color: RGB(var(--white-on-dark));
  margin-right: 15px;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.33333;
}

.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-family: var(--font-family);
  color: RGB(var(--white-on-dark));
  justify-content: space-between;
  align-items: center;
  margin: 0 0 20px;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.33333;
  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-family: var(--font-family-modern);
  color: var(--chrome-fg);
  grid-area: title;
  align-self: center;
  font-weight: 500;
  line-height: 1.75rem;
}

@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 {
  text-align: center;
  width: 100%;
  color: RGB(var(--white));
  margin: 40px 0;
  font-size: 24px;
}

.Gm6ol {
  min-height: 100vh;
}

.pafF1 {
  font-family: var(--font-family);
  color: RGB(var(--deprecated-accent));
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
}

.pafF1:hover {
  outline: none;
  text-decoration: underline;
}

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

.fFkqg {
  font-family: var(--font-family);
  color: rgba(var(--white-on-dark), 0.65);
  text-align: center;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.pl1kW {
  border: 1px solid var(--chrome-panel-border);
  background-color: var(--chrome-panel);
  width: 100%;
  max-width: 540px;
  color: RGB(var(--white-on-dark));
  border-radius: 8px;
  overflow: hidden;
}

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

.pl1kW h1 {
  font-size: 1.625rem;
  line-height: 1.30769;
  font-family: var(--font-family);
  text-align: center;
  margin: 24px 24px 8px;
  font-weight: 400;
}

.pl1kW p {
  text-align: center;
  margin: 8px 24px 24px;
  line-height: 24px;
}

.pl1kW.P0vNG {
  animation: 0.3s ease-out forwards fFLYa;
}

@keyframes fFLYa {
  0% {
    opacity: 1;
    transform: translate(0);
  }

  to {
    opacity: 0;
    transform: translate(-100%);
  }
}

.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-family: var(--font-family);
  color: var(--color-primary-link);
  align-items: center;
  padding: 12px 16px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
}

.pl1kW .KcFoc .g9DRM._KWJ_ {
  background: RGB(var(--deprecated-accent));
  color: RGB(var(--navy));
  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;
}

._vFtf {
  width: 100%;
}

.leMd5 {
  text-align: start;
  border-bottom: 1px solid rgba(var(--black), 0.13);
  background: RGB(var(--white));
  padding: 15px;
  text-decoration: none;
  display: flex;
}

.leMd5:hover,
.leMd5:focus {
  background-color: RGB(var(--secondary-accent));
}

.leMd5:hover .leMd5,
.leMd5:focus .leMd5 {
  outline: none;
}

.leMd5 .xCv4H {
  margin-right: 10px;
}

.leMd5 .GyW8v {
  width: 100%;
  color: RGB(var(--black));
  flex-direction: column;
  margin-top: -2px;
  display: flex;
  overflow: hidden;
}

.leMd5 .GyW8v .uX3_z {
  font-family: var(--font-family);
  letter-spacing: 0.01px;
  justify-content: space-between;
  font-size: 0.875rem;
  font-weight: 700;
  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: RGB(var(--deprecated-accent));
}

.leMd5 .GyW8v .uX3_z .Y8xri {
  background: RGB(var(--deprecated-accent));
  border-radius: 100%;
  align-self: center;
  width: 8px;
  height: 8px;
}

.leMd5 .GyW8v .FZe6i {
  font-family: var(--font-family);
  width: 100%;
  color: rgba(var(--black), 0.65);
  font-size: 0.78125rem;
  font-weight: 400;
  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-family: var(--font-family);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

.leMd5.F1eQQ .GyW8v .FZe6i {
  font-family: var(--font-family);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 18px;
}

.njwip {
  color: #fff;
  position: relative;
}

.njwip a {
  color: inherit;
  text-decoration: none;
}

.njwip a:hover {
  text-decoration: none;
}

.Z4Uny {
  font-family: var(--font-family);
  box-sizing: border-box;
  padding-left: var(--post-padding);
  padding-right: var(--post-padding);
  background: rgba(0, 0, 0, 0.65);
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.52381;
  display: flex;
  position: absolute;
  overflow: hidden;
}

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

.Z4Uny:focus {
  outline: auto #00b8ff;
}

.Cewkz {
  background: #000;
  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 {
  outline: none;
}

.H4DuS:focus-within {
  outline: none;
}

.H4DuS:focus .erLM8 {
  filter: brightness(120%);
}

.H4DuS:focus-within .erLM8 {
  filter: brightness(120%);
}

.H4DuS .erLM8 {
  color: #fff;
  font-family: var(--font-family);
  text-align: center;
  background-color: #00b8ff;
  border-radius: 3px;
  margin-top: 10px;
  padding: 2px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

@media (max-width: 540px) {
  .H4DuS .erLM8 {
    margin: 10px;
  }
}

.RPM5v {
  font-family: var(--font-family);
  box-sizing: border-box;
  padding-left: var(--post-padding);
  padding-right: var(--post-padding);
  padding-top: calc(var(--post-padding) / 2);
  justify-content: flex-end;
  width: 100%;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

.bfkG1,
.T5j7G {
  background-color: RGB(var(--white));
  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;
}

.GC6tB {
  font-weight: 700;
}

.QKm6q {
  background: var(--brand-purple);
  box-sizing: border-box;
  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-family: var(--font-family-modern);
  text-overflow: ellipsis;
  color: var(--color-fg-light);
  font-weight: 500;
  line-height: 1.75rem;
  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 .mV8AT {
  font-size: 1rem;
  font-family: var(--font-family-modern);
  color: var(--color-fg-light-secondary);
  font-weight: 350;
  line-height: 1.5rem;
}

.ftU4D {
  -webkit-overflow-scrolling: touch;
}

.mkkHd {
  margin: 0 auto;
}

.QH5q4 {
  width: 100%;
  color: rgba(var(--black), 0.65);
  background: RGB(var(--white));
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 15px 10px;
  display: flex;
}

.QH5q4 .uPfvs {
  font-family: var(--font-family);
  text-align: center;
  margin: 15px 0;
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.52381;
}

.QH5q4 .qdKhK {
  grid-gap: 10px;
  grid-template-rows: repeat(2, 35px);
  grid-template-columns: repeat(4, 35px);
  display: grid;
}

.QH5q4 .e8_q_.d76rQ {
  animation: 0.3s d76rQ;
}

@keyframes d76rQ {
  0% {
    transform: rotate(0);
  }

  25% {
    transform: rotate(10deg);
  }

  75% {
    transform: rotate(-10deg);
  }

  to {
    transform: rotate(0);
  }
}

.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 {
  background: var(--chrome-panel);
  border: 1px solid var(--chrome-panel-border);
  color: var(--chrome-fg);
}

.Ks9nn.SSBTb .ZR5vI {
  color: var(--chrome-fg-secondary);
}

.Ks9nn.Ab3vZ {
  background: var(--content-panel);
  border: 1px solid var(--content-panel-border);
  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-family: var(--font-family-modern);
  text-wrap: balance;
  flex-direction: row;
  justify-content: space-between;
  font-weight: 500;
  line-height: 1.75rem;
  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-family: var(--font-family-modern);
  text-wrap: balance;
  max-width: 650px;
  font-weight: 350;
  line-height: 1.5rem;
}

@supports (text-wrap: pretty) {
  .Ks9nn .ZR5vI {
    text-wrap: pretty;
  }
}

._v5gz,
.FBnVP {
  flex-direction: column;
  width: 100%;
  display: flex;
}

._v5gz .EXUkD,
.FBnVP .EXUkD {
  background: RGB(var(--navy));
}

._v5gz .PDF9O,
.FBnVP .PDF9O {
  background: RGB(var(--white));
  padding: 20px 0;
}

._v5gz .Zd01K,
.FBnVP .Zd01K {
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

._v5gz {
  font-family: var(--font-family);
  min-height: calc(100vh - 44px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

._v5gz .mBa_9 {
  height: 44px;
}

.FBnVP {
  font-family: var(--font-family);
  max-height: inherit;
  border-radius: 3px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
}

.FBnVP .EXUkD {
  flex-direction: column;
  display: flex;
  overflow-y: auto;
}

.Tjbvn {
  display: none;
}

.lVtP0 {
  font-size: 1rem;
  font-family: var(--font-family-modern);
  background-color: var(--content-panel);
  color: var(--content-fg);
  text-wrap: pretty;
  margin: 0;
  padding: 32px 20px;
  font-weight: 400;
  line-height: 1.5rem;
}

.HphhS {
  font-size: 1.5rem;
  font-family: var(--font-family-modern);
  align-items: baseline;
  margin: 24px 0 16px;
  font-weight: 700;
  line-height: 2rem;
  display: flex;
}

@media (max-width: 540px) {
  .HphhS {
    margin-left: 16px;
    margin-right: 10px;
  }
}

.HphhS span {
  color: RGB(var(--deprecated-accent));
}

.HphhS .KDoiW {
  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: RGB(var(--deprecated-accent));
  font-size: 16px;
  text-decoration: none;
}

@media (max-width: 540px) {
  .HphhS .EUG7h {
    margin-right: 10px;
  }
}

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

.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-family: var(--font-family);
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  min-width: 57.5px;
  padding: 6px 10px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.42857;
  display: flex;
}

.PY8Tb.B5txQ {
  margin-left: auto;
  transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.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;
}

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

.TAze8 {
  background: rgba(var(--black), 0.6);
  border-radius: 100%;
  width: 45px;
  height: 45px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.xCIcJ {
  font-size: 1.625rem;
  line-height: 1.30769;
  font-family: var(--font-family);
  color: var(--color-title);
  font-weight: 400;
}

@media (max-width: 540px) {
  .xCIcJ {
    margin-left: 16px;
    margin-right: 10px;
  }
}

.FgLa6 {
  color: var(--color-title);
  opacity: 0.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;
}

.SJR84 {
  cursor: pointer;
  position: relative;
}

.SJR84:hover input:checked + .uNugm {
  animation-duration: 0.2s;
}

.SJR84:focus-within input:checked + .uNugm {
  animation-duration: 0.2s;
}

.SJR84:hover svg {
  animation-duration: 0.2s;
}

.SJR84:focus-within svg {
  animation-duration: 0.2s;
}

.SJR84 > input {
  opacity: 0;
  cursor: pointer;
  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 0.2s,
    background 0.2s;
  display: flex;
}

.uNugm svg {
  animation: ease-in-out fibI7;
}

@keyframes fibI7 {
  0% {
    transform: scale(0);
  }

  to {
    transform: scale(1);
  }
}

input + .uNugm {
  border-color: rgba(var(--black), 0.4);
  background: rgba(255, 255, 255, 0);
}

input:focus + .uNugm {
  box-shadow: 0px 0px 5px 2px RGB(var(--deprecated-accent));
}

input:hover + .uNugm {
  border-color: rgba(var(--black), 0.65);
}

input:checked + .uNugm {
  border-color: RGB(var(--deprecated-accent));
  background: RGB(var(--deprecated-accent));
  animation: o2GUz;
}

@keyframes o2GUz {
  0% {
    transform: scale(1);
  }

  30% {
    transform: scale(1.2, 0.8);
  }

  40% {
    transform: scale(0.8, 1.2);
  }

  50% {
    transform: scale(1.15, 0.85);
  }

  75% {
    transform: scale(1.05, 0.95);
  }

  to {
    transform: scale(1);
  }
}

.QVo7R:focus > .twcne {
  background-color: var(--chrome-tint-heavy);
  outline: none;
}

.twcne {
  color: RGB(var(--blue));
  border: 2px solid RGB(var(--blue));
  box-sizing: border-box;
  background-color: transparent;
  border-radius: 40px;
  margin-right: 10px;
  padding: 8px 16px;
  font-size: 1rem;
}

.twcne:hover {
  background-color: rgba(var(--blue), 0.25);
}

.twcne svg {
  --icon-color-primary: RGB(var(--blue));
}

.twcne.F0J4T,
.twcne.F0J4T:hover {
  background-color: RGB(var(--blue));
  color: RGB(var(--navy));
}

.twcne.F0J4T svg use,
.twcne.F0J4T:hover svg use {
  --icon-color-primary: RGB(var(--navy));
}

@media not (min-width: 990px) {
  .twcne {
    white-space: nowrap;
  }
}

.JjPjA {
  margin-left: 5px;
}

.X3Lal {
  justify-content: space-between;
  padding: 8px 12px;
}

.X3Lal.utlpw {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
  outline: none;
}

.X3Lal.utlpw:hover,
.X3Lal.utlpw:focus {
  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: rgba(var(--black), 0.15) 1px solid;
  cursor: default;
  align-items: center;
  padding: 12px;
  font-weight: 400;
  display: flex;
}

.RaAUX .UHdt6 {
  margin-left: 5px;
}

.Evcyl {
  overflow-anchor: none;
  width: 100%;
}

.Evcyl.hRYcs {
  cursor: -webkit-grabbing;
  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-family: var(--font-family);
  color: rgba(var(--white-on-dark), 0.65);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

@media (max-width: 540px) {
  .z9lvY {
    margin-left: 15px;
  }
}

@media (min-width: 990px) {
  .z9lvY.klGip {
    text-align: center;
  }
}

.z9lvY.JLk4c {
  margin-left: calc(50% - 270px);
}

.EAFFI {
  margin-top: 15px;
}

.LYqCM {
  font-family: var(--font-family);
  color: RGB(var(--deprecated-accent));
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
  text-decoration: none;
  display: flex;
}

.LYqCM:hover,
.LYqCM:focus {
  text-decoration: underline;
}

.LYqCM:before,
.LYqCM:after {
  content: " ";
  border-bottom: 1px solid RGB(var(--deprecated-accent));
  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;
}

.gp1sd {
  flex-direction: column;
  align-self: center;
  width: 540px;
  margin-bottom: 60px;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
}

@media (max-width: 540px) {
  .gp1sd {
    width: 100%;
    max-width: 540px;
  }

  .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);
}

.XLWxA {
  text-align: center;
}

.H4bQ8,
.Q4af_ {
  font-family: var(--font-family);
  color: var(--blog-title-color);
  overflow-wrap: break-word;
  margin: 40px 20px 20px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.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-family: var(--font-family);
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 3px;
  margin-top: 20px;
  padding: 12px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  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;
}

.KqFuf {
  display: none;
}

.QtIm7 {
  background-color: rgba(0, 0, 0, 0.87);
  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 {
  text-align: center;
  color: RGB(var(--white-on-dark));
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 300px;
  display: flex;
}

.VWh7r {
  font-size: 1.625rem;
  line-height: 1.30769;
  font-family: var(--font-family);
  margin-bottom: 20px;
  font-weight: 700;
}

.xmT1m {
  font-family: var(--font-family);
  margin-bottom: 20px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.PfwXc {
  background-color: RGB(var(--blue));
  color: rgba(var(--navy), 0.87);
  font-family: var(--font-family);
  border-radius: 3px;
  padding: 7px 20px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

.f5mVe {
  width: 100%;
  max-width: 540px;
}

.cQqe6 {
  background-color: rgba(var(--white-on-dark), 0.07);
  color: rgba(var(--white-on-dark), 0.65);
  text-align: center;
  font-family: var(--font-family);
  border-radius: 3px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 100px 20px;
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.52381;
  display: flex;
}

.cQqe6 svg {
  display: block;
}

.cQqe6 .TYWhv {
  font-family: var(--font-family);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.cQqe6 .TYWhv a {
  color: rgba(var(--white-on-dark), 0.4);
  text-decoration: none;
}

.H3jRV {
  border-top: 1px solid rgba(var(--white-on-dark), 0.13);
  scrollbar-width: thin;
  scrollbar-color: rgba(var(--white-on-dark), 0.4) rgba(var(--white-on-dark), 0.1);
  padding: 10px;
  position: relative;
  overflow-y: auto;
}

.H3jRV:focus-visible {
  background-color: rgba(var(--white-on-dark), 0.13);
  outline: none;
}

.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: rgba(var(--black), 0.04);
  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-family: var(--font-family);
  color: RGB(var(--black));
  text-overflow: ellipsis;
  width: 156px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
  overflow: hidden;
}

.zMmjq {
  color: rgba(var(--black), 0.6);
  text-overflow: ellipsis;
  width: 156px;
  font-size: 12.5px;
  line-height: 19px;
  overflow: hidden;
}

.ejLW9 {
  background-color: RGB(var(--white));
  color: rgba(var(--black), 0.87);
  border-radius: 10px;
  width: 360px;
}

.LwLC3 {
  background-color: RGB(var(--white));
  color: rgba(var(--black), 0.87);
  border-radius: 12px;
  align-items: flex-start;
  width: 440px;
  padding: 1em 0;
}

.LwLC3 .Mm_4z {
  color: rgba(var(--black), 0.87);
  text-align: left;
  font-size: 16px;
}

.qHayw {
  align-self: flex-end;
}

.qHayw button {
  border: 2px transparent;
}

.qHayw button:disabled {
  background: RGB(var(--deprecated-accent));
  color: RGB(var(--black));
}

.pQzLB {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 0;
  display: flex;
}

.pQzLB li {
  width: 100%;
  list-style: none;
}

.pQzLB li button {
  width: 100%;
  padding: 2px 0;
}

.pQzLB li button:hover,
.pQzLB li button:focus {
  background: rgba(var(--black), 0.04);
  border-radius: 8px;
}

.MewSQ {
  color: rgba(var(--black), 0.87);
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding: 12px;
  display: flex;
}

.wUkKl {
  color: rgba(var(--black), 0.87);
}

.VSY8w {
  border-bottom: 1px solid rgba(var(--black), 0.04);
  padding: 10px;
  display: flex;
}

.zrDPQ {
  font-family: var(--font-family);
  box-sizing: border-box;
  background: rgba(var(--black), 0.04);
  width: 100%;
  max-width: 100%;
  color: rgba(var(--black), 0.87);
  border: none;
  border-radius: 999px;
  padding: 12px 16px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
}

.L8MKD {
  display: "block";
  min-height: 300px;
}

.pXDhX {
  display: "flex";
  justify-content: "center";
  padding-top: 20px;
}

.lnMpF {
  max-height: 580px;
  padding: 0;
  overflow-y: auto;
}

.MS24q {
  list-style-type: none;
}

.gg0IL {
  text-align: left;
}

.NCTb0 {
  text-align: left;
  width: auto;
  padding: 4px;
}

.qDCPn input {
  margin-left: 12px;
}

.FIUNu {
  background: RGB(var(--white));
  color: RGB(var(--black));
  border-radius: 6px;
  flex-direction: column;
  width: 485px;
  max-height: 100%;
  margin: auto;
  display: flex;
  position: relative;
}

.FIUNu .wXqHu {
  max-height: 370px;
  overflow-y: scroll;
}

.FIUNu header,
.FIUNu .gr2Nr:not(:last-child),
.FIUNu footer {
  border-bottom: 1px solid rgba(var(--black), 0.13);
}

.FIUNu .TsGca,
.FIUNu .Vezw8,
.FIUNu header,
.FIUNu footer {
  display: flex;
}

.FIUNu .TsGca,
.FIUNu .Vezw8,
.FIUNu header {
  justify-content: space-between;
}

.FIUNu header {
  font-family: var(--font-family);
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  display: flex;
}

.FIUNu .gr2Nr {
  padding: 0 16px 8px;
}

.FIUNu .TsGca {
  font-family: var(--font-family);
  padding: 16px 0;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

.FIUNu .Vezw8 {
  font-family: var(--font-family);
  padding: 8px 0 8px 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.FIUNu footer {
  border-top: 1px solid rgba(var(--black), 0.13);
  justify-content: flex-end;
  padding: 16px;
}

.FIUNu footer > :last-child {
  margin-left: 10px;
}

.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-family: var(--font-family-modern);
  color: var(--content-fg);
  text-align: center;
  grid-area: title;
  font-weight: 500;
  line-height: 1.75rem;
}

.pauqT button {
  font-size: 1rem;
  font-family: var(--font-family-modern);
  color: var(--accent);
  text-align: right;
  grid-area: cancel;
  font-weight: 350;
  line-height: 1.5rem;
}

.LzR1k {
  -moz-column-count: 2;
  column-count: 2;
  -moz-column-gap: 8px;
  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;
}

.Fk1Kd {
  text-align: left;
}

.IhWiL {
  display: flex;
}

.GsISH {
  display: "flex";
}

.PfnPI {
  font-family: var(--font-family);
  color: RGB(var(--white-on-dark));
  padding: 12px 24px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  display: flex;
}

.V74Hd {
  cursor: pointer;
  flex: 1;
  align-items: center;
  margin: -12px 5px;
  display: flex;
}

.qYv_Q {
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  transition: background-color 0.1s ease-in-out;
}

.qYv_Q:hover {
  background-color: rgba(var(--white-on-dark), 0.04);
}

.jNPkW {
  border-radius: 8px;
}

.DI3wh {
  padding: 8px;
}

.O_kIn {
  border-radius: 4px;
  justify-content: space-between;
  min-width: 200px;
  display: flex;
  position: relative;
}

.O_kIn svg {
  margin-left: 8px;
  margin-right: 2px;
}

.DS2l8 {
  background-color: rgba(var(--black), 0.07);
  height: 1px;
  margin: 6px -8px;
}

.ktosD {
  color: RGB(var(--red));
}

.mJ5gp {
  flex-direction: column;
  align-self: center;
  align-items: center;
  margin-right: 0.25em;
  display: flex;
  position: relative;
}

.nR1xg {
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  transition: opacity 0.1s ease-in-out 0.1s;
  display: flex;
}

.qBPgC {
  color: rgba(var(--white-on-dark), 0.4);
  opacity: 0;
  pointer-events: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  transition:
    background-color 0.1s ease-in-out,
    opacity 0.1s ease-in-out 0.1s;
  display: flex;
  position: absolute;
  top: -2px;
  left: -2px;
}

.qBPgC > span {
  width: 2rem;
  height: 2rem;
}

.qBPgC:hover {
  background-color: rgba(var(--white-on-dark), 0.04);
}

.nR1xg svg {
  --icon-color-primary: rgba(var(--white-on-dark), 0.4);
}

:focus-visible .nR1xg svg {
  --icon-color-primary: rgba(var(--white-on-dark), 0.65);
}

.PfnPI:hover .qBPgC {
  opacity: 1;
  pointer-events: initial;
}

.PfnPI:hover .nR1xg {
  opacity: 0;
  pointer-events: none;
}

.GdwvN {
  border-right: 1px solid rgba(var(--white-on-dark), 0.13);
  scroll-behavior: smooth;
  flex-direction: column;
  flex-shrink: 0;
  width: 380px;
  display: flex;
}

.GdwvN .moatContainer {
  overflow-x: auto;
}

.GdwvN:focus-visible {
  background-color: rgba(var(--white-on-dark), 0.13);
  outline: none;
}

.LRIjp {
  width: 560px;
}

.LuB0e {
  width: 960px;
}

.I1C5C {
  scrollbar-width: thin;
  scrollbar-color: rgba(var(--white-on-dark), 0.4) rgba(var(--white-on-dark), 0.1);
  scroll-behavior: smooth;
  flex-grow: 1;
  height: 100vh;
  display: flex;
  overflow-y: hidden;
}

.hQqo5 {
  display: flex;
}

.C6etJ {
  z-index: 1;
  margin-left: 80px;
}

.FzRrz {
  position: absolute;
  bottom: 0;
  right: 100px;
}

.jv3xO {
  border-radius: 8px;
  box-shadow: 0 4px 32px rgba(0, 0, 0, 0.5);
}

.j8ha0 {
  overflow-anchor: none;
  width: 100%;
}

.j8ha0.avWLs {
  cursor: -webkit-grabbing;
  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-family: var(--font-family);
  color: rgba(var(--white-on-dark), 0.65);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

@media (max-width: 540px) {
  .cRPdZ {
    margin-left: 15px;
  }
}

@media (min-width: 990px) {
  .cRPdZ.vWxXZ {
    text-align: center;
  }
}

.cRPdZ.GWJvH {
  margin-left: calc(50% - 270px);
}

.Tj4be {
  margin-top: 15px;
}

.rqHFc {
  font-family: var(--font-family);
  color: RGB(var(--deprecated-accent));
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
  text-decoration: none;
  display: flex;
}

.rqHFc:hover,
.rqHFc:focus {
  text-decoration: underline;
}

.rqHFc:before,
.rqHFc:after {
  content: " ";
  border-bottom: 1px solid RGB(var(--deprecated-accent));
  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;
}

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

.cPL5a.MI_Zz {
  flex-direction: column-reverse;
}

.cPL5a.Y97kW {
  flex-direction: row;
}

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

.cPL5a.Y97kW.MI_Zz {
  flex-direction: row-reverse;
}

.QCWsQ {
  width: 100%;
}

.ZLT6z {
  width: auto;
}

.sLyx9 {
  gap: 2px;
}

.Tp8Dd {
  gap: 4px;
}

.Afu4V {
  gap: 8px;
}

.v6EB9 {
  gap: 12px;
}

.PtDvl {
  gap: 16px;
}

.OadNw {
  gap: 20px;
}

.TLqEY {
  gap: 24px;
}

.GZkY1 {
  gap: 28px;
}

.m_mel {
  gap: 32px;
}

.R2VSD {
  flex-direction: column;
  align-items: center;
  padding: 32px 24px;
  display: flex;
}

.d35L4 {
  color: var(--content-fg);
  font-size: 1.125rem;
  font-family: var(--font-family-modern);
  text-wrap: balance;
  text-align: center;
  margin-bottom: 8px;
  font-weight: 500;
  line-height: 1.75rem;
}

.q9P6T {
  font-size: 1rem;
  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;
  font-weight: 350;
  line-height: 1.5rem;
  display: flex;
}

@media (max-width: 440px) {
  .q9P6T {
    margin-bottom: 24px;
  }
}

.W5uYo {
  justify-content: center;
}

.R5xCG {
  width: 100vw;
  height: calc(100vh - 44px);
  z-index: calc(100 - 1);
  background: rgba(0, 0, 0, 0.8);
  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 {
  width: 100%;
  height: auto;
  z-index: calc(100 + 1);
  position: relative;
}

.hnU80 {
  opacity: 0;
  transform-origin: 50% 50% 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));
  }
}

.s4g_h {
  font-family: var(--font-family);
  color: RGB(var(--black));
  text-align: right;
  flex: 1;
  margin-bottom: 12px;
  padding: 0 10px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.42857;
}

.yXNX0 {
  font-family: var(--font-family);
  text-align: left;
  flex: 3;
  margin-bottom: 12px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
}

.pMpfW {
  flex-direction: column;
  justify-content: center;
  min-height: 24px;
  margin-top: 10px;
  display: flex;
}

.HQcQr {
  display: flex;
}

.hrv3x {
  background: RGB(var(--green));
  z-index: 25;
  border-radius: 7px;
  height: 10px;
}

.VgtfT {
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 7px;
  height: 10px;
}

.F2hg7 {
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 7px;
  height: 10px;
  margin-top: 20px;
}

.rBSgB {
  font-weight: 700;
}

.OIzSg {
  text-align: center;
  margin-top: -4px;
}

.YZnLZ {
  font-family: var(--font-family);
  color: #fff;
  text-align: center;
  background-color: #fff;
  padding-top: 10px;
  padding-bottom: 8px;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.25;
}

.oQs98 {
  color: #fff;
  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-family: var(--font-family);
  color: #000;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 12px;
  padding: 13px 12px 11px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.33333;
}

.GzZtE .IOcGh input:checked ~ label {
  opacity: 0.9;
  background-color: rgba(0, 184, 255, 0.1);
  border: 2px solid #00b8ff;
}

.GzZtE .IOcGh input:focus ~ label {
  outline: none;
}

.GzZtE .IOcGh > div {
  margin-bottom: 8px;
}

.GzZtE .IOcGh > div:last-child {
  border-bottom: 0;
}

.Ahq2Z span:first-child {
  border-color: #595959;
}

.IOcGh .Ahq2Z input:checked ~ label span {
  border-color: #00b8ff;
}

.IOcGh .Ahq2Z input:checked ~ label span svg use {
  --icon-color-primary: #00b8ff;
}

.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 {
  color: #000;
  background-color: #fff;
  border-radius: 14px;
  justify-content: space-between;
  padding: 16px 12px;
  display: flex;
}

.VVkpl .xx3Yj {
  font-size: 0.8rem;
  display: block;
}

.VVkpl .R15af {
  justify-content: space-between;
  padding-top: 6px;
  font-size: 1rem;
  font-weight: 600;
  display: block;
}

.gStOF {
  color: RGB(var(--black));
}

@media (max-width: 540px) {
  .gStOF {
    text-align: center;
    margin-bottom: 14px;
  }
}

.gStOF a {
  margin-top: 14px;
  font-size: 0.875rem;
  text-decoration: none;
  display: inline-block;
}

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

.ILRkA span {
  background-color: RGB(var(--deprecated-accent));
  color: RGB(var(--white));
}

._vOn7 {
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
  font-family: var(--font-family);
  margin-top: 16px;
  margin-bottom: 64px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
}

._vOn7 span {
  display: block;
}

._vOn7 a {
  text-decoration: underline;
}

.lU2pe {
  font-family: var(--font-family);
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 12px;
  align-items: center;
  gap: 12px;
  padding: 16px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
  display: flex;
}

.lU2pe .H2lJ5 {
  color: #00cf35;
}

.lU2pe .JXKrK {
  font-family: var(--font-family);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.42857;
}

.lU2pe .MnNQg {
  font-family: var(--font-family);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
}

.eE_V1 {
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
  margin-top: 24px;
}

.k9mqe {
  color: #000;
  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: #fff;
  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 1px 4px rgba(0, 0, 0, 0.25));
}

.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 {
  color: RGB(var(--black));
  opacity: 0.6;
  border: 2px solid rgba(0, 0, 0, 0.6);
  border-radius: 16px;
  margin-right: 10px;
  padding: 6px 20px;
}

.T6LPn {
  opacity: 0.6;
  padding: 10px;
}

@media (max-width: 540px) {
  .DPlCX .QgXyr {
    flex-grow: 1;
  }

  .DPlCX .QgXyr button {
    width: 100%;
  }
}

.amVpp {
  text-align: center;
  color: #fff;
  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: #000;
  padding: 4px 0 4px 10px;
}

.ir1r5 .MarEW button {
  text-align: left;
  padding: 9px 0;
}

.ir1r5 .MarEW .sXniv {
  font-family: var(--font-family);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.42857;
}

.ir1r5 .MarEW:hover,
.ir1r5 .MarEW:focus {
  background-color: rgba(0, 0, 0, 0.07);
  border-radius: 10px;
}

.ir1r5 .MarEW:focus-within {
  background-color: rgba(0, 0, 0, 0.07);
  border-radius: 10px;
}

.ZD6so {
  color: #000;
  background-color: rgba(0, 0, 0, 0.04);
  border: 2px solid transparent;
  border-radius: 14px;
  justify-content: space-between;
  padding: 9px 16px;
  display: flex;
}

.ZD6so .OTU6z {
  font-size: 0.8rem;
  display: block;
}

.ZD6so .Nfc7J {
  font-size: 1rem;
  font-family: var(--font-family-modern);
  justify-content: space-between;
  font-weight: 350;
  line-height: 1.5rem;
  display: block;
}

.ZD6so .WxUJP {
  align-items: center;
  gap: 8px;
  display: flex;
}

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

.GDeB8 {
  text-align: left;
  width: 100%;
  display: block;
}

.yzzBT {
  background-color: #fff;
  border: 2px solid #00b8ff;
}

.g_cxq .ir1r5 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
}

.KRE3w {
  font-weight: 700;
}

.nF_dx.GzZtE {
  background-color: #fff;
  min-height: 580px;
  overflow-y: scroll;
}

.nF_dx.GzZtE .TZx4d .QMsVD {
  background-image: linear-gradient(#ff3930, #ff8a00, #e8d73a, #fff);
  flex-direction: column;
  display: flex;
}

.nF_dx.GzZtE .TZx4d .QMsVD .TV0vm {
  background-image: url(/pop/src/assets/images/blaze/modal-fire-bg-dddfc930.svg);
  background-position: 50% 50px;
  background-repeat: repeat-x;
  background-size: 100%;
  width: 90%;
  height: 150px;
}

.nF_dx.GzZtE .TZx4d .QMsVD .cXidc {
  color: var(--color-fg);
  font-size: 1.125rem;
  font-family: var(--font-family-modern);
  text-align: center;
  align-self: center;
  font-weight: 500;
  line-height: 1.75rem;
  display: inline-block;
  position: relative;
  top: 25px;
}

.nF_dx.GzZtE .SMAce {
  background-color: #fff;
  max-width: 328px;
  margin-left: auto;
  margin-right: auto;
}

.nF_dx.GzZtE .TVDzA {
  font-family: var(--font-family);
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
}

@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: #fff;
    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;
  line-height: 1.30769;
  font-family: var(--font-family);
  text-align: center;
  color: #000;
  padding-left: 45px;
  padding-right: 45px;
  font-weight: 700;
}

.nF_dx .achKX {
  align-items: center;
  margin-bottom: 32px;
  display: flex;
  position: relative;
}

.nF_dx .achKX .oQs98 {
  font-family: var(--font-family);
  text-align: center;
  color: #000;
  width: 100%;
  max-width: 280px;
  margin: 0 auto;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

@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 #eeb539;
  border-radius: 5px;
  position: absolute;
  bottom: -25px;
  right: -25px;
}

@media (max-width: 540px) {
  .nF_dx .achKX .nhE3L .uhqpA {
    border: 4px solid #ecc339;
  }

  .nF_dx .VVkpl {
    border: 1px solid rgba(0, 0, 0, 0.1);
  }
}

.nF_dx .k9mqe {
  padding-top: 24px;
}

@media (max-width: 540px) {
  .nF_dx .k9mqe {
    flex-direction: column;
    padding: 15px 0;
  }

  .nF_dx .DPlCX {
    background: #fff;
    padding-top: 0;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
  }
}

.nF_dx .DPlCX .ILRkA span {
  color: #fff;
  background-color: #7b61ff;
  border: 4px solid #000;
  border-radius: 100px;
  min-width: 150px;
  margin: 0 5px 5px 0;
  box-shadow: 4px 4px #000;
}

@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: rgba(0, 0, 0, 0.07);
  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;
}

@media (max-width: 540px) {
  .nF_dx .QXuBs {
    flex-direction: row;
    justify-content: space-between;
    display: flex;
  }
}

.nF_dx .QXuBs .XjFjI {
  font-family: var(--font-family);
  flex-direction: column;
  padding-top: 0;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  display: flex;
}

.nF_dx .QXuBs .XjFjI span {
  color: rgba(0, 0, 0, 0.87);
  margin-right: 5px;
}

.nF_dx .QXuBs .jmG7D {
  font-family: var(--font-family);
  align-self: flex-start;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
}

.nF_dx .QXuBs .XezzS b {
  color: #000;
}

.nF_dx .QXuBs .XezzS.m23e8 {
  font-style: italic;
  text-decoration: line-through;
}

.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 {
  color: #000;
  width: 300px;
  font-size: 1.75rem;
  font-weight: 700;
}

.J0B8j {
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex;
}

.NPvAb {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  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, 0.25);
}

.NPvAb .MarEW:focus,
.NPvAb .MarEW:hover {
  background-color: rgba(0, 0, 0, 0.07);
  border-radius: 10px;
}

.NPvAb .MarEW:focus-within {
  background-color: rgba(0, 0, 0, 0.07);
  border-radius: 10px;
}

.NPvAb .MOwAM {
  color: rgba(0, 0, 0, 0.6);
  font-family: var(--font-family);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
}

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

.NPvAb .lc4gS {
  font-family: var(--font-family);
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
  max-width: 220px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
}

.W5NBP {
  color: rgba(0, 0, 0, 0.87);
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  display: flex;
}

.W5NBP.Rgrzy {
  color: #fff;
  background-color: #ff8a00;
}

.SN3pO {
  font-family: var(--font-family);
  color: rgba(0, 0, 0, 0.87);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.42857;
}

.Xy88p {
  flex-direction: column;
  gap: 1px;
  max-width: 494px;
  margin: 0 auto;
  display: flex;
}

.xwAlz {
  background: rgba(0, 0, 0, 0.04);
}

.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;
}

.VHYIk {
  color: #000;
  text-align: center;
  font-family: var(--font-family);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.42857;
}

.C9hJo {
  font-family: var(--font-family);
  text-align: center;
  margin-bottom: 16px;
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.52381;
}

.h2o6n {
  font-family: var(--font-family);
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.78125rem;
  font-weight: 400;
  line-height: 1.52;
}

.x5SuW {
  font-family: var(--font-family);
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 42px;
  font-size: 0.78125rem;
  font-weight: 400;
  line-height: 1.52;
}

.Bd_XU {
  margin-bottom: 24px;
}

.ri5eP {
  font-family: var(--font-family);
  text-align: center;
  background-color: #ff8a00;
  border-radius: 25px;
  max-width: 143px;
  margin: 0 auto 64px;
  padding: 12px 0;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  text-decoration: none;
  display: block;
}

.RyfGF {
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 50%;
}

.xP9Ip .ebil_ {
  padding: 4px 0 4px 10px;
}

.xP9Ip .ebil_ button {
  text-align: left;
  padding: 10px 0;
}

.xP9Ip .ebil_:hover,
.xP9Ip .ebil_:focus {
  background-color: rgba(0, 0, 0, 0.07);
  border-radius: 10px;
}

.xP9Ip .ebil_:focus-within {
  background-color: rgba(0, 0, 0, 0.07);
  border-radius: 10px;
}

.Aew3t .xP9Ip {
  box-sizing: border-box;
  color: #000;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
}

.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-family: var(--font-family);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.42857;
}

.DKjfg .kR4k3 {
  color: rgba(0, 0, 0, 0.6);
  font-family: var(--font-family);
  font-size: 0.78125rem;
  font-weight: 400;
  line-height: 1.52;
}

.DKjfg .RyfGF {
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 50%;
}

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

.hO4Gs {
  color: rgba(0, 0, 0, 0.6);
  font-family: var(--font-family);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
}

.kEGuS {
  background-color: #fff;
  border: 2px solid #00b8ff;
}

.XKw_n {
  justify-content: center;
  display: flex;
}

.rGgIn {
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
  font-family: var(--font-family);
  font-size: 0.78125rem;
  font-weight: 400;
  line-height: 1.52;
}

.QLdrl {
  cursor: pointer;
  margin-left: 4px;
}

.X0kwN {
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin: 0 11px;
  display: flex;
}

.snP5T {
  border: 2px solid rgba(0, 0, 0, 0.4);
  border-radius: 50%;
}

.kX_oQ {
  z-index: 50;
  max-width: min(100vw - 16px, 248px);
  font-family: var(--font-family);
  color: rgba(0, 0, 0, 0.6);
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  margin-top: 4px;
  padding: 16px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
}

.gto4H {
  white-space: pre-wrap;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin: 0;
  display: flex;
}

.sPb5P {
  font-family: var(--font-family);
  text-align: center;
  color: #000;
  padding: 0 12px 32px 26px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.o2DB9 {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.rZSv_ {
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
  width: 328px;
  font-family: var(--font-family);
  background-color: rgba(0, 0, 0, 0.07);
  border-radius: 25px;
  padding: 16px 0;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
}

.x_pLk {
  color: #00b8ff;
  background-color: rgba(0, 184, 255, 0.11);
}

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

.AZ5K5 {
  background-color: #00cf35;
}

.vpC8N {
  background-color: #ff4930;
}

.yvLyG {
  background-color: #7c5cff;
}

.VUaL_ .tObXK:hover {
  background-color: #f5f5f5;
  border-radius: 4px;
}

.VUaL_ .tObXK:focus-within {
  background-color: #f5f5f5;
  border-radius: 4px;
}

.VUaL_ .rdwxF {
  flex-direction: row;
  align-items: center;
  gap: 20px;
  display: flex;
}

.VUaL_ .HMTsP {
  font-family: var(--font-family);
  text-align: left;
  color: #000;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.42857;
}

.VUaL_ .l3NE9 {
  color: #595959;
  text-align: left;
  font-size: 14px;
}

.So6RQ {
  margin-bottom: 16px;
}

@media (max-width: 540px) {
  .So6RQ {
    margin-bottom: 8px;
  }
}

.So6RQ:focus > .ge_yK {
  box-shadow: 0 0 3px 3px RGB(var(--deprecated-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: rgba(0, 0, 0, 0.25);
}

.ojpYJ.aRqkN:after {
  z-index: 1;
  content: "";
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 12px solid RGB(var(--navy));
  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 {
  outline: none;
}

.Yxz86:focus .ojpYJ {
  background-color: RGB(var(--deprecated-accent));
  opacity: 0.4;
}

.ju4hw {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.ju4hw:focus {
  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%;
}

.jYrjr {
  animation: 0.3s ease-out forwards EAhje;
}

@keyframes EAhje {
  0% {
    opacity: 1;
    transform: translate(0);
  }

  to {
    opacity: 0;
    transform: translate(-100%);
  }
}

.i4aRn {
  margin-bottom: 5px;
}

.RFqS2 {
  display: block;
}

.osIkK {
  margin-bottom: 200px;
}

.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-family: var(--font-family);
  box-sizing: border-box;
  background-color: #f5f5f5;
  border: 2px solid #f5f5f5;
  border-radius: 100px;
  padding: 2px 10px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

.Kh31R.jdv6J {
  background-color: #fff;
  border: 2px solid #00b8ff;
}

.xjnUC {
  width: 100%;
}

.oV1aS {
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.04);
  border: 2px solid rgba(0, 0, 0, 0.07);
  border-radius: 8px;
  outline: none;
  width: 100%;
  height: 48px;
  padding: 0 10px;
}

.oV1aS:focus {
  border: 2px solid #00b8ff;
}

.oV1aS.LYqXD {
  border-color: #ff4930;
}

.gRH0R {
  font-family: var(--font-family);
  color: #ff4930;
  margin-top: 8px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.LzrSn {
  justify-content: center;
  display: flex;
}

.Ek0jg {
  flex-direction: column;
  gap: 18px;
  margin-bottom: 16px;
  display: flex;
}

.Ek0jg .VVL75 {
  text-align: left;
  font-family: var(--font-family);
  border: 1px solid rgba(0, 25, 53, 0.1);
  border-radius: 12px;
  gap: 14px;
  padding: 12px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  display: flex;
}

.Ek0jg .VVL75 .B_5sb {
  margin-top: 10px;
}

.eWQxY {
  font-size: 0.875rem;
  font-family: var(--font-family-modern);
  color: var(--color-fg);
  margin-bottom: 2px;
  font-weight: 500;
  line-height: 1.25rem;
}

.nvfzE {
  font-size: 0.875rem;
  font-family: var(--font-family-modern);
  color: var(--color-fg-secondary);
  margin-bottom: 4px;
  font-weight: 350;
  line-height: 1.25rem;
}

.loKTz {
  background-color: #fff;
  max-width: 328px;
  height: 100%;
  min-height: 242px;
  max-height: 30vh;
  overflow-y: scroll;
}

.loKTz .C3Zeo:focus,
.loKTz .C3Zeo:hover {
  background-color: rgba(0, 0, 0, 0.07);
  border-radius: 10px;
}

.loKTz .C3Zeo:focus-within {
  background-color: rgba(0, 0, 0, 0.07);
  border-radius: 10px;
}

.loKTz .G37vG {
  color: rgba(0, 0, 0, 0.6);
  font-family: var(--font-family);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
}

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

.loKTz .zN7tb {
  font-family: var(--font-family);
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
  max-width: 220px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
}

.IgP1e {
  word-break: break-word;
  background-color: rgba(0, 0, 0, 0.04);
  flex-wrap: wrap;
  align-items: center;
  max-width: 100%;
  padding: 6px;
  display: flex;
  position: relative;
}

.IgP1e .Tn4eg {
  display: grid;
}

.IgP1e .Tn4eg:after {
  content: attr(data-value) " ";
  white-space: pre-wrap;
  visibility: hidden;
  font-family: var(--font-family);
  border: none;
  grid-area: 1/1/2/2;
  width: auto;
  padding: 6px 10px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25;
}

.IgP1e .Jsugk .rIHzD {
  font-family: var(--font-family);
  background-color: #e7e7e7;
  border-radius: 4px;
  margin: 0 4px 4px 0;
  padding: 4px 9px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

.IgP1e .sP9AB {
  font-family: var(--font-family);
  color: rgba(0, 0, 0, 0.87);
  box-sizing: border-box;
  resize: none;
  background: rgba(255, 255, 255, 0);
  border: none;
  grid-area: 1/1/2/2;
  width: auto;
  padding: 6px 10px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25;
  overflow: hidden;
}

.IgP1e .sP9AB:hover:not(:focus) {
  cursor: pointer;
}

.IgP1e .sP9AB::placeholder {
  opacity: 0.6;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.IgP1e .sP9AB:focus {
  outline: none;
}

.JyzY3 {
  font-family: var(--font-family);
  color: #ff4930;
  padding-left: 4px;
  font-size: 0.78125rem;
  font-weight: 400;
  line-height: 1.52;
}

.LScGv {
  border: 2px solid rgba(0, 0, 0, 0.07);
  border-radius: 12px;
  position: relative;
}

.LScGv:focus-within {
  border: 2px solid #00b8ff;
}

.LaNUG {
  position: relative;
  overflow: hidden;
}

@supports (overflow: clip) {
  .LaNUG {
    overflow: clip;
  }
}

.uR3i7 {
  box-sizing: border-box;
  width: 100%;
  color: RGB(var(--black));
  background: linear-gradient(to bottom, rgba(var(--white), 0.8) 0%, RGB(var(--white)) 99%);
  text-shadow: 0px 0px 4px RGB(var(--white));
  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, 0.1);
}

.LrOId {
  font-family: var(--font-family);
  cursor: pointer;
  white-space: nowrap;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  margin: 20px;
  padding: 10px 0;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
}

@media (max-width: 540px) {
  .LrOId {
    margin: 17px 10px;
  }
}

.LrOId button {
  width: 100%;
}

.squP2 {
  height: 28px;
  margin-right: 8px;
}

@media not (min-width: 990px) {
  .squP2 {
    padding-top: 6px;
  }
}

.squP2 div {
  margin-left: 12px;
}

.squP2 .gc3fY {
  margin-left: 20px;
}

.squP2 .gc3fY button svg {
  --icon-color-primary: rgba(var(--black), 0.65);
}

.squP2 .gc3fY button:disabled {
  cursor: not-allowed;
}

.squP2 .gc3fY button:disabled svg {
  --icon-color-primary: rgba(var(--black), 0.25);
}

.squP2 .fDUq4 {
  display: flex;
}

.AImO6 {
  border: 2px solid rgba(var(--black), 0.25);
  box-shadow: rgba(var(--black), 0.25) 3px 3px 0;
  text-align: left;
  border-radius: 15px;
  width: 100%;
  padding: 10px 15px;
  position: relative;
}

.AImO6 .sOyZs {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid rgba(var(--black), 0.25);
  width: 0;
  height: 0;
  position: absolute;
  top: -10px;
  left: 30px;
}

.AImO6 .TlhRk {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid RGB(var(--white));
  width: 0;
  height: 0;
  position: absolute;
  top: -7px;
  left: 30px;
}

.tpZ8V {
  width: 40px;
  margin-top: 5px;
}

.tpZ8V a:focus {
  outline: auto #00b8ff;
}

.JYxnY {
  flex: 1;
  display: flex;
}

.JYxnY > div {
  pointer-events: none;
}

.kEusV {
  flex: 1;
}

.kEusV .Qne7x {
  flex-wrap: wrap;
  margin-bottom: 5px;
  font-weight: 700;
  display: flex;
}

.kEusV .Qne7x .AXdIl {
  color: RGB(var(--black));
  margin-right: 5px;
}

.kEusV .Qne7x .KvHCB {
  color: rgba(var(--black), 0.65);
  display: flex;
}

.kEusV .Qne7x .KvHCB .tkkxL {
  align-items: center;
  margin-right: 5px;
  display: flex;
}

.WW8zi {
  display: flex;
}

.WW8zi > :nth-child(2) {
  margin-left: 15px;
}

.WW8zi .S6wzy {
  font-family: var(--font-family);
  text-overflow: ellipsis;
  overflow-wrap: anywhere;
  flex: 1;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
  overflow: hidden;
}

@supports (display: -webkit-box) and (-webkit-line-clamp: 2) {
  .WW8zi .S6wzy {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp: 2)) {
  .WW8zi .S6wzy {
    white-space: nowrap;
  }
}

.WW8zi .gGpxL {
  font-family: var(--font-family);
  text-overflow: ellipsis;
  overflow-wrap: anywhere;
  flex: 1;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
  overflow: hidden;
}

@supports (display: -webkit-box) and (-webkit-line-clamp: 2) {
  .WW8zi .gGpxL {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp: 2)) {
  .WW8zi .gGpxL {
    white-space: nowrap;
  }
}

.WW8zi .gGpxL > span {
  margin-right: 10px;
}

.WW8zi .r4WcW {
  font-family: var(--font-family);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
}

.WW8zi .AZonl {
  font-family: var(--font-family);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.42857;
}

.WW8zi .ObSCE {
  border-radius: 3px;
  width: 40px;
  height: 40px;
  overflow: hidden;
}

.WW8zi .ObSCE .gzn4G {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.WW8zi .ObSCE .gzn4G[data-media-type$="video"] {
  background-color: RGB(var(--pink));
}

.WW8zi .ObSCE .gzn4G[data-media-type$="audio"] {
  background-color: RGB(var(--purple));
}

.WW8zi .ObSCE .gzn4G[data-media-type$="link"] {
  background-color: RGB(var(--green));
}

.WW8zi .ObSCE .gzn4G[data-media-type$="poll"] {
  background-color: RGB(var(--blue));
}

.oozSP {
  font-family: var(--font-family);
  margin-top: 5px;
  margin-left: 40px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.42857;
}

.vE6sH {
  box-sizing: border-box;
  border: 1px solid rgba(var(--black), 0.15);
  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: RGB(var(--black));
  font-weight: 700;
}

.xu5ZG {
  overflow-wrap: anywhere;
  font-weight: 400;
}

.BzZTO {
  color: RGB(var(--white));
  background: RGB(var(--deprecated-accent));
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  height: 30px;
  padding: 0 12px;
  display: flex;
}

.mc7Rk {
  text-decoration: none;
}

.cnNot {
  align-items: center;
  display: flex;
  position: relative;
}

.cnNot .y56NR {
  font-family: var(--font-family);
  color: rgba(var(--black), 0.65);
  margin-left: 2px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

.Lssfa,
.XyjT5 {
  height: 16px;
  display: inline-block;
}

.HiALI {
  height: 100%;
}

.HiALI .ftMh_ {
  width: 100%;
  height: 80px;
  position: relative;
}

.HiALI .ExLtT {
  border: 2px rgba(var(--black), 0.1) solid;
  box-sizing: border-box;
  background: RGB(var(--white));
  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-family: var(--font-family);
  text-align: center;
  word-break: break-word;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.42857;
}

.HiALI .gY71t {
  font-family: var(--font-family);
  text-align: center;
  word-break: break-word;
  margin-bottom: 8px;
  font-size: 0.78125rem;
  font-weight: 400;
  line-height: 1.52;
}

.HiALI .vlhpM {
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  display: flex;
}

.HiALI .oLcVd {
  font-family: var(--font-family);
  background: rgba(var(--deprecated-accent), 0.15);
  color: RGB(var(--deprecated-accent));
  box-sizing: border-box;
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding: 7px 10px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.42857;
  display: flex;
}

.HiALI .oLcVd.GU7ne {
  padding: 5px;
}

.HiALI .oLcVd.Qppi3 svg {
  width: 14px;
  height: 14px;
  margin-right: 5px;
}

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

.WXF6Z {
  position: absolute;
  top: -62px;
}

.WXF6Z.y_8_Y {
  animation: 0.8s ease-out kvrGC;
  left: -24px;
}

.WXF6Z.y_8_Y > svg use {
  --icon-color-primary: RGB(var(--red));
}

.WXF6Z.WQE_S {
  left: 8px;
}

.WXF6Z.WQE_S .zTFrW,
.WXF6Z.WQE_S .C281d {
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
}

.WXF6Z.WQE_S .zTFrW use,
.WXF6Z.WQE_S .C281d use {
  --icon-color-primary: #748089;
}

.WXF6Z.WQE_S .C281d {
  transform-origin: 26px 54px;
  margin-left: -29px;
  animation: 0.8s ease-out tIQio;
}

.WXF6Z.WQE_S .zTFrW {
  transform-origin: 0 54px;
  margin-left: 3px;
  animation: 0.8s ease-out Q6bsg;
}

@keyframes kvrGC {
  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 tIQio {
  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 Q6bsg {
  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);
  }
}

.e0Nag {
  margin-bottom: 12px;
}

.GIEHd {
  display: inline-block;
}

.R7jci {
  box-sizing: border-box;
  height: var(--badge-size);
  max-width: 400px;
  min-width: var(--badge-size);
  width: calc(var(--badges-total) * (var(--badge-size) + var(--badge-spacing)) - var(--badge-spacing));
  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 {
  height: var(--badge-size);
  width: var(--badge-size);
  display: inline-block;
}

.R7jci.zSqhJ {
  position: relative;
}

.R7jci.zSqhJ .rJLvK {
  left: calc(100% * var(--badges-index) / var(--badges-total));
  transform: translateX(calc(-100% * var(--badges-index) / var(--badges-total)));
  position: absolute;
  top: 0;
}

.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;
}

.ztpfZ > svg use {
  --icon-color-primary: RGB(var(--red));
}

.B1Z5w {
  position: relative;
}

.YCZ8P:hover {
  cursor: not-allowed;
}

.uM1xi {
  margin: 15px 8px 0;
}

.uM1xi,
.uM1xi > span {
  box-sizing: border-box;
  color: RGB(var(--navy));
  background: RGB(var(--deprecated-accent));
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.uM1xi > span,
.uM1xi > span > span {
  font-family: var(--font-family);
  padding: 6px 15px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

.o6JAm {
  z-index: 2;
  border-radius: 50%;
  width: 130px;
  height: 130px;
  padding: 25px;
  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;
  transform: rotate(calc(var(--rot) * -1)) translate(65px) rotate(calc(var(--rot) * -1 * -1)) scale(1);
  animation: 0.3s pkKyB;
}

@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 > :nth-child(2) {
  --rot: 121.429 * 1deg;
  transform: rotate(calc(var(--rot) * -1)) translate(65px) rotate(calc(var(--rot) * -1 * -1)) scale(1);
  animation: 0.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: 0.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: 0.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: 0.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: 0.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: 0.3s pkKyB;
}

.o6JAm .LpPf2 {
  border-radius: 50%;
  position: absolute;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
}

.o6JAm .LpPf2:first-child > span {
  box-shadow: 0px 0px 0px 2px RGB(var(--deprecated-accent));
  border-radius: 50%;
}

.o6JAm .LpPf2:hover:not(:last-child) > span,
.o6JAm .LpPf2:focus: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:last-child:after {
  content: "";
  z-index: -1;
  width: 50px;
  height: 50px;
  display: block;
  position: relative;
  transform: translateY(-50%);
}

.o6JAm .LpPf2 .ALkTz {
  background: RGB(var(--deprecated-accent));
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
}

.o6JAm .LpPf2 .ALkTz:hover,
.o6JAm .LpPf2 .ALkTz:focus {
  background: RGB(var(--secondary-accent));
}

.o6JAm + a {
  z-index: 1;
  position: relative;
}

.n8L1c {
  opacity: 0;
  transform-origin: bottom;
  animation: 0.8s ease-out cPD9v;
  position: absolute;
  top: -25px;
}

@keyframes cPD9v {
  0% {
    opacity: 0;
    transform: scale(1);
  }

  25% {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: scale3d(3, 3, 3);
  }
}

.xBp2v {
  font-family: var(--font-family);
  border-radius: 10px;
  padding: 30px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
}

@media (max-width: 540px) {
  .xBp2v {
    width: 85vw;
    height: 100vw;
  }
}

.xBp2v .r6wxb {
  overflow-y: auto;
}

.zhKOj {
  border: 1px solid rgba(var(--black), 0.25);
  border-collapse: separate;
  border-radius: 8px;
  width: 100%;
  margin: 20px 0;
}

.DN4md {
  color: rgba(var(--black), 0.65);
  padding: 10px;
}

.UL7nR {
  padding: 10px;
}

.Od7LS:hover {
  cursor: not-allowed;
}

.v2JIl {
  position: relative;
}

.qcYGf {
  box-sizing: border-box;
  width: 100%;
  height: 60px;
  padding: 0 16px;
}

@media (min-width: 990px) {
  .qcYGf {
    padding: 0 10px;
  }
}

.Gdn85 {
  flex: 1;
  margin-right: 5px;
}

.qcYGf,
.Gdn85 {
  font-family: var(--font-family);
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  display: flex;
}

.qcYGf.asnZc,
.Gdn85.asnZc {
  align-items: flex-start;
}

.qcYGf .yX3XS,
.Gdn85 .yX3XS {
  flex-direction: column;
  align-items: flex-start;
  margin-left: 10px;
  display: flex;
}

.qcYGf .pT6VO,
.Gdn85 .pT6VO {
  font-family: var(--font-family);
  color: rgba(var(--black), 0.4);
  text-overflow: ellipsis;
  word-break: break-all;
  text-align: left;
  font-size: 0.78125rem;
  font-weight: 400;
  line-height: 1.52;
  overflow: hidden;
}

@supports (display: -webkit-box) and (-webkit-line-clamp: 1) {
  .qcYGf .pT6VO,
  .Gdn85 .pT6VO {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }
}

@supports not ((display: -webkit-box) and (-webkit-line-clamp: 1)) {
  .qcYGf .pT6VO,
  .Gdn85 .pT6VO {
    white-space: nowrap;
  }
}

.qcYGf .nT5UJ,
.qcYGf .cP0pN,
.Gdn85 .nT5UJ,
.Gdn85 .cP0pN {
  justify-content: flex-start;
  align-items: center;
  width: 22px;
  margin-right: 10px;
  display: flex;
}

.qcYGf .QgXdE,
.Gdn85 .QgXdE {
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 10px;
  overflow: hidden;
}

.qcYGf .kt8zB,
.Gdn85 .kt8zB {
  flex: 1;
}

.qcYGf .kt8zB.iGLok,
.Gdn85 .kt8zB.iGLok {
  font-family: var(--font-family);
  margin-left: 0;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.42857;
}

.qcYGf .QgXdE,
.qcYGf .kt8zB,
.qcYGf .OPqLY,
.Gdn85 .QgXdE,
.Gdn85 .kt8zB,
.Gdn85 .OPqLY {
  color: rgba(var(--black), 0.65);
  text-align: left;
  white-space: nowrap;
}

.qcYGf .OPqLY,
.Gdn85 .OPqLY {
  font-family: var(--font-family);
  margin-left: 20px;
  font-size: 0.78125rem;
  font-weight: 400;
  line-height: 1.52;
}

.qcYGf .OPqLY > span,
.Gdn85 .OPqLY > span {
  background-color: rgba(var(--black), 0.07);
  border-radius: 3px;
  padding: 1px 3px;
}

.M9Ov7 {
  height: 60px;
}

.M9Ov7 .crS1E {
  padding-top: 0;
  padding-bottom: 0;
}

.YqkCK {
  transform-origin: "center";
  flex-shrink: 0;
  margin-left: auto;
  transform: rotate(0);
  transition: transform 0.2s !important;
}

.n1exf .YqkCK {
  transform: rotate(180deg);
}

.CGCzZ:hover {
  cursor: not-allowed;
}

.JloGo {
  box-sizing: border-box;
  background-color: RGB(var(--white));
  max-width: 90%;
  max-height: 90%;
  color: RGB(var(--black));
  border-radius: 6px;
  flex-direction: column;
  margin: auto;
  padding: 4px 0;
  display: flex;
  position: relative;
  overflow-x: hidden;
}

.DP33z {
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  transition: transform 0.25s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  display: flex;
}

.AYiEs .DP33z {
  transform: rotate(90deg);
}

.Ohe4v {
  -webkit-overflow-scrolling: touch;
  width: 100%;
  overflow-y: auto;
}

.jOW7m {
  box-sizing: border-box;
  background: RGB(var(--white));
  cursor: pointer;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.jOW7m:hover {
  background: RGB(var(--secondary-accent));
}

.jOW7m.gbd0F {
  width: auto;
}

.jOW7m.IQS1M {
  text-align: left;
  border-bottom: 1px rgba(var(--black), 0.07) solid;
  padding: 6px 10px 8px 6px;
}

.jOW7m:last-child {
  border: none;
}

.ram4w {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px;
  display: flex;
}

.ram4w > svg {
  margin-left: 5px;
}

.ram4w > svg use {
  --icon-color-primary: RGB(var(--deprecated-accent));
}

.lAM6N {
  font-family: var(--font-family);
  border-bottom: 1px rgba(var(--black), 0.25) solid;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 5px 0;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  display: flex;
}

.tc6fQ:hover,
.yDfZA:hover {
  cursor: not-allowed;
}

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

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

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

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

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

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

.jql34.U1HEu {
  -webkit-padding-after: 34px;
  width: 100%;
  padding-bottom: 34px;
  padding-left: 16px;
  padding-right: 16px;
}

.jql34.U1HEu.tVCa7 {
  -webkit-padding-after: 0;
  padding-bottom: 0;
}

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

.ctBr6 {
  font-size: 1rem;
  font-family: var(--font-family-modern);
  background-color: var(--modal);
  border: 1px solid var(--modal-border);
  border-radius: 8px;
  outline: none;
  padding: 8px;
  font-weight: 350;
  line-height: 1.5rem;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
}

.ctBr6.miQwI {
  z-index: 102;
}

.sl53I {
  -moz-column-gap: 4px;
  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;
}

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

.sl53I .JQjRf.tmNHg {
  flex-grow: 0;
}

.sl53I svg {
  display: flex;
}

.sl53I .LMFIJ {
  color: var(--content-fg-secondary);
}

.sl53I .yjIrY {
  -webkit-padding-start: 4px;
}

.sl53I
  .yjIrY: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;
}

.sl53I
  .yjIrY: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;
}

.sl53I
  .yjIrY: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;
}

.sl53I
  .yjIrY:-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;
}

.sl53I
  .yjIrY:-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;
}

.sl53I
  .yjIrY: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;
}

.sl53I .OkOxl {
  color: var(--accent);
  flex-grow: 0;
}

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

.sl53I:hover {
  background-color: var(--content-tint);
}

.sl53I:hover .LMFIJ {
  color: var(--content-fg);
}

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

.sl53I:active .LMFIJ,
.sl53I[data-active-item] .LMFIJ {
  color: var(--content-fg);
}

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

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

.sl53I.J5P7p,
.sl53I.J5P7p .LMFIJ {
  color: var(--danger);
}

.sl53I.J5P7p:hover {
  background-color: var(--danger-tint);
}

.sl53I.J5P7p:active {
  background-color: var(--danger-tint-strong);
}

.sl53I.J5P7p[data-focus-visible] {
  outline-color: var(--danger);
}

.sl53I.J5P7p:focus-visible {
  outline-color: var(--danger);
}

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

[role="dialog"] .sl53I {
  -webkit-padding-start: 12px;
  -webkit-padding-end: 16px;
  gap: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
}

[role="dialog"]
  .sl53I: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"]
  .sl53I: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"]
  .sl53I: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"]
  .sl53I:-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"]
  .sl53I:-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"]
  .sl53I: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"] .sl53I .JQjRf {
  gap: 20px;
}

[role="dialog"] .sl53I .yjIrY {
  padding-left: 0;
}

[role="dialog"] .zm6Y3 {
  display: none;
}

.CsHnt {
  font-size: 1rem;
  font-family: var(--font-family-modern);
  color: var(--content-education);
  background-color: var(--education-tint);
  border-radius: 8px;
  padding: 12px 16px;
  font-weight: 350;
  line-height: 1.5rem;
  display: block;
}

.KVX8S {
  font-size: 0.875rem;
  font-family: var(--font-family-modern);
  color: var(--danger);
  align-items: flex-start;
  gap: 8px;
  font-weight: 350;
  line-height: 1.25rem;
  display: flex;
}

.cEAyD {
  padding-top: 2px;
}

.rIj_0 {
  font-size: 0.75rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg-tertiary);
  font-weight: 400;
  line-height: 1.125rem;
}

.rPK5v {
  color: var(--danger);
}

.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: 0.875rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg);
  font-weight: 500;
  line-height: 1.25rem;
}

.e8znE {
  font-size: 0.75rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg-tertiary);
  font-weight: 400;
  line-height: 1.125rem;
}

.ZRkRa {
  font-size: 0.875rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg-secondary);
  font-weight: 350;
  line-height: 1.25rem;
}

.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;
  color: var(--content-fg);
  background-color: var(--content-tint);
  width: 100%;
  font-size: 1rem;
  font-family: var(--font-family-modern);
  border: 0;
  border-radius: 8px;
  outline: 4px solid transparent;
  padding: 12px 16px;
  font-weight: 350;
  line-height: 1.5rem;
  transition: outline 0.1s ease-in-out;
}

.F0gXR.xqEzo {
  -webkit-padding-start: 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 {
  -webkit-padding-end: 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: 0.5;
}

.F0gXR[aria-invalid] {
  outline: var(--danger) solid 2px;
}

.tOKgq {
  font-family: var(--font-family);
  color: rgba(var(--black), 0.65);
  margin-top: 25px;
  padding-bottom: 0;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.42857;
  display: block;
}

.tOKgq .x23xO {
  min-width: 150px;
}

.tOKgq .m5KTc {
  margin: 0 var(--post-padding);
  justify-content: space-between;
  align-items: center;
  padding: 3px 0;
  display: flex;
}

.tOKgq .m5KTc.VNASy {
  justify-content: flex-end;
  height: 36px;
}

.tOKgq .m5KTc.y49Zv {
  padding-bottom: 0;
}

@media (min-width: 990px) {
  .tOKgq .m5KTc {
    padding: 12px 0;
  }

  .tOKgq .m5KTc.y49Zv {
    padding-bottom: 8px;
  }
}

@media not (min-width: 990px) {
  .tOKgq .m5KTc {
    min-height: 45px;
  }
}

@media (max-width: 540px) {
  .tOKgq .m5KTc {
    min-height: 45px;
  }

  .tOKgq .m5KTc.VNASy {
    height: 30px;
  }
}

.tOKgq .m5KTc:not(:first-of-type) {
  border-top: 1px solid rgba(var(--black), 0.13);
}

.tOKgq .m5KTc:not(:first-of-type).y49Zv {
  border-top: none;
  padding-top: 0;
  padding-bottom: 3px;
}

@media (min-width: 990px) {
  .tOKgq .m5KTc:not(:first-of-type).y49Zv {
    padding-top: 8px;
    padding-bottom: 12px;
  }
}

.tOKgq .gstmW {
  padding: 0;
}

.tOKgq .MCavR {
  border-top: 0;
  justify-content: flex-end;
  align-items: center;
  margin: 0;
  padding: 0;
  display: flex;
}

.tOKgq .MCavR .sfGru.HhLx2 {
  background-color: var(--brand-purple-tint);
  border-radius: 9999px;
}

.tOKgq .MCavR .sfGru.HhLx2:not(:first-of-type) {
  margin-left: 0;
}

@media (min-width: 990px) {
  .tOKgq .MCavR .sfGru.HhLx2 {
    padding: 8px;
  }
}

.tOKgq .MCavR .sfGru.rv6SS {
  background-color: var(--brand-blue-tint);
  border-radius: 9999px;
}

.tOKgq .MCavR .sfGru.rv6SS:not(:first-of-type) {
  margin-left: 0;
}

@media (min-width: 990px) {
  .tOKgq .MCavR .sfGru.rv6SS {
    padding: 8px;
  }
}

.tOKgq .MCavR .sfGru.Cuwye {
  background-color: var(--brand-green-tint);
  border-radius: 9999px;
}

.tOKgq .MCavR .sfGru.Cuwye:not(:first-of-type) {
  margin-left: 0;
}

@media (min-width: 990px) {
  .tOKgq .MCavR .sfGru.Cuwye {
    padding: 8px;
  }
}

.tOKgq .MCavR .sfGru.z6CkC {
  background-color: var(--brand-red-tint);
  border-radius: 9999px;
}

.tOKgq .MCavR .sfGru.z6CkC:not(:first-of-type) {
  margin-left: 0;
}

@media (min-width: 990px) {
  .tOKgq .MCavR .sfGru.z6CkC {
    padding: 8px;
  }

  .tOKgq .MCavR .sfGru:not(:first-of-type) {
    margin-left: 20px;
  }
}

.tOKgq .MCavR .Ed7CO {
  width: auto;
}

@media (max-width: 540px) {
  .tOKgq .MCavR .t21M4 {
    margin-left: 10px;
  }
}

.gstmW {
  min-width: 0;
  padding-left: var(--post-padding);
  padding-right: var(--post-padding);
  justify-content: space-between;
  height: 36px;
  margin-right: 5px;
  display: flex;
  position: relative;
}

@media (max-width: 540px) {
  .gstmW {
    height: 30px;
  }
}

.rlv6m {
  font-family: var(--font-family);
  cursor: pointer;
  text-align: left;
  max-width: 100%;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  display: inline-block;
}

.rlv6m:focus,
.rlv6m:focus > .RHkx9 {
  outline: none;
  text-decoration: underline;
}

.rlv6m .zrO3e {
  align-items: center;
  height: 36px;
  display: flex;
}

@media (max-width: 540px) {
  .rlv6m .zrO3e {
    height: 30px;
  }
}

.rlv6m .ePsyd {
  font-family: var(--font-family);
  height: 36px;
  color: rgba(var(--black), 0.65);
  background-color: rgba(var(--black), 0.15);
  border-radius: 18px;
  align-items: center;
  padding: 0 10px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  display: flex;
}

.rlv6m .ePsyd > svg {
  margin-right: 8px;
}

@media (max-width: 540px) {
  .rlv6m .ePsyd {
    border-radius: 15px;
    height: 30px;
  }

  .rlv6m .ePsyd > span {
    display: none;
  }

  .rlv6m .ePsyd > svg {
    width: 10px;
    height: 10px;
    margin-right: 0;
  }
}

.MCavR {
  margin: 12px var(--post-padding) 0 var(--post-padding);
  border-top: 1px solid rgba(var(--black), 0.13);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

@media (min-width: 990px) {
  .MCavR {
    padding: 12px;
  }
}

.sfGru {
  font-family: var(--font-family);
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  position: relative;
}

.sfGru svg {
  transition: fill 0.25s;
  transform: translateZ(0);
}

.sfGru button,
.sfGru button > span {
  display: flex;
}

@media (max-width: 540px) {
  .sfGru {
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    display: flex;
  }

  .sfGru button,
  .sfGru a {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }
}

@media not (min-width: 990px) {
  .sfGru {
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    display: flex;
  }

  .sfGru button,
  .sfGru a {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }
}

.r3vIz > :-webkit-any(div, span):nth-child(2) {
  align-items: center;
  display: flex;
}

.r3vIz > :-moz-any(div, span):nth-child(2) {
  align-items: center;
  display: flex;
}

.r3vIz > :is(div, span):nth-child(2) {
  align-items: center;
  display: flex;
}

.r3vIz > :-webkit-any(div, span):nth-child(2):before {
  content: "";
  background-color: rgba(var(--black), 0.65);
  border-radius: 50%;
  width: 7px;
  height: 7px;
  margin: 0 10px;
  display: inline-block;
}

.r3vIz > :-moz-any(div, span):nth-child(2):before {
  content: "";
  background-color: rgba(var(--black), 0.65);
  border-radius: 50%;
  width: 7px;
  height: 7px;
  margin: 0 10px;
  display: inline-block;
}

.r3vIz > :is(div, span):nth-child(2):before {
  content: "";
  background-color: rgba(var(--black), 0.65);
  border-radius: 50%;
  width: 7px;
  height: 7px;
  margin: 0 10px;
  display: inline-block;
}

.yTb5J {
  opacity: 0;
  border-top: 1px solid transparent;
  width: 100%;
  max-height: 0;
  margin-top: 0;
  transition: opacity 0.3s ease-in-out;
  overflow: hidden;
}

.yTb5J.DUvqr {
  opacity: 1;
  border-top-color: rgba(var(--black), 0.13);
  max-height: none;
}

.SAyo6 {
  padding: 0 var(--post-padding) 15px var(--post-padding);
}

@media (max-width: 540px) {
  .rW8sh {
    display: none;
  }
}

.ditK9 {
  box-sizing: border-box;
  -moz-column-gap: 8px;
  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 {
    -moz-column-gap: 16px;
    column-gap: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    overflow-x: auto;
  }
}

.EAa3l {
  font-size: 0.75rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg-secondary);
  flex-direction: column;
  align-items: center;
  gap: 4px;
  max-width: 76px;
  font-weight: 500;
  line-height: 1.125rem;
  display: flex;
}

@media (max-width: 540px) {
  .EAa3l {
    flex-shrink: 0;
    max-width: 60px;
  }
}

.viO4l {
  text-overflow: ellipsis;
  text-align: center;
  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;
  }
}

.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;
}

.kmZxu {
  color: var(--badge-icon);
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-width: -webkit-max-content;
  max-height: max-content;
  max-width: -moz-max-content;
  border-radius: 9999px;
  max-width: max-content;
  display: flex;
}

.kmZxu.JNTqK {
  outline: 2px solid var(--chrome-panel);
}

.kmZxu.AJeeZ {
  outline: 2px solid var(--content-panel);
}

.kmZxu svg {
  border-radius: inherit;
}

@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .kmZxu.JNTqK,
  .kmZxu.AJeeZ {
    outline: none;
  }
}

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

.NmEJh {
  border-radius: var(--border-radius);
  position: relative;
  overflow: visible;
}

.NmEJh.NpLHM {
  background-color: var(--chrome-panel);
}

.NmEJh.WHBEq {
  background-color: var(--content-panel);
}

.NmEJh.pPM64 {
  --border-radius: 9999px;
}

.NmEJh.KPDSx.aQwSl,
.NmEJh.KPDSx.r2VNz {
  --border-radius: 8px;
}

.NmEJh.KPDSx.ja4cu,
.NmEJh.KPDSx.fgUre,
.NmEJh.KPDSx.IdTf7,
.NmEJh.KPDSx.wCmYf,
.NmEJh.KPDSx.gLSgz,
.NmEJh.KPDSx.bfhuq,
.NmEJh.KPDSx.W7o_B,
.NmEJh.KPDSx.dBgV8 {
  --border-radius: 4px;
}

.NmEJh.KPDSx.VsZv7 {
  --border-radius: 2px;
}

.DPB5d {
  height: inherit;
  width: inherit;
  border-radius: inherit;
  overflow: hidden;
}

.DPB5d :focus-visible {
  outline: none;
}

.S8Dii {
  border-radius: var(--border-radius);
}

.NpLHM .X2RVO {
  background-color: var(--chrome-panel);
  outline: 2px solid var(--chrome-panel);
}

.WHBEq .X2RVO {
  background-color: var(--content-panel);
  outline: 2px solid var(--content-panel);
}

.X2RVO,
.YwcFx {
  border-radius: 9999px;
}

.iIlsP {
  pointer-events: none;
  position: absolute;
  bottom: 0;
  right: -4px;
}

.wCmYf .iIlsP,
.bfhuq .iIlsP {
  bottom: -2px;
}

.iIlsP:empty {
  display: none;
}

.iIlsP a,
.iIlsP button {
  pointer-events: all;
}

.iIlsP :focus-visible {
  outline: none;
}

.DPB5d :focus-visible .S8Dii {
  outline: 2px solid var(--accent);
  outline-offset: -2px;
}

.iIlsP :focus-visible .YwcFx {
  outline: 2px solid var(--accent);
  outline-offset: -2px;
}

.iIlsP :focus-visible svg {
  outline: 2px solid var(--accent);
  outline-offset: -2px;
}

@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .NmEJh.NpLHM,
  .NmEJh.WHBEq {
    background-color: transparent;
  }

  .IdTf7.Xlq_h .DPB5d {
    -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%);
  }

  .wCmYf.Xlq_h .DPB5d {
    -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%);
  }

  .gLSgz.Xlq_h .DPB5d {
    -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%);
  }

  .bfhuq.Xlq_h .DPB5d {
    -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%);
  }

  .iIlsP .X2RVO {
    background-color: transparent;
    outline: none;
  }
}

.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 {
  outline: auto #00b8ff;
}

@media not (min-width: 990px) {
  .fLccs.b76BB {
    visibility: hidden;
  }
}

@media (max-width: 540px) {
  .fLccs.b76BB {
    visibility: hidden;
  }
}

.zU1s3 {
  flex-shrink: 0;
  width: 24px;
  height: 100%;
  margin-right: 10px;
  position: relative;
}

@media (max-width: 350px) {
  .zU1s3 {
    visibility: hidden;
  }
}

.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 {
  left: 8px;
  right: unset;
}

.UGqjE {
  font-family: var(--font-family);
  font-size: 0.78125rem;
  font-weight: 400;
  line-height: 1.52;
}

.UGqjE:focus {
  outline: auto #00b8ff;
}

.lEZQk {
  border: 1px solid;
  border-radius: 16px;
  align-self: center;
  margin-left: auto;
  margin-right: 16px;
  padding: 4px 16px;
}

.IBqNg {
  font-family: var(--font-family);
  text-overflow: ellipsis;
  font-size: 0.78125rem;
  font-weight: 400;
  line-height: 1.52;
  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;
  }
}

.m2Bdx {
  -moz-column-gap: 4px;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  column-gap: 4px;
  display: flex;
}

.l4Qpd {
  -moz-column-gap: 12px;
  flex-direction: row;
  flex: 1;
  align-items: flex-start;
  column-gap: 12px;
  display: flex;
  overflow: hidden;
}

.y8wKa {
  align-items: center;
  display: flex;
}

.deHVW .y8wKa,
.deHVW .zmkgk,
.deHVW .RIcm_ {
  min-height: 40px;
}

.cJ1ik .y8wKa,
.PCzZt .y8wKa,
.cJ1ik .zmkgk,
.PCzZt .zmkgk,
.cJ1ik .RIcm_,
.PCzZt .RIcm_ {
  min-height: 44px;
}

.L2HBn .y8wKa,
.n_fvx .y8wKa,
.L2HBn .zmkgk,
.n_fvx .zmkgk,
.L2HBn .RIcm_,
.n_fvx .RIcm_ {
  min-height: 48px;
}

.zmkgk {
  justify-content: center;
  overflow: hidden;
}

.W0XIT {
  -moz-column-gap: 4px;
  flex-direction: row;
  align-items: center;
  column-gap: 4px;
  display: flex;
}

.W0XIT,
.x66yu {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
}

.W0XIT a,
.x66yu a {
  text-decoration: none;
}

.W0XIT 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;
}

.x66yu 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;
}

.d7ZC6 {
  flex-shrink: 1;
}

.hd9yU .d7ZC6 {
  color: var(--chrome-fg);
}

.pLL0g .d7ZC6 {
  color: var(--content-fg);
}

.deHVW .d7ZC6 {
  font-size: 0.875rem;
  font-family: var(--font-family-modern);
  font-weight: 500;
  line-height: 1.25rem;
}

.L2HBn .d7ZC6,
.n_fvx .d7ZC6,
.cJ1ik .d7ZC6,
.PCzZt .d7ZC6 {
  font-size: 1rem;
  font-family: var(--font-family-modern);
  font-weight: 500;
  line-height: 1.5rem;
}

.d7ZC6,
.d7ZC6 a,
.d7ZC6 span {
  max-width: 100%;
  overflow: inherit;
  text-overflow: inherit;
}

.W0XIT .Kkrh1 {
  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;
}

.W0XIT .Kkrh1 .dS8W1 {
  box-sizing: border-box;
  padding: 1px;
}

.W0XIT .Kkrh1 span,
.W0XIT .Kkrh1 img {
  max-width: 100%;
  max-height: 100%;
  display: inline-flex;
}

.beV_K {
  flex-shrink: 0;
}

.x66yu {
  flex-direction: row;
  display: flex;
}

.x66yu .NB_7e {
  display: inherit;
  flex-direction: inherit;
}

.x66yu .NB_7e,
.x66yu .Fuxs_ {
  max-width: inherit;
  overflow: inherit;
  text-overflow: inherit;
  flex-shrink: 1;
}

.x66yu .CtNGM {
  flex-direction: row;
  justify-content: flex-end;
  display: flex;
}

.x66yu .CtNGM:before {
  content: " · ";
  white-space: pre;
}

.x66yu .Fuxs_:empty + .CtNGM {
  display: none;
}

.x66yu .CtNGM,
.x66yu .QOpFt {
  max-width: inherit;
  overflow: inherit;
  text-overflow: inherit;
  flex-shrink: 0;
}

.hd9yU .x66yu,
.hd9yU .pLL0g {
  color: var(--chrome-fg-secondary);
}

.pLL0g .x66yu,
.pLL0g .pLL0g {
  color: var(--content-fg-secondary);
}

.deHVW .x66yu,
.cJ1ik .x66yu,
.PCzZt .x66yu,
.deHVW .pLL0g,
.cJ1ik .pLL0g,
.PCzZt .pLL0g {
  font-size: 0.875rem;
  font-family: var(--font-family-modern);
  font-weight: 350;
  line-height: 1.25rem;
}

.L2HBn .x66yu,
.n_fvx .x66yu,
.L2HBn .pLL0g,
.n_fvx .pLL0g {
  font-size: 1rem;
  font-family: var(--font-family-modern);
  font-weight: 350;
  line-height: 1.5rem;
}

.deHVW .x66yu a,
.cJ1ik .x66yu a,
.PCzZt .x66yu a,
.deHVW .x66yu strong,
.cJ1ik .x66yu strong,
.PCzZt .x66yu strong {
  font-size: 0.875rem;
  font-family: var(--font-family-modern);
  font-weight: 500;
  line-height: 1.25rem;
}

.L2HBn .x66yu a,
.n_fvx .x66yu a,
.L2HBn .x66yu strong,
.n_fvx .x66yu strong {
  font-size: 1rem;
  font-family: var(--font-family-modern);
  font-weight: 500;
  line-height: 1.5rem;
}

.RIcm_ {
  -moz-column-gap: 4px;
  flex-direction: row;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  column-gap: 4px;
  display: flex;
}

.y8wKa:empty,
.eafbD:empty,
.d7ZC6:empty,
.beV_K:empty,
.x66yu:empty,
.Fuxs_:empty,
.QOpFt:empty,
.pLL0g:empty,
.RIcm_:empty {
  display: none;
}

.uapk7 {
  max-height: min(var(--popover-available-height, 50vh), 50vh);
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  z-index: 103;
  overflow: auto;
}

.WhKI3 {
  text-overflow: ellipsis;
  max-width: 30ch;
  display: inline-block;
  overflow: hidden;
}

.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 {
  content: "";
  border: solid 2px var(--accent);
  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, 0.2);
}

.ZZVdr {
  font-size: 0.875rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg-secondary);
  font-weight: 350;
  line-height: 1.25rem;
}

.riFIX {
  flex-flow: row;
  flex: 1;
  gap: 16px;
  margin: 0;
  padding: 0;
  display: flex;
  overflow-y: auto;
}

.pqaan {
  font-size: 0.875rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg);
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  margin: 0;
  padding: 0;
  font-weight: 500;
  line-height: 1.25rem;
  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 0.3s;
  transform: translateY(0);
}

.VVNrk .XxJ_2.QlFlg {
  transform: translateY(-100%);
}

.VVNrk .uhxnt {
  width: 100%;
  height: 252px;
  transition: top 0.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);
}

.kZfp1 {
  font-family: var(--font-family);
  color: RGB(var(--white));
  justify-content: space-between;
  align-items: center;
  padding: 5px 20px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  display: flex;
}

.kZfp1.H2hul {
  background-color: RGB(var(--black));
  padding: 1rem;
}

.kZfp1.H2hul.gPEd0 {
  background-color: rgba(var(--black), 0.4);
}

.kZfp1.H2hul.zwjUv {
  background-color: RGB(var(--black));
}

.kZfp1.H2hul.WfICw {
  background-color: RGB(var(--red));
}

.kZfp1.H2hul .zQ8dN {
  text-transform: capitalize;
  border: 1px solid RGB(var(--white));
  border-radius: 15px;
  min-width: 200px;
  padding: 0.25rem 0.5rem;
  font-size: 14px;
}

.kZfp1.H2hul .TBfTV {
  color: RGB(var(--white));
  border: 2px solid RGB(var(--white));
  white-space: nowrap;
}

.kZfp1.H2hul .TBfTV:hover {
  color: RGB(var(--white));
  border-color: RGB(var(--white));
}

@media (max-width: 540px) {
  .kZfp1.H2hul {
    display: block;
  }
}

.EkBU0 {
  background-color: RGB(var(--deprecated-accent));
  color: RGB(var(--white));
}

.dJtjN {
  display: flex;
}

.dJtjN .ACc3i {
  margin: 0 0.5rem;
}

.dJtjN a {
  align-self: center;
  line-height: 0;
}

.dJtjN svg {
  --icon-color-primary: RGB(var(--white));
  width: 22px;
  height: 22px;
  margin-left: 0.75rem;
}

.dJtjN svg.Nvxc5 {
  width: 14px;
  height: 14px;
}

.dJtjN .Z8aXP {
  line-height: 24px;
}

@media (min-width: 990px) {
  .dJtjN {
    margin-left: 0.5rem;
  }

  .dJtjN:hover {
    color: RGB(var(--white));
    border-color: RGB(var(--white));
  }
}

@media (max-width: 540px) {
  .dJtjN {
    justify-content: right;
    margin-top: 1rem;
  }
}

.BF3AU {
  font-family: var(--font-family);
  white-space: pre-line;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.BF3AU .U9tmV {
  border: 1px solid RGB(var(--black));
  box-sizing: border-box;
  width: 100%;
  padding: 0.5rem;
  font-size: 0.9rem;
  line-height: 1.5rem;
}

.X5e5s a {
  color: rgba(var(--black), 0.65);
  text-decoration: none;
}

.X5e5s a:hover {
  color: RGB(var(--black));
  text-decoration: underline;
}

.X5e5s .EkBU0 {
  box-sizing: border-box;
  line-height: 40px;
}

.X5e5s .EkBU0.F7dEp {
  color: RGB(var(--white));
  border: 2px solid RGB(var(--deprecated-accent));
}

.X5e5s .EkBU0.UHvHp {
  color: RGB(var(--black));
  border: 2px solid RGB(var(--black));
  background: 0 0;
}

.X5e5s .EkBU0.UHvHp:hover {
  color: RGB(var(--white));
  background: RGB(var(--black));
}

.X5e5s button:disabled {
  opacity: 0.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: 0.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: 0.5rem;
  }

  .X5e5s .EkBU0 {
    width: 100%;
    display: block;
  }
}

.lQ0w7 {
  line-height: 1.5em;
}

@media (max-width: 540px) {
  .MQO0V {
    display: block;
  }
}

.gQmlg {
  font-family: var(--font-family);
  color: RGB(var(--white));
  background-color: RGB(var(--red));
  justify-content: space-between;
  align-items: center;
  padding: 5px 20px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  display: flex;
}

.gQmlg.wB6qM {
  background-color: RGB(var(--orange));
}

.gQmlg._qMFx {
  background-color: RGB(var(--green));
}

.SEj9V {
  font-family: var(--font-family);
  border: 2px solid RGB(var(--white));
  text-transform: uppercase;
  border-radius: 2px;
  padding: 4px 10px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

.SEj9V:focus {
  background-color: RGB(var(--white));
  color: RGB(var(--black));
  outline: none;
}

.D7qy6 {
  font-family: var(--font-family);
  border: 2px solid RGB(var(--white));
  resize: none;
  width: 100%;
  height: 200px;
  margin-top: 10px;
  padding: 10px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.D7qy6:focus {
  outline: 0;
}

.KWFLb {
  color: rgba(var(--black), 0.65);
  font-family: var(--font-family);
  font-size: 0.78125rem;
  font-weight: 400;
  line-height: 1.52;
}

.KWFLb > svg {
  --icon-color-background: transparent;
  flex-shrink: 0;
}

.a3_ie {
  margin-right: 6px;
  display: inline;
}

.Y7QU6 {
  color: var(--color-primary-link);
  font-weight: 700;
  display: inline;
}

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

.EAugG {
  background-color: var(--content-panel);
  box-sizing: border-box;
  color: var(--content-fg-secondary);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 300px;
  padding: 8px 32px 0;
  display: flex;
  position: absolute;
  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-family: var(--font-family-modern);
  align-items: center;
  gap: 6px;
  font-weight: 500;
  line-height: 1.75rem;
  display: flex;
}

.UF4Vo > svg {
  --icon-color-background: transparent;
}

.MIDUS {
  font-size: 1rem;
  font-family: var(--font-family-modern);
  font-weight: 350;
  line-height: 1.5rem;
}

.UypGJ {
  min-height: 250px;
}

.dR2LL {
  cursor: auto;
  line-height: 21px;
}

.dR2LL .ynaAM {
  justify-content: center;
  display: flex;
}

.dR2LL .osMQ1 {
  cursor: pointer;
}

.dR2LL .H71ba {
  cursor: default;
  text-align: center;
}

.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: rgba(var(--black), 0.65);
  font-size: 0.85rem;
}

.Gtcb7 {
  cursor: pointer;
  align-items: center;
  gap: 12px;
  display: flex;
}

.Gtcb7.tCD0e {
  flex-direction: row-reverse;
  justify-content: space-between;
  padding: 12px;
}

.mSBP0 {
  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;
}

.mSBP0 .U1bgp {
  display: none;
}

.mSBP0.DzrPF .U1bgp {
  display: inherit;
}

.mSBP0.hXjtP {
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: solid;
}

.mSBP0:before {
  content: "";
  border-radius: 4px;
  position: absolute;
  top: 4px;
  left: 0;
  transform: translate(4px);
}

.OtHsX .h7IR_ {
  color: var(--content-fg);
}

.OtHsX .mSBP0 {
  color: var(--content-ui-toggle);
  outline-color: var(--accent);
  border-color: var(--content-tint-heavy);
}

.OtHsX .mSBP0:before {
  background-color: var(--content-ui-toggle);
}

.OtHsX .mSBP0.DzrPF {
  background-color: var(--accent);
  border-color: var(--accent);
}

.OtHsX .mSBP0.WJeWN {
  background-color: var(--content-tint-strong);
}

.OtHsX .mSBP0.WJeWN:before {
  opacity: 0.5;
}

.KZn1Q .mSBP0 {
  outline-color: var(--danger);
}

.KZn1Q .mSBP0.DzrPF {
  background-color: var(--danger);
  border-color: var(--danger);
}

.nSOB0 {
  font-size: 1rem;
  font-family: var(--font-family-modern);
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  margin: 0;
  font-weight: 350;
  line-height: 1.5rem;
  display: flex;
}

.h7IR_,
.ZEmev {
  text-align: start;
  color: var(--content-fg-secondary);
}

.fBQsy {
  cursor: pointer;
  box-sizing: border-box;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 0.875rem;
  font-family: var(--font-family-modern);
  background-color: var(--content-panel);
  color: var(--content-fg);
  box-shadow: 0px 0px 0px 1px var(--content-tint-strong) inset;
  border: none;
  border-radius: 8px;
  outline: none;
  justify-content: center;
  align-items: center;
  padding: 10px 16px;
  font-weight: 350;
  line-height: 1.25rem;
  display: inline-flex;
}

.fBQsy:hover {
  background-color: var(--content-tint);
}

.fBQsy:active {
  background-color: var(--content-tint-strong);
}

.fBQsy[data-checked="true"] {
  background-color: var(--accent-tint);
  box-shadow: 0px 0px 0px 1px var(--accent) inset;
}

.fBQsy[data-checked="true"]:hover {
  background-color: var(--accent-tint-strong);
}

.fBQsy[data-checked="true"]:active {
  background-color: var(--accent-tint-heavy);
}

.fBQsy[data-focus-visible="true"] {
  box-shadow: 0px 0px 0px 2px var(--accent) inset;
}

.fBQsy[data-disabled="true"],
.fBQsy[data-disabled="true"][data-checked="true"] {
  cursor: default;
  background-color: var(--content-panel);
  box-shadow: 0px 0px 0px 1px var(--content-tint-strong) inset;
}

.fBQsy[data-disabled="true"] .tHYTK,
.fBQsy[data-disabled="true"][data-checked="true"] .tHYTK {
  opacity: 0.5;
}

.pxvHL {
  cursor: pointer;
  align-items: center;
  gap: 12px;
  display: flex;
}

.pxvHL.b4th4 {
  flex-direction: row-reverse;
  justify-content: space-between;
  padding: 12px;
}

.h6QpP {
  font-size: 1rem;
  font-family: var(--font-family-modern);
  margin: 0;
  font-weight: 350;
  line-height: 1.5rem;
}

.qg5oo {
  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;
}

.qg5oo .OB8Da {
  display: none;
}

.qg5oo.g0bQ8 .OB8Da {
  display: inherit;
}

.qg5oo.Og4oP {
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: solid;
}

.C_xeO .h6QpP {
  color: var(--content-fg);
}

.C_xeO .h6QpP.w5rqU {
  color: var(--content-fg-secondary);
}

.C_xeO .qg5oo {
  color: var(--content-ui-toggle);
  outline-color: var(--accent);
  border-color: var(--content-tint-heavy);
}

.C_xeO .qg5oo:hover {
  border-color: var(--content-tint-heavy);
}

.C_xeO .qg5oo.g0bQ8 {
  background-color: var(--accent);
  border-color: var(--accent);
}

.C_xeO .qg5oo.g0bQ8:hover {
  background-color: var(--accent-hover);
}

.C_xeO .qg5oo.w5rqU {
  border-color: var(--content-tint);
  background-color: var(--content-tint);
}

.C_xeO .qg5oo.w5rqU:hover {
  background-color: var(--content-tint);
}

.mak2V {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.EiBE2 {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.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-family: var(--font-family-modern);
  color: var(--content-fg);
  font-weight: 350;
  line-height: 1.5rem;
}

.R4hFV {
  font-size: 0.875rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg-secondary);
  font-weight: 350;
  line-height: 1.25rem;
}

.ogv2c {
  font-size: 0.875rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg);
  font-weight: 500;
  line-height: 1.25rem;
  display: block;
}

.sG03a {
  font-size: 0.875rem;
  font-family: var(--font-family-modern);
  color: var(--danger);
  gap: 8px;
  margin: 8px 0;
  font-weight: 350;
  line-height: 1.25rem;
  display: flex;
}

.sG03a .Dz8Ma {
  margin-top: 1px;
}

.fwv7E {
  border: 1px solid var(--content-tint-heavy);
  border-radius: 8px;
  padding: 16px;
}

.KkT0i {
  width: 100%;
}

.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 0.1s linear,
    background-color 0.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: 0.5;
}

.sLd13[data-checked="true"] {
  border-color: var(--accent);
  background-color: var(--accent-tint);
}

.sLd13[data-checked="true"] .NjLa2 {
  color: var(--content-fg);
}

.qoKkm {
  border: 1px solid var(--content-tint-heavy);
  box-sizing: border-box;
  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 {
  content: "";
  background-color: var(--accent);
  border-radius: 9999px;
  width: 14px;
  height: 14px;
}

.fiFAB {
  font-size: 1rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg);
  font-weight: 500;
  line-height: 1.5rem;
}

.NjLa2 {
  font-size: 1rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg-secondary);
  font-weight: 350;
  line-height: 1.5rem;
  transition: color 0.1s linear;
}

.o8bvw {
  padding: 20px;
  overflow-y: scroll;
}

.I9C9h {
  justify-content: flex-end;
  gap: 8px;
  display: flex;
}

.EKpJR {
  font-size: 1rem;
  font-family: var(--font-family-modern);
  margin-bottom: 12px;
  font-weight: 350;
  line-height: 1.5rem;
}

.TSP_V {
  font-size: 1rem;
  font-family: var(--font-family-modern);
  font-weight: 500;
  line-height: 1.5rem;
}

.y0RtB {
  font-size: 0.875rem;
  font-family: var(--font-family-modern);
  color: var(--danger);
  gap: 8px;
  margin: 8px 0;
  font-weight: 350;
  line-height: 1.25rem;
  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-family: var(--font-family-modern);
  font-weight: 700;
  line-height: 2rem;
}

.Sz17T {
  width: 75%;
  color: var(--content-fg-secondary);
  font-size: 1rem;
  font-family: var(--font-family-modern);
  font-weight: 350;
  line-height: 1.5rem;
}

.WqS4f {
  font-size: 1rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg);
  font-weight: 350;
  line-height: 1.5rem;
}

.suQrH {
  font-size: 1rem;
  font-family: var(--font-family-modern);
  font-weight: 500;
  line-height: 1.5rem;
}

.wb2jv {
  border: 1px solid var(--content-tint-heavy);
  border-radius: 8px;
  padding: 16px;
}

.w3ESf {
  margin: auto;
}

.aKxym {
  width: 100%;
}

.RIBoR button {
  font-weight: 700;
}

.gIEq5,
.BsLEG {
  justify-content: center;
  align-items: center;
  margin: 0.5rem 1rem;
  display: flex;
}

.gIEq5 {
  color: rgba(var(--black), 0.65);
}

.vr9kN {
  border-top: 1px solid rgba(var(--black), 0.13);
  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: RGB(var(--white));
  font-family: var(--font-family);
  box-sizing: border-box;
  width: 100%;
  max-width: 540px;
  padding-left: var(--post-padding);
  padding-right: 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;
}

.BjErQ.PpzOx:hover {
  cursor: pointer;
}

.BjErQ.PpzOx:hover .i5aqv:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.zDKqP {
  -webkit-padding-start: 14px;
  -webkit-padding-end: 12px;
  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(
    :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;
}

.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: rgba(var(--black), 0.04);
}

.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: rgba(var(--white-on-dark), 0.04);
}

.RYkKH {
  align-self: flex-start;
  padding-right: 10px;
}

.rGP1C,
.Euban {
  font-family: var(--font-family);
  color: rgba(var(--black), 0.65);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
}

.MHZ5s + .rGP1C:before,
.MHZ5s + .Euban:before {
  content: " •";
  margin: 0 8px;
  display: inline;
}

.zYMVR {
  font-family: var(--font-family);
  font-size: 0.78125rem;
  font-weight: 400;
  line-height: 1.52;
}

.zYMVR.lLxmv {
  color: rgba(var(--black), 0.65);
}

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

.G0rF_ .WJ6ij {
  color: RGB(var(--black));
  font-weight: 700;
}

.v3Gu6 {
  font-family: var(--font-family);
  color: rgba(var(--black), 0.65);
  font-size: 0.78125rem;
  font-weight: 400;
  line-height: 1.52;
}

.q4Pce {
  height: 100%;
  font-family: var(--font-family);
  max-width: calc(100vw - 2 * var(--post-padding));
  flex-direction: row;
  flex-grow: 1;
  justify-content: space-between;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.42857;
  display: flex;
}

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

.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 {
  -moz-column-gap: 4px;
  font-family: var(--font-family);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  column-gap: 4px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
  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-family: var(--font-family);
    font-size: 0.78125rem;
    font-weight: 400;
    line-height: 1.52;
  }
}

.T28Qk {
  margin-bottom: -0.25rem;
  overflow-x: hidden;
}

.ZlHiL {
  font-family: var(--font-family);
  color: rgba(var(--black), 0.65);
  padding-right: 1rem;
  font-size: 0.78125rem;
  font-weight: 400;
  line-height: 1.52;
  position: relative;
}

.ZlHiL .MHZ5s,
.ZlHiL + .ZlHiL:before {
  content: "·";
  color: rgba(var(--black), 0.65);
  text-align: center;
  cursor: default;
  width: 1rem;
  position: absolute;
  left: -1rem;
}

.ZlHiL:not(.MHZ5s) + .QQAmL {
  width: 100%;
}

.rJe2J {
  color: rgba(var(--black), 0.65);
}

.zHhsx {
  color: RGB(var(--black));
}

.WJ6ij {
  color: rgba(var(--black), 0.65);
  font-family: var(--font-family);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
}

.WJ6ij a {
  word-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  font-weight: 700;
}

.vGkyT,
.eLzSX {
  display: inline;
}

.vGkyT {
  color: RGB(var(--black));
  word-break: break-all;
  margin-right: 5px;
  display: inline-block;
}

.vGkyT:focus {
  outline: none;
  text-decoration: underline;
}

.eLzSX {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  color: rgba(var(--black), 0.65);
}

.rmjNp {
  text-align: left;
  vertical-align: top;
  line-height: 1rem;
  display: inline;
}

@media (max-width: 540px) {
  .rmjNp {
    font-family: var(--font-family);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1rem;
  }
}

.ps_dU {
  color: rgba(var(--black), 0.65);
  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 0.1s ease-in-out;
}

.Tfl19 button {
  border-radius: 50%;
  width: 44px;
  height: 44px;
  transition: background-color 0.1s ease-in-out;
}

.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: rgba(var(--black), 0.04);
}

.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: rgba(var(--white-on-dark), 0.04);
}

.a_qtV button.WFTy4 {
  background-color: var(--chrome-ui);
  border-radius: 9999px;
  width: auto;
  height: auto;
  padding: 8px 12px;
  text-decoration: none;
}

.a_qtV button.WFTy4:hover {
  background-color: var(--chrome-ui-hover);
}

.a_qtV .qU8uP {
  color: var(--chrome-ui-fg);
}

.a_qtV .qU8uP:focus,
.a_qtV .qU8uP:hover {
  text-decoration: none;
}

@media (max-width: 540px) {
  .a_qtV .qU8uP {
    font-family: var(--font-family);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.42857;
  }
}

.yWEqH {
  padding-top: 15px;
  padding-bottom: 6px;
}

.Dx0Mo {
  background-color: RGB(var(--white));
  font-family: var(--font-family);
  box-sizing: border-box;
  width: 100%;
  max-width: 540px;
  padding-left: var(--post-padding);
  padding-right: var(--post-padding);
  padding-top: var(--post-header-vertical-padding);
  margin-bottom: var(--post-header-vertical-padding);
  box-shadow: 0px -1px 0px rgba(var(--black), 0.13);
  justify-content: center;
  align-items: center;
  line-height: 1rem;
  display: flex;
}

.Dx0Mo .ffqNn {
  font-family: var(--font-family);
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.42857;
  display: flex;
}

.Dx0Mo .WJ6ij.MrqyD .NStl8 {
  flex: 1 0 content;
  margin-right: 5px;
}

.Dx0Mo .KyXoU {
  align-self: flex-start;
  margin-top: 6px;
  line-height: 0.4rem;
}

.Dx0Mo .j8f9p {
  margin-top: 6px;
  line-height: 0.6rem;
}

.cTtCk {
  height: 1rem;
  margin-right: 4px;
  display: inline-block;
  transform: translateY(2px);
}

.Gnc1N {
  color: rgba(var(--black), 0.65);
}

.y_F2V {
  font-family: var(--font-family);
  color: rgba(var(--black), 0.65);
  margin-right: 8px;
  font-size: 0.78125rem;
  font-weight: 400;
  line-height: 1.52;
  position: relative;
}

.yqPiy {
  box-sizing: border-box;
  padding-left: var(--post-padding);
  padding-right: var(--post-padding);
  justify-content: center;
  align-items: center;
  display: flex;
}

.sz5_C {
  background-color: rgba(var(--black), 0.04);
  border-radius: 4px;
  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-family: var(--font-family);
  color: var(--content-fg-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.78125rem;
  font-weight: 700;
  line-height: 1.52;
  overflow: hidden;
}

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

.FVrvv:disabled {
  cursor: not-allowed;
}

.FVrvv:focus {
  outline: none;
}

.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-top: 8px;
  padding-bottom: 8px;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

button:hover > .sMoH1,
button:active > .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: 0.5;
}

button.YPrty > .sMoH1 {
  outline: 1px solid var(--accent);
  background-color: var(--accent-tint);
}

button:focus > .sMoH1,
button.YPrty:focus > .sMoH1 {
  outline: 2px solid var(--accent);
  outline-offset: -2px;
}

.sMoH1.b8p7x {
  padding: 10px;
}

.sMoH1 svg {
  color: var(--content-fg-secondary);
}

.e_jbk {
  flex-direction: row;
  display: flex;
}

.tURbW {
  border: 2px solid transparent;
  border-radius: 9999px;
  margin: -2px;
  overflow: hidden;
}

.tURbW:not(:first-child) {
  margin-left: -10px;
}

.tURbW.zhZFR {
  background-color: var(--chrome-panel);
}

.tURbW.uc6Yo {
  background-color: var(--content-panel);
}

@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .tURbW {
    border: none;
    margin: 0;
  }

  .tURbW:not(:first-child) {
    margin-left: 0;
  }

  .tURbW.zhZFR,
  .tURbW.uc6Yo {
    background-color: transparent;
  }

  .tURbW: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%);
  }
}

.aslpL {
  align-items: center;
  gap: 6px;
  text-decoration: none;
  display: flex;
}

.aslpL .atSxv {
  font-size: 1rem;
  font-family: var(--font-family-modern);
  font-weight: 500;
  line-height: 1.5rem;
}

.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 {
  background-color: var(--modal);
  z-index: 1;
  border-radius: 8px;
  width: 280px;
  height: auto;
  padding: 12px;
  box-shadow: 0 8px 20px rgba(0, 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;
}

.xXTjk {
  resize: none;
  box-sizing: border-box;
  background: RGB(var(--white));
  width: 100%;
  height: auto;
  color: RGB(var(--black));
  font-size: inherit;
  border: none;
  outline: 0;
}

.xXTjk:focus {
  outline: 0;
}

.xXTjk[disabled] {
  background: 0 0;
}

.JWdar {
  background-color: rgba(var(--black), 0.07);
  border-radius: 8px;
  align-items: flex-start;
  gap: 8px;
  padding: 8px;
  display: flex;
}

.JWdar .xXTjk {
  font-family: var(--font-family);
  background: 0 0;
  max-height: 120px;
  padding: 0 12px 0 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.oea_J:last-child {
  display: flex;
}

.oea_J:last-child:after {
  content: "";
  margin-right: inherit;
}

.oea_J .baUXc {
  font-family: var(--font-family);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 0.78125rem;
  font-weight: 400;
  line-height: 1.52;
  display: flex;
}

.oea_J .iOPva {
  color: rgba(var(--black), 0.4);
  margin-top: 3px;
}

.oea_J .Z8bqG {
  background-color: #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  margin: 0 16px;
  padding: 16px;
  display: flex;
}

.HX0fM {
  opacity: 0;
  z-index: -100;
  position: absolute;
}

.nTtVZ {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

@media not (min-width: 990px) {
  .nTtVZ {
    background: RGB(var(--white));
    height: auto;
    color: RGB(var(--black));
    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 {
  content: " ";
  background: linear-gradient(to right, RGB(var(--white)) 0%, rgba(var(--white), 0) 100%);
  z-index: 1;
  width: 20px;
  height: 100%;
  position: absolute;
  top: 0;
}

.nTtVZ .GISqs {
  font-family: var(--font-family);
  background-color: RGB(var(--white));
  color: RGB(var(--black));
  border: none;
  flex: 1;
  width: auto;
  padding: 15px 15px 15px 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.nTtVZ .GISqs:focus {
  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 {
  white-space: nowrap;
  height: 21px;
  color: RGB(var(--white));
  background: #000;
  border-radius: 10px;
  margin-right: 8px;
  padding: 0 9px;
  font-weight: 400;
  line-height: 21px;
  display: inline-block;
  position: relative;
}

.nTtVZ .c3A_k:hover .IznjY {
  display: block;
}

.nTtVZ .IznjY {
  background: inherit;
  border: 1px solid RGB(var(--white));
  cursor: pointer;
  fill: RGB(var(--white));
  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-family: var(--font-family);
  color: rgba(var(--black), 0.65);
  margin: auto;
  font-size: 0.78125rem;
  font-weight: 400;
  line-height: 1.52;
}

.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-family: var(--font-family);
  color: RGB(var(--black));
  margin: 10px 0 2px;
  font-size: 0.78125rem;
  font-weight: 700;
  line-height: 1.52;
}

.nTtVZ .T1G8P .H6xf6 {
  font-family: var(--font-family);
  color: rgba(var(--black), 0.65);
  margin: 0 0 5px;
  font-size: 0.78125rem;
  font-weight: 400;
  line-height: 1.52;
}

.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: rgba(var(--black), 0.4);
}

.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-family: var(--font-family);
  width: 100%;
  padding: 12px 5px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  display: flex;
}

.nTtVZ .yL6v8 textarea {
  max-height: 100px;
}

.nTtVZ .QJkxF {
  font-family: var(--font-family);
  color: RGB(var(--black));
  padding: 20px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.nTtVZ .A0l7h {
  border-right: rgba(var(--black), 0.25) 1px solid;
  margin-right: 9px;
  padding: 0 9px 0 0;
}

.nTtVZ .CTDfP {
  background-color: rgba(var(--black), 0.07);
  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;
}

.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;
}

.wFg7L {
  flex-wrap: wrap;
  gap: 4px;
  padding: 16px;
  display: flex;
}

.wFg7L a {
  text-decoration: none;
}

.naRXw {
  font-size: 0.875rem;
  font-family: var(--font-family-modern);
  color: RGB(var(--black));
  background-color: rgba(var(--black), 0.1);
  border-radius: 9999px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 12px;
  padding-right: 12px;
  font-weight: 500;
  line-height: 1.25rem;
}

.naRXw .hU3f3 {
  align-items: center;
  gap: 6px;
  display: flex;
}

.PuLtZ {
  -webkit-scroll-snap-type: x mandatory;
  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;
}

.bQrgi {
  position: absolute;
  top: -62px;
}

.bQrgi.OcoYW {
  animation: 0.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: #748089;
}

.bQrgi.S1W0q .n9OiO {
  transform-origin: 26px 54px;
  margin-left: -29px;
  animation: 0.8s ease-out OrFcV;
}

.bQrgi.S1W0q .lznHj {
  transform-origin: 0 54px;
  margin-left: 3px;
  animation: 0.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);
  }
}

.k4_Vq {
  all: unset;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  width: 100%;
}

.k4_Vq + .k4_Vq {
  margin-top: 4px;
}

.pG5KN {
  position: relative;
}

.Vut9R {
  color: var(--brand-red);
}

.LU8pm {
  color: var(--brand-green);
}

.If3QZ {
  box-sizing: border-box;
  padding-left: var(--post-padding);
  padding-right: var(--post-padding);
  justify-content: flex-end;
  margin-top: 8px;
  margin-bottom: 16px;
  display: flex;
}

.If3QZ a {
  font-family: var(--font-family);
  color: rgba(var(--black), 0.65);
  word-break: break-all;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
}

.boF_H {
  font-size: 1rem;
  font-family: var(--font-family-modern);
  font-weight: 350;
  line-height: 1.5rem;
}

.DdFPj {
  cursor: pointer;
  width: 100%;
  line-height: 0;
  position: relative;
}

.jWulj {
  box-sizing: content-box;
  padding-left: var(--post-padding);
  padding-right: var(--post-padding);
  cursor: default;
}

.DdFPj:hover .Dt_Mi {
  opacity: 1;
}

.seYEy:focus-within .Dt_Mi {
  opacity: 1;
}

.DdFPj:focus-within .Dt_Mi {
  opacity: 1;
}

.Dt_Mi {
  color: #fff;
  font-weight: 900;
  line-height: initial;
  opacity: 0.1;
  background-color: rgba(17, 17, 17, 0.7);
  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-family: var(--font-family);
  color: RGB(var(--white));
  background-color: RGB(var(--black));
  border-radius: 6px;
  padding: 11px 12px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow-y: scroll;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}

.CdvbL h2 {
  font-size: 20px;
  font-weight: 600;
  line-height: 35px;
}

.POhPp[data-placement*="bottom-start"] {
  top: -16px;
}

.POhPp[data-placement*="bottom-start"]:after {
  border-bottom-color: RGB(var(--black));
  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-left: var(--post-padding);
  padding-right: var(--post-padding);
  background-color: rgba(var(--black), 0.07);
  width: 100%;
  height: 30px;
  color: rgba(var(--black), 0.4);
  grid-template-columns: auto 15px;
  text-decoration: none;
  display: grid;
  overflow: hidden;
}

.Pr7R3 .eqBap:hover {
  color: RGB(var(--deprecated-accent));
  background-color: RGB(var(--follow));
}

.Pr7R3 .eqBap:hover use {
  --icon-color-primary: RGB(var(--deprecated-accent));
}

.Pr7R3 .eqBap .tGxQL {
  font-family: var(--font-family);
  text-overflow: ellipsis;
  align-self: center;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
  overflow: hidden;
}

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

@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;
}

.A8GnA {
  background-color: var(--modal);
  border: 1px solid var(--modal-border);
  z-index: 100;
  border-radius: 8px;
  margin: 16px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
}

.tPhtl {
  max-width: 240px;
}

@media (max-width: 540px) {
  .tPhtl {
    max-width: 75vw;
  }
}

.pnhlO {
  justify-content: center;
  display: flex;
}

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

@media (max-width: 540px) {
  .n2mOy {
    flex-direction: column-reverse;
  }
}

.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;
}

.F2NPn[data-active-item]:not(:hover) {
  background-color: transparent;
}

.KuHJn {
  font-size: 1rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg-secondary);
  background-color: var(--content-tint);
  border-radius: 8px;
  max-width: 240px;
  padding: 8px 12px;
  font-weight: 350;
  line-height: 1.5rem;
}

@media (max-width: 540px) {
  .KuHJn {
    max-width: 100%;
    margin-bottom: 8px;
    padding: 12px 16px;
  }
}

.gXnIr {
  box-sizing: border-box;
  padding-left: var(--post-padding);
  padding-right: var(--post-padding);
  width: 100%;
  margin-bottom: 15px;
}

.gaUuO {
  cursor: pointer;
  text-decoration: none;
  display: block;
}

.Nu6LP {
  color: RGB(var(--black));
  width: 100%;
}

.Sv170 {
  background-color: var(--content-panel);
  border: 1px solid rgba(var(--black), 0.25);
  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;
  line-height: 1.30769;
  font-family: var(--font-family);
  color: RGB(var(--black));
  font-weight: 400;
}

.Sv170.POcHT {
  text-align: center;
  border-bottom: 1px solid rgba(var(--black), 0.25);
  justify-content: center;
  align-items: center;
  height: 250px;
  position: relative;
}

@media (max-width: 540px) {
  .Sv170.POcHT {
    height: 200px;
  }
}

.Sv170.POcHT .pqMQN {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.Sv170.POcHT .prqGC {
  content: "";
  background-color: rgba(0, 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;
  color: #fff;
  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.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;
  background-color: var(--content-panel);
  border: 1px solid rgba(var(--black), 0.25);
  border-top: none;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  padding: 8px 12px 16px;
}

.PUcxv.o9hq8 {
  border-top: 1px solid rgba(var(--black), 0.25);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding-top: 16px;
}

.PUcxv.rKhPR {
  padding-top: 16px;
}

.nsUJI {
  text-overflow: ellipsis;
  font-family: var(--font-family);
  color: RGB(var(--black));
  margin-bottom: 8px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  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:last-child {
  margin-bottom: 0;
}

.OCxEI {
  text-overflow: ellipsis;
  font-family: var(--font-family);
  color: rgba(var(--black), 0.65);
  text-transform: uppercase;
  flex-wrap: nowrap;
  font-size: 0.78125rem;
  font-weight: 400;
  line-height: 1.52;
  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;
  }
}

.OVGbY {
  margin: 0 8px;
  font-weight: 400;
}

._Krz6 {
  flex-direction: column;
  display: flex;
  container-type: inline-size;
}

.IBIxS {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

@media (max-width: 540px) {
  .IBIxS {
    gap: 8px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 8px;
    padding-right: 8px;
  }
}

.IBIxS.IatRg {
  gap: 4px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 2px;
  padding-right: 2px;
}

@container (width:260px) {
  .IBIxS.IatRg {
    gap: 0;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 2px;
    padding-right: 2px;
  }
}

.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:260px) {
  .fPlC8.nLlV2 {
    gap: 0;
  }
}

.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-color: var(--content-tint-strong);
  opacity: 0;
  border-top-style: none;
  border-top-width: 1px;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}

.eh8he.ltcIE {
  opacity: 1;
  border-top-style: solid;
}

.WOhUa {
  width: 390px;
  height: 510px;
}

.zR66v {
  width: 100%;
  max-width: 540px;
}

.qrzdF {
  background: RGB(var(--white));
  width: 100%;
}

.ESQx2 {
  flex-direction: column;
  display: flex;
  container-type: inline-size;
}

.QF8_K {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

@media (max-width: 540px) {
  .QF8_K {
    gap: 8px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media (max-width: 350px) {
  .QF8_K {
    gap: 8px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 8px;
    padding-right: 8px;
  }
}

.QF8_K.Pv1Fw {
  gap: 4px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 2px;
  padding-right: 2px;
}

@container (width:260px) {
  .QF8_K.Pv1Fw {
    gap: 0;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 2px;
    padding-right: 2px;
  }
}

.IivJ4 {
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: start;
  gap: 40px;
  width: 100%;
  display: grid;
}

@media (max-width: 540px) {
  .IivJ4 {
    gap: 8px;
  }
}

.IivJ4.xc54X {
  gap: 4px;
}

@container (width:260px) {
  .IivJ4.xc54X {
    gap: 0;
  }
}

.RTLvY {
  text-align: left;
  font-size: 0.875rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg-secondary);
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  line-height: 1.25rem;
  display: flex;
}

@media (hover: hover) and (pointer: fine) {
  .RTLvY {
    transition: color 0.3s ease-out;
  }

  .RTLvY:not(:has(.pIKFz:hover)) {
    transition: background-color 0.13333s ease-out;
  }

  .RTLvY svg use {
    transition: --icon-color-primary 0.3s ease-out;
  }

  .RTLvY .WLI6w {
    transition: background-color 0.13333s ease-out;
  }
}

.qU7rx {
  position: absolute;
  right: 52px;
}

@media (max-width: 540px) {
  .qU7rx {
    right: 48px;
  }
}

@media (max-width: 430px) {
  .qU7rx {
    right: 44px;
  }
}

.gondf {
  width: 100%;
}

@media (hover: hover) and (pointer: fine) {
  .gondf {
    transition:
      background-color 0.13333s ease-out,
      color 0.3s ease-out;
  }

  .gondf:hover:not(:has(.pIKFz:hover)).lAUpb {
    background: var(--brand-blue-tint);
    color: var(--brand-blue);
    cursor: pointer;
  }

  .gondf:hover:not(:has(.pIKFz:hover)).lAUpb svg use {
    --icon-color-primary: var(--brand-blue);
  }

  .gondf .pIKFz {
    border-radius: 9999px;
    transition: background-color 0.13333s ease-out;
  }

  .gondf .pIKFz:hover {
    background: var(--brand-blue-tint);
  }
}

.gondf:active:not(:has(.pIKFz:active)).lAUpb {
  background: var(--brand-blue-tint);
  color: var(--content-blue);
}

.gondf:active:not(:has(.pIKFz:active)).lAUpb svg use {
  --icon-color-primary: var(--content-blue);
}

.xqG8L {
  background: var(--brand-blue-tint);
  color: var(--content-blue);
}

.xqG8L svg use {
  --icon-color-primary: var(--content-blue);
}

@media (hover: hover) and (pointer: fine) {
  .xqG8L .pIKFz:hover svg use {
    --icon-color-primary: var(--brand-blue);
  }
}

.BXwrP {
  width: 100%;
}

@media (hover: hover) and (pointer: fine) {
  .BXwrP {
    transition:
      background-color 0.13333s ease-out,
      color 0.3s ease-out;
  }

  .BXwrP:hover:not(:has(.pIKFz:hover)).lAUpb {
    background: var(--brand-green-tint);
    color: var(--brand-green);
    cursor: pointer;
  }

  .BXwrP:hover:not(:has(.pIKFz:hover)).lAUpb svg use {
    --icon-color-primary: var(--brand-green);
  }

  .BXwrP .pIKFz {
    border-radius: 9999px;
    transition: background-color 0.13333s ease-out;
  }

  .BXwrP .pIKFz:hover {
    background: var(--brand-green-tint);
  }
}

.BXwrP:active:not(:has(.pIKFz:active)).lAUpb {
  background: var(--brand-green-tint);
  color: var(--content-green);
}

.BXwrP:active:not(:has(.pIKFz:active)).lAUpb svg use {
  --icon-color-primary: var(--content-green);
}

.kt0rG {
  background: var(--brand-green-tint);
  color: var(--content-green);
}

.kt0rG svg use {
  --icon-color-primary: var(--content-green);
}

@media (hover: hover) and (pointer: fine) {
  .kt0rG .pIKFz:hover svg use {
    --icon-color-primary: var(--brand-green);
  }
}

.cuB_V {
  color: var(--brand-green);
}

@media (hover: hover) and (pointer: fine) {
  .cuB_V {
    transition: color 0.3s ease-out;
  }

  .cuB_V:not(:has(.pIKFz:hover)) {
    transition: background-color 0.13333s ease-out;
  }

  .cuB_V svg use {
    --icon-color-primary: var(--brand-green);
    transition: --icon-color-primary 0.3s ease-out;
  }

  .cuB_V .WLI6w {
    transition: background-color 0.13333s ease-out;
  }
}

.Htr5e {
  width: 100%;
}

@media (max-width: 540px) {
  .Htr5e.O3Djh {
    width: calc(100% - 24px);
  }
}

@media (max-width: 430px) {
  .Htr5e.O3Djh {
    width: calc(100% - 16px);
  }
}

@media (hover: hover) and (pointer: fine) {
  .Htr5e {
    transition:
      background-color 0.13333s ease-out,
      color 0.3s ease-out;
  }

  .Htr5e:hover:not(:has(.pIKFz:hover)).lAUpb {
    background: var(--brand-red-tint);
    color: var(--brand-red);
    cursor: pointer;
  }

  .Htr5e:hover:not(:has(.pIKFz:hover)).lAUpb svg use {
    --icon-color-primary: var(--brand-red);
  }

  .Htr5e .pIKFz {
    border-radius: 9999px;
    transition: background-color 0.13333s ease-out;
  }

  .Htr5e .pIKFz:hover {
    background: var(--brand-red-tint);
  }
}

.Htr5e:active:not(:has(.pIKFz:active)).lAUpb {
  background: var(--brand-red-tint);
  color: var(--content-red);
}

.Htr5e:active:not(:has(.pIKFz:active)).lAUpb svg use {
  --icon-color-primary: var(--content-red);
}

.rJYoI {
  background: var(--brand-red-tint);
  color: var(--content-red);
}

.rJYoI svg use {
  --icon-color-primary: var(--content-red);
}

@media (hover: hover) and (pointer: fine) {
  .rJYoI .pIKFz:hover svg use {
    --icon-color-primary: var(--brand-red);
  }
}

.FOi16 {
  color: var(--brand-red);
}

@media (hover: hover) and (pointer: fine) {
  .FOi16 {
    transition: color 0.3s ease-out;
  }

  .FOi16:not(:has(.pIKFz:hover)) {
    transition: background-color 0.13333s ease-out;
  }

  .FOi16 svg use {
    --icon-color-primary: var(--brand-red);
    transition: --icon-color-primary 0.3s ease-out;
  }

  .FOi16 .WLI6w {
    transition: background-color 0.13333s ease-out;
  }
}

.WLI6w {
  -webkit-padding-start: 2px;
  -webkit-padding-end: 12px;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.WLI6w: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: 2px;
  padding-right: 12px;
}

.WLI6w: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: 2px;
  padding-right: 12px;
}

.WLI6w: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: 2px;
  padding-right: 12px;
}

.WLI6w:-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: 2px;
}

.WLI6w:-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: 2px;
}

.WLI6w: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: 2px;
}

@media (max-width: 540px) {
  .WLI6w {
    -webkit-padding-end: 8px;
  }

  .WLI6w: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: 8px;
  }

  .WLI6w: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: 8px;
  }

  .WLI6w: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: 8px;
  }

  .WLI6w:-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: 8px;
  }

  .WLI6w:-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: 8px;
  }

  .WLI6w: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: 8px;
  }
}

.WLI6w:focus-visible {
  outline-color: var(--brand-blue);
  outline-width: 2px;
  outline-style: solid;
}

.WLI6w.M9zY2:focus-visible {
  outline-color: var(--brand-blue);
}

.WLI6w.HqbFo:focus-visible {
  outline-color: var(--brand-green);
}

.WLI6w.a64OT:focus-visible {
  outline-color: var(--brand-red);
}

.YeSqs {
  width: 100%;
}

._gegF {
  -webkit-padding-end: 8px;
}

._gegF: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: 8px;
}

._gegF: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: 8px;
}

._gegF: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: 8px;
}

._gegF:-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: 8px;
}

._gegF:-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: 8px;
}

._gegF: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: 8px;
}

.XSoPc {
  border-top-color: var(--content-tint-strong);
  opacity: 0;
  border-top-style: none;
  border-top-width: 1px;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}

.XSoPc.v1_ht {
  opacity: 1;
  border-top-style: solid;
}

.I8O9A {
  width: 390px;
  height: 510px;
}

.oXROo {
  padding-left: var(--post-padding);
  padding-right: var(--post-padding);
  margin-bottom: var(--post-padding);
  flex-direction: column;
  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 RGB(var(--deprecated-accent));
  border-radius: 18px;
}

.GhhyY.SHz7w:hover {
  background-color: RGB(var(--deprecated-accent));
}

.GhhyY.SHz7w:hover .VVJno {
  color: RGB(var(--black));
}

.GhhyY.EMkTm {
  background-color: rgba(var(--black), 0.13);
  pointer-events: none;
  border-radius: 18px;
}

.GhhyY.EMkTm .VVJno {
  color: rgba(var(--black), 0.4);
}

.GhhyY.Lu7CU {
  background-color: rgba(var(--black), 0.07);
  text-align: left;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  font-weight: 400;
}

.GhhyY.Lu7CU .VVJno {
  color: RGB(var(--black));
}

.VVJno {
  color: RGB(var(--deprecated-accent));
  overflow-wrap: anywhere;
  flex: 1;
  max-width: 100%;
  padding: 7px 0;
  font-weight: 700;
  display: inline;
  transform: translate(0);
}

.D63Wc {
  background-color: rgba(var(--black), 0.1);
  content: "";
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

@media (prefers-reduced-motion: no-preference) {
  .D63Wc {
    animation: 1s cubic-bezier(0.8, 0, 0.3, 1) a9eBs;
  }
}

@keyframes a9eBs {
  0% {
    width: 0;
  }
}

.Fs5NP .D63Wc {
  background-color: rgba(var(--deprecated-accent), 0.4);
}

.MROL0 {
  margin-left: 15px;
  display: inline-flex;
}

.ACLdV {
  color: RGB(var(--black));
  margin-left: 15px;
  display: inline-flex;
  transform: translate(0);
}

.SqYOv {
  color: rgba(var(--black), 0.65);
  text-align: center;
  margin-top: 18px;
  font-size: 12.5px;
  line-height: normal;
  display: block;
}

.palette--snowBright .Fs5NP .D63Wc {
  background-color: #00cf35;
}

.palette--cybernetic .Lu7CU .VVJno,
.palette--cybernetic .Lu7CU .ACLdV,
.palette--ghost .Lu7CU .VVJno,
.palette--ghost .Lu7CU .ACLdV,
.palette--pride .SHz7w:hover .VVJno {
  color: RGB(var(--white-on-dark));
}

.palette--cybernetic .SHz7w:hover .VVJno {
  color: #3c8e22;
}

.palette--gothRave .SHz7w:hover .VVJno {
  color: #6c4ea4;
}

.palette--ghost .SHz7w:hover .VVJno {
  color: RGB(var(--white-on-dark));
}

.palette--canary .SHz7w:hover .VVJno,
.palette--cement .SHz7w:hover .VVJno {
  color: RGB(var(--white));
}

.ibcjV .Lu7CU .VVJno,
.ibcjV .Lu7CU .ACLdV {
  color: RGB(var(--black));
}

.ibcjV .Fs5NP .D63Wc {
  background-color: rgba(var(--deprecated-accent), 0.4);
}

.WoipV {
  pointer-events: none;
}

.VpTnv {
  background: RGB(var(--purple));
  color: RGB(var(--white));
  cursor: pointer;
  box-sizing: border-box;
  min-height: 85px;
  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: rgba(0, 0, 0, 0.25);
}

.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;
  max-width: 100%;
  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 {
  font-family: var(--font-family);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

.VpTnv .ZVJh0 .LKThX,
.VpTnv .ZVJh0 .OKWej {
  font-family: var(--font-family);
  color: rgba(var(--white), 0.65);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
}

.VpTnv .Zz9Fz {
  width: 85px;
  height: 85px;
}

.VpTnv .Zz9Fz img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.VpTnv audio {
  display: none;
}

.palette--snowBright .VpTnv {
  background-color: rgba(var(--black), 0.65);
}

.palette--snowBright .VpTnv .iFok_ .bgpDC {
  background-color: RGB(var(--purple));
}

.V3aM5 {
  cursor: pointer;
  box-sizing: border-box;
  vertical-align: middle;
  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: rgba(255, 255, 255, 0.2);
  width: 100%;
  height: 2px;
  position: relative;
  top: -1px;
}

.V3aM5 .NqMAD .kmLdA,
.V3aM5 .NqMAD .qW8gI {
  height: 2px;
  position: absolute;
}

.V3aM5 .NqMAD .qW8gI {
  background-color: rgba(255, 255, 255, 0.4);
}

.V3aM5 .NqMAD .kmLdA {
  background-color: #fff;
}

.V3aM5 .NqMAD .g82Fd,
.V3aM5 .NqMAD .oaGjt {
  background-color: #fff;
  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 0.2s ease-in-out;
  transform: scale(1.5);
}

.V3aM5 .NqMAD .oaGjt {
  visibility: hidden;
  background-color: rgba(255, 255, 255, 0.4);
  position: relative;
}

.V3aM5 .NqMAD .m4j3o {
  border: 2px solid rgba(0, 0, 0, 0.75);
  border-radius: 3px;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: absolute;
}

.V3aM5 .NqMAD .m4j3o .FdHaH {
  font-family: var(--font-family);
  color: #fff;
  filter: drop-shadow(0 0 3px #000);
  margin-bottom: 5px;
  font-size: 0.78125rem;
  font-weight: 700;
  line-height: 1.52;
}

.V3aM5 .IUn0z {
  font-family: var(--font-family);
  color: #fff;
  filter: drop-shadow(0 0 3px #000);
  min-width: 31px;
  margin-right: 5px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.42857;
}

.V3aM5 .cP4TA {
  padding: 10px;
}

.Pl0ah {
  -moz-column-gap: 6px;
  font-size: 0.875rem;
  font-family: var(--font-family-modern);
  color: var(--content-fg-secondary);
  flex-direction: row;
  align-items: center;
  column-gap: 6px;
  padding: 2px;
  font-weight: 350;
  line-height: 1.25rem;
  display: flex;
}

.Pl0ah button,
.Pl0ah strong {
  font-size: 0.875rem;
  font-family: var(--font-family-modern);
  font-weight: 500;
  line-height: 1.25rem;
}

.F2bKK {
  -moz-column-gap: 8px;
  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;
}

.F2bKK button:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

.F2bKK button:focus-visible {
  outline: none;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

.F2bKK > span {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  overflow: hidden;
}

.LbyNj {
  margin-bottom: 10px;
  position: relative;
}

.LbyNj:hover .WwHLs,
.LbyNj:focus .WwHLs {
  opacity: 1;
  animation: 0.5s ease-in-out 4s w94c1;
}

@keyframes w94c1 {
  0% {
    transform: rotate(0);
  }

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

.LbyNj .WwHLs {
  background: RGB(var(--deprecated-accent));
  opacity: 0;
  border-radius: 1em;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  transition:
    transform 0.2s ease-in,
    opacity 0.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-family: var(--font-family);
  border: 2px dashed rgba(var(--black), 0.65);
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  display: flex;
  position: relative;
}

.bklUO .WPVvO {
  color: RGB(var(--black));
  opacity: 0.65;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition:
    transform 0.2s ease-in,
    opacity 0.2s ease-in;
  display: flex;
  position: absolute;
  bottom: 0;
}

.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: 100%;
  max-width: 540px;
  margin-top: 4px;
  margin-bottom: 4px;
}

.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-left: var(--post-padding);
  padding-right: var(--post-padding);
  font-family: var(--font-family);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.42857;
  display: block;
}

.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: rgba(0, 0, 0, 0.25);
}

.kEaLk.eB3NB {
  background-color: transparent;
}

.kEaLk .EfjkQ svg {
  animation: 1s CuYh8;
}

@keyframes CuYh8 {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  to {
    opacity: 0;
    transform: scale(3);
  }
}

.DEkbl {
  box-sizing: border-box;
  -webkit-padding-start: 14px;
  -webkit-padding-end: 12px;
  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(
    :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;
}

.DEkbl:hover .mYcfU {
  background-color: var(--content-tint);
}

.RihjV {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
  padding-right: 20px;
}

.gDuxW {
  cursor: pointer;
  width: 100%;
  height: 100%;
  line-height: 0;
  position: relative;
  overflow: hidden;
}

.gDuxW .yz4vl {
  width: 100%;
  height: 100%;
}

.gDuxW video {
  background-color: #000;
  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(:is(.oce3Y, .RYYxJ)) video {
  max-height: 80vh;
}

.gDuxW.iTJ8p:not(.RYYxJ) video {
  max-height: 50vh;
}

.ykHbW {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.25);
  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 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.ypwxx {
  width: 100%;
  max-width: 540px;
}

@media not (min-width: 990px) {
  .ypwxx {
    overflow: hidden;
  }
}

.ypwxx .Cf37_ {
  width: 100%;
  height: 100%;
}

.ypwxx .ONC_J {
  height: 100%;
  position: absolute;
}

.ypwxx.X93pX {
  height: 0;
  position: relative;
}

.l7zyP {
  width: 100%;
  max-width: 540px;
  min-height: 100px;
  font-family: var(--font-family);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33333;
  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: rgba(var(--black), 0.4);
  width: 100%;
  height: 100%;
  color: RGB(var(--white));
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.l7zyP .gGIs6 a:hover {
  opacity: 0.7;
}

.ZqZ6N {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.lYffY {
  font-family: var(--font-family);
  color: RGB(var(--deprecated-accent));
  padding: 6px 10px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
}

.GHloH {
  z-index: 10;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}

.GHloH.Pha3k {
  display: none;
}

.LaNhI {
  margin: 0 auto;
}

.GHloH.N8SnF {
  justify-content: center;
  align-items: center;
  margin-top: 0;
}

.yPZfR {
  pointer-events: none;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  height: 100vh;
  margin: auto auto 0;
  transition: margin-bottom 1s;
  display: flex;
}

.yPZfR.WYaZw {
  margin-bottom: -100px;
}

.j8GND {
  margin: 40px 20px 20px;
}

.j8GND h2 {
  color: RGB(var(--white-on-dark));
  margin: 0 0 20px;
  font-size: 30px;
}

.Pha3k {
  display: none;
}

._7Vla9 {
  box-sizing: border-box;
  -webkit-padding-start: 14px;
  -webkit-padding-end: 12px;
  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(
    :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;
}

._7Vla9:hover .gg65T {
  background-color: var(--content-tint);
}

.fiNeF {
  font-family: var(--font-family);
  text-align: center;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.vtkd5 {
  border: 1.5px solid RGB(var(--black));
  box-sizing: border-box;
  border-radius: 6px;
  margin: 20px;
  position: relative;
}

.N9n3m {
  display: flex;
  position: relative;
}

.nXX23 {
  width: 100%;
}

.uEVCb {
  background-color: RGB(var(--white));
  box-sizing: border-box;
  -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: rgba(var(--black), 0.07);
}

.uEVCb[value]::-moz-progress-bar {
  background-color: rgba(var(--black), 0.07);
}

.uEVCb[value]::-webkit-progress-bar {
  background-color: RGB(var(--white));
  box-shadow: 0 2px 5px rgba(var(--black), 0.07) 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;
}

.W0ros {
  font-family: var(--font-family);
  box-sizing: border-box;
  padding-left: var(--post-padding);
  padding-right: var(--post-padding);
  background-color: rgba(var(--black), 0.07);
  color: rgba(var(--black), 0.65);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 240px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  display: flex;
}

.uamX1 {
  margin: 0;
}

.q05ND {
  color: RGB(var(--deprecated-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-family: var(--font-family);
  color: rgba(var(--black), 0.65);
  border: 1px solid rgba(var(--black), 0.65);
  border-radius: 2px;
  padding: 5px 7px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
  display: block;
}

.dgAgY {
  margin-top: 24px;
}

.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 4px 30px #000;
}

.MjNMI.UBbzn {
  transition: right 0.5s;
  right: 95vw;
}

.MjNMI.UBbzn:hover {
  transition: right 0.25s;
  right: 93vw;
}

.MjNMI.kjHHx {
  margin: auto;
  position: relative;
}

.MjNMI.rquNV {
  transition: left 0.5s;
  left: 95vw;
}

.MjNMI.rquNV:hover {
  transition: left 0.25s;
  left: 93vw;
}

.MjNMI .dvdaL {
  color: #fff;
  padding-top: 20px;
  font-weight: 700;
}

.GzjsW .CQmeg {
  width: 100%;
  display: flex;
}

.GzjsW .CQmeg > button {
  min-height: 100%;
  margin: 0;
}

.GzjsW .CQmeg > button + button {
  margin-left: 4px;
}

.GzjsW .CQmeg img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.GzjsW .ntvhe img {
  -o-object-fit: unset;
  object-fit: unset;
}

.GzjsW .CQmeg + .CQmeg {
  margin-top: 4px;
}

.u2tXn {
  background-color: var(--content-panel);
  border-top: 1px solid rgba(var(--black), 0.13);
  font-family: var(--font-family);
  max-width: 540px;
  margin-top: 15px;
  position: relative;
}

@media (max-width: 540px) {
  .u2tXn {
    margin-top: 10px;
  }
}

@media (min-width: 990px) {
  .u2tXn.AB4em:first-child {
    border-top: 0;
  }
}

.u2tXn:first-child {
  margin-top: 0;
}

.fAAi8 {
  box-sizing: border-box;
  padding-left: var(--post-padding);
  padding-right: var(--post-padding);
  font-family: var(--font-family);
  justify-content: space-between;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.42857;
  display: flex;
}

@media (max-width: 540px) {
  .fAAi8 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.fAAi8 a {
  text-decoration: none;
}

.fAAi8.jLBd9:hover {
  cursor: pointer;
}

.fAAi8 .zSfnO {
  display: inline-block;
}

.fAAi8 .zSfnO .MZvpp,
.fAAi8 .zSfnO a {
  display: inline;
}

.fAAi8 .zSfnO a:focus {
  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: 0.6rem;
}

@media (max-width: 540px) {
  .fAAi8 .SqGYs {
    font-family: var(--font-family);
    margin-top: 6px;
    font-size: 0.78125rem;
    font-weight: 400;
    line-height: 0.6rem;
  }
}

.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: rgba(var(--black), 0.04);
}

.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: rgba(var(--white-on-dark), 0.04);
}

.a6sXh {
  line-height: 1rem;
}

@media (max-width: 540px) {
  .a6sXh {
    font-family: var(--font-family);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.42857;
  }
}

.sqHC2 {
  color: var(--content-fg);
  display: inline;
}

.jj685 button {
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  transition: background-color 0.1s ease-in-out;
}

.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: rgba(var(--black), 0.04);
}

.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: rgba(var(--white-on-dark), 0.04);
}

.__C9O {
  flex-flow: wrap;
  margin-bottom: -0.15rem;
  line-height: 0.6rem;
  display: flex;
  overflow-x: hidden;
}

.mVBb2 {
  font-family: var(--font-family);
  color: rgba(var(--black), 0.65);
  padding-right: 1rem;
  font-size: 0.78125rem;
  font-weight: 400;
  line-height: 1.52;
  position: relative;
}

.mVBb2 + .mVBb2:before {
  content: "·";
  color: rgba(var(--black), 0.65);
  text-align: center;
  cursor: default;
  width: 1rem;
  position: absolute;
  left: -1rem;
}

.uzCdy {
  color: rgba(var(--black), 0.65);
  margin-top: 2px;
  margin-right: 8px;
  position: relative;
}

.SirwX {
  border-bottom: 1px solid rgba(var(--black), 0.13);
  flex-direction: row;
  justify-content: space-between;
  height: 32px;
  padding: 12px 0;
  display: flex;
  position: relative;
  top: 0;
}

.SirwX .jn3oa {
  font-family: var(--font-family);
  color: RGB(var(--black));
  text-transform: initial;
  width: auto;
  max-width: 128px;
  margin-top: 6px;
  margin-bottom: 4px;
  margin-left: 8px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.42857;
  overflow: hidden;
}

.SirwX .E2wfC {
  font-family: var(--font-family);
  color: RGB(var(--black));
  max-width: 70px;
  margin-left: 8px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.42857;
}

.SirwX.y0ud2 {
  top: 14px;
}

.SirwX .b1E_e {
  display: initial;
  margin-top: 0;
}

.SirwX .b1E_e svg {
  vertical-align: text-bottom;
}

.SirwX .b1E_e svg use {
  --icon-color-primary: RGB(var(--black));
}

.FtjPK {
  color: var(--content-fg);
  background-color: var(--content-panel);
  border-radius: 8px;
  width: 100%;
  max-width: 540px;
  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 rgba(var(--black), 0.07);
}

.VDRZ4 {
  position: relative;
}

.hYZb4,
.d_FyU {
  font-family: var(--font-family);
  color: rgba(var(--black), 0.65);
  box-sizing: border-box;
  padding-left: var(--post-padding);
  padding-right: var(--post-padding);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

@media (max-width: 540px) {
  .hYZb4,
  .d_FyU {
    padding: 0 10px;
    line-height: 18px;
  }
}

.hYZb4 a,
.d_FyU a {
  color: rgba(var(--black), 0.65);
  text-decoration: none;
}

.d_FyU {
  margin-top: 10px;
  margin-bottom: 10px;
}

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

.qYXF9 {
  display: inherit;
  margin-top: 12px;
}

.nPaE8 {
  margin-bottom: 10px;
}

.hYZb4 {
  display: inherit;
}

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

.NwkDL {
  color: rgba(var(--black), 0.65);
  background-color: RGB(var(--white));
  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(0.8);
}

.jhYtw > button,
.jhYtw > div {
  color: rgba(var(--black), 0.65);
  background-color: RGB(var(--white));
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.jhYtw > button:not(:first-child),
.jhYtw > div:not(:first-child) {
  margin-left: 5px;
}

.jhYtw > button:empty,
.jhYtw > div:empty {
  display: none;
}

.hAFp3 {
  font-family: var(--font-family);
  box-sizing: border-box;
  padding-left: var(--post-padding);
  padding-right: var(--post-padding);
  word-break: break-word;
  margin-top: 12px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  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;
}

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

.hAFp3 .KSDLH:focus {
  color: RGB(var(--white));
  outline: none;
  text-decoration: none;
}

.hAFp3 .KSDLH:focus:nth-child(7n + 1) {
  background-color: RGB(var(--yellow));
}

.hAFp3 .KSDLH:focus:nth-child(7n + 2) {
  background-color: RGB(var(--blue));
}

.hAFp3 .KSDLH:focus:nth-child(7n + 3) {
  background-color: RGB(var(--orange));
}

.hAFp3 .KSDLH:focus:nth-child(7n + 4) {
  background-color: RGB(var(--pink));
}

.hAFp3 .KSDLH:focus:nth-child(7n + 5) {
  background-color: RGB(var(--green));
}

.hAFp3 .KSDLH:focus:nth-child(7n + 6) {
  background-color: RGB(var(--red));
}

.hAFp3 .KSDLH:focus:nth-child(7n + 7) {
  background-color: RGB(var(--purple));
}

.hAFp3 .KSDLH,
.hAFp3 .nwVPE {
  color: rgba(var(--black), 0.65);
  vertical-align: bottom;
  text-decoration: none;
}

.hAFp3:focus {
  outline: none;
  text-decoration: underline;
}

.uXaAK {
  max-height: 100px;
  overflow: hidden;
}

@media (max-width: 540px) {
  .uXaAK {
    max-height: 76px;
  }
}

.nwVPE {
  cursor: pointer;
  box-sizing: border-box;
  padding-left: var(--post-padding);
  padding-right: var(--post-padding);
  padding-right: calc(var(--post-padding) * 2);
  background: linear-gradient(to right, rgba(var(--white), 0) 0%, RGB(var(--white)) 10%, RGB(var(--white)) 100%);
  position: absolute;
  bottom: 0;
  right: 0;
}

@media (max-width: 540px) {
  .nwVPE {
    padding-right: calc(var(--post-padding) * 1.5);
    font-size: 15px;
  }
}

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