/* inter-cyrillic-variable-wghtOnly-normal */
@font-face {
  font-family: 'InterVariable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url('/assets/inter-cyrillic-variable-wghtOnly-normal-DHeaknKs.woff2') format('woff2');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}  
/* inter-cyrillic-ext-variable-wghtOnly-normal */
@font-face {
  font-family: 'InterVariable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url('/assets/inter-cyrillic-ext-variable-wghtOnly-normal-CBYe6022.woff2') format('woff2');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}  
/* inter-greek-variable-wghtOnly-normal */
@font-face {
  font-family: 'InterVariable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url('/assets/inter-greek-variable-wghtOnly-normal-RGdUHdk5.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}  
/* inter-greek-ext-variable-wghtOnly-normal */
@font-face {
  font-family: 'InterVariable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url('/assets/inter-greek-ext-variable-wghtOnly-normal-vpOIeGzY.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}  
/* inter-latin-variable-wghtOnly-normal */
@font-face {
  font-family: 'InterVariable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url('/assets/inter-latin-variable-wghtOnly-normal-DwMxL0mc.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}  
/* inter-latin-ext-variable-wghtOnly-normal */
@font-face {
  font-family: 'InterVariable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url('/assets/inter-latin-ext-variable-wghtOnly-normal-Wjt_kzju.woff2') format('woff2');
  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}  
/* inter-vietnamese-variable-wghtOnly-normal */
@font-face {
  font-family: 'InterVariable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url('/assets/inter-vietnamese-variable-wghtOnly-normal-CZXuW_xV.woff2') format('woff2');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
}  
.oq6d071w {
  --oq6d070: #F2F2F2;
  --oq6d071: #E5E5E5;
  --oq6d072: #D9D9D9;
  --oq6d073: #CCCCCC;
  --oq6d074: #000000;
  --oq6d075: #FFFFFF;
  --oq6d076: #F2F2F2;
  --oq6d077: #E5E5E5;
  --oq6d078: #D9D9D9;
  --oq6d079: #000000;
  --oq6d07a: #F2F2F2;
  --oq6d07b: #E5E5E5;
  --oq6d07c: #D9D9D9;
  --oq6d07d: #CCCCCC;
  --oq6d07e: #000000;
  --oq6d07f: #1858D5;
  --oq6d07g: #164FC0;
  --oq6d07h: #144BB5;
  --oq6d07i: #1346AA;
  --oq6d07j: #FFFFFF;
  --oq6d07k: #E8EEFB;
  --oq6d07l: #DCE6F9;
  --oq6d07m: #D1DEF7;
  --oq6d07n: #C5D5F5;
  --oq6d07o: #113E95;
  --oq6d07p: #000000;
  --oq6d07q: #1A1A1A;
  --oq6d07r: #262626;
  --oq6d07s: #333333;
  --oq6d07t: #FFFFFF;
  --oq6d07u: #D9D9D9;
  --oq6d07v: #CCCCCC;
  --oq6d07w: #BFBFBF;
  --oq6d07x: #B2B2B2;
  --oq6d07y: #0D0D0D;
  --oq6d07z: #00844C;
  --oq6d0710: #007744;
  --oq6d0711: #007041;
  --oq6d0712: #006A3D;
  --oq6d0713: #FFFFFF;
  --oq6d0714: #E5F3ED;
  --oq6d0715: #D9EDE4;
  --oq6d0716: #CCE6DB;
  --oq6d0717: #BFE0D2;
  --oq6d0718: #005C35;
  --oq6d0719: #A85400;
  --oq6d071a: #974C00;
  --oq6d071b: #8F4700;
  --oq6d071c: #864300;
  --oq6d071d: #FFFFFF;
  --oq6d071e: #F6EEE5;
  --oq6d071f: #F2E5D9;
  --oq6d071g: #EEDDCC;
  --oq6d071h: #E9D4BF;
  --oq6d071i: #763B00;
  --oq6d071j: #C40E0E;
  --oq6d071k: #AC0909;
  --oq6d071l: #A60C0C;
  --oq6d071m: #9C0B0B;
  --oq6d071n: #FFFFFF;
  --oq6d071o: #F9E7E7;
  --oq6d071p: #F6DBDB;
  --oq6d071q: #F3CFCF;
  --oq6d071r: #F0C3C3;
  --oq6d071s: #890A0A;
  --oq6d071t: rgba(0 0 0 / 50%);
  --oq6d071u: rgba(0 0 0 / 20%);
  --oq6d071v: rgba(0 0 0 / 50%);
}._164xfge0 {
  --_164xfge1: InterVariable, 'Inter', -apple-system, 'Segoe UI', 'Helvetica', 'Arial', sans-serif;
  --_164xfge2: 2.8125rem;
  --_164xfge3: 2.1875rem;
  --_164xfge4: 1.5625rem;
  --_164xfge5: 1.25rem;
  --_164xfge6: 1.125rem;
  --_164xfge7: 1rem;
  --_164xfge8: 0.875rem;
  --_164xfge9: 1.0625rem;
  --_164xfgea: 0.9375rem;
  --_164xfgeb: 0.875rem;
  --_164xfgec: 0.75rem;
  --_164xfged: 1rem;
  --_164xfgee: 0.875rem;
  --_164xfgef: 0.75rem;
  --_164xfgeg: 0.75rem;
  --_164xfgeh: 0.75rem;
  --_164xfgei: 0.75rem;
  --_164xfgej: 3.25rem;
  --_164xfgek: 2.5rem;
  --_164xfgel: 1.875rem;
  --_164xfgem: 1.625rem;
  --_164xfgen: 1.5rem;
  --_164xfgeo: 1.375rem;
  --_164xfgep: 1.125rem;
  --_164xfgeq: 1.5rem;
  --_164xfger: 1.375rem;
  --_164xfges: 1.25rem;
  --_164xfget: 1.125rem;
  --_164xfgeu: 1.25rem;
  --_164xfgev: 1.125rem;
  --_164xfgew: 1rem;
  --_164xfgex: 1rem;
  --_164xfgey: 1rem;
  --_164xfgez: 1rem;
  --_164xfge10: 0;
  --_164xfge11: 0;
  --_164xfge12: 0;
  --_164xfge13: 0;
  --_164xfge14: 0;
  --_164xfge15: 0;
  --_164xfge16: 0;
  --_164xfge17: 0;
  --_164xfge18: 0;
  --_164xfge19: 0;
  --_164xfge1a: 0;
  --_164xfge1b: 0;
  --_164xfge1c: 0;
  --_164xfge1d: 0;
  --_164xfge1e: 0;
  --_164xfge1f: 0;
  --_164xfge1g: 0;
  --_164xfge1h: 100;
  --_164xfge1i: 200;
  --_164xfge1j: 300;
  --_164xfge1k: 400;
  --_164xfge1l: 500;
  --_164xfge1m: 600;
  --_164xfge1n: 700;
  --_164xfge1o: 800;
  --_164xfge1p: 900;
  --_164xfge1q: 0;
  --_164xfge1r: 0.25rem;
  --_164xfge1s: 0.5rem;
  --_164xfge1t: 0.75rem;
  --_164xfge1u: 1rem;
  --_164xfge1v: 1.25rem;
  --_164xfge1w: 1.5rem;
  --_164xfge1x: 2rem;
  --_164xfge1y: 0;
  --_164xfge1z: 0.25rem;
  --_164xfge20: 0.5rem;
  --_164xfge21: 0.75rem;
  --_164xfge22: 50%;
  --_164xfge23: 9999px;
  --_164xfge24: 0;
  --_164xfge25: 1px;
  --_164xfge26: 1.5px;
  --_164xfge27: 2px;
  --_164xfge28: 3px;
  --_164xfge29: 4px;
  --_164xfge2a: 100;
  --_164xfge2b: 200;
  --_164xfge2c: 300;
  --_164xfge2d: 400;
  --_164xfge2e: 9999;
  --_164xfge2f: 0px 1px 6px -2px var(--oq6d071u);
  --_164xfge2g: 0px 1px 12px -3px var(--oq6d071u);
  --_164xfge2h: 0px 2px 16px -4px var(--oq6d071u);
  --_164xfge2i: 0px 4px 26px -6px var(--oq6d071u);
  --_164xfge2j: 1em;
  --_164xfge2k: 1rem;
  --_164xfge2l: 1.125rem;
  --_164xfge2m: 1.25rem;
  --_164xfge2n: 1.375rem;
  --_164xfge2o: 1.5rem;
  --_164xfge2p: 1.75rem;
  --_164xfge2q: 2.25rem;
  --_164xfge2r: 23.75rem;
  --_164xfge2s: 36.25rem;
  --_164xfge2t: 42.75rem;
  --_164xfge2u: 42.75rem;
  --_164xfge2v: 28.75rem;
  --_164xfge2w: 32.75rem;
  --_164xfge2x: 50.125rem;
  --_164xfge2y: 13.875rem;
  --_164xfge2z: 1;
  --_164xfge30: 0.9;
  --_164xfge31: 0.75;
  --_164xfge32: 0.5;
  --_164xfge33: 0.38;
}.dw378b0 {
  --dw378b1: var(--_164xfge28) solid var(--oq6d071t);
}._1mqalmd0 {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
._1mqalmd1 {
  margin: 0;
  padding: 0;
  border: 0 solid currentColor;
  box-shadow: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
}
._1mqalmd1, ._1mqalmd1::before, ._1mqalmd1::after {
  box-sizing: border-box;
}._1bugis90:focus-visible {
  outline: var(--dw378b1);
  outline-offset: 0;
}
._1bugis91[disabled], ._1bugis91[aria-disabled=true] {
  opacity: var(--_164xfge33) !important;
  cursor: not-allowed;
}.cpipac0 {
  border-radius: inherit;
}
.cpipac1 {
  border-radius: var(--_164xfge1y);
}
.cpipac2 {
  border-radius: var(--_164xfge1z);
}
.cpipac3 {
  border-radius: var(--_164xfge20);
}
.cpipac4 {
  border-radius: var(--_164xfge21);
}
.cpipac5 {
  border-radius: var(--_164xfge23);
}
.cpipac6 {
  width: var(--_164xfge2j);
  height: var(--_164xfge2j);
}
.cpipac7 {
  width: var(--_164xfge2k);
  height: var(--_164xfge2k);
}
.cpipac8 {
  width: var(--_164xfge2l);
  height: var(--_164xfge2l);
}
.cpipac9 {
  width: var(--_164xfge2m);
  height: var(--_164xfge2m);
}
.cpipaca {
  width: var(--_164xfge2n);
  height: var(--_164xfge2n);
}
.cpipacb {
  width: var(--_164xfge2o);
  height: var(--_164xfge2o);
}
.cpipacc {
  width: var(--_164xfge2p);
  height: var(--_164xfge2p);
}
.cpipacd {
  width: var(--_164xfge2q);
  height: var(--_164xfge2q);
}._1684mq51 {
  user-select: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: var(--_1684mq50);
  height: var(--_1684mq50);
  overflow: hidden;
  position: relative;
}
._1684mq52 {
  --_1684mq50: 1.5rem;
}
._1684mq53 {
  --_1684mq50: 2.25rem;
}
._1684mq54 {
  --_1684mq50: 2.625rem;
}
._1684mq55 {
  --_1684mq50: 3.625rem;
}
._1684mq5c {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  position: absolute;
}
._1684mq5d {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  position: absolute;
}._13qe89m6 {
  padding: 0 var(--_164xfge1r);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
._13qe89m7 {
  height: 0.5rem;
  min-width: 0.5rem;
}
._13qe89m8 {
  height: 0.75rem;
  min-width: 0.75rem;
}
._13qe89m9 {
  height: 1rem;
  min-width: 1rem;
}
._13qe89ma {
  height: 1.25rem;
  min-width: 1.25rem;
  padding: 0 var(--_164xfge1s);
}
._13qe89mb {
  --_13qe89m0: var(--oq6d07f);
  --_13qe89m1: var(--oq6d07i);
  --_13qe89m2: var(--oq6d07j);
  --_13qe89m3: var(--oq6d07k);
  --_13qe89m4: var(--oq6d07n);
  --_13qe89m5: var(--oq6d07o);
}
._13qe89mc {
  --_13qe89m0: var(--oq6d07p);
  --_13qe89m1: var(--oq6d07s);
  --_13qe89m2: var(--oq6d07t);
  --_13qe89m3: var(--oq6d07u);
  --_13qe89m4: var(--oq6d07x);
  --_13qe89m5: var(--oq6d07y);
}
._13qe89md {
  --_13qe89m0: var(--oq6d07z);
  --_13qe89m1: var(--oq6d0712);
  --_13qe89m2: var(--oq6d0713);
  --_13qe89m3: var(--oq6d0714);
  --_13qe89m4: var(--oq6d0717);
  --_13qe89m5: var(--oq6d0718);
}
._13qe89me {
  --_13qe89m0: var(--oq6d0719);
  --_13qe89m1: var(--oq6d071c);
  --_13qe89m2: var(--oq6d071d);
  --_13qe89m3: var(--oq6d071e);
  --_13qe89m4: var(--oq6d071h);
  --_13qe89m5: var(--oq6d071i);
}
._13qe89mf {
  --_13qe89m0: var(--oq6d071j);
  --_13qe89m1: var(--oq6d071m);
  --_13qe89m2: var(--oq6d071n);
  --_13qe89m3: var(--oq6d071o);
  --_13qe89m4: var(--oq6d071r);
  --_13qe89m5: var(--oq6d071s);
}
._13qe89mg {
  background-color: var(--_13qe89m0);
  color: var(--_13qe89m2);
  border-color: var(--_13qe89m1);
  outline-color: var(--_13qe89m1);
}
._13qe89mh {
  background-color: var(--_13qe89m3);
  color: var(--_13qe89m5);
  border-color: var(--_13qe89m4);
  outline-color: var(--_13qe89m4);
}
._13qe89mi {
  background-color: inherit;
  color: var(--_13qe89m0);
  border-color: var(--_13qe89m0);
  outline-color: var(--_13qe89m0);
}
._13qe89mj {
  outline-width: var(--_164xfge25);
  outline-style: solid;
}.prxiv40 {
  min-width: 0;
  min-height: 0;
}
.prxiv41 {
  display: flex;
}
.prxiv42 {
  display: inline-flex;
}
.prxiv43 {
  flex-direction: inherit;
}
.prxiv44 {
  flex-direction: row;
}
.prxiv45 {
  flex-direction: row-reverse;
}
.prxiv46 {
  flex-direction: column;
}
.prxiv47 {
  flex-direction: column-reverse;
}
.prxiv48 {
  flex-wrap: inherit;
}
.prxiv49 {
  flex-wrap: nowrap;
}
.prxiv4a {
  flex-wrap: wrap;
}
.prxiv4b {
  flex-wrap: wrap-reverse;
}
.prxiv4c {
  justify-content: inherit;
}
.prxiv4d {
  justify-content: flex-start;
}
.prxiv4e {
  justify-content: flex-end;
}
.prxiv4f {
  justify-content: stretch;
}
.prxiv4g {
  justify-content: center;
}
.prxiv4h {
  justify-content: baseline;
}
.prxiv4i {
  justify-content: space-between;
}
.prxiv4j {
  justify-content: space-around;
}
.prxiv4k {
  justify-content: space-evenly;
}
.prxiv4l {
  justify-items: inherit;
}
.prxiv4m {
  justify-items: flex-start;
}
.prxiv4n {
  justify-items: flex-end;
}
.prxiv4o {
  justify-items: stretch;
}
.prxiv4p {
  justify-items: center;
}
.prxiv4q {
  justify-items: baseline;
}
.prxiv4r {
  justify-self: inherit;
}
.prxiv4s {
  justify-self: flex-start;
}
.prxiv4t {
  justify-self: flex-end;
}
.prxiv4u {
  justify-self: stretch;
}
.prxiv4v {
  justify-self: center;
}
.prxiv4w {
  justify-self: baseline;
}
.prxiv4x {
  align-content: inherit;
}
.prxiv4y {
  align-content: flex-start;
}
.prxiv4z {
  align-content: flex-end;
}
.prxiv410 {
  align-content: stretch;
}
.prxiv411 {
  align-content: center;
}
.prxiv412 {
  align-content: baseline;
}
.prxiv413 {
  align-content: space-between;
}
.prxiv414 {
  align-content: space-around;
}
.prxiv415 {
  align-content: space-evenly;
}
.prxiv416 {
  align-items: inherit;
}
.prxiv417 {
  align-items: flex-start;
}
.prxiv418 {
  align-items: flex-end;
}
.prxiv419 {
  align-items: stretch;
}
.prxiv41a {
  align-items: center;
}
.prxiv41b {
  align-items: baseline;
}
.prxiv41c {
  align-self: inherit;
}
.prxiv41d {
  align-self: flex-start;
}
.prxiv41e {
  align-self: flex-end;
}
.prxiv41f {
  align-self: stretch;
}
.prxiv41g {
  align-self: center;
}
.prxiv41h {
  align-self: baseline;
}
.prxiv41i {
  gap: var(--_164xfge1q);
}
.prxiv41j {
  gap: var(--_164xfge1r);
}
.prxiv41k {
  gap: var(--_164xfge1s);
}
.prxiv41l {
  gap: var(--_164xfge1t);
}
.prxiv41m {
  gap: var(--_164xfge1u);
}
.prxiv41n {
  gap: var(--_164xfge1v);
}
.prxiv41o {
  gap: var(--_164xfge1w);
}
.prxiv41p {
  gap: var(--_164xfge1x);
}
.prxiv41q {
  gap: inherit;
}
.prxiv41r {
  flex-grow: 0;
}
.prxiv41s {
  flex-grow: 1;
}
.prxiv41t {
  flex-shrink: 0;
}
.prxiv41u {
  flex-shrink: 1;
}
.prxiv41v {
  flex-basis: 0;
}
.prxiv41w {
  flex-basis: auto;
}.epr39zd {
  min-width: 0;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.epr39zd[aria-pressed=true] {
  background-color: var(--epr39zb);
}
.epr39zd:hover, .epr39zd:focus-visible {
  background-color: var(--epr39za);
}
.epr39zd:active {
  background-color: var(--epr39zb);
}
.epr39zd[data-ui-before=true] {
  padding-left: var(--epr39zc);
}
.epr39zd[data-ui-after=true] {
  padding-right: var(--epr39zc);
}
.epr39ze {
  --epr39zc: var(--_164xfge1s);
  height: 2rem;
  gap: var(--_164xfge1r);
  padding: 0 var(--_164xfge1t);
}
.epr39zf {
  --epr39zc: var(--_164xfge1t);
  height: 2.5rem;
  gap: var(--_164xfge1s);
  padding: 0 var(--_164xfge1u);
}
.epr39zg {
  --epr39zc: var(--_164xfge1u);
  height: 3rem;
  gap: var(--_164xfge1t);
  padding: 0 var(--_164xfge1v);
}
.epr39zh {
  --epr39z0: var(--oq6d07f);
  --epr39z1: var(--oq6d07g);
  --epr39z2: var(--oq6d07h);
  --epr39z3: var(--oq6d07i);
  --epr39z4: var(--oq6d07j);
  --epr39z5: var(--oq6d07k);
  --epr39z6: var(--oq6d07l);
  --epr39z7: var(--oq6d07m);
  --epr39z8: var(--oq6d07n);
  --epr39z9: var(--oq6d07o);
}
.epr39zi {
  --epr39z0: var(--oq6d07p);
  --epr39z1: var(--oq6d07q);
  --epr39z2: var(--oq6d07r);
  --epr39z3: var(--oq6d07s);
  --epr39z4: var(--oq6d07t);
  --epr39z5: var(--oq6d07u);
  --epr39z6: var(--oq6d07v);
  --epr39z7: var(--oq6d07w);
  --epr39z8: var(--oq6d07x);
  --epr39z9: var(--oq6d07y);
}
.epr39zj {
  --epr39z0: var(--oq6d07z);
  --epr39z1: var(--oq6d0710);
  --epr39z2: var(--oq6d0711);
  --epr39z3: var(--oq6d0712);
  --epr39z4: var(--oq6d0713);
  --epr39z5: var(--oq6d0714);
  --epr39z6: var(--oq6d0715);
  --epr39z7: var(--oq6d0716);
  --epr39z8: var(--oq6d0717);
  --epr39z9: var(--oq6d0718);
}
.epr39zk {
  --epr39z0: var(--oq6d0719);
  --epr39z1: var(--oq6d071a);
  --epr39z2: var(--oq6d071b);
  --epr39z3: var(--oq6d071c);
  --epr39z4: var(--oq6d071d);
  --epr39z5: var(--oq6d071e);
  --epr39z6: var(--oq6d071f);
  --epr39z7: var(--oq6d071g);
  --epr39z8: var(--oq6d071h);
  --epr39z9: var(--oq6d071i);
}
.epr39zl {
  --epr39z0: var(--oq6d071j);
  --epr39z1: var(--oq6d071k);
  --epr39z2: var(--oq6d071l);
  --epr39z3: var(--oq6d071m);
  --epr39z4: var(--oq6d071n);
  --epr39z5: var(--oq6d071o);
  --epr39z6: var(--oq6d071p);
  --epr39z7: var(--oq6d071q);
  --epr39z8: var(--oq6d071r);
  --epr39z9: var(--oq6d071s);
}
.epr39zm {
  --epr39za: var(--epr39z1);
  --epr39zb: var(--epr39z2);
  background-color: var(--epr39z0);
  color: var(--epr39z4);
  border-color: var(--epr39z3);
}
.epr39zn {
  --epr39za: var(--epr39z6);
  --epr39zb: var(--epr39z7);
  background-color: var(--epr39z5);
  color: var(--epr39z9);
  border-color: var(--epr39z8);
}
.epr39zo {
  --epr39za: var(--epr39z6);
  --epr39zb: var(--epr39z7);
  background-color: inherit;
  color: var(--epr39z0);
  border-color: var(--epr39z0);
}
.epr39zp {
  border-width: var(--_164xfge26);
}._19nrl2w0 {
  flex-shrink: 0;
  color: currentColor;
}._1ke4j9q2 {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
._1ke4j9qb {
  --_1ke4j9q0: var(--oq6d07f);
  --_1ke4j9q1: var(--oq6d07j);
}
._1ke4j9qc {
  --_1ke4j9q0: var(--oq6d07p);
  --_1ke4j9q1: var(--oq6d07t);
}
._1ke4j9qd {
  --_1ke4j9q0: var(--oq6d07z);
  --_1ke4j9q1: var(--oq6d0713);
}
._1ke4j9qe {
  --_1ke4j9q0: var(--oq6d0719);
  --_1ke4j9q1: var(--oq6d071d);
}
._1ke4j9qf {
  --_1ke4j9q0: var(--oq6d071j);
  --_1ke4j9q1: var(--oq6d071n);
}
._1ke4j9qg {
  position: absolute;
  width: 100%;
  height: 100%;
}
._1ke4j9qg[type=checkbox] {
  appearance: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  border-radius: var(--_164xfge1z);
  box-shadow: inset 0 0 0 var(--_164xfge26) CurrentColor;
}
._1ke4j9qg[type=checkbox]:checked {
  box-shadow: none;
  background-color: var(--_1ke4j9q0);
}
._1ke4j9qg:not(:checked) {
  opacity: var(--_164xfge31);
}
._1ke4j9qh {
  position: absolute;
  pointer-events: none;
  color: transparent;
}
._1ke4j9qg:checked + ._1ke4j9qh {
  color: var(--_1ke4j9q1);
}
._1ke4j9qg[disabled] + ._1ke4j9qh, ._1ke4j9qg[aria-disabled=true] + ._1ke4j9qh {
  opacity: var(--_164xfge33);
}._1bv8u1w6 {
  display: inline-flex;
  align-items: center;
  color: var(--_1bv8u1w4);
  cursor: pointer;
}
._1bv8u1w6[aria-selected=true], ._1bv8u1w6[aria-pressed=true] {
  background-color: var(--_1bv8u1w2);
}
._1bv8u1w6:hover, ._1bv8u1w6:focus-visible {
  background-color: var(--_1bv8u1w1);
}
._1bv8u1w6:active {
  background-color: var(--_1bv8u1w2);
}
._1bv8u1w6[data-ui-before=true] {
  padding-left: var(--_1bv8u1w5);
}
._1bv8u1w6[data-ui-after=true] {
  padding-right: var(--_1bv8u1w5);
}
._1bv8u1w7 {
  --_1bv8u1w0: var(--oq6d070);
  --_1bv8u1w1: var(--oq6d071);
  --_1bv8u1w2: var(--oq6d072);
  --_1bv8u1w3: var(--oq6d073);
  --_1bv8u1w4: var(--oq6d074);
}
._1bv8u1w8 {
  --_1bv8u1w0: var(--oq6d075);
  --_1bv8u1w1: var(--oq6d076);
  --_1bv8u1w2: var(--oq6d077);
  --_1bv8u1w3: var(--oq6d078);
  --_1bv8u1w4: var(--oq6d079);
}
._1bv8u1w9 {
  --_1bv8u1w0: var(--oq6d07a);
  --_1bv8u1w1: var(--oq6d07b);
  --_1bv8u1w2: var(--oq6d07c);
  --_1bv8u1w3: var(--oq6d07d);
  --_1bv8u1w4: var(--oq6d07e);
}
._1bv8u1wa {
  --_1bv8u1w0: var(--oq6d07k);
  --_1bv8u1w1: var(--oq6d07l);
  --_1bv8u1w2: var(--oq6d07m);
  --_1bv8u1w3: var(--oq6d07n);
  --_1bv8u1w4: var(--oq6d07o);
}
._1bv8u1wb {
  --_1bv8u1w0: var(--oq6d07u);
  --_1bv8u1w1: var(--oq6d07v);
  --_1bv8u1w2: var(--oq6d07w);
  --_1bv8u1w3: var(--oq6d07x);
  --_1bv8u1w4: var(--oq6d07y);
}
._1bv8u1wc {
  --_1bv8u1w0: var(--oq6d0714);
  --_1bv8u1w1: var(--oq6d0715);
  --_1bv8u1w2: var(--oq6d0716);
  --_1bv8u1w3: var(--oq6d0717);
  --_1bv8u1w4: var(--oq6d0718);
}
._1bv8u1wd {
  --_1bv8u1w0: var(--oq6d071e);
  --_1bv8u1w1: var(--oq6d071f);
  --_1bv8u1w2: var(--oq6d071g);
  --_1bv8u1w3: var(--oq6d071h);
  --_1bv8u1w4: var(--oq6d071i);
}
._1bv8u1we {
  --_1bv8u1w0: var(--oq6d071o);
  --_1bv8u1w1: var(--oq6d071p);
  --_1bv8u1w2: var(--oq6d071q);
  --_1bv8u1w3: var(--oq6d071r);
  --_1bv8u1w4: var(--oq6d071s);
}
._1bv8u1wf {
  --_1bv8u1w5: var(--_164xfge1s);
  height: 1.5rem;
  padding: 0 var(--_164xfge1t);
  gap: var(--_164xfge1r);
}
._1bv8u1wg {
  --_1bv8u1w5: var(--_164xfge1t);
  height: 2rem;
  padding: 0 var(--_164xfge1u);
  gap: var(--_164xfge1s);
}
._1bv8u1wh {
  background-color: var(--_1bv8u1w0);
}
._1bv8u1wi {
  background-color: transparent;
}
._1bv8u1wj {
  border: var(--_164xfge26) solid var(--_1bv8u1w3);
}@keyframes _5z5e2h0 {
  0% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
  }
}
._5z5e2h1 {
  border-radius: var(--_164xfge20);
  box-shadow: var(--_164xfge2i);
  width: 100%;
  max-width: var(--_164xfge2r);
  overflow: hidden;
  animation: _5z5e2h0 200ms;
}
._5z5e2h2 {
  background-color: var(--oq6d070);
  color: var(--oq6d074);
  border: var(--_164xfge25) solid var(--oq6d073);
}
._5z5e2h3 {
  background-color: var(--oq6d075);
  color: var(--oq6d079);
  border: var(--_164xfge25) solid var(--oq6d078);
}
._5z5e2h4 {
  background-color: var(--oq6d07a);
  color: var(--oq6d07e);
  border: var(--_164xfge25) solid var(--oq6d07d);
}
._5z5e2h5 {
  background-color: var(--oq6d07k);
  color: var(--oq6d07o);
  border: var(--_164xfge25) solid var(--oq6d07n);
}
._5z5e2h6 {
  background-color: var(--oq6d07u);
  color: var(--oq6d07y);
  border: var(--_164xfge25) solid var(--oq6d07x);
}
._5z5e2h7 {
  background-color: var(--oq6d0714);
  color: var(--oq6d0718);
  border: var(--_164xfge25) solid var(--oq6d0717);
}
._5z5e2h8 {
  background-color: var(--oq6d071e);
  color: var(--oq6d071i);
  border: var(--_164xfge25) solid var(--oq6d071h);
}
._5z5e2h9 {
  background-color: var(--oq6d071o);
  color: var(--oq6d071s);
  border: var(--_164xfge25) solid var(--oq6d071r);
}.hru6be0 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.hru6be1 {
  background-color: var(--oq6d070);
  color: var(--oq6d074);
  border: 0 solid var(--oq6d073);
}
.hru6be2 {
  background-color: var(--oq6d075);
  color: var(--oq6d079);
  border: 0 solid var(--oq6d078);
}
.hru6be3 {
  background-color: var(--oq6d07a);
  color: var(--oq6d07e);
  border: 0 solid var(--oq6d07d);
}
.hru6be4 {
  background-color: var(--oq6d07k);
  color: var(--oq6d07o);
  border: 0 solid var(--oq6d07n);
}
.hru6be5 {
  background-color: var(--oq6d07u);
  color: var(--oq6d07y);
  border: 0 solid var(--oq6d07x);
}
.hru6be6 {
  background-color: var(--oq6d0714);
  color: var(--oq6d0718);
  border: 0 solid var(--oq6d0717);
}
.hru6be7 {
  background-color: var(--oq6d071e);
  color: var(--oq6d071i);
  border: 0 solid var(--oq6d071h);
}
.hru6be8 {
  background-color: var(--oq6d071o);
  color: var(--oq6d071s);
  border: 0 solid var(--oq6d071r);
}
.hru6be9 {
  height: 2rem;
}
.hru6bea {
  height: 2.5rem;
}
.hru6beb {
  height: 3rem;
}
.hru6bec {
  height: 3.375rem;
}
.hru6bed {
  height: 4rem;
}.brs7ce5 {
  width: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  cursor: pointer;
  text-decoration: none;
  color: var(--brs7ce4);
}
.brs7ce5[aria-pressed=true] {
  background-color: var(--brs7ce2);
}
.brs7ce5:hover, .brs7ce5:focus-visible {
  background-color: var(--brs7ce1);
}
.brs7ce5:active {
  background-color: var(--brs7ce2);
}
.brs7ce6 {
  padding: 0.25rem;
}
.brs7ce7 {
  padding: 0.5rem;
}
.brs7ce8 {
  padding: 0.75rem;
}
.brs7ce9 {
  padding: 1rem;
}
.brs7cea {
  --brs7ce0: var(--oq6d070);
  --brs7ce1: var(--oq6d071);
  --brs7ce2: var(--oq6d072);
  --brs7ce3: var(--oq6d073);
  --brs7ce4: var(--oq6d074);
}
.brs7ceb {
  --brs7ce0: var(--oq6d075);
  --brs7ce1: var(--oq6d076);
  --brs7ce2: var(--oq6d077);
  --brs7ce3: var(--oq6d078);
  --brs7ce4: var(--oq6d079);
}
.brs7cec {
  --brs7ce0: var(--oq6d07a);
  --brs7ce1: var(--oq6d07b);
  --brs7ce2: var(--oq6d07c);
  --brs7ce3: var(--oq6d07d);
  --brs7ce4: var(--oq6d07e);
}
.brs7ced {
  --brs7ce0: var(--oq6d07k);
  --brs7ce1: var(--oq6d07l);
  --brs7ce2: var(--oq6d07m);
  --brs7ce3: var(--oq6d07n);
  --brs7ce4: var(--oq6d07o);
}
.brs7cee {
  --brs7ce0: var(--oq6d07u);
  --brs7ce1: var(--oq6d07v);
  --brs7ce2: var(--oq6d07w);
  --brs7ce3: var(--oq6d07x);
  --brs7ce4: var(--oq6d07y);
}
.brs7cef {
  --brs7ce0: var(--oq6d0714);
  --brs7ce1: var(--oq6d0715);
  --brs7ce2: var(--oq6d0716);
  --brs7ce3: var(--oq6d0717);
  --brs7ce4: var(--oq6d0718);
}
.brs7ceg {
  --brs7ce0: var(--oq6d071e);
  --brs7ce1: var(--oq6d071f);
  --brs7ce2: var(--oq6d071g);
  --brs7ce3: var(--oq6d071h);
  --brs7ce4: var(--oq6d071i);
}
.brs7ceh {
  --brs7ce0: var(--oq6d071o);
  --brs7ce1: var(--oq6d071p);
  --brs7ce2: var(--oq6d071q);
  --brs7ce3: var(--oq6d071r);
  --brs7ce4: var(--oq6d071s);
}
.brs7cei {
  background-color: var(--brs7ce0);
}
.brs7cej {
  background-color: transparent;
}
.brs7cek {
  box-shadow: inset 0 0 0 var(--_164xfge26) var(--brs7ce3);
}._1rrvnjm8 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: var(--_1rrvnjm4);
  background-color: var(--_1rrvnjm0);
}
._1rrvnjm8:has(input:focus) {
  box-shadow: inset 0 0 0 var(--_164xfge28) var(--_1rrvnjm3);
}
._1rrvnjm9 {
  --_1rrvnjm0: var(--oq6d070);
  --_1rrvnjm1: var(--oq6d071);
  --_1rrvnjm2: var(--oq6d072);
  --_1rrvnjm3: var(--oq6d073);
  --_1rrvnjm4: var(--oq6d074);
}
._1rrvnjma {
  --_1rrvnjm0: var(--oq6d075);
  --_1rrvnjm1: var(--oq6d076);
  --_1rrvnjm2: var(--oq6d077);
  --_1rrvnjm3: var(--oq6d078);
  --_1rrvnjm4: var(--oq6d079);
}
._1rrvnjmb {
  --_1rrvnjm0: var(--oq6d07a);
  --_1rrvnjm1: var(--oq6d07b);
  --_1rrvnjm2: var(--oq6d07c);
  --_1rrvnjm3: var(--oq6d07d);
  --_1rrvnjm4: var(--oq6d07e);
}
._1rrvnjmc {
  --_1rrvnjm0: var(--oq6d07k);
  --_1rrvnjm1: var(--oq6d07l);
  --_1rrvnjm2: var(--oq6d07m);
  --_1rrvnjm3: var(--oq6d07n);
  --_1rrvnjm4: var(--oq6d07o);
}
._1rrvnjmd {
  --_1rrvnjm0: var(--oq6d07u);
  --_1rrvnjm1: var(--oq6d07v);
  --_1rrvnjm2: var(--oq6d07w);
  --_1rrvnjm3: var(--oq6d07x);
  --_1rrvnjm4: var(--oq6d07y);
}
._1rrvnjme {
  --_1rrvnjm0: var(--oq6d0714);
  --_1rrvnjm1: var(--oq6d0715);
  --_1rrvnjm2: var(--oq6d0716);
  --_1rrvnjm3: var(--oq6d0717);
  --_1rrvnjm4: var(--oq6d0718);
}
._1rrvnjmf {
  --_1rrvnjm0: var(--oq6d071e);
  --_1rrvnjm1: var(--oq6d071f);
  --_1rrvnjm2: var(--oq6d071g);
  --_1rrvnjm3: var(--oq6d071h);
  --_1rrvnjm4: var(--oq6d071i);
}
._1rrvnjmg {
  --_1rrvnjm0: var(--oq6d071o);
  --_1rrvnjm1: var(--oq6d071p);
  --_1rrvnjm2: var(--oq6d071q);
  --_1rrvnjm3: var(--oq6d071r);
  --_1rrvnjm4: var(--oq6d071s);
}
._1rrvnjmh {
  --_1rrvnjm5: var(--_164xfgec);
  --_1rrvnjm6: var(--_164xfget);
  --_1rrvnjm7: var(--_164xfge1a);
  padding: 0 var(--_164xfge1s);
  gap: var(--_164xfge1r);
  height: 2rem;
}
._1rrvnjmi {
  --_1rrvnjm5: var(--_164xfgeb);
  --_1rrvnjm6: var(--_164xfges);
  --_1rrvnjm7: var(--_164xfge19);
  padding: 0 var(--_164xfge1t);
  gap: var(--_164xfge1s);
  height: 2.5rem;
}
._1rrvnjmj {
  --_1rrvnjm5: var(--_164xfgea);
  --_1rrvnjm6: var(--_164xfger);
  --_1rrvnjm7: var(--_164xfge18);
  padding: 0 var(--_164xfge1u);
  gap: var(--_164xfge1t);
  height: 3rem;
}
._1rrvnjmk {
  box-shadow: inset 0 0 0 var(--_164xfge26) var(--_1rrvnjm3);
}
._1rrvnjmr {
  height: 100%;
  min-width: 0;
  flex-grow: 1;
  background-color: transparent;
  font-weight: 400;
  font-size: var(--_1rrvnjm5);
  line-height: var(--_1rrvnjm6);
  letter-spacing: var(--_1rrvnjm7);
}
._1rrvnjmr:focus {
  outline: none;
}
._1rrvnjmr::placeholder {
  color: inherit;
  opacity: var(--_164xfge32);
}
@supports not selector(:has(input:focus)) {
  ._1rrvnjm8:focus-within {
    box-shadow: inset 0 0 0 var(--_164xfge28) var(--_1rrvnjm3);
  }
}._1yan8dd1 {
  display: flex;
  align-items: center;
  justify-content: center;
  border-style: solid;
  position: relative;
}
._1yan8dd2 {
  border-color: inherit;
}
._1yan8dd3 {
  border-color: var(--oq6d073);
}
._1yan8dd4 {
  border-color: var(--oq6d078);
}
._1yan8dd5 {
  border-color: var(--oq6d07d);
}
._1yan8dd6 {
  border-color: var(--oq6d07n);
}
._1yan8dd7 {
  border-color: var(--oq6d07x);
}
._1yan8dd8 {
  border-color: var(--oq6d0717);
}
._1yan8dd9 {
  border-color: var(--oq6d071h);
}
._1yan8dda {
  border-color: var(--oq6d071r);
}
._1yan8ddb {
  border-bottom-width: var(--_1yan8dd0);
  height: 0;
}
._1yan8ddc {
  border-left-width: var(--_1yan8dd0);
  width: 0;
  flex-direction: column;
}
._1yan8ddd {
  --_1yan8dd0: var(--_164xfge25);
}
._1yan8dde {
  --_1yan8dd0: var(--_164xfge26);
}
._1yan8ddf {
  --_1yan8dd0: var(--_164xfge27);
}
._1yan8ddg {
  --_1yan8dd0: var(--_164xfge28);
}
._1yan8ddh {
  --_1yan8dd0: var(--_164xfge29);
}._13tt0gb6 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: start;
  cursor: pointer;
  color: var(--_13tt0gb4);
}
._13tt0gb6[aria-pressed=true] {
  background-color: var(--_13tt0gb2);
}
._13tt0gb6:hover, ._13tt0gb6:focus-visible {
  background-color: var(--_13tt0gb1);
}
._13tt0gb6:active {
  background-color: var(--_13tt0gb2);
}
._13tt0gb6[data-ui-before=true] {
  padding-left: var(--_13tt0gb5);
}
._13tt0gb6[data-ui-after=true] {
  padding-right: var(--_13tt0gb5);
}
._13tt0gb7 {
  --_13tt0gb0: var(--oq6d070);
  --_13tt0gb1: var(--oq6d071);
  --_13tt0gb2: var(--oq6d072);
  --_13tt0gb3: var(--oq6d073);
  --_13tt0gb4: var(--oq6d074);
}
._13tt0gb8 {
  --_13tt0gb0: var(--oq6d075);
  --_13tt0gb1: var(--oq6d076);
  --_13tt0gb2: var(--oq6d077);
  --_13tt0gb3: var(--oq6d078);
  --_13tt0gb4: var(--oq6d079);
}
._13tt0gb9 {
  --_13tt0gb0: var(--oq6d07a);
  --_13tt0gb1: var(--oq6d07b);
  --_13tt0gb2: var(--oq6d07c);
  --_13tt0gb3: var(--oq6d07d);
  --_13tt0gb4: var(--oq6d07e);
}
._13tt0gba {
  --_13tt0gb0: var(--oq6d07k);
  --_13tt0gb1: var(--oq6d07l);
  --_13tt0gb2: var(--oq6d07m);
  --_13tt0gb3: var(--oq6d07n);
  --_13tt0gb4: var(--oq6d07o);
}
._13tt0gbb {
  --_13tt0gb0: var(--oq6d07u);
  --_13tt0gb1: var(--oq6d07v);
  --_13tt0gb2: var(--oq6d07w);
  --_13tt0gb3: var(--oq6d07x);
  --_13tt0gb4: var(--oq6d07y);
}
._13tt0gbc {
  --_13tt0gb0: var(--oq6d0714);
  --_13tt0gb1: var(--oq6d0715);
  --_13tt0gb2: var(--oq6d0716);
  --_13tt0gb3: var(--oq6d0717);
  --_13tt0gb4: var(--oq6d0718);
}
._13tt0gbd {
  --_13tt0gb0: var(--oq6d071e);
  --_13tt0gb1: var(--oq6d071f);
  --_13tt0gb2: var(--oq6d071g);
  --_13tt0gb3: var(--oq6d071h);
  --_13tt0gb4: var(--oq6d071i);
}
._13tt0gbe {
  --_13tt0gb0: var(--oq6d071o);
  --_13tt0gb1: var(--oq6d071p);
  --_13tt0gb2: var(--oq6d071q);
  --_13tt0gb3: var(--oq6d071r);
  --_13tt0gb4: var(--oq6d071s);
}
._13tt0gbf {
  background-color: var(--_13tt0gb0);
}
._13tt0gbg {
  background-color: transparent;
}
._13tt0gbh {
  --_13tt0gb5: var(--_164xfge1s);
  height: 2rem;
  gap: var(--_164xfge1r);
  padding: 0 var(--_164xfge1t);
}
._13tt0gbi {
  --_13tt0gb5: var(--_164xfge1t);
  height: 2.5rem;
  gap: var(--_164xfge1s);
  padding: 0 var(--_164xfge1u);
}._1fptcza0 {
  border-radius: var(--_164xfge20);
  box-shadow: var(--_164xfge2g);
  overflow: hidden;
}
._1fptcza1 {
  background-color: var(--oq6d070);
  color: var(--oq6d074);
  border: var(--_164xfge25) solid var(--oq6d073);
}
._1fptcza2 {
  background-color: var(--oq6d075);
  color: var(--oq6d079);
  border: var(--_164xfge25) solid var(--oq6d078);
}
._1fptcza3 {
  background-color: var(--oq6d07a);
  color: var(--oq6d07e);
  border: var(--_164xfge25) solid var(--oq6d07d);
}
._1fptcza4 {
  background-color: var(--oq6d07k);
  color: var(--oq6d07o);
  border: var(--_164xfge25) solid var(--oq6d07n);
}
._1fptcza5 {
  background-color: var(--oq6d07u);
  color: var(--oq6d07y);
  border: var(--_164xfge25) solid var(--oq6d07x);
}
._1fptcza6 {
  background-color: var(--oq6d0714);
  color: var(--oq6d0718);
  border: var(--_164xfge25) solid var(--oq6d0717);
}
._1fptcza7 {
  background-color: var(--oq6d071e);
  color: var(--oq6d071i);
  border: var(--_164xfge25) solid var(--oq6d071h);
}
._1fptcza8 {
  background-color: var(--oq6d071o);
  color: var(--oq6d071s);
  border: var(--_164xfge25) solid var(--oq6d071r);
}@keyframes _1fc5sz50 {
  0% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
  }
}
._1fc5sz51 {
  border-radius: var(--_164xfge20);
  box-shadow: var(--_164xfge2h);
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  animation: _1fc5sz50 200ms;
}
._1fc5sz52 {
  background-color: var(--oq6d070);
  color: var(--oq6d074);
  border: var(--_164xfge25) solid var(--oq6d073);
}
._1fc5sz53 {
  background-color: var(--oq6d075);
  color: var(--oq6d079);
  border: var(--_164xfge25) solid var(--oq6d078);
}
._1fc5sz54 {
  background-color: var(--oq6d07a);
  color: var(--oq6d07e);
  border: var(--_164xfge25) solid var(--oq6d07d);
}
._1fc5sz55 {
  background-color: var(--oq6d07k);
  color: var(--oq6d07o);
  border: var(--_164xfge25) solid var(--oq6d07n);
}
._1fc5sz56 {
  background-color: var(--oq6d07u);
  color: var(--oq6d07y);
  border: var(--_164xfge25) solid var(--oq6d07x);
}
._1fc5sz57 {
  background-color: var(--oq6d0714);
  color: var(--oq6d0718);
  border: var(--_164xfge25) solid var(--oq6d0717);
}
._1fc5sz58 {
  background-color: var(--oq6d071e);
  color: var(--oq6d071i);
  border: var(--_164xfge25) solid var(--oq6d071h);
}
._1fc5sz59 {
  background-color: var(--oq6d071o);
  color: var(--oq6d071s);
  border: var(--_164xfge25) solid var(--oq6d071r);
}
._1fc5sz5a {
  max-width: var(--_164xfge2v);
  max-height: var(--_164xfge2s);
}
._1fc5sz5b {
  max-width: var(--_164xfge2w);
  max-height: var(--_164xfge2t);
}
._1fc5sz5c {
  max-width: var(--_164xfge2x);
  max-height: var(--_164xfge2u);
}
._1fc5sz5d {
  height: unset;
}@keyframes _1oc5jl81 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._1oc5jl80 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: var(--_164xfge2e);
}
._1oc5jl82 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-color: var(--oq6d071v);
  opacity: 1;
  animation: _1oc5jl81 100ms;
}
._1oc5jl83 {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}._1v6ozra0 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: var(--_164xfge2e);
}
._1v6ozra1 {
  display: inline-block;
  position: fixed;
  max-width: 100vw;
  max-height: 100vh;
}.w2djj94 {
  display: flex;
  overflow: hidden;
}
.w2djj95 {
  height: 0.5rem;
}
.w2djj96 {
  height: 0.75rem;
}
.w2djj97 {
  height: 0.875rem;
}
.w2djj98 {
  --w2djj90: var(--oq6d07i);
  --w2djj91: var(--oq6d07f);
  --w2djj92: var(--oq6d07n);
  --w2djj93: var(--oq6d07k);
}
.w2djj99 {
  --w2djj90: var(--oq6d07s);
  --w2djj91: var(--oq6d07p);
  --w2djj92: var(--oq6d07x);
  --w2djj93: var(--oq6d07u);
}
.w2djj9a {
  --w2djj90: var(--oq6d0712);
  --w2djj91: var(--oq6d07z);
  --w2djj92: var(--oq6d0717);
  --w2djj93: var(--oq6d0714);
}
.w2djj9b {
  --w2djj90: var(--oq6d071c);
  --w2djj91: var(--oq6d0719);
  --w2djj92: var(--oq6d071h);
  --w2djj93: var(--oq6d071e);
}
.w2djj9c {
  --w2djj90: var(--oq6d071m);
  --w2djj91: var(--oq6d071j);
  --w2djj92: var(--oq6d071r);
  --w2djj93: var(--oq6d071o);
}
.w2djj9d {
  background-color: var(--w2djj91);
  border-color: var(--w2djj90);
  color: var(--w2djj93);
}
.w2djj9e {
  background-color: var(--w2djj93);
  border-color: var(--w2djj92);
  color: var(--w2djj91);
}
.w2djj9f {
  background-color: inherit;
  border-color: var(--w2djj91);
  color: var(--w2djj91);
}
.w2djj9m {
  border-width: var(--_164xfge25);
}
.w2djj9n {
  display: inline-block;
  background-color: currentcolor;
  height: 100%;
}._1agxj9w0 {
  border-radius: var(--_164xfge22);
  box-shadow: inset 0 0 0 var(--_164xfge26) CurrentColor;
  cursor: pointer;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
._1agxj9w0[type=radio] {
  padding: 0;
  margin: 0;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
}
._1agxj9w0:checked::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 60%;
  height: 60%;
  color: CurrentColor;
  border-radius: var(--_164xfge22);
  background-color: CurrentColor;
}
._1agxj9w0:not(:checked) {
  opacity: var(--_164xfge31);
}
._1agxj9w1:checked {
  color: var(--oq6d07f);
}
._1agxj9w2:checked {
  color: var(--oq6d07p);
}
._1agxj9w3:checked {
  color: var(--oq6d07z);
}
._1agxj9w4:checked {
  color: var(--oq6d0719);
}
._1agxj9w5:checked {
  color: var(--oq6d071j);
}._4yxtfd2 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  scrollbar-color: transparent transparent;
}
._4yxtfd2::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: var(--_164xfge23);
  min-height: 2.1875rem;
}
._4yxtfd2::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: var(--_164xfge23);
}
._4yxtfd2::-webkit-scrollbar-corner {
  background-color: transparent;
}
._4yxtfd3 {
  --_4yxtfd0: var(--oq6d071);
  --_4yxtfd1: var(--oq6d073);
}
._4yxtfd4 {
  --_4yxtfd0: var(--oq6d076);
  --_4yxtfd1: var(--oq6d078);
}
._4yxtfd5 {
  --_4yxtfd0: var(--oq6d07b);
  --_4yxtfd1: var(--oq6d07d);
}
._4yxtfd6 {
  --_4yxtfd0: var(--oq6d07l);
  --_4yxtfd1: var(--oq6d07n);
}
._4yxtfd7 {
  --_4yxtfd0: var(--oq6d07v);
  --_4yxtfd1: var(--oq6d07x);
}
._4yxtfd8 {
  --_4yxtfd0: var(--oq6d0715);
  --_4yxtfd1: var(--oq6d0717);
}
._4yxtfd9 {
  --_4yxtfd0: var(--oq6d071f);
  --_4yxtfd1: var(--oq6d071h);
}
._4yxtfda {
  --_4yxtfd0: var(--oq6d071p);
  --_4yxtfd1: var(--oq6d071r);
}
._4yxtfdb {
  scrollbar-color: var(--_4yxtfd1) var(--_4yxtfd0);
}
._4yxtfdb::-webkit-scrollbar-thumb {
  background-color: var(--_4yxtfd1);
}
._4yxtfdb::-webkit-scrollbar-track {
  background-color: var(--_4yxtfd0);
}
._4yxtfdc:hover {
  scrollbar-color: var(--_4yxtfd1) var(--_4yxtfd0);
}
._4yxtfdc:hover::-webkit-scrollbar-thumb {
  background-color: var(--_4yxtfd1);
}
._4yxtfdc:hover::-webkit-scrollbar-track {
  background-color: var(--_4yxtfd0);
}
._4yxtfdd {
  --_4yxtfd0: transparent;
}
._4yxtfde {
  scrollbar-width: none;
}
._4yxtfde::-webkit-scrollbar {
  display: none;
}
._4yxtfdf {
  scrollbar-width: thin;
}
._4yxtfdf::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
._4yxtfdf::-webkit-scrollbar-thumb, ._4yxtfdf::-webkit-scrollbar-track {
  border: 0.125rem solid transparent;
  background-clip: padding-box;
}
._4yxtfdg {
  scrollbar-width: auto;
}
._4yxtfdg::-webkit-scrollbar {
  width: 1rem;
  height: 1rem;
}
._4yxtfdg::-webkit-scrollbar-thumb, ._4yxtfdg::-webkit-scrollbar-track {
  border: 0.25rem solid transparent;
  background-clip: padding-box;
}
._4yxtfdh {
  overflow-x: scroll;
}
._4yxtfdi {
  overflow-y: scroll;
}
._4yxtfdj {
  overflow: scroll;
}
._4yxtfdk[data-x-scrollbar-width='0'] {
  padding-bottom: 0.5rem;
}
._4yxtfdl[data-x-scrollbar-width='0'] {
  padding-bottom: 1rem;
}
._4yxtfdm[data-y-scrollbar-width='0'] {
  padding-right: 0.5rem;
}
._4yxtfdn[data-y-scrollbar-width='0'] {
  padding-right: 1rem;
}
._4yxtfdo[data-x-scrollbar-width='0'] {
  padding-bottom: 0.5rem;
}
._4yxtfdo[data-y-scrollbar-width='0'] {
  padding-right: 0.5rem;
}
._4yxtfdp[data-x-scrollbar-width='0'] {
  padding-bottom: 1rem;
}
._4yxtfdp[data-y-scrollbar-width='0'] {
  padding-right: 1rem;
}@keyframes _31czpk6 {
  to {
    transform: rotate(1turn);
  }
}
._31czpk7 {
  flex-shrink: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
._31czpkg {
  --_31czpk0: var(--oq6d07i);
  --_31czpk1: var(--oq6d07j);
  --_31czpk2: var(--oq6d07n);
  --_31czpk3: var(--oq6d07o);
}
._31czpkh {
  --_31czpk0: var(--oq6d07s);
  --_31czpk1: var(--oq6d07t);
  --_31czpk2: var(--oq6d07x);
  --_31czpk3: var(--oq6d07y);
}
._31czpki {
  --_31czpk0: var(--oq6d0712);
  --_31czpk1: var(--oq6d0713);
  --_31czpk2: var(--oq6d0717);
  --_31czpk3: var(--oq6d0718);
}
._31czpkj {
  --_31czpk0: var(--oq6d071c);
  --_31czpk1: var(--oq6d071d);
  --_31czpk2: var(--oq6d071h);
  --_31czpk3: var(--oq6d071i);
}
._31czpkk {
  --_31czpk0: var(--oq6d071m);
  --_31czpk1: var(--oq6d071n);
  --_31czpk2: var(--oq6d071r);
  --_31czpk3: var(--oq6d071s);
}
._31czpkl {
  --_31czpk4: var(--_31czpk0);
  --_31czpk5: var(--_31czpk1);
}
._31czpkm {
  --_31czpk4: var(--_31czpk2);
  --_31czpk5: var(--_31czpk3);
}
._31czpkn {
  width: 100%;
  height: 100%;
  animation: _31czpk6 1.2s cubic-bezier(0.73, 0.32, 0.67, 0.86) infinite;
}
._31czpko {
  fill: var(--_31czpk4);
}
._31czpkp {
  fill: var(--_31czpk5);
}._1gp7uix2 {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  width: 2.75rem;
  height: 1.5rem;
  box-shadow: inset 0 0 0 var(--_164xfge26) CurrentColor;
  color: CurrentColor;
  background-color: transparent;
  border-radius: var(--_164xfge23);
  cursor: pointer;
}
._1gp7uix2[aria-checked=false] {
  opacity: var(--_164xfge31);
}
._1gp7uix2[aria-checked=true] {
  background-color: var(--_1gp7uix0);
  color: var(--_1gp7uix1);
  box-shadow: none;
}
._1gp7uix4 {
  --_1gp7uix0: var(--oq6d07f);
  --_1gp7uix1: var(--oq6d07j);
}
._1gp7uix5 {
  --_1gp7uix0: var(--oq6d07p);
  --_1gp7uix1: var(--oq6d07t);
}
._1gp7uix6 {
  --_1gp7uix0: var(--oq6d07z);
  --_1gp7uix1: var(--oq6d0713);
}
._1gp7uix7 {
  --_1gp7uix0: var(--oq6d0719);
  --_1gp7uix1: var(--oq6d071d);
}
._1gp7uix8 {
  --_1gp7uix0: var(--oq6d071j);
  --_1gp7uix1: var(--oq6d071n);
}
._1gp7uix9 {
  width: 0.875rem;
  height: 0.875rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transform: translateX(0.3125rem);
  background-color: CurrentColor;
  border-radius: var(--_164xfge23);
}
._1gp7uix2[aria-checked=true] ._1gp7uix9 {
  width: 1.125rem;
  height: 1.125rem;
  transform: translateX(1.4375rem);
  background-color: var(--_1gp7uix1);
  color: var(--_1gp7uix0);
}._1xny9xl0 {
  color: inherit;
}
._1xny9xl2 {
  font-size: var(--_164xfge2);
  line-height: var(--_164xfgej);
  letter-spacing: var(--_164xfge10);
  font-weight: var(--_164xfge1m);
}
._1xny9xl3 {
  font-size: var(--_164xfge3);
  line-height: var(--_164xfgek);
  letter-spacing: var(--_164xfge11);
  font-weight: var(--_164xfge1m);
}
._1xny9xl4 {
  font-size: var(--_164xfge4);
  line-height: var(--_164xfgel);
  letter-spacing: var(--_164xfge12);
  font-weight: var(--_164xfge1m);
}
._1xny9xl5 {
  font-size: var(--_164xfge5);
  line-height: var(--_164xfgem);
  letter-spacing: var(--_164xfge13);
  font-weight: var(--_164xfge1m);
}
._1xny9xl6 {
  font-size: var(--_164xfge6);
  line-height: var(--_164xfgen);
  letter-spacing: var(--_164xfge14);
  font-weight: var(--_164xfge1m);
}
._1xny9xl7 {
  font-size: var(--_164xfge7);
  line-height: var(--_164xfgeo);
  letter-spacing: var(--_164xfge15);
  font-weight: var(--_164xfge1m);
}
._1xny9xl8 {
  font-size: var(--_164xfge8);
  line-height: var(--_164xfgep);
  letter-spacing: var(--_164xfge16);
  font-weight: var(--_164xfge1m);
}
._1xny9xl9 {
  font-size: var(--_164xfge9);
  line-height: var(--_164xfgeq);
  letter-spacing: var(--_164xfge17);
  font-weight: var(--_164xfge1k);
}
._1xny9xla {
  font-size: var(--_164xfgea);
  line-height: var(--_164xfger);
  letter-spacing: var(--_164xfge18);
  font-weight: var(--_164xfge1k);
}
._1xny9xlb {
  font-size: var(--_164xfgeb);
  line-height: var(--_164xfges);
  letter-spacing: var(--_164xfge19);
  font-weight: var(--_164xfge1k);
}
._1xny9xlc {
  font-size: var(--_164xfgec);
  line-height: var(--_164xfget);
  letter-spacing: var(--_164xfge1a);
  font-weight: var(--_164xfge1k);
}
._1xny9xld {
  font-size: var(--_164xfged);
  line-height: var(--_164xfgeu);
  letter-spacing: var(--_164xfge1b);
  font-weight: var(--_164xfge1l);
}
._1xny9xle {
  font-size: var(--_164xfgee);
  line-height: var(--_164xfgev);
  letter-spacing: var(--_164xfge1c);
  font-weight: var(--_164xfge1l);
}
._1xny9xlf {
  font-size: var(--_164xfgef);
  line-height: var(--_164xfgew);
  letter-spacing: var(--_164xfge1d);
  font-weight: var(--_164xfge1l);
}
._1xny9xlg {
  font-size: var(--_164xfgeg);
  line-height: var(--_164xfgex);
  letter-spacing: var(--_164xfge1e);
  font-weight: var(--_164xfge1m);
}
._1xny9xlh {
  font-size: var(--_164xfgeh);
  line-height: var(--_164xfgey);
  letter-spacing: var(--_164xfge1f);
  font-weight: var(--_164xfge1m);
  text-transform: uppercase;
}
._1xny9xli {
  font-size: var(--_164xfgei);
  line-height: var(--_164xfgez);
  letter-spacing: var(--_164xfge1g);
  font-weight: var(--_164xfge1k);
  font-style: italic;
}
._1xny9xlj {
  text-align: left;
}
._1xny9xlk {
  text-align: center;
}
._1xny9xll {
  text-align: right;
}
._1xny9xlm {
  text-align: justify;
}
._1xny9xln {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
._1xny9xlo {
  opacity: var(--_164xfge31);
}
._1xny9xlp {
  opacity: var(--_164xfge30);
}
._1xny9xlq {
  opacity: var(--_164xfge2z);
}
._1xny9xls {
  opacity: 1;
}.ay20pp9 {
  --ay20pp8: var(--_164xfge26);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  flex-grow: 1;
  color: var(--ay20pp4);
  background-color: var(--ay20pp0);
  font-size: var(--ay20pp5);
  line-height: var(--ay20pp6);
  letter-spacing: var(--ay20pp7);
  scrollbar-color: var(--ay20pp3) transparent;
  scrollbar-width: thin;
}
.ay20pp9:focus {
  outline: none;
}
.ay20pp9::placeholder {
  color: inherit;
  opacity: var(--_164xfge32);
}
.ay20pp9:has(textarea:focus) {
  --ay20pp8: var(--_164xfge28);
  box-shadow: inset 0 0 0 var(--ay20pp8) var(--ay20pp3);
}
.ay20pp9::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.ay20pp9::-webkit-scrollbar-thumb, .ay20pp9::-webkit-scrollbar-track {
  border: 0.125rem solid transparent;
  background-clip: padding-box;
}
.ay20pp9::-webkit-scrollbar-thumb {
  background-color: var(--ay20pp3);
  border-radius: var(--_164xfge23);
  min-height: 1.25rem;
}
.ay20pp9::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: var(--_164xfge23);
}
.ay20pp9::-webkit-scrollbar-corner {
  background-color: transparent;
}
.ay20pp9::-webkit-resizer {
  background: transparent;
  border-bottom: var(--ay20pp8) solid currentColor;
  border-right: var(--ay20pp8) solid currentColor;
  border-bottom-right-radius: inherit;
}
.ay20ppa {
  --ay20pp0: var(--oq6d070);
  --ay20pp1: var(--oq6d071);
  --ay20pp2: var(--oq6d072);
  --ay20pp3: var(--oq6d073);
  --ay20pp4: var(--oq6d074);
}
.ay20ppb {
  --ay20pp0: var(--oq6d075);
  --ay20pp1: var(--oq6d076);
  --ay20pp2: var(--oq6d077);
  --ay20pp3: var(--oq6d078);
  --ay20pp4: var(--oq6d079);
}
.ay20ppc {
  --ay20pp0: var(--oq6d07a);
  --ay20pp1: var(--oq6d07b);
  --ay20pp2: var(--oq6d07c);
  --ay20pp3: var(--oq6d07d);
  --ay20pp4: var(--oq6d07e);
}
.ay20ppd {
  --ay20pp0: var(--oq6d07k);
  --ay20pp1: var(--oq6d07l);
  --ay20pp2: var(--oq6d07m);
  --ay20pp3: var(--oq6d07n);
  --ay20pp4: var(--oq6d07o);
}
.ay20ppe {
  --ay20pp0: var(--oq6d07u);
  --ay20pp1: var(--oq6d07v);
  --ay20pp2: var(--oq6d07w);
  --ay20pp3: var(--oq6d07x);
  --ay20pp4: var(--oq6d07y);
}
.ay20ppf {
  --ay20pp0: var(--oq6d0714);
  --ay20pp1: var(--oq6d0715);
  --ay20pp2: var(--oq6d0716);
  --ay20pp3: var(--oq6d0717);
  --ay20pp4: var(--oq6d0718);
}
.ay20ppg {
  --ay20pp0: var(--oq6d071e);
  --ay20pp1: var(--oq6d071f);
  --ay20pp2: var(--oq6d071g);
  --ay20pp3: var(--oq6d071h);
  --ay20pp4: var(--oq6d071i);
}
.ay20pph {
  --ay20pp0: var(--oq6d071o);
  --ay20pp1: var(--oq6d071p);
  --ay20pp2: var(--oq6d071q);
  --ay20pp3: var(--oq6d071r);
  --ay20pp4: var(--oq6d071s);
}
.ay20ppi {
  --ay20pp5: var(--_164xfgec);
  --ay20pp6: var(--_164xfget);
  --ay20pp7: var(--_164xfge1a);
  min-height: 2rem;
  padding: calc((2rem - var(--ay20pp6)) / 2) var(--_164xfge1s);
  padding-right: 0;
}
.ay20ppj {
  --ay20pp5: var(--_164xfgeb);
  --ay20pp6: var(--_164xfges);
  --ay20pp7: var(--_164xfge19);
  min-height: 2.5rem;
  padding: calc((2.5rem - var(--ay20pp6)) / 2) var(--_164xfge1t);
  padding-right: 0;
}
.ay20ppk {
  --ay20pp5: var(--_164xfgea);
  --ay20pp6: var(--_164xfger);
  --ay20pp7: var(--_164xfge18);
  min-height: 3rem;
  padding: calc((3rem - var(--ay20pp6)) / 2) var(--_164xfge1u);
  padding-right: var(--_164xfge1r);
}
.ay20ppl {
  box-shadow: inset 0 0 0 var(--ay20pp8) var(--ay20pp3);
}
.ay20pps {
  resize: vertical;
}
.ay20ppt {
  resize: horizontal;
}
.ay20ppu {
  resize: both;
}
.ay20ppv {
  resize: none;
}
.ay20ppw {
  resize: block;
}
.ay20ppx {
  resize: inline;
}
@supports not selector(:has) {
  .ay20pp9:focus {
    --ay20pp8: var(--_164xfge28);
    box-shadow: inset 0 0 0 var(--ay20pp8) var(--ay20pp3);
  }
}@keyframes _6plmi20 {
  0% {
    transform: translateY(2px);
  }
  100% {
    transform: translateY(0);
  }
}
._6plmi21 {
  padding: 0.375rem var(--_164xfge1t);
  box-shadow: var(--_164xfge2g);
  display: inline-flex;
  align-items: center;
  animation: _6plmi20 100ms;
}
._6plmi22 {
  background-color: var(--oq6d070);
  color: var(--oq6d074);
  border: var(--_164xfge25) solid var(--oq6d073);
}
._6plmi23 {
  background-color: var(--oq6d075);
  color: var(--oq6d079);
  border: var(--_164xfge25) solid var(--oq6d078);
}
._6plmi24 {
  background-color: var(--oq6d07a);
  color: var(--oq6d07e);
  border: var(--_164xfge25) solid var(--oq6d07d);
}
._6plmi25 {
  background-color: var(--oq6d07k);
  color: var(--oq6d07o);
  border: var(--_164xfge25) solid var(--oq6d07n);
}
._6plmi26 {
  background-color: var(--oq6d07u);
  color: var(--oq6d07y);
  border: var(--_164xfge25) solid var(--oq6d07x);
}
._6plmi27 {
  background-color: var(--oq6d0714);
  color: var(--oq6d0718);
  border: var(--_164xfge25) solid var(--oq6d0717);
}
._6plmi28 {
  background-color: var(--oq6d071e);
  color: var(--oq6d071i);
  border: var(--_164xfge25) solid var(--oq6d071h);
}
._6plmi29 {
  background-color: var(--oq6d071o);
  color: var(--oq6d071s);
  border: var(--_164xfge25) solid var(--oq6d071r);
}
._6plmi2g {
  display: inline-block;
  position: fixed;
  max-width: 100vw;
  max-height: 100vh;
  z-index: var(--_164xfge2e);
  pointer-events: none;
}@font-face {
  font-family: Twemoji;
  src: url("/assets/Twemoji.Mozilla.v15.1.0-CM1RS90w.woff2"), url("/assets/Twemoji.Mozilla.v15.1.0-DHQZm25T.ttf");
  font-display: swap;
}
:root {
  /* background color | --bg-[background type]: value */
  --bg-surface: #ffffff;
  --bg-surface-transparent: #ffffff00;
  --bg-surface-low: #f6f6f6;
  --bg-surface-low-transparent: #f6f6f600;
  --bg-surface-extra-low: #f6f6f6;
  --bg-surface-extra-low-transparent: #f6f6f600;
  --bg-surface-hover: rgba(0, 0, 0, 3%);
  --bg-surface-active: rgba(0, 0, 0, 5%);
  --bg-surface-border: rgba(0, 0, 0, 6%);
  --bg-primary: rgb(18, 69, 168);
  --bg-primary-hover: rgba(18, 69, 168, 80%);
  --bg-primary-active: rgba(18, 69, 168, 70%);
  --bg-primary-border: rgba(18, 69, 168, 38%);
  --bg-positive: rgb(1, 115, 67);
  --bg-positive-hover: rgba(1, 115, 67, 8%);
  --bg-positive-active: rgba(1, 115, 67, 15%);
  --bg-positive-border: rgba(1, 115, 67, 40%);
  --bg-caution: rgb(134, 67, 0);
  --bg-caution-hover: rgba(134, 67, 0, 8%);
  --bg-caution-active: rgba(134, 67, 0, 15%);
  --bg-caution-border: rgba(134, 67, 0, 40%);
  --bg-danger: rgb(157, 15, 15);
  --bg-danger-hover: rgba(157, 15, 15, 5%);
  --bg-danger-active: rgba(157, 15, 15, 10%);
  --bg-danger-border: rgba(157, 15, 15, 20%);
  --bg-tooltip: #353535;
  --bg-badge: #989898;
  --bg-ping: hsla(137deg, 100%, 68%, 40%);
  --bg-ping-hover: hsla(137deg, 100%, 68%, 50%);
  --bg-divider: hsla(0, 0%, 0%, 0.1);
  /* text color | --tc-[background type]-[priority]: value */
  --tc-surface-high: #000000;
  --tc-surface-normal: rgba(0, 0, 0, 78%);
  --tc-surface-normal-low: rgba(0, 0, 0, 60%);
  --tc-surface-low: rgba(0, 0, 0, 48%);
  --tc-primary-high: #ffffff;
  --tc-primary-normal: rgba(255, 255, 255, 68%);
  --tc-primary-low: rgba(255, 255, 255, 40%);
  --tc-positive-high: var(--bg-positive);
  --tc-positive-normal: rgb(1, 115, 67, 80%);
  --tc-positive-low: rgb(1, 115, 67, 60%);
  --tc-caution-high: var(--bg-caution);
  --tc-caution-normal: rgb(134, 67, 0, 80%);
  --tc-caution-low: rgb(134, 67, 0, 60%);
  --tc-danger-high: var(--bg-danger);
  --tc-danger-normal: rgba(157, 15, 15, 88%);
  --tc-danger-low: rgba(157, 15, 15, 60%);
  --tc-code: #e62498;
  --tc-link: hsl(213deg 100% 45%);
  --tc-tooltip: white;
  --tc-badge: white;
  /* system icons | --ic-[background type]-[priority]: value */
  --ic-surface-high: #272727;
  --ic-surface-normal: #626262;
  --ic-surface-low: #7c7c7c;
  --ic-primary-high: #ffffff;
  --ic-primary-normal: #ffffff;
  --ic-positive-high: rgba(1, 115, 67);
  --ic-positive-normal: rgba(1, 115, 67, 80%);
  --ic-caution-high: rgba(134, 67, 0);
  --ic-caution-normal: rgba(134, 67, 0, 80%);
  --ic-danger-high: rgba(157, 15, 15);
  --ic-danger-normal: rgba(157, 15, 15, 0.7);
  /* user mxid colors */
  --mx-uc-1: hsl(208, 100%, 45%);
  --mx-uc-2: hsl(302, 100%, 30%);
  --mx-uc-3: hsl(163, 100%, 30%);
  --mx-uc-4: hsl(343, 100%, 45%);
  --mx-uc-5: hsl(24, 100%, 45%);
  --mx-uc-6: hsl(181, 100%, 30%);
  --mx-uc-7: hsl(242, 100%, 45%);
  --mx-uc-8: hsl(94, 100%, 35%);
  /* system icon size | -ic-[size]: value */
  --ic-large: 38px;
  --ic-normal: 24px;
  --ic-small: 20px;
  --ic-extra-small: 18px;
  /* avatar size */
  --av-large: 80px;
  --av-normal: 42px;
  --av-small: 36px;
  --av-extra-small: 24px;
  /* shadow and overlay */
  --bg-overlay: rgba(0, 0, 0, 20%);
  --bg-overlay-low: rgba(0, 0, 0, 50%);
  --bs-popup: 0 0 16px rgba(0, 0, 0, 10%);
  --bs-surface-border: inset 0 0 0 1px var(--bg-surface-border);
  --bs-surface-outline: 0 0 0 2px var(--bg-surface-border);
  --bs-primary-border: inset 0 0 0 1px var(--bg-primary-border);
  --bs-primary-outline: 0 0 0 2px var(--bg-primary-border);
  --bs-positive-border: inset 0 0 0 1px var(--bg-positive-border);
  --bs-positive-outline: 0 0 0 2px var(--bg-positive-border);
  --bs-caution-border: inset 0 0 0 1px var(--bg-caution-border);
  --bs-caution-outline: 0 0 0 2px var(--bg-caution-border);
  --bs-danger-border: inset 0 0 0 1px var(--bg-danger-border);
  --bs-danger-outline: 0 0 0 2px var(--bg-danger-border);
  /* border */
  --bo-radius: 8px;
  /* font styles: font-size, letter-spacing, line-hight */
  --fs-h1: 36px;
  --ls-h1: -1.5px;
  --lh-h1: 38px;
  --fs-h2: 24px;
  --ls-h2: -0.5px;
  --lh-h2: 30px;
  --fs-s1: 18px;
  --ls-s1: -0.2px;
  --lh-s1: 24px;
  --fs-b1: 16px;
  --ls-b1: 0.1px;
  --lh-b1: 24px;
  --fs-b2: 14px;
  --ls-b2: 0.2px;
  --lh-b2: 20px;
  --fs-b3: 12px;
  --ls-b3: 0px;
  --lh-b3: 16px;
  /* font-weight */
  --fw-light: 300;
  --fw-normal: 420;
  --fw-medium: 500;
  --fw-bold: 700;
  /* spacing | --sp-[space]: value */
  --sp-none: 0px;
  --sp-ultra-tight: 4px;
  --sp-extra-tight: 8px;
  --sp-tight: 12px;
  --sp-normal: 16px;
  --sp-loose: 20px;
  --sp-extra-loose: 32px;
  /* other */
  --border-width: 1px;
  --header-height: 54px;
  --navigation-sidebar-width: calc(64px + var(--border-width));
  --navigation-drawer-width: calc(280px + var(--border-width));
  --navigation-width: calc(var(--navigation-sidebar-width) + var(--navigation-drawer-width));
  --people-drawer-width: calc(268px - var(--border-width));
  --popup-window-drawer-width: 280px;
  /* transition curves */
  --fluid-push: cubic-bezier(0, 0.8, 0.67, 0.97);
  --fluid-slide-down: cubic-bezier(0.02, 0.82, 0.4, 0.96);
  --fluid-slide-up: cubic-bezier(0.13, 0.56, 0.25, 0.99);
  --font-emoji: "Twemoji_DISABLED";
  --font-primary: "InterVariable", var(--font-emoji), sans-serif;
  --font-secondary: "InterVariable", var(--font-emoji), sans-serif;
}
@media screen and (max-width: 1124px) {
  :root {
    --navigation-drawer-width: calc(240px + var(--border-width));
    --people-drawer-width: calc(256px - var(--border-width));
    --popup-window-drawer-width: 240px;
  }
}

.silver-theme {
  /* background color | --bg-[background type]: value */
  --bg-surface: hsl(0, 0%, 95%);
  --bg-surface-transparent: hsla(0, 0%, 95%, 0);
  --bg-surface-low: hsl(0, 0%, 91%);
  --bg-surface-low-transparent: hsla(0, 0%, 91%, 0);
  --bg-surface-extra-low: hsl(0, 0%, 91%);
  --bg-surface-extra-low-transparent: hsla(0, 0%, 91%, 0);
}

.dark-theme,
.butter-theme {
  /* background color | --bg-[background type]: value */
  --bg-surface: #262626;
  --bg-surface-transparent: #26262600;
  --bg-surface-low: #1a1a1a;
  --bg-surface-low-transparent: #1a1a1a00;
  --bg-surface-extra-low: #1a1a1a;
  --bg-surface-extra-low-transparent: #1a1a1a00;
  --bg-surface-hover: #333333;
  --bg-surface-active: #404040;
  --bg-surface-border: #404040;
  --bg-primary: rgb(189, 182, 236);
  --bg-primary-hover: rgba(189, 182, 236, 0.8);
  --bg-primary-active: rgba(189, 182, 236, 70%);
  --bg-primary-border: rgba(189, 182, 236, 38%);
  --bg-positive: rgb(133, 224, 186);
  --bg-positive-hover: rgba(133, 224, 186, 8%);
  --bg-positive-active: rgba(133, 224, 186, 15%);
  --bg-positive-border: rgba(133, 224, 186, 40%);
  --bg-caution: rgb(227, 186, 145);
  --bg-caution-hover: rgba(227, 186, 145, 8%);
  --bg-caution-active: rgba(227, 186, 145, 15%);
  --bg-caution-border: rgba(227, 186, 145, 40%);
  --bg-danger: rgb(230, 157, 157);
  --bg-danger-hover: rgba(230, 157, 157, 5%);
  --bg-danger-active: rgba(230, 157, 157, 10%);
  --bg-danger-border: rgba(230, 157, 157, 20%);
  --bg-tooltip: #000;
  --bg-badge: hsl(0, 0%, 75%);
  --bg-ping: hsla(137deg, 100%, 38%, 40%);
  --bg-ping-hover: hsla(137deg, 100%, 38%, 50%);
  --bg-divider: hsla(0, 0%, 100%, 0.1);
  /* text color | --tc-[background type]-[priority]: value */
  --tc-surface-high: rgba(255, 255, 255, 98%);
  --tc-surface-normal: rgba(255, 255, 255, 94%);
  --tc-surface-normal-low: rgba(255, 255, 255, 60%);
  --tc-surface-low: rgba(255, 255, 255, 58%);
  --tc-primary-high: rgb(44, 40, 67);
  --tc-primary-normal: rgba(44, 40, 67, 0.68);
  --tc-primary-low: rgba(44, 40, 67, 0.4);
  --tc-positive-high: var(--bg-positive);
  --tc-positive-normal: rgb(133, 224, 186, 80%);
  --tc-positive-low: rgb(133, 224, 186, 60%);
  --tc-caution-high: var(--bg-caution);
  --tc-caution-normal: rgb(227, 186, 145, 80%);
  --tc-caution-low: rgb(227, 186, 145, 60%);
  --tc-danger-high: var(--bg-danger);
  --tc-danger-normal: rgba(230, 157, 157, 88%);
  --tc-danger-low: rgba(230, 157, 157, 60%);
  --tc-code: #e565b1;
  --tc-link: hsl(213deg 100% 80%);
  --tc-badge: black;
  /* system icons | --ic-[background type]-[priority]: value */
  --ic-surface-high: rgb(255, 255, 255);
  --ic-surface-normal: rgba(255, 255, 255, 84%);
  --ic-surface-low: rgba(255, 255, 255, 64%);
  --ic-primary-high: var(--tc-primary-high);
  --ic-primary-normal: var(--tc-primary-high);
  --ic-primary-low: var(--tc-primary-high);
  --ic-positive-high: rgba(133, 224, 186);
  --ic-positive-normal: rgba(133, 224, 186, 80%);
  --ic-caution-high: rgba(227, 186, 145);
  --ic-caution-normal: rgba(227, 186, 145, 80%);
  --ic-danger-high: rgba(230, 157, 157);
  --ic-danger-normal: rgba(230, 157, 157, 0.7);
  --mx-uc-1: hsl(208, 100%, 75%);
  --mx-uc-2: hsl(301, 100%, 80%);
  --mx-uc-3: hsl(163, 100%, 70%);
  --mx-uc-4: hsl(343, 100%, 75%);
  --mx-uc-5: hsl(24, 100%, 70%);
  --mx-uc-6: hsl(181, 100%, 60%);
  --mx-uc-7: hsl(243, 100%, 80%);
  --mx-uc-8: hsl(94, 100%, 80%);
  /* shadow and overlay */
  --bg-overlay: rgba(0, 0, 0, 60%);
  --bg-overlay-low: rgba(0, 0, 0, 80%);
  --bs-popup: 0 0 16px rgba(0, 0, 0, 25%);
  --bs-surface-border: inset 0 0 0 1px var(--bg-surface-border);
  --bs-surface-outline: 0 0 0 2px var(--bg-surface-border);
  --bs-primary-border: inset 0 0 0 1px var(--bg-primary-border);
  --bs-primary-outline: 0 0 0 2px var(--bg-primary-border);
  /* font styles: font-size, letter-spacing, line-hight */
  --fs-h1: 35.6px;
  --fs-h2: 23.6px;
  --fs-s1: 17.6px;
  --fs-b1: 14.6px;
  --ls-b1: 0.14px;
  --fs-b2: 13.2px;
  --fs-b3: 11.2px;
  /* override normal font weight for dark mode */
  --fw-normal: 350;
  --fw-medium: 450;
  --fw-bold: 550;
  --font-secondary: "InterVariable", var(--font-emoji), sans-serif;
}

.butter-theme {
  /* background color | --bg-[background type]: value */
  --bg-surface: #262621;
  --bg-surface-transparent: #26262100;
  --bg-surface-low: #1a1916;
  --bg-surface-low-transparent: #1a191600;
  --bg-surface-extra-low: #1a1916;
  --bg-surface-extra-low-transparent: #1a1916;
  --bg-surface-hover: #33322c;
  --bg-surface-active: #403f38;
  --bg-surface-border: #403f38;
  --bg-badge: #c4c1ab;
  /* text color | --tc-[background type]-[priority]: value */
  --tc-surface-high: rgb(255, 251, 222);
  --tc-surface-normal: rgba(255, 251, 222, 94%);
  --tc-surface-normal-low: rgba(255, 251, 222, 60%);
  --tc-surface-low: rgba(255, 251, 222, 58%);
  /* system icons | --ic-[background type]-[priority]: value */
  --ic-surface-high: rgb(255, 251, 222);
  --ic-surface-normal: rgba(255, 251, 222, 84%);
  --ic-surface-low: rgba(255, 251, 222, 64%);
}

.font-primary {
  font-family: var(--font-primary);
  /* override font styles for primary font */
  --fs-h1: 36px;
  --ls-h1: -1.5px;
  --lh-h1: 38px;
  --fs-h2: 24px;
  --ls-h2: -0.5px;
  --lh-h2: 30px;
  --fs-s1: 18px;
  --ls-s1: -0.2px;
  --lh-s1: 24px;
  --fs-b1: 16px;
  --ls-b1: 0.1px;
  --lh-b1: 24px;
  --fs-b2: 14px;
  --ls-b2: 0.2px;
  --lh-b2: 20px;
  --fs-b3: 12px;
  --ls-b3: 0px;
  --lh-b3: 16px;
  --fw-light: 300;
  --fw-normal: 400;
  --fw-medium: 500;
  --fw-bold: 600;
}

html {
  height: 100%;
  overflow: hidden;
}

body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: var(--font-secondary);
  font-size: 16px;
  font-weight: var(--fw-normal);
  background-color: var(--bg-surface-low);
  /*Why font-variant-ligatures => https://github.com/rsms/inter/issues/222 */
  font-variant-ligatures: no-contextual;
}

#root {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

a {
  color: var(--tc-link);
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

[data-mx-spoiler][aria-pressed=true] a {
  color: transparent;
  pointer-events: none;
}

b {
  font-weight: var(--fw-medium);
}

label {
  margin: 0;
  padding: 0;
}

button,
textarea {
  margin: 0;
  padding: 0;
  background-color: transparent;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  border: none;
}

button {
  max-width: 100%;
  text-transform: none;
  text-align: inherit;
  overflow: visible;
  -webkit-appearance: button;
}

textarea,
input,
input[type],
input[type=text],
input[type=username],
input[type=password],
input[type=email],
input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=checkbox] {
  margin: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  border-radius: calc(var(--bo-radius) / 2);
  box-shadow: var(--bs-primary-border);
  background-color: var(--bg-surface);
  cursor: pointer;
}
input[type=checkbox]:checked {
  background-color: var(--bg-primary);
}
input[type=checkbox]:checked::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 6px;
  border: 6px solid white;
  border-width: 0 0 3px 3px;
  transform: rotateZ(-45deg) translate(1px, -1px);
}

textarea {
  color: inherit;
  word-spacing: inherit;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
             supported by Chrome, Edge, Opera and Firefox */
}

audio:not([controls]) {
  display: none !important;
}

.flex--center, input[type=checkbox] {
  display: flex;
  justify-content: center;
  align-items: center;
}._4lbgaj0 {
  background-image: radial-gradient(var(--oq6d072) 0.125rem, var(--oq6d070) 0.125rem);
  background-size: 2.5rem 2.5rem;
}._1xwzt1x0 {
  min-height: 100%;
  background-color: var(--oq6d070);
  color: var(--oq6d074);
}
._1xwzt1x1 {
  padding: var(--_164xfge1u);
}._15upz2y0 {
  min-height: 100%;
  background-color: var(--oq6d070);
  color: var(--oq6d074);
  padding: var(--_164xfge1u);
  padding-right: var(--_164xfge1s);
  padding-bottom: 0;
  position: relative;
}
._15upz2y1 {
  margin-top: 1vh;
  max-width: 28.75rem;
  width: 100%;
  background-color: var(--oq6d075);
  color: var(--oq6d079);
  border-radius: var(--_164xfge20);
  box-shadow: var(--_164xfge2f);
  border: var(--_164xfge25) solid var(--oq6d078);
  overflow: hidden;
}
._15upz2y2 {
  width: 1.625rem;
  height: 1.625rem;
  border-radius: 50%;
}
._15upz2y3 {
  padding: 0 var(--_164xfge1u);
  border-bottom-width: var(--_164xfge25);
}
._15upz2y4 {
  max-width: 25.125rem;
  width: 100%;
  margin: auto;
  padding: var(--_164xfge1u);
  padding-top: var(--_164xfge1x);
  padding-bottom: 2.75rem;
  gap: 2.75rem;
}
._15upz2y5 {
  padding: var(--_164xfge1s);
}/*
* NOTICE: only use this
* when sides are un-even
* if they are even just use $property: 0 $spacing; 
*/
.invite-user {
  margin-top: var(--sp-extra-tight);
  margin-left: var(--sp-normal);
  margin-right: var(--sp-extra-tight);
}
[dir=rtl] .invite-user {
  margin-left: var(--sp-extra-tight);
  margin-right: var(--sp-normal);
}
.invite-user__form {
  display: flex;
  align-items: flex-end;
}
.invite-user__form .input-container {
  flex: 1;
  min-width: 0;
  margin-left: 0;
  margin-right: var(--sp-normal);
}
[dir=rtl] .invite-user__form .input-container {
  margin-left: var(--sp-normal);
  margin-right: 0;
}
.invite-user__form .btn-primary {
  padding-top: 11px;
  padding-bottom: 11px;
}
.invite-user__search-status {
  margin-top: var(--sp-extra-loose);
  margin-bottom: var(--sp-tight);
}
.invite-user__search-status .donut-spinner {
  margin: 0 var(--sp-tight);
}
.invite-user__search-error {
  color: var(--bg-danger);
}
.invite-user__content {
  border-top: 1px solid var(--bg-surface-border);
}
.invite-user .room-tile {
  margin-top: var(--sp-normal);
}
.invite-user .room-tile__options {
  align-self: flex-end;
}.text {
  margin: 0;
  padding: 0;
  color: var(--tc-surface-high);
}
.text img.emoji, .text img[data-mx-emoticon] {
  margin: 0 !important;
  margin-right: 2px !important;
  padding: 0 !important;
  position: relative;
  top: -0.1rem;
  vertical-align: middle;
}

.text-light {
  font-weight: var(--fw-light);
}

.text-normal {
  font-weight: var(--fw-normal);
}

.text-medium {
  font-weight: var(--fw-medium);
}

.text-bold {
  font-weight: var(--fw-bold);
}

.text-h1 {
  font-size: var(--fs-h1);
  letter-spacing: var(--ls-h1);
  line-height: var(--lh-h1);
}
.text-h1 img.emoji, .text-h1 img[data-mx-emoticon] {
  height: calc(var(--lh-h1) - 0.25rem);
}

.text-h2 {
  font-size: var(--fs-h2);
  letter-spacing: var(--ls-h2);
  line-height: var(--lh-h2);
}
.text-h2 img.emoji, .text-h2 img[data-mx-emoticon] {
  height: calc(var(--lh-h2) - 0.25rem);
}

.text-s1 {
  font-size: var(--fs-s1);
  letter-spacing: var(--ls-s1);
  line-height: var(--lh-s1);
}
.text-s1 img.emoji, .text-s1 img[data-mx-emoticon] {
  height: calc(var(--lh-s1) - 0.25rem);
}

.text-b1 {
  font-size: var(--fs-b1);
  letter-spacing: var(--ls-b1);
  line-height: var(--lh-b1);
  color: var(--tc-surface-normal);
}
.text-b1 img.emoji, .text-b1 img[data-mx-emoticon] {
  height: calc(var(--lh-b1) - 0.25rem);
}

.text-b2 {
  font-size: var(--fs-b2);
  letter-spacing: var(--ls-b2);
  line-height: var(--lh-b2);
  color: var(--tc-surface-normal);
}
.text-b2 img.emoji, .text-b2 img[data-mx-emoticon] {
  height: calc(var(--lh-b2) - 0.25rem);
}

.text-b3 {
  font-size: var(--fs-b3);
  letter-spacing: var(--ls-b3);
  line-height: var(--lh-b3);
  color: var(--tc-surface-low);
}
.text-b3 img.emoji, .text-b3 img[data-mx-emoticon] {
  height: calc(var(--lh-b3) - 0.25rem);
}/*
* NOTICE: only use this
* when sides are un-even
* if they are even just use $property: 0 $spacing; 
*/
.cp-txt__ellipsis, .btn-surface .text,
.btn-primary .text,
.btn-positive .text,
.btn-caution .text,
.btn-danger .text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.btn-surface,
.btn-primary,
.btn-positive,
.btn-caution,
.btn-danger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 80px;
  padding: var(--sp-extra-tight) var(--sp-normal);
  background-color: transparent;
  border: none;
  border-radius: var(--bo-radius);
  cursor: pointer;
}
.btn-surface:disabled,
.btn-primary:disabled,
.btn-positive:disabled,
.btn-caution:disabled,
.btn-danger:disabled {
  opacity: 0.4;
  cursor: no-drop;
}
.btn-surface--icon,
.btn-primary--icon,
.btn-positive--icon,
.btn-caution--icon,
.btn-danger--icon {
  padding-left: var(--sp-tight);
  padding-right: var(--sp-loose);
}
[dir=rtl] .btn-surface--icon,
[dir=rtl] .btn-primary--icon,
[dir=rtl] .btn-positive--icon,
[dir=rtl] .btn-caution--icon,
[dir=rtl] .btn-danger--icon {
  padding-left: var(--sp-loose);
  padding-right: var(--sp-tight);
}
.btn-surface .ic-raw,
.btn-primary .ic-raw,
.btn-positive .ic-raw,
.btn-caution .ic-raw,
.btn-danger .ic-raw {
  margin-left: 0;
  margin-right: var(--sp-extra-tight);
  flex-shrink: 0;
}
[dir=rtl] .btn-surface .ic-raw,
[dir=rtl] .btn-primary .ic-raw,
[dir=rtl] .btn-positive .ic-raw,
[dir=rtl] .btn-caution .ic-raw,
[dir=rtl] .btn-danger .ic-raw {
  margin-left: var(--sp-extra-tight);
  margin-right: 0;
}

.btn-surface {
  box-shadow: var(--bs-surface-border);
}
.btn-surface .text {
  color: var(--tc-surface-high);
}
.btn-surface .ic-raw {
  background-color: var(--ic-surface-normal);
}
@media (hover: hover) {
  .btn-surface:hover {
    background-color: var(--bg-surface-hover);
  }
}
.btn-surface:focus {
  outline: none;
  box-shadow: var(--bs-surface-outline);
}
.btn-surface:active {
  background-color: var(--bg-surface-active) !important;
}

.btn-primary {
  background-color: var(--bg-primary);
}
.btn-primary .text {
  color: var(--tc-primary-high);
}
.btn-primary .ic-raw {
  background-color: var(--ic-primary-normal);
}
@media (hover: hover) {
  .btn-primary:hover {
    background-color: var(--bg-primary-hover);
  }
}
.btn-primary:focus {
  outline: none;
  box-shadow: var(--bs-primary-outline);
}
.btn-primary:active {
  background-color: var(--bg-primary-active) !important;
}

.btn-positive {
  box-shadow: var(--bs-positive-border);
}
.btn-positive .text {
  color: var(--tc-positive-high);
}
.btn-positive .ic-raw {
  background-color: var(--ic-positive-normal);
}
@media (hover: hover) {
  .btn-positive:hover {
    background-color: var(--bg-positive-hover);
  }
}
.btn-positive:focus {
  outline: none;
  box-shadow: var(--bs-positive-outline);
}
.btn-positive:active {
  background-color: var(--bg-positive-active) !important;
}

.btn-caution {
  box-shadow: var(--bs-caution-border);
}
.btn-caution .text {
  color: var(--tc-caution-high);
}
.btn-caution .ic-raw {
  background-color: var(--ic-caution-normal);
}
@media (hover: hover) {
  .btn-caution:hover {
    background-color: var(--bg-caution-hover);
  }
}
.btn-caution:focus {
  outline: none;
  box-shadow: var(--bs-caution-outline);
}
.btn-caution:active {
  background-color: var(--bg-caution-active) !important;
}

.btn-danger {
  box-shadow: var(--bs-danger-border);
}
.btn-danger .text {
  color: var(--tc-danger-high);
}
.btn-danger .ic-raw {
  background-color: var(--ic-danger-normal);
}
@media (hover: hover) {
  .btn-danger:hover {
    background-color: var(--bg-danger-hover);
  }
}
.btn-danger:focus {
  outline: none;
  box-shadow: var(--bs-danger-outline);
}
.btn-danger:active {
  background-color: var(--bg-danger-active) !important;
}.ic-raw {
  display: inline-block;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--ic-surface-normal);
  background-size: cover;
  background-repeat: no-repeat;
}

.ic-raw-large {
  width: var(--ic-large);
  height: var(--ic-large);
}

.ic-raw-normal {
  width: var(--ic-normal);
  height: var(--ic-normal);
}

.ic-raw-small {
  width: var(--ic-small);
  height: var(--ic-small);
}

.ic-raw-extra-small {
  width: var(--ic-extra-small);
  height: var(--ic-extra-small);
}.ic-btn {
  padding: var(--sp-extra-tight);
  border: none;
  border-radius: var(--bo-radius);
  background-color: transparent;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
}
.ic-btn:disabled {
  opacity: 0.4;
  cursor: no-drop;
}

.ic-btn-surface .ic-raw {
  background-color: var(--ic-surface-normal);
}
@media (hover: hover) {
  .ic-btn-surface:hover {
    background-color: var(--bg-surface-hover);
  }
}
.ic-btn-surface:focus {
  outline: none;
  background-color: var(--bg-surface-hover);
}
.ic-btn-surface:active {
  background-color: var(--bg-surface-active) !important;
}

.ic-btn-primary {
  background-color: var(--bg-primary);
}
.ic-btn-primary .ic-raw {
  background-color: var(--ic-primary-normal);
}
@media (hover: hover) {
  .ic-btn-primary:hover {
    background-color: var(--bg-primary-hover);
  }
}
.ic-btn-primary:focus {
  outline: none;
  background-color: var(--bg-primary-hover);
}
.ic-btn-primary:active {
  background-color: var(--bg-primary-active) !important;
}

.ic-btn-positive .ic-raw {
  background-color: var(--ic-positive-normal);
}
@media (hover: hover) {
  .ic-btn-positive:hover {
    background-color: var(--bg-positive-hover);
  }
}
.ic-btn-positive:focus {
  outline: none;
  background-color: var(--bg-positive-hover);
}
.ic-btn-positive:active {
  background-color: var(--bg-positive-active) !important;
}

.ic-btn-caution .ic-raw {
  background-color: var(--ic-caution-normal);
}
@media (hover: hover) {
  .ic-btn-caution:hover {
    background-color: var(--bg-caution-hover);
  }
}
.ic-btn-caution:focus {
  outline: none;
  background-color: var(--bg-caution-hover);
}
.ic-btn-caution:active {
  background-color: var(--bg-caution-active) !important;
}

.ic-btn-danger .ic-raw {
  background-color: var(--ic-danger-normal);
}
@media (hover: hover) {
  .ic-btn-danger:hover {
    background-color: var(--bg-danger-hover);
  }
}
.ic-btn-danger:focus {
  outline: none;
  background-color: var(--bg-danger-hover);
}
.ic-btn-danger:active {
  background-color: var(--bg-danger-active) !important;
}.tooltip {
  padding: var(--sp-extra-tight) var(--sp-normal);
  background-color: var(--bg-tooltip);
  border-radius: var(--bo-radius);
  box-shadow: var(--bs-popup);
}
.tooltip .text {
  color: var(--tc-tooltip);
}.donut-spinner {
  display: inline-block;
  border: 4px solid var(--bg-surface-border);
  border-left-color: var(--tc-surface-normal);
  border-radius: 50%;
  animation: donut-spin 1.2s cubic-bezier(0.73, 0.32, 0.67, 0.86) infinite;
}
.donut-spinner--normal {
  width: 40px;
  height: 40px;
}
.donut-spinner--small {
  width: 28px;
  height: 28px;
}

@keyframes donut-spin {
  to {
    transform: rotate(1turn);
  }
}.firefox-scrollbar, .input--resizable, .input--resizable:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--bg-surface-hover) transparent;
}
.firefox-scrollbar--transparent, .input--resizable {
  scrollbar-color: transparent transparent;
}

.webkit-scrollbar::-webkit-scrollbar, .input--resizable::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.webkit-scrollbar-track::-webkit-scrollbar-track, .input--resizable::-webkit-scrollbar-track {
  background-color: transparent;
}

.webkit-scrollbar-thumb::-webkit-scrollbar-thumb, .input--resizable::-webkit-scrollbar-thumb, .input--resizable:hover::-webkit-scrollbar-thumb {
  background-color: var(--bg-surface-hover);
}
.webkit-scrollbar-thumb::-webkit-scrollbar-thumb:hover, .input--resizable::-webkit-scrollbar-thumb:hover {
  background-color: var(--bg-surface-active);
}
.webkit-scrollbar-thumb--transparent::-webkit-scrollbar-thumb, .input--resizable::-webkit-scrollbar-thumb {
  background-color: transparent;
}

.input {
  display: block;
  width: 100%;
  min-width: 0px;
  margin: 0;
  padding: var(--sp-tight) var(--sp-normal);
  background-color: var(--bg-surface-low);
  color: var(--tc-surface-normal);
  box-shadow: none;
  border-radius: var(--bo-radius);
  border: 1px solid var(--bg-surface-border);
  font-size: var(--fs-b2);
  letter-spacing: var(--ls-b2);
  line-height: var(--lh-b2);
}
.input :disabled {
  opacity: 0.4;
  cursor: no-drop;
}
.input__label {
  display: inline-block;
  margin-bottom: var(--sp-ultra-tight);
  color: var(--tc-surface-low);
}
.input--resizable {
  resize: vertical !important;
  overflow-y: auto !important;
  overflow: hidden;
  overflow-y: scroll;
}
.input--success {
  border: 1px solid var(--bg-positive);
  box-shadow: none !important;
}
.input--error {
  border: 1px solid var(--bg-danger);
  box-shadow: none !important;
}
.input:focus {
  outline: none;
  box-shadow: var(--bs-primary-border);
}
.input::placeholder {
  color: var(--tc-surface-low);
}/*
* NOTICE: only use this
* when sides are un-even
* if they are even just use $property: 0 $spacing; 
*/
.pw-modal {
  --modal-height: 774px;
  max-height: var(--modal-height) !important;
  height: 100%;
}
@media screen and (max-width: 750px) {
  .pw-modal {
    --modal-height: 100%;
    border-radius: 0 !important;
  }
  .pw-modal__overlay {
    padding: 0 !important;
  }
}

.pw {
  width: 100%;
  height: 100%;
  background-color: var(--bg-surface);
  display: flex;
}
.pw__drawer {
  width: var(--popup-window-drawer-width);
  background-color: var(--bg-surface-low);
  border-left: none;
  border-right: 1px solid var(--bg-surface-border);
}
[dir=rtl] .pw__drawer {
  border-left: 1px solid var(--bg-surface-border);
  border-right: none;
}
.pw__content {
  flex: 1;
  min-width: 0;
}
.pw__drawer, .pw__content {
  display: flex;
  flex-direction: column;
}

.pw__drawer__content,
.pw__content-container {
  padding-top: var(--sp-extra-tight);
  padding-bottom: var(--sp-extra-loose);
}

.pw__drawer__content__wrapper,
.pw__content__wrapper {
  flex: 1;
  min-height: 0;
}

.pw__drawer .header {
  padding-left: var(--sp-tight);
  padding-left: var(--sp-tight);
  padding-right: var(--sp-tight);
}
[dir=rtl] .pw__drawer .header {
  padding-left: var(--sp-tight);
  padding-right: var(--sp-tight);
}
.pw__drawer .header .header__title-wrapper {
  margin-left: var(--sp-ultra-tight);
  margin-right: var(--sp-extra-tight);
}
[dir=rtl] .pw__drawer .header .header__title-wrapper {
  margin-left: var(--sp-extra-tight);
  margin-right: var(--sp-ultra-tight);
}

.pw-content-selector {
  margin: 0 var(--sp-extra-tight);
  border-radius: var(--bo-radius);
}
.pw-content-selector--selected {
  box-shadow: var(--bs-surface-border);
  background-color: var(--bg-surface);
}
.pw-content-selector--selected .context-menu__item > button:hover {
  background-color: transparent;
}
.pw-content-selector .context-menu__item > button {
  border-radius: var(--bo-radius);
}
.pw-content-selector .context-menu__item > button .ic-raw {
  margin-left: 0;
  margin-right: var(--sp-tight);
}
[dir=rtl] .pw-content-selector .context-menu__item > button .ic-raw {
  margin-left: var(--sp-tight);
  margin-right: 0;
}._s-c, .cp-fx__column--s-c, .cp-fx__row--s-c {
  justify-content: flex-start;
  align-items: center;
}

._c-c, .cp-fx__column--c-c, .cp-fx__row--c-c {
  justify-content: center;
  align-items: center;
}

._e-c, .cp-fx__column--e-c, .cp-fx__row--e-c {
  justify-content: flex-end;
  align-items: center;
}

.cp-fx__row, .cp-fx__row--e-c, .cp-fx__row--c-c, .cp-fx__row--s-c {
  display: flex;
  flex-direction: row;
}

.cp-fx__column, .cp-fx__column--e-c, .cp-fx__column--c-c, .cp-fx__column--s-c {
  display: flex;
  flex-direction: column;
}

.cp-fx__item-one, .context-menu__item button[class^=btn] {
  flex: 1;
  min-width: 0;
  min-height: 0;
}

.cp-txt__ellipsis, .context-menu__header .text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*
* NOTICE: only use this
* when sides are un-even
* if they are even just use $property: 0 $spacing; 
*/
.context-menu {
  background-color: var(--bg-surface);
  box-shadow: var(--bs-popup);
  border-radius: var(--bo-radius);
  overflow: hidden;
}
.context-menu:focus {
  outline: none;
}
.context-menu .tippy-content > div > .scrollbar {
  max-height: 90vh;
}

.context-menu__click-wrapper {
  display: inline-flex;
}
.context-menu__click-wrapper:focus {
  outline: none;
}

.context-menu__header {
  height: 34px;
  padding: 0 var(--sp-normal);
  margin-bottom: var(--sp-ultra-tight);
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--bg-surface-border);
}
.context-menu__header .text {
  color: var(--tc-surface-low);
}
.context-menu__header:not(:first-child) {
  margin-top: var(--sp-extra-tight);
  border-top: 1px solid var(--bg-surface-border);
}

.context-menu__item {
  display: flex;
}
.context-menu__item button[class^=btn] {
  justify-content: flex-start;
  border-radius: 0;
  box-shadow: none;
  white-space: nowrap;
  padding: var(--sp-extra-tight) var(--sp-normal);
}
.context-menu__item button[class^=btn] > .ic-raw {
  margin-left: 0;
  margin-right: var(--sp-tight);
}
[dir=rtl] .context-menu__item button[class^=btn] > .ic-raw {
  margin-left: var(--sp-tight);
  margin-right: 0;
}
.context-menu__item button[class^=btn] .text:first-child {
  margin-left: calc(var(--ic-small) + var(--sp-tight));
  margin-right: 0;
}
[dir=rtl] .context-menu__item button[class^=btn] .text:first-child {
  margin-left: 0;
  margin-right: calc(var(--ic-small) + var(--sp-tight));
}
.context-menu__item .btn-surface:focus {
  background-color: var(--bg-surface-hover);
}
.context-menu__item .btn-positive:focus {
  background-color: var(--bg-positive-hover);
}
.context-menu__item .btn-caution:focus {
  background-color: var(--bg-caution-hover);
}
.context-menu__item .btn-danger:focus {
  background-color: var(--bg-danger-hover);
}.tippy-box[data-animation=scale-extreme][data-placement^=top]{transform-origin:bottom}.tippy-box[data-animation=scale-extreme][data-placement^=bottom]{transform-origin:top}.tippy-box[data-animation=scale-extreme][data-placement^=left]{transform-origin:right}.tippy-box[data-animation=scale-extreme][data-placement^=right]{transform-origin:left}.tippy-box[data-animation=scale-extreme][data-state=hidden]{transform:scale(0);opacity:.25}/*
* NOTICE: only use this
* when sides are un-even
* if they are even just use $property: 0 $spacing; 
*/
.firefox-scrollbar, .scrollbar, .scrollbar--auto-hide:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--bg-surface-hover) transparent;
}
.firefox-scrollbar--transparent, .scrollbar--auto-hide {
  scrollbar-color: transparent transparent;
}

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

.webkit-scrollbar-track::-webkit-scrollbar-track, .scrollbar::-webkit-scrollbar-track {
  background-color: transparent;
}

.webkit-scrollbar-thumb::-webkit-scrollbar-thumb, .scrollbar::-webkit-scrollbar-thumb, .scrollbar--auto-hide:hover::-webkit-scrollbar-thumb {
  background-color: var(--bg-surface-hover);
}
.webkit-scrollbar-thumb::-webkit-scrollbar-thumb:hover, .scrollbar::-webkit-scrollbar-thumb:hover, .scrollbar--auto-hide::-webkit-scrollbar-thumb:hover {
  background-color: var(--bg-surface-active);
}
.webkit-scrollbar-thumb--transparent::-webkit-scrollbar-thumb, .scrollbar--auto-hide::-webkit-scrollbar-thumb {
  background-color: transparent;
}

.scrollbar {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media not all and (min-resolution: 0.001dpcm) {
  .scrollbar {
    padding-left: 0;
    padding-right: var(--sp-extra-tight);
  }
  [dir=rtl] .scrollbar {
    padding-left: var(--sp-extra-tight);
    padding-right: 0;
  }
}
.scrollbar__h {
  overflow-x: scroll;
}
.scrollbar__v {
  overflow-y: scroll;
}
.scrollbar--invisible {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scrollbar--invisible::-webkit-scrollbar {
  display: none;
}
@media not all and (min-resolution: 0.001dpcm) {
  .scrollbar--invisible {
    padding-left: 0;
    padding-right: 0;
  }
  [dir=rtl] .scrollbar--invisible {
    padding-left: 0;
    padding-right: 0;
  }
}.cp-txt__ellipsis, .header__title-wrapper > .text:first-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*
* NOTICE: only use this
* when sides are un-even
* if they are even just use $property: 0 $spacing; 
*/
.header {
  padding-left: var(--sp-normal);
  padding-right: var(--sp-extra-tight);
  width: 100%;
  height: var(--header-height);
  border-bottom: 1px solid var(--bg-surface-border);
  display: flex;
  align-items: center;
}
[dir=rtl] .header {
  padding-left: var(--sp-extra-tight);
  padding-right: var(--sp-normal);
}
.header__title-wrapper {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  margin: 0 var(--sp-tight);
}
.header__title-wrapper:first-child {
  margin-left: 0;
  margin-right: var(--sp-tight);
}
[dir=rtl] .header__title-wrapper:first-child {
  margin-left: var(--sp-tight);
  margin-right: 0;
}
.header__title-wrapper > .text:first-child {
  min-width: 0;
}
.header__title-wrapper > .text-b3 {
  flex: 1;
  min-width: 0;
  margin-top: var(--sp-ultra-tight);
  margin-left: var(--sp-tight);
  margin-right: 0;
  padding-left: var(--sp-tight);
  padding-right: 0;
  border-left: 1px solid var(--bg-surface-border);
  border-right: none;
  max-height: calc(2 * var(--lh-b3));
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
}
[dir=rtl] .header__title-wrapper > .text-b3 {
  margin-left: 0;
  margin-right: var(--sp-tight);
}
[dir=rtl] .header__title-wrapper > .text-b3 {
  padding-left: 0;
  padding-right: var(--sp-tight);
}
[dir=rtl] .header__title-wrapper > .text-b3 {
  border-left: none;
  border-right: 1px solid var(--bg-surface-border);
}.raw-modal {
  --small-modal-width: 525px;
  --medium-modal-width: 712px;
  --large-modal-width: 1024px;
  position: relative;
  width: 100%;
  max-height: 100%;
  border-radius: var(--bo-radius);
  box-shadow: var(--bs-popup);
  outline: none;
  overflow: hidden;
}
.raw-modal__small {
  max-width: var(--small-modal-width);
}
.raw-modal__medium {
  max-width: var(--medium-modal-width);
}
.raw-modal__large {
  max-width: var(--large-modal-width);
}
.raw-modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--sp-normal);
  width: 100%;
  height: 100%;
  background-color: var(--bg-overlay);
}

.ReactModal__Overlay {
  animation: raw-modal--overlay 150ms;
}

.ReactModal__Content {
  animation: raw-modal--content 150ms;
}

@keyframes raw-modal--content {
  0% {
    transform: translateY(100px);
    opacity: 0.5;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes raw-modal--overlay {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}.room-tile {
  display: flex;
}
.room-tile__content {
  flex: 1;
  min-width: 0;
  margin: 0 var(--sp-normal);
}
.room-tile__content__desc {
  white-space: pre-wrap;
}
.room-tile__content__desc a {
  white-space: wrap;
}
.room-tile__content .text:not(:first-child) {
  margin-top: var(--sp-ultra-tight);
}._s-c, .cp-fx__column--s-c, .cp-fx__row--s-c {
  justify-content: flex-start;
  align-items: center;
}

._c-c, .cp-fx__column--c-c, .cp-fx__row--c-c, .avatar-container .avatar__border, .avatar-container .avatar__border--active {
  justify-content: center;
  align-items: center;
}

._e-c, .cp-fx__column--e-c, .cp-fx__row--e-c {
  justify-content: flex-end;
  align-items: center;
}

.cp-fx__row, .cp-fx__row--e-c, .cp-fx__row--c-c, .avatar-container .avatar__border, .avatar-container .avatar__border--active, .cp-fx__row--s-c {
  display: flex;
  flex-direction: row;
}

.cp-fx__column, .cp-fx__column--e-c, .cp-fx__column--c-c, .cp-fx__column--s-c {
  display: flex;
  flex-direction: column;
}

.cp-fx__item-one {
  flex: 1;
  min-width: 0;
  min-height: 0;
}

.avatar-container {
  display: inline-flex;
  width: 42px;
  height: 42px;
  border-radius: var(--bo-radius);
  position: relative;
}
.avatar-container__large {
  width: var(--av-large);
  height: var(--av-large);
}
.avatar-container__normal {
  width: var(--av-normal);
  height: var(--av-normal);
}
.avatar-container__small {
  width: var(--av-small);
  height: var(--av-small);
}
.avatar-container__extra-small {
  width: var(--av-extra-small);
  height: var(--av-extra-small);
}
.avatar-container > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  background-color: var(--bg-surface-hover);
}
.avatar-container .avatar__border, .avatar-container .avatar__border--active {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
.avatar-container .avatar__border .text, .avatar-container .avatar__border--active .text {
  color: white;
}
.avatar-container .avatar__border--active {
  box-shadow: var(--bs-surface-border);
}._s-c, .cp-fx__column--s-c, .cp-fx__row--s-c {
  justify-content: flex-start;
  align-items: center;
}

._c-c, .cp-fx__column--c-c, .cp-fx__row--c-c {
  justify-content: center;
  align-items: center;
}

._e-c, .cp-fx__column--e-c, .cp-fx__row--e-c {
  justify-content: flex-end;
  align-items: center;
}

.cp-fx__row, .cp-fx__row--e-c, .cp-fx__row--c-c, .cp-fx__row--s-c {
  display: flex;
  flex-direction: row;
}

.cp-fx__column, .cp-fx__column--e-c, .cp-fx__column--c-c, .cp-fx__column--s-c {
  display: flex;
  flex-direction: column;
}

.cp-fx__item-one, .moderation-tools > form .input-container {
  flex: 1;
  min-width: 0;
  min-height: 0;
}

/*
* NOTICE: only use this
* when sides are un-even
* if they are even just use $property: 0 $spacing; 
*/
.profile-viewer__dialog .dialog__content__wrapper {
  position: relative;
}
.profile-viewer__dialog .dialog__content-container {
  padding-top: var(--sp-normal);
  padding-bottom: 89px;
  padding-left: var(--sp-normal);
  padding-right: var(--sp-extra-tight);
}
[dir=rtl] .profile-viewer__dialog .dialog__content-container {
  padding-left: var(--sp-extra-tight);
  padding-right: var(--sp-normal);
}

.profile-viewer__user {
  display: flex;
  padding-bottom: var(--sp-normal);
}
.profile-viewer__user__info {
  align-self: flex-end;
  flex: 1;
  min-width: 0;
  margin: 0 var(--sp-normal);
}
.profile-viewer__user__info .text {
  white-space: pre-wrap;
  word-break: break-word;
}
.profile-viewer__user__role {
  align-self: flex-end;
}
.profile-viewer__user__role > .text {
  margin-bottom: var(--sp-ultra-tight);
}
.profile-viewer .session-info {
  margin-top: var(--sp-normal);
}
.profile-viewer__buttons {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: var(--sp-normal);
  background-color: var(--bg-surface);
  border-top: 1px solid var(--bg-surface-border);
  display: flex;
}
.profile-viewer__buttons > *:nth-child(2n) {
  margin: 0 var(--sp-normal);
}
.profile-viewer__buttons > *:last-child {
  margin-left: auto;
  margin-right: 0;
}
[dir=rtl] .profile-viewer__buttons > *:last-child {
  margin-left: 0;
  margin-right: auto;
}

.profile-viewer__admin-tool .setting-tile {
  margin-top: var(--sp-loose);
}

.moderation-tools > form {
  margin: var(--sp-normal) 0;
  display: flex;
  align-items: flex-end;
}
.moderation-tools > form .input-container {
  margin-left: 0;
  margin-right: var(--sp-tight);
}
[dir=rtl] .moderation-tools > form .input-container {
  margin-left: var(--sp-tight);
  margin-right: 0;
}
.moderation-tools > form button {
  height: 46px;
}

.session-info {
  box-shadow: var(--bs-surface-border);
  border-radius: var(--bo-radius);
  overflow: hidden;
}
.session-info .context-menu__item button {
  padding: var(--sp-extra-tight);
}
.session-info .context-menu__item button .ic-raw {
  margin-left: 0;
  margin-right: var(--sp-extra-tight);
}
[dir=rtl] .session-info .context-menu__item button .ic-raw {
  margin-left: var(--sp-extra-tight);
  margin-right: 0;
}
.session-info__chips {
  border-top: 1px solid var(--bg-surface-border);
  padding: var(--sp-tight);
  padding-top: var(--sp-ultra-tight);
}
.session-info__chips > .text {
  margin-top: var(--sp-extra-tight);
}
.session-info__chips .chip {
  margin-top: var(--sp-extra-tight);
  margin-left: 0;
  margin-right: var(--sp-extra-tight);
}
[dir=rtl] .session-info__chips .chip {
  margin-left: var(--sp-extra-tight);
  margin-right: 0;
}/*
* NOTICE: only use this
* when sides are un-even
* if they are even just use $property: 0 $spacing; 
*/
.chip {
  padding: var(--sp-ultra-tight) var(--sp-extra-tight);
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  background: var(--bg-surface-low);
  border-radius: var(--bo-radius);
  box-shadow: var(--bs-surface-border);
  cursor: pointer;
}
@media (hover: hover) {
  .chip:hover {
    background-color: var(--bg-surface-hover);
  }
}
.chip > .text {
  flex: 1;
  color: var(--tc-surface-high);
}
.chip > .ic-raw {
  width: 16px;
  height: 16px;
  margin-left: 0;
  margin-right: var(--sp-ultra-tight);
}
[dir=rtl] .chip > .ic-raw {
  margin-left: var(--sp-ultra-tight);
  margin-right: 0;
}._s-c, .cp-fx__column--s-c, .cp-fx__row--s-c {
  justify-content: flex-start;
  align-items: center;
}

._c-c, .cp-fx__column--c-c, .cp-fx__row--c-c {
  justify-content: center;
  align-items: center;
}

._e-c, .cp-fx__column--e-c, .cp-fx__row--e-c {
  justify-content: flex-end;
  align-items: center;
}

.cp-fx__row, .cp-fx__row--e-c, .cp-fx__row--c-c, .cp-fx__row--s-c {
  display: flex;
  flex-direction: row;
}

.cp-fx__column, .cp-fx__column--e-c, .cp-fx__column--c-c, .cp-fx__column--s-c {
  display: flex;
  flex-direction: column;
}

.cp-fx__item-one, .power-level-selector form input {
  flex: 1;
  min-width: 0;
  min-height: 0;
}

/*
* NOTICE: only use this
* when sides are un-even
* if they are even just use $property: 0 $spacing; 
*/
.power-level-selector .context-menu__item .text {
  margin: 0 !important;
}
.power-level-selector form {
  margin: var(--sp-normal);
  display: flex;
}
.power-level-selector form input {
  margin-left: 0;
  margin-right: var(--sp-tight);
  width: 148px;
  padding: 9px var(--sp-tight);
}
[dir=rtl] .power-level-selector form input {
  margin-left: var(--sp-tight);
  margin-right: 0;
}.dialog-modal {
  --modal-height: 656px;
  max-height: min(100%, var(--modal-height));
  display: flex;
}

.dialog,
.dialog__content,
.dialog__content__wrapper {
  flex: 1;
  min-height: 0;
  min-width: 0;
  display: flex;
}

.dialog {
  background-color: var(--bg-surface);
}
.dialog__content {
  flex-direction: column;
}.confirm-dialog {
  padding: var(--sp-normal);
}
.confirm-dialog > .text {
  padding-bottom: var(--sp-normal);
}
.confirm-dialog__btn {
  display: flex;
  gap: var(--sp-normal);
}/*
* NOTICE: only use this
* when sides are un-even
* if they are even just use $property: 0 $spacing; 
*/
._s-c, .cp-fx__column--s-c, .cp-fx__row--s-c, .space-add-existing form {
  justify-content: flex-start;
  align-items: center;
}

._c-c, .cp-fx__column--c-c, .cp-fx__row--c-c {
  justify-content: center;
  align-items: center;
}

._e-c, .cp-fx__column--e-c, .cp-fx__row--e-c {
  justify-content: flex-end;
  align-items: center;
}

.cp-fx__row, .cp-fx__row--e-c, .cp-fx__row--c-c, .cp-fx__row--s-c, .space-add-existing form {
  display: flex;
  flex-direction: row;
}

.cp-fx__column, .cp-fx__column--e-c, .cp-fx__column--c-c, .cp-fx__column--s-c {
  display: flex;
  flex-direction: column;
}

.cp-fx__item-one, .space-add-existing .input-container, .space-add-existing__footer > .text {
  flex: 1;
  min-width: 0;
  min-height: 0;
}

.space-add-existing {
  height: 100%;
}
.space-add-existing .dialog__content-container {
  padding: 0;
  padding-bottom: 80px;
  padding-left: var(--sp-extra-tight);
  padding-right: 0;
}
[dir=rtl] .space-add-existing .dialog__content-container {
  padding-left: 0;
  padding-right: var(--sp-extra-tight);
}
.space-add-existing .dialog__content-container > .text {
  margin: var(--sp-loose) var(--sp-normal);
  text-align: center;
}
.space-add-existing form {
  padding: var(--sp-extra-tight);
  padding-top: var(--sp-normal);
  position: sticky;
  top: 0;
  z-index: 999;
  background-color: var(--bg-surface);
}
.space-add-existing form > .ic-raw, .space-add-existing form > .ic-btn {
  position: absolute;
}
.space-add-existing form > .ic-raw {
  margin: 0 var(--sp-tight);
}
.space-add-existing form > .ic-btn {
  border-radius: calc(var(--bo-radius) / 2);
  right: var(--sp-tight);
  left: unset;
}
[dir=rtl] .space-add-existing form > .ic-btn {
  right: unset;
}
[dir=rtl] .space-add-existing form > .ic-btn {
  left: var(--sp-tight);
}
.space-add-existing form input {
  padding: var(--sp-tight) 40px;
}
.space-add-existing .room-selector {
  margin: 0 var(--sp-extra-tight);
}
.space-add-existing .room-selector__options {
  display: flex;
  margin: 0 10px;
}

.space-add-existing__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: var(--sp-normal);
  background-color: var(--bg-surface);
  border-top: 1px solid var(--bg-surface-border);
  display: flex;
  align-items: center;
}
.space-add-existing__footer > .text {
  padding: 0 var(--sp-tight);
}
.space-add-existing__footer > button {
  margin-left: var(--sp-normal);
  margin-right: 0;
}
[dir=rtl] .space-add-existing__footer > button {
  margin-left: 0;
  margin-right: var(--sp-normal);
}._s-c, .cp-fx__column--s-c, .cp-fx__row--s-c {
  justify-content: flex-start;
  align-items: center;
}

._c-c, .cp-fx__column--c-c, .cp-fx__row--c-c, .checkbox {
  justify-content: center;
  align-items: center;
}

._e-c, .cp-fx__column--e-c, .cp-fx__row--e-c {
  justify-content: flex-end;
  align-items: center;
}

.cp-fx__row, .cp-fx__row--e-c, .cp-fx__row--c-c, .checkbox, .cp-fx__row--s-c {
  display: flex;
  flex-direction: row;
}

.cp-fx__column, .cp-fx__column--e-c, .cp-fx__column--c-c, .cp-fx__column--s-c {
  display: flex;
  flex-direction: column;
}

.cp-fx__item-one {
  flex: 1;
  min-width: 0;
  min-height: 0;
}

.checkbox {
  width: 20px;
  height: 20px;
  border-radius: calc(var(--bo-radius) / 2);
  background-color: var(--bg-surface-border);
  box-shadow: var(--bs-surface-border);
  cursor: pointer;
}
.checkbox:disabled {
  opacity: 0.4;
  cursor: no-drop;
}
.checkbox--active {
  background-color: black;
}
.checkbox--active::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 6px;
  border: 6px solid white;
  border-width: 0 0 3px 3px;
  transform: rotateZ(-45deg) translate(1px, -1px);
}

.checkbox-primary.checkbox--active {
  background-color: var(--bg-primary);
}

.checkbox-positive.checkbox--active {
  background-color: var(--bg-positive);
}

.checkbox-caution.checkbox--active {
  background-color: var(--bg-caution);
}

.checkbox-danger.checkbox--active {
  background-color: var(--bg-danger);
}._s-c, .cp-fx__column--s-c, .cp-fx__row--s-c, .room-selector, .room-selector__content, .room-selector__options {
  justify-content: flex-start;
  align-items: center;
}

._c-c, .cp-fx__column--c-c, .cp-fx__row--c-c {
  justify-content: center;
  align-items: center;
}

._e-c, .cp-fx__column--e-c, .cp-fx__row--e-c {
  justify-content: flex-end;
  align-items: center;
}

.cp-fx__row, .cp-fx__row--e-c, .cp-fx__row--c-c, .cp-fx__row--s-c, .room-selector, .room-selector__content, .room-selector__options {
  display: flex;
  flex-direction: row;
}

.cp-fx__column, .cp-fx__column--e-c, .cp-fx__column--c-c, .cp-fx__column--s-c {
  display: flex;
  flex-direction: column;
}

.cp-fx__item-one, .room-selector__content, .room-selector__content > .text {
  flex: 1;
  min-width: 0;
  min-height: 0;
}

.cp-txt__ellipsis, .room-selector__content > .text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*
* NOTICE: only use this
* when sides are un-even
* if they are even just use $property: 0 $spacing; 
*/
.room-selector {
  border: 1px solid transparent;
  border-radius: var(--bo-radius);
  cursor: pointer;
}
.room-selector--muted {
  opacity: 0.6;
}
.room-selector--unread .room-selector__content > .text {
  color: var(--tc-surface-high);
}
.room-selector--selected {
  background-color: var(--bg-surface);
  border-color: var(--bg-surface-border);
}
.room-selector--selected .room-selector__options {
  display: flex;
}
@media (hover: hover) {
  .room-selector:hover {
    background-color: var(--bg-surface-hover);
  }
  .room-selector:hover .room-selector__options {
    display: flex;
  }
}
.room-selector:focus-within {
  background-color: var(--bg-surface-hover);
}
.room-selector:focus-within button {
  outline: none;
}
.room-selector:active {
  background-color: var(--bg-surface-active);
}
.room-selector--selected:hover, .room-selector--selected:focus, .room-selector--selected:active {
  background-color: var(--bg-surface);
}

.room-selector__content {
  padding: 0 var(--sp-extra-tight);
  min-height: 40px;
  cursor: inherit;
}
.room-selector__content > .avatar-container .avatar__border--active {
  box-shadow: none;
}
.room-selector__content > .text {
  margin: 0 var(--sp-extra-tight);
  color: var(--tc-surface-normal-low);
}

.room-selector__options {
  margin-left: 0;
  margin-right: var(--sp-ultra-tight);
  display: none;
}
[dir=rtl] .room-selector__options {
  margin-left: var(--sp-ultra-tight);
  margin-right: 0;
}
.room-selector__options:empty {
  margin: 0 !important;
}
.room-selector__options .ic-btn {
  padding: 6px;
  border-radius: calc(var(--bo-radius) / 2);
}.notification-badge {
  min-width: 16px;
  min-height: 8px;
  padding: 0 var(--sp-ultra-tight);
  background-color: var(--bg-badge);
  border-radius: var(--bo-radius);
}
.notification-badge .text {
  color: var(--tc-badge);
  text-align: center;
}
.notification-badge--alert {
  background-color: var(--bg-positive);
}
.notification-badge:empty {
  min-width: 8px;
  margin: 0 var(--sp-ultra-tight);
}/*
* NOTICE: only use this
* when sides are un-even
* if they are even just use $property: 0 $spacing; 
*/
.search-dialog__modal {
  --modal-height: 380px;
  height: 100%;
  background-color: var(--bg-surface);
}

.search-dialog {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.search-dialog__input {
  padding: var(--sp-normal);
  display: flex;
  align-items: center;
  position: relative;
}
.search-dialog__input > .ic-raw {
  position: absolute;
  --away: calc(var(--sp-normal) + var(--sp-tight));
  left: var(--away);
  right: unset;
}
[dir=rtl] .search-dialog__input > .ic-raw {
  left: unset;
}
[dir=rtl] .search-dialog__input > .ic-raw {
  right: var(--away);
}
.search-dialog__input > .ic-btn {
  border-radius: calc(var(--bo-radius) / 2);
  position: absolute;
  --away: calc(var(--sp-normal) + var(--sp-extra-tight));
  right: var(--away);
  left: unset;
}
[dir=rtl] .search-dialog__input > .ic-btn {
  right: unset;
}
[dir=rtl] .search-dialog__input > .ic-btn {
  left: var(--away);
}
.search-dialog__input .input-container {
  min-width: 0;
  flex: 1;
}
.search-dialog__input input {
  padding-left: 40px;
  padding-right: 40px;
  font-size: var(--fs-s1);
  letter-spacing: var(--ls-s1);
  line-height: var(--lh-s1);
  color: var(--tc-surface-high);
}
.search-dialog__content-wrapper {
  min-height: 0;
  flex: 1;
  position: relative;
}
.search-dialog__content-wrapper::before, .search-dialog__content-wrapper::after {
  position: absolute;
  top: 0;
  z-index: 99;
  content: "";
  display: inline-block;
  width: 100%;
  height: 8px;
  background-image: linear-gradient(to bottom, var(--bg-surface), var(--bg-surface-transparent));
}
.search-dialog__content-wrapper::after {
  top: unset;
  bottom: 0;
  background-image: linear-gradient(to bottom, var(--bg-surface-transparent), var(--bg-surface));
}
.search-dialog__content {
  padding: var(--sp-extra-tight);
  padding-left: var(--sp-normal);
  padding-right: var(--sp-extra-tight);
}
[dir=rtl] .search-dialog__content {
  padding-left: var(--sp-extra-tight);
  padding-right: var(--sp-normal);
}
.search-dialog__footer {
  padding: var(--sp-tight) var(--sp-normal);
  text-align: center;
}._s-c, .cp-fx__column--s-c, .cp-fx__row--s-c {
  justify-content: flex-start;
  align-items: center;
}

._c-c, .cp-fx__column--c-c, .cp-fx__row--c-c, .create-room__loading {
  justify-content: center;
  align-items: center;
}

._e-c, .cp-fx__column--e-c, .cp-fx__row--e-c {
  justify-content: flex-end;
  align-items: center;
}

.cp-fx__row, .cp-fx__row--e-c, .cp-fx__row--c-c, .create-room__loading, .cp-fx__row--s-c {
  display: flex;
  flex-direction: row;
}

.cp-fx__column, .cp-fx__column--e-c, .cp-fx__column--c-c, .cp-fx__column--s-c {
  display: flex;
  flex-direction: column;
}

.cp-fx__item-one {
  flex: 1;
  min-width: 0;
  min-height: 0;
}

/*
* NOTICE: only use this
* when sides are un-even
* if they are even just use $property: 0 $spacing; 
*/
.create-room {
  margin: var(--sp-normal);
  margin-left: var(--sp-normal);
  margin-right: var(--sp-extra-tight);
}
[dir=rtl] .create-room {
  margin-left: var(--sp-extra-tight);
  margin-right: var(--sp-normal);
}
.create-room__form > * {
  margin-top: var(--sp-normal);
}
.create-room__form > *:first-child {
  margin-top: var(--sp-extra-tight);
}
.create-room .segment-btn {
  padding: var(--sp-ultra-tight) 0;
}
.create-room .segment-btn__base {
  padding: 0 var(--sp-tight);
}
.create-room__address {
  display: flex;
}
.create-room__address__label {
  color: var(--tc-surface-low);
  margin-bottom: var(--sp-ultra-tight);
}
.create-room__address__tip {
  margin-top: var(--sp-ultra-tight);
  margin-left: 46px;
  margin-right: 0;
}
[dir=rtl] .create-room__address__tip {
  margin-left: 0;
  margin-right: 46px;
}
.create-room__address .text {
  display: flex;
  align-items: center;
  padding: 0 var(--sp-normal);
  border: 1px solid var(--bg-surface-border);
  border-radius: var(--bo-radius);
  color: var(--tc-surface-low);
}
.create-room__address *:nth-child(2) {
  flex: 1;
  min-width: 0;
}
.create-room__address *:nth-child(2) .input {
  border-radius: 0;
}
.create-room__address .text:first-child {
  border-width: 1px 0 1px 1px;
  border-radius: var(--bo-radius) 0 0 var(--bo-radius);
}
[dir=rtl] .create-room__address .text:first-child {
  border-width: 1px 1px 1px 0;
}
[dir=rtl] .create-room__address .text:first-child {
  border-radius: 0 var(--bo-radius) var(--bo-radius) 0;
}
.create-room__address .text:last-child {
  border-width: 1px 1px 1px 0;
  border-radius: 0 var(--bo-radius) var(--bo-radius) 0;
}
[dir=rtl] .create-room__address .text:last-child {
  border-width: 1px 0 1px 1px;
}
[dir=rtl] .create-room__address .text:last-child {
  border-radius: var(--bo-radius) 0 0 var(--bo-radius);
}
.create-room__name-wrapper {
  display: flex;
  align-items: flex-end;
}
.create-room__name-wrapper .input-container {
  flex: 1;
  min-width: 0;
  margin-left: 0;
  margin-right: var(--sp-normal);
}
[dir=rtl] .create-room__name-wrapper .input-container {
  margin-left: var(--sp-normal);
  margin-right: 0;
}
.create-room__name-wrapper .btn-primary {
  padding-top: 11px;
  padding-bottom: 11px;
}
.create-room__loading .text {
  margin-left: var(--sp-normal);
  margin-right: 0;
}
[dir=rtl] .create-room__loading .text {
  margin-left: 0;
  margin-right: var(--sp-normal);
}
.create-room__error {
  text-align: center;
  color: var(--bg-danger) !important;
}/*
* NOTICE: only use this
* when sides are un-even
* if they are even just use $property: 0 $spacing; 
*/
.toggle {
  width: 44px;
  height: 24px;
  padding: 0 var(--sp-ultra-tight);
  display: flex;
  align-items: center;
  border-radius: var(--bo-radius);
  box-shadow: var(--bs-surface-border);
  cursor: pointer;
  background-color: var(--bg-surface-low);
  transition: background 200ms ease-in-out;
}
.toggle:disabled {
  opacity: 0.4;
  cursor: no-drop;
}
.toggle::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: var(--tc-surface-low);
  border-radius: calc(var(--bo-radius) / 2);
  transition: transform 200ms ease-in-out, opacity 200ms ease-in-out;
  opacity: 0.6;
}
.toggle--active {
  background-color: var(--bg-positive);
}
.toggle--active::before {
  --ltr: translateX(calc(125%));
  --rtl: translateX(calc(-125%));
  transform: var(--ltr);
  transform: translateX(125%);
  background-color: var(--bg-surface);
  opacity: 1;
}
[dir=rtl] .toggle--active::before {
  transform: var(--rtl);
}/*
* NOTICE: only use this
* when sides are un-even
* if they are even just use $property: 0 $spacing; 
*/
.segmented-controls {
  background-color: var(--bg-surface-low);
  border-radius: var(--bo-radius);
  border: 1px solid var(--bg-surface-border);
  display: inline-flex;
  overflow: hidden;
}

.segment-btn {
  padding: var(--sp-extra-tight) 0;
  cursor: pointer;
}
@media (hover: hover) {
  .segment-btn:hover {
    background-color: var(--bg-surface-hover);
  }
}
.segment-btn:active {
  background-color: var(--bg-surface-active) !important;
}
.segment-btn__base {
  padding: 0 var(--sp-normal);
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid var(--bg-surface-border);
  border-right: none;
}
[dir=rtl] .segment-btn__base {
  border-left: none;
  border-right: 1px solid var(--bg-surface-border);
}
.segment-btn__base .text:nth-child(2) {
  margin: 0 var(--sp-extra-tight);
}
.segment-btn:first-child .segment-btn__base {
  border: none;
}
.segment-btn--active {
  background-color: var(--bg-surface);
  border: 1px solid var(--bg-surface-border);
  border-width: 0 1px 0 1px;
}
.segment-btn--active .segment-btn__base, .segment-btn--active + .segment-btn .segment-btn__base {
  border: none;
}
.segment-btn--active:first-child {
  border-left: none;
}
.segment-btn--active:last-child {
  border-right: none;
}
[dir=rtl] .segment-btn--active {
  border-left: 1px solid var(--bg-surface-border);
  border-right: 1px solid var(--bg-surface-border);
}
[dir=rtl] .segment-btn--active:first-child {
  border-right: none;
}
[dir=rtl] .segment-btn--active:last-child {
  border-left: none;
}/*
* NOTICE: only use this
* when sides are un-even
* if they are even just use $property: 0 $spacing; 
*/
.setting-tile {
  display: flex;
}
.setting-tile__content {
  flex: 1;
  min-width: 0;
}
.setting-tile__title {
  margin-bottom: var(--sp-ultra-tight);
}
.setting-tile__options {
  margin-left: var(--sp-tight);
  margin-right: 0;
}
[dir=rtl] .setting-tile__options {
  margin-left: 0;
  margin-right: var(--sp-tight);
}/*
* NOTICE: only use this
* when sides are un-even
* if they are even just use $property: 0 $spacing; 
*/
.join-alias {
  padding: var(--sp-normal);
  padding-left: var(--sp-normal);
  padding-right: var(--sp-extra-tight);
}
[dir=rtl] .join-alias {
  padding-left: var(--sp-extra-tight);
  padding-right: var(--sp-normal);
}
.join-alias > *:not(:first-child) {
  margin-top: var(--sp-normal);
}
.join-alias__error {
  color: var(--tc-danger-high);
  margin-top: var(--sp-extra-tight) !important;
}
.join-alias__btn {
  display: flex;
  gap: var(--sp-normal);
}._1rwrsxz1 {
  background-color: var(--oq6d070);
  border-color: var(--oq6d073);
  outline-color: var(--oq6d073);
  color: var(--oq6d074);
}
button._1rwrsxz1[aria-pressed=true] {
  background-color: var(--oq6d072);
}
button._1rwrsxz1:hover, ._1rwrsxz1:focus-visible {
  background-color: var(--oq6d071);
}
button._1rwrsxz1:active {
  background-color: var(--oq6d072);
}
button._1rwrsxz1[disabled] {
  opacity: var(--_164xfge33);
}
._1rwrsxz2 {
  background-color: var(--oq6d075);
  border-color: var(--oq6d078);
  outline-color: var(--oq6d078);
  color: var(--oq6d079);
}
button._1rwrsxz2[aria-pressed=true] {
  background-color: var(--oq6d077);
}
button._1rwrsxz2:hover, ._1rwrsxz2:focus-visible {
  background-color: var(--oq6d076);
}
button._1rwrsxz2:active {
  background-color: var(--oq6d077);
}
button._1rwrsxz2[disabled] {
  opacity: var(--_164xfge33);
}
._1rwrsxz3 {
  background-color: var(--oq6d07a);
  border-color: var(--oq6d07d);
  outline-color: var(--oq6d07d);
  color: var(--oq6d07e);
}
button._1rwrsxz3[aria-pressed=true] {
  background-color: var(--oq6d07c);
}
button._1rwrsxz3:hover, ._1rwrsxz3:focus-visible {
  background-color: var(--oq6d07b);
}
button._1rwrsxz3:active {
  background-color: var(--oq6d07c);
}
button._1rwrsxz3[disabled] {
  opacity: var(--_164xfge33);
}
._1rwrsxz4 {
  background-color: var(--oq6d07k);
  border-color: var(--oq6d07n);
  outline-color: var(--oq6d07n);
  color: var(--oq6d07o);
}
button._1rwrsxz4[aria-pressed=true] {
  background-color: var(--oq6d07m);
}
button._1rwrsxz4:hover, ._1rwrsxz4:focus-visible {
  background-color: var(--oq6d07l);
}
button._1rwrsxz4:active {
  background-color: var(--oq6d07m);
}
button._1rwrsxz4[disabled] {
  opacity: var(--_164xfge33);
}
._1rwrsxz5 {
  background-color: var(--oq6d07u);
  border-color: var(--oq6d07x);
  outline-color: var(--oq6d07x);
  color: var(--oq6d07y);
}
button._1rwrsxz5[aria-pressed=true] {
  background-color: var(--oq6d07w);
}
button._1rwrsxz5:hover, ._1rwrsxz5:focus-visible {
  background-color: var(--oq6d07v);
}
button._1rwrsxz5:active {
  background-color: var(--oq6d07w);
}
button._1rwrsxz5[disabled] {
  opacity: var(--_164xfge33);
}
._1rwrsxz6 {
  background-color: var(--oq6d0714);
  border-color: var(--oq6d0717);
  outline-color: var(--oq6d0717);
  color: var(--oq6d0718);
}
button._1rwrsxz6[aria-pressed=true] {
  background-color: var(--oq6d0716);
}
button._1rwrsxz6:hover, ._1rwrsxz6:focus-visible {
  background-color: var(--oq6d0715);
}
button._1rwrsxz6:active {
  background-color: var(--oq6d0716);
}
button._1rwrsxz6[disabled] {
  opacity: var(--_164xfge33);
}
._1rwrsxz7 {
  background-color: var(--oq6d071e);
  border-color: var(--oq6d071h);
  outline-color: var(--oq6d071h);
  color: var(--oq6d071i);
}
button._1rwrsxz7[aria-pressed=true] {
  background-color: var(--oq6d071g);
}
button._1rwrsxz7:hover, ._1rwrsxz7:focus-visible {
  background-color: var(--oq6d071f);
}
button._1rwrsxz7:active {
  background-color: var(--oq6d071g);
}
button._1rwrsxz7[disabled] {
  opacity: var(--_164xfge33);
}
._1rwrsxz8 {
  background-color: var(--oq6d071o);
  border-color: var(--oq6d071r);
  outline-color: var(--oq6d071r);
  color: var(--oq6d071s);
}
button._1rwrsxz8[aria-pressed=true] {
  background-color: var(--oq6d071q);
}
button._1rwrsxz8:hover, ._1rwrsxz8:focus-visible {
  background-color: var(--oq6d071p);
}
button._1rwrsxz8:active {
  background-color: var(--oq6d071q);
}
button._1rwrsxz8[disabled] {
  opacity: var(--_164xfge33);
}.t4fedt0 {
  position: relative;
}
.t4fedt1 {
  gap: var(--_164xfge1r);
}
.t4fedt2 {
  color: inherit;
  min-width: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
  flex-grow: 1;
}
.t4fedt2:hover {
  text-decoration: unset;
}
.t4fedt2:focus {
  outline: none;
}
.t4fedt8 {
  width: 100%;
  display: flex;
  justify-content: start;
  cursor: pointer;
  background-color: var(--t4fedt3);
  color: var(--t4fedt7);
  outline: none;
  min-height: 2.25rem;
}
.t4fedt8:hover, .t4fedt8:focus-visible {
  background-color: var(--t4fedt4);
}
.t4fedt8[data-hover=true] {
  background-color: var(--t4fedt4);
}
.t4fedt8:has(.t4fedt2:active) {
  background-color: var(--t4fedt5);
}
.t4fedt8[aria-selected=true] {
  background-color: var(--t4fedt5);
}
.t4fedt8:has(.t4fedt2:focus-visible) {
  outline: var(--_164xfge28) solid var(--t4fedt6);
  outline-offset: calc(-1 * var(--_164xfge28));
}
.t4fedta {
  --t4fedt3: var(--oq6d070);
  --t4fedt4: var(--oq6d071);
  --t4fedt5: var(--oq6d072);
  --t4fedt6: var(--oq6d073);
  --t4fedt7: var(--oq6d074);
}
.t4fedtb {
  --t4fedt3: var(--oq6d075);
  --t4fedt4: var(--oq6d076);
  --t4fedt5: var(--oq6d077);
  --t4fedt6: var(--oq6d078);
  --t4fedt7: var(--oq6d079);
}
.t4fedtc {
  --t4fedt3: var(--oq6d07a);
  --t4fedt4: var(--oq6d07b);
  --t4fedt5: var(--oq6d07c);
  --t4fedt6: var(--oq6d07d);
  --t4fedt7: var(--oq6d07e);
}
.t4fedtd {
  --t4fedt3: var(--oq6d07k);
  --t4fedt4: var(--oq6d07l);
  --t4fedt5: var(--oq6d07m);
  --t4fedt6: var(--oq6d07n);
  --t4fedt7: var(--oq6d07o);
}
.t4fedte {
  --t4fedt3: var(--oq6d07u);
  --t4fedt4: var(--oq6d07v);
  --t4fedt5: var(--oq6d07w);
  --t4fedt6: var(--oq6d07x);
  --t4fedt7: var(--oq6d07y);
}
.t4fedtf {
  --t4fedt3: var(--oq6d0714);
  --t4fedt4: var(--oq6d0715);
  --t4fedt5: var(--oq6d0716);
  --t4fedt6: var(--oq6d0717);
  --t4fedt7: var(--oq6d0718);
}
.t4fedtg {
  --t4fedt3: var(--oq6d071e);
  --t4fedt4: var(--oq6d071f);
  --t4fedt5: var(--oq6d071g);
  --t4fedt6: var(--oq6d071h);
  --t4fedt7: var(--oq6d071i);
}
.t4fedth {
  --t4fedt3: var(--oq6d071o);
  --t4fedt4: var(--oq6d071p);
  --t4fedt5: var(--oq6d071q);
  --t4fedt6: var(--oq6d071r);
  --t4fedt7: var(--oq6d071s);
}
.t4fedto {
  padding-left: var(--_164xfge1s);
  padding-right: var(--_164xfge1t);
  height: inherit;
  min-width: 0;
  flex-grow: 1;
  display: flex;
  align-items: center;
  font-weight: var(--_164xfge1l);
}
.t4fedto:hover {
  text-decoration: unset;
}
.t4fedt8[data-highlight=true] .t4fedto {
  font-weight: var(--_164xfge1m);
}
.t4fedtp {
  padding-right: var(--_164xfge1s);
}
@supports not selector(:has(.t4fedt2:focus-visible)) {
  .t4fedt8:focus-within {
    outline: var(--_164xfge28) solid var(--t4fedt6);
    outline-offset: calc(-1 * var(--_164xfge28));
  }
}.a6xo8r0 {
  position: absolute;
  width: 100%;
  left: 0;
}._10jmv560 {
  background-color: var(--oq6d07u);
  color: var(--oq6d07y);
  text-transform: capitalize;
}
._10jmv560[data-image-loaded="true"] {
  background-color: transparent;
}@keyframes _1qfvrm50 {
  to {
    opacity: 0.4;
    transform: translateY(-15%);
  }
}
._1qfvrm51 {
  display: inline-block;
  background-color: currentColor;
  border-radius: 50%;
  transform: translateY(15%);
}
._1qfvrm52 {
  animation: _1qfvrm50 0.6s infinite alternate;
}
._1qfvrm53 {
  width: 0.25rem;
  height: 0.25rem;
}
._1qfvrm54 {
  width: 0.5rem;
  height: 0.5rem;
}
._1qfvrm55 {
  animation-delay: 0s;
}
._1qfvrm56 {
  animation-delay: 0.2s;
}
._1qfvrm57 {
  animation-delay: 0.4s;
}.kv37ph0 {
  flex-grow: 1;
}
.kv37ph1 {
  opacity: var(--_164xfge30);
}._1xki9of0 {
  width: 13.875rem;
}
._1xki9of1 {
  width: 16rem;
}
._1xki9of2 {
  padding: 0 var(--_164xfge1s) 0 var(--_164xfge1t);
  flex-shrink: 0;
}
button._1xki9of2 {
  cursor: pointer;
}
button._1xki9of2[aria-pressed=true] {
  background-color: var(--oq6d072);
}
button._1xki9of2:hover, button._1xki9of2:focus-visible {
  background-color: var(--oq6d071);
}
button._1xki9of2:active {
  background-color: var(--oq6d072);
}
._1xki9of3 {
  border-bottom-width: 1px;
}
._1xki9of4 {
  min-height: 100%;
  padding: var(--_164xfge1s);
  padding-right: 0;
  padding-bottom: var(--_164xfge1x);
}
._1xki9of5 {
  padding-left: var(--_164xfge1u);
  padding-right: var(--_164xfge1s);
}
._1xki9of6 {
  padding-left: var(--_164xfge1s);
}
._1xki9of7 {
  border-bottom-width: var(--_164xfge25);
}
._1xki9of8 {
  padding-top: var(--_164xfge1u);
  padding-left: var(--_164xfge1u);
  padding-right: 0;
  padding-bottom: 6.25rem;
}
._1xki9of9 {
  padding: var(--_164xfge1u);
  border-radius: var(--_164xfge20);
  min-height: 28.125rem;
}
._1xki9ofa {
  padding: 40px 0;
  max-width: 29.125rem;
  width: 100%;
  margin: auto;
}
._1xki9ofb {
  max-width: 60.25rem;
  width: 100%;
  margin: auto;
}.azdvag2 {
  --azdvag0: 0;
  border-style: solid;
  border-width: var(--azdvag0);
  border-bottom-width: 0;
}
.azdvag2:first-child, :not(.azdvag2) + .azdvag2 {
  border-top-left-radius: var(--azdvag1);
  border-top-right-radius: var(--azdvag1);
}
.azdvag2:last-child, .azdvag2:not(:has(+.azdvag2)) {
  border-bottom-left-radius: var(--azdvag1);
  border-bottom-right-radius: var(--azdvag1);
  border-bottom-width: var(--azdvag0);
}
.azdvag2[data-first-child="true"] {
  border-top-left-radius: var(--azdvag1);
  border-top-right-radius: var(--azdvag1);
}
.azdvag2[data-first-child="false"] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.azdvag2[data-last-child="true"] {
  border-bottom-left-radius: var(--azdvag1);
  border-bottom-right-radius: var(--azdvag1);
}
.azdvag2[data-last-child="false"] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
button.azdvag2 {
  cursor: pointer;
}
.azdvag3 {
  --azdvag1: var(--_164xfge1y);
}
.azdvag4 {
  --azdvag1: var(--_164xfge1z);
}
.azdvag5 {
  --azdvag1: var(--_164xfge20);
}
.azdvag6 {
  --azdvag1: var(--_164xfge21);
}
.azdvag7 {
  --azdvag0: var(--_164xfge25);
}@keyframes hwco3u0 {
  0% {
    transform: translate(-50%, -100%) scale(0);
  }
  100% {
    transform: translate(-50%, 0) scale(1);
  }
}
.hwco3u1 {
  position: absolute;
  top: var(--_164xfge1s);
  left: 50%;
  transform: translateX(-50%);
  z-index: var(--_164xfge2a);
  animation: hwco3u0 100ms;
}._1m2qi7r0 {
  margin-bottom: var(--_164xfge1s);
  margin-top: var(--_164xfge1s);
}
._1m2qi7r0:first-child {
  margin-top: 0;
}
._1m2qi7r0:last-child {
  margin-bottom: 0;
}
._1m2qi7r2 {
  margin-top: var(--_164xfge1u);
}
._1m2qi7r2:first-child {
  margin-top: 0;
}
._1m2qi7r3 {
  padding-left: var(--_164xfge1s);
  border-left: var(--_164xfge29) solid var(--oq6d07d);
  font-style: italic;
}
._1m2qi7r4 {
  color: var(--oq6d07e);
  background: var(--oq6d07a);
  border: var(--_164xfge25) solid var(--oq6d07d);
  border-radius: var(--_164xfge1z);
}
._1m2qi7r5 {
  font-family: monospace;
}
._1m2qi7r6 {
  padding: 0 var(--_164xfge1r);
}
._1m2qi7r7 {
  padding: 0 var(--_164xfge1r);
  background-color: var(--oq6d07c);
  border-radius: var(--_164xfge1z);
}
._1m2qi7r7[aria-pressed=true] {
  color: transparent;
}
._1m2qi7r8 {
  color: transparent;
}
._1m2qi7r9 {
  font-style: normal;
  position: relative;
  overflow: hidden;
}
._1m2qi7ra {
  padding: 0 var(--_164xfge1s) 0 var(--_164xfge1t);
  border-bottom-width: var(--_164xfge25);
  gap: var(--_164xfge1s);
}
._1m2qi7rb {
  padding: var(--_164xfge1s) var(--_164xfge1s) 0;
  min-width: 12.5rem;
}
._1m2qi7rc {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  height: var(--_164xfge1u);
  background: linear-gradient(to top, #00000022, #00000000);
}
._1m2qi7rd {
  padding: 0 var(--_164xfge1r);
  padding-left: var(--_164xfge1w);
}
._1m2qi7re {
  max-width: 18.5rem;
  border-radius: var(--_164xfge1z);
}
._1m2qi7rf {
  font-size: 0;
  line-height: 0;
}
._1m2qi7rg {
  background-color: var(--oq6d07a);
  color: var(--oq6d07e);
  box-shadow: 0 0 0 var(--_164xfge25) var(--oq6d07d);
  padding: 0 0.125rem;
  border-radius: var(--_164xfge1z);
  font-weight: var(--_164xfge1l);
}
._1m2qi7rh {
  background-color: var(--oq6d0714);
  color: var(--oq6d0718);
  box-shadow: 0 0 0 var(--_164xfge25) var(--oq6d0717);
}
._1m2qi7ri {
  box-shadow: 0 0 0 var(--_164xfge25) var(--oq6d07e);
}
._1m2qi7rj {
  padding: 0 0.125rem;
  border-radius: var(--_164xfge1z);
  font-weight: var(--_164xfge1l);
}
._1m2qi7rk {
  box-shadow: 0 0 0 var(--_164xfge25) var(--oq6d071i);
}
._1m2qi7rl {
  background-color: var(--oq6d071e);
  color: var(--oq6d071i);
  box-shadow: 0 0 0 var(--_164xfge25) var(--oq6d071h);
}
._1m2qi7rm {
  display: inline-block;
  padding: 0.05rem;
  height: 1em;
  vertical-align: middle;
}
._1m2qi7rn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 1em;
  min-width: 1em;
  font-size: 1.33em;
  line-height: 1em;
  vertical-align: middle;
  position: relative;
  top: -0.35em;
  border-radius: var(--_164xfge1z);
}
._1m2qi7ro {
  box-shadow: 0 0 0 var(--_164xfge25) var(--oq6d07e);
}
._1m2qi7rp {
  height: 1em;
  cursor: default;
}
._1m2qi7rq {
  background-color: yellow;
  color: black;
}@keyframes _161nxve8 {
  0% {
    background-color: var(--oq6d07k);
  }
  25% {
    background-color: var(--oq6d07m);
  }
  50% {
    background-color: var(--oq6d07k);
  }
  75% {
    background-color: var(--oq6d07m);
  }
  100% {
    background-color: var(--oq6d07k);
  }
}
._161nxve0 {
  position: sticky;
  top: var(--_164xfge1r);
}
._161nxve2 {
  --_161nxve1: var(--_164xfge1q);
}
._161nxve3 {
  --_161nxve1: var(--_164xfge1r);
}
._161nxve4 {
  --_161nxve1: var(--_164xfge1s);
}
._161nxve5 {
  --_161nxve1: var(--_164xfge1t);
}
._161nxve6 {
  --_161nxve1: var(--_164xfge1u);
}
._161nxve7 {
  --_161nxve1: var(--_164xfge1v);
}
._161nxve9 {
  animation: _161nxve8 2000ms ease-in-out;
  animation-iteration-count: infinite;
}
._161nxvea {
  background-color: var(--oq6d077);
}
._161nxveb+._161nxveb {
  margin-top: 0;
}
._161nxvec {
  margin-top: var(--_161nxve1);
  padding: var(--_164xfge1r) var(--_164xfge1s) var(--_164xfge1r) var(--_164xfge1u);
  border-radius: 0 var(--_164xfge20) var(--_164xfge20) 0;
}
._161nxvej {
  margin-top: 0;
}
._161nxven {
  max-width: 10.625rem;
  width: 100%;
}
._161nxveo {
  padding-top: 0.25rem;
  transition: transform 200ms cubic-bezier(0, 0.8, 0.67, 0.97);
  align-self: start;
}
._161nxveo:hover {
  transform: translateY(-0.125rem);
}
._161nxvep {
  min-width: 2.25rem;
}
._161nxver {
  max-width: 50rem;
  padding: var(--_164xfge1s);
  background-color: var(--oq6d07a);
  color: var(--oq6d07e);
  border-radius: var(--_164xfge20);
}
._161nxves {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
button._161nxves {
  cursor: pointer;
}
button._161nxves:hover, button._161nxves:focus-visible {
  text-decoration: underline;
}
._161nxvet {
  font-weight: 550;
}
._161nxveu {
  word-break: break-word;
}
._161nxvev {
  white-space: pre-wrap;
}
._161nxvew {
  font-size: 1.504em;
  line-height: 1.4962em;
}
._161nxvex {
  color: var(--oq6d07z);
  font-style: italic;
}.m3htbj0 {
  width: 100%;
  height: 1rem;
  border-radius: var(--_164xfge1z);
}
.m3htbj1 {
  background-color: var(--oq6d070);
}
.m3htbj2 {
  background-color: var(--oq6d075);
}
.m3htbj3 {
  background-color: var(--oq6d07a);
}
.m3htbj4 {
  background-color: var(--oq6d07k);
}
.m3htbj5 {
  background-color: var(--oq6d07u);
}
.m3htbj6 {
  background-color: var(--oq6d0714);
}
.m3htbj7 {
  background-color: var(--oq6d071e);
}
.m3htbj8 {
  background-color: var(--oq6d071o);
}.fuve4i5 {
  --fuve4i0: var(--oq6d07a);
  --fuve4i1: var(--oq6d07b);
  --fuve4i2: var(--oq6d07c);
  --fuve4i3: var(--oq6d07d);
  --fuve4i4: var(--oq6d07e);
  padding: 0.125rem var(--_164xfge1s) 0.125rem var(--_164xfge1r);
  background-color: var(--fuve4i0);
  border: var(--_164xfge25) solid var(--fuve4i3);
  border-radius: var(--_164xfge1z);
}
button.fuve4i5 {
  cursor: pointer;
}
.fuve4i5[aria-pressed=true] {
  --fuve4i0: var(--oq6d07k);
  --fuve4i1: var(--oq6d07l);
  --fuve4i2: var(--oq6d07m);
  --fuve4i3: var(--oq6d07n);
  --fuve4i4: var(--oq6d07o);
  background-color: var(--fuve4i0);
}
.fuve4i5[aria-selected=true] {
  border-color: var(--oq6d07p);
  border-width: var(--_164xfge26);
}
.fuve4i5:hover, .fuve4i5:focus-visible {
  background-color: var(--fuve4i1);
}
.fuve4i5:active {
  background-color: var(--fuve4i2);
}
.fuve4i5[aria-disabled=true], .fuve4i5:disabled {
  cursor: not-allowed;
}
.fuve4i6 {
  min-width: 0;
  max-width: 9.375rem;
  display: inline-flex;
  align-items: center;
  line-height: 1.25rem;
}
.fuve4i7 {
  height: 1em;
  min-width: 0;
  max-width: 9.375rem;
  object-fit: contain;
}._1f6snux0 {
  background-color: var(--oq6d07a);
  color: var(--oq6d07e);
  border-radius: var(--_164xfge20);
  overflow: hidden;
  max-width: 100%;
  width: 25rem;
}
._1f6snux1 {
  box-shadow: inset 0 0 0 var(--_164xfge25) var(--oq6d07d);
}
._1f6snux2 {
  padding: var(--_164xfge1t);
}
._1f6snux3 {
  max-width: 100%;
  max-height: 37.5rem;
  width: 25rem;
  overflow: hidden;
}
._1f6snux4 {
  padding: var(--_164xfge1t);
  padding-top: 0;
}._1en4l6y0 {
  flex-shrink: 0;
}
._1en4l6y1 {
  opacity: var(--_164xfge31);
}
button._1en4l6y1 {
  cursor: pointer;
}
:hover._1en4l6y1 {
  opacity: var(--_164xfge2z);
}
._1en4l6y2 {
  margin-bottom: 0.0625rem;
  min-width: 0;
  max-width: 100%;
  min-height: var(--_164xfges);
}
button._1en4l6y2 {
  cursor: pointer;
}
._1en4l6y3 {
  opacity: var(--_164xfge31);
}
._1en4l6y2:hover ._1en4l6y3 {
  opacity: var(--_164xfge2z);
}._178san50 {
  position: relative;
  width: 100%;
  height: 100%;
}
._178san51 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
._178san52 {
  position: absolute;
  bottom: var(--_164xfge1r);
  left: var(--_164xfge1r);
  right: var(--_164xfge1r);
}
._178san53 {
  filter: blur(44px);
}._1xx1mdm0 {
  min-width: 85vw;
  min-height: 90vh;
}._1pb2z300 {
  width: 25rem;
  min-height: 6.375rem;
  background-color: var(--oq6d07a);
  color: var(--oq6d07e);
  border: var(--_164xfge25) solid var(--oq6d07d);
  border-radius: var(--_164xfge1z);
  overflow: hidden;
}
._1pb2z301 {
  width: 6.25rem;
  height: 6.25rem;
  object-fit: cover;
  object-position: center;
  flex-shrink: 0;
  overflow: hidden;
}
._1pb2z302 {
  padding: var(--_164xfge1s);
}
._1pb2z303 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}.g9qeqf0 {
  position: absolute;
  height: 100%;
  width: 0.625rem;
  z-index: 1;
}
.g9qeqf1 {
  left: 0;
  background: linear-gradient(to right,var(--oq6d075) , rgba(116,116,116,0));
}
.g9qeqf2 {
  right: 0;
  background: linear-gradient(to left,var(--oq6d075) , rgba(116,116,116,0));
}
.g9qeqf3 {
  position: absolute;
  z-index: 1;
}
.g9qeqf4 {
  left: 0;
  transform: translateX(-25%);
}
.g9qeqf5 {
  right: 0;
  transform: translateX(25%);
}._189qrd90 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
._189qrd91 {
  object-fit: contain;
  width: 100%;
  height: 100%;
}._1t5i6nr0 {
  height: 100%;
}
._1t5i6nr1 {
  padding-left: var(--_164xfge1s);
  padding-right: var(--_164xfge1s);
  border-bottom-width: var(--_164xfge25);
  flex-shrink: 0;
  gap: var(--_164xfge1s);
}
._1t5i6nr2 {
  background-color: var(--oq6d070);
  color: var(--oq6d074);
  overflow: hidden;
}
._1t5i6nr3 {
  object-fit: contain;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  background-color: var(--oq6d075);
  transition: transform 100ms linear;
}.ty6xms0 {
  height: 100%;
}
.ty6xms1 {
  padding-left: var(--_164xfge1s);
  padding-right: var(--_164xfge1s);
  border-bottom-width: var(--_164xfge25);
  flex-shrink: 0;
  gap: var(--_164xfge1s);
}
.ty6xms2 {
  border-top-width: var(--_164xfge25);
  border-bottom-width: 0;
}
.ty6xms3 {
  margin: auto;
  display: inline-block;
  background-color: var(--oq6d075);
  color: var(--oq6d079);
}._1v145rl0 {
  height: 100%;
}
._1v145rl1 {
  padding-left: var(--_164xfge1s);
  padding-right: var(--_164xfge1s);
  border-bottom-width: var(--_164xfge25);
  flex-shrink: 0;
  gap: var(--_164xfge1s);
}
._1v145rl2 {
  background-color: var(--oq6d070);
  color: var(--oq6d074);
  overflow: hidden;
}
._1v145rl3 {
  white-space: pre-wrap;
  word-break: break-word;
}
._1v145rl4 {
  padding: var(--_164xfge1w);
}.awo2r00 {
  background-color: var(--oq6d07u);
  color: var(--oq6d07y);
  text-transform: capitalize;
}
.awo2r00[data-image-loaded="true"] {
  background-color: transparent;
}._18gnz540 {
  --_164xfge1h: 100;
  --_164xfge1i: 200;
  --_164xfge1j: 300;
  --_164xfge1k: 400;
  --_164xfge1l: 500;
  --_164xfge1m: 600;
  --_164xfge1n: 700;
  --_164xfge1o: 800;
  --_164xfge1p: 900;
}
._18gnz541 {
  --_164xfge1h: 100;
  --_164xfge1i: 200;
  --_164xfge1j: 300;
  --_164xfge1k: 400;
  --_164xfge1l: 500;
  --_164xfge1m: 600;
  --_164xfge1n: 700;
  --_164xfge1o: 800;
  --_164xfge1p: 900;
}._15q3ngn0 {
  --oq6d070: #DEDEDE;
  --oq6d071: #D3D3D3;
  --oq6d072: #C7C7C7;
  --oq6d073: #BBBBBB;
  --oq6d074: #000000;
  --oq6d075: #EAEAEA;
  --oq6d076: #DEDEDE;
  --oq6d077: #D3D3D3;
  --oq6d078: #C7C7C7;
  --oq6d079: #000000;
  --oq6d07a: #DEDEDE;
  --oq6d07b: #D3D3D3;
  --oq6d07c: #C7C7C7;
  --oq6d07d: #BBBBBB;
  --oq6d07e: #000000;
  --oq6d07f: #1245A8;
  --oq6d07g: #103E97;
  --oq6d07h: #0F3B8F;
  --oq6d07i: #0E3786;
  --oq6d07j: #FFFFFF;
  --oq6d07k: #C4D0E9;
  --oq6d07l: #B8C7E5;
  --oq6d07m: #ACBEE1;
  --oq6d07n: #A0B5DC;
  --oq6d07o: #0D3076;
  --oq6d07p: #000000;
  --oq6d07q: #171717;
  --oq6d07r: #232323;
  --oq6d07s: #2F2F2F;
  --oq6d07t: #EAEAEA;
  --oq6d07u: #C7C7C7;
  --oq6d07v: #BBBBBB;
  --oq6d07w: #AFAFAF;
  --oq6d07x: #A4A4A4;
  --oq6d07y: #0C0C0C;
  --oq6d07z: #017343;
  --oq6d0710: #01683C;
  --oq6d0711: #016239;
  --oq6d0712: #015C36;
  --oq6d0713: #FFFFFF;
  --oq6d0714: #BFDCD0;
  --oq6d0715: #B3D5C7;
  --oq6d0716: #A6CEBD;
  --oq6d0717: #99C7B4;
  --oq6d0718: #01512F;
  --oq6d0719: #864300;
  --oq6d071a: #793C00;
  --oq6d071b: #723900;
  --oq6d071c: #6B3600;
  --oq6d071d: #FFFFFF;
  --oq6d071e: #E1D0BF;
  --oq6d071f: #DBC7B2;
  --oq6d071g: #D5BDA6;
  --oq6d071h: #CFB499;
  --oq6d071i: #5E2F00;
  --oq6d071j: #9D0F0F;
  --oq6d071k: #8D0E0E;
  --oq6d071l: #850D0D;
  --oq6d071m: #7E0C0C;
  --oq6d071n: #FFFFFF;
  --oq6d071o: #E7C3C3;
  --oq6d071p: #E2B7B7;
  --oq6d071q: #DDABAB;
  --oq6d071r: #D89F9F;
  --oq6d071s: #6E0B0B;
  --oq6d071t: rgba(0 0 0 / 50%);
  --oq6d071u: rgba(0 0 0 / 20%);
  --oq6d071v: rgba(0 0 0 / 50%);
}
._15q3ngn1 {
  --oq6d070: #1A1A1A;
  --oq6d071: #262626;
  --oq6d072: #333333;
  --oq6d073: #404040;
  --oq6d074: #F2F2F2;
  --oq6d075: #262626;
  --oq6d076: #333333;
  --oq6d077: #404040;
  --oq6d078: #4D4D4D;
  --oq6d079: #F2F2F2;
  --oq6d07a: #333333;
  --oq6d07b: #404040;
  --oq6d07c: #4D4D4D;
  --oq6d07d: #595959;
  --oq6d07e: #F2F2F2;
  --oq6d07f: #BDB6EC;
  --oq6d07g: #B2AAE9;
  --oq6d07h: #ADA3E8;
  --oq6d07i: #A79DE6;
  --oq6d07j: #2C2843;
  --oq6d07k: #413C65;
  --oq6d07l: #494370;
  --oq6d07m: #50497B;
  --oq6d07n: #575086;
  --oq6d07o: #E3E1F7;
  --oq6d07p: #FFFFFF;
  --oq6d07q: #E5E5E5;
  --oq6d07r: #D9D9D9;
  --oq6d07s: #CCCCCC;
  --oq6d07t: #1A1A1A;
  --oq6d07u: #404040;
  --oq6d07v: #4D4D4D;
  --oq6d07w: #595959;
  --oq6d07x: #666666;
  --oq6d07y: #F2F2F2;
  --oq6d07z: #85E0BA;
  --oq6d0710: #70DBAF;
  --oq6d0711: #66D9A9;
  --oq6d0712: #5CD6A3;
  --oq6d0713: #0F3D2A;
  --oq6d0714: #175C3F;
  --oq6d0715: #1A6646;
  --oq6d0716: #1C704D;
  --oq6d0717: #1F7A54;
  --oq6d0718: #CCF2E2;
  --oq6d0719: #E3BA91;
  --oq6d071a: #DFAF7E;
  --oq6d071b: #DDA975;
  --oq6d071c: #DAA36C;
  --oq6d071d: #3F2A15;
  --oq6d071e: #5E3F20;
  --oq6d071f: #694624;
  --oq6d071g: #734D27;
  --oq6d071h: #7D542B;
  --oq6d071i: #F3E2D1;
  --oq6d071j: #E69D9D;
  --oq6d071k: #E28D8D;
  --oq6d071l: #E08585;
  --oq6d071m: #DE7D7D;
  --oq6d071n: #401C1C;
  --oq6d071o: #602929;
  --oq6d071p: #6B2E2E;
  --oq6d071q: #763333;
  --oq6d071r: #803737;
  --oq6d071s: #F5D6D6;
  --oq6d071t: rgba(255, 255, 255, 0.5);
  --oq6d071u: rgba(0, 0, 0, 1);
  --oq6d071v: rgba(0, 0, 0, 0.8);
}
._15q3ngn2 {
  --oq6d070: #1A1916;
  --oq6d071: #262621;
  --oq6d072: #33322C;
  --oq6d073: #403F38;
  --oq6d074: #FFFBDE;
  --oq6d075: #262621;
  --oq6d076: #33322C;
  --oq6d077: #403F38;
  --oq6d078: #4D4B43;
  --oq6d079: #FFFBDE;
  --oq6d07a: #33322C;
  --oq6d07b: #403F38;
  --oq6d07c: #4D4B43;
  --oq6d07d: #59584E;
  --oq6d07e: #FFFBDE;
  --oq6d07f: #BDB6EC;
  --oq6d07g: #B2AAE9;
  --oq6d07h: #ADA3E8;
  --oq6d07i: #A79DE6;
  --oq6d07j: #2C2843;
  --oq6d07k: #413C65;
  --oq6d07l: #494370;
  --oq6d07m: #50497B;
  --oq6d07n: #575086;
  --oq6d07o: #E3E1F7;
  --oq6d07p: #FFFBDE;
  --oq6d07q: #E5E2C8;
  --oq6d07r: #D9D5BD;
  --oq6d07s: #CCC9B2;
  --oq6d07t: #1A1916;
  --oq6d07u: #403F38;
  --oq6d07v: #4D4B43;
  --oq6d07w: #59584E;
  --oq6d07x: #666459;
  --oq6d07y: #F2EED3;
  --oq6d07z: #85E0BA;
  --oq6d0710: #70DBAF;
  --oq6d0711: #66D9A9;
  --oq6d0712: #5CD6A3;
  --oq6d0713: #0F3D2A;
  --oq6d0714: #175C3F;
  --oq6d0715: #1A6646;
  --oq6d0716: #1C704D;
  --oq6d0717: #1F7A54;
  --oq6d0718: #CCF2E2;
  --oq6d0719: #E3BA91;
  --oq6d071a: #DFAF7E;
  --oq6d071b: #DDA975;
  --oq6d071c: #DAA36C;
  --oq6d071d: #3F2A15;
  --oq6d071e: #5E3F20;
  --oq6d071f: #694624;
  --oq6d071g: #734D27;
  --oq6d071h: #7D542B;
  --oq6d071i: #F3E2D1;
  --oq6d071j: #E69D9D;
  --oq6d071k: #E28D8D;
  --oq6d071l: #E08585;
  --oq6d071m: #DE7D7D;
  --oq6d071n: #401C1C;
  --oq6d071o: #602929;
  --oq6d071p: #6B2E2E;
  --oq6d071q: #763333;
  --oq6d071r: #803737;
  --oq6d071s: #F5D6D6;
  --oq6d071t: rgba(255, 255, 255, 0.5);
  --oq6d071u: rgba(0, 0, 0, 1);
  --oq6d071v: rgba(0, 0, 0, 0.8);
}._3ohmdt0 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  border-radius: var(--_164xfge23);
  border: var(--_164xfge25) solid var(--oq6d07x);
  position: relative;
}
._3ohmdt1::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: var(--_164xfge25);
  background-color: var(--oq6d071j);
  position: absolute;
  transform: rotateZ(-45deg);
}
._3ohmdt3 {
  display: inline-flex;
  height: var(--_3ohmdt2);
  min-width: var(--_3ohmdt2);
  font-size: var(--_3ohmdt2);
  line-height: var(--_3ohmdt2);
  border-radius: var(--_164xfge1z);
  cursor: default;
}
._3ohmdt4 {
  --_3ohmdt2: var(--_164xfge2k);
}
._3ohmdt5 {
  --_3ohmdt2: var(--_164xfge2l);
}
._3ohmdt6 {
  --_3ohmdt2: var(--_164xfge2m);
}
._3ohmdt7 {
  --_3ohmdt2: var(--_164xfge2n);
}
._3ohmdt8 {
  --_3ohmdt2: var(--_164xfge2o);
}
._3ohmdt9 {
  --_3ohmdt2: var(--_164xfge2p);
}
._3ohmdta {
  --_3ohmdt2: var(--_164xfge2q);
}.tfhces0 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--_164xfge1u);
}
.tfhces1 {
  padding: var(--_164xfge1v);
  border-radius: var(--_164xfge21);
}
.tfhces2 {
  min-height: calc(3 * var(--_164xfget));
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  cursor: pointer;
}
.tfhces2:hover {
  text-decoration: underline;
}
.tfhces3 {
  flex: 1 1 0;
  min-width: 1px;
}._1pzzygl0 {
  display: flex;
  flex-direction: column;
}
._1pzzygl1 {
  padding: 0 var(--_164xfge1s) 0 var(--_164xfge1u);
  border-bottom-width: var(--_164xfge25);
}
._1pzzygl2 {
  flex-grow: 1;
}
._1pzzygl3 {
  padding: var(--_164xfge1u);
  padding-right: var(--_164xfge1s);
  padding-bottom: var(--_164xfge1x);
}
._1pzzygl4 {
  white-space: pre-wrap;
  word-break: break-word;
}._1ri957w0 {
  word-break: break-word;
}
._1ri957w1 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
._1ri957w2 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}.gg4i1k0 {
  padding: var(--_164xfge1x) var(--_164xfge1t);
  border-radius: var(--_164xfge20);
}
.gg4i1k1 {
  padding: var(--_164xfge1t);
  border-radius: var(--_164xfge20);
}._1qcw1440 {
  position: relative;
}
._1qcw1441 {
  position: absolute;
  top: -1.875rem;
  right: 0;
  z-index: 1;
}
._1qcw1442 {
  padding: var(--_164xfge1r);
}
._1qcw1443 {
  cursor: pointer;
}
._1qcw1444 {
  min-width: 2rem;
}
._1qcw1445 {
  padding: var(--_164xfge1r);
}
._1qcw1446 {
  flex-grow: 1;
}
._1qcw1447:empty {
  display: none;
}
._1qcw1448 {
  word-break: break-word;
}.js9ece0 {
  height: 100%;
}
.js9ece1 {
  background-color: var(--oq6d070);
  color: var(--oq6d074);
}
.js9ece2 {
  padding: var(--_164xfge1s);
  padding-right: 0;
}
.js9ece3 {
  padding-left: var(--_164xfge1u);
  padding-right: var(--_164xfge1t);
  flex-shrink: 0;
  gap: var(--_164xfge1s);
}
.js9ece4 {
  padding-left: var(--_164xfge1s);
  padding-bottom: var(--_164xfge1u);
}._54n6w90 {
  height: 100%;
}
._54n6w91 {
  padding-left: var(--_164xfge1u);
  padding-right: var(--_164xfge1t);
  flex-shrink: 0;
}
._54n6w92 {
  padding-left: var(--_164xfge1s);
  padding-bottom: var(--_164xfge1u);
}._184qvyl0 {
  max-width: 27rem;
  width: calc(100vw - 2 * var(--_164xfge1u));
  height: 28.125rem;
  background-color: var(--oq6d075);
  color: var(--oq6d079);
  border: var(--_164xfge25) solid var(--oq6d078);
  border-radius: var(--_164xfge20);
  box-shadow: var(--_164xfge2g);
  overflow: hidden;
}
._184qvyl1 {
  width: 3.375rem;
  background-color: var(--oq6d075);
  color: var(--oq6d079);
  position: relative;
}
._184qvyl2 {
  padding: var(--_164xfge1s) 0;
}
._184qvyl3 {
  width: 100%;
  background-color: var(--oq6d075);
}
._184qvyl4 {
  position: sticky;
  bottom: -67%;
  z-index: 1;
}
._184qvyl5 {
  width: 1.125rem;
}
._184qvyl6 {
  padding: var(--_164xfge1t);
  padding-bottom: 0;
}
._184qvyl7 {
  cursor: pointer;
}
._184qvyl8 {
  padding: var(--_164xfge1s);
  margin: var(--_164xfge1t);
  margin-top: 0;
  min-height: 2.5rem;
  border-radius: var(--_164xfge20);
  background-color: var(--oq6d07a);
  color: var(--oq6d07e);
}
._184qvyl9 {
  padding: var(--_164xfge1t) 0;
}
._184qvyla {
  position: sticky;
  top: var(--_164xfge1s);
  z-index: 1;
  margin: auto;
  padding: var(--_164xfge1r) var(--_164xfge1s);
  border-radius: var(--_164xfge23);
  background-color: var(--oq6d07a);
  color: var(--oq6d07e);
}
._184qvylb {
  padding: 0 var(--_164xfge1s);
}
._184qvylc {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
  line-height: 2rem;
}
._184qvyld {
  width: 3rem;
  height: 3rem;
  font-size: 2rem;
  line-height: 2rem;
  border-radius: var(--_164xfge20);
  cursor: pointer;
}
._184qvyld:hover {
  background-color: var(--oq6d076);
}
._184qvyle {
  width: 7rem;
  height: 7rem;
}
._184qvylf {
  width: 2rem;
  height: 2rem;
  object-fit: contain;
}
._184qvylg {
  width: 6rem;
  height: 6rem;
  object-fit: contain;
}.e9hhgc0 {
  position: relative;
}
.e9hhgc1 {
  position: absolute;
  bottom: var(--_164xfge1s);
  left: 0;
  right: 0;
  z-index: var(--_164xfge2e);
}
.e9hhgc2 {
  max-height: 30vh;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.e9hhgc3 {
  padding: 0 var(--_164xfge1t);
  flex-shrink: 0;
}.coabsl0 {
  background-color: var(--oq6d07a);
  color: var(--oq6d07e);
  box-shadow: inset 0 0 0 var(--_164xfge25) var(--oq6d07d);
  border-radius: var(--_164xfge20);
  overflow: hidden;
}
.coabsl1 {
  padding: var(--_164xfge1s);
}
.coabsl3 {
  flex-grow: 1;
  height: 100%;
  padding: 0.8125rem 0.0625rem;
}
.coabsl2:first-child .coabsl3 {
  padding-left: 0.8125rem;
}
.coabsl2:last-child .coabsl3 {
  padding-right: 0.8125rem;
}
.coabsl3:focus {
  outline: none;
}
.coabsl4 {
  opacity: var(--_164xfge32);
  pointer-events: none;
  user-select: none;
}
.coabsl5 {
  display: block;
  padding-top: 0.8125rem;
  padding-left: 0.0625rem;
}
.coabsl6 {
  padding: 0 var(--_164xfge25);
}
.coabsl7 {
  padding: var(--_164xfge1r);
}
.coabsl8 {
  padding-right: var(--_164xfge1r);
}._9a87v70 {
  min-height: 3rem;
  background-color: var(--oq6d07a);
  color: var(--oq6d07e);
  box-shadow: inset 0 0 0 var(--_164xfge25) var(--oq6d07d);
  border-radius: var(--_164xfge20);
}._10tu9iu0 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  min-width: max-content;
}
._10tu9iu1 {
  top: var(--_164xfge1u);
}
._10tu9iu2 {
  bottom: var(--_164xfge1u);
}@keyframes _1px4w010 {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
._1px4w011 {
  padding: 0 var(--_164xfge1v);
  width: 100%;
  background-color: var(--oq6d075);
  color: var(--oq6d079);
  position: absolute;
  bottom: 0;
  animation: _1px4w010 100ms ease-in-out;
}
._1px4w012 {
  flex-grow: 1;
}.mxcys80 {
  padding: var(--_164xfge1s);
  padding-left: var(--_164xfge1u);
}._1fwe7gc0 {
  padding: var(--_164xfge1t);
  background-color: var(--oq6d07a);
  color: var(--oq6d07e);
  border-color: var(--oq6d07d);
}
._1fwe7gc7 {
  border-style: solid;
  border-width: var(--_164xfge25);
}
._1fwe7gc8 {
  padding: var(--_164xfge1r);
}
._1fwe7gc9 {
  padding: 0 var(--_164xfge1r);
  color: var(--oq6d071j);
}._1vnya280 {
  position: relative;
  pointer-events: none;
}
._1vnya281 {
  position: absolute;
  bottom: var(--_164xfge1s);
  left: 0;
  right: 0;
  z-index: var(--_164xfge2e);
}
._1vnya282 {
  max-width: 25rem;
  width: 100%;
  max-height: 28.125rem;
  height: 100%;
  background-color: var(--oq6d075);
  color: var(--oq6d079);
  border-radius: var(--_164xfge20);
  box-shadow: var(--_164xfge2g);
  border: var(--_164xfge25) solid var(--oq6d078);
  overflow: hidden;
  pointer-events: all;
}
._1vnya283 {
  height: 100%;
  padding: 0 var(--_164xfge1s);
}
._1vnya284 {
  padding: var(--_164xfge1s);
  padding-bottom: 0;
  padding-right: 0;
}.kq7ios0 {
  height: 1.75rem;
}
.kq7ios1 {
  min-height: 1.75rem;
  padding: 0 var(--_164xfge1u);
  width: 100%;
  background-color: var(--oq6d075);
  color: var(--oq6d079);
  outline: none;
}
.kq7ios2 {
  cursor: pointer;
}
.kq7ios2:hover, .kq7ios2:focus-visible {
  color: var(--oq6d07f);
}
.kq7ios2:active {
  color: var(--oq6d07f);
}._1wm6n5e0:hover {
  cursor: pointer;
  opacity: var(--_164xfge2z);
  text-decoration: underline;
}._13de4120 {
  display: flex;
  max-width: 34.25rem;
  width: 100vw;
  max-height: 90vh;
}
._13de4121 {
  padding-left: var(--_164xfge1u);
  padding-right: var(--_164xfge1s);
}
._13de4122 {
  padding-left: var(--_164xfge1s);
}._1j4fvkl0 {
  padding: var(--_164xfge1s);
}
._1j4fvkl1 {
  max-height: 15.625rem;
}
._1j4fvkl2 {
  padding: var(--_164xfge1s);
}
._1j4fvkl3 {
  padding: var(--_164xfge1s);
  padding-right: 0;
}.lrhkx50 {
  border-radius: var(--_164xfge1z);
  border-width: var(--_164xfge25);
  overflow: hidden;
}@keyframes _18fjf6z4 {
  0% {
    transform: translate(-50%, -100%) scale(0);
  }
  100% {
    transform: translate(-50%, 0) scale(1);
  }
}
._18fjf6z0 {
  width: 16.625rem;
}
._18fjf6z1 {
  flex-shrink: 0;
  padding: 0 var(--_164xfge1s) 0 var(--_164xfge1t);
  border-bottom-width: var(--_164xfge25);
}
._18fjf6z2 {
  position: relative;
  overflow: hidden;
}
._18fjf6z3 {
  padding: var(--_164xfge1s) 0;
}
._18fjf6z5 {
  position: absolute;
  top: var(--_164xfge1s);
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  animation: _18fjf6z4 100ms;
}
._18fjf6z6 {
  padding-left: var(--_164xfge1s);
}
._18fjf6z7 {
  padding-left: var(--_164xfge1s);
}
._18fjf6z8 {
  padding: var(--_164xfge1s);
}
._18fjf6z8:not(:first-child) {
  padding-top: var(--_164xfge1v);
}
._18fjf6z9 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}._1p73zhk0 {
  border-bottom-color: transparent;
}
._1p73zhk1:hover {
  cursor: pointer;
  opacity: var(--_164xfge2z);
  text-decoration: underline;
}.qbvw3a0 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.qbvw3a0:hover {
  cursor: pointer;
  opacity: var(--_164xfge2z);
  text-decoration: underline;
}._10dxgc60 {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  cursor: grab;
  border-radius: var(--_164xfge20);
  opacity: var(--_164xfge31);
}
._10dxgc60:active {
  cursor: ns-resize;
}
._10dxgc61[data-hover=true]:before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
  border-bottom: 0.25rem solid currentColor;
}
._10dxgc61[data-hover=true]:after {
  content: "";
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  background-color: var(--oq6d075);
  border: 0.25rem solid currentColor;
  border-radius: 50%;
}
._10dxgc62 {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 99;
  color: var(--oq6d07z);
}
._10dxgc62[data-error=true] {
  color: var(--oq6d071j);
}
._10dxgc63 {
  height: 2rem;
  transform: translateY(1.125rem);
}
._10dxgc64 {
  height: 0.875rem;
  transform: translateY(calc(100% - 0.25rem));
}._1321e2t0 {
  padding-bottom: var(--_164xfge1r);
  border-bottom: var(--_164xfge25) solid transparent;
  position: relative;
}
._1321e2t0[data-dragging=true] {
  opacity: var(--_164xfge33);
}
._1321e2t1 {
  border-bottom-color: var(--oq6d078);
}
._1321e2t2 {
  padding-left: var(--_164xfge1s);
}
._1321e2t2[data-ui-before="true"] {
  padding-left: var(--_164xfge1r);
}
._1321e2t3 {
  border-radius: var(--_164xfge20);
  padding-left: var(--_164xfge1r);
  padding-right: var(--_164xfge1t);
  height: 2rem;
}._1xrrjei0 {
  background-color: var(--oq6d07u);
}
._1xrrjei1 {
  width: 100%;
  height: var(--_164xfget);
  border-radius: var(--_164xfge1z);
  background-color: var(--oq6d07u);
}._7ry8260 {
  padding: var(--_164xfge1u);
  border-radius: 0;
  position: relative;
}
._7ry8260[data-dragging=true] {
  opacity: var(--_164xfge33);
}
._7ry8261 {
  cursor: pointer;
}
._7ry8261:hover {
  text-decoration: underline;
}
._7ry8262 {
  gap: 0.125rem;
}._1ho1fyw0 {
  width: 4.125rem;
  background-color: var(--oq6d070);
  border-right: var(--_164xfge25) solid var(--oq6d073);
  display: flex;
  flex-direction: column;
  color: var(--oq6d074);
}
._1ho1fyw1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--_164xfge1t);
  padding: var(--_164xfge1t) 0;
}
._1ho1fyw3 {
  --_1ho1fyw2: -0.5rem;
}
._1ho1fyw3[data-inside-folder=true] {
  --_1ho1fyw2: -0.375rem;
}
._1ho1fyw3[data-drop-child=true] {
  outline: var(--_164xfge29) solid var(--oq6d07z);
  border-radius: var(--_164xfge20);
}
._1ho1fyw3[data-drop-above=true]::after, ._1ho1fyw3[data-drop-below=true]::after {
  content: "";
  display: block;
  position: absolute;
  left: 0rem;
  width: 100%;
  height: var(--_164xfge29);
  background-color: var(--oq6d07z);
}
._1ho1fyw3[data-drop-above=true]::after {
  top: var(--_1ho1fyw2);
}
._1ho1fyw3[data-drop-below=true]::after {
  bottom: var(--_1ho1fyw2);
}
._1ho1fyw4 {
  min-width: 2.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: transform 200ms cubic-bezier(0, 0.8, 0.67, 0.97);
}
._1ho1fyw4:hover {
  transform: translateX(0.125rem);
}
._1ho1fyw4::before {
  content: "";
  display: none;
  position: absolute;
  left: -0.8438rem;
  width: 0.3125rem;
  height: 1rem;
  border-radius: 0 0.25rem 0.25rem 0;
  background: CurrentColor;
  transition: height 200ms linear;
}
._1ho1fyw4:hover::before {
  display: block;
  width: 0.1875rem;
}
._1ho1fyw5::before {
  display: block;
  height: 1.5rem;
}
._1ho1fyw5:hover::before {
  width: 0.3125rem;
}
._1ho1fyw6 {
  pointer-events: none;
  position: absolute;
  z-index: 1;
  line-height: 0;
}
._1ho1fyw7 {
  top: -0.375rem;
  left: -0.375rem;
}
._1ho1fyw8 {
  top: -0.125rem;
  left: -0.125rem;
}
button._1ho1fyw9 {
  cursor: pointer;
}
._1ho1fywa {
  width: 1rem;
  height: 1rem;
  font-size: 0.625rem;
  line-height: var(--_164xfget);
  letter-spacing: var(--_164xfge1a);
}
._1ho1fywb {
  width: 2.125rem;
  height: 2.125rem;
}
._1ho1fywc {
  width: 2.625rem;
  height: 2.625rem;
}
._1ho1fywd {
  border: var(--_164xfge25) solid var(--oq6d073);
}
._1ho1fywe {
  padding: var(--_164xfge1r);
  width: 2.625rem;
  min-height: 2.625rem;
  display: flex;
  flex-wrap: wrap;
  outline: var(--_164xfge25) solid var(--oq6d073);
  position: relative;
}
button._1ho1fywe {
  cursor: pointer;
}
._1ho1fywf {
  gap: 0.125rem;
  border-radius: var(--_164xfge20);
}
._1ho1fywg {
  padding-left: 0;
  padding-right: 0;
  flex-direction: column;
  align-items: center;
  gap: var(--_164xfge1s);
  border-radius: var(--_164xfge21);
}
._1ho1fywh {
  width: 100%;
  height: 0.5rem;
  position: absolute;
  left: 0;
}
._1ho1fywi {
  top: -0.25rem;
}
._1ho1fywj {
  bottom: -0.25rem;
}.vkenjr0 {
  padding: var(--_164xfge1t);
}.evl28k0 {
  height: 100%;
}
.evl28k1 {
  padding-left: var(--_164xfge1s);
  padding-right: var(--_164xfge1s);
  border-bottom-width: var(--_164xfge25);
  flex-shrink: 0;
  gap: var(--_164xfge1s);
}
.evl28k2 {
  background-color: var(--oq6d070);
  color: var(--oq6d074);
  overflow: hidden;
}
.evl28k3 {
  width: 100%;
  height: 100%;
  object-fit: contain;
}.vcu13p0 {
  padding: var(--_164xfge1s);
  border-radius: var(--_164xfge1z);
  border-width: var(--_164xfge25);
}._14rd4hb0 {
  width: 2.25rem;
  height: 2.25rem;
  object-fit: contain;
}
._14rd4hb1 {
  color: var(--oq6d071j);
  text-decoration: line-through;
}
._14rd4hb2 {
  overflow: hidden;
  border-radius: var(--_164xfge1z);
}
._14rd4hb3 {
  position: sticky;
  padding: var(--_164xfge1s);
  padding-left: var(--_164xfge1u);
  top: var(--_164xfge1u);
  left: var(--_164xfge1u);
  right: 0;
  z-index: 1;
}@keyframes ohr24n0 {
  from {
    transform: translateX(0.125rem) scale(1);
  }
  to {
    transform: translateX(0) scale(1);
  }
}
.ohr24n1 {
  animation-name: ohr24n0;
  animation-duration: 400ms;
  animation-iteration-count: 30;
  animation-direction: alternate;
}
.ohr24n2 {
  background-color: var(--oq6d071o);
  color: var(--oq6d071s);
  border-color: var(--oq6d071r);
}
.ohr24n3 {
  background-color: var(--oq6d071e);
  color: var(--oq6d071i);
  border-color: var(--oq6d071h);
}._1aclz590 {
  padding: var(--_164xfge1t);
}._1cx2qle0 {
  width: 100%;
  display: flex;
  align-items: center;
  gap: var(--_164xfge1s);
  padding: var(--_164xfge1r);
  border-radius: var(--_164xfge21);
}
button._1cx2qle0 {
  cursor: pointer;
}
._1cx2qle0[aria-pressed=true] {
  background-color: var(--oq6d077);
}
button._1cx2qle0:hover, ._1cx2qle0:focus-visible {
  background-color: var(--oq6d076);
}
button._1cx2qle0:active {
  background-color: var(--oq6d077);
}._1lne79o0 {
  padding: var(--_164xfge1t);
}._1o9o3680 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  padding: var(--_164xfge1s);
}
._1o9o3681 {
  position: relative;
}
._1o9o3682 {
  height: 6rem;
  overflow: hidden;
}
._1o9o3683 {
  height: 100%;
  width: 100%;
  object-fit: cover;
  filter: blur(16px);
  transform: scale(2);
}
._1o9o3684 {
  position: relative;
  height: 1.8125rem;
}
._1o9o3685 {
  position: absolute;
  left: var(--_164xfge1u);
  top: 0;
  transform: translateY(-50%);
  background-color: var(--oq6d075);
}
._1o9o3686 {
  outline: var(--_164xfge28) solid var(--oq6d075);
}.x119c50 {
  display: flex;
  position: relative;
  flex-shrink: 0;
}
.x119c51 {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(25%, 25%);
  z-index: 1;
  display: flex;
  padding: var(--_164xfge28);
  background-color: inherit;
  border-radius: var(--_164xfge23);
  overflow: hidden;
}