@keyframes xekv6nw-B {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
:root {
  --x1vvkfp2: 92px;
}
:root {
  --xabfgna: 0.1s;
  --x1qo6tkd: 34;
  --x1p147ja: 0.5s;
  --x1qwegyo: 226.19467105846508;
}
:root {
  --x1b7d51n: 208px;
  --x1qvu8zg: 158px;
  --x1t1r5qz: 181px;
  --x18tkuaj: 89px;
  --x1qzxgg2: 136px;
  --xhjdpoe: 0.6666666666666666;
  --xx959i3: 60px;
  --xonsmma: 652px;
  --x11qbvqd: 0.3s;
}
:root {
  --xnn9k4d: -44px;
  --xvovxb1: 8px;
  --x1eahvh1: 0.5625;
  --xri75x1: scale(1.021);
  --x1rnu79a: -68px;
  --xrim074: 20px;
  --x13xhyyb: 24px;
  --x84zkog: 92px;
  --x1bbk35h: 356px;
  --x1gbbfoi: 380px;
  --xv80s69: 356px;
  --x1txcr6t: 44px;
}
:root {
  --xiookym: 462px;
  --xzj375o: 268px;
  --x1pno76f: 148px;
  --x7zk6v7: 273px;
  --x1cms26u: 182px;
  --x18k995g: cubic-bezier(0.25, 1, 0.5, 1);
  --x1gb1olw: 12px;
  --x101xml5: 918px;
  --xqzoj7g: 942px;
  --x1bpht21: 0.6666666666666666;
}
.x1hl2dhg {
  text-decoration: none;
}
.x10l6tqk {
  position: absolute;
}
.x10w94by {
  border-inline-end-width: 0px;
}
.x11lt19s {
  margin-inline-end: -2px;
}
.x11njtxf {
  vertical-align: baseline;
}
.x11xpdln {
  transition-property: transform;
}
.x127lhb5 {
  animation-name: xekv6nw-B;
}
.x13a6bvl {
  justify-content: flex-end;
}
.x14e42zd {
  border-inline-start-width: 0px;
}
.x14rh7hd {
  color: var(--x-color);
}
.x14vy60q {
  padding-inline-end: 2px;
}
.x14z9mp {
  margin-inline-end: 0px;
}
.x15x8krk {
  border-end-start-radius: 8px;
}
.x165d6jo {
  margin-inline-start: -4px;
}
.x16tdsg8 {
  text-align: inherit;
}
.x17zd0t2 {
  column-gap: 4px;
}
.x18b5jzi {
  border-inline-end-style: solid;
}
.x18oe1m7 {
  border-inline-end-style: none;
}
.x19991ni {
  transition-property: opacity;
}
.x1c1uobl {
  padding-inline-start: 0px;
}
.x1c9tyrk {
  border-start-start-radius: 50%;
}
.x1cy8zhl {
  align-items: flex-start;
}
.x1ertn4p {
  border-end-start-radius: 50%;
}
.x1hc1fzr {
  opacity: 1;
}
.x1iyjqo2 {
  flex-grow: 1;
}
.x1ja2u2z {
  z-index: 0;
}
.x1jx94hy {
  background-color: var(--card-background);
}
.x1kmio9f {
  float: left;
}
.x1lliihq {
  display: block;
}
.x1lxpwgx {
  margin-inline-end: -4px;
}
.x1lziwak {
  margin-inline-start: 0px;
}
.x1mq3mr6 {
  transition-duration: 0s;
}
.x1n2onr6 {
  position: relative;
}
.x1nhvcw1 {
  justify-content: flex-start;
}
.x1nxh6w3 {
  font-size: 0.8125rem;
}
.x1o0tod {
  inset-inline-start: 0px;
}
.x1obq294 {
  border-start-start-radius: 8px;
}
.x1pahc9y {
  border-end-end-radius: 50%;
}
.x1q0g3np {
  flex-direction: row;
}
.x1qfufaz {
  margin-inline-start: -8px;
}
.x1qjc9v5 {
  align-items: stretch;
}
.x1qughib {
  justify-content: space-between;
}
.x1r8uery {
  flex-basis: 0px;
}
.x1rg5ohu {
  display: inline-block;
}
.x1s688f {
  font-weight: 600;
}
.x1s85apg {
  display: none;
}
.x1t7ytsu {
  border-inline-start-style: solid;
}
.x1u6ievf {
  animation-fill-mode: both;
}
.x1vjfegm {
  z-index: 1;
}
.x1vvkbs {
  overflow-wrap: break-word;
}
.x1w5wx5t {
  margin-inline-end: -8px;
}
.x1xlr1w8 {
  font-weight: 700;
}
.x1ypdohk {
  cursor: pointer;
}
.x1ys307a {
  margin-inline-end: 16px;
}
.x2lah0s {
  flex-shrink: 0;
}
.x3ct3a4 {
  list-style-type: none;
}
.x47corl {
  pointer-events: none;
}
.x5a5i1n {
  border-start-end-radius: 8px;
}
.x6o7n8i {
  transition-property: opacity, transform;
}
.x6s0dn4 {
  align-items: center;
}
.x78zum5 {
  display: flex;
}
.x9f619 {
  box-sizing: border-box;
}
.xa3vuyk {
  animation-timing-function: ease-out;
}
.xa4qsjk {
  animation-iteration-count: infinite;
}
.xamitd3 {
  align-self: center;
}
.xbmvrgn {
  margin-inline-end: 12px;
}
.xcj1dhv {
  transition-timing-function: linear;
}
.xde0f50 {
  border-end-end-radius: 8px;
}
.xdl72j9 {
  flex-basis: auto;
}
.xdt5ytf {
  flex-direction: column;
}
.xe9ewy2 {
  margin-inline-start: -2px;
}
.xeusxvb {
  border-start-end-radius: 50%;
}
.xf7dkkf {
  padding-inline-start: 16px;
}
.xg01cxk {
  opacity: 0;
}
.xhtitgo {
  z-index: 2;
}
.xixxii4 {
  position: fixed;
}
.xjbqb8w {
  background-color: transparent;
}
.xl56j7k {
  justify-content: center;
}
.xl8spv7 {
  background-color: var(--x-backgroundColor);
}
.xlshs6z {
  visibility: hidden;
}
.xlyipyv {
  text-overflow: ellipsis;
}
.xnpuxes {
  visibility: visible;
}
.xo1l8bm {
  font-weight: 400;
}
.xqcrz7y {
  align-self: flex-start;
}
.xs83m0k {
  flex-shrink: 1;
}
.xsqj5wx {
  transform: var(--x-transform);
}
.xstzfhl {
  border-inline-start-style: none;
}
.xtijo5x {
  inset-inline-end: 0px;
}
.xuk3077 {
  align-items: flex-end;
}
.xuxw1ft {
  white-space: nowrap;
}
.xv54qhq {
  padding-inline-end: 16px;
}
.xyiysdx {
  padding-inline-start: 2px;
}
.xyqm7xq {
  margin-inline-start: 16px;
}
.xyri2b {
  padding-inline-end: 0px;
}
.x10b6aqq {
  padding-bottom: 6px;
}
.x10wlt62 {
  overflow-y: hidden;
}
.x13fuv20 {
  border-top-style: solid;
}
.x13vifvy {
  top: 0px;
}
.x14qfxbe {
  width: 36px;
}
.x178xt8z {
  border-top-width: 1px;
}
.x18d9i69 {
  padding-bottom: 0px;
}
.x193iq5w {
  max-width: 100%;
}
.x1e56ztr {
  margin-bottom: 8px;
}
.x1ejq31n {
  border-top-style: none;
}
.x1ey2m1c {
  bottom: 0px;
}
.x1gslohp {
  margin-top: 4px;
}
.x1j85h84 {
  padding-bottom: 1px;
}
.x1jm3axb {
  padding-top: var(--x-paddingTop);
}
.x1l90r2v {
  padding-bottom: 16px;
}
.x1q0q8m5 {
  border-bottom-style: solid;
}
.x1qhh985 {
  border-bottom-width: 0px;
}
.x1qx5ct2 {
  height: 20px;
}
.x1sy0etr {
  border-bottom-style: none;
}
.x1wsgfga {
  margin-bottom: -8px;
}
.x1xmf6yo {
  margin-top: 8px;
}
.x1y1aw1k {
  padding-top: 8px;
}
.x1yrsyyn {
  padding-top: 6px;
}
.x1yztbdb {
  margin-bottom: 16px;
}
.x5yr21d {
  height: 100%;
}
.x6ikm8r {
  overflow-x: hidden;
}
.x972fbf {
  border-top-width: 0px;
}
.x9otpla {
  margin-top: -8px;
}
.xat24cr {
  margin-bottom: 0px;
}
.xdj266r {
  margin-top: 0px;
}
.xdsb8wn {
  top: 100%;
}
.xeuugli {
  min-width: 0px;
}
.xexx8yu {
  padding-top: 0px;
}
.xgq9j65 {
  left: var(--x-left);
}
.xh8yej3 {
  width: 100%;
}
.xieb3on {
  margin-bottom: 20px;
}
.xjbys53 {
  top: var(--x-top);
}
.xjm9jq1 {
  height: 1px;
}
.xn9wirt {
  width: 100vw;
}
.xod5an3 {
  margin-bottom: 12px;
}
.xs7f9wi {
  top: 2px;
}
.xw7yly9 {
  margin-top: 16px;
}
.xwib8y2 {
  padding-bottom: 8px;
}
.xyamay9 {
  padding-top: 16px;
}
@property --x---x14mr4ln {
  syntax: "*";
  inherits: false;
}
@property --x-1l5cvlg {
  syntax: "*";
  inherits: false;
}
@property --x-1u3p0zx {
  syntax: "*";
  inherits: false;
}
@property --x-1xmrurk {
  syntax: "*";
  inherits: false;
}
@property --x-alignItems {
  syntax: "*";
  inherits: false;
}
@property --x-animationDelay {
  syntax: "*";
  inherits: false;
}
@property --x-animationDuration {
  syntax: "*";
  inherits: false;
}
@property --x-animationIterationCount {
  syntax: "*";
  inherits: false;
}
@property --x-aspectRatio {
  syntax: "*";
  inherits: false;
}
@property --x-backdropFilter {
  syntax: "*";
  inherits: false;
}
@property --x-background {
  syntax: "*";
  inherits: false;
}
@property --x-backgroundColor {
  syntax: "*";
  inherits: false;
}
@property --x-backgroundImage {
  syntax: "*";
  inherits: false;
}
@property --x-backgroundPosition {
  syntax: "*";
  inherits: false;
}
@property --x-backgroundSize {
  syntax: "*";
  inherits: false;
}
@property --x-borderRadius {
  syntax: "*";
  inherits: false;
}
@property --x-color {
  syntax: "*";
  inherits: false;
}
@property --x-columnGap {
  syntax: "*";
  inherits: false;
}
@property --x-flexBasis {
  syntax: "*";
  inherits: false;
}
@property --x-flexGrow {
  syntax: "*";
  inherits: false;
}
@property --x-fontFamily {
  syntax: "*";
  inherits: false;
}
@property --x-fontSize {
  syntax: "*";
  inherits: false;
}
@property --x-fontWeight {
  syntax: "*";
  inherits: false;
}
@property --x-g3otn {
  syntax: "*";
  inherits: false;
}
@property --x-gridColumnStart {
  syntax: "*";
  inherits: false;
}
@property --x-gridTemplateColumns {
  syntax: "*";
  inherits: false;
}
@property --x-height {
  syntax: "*";
  inherits: false;
}
@property --x-insetInlineEnd {
  syntax: "*";
  inherits: false;
}
@property --x-insetInlineStart {
  syntax: "*";
  inherits: false;
}
@property --x-jkru38 {
  syntax: "*";
  inherits: false;
}
@property --x-left {
  syntax: "*";
  inherits: false;
}
@property --x-letterSpacing {
  syntax: "*";
  inherits: false;
}
@property --x-lineHeight {
  syntax: "*";
  inherits: false;
}
@property --x-marginBottom {
  syntax: "*";
  inherits: false;
}
@property --x-marginInline {
  syntax: "*";
  inherits: false;
}
@property --x-marginInlineEnd {
  syntax: "*";
  inherits: false;
}
@property --x-marginRight {
  syntax: "*";
  inherits: false;
}
@property --x-marginTop {
  syntax: "*";
  inherits: false;
}
@property --x-maxHeight {
  syntax: "*";
  inherits: false;
}
@property --x-maxWidth {
  syntax: "*";
  inherits: false;
}
@property --x-minHeight {
  syntax: "*";
  inherits: false;
}
@property --x-minWidth {
  syntax: "*";
  inherits: false;
}
@property --x-opacity {
  syntax: "*";
  inherits: false;
}
@property --x-order {
  syntax: "*";
  inherits: false;
}
@property --x-overflowX {
  syntax: "*";
  inherits: false;
}
@property --x-overflowY {
  syntax: "*";
  inherits: false;
}
@property --x-overscrollBehaviorX {
  syntax: "*";
  inherits: false;
}
@property --x-overscrollBehaviorY {
  syntax: "*";
  inherits: false;
}
@property --x-padding {
  syntax: "*";
  inherits: false;
}
@property --x-paddingBottom {
  syntax: "*";
  inherits: false;
}
@property --x-paddingInlineEnd {
  syntax: "*";
  inherits: false;
}
@property --x-paddingInlineStart {
  syntax: "*";
  inherits: false;
}
@property --x-paddingTop {
  syntax: "*";
  inherits: false;
}
@property --x-prkozi {
  syntax: "*";
  inherits: false;
}
@property --x-rowGap {
  syntax: "*";
  inherits: false;
}
@property --x-rtxa7e {
  syntax: "*";
  inherits: false;
}
@property --x-stroke {
  syntax: "*";
  inherits: false;
}
@property --x-t9uqrv {
  syntax: "*";
  inherits: false;
}
@property --x-top {
  syntax: "*";
  inherits: false;
}
@property --x-transform {
  syntax: "*";
  inherits: false;
}
@property --x-transformOrigin {
  syntax: "*";
  inherits: false;
}
@property --x-transition {
  syntax: "*";
  inherits: false;
}
@property --x-translate {
  syntax: "*";
  inherits: false;
}
@property --x-viewTransitionName {
  syntax: "*";
  inherits: false;
}
@property --x-width {
  syntax: "*";
  inherits: false;
}
@keyframes x5ed7rf-B {
  0% {
    opacity: 1;
  }
  39% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes xekv6nw-B {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
:root {
  --xj6bvh5: 7.68px;
  --x1ufrv69: 426px;
  --x1toklfg: 240px;
}
:root {
  --x1pzkx7r: 4px;
  --x1099yxr: 4px;
  --xsjbu7k: 12px;
}
:root {
  --x176279f: 25px;
}
:root {
  --x1a41woh: var(--about-ig-font-weight-bold);
  --x112fioj: var(--about-ig-font-weight-light);
  --x1dhx1tz: var(--about-ig-font-weight-normal);
  --x6lx819: var(--about-ig-font-weight-semibold);
}
:root {
  --x1e4hm47: 4px;
  --x15qbgmd: 8px;
  --x19nwfu8: 10px;
  --xxjzes5: 12px;
  --xsyyfky: 16px;
  --x44p0ev: 20px;
  --x1npqni6: 24px;
}
:root {
  --xaeiz9z: repeat(6, 1fr);
  --x1p5ydkj: 10.977vw;
  --xg3m0br: 4.267vw;
  --x1tf79ex: 6.4vw;
  --x12nro88: 7;
  --x13aro4a: 6;
}
:root {
  --hzFeaturedCardSpacing: 16px;
  --xkg63a2: calc(100vw - var(--hzFeaturedCardSpacing) * 2);
  --xso9h23: 16 / 9;
  --xmzrew1: 16 / 9;
  --x5g9hi8: 1366px;
  --x1lv1z71: 16px;
  --x6c4grl: 16px;
}
:root {
  --x1vp1q8w: none;
}
:root {
  --x1dflwya: var(--secondary-button-background);
  --xez13zg: currentcolor;
  --xgcszl1: var(--button-height-medium);
  --x1lkbp3z: 1;
}
:root {
  --x1b9mnyi: -3.5%;
  --x1r5jnwv: -1.26px;
  --x16mfl10: -0.96px;
  --x120r4ib: 0;
}
:root {
  --x1fvvt15: var(--divider);
  --xdbh3ft: rgba(0, 100, 224, 0.25);
  --x1bd2fwr: #ecf5ff;
  --x11rivb9: #f3f4f5;
  --x5afhcp: #f9fafb;
  --xhj0bg5: #f9fafb;
  --x1pimd7s: var(--surface-background);
  --xlmhm5s: 12px;
  --x1bq3a6u: 40vh;
  --xtl5kne: 40vh;
  --x15zphe9: 300px;
  --xomepac: 300px;
  --xw0mrvs: 12px;
  --xqah25v: 20px;
  --x3vadp2: 56px;
  --x1vs6ftl: calc(100vh - 56px);
  --x18pafbd: 24px;
  --x1gw2uv0: calc(100vh - 56px);
  --x1v5a7zu: 450px;
  --x1e59rr2: 24px;
  --x11jkgnv: 430px;
  --xjd7sta: 32px;
  --xuz79jl: 240px;
  --x1gia9qj: 16px;
  --xij1rf: 32px;
  --xwfipl1: 12px;
  --xzlso8s: 16px;
  --x1gzszst: 8px;
  --xfwe1av: 4px;
  --xnqomkn: 8px;
  --x1sh2neg: 292px;
  --x91f41x: 0.2s;
  --x1w7ikxi: 8px;
  --xlcbj11: 24px;
}
:root {
  --x88p6x8: 180px;
}
:root {
  --xb9oaa2: var(--about-ig-full-spectrum);
  --xtnudhj: var(--about-ig-orange-pink-lavender);
  --xidmrtq: var(--about-ig-pink-lavender-purple);
  --x1xye7id: var(--about-ig-yellow-orange-pink);
}
:root {
  --x1088jp4: var(--system-140-line-height);
  --x1tgqj14: var(--system-110-line-height);
  --x14248nk: var(--system-120-line-height);
}
:root {
  --x1ficzqe: linear-gradient(90deg, var(--comment-background), transparent);
  --xu0tt1w: linear-gradient(-90deg, var(--comment-background), transparent);
  --xpysvl: linear-gradient(
    90deg,
    var(--messenger-card-background),
    transparent
  );
  --x1j37g13: linear-gradient(
    -90deg,
    var(--messenger-card-background),
    transparent
  );
}
:root {
  --xoptfiw: 0;
  --xh2fra1: 4px;
  --xh0g73a: 8px;
  --x1nwy4ys: 16px;
  --xrpx2p6: 24px;
  --x93w9p6: 32px;
  --xz3t9it: 48px;
  --x5ikn4o: 56px;
}
:root {
  --x1xb9x6f: none;
}
:root {
  --x1blunf5: var(--system-14-font-size);
  --xkbnasn: var(--system-48-font-size);
  --x190lbiv: var(--system-36-font-size);
  --x1nxb92n: var(--system-32-font-size);
  --x1cx3y4n: var(--system-24-font-size);
  --x790amx: var(--system-20-font-size);
  --xt39w4n: var(--system-16-font-size);
  --x1rov1lr: var(--system-20-font-size);
  --x1diw0t2: var(--system-16-font-size);
  --x1t7w1xg: var(--system-14-font-size);
}
:root {
  --x14hgzir: var(--comment-background);
  --x1iifn4c: var(--messenger-card-background);
}
@media (min-width: 768px) and (max-width: 1439px) {
  :root {
    --x176279f: 50px;
  }
}
@media (max-width: 767px) {
  :root {
    --x176279f: 25px;
  }
}
@media (min-width: 1920px) {
  :root {
    --x176279f: 124px;
  }
}
@media (min-width: 1440px) and (max-width: 1919px) {
  :root {
    --x176279f: 92px;
  }
}
@media (max-width: 320px), (max-height: 256px) {
  :root {
    --x1e4hm47: 1px;
    --x15qbgmd: 2px;
    --x19nwfu8: 2px;
    --xxjzes5: 3px;
    --xsyyfky: 4px;
    --x44p0ev: 5px;
    --x1npqni6: 6px;
  }
}
@media (min-width: 1440px) {
  :root {
    --xaeiz9z: repeat(12, 1fr);
    --x1p5ydkj: 5.248vw;
    --xg3m0br: 2.222vw;
    --x1tf79ex: 6.4vw;
    --x12nro88: 13;
    --x13aro4a: 12;
  }
}
@media (max-width: 1439px) {
  :root {
    --xaeiz9z: repeat(6, 1fr);
    --x1p5ydkj: 10.977vw;
    --xg3m0br: 4.267vw;
    --x1tf79ex: 6.4vw;
    --x12nro88: 7;
    --x13aro4a: 6;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  :root {
    --hzFeaturedCardSpacing: 24px;
    --x1lv1z71: 24px;
    --x6c4grl: 24px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  :root {
    --xkg63a2: 500px;
  }
}
@media (min-width: 1920px) {
  :root {
    --xkg63a2: 800px;
  }
}
@media (max-width: 767px) and (orientation: landscape) {
  :root {
    --xkg63a2: 468px;
  }
}
@media (max-width: 767px) and (orientation: portrait) {
  :root {
    --xmzrew1: 4 / 3;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  :root {
    --xkg63a2: 550px;
  }
}
@media (min-width: 1366px) and (max-width: 1919px) {
  :root {
    --xkg63a2: 600px;
  }
}
@media (min-width: 1280px) {
  :root {
    --hzFeaturedCardSpacing: 32px;
    --x1lv1z71: 32px;
    --x6c4grl: 32px;
  }
}
@media (min-width: 1920px) {
  :root {
    --x1r5jnwv: -2.52px;
    --x16mfl10: -1.68px;
  }
}
@media (min-width: 1440px) and (max-width: 1919px) {
  :root {
    --x1r5jnwv: -2.24px;
    --x16mfl10: -1.44px;
  }
}
@media (max-width: 1439px) {
  :root {
    --x1r5jnwv: -1.26px;
    --x16mfl10: -0.96px;
  }
}
@media (min-width: 1920px) {
  :root {
    --xh2fra1: 16px;
    --xh0g73a: 24px;
    --x1nwy4ys: 32px;
    --xrpx2p6: 40px;
    --x93w9p6: 48px;
    --xz3t9it: 64px;
    --x5ikn4o: 72px;
  }
}
@media (min-width: 1440px) and (max-width: 1919px) {
  :root {
    --xh2fra1: 8px;
    --xh0g73a: 16px;
    --x1nwy4ys: 24px;
    --xrpx2p6: 32px;
    --x93w9p6: 40px;
    --xz3t9it: 56px;
    --x5ikn4o: 64px;
  }
}
@media (max-width: 1439px) {
  :root {
    --xh2fra1: 4px;
    --xh0g73a: 8px;
    --x1nwy4ys: 16px;
    --xrpx2p6: 24px;
    --x93w9p6: 32px;
    --xz3t9it: 48px;
    --x5ikn4o: 56px;
  }
}
@media (min-width: 1920px) {
  :root {
    --x1blunf5: var(--system-20-font-size);
    --xkbnasn: var(--system-120-font-size);
    --x190lbiv: var(--system-72-font-size);
    --x1nxb92n: var(--system-56-font-size);
    --x1cx3y4n: var(--system-40-font-size);
    --x790amx: var(--system-32-font-size);
    --xt39w4n: var(--system-24-font-size);
    --x1rov1lr: var(--system-32-font-size);
    --x1diw0t2: var(--system-24-font-size);
    --x1t7w1xg: var(--system-18-font-size);
  }
}
@media (min-width: 1440px) and (max-width: 1919px) {
  :root {
    --x1blunf5: var(--system-16-font-size);
    --xkbnasn: var(--system-100-font-size);
    --x190lbiv: var(--system-64-font-size);
    --x1nxb92n: var(--system-48-font-size);
    --x1cx3y4n: var(--system-32-font-size);
    --x790amx: var(--system-24-font-size);
    --xt39w4n: var(--system-20-font-size);
    --x1rov1lr: var(--system-24-font-size);
    --x1diw0t2: var(--system-18-font-size);
    --x1t7w1xg: var(--system-16-font-size);
  }
}
@media (max-width: 1439px) {
  :root {
    --x1blunf5: var(--system-14-font-size);
    --xkbnasn: var(--system-48-font-size);
    --x190lbiv: var(--system-36-font-size);
    --x1nxb92n: var(--system-32-font-size);
    --x1cx3y4n: var(--system-24-font-size);
    --x790amx: var(--system-20-font-size);
    --xt39w4n: var(--system-16-font-size);
    --x1rov1lr: var(--system-20-font-size);
    --x1diw0t2: var(--system-16-font-size);
    --x1t7w1xg: var(--system-14-font-size);
  }
}
.x1a2a7pz {
  outline: none;
}
.x1hl2dhg {
  text-decoration: none;
}
.x1s3xk63:-webkit-autofill {
  transition:
    background-color 3.15576e7s,
    color 3.15576e7s;
}
.xk2swo9:focus-visible {
  outline: none;
}
.xm7grrh:focus-visible {
  outline: solid var(--border-width-thick) var(--input-focus) !important;
}
.xpqswwc:focus-visible {
  outline: none !important;
}
.x1lku1pv:hover {
  text-decoration: none;
}
.xt0b8zv:hover {
  text-decoration: underline;
}
.x1033uif {
  border-start-end-radius: 999px;
}
.x10l6tqk {
  position: absolute;
}
.x10w94by {
  border-inline-end-width: 0px;
}
.x11lfxj5 {
  padding-inline-end: 4px;
}
.x11lt19s {
  margin-inline-end: -2px;
}
.x11njtxf {
  vertical-align: baseline;
}
.x11xpdln {
  transition-property: transform;
}
.x127lhb5 {
  animation-name: xekv6nw-B;
}
.x12ejxvf {
  flex-shrink: inherit;
}
.x12u81az {
  border-inline-start-color: var(--divider);
}
.x135b78x {
  padding-inline-start: 4px;
}
.x13a6bvl {
  justify-content: flex-end;
}
.x13faqbe {
  word-break: break-word;
}
.x13fj5qh {
  margin-inline-start: 8px;
}
.x13w7htt {
  will-change: width;
}
.x140muxe {
  border-end-end-radius: inherit;
}
.x14e42zd {
  border-inline-start-width: 0px;
}
.x14g40p9 {
  z-index: 999;
}
.x14ju556 {
  line-height: 0;
}
.x14ldlfn {
  border-start-start-radius: var(--button-corner-radius);
}
.x14rh7hd {
  color: var(--x-color);
}
.x14rlmvs {
  animation-name: x5ed7rf-B;
}
.x14vy60q {
  padding-inline-end: 2px;
}
.x14z9mp {
  margin-inline-end: 0px;
}
.x15bjb6t {
  line-height: inherit;
}
.x15x8krk {
  border-end-start-radius: 8px;
}
.x165d6jo {
  margin-inline-start: -4px;
}
.x16dsc37 {
  vertical-align: top;
}
.x16tdsg8 {
  text-align: inherit;
}
.x179ill4 {
  border-end-end-radius: 999px;
}
.x179tack {
  clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
}
.x17zd0t2 {
  column-gap: 4px;
}
.x18b5jzi {
  border-inline-end-style: solid;
}
.x18o3ruo {
  background-image: none;
}
.x18oe1m7 {
  border-inline-end-style: none;
}
.x19991ni {
  transition-property: opacity;
}
.x19h7ccj {
  flex-basis: 500px;
}
.x1a02dak {
  flex-wrap: wrap;
}
.x1b0d499 {
  vertical-align: -0.25em;
}
.x1b1wa69 {
  border-start-end-radius: var(--button-corner-radius);
}
.x1b60jn0 {
  border-end-start-radius: 999px;
}
.x1beo9mf {
  flex-direction: inherit;
}
.x1byqp33 {
  border-end-start-radius: 50px;
}
.x1c1uobl {
  padding-inline-start: 0px;
}
.x1c74tu6 {
  animation-duration: 2s;
}
.x1c9tyrk {
  border-start-start-radius: 50%;
}
.x1cy8zhl {
  align-items: flex-start;
}
.x1dhq9h {
  transition-timing-function: var(--fds-animation-fade-out);
}
.x1diwwjn {
  margin-inline-start: 12px;
}
.x1dmpuos {
  border-start-end-radius: var(--card-corner-radius);
}
.x1ebt8du {
  transition-duration: var(--fds-duration-extra-extra-short-out);
}
.x1ertn4p {
  border-end-start-radius: 50%;
}
.x1f889gz {
  inset-inline-end: 6px;
}
.x1fey0fg {
  color: var(--blue-link);
}
.x1fmog5m {
  border-start-start-radius: inherit;
}
.x1g0dm76 {
  padding-inline-start: 12px;
}
.x1g77sc7 {
  order: 0;
}
.x1h6gzvc {
  cursor: not-allowed;
}
.x1h91t0o {
  align-items: inherit;
}
.x1h9r5lt {
  align-self: inherit;
}
.x1hc1fzr {
  opacity: 1;
}
.x1heor9g {
  color: inherit;
}
.x1iwo8zk {
  border-start-start-radius: 999px;
}
.x1iyjqo2 {
  flex-grow: 1;
}
.x1ja2u2z {
  z-index: 0;
}
.x1jfb8zj {
  display: inherit;
}
.x1jl3cmp {
  transition-property: opacity, visibility;
}
.x1jx94hy {
  background-color: var(--card-background);
}
.x1k90msu {
  transition-duration: var(--fds-fast);
}
.x1kmio9f {
  float: left;
}
.x1l7klhg {
  flex-basis: 100%;
}
.x1lbecb7 {
  line-height: 1.1765;
}
.x1lkfr7t {
  font-size: 1.0625rem;
}
.x1lliihq {
  display: block;
}
.x1lxpwgx {
  margin-inline-end: -4px;
}
.x1lxsm33 {
  inset-inline-start: var(--x-insetInlineStart);
}
.x1lziwak {
  margin-inline-start: 0px;
}
.x1mq3mr6 {
  transition-duration: 0s;
}
.x1n2onr6 {
  position: relative;
}
.x1n8ud3w {
  inset-inline-start: 20px;
}
.x1nhvcw1 {
  justify-content: flex-start;
}
.x1nxh6w3 {
  font-size: 0.8125rem;
}
.x1o0tod {
  inset-inline-start: 0px;
}
.x1obq294 {
  border-start-start-radius: 8px;
}
.x1pahc9y {
  border-end-end-radius: 50%;
}
.x1pd3egz {
  font-weight: inherit;
}
.x1pe450p {
  inset-inline-start: 26px;
}
.x1phubyo {
  border-inline-start-color: var(--always-dark-overlay);
}
.x1pwv2dq {
  stroke: var(--media-inner-border);
}
.x1q0g3np {
  flex-direction: row;
}
.x1qfufaz {
  margin-inline-start: -8px;
}
.x1qfuztq {
  transition-timing-function: var(--fds-soft);
}
.x1qhmfi1 {
  background-color: var(--secondary-button-background);
}
.x1qjc9v5 {
  align-items: stretch;
}
.x1qlqyl8 {
  font-size: inherit;
}
.x1qughib {
  justify-content: space-between;
}
.x1r8uery {
  flex-basis: 0px;
}
.x1rg5ohu {
  display: inline-block;
}
.x1s688f {
  font-weight: 600;
}
.x1s85apg {
  display: none;
}
.x1sibtaa {
  line-height: 1.2308;
}
.x1swf91x {
  z-index: auto;
}
.x1t137rt {
  outline-style: none;
}
.x1t7ytsu {
  border-inline-start-style: solid;
}
.x1tzjh5l {
  forced-color-adjust: auto;
}
.x1u6ievf {
  animation-fill-mode: both;
}
.x1ve1bff {
  background-color: var(--nav-bar-background);
}
.x1vjfegm {
  z-index: 1;
}
.x1vsv7so {
  border-end-end-radius: var(--card-corner-radius);
}
.x1vvkbs {
  overflow-wrap: break-word;
}
.x1vy8oqc {
  padding-inline-start: 110px;
}
.x1w3jsh0 {
  background-repeat: repeat-x;
}
.x1w4cqa3 {
  border-end-end-radius: 50px;
}
.x1w5wx5t {
  margin-inline-end: -8px;
}
.x1wbvgsv {
  background-size: 1px 7px;
}
.x1wpzbip {
  background-color: var(--hover-overlay);
}
.x1ws5yxj {
  margin-inline-end: -6px;
}
.x1xegmmw {
  margin-inline-end: 8px;
}
.x1xlr1w8 {
  font-weight: 700;
}
.x1xmvt09 {
  font-family: var(--font-family-segoe);
}
.x1xzczws {
  overflow-anchor: none;
}
.x1xzmf5g {
  background-color: rgb(61, 93, 142);
}
.x1yc453h {
  text-align: start;
}
.x1ypdohk {
  cursor: pointer;
}
.x1ys307a {
  margin-inline-end: 16px;
}
.x2h7rmj {
  transition-property: color, fill, stroke;
}
.x2lah0s {
  flex-shrink: 0;
}
.x3ajldb {
  vertical-align: bottom;
}
.x3ct3a4 {
  list-style-type: none;
}
.x3nfvp2 {
  display: inline-flex;
}
.x47corl {
  pointer-events: none;
}
.x4k7w5x {
  align-content: inherit;
}
.x4o00kh {
  background-color: rgb(116, 164, 242);
}
.x4txaam {
  inset-inline-start: -48px;
}
.x51dqfy {
  border-start-end-radius: 50px;
}
.x56jcm7 {
  border-inline-start-width: 4px;
}
.x579bpy {
  font-size: 2rem;
}
.x5a5i1n {
  border-start-end-radius: 8px;
}
.x5fzff1 {
  border-end-start-radius: var(--button-corner-radius);
}
.x5ve5x3 {
  touch-action: none;
}
.x6o7n8i {
  transition-property: opacity, transform;
}
.x6prxxf {
  font-size: 0.9375rem;
}
.x6s0dn4 {
  align-items: center;
}
.x7600vw {
  inset-inline-start: -10000px;
}
.x78zum5 {
  display: flex;
}
.x7wzq59 {
  position: sticky;
}
.x87ps6o {
}
.x91jh78 {
  border-start-end-radius: 1px;
}
.x9f619 {
  box-sizing: border-box;
}
.xa3vuyk {
  animation-timing-function: ease-out;
}
.xa4qsjk {
  animation-iteration-count: infinite;
}
.xaigb6o {
  flex-grow: inherit;
}
.xal68kn {
  border-start-start-radius: 50px;
}
.xamitd3 {
  align-self: center;
}
.xaoy8p5 {
  inset-inline-start: 2px;
}
.xarpa2k {
  justify-content: inherit;
}
.xau1kf4 {
  border-end-start-radius: var(--card-corner-radius);
}
.xbh8q5q {
  fill: none;
}
.xbmvrgn {
  margin-inline-end: 12px;
}
.xbxq160 {
  transition-timing-function: var(--fds-animation-enter-exit-out);
}
.xc5r6h4 {
  border-inline-end-color: var(--always-dark-overlay);
}
.xcd74o5 {
  transform: translate(0px) translateZ(0px);
}
.xcj1dhv {
  transition-timing-function: linear;
}
.xde0f50 {
  border-end-end-radius: 8px;
}
.xdl72j9 {
  flex-basis: auto;
}
.xdt5ytf {
  flex-direction: column;
}
.xe11lzi {
  padding-inline-end: 110px;
}
.xe3v8dz {
  fill: var(--always-white);
}
.xe9ewy2 {
  margin-inline-start: -2px;
}
.xep6ejk {
  filter: var(--filter-primary-icon);
}
.xeusxvb {
  border-start-end-radius: 50%;
}
.xf159sx {
  padding-inline-end: 8px;
}
.xf7dkkf {
  padding-inline-start: 16px;
}
.xg01cxk {
  opacity: 0;
}
.xggy1nq {
  touch-action: manipulation;
}
.xhb22t3 {
  transition-duration: var(--fds-duration-extra-extra-short-in);
}
.xhmqdbg {
  transform-origin: center bottom;
}
.xhtitgo {
  z-index: 2;
}
.xi81zsa {
  color: var(--secondary-text);
}
.xixxii4 {
  position: fixed;
}
.xjb2p0i {
  font-family: inherit;
}
.xjbqb8w {
  background-color: transparent;
}
.xjp7ctv {
  display: contents;
}
.xjyslct {
}
.xk50ysn {
  font-weight: 500;
}
.xkh2ocl {
  align-self: stretch;
}
.xkqq1k2 {
  border-start-start-radius: 1px;
}
.xl56j7k {
  justify-content: center;
}
.xl8spv7 {
  background-color: var(--x-backgroundColor);
}
.xlshs6z {
  visibility: hidden;
}
.xlyipyv {
  text-overflow: ellipsis;
}
.xm1jes4 {
  transform: translate(24px) translateZ(0px);
}
.xmjcpbm {
  background-color: var(--comment-background);
}
.xmper1u {
  cursor: inherit;
}
.xmzvs34 {
  padding-inline-start: 8px;
}
.xnpuxes {
  visibility: visible;
}
.xo1l8bm {
  font-weight: 400;
}
.xo1y3bh {
  border-end-start-radius: inherit;
}
.xozqiw3 {
  flex-wrap: nowrap;
}
.xpdmqnj {
  padding-inline-end: 12px;
}
.xqcrz7y {
  align-self: flex-start;
}
.xquyuld {
  box-shadow: 0 1px 2px var(--shadow-2);
}
.xs83m0k {
  flex-shrink: 1;
}
.xshklg3 {
  animation-delay: 1s;
}
.xsqj5wx {
  transform: var(--x-transform);
}
.xstzfhl {
  border-inline-start-style: none;
}
.xt0psk2 {
  display: inline;
}
.xtijo5x {
  inset-inline-end: 0px;
}
.xtilpmw {
}
.xtvsq51 {
  background-color: var(--primary-button-background);
}
.xu25z0z {
  border-start-end-radius: inherit;
}
.xuk3077 {
  align-items: flex-end;
}
.xuxw1ft {
  white-space: nowrap;
}
.xv2umb2 {
  flex-basis: inherit;
}
.xv54qhq {
  padding-inline-end: 16px;
}
.xvlca1e {
  stroke-width: 2;
}
.xvo6coq {
  box-shadow: 0 1px 2px var(--shadow-1);
}
.xvq8zen {
  line-height: 1.3333;
}
.xw01apr {
  margin-inline-start: -6px;
}
.xw5cjc7 {
  border-start-start-radius: var(--card-corner-radius);
}
.xwcfey6 {
  background-color: var(--disabled-button-background);
}
.xws8118 {
  border-end-end-radius: var(--button-corner-radius);
}
.xxa6egd {
  transform: scaleY(0);
}
.xxkxylk {
  animation-duration: 0.5s;
}
.xxymvpz {
  vertical-align: middle;
}
.xyiysdx {
  padding-inline-start: 2px;
}
.xyqm7xq {
  margin-inline-start: 16px;
}
.xyri2b {
  padding-inline-end: 0px;
}
.xz03a8w {
  inset-inline-end: 2px;
}
.xz74otr {
  object-fit: fill;
}
.xzkaem6 {
  z-index: 3;
}
.xzpqnlu {
  clip: rect(0px, 0px, 0px, 0px);
}
.xzsf02u {
  color: var(--primary-text);
}
@supports (position: -webkit-sticky) {
}
@supports selector(::-webkit-scrollbar) {
}
@supports (scrollbar-width: thin) {
}
@supports (position: sticky) {
}
@supports (scrollbar-width: thin) {
}
@supports (-webkit-touch-callout: none) {
}
@supports (scrollbar-width: thin) {
}
.x1sig6gt:focus-visible {
  outline-offset: var(--border-width-thick);
}
.xjl7jj:empty {
  display: none;
}
.x1s07b3s:disabled {
  cursor: not-allowed;
}
@media (min-width: 900px) {
  .x13bxmoy.x13bxmoy {
    margin-inline-end: 16px;
  }
}
@media (min-width: 900px) {
  .x14xzxk9.x14xzxk9 {
    position: absolute;
  }
}
@media (max-width: 899px) {
  .x1daaz14.x1daaz14 {
    display: none;
  }
}
@media (min-width: 900px) {
  .x1es02x0.x1es02x0 {
    position: relative;
  }
}
@media (max-width: 700px) {
  .x1gz44f.x1gz44f {
    display: none;
  }
}
@media (max-width: 899px) {
  .x1i1uccp.x1i1uccp {
    flex-direction: row;
  }
}
@media (max-width: 899px) {
  .x1ilwl7r.x1ilwl7r {
    padding-inline-end: 16px;
  }
}
@media (min-width: 900px) {
  .x1roke11.x1roke11 {
    justify-items: center;
  }
}
@media (max-width: 899px) {
  .x1stjdt1.x1stjdt1 {
    flex-grow: 1;
  }
}
@media (max-width: 899px) {
  .x1vv38fk.x1vv38fk {
    padding-inline-start: 16px;
  }
}
@media (max-width: 1259px) {
  .x1xtgk1k.x1xtgk1k {
    cursor: pointer;
  }
}
@media (min-width: 900px) {
  .x1xy773u.x1xy773u {
    align-self: flex-start;
  }
}
@media (max-width: 899px) {
  .x1yaem6q.x1yaem6q {
    justify-content: center;
  }
}
@media (min-width: 900px) {
  .x2k3zez.x2k3zez {
    align-self: flex-end;
  }
}
@media (max-width: 700px) {
  .x88anuq.x88anuq {
    justify-content: flex-start;
  }
}
@media (max-width: 899px) {
  .x9w375v.x9w375v {
    justify-items: center;
  }
}
@media (min-width: 900px) {
  .xjbssrd.xjbssrd {
    flex-grow: 0;
  }
}
@media (min-width: 900px) {
  .xmpot0u.xmpot0u {
    inset-inline-start: 0px;
  }
}
@media (min-width: 900px) {
  .xrafsqe.xrafsqe {
    margin-inline-start: 32px;
  }
}
@media (max-width: 1259px) {
  .xrkvphz.xrkvphz {
    padding-inline-start: 24px;
  }
}
@media (min-width: 900px) {
  .xuy2c7u.xuy2c7u {
    flex-grow: 1;
  }
}
@media (max-width: 899px) {
  .xvrxa7q.xvrxa7q {
    flex-direction: column;
  }
}
@media (min-width: 900px) {
  .xxfedj9.xxfedj9 {
    flex-direction: row;
  }
}
@media (min-width: 900px) {
  .xym1h4x.xym1h4x {
    align-self: center;
  }
}
@container editor-container (max-width: 475px) {
}
@container editor-container (max-width: 825px) {
}
@container editor-container (max-width: 475px) {
}
@container editor-container (max-width: 625px) {
}
@container editor-container (max-width: 625px) {
}
@container editor-container (max-width: 725px) {
}
@container editor-container (max-width: 825px) {
}
@container editor-container (max-width: 725px) {
}
.x100vrsf {
  width: 40px;
}
.x10b6aqq {
  padding-bottom: 6px;
}
.x10cihs4 {
  margin-bottom: calc(-100vh + var(--header-height));
}
.x10wlt62 {
  overflow-y: hidden;
}
.x13fuv20 {
  border-top-style: solid;
}
.x13vifvy {
  top: 0px;
}
.x14qfxbe {
  width: 36px;
}
.x16ldp7u {
  margin-top: -5px;
}
.x16xn7b0 {
  max-width: 100vw;
}
.x178xt8z {
  border-top-width: 1px;
}
.x18d9i69 {
  padding-bottom: 0px;
}
.x193iq5w {
  max-width: 100%;
}
.x1ba4aug {
  min-height: 40px;
}
.x1d0ri9u {
  padding-top: 13px;
}
.x1dquyif {
  top: -10000px;
}
.x1e56ztr {
  margin-bottom: 8px;
}
.x1ejq31n {
  border-top-style: none;
}
.x1ey2m1c {
  bottom: 0px;
}
.x1fns5xo {
  min-width: 40px;
}
.x1gg8mnh {
  min-height: 44px;
}
.x1gslohp {
  margin-top: 4px;
}
.x1hagigm {
  height: 7px;
}
.x1hshjfz {
  min-height: 16px;
}
.x1hxoosp {
  min-width: 50px;
}
.x1i1rx1s {
  width: 1px;
}
.x1iorvi4 {
  padding-top: 4px;
}
.x1j85h84 {
  padding-bottom: 1px;
}
.x1jm3axb {
  padding-top: var(--x-paddingTop);
}
.x1l90r2v {
  padding-bottom: 16px;
}
.x1lytzrv {
  max-width: inherit;
}
.x1ok221b {
  margin-top: 5px;
}
.x1q0q8m5 {
  border-bottom-style: solid;
}
.x1qhh985 {
  border-bottom-width: 0px;
}
.x1qrby5j {
  width: inherit;
}
.x1qx5ct2 {
  height: 20px;
}
.x1r1pt67 {
  height: var(--button-height-medium);
}
.x1s65kcs {
  height: var(--header-height);
}
.x1sy0etr {
  border-bottom-style: none;
}
.x1t2pt76 {
  min-height: inherit;
}
.x1talbiv {
  width: 908px;
}
.x1ug4tga {
  padding-bottom: 13px;
}
.x1uyial6 {
  max-width: 940px;
}
.x1v4kod4 {
  top: -8px;
}
.x1vqgdyp {
  height: 40px;
}
.x1wsgfga {
  margin-bottom: -8px;
}
.x1xmf6yo {
  margin-top: 8px;
}
.x1y1aw1k {
  padding-top: 8px;
}
.x1yrsyyn {
  padding-top: 6px;
}
.x1yztbdb {
  margin-bottom: 16px;
}
.x2lwn1j {
  min-height: 0px;
}
.x3igimt {
  height: inherit;
}
.x4cne27 {
  margin-bottom: -6px;
}
.x5yr21d {
  height: 100%;
}
.x6ikm8r {
  overflow-x: hidden;
}
.x7ep2pv {
  max-width: 680px;
}
.x7ja8zs {
  min-width: inherit;
}
.x879a55 {
  min-height: 60px;
}
.x8cjs6t {
  border-top-color: var(--divider);
}
.x972fbf {
  border-top-width: 0px;
}
.x9otpla {
  margin-top: -8px;
}
.xat24cr {
  margin-bottom: 0px;
}
.xat3117 {
  min-height: calc(100vh - var(--header-height));
}
.xdj266r {
  margin-top: 0px;
}
.xdsb8wn {
  top: 100%;
}
.xdvlbce {
  padding-bottom: 9px;
}
.xe9vn5y {
  width: 174px;
}
.xedcshv {
  max-height: inherit;
}
.xeuugli {
  min-width: 0px;
}
.xexx8yu {
  padding-top: 0px;
}
.xgd8bvy {
  width: 28px;
}
.xgq9j65 {
  left: var(--x-left);
}
.xh8yej3 {
  width: 100%;
}
.xieb3on {
  margin-bottom: 20px;
}
.xifccgj {
  margin-top: -6px;
}
.xj35x94 {
  width: 112px;
}
.xjbys53 {
  top: var(--x-top);
}
.xjkvuk6 {
  padding-bottom: 4px;
}
.xjm9jq1 {
  height: 1px;
}
.xjqpnuy {
  border-top-color: var(--always-dark-overlay);
}
.xm7lytj {
  padding-top: 7px;
}
.xmlsiyf {
  max-width: 129.6px;
}
.xn3w4p2 {
  height: 44px;
}
.xn9wirt {
  width: 100vw;
}
.xnfr1j {
  top: 1px;
}
.xng8ra {
  height: 60px;
}
.xod5an3 {
  margin-bottom: 12px;
}
.xqdwrps {
  max-width: 908px;
}
.xqeqjp1 {
  border-bottom-color: var(--always-dark-overlay);
}
.xqtp20y {
  height: 0px;
}
.xqu0tyb {
  height: 4px;
}
.xs6kywh {
  margin-top: -84px;
}
.xs7f9wi {
  top: 2px;
}
.xsag5q8 {
  padding-bottom: 12px;
}
.xsmyaan {
  width: 12px;
}
.xsugpx9 {
  bottom: -6px;
}
.xtu2xtp {
  top: -6px;
}
.xu06os2 {
  margin-bottom: 5px;
}
.xuoj239 {
  height: 3px;
}
.xw4jnvo {
  width: 20px;
}
.xw7yly9 {
  margin-top: 16px;
}
.xwib8y2 {
  padding-bottom: 8px;
}
.xxzkxad {
  top: var(--header-height);
}
.xyamay9 {
  padding-top: 16px;
}
.xz62fqu {
  margin-bottom: -5px;
}
.xz9dl7a {
  padding-top: 12px;
}
@supports (padding: env(safe-area-inset-bottom, 0)) {
}
@supports (-webkit-touch-callout: none) {
}
@supports (position: -webkit-sticky) {
}
@supports (padding: env(safe-area-inset-bottom, 0)) {
}
@supports (padding: env(safe-area-inset-bottom, 0)) {
}
@supports (position: sticky) {
}
@supports (min-height: 100dvh) {
}
@supports (height: 100dvh) {
}
@supports (padding: env(safe-area-inset-bottom, 0)) {
}
@supports (min-height: 100dvh) {
}
@supports (padding: env(safe-area-inset-bottom, 0)) {
}
@supports (padding: env(safe-area-inset-bottom, 0)) {
}
@supports (padding: env(safe-area-inset-bottom, 0)) {
}
@media (max-width: 899px) {
  .x15sbx0n.x15sbx0n {
    margin-bottom: 16px;
  }
}
@media (min-width: 900px) {
  .x17quhge.x17quhge {
    max-width: 400px;
  }
}
@media (min-width: 1100px) and (max-height: 789px),
  (min-width: 1100px) and (max-width: 1379px) {
  .x1awlv9s.x1awlv9s {
    max-width: 111.6px;
  }
}
@media (max-width: 500px) {
  .x1ifrov1.x1ifrov1 {
    width: 100%;
  }
}
@media (max-width: 1099px) {
  .x1l38jg0.x1l38jg0 {
    max-width: calc(-55px + 15vw);
  }
}
@media (min-width: 900px) {
  .x1ltux0g.x1ltux0g {
    margin-bottom: 16px;
  }
}
@media (min-width: 900px) {
  .x390vds.x390vds {
    bottom: 0px;
  }
}
@media (max-width: 899px) {
  .x4ckvhe.x4ckvhe {
    margin-top: 8px;
  }
}
@media (min-width: 900px) {
  .x5wy4b0.x5wy4b0 {
    margin-top: 0px;
  }
}
@media (min-width: 900px) {
  .xc9uqle.xc9uqle {
    margin-top: 32px;
  }
}
@media (min-width: 1260px) {
  .xkreb8t.xkreb8t {
    width: 360px;
  }
}
@container (max-width: 300px) {
}
.x124lp2h::before {
  opacity: 0;
}
.x1682cnc::before {
  inset-inline-start: 0px;
}
.x17ihmo5::before {
  content: attr(data-content);
}
.x1bpzqwi::marker {
  font-family: var(--about-ig-font-family);
}
.x1cpjm7i::before {
  content: "";
}
.x1fgarty::before {
  display: block;
}
.x1hmns74::before {
  position: absolute;
}
.x1j6awrg::after {
  position: absolute;
}
.x1qxoq08::before {
  box-shadow:
    0 12px 12px var(--shadow-2),
    inset 0 0 0 0 var(--shadow-inset);
}
.x1s928wv::after {
  content: "";
}
.x1x9r8vg::marker {
  font-size: var(--x-bwv0p9);
}
.xewoe34::marker {
  color: var(--text-primary);
}
.xg6frx5::after {
  border-start-end-radius: 50%;
}
.xhgbb2x::after {
  border-end-start-radius: 50%;
}
.xhkezso::after {
  display: block;
}
.xhl9i11::marker {
  color: var(--primary-text);
}
.xitxdhh::after {
  z-index: 1;
}
.xrw4ojt::after {
  border-start-start-radius: 50%;
}
.xtyp5od::before {
  inset-inline-end: 0px;
}
.xw872ko::after {
  border-end-end-radius: 50%;
}
.x14qwyeo::before {
  margin-top: -10px;
}
.x1943h6x::before {
  height: 0px;
}
.x1gmr53x::after {
  height: 0px;
}
.x1y3wzot::before {
  top: 0px;
}
.x3x7a5m::after {
  margin-bottom: -4px;
}
.x4zkp8e::before {
  margin-top: -4px;
}
.x676frb::after {
  margin-bottom: -3px;
}
.xhq5o37::before {
  bottom: 0px;
}
.xrrwd3r::marker {
  height: 6px;
}
.xudqn12::before {
  margin-top: -5px;
}
.xw06pyt::after {
  margin-bottom: -6px;
}
.x1hl2dhg {
  text-decoration: none;
}
.x10l6tqk {
  position: absolute;
}
.x10w94by {
  border-inline-end-width: 0px;
}
.x11lfxj5 {
  padding-inline-end: 4px;
}
.x135b78x {
  padding-inline-start: 4px;
}
.x13a6bvl {
  justify-content: flex-end;
}
.x14e42zd {
  border-inline-start-width: 0px;
}
.x14z9mp {
  margin-inline-end: 0px;
}
.x16tdsg8 {
  text-align: inherit;
}
.x18b5jzi {
  border-inline-end-style: solid;
}
.x19991ni {
  transition-property: opacity;
}
.x1c1uobl {
  padding-inline-start: 0px;
}
.x1h6gzvc {
  cursor: not-allowed;
}
.x1hc1fzr {
  opacity: 1;
}
.x1iyjqo2 {
  flex-grow: 1;
}
.x1ja2u2z {
  z-index: 0;
}
.x1l7klhg {
  flex-basis: 100%;
}
.x1lziwak {
  margin-inline-start: 0px;
}
.x1n2onr6 {
  position: relative;
}
.x1nhvcw1 {
  justify-content: flex-start;
}
.x1o0tod {
  inset-inline-start: 0px;
}
.x1phubyo {
  border-inline-start-color: var(--always-dark-overlay);
}
.x1qjc9v5 {
  align-items: stretch;
}
.x1s85apg {
  display: none;
}
.x1t137rt {
  outline-style: none;
}
.x1t7ytsu {
  border-inline-start-style: solid;
}
.x1vjfegm {
  z-index: 1;
}
.x1ypdohk {
  cursor: pointer;
}
.x2lah0s {
  flex-shrink: 0;
}
.x3ct3a4 {
  list-style-type: none;
}
.x47corl {
  pointer-events: none;
}
.x5ve5x3 {
  touch-action: none;
}
.x78zum5 {
  display: flex;
}
.x7wzq59 {
  position: sticky;
}
.x9f619 {
  box-sizing: border-box;
}
.xc5r6h4 {
  border-inline-end-color: var(--always-dark-overlay);
}
.xdl72j9 {
  flex-basis: auto;
}
.xdt5ytf {
  flex-direction: column;
}
.xg01cxk {
  opacity: 0;
}
.xggy1nq {
  touch-action: manipulation;
}
.xjbqb8w {
  background-color: transparent;
}
.xs83m0k {
  flex-shrink: 1;
}
.xtijo5x {
  inset-inline-end: 0px;
}
.xyri2b {
  padding-inline-end: 0px;
}
.x10wlt62 {
  overflow-y: hidden;
}
.x13fuv20 {
  border-top-style: solid;
}
.x13vifvy {
  top: 0px;
}
.x18d9i69 {
  padding-bottom: 0px;
}
.x1e56ztr {
  margin-bottom: 8px;
}
.x1ey2m1c {
  bottom: 0px;
}
.x1i1rx1s {
  width: 1px;
}
.x1q0q8m5 {
  border-bottom-style: solid;
}
.x1qhh985 {
  border-bottom-width: 0px;
}
.x1v4kod4 {
  top: -8px;
}
.x2lwn1j {
  min-height: 0px;
}
.x5yr21d {
  height: 100%;
}
.x6ikm8r {
  overflow-x: hidden;
}
.x972fbf {
  border-top-width: 0px;
}
.xat24cr {
  margin-bottom: 0px;
}
.xdj266r {
  margin-top: 0px;
}
.xeuugli {
  min-width: 0px;
}
.xexx8yu {
  padding-top: 0px;
}
.xh8yej3 {
  width: 100%;
}
.xjm9jq1 {
  height: 1px;
}
.xjqpnuy {
  border-top-color: var(--always-dark-overlay);
}
.xqeqjp1 {
  border-bottom-color: var(--always-dark-overlay);
}
.x1j6awrg::after {
  position: absolute;
}
.x1s928wv::after {
  content: "";
}
.x1tfg27r::after {
  top: -8px;
}
@property --x---accent {
  syntax: "*";
  inherits: false;
}
@property --x---base-line-clamp-line-height {
  syntax: "*";
  inherits: false;
}
@property --x---highlight-bg {
  syntax: "*";
  inherits: false;
}
@property --x---hosted-view-selected-state {
  syntax: "*";
  inherits: false;
}
@property --x---primary-button-background {
  syntax: "*";
  inherits: false;
}
@property --x---primary-button-text {
  syntax: "*";
  inherits: false;
}
@property --x---primary-deemphasized-button-background {
  syntax: "*";
  inherits: false;
}
@property --x---primary-deemphasized-button-text {
  syntax: "*";
  inherits: false;
}
@property --x---primary-icon {
  syntax: "*";
  inherits: false;
}
@property --x---primary-text {
  syntax: "*";
  inherits: false;
}
@property --x---progress-ring-arc-end-rotation {
  syntax: "*";
  inherits: false;
}
@property --x---progress-ring-arc-mid-rotation {
  syntax: "*";
  inherits: false;
}
@property --x---progress-ring-arc-start-rotation {
  syntax: "*";
  inherits: false;
}
@property --x---secondary-icon {
  syntax: "*";
  inherits: false;
}
@property --x---secondary-text {
  syntax: "*";
  inherits: false;
}
@property --x-65j53i {
  syntax: "*";
  inherits: false;
}
@property --x-anchorName {
  syntax: "*";
  inherits: false;
}
@property --x-animationDelay {
  syntax: "*";
  inherits: false;
}
@property --x-animationIterationCount {
  syntax: "*";
  inherits: false;
}
@property --x-background {
  syntax: "*";
  inherits: false;
}
@property --x-backgroundColor {
  syntax: "*";
  inherits: false;
}
@property --x-backgroundImage {
  syntax: "*";
  inherits: false;
}
@property --x-borderRadius {
  syntax: "*";
  inherits: false;
}
@property --x-color {
  syntax: "*";
  inherits: false;
}
@property --x-columnGap {
  syntax: "*";
  inherits: false;
}
@property --x-flexBasis {
  syntax: "*";
  inherits: false;
}
@property --x-fontSize {
  syntax: "*";
  inherits: false;
}
@property --x-g77s0 {
  syntax: "*";
  inherits: false;
}
@property --x-height {
  syntax: "*";
  inherits: false;
}
@property --x-insetInlineStart {
  syntax: "*";
  inherits: false;
}
@property --x-left {
  syntax: "*";
  inherits: false;
}
@property --x-lineHeight {
  syntax: "*";
  inherits: false;
}
@property --x-margin {
  syntax: "*";
  inherits: false;
}
@property --x-marginBlock {
  syntax: "*";
  inherits: false;
}
@property --x-marginBottom {
  syntax: "*";
  inherits: false;
}
@property --x-marginInline {
  syntax: "*";
  inherits: false;
}
@property --x-marginInlineEnd {
  syntax: "*";
  inherits: false;
}
@property --x-marginInlineStart {
  syntax: "*";
  inherits: false;
}
@property --x-marginLeft {
  syntax: "*";
  inherits: false;
}
@property --x-marginRight {
  syntax: "*";
  inherits: false;
}
@property --x-marginTop {
  syntax: "*";
  inherits: false;
}
@property --x-maxHeight {
  syntax: "*";
  inherits: false;
}
@property --x-maxWidth {
  syntax: "*";
  inherits: false;
}
@property --x-minHeight {
  syntax: "*";
  inherits: false;
}
@property --x-minWidth {
  syntax: "*";
  inherits: false;
}
@property --x-padding {
  syntax: "*";
  inherits: false;
}
@property --x-paddingBlock {
  syntax: "*";
  inherits: false;
}
@property --x-paddingBottom {
  syntax: "*";
  inherits: false;
}
@property --x-paddingInline {
  syntax: "*";
  inherits: false;
}
@property --x-paddingInlineEnd {
  syntax: "*";
  inherits: false;
}
@property --x-paddingTop {
  syntax: "*";
  inherits: false;
}
@property --x-positionAnchor {
  syntax: "*";
  inherits: false;
}
@property --x-positionArea {
  syntax: "*";
  inherits: false;
}
@property --x-right {
  syntax: "*";
  inherits: false;
}
@property --x-rowGap {
  syntax: "*";
  inherits: false;
}
@property --x-top {
  syntax: "*";
  inherits: false;
}
@property --x-transform {
  syntax: "*";
  inherits: false;
}
@property --x-WebkitLineClamp {
  syntax: "*";
  inherits: false;
}
@property --x-width {
  syntax: "*";
  inherits: false;
}
@property --x-zIndex {
  syntax: "*";
  inherits: false;
}
@keyframes x5ed7rf-B {
  0% {
    opacity: 1;
  }
  39% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes xekv6nw-B {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
:root {
  --x1ipxqsq: #9b59b6;
  --x151ozsg: #603863;
  --x15e74zr: #8e44ad;
  --x2uruw6: #5c2b7f;
  --x1nff5gi: #7d3c98;
  --x1exhmpq: #4d2b64;
  --xl8vkra: #000000;
  --xt2q38h: #ffffff;
  --xxvgza9: #ffffff;
  --xirzdcw: #18191a;
  --x2z4mxm: #f0f2f5;
  --x3994ta: #242526;
  --x1tqzamp: #e4e6ea;
  --x18g5jj2: #3a3b3c;
  --xt3hwix: #000000;
  --x132cemr: #000000;
  --x1ia1t81: #2980b9;
  --x1yzomig: #3498db;
  --x18pr57c: #f0f0f0;
  --xfjkjy5: #2c2d2e;
  --xod81hd: #dadde1;
  --xopjvui: #3e4042;
  --xbavhbg: #e4e6ea;
  --x12ryck7: #3a3b3c;
  --xw5k3b0: #1877f2;
  --xsk64h7: #4267b2;
  --xyx5kyu: #f0f0f0;
  --x1v6eesl: #2c2d2e;
  --x1dfkan: #166fe5;
  --xgdujen: #365899;
  --x5d8ssk: #1464cc;
  --x1ckxv65: #29487d;
  --x1ocp14z: #e4e6ea;
  --x1o3yhu3: #4e4f50;
  --x1f62u1m: #d8dadf;
  --xzp3m28: #5a5b5c;
  --xwibhfm: #1c1e21;
  --xu7hyf1: #e4e6ea;
  --xozoeai: #ffffff;
  --x1g95hzc: #ffffff;
  --x171dupz: #dadde1;
  --x12dhckj: #3e4042;
  --xfz2wj5: #e74c3c;
  --xfj2pn9: #e74c3c;
  --xz9c3de: #1877f2;
  --xss4ruy: #4267b2;
  --x1eko1mp: #2ecc71;
  --xp4nueb: #52c882;
  --xyx4knn: #bdc3c7;
  --xvloy6h: #95a5a6;
  --x1acqjmx: rgba(0, 0, 0, 0.05);
  --xleydre: rgba(255, 255, 255, 0.1);
  --x12a2sij: #f39c12;
  --x1cr1y67: #e67e22;
  --xo7ic0q: rgba(0, 0, 0, 0.5);
  --xuik7q4: rgba(0, 0, 0, 0.8);
  --x1hhx3yd: #1877f2;
  --x1r4yd9x: #4267b2;
  --x1og57sr: #166fe5;
  --x1131iq4: #365899;
  --xhsexoy: #1464cc;
  --xd8f86o: #29487d;
  --x18tbe67: #8e44ad;
  --x11llz9l: #9b59b6;
  --xyd2swi: #c0392b;
  --xkxqhjd: #e74c3c;
  --x1jxs9lv: #42b883;
  --x1tp1lan: #42b883;
  --x18sj8i6: #ffffff;
  --xu8u1qi: #242526;
  --x12oyt3f: #ffffff;
  --xdtrtzm: #3a3b3c;
  --xcglfdz: #bdc3c7;
  --x73x56x: #5a5b5c;
  --xjti7sq: #65676b;
  --xvq2e1s: #8a8d91;
  --x1vr6j21: #1c1e21;
  --xpb7q49: #e4e6ea;
  --x1uf14vt: #65676b;
  --x3hb97q: #b0b3b8;
  --xp2xylp: #8a8d91;
  --x1o8pxdn: #8a8d91;
  --x15wcnep: #f39c12;
  --x1tzh7nr: #f39c12;
}
:root {
  --xlx7u6e: 0px;
  --xik8ccv: 0px;
  --x1g8fdq7: 0px;
  --x1sb3civ: 0px;
  --x1dka7z: 0px;
  --x1k4myr1: 1px;
  --x1bu8lrs: 0px;
  --x1fx80fs: 0px;
  --x1qhsdun: 1px;
  --xdemnd9: 1px;
  --x1gepq4w: 0px;
  --x1wp4dm2: 0px;
  --xeuc15l: 0px;
  --x8g8wmh: 0px;
  --x16si9m3: 0px;
  --xo3rck8: 0px;
  --x8gv6bx: 0px;
  --x8j11ff: solid;
  --x2mf7gn: 1px;
  --x1iqrbwf: 12px;
  --x4bzwim: 2px;
  --xoir9yd: 12px;
  --xgwz7a: 16px;
  --xwutvj3: 12px;
  --xa3t32q: 0px;
  --xovr52e: 4px;
  --x16mvtsk: 5px;
  --x4yl131: 8px;
  --x1lst64k: 6px;
  --x3j9qmu: 6px;
  --xmo9kjt: 6px;
  --x1s825o0: 12px;
  --xyeoegy: 5px;
  --xez4x4z: 5px;
  --x1pbyom4: 5px;
  --x1h23lpg: 10px;
  --x178rz4h: 5px;
  --x19jd6gk: 5px;
  --x1m0kmm: 5px;
  --x18og1a8: 10px;
  --x198yf9l: 5px;
  --x17s2s01: 10px;
  --x8scjvk: 5px;
  --xkd1r8e: 5px;
  --x1napzm8: 5px;
  --x6jkwj7: 5px;
  --x1et33sf: 5px;
  --x15843vv: 10px;
  --x1apez3n: 5px;
  --x1prtngd: 10px;
  --xa6vsrr: 5px;
  --x17re1hs: 5px;
  --x1ftodw5: 4px;
  --x155matd: 4px;
  --x1yfdafw: 4px;
  --x1it9t5o: 8px;
  --x1602v8z: 5px;
  --xqfjaf7: 5px;
  --x1n945xb: 5px;
  --x9huxp1: 10px;
  --x287wji: 0px;
  --x1u0655h: 4px;
  --xjvkmi1: 4px;
  --x1hmaw5b: 5px;
  --xjen6ej: 4px;
  --xzrs83r: 12px;
  --x118p8jf: 6px;
  --x49lq9b: 12px;
  --x1qbgoyb: 12px;
  --x1pqd26u: 12px;
  --xekvgs7: 16px;
  --xfir0fm: 0px;
  --x19q6y20: 8px;
  --xv29y53: 8px;
  --x1tkfw0i: 8px;
  --x1f9f2th: 0px;
  --x1bom0sp: 0px;
  --xs0bd1e: 0;
  --x7z3nr7: 12px;
  --x3ytj5f: 8px;
  --xyfp9im: 12px;
  --x1whdody: 12px;
  --x1eskk0e: 12px;
  --x1u4xrgd: 16px;
  --xpy0gsc: 8px;
  --x79phgq: 16px;
  --xn98y3a: 12px;
  --xn9bwek: 16px;
  --x1lzl6ls: 3px;
  --x1nkglug: 8px;
  --x189z1lz: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  --x3nbg8q: 0;
  --x19gqeph: 1;
  --x11tx24z: 0.4;
  --x1bt26c2: 0.2;
  --x8jlfy6: 1;
  --x132c4bx: 0.5;
  --xnzvq2j: 1;
  --x1mhjrx2: 0.4;
  --x1ad7l02: 0.4;
  --xqpeelq: 12px;
  --x1rl2gpv:
    system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif;
  --x1oyn4z3: 16px;
  --xpoq6yp: 400;
  --x1a730wv: 20px;
  --x1xbp41d:
    system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif;
  --x4cz878: 16px;
  --x12yvt7j: 14px;
  --xw7p6pi: 18px;
  --bubbleContentUserBackgroundColor: #000000;
  --bubbleContentUserColor: #ffffff;
  --buttonSendBackgroundColor: #0866ff;
  --x1ev4bvd: #f0f0f0;
  --xer23z7: rgba(0, 0, 0, 0.06);
  --x1bxvvwh: #000000;
  --x1c0tkqy: #ffffff;
  --xiw6jcg: #323436;
  --xlq2kmo: #ffffff;
  --xx6r3m5: rgba(0, 0, 0, 0.06);
  --x1wb1v04: #080809;
  --xo864yi: transparent;
  --x1wabinx: #cdcfd1;
  --x13t7dcq: rgba(0, 0, 0, 0.05);
  --xfsprpa: transparent;
  --x2v0w26: transparent;
  --xbakyew: transparent;
  --xftuvfa: #080809;
  --x126rt5m: transparent;
  --x1iz8wdo: rgba(0, 0, 0, 0.05);
  --xdg47pa: transparent;
  --xdstih4: rgba(21, 33, 39, 0.2);
  --x17h09wl: #445664;
  --xmqvuy9: #ffffff;
  --xdvz3pk: #0866ff;
  --x1lgju46: transparent;
  --x1evxk78: #ffffff;
  --x1pwsir7: #cdcfd1;
  --x6r21d0: rgba(0, 0, 0, 0.05);
  --x1f8qg8u: transparent;
  --xlucz4u: transparent;
  --xe31vrr: #e2e5e9;
  --xsl46bp: #080809;
  --x1r17ggk: #e2e5e9;
  --xeq63j5: rgba(0, 0, 0, 0.05);
  --xqu9v5: #e2e5e9;
  --x154p3i6: transparent;
  --x1xj48ei: #ffffff;
  --xqx1b3w: #cdcfd1;
  --x1clyshj: rgba(0, 0, 0, 0.05);
  --x1f8hdz3: transparent;
  --xz27ylr: transparent;
  --x1f1vpbm: transparent;
  --xw6x4cz: transparent;
  --x1t42zyj: transparent;
  --x1nycba7: transparent;
  --x44qpzp: #080809;
  --x11nuaxw: rgba(0, 0, 0, 0.05);
  --xt2duer: transparent;
  --xkg1yw: #ffe3de;
  --x17xti0e: transparent;
  --x198b9t9: #ffe3de;
  --xcv04am: rgba(0, 0, 0, 0.05);
  --x32uek6: transparent;
  --x15p7unm: #f0f0f0;
  --xl6hzco: rgba(0, 0, 0, 0.03);
  --x1sh5t3h: #000000;
  --x1kpccw5: #000000;
  --xe5i04x: #8a8d91;
  --xiv1y0m: #b0b3b8;
  --x1b39yh6: linear-gradient(90deg, grey, white, grey);
  --xq6rgv9: transparent;
  --x1rhfrof: #000000;
  --x12qb30c: #ffffff;
  --xqt9fth: #f53947;
  --xzdavdm: #8a8d91;
  --x1p42rpq: #ffffff;
  --x215qz1: #0866ff;
  --x5lf19y: #ffffff;
  --x125vgxg: #000000;
  --x1b2s8w6: #ffffff;
  --x1fe2u1q: rgba(0, 0, 0, 0.15);
  --x17a21op: rgba(0, 0, 0, 0.05);
  --x1u1kd6g: #f0f0f0;
  --xw4mkmd: transparent;
  --x15j2dhm: #ced0d4;
  --x1h50e4l: #080809;
  --x11psvdz: #65676b;
  --x149dqt: #ffffff;
  --xbdfujg: #000000;
  --x15bmxmr: #000000;
  --xkvygis: #65686c;
  --xwxij5g: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
  --xyaxlxh: #ffffff;
  --xepydxb: #f1f4f766;
  --x1196mbi: #ffffff;
  --x1dxmqov: #ccd3db;
  --xadhof8: #f53947;
  --x1a4bunx: #000000;
  --x1ihezxe: #ffffff;
  --xx5vayt: cubic-bezier(0.08, 0.52, 0.52, 1);
  --x6a00ex: cubic-bezier(0.08, 0.52, 0.52, 1);
  --xvv23fx: 0.1s;
  --x1pfwwdm: reverse;
  --x1osw725: 8s;
  --xakqpoz: x19100ke-B;
  --x1clm63l: linear;
  --x117ptrb: opacity 0.2s ease;
  --xcqs4f3: transform 50ms linear;
  --xg3aput: 0ms;
  --x19wb9r: 0s;
  --xo7axmw: 0.2s;
  --xtkxyfg: 0.2s;
  --xm2qnaw: 0.4s;
  --x1hcjaay: 0.4s;
  --x10e0ozs: 2s;
  --x11zsdp1: x1gpjdt6-B;
  --x6slekt: linear;
  --xmypfwe: 2s;
  --x61we9e: x16ddlwn-B;
  --xekrhsr: linear;
  --xwbpd4y: 12px;
  --x1e5o1xa: 8px;
  --x10124fl: 24px;
  --x1d8jg19: 24px;
  --x19huaox: 24px;
  --x1ttpv1t: 6px;
  --x1wtafy2: 6px;
  --x82vd9a: 6px;
  --xjnrlz3: 5px;
  --x16xtl57: 5px;
  --x18ttt0t: 5px;
  --x1tixki8: 50%;
  --x1ciwlvv: 50%;
  --xiyjxiy: 50%;
  --xlxghfy: 50%;
  --x1ruj3lq: 50%;
  --x1epajyq: 50%;
  --xu3wp72: 50%;
  --x16dxbju: 4px;
  --x168tnhs: 4px;
  --xgtnwqa: 4px;
  --x6ulrhq: 50%;
  --x1j99h4o: 50%;
  --xlcg5hk: 50%;
  --x1cqce2t: 24px;
  --xz5hhjv: 24px;
  --xjziy7d: 24px;
  --xofrbhn: 8px;
  --xkjoe7p: 8px;
  --x1jutr4a: 8px;
  --x1ba17e0: 2px;
  --x4utseb: 3px;
  --x13w4mq5: 32px;
  --x1uzztpd: 95%;
  --x1tc54p7: 75%;
  --x1rqbjtg: min(334px, 100vw - 48px);
  --x1wk4hzn: 32px;
  --xy5yvoz: 32px;
  --x3e6wff: 40px;
  --xkca2vv: 36px;
  --x82mkzn: 32px;
  --x1r0jlc1: 32px;
  --x19dpyk1: 64px;
  --x4ach5t: 64px;
  --x1axk1tg: 32px;
  --xr0fzoy: 32px;
  --xwkvfc1: 36px;
  --x1kdnp2l: 36px;
  --xafjmui: 28px;
  --xh7z1na: 32px;
  --xios89i: 32px;
  --x15etoab: 32px;
  --x5muypq: 32px;
  --xdep08i: auto;
  --xtundrx: 240px;
  --xrxntdb: 100%;
  --x5suos6: 400% auto;
  --xzbtx9w: 64px;
  --xzubya6: 50px;
  --x1m69m10: 8px;
  --xik0f35: 8px;
  --xalic96: 4px;
  --x1pap48z: 72px;
  --xdt1ml: 12px;
  --x5yrerl: 3px;
  --x1s60eyr: 10px;
  --x4jee19: 4px;
  --xuvcqbj: 0%;
}
.x1a2a7pz {
  outline: none;
}
.x1hl2dhg {
  text-decoration: none;
}
.x1s3xk63:-webkit-autofill {
  transition:
    background-color 3.15576e7s,
    color 3.15576e7s;
}
.x1lku1pv:hover {
  text-decoration: none;
}
.xt0b8zv:hover {
  text-decoration: underline;
}
.x1033uif {
  border-start-end-radius: 999px;
}
.x10l6tqk {
  position: absolute;
}
.x10w94by {
  border-inline-end-width: 0px;
}
.x11lfxj5 {
  padding-inline-end: 4px;
}
.x11lt19s {
  margin-inline-end: -2px;
}
.x11njtxf {
  vertical-align: baseline;
}
.x11xpdln {
  transition-property: transform;
}
.x127lhb5 {
  animation-name: xekv6nw-B;
}
.x12ejxvf {
  flex-shrink: inherit;
}
.x12u81az {
  border-inline-start-color: var(--divider);
}
.x135b78x {
  padding-inline-start: 4px;
}
.x13a6bvl {
  justify-content: flex-end;
}
.x13faqbe {
  word-break: break-word;
}
.x13fj5qh {
  margin-inline-start: 8px;
}
.x140muxe {
  border-end-end-radius: inherit;
}
.x14ayic {
  margin-inline-end: calc(-1 * var(--button-inner-icon-spacing-medium));
}
.x14e42zd {
  border-inline-start-width: 0px;
}
.x14g40p9 {
  z-index: 999;
}
.x14ju556 {
  line-height: 0;
}
.x14ldlfn {
  border-start-start-radius: var(--button-corner-radius);
}
.x14rh7hd {
  color: var(--x-color);
}
.x14rlmvs {
  animation-name: x5ed7rf-B;
}
.x14vy60q {
  padding-inline-end: 2px;
}
.x14z9mp {
  margin-inline-end: 0px;
}
.x15bjb6t {
  line-height: inherit;
}
.x15x8krk {
  border-end-start-radius: 8px;
}
.x165d6jo {
  margin-inline-start: -4px;
}
.x16dsc37 {
  vertical-align: top;
}
.x16tdsg8 {
  text-align: inherit;
}
.x179ill4 {
  border-end-end-radius: 999px;
}
.x179tack {
  clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
}
.x17zd0t2 {
  column-gap: 4px;
}
.x18b5jzi {
  border-inline-end-style: solid;
}
.x18o3ruo {
  background-image: none;
}
.x18oe1m7 {
  border-inline-end-style: none;
}
.x19991ni {
  transition-property: opacity;
}
.x19h7ccj {
  flex-basis: 500px;
}
.x1a02dak {
  flex-wrap: wrap;
}
.x1b0d499 {
  vertical-align: -0.25em;
}
.x1b1wa69 {
  border-start-end-radius: var(--button-corner-radius);
}
.x1b60jn0 {
  border-end-start-radius: 999px;
}
.x1beo9mf {
  flex-direction: inherit;
}
.x1bvr7z4 {
  transition-duration: var(--fds-duration-extra-short-in), 0s;
}
.x1byqp33 {
  border-end-start-radius: 50px;
}
.x1c1uobl {
  padding-inline-start: 0px;
}
.x1c74tu6 {
  animation-duration: 2s;
}
.x1c9tyrk {
  border-start-start-radius: 50%;
}
.x1cy8zhl {
  align-items: flex-start;
}
.x1dhq9h {
  transition-timing-function: var(--fds-animation-fade-out);
}
.x1diwwjn {
  margin-inline-start: 12px;
}
.x1dmpuos {
  border-start-end-radius: var(--card-corner-radius);
}
.x1dor1uw {
  letter-spacing: 0.1em;
}
.x1ebt8du {
  transition-duration: var(--fds-duration-extra-extra-short-out);
}
.x1ertn4p {
  border-end-start-radius: 50%;
}
.x1f889gz {
  inset-inline-end: 6px;
}
.x1fey0fg {
  color: var(--blue-link);
}
.x1fmog5m {
  border-start-start-radius: inherit;
}
.x1g0dm76 {
  padding-inline-start: 12px;
}
.x1h6gzvc {
  cursor: not-allowed;
}
.x1h91t0o {
  align-items: inherit;
}
.x1h9r5lt {
  align-self: inherit;
}
.x1hc1fzr {
  opacity: 1;
}
.x1heor9g {
  color: inherit;
}
.x1iwo8zk {
  border-start-start-radius: 999px;
}
.x1iyjqo2 {
  flex-grow: 1;
}
.x1ja2u2z {
  z-index: 0;
}
.x1jfb8zj {
  display: inherit;
}
.x1jl3cmp {
  transition-property: opacity, visibility;
}
.x1jrttnq {
  transition-timing-function: var(--fds-animation-quick-move-in);
}
.x1jx94hy {
  background-color: var(--card-background);
}
.x1k90msu {
  transition-duration: var(--fds-fast);
}
.x1kmio9f {
  float: left;
}
.x1l7klhg {
  flex-basis: 100%;
}
.x1lbecb7 {
  line-height: 1.1765;
}
.x1lkfr7t {
  font-size: 1.0625rem;
}
.x1lliihq {
  display: block;
}
.x1lxpwgx {
  margin-inline-end: -4px;
}
.x1lxsm33 {
  inset-inline-start: var(--x-insetInlineStart);
}
.x1lziwak {
  margin-inline-start: 0px;
}
.x1mq3mr6 {
  transition-duration: 0s;
}
.x1n2onr6 {
  position: relative;
}
.x1n8ud3w {
  inset-inline-start: 20px;
}
.x1nhvcw1 {
  justify-content: flex-start;
}
.x1nxh6w3 {
  font-size: 0.8125rem;
}
.x1o0tod {
  inset-inline-start: 0px;
}
.x1obq294 {
  border-start-start-radius: 8px;
}
.x1pahc9y {
  border-end-end-radius: 50%;
}
.x1pd3egz {
  font-weight: inherit;
}
.x1pe450p {
  inset-inline-start: 26px;
}
.x1pwv2dq {
  stroke: var(--media-inner-border);
}
.x1q0g3np {
  flex-direction: row;
}
.x1qfufaz {
  margin-inline-start: -8px;
}
.x1qfuztq {
  transition-timing-function: var(--fds-soft);
}
.x1qhmfi1 {
  background-color: var(--secondary-button-background);
}
.x1qjc9v5 {
  align-items: stretch;
}
.x1qlqyl8 {
  font-size: inherit;
}
.x1qughib {
  justify-content: space-between;
}
.x1r8uery {
  flex-basis: 0px;
}
.x1rg5ohu {
  display: inline-block;
}
.x1s688f {
  font-weight: 600;
}
.x1s85apg {
  display: none;
}
.x1sibtaa {
  line-height: 1.2308;
}
.x1swf91x {
  z-index: auto;
}
.x1t7ytsu {
  border-inline-start-style: solid;
}
.x1u6ievf {
  animation-fill-mode: both;
}
.x1ve1bff {
  background-color: var(--nav-bar-background);
}
.x1vjfegm {
  z-index: 1;
}
.x1vsv7so {
  border-end-end-radius: var(--card-corner-radius);
}
.x1vvkbs {
  overflow-wrap: break-word;
}
.x1w4cqa3 {
  border-end-end-radius: 50px;
}
.x1w5wx5t {
  margin-inline-end: -8px;
}
.x1wpzbip {
  background-color: var(--hover-overlay);
}
.x1wq9rni {
  margin-inline-start: var(--tab-text-icon-gap);
}
.x1ws5yxj {
  margin-inline-end: -6px;
}
.x1xegmmw {
  margin-inline-end: 8px;
}
.x1xlr1w8 {
  font-weight: 700;
}
.x1xmvt09 {
  font-family: var(--font-family-segoe);
}
.x1xzczws {
  overflow-anchor: none;
}
.x1xzmf5g {
  background-color: rgb(61, 93, 142);
}
.x1yc453h {
  text-align: start;
}
.x1ypdohk {
  cursor: pointer;
}
.x1ys307a {
  margin-inline-end: 16px;
}
.x2h7rmj {
  transition-property: color, fill, stroke;
}
.x2lah0s {
  flex-shrink: 0;
}
.x2r5gy4 {
  transition-duration: var(--fds-duration-extra-short-in), 1s;
}
.x3ajldb {
  vertical-align: bottom;
}
.x3ct3a4 {
  list-style-type: none;
}
.x3nfvp2 {
  display: inline-flex;
}
.x47corl {
  pointer-events: none;
}
.x4k7w5x {
  align-content: inherit;
}
.x4o00kh {
  background-color: rgb(116, 164, 242);
}
.x51dqfy {
  border-start-end-radius: 50px;
}
.x56jcm7 {
  border-inline-start-width: 4px;
}
.x579bpy {
  font-size: 2rem;
}
.x5a5i1n {
  border-start-end-radius: 8px;
}
.x5fzff1 {
  border-end-start-radius: var(--button-corner-radius);
}
.x5ve5x3 {
  touch-action: none;
}
.x6o7n8i {
  transition-property: opacity, transform;
}
.x6prxxf {
  font-size: 0.9375rem;
}
.x6s0dn4 {
  align-items: center;
}
.x78zum5 {
  display: flex;
}
.x7at6mh {
  padding-inline-end: var(--button-padding-icon-only);
}
.x7wzq59 {
  position: sticky;
}
.x87ps6o {
}
.x91jh78 {
  border-start-end-radius: 1px;
}
.x9f619 {
  box-sizing: border-box;
}
.xa3vuyk {
  animation-timing-function: ease-out;
}
.xa4qsjk {
  animation-iteration-count: infinite;
}
.xaigb6o {
  flex-grow: inherit;
}
.xal68kn {
  border-start-start-radius: 50px;
}
.xamitd3 {
  align-self: center;
}
.xaoy8p5 {
  inset-inline-start: 2px;
}
.xarpa2k {
  justify-content: inherit;
}
.xau1kf4 {
  border-end-start-radius: var(--card-corner-radius);
}
.xb5gni {
  transition-property: margin-right, opacity, transform;
}
.xb9jzoj {
  margin-inline-start: var(--button-inner-icon-spacing-medium);
}
.xbh8q5q {
  fill: none;
}
.xbmvrgn {
  margin-inline-end: 12px;
}
.xcj1dhv {
  transition-timing-function: linear;
}
.xde0f50 {
  border-end-end-radius: 8px;
}
.xdl72j9 {
  flex-basis: auto;
}
.xdt5ytf {
  flex-direction: column;
}
.xe3v8dz {
  fill: var(--always-white);
}
.xe9ewy2 {
  margin-inline-start: -2px;
}
.xep6ejk {
  filter: var(--filter-primary-icon);
}
.xeusxvb {
  border-start-end-radius: 50%;
}
.xf159sx {
  padding-inline-end: 8px;
}
.xf7dkkf {
  padding-inline-start: 16px;
}
.xg01cxk {
  opacity: 0;
}
.xggy1nq {
  touch-action: manipulation;
}
.xhb22t3 {
  transition-duration: var(--fds-duration-extra-extra-short-in);
}
.xholzvs {
  background-color: var(--tab-underline-color);
}
.xhtitgo {
  z-index: 2;
}
.xi81zsa {
  color: var(--secondary-text);
}
.xixxii4 {
  position: fixed;
}
.xjb2p0i {
  font-family: inherit;
}
.xjbqb8w {
  background-color: transparent;
}
.xjkpybl {
  line-height: 1.1875;
}
.xjyslct {
}
.xk50ysn {
  font-weight: 500;
}
.xkde5i4 {
  padding-inline-start: var(--button-padding-icon-only);
}
.xkh2ocl {
  align-self: stretch;
}
.xkqq1k2 {
  border-start-start-radius: 1px;
}
.xkrqix3 {
  text-decoration-line: none;
}
.xl56j7k {
  justify-content: center;
}
.xl8spv7 {
  background-color: var(--x-backgroundColor);
}
.xlshs6z {
  visibility: hidden;
}
.xlyipyv {
  text-overflow: ellipsis;
}
.xmjcpbm {
  background-color: var(--comment-background);
}
.xmper1u {
  cursor: inherit;
}
.xmzvs34 {
  padding-inline-start: 8px;
}
.xnpuxes {
  visibility: visible;
}
.xo1l8bm {
  font-weight: 400;
}
.xo1y3bh {
  border-end-start-radius: inherit;
}
.xozqiw3 {
  flex-wrap: nowrap;
}
.xpdmqnj {
  padding-inline-end: 12px;
}
.xptfeew {
  padding-inline-end: var(--tab-icon-padding-end);
}
.xqcrz7y {
  align-self: flex-start;
}
.xquyuld {
  box-shadow: 0 1px 2px var(--shadow-2);
}
.xs83m0k {
  flex-shrink: 1;
}
.xshklg3 {
  animation-delay: 1s;
}
.xsqbvy7 {
  margin-inline-end: var(--button-inner-icon-spacing-medium);
}
.xsqj5wx {
  transform: var(--x-transform);
}
.xstzfhl {
  border-inline-start-style: none;
}
.xt0psk2 {
  display: inline;
}
.xtijo5x {
  inset-inline-end: 0px;
}
.xtilpmw {
}
.xtvsq51 {
  background-color: var(--primary-button-background);
}
.xu06nn8 {
  transition-timing-function: var(--fds-animation-fade-in), linear;
}
.xu25z0z {
  border-start-end-radius: inherit;
}
.xu9j1y6 {
  flex-grow: 25;
}
.xuk3077 {
  align-items: flex-end;
}
.xuxw1ft {
  white-space: nowrap;
}
.xv2umb2 {
  flex-basis: inherit;
}
.xv54qhq {
  padding-inline-end: 16px;
}
.xvlca1e {
  stroke-width: 2;
}
.xvo6coq {
  box-shadow: 0 1px 2px var(--shadow-1);
}
.xvq8zen {
  line-height: 1.3333;
}
.xw01apr {
  margin-inline-start: -6px;
}
.xw5cjc7 {
  border-start-start-radius: var(--card-corner-radius);
}
.xwcfey6 {
  background-color: var(--disabled-button-background);
}
.xws8118 {
  border-end-end-radius: var(--button-corner-radius);
}
.xwyz465 {
  margin-inline-start: calc(-1 * var(--button-inner-icon-spacing-medium));
}
.xxkxylk {
  animation-duration: 0.5s;
}
.xxymvpz {
  vertical-align: middle;
}
.xyiysdx {
  padding-inline-start: 2px;
}
.xyqm7xq {
  margin-inline-start: 16px;
}
.xyri2b {
  padding-inline-end: 0px;
}
.xyuz3pd {
  background-image: var(--nav-bar-background-gradient);
}
.xz74otr {
  object-fit: fill;
}
.xzkaem6 {
  z-index: 3;
}
.xzpqnlu {
  clip: rect(0px, 0px, 0px, 0px);
}
.xzsf02u {
  color: var(--primary-text);
}
@supports (color: oklab(0 0 0)) {
}
.xpx8ijz:focus-visible {
  box-shadow: var(--focus-ring-shadow-default);
}
.xjl7jj:empty {
  display: none;
}
.x1kdt53j:disabled {
  color: var(--disabled-text);
}
.x1sur9pj:hover {
  text-decoration-line: underline;
}
@supports not selector(:focus-visible) {
}
@media (max-width: 899px) {
  .x1daaz14.x1daaz14 {
    display: none;
  }
}
@media (max-width: 939px) {
  .x1qpcq7s.x1qpcq7s {
    border-end-start-radius: 0px;
  }
}
@media (max-width: 939px) {
  .x1qq2va3.x1qq2va3 {
    border-end-end-radius: 0px;
  }
}
@container (max-width: 90vw) {
}
@container (max-width: 90vw) {
}
@container (max-width: 90vw) {
}
@container (max-width: 90vw) {
}
.x100vrsf {
  width: 40px;
}
.x10b6aqq {
  padding-bottom: 6px;
}
.x10cihs4 {
  margin-bottom: calc(-100vh + var(--header-height));
}
.x10wlt62 {
  overflow-y: hidden;
}
.x13fuv20 {
  border-top-style: solid;
}
.x13np604 {
  height: var(--tab-underline-height);
}
.x13vifvy {
  top: 0px;
}
.x14qfxbe {
  width: 36px;
}
.x16ldp7u {
  margin-top: -5px;
}
.x178xt8z {
  border-top-width: 1px;
}
.x18d9i69 {
  padding-bottom: 0px;
}
.x193iq5w {
  max-width: 100%;
}
.x1a2w583 {
  border-top-right-radius: 0px;
}
.x1ba4aug {
  min-height: 40px;
}
.x1d0ri9u {
  padding-top: 13px;
}
.x1e0frkt {
  width: calc(100% + 6px);
}
.x1e56ztr {
  margin-bottom: 8px;
}
.x1ejq31n {
  border-top-style: none;
}
.x1ey2m1c {
  bottom: 0px;
}
.x1fns5xo {
  min-width: 40px;
}
.x1gg8mnh {
  min-height: 44px;
}
.x1gslohp {
  margin-top: 4px;
}
.x1hagigm {
  height: 7px;
}
.x1hshjfz {
  min-height: 16px;
}
.x1hxoosp {
  min-width: 50px;
}
.x1i1rx1s {
  width: 1px;
}
.x1ia1hqs {
  border-top-left-radius: 0px;
}
.x1iorvi4 {
  padding-top: 4px;
}
.x1itg65n {
  height: var(--tab-height);
}
.x1j85h84 {
  padding-bottom: 1px;
}
.x1jm3axb {
  padding-top: var(--x-paddingTop);
}
.x1k51ox {
  width: calc(52px + 6.5625rem);
}
.x1l90r2v {
  padding-bottom: 16px;
}
.x1lytzrv {
  max-width: inherit;
}
.x1ok221b {
  margin-top: 5px;
}
.x1q0q8m5 {
  border-bottom-style: solid;
}
.x1qhh985 {
  border-bottom-width: 0px;
}
.x1qrby5j {
  width: inherit;
}
.x1qx5ct2 {
  height: 20px;
}
.x1r1pt67 {
  height: var(--button-height-medium);
}
.x1s65kcs {
  height: var(--header-height);
}
.x1sy0etr {
  border-bottom-style: none;
}
.x1t2pt76 {
  min-height: inherit;
}
.x1talbiv {
  width: 908px;
}
.x1ug4tga {
  padding-bottom: 13px;
}
.x1uyial6 {
  max-width: 940px;
}
.x1v4kod4 {
  top: -8px;
}
.x1vqgdyp {
  height: 40px;
}
.x1wsgfga {
  margin-bottom: -8px;
}
.x1xmf6yo {
  margin-top: 8px;
}
.x1y1aw1k {
  padding-top: 8px;
}
.x1yrsyyn {
  padding-top: 6px;
}
.x1yztbdb {
  margin-bottom: 16px;
}
.x2lwn1j {
  min-height: 0px;
}
.x3igimt {
  height: inherit;
}
.x4cne27 {
  margin-bottom: -6px;
}
.x5yr21d {
  height: 100%;
}
.x6ikm8r {
  overflow-x: hidden;
}
.x7ep2pv {
  max-width: 680px;
}
.x7ja8zs {
  min-width: inherit;
}
.x879a55 {
  min-height: 60px;
}
.x8cjs6t {
  border-top-color: var(--divider);
}
.x972fbf {
  border-top-width: 0px;
}
.x9otpla {
  margin-top: -8px;
}
.xabvvm4 {
  border-bottom-left-radius: 8px;
}
.xat24cr {
  margin-bottom: 0px;
}
.xat3117 {
  min-height: calc(100vh - var(--header-height));
}
.xdj266r {
  margin-top: 0px;
}
.xdsb8wn {
  top: 100%;
}
.xdvlbce {
  padding-bottom: 9px;
}
.xedcshv {
  max-height: inherit;
}
.xeuugli {
  min-width: 0px;
}
.xexx8yu {
  padding-top: 0px;
}
.xeyy32k {
  border-bottom-right-radius: 8px;
}
.xgd8bvy {
  width: 28px;
}
.xgq9j65 {
  left: var(--x-left);
}
.xh8yej3 {
  width: 100%;
}
.xieb3on {
  margin-bottom: 20px;
}
.xifccgj {
  margin-top: -6px;
}
.xj35x94 {
  width: 112px;
}
.xjbys53 {
  top: var(--x-top);
}
.xjkvuk6 {
  padding-bottom: 4px;
}
.xjm9jq1 {
  height: 1px;
}
.xm7lytj {
  padding-top: 7px;
}
.xn3w4p2 {
  height: 44px;
}
.xn9wirt {
  width: 100vw;
}
.xnfr1j {
  top: 1px;
}
.xng8ra {
  height: 60px;
}
.xod5an3 {
  margin-bottom: 12px;
}
.xqdwrps {
  max-width: 908px;
}
.xqtp20y {
  height: 0px;
}
.xqu0tyb {
  height: 4px;
}
.xs7f9wi {
  top: 2px;
}
.xsag5q8 {
  padding-bottom: 12px;
}
.xsmyaan {
  width: 12px;
}
.xsugpx9 {
  bottom: -6px;
}
.xtu2xtp {
  top: -6px;
}
.xu06os2 {
  margin-bottom: 5px;
}
.xuoj239 {
  height: 3px;
}
.xw4jnvo {
  width: 20px;
}
.xw7yly9 {
  margin-top: 16px;
}
.xwib8y2 {
  padding-bottom: 8px;
}
.xxzkxad {
  top: var(--header-height);
}
.xyamay9 {
  padding-top: 16px;
}
.xz62fqu {
  margin-bottom: -5px;
}
.xz9dl7a {
  padding-top: 12px;
}
@supports (margin: 1cap) {
}
@supports (padding: env(safe-area-inset-bottom, 0)) {
}
@supports (margin: 1cap) {
}
@supports (padding: env(safe-area-inset-bottom, 0)) {
}
@media (min-height: 700px) and (max-height: 789px) {
  .x16i7wwg.x16i7wwg {
    max-width: 1063px;
  }
}
@media (max-width: 500px) {
  .x1ifrov1.x1ifrov1 {
    width: 100%;
  }
}
@media (min-height: 700px) and (max-height: 789px) {
  .x1rr25im.x1rr25im {
    max-width: 1095px;
  }
}
@media (min-height: 700px) and (max-height: 789px) {
  .x1sltb1f.x1sltb1f {
    width: 1063px;
  }
}
@media (min-height: 790px) {
  .x1xh8ygx.x1xh8ygx {
    max-width: 1250px;
  }
}
@media (min-height: 790px) {
  .x1y5dvz6.x1y5dvz6 {
    max-width: 1218px;
  }
}
@media (min-height: 790px) {
  .x3fxtfs.x3fxtfs {
    width: 1218px;
  }
}
.x19gujb8::-webkit-search-results-decoration {
}
.x1ad04t7::-webkit-search-cancel-button {
}
.x1cpjm7i::before {
  content: "";
}
.x1fgarty::before {
  display: block;
}
.x1glnyev::-webkit-search-decoration {
}
.x1ix68h3::-webkit-search-results-button {
}
.x1j6awrg::after {
  position: absolute;
}
.x1o8326s::after {
  inset-inline-end: -8px;
}
.x1s928wv::after {
  content: "";
}
.x56lyyc::after {
  inset-inline-start: -8px;
}
.x5asq90::backdrop {
  background-color: var(--overlay-alpha-80);
}
.xg6frx5::after {
  border-start-end-radius: 50%;
}
.xhgbb2x::after {
  border-end-start-radius: 50%;
}
.xhkezso::after {
  display: block;
}
.xitxdhh::after {
  z-index: 1;
}
.xr1aajl::backdrop {
  background-color: rgba(0, 0, 0, 0.4);
}
.xrw4ojt::after {
  border-start-start-radius: 50%;
}
.xw872ko::after {
  border-end-end-radius: 50%;
}
.x14qwyeo::before {
  margin-top: -10px;
}
.x1943h6x::before {
  height: 0px;
}
.x1gmr53x::after {
  height: 0px;
}
.x1tfg27r::after {
  top: -8px;
}
.x1xhcax0::after {
  bottom: -8px;
}
.x3x7a5m::after {
  margin-bottom: -4px;
}
.x4zkp8e::before {
  margin-top: -4px;
}
.x676frb::after {
  margin-bottom: -3px;
}
.xudqn12::before {
  margin-top: -5px;
}
.xw06pyt::after {
  margin-bottom: -6px;
}
label {
  color: rgb(96, 103, 112);
  cursor: default;
  font-weight: 600;
  vertical-align: middle;
}
label input {
  font-weight: 400;
}
input {
  background-color: rgb(255, 255, 255);
  color: rgb(28, 30, 33);
}
html {
  touch-action: manipulation;
  scroll-behavior: smooth;
  scroll-padding-top: 20%;
}
body {
  background: rgb(255, 255, 255);
  color: rgb(28, 30, 33);
  direction: ltr;
  line-height: 1.34;
  margin: 0px;
  padding: 0px;
  unicode-bidi: embed;
}
body,
input,
label {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
}
h1,
h2,
h3,
h4 {
  color: rgb(28, 30, 33);
  font-size: 13px;
  font-weight: 600;
  margin: 0px;
  padding: 0px;
}
h1 {
  font-size: 14px;
}
h4 {
  font-size: 12px;
}
p {
  margin: 1em 0px;
}
b {
  font-weight: 600;
}
a {
  color: rgb(56, 88, 152);
  cursor: pointer;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
img {
  border: 0px;
}
ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
hr {
  background: rgb(218, 221, 225);
  border-width: 0px;
  color: rgb(218, 221, 225);
  height: 1px;
}
body {
  overflow-y: scroll;
}
svg {
  forced-color-adjust: auto;
}
._9dls {
  overflow-y: scroll !important;
}
._9dls ._6s5d {
  overflow-y: visible !important;
}
._6s5d {
  background-color: var(--web-wash);
}
@media (prefers-reduced-motion: reduce) {
  ._6s5d :not(.always-enable-animations) {
    animation-name: none !important;
    transition-property: none !important;
  }
}
@font-face {
  font-family: "Segoe UI Historic";
  src: local("Arial");
  unicode-range: U+530-5F4, U+10A0-10FF;
}
@font-face {
  font-family: "Segoe UI Historic";
  font-weight: 700;
  src: local("Arial Bold"), local("Arial");
  unicode-range: U+530-5F4, U+10A0-10FF;
}
@font-face {
  font-family: "Fix for Mac Chrome 80";
  font-weight: 500;
  src: local("Lucida Grande");
  unicode-range: U+530-5F4, U+10A0-10FF;
}
.fa-sr-only-focusable:not(:focus),
.sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
:host,
:root {
  --fa-style-family-brands: "Font Awesome 6 Brands";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}

:host,
:root {
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
}

:host,
:root {
  --fa-style-family-classic: "Font Awesome 6 Free";
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
}
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url(/fonts/fa-solid-900.woff2) format("woff2");
}
@font-face {
  font-family: "Font Awesome 5 Free";
  font-display: block;
  font-weight: 900;
  src: url(/fonts/fa-solid-900.woff2) format("woff2");
}

@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url(/fonts/fa-solid-900.woff2) format("woff2");
}
:root,
.__fb-light-mode:root,
.__fb-light-mode {
  --fds-black: #000000;
  --fds-black-alpha-05: rgba(0, 0, 0, 0.05);
  --fds-black-alpha-10: rgba(0, 0, 0, 0.1);
  --fds-black-alpha-15: rgba(0, 0, 0, 0.15);
  --fds-black-alpha-20: rgba(0, 0, 0, 0.2);
  --fds-black-alpha-30: rgba(0, 0, 0, 0.3);
  --fds-black-alpha-40: rgba(0, 0, 0, 0.4);
  --fds-black-alpha-50: rgba(0, 0, 0, 0.5);
  --fds-black-alpha-60: rgba(0, 0, 0, 0.6);
  --fds-black-alpha-80: rgba(0, 0, 0, 0.8);
  --fds-blue-05: #ecf3ff;
  --fds-blue-30: #aac9ff;
  --fds-blue-40: #77a7ff;
  --fds-blue-60: #1877f2;
  --fds-blue-70: #2851a3;
  --fds-blue-80: #1d3c78;
  --fds-button-text: #444950;
  --fds-comment-background: #f2f3f5;
  --fds-dark-mode-gray-35: #cccccc;
  --fds-dark-mode-gray-50: #828282;
  --fds-dark-mode-gray-70: #4a4a4a;
  --fds-dark-mode-gray-80: #373737;
  --fds-dark-mode-gray-90: #282828;
  --fds-dark-mode-gray-100: #1c1c1c;
  --fds-gray-00: #f5f6f7;
  --fds-gray-05: #f2f3f5;
  --fds-gray-10: #ebedf0;
  --fds-gray-20: #dadde1;
  --fds-gray-25: #ccd0d5;
  --fds-gray-30: #bec3c9;
  --fds-gray-45: #8d949e;
  --fds-gray-70: #606770;
  --fds-gray-80: #444950;
  --fds-gray-90: #303338;
  --fds-gray-100: #1c1e21;
  --fds-green-55: #00a400;
  --fds-green-65: #51ce70;
  --fds-highlight: #3578e5;
  --fds-highlight-cell-background: #ecf3ff;
  --fds-primary-icon: #1c1e21;
  --fds-primary-text: #1c1e21;
  --fds-red-55: #fa383e;
  --fds-soft: cubic-bezier(0.08, 0.52, 0.52, 1);
  --fds-spectrum-aluminum-tint-70: #e4f0f6;
  --fds-spectrum-blue-gray-tint-70: #cfd1d5;
  --fds-spectrum-cherry: #f35369;
  --fds-spectrum-cherry-tint-70: #fbccd2;
  --fds-spectrum-grape-tint-70: #ddd5f0;
  --fds-spectrum-grape-tint-90: #f4f1fa;
  --fds-spectrum-lemon-dark-1: #f5c33b;
  --fds-spectrum-lemon-tint-70: #fef2d1;
  --fds-spectrum-lime: #a3ce71;
  --fds-spectrum-lime-tint-70: #e4f0d5;
  --fds-spectrum-orange-tint-70: #fcdec5;
  --fds-spectrum-orange-tint-90: #fef4ec;
  --fds-spectrum-seafoam-tint-70: #caeef9;
  --fds-spectrum-slate-dark-2: #89a1ac;
  --fds-spectrum-slate-tint-70: #eaeff2;
  --fds-spectrum-teal: #6bcebb;
  --fds-spectrum-teal-dark-1: #4dbba6;
  --fds-spectrum-teal-dark-2: #31a38d;
  --fds-spectrum-teal-tint-70: #d2f0ea;
  --fds-spectrum-teal-tint-90: #f0faf8;
  --fds-spectrum-tomato: #fb724b;
  --fds-spectrum-tomato-tint-30: #f38e7b;
  --fds-spectrum-tomato-tint-90: #fdefed;
  --fds-strong: cubic-bezier(0.12, 0.8, 0.32, 1);
  --fds-unified-blue-35: #1455b0;
  --fds-unified-gray-20: #323436;
  --fds-white: #ffffff;
  --fds-white-alpha-05: rgba(255, 255, 255, 0.05);
  --fds-white-alpha-10: rgba(255, 255, 255, 0.1);
  --fds-white-alpha-20: rgba(255, 255, 255, 0.2);
  --fds-white-alpha-30: rgba(255, 255, 255, 0.3);
  --fds-white-alpha-40: rgba(255, 255, 255, 0.4);
  --fds-white-alpha-50: rgba(255, 255, 255, 0.5);
  --fds-white-alpha-60: rgba(255, 255, 255, 0.6);
  --fds-white-alpha-80: rgba(255, 255, 255, 0.8);
  --fds-yellow-20: #ffba00;
  --accent: hsl(214, 89%, 52%);
  --always-white: #ffffff;
  --always-black: black;
  --always-dark-gradient: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  --always-dark-overlay: rgba(0, 0, 0, 0.4);
  --always-light-overlay: rgba(255, 255, 255, 0.4);
  --always-gray-40: #65676b;
  --always-gray-75: #bcc0c4;
  --always-gray-95: #f0f2f5;
  --attachment-footer-background: #f0f2f5;
  --background-deemphasized: #f0f2f5;
  --badge-background-color-blue: var(--accent);
  --badge-background-color-dark-gray: var(--secondary-icon);
  --badge-background-color-gray: var(--disabled-icon);
  --badge-background-color-green: var(--positive);
  --badge-background-color-light-blue: var(--highlight-bg);
  --badge-background-color-red: var(--notification-badge);
  --badge-background-color-yellow: var(--base-lemon);
  --base-blue: #1877f2;
  --base-cherry: #f3425f;
  --base-grape: #9360f7;
  --base-lemon: #f7b928;
  --base-lime: #45bd62;
  --base-pink: #ff66bf;
  --base-seafoam: #54c7ec;
  --base-teal: #2abba7;
  --base-tomato: #fb724b;
  --text-badge-info-background: hsl(214, 89%, 52%);
  --text-badge-success-background: #31a24c;
  --text-badge-attention-background: hsl(40, 89%, 52%);
  --text-badge-critical-background: #e41e3f;
  --blue-link: #216fdb;
  --border-focused: #65676b;
  --card-background: #ffffff;
  --card-background-flat: #f7f8fa;
  --comment-background: #f0f2f5;
  --comment-footer-background: #f6f9fa;
  --dataviz-primary-1: rgb(0, 174, 143);
  --dataviz-blue-primary: #1d85fc;
  --dataviz-blue-secondary: #043b72;
  --dataviz-orange: #d06c14;
  --disabled-button-background: #e4e6eb;
  --disabled-button-text: #bcc0c4;
  --disabled-icon: #bcc0c4;
  --disabled-text: #bcc0c4;
  --divider: #ced0d4;
  --divider-on-color: #ced0d4;
  --event-date: #f3425f;
  --fb-wordmark: #0866ff;
  --fb-logo: #0866ff;
  --filter-accent: invert(39%) sepia(57%) saturate(200%) saturate(200%)
    saturate(200%) saturate(200%) saturate(200%) saturate(147.75%)
    hue-rotate(202deg) brightness(97%) contrast(96%);
  --filter-always-white: invert(100%);
  --filter-disabled-icon: invert(80%) sepia(6%) saturate(200%) saturate(120%)
    hue-rotate(173deg) brightness(98%) contrast(89%);
  --filter-placeholder-icon: invert(59%) sepia(11%) saturate(200%)
    saturate(135%) hue-rotate(176deg) brightness(96%) contrast(94%);
  --filter-primary-accent: invert(39%) sepia(57%) saturate(200%) saturate(200%)
    saturate(200%) saturate(200%) saturate(200%) saturate(147.75%)
    hue-rotate(202deg) brightness(97%) contrast(96%);
  --filter-primary-icon: invert(8%) sepia(10%) saturate(200%) saturate(200%)
    saturate(166%) hue-rotate(177deg) brightness(104%) contrast(91%);
  --filter-secondary-button-icon-on-media: invert(100%);
  --filter-secondary-icon: invert(39%) sepia(21%) saturate(200%)
    saturate(109.5%) hue-rotate(174deg) brightness(94%) contrast(86%);
  --filter-warning-icon: invert(77%) sepia(29%) saturate(200%) saturate(200%)
    saturate(200%) saturate(200%) saturate(200%) saturate(128%)
    hue-rotate(359deg) brightness(102%) contrast(107%);
  --filter-blue-link-icon: invert(30%) sepia(98%) saturate(200%) saturate(200%)
    saturate(200%) saturate(166.5%) hue-rotate(192deg) brightness(91%)
    contrast(101%);
  --filter-positive: invert(37%) sepia(61%) saturate(200%) saturate(200%)
    saturate(200%) saturate(200%) saturate(115%) hue-rotate(91deg)
    brightness(97%) contrast(105%);
  --filter-primary-deemphasized-button-icon: invert(28%) sepia(100%)
    saturate(6042%) hue-rotate(202deg) brightness(96%) contrast(101%);
  --filter-negative: invert(25%) sepia(33%) saturate(200%) saturate(200%)
    saturate(200%) saturate(200%) saturate(200%) saturate(200%) saturate(110%)
    hue-rotate(345deg) brightness(132%) contrast(96%);
  --focus-ring-blue: #1877f2;
  --glimmer-base-opaque: #979a9f;
  --glimmer-high-contrast-base-opaque: #65686c;
  --glimmer-opacity-high-contrast-max: 1;
  --glimmer-opacity-high-contrast-min: 0.08;
  --glimmer-opacity-max: 1;
  --glimmer-opacity-min: 0.25;
  --glimmer-spinner-icon: #65676b;
  --hero-banner-background: #ffffff;
  --hosted-view-selected-state: rgba(45, 136, 255, 0.1);
  --highlight-bg: #e7f3ff;
  --hover-overlay: rgba(0, 0, 0, 0.05);
  --inverse-text: var(--always-white);
  --list-cell-chevron: #65676b;
  --media-hover: rgba(68, 73, 80, 0.15);
  --media-inner-border: rgba(0, 0, 0, 0.1);
  --media-outer-border: #ffffff;
  --media-pressed: rgba(68, 73, 80, 0.35);
  --messenger-card-background: #ffffff;
  --messenger-card-box-shadow: 0px 1px 2px 0px #0000001a;
  --mwp-header-background-color: var(--messenger-card-background);
  --mwp-header-button-color: var(--accent);
  --mwp-message-row-background: var(--messenger-card-background);
  --messenger-reply-background: #f0f2f5;
  --overlay-alpha-80: rgba(244, 244, 244, 0.8);
  --overlay-on-media: rgba(0, 0, 0, 0.6);
  --nav-bar-background: #ffffff;
  --popover-card-background: var(--card-background);
  --nav-bar-background-gradient: linear-gradient(
    to top,
    #ffffff,
    rgba(255, 255, 255.9),
    rgba(255, 255, 255, 0.7),
    rgba(255, 255, 255, 0.4),
    rgba(255, 255, 255, 0)
  );
  --nav-bar-background-gradient-wash: linear-gradient(
    to top,
    #f0f2f5,
    rgba(240, 242, 245.9),
    rgba(240, 242, 245, 0.7),
    rgba(240, 242, 245, 0.4),
    rgba(240, 242, 245, 0)
  );
  --negative: hsl(350, 87%, 55%);
  --negative-background: hsl(350, 87%, 55%, 20%);
  --new-notification-background: #e7f3ff;
  --non-media-pressed: rgba(68, 73, 80, 0.15);
  --non-media-pressed-on-dark: rgba(255, 255, 255, 0.3);
  --notification-badge: #e41e3f;
  --placeholder-icon: #65676b;
  --placeholder-image: rgb(164, 167, 171);
  --placeholder-text: #65676b;
  --placeholder-text-on-media: rgba(255, 255, 255, 0.5);
  --popover-background: #ffffff;
  --positive: #31a24c;
  --positive-background: #deefe1;
  --press-overlay: rgba(0, 0, 0, 0.1);
  --primary-button-background: #1b74e4;
  --primary-button-icon: #ffffff;
  --primary-button-pressed: #77a7ff;
  --primary-button-text: #ffffff;
  --primary-deemphasized-button-background: #e7f3ff;
  --primary-deemphasized-button-pressed: rgba(0, 0, 0, 0.05);
  --primary-deemphasized-button-pressed-overlay: rgba(25, 110, 255, 0.15);
  --primary-deemphasized-button-text: #1877f2;
  --primary-icon: #050505;
  --primary-text: #050505;
  --primary-text-on-media: #ffffff;
  --primary-web-focus-indicator: #d24294;
  --progress-ring-neutral-background: rgba(0, 0, 0, 0.2);
  --progress-ring-neutral-foreground: #000000;
  --progress-ring-on-media-background: rgba(255, 255, 255, 0.2);
  --progress-ring-on-media-foreground: #ffffff;
  --progress-ring-blue-background: rgba(24, 119, 242, 0.2);
  --progress-ring-blue-foreground: hsl(214, 89%, 52%);
  --progress-ring-disabled-background: rgba(190, 195, 201, 0.2);
  --progress-ring-disabled-foreground: #bec3c9;
  --rating-star-active: #eb660d;
  --scroll-thumb: #bcc0c4;
  --scroll-shadow:
    0 1px 2px rgba(0, 0, 0, 0.1), 0 -1px rgba(0, 0, 0, 0.1) inset;
  --secondary-button-background: #e4e6eb;
  --secondary-button-background-floating: #ffffff;
  --secondary-button-background-on-dark: rgba(0, 0, 0, 0.4);
  --secondary-button-pressed: rgba(0, 0, 0, 0.05);
  --secondary-button-stroke: transparent;
  --secondary-button-text: #050505;
  --secondary-icon: #65676b;
  --secondary-text: #65676b;
  --secondary-text-on-media: rgba(255, 255, 255, 0.9);
  --section-header-text: #4b4c4f;
  --shadow-1: rgba(0, 0, 0, 0.1);
  --shadow-2: rgba(0, 0, 0, 0.2);
  --shadow-5: rgba(0, 0, 0, 0.5);
  --shadow-8: rgba(0, 0, 0, 0.8);
  --shadow-base: 0 1px 2px var(--shadow-2);
  --shadow-elevated:
    0 8px 20px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  --shadow-emphasis: 0 2px 12px var(--shadow-2);
  --shadow-inset: rgba(255, 255, 255, 0.5);
  --shadow-on-media: 0px 0px 1px rgba(0, 0, 0, 0.62);
  --shadow-persistent: 0px 0px 12px rgba(52, 72, 84, 0.05);
  --shadow-primary: 0px 5px 12px rgba(52, 72, 84, 0.2);
  --shadow-responsive: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
  --surface-background: #ffffff;
  --switch-active: hsl(214, 89%, 52%);
  --switch-inactive: #ced0d4;
  --switch-unchecked-background-color: #8f9297;
  --text-highlight: rgba(24, 119, 242, 0.2);
  --input-background: #ffffff;
  --input-background-hover: var(--input-background);
  --input-background-warn-hover: hsla(
    var(--warning-h),
    var(--warning-s),
    var(--warning-l),
    0.05
  );
  --input-background-error-hover: hsla(
    var(--negative-h),
    var(--negative-s),
    var(--negative-l),
    0.05
  );
  --input-background-active: hsla(
    var(--accent-h),
    var(--accent-s),
    var(--accent-l),
    0.05
  );
  --input-background-warn-active: hsla(
    var(--warning-h),
    var(--warning-s),
    var(--warning-l),
    0.05
  );
  --input-background-error-active: hsla(
    var(--negative-h),
    var(--negative-s),
    var(--negative-l),
    0.05
  );
  --input-background-disabled: #f0f2f5;
  --input-border-color: #ced0d4;
  --input-border-color-hover: var(--placeholder-text);
  --input-label-color-highlighted: hsl(214, 89%, 52%);
  --input-label-color-inside: var(--secondary-text);
  --input-label-color-error: var(--negative);
  --input-label-color-disabled: var(--disabled-text);
  --text-input-outside-label: #000000;
  --toast-background: #ffffff;
  --toast-text: #1c2b33;
  --toast-text-link: #216fdb;
  --toast-border-color: transparent;
  --toast-border-style: none;
  --toast-border-width: 0px;
  --toggle-active-background: #e7f3ff;
  --toggle-active-icon: rgb(24, 119, 242);
  --toggle-active-text: rgb(24, 119, 242);
  --toggle-button-active-background: #e7f3ff;
  --tooltip-background: rgba(244, 244, 244, 0.8);
  --tooltip-box-shadow: 0 2px 4px 0 var(--shadow-5);
  --popover-border-color: transparent;
  --wash: #e4e6eb;
  --web-wash: #f0f2f5;
  --warning: hsl(40, 89%, 52%);
  --chat-bubble-emphasis-ring-after: black;
  --chat-bubble-emphasis-ring-before: white;
  --chat-text-blockquote-color-background-line: rgba(0, 0, 0, 0.12);
  --chat-text-blockquote-color-text-primary-media: rgba(255, 255, 255, 0.7);
  --chat-incoming-message-bubble-background-color: #f0f0f0;
  --chat-outgoing-message-bubble-background-color: var(--accent);
  --chat-replied-message-background-color: rgba(0, 0, 0, 0.03);
  --radio-border-color: var(--primary-icon);
  --radio-border-color-disabled: var(--disabled-button-background);
  --radio-border-color-selected: var(--accent);
  --radio-checked-icon-color: var(--accent);
  --radio-checked-icon-color-disabled: var(--disabled-button-background);
  --dialog-anchor-vertical-padding: 56px;
  --header-height: 56px;
  --global-panel-width: 0px;
  --global-panel-width-expanded: 0px;
  --alert-banner-corner-radius: 8px;
  --button-corner-radius: 6px;
  --button-corner-radius-medium: 10px;
  --button-corner-radius-large: 12px;
  --button-height-large: 40px;
  --button-height-medium: 36px;
  --button-padding-horizontal-large: 16px;
  --button-padding-horizontal-medium: 16px;
  --button-padding-icon-only: 16px;
  --button-icon-padding-large: 16px;
  --button-icon-padding-medium: 16px;
  --button-inner-icon-spacing-large: 3px;
  --button-inner-icon-spacing-medium: 3px;
  --blueprint-button-height-medium: 40px;
  --blueprint-button-height-large: 48px;
  --card-corner-radius: 8px;
  --card-box-shadow: 0 12px 28px 0 var(--shadow-2), 0 2px 4px 0 var(--shadow-1);
  --card-padding-horizontal: 10px;
  --card-padding-vertical: 20px;
  --chip-corner-radius: 6px;
  --comment-bubble: 18px;
  --dialog-corner-radius: 8px;
  --glimmer-corner-radius: 8px;
  --image-corner-radius: 4px;
  --infochip-medium-radius: 12px;
  --input-corner-radius: 6px;
  --input-border-width: 1px;
  --nav-list-cell-corner-radius: 8px;
  --list-cell-corner-radius: 8px;
  --list-cell-min-height: 52px;
  --list-cell-padding-vertical: 20px;
  --list-cell-padding-vertical-with-addon: 14px;
  --menu-base-list-item-padding-horizontal: 8px;
  --menu-base-list-item-padding-vertical: 12px;
  --menu-base-size-full-margin-end: 48px;
  --menu-item-base-margin-horizontal: 8px;
  --menu-item-base-margin-vertical: 0px;
  --menu-item-base-padding-horizontal: 8px;
  --menu-item-base-overlay-radius: 4px;
  --menu-item-base-padding-vertical: 12px;
  --menu-item-base-with-icon-padding-horizontal: var(
    --menu-item-base-padding-horizontal
  );
  --separator-menu-item-margin-horizontal: 16px;
  --separator-menu-item-margin-vertical: 4px;
  --nav-list-cell-min-height: 0px;
  --nav-list-cell-padding-vertical: 16px;
  --nav-list-cell-padding-vertical-with-addon: 16px;
  --nux-card-body-padding-end: 24px;
  --page-footer-padding-vertical: 16px;
  --popover-border-style: none;
  --popover-border-width: 0px;
  --section-header-addOnEnd-margin-horizontal: 8px;
  --section-header-addOnStart-margin-horizontal: 12px;
  --section-header-addOnEnd-button-padding-horizontal: 0px;
  --section-header-addOnEnd-button-padding-vertical: 0px;
  --section-header-padding-vertical: 16px;
  --section-header-subtitle-margin-vertical: 14px;
  --section-header-subtitle-with-addOnEnd-margin-vertical: 6px;
  --tab-height: 60px;
  --tab-icon-padding-end: 0px;
  --tab-text-icon-gap: 4px;
  --tab-underline-color: transparent;
  --tab-underline-height: 3px;
  --text-badge-corner-radius: 4px;
  --text-badge-padding-horizontal: 6px;
  --text-badge-padding-vertical: 6px;
  --text-input-multi-padding-between-text-scrollbar: 20px;
  --text-input-multi-padding-scrollbar: 16px;
  --text-input-caption-margin-top: 10px;
  --text-input-padding-vertical: 12px;
  --toast-addon-padding-horizontal: 6px;
  --toast-addon-padding-vertical: 6px;
  --toast-container-max-width: 100%;
  --toast-container-min-width: 288px;
  --toast-container-padding-horizontal: 10px;
  --toast-container-padding-vertical: 16px;
  --toast-corner-radius: 8px;
  --toaster-view-max-width: 328px;
  --tooltip-corner-radius: 8px;
  --typeahead-list-outer-padding-vertical: 2px;
  --fds-animation-enter-exit-in: cubic-bezier(0.14, 1, 0.34, 1);
  --fds-animation-enter-exit-out: cubic-bezier(0.45, 0.1, 0.2, 1);
  --fds-animation-swap-shuffle-in: cubic-bezier(0.14, 1, 0.34, 1);
  --fds-animation-swap-shuffle-out: cubic-bezier(0.45, 0.1, 0.2, 1);
  --fds-animation-move-in: cubic-bezier(0.17, 0.17, 0, 1);
  --fds-animation-move-out: cubic-bezier(0.17, 0.17, 0, 1);
  --fds-animation-expand-collapse-in: cubic-bezier(0.17, 0.17, 0, 1);
  --fds-animation-expand-collapse-out: cubic-bezier(0.17, 0.17, 0, 1);
  --fds-animation-passive-move-in: cubic-bezier(0.5, 0, 0.1, 1);
  --fds-animation-passive-move-out: cubic-bezier(0.5, 0, 0.1, 1);
  --fds-animation-quick-move-in: cubic-bezier(0.1, 0.9, 0.2, 1);
  --fds-animation-quick-move-out: cubic-bezier(0.1, 0.9, 0.2, 1);
  --fds-animation-fade-in: cubic-bezier(0, 0, 1, 1);
  --fds-animation-fade-out: cubic-bezier(0, 0, 1, 1);
  --fds-duration-extra-extra-short-in: 0.1s;
  --fds-duration-extra-extra-short-out: 0.1s;
  --fds-duration-extra-short-in: 0.2s;
  --fds-duration-extra-short-out: 0.15s;
  --fds-duration-short-in: 0.28s;
  --fds-duration-short-out: 0.2s;
  --fds-duration-medium-in: 0.4s;
  --fds-duration-medium-out: 0.35s;
  --fds-duration-long-in: 0.5s;
  --fds-duration-long-out: 0.35s;
  --fds-duration-extra-long-in: 1s;
  --fds-duration-extra-long-out: 1s;
  --fds-duration-none: 0ms;
  --fds-fast: 0.2s;
  --fds-slow: 0.4s;
  --font-family-apple:
    system-ui, -apple-system, BlinkMacSystemFont, ".SFNSText-Regular",
    sans-serif;
  --font-family-code: ui-monospace, Menlo, Consolas, Monaco, monospace;
  --font-family-default: Helvetica, Arial, sans-serif;
  --font-family-segoe:
    Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
  --font-family-system-fds:
    system-ui, -apple-system, BlinkMacSystemFont, Segoe UI Historic, Segoe UI,
    Helvetica, Arial, sans-serif;
  --text-input-field-font-family: Placeholder Font;
  --text-input-field-font-size: 1rem;
  --text-input-field-font-stretch: initial;
  --text-input-field-font-weight: 500;
  --text-input-field-line-height: 1.2941;
  --text-input-label-font-family: Placeholder Font;
  --text-input-label-font-size: 17px;
  --text-input-label-font-size-scale-multiplier: 0.75;
  --text-input-label-font-stretch: initial;
  --text-input-label-font-weight: 400;
  --text-input-label-line-height: 1.2941;
  --messenger-card-min-width: 300px;
  --messenger-card-max-width: 480px;
  --messenger-application-max-width: 2560px;
  --messenger-sidebar-collapsed-width: 44px;
  --messenger-sidebar-expanded-width: 240px;
  --messenger-card-corner-radius: 8px;
  --messenger-card-spacing: 16px;
  --chat-bubble-padding-vertical: 8px;
  --chat-bubble-padding-horizontal: 12px;
  --chat-bubble-border-radius: 18px;
  --dialog-size-medium-width: 100%;
  --dialog-size-small-width: 100%;
  --focus-ring-outline-forced-colors: 2px auto transparent !important;
  --focus-ring-outline-link: 2px auto var(--focus-ring-blue);
  --focus-ring-shadow-default:
    0 0 0 2px var(--always-white), 0 0 0 4px var(--focus-ring-blue);
  --focus-ring-shadow-inset:
    0 0 0 2px var(--focus-ring-blue) inset, 0 0 0 4px var(--always-white) inset;
  --glimmer-animation-direction: alternate;
  --glimmer-animation-duration: 1s;
  --glimmer-animation-timing-function: steps(10, end);
  --radio-checked-icon-size-large: 12px;
  --radio-checked-icon-size-medium: 12px;
  --radio-border-width: 2px;
  --radio-size-large: 24px;
  --radio-size-medium: 20px;
  --blue-primary: rgb(0, 136, 244);
  --blue-secondary: rgb(4, 59, 114);
  --blue-tertiary: rgb(235, 245, 255);
  --chartreuse-primary: rgb(106, 147, 22);
  --chartreuse-secondary: rgb(50, 65, 19);
  --chartreuse-tertiary: rgb(226, 255, 152);
  --cyan-primary: rgb(0, 142, 213);
  --cyan-secondary: rgb(15, 63, 93);
  --cyan-tertiary: rgb(231, 245, 255);
  --dataviz-primary-2: rgb(156, 219, 255);
  --dataviz-primary-3: rgb(73, 156, 255);
  --dataviz-secondary-1: rgb(83, 78, 191);
  --dataviz-secondary-2: rgb(103, 96, 228);
  --dataviz-secondary-3: rgb(119, 45, 88);
  --dataviz-supplementary-1: rgb(253, 91, 67);
  --dataviz-supplementary-2: rgb(161, 132, 0);
  --dataviz-supplementary-3: rgb(36, 131, 44);
  --dataviz-supplementary-4: rgb(51, 51, 52);
  --fuschia-primary: rgb(250, 45, 138);
  --fuschia-secondary: rgb(118, 14, 62);
  --fuschia-tertiary: rgb(255, 241, 246);
  --green-primary: rgb(43, 154, 53);
  --green-secondary: rgb(26, 68, 27);
  --green-tertiary: rgb(227, 250, 224);
  --magenta-primary: rgb(215, 77, 204);
  --magenta-secondary: rgb(96, 36, 91);
  --magenta-tertiary: rgb(255, 239, 254);
  --orange-primary: rgb(208, 108, 20);
  --orange-secondary: rgb(94, 49, 14);
  --orange-tertiary: rgb(255, 241, 239);
  --purple-primary: rgb(125, 116, 255);
  --purple-secondary: rgb(55, 50, 121);
  --purple-tertiary: rgb(245, 241, 255);
  --red-primary: rgb(251, 60, 68);
  --red-secondary: rgb(118, 22, 27);
  --red-tertiary: rgb(255, 241, 239);
  --teal-primary: rgb(0, 152, 124);
  --teal-secondary: rgb(10, 68, 56);
  --teal-tertiary: rgb(227, 247, 241);
  --yellow-primary: rgb(161, 132, 0);
  --yellow-secondary: rgb(72, 59, 12);
  --yellow-tertiary: rgb(255, 246, 161);
}

:root,
.__fb-light-mode:root,
.__fb-light-mode {
  --accent: #0866ff;
  --blue-link: #0064d1;
  --fb-wordmark: #0866ff;
  --filter-accent: invert(19%) sepia(70%) saturate(5671%) hue-rotate(203deg)
    brightness(96%) contrast(101%);
  --filter-primary-accent: invert(27%) sepia(95%) saturate(3116%)
    hue-rotate(212deg) brightness(99%) contrast(105%);
  --focus-ring-blue: #0866ff;
  --hosted-view-selected-state: #ebf5ff;
  --input-label-color-highlighted: #0064d1;
  --primary-button-background: #0866ff;
  --primary-deemphasized-button-background: #ebf5ff;
  --primary-deemphasized-button-text: #0064d1;
  --progress-ring-blue-background: #0866ff33;
  --progress-ring-blue-foreground: #0866ff;
  --text-highlight: #0866ff33;
  --toggle-active-background: #ebf5ff;
  --toggle-active-icon: #0064d1;
  --toggle-active-text: #0064d1;
}

:root,
.__fb-light-mode:root,
.__fb-light-mode {
  --action-tile-radius: 16px;
  --attachment-footer-background: #f8f9fb;
  --background-deemphasized: #f2f4f7;
  --base-cherry: #fb3c44;
  --base-grape: #7d74ff;
  --base-lemon: #f9cf00;
  --base-lime: #3fbb46;
  --base-pink: #fa61ba;
  --base-teal: #14b898;
  --blue-link: #0064d1;
  --border-ui-emphasis: #e2e5e9;
  --bottom-sheet-corner-radius: 20px;
  --button-corner-radius: 8px;
  --card-background: #ffffff;
  --card-background-flat: #f8f9fb;
  --card-corner-radius: 12px;
  --card-large-corner-radius: 16px;
  --card-small-corner-radius: 12px;
  --comment-background: #f0f2f5;
  --comment-bubble: 16px;
  --comment-threading-lines: #e2e5e9;
  --dialog-corner-radius: 12px;
  --disabled-button-background: #e2e5e9;
  --disabled-icon: #b0b3b8;
  --disabled-text: #b0b3b8;
  --divider: #d0d3d7;
  --divider-on-color: #5c5e62;
  --event-date: #dd2334;
  --fb-logo: #0866ff;
  --fb-wordmark: #0866ff;
  --fds-animation-enter-exit-in: cubic-bezier(0.14, 1, 0.34, 1);
  --fds-animation-enter-exit-out: cubic-bezier(0.45, 0.1, 0.2, 1);
  --fds-animation-expand-collapse-in: cubic-bezier(0.17, 0.17, 0, 1);
  --fds-animation-expand-collapse-out: cubic-bezier(0.17, 0.17, 0, 1);
  --fds-animation-fade-in: cubic-bezier(0, 0, 1, 1);
  --fds-animation-fade-out: cubic-bezier(0, 0, 1, 1);
  --fds-animation-glimmer-in: cubic-bezier(0.5, 0, 0.5, 1);
  --fds-animation-glimmer-out: cubic-bezier(0.5, 0, 0.5, 1);
  --fds-animation-linear-in: cubic-bezier(0, 0, 1, 1);
  --fds-animation-linear-out: cubic-bezier(0, 0, 1, 1);
  --fds-animation-move-in: cubic-bezier(0.17, 0.17, 0, 1);
  --fds-animation-move-out: cubic-bezier(0.17, 0.17, 0, 1);
  --fds-animation-passive-move-in: cubic-bezier(0.5, 0, 0.1, 1);
  --fds-animation-passive-move-out: cubic-bezier(0.5, 0, 0.1, 1);
  --fds-animation-quick-move-in: cubic-bezier(0.1, 0.9, 0.2, 1);
  --fds-animation-quick-move-out: cubic-bezier(0.1, 0.9, 0.2, 1);
  --fds-animation-swap-shuffle-in: cubic-bezier(0.14, 1, 0.34, 1);
  --fds-animation-swap-shuffle-out: cubic-bezier(0.45, 0.1, 0.2, 1);
  --fds-duration-extra-extra-short-in: 0.1s;
  --fds-duration-extra-extra-short-out: 0.1s;
  --fds-duration-extra-long-in: 1s;
  --fds-duration-extra-long-out: 1s;
  --fds-duration-extra-short-in: 0.2s;
  --fds-duration-extra-short-out: 0.15s;
  --fds-duration-long-in: 0.5s;
  --fds-duration-long-out: 0.35s;
  --fds-duration-medium-in: 0.4s;
  --fds-duration-medium-out: 0.35s;
  --fds-duration-none: 0ms;
  --fds-duration-short-in: 0.28s;
  --fds-duration-short-out: 0.2s;
  --fds-fast: 0.2s;
  --fds-slow: 0.4s;
  --glimmer-base-opaque: #979a9f;
  --glimmer-high-contrast-base-opaque: #65686c;
  --glimmer-opacity-high-contrast-max: 1;
  --glimmer-opacity-high-contrast-min: 0.25;
  --glimmer-opacity-max: 1;
  --glimmer-opacity-min: 0.25;
  --hosted-view-selected-state: #ebf5ff;
  --infochip-large-radius: 8px;
  --infochip-medium-radius: 4px;
  --infochip-small-radius: 4px;
  --input-border-width: 1px;
  --input-corner-radius: 12px;
  --last-active-state-background: #f2fcf0;
  --last-active-state-text: #1e5e21;
  --link-on-media: #ffffff;
  --list-cell-corner-radius: 8px;
  --list-cell-min-height: 44px;
  --listcell-inset-radius: 16px;
  --media-corner-radius: 12px;
  --media-hovered: rgba(70, 72, 75, 0.15);
  --media-inner-border: rgba(0, 0, 0, 0.1);
  --media-large-corner-radius: 16px;
  --media-pressed: rgba(70, 72, 75, 0.35);
  --media-small-corner-radius: 12px;
  --nav-bar-background: #ffffff;
  --negative: #dd2334;
  --negative-background: #ffe3de;
  --new-notification-background: #e7f3ff;
  --non-media-pressed: rgba(70, 72, 75, 0.15);
  --non-media-pressed-on-dark: rgba(255, 255, 255, 0.3);
  --notification-badge: #dd2334;
  --overlay-on-media: rgba(0, 0, 0, 0.8);
  --placeholder-icon: #65686c;
  --placeholder-image: #979a9f;
  --placeholder-text: #65686c;
  --placeholder-text-on-media: rgba(255, 255, 255, 0.8);
  --popover-background: #ffffff;
  --positive: #24832c;
  --positive-deemphasized: #f2fcf0;
  --primary-button-background: #0866ff;
  --primary-button-background-on-color: #ffffff;
  --primary-button-background-on-media: #ffffff;
  --primary-button-icon: #ffffff;
  --primary-button-icon-on-color: #000000;
  --primary-button-icon-on-media: #080809;
  --primary-button-text: #ffffff;
  --primary-button-text-on-media: #080809;
  --primary-deemphasized-button-background: #ebf5ff;
  --primary-deemphasized-button-icon: #0064d1;
  --primary-deemphasized-button-text: #0064d1;
  --primary-icon: #080809;
  --primary-icon-on-media: #ffffff;
  --primary-text: #080809;
  --primary-text-on-color: #ffffff;
  --primary-text-on-media: #ffffff;
  --progress-ring-blue-background: rgba(8, 102, 255, 0.2);
  --progress-ring-blue-foreground: #0866ff;
  --progress-ring-disabled-background: rgba(176, 179, 184, 0.2);
  --progress-ring-disabled-foreground: #b0b3b8;
  --progress-ring-neutral-background: rgba(0, 0, 0, 0.2);
  --progress-ring-neutral-foreground: #000000;
  --progress-ring-on-media-background: rgba(255, 255, 255, 0.2);
  --progress-ring-on-media-foreground: #ffffff;
  --radio-border-width: 2px;
  --radio-checked-icon-size-large: 12px;
  --radio-checked-icon-size-medium: 12px;
  --radio-size-large: 24px;
  --radio-size-medium: 20px;
  --rating-star-active: #e0761a;
  --rating-star-active-on-color: #ffffff;
  --rating-star-active-on-media: #ffffff;
  --reaction-anger: #dd2334;
  --reaction-haha: #887000;
  --reaction-like: #0866ff;
  --reaction-love: #dd2334;
  --reaction-sorry: #887000;
  --reaction-support: #887000;
  --reaction-wow: #887000;
  --reshare-radius: 16px;
  --secondary-button-background: #e2e5e9;
  --secondary-button-background-floating: #ffffff;
  --secondary-button-background-on-color: rgba(255, 255, 255, 0.15);
  --secondary-button-background-on-dark: rgba(28, 28, 29, 0.6);
  --secondary-button-background-on-media: rgba(28, 28, 29, 0.6);
  --secondary-button-icon-on-media: #ffffff;
  --secondary-button-pressed: rgba(0, 0, 0, 0.05);
  --secondary-button-stroke: rgba(0, 0, 0, 0);
  --secondary-button-text: #080809;
  --secondary-icon: #65686c;
  --secondary-icon-on-color: rgba(255, 255, 255, 0.9);
  --secondary-icon-on-media: rgba(255, 255, 255, 0.8);
  --secondary-text: #65686c;
  --secondary-text-on-color: rgba(255, 255, 255, 0.9);
  --secondary-text-on-media: rgba(255, 255, 255, 0.8);
  --story-seen: #84878b;
  --story-unseen: #0866ff;
  --surface-background: #ffffff;
  --switch-unchecked-background-color: #8f9297;
  --text-badge-corner-radius: 4px;
  --text-badge-padding-horizontal: 6px;
  --text-badge-padding-vertical: 6px;
  --text-highlight: rgba(8, 102, 255, 0.2);
  --text-input-active-text: #0064d1;
  --text-input-caption-margin-top: 10px;
  --text-input-multi-padding-between-text-scrollbar: 20px;
  --text-input-multi-padding-scrollbar: 16px;
  --text-input-padding-vertical: 12px;
  --toast-addon-padding-horizontal: 6px;
  --toast-addon-padding-vertical: 6px;
  --toast-container-padding-horizontal: 10px;
  --toast-container-padding-vertical: 16px;
  --toast-corner-radius: 8px;
  --toggle-active-background: #ebf5ff;
  --toggle-active-icon: #0064d1;
  --toggle-active-text: #0064d1;
  --tooltip-background: rgba(255, 255, 255, 0.8);
  --tooltip-corner-radius: 12px;
  --warning: #af8f00;
  --wash: #c9ccd1;
  --web-wash: #f2f4f7;
}

:root,
.__fb-light-mode:root,
.__fb-light-mode {
  --action-tile-radius: 16px;
  --attachment-footer-background: #f8f9fb;
  --background-deemphasized: #f2f4f7;
  --base-cherry: #fb3c44;
  --base-grape: #7d74ff;
  --base-lemon: #f9cf00;
  --base-lime: #3fbb46;
  --base-pink: #fa61ba;
  --base-teal: #14b898;
  --blue-link: #0064d1;
  --border-ui-emphasis: #e2e5e9;
  --bottom-sheet-corner-radius: 20px;
  --button-corner-radius: 8px;
  --card-background: #ffffff;
  --card-background-flat: #f8f9fb;
  --card-corner-radius: 12px;
  --card-large-corner-radius: 16px;
  --card-small-corner-radius: 12px;
  --comment-background: #f0f2f5;
  --comment-bubble: 16px;
  --comment-threading-lines: #e2e5e9;
  --dialog-corner-radius: 12px;
  --disabled-button-background: #e2e5e9;
  --disabled-icon: #b0b3b8;
  --disabled-text: #b0b3b8;
  --divider: #d0d3d7;
  --divider-on-color: #5c5e62;
  --event-date: #dd2334;
  --fb-logo: #0866ff;
  --fb-wordmark: #0866ff;
  --fds-animation-enter-exit-in: cubic-bezier(0.14, 1, 0.34, 1);
  --fds-animation-enter-exit-out: cubic-bezier(0.45, 0.1, 0.2, 1);
  --fds-animation-expand-collapse-in: cubic-bezier(0.17, 0.17, 0, 1);
  --fds-animation-expand-collapse-out: cubic-bezier(0.17, 0.17, 0, 1);
  --fds-animation-fade-in: cubic-bezier(0, 0, 1, 1);
  --fds-animation-fade-out: cubic-bezier(0, 0, 1, 1);
  --fds-animation-glimmer-in: cubic-bezier(0.5, 0, 0.5, 1);
  --fds-animation-glimmer-out: cubic-bezier(0.5, 0, 0.5, 1);
  --fds-animation-linear-in: cubic-bezier(0, 0, 1, 1);
  --fds-animation-linear-out: cubic-bezier(0, 0, 1, 1);
  --fds-animation-move-in: cubic-bezier(0.17, 0.17, 0, 1);
  --fds-animation-move-out: cubic-bezier(0.17, 0.17, 0, 1);
  --fds-animation-passive-move-in: cubic-bezier(0.5, 0, 0.1, 1);
  --fds-animation-passive-move-out: cubic-bezier(0.5, 0, 0.1, 1);
  --fds-animation-quick-move-in: cubic-bezier(0.1, 0.9, 0.2, 1);
  --fds-animation-quick-move-out: cubic-bezier(0.1, 0.9, 0.2, 1);
  --fds-animation-swap-shuffle-in: cubic-bezier(0.14, 1, 0.34, 1);
  --fds-animation-swap-shuffle-out: cubic-bezier(0.45, 0.1, 0.2, 1);
  --fds-duration-extra-extra-short-in: 0.1s;
  --fds-duration-extra-extra-short-out: 0.1s;
  --fds-duration-extra-long-in: 1s;
  --fds-duration-extra-long-out: 1s;
  --fds-duration-extra-short-in: 0.2s;
  --fds-duration-extra-short-out: 0.15s;
  --fds-duration-long-in: 0.5s;
  --fds-duration-long-out: 0.35s;
  --fds-duration-medium-in: 0.4s;
  --fds-duration-medium-out: 0.35s;
  --fds-duration-none: 0ms;
  --fds-duration-short-in: 0.28s;
  --fds-duration-short-out: 0.2s;
  --fds-fast: 0.2s;
  --fds-slow: 0.4s;
  --glimmer-base-opaque: #979a9f;
  --glimmer-high-contrast-base-opaque: #65686c;
  --glimmer-opacity-high-contrast-max: 1;
  --glimmer-opacity-high-contrast-min: 0.08;
  --glimmer-opacity-max: 0.5;
  --glimmer-opacity-min: 0.15;
  --hosted-view-selected-state: #ebf5ff;
  --infochip-large-radius: 8px;
  --infochip-medium-radius: 12px;
  --infochip-small-radius: 4px;
  --input-border-width: 1px;
  --input-corner-radius: 12px;
  --last-active-state-background: #f2fcf0;
  --last-active-state-text: #1e5e21;
  --link-on-media: #ffffff;
  --list-cell-corner-radius: 8px;
  --list-cell-min-height: 44px;
  --listcell-inset-radius: 16px;
  --media-corner-radius: 0px;
  --media-hovered: rgba(70, 72, 75, 0.15);
  --media-inner-border: rgba(0, 0, 0, 0.1);
  --media-large-corner-radius: 0px;
  --media-pressed: rgba(70, 72, 75, 0.35);
  --media-small-corner-radius: 0px;
  --nav-bar-background: #ffffff;
  --negative: #dd2334;
  --negative-background: #ffe3de;
  --new-notification-background: #e7f3ff;
  --non-media-pressed: rgba(70, 72, 75, 0.15);
  --non-media-pressed-on-dark: rgba(255, 255, 255, 0.3);
  --notification-badge: #dd2334;
  --overlay-on-media: rgba(0, 0, 0, 0.8);
  --placeholder-icon: #65686c;
  --placeholder-image: #979a9f;
  --placeholder-text: #65686c;
  --placeholder-text-on-media: rgba(255, 255, 255, 0.8);
  --popover-background: #ffffff;
  --positive: #24832c;
  --positive-deemphasized: #f2fcf0;
  --primary-button-background: #0866ff;
  --primary-button-background-on-color: #ffffff;
  --primary-button-background-on-media: #ffffff;
  --primary-button-icon: #ffffff;
  --primary-button-icon-on-color: #000000;
  --primary-button-icon-on-media: #080809;
  --primary-button-text: #ffffff;
  --primary-button-text-on-media: #080809;
  --primary-deemphasized-button-background: #ebf5ff;
  --primary-deemphasized-button-icon: #0064d1;
  --primary-deemphasized-button-text: #0064d1;
  --primary-icon: #080809;
  --primary-icon-on-media: #ffffff;
  --primary-text: #080809;
  --primary-text-on-color: #ffffff;
  --primary-text-on-media: #ffffff;
  --progress-ring-blue-background: rgba(8, 102, 255, 0.2);
  --progress-ring-blue-foreground: #0866ff;
  --progress-ring-disabled-background: rgba(176, 179, 184, 0.2);
  --progress-ring-disabled-foreground: #b0b3b8;
  --progress-ring-neutral-background: rgba(0, 0, 0, 0.2);
  --progress-ring-neutral-foreground: #000000;
  --progress-ring-on-media-background: rgba(255, 255, 255, 0.2);
  --progress-ring-on-media-foreground: #ffffff;
  --radio-border-width: 2px;
  --radio-checked-icon-size-large: 12px;
  --radio-checked-icon-size-medium: 12px;
  --radio-size-large: 24px;
  --radio-size-medium: 20px;
  --rating-star-active: #e0761a;
  --rating-star-active-on-color: #ffffff;
  --rating-star-active-on-media: #ffffff;
  --reaction-anger: #dd2334;
  --reaction-haha: #887000;
  --reaction-like: #0866ff;
  --reaction-love: #dd2334;
  --reaction-sorry: #887000;
  --reaction-support: #887000;
  --reaction-wow: #887000;
  --reshare-radius: 16px;
  --secondary-button-background: #e2e5e9;
  --secondary-button-background-floating: #ffffff;
  --secondary-button-background-on-color: rgba(255, 255, 255, 0.15);
  --secondary-button-background-on-dark: rgba(28, 28, 29, 0.6);
  --secondary-button-background-on-media: rgba(28, 28, 29, 0.6);
  --secondary-button-icon-on-media: #ffffff;
  --secondary-button-pressed: rgba(0, 0, 0, 0.05);
  --secondary-button-stroke: rgba(0, 0, 0, 0);
  --secondary-button-text: #080809;
  --secondary-icon: #65686c;
  --secondary-icon-on-color: rgba(255, 255, 255, 0.9);
  --secondary-icon-on-media: rgba(255, 255, 255, 0.8);
  --secondary-text: #65686c;
  --secondary-text-on-color: rgba(255, 255, 255, 0.9);
  --secondary-text-on-media: rgba(255, 255, 255, 0.8);
  --story-seen: #84878b;
  --story-unseen: #0866ff;
  --surface-background: #ffffff;
  --switch-unchecked-background-color: #8f9297;
  --text-badge-corner-radius: 4px;
  --text-badge-padding-horizontal: 6px;
  --text-badge-padding-vertical: 6px;
  --text-highlight: rgba(8, 102, 255, 0.2);
  --text-input-active-text: #0064d1;
  --text-input-caption-margin-top: 10px;
  --text-input-multi-padding-between-text-scrollbar: 20px;
  --text-input-multi-padding-scrollbar: 16px;
  --text-input-padding-vertical: 12px;
  --toast-addon-padding-horizontal: 6px;
  --toast-addon-padding-vertical: 6px;
  --toast-container-padding-horizontal: 10px;
  --toast-container-padding-vertical: 16px;
  --toast-corner-radius: 8px;
  --toggle-active-background: #ebf5ff;
  --toggle-active-icon: #0064d1;
  --toggle-active-text: #0064d1;
  --tooltip-background: rgba(255, 255, 255, 0.8);
  --tooltip-corner-radius: 12px;
  --warning: #af8f00;
  --wash: #c9ccd1;
  --web-wash: #f2f4f7;
}

:root,
.__fb-light-mode:root,
.__fb-light-mode {
  --action-tile-radius: 16px;
  --attachment-footer-background: #f8f9fb;
  --background-deemphasized: #f2f4f7;
  --base-cherry: #fb3c44;
  --base-grape: #7d74ff;
  --base-lemon: #f9cf00;
  --base-lime: #3fbb46;
  --base-pink: #fa61ba;
  --base-teal: #14b898;
  --blue-link: #0064d1;
  --border-ui-emphasis: #e2e5e9;
  --bottom-sheet-corner-radius: 20px;
  --button-corner-radius: 8px;
  --card-background: #ffffff;
  --card-background-flat: #f8f9fb;
  --card-corner-radius: 12px;
  --card-large-corner-radius: 16px;
  --card-small-corner-radius: 12px;
  --comment-background: #f0f2f5;
  --comment-bubble: 16px;
  --comment-threading-lines: #e2e5e9;
  --dialog-corner-radius: 12px;
  --disabled-button-background: #e2e5e9;
  --disabled-icon: #b0b3b8;
  --disabled-text: #b0b3b8;
  --divider: #d0d3d7;
  --divider-on-color: #5c5e62;
  --event-date: #dd2334;
  --fb-logo: #0866ff;
  --fb-wordmark: #0866ff;
  --fds-animation-enter-exit-in: cubic-bezier(0.14, 1, 0.34, 1);
  --fds-animation-enter-exit-out: cubic-bezier(0.45, 0.1, 0.2, 1);
  --fds-animation-expand-collapse-in: cubic-bezier(0.17, 0.17, 0, 1);
  --fds-animation-expand-collapse-out: cubic-bezier(0.17, 0.17, 0, 1);
  --fds-animation-fade-in: cubic-bezier(0, 0, 1, 1);
  --fds-animation-fade-out: cubic-bezier(0, 0, 1, 1);
  --fds-animation-glimmer-in: cubic-bezier(0.5, 0, 0.5, 1);
  --fds-animation-glimmer-out: cubic-bezier(0.5, 0, 0.5, 1);
  --fds-animation-linear-in: cubic-bezier(0, 0, 1, 1);
  --fds-animation-linear-out: cubic-bezier(0, 0, 1, 1);
  --fds-animation-move-in: cubic-bezier(0.17, 0.17, 0, 1);
  --fds-animation-move-out: cubic-bezier(0.17, 0.17, 0, 1);
  --fds-animation-passive-move-in: cubic-bezier(0.5, 0, 0.1, 1);
  --fds-animation-passive-move-out: cubic-bezier(0.5, 0, 0.1, 1);
  --fds-animation-quick-move-in: cubic-bezier(0.1, 0.9, 0.2, 1);
  --fds-animation-quick-move-out: cubic-bezier(0.1, 0.9, 0.2, 1);
  --fds-animation-swap-shuffle-in: cubic-bezier(0.14, 1, 0.34, 1);
  --fds-animation-swap-shuffle-out: cubic-bezier(0.45, 0.1, 0.2, 1);
  --fds-duration-extra-extra-short-in: 0.1s;
  --fds-duration-extra-extra-short-out: 0.1s;
  --fds-duration-extra-long-in: 1s;
  --fds-duration-extra-long-out: 1s;
  --fds-duration-extra-short-in: 0.2s;
  --fds-duration-extra-short-out: 0.15s;
  --fds-duration-long-in: 0.5s;
  --fds-duration-long-out: 0.35s;
  --fds-duration-medium-in: 0.4s;
  --fds-duration-medium-out: 0.35s;
  --fds-duration-none: 0ms;
  --fds-duration-short-in: 0.28s;
  --fds-duration-short-out: 0.2s;
  --fds-fast: 0.2s;
  --fds-slow: 0.4s;
  --glimmer-base-opaque: #979a9f;
  --glimmer-high-contrast-base-opaque: #65686c;
  --glimmer-opacity-high-contrast-max: 1;
  --glimmer-opacity-high-contrast-min: 0.08;
  --glimmer-opacity-max: 0.5;
  --glimmer-opacity-min: 0.15;
  --hosted-view-selected-state: #ebf5ff;
  --infochip-large-radius: 8px;
  --infochip-medium-radius: 4px;
  --infochip-small-radius: 4px;
  --input-border-width: 1px;
  --input-corner-radius: 12px;
  --last-active-state-background: #f2fcf0;
  --last-active-state-text: #1e5e21;
  --link-on-media: #ffffff;
  --list-cell-corner-radius: 8px;
  --list-cell-min-height: 44px;
  --listcell-inset-radius: 16px;
  --media-corner-radius: 12px;
  --media-hovered: rgba(70, 72, 75, 0.15);
  --media-inner-border: rgba(0, 0, 0, 0.1);
  --media-large-corner-radius: 16px;
  --media-pressed: rgba(70, 72, 75, 0.35);
  --media-small-corner-radius: 12px;
  --nav-bar-background: #ffffff;
  --negative: #dd2334;
  --negative-background: #ffe3de;
  --new-notification-background: #e7f3ff;
  --non-media-pressed: rgba(70, 72, 75, 0.15);
  --non-media-pressed-on-dark: rgba(255, 255, 255, 0.3);
  --notification-badge: #dd2334;
  --overlay-on-media: rgba(0, 0, 0, 0.8);
  --placeholder-icon: #65686c;
  --placeholder-image: #979a9f;
  --placeholder-text: #65686c;
  --placeholder-text-on-media: rgba(255, 255, 255, 0.8);
  --popover-background: #ffffff;
  --positive: #24832c;
  --positive-deemphasized: #f2fcf0;
  --primary-button-background: #0866ff;
  --primary-button-background-on-color: #ffffff;
  --primary-button-background-on-media: #ffffff;
  --primary-button-icon: #ffffff;
  --primary-button-icon-on-color: #000000;
  --primary-button-icon-on-media: #080809;
  --primary-button-text: #ffffff;
  --primary-button-text-on-media: #080809;
  --primary-deemphasized-button-background: #ebf5ff;
  --primary-deemphasized-button-icon: #0064d1;
  --primary-deemphasized-button-text: #0064d1;
  --primary-icon: #080809;
  --primary-icon-on-media: #ffffff;
  --primary-text: #080809;
  --primary-text-on-color: #ffffff;
  --primary-text-on-media: #ffffff;
  --progress-ring-blue-background: rgba(8, 102, 255, 0.2);
  --progress-ring-blue-foreground: #0866ff;
  --progress-ring-disabled-background: rgba(176, 179, 184, 0.2);
  --progress-ring-disabled-foreground: #b0b3b8;
  --progress-ring-neutral-background: rgba(0, 0, 0, 0.2);
  --progress-ring-neutral-foreground: #000000;
  --progress-ring-on-media-background: rgba(255, 255, 255, 0.2);
  --progress-ring-on-media-foreground: #ffffff;
  --radio-border-width: 2px;
  --radio-checked-icon-size-large: 12px;
  --radio-checked-icon-size-medium: 12px;
  --radio-size-large: 24px;
  --radio-size-medium: 20px;
  --rating-star-active: #e0761a;
  --rating-star-active-on-color: #ffffff;
  --rating-star-active-on-media: #ffffff;
  --reaction-anger: #dd2334;
  --reaction-haha: #887000;
  --reaction-like: #0866ff;
  --reaction-love: #dd2334;
  --reaction-sorry: #887000;
  --reaction-support: #887000;
  --reaction-wow: #887000;
  --reshare-radius: 16px;
  --secondary-button-background: #e2e5e9;
  --secondary-button-background-floating: #ffffff;
  --secondary-button-background-on-color: rgba(255, 255, 255, 0.15);
  --secondary-button-background-on-dark: rgba(28, 28, 29, 0.6);
  --secondary-button-background-on-media: rgba(28, 28, 29, 0.6);
  --secondary-button-icon-on-media: #ffffff;
  --secondary-button-pressed: rgba(0, 0, 0, 0.05);
  --secondary-button-stroke: rgba(0, 0, 0, 0);
  --secondary-button-text: #080809;
  --secondary-icon: #65686c;
  --secondary-icon-on-color: rgba(255, 255, 255, 0.9);
  --secondary-icon-on-media: rgba(255, 255, 255, 0.8);
  --secondary-text: #65686c;
  --secondary-text-on-color: rgba(255, 255, 255, 0.9);
  --secondary-text-on-media: rgba(255, 255, 255, 0.8);
  --story-seen: #84878b;
  --story-unseen: #0866ff;
  --surface-background: #ffffff;
  --switch-unchecked-background-color: #8f9297;
  --text-badge-corner-radius: 4px;
  --text-badge-padding-horizontal: 6px;
  --text-badge-padding-vertical: 6px;
  --text-highlight: rgba(8, 102, 255, 0.2);
  --text-input-active-text: #0064d1;
  --text-input-caption-margin-top: 10px;
  --text-input-multi-padding-between-text-scrollbar: 20px;
  --text-input-multi-padding-scrollbar: 16px;
  --text-input-padding-vertical: 12px;
  --toast-addon-padding-horizontal: 6px;
  --toast-addon-padding-vertical: 6px;
  --toast-container-padding-horizontal: 10px;
  --toast-container-padding-vertical: 16px;
  --toast-corner-radius: 8px;
  --toggle-active-background: #ebf5ff;
  --toggle-active-icon: #0064d1;
  --toggle-active-text: #0064d1;
  --tooltip-background: rgba(255, 255, 255, 0.8);
  --tooltip-corner-radius: 12px;
  --warning: #af8f00;
  --wash: #c9ccd1;
  --web-wash: #f2f4f7;
}

@media (prefers-color-scheme: dark) {
  :root {
    --fds-black: black;
    --fds-black-alpha-05: rgba(0, 0, 0, 0.05);
    --fds-black-alpha-10: rgba(0, 0, 0, 0.1);
    --fds-black-alpha-15: rgba(0, 0, 0, 0.15);
    --fds-black-alpha-20: rgba(0, 0, 0, 0.2);
    --fds-black-alpha-30: rgba(0, 0, 0, 0.3);
    --fds-black-alpha-40: rgba(0, 0, 0, 0.4);
    --fds-black-alpha-50: rgba(0, 0, 0, 0.5);
    --fds-black-alpha-60: rgba(0, 0, 0, 0.6);
    --fds-black-alpha-80: rgba(0, 0, 0, 0.8);
    --fds-blue-05: black;
    --fds-blue-30: black;
    --fds-blue-40: black;
    --fds-blue-60: black;
    --fds-blue-70: black;
    --fds-blue-80: black;
    --fds-button-text: black;
    --fds-comment-background: black;
    --fds-dark-mode-gray-35: black;
    --fds-dark-mode-gray-50: black;
    --fds-dark-mode-gray-70: black;
    --fds-dark-mode-gray-80: black;
    --fds-dark-mode-gray-90: black;
    --fds-dark-mode-gray-100: black;
    --fds-gray-00: black;
    --fds-gray-05: black;
    --fds-gray-10: black;
    --fds-gray-20: black;
    --fds-gray-25: black;
    --fds-gray-30: black;
    --fds-gray-45: black;
    --fds-gray-70: black;
    --fds-gray-80: black;
    --fds-gray-90: black;
    --fds-gray-100: black;
    --fds-green-55: black;
    --fds-green-65: black;
    --fds-highlight: black;
    --fds-highlight-cell-background: black;
    --fds-primary-icon: white;
    --fds-primary-text: white;
    --fds-red-55: black;
    --fds-soft: cubic-bezier(0.08, 0.52, 0.52, 1);
    --fds-spectrum-aluminum-tint-70: black;
    --fds-spectrum-blue-gray-tint-70: black;
    --fds-spectrum-cherry: black;
    --fds-spectrum-cherry-tint-70: black;
    --fds-spectrum-grape-tint-70: black;
    --fds-spectrum-grape-tint-90: black;
    --fds-spectrum-lemon-dark-1: black;
    --fds-spectrum-lemon-tint-70: black;
    --fds-spectrum-lime: black;
    --fds-spectrum-lime-tint-70: black;
    --fds-spectrum-orange-tint-70: black;
    --fds-spectrum-orange-tint-90: black;
    --fds-spectrum-seafoam-tint-70: black;
    --fds-spectrum-slate-dark-2: black;
    --fds-spectrum-slate-tint-70: black;
    --fds-spectrum-teal: black;
    --fds-spectrum-teal-dark-1: black;
    --fds-spectrum-teal-dark-2: black;
    --fds-spectrum-teal-tint-70: black;
    --fds-spectrum-teal-tint-90: black;
    --fds-spectrum-tomato: black;
    --fds-spectrum-tomato-tint-30: black;
    --fds-spectrum-tomato-tint-90: black;
    --fds-strong: cubic-bezier(0.12, 0.8, 0.32, 1);
    --fds-unified-blue-35: black;
    --fds-unified-gray-20: black;
    --fds-white: black;
    --fds-white-alpha-05: rgba(255, 255, 255, 0.05);
    --fds-white-alpha-10: rgba(255, 255, 255, 0.1);
    --fds-white-alpha-20: rgba(255, 255, 255, 0.2);
    --fds-white-alpha-30: rgba(255, 255, 255, 0.3);
    --fds-white-alpha-40: rgba(255, 255, 255, 0.4);
    --fds-white-alpha-50: rgba(255, 255, 255, 0.5);
    --fds-white-alpha-60: rgba(255, 255, 255, 0.6);
    --fds-white-alpha-80: rgba(255, 255, 255, 0.8);
    --fds-yellow-20: black;
    --accent: hsl(214, 100%, 59%);
    --always-white: white;
    --always-black: black;
    --always-dark-gradient: linear-gradient(
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0.6)
    );
    --always-dark-overlay: rgba(0, 0, 0, 0.4);
    --always-light-overlay: rgba(255, 255, 255, 0.4);
    --always-gray-40: #65676b;
    --always-gray-75: #bcc0c4;
    --always-gray-95: #f0f2f5;
    --attachment-footer-background: rgba(255, 255, 255, 0.1);
    --background-deemphasized: rgba(255, 255, 255, 0.1);
    --badge-background-color-blue: var(--accent);
    --badge-background-color-dark-gray: var(--secondary-icon);
    --badge-background-color-gray: var(--disabled-icon);
    --badge-background-color-green: var(--positive);
    --badge-background-color-light-blue: var(--highlight-bg);
    --badge-background-color-red: var(--notification-badge);
    --badge-background-color-yellow: var(--base-lemon);
    --base-blue: #1877f2;
    --base-cherry: #f3425f;
    --base-grape: #9360f7;
    --base-lemon: #f7b928;
    --base-lime: #45bd62;
    --base-pink: #ff66bf;
    --base-seafoam: #54c7ec;
    --base-teal: #2abba7;
    --base-tomato: #fb724b;
    --text-badge-info-background: hsl(214, 100%, 59%);
    --text-badge-success-background: #31a24c;
    --text-badge-attention-background: hsl(40, 89%, 52%);
    --text-badge-critical-background: #e41e3f;
    --blue-link: #4599ff;
    --border-focused: #8a8d91;
    --card-background: #242526;
    --card-background-flat: #323436;
    --comment-background: #3a3b3c;
    --comment-footer-background: #4e4f50;
    --dataviz-primary-1: rgb(0, 174, 143);
    --dataviz-blue-primary: #1d85fc;
    --dataviz-blue-secondary: #ebf5ff;
    --dataviz-orange: #d06c14;
    --disabled-button-background: rgba(255, 255, 255, 0.2);
    --disabled-button-text: rgba(255, 255, 255, 0.3);
    --disabled-icon: rgba(255, 255, 255, 0.3);
    --disabled-text: rgba(255, 255, 255, 0.3);
    --divider: #3e4042;
    --divider-on-color: #3e4042;
    --event-date: #f3425f;
    --fb-wordmark: #ffffff;
    --fb-logo: #0866ff;
    --filter-accent: invert(40%) sepia(52%) saturate(200%) saturate(200%)
      saturate(200%) saturate(189%) hue-rotate(191deg) brightness(103%)
      contrast(102%);
    --filter-always-white: invert(100%);
    --filter-disabled-icon: invert(100%) opacity(30%);
    --filter-placeholder-icon: invert(59%) sepia(11%) saturate(200%)
      saturate(135%) hue-rotate(176deg) brightness(96%) contrast(94%);
    --filter-primary-accent: invert(40%) sepia(52%) saturate(200%)
      saturate(200%) saturate(200%) saturate(189%) hue-rotate(191deg)
      brightness(103%) contrast(102%);
    --filter-primary-icon: invert(89%) sepia(6%) hue-rotate(185deg);
    --filter-secondary-button-icon-on-media: invert(100%);
    --filter-secondary-icon: invert(62%) sepia(98%) saturate(12%)
      hue-rotate(175deg) brightness(90%) contrast(96%);
    --filter-warning-icon: invert(77%) sepia(29%) saturate(200%) saturate(200%)
      saturate(200%) saturate(200%) saturate(200%) saturate(128%)
      hue-rotate(359deg) brightness(102%) contrast(107%);
    --filter-blue-link-icon: invert(73%) sepia(29%) saturate(200%)
      saturate(200%) saturate(200%) saturate(200%) saturate(200%) saturate(200%)
      saturate(103.25%) hue-rotate(189deg) brightness(101%) contrast(101%);
    --filter-positive: invert(37%) sepia(61%) saturate(200%) saturate(200%)
      saturate(200%) saturate(200%) saturate(115%) hue-rotate(91deg)
      brightness(97%) contrast(105%);
    --filter-primary-deemphasized-button-icon: brightness(0) saturate(100%)
      invert(63%) sepia(20%) saturate(1290%) hue-rotate(185deg) brightness(107%)
      contrast(101%);
    --filter-negative: invert(25%) sepia(33%) saturate(200%) saturate(200%)
      saturate(200%) saturate(200%) saturate(200%) saturate(200%) saturate(110%)
      hue-rotate(345deg) brightness(132%) contrast(96%);
    --focus-ring-blue: #1877f2;
    --glimmer-base-opaque: #ffffff;
    --glimmer-high-contrast-base-opaque: #ffffff;
    --glimmer-opacity-high-contrast-max: 0.48;
    --glimmer-opacity-high-contrast-min: 0.1;
    --glimmer-opacity-max: 1;
    --glimmer-opacity-min: 0.25;
    --glimmer-spinner-icon: white;
    --hero-banner-background: #e85d07;
    --hosted-view-selected-state: rgba(45, 136, 255, 0.1);
    --highlight-bg: rgba(24, 119, 242, 0.31);
    --hover-overlay: rgba(255, 255, 255, 0.1);
    --inverse-text: var(--always-white);
    --list-cell-chevron: #b0b3b8;
    --media-hover: rgba(68, 73, 80, 0.15);
    --media-inner-border: rgba(255, 255, 255, 0.05);
    --media-outer-border: #33363a;
    --media-pressed: rgba(68, 73, 80, 0.35);
    --messenger-card-background: #242526;
    --messenger-card-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.3);
    --mwp-header-background-color: var(--messenger-card-background);
    --mwp-header-button-color: var(--accent);
    --mwp-message-row-background: var(--messenger-card-background);
    --messenger-reply-background: #18191a;
    --overlay-alpha-80: rgba(11, 11, 11, 0.8);
    --overlay-on-media: rgba(0, 0, 0, 0.6);
    --nav-bar-background: #242526;
    --popover-card-background: var(--card-background);
    --nav-bar-background-gradient: linear-gradient(
      to top,
      #242526,
      rgba(36, 37, 38, 0.9),
      rgba(36, 37, 38, 0.7),
      rgba(36, 37, 38, 0.4),
      rgba(36, 37, 38, 0)
    );
    --nav-bar-background-gradient-wash: linear-gradient(
      to top,
      #18191a,
      rgba(24, 25, 26, 0.9),
      rgba(24, 25, 26, 0.7),
      rgba(24, 25, 26, 0.4),
      rgba(24, 25, 26, 0)
    );
    --negative: hsl(350, 87%, 55%);
    --negative-background: hsl(350, 87%, 55%, 20%);
    --new-notification-background: #e7f3ff;
    --non-media-pressed: rgba(68, 73, 80, 0.15);
    --non-media-pressed-on-dark: rgba(255, 255, 255, 0.3);
    --notification-badge: #e41e3f;
    --placeholder-icon: #8a8d91;
    --placeholder-image: rgb(164, 167, 171);
    --placeholder-text: #8a8d91;
    --placeholder-text-on-media: rgba(255, 255, 255, 0.5);
    --popover-background: #3e4042;
    --positive: #31a24c;
    --positive-background: #1f3520;
    --press-overlay: rgba(255, 255, 255, 0.2);
    --primary-button-background: #2374e1;
    --primary-button-icon: #ffffff;
    --primary-button-pressed: #77a7ff;
    --primary-button-text: #ffffff;
    --primary-deemphasized-button-background: rgba(45, 136, 255, 0.2);
    --primary-deemphasized-button-pressed: rgba(24, 119, 242, 0.2);
    --primary-deemphasized-button-pressed-overlay: rgba(25, 110, 255, 0.15);
    --primary-deemphasized-button-text: #2d88ff;
    --primary-icon: #e4e6eb;
    --primary-text: #e4e6eb;
    --primary-text-on-media: white;
    --primary-web-focus-indicator: #d24294;
    --progress-ring-neutral-background: rgba(255, 255, 255, 0.2);
    --progress-ring-neutral-foreground: #ffffff;
    --progress-ring-on-media-background: rgba(255, 255, 255, 0.2);
    --progress-ring-on-media-foreground: #ffffff;
    --progress-ring-blue-background: rgba(45, 136, 255, 0.2);
    --progress-ring-blue-foreground: hsl(214, 100%, 59%);
    --progress-ring-disabled-background: rgba(122, 125, 130, 0.2);
    --progress-ring-disabled-foreground: #7a7d82;
    --rating-star-active: #ff9831;
    --scroll-thumb: rgba(255, 255, 255, 0.3);
    --scroll-shadow:
      0 1px 2px rgba(0, 0, 0, 0.1), 0 -1px rgba(255, 255, 255, 0.05) inset;
    --secondary-button-background: rgba(255, 255, 255, 0.1);
    --secondary-button-background-floating: #4b4c4f;
    --secondary-button-background-on-dark: rgba(255, 255, 255, 0.4);
    --secondary-button-pressed: rgba(0, 0, 0, 0.05);
    --secondary-button-stroke: transparent;
    --secondary-button-text: #e4e6eb;
    --secondary-icon: #b0b3b8;
    --secondary-text: #b0b3b8;
    --secondary-text-on-media: rgba(255, 255, 255, 0.9);
    --section-header-text: #bcc0c4;
    --shadow-1: rgba(0, 0, 0, 0.1);
    --shadow-2: rgba(0, 0, 0, 0.2);
    --shadow-5: rgba(0, 0, 0, 0.5);
    --shadow-8: rgba(0, 0, 0, 0.8);
    --shadow-base: 0 1px 2px var(--shadow-2);
    --shadow-elevated:
      0 8px 20px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    --shadow-emphasis: 0 2px 12px var(--shadow-2);
    --shadow-inset: rgba(255, 255, 255, 0.05);
    --shadow-on-media: 0px 0px 1px rgba(0, 0, 0, 0.62);
    --shadow-persistent: 0px 0px 12px rgba(28, 43, 51, 0.6);
    --shadow-primary: 0px 0px 12px rgba(28, 43, 51, 0.1);
    --shadow-responsive: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
    --surface-background: #242526;
    --switch-active: hsl(214, 100%, 59%);
    --switch-inactive: #3e4042;
    --switch-unchecked-background-color: #6f7276;
    --text-highlight: rgba(24, 119, 242, 0.45);
    --input-background: #242526;
    --input-background-hover: var(--input-background);
    --input-background-warn-hover: hsla(
      var(--warning-h),
      var(--warning-s),
      var(--warning-l),
      0.05
    );
    --input-background-error-hover: hsla(
      var(--negative-h),
      var(--negative-s),
      var(--negative-l),
      0.05
    );
    --input-background-active: hsla(
      var(--accent-h),
      var(--accent-s),
      var(--accent-l),
      0.05
    );
    --input-background-warn-active: hsla(
      var(--warning-h),
      var(--warning-s),
      var(--warning-l),
      0.05
    );
    --input-background-error-active: hsla(
      var(--negative-h),
      var(--negative-s),
      var(--negative-l),
      0.05
    );
    --input-background-disabled: #18191a;
    --input-border-color: #3e4042;
    --input-border-color-hover: var(--placeholder-text);
    --input-label-color-highlighted: hsl(214, 100%, 59%);
    --input-label-color-inside: var(--secondary-text);
    --input-label-color-error: var(--negative);
    --input-label-color-disabled: var(--disabled-text);
    --text-input-outside-label: #ffffff;
    --toast-background: #242526;
    --toast-text: #ffffff;
    --toast-text-link: #4599ff;
    --toast-border-color: transparent;
    --toast-border-style: none;
    --toast-border-width: 0px;
    --toggle-active-background: rgb(45, 136, 255);
    --toggle-active-icon: #ffffff;
    --toggle-active-text: #ffffff;
    --toggle-button-active-background: #e6f2ff;
    --tooltip-background: rgba(11, 11, 11, 0.8);
    --tooltip-box-shadow: 0 2px 4px 0 var(--shadow-5);
    --popover-border-color: transparent;
    --wash: #3e4042;
    --web-wash: #18191a;
    --warning: hsl(40, 89%, 52%);
    --chat-bubble-emphasis-ring-after: white;
    --chat-bubble-emphasis-ring-before: black;
    --chat-text-blockquote-color-background-line: rgba(255, 255, 255, 0.19);
    --chat-text-blockquote-color-text-primary-media: rgba(255, 255, 255, 0.7);
    --chat-incoming-message-bubble-background-color: #303030;
    --chat-outgoing-message-bubble-background-color: var(--accent);
    --chat-replied-message-background-color: rgba(255, 255, 255, 0.12);
    --radio-border-color: var(--primary-icon);
    --radio-border-color-disabled: var(--disabled-button-background);
    --radio-border-color-selected: var(--accent);
    --radio-checked-icon-color: var(--accent);
    --radio-checked-icon-color-disabled: var(--disabled-button-background);
    --dialog-anchor-vertical-padding: 56px;
    --header-height: 56px;
    --global-panel-width: 0px;
    --global-panel-width-expanded: 0px;
    --alert-banner-corner-radius: 8px;
    --button-corner-radius: 6px;
    --button-corner-radius-medium: 10px;
    --button-corner-radius-large: 12px;
    --button-height-large: 40px;
    --button-height-medium: 36px;
    --button-padding-horizontal-large: 16px;
    --button-padding-horizontal-medium: 16px;
    --button-padding-icon-only: 16px;
    --button-icon-padding-large: 16px;
    --button-icon-padding-medium: 16px;
    --button-inner-icon-spacing-large: 3px;
    --button-inner-icon-spacing-medium: 3px;
    --blueprint-button-height-medium: 40px;
    --blueprint-button-height-large: 48px;
    --card-corner-radius: 8px;
    --card-box-shadow:
      0 12px 28px 0 var(--shadow-2), 0 2px 4px 0 var(--shadow-1);
    --card-padding-horizontal: 10px;
    --card-padding-vertical: 20px;
    --chip-corner-radius: 6px;
    --comment-bubble: 18px;
    --dialog-corner-radius: 8px;
    --glimmer-corner-radius: 8px;
    --image-corner-radius: 4px;
    --infochip-medium-radius: 12px;
    --input-corner-radius: 6px;
    --input-border-width: 1px;
    --nav-list-cell-corner-radius: 8px;
    --list-cell-corner-radius: 8px;
    --list-cell-min-height: 52px;
    --list-cell-padding-vertical: 20px;
    --list-cell-padding-vertical-with-addon: 14px;
    --menu-base-list-item-padding-horizontal: 8px;
    --menu-base-list-item-padding-vertical: 12px;
    --menu-base-size-full-margin-end: 48px;
    --menu-item-base-margin-horizontal: 8px;
    --menu-item-base-margin-vertical: 0px;
    --menu-item-base-padding-horizontal: 8px;
    --menu-item-base-overlay-radius: 4px;
    --menu-item-base-padding-vertical: 12px;
    --menu-item-base-with-icon-padding-horizontal: var(
      --menu-item-base-padding-horizontal
    );
    --separator-menu-item-margin-horizontal: 16px;
    --separator-menu-item-margin-vertical: 4px;
    --nav-list-cell-min-height: 0px;
    --nav-list-cell-padding-vertical: 16px;
    --nav-list-cell-padding-vertical-with-addon: 16px;
    --nux-card-body-padding-end: 24px;
    --page-footer-padding-vertical: 16px;
    --popover-border-style: none;
    --popover-border-width: 0px;
    --section-header-addOnEnd-margin-horizontal: 8px;
    --section-header-addOnStart-margin-horizontal: 12px;
    --section-header-addOnEnd-button-padding-horizontal: 0px;
    --section-header-addOnEnd-button-padding-vertical: 0px;
    --section-header-padding-vertical: 16px;
    --section-header-subtitle-margin-vertical: 14px;
    --section-header-subtitle-with-addOnEnd-margin-vertical: 6px;
    --tab-height: 60px;
    --tab-icon-padding-end: 0px;
    --tab-text-icon-gap: 4px;
    --tab-underline-color: transparent;
    --tab-underline-height: 3px;
    --text-badge-corner-radius: 4px;
    --text-badge-padding-horizontal: 6px;
    --text-badge-padding-vertical: 6px;
    --text-input-multi-padding-between-text-scrollbar: 20px;
    --text-input-multi-padding-scrollbar: 16px;
    --text-input-caption-margin-top: 10px;
    --text-input-padding-vertical: 12px;
    --toast-addon-padding-horizontal: 6px;
    --toast-addon-padding-vertical: 6px;
    --toast-container-max-width: 100%;
    --toast-container-min-width: 288px;
    --toast-container-padding-horizontal: 10px;
    --toast-container-padding-vertical: 16px;
    --toast-corner-radius: 8px;
    --toaster-view-max-width: 328px;
    --tooltip-corner-radius: 8px;
    --typeahead-list-outer-padding-vertical: 2px;
    --fds-animation-enter-exit-in: cubic-bezier(0.14, 1, 0.34, 1);
    --fds-animation-enter-exit-out: cubic-bezier(0.45, 0.1, 0.2, 1);
    --fds-animation-swap-shuffle-in: cubic-bezier(0.14, 1, 0.34, 1);
    --fds-animation-swap-shuffle-out: cubic-bezier(0.45, 0.1, 0.2, 1);
    --fds-animation-move-in: cubic-bezier(0.17, 0.17, 0, 1);
    --fds-animation-move-out: cubic-bezier(0.17, 0.17, 0, 1);
    --fds-animation-expand-collapse-in: cubic-bezier(0.17, 0.17, 0, 1);
    --fds-animation-expand-collapse-out: cubic-bezier(0.17, 0.17, 0, 1);
    --fds-animation-passive-move-in: cubic-bezier(0.5, 0, 0.1, 1);
    --fds-animation-passive-move-out: cubic-bezier(0.5, 0, 0.1, 1);
    --fds-animation-quick-move-in: cubic-bezier(0.1, 0.9, 0.2, 1);
    --fds-animation-quick-move-out: cubic-bezier(0.1, 0.9, 0.2, 1);
    --fds-animation-fade-in: cubic-bezier(0, 0, 1, 1);
    --fds-animation-fade-out: cubic-bezier(0, 0, 1, 1);
    --fds-duration-extra-extra-short-in: 0.1s;
    --fds-duration-extra-extra-short-out: 0.1s;
    --fds-duration-extra-short-in: 0.2s;
    --fds-duration-extra-short-out: 0.15s;
    --fds-duration-short-in: 0.28s;
    --fds-duration-short-out: 0.2s;
    --fds-duration-medium-in: 0.4s;
    --fds-duration-medium-out: 0.35s;
    --fds-duration-long-in: 0.5s;
    --fds-duration-long-out: 0.35s;
    --fds-duration-extra-long-in: 1s;
    --fds-duration-extra-long-out: 1s;
    --fds-duration-none: 0ms;
    --fds-fast: 0.2s;
    --fds-slow: 0.4s;
    --font-family-apple:
      system-ui, -apple-system, BlinkMacSystemFont, ".SFNSText-Regular",
      sans-serif;
    --font-family-code: ui-monospace, Menlo, Consolas, Monaco, monospace;
    --font-family-default: Helvetica, Arial, sans-serif;
    --font-family-segoe:
      Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
    --font-family-system-fds:
      system-ui, -apple-system, BlinkMacSystemFont, Segoe UI Historic, Segoe UI,
      Helvetica, Arial, sans-serif;
    --text-input-field-font-family: Placeholder Font;
    --text-input-field-font-size: 1rem;
    --text-input-field-font-stretch: initial;
    --text-input-field-font-weight: 500;
    --text-input-field-line-height: 1.2941;
    --text-input-label-font-family: Placeholder Font;
    --text-input-label-font-size: 17px;
    --text-input-label-font-size-scale-multiplier: 0.75;
    --text-input-label-font-stretch: initial;
    --text-input-label-font-weight: 400;
    --text-input-label-line-height: 1.2941;
    --messenger-card-min-width: 300px;
    --messenger-card-max-width: 480px;
    --messenger-application-max-width: 2560px;
    --messenger-sidebar-collapsed-width: 44px;
    --messenger-sidebar-expanded-width: 240px;
    --messenger-card-corner-radius: 8px;
    --messenger-card-spacing: 16px;
    --chat-bubble-padding-vertical: 8px;
    --chat-bubble-padding-horizontal: 12px;
    --chat-bubble-border-radius: 18px;
    --dialog-size-medium-width: 100%;
    --dialog-size-small-width: 100%;
    --focus-ring-outline-forced-colors: 2px auto transparent !important;
    --focus-ring-outline-link: 2px auto var(--focus-ring-blue);
    --focus-ring-shadow-default:
      0 0 0 2px var(--always-white), 0 0 0 4px var(--focus-ring-blue);
    --focus-ring-shadow-inset:
      0 0 0 2px var(--focus-ring-blue) inset,
      0 0 0 4px var(--always-white) inset;
    --glimmer-animation-direction: alternate;
    --glimmer-animation-duration: 1s;
    --glimmer-animation-timing-function: steps(10, end);
    --radio-checked-icon-size-large: 12px;
    --radio-checked-icon-size-medium: 12px;
    --radio-border-width: 2px;
    --radio-size-large: 24px;
    --radio-size-medium: 20px;
    --blue-primary: rgb(0, 136, 244);
    --blue-secondary: rgb(235, 245, 255);
    --blue-tertiary: rgb(4, 59, 114);
    --chartreuse-primary: rgb(106, 147, 22);
    --chartreuse-secondary: rgb(226, 255, 152);
    --chartreuse-tertiary: rgb(50, 65, 19);
    --cyan-primary: rgb(0, 142, 213);
    --cyan-secondary: rgb(231, 245, 255);
    --cyan-tertiary: rgb(15, 63, 93);
    --dataviz-primary-2: rgb(156, 219, 255);
    --dataviz-primary-3: rgb(73, 156, 255);
    --dataviz-secondary-1: rgb(92, 87, 210);
    --dataviz-secondary-2: rgb(142, 129, 255);
    --dataviz-secondary-3: rgb(119, 45, 88);
    --dataviz-supplementary-1: rgb(253, 91, 67);
    --dataviz-supplementary-2: rgb(161, 132, 0);
    --dataviz-supplementary-3: rgb(36, 131, 44);
    --dataviz-supplementary-4: rgb(232, 234, 238);
    --fuschia-primary: rgb(250, 45, 138);
    --fuschia-secondary: rgb(255, 241, 246);
    --fuschia-tertiary: rgb(118, 14, 62);
    --green-primary: rgb(43, 154, 53);
    --green-secondary: rgb(227, 250, 224);
    --green-tertiary: rgb(26, 68, 27);
    --magenta-primary: rgb(215, 77, 204);
    --magenta-secondary: rgb(255, 239, 254);
    --magenta-tertiary: rgb(96, 36, 91);
    --orange-primary: rgb(208, 108, 20);
    --orange-secondary: rgb(255, 241, 239);
    --orange-tertiary: rgb(94, 49, 14);
    --purple-primary: rgb(125, 116, 255);
    --purple-secondary: rgb(245, 241, 255);
    --purple-tertiary: rgb(55, 50, 121);
    --red-primary: rgb(251, 60, 68);
    --red-secondary: rgb(255, 241, 239);
    --red-tertiary: rgb(118, 22, 27);
    --teal-primary: rgb(0, 152, 124);
    --teal-secondary: rgb(227, 247, 241);
    --teal-tertiary: rgb(10, 68, 56);
    --yellow-primary: rgb(161, 132, 0);
    --yellow-secondary: rgb(255, 246, 161);
    --yellow-tertiary: rgb(72, 59, 12);
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    --accent: #0866ff;
    --blue-link: #5aa7ff;
    --filter-accent: invert(74%) sepia(14%) saturate(7129%) hue-rotate(185deg)
      brightness(102%) contrast(101%);
    --filter-primary-accent: invert(27%) sepia(95%) saturate(3116%)
      hue-rotate(212deg) brightness(99%) contrast(105%);
    --focus-ring-blue: #1d85fc;
    --hosted-view-selected-state: #1d85fc19;
    --input-label-color-highlighted: #3e93f8;
    --primary-button-background: #0866ff;
    --primary-deemphasized-button-background: #1d85fc33;
    --primary-deemphasized-button-text: #75b6ff;
    --progress-ring-blue-background: #0866ff33;
    --progress-ring-blue-foreground: #0866ff;
    --text-highlight: #1d85fc72;
    --toggle-active-background: #1d85fc;
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    --action-tile-radius: 16px;
    --attachment-footer-background: rgba(255, 255, 255, 0.1);
    --background-deemphasized: rgba(255, 255, 255, 0.1);
    --base-cherry: #fb3c44;
    --base-grape: #7d74ff;
    --base-lemon: #f9cf00;
    --base-lime: #3fbb46;
    --base-pink: #fa61ba;
    --base-teal: #14b898;
    --blue-link: #5aa7ff;
    --border-ui-emphasis: rgba(255, 255, 255, 0.05);
    --bottom-sheet-corner-radius: 20px;
    --button-corner-radius: 8px;
    --card-background: #252728;
    --card-background-flat: #333334;
    --card-corner-radius: 12px;
    --card-large-corner-radius: 16px;
    --card-small-corner-radius: 12px;
    --comment-background: #333334;
    --comment-bubble: 16px;
    --comment-threading-lines: #46484b;
    --dialog-corner-radius: 12px;
    --disabled-button-background: rgba(255, 255, 255, 0.1);
    --disabled-icon: #6f7276;
    --disabled-text: #6f7276;
    --divider: #65686c;
    --divider-on-color: #5c5e62;
    --event-date: #dd2334;
    --fb-logo: #0866ff;
    --fb-wordmark: #ffffff;
    --fds-animation-enter-exit-in: cubic-bezier(0.14, 1, 0.34, 1);
    --fds-animation-enter-exit-out: cubic-bezier(0.45, 0.1, 0.2, 1);
    --fds-animation-expand-collapse-in: cubic-bezier(0.17, 0.17, 0, 1);
    --fds-animation-expand-collapse-out: cubic-bezier(0.17, 0.17, 0, 1);
    --fds-animation-fade-in: cubic-bezier(0, 0, 1, 1);
    --fds-animation-fade-out: cubic-bezier(0, 0, 1, 1);
    --fds-animation-glimmer-in: cubic-bezier(0.5, 0, 0.5, 1);
    --fds-animation-glimmer-out: cubic-bezier(0.5, 0, 0.5, 1);
    --fds-animation-linear-in: cubic-bezier(0, 0, 1, 1);
    --fds-animation-linear-out: cubic-bezier(0, 0, 1, 1);
    --fds-animation-move-in: cubic-bezier(0.17, 0.17, 0, 1);
    --fds-animation-move-out: cubic-bezier(0.17, 0.17, 0, 1);
    --fds-animation-passive-move-in: cubic-bezier(0.5, 0, 0.1, 1);
    --fds-animation-passive-move-out: cubic-bezier(0.5, 0, 0.1, 1);
    --fds-animation-quick-move-in: cubic-bezier(0.1, 0.9, 0.2, 1);
    --fds-animation-quick-move-out: cubic-bezier(0.1, 0.9, 0.2, 1);
    --fds-animation-swap-shuffle-in: cubic-bezier(0.14, 1, 0.34, 1);
    --fds-animation-swap-shuffle-out: cubic-bezier(0.45, 0.1, 0.2, 1);
    --fds-duration-extra-extra-short-in: 0.1s;
    --fds-duration-extra-extra-short-out: 0.1s;
    --fds-duration-extra-long-in: 1s;
    --fds-duration-extra-long-out: 1s;
    --fds-duration-extra-short-in: 0.2s;
    --fds-duration-extra-short-out: 0.15s;
    --fds-duration-long-in: 0.5s;
    --fds-duration-long-out: 0.35s;
    --fds-duration-medium-in: 0.4s;
    --fds-duration-medium-out: 0.35s;
    --fds-duration-none: 0ms;
    --fds-duration-short-in: 0.28s;
    --fds-duration-short-out: 0.2s;
    --fds-fast: 0.2s;
    --fds-slow: 0.4s;
    --glimmer-base-opaque: #ffffff;
    --glimmer-high-contrast-base-opaque: #ffffff;
    --glimmer-opacity-high-contrast-max: 1;
    --glimmer-opacity-high-contrast-min: 0.25;
    --glimmer-opacity-max: 1;
    --glimmer-opacity-min: 0.25;
    --hosted-view-selected-state: rgba(29, 133, 252, 0.1);
    --infochip-large-radius: 8px;
    --infochip-medium-radius: 4px;
    --infochip-small-radius: 4px;
    --input-border-width: 1px;
    --input-corner-radius: 12px;
    --last-active-state-background: #152b14;
    --last-active-state-text: #90e78a;
    --link-on-media: #ffffff;
    --list-cell-corner-radius: 8px;
    --list-cell-min-height: 44px;
    --listcell-inset-radius: 16px;
    --media-corner-radius: 12px;
    --media-hovered: rgba(255, 255, 255, 0.15);
    --media-inner-border: rgba(255, 255, 255, 0.05);
    --media-large-corner-radius: 16px;
    --media-pressed: rgba(255, 255, 255, 0.3);
    --media-small-corner-radius: 12px;
    --nav-bar-background: #252728;
    --negative: #ff7c74;
    --negative-background: rgba(185, 24, 40, 0.2);
    --new-notification-background: rgba(45, 136, 255, 0.1);
    --non-media-pressed: rgba(255, 255, 255, 0.2);
    --non-media-pressed-on-dark: rgba(255, 255, 255, 0.3);
    --notification-badge: #dd2334;
    --overlay-on-media: rgba(0, 0, 0, 0.8);
    --placeholder-icon: #b0b3b8;
    --placeholder-image: #979a9f;
    --placeholder-text: #b0b3b8;
    --placeholder-text-on-media: rgba(255, 255, 255, 0.8);
    --popover-background: #3b3c3e;
    --positive: #3fbb46;
    --positive-deemphasized: #121f10;
    --primary-button-background: #0866ff;
    --primary-button-background-on-color: #ffffff;
    --primary-button-background-on-media: #ffffff;
    --primary-button-icon: #ffffff;
    --primary-button-icon-on-color: #000000;
    --primary-button-icon-on-media: #080809;
    --primary-button-text: #ffffff;
    --primary-button-text-on-media: #080809;
    --primary-deemphasized-button-background: rgba(29, 133, 252, 0.2);
    --primary-deemphasized-button-icon: #75b6ff;
    --primary-deemphasized-button-text: #75b6ff;
    --primary-icon: #f2f4f7;
    --primary-icon-on-media: #ffffff;
    --primary-text: #f2f4f7;
    --primary-text-on-color: #ffffff;
    --primary-text-on-media: #ffffff;
    --progress-ring-blue-background: rgba(8, 102, 255, 0.2);
    --progress-ring-blue-foreground: #0866ff;
    --progress-ring-disabled-background: rgba(111, 114, 118, 0.2);
    --progress-ring-disabled-foreground: #6f7276;
    --progress-ring-neutral-background: rgba(255, 255, 255, 0.2);
    --progress-ring-neutral-foreground: #ffffff;
    --progress-ring-on-media-background: rgba(255, 255, 255, 0.2);
    --progress-ring-on-media-foreground: #ffffff;
    --radio-border-width: 2px;
    --radio-checked-icon-size-large: 12px;
    --radio-checked-icon-size-medium: 12px;
    --radio-size-large: 24px;
    --radio-size-medium: 20px;
    --rating-star-active: #ff9a42;
    --rating-star-active-on-color: #ffffff;
    --rating-star-active-on-media: #ffffff;
    --reaction-anger: #ff5757;
    --reaction-haha: #f9cf00;
    --reaction-like: #3e93f8;
    --reaction-love: #ff5757;
    --reaction-sorry: #f9cf00;
    --reaction-support: #f9cf00;
    --reaction-wow: #f9cf00;
    --reshare-radius: 16px;
    --secondary-button-background: rgba(255, 255, 255, 0.1);
    --secondary-button-background-floating: #46484b;
    --secondary-button-background-on-color: rgba(255, 255, 255, 0.15);
    --secondary-button-background-on-dark: rgba(28, 28, 29, 0.6);
    --secondary-button-background-on-media: rgba(28, 28, 29, 0.6);
    --secondary-button-icon-on-media: #ffffff;
    --secondary-button-pressed: rgba(255, 255, 255, 0.2);
    --secondary-button-stroke: rgba(0, 0, 0, 0);
    --secondary-button-text: #f2f4f7;
    --secondary-icon: #b0b3b8;
    --secondary-icon-on-color: rgba(255, 255, 255, 0.9);
    --secondary-icon-on-media: rgba(255, 255, 255, 0.8);
    --secondary-text: #b0b3b8;
    --secondary-text-on-color: rgba(255, 255, 255, 0.9);
    --secondary-text-on-media: rgba(255, 255, 255, 0.8);
    --story-seen: #84878b;
    --story-unseen: #0866ff;
    --surface-background: #252728;
    --switch-unchecked-background-color: #6f7276;
    --text-badge-corner-radius: 4px;
    --text-badge-padding-horizontal: 6px;
    --text-badge-padding-vertical: 6px;
    --text-highlight: rgba(29, 133, 252, 0.45);
    --text-input-active-text: #3e93f8;
    --text-input-caption-margin-top: 10px;
    --text-input-multi-padding-between-text-scrollbar: 20px;
    --text-input-multi-padding-scrollbar: 16px;
    --text-input-padding-vertical: 12px;
    --toast-addon-padding-horizontal: 6px;
    --toast-addon-padding-vertical: 6px;
    --toast-container-padding-horizontal: 10px;
    --toast-container-padding-vertical: 16px;
    --toast-corner-radius: 8px;
    --toggle-active-background: #1d85fc;
    --toggle-active-icon: #ffffff;
    --toggle-active-text: #ffffff;
    --tooltip-background: rgba(0, 0, 0, 0.8);
    --tooltip-corner-radius: 12px;
    --warning: #af8f00;
    --wash: #101011;
    --web-wash: #1c1c1d;
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    --action-tile-radius: 16px;
    --attachment-footer-background: rgba(255, 255, 255, 0.1);
    --background-deemphasized: rgba(255, 255, 255, 0.1);
    --base-cherry: #fb3c44;
    --base-grape: #7d74ff;
    --base-lemon: #f9cf00;
    --base-lime: #3fbb46;
    --base-pink: #fa61ba;
    --base-teal: #14b898;
    --blue-link: #5aa7ff;
    --border-ui-emphasis: rgba(255, 255, 255, 0.05);
    --bottom-sheet-corner-radius: 20px;
    --button-corner-radius: 8px;
    --card-background: #252728;
    --card-background-flat: #333334;
    --card-corner-radius: 12px;
    --card-large-corner-radius: 16px;
    --card-small-corner-radius: 12px;
    --comment-background: #333334;
    --comment-bubble: 16px;
    --comment-threading-lines: #46484b;
    --dialog-corner-radius: 12px;
    --disabled-button-background: rgba(255, 255, 255, 0.1);
    --disabled-icon: #6f7276;
    --disabled-text: #6f7276;
    --divider: #65686c;
    --divider-on-color: #5c5e62;
    --event-date: #dd2334;
    --fb-logo: #0866ff;
    --fb-wordmark: #ffffff;
    --fds-animation-enter-exit-in: cubic-bezier(0.14, 1, 0.34, 1);
    --fds-animation-enter-exit-out: cubic-bezier(0.45, 0.1, 0.2, 1);
    --fds-animation-expand-collapse-in: cubic-bezier(0.17, 0.17, 0, 1);
    --fds-animation-expand-collapse-out: cubic-bezier(0.17, 0.17, 0, 1);
    --fds-animation-fade-in: cubic-bezier(0, 0, 1, 1);
    --fds-animation-fade-out: cubic-bezier(0, 0, 1, 1);
    --fds-animation-glimmer-in: cubic-bezier(0.5, 0, 0.5, 1);
    --fds-animation-glimmer-out: cubic-bezier(0.5, 0, 0.5, 1);
    --fds-animation-linear-in: cubic-bezier(0, 0, 1, 1);
    --fds-animation-linear-out: cubic-bezier(0, 0, 1, 1);
    --fds-animation-move-in: cubic-bezier(0.17, 0.17, 0, 1);
    --fds-animation-move-out: cubic-bezier(0.17, 0.17, 0, 1);
    --fds-animation-passive-move-in: cubic-bezier(0.5, 0, 0.1, 1);
    --fds-animation-passive-move-out: cubic-bezier(0.5, 0, 0.1, 1);
    --fds-animation-quick-move-in: cubic-bezier(0.1, 0.9, 0.2, 1);
    --fds-animation-quick-move-out: cubic-bezier(0.1, 0.9, 0.2, 1);
    --fds-animation-swap-shuffle-in: cubic-bezier(0.14, 1, 0.34, 1);
    --fds-animation-swap-shuffle-out: cubic-bezier(0.45, 0.1, 0.2, 1);
    --fds-duration-extra-extra-short-in: 0.1s;
    --fds-duration-extra-extra-short-out: 0.1s;
    --fds-duration-extra-long-in: 1s;
    --fds-duration-extra-long-out: 1s;
    --fds-duration-extra-short-in: 0.2s;
    --fds-duration-extra-short-out: 0.15s;
    --fds-duration-long-in: 0.5s;
    --fds-duration-long-out: 0.35s;
    --fds-duration-medium-in: 0.4s;
    --fds-duration-medium-out: 0.35s;
    --fds-duration-none: 0ms;
    --fds-duration-short-in: 0.28s;
    --fds-duration-short-out: 0.2s;
    --fds-fast: 0.2s;
    --fds-slow: 0.4s;
    --glimmer-base-opaque: #ffffff;
    --glimmer-high-contrast-base-opaque: #ffffff;
    --glimmer-opacity-high-contrast-max: 0.48;
    --glimmer-opacity-high-contrast-min: 0.1;
    --glimmer-opacity-max: 0.58;
    --glimmer-opacity-min: 0.15;
    --hosted-view-selected-state: rgba(29, 133, 252, 0.1);
    --infochip-large-radius: 8px;
    --infochip-medium-radius: 12px;
    --infochip-small-radius: 4px;
    --input-border-width: 1px;
    --input-corner-radius: 12px;
    --last-active-state-background: #152b14;
    --last-active-state-text: #90e78a;
    --link-on-media: #ffffff;
    --list-cell-corner-radius: 8px;
    --list-cell-min-height: 44px;
    --listcell-inset-radius: 16px;
    --media-corner-radius: 0px;
    --media-hovered: rgba(255, 255, 255, 0.15);
    --media-inner-border: rgba(255, 255, 255, 0.05);
    --media-large-corner-radius: 0px;
    --media-pressed: rgba(255, 255, 255, 0.3);
    --media-small-corner-radius: 0px;
    --nav-bar-background: #252728;
    --negative: #ff7c74;
    --negative-background: rgba(185, 24, 40, 0.2);
    --new-notification-background: rgba(45, 136, 255, 0.1);
    --non-media-pressed: rgba(255, 255, 255, 0.2);
    --non-media-pressed-on-dark: rgba(255, 255, 255, 0.3);
    --notification-badge: #dd2334;
    --overlay-on-media: rgba(0, 0, 0, 0.8);
    --placeholder-icon: #b0b3b8;
    --placeholder-image: #979a9f;
    --placeholder-text: #b0b3b8;
    --placeholder-text-on-media: rgba(255, 255, 255, 0.8);
    --popover-background: #3b3c3e;
    --positive: #3fbb46;
    --positive-deemphasized: #121f10;
    --primary-button-background: #0866ff;
    --primary-button-background-on-color: #ffffff;
    --primary-button-background-on-media: #ffffff;
    --primary-button-icon: #ffffff;
    --primary-button-icon-on-color: #000000;
    --primary-button-icon-on-media: #080809;
    --primary-button-text: #ffffff;
    --primary-button-text-on-media: #080809;
    --primary-deemphasized-button-background: rgba(29, 133, 252, 0.2);
    --primary-deemphasized-button-icon: #75b6ff;
    --primary-deemphasized-button-text: #75b6ff;
    --primary-icon: #e2e5e9;
    --primary-icon-on-media: #ffffff;
    --primary-text: #e2e5e9;
    --primary-text-on-color: #ffffff;
    --primary-text-on-media: #ffffff;
    --progress-ring-blue-background: rgba(8, 102, 255, 0.2);
    --progress-ring-blue-foreground: #0866ff;
    --progress-ring-disabled-background: rgba(111, 114, 118, 0.2);
    --progress-ring-disabled-foreground: #6f7276;
    --progress-ring-neutral-background: rgba(255, 255, 255, 0.2);
    --progress-ring-neutral-foreground: #ffffff;
    --progress-ring-on-media-background: rgba(255, 255, 255, 0.2);
    --progress-ring-on-media-foreground: #ffffff;
    --radio-border-width: 2px;
    --radio-checked-icon-size-large: 12px;
    --radio-checked-icon-size-medium: 12px;
    --radio-size-large: 24px;
    --radio-size-medium: 20px;
    --rating-star-active: #ff9a42;
    --rating-star-active-on-color: #ffffff;
    --rating-star-active-on-media: #ffffff;
    --reaction-anger: #ff5757;
    --reaction-haha: #f9cf00;
    --reaction-like: #3e93f8;
    --reaction-love: #ff5757;
    --reaction-sorry: #f9cf00;
    --reaction-support: #f9cf00;
    --reaction-wow: #f9cf00;
    --reshare-radius: 16px;
    --secondary-button-background: rgba(255, 255, 255, 0.1);
    --secondary-button-background-floating: #46484b;
    --secondary-button-background-on-color: rgba(255, 255, 255, 0.15);
    --secondary-button-background-on-dark: rgba(28, 28, 29, 0.6);
    --secondary-button-background-on-media: rgba(28, 28, 29, 0.6);
    --secondary-button-icon-on-media: #ffffff;
    --secondary-button-pressed: rgba(255, 255, 255, 0.2);
    --secondary-button-stroke: rgba(0, 0, 0, 0);
    --secondary-button-text: #e8eaee;
    --secondary-icon: #b0b3b8;
    --secondary-icon-on-color: rgba(255, 255, 255, 0.9);
    --secondary-icon-on-media: rgba(255, 255, 255, 0.8);
    --secondary-text: #b0b3b8;
    --secondary-text-on-color: rgba(255, 255, 255, 0.9);
    --secondary-text-on-media: rgba(255, 255, 255, 0.8);
    --story-seen: #84878b;
    --story-unseen: #0866ff;
    --surface-background: #252728;
    --switch-unchecked-background-color: #6f7276;
    --text-badge-corner-radius: 4px;
    --text-badge-padding-horizontal: 6px;
    --text-badge-padding-vertical: 6px;
    --text-highlight: rgba(29, 133, 252, 0.45);
    --text-input-active-text: #3e93f8;
    --text-input-caption-margin-top: 10px;
    --text-input-multi-padding-between-text-scrollbar: 20px;
    --text-input-multi-padding-scrollbar: 16px;
    --text-input-padding-vertical: 12px;
    --toast-addon-padding-horizontal: 6px;
    --toast-addon-padding-vertical: 6px;
    --toast-container-padding-horizontal: 10px;
    --toast-container-padding-vertical: 16px;
    --toast-corner-radius: 8px;
    --toggle-active-background: #1d85fc;
    --toggle-active-icon: #ffffff;
    --toggle-active-text: #ffffff;
    --tooltip-background: rgba(0, 0, 0, 0.8);
    --tooltip-corner-radius: 12px;
    --warning: #af8f00;
    --wash: #1c1c1d;
    --web-wash: #1c1c1d;
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    --action-tile-radius: 16px;
    --attachment-footer-background: rgba(255, 255, 255, 0.1);
    --background-deemphasized: rgba(255, 255, 255, 0.1);
    --base-cherry: #fb3c44;
    --base-grape: #7d74ff;
    --base-lemon: #f9cf00;
    --base-lime: #3fbb46;
    --base-pink: #fa61ba;
    --base-teal: #14b898;
    --blue-link: #5aa7ff;
    --border-ui-emphasis: rgba(255, 255, 255, 0.05);
    --bottom-sheet-corner-radius: 20px;
    --button-corner-radius: 8px;
    --card-background: #252728;
    --card-background-flat: #333334;
    --card-corner-radius: 12px;
    --card-large-corner-radius: 16px;
    --card-small-corner-radius: 12px;
    --comment-background: #333334;
    --comment-bubble: 16px;
    --comment-threading-lines: #46484b;
    --dialog-corner-radius: 12px;
    --disabled-button-background: rgba(255, 255, 255, 0.1);
    --disabled-icon: #6f7276;
    --disabled-text: #6f7276;
    --divider: #65686c;
    --divider-on-color: #5c5e62;
    --event-date: #dd2334;
    --fb-logo: #0866ff;
    --fb-wordmark: #ffffff;
    --fds-animation-enter-exit-in: cubic-bezier(0.14, 1, 0.34, 1);
    --fds-animation-enter-exit-out: cubic-bezier(0.45, 0.1, 0.2, 1);
    --fds-animation-expand-collapse-in: cubic-bezier(0.17, 0.17, 0, 1);
    --fds-animation-expand-collapse-out: cubic-bezier(0.17, 0.17, 0, 1);
    --fds-animation-fade-in: cubic-bezier(0, 0, 1, 1);
    --fds-animation-fade-out: cubic-bezier(0, 0, 1, 1);
    --fds-animation-glimmer-in: cubic-bezier(0.5, 0, 0.5, 1);
    --fds-animation-glimmer-out: cubic-bezier(0.5, 0, 0.5, 1);
    --fds-animation-linear-in: cubic-bezier(0, 0, 1, 1);
    --fds-animation-linear-out: cubic-bezier(0, 0, 1, 1);
    --fds-animation-move-in: cubic-bezier(0.17, 0.17, 0, 1);
    --fds-animation-move-out: cubic-bezier(0.17, 0.17, 0, 1);
    --fds-animation-passive-move-in: cubic-bezier(0.5, 0, 0.1, 1);
    --fds-animation-passive-move-out: cubic-bezier(0.5, 0, 0.1, 1);
    --fds-animation-quick-move-in: cubic-bezier(0.1, 0.9, 0.2, 1);
    --fds-animation-quick-move-out: cubic-bezier(0.1, 0.9, 0.2, 1);
    --fds-animation-swap-shuffle-in: cubic-bezier(0.14, 1, 0.34, 1);
    --fds-animation-swap-shuffle-out: cubic-bezier(0.45, 0.1, 0.2, 1);
    --fds-duration-extra-extra-short-in: 0.1s;
    --fds-duration-extra-extra-short-out: 0.1s;
    --fds-duration-extra-long-in: 1s;
    --fds-duration-extra-long-out: 1s;
    --fds-duration-extra-short-in: 0.2s;
    --fds-duration-extra-short-out: 0.15s;
    --fds-duration-long-in: 0.5s;
    --fds-duration-long-out: 0.35s;
    --fds-duration-medium-in: 0.4s;
    --fds-duration-medium-out: 0.35s;
    --fds-duration-none: 0ms;
    --fds-duration-short-in: 0.28s;
    --fds-duration-short-out: 0.2s;
    --fds-fast: 0.2s;
    --fds-slow: 0.4s;
    --glimmer-base-opaque: #ffffff;
    --glimmer-high-contrast-base-opaque: #ffffff;
    --glimmer-opacity-high-contrast-max: 0.48;
    --glimmer-opacity-high-contrast-min: 0.1;
    --glimmer-opacity-max: 0.58;
    --glimmer-opacity-min: 0.15;
    --hosted-view-selected-state: rgba(29, 133, 252, 0.1);
    --infochip-large-radius: 8px;
    --infochip-medium-radius: 4px;
    --infochip-small-radius: 4px;
    --input-border-width: 1px;
    --input-corner-radius: 12px;
    --last-active-state-background: #152b14;
    --last-active-state-text: #90e78a;
    --link-on-media: #ffffff;
    --list-cell-corner-radius: 8px;
    --list-cell-min-height: 44px;
    --listcell-inset-radius: 16px;
    --media-corner-radius: 12px;
    --media-hovered: rgba(255, 255, 255, 0.15);
    --media-inner-border: rgba(255, 255, 255, 0.05);
    --media-large-corner-radius: 16px;
    --media-pressed: rgba(255, 255, 255, 0.3);
    --media-small-corner-radius: 12px;
    --nav-bar-background: #252728;
    --negative: #ff7c74;
    --negative-background: rgba(185, 24, 40, 0.2);
    --new-notification-background: rgba(45, 136, 255, 0.1);
    --non-media-pressed: rgba(255, 255, 255, 0.2);
    --non-media-pressed-on-dark: rgba(255, 255, 255, 0.3);
    --notification-badge: #dd2334;
    --overlay-on-media: rgba(0, 0, 0, 0.8);
    --placeholder-icon: #b0b3b8;
    --placeholder-image: #979a9f;
    --placeholder-text: #b0b3b8;
    --placeholder-text-on-media: rgba(255, 255, 255, 0.8);
    --popover-background: #3b3c3e;
    --positive: #3fbb46;
    --positive-deemphasized: #121f10;
    --primary-button-background: #0866ff;
    --primary-button-background-on-color: #ffffff;
    --primary-button-background-on-media: #ffffff;
    --primary-button-icon: #ffffff;
    --primary-button-icon-on-color: #000000;
    --primary-button-icon-on-media: #080809;
    --primary-button-text: #ffffff;
    --primary-button-text-on-media: #080809;
    --primary-deemphasized-button-background: rgba(29, 133, 252, 0.2);
    --primary-deemphasized-button-icon: #75b6ff;
    --primary-deemphasized-button-text: #75b6ff;
    --primary-icon: #e2e5e9;
    --primary-icon-on-media: #ffffff;
    --primary-text: #e2e5e9;
    --primary-text-on-color: #ffffff;
    --primary-text-on-media: #ffffff;
    --progress-ring-blue-background: rgba(8, 102, 255, 0.2);
    --progress-ring-blue-foreground: #0866ff;
    --progress-ring-disabled-background: rgba(111, 114, 118, 0.2);
    --progress-ring-disabled-foreground: #6f7276;
    --progress-ring-neutral-background: rgba(255, 255, 255, 0.2);
    --progress-ring-neutral-foreground: #ffffff;
    --progress-ring-on-media-background: rgba(255, 255, 255, 0.2);
    --progress-ring-on-media-foreground: #ffffff;
    --radio-border-width: 2px;
    --radio-checked-icon-size-large: 12px;
    --radio-checked-icon-size-medium: 12px;
    --radio-size-large: 24px;
    --radio-size-medium: 20px;
    --rating-star-active: #ff9a42;
    --rating-star-active-on-color: #ffffff;
    --rating-star-active-on-media: #ffffff;
    --reaction-anger: #ff5757;
    --reaction-haha: #f9cf00;
    --reaction-like: #3e93f8;
    --reaction-love: #ff5757;
    --reaction-sorry: #f9cf00;
    --reaction-support: #f9cf00;
    --reaction-wow: #f9cf00;
    --reshare-radius: 16px;
    --secondary-button-background: rgba(255, 255, 255, 0.1);
    --secondary-button-background-floating: #46484b;
    --secondary-button-background-on-color: rgba(255, 255, 255, 0.15);
    --secondary-button-background-on-dark: rgba(28, 28, 29, 0.6);
    --secondary-button-background-on-media: rgba(28, 28, 29, 0.6);
    --secondary-button-icon-on-media: #ffffff;
    --secondary-button-pressed: rgba(255, 255, 255, 0.2);
    --secondary-button-stroke: rgba(0, 0, 0, 0);
    --secondary-button-text: #e8eaee;
    --secondary-icon: #b0b3b8;
    --secondary-icon-on-color: rgba(255, 255, 255, 0.9);
    --secondary-icon-on-media: rgba(255, 255, 255, 0.8);
    --secondary-text: #b0b3b8;
    --secondary-text-on-color: rgba(255, 255, 255, 0.9);
    --secondary-text-on-media: rgba(255, 255, 255, 0.8);
    --story-seen: #84878b;
    --story-unseen: #0866ff;
    --surface-background: #252728;
    --switch-unchecked-background-color: #6f7276;
    --text-badge-corner-radius: 4px;
    --text-badge-padding-horizontal: 6px;
    --text-badge-padding-vertical: 6px;
    --text-highlight: rgba(29, 133, 252, 0.45);
    --text-input-active-text: #3e93f8;
    --text-input-caption-margin-top: 10px;
    --text-input-multi-padding-between-text-scrollbar: 20px;
    --text-input-multi-padding-scrollbar: 16px;
    --text-input-padding-vertical: 12px;
    --toast-addon-padding-horizontal: 6px;
    --toast-addon-padding-vertical: 6px;
    --toast-container-padding-horizontal: 10px;
    --toast-container-padding-vertical: 16px;
    --toast-corner-radius: 8px;
    --toggle-active-background: #1d85fc;
    --toggle-active-icon: #ffffff;
    --toggle-active-text: #ffffff;
    --tooltip-background: rgba(0, 0, 0, 0.8);
    --tooltip-corner-radius: 12px;
    --warning: #af8f00;
    --wash: #1c1c1d;
    --web-wash: #1c1c1d;
  }
}

.x5yr21d {
  height: 83%;
}

.button-bar-wrapper {
  width: 90vw;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 900px) {
  .button-bar-wrapper {
    width: auto;
    margin-left: auto;
  }

  .button-bar-wrapper > .open-popup {
    flex-grow: 0 !important;
    flex-shrink: 1 !important;
    flex-basis: auto !important;
  }
}

@media screen and (max-width: 808px) {
  .mm__fm {
    margin-right: 34px !important;
  }
}

.x1ok221b p {
  font-size: 19px;
}

.post__btn {
  background-color: #f2f2f2;
  color: #000;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  padding: 14px 70px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease;
  align-self: center;
}

.post__btn:hover {
  background-color: #e0e0e0;
}

.post__date {
  color: #65676b;
  margin: 0 !important;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.post__btn {
  display: block;
  background: #081441 !important;
  width: 100%;
  color: #fff !important;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 15px;
  border-radius: 8px;
  background: #e2e5ea;
  animation: hoverWave linear 3s infinite;
}

.post__reactions {
  border-top: 1px solid rgba(101, 103, 107, 0.2);
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.post__emojis {
  display: flex;
  align-items: center;
  gap: 10px;
}

.post__icons {
  max-width: 50px;
  width: 100%;
}

.post__count {
  color: #65676b;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.post__actions span {
  display: flex;
  align-items: center;
  gap: 4px;
}

.post__actions {
  color: #65676b;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 12px;
}

.post__bottom {
  padding: 15px 20px;
  border-top: 1px solid rgba(101, 103, 107, 0.2);
}

.post__suptitle {
  cursor: pointer;
  color: #65676b;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 10px;
}

.comments {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.comments__item {
  display: flex;
  justify-content: space-between;
  gap: 5px;
}

.comments__item.reply {
  display: flex;
  flex-direction: column;
}

.comments__row {
  display: flex;
  gap: 5px;
}

.comments__reply {
  margin-left: 40px;
  display: flex;
  gap: 5px;
  margin-top: 20px;
}

.comments__avatar {
  display: block;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

.comments__avatar img {
  border-radius: 50%;
  display: block;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

.comments__content {
  border-radius: 15px;
  background: #f0f2f5;
  padding: 10px;
  margin-bottom: 5px;
}

.comments__name h4 {
  color: #050505 !important;
  font-size: 13px !important;
  margin: 0 !important;
}

.comments__name {
  display: block;
  color: #050505;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 5px;
}

.comments__text {
  color: #050505;
  font-size: 18px;
  margin: 0 !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.comments__bottom {
  display: flex;
  align-items: center;
  gap: 15px;
}

.comments__date {
  color: #65676b;
  font-size: 13px;
  margin: 0 !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.comments__btn {
  display: block;
  color: #65676b !important;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.comments__btn.like {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
  line-height: 1;
}

@media (max-width: 450px) {
  .post__bottom {
    padding-inline: 16px;
  }

  .post__btn {
    padding: 12px;
  }

  .post__date {
    font-size: 12px;
  }
}

@keyframes hoverWave {
  0% {
    box-shadow:
      0 4px 5px rgba(226, 229, 234, 0.5),
      0 0 0 0 rgba(226, 229, 234, 0.5),
      0 0 0 0 rgba(226, 229, 234, 0.5);
  }

  40% {
    box-shadow:
      0 4px 5px rgba(226, 229, 234, 0.5),
      0 0 0 5px rgba(226, 229, 234, 0.4),
      0 0 0 0 rgba(226, 229, 234, 0.4);
  }

  80% {
    box-shadow:
      0 4px 5px rgba(226, 229, 234, 0.5),
      0 0 0 10px rgba(226, 229, 234, 0),
      0 0 0 8.35px rgba(226, 229, 234, 0.2);
  }

  100% {
    box-shadow:
      0 4px 5px rgba(226, 229, 234, 0.5),
      0 0 0 10px rgba(226, 229, 234, 0),
      0 0 0 10px rgba(226, 229, 234, 0);
  }
}

.comments__text {
  margin-bottom: 5px !important;
}

@media (max-width: 540px) {
  #sigui {
    display: flex;
    flex-direction: column;
  }

  .point {
    display: none;
  }
}

.x9f619.x1n2onr6.x1ja2u2z.x78zum5.xdt5ytf.x2lah0s.x193iq5w.x1cy8zhl.xexx8yu {
  margin: 0 auto;
  text-align: center;
}

.x1k51ox {
  width: calc(1.5625rem + 0px);
}

@media (max-width: 800px) {
  .x1k51ox.x10l6tqk.x13vifvy.x1lxsm33 {
    display: none;
  }
}

@media (min-width: 800px) {
  .x1k51ox.x10l6tqk.x13vifvy.x1lxsm33 {
    --x-insetInlineStart: 565px;
  }
}