@keyframes u-kf_dpDvYi {
  from {
    opacity: 0;
    transform: scale(.95);
  }

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

@keyframes u-kf_feVUdh {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes u-kf_fhCilR {
  from {
    transform: rotate(0);
  }

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

@keyframes u-kf_kxFdEh {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(100%);
  }
}

.u-dJgWtv {
  --switch-box-shadow: none;
}

.u-evIBAF {
  animation: .2s ease-out u-kf_feVUdh;
}

.u-fteRbN {
  animation: .5s linear infinite u-kf_fhCilR;
}

.u-fUjdzo {
  background: none;
}

.u-dNSLRW {
  background: var(--card-bg-color);
}

.u-cCeIjY {
  background: var(--card-hairline-soft-color);
}

.u-eHHXIg {
  background: var(--switch-fg-color);
}

.u-MrtSM {
  border: 0;
}

.u-kWIjhW {
  font: inherit;
}

.u-jZsjHW {
  margin: 0;
}

.u-bnBrYd {
  padding: 0;
}

.u-cJTEQk {
  padding: 1px;
}

.u-gHYZIR {
  border-radius: 50%;
}

.u-gcUkTl {
  border-radius: calc(var(--avatar-size) / 2);
}

.u-hrbqoU {
  border-radius: inherit;
}

.u-kdFIjO {
  flex: 1;
}

.u-hEzNkW {
  list-style: none;
}

.u-dFXmkO {
  outline: none;
}

.u-gWzzAr {
  overflow: auto;
}

.u-fqYOpD {
  overflow: clip;
}

.u-gBjSqI {
  text-decoration: none;
}

.u-dpkMvs {
  transition: all .2s linear;
}

.u-eyEVfe {
  transition: opacity .2s ease-in;
}

.u-fIJvmj {
  transition: transform .1s;
}

.u-bNEqsD {
  -webkit-font-smoothing: inherit;
}

.u-fAtomh {
  align-items: center;
}

.u-hxBzcr {
  align-items: flex-end;
}

.u-bGTgkg {
  appearance: none;
}

.u-jOHnOz {
  background-color: var(--avatar-bg-color);
}

.u-dhlXri {
  background-color: var(--card-bg-color);
}

.u-indMik {
  background-color: var(--switch-bg-color);
}

.u-fMVBjb {
  box-shadow: 0 0 0 1px var(--card-bg-color);
}

.u-dupTko {
  box-shadow: 0 0 0 1px var(--card-bg-color), inset 0 0 0 1px var(--card-hairline-hard-color);
}

.u-kecFSQ {
  box-shadow: 0 1px #0000000d;
}

.u-gpkhCb {
  box-shadow: inherit;
}

.u-ixvSSg {
  box-sizing: border-box;
}

.u-fuocjA {
  color: var(--avatar-fg-color);
}

.u-fIoZKR {
  color: var(--card-fg-color);
}

.u-krAvjf {
  display: block;
}

.u-HgOzd {
  display: flex;
}

.u-gSxJLz {
  display: inline-block;
}

.u-cfsavV {
  display: inline-flex;
}

.u-iPpIdb {
  fill: var(--card-bg-color);
}

.u-bhTTzp {
  flex-direction: column;
}

.u-bsGhWR {
  justify-content: center;
}

.u-eGjDnc {
  line-height: 0;
}

.u-exIGLf {
  object-fit: contain;
}

.u-bgTIyZ {
  opacity: 0;
}

.u-frJqtw {
  opacity: 1;
}

.u-jieZfE {
  pointer-events: all;
}

.u-cERSkX {
  pointer-events: none;
}

.u-lhPceK {
  position: absolute;
}

.u-kdNbGf {
  position: fixed;
}

.u-emPzDJ {
  position: relative;
}

.u-ggmhkl {
  stroke: var(--avatar-bg-color);
}

.u-iMJkVA {
  stroke: var(--card-bg-color);
}

.u-duAXIW {
  stroke: var(--card-shadow-outline-color);
}

.u-ksRPkh {
  stroke-width: 2px;
}

.u-ysDJT {
  stroke-width: 4px;
}

.u-dBwzdG {
  text-align: center;
}

.u-iAFgHi {
  text-align: left;
}

.u-iteyqJ {
  text-overflow: ellipsis;
}

.u-cPyXJe {
  text-transform: uppercase;
}

.u-iFTChX {
  transform: rotate(-90deg) translate3d(0, 6px, 0);
}

.u-dszIPX {
  transform-origin: 0%;
}

.u-bNSskR {
  transition-property: transform;
}

.u-eIsAcC {
  -webkit-user-select: none;
  user-select: none;
}

.u-eSsDnV {
  vertical-align: top;
}

.u-cbkwRf {
  white-space: nowrap;
}

.u-hTsYDY {
  will-change: opacity;
}

.u-hVYkZh {
  will-change: transform;
}

.u-jBWBiF {
  z-index: -1;
}

.u-fRJJGt {
  z-index: 0;
}

.u-dStxMA {
  z-index: 1;
}

.u-eYlglL {
  z-index: 2;
}

.u-cYUUrS {
  z-index: 3;
}

.u-hWHAvy {
  overflow-x: auto;
}

.u-kyGdCf, .u-klNMOT {
  bottom: 0;
}

.u-oQGpJ {
  bottom: 2px;
}

.u-bLvdID {
  height: 0;
}

.u-ePwsZv {
  height: 100%;
}

.u-huoTQe {
  height: 1px;
}

.u-jmIqco {
  height: round(1em, 2px);
}

.u-cXkSBu {
  height: var(--arrow-size);
}

.u-kwLhwW {
  height: var(--avatar-size);
}

.u-kiKDyH {
  left: 0;
}

.u-fkylxA {
  left: -2px;
}

.u-dYEDcH {
  left: 0;
}

.u-ftCJS {
  max-height: 100%;
}

.u-hPjhXT {
  max-width: 100%;
}

.u-hyZffN {
  max-width: 420px;
}

.u-jLKaQQ {
  min-height: 0;
}

.u-iDEBOB {
  min-width: 0;
}

.u-hWgptE {
  right: 0;
}

.u-ckbANH {
  right: -2px;
}

.u-gRUupw {
  right: 0;
}

.u-qbeer, .u-jsTwnL {
  top: 0;
}

.u-hRLrZa {
  width: 0;
}

.u-diGfnu {
  width: 100%;
}

.u-iQYtgN {
  width: -moz-available;
  width: -webkit-fill-available;
  width: stretch;
}

.u-iNjdVt {
  width: round(1em, 2px);
}

.u-dxAhXf {
  width: var(--arrow-size);
}

.u-hhRcrn {
  width: var(--avatar-size);
}

.u-tKGdt > [data-ui="DialogCard"] {
  animation: .2s ease-out u-kf_dpDvYi;
}

.u-fKaiaP > div {
  box-sizing: border-box;
}

.u-eJIKXE > div {
  display: inline-block;
}

.u-hlTznM > div {
  vertical-align: middle;
}

.u-isxeDy > div {
  vertical-align: top;
}

.u-bCEGXA > div {
  max-width: 100%;
}

.u-mMFSU > span {
  border-radius: inherit;
}

.u-kWkaYS > span {
  flex: 1;
}

.u-gSwZVf > span {
  display: block;
}

.u-iDJVyZ > span {
  min-width: 0;
}

.u-jNWDtd > svg {
  display: block;
}

.u-fDskaq > svg {
  line-height: 0;
}

.u-hCrTsA > svg {
  position: absolute;
}

.u-bbpCZG > svg {
  transform: translateX(-6px);
}

.u-czwhQE > svg {
  transform-origin: calc(var(--arrow-size) / 2) calc(var(--arrow-size) / 2);
}

.u-fXXdBW > svg {
  height: 7px;
}

.u-dGSZft > svg {
  left: 50%;
}

.u-eTFVft > svg {
  top: -5px;
}

.u-entgPE > svg {
  width: 11px;
}

[data-placement^="bottom"] > .u-ePAzun > svg {
  transform: rotate(180deg);
}

[data-placement^="left"] > .u-gQimFy > svg {
  transform: rotate(-90deg);
}

[data-placement^="right"] > .u-cwZwVg > svg {
  transform: rotate(90deg);
}

[data-placement^="top"] > .u-hIhfXc > svg {
  transform: rotate(0);
}

.u-cRpRRD > ul {
  margin: 0;
}

.u-juqQPY > ul {
  padding: 0;
}

.u-hDvsDr > ul {
  list-style: none;
}

.u-hdBYnA[data-as="button"] {
  border: 0;
}

.u-eKhxNy[data-as="button"] {
  font: inherit;
}

.u-igUxFW[data-as="button"] {
  margin: 0;
}

.u-ddjAuZ[data-as="button"] {
  padding: 0;
}

.u-jKeppS[data-as="button"] {
  outline: none;
}

.u-iMJsxr[data-as="button"] {
  -webkit-font-smoothing: inherit;
}

.u-hykRjY[data-as="button"] {
  appearance: none;
}

.u-dRiciA[data-as="button"] {
  color: inherit;
}

.u-kHypAY[data-has-duration] {
  padding-bottom: 1px;
}

.u-dYvYSB[data-status="inactive"] {
  opacity: .5;
}

.u-VaYZP[role="none"] > [role="treeitem"] {
  border-radius: 3px;
}

.u-igTsvP[role="none"] > [role="treeitem"] {
  outline: none;
}

.u-ZyINL[role="none"] > [role="treeitem"] {
  background-color: var(--card-bg-color);
}

.u-hYXSkP[role="none"] > [role="treeitem"] {
  color: var(--treeitem-fg-color);
}

.u-kyddSM[role="none"] > [role="treeitem"] {
  cursor: default;
}

.u-duclHY[role="treeitem"] {
  outline: none;
}

.u-ihcTNF[role="treeitem"] > div {
  border-radius: 3px;
}

.u-BXTsx[role="treeitem"] > div {
  background-color: var(--card-bg-color);
}

.u-dRJpaF[role="treeitem"] > div {
  color: var(--treeitem-fg-color);
}

.u-oWpmy[role="treeitem"] > div {
  cursor: default;
}

[data-arrow-position="bottom"] > .u-iVKMrE {
  opacity: 1;
}

[data-arrow-position="bottom"] > .u-fgylBq {
  transform: rotate(-180deg);
}

[data-arrow-position="inside"] > .u-ktJvyW {
  opacity: 0;
}

[data-arrow-position="inside"] > .u-jAObRc {
  transform: rotate(-90deg) translate3d(0, 6px, 0);
}

[data-arrow-position="top"] > .u-fNiGDY {
  opacity: 1;
}

[data-arrow-position="top"] > .u-jKggCm {
  transform: rotate(0);
}

[data-placement^="bottom"] > .u-ejXzrG {
  top: calc(-1 * var(--arrow-size));
}

[data-placement^="left"] > .u-iDWtIJ {
  right: calc(-1 * var(--arrow-size));
}

[data-placement^="right"] > .u-dhENJV {
  left: calc(-1 * var(--arrow-size));
}

[data-placement^="top"] > .u-elNbcS {
  bottom: calc(-1 * var(--arrow-size));
}

[data-status="editing"] .u-hxmycU {
  stroke-dasharray: 2 4;
}

[data-status="editing"] .u-fgUwLY {
  stroke-linecap: round;
}

.u-cnjfpu > div:not([hidden]) {
  display: inline-block;
}

.u-eHFqYL > svg:not([hidden]), .u-gIVJpv:not([hidden]) {
  display: block;
}

.u-djbxbl:not([hidden]) {
  display: flex;
}

.u-cXmUGv:not([hidden]) {
  display: inline-block;
}

:empty + .u-kWaIza {
  display: none;
}

.u-kyTYla[role="none"] > [role="treeitem"]:focus, .u-hdUmmY[role="treeitem"]:focus > div {
  position: relative;
}

.u-grxHnN::-moz-focus-inner {
  border: 0;
}

.u-cpxeAE::-moz-focus-inner {
  padding: 0;
}

.u-kmCWMa:after {
  border-radius: inherit;
}

.u-dbSCHR:after {
  box-shadow: var(--switch-box-shadow);
}

.u-dMOWAL:after {
  content: "";
}

.u-dRmRBl:after {
  display: block;
}

.u-iqwUak:after {
  position: absolute;
}

.u-yDftq:after {
  z-index: 1;
}

.u-bpuMrN:after {
  bottom: 0;
}

.u-lhNBpt:after {
  left: 0;
}

.u-eKJNom:after {
  right: 0;
}

.u-dCrjkN:after {
  top: 0;
}

@media screen and (prefers-reduced-motion: no-preference) {
  .u-bjraDg {
    -webkit-mask-image: linear-gradient(#fff, #fff);
  }

  .u-iWSyZJ {
    background-color: var(--card-skeleton-color-from);
  }

  .u-dJxRDW {
    contain: paint;
  }

  .u-eYpbHi {
    -webkit-mask-image: linear-gradient(#fff, #fff);
    mask-image: linear-gradient(#fff, #fff);
  }

  .u-UPzAf:after {
    inset: 0;
  }

  .u-krabKr:after {
    animation-duration: 2s;
  }

  .u-TeBDG:after {
    animation-iteration-count: infinite;
  }

  .u-kugzhg:after {
    animation-name: u-kf_kxFdEh;
  }

  .u-gPHhfd:after {
    animation-timing-function: ease-in-out;
  }

  .u-anCSM:after {
    background-image: linear-gradient(to right, transparent, var(--card-skeleton-color-to), transparent);
  }

  .u-kAaLvT:after {
    content: "";
  }

  .u-kNAlYZ:after {
    pointer-events: none;
  }

  .u-eBCRlA:after {
    position: absolute;
  }

  .u-cgyejD:after {
    will-change: transform;
  }
}

@media screen and (prefers-reduced-motion: reduce) {
  .u-eCMeFC {
    background-color: var(--card-skeleton-color-from);
  }
}