@sanity/ui 4.4.5 → 4.5.0-panda.1

package/dist/styles.css

@@ -1,695 +1,829 @@
-.yd7prg0 {
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  display: block;
-  overflow: clip;
-}
+@layer tokens {
+  @keyframes kf_dpDvYi {
+    from {
+      opacity: 0;
+      transform: scale(.95);
+    }
+
+    to {
+      opacity: 1;
+      transform: scale(1);
+    }
+  }
 
-@keyframes _7yu0hm0 {
-  from {
-    transform: rotate(0);
+  @keyframes kf_feVUdh {
+    from {
+      opacity: 0;
+    }
+
+    to {
+      opacity: 1;
+    }
   }
 
-  to {
-    transform: rotate(360deg);
+  @keyframes kf_fhCilR {
+    from {
+      transform: rotate(0);
+    }
+
+    to {
+      transform: rotate(360deg);
+    }
   }
-}
 
-._7yu0hm1 {
-  width: round(1em, 2px);
-  height: round(1em, 2px);
-  animation: .5s linear infinite _7yu0hm0;
-}
+  @keyframes kf_kxFdEh {
+    from {
+      transform: translateX(-100%);
+    }
 
-._2jvm490 {
-  -webkit-font-smoothing: inherit;
-  appearance: none;
-  font: inherit;
-  -webkit-user-select: none;
-  user-select: none;
-  box-sizing: border-box;
-  white-space: nowrap;
-  text-align: left;
-  vertical-align: top;
-  border: 0;
-  outline: none;
-  align-items: center;
-  padding: 0;
-  text-decoration: none;
-  display: inline-flex;
-  position: relative;
+    to {
+      transform: translateX(100%);
+    }
+  }
 }
 
-._2jvm490::-moz-focus-inner {
-  border: 0;
-  padding: 0;
-}
+@layer utilities {
+  .dJgWtv {
+    --switch-box-shadow: none;
+  }
 
-._2jvm490 > span {
-  border-radius: inherit;
-  flex: 1;
-  min-width: 0;
-  display: block;
-}
+  .eKvwpd {
+    animation: .2s ease-out kf_feVUdh;
+  }
 
-._2jvm491 {
-  width: -moz-available;
-  width: -webkit-fill-available;
-  width: stretch;
-}
+  .ljhKOt {
+    animation: .5s linear infinite kf_fhCilR;
+  }
 
-._2jvm492 {
-  background-color: var(--card-bg-color);
-  border-radius: inherit;
-  z-index: 1;
-  box-shadow: inherit;
-  justify-content: center;
-  align-items: center;
-  display: flex;
-  position: absolute;
-  inset: 0;
-}
+  .fUjdzo {
+    background: none;
+  }
 
-._1u46ce00 {
-  align-items: center;
-}
+  .dNSLRW {
+    background: var(--card-bg-color);
+  }
 
-._1u46ce01:not([hidden]) {
-  display: flex;
-}
+  .cCeIjY {
+    background: var(--card-hairline-soft-color);
+  }
 
-._1u46ce02 {
-  flex: 1;
-  min-width: 0;
-  display: block;
-  position: relative;
-}
+  .eHHXIg {
+    background: var(--switch-fg-color);
+  }
 
-._13gek3c0 {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
+  .MrtSM {
+    border: 0;
+  }
 
-._13gek3c1 {
-  position: absolute;
-  top: 0;
-  right: 0;
-}
+  .kWIjhW {
+    font: inherit;
+  }
 
-._13gek3c2:not([hidden]) {
-  display: block;
-}
+  .jZsjHW {
+    margin: 0;
+  }
 
-._1up8bk1 {
-  width: var(--_1up8bk0);
-  height: var(--_1up8bk0);
-  position: absolute;
-}
+  .bnBrYd {
+    padding: 0;
+  }
 
-:empty + ._1up8bk1 {
-  display: none;
-}
+  .cJTEQk {
+    padding: 1px;
+  }
 
-[data-placement^="top"] > ._1up8bk1 {
-  bottom: calc(-1 * var(--_1up8bk0));
-}
+  .gHYZIR {
+    border-radius: 50%;
+  }
 
-[data-placement^="right"] > ._1up8bk1 {
-  left: calc(-1 * var(--_1up8bk0));
-}
+  .gcUkTl {
+    border-radius: calc(var(--avatar-size) / 2);
+  }
 
-[data-placement^="left"] > ._1up8bk1 {
-  right: calc(-1 * var(--_1up8bk0));
-}
+  .hrbqoU {
+    border-radius: inherit;
+  }
 
-[data-placement^="bottom"] > ._1up8bk1 {
-  top: calc(-1 * var(--_1up8bk0));
-}
+  .kdFIjO {
+    flex: 1;
+  }
 
-._1up8bk1 > svg {
-  transform-origin: calc(var(--_1up8bk0) / 2) calc(var(--_1up8bk0) / 2);
-  line-height: 0;
-  display: block;
-}
+  .hEzNkW {
+    list-style: none;
+  }
 
-[data-placement^="top"] > ._1up8bk1 > svg {
-  transform: rotate(0);
-}
+  .dFXmkO {
+    outline: none;
+  }
 
-[data-placement^="right"] > ._1up8bk1 > svg {
-  transform: rotate(90deg);
-}
+  .gWzzAr {
+    overflow: auto;
+  }
 
-[data-placement^="left"] > ._1up8bk1 > svg {
-  transform: rotate(-90deg);
-}
+  .fqYOpD {
+    overflow: clip;
+  }
 
-[data-placement^="bottom"] > ._1up8bk1 > svg {
-  transform: rotate(180deg);
-}
+  .gBjSqI {
+    text-decoration: none;
+  }
 
-._1up8bk2 {
-  stroke: var(--card-shadow-outline-color);
-}
+  .dpkMvs {
+    transition: all .2s linear;
+  }
 
-._1up8bk3 {
-  fill: var(--card-bg-color);
-}
+  .eyEVfe {
+    transition: opacity .2s ease-in;
+  }
 
-.gmvfr80 {
-  line-height: 0;
-}
+  .fIJvmj {
+    transition: transform .1s;
+  }
 
-.gmvfr81 > ul {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
+  .bNEqsD {
+    -webkit-font-smoothing: inherit;
+  }
 
-._1il6d3z0 {
-  white-space: nowrap;
-  align-items: center;
-  margin: 0;
-  padding: 0;
-  line-height: 0;
-  list-style: none;
-  display: flex;
-}
+  .fAtomh {
+    align-items: center;
+  }
 
-._1il6d3z1 {
-  appearance: none;
-}
+  .hxBzcr {
+    align-items: flex-end;
+  }
 
-.pai8st0 {
-  font: inherit;
-  padding: 1px;
-}
+  .bGTgkg {
+    appearance: none;
+  }
 
-.pai8st0:not([hidden]) {
-  display: block;
-}
+  .jOHnOz {
+    background-color: var(--avatar-bg-color);
+  }
 
-.k14i6x0 {
-  position: relative;
-}
+  .dhlXri {
+    background-color: var(--card-bg-color);
+  }
 
-@keyframes mrrgwt1 {
-  from {
-    opacity: 0;
-    transform: scale(.95);
+  .indMik {
+    background-color: var(--switch-bg-color);
   }
 
-  to {
-    opacity: 1;
-    transform: scale(1);
+  .fMVBjb {
+    box-shadow: 0 0 0 1px var(--card-bg-color);
+  }
+
+  .dupTko {
+    box-shadow: 0 0 0 1px var(--card-bg-color), inset 0 0 0 1px var(--card-hairline-hard-color);
+  }
+
+  .kecFSQ {
+    box-shadow: 0 1px #0000000d;
+  }
+
+  .gpkhCb {
+    box-shadow: inherit;
+  }
+
+  .ixvSSg {
+    box-sizing: border-box;
+  }
+
+  .fuocjA {
+    color: var(--avatar-fg-color);
+  }
+
+  .fIoZKR {
+    color: var(--card-fg-color);
+  }
+
+  .krAvjf {
+    display: block;
+  }
+
+  .HgOzd {
+    display: flex;
+  }
+
+  .gSxJLz {
+    display: inline-block;
+  }
+
+  .cfsavV {
+    display: inline-flex;
+  }
+
+  .iPpIdb {
+    fill: var(--card-bg-color);
+  }
+
+  .bhTTzp {
+    flex-direction: column;
   }
-}
 
-@keyframes mrrgwt2 {
-  from {
+  .bsGhWR {
+    justify-content: center;
+  }
+
+  .eGjDnc {
+    line-height: 0;
+  }
+
+  .exIGLf {
+    object-fit: contain;
+  }
+
+  .bgTIyZ {
     opacity: 0;
   }
 
-  to {
+  .frJqtw {
     opacity: 1;
   }
-}
 
-.mrrgwt0 {
-  outline: none;
-  justify-content: center;
-  align-items: center;
-  inset: 0;
-}
+  .jieZfE {
+    pointer-events: all;
+  }
 
-.mrrgwt0:not([hidden]) {
-  display: flex;
-}
+  .cERSkX {
+    pointer-events: none;
+  }
 
-.mrrgwt3 {
-  animation: .2s ease-out mrrgwt2;
-}
+  .lhPceK {
+    position: absolute;
+  }
 
-.mrrgwt3 > [data-ui="DialogCard"] {
-  animation: .2s ease-out mrrgwt1;
-}
+  .kdNbGf {
+    position: fixed;
+  }
 
-.mrrgwt4 {
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-}
+  .emPzDJ {
+    position: relative;
+  }
 
-.mrrgwt5 {
-  width: 100%;
-  min-height: 0;
-  max-height: 100%;
-  overflow: clip;
-}
+  .ggmhkl {
+    stroke: var(--avatar-bg-color);
+  }
 
-.mrrgwt6 {
-  width: 100%;
-  min-height: 0;
-}
+  .iMJkVA {
+    stroke: var(--card-bg-color);
+  }
 
-.mrrgwt7 {
-  z-index: 2;
-  position: relative;
-}
+  .duAXIW {
+    stroke: var(--card-shadow-outline-color);
+  }
 
-.mrrgwt8 {
-  z-index: 1;
-  outline: none;
-  position: relative;
-  overflow: auto;
-}
+  .ksRPkh {
+    stroke-width: 2px;
+  }
 
-.mrrgwt9 {
-  z-index: 3;
-  position: relative;
-}
+  .ysDJT {
+    stroke-width: 4px;
+  }
 
-@keyframes _1pqyuub0 {
-  from {
-    transform: translateX(-100%);
+  .dBwzdG {
+    text-align: center;
   }
 
-  to {
-    transform: translateX(100%);
+  .iAFgHi {
+    text-align: left;
   }
-}
 
-._1pqyuub1 {
-  transition: opacity .2s ease-in;
-}
+  .iteyqJ {
+    text-overflow: ellipsis;
+  }
 
-._1pqyuub2 {
-  opacity: 1;
-}
+  .cPyXJe {
+    text-transform: uppercase;
+  }
 
-._1pqyuub3 {
-  opacity: 0;
-}
+  .iFTChX {
+    transform: rotate(-90deg) translate3d(0, 6px, 0);
+  }
 
-@media screen and (prefers-reduced-motion: reduce) {
-  ._1pqyuub1 {
-    background-color: var(--card-skeleton-color-from);
+  .dszIPX {
+    transform-origin: 0%;
   }
-}
 
-@media screen and (prefers-reduced-motion: no-preference) {
-  ._1pqyuub4 {
-    background-color: var(--card-skeleton-color-from);
-    contain: paint;
-    -webkit-mask-image: linear-gradient(#fff, #fff);
-    mask-image: linear-gradient(#fff, #fff);
+  .bNSskR {
+    transition-property: transform;
   }
 
-  ._1pqyuub4:after {
-    content: "";
-    background-image: linear-gradient(to right,
-            transparent,
-            var(--card-skeleton-color-to),
-            transparent);
-    pointer-events: none;
+  .eIsAcC {
+    -webkit-user-select: none;
+    user-select: none;
+  }
+
+  .eSsDnV {
+    vertical-align: top;
+  }
+
+  .cbkwRf {
+    white-space: nowrap;
+  }
+
+  .hTsYDY {
+    will-change: opacity;
+  }
+
+  .hVYkZh {
     will-change: transform;
-    animation-name: _1pqyuub0;
-    animation-duration: 2s;
-    animation-timing-function: ease-in-out;
-    animation-iteration-count: infinite;
+  }
+
+  .jBWBiF {
+    z-index: -1;
+  }
+
+  .fRJJGt {
+    z-index: 0;
+  }
+
+  .dStxMA {
+    z-index: 1;
+  }
+
+  .eYlglL {
+    z-index: 2;
+  }
+
+  .cYUUrS {
+    z-index: 3;
+  }
+
+  .hWHAvy {
+    overflow-x: auto;
+  }
+
+  .kyGdCf, .klNMOT {
+    bottom: 0;
+  }
+
+  .oQGpJ {
+    bottom: 2px;
+  }
+
+  .bLvdID {
+    height: 0;
+  }
+
+  .ePwsZv {
+    height: 100%;
+  }
+
+  .huoTQe {
+    height: 1px;
+  }
+
+  .jmIqco {
+    height: round(1em, 2px);
+  }
+
+  .cXkSBu {
+    height: var(--arrow-size);
+  }
+
+  .kwLhwW {
+    height: var(--avatar-size);
+  }
+
+  .kiKDyH {
+    left: 0;
+  }
+
+  .fkylxA {
+    left: -2px;
+  }
+
+  .dYEDcH {
+    left: 0;
+  }
+
+  .ftCJS {
+    max-height: 100%;
+  }
+
+  .hPjhXT {
+    max-width: 100%;
+  }
+
+  .hyZffN {
+    max-width: 420px;
+  }
+
+  .jLKaQQ {
+    min-height: 0;
+  }
+
+  .iDEBOB {
+    min-width: 0;
+  }
+
+  .hWgptE {
+    right: 0;
+  }
+
+  .ckbANH {
+    right: -2px;
+  }
+
+  .gRUupw {
+    right: 0;
+  }
+
+  .qbeer, .jsTwnL {
+    top: 0;
+  }
+
+  .hRLrZa {
+    width: 0;
+  }
+
+  .diGfnu {
+    width: 100%;
+  }
+
+  .iQYtgN {
+    width: -moz-available;
+    width: -webkit-fill-available;
+    width: stretch;
+  }
+
+  .iNjdVt {
+    width: round(1em, 2px);
+  }
+
+  .dxAhXf {
+    width: var(--arrow-size);
+  }
+
+  .hhRcrn {
+    width: var(--avatar-size);
+  }
+
+  .foMIZB > [data-ui="DialogCard"] {
+    animation: .2s ease-out kf_dpDvYi;
+  }
+
+  .fKaiaP > div {
+    box-sizing: border-box;
+  }
+
+  .eJIKXE > div {
+    display: inline-block;
+  }
+
+  .hlTznM > div {
+    vertical-align: middle;
+  }
+
+  .isxeDy > div {
+    vertical-align: top;
+  }
+
+  .bCEGXA > div {
+    max-width: 100%;
+  }
+
+  .mMFSU > span {
+    border-radius: inherit;
+  }
+
+  .kWkaYS > span {
+    flex: 1;
+  }
+
+  .gSwZVf > span {
+    display: block;
+  }
+
+  .iDJVyZ > span {
+    min-width: 0;
+  }
+
+  .jNWDtd > svg {
+    display: block;
+  }
+
+  .fDskaq > svg {
+    line-height: 0;
+  }
+
+  .hCrTsA > svg {
     position: absolute;
-    inset: 0;
   }
 
-  ._1pqyuub5 {
-    background-color: var(--card-skeleton-color-from);
+  .bbpCZG > svg {
+    transform: translateX(-6px);
   }
-}
 
-._1hcl71a0 {
-  max-width: 100%;
-}
+  .czwhQE > svg {
+    transform-origin: calc(var(--arrow-size) / 2) calc(var(--arrow-size) / 2);
+  }
 
-._17rlsyd0 > div {
-  vertical-align: middle;
-  box-sizing: border-box;
-  max-width: 100%;
-  display: inline-block;
-}
+  .fXXdBW > svg {
+    height: 7px;
+  }
 
-.jq4eni0[role="treeitem"] {
-  outline: none;
-}
+  .dGSZft > svg {
+    left: 50%;
+  }
 
-.jq4eni0[role="none"] > [role="treeitem"] {
-  cursor: default;
-  background-color: var(--card-bg-color);
-  color: var(--treeitem-fg-color);
-  border-radius: 3px;
-  outline: none;
-}
+  .eTFVft > svg {
+    top: -5px;
+  }
 
-.jq4eni0[role="none"] > [role="treeitem"]:focus {
-  position: relative;
-}
+  .entgPE > svg {
+    width: 11px;
+  }
 
-.jq4eni0[role="treeitem"] > div {
-  cursor: default;
-  background-color: var(--card-bg-color);
-  color: var(--treeitem-fg-color);
-  border-radius: 3px;
-}
+  [data-placement^="bottom"] > .ePAzun > svg {
+    transform: rotate(180deg);
+  }
 
-.jq4eni0[role="treeitem"]:focus > div {
-  position: relative;
-}
+  [data-placement^="left"] > .gQimFy > svg {
+    transform: rotate(-90deg);
+  }
 
-.jq4eni1 {
-  transition: transform .1s;
-}
+  [data-placement^="right"] > .cwZwVg > svg {
+    transform: rotate(90deg);
+  }
 
-._1o7kttu0 {
-  width: var(--avatar-size);
-  height: var(--avatar-size);
-  border-radius: calc(var(--avatar-size) / 2);
-  background-color: var(--avatar-bg-color);
-  box-sizing: border-box;
-  -webkit-user-select: none;
-  user-select: none;
-  box-shadow: 0 0 0 1px var(--card-bg-color);
-  position: relative;
-}
+  [data-placement^="top"] > .hIhfXc > svg {
+    transform: rotate(0);
+  }
 
-._1o7kttu0[data-status="inactive"] {
-  opacity: .5;
-}
+  .cRpRRD > ul {
+    margin: 0;
+  }
 
-._1o7kttu0[data-as="button"] {
-  -webkit-font-smoothing: inherit;
-  appearance: none;
-  font: inherit;
-  color: inherit;
-  border: 0;
-  outline: none;
-  margin: 0;
-  padding: 0;
-}
+  .juqQPY > ul {
+    padding: 0;
+  }
 
-._1o7kttu1 {
-  box-sizing: border-box;
-  z-index: 0;
-  opacity: 0;
-  transition: all .2s linear;
-  position: absolute;
-  inset: 0;
-  transform: rotate(-90deg) translate3d(0, 6px, 0);
-}
+  .hDvsDr > ul {
+    list-style: none;
+  }
 
-[data-arrow-position="inside"] > ._1o7kttu1 {
-  opacity: 0;
-  transform: rotate(-90deg) translate3d(0, 6px, 0);
-}
+  .hdBYnA[data-as="button"] {
+    border: 0;
+  }
 
-[data-arrow-position="top"] > ._1o7kttu1 {
-  opacity: 1;
-  transform: rotate(0);
-}
+  .eKhxNy[data-as="button"] {
+    font: inherit;
+  }
 
-[data-arrow-position="bottom"] > ._1o7kttu1 {
-  opacity: 1;
-  transform: rotate(-180deg);
-}
+  .igUxFW[data-as="button"] {
+    margin: 0;
+  }
 
-._1o7kttu1 > svg {
-  width: 11px;
-  height: 7px;
-  position: absolute;
-  top: -5px;
-  left: 50%;
-  transform: translateX(-6px);
-}
+  .ddjAuZ[data-as="button"] {
+    padding: 0;
+  }
 
-._1o7kttu1 > svg:not([hidden]) {
-  display: block;
-}
+  .jKeppS[data-as="button"] {
+    outline: none;
+  }
 
-._1o7kttu2 {
-  width: var(--avatar-size);
-  height: var(--avatar-size);
-  object-fit: contain;
-  border-radius: 50%;
-  position: relative;
-}
+  .iMJsxr[data-as="button"] {
+    -webkit-font-smoothing: inherit;
+  }
 
-._1o7kttu2:not([hidden]) {
-  display: block;
-}
+  .hykRjY[data-as="button"] {
+    appearance: none;
+  }
 
-._1o7kttu3 {
-  width: var(--avatar-size);
-  height: var(--avatar-size);
-  pointer-events: none;
-  border-radius: 50%;
-  position: absolute;
-  top: 0;
-  left: 0;
-}
+  .dRiciA[data-as="button"] {
+    color: inherit;
+  }
 
-._1o7kttu4 {
-  stroke-width: 4px;
-  stroke: var(--card-bg-color);
-}
+  .kHypAY[data-has-duration] {
+    padding-bottom: 1px;
+  }
 
-._1o7kttu5 {
-  stroke-width: 2px;
-  stroke: var(--avatar-bg-color);
-}
+  .dYvYSB[data-status="inactive"] {
+    opacity: .5;
+  }
 
-[data-status="editing"] ._1o7kttu5 {
-  stroke-dasharray: 2 4;
-  stroke-linecap: round;
-}
+  .VaYZP[role="none"] > [role="treeitem"] {
+    border-radius: 3px;
+  }
 
-._1o7kttu6 {
-  white-space: nowrap;
-}
+  .igTsvP[role="none"] > [role="treeitem"] {
+    outline: none;
+  }
 
-._1o7kttu6 > div {
-  vertical-align: top;
-}
+  .ZyINL[role="none"] > [role="treeitem"] {
+    background-color: var(--card-bg-color);
+  }
 
-._1o7kttu6 > div:not([hidden]) {
-  display: inline-block;
-}
+  .hYXSkP[role="none"] > [role="treeitem"] {
+    color: var(--treeitem-fg-color);
+  }
 
-._1o7kttu7 {
-  box-sizing: border-box;
-  -webkit-user-select: none;
-  user-select: none;
-  color: var(--card-fg-color);
-  background: var(--card-bg-color);
-  box-shadow: 0 0 0 1px var(--card-bg-color), inset 0 0 0 1px var(--card-hairline-hard-color);
-  justify-content: center;
-  align-items: center;
-}
+  .kyddSM[role="none"] > [role="treeitem"] {
+    cursor: default;
+  }
 
-._1o7kttu7:not([hidden]) {
-  display: flex;
-}
+  .duclHY[role="treeitem"] {
+    outline: none;
+  }
 
-._1o7kttu8 {
-  width: 100%;
-  height: 100%;
-  color: var(--avatar-fg-color);
-  text-transform: uppercase;
-  text-align: center;
-  border-radius: 50%;
-  justify-content: center;
-  align-items: center;
-}
+  .ihcTNF[role="treeitem"] > div {
+    border-radius: 3px;
+  }
 
-._1o7kttu8:not([hidden]) {
-  display: flex;
-}
+  .BXTsx[role="treeitem"] > div {
+    background-color: var(--card-bg-color);
+  }
 
-._3ec2r70 {
-  display: inline-block;
-  position: relative;
-}
+  .dRJpaF[role="treeitem"] > div {
+    color: var(--treeitem-fg-color);
+  }
 
-._1ncptbw0 {
-  position: relative;
-}
+  .oWpmy[role="treeitem"] > div {
+    cursor: default;
+  }
 
-._1ncptbw0:not([hidden]) {
-  display: inline-block;
-}
+  [data-arrow-position="bottom"] > .iVKMrE {
+    opacity: 1;
+  }
 
-.i0dus80 {
-  width: -moz-available;
-  width: -webkit-fill-available;
-  width: stretch;
-  position: relative;
-}
+  [data-arrow-position="bottom"] > .fgylBq {
+    transform: rotate(-180deg);
+  }
 
-.i0dus80:not([hidden]) {
-  display: inline-block;
-}
+  [data-arrow-position="inside"] > .ktJvyW {
+    opacity: 0;
+  }
 
-._1kqqib90 {
-  position: relative;
-}
+  [data-arrow-position="inside"] > .jAObRc {
+    transform: rotate(-90deg) translate3d(0, 6px, 0);
+  }
 
-._1kqqib90:not([hidden]) {
-  display: inline-block;
-}
+  [data-arrow-position="top"] > .fNiGDY {
+    opacity: 1;
+  }
 
-._1kqqib91 {
-  opacity: 0;
-  z-index: 1;
-  outline: none;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  padding: 0;
-  position: absolute;
-  inset: 0;
-}
+  [data-arrow-position="top"] > .jKggCm {
+    transform: rotate(0);
+  }
 
-._1kqqib92 {
-  --switch-box-shadow: none;
-  pointer-events: none;
-  position: relative;
-}
+  [data-placement^="bottom"] > .ejXzrG {
+    top: calc(-1 * var(--arrow-size));
+  }
 
-._1kqqib92:not([hidden]) {
-  display: block;
-}
+  [data-placement^="left"] > .iDWtIJ {
+    right: calc(-1 * var(--arrow-size));
+  }
 
-._1kqqib92:after {
-  content: "";
-  z-index: 1;
-  box-shadow: var(--switch-box-shadow);
-  border-radius: inherit;
-  display: block;
-  position: absolute;
-  inset: 0;
-}
+  [data-placement^="right"] > .dhENJV {
+    left: calc(-1 * var(--arrow-size));
+  }
 
-._1kqqib93 {
-  background-color: var(--switch-bg-color);
-  position: absolute;
-  top: 0;
-  left: 0;
-}
+  [data-placement^="top"] > .elNbcS {
+    bottom: calc(-1 * var(--arrow-size));
+  }
 
-._1kqqib93:not([hidden]) {
-  display: block;
-}
+  [data-status="editing"] .hxmycU {
+    stroke-dasharray: 2 4;
+  }
 
-._1kqqib94 {
-  background: var(--switch-fg-color);
-  transition-property: transform;
-  position: absolute;
-  box-shadow: 0 1px #0000000d;
-}
+  [data-status="editing"] .fgUwLY {
+    stroke-linecap: round;
+  }
 
-._1kqqib94:not([hidden]) {
-  display: block;
-}
+  .cnjfpu > div:not([hidden]) {
+    display: inline-block;
+  }
 
-._11g9yuw0 {
-  width: 0;
-  height: 0;
-  display: block;
-  position: absolute;
-  overflow: clip;
-}
+  .eHFqYL > svg:not([hidden]), .gIVJpv:not([hidden]) {
+    display: block;
+  }
 
-._1poism10 {
-  position: relative;
-}
+  .djbxbl:not([hidden]) {
+    display: flex;
+  }
 
-._1poism11 {
-  position: absolute;
-  left: 0;
-  right: 0;
-}
+  .cXmUGv:not([hidden]) {
+    display: inline-block;
+  }
 
-._1natt000 {
-  outline: none;
-  overflow: auto;
-}
+  :empty + .kWaIza {
+    display: none;
+  }
 
-._1kssv7a0 {
-  background: var(--card-hairline-soft-color);
-  border: 0;
-  height: 1px;
-  margin: 0;
-}
+  .kyTYla[role="none"] > [role="treeitem"]:focus, .hdUmmY[role="treeitem"]:focus > div {
+    position: relative;
+  }
 
-._1ft3eut0 {
-  pointer-events: all;
-  width: 100%;
-  position: relative;
-  overflow: clip;
-}
+  .grxHnN::-moz-focus-inner {
+    border: 0;
+  }
 
-._1ft3eut0[data-has-duration] {
-  padding-bottom: 1px;
-}
+  .cpxeAE::-moz-focus-inner {
+    padding: 0;
+  }
 
-._1ft3eut1 {
-  overflow-x: auto;
-}
+  .kmCWMa:after {
+    border-radius: inherit;
+  }
 
-._1ft3eut2 {
-  pointer-events: none;
-  z-index: -1;
-  will-change: opacity;
-  background: none;
-  align-items: flex-end;
-  display: flex;
-  position: absolute;
-  inset: 0;
-  overflow: clip;
-}
+  .dbSCHR:after {
+    box-shadow: var(--switch-box-shadow);
+  }
 
-._1ft3eut3 {
-  z-index: 1;
-  position: absolute;
-  inset: 0 -2px 2px;
-}
+  .dMOWAL:after {
+    content: "";
+  }
 
-._1ft3eut4 {
-  transform-origin: 0%;
-  width: 100%;
-  height: 100%;
-  display: block;
-}
+  .dRmRBl:after {
+    display: block;
+  }
 
-._1ft3eut4._1ft3eut4 {
-  background-color: var(--toast-loading-bar-bg);
-}
+  .iqwUak:after {
+    position: absolute;
+  }
 
-.be2uwe0 {
-  box-sizing: border-box;
-  pointer-events: none;
-  width: 100%;
-  max-width: 420px;
-  list-style: none;
-  position: fixed;
-  bottom: 0;
-  right: 0;
-}
+  .yDftq:after {
+    z-index: 1;
+  }
 
-._3fyut80 {
-  pointer-events: none;
-}
+  .bpuMrN:after {
+    bottom: 0;
+  }
+
+  .lhNBpt:after {
+    left: 0;
+  }
+
+  .eKJNom:after {
+    right: 0;
+  }
+
+  .dCrjkN:after {
+    top: 0;
+  }
+
+  @media screen and (prefers-reduced-motion: no-preference) {
+    .bjraDg {
+      -webkit-mask-image: linear-gradient(#fff, #fff);
+    }
+
+    .iWSyZJ {
+      background-color: var(--card-skeleton-color-from);
+    }
+
+    .dJxRDW {
+      contain: paint;
+    }
+
+    .eYpbHi {
+      -webkit-mask-image: linear-gradient(#fff, #fff);
+      mask-image: linear-gradient(#fff, #fff);
+    }
+
+    .UPzAf:after {
+      inset: 0;
+    }
 
-._3fyut81 {
-  will-change: transform;
+    .krabKr:after {
+      animation-duration: 2s;
+    }
+
+    .TeBDG:after {
+      animation-iteration-count: infinite;
+    }
+
+    .cWHiZE:after {
+      animation-name: kf_kxFdEh;
+    }
+
+    .gPHhfd:after {
+      animation-timing-function: ease-in-out;
+    }
+
+    .anCSM:after {
+      background-image: linear-gradient(to right, transparent, var(--card-skeleton-color-to), transparent);
+    }
+
+    .kAaLvT:after {
+      content: "";
+    }
+
+    .kNAlYZ:after {
+      pointer-events: none;
+    }
+
+    .eBCRlA:after {
+      position: absolute;
+    }
+
+    .cgyejD:after {
+      will-change: transform;
+    }
+  }
+
+  @media screen and (prefers-reduced-motion: reduce) {
+    .eCMeFC {
+      background-color: var(--card-skeleton-color-from);
+    }
+  }
 }