.nx5j472[data-top] {
  padding-top: calc(var(--nx5j470) + 12px);
}
.nx5j472[data-bottom] {
  padding-bottom: calc(var(--nx5j471, 0px) + 0px);
}
.nx5j472[data-standalone][data-top] {
  padding-top: calc(env(safe-area-inset-top, 12px) + var(--nx5j470));
}
.nx5j472[data-standalone][data-bottom] {
  padding-bottom: calc(env(safe-area-inset-bottom, 0px) + var(--nx5j471, 0px));
}
@keyframes gk21q94 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes gk21q95 {
  from {
    opacity: 0;
    transform: translateY(-2%) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes gk21q96 {
  to {
    opacity: 0;
    transform: translateY(-2%) scale(0.96);
  }
  from {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes gk21q97 {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes gk21q98 {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(100%);
  }
}
@keyframes gk21q99 {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes gk21q9a {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}
.gk21q9e {
  position: fixed;
  inset: 0;
  background-color: var(--overlay);
  z-index: var(--mt-z-index-modal);
  animation: gk21q94 150ms forwards;
}
.gk21q9e.anim-none {
  animation: none;
}
.gk21q9e.mobile {
  background-color: var(--overlay);
}
.gk21q9f {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: var(--mt-z-index-modal);
}
.gk21q9f[data-mobile] {
  align-items: flex-end;
  padding-bottom: env(safe-area-inset-bottom, 20px);
}
.gk21q9f[data-full-screen="true"] {
  padding: 0 !important;
}
.gk21q9f.anim-none {
  animation: none;
}
.gk21q9f.anim-fadeScaleTop {
  animation: gk21q95 150ms cubic-bezier(0.42, 0, 0.58, 1);
  animation-fill-mode: forwards;
}
[data-gk21q93] .gk21q9f.anim-fadeScaleTop.vt-active {
  view-transition-name: gk21q9b;
}
.gk21q9f.anim-slideBottom {
  animation: gk21q97 0.23s ease;
  animation-fill-mode: forwards;
}
[data-gk21q93] .gk21q9f.anim-slideBottom.vt-active {
  view-transition-name: gk21q9c;
}
.gk21q9f.anim-slideRight {
  animation: gk21q99 0.23s ease;
  animation-fill-mode: forwards;
}
[data-gk21q93] .gk21q9f.anim-slideRight.vt-active {
  view-transition-name: gk21q9d;
}
::view-transition-old(gk21q9b) {
  animation: gk21q96 150ms cubic-bezier(0.42, 0, 0.58, 1);
  animation-fill-mode: forwards;
}
::view-transition-old(gk21q9c) {
  animation: gk21q98 0.23s ease;
  animation-fill-mode: forwards;
}
::view-transition-old(gk21q9d) {
  animation: gk21q9a 0.23s ease;
  animation-fill-mode: forwards;
}
.gk21q9g {
  --gk21q90: ;
  --gk21q91: ;
  --gk21q92: ;
  width: var(--gk21q90);
  height: var(--gk21q91);
  min-height: var(--gk21q92);
  max-height: calc(100dvh - 32px);
  max-width: calc(100dvw - 20px);
  box-sizing: border-box;
  font-size: var(--text-base);
  font-weight: 400;
  line-height: 1.6;
  padding: 20px 24px;
  position: relative;
  background-color: var(--overlay);
  box-shadow: var(--overlay-shadow);
  border-radius: 12px;
  outline: none;
}
[data-full-screen="true"] .gk21q9g {
  --gk21q90: 100dvw;
  --gk21q91: 100dvh;
  --gk21q92: 100dvh;
  max-width: 100dvw;
  max-height: 100dvh;
  border-radius: 0;
}
.gk21q9h {
  position: absolute;
  top: 22px;
  right: 20px;
  z-index: var(--mt-z-index-modal);
}
.gk21q9i {
  font-size: var(--text-base);
  font-weight: 600;
  line-height: 1.45;
  margin-bottom: 12px;
}
.gk21q9j {
  word-break: break-word;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}
.gk21q9k {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
[data-modal="false"].gk21q9f {
  pointer-events: none;
}
[data-modal="false"] .gk21q9g {
  pointer-events: auto;
}
.x47eas3 {
  --x47eas0: var(--foreground);
  --x47eas1: var(--foreground);
  --x47eas2: transparent;
  color: var(--x47eas1);
  background-color: var(--x47eas2);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 4px;
  border-radius: 4px;
  line-height: 22px;
  border: none;
  outline: none;
  cursor: pointer;
  box-sizing: border-box;
}
.x47eas3.block {
  max-width: 100%;
}
.x47eas3[data-disabled], .x47eas3.disabled {
  --x47eas0: var(--muted);
  --x47eas1: var(--muted);
  pointer-events: none;
  cursor: default;
}
.x47eas3:hover {
  --x47eas2: var(--color-surface-hover);
  outline: none !important;
}
.x47eas3:focus-visible {
  outline: 1px solid var(--focus);
}
.x47eas3.danger:hover {
  --x47eas0: var(--danger);
  --x47eas1: var(--danger);
  --x47eas2: var(--color-danger-soft);
}
.x47eas3.warning:hover {
  --x47eas0: var(--warning);
  --x47eas1: var(--warning);
  --x47eas2: var(--color-warning-soft);
}
.x47eas3.checked, .x47eas3.selected {
  --x47eas0: var(--accent);
}
.x47eas4 {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.x47eas5 {
  display: flex;
  flex-shrink: 0;
  font-size: var(--text-lg);
  color: var(--x47eas0);
  width: 20px;
  height: 20px;
}
.x47eas6 {
  width: 100%;
  height: 8px;
  position: relative;
}
.x47eas6:after {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  background-color: var(--border);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) scaleY(0.5);
}
.x47eas7.gk21q9g {
  background-color: var(--overlay);
  box-shadow: var(--overlay-shadow);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 24px;
  min-height: 0;
  padding: 0;
  overflow: hidden;
}
.x47eas8 {
  display: flex;
  align-items: start;
  transition: all 0.23s;
}
.x47eas9 {
  box-sizing: border-box;
  font-size: 17px;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
  flex-shrink: 0;
  padding: 13px 0px 13px 0px;
  max-height: calc(100dvh - 32px);
}
.x47easa {
  padding: 10px 20px;
  border-radius: 0;
}
.x47easa:hover {
  --x47eas2: transparent;
}
.x47easa:active {
  --x47eas2: var(--color-surface-hover);
}
.x47easa.danger {
  --x47eas1: var(--danger);
  --x47eas0: var(--danger);
}
.x47easa.danger:hover {
  --x47eas2: transparent;
}
.x47easa.danger:active {
  --x47eas2: var(--color-danger-soft);
}
.x47easa.warning:hover {
  --x47eas2: transparent;
}
.x47easa.warning:active {
  --x47eas2: var(--color-warning-soft);
}
.x47easa[data-divider=true] {
  margin-bottom: 16px;
  position: relative;
}
.x47easa[data-divider=true]::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 100%;
  border-bottom: 0.5px solid var(--border);
}
.x47easa[data-divider=true]:last-child {
  margin-bottom: 0;
}
.x47easa[data-divider=true]:last-child::after {
  display: none;
}
.x47easb {
  height: 42px;
  align-self: start;
  font-weight: 600;
  font-size: 17px;
  padding-left: 0;
  margin-left: 20px;
  max-width: calc(100% - 20px);
}
.x47easc {
  max-height: 80dvh;
  overflow-y: auto;
}
._1i2619f0 {
  --scrollbar-width: 8px;
  width: 100%;
  height: 100%;
  overflow-y: hidden;
}
._1i2619f1 {
  height: 100%;
  width: 100%;
}
._1i2619f1 >:first-child {
  display: contents !important;
}
._1i2619f2 {
  display: flex;
  flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: none;
  width: var(--scrollbar-width);
  height: 100%;
  opacity: 1;
  transition: width .15s;
}
._1i2619f2:hover {
  background: var(--surface-secondary);
  width: calc(var(--scrollbar-width) + 3px);
  border-left: 1px solid var(--border);
}
._1i2619f2[data-state="hidden"] {
  opacity: 0;
}
._1i2619f3 {
  display: none;
}
._1i2619f4 {
  position: relative;
  background: var(--separator);
  width: 50%;
  overflow: hidden;
  border-radius: 4px;
}
._1i2619f4:hover {
  background: var(--foreground);
}
._1i2619f4::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  min-width: 44px;
  min-height: 44px;
}
._14jvaep5 {
  flex: 1;
  position: relative;
  border: none;
  border-radius: var(--_14jvaep4);
  height: calc(var(--_14jvaep3) - (var(--_14jvaep0) * 2));
  padding: 8px 12px;
  background: transparent;
  color: var(--muted);
  font-size: var(--text-sm);
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
._14jvaep5[data-state="checked"] {
  color: var(--foreground);
}
._14jvaep5[data-state="unchecked"]:hover:not([disabled]) {
  color: var(--foreground);
}
._14jvaep5:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 1px;
}
._14jvaep6 {
  z-index: 1;
  display: block;
}
._14jvaep6 > svg {
  display: block;
}
._14jvaep7 {
  display: inline-flex;
  align-items: center;
  background: var(--surface-secondary);
  border-radius: var(--_14jvaep1);
  padding: var(--_14jvaep0);
  gap: var(--_14jvaep2);
  -webkit-app-region: no-drag;
}
._14jvaep8 {
  position: absolute;
  border-radius: inherit;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: var(--surface);
  box-shadow: var(--surface-shadow);
  opacity: 0;
  transform-origin: left;
}
[data-state="checked"] > ._14jvaep8 {
  opacity: 1;
}
._9hekoq0 {
  display: inline-flex;
  height: 1em;
  width: 1em;
  align-items: center;
  justify-content: center;
}
._9hekoq0 :is(path[fill="rgb(119,117,125)"],path[fill="rgb(122,122,122)"]) {
  fill: currentColor;
}
._9hekoq0 :is(path[stroke="rgb(119,117,125)"],path[stroke="rgb(122,122,122)"]) {
  stroke: currentColor;
}
._9hekoq0 :is(rect[fill="rgb(255,255,255)"],rect[fill="#ffffff"]) {
  fill: transparent;
}
._9hekoq0 :is(path[fill="rgb(255,255,255)"],path[fill="#ffffff"]) {
  fill: transparent;
}
._9hekoq0 :is(path[fill="rgb(245,245,245)"]) {
  fill: var(--surface-secondary);
}
.ooh56j0 {
  padding: 24px;
}
.ooh56j1 {
  color: var(--foreground);
}
.ooh56j2 {
  display: flex;
  gap: 12px;
  margin-top: 24px;
  justify-content: flex-end;
}
.ooh56j2.reverse {
  flex-direction: row-reverse;
}
.ooh56j2.row {
  flex-direction: row;
}
.ooh56j2.rowReverse {
  flex-direction: row-reverse;
}
.ooh56j3 {
  min-width: 96px;
}
.ooh56j3.row {
  flex: 1;
}
.ooh56j4 {
  color: var(--foreground);
  font-size: var(--text-sm);
  font-weight: 600;
  margin-bottom: 8px;
}
.ooh56j5 {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--border);
  border-radius: var(--field-radius);
  background: var(--field-background);
  color: var(--field-foreground);
  font: inherit;
  font-size: var(--text-base);
  line-height: 1.4;
  outline: none;
  padding: 10px 12px;
}
.ooh56j5:focus {
  border-color: var(--focus);
}
.ooh56j5::-moz-placeholder {
  color: var(--field-placeholder);
}
.ooh56j5::placeholder {
  color: var(--field-placeholder);
}
.ooh56j6 {
  margin-top: 12px;
  color: var(--muted);
}
@keyframes _1r2qfqy0 {
  from {
    max-width: 44px;
  }
  to {
    max-width: 100vw;
  }
}
._1r2qfqy1 {
  --mobile-offset-left: 0px !important;
  --mobile-offset-right: 0px !important;
}
._1r2qfqy2 {
  width: -moz-fit-content;
  width: fit-content;
  min-height: 44px;
  border-radius: 22px;
  margin: 0px auto;
  padding: 10px;
  background-color: var(--overlay);
  color: var(--overlay-foreground);
  border: 1px solid var(--border);
  box-shadow: var(--surface-shadow);
  display: flex;
  gap: 8px;
  align-items: center;
  overflow: hidden;
  transition: transform 0.1s;
}
._1r2qfqy2:active {
  transform: scale(0.97);
}
._1r2qfqy2[data-animated="false"] {
  max-width: 44px;
  animation: _1r2qfqy0 0.8s cubic-bezier(.27,.28,.13,.99);
  animation-fill-mode: forwards;
}
._1r2qfqy3 {
  font-size: 24px;
  line-height: 0;
  color: var(--accent);
}
[data-theme="success"] ._1r2qfqy3 {
  color: var(--success);
}
[data-theme="warning"] ._1r2qfqy3 {
  color: var(--warning);
}
[data-theme="error"] ._1r2qfqy3 {
  color: var(--danger);
}
._1r2qfqy4 {
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.43px;
  white-space: nowrap;
}
._1r2qfqy5 {
  padding: 0 20px;
  display: flex;
  align-items: center;
  gap: 8px;
}
._1r2qfqy6 {
  width: 0;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
._1r2qfqy7 {
  padding: 0 20px;
  margin-top: 8px;
  color: var(--foreground);
}
._1r2qfqy8 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px 20px 0;
}
._1r2qfqy9 {
  width: min(360px, calc(100vw - 32px));
  overflow: hidden;
  border-radius: 12px;
  background-color: var(--overlay);
  color: var(--overlay-foreground);
  border: 1px solid var(--border);
  box-shadow: var(--surface-shadow);
}
._1r2qfqya {
  padding: 12px;
}
._1r2qfqyb {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) 28px;
  align-items: center;
  gap: 8px;
}
._1r2qfqyc {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  line-height: 0;
  color: var(--accent);
}
[data-theme="success"] ._1r2qfqyc {
  color: var(--success);
}
[data-theme="warning"] ._1r2qfqyc {
  color: var(--warning);
}
[data-theme="error"] ._1r2qfqyc {
  color: var(--danger);
}
._1r2qfqyd {
  min-width: 0;
  overflow: hidden;
  color: var(--overlay-foreground);
  font-size: var(--text-sm);
  font-weight: 600;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._1r2qfqye {
  width: 28px;
  height: 28px;
  min-width: 28px;
  color: var(--muted);
}
._1r2qfqyf {
  margin-top: 6px;
  color: var(--muted);
  font-size: var(--text-sm);
  line-height: 20px;
}
._1r2qfqyf[data-align="icon"] {
  padding-left: 28px;
}
._1r2qfqyg {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 12px;
}
.efox7f3 {
  --efox7f0: 8px;
  position: absolute;
  top: 0;
  right: 0;
  left: var(--efox7f1);
  bottom: 0;
  pointer-events: none;
}
.efox7f3::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  box-sizing: border-box;
  width: var(--efox7f0);
  height: var(--efox7f0);
  left: 0;
  background: transparent;
  border-color: var(--efox7f2);
  border-width: 2px;
  border-radius: 50%;
  border-style: solid;
}
.efox7f3::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  background: var(--efox7f2);
  left: calc(var(--efox7f0) / 2);
  height: 2px;
  right: 0;
}
.efox7f3[data-no-terminal="true"]::before {
  display: none;
}
.efox7f4::before {
  top: 0;
  transform: translate(calc(-0.5 * var(--efox7f0)), calc(-0.5 * var(--efox7f0)));
}
.efox7f4::after {
  top: -1px;
}
.efox7f5::before {
  bottom: 0;
  transform: translate(calc(-0.5 * var(--efox7f0)), calc(0.5 * var(--efox7f0)));
}
.efox7f5::after {
  bottom: -1px;
}
.efox7f6 {
  position: absolute;
  top: 0;
  right: 0;
  left: var(--efox7f1);
  bottom: 0;
  pointer-events: none;
  border: 2px solid var(--efox7f2);
  border-radius: 3px;
}
.efox7f7 {
  height: 2px;
  left: calc(var(--efox7f0)/2);
  right: 0;
}
.efox7f7::before {
  left: calc(-1 * var(--efox7f0));
}
.efox7f8 {
  width: 2px;
  top: calc(var(--efox7f0)/2);
  bottom: 0;
}
.efox7f8::before {
  top: calc(-1 * var(--efox7f0));
}
.efox7fa {
  top: var(--efox7f9);
}
.efox7fa::before {
  top: calc(-1 * var(--efox7f0) + 1px);
}
.efox7fb {
  right: var(--efox7f9);
}
.efox7fb::before {
  right: calc(-1 * var(--efox7f0) + 1px);
}
.efox7fc {
  bottom: var(--efox7f9);
}
.efox7fc::before {
  bottom: calc(-1 * var(--efox7f0) + 1px);
}
.efox7fd {
  left: var(--efox7f9);
}
.efox7fd::before {
  left: calc(-1 * var(--efox7f0) + 1px);
}
.efox7fe {
  --efox7f0: 6px;
  display: block;
  position: absolute;
  z-index: 1;
  pointer-events: none;
  background: var(--accent);
}
.efox7fe::before {
  content: "";
  width: 0;
  height: 0;
  box-sizing: border-box;
  position: absolute;
  border: var(--efox7f0) solid var(--accent);
  border-radius: 50%;
}
.efox7fe[data-no-terminal="true"]::before {
  display: none;
}
.rtbnx24 {
  --rtbnx20: 256px;
  --rtbnx21: 0;
  position: relative;
  width: var(--rtbnx20);
  min-width: var(--rtbnx20);
  height: 100%;
  z-index: 4;
  transform: translateX(0);
  max-width: 50%;
}
.rtbnx24[data-open="false"][data-handle-position="right"],.rtbnx24[data-is-floating="true"][data-handle-position="right"] {
  margin-left: calc(var(--rtbnx20) * -1);
}
.rtbnx24[data-open="false"][data-handle-position="left"],.rtbnx24[data-is-floating="true"][data-handle-position="left"] {
  margin-right: calc(var(--rtbnx20) * -1);
}
.rtbnx24[data-open="true"][data-handle-position="right"][data-is-floating="true"] {
  transform: translateX(calc(var(--rtbnx20) + 4px));
}
.rtbnx24[data-open="true"][data-handle-position="left"][data-is-floating="true"] {
  transform: translateX(calc(var(--rtbnx20) * -1));
}
.rtbnx24[data-enable-animation="true"] {
  transition: margin-left var(--rtbnx23), margin-right var(--rtbnx23), transform var(--rtbnx23), background var(--rtbnx23);
}
.rtbnx24[data-transition-state="exited"] {
  visibility: hidden;
}
.rtbnx25 {
  contain: strict;
  width: 100%;
  height: 100%;
}
.rtbnx26 {
  position: relative;
  height: 100%;
  overflow: auto;
}
.rtbnx27 {
  position: absolute;
  right: var(--rtbnx21);
  top: var(--rtbnx22);
  bottom: var(--rtbnx22);
  width: 8px;
  z-index: 1;
  transform: translateX(50%);
  background-color: transparent;
  opacity: 0;
  display: flex;
  justify-content: center;
  cursor: col-resize;
  transition: opacity 0.15s ease 0.1s;
}
.rtbnx27[data-resizing="true"], .rtbnx27:hover {
  opacity: 1;
}
.rtbnx27[data-open="false"] {
  display: none;
}
.rtbnx27[data-open="open"] {
  display: block;
}
.rtbnx27[data-handle-position="left"] {
  left: var(--rtbnx21);
  right: auto;
  transform: translateX(-50%);
}
.rtbnx28 {
  position: absolute;
  height: 100%;
  width: 2px;
  border-radius: 2px;
  background-color: var(--accent);
  transition: all 0.2s ease-in-out;
  transform: translateX(0.5px);
}
.rtbnx27[data-resizing="true"] .rtbnx28 {
  width: 4px;
  border-radius: 4px;
}
@media (max-width: 600px) {
  .rtbnx27 {
    display: none;
  }
}
._592x7c0 {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
._592x7c1 {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}
.iy5rg60 {
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--text-base);
  position: relative;
}
.iy5rg61 {
  color: inherit;
}
.iy5rg62 {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}
.iy5rg63 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 120px;
}
.iy5rg64 {
  display: flex;
  -moz-column-gap: 4px;
       column-gap: 4px;
}
.iy5rg65 {
  color: var(--foreground);
  font-size: var(--text-sm);
  font-weight: 500;
  text-decoration: none;
  padding: 4px 18px;
}
.iy5rg66 {
  display: flex;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.iy5rg67 {
  color: var(--link);
  font-weight: 500;
  text-decoration: none;
  font-size: var(--text-sm);
  cursor: pointer;
}
.iy5rg68 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
}
.iy5rg69 {
  margin-top: 20px;
  margin-bottom: 12px;
}
.iy5rg6a {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  align-items: center;
}
.iy5rg6b {
  font-weight: 500;
  text-decoration: none;
  color: var(--link);
  font-size: var(--text-sm);
}
.iy5rg6c {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 12px;
  position: absolute;
  bottom: 48px;
}
.iy5rg6d {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: var(--text-xs);
  color: var(--muted);
}
._1aar2yu0 {
  height: 100%;
  width: 100%;
  position: relative;
}
._1aar2yu1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
._16wtgw90 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding-bottom: 35px;
}
._16wtgw91 {
  max-width: 100%;
  width: 300px;
}
._16wtgw92 {
  text-align: center;
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
  color: var(--foreground);
  margin-bottom: 4px;
}
._16wtgw93 {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: var(--muted);
  margin-bottom: 0;
  max-width: 300px;
}
._16wtgw94 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
._16wtgw95 {
  display: flex;
  gap: 16px;
}
._16wtgw97 {
  padding: 8px 18px;
  height: auto;
  font-weight: 600;
}
._16wtgw98 {
  padding: 0 4px;
}
._16wtgw99 {
  padding: 0 4px;
}
._1v45teb0 {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  transition: all 0.3s ease-in-out;
}
._1v45teb1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  gap: 8px;
  padding: 16px;
  max-width: 720px;
  transition: max-width 0.3s ease-in-out;
}
._1v45teb1[data-show-stack="true"] {
  max-width: 720px;
}
._1v45teb2 {
  width: 100%;
  max-width: 400px;
  overflow: hidden;
  text-wrap: wrap;
  word-break: break-word;
}
._1v45teb3 {
  height: auto;
  max-height: 0;
  transition: max-height 0.3s ease-in-out;
  color: var(--muted);
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
}
._1v45teb3[data-show-stack="true"] {
  max-height: 200px;
}
._1v45teb4 {
  display: block;
  max-width: 100%;
  height: auto;
  align-self: center;
}
._1v45teb5 {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: var(--foreground);
  margin-bottom: 4px;
}
._1v45teb6 {
  display: flex;
  margin-top: 16px;
  width: 100%;
  gap: 32px;
  justify-content: center;
  align-items: center;
}
._1v45teb7 {
  padding: 4px 8px;
  font-size: 12px;
  min-width: 120px;
}
._1v45teb8 {
  display: flex;
  align-items: center;
}
._1v45teb9 {
  transition: transform 0.3s ease-in-out;
  margin-left: 8px;
  width: 16px;
  height: 16px;
}
._1v45teb9[data-show-stack="true"] {
  transform: rotate(180deg);
}
.fbpye40 {
  position: absolute;
  top: 50%;
  width: 4px;
  height: 48px;
  border-radius: 999px;
  pointer-events: none;
  transform: translateY(-50%);
  background: color-mix(in srgb, var(--color-foreground) 42%, transparent);
  box-shadow: 0 1px 3px rgb(0 0 0 / 0.16);
}
.fbpye41 {
  left: 3px;
}
.fbpye42 {
  right: 3px;
}
.qx7fis0 {
  display: flex;
  height: 100%;
  overflow: clip;
  width: 100%;
  position: relative;
  flex-direction: column;
  min-width: 0;
  background: var(--background);
}
.qx7fis1 {
  display: flex;
  height: 52px;
  width: 100%;
  align-items: center;
  flex-shrink: 0;
  background: transparent;
  padding: 0 16px;
  contain: strict;
}
.qx7fis1[data-show-header=false] {
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}
.qx7fis2 {
  display: flex;
  flex: 1;
  overflow: hidden;
  contain: strict;
}
.qx7fis3 {
  transition: all 0.2s ease-in-out;
}
.qx7fis3[data-show=true] {
  opacity: 1;
  width: 32px;
  max-width: 32px;
  margin-left: 16px;
}
.qx7fis3[data-show=false] {
  opacity: 0;
  max-width: 0;
  margin-left: 0;
  pointer-events: none;
}
.qx7fis4 {
  display: flex;
  height: 100%;
  width: 0;
  flex-grow: 1;
  min-width: 12px;
}
@media print {
  .qx7fis1 {
    display: none;
  }
}
._17d45oe0 {
  contain: layout style paint;
  display: flex;
  background: var(--surface);
  flex-direction: column;
  overflow: hidden;
  height: 100%;
  width: 100%;
  border-radius: inherit;
}
[data-client-border=true] ._17d45oe0 {
  border-radius: 6px;
  border: 0.5px solid var(--border);
}
[data-client-border=true][data-is-floating="true"] ._17d45oe0 {
  box-shadow: var(--overlay-shadow);
  border: 1px solid var(--border);
}
._17d45oe1 {
  contain: layout style paint;
  display: flex;
  flex-direction: column;
  height: 0;
  flex: 1;
  width: 100%;
  align-items: center;
}
._17d45oe2 {
  border-top: 0.5px solid var(--border);
}
._17d45oe3 {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: var(--muted);
  align-items: center;
}
.pf7zb80 {
  display: flex;
  height: 52px;
  width: 100%;
  align-items: center;
  flex-shrink: 0;
  padding: 0 16px;
  z-index: 1;
  gap: 12px;
}
.pf7zb81 {
  flex-grow: 1;
  min-width: 12px;
}
.pf7zb82 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 52px;
  position: relative;
}
@media print {
  .pf7zb80 {
    display: none;
  }
}
._4j24cz0 {
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}
.lkli160 {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 50%;
  max-width: 300px;
  min-width: 120px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-app-region: no-drag;
}
.lkli161 {
  position: absolute;
  width: 0;
  height: 0;
  pointer-events: none;
}
.lkli162 {
  padding: 0px 20px;
  cursor: grab;
  -webkit-app-region: no-drag;
  color: var(--field-placeholder);
  transition: all 0.2s;
  gap: 2px;
}
.lkli162:hover, .lkli162[data-active="true"], .lkli162[data-dragging="true"] {
  color: var(--accent);
}
.lkli162[data-dragging="true"] {
  gap: 3px;
}
.lkli163 {
  padding: 3px 4px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: inherit;
  background-color: var(--accent);
  border-radius: 8px;
}
.lkli164 {
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background-color: currentColor;
  transition: all 0.2s;
}
.lkli162[data-dragging="true"] .lkli164:is([data-idx="0"], [data-idx="2"]) {
  width: 7px;
}
.lkli162[data-dragging="true"] .lkli164[data-idx="1"] {
  width: 6px;
}
.lkli165 {
  position: absolute;
  inset: 0;
  height: 2px;
  background: linear-gradient(to right, transparent, currentColor, transparent);
  transition: opacity 0.2s;
  opacity: 0;
}
.lkli162[data-dragging="true"] .lkli165, .lkli162:hover .lkli165 {
  opacity: 1;
}
@keyframes _1g10968 {
  from {
    --_1g10962: 50px;
    --_1g10965: 3px;
    --_1g10966: 1;
    --_1g10967: 10px;
  }
  to {
    --_1g10962: 300px;
    --_1g10965: 100%;
    --_1g10966: 0.15;
    --_1g10967: 4px;
  }
}
._1g10969 {
  flex-shrink: 0;
  flex-grow: var(--_1g10963, 1);
  position: relative;
  order: var(--_1g10964);
  display: flex;
}
[data-is-resizing="true"]._1g10969 {
  transition: none;
}
[data-is-reordering="true"]._1g10969 {
  flex-grow: 1;
}
[data-client-border="false"] ._1g10969[data-is-first="true"] {
  border-top-left-radius: var(--_1g10961);
}
[data-client-border="false"] ._1g10969:not([data-is-last="true"]):not([data-is-dragging="true"]) {
  border-right: 0.5px solid var(--border);
}
[data-client-border="true"] ._1g10969 {
  border: 0.5px solid var(--border);
  border-top-left-radius: var(--_1g10961);
  border-bottom-left-radius: var(--_1g10961);
  border-top-right-radius: var(--_1g10961);
  border-bottom-right-radius: var(--_1g10961);
}
._1g1096a {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  transition: opacity 0.2s;
}
._1g1096a::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 10;
  box-shadow: inset 0 0 0 0 transparent;
  transition: box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
[data-is-active="true"]._1g1096a::after {
  box-shadow: inset 0 0 0 1px var(--accent);
}
[data-is-dragging="true"] ._1g1096a {
  opacity: 0.5;
}
._1g1096b {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  overflow: hidden;
}
._1g1096c {
  position: absolute;
  top: 0;
  bottom: 0;
  width: var(--_1g10962);
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: stretch;
}
._1g1096c[data-can-resize="false"]:not([data-state="drop-indicator"]) {
  pointer-events: none;
}
._1g1096c[data-state="drop-indicator"] {
  --_1g10962: 50px;
}
._1g1096c[data-edge="left"] {
  left: calc(var(--_1g10962) * -0.5);
  right: auto;
}
._1g1096c[data-edge="right"] {
  left: auto;
  right: calc(var(--_1g10962) * -0.5);
}
._1g1096c[data-edge="right"][data-is-last="true"] {
  right: 0;
  left: auto;
}
[data-client-border="false"] ._1g1096c[data-is-last="true"][data-edge="right"]::before, [data-client-border="false"] ._1g1096c[data-is-last="true"][data-edge="right"]::after {
  transform: translateX(calc(0.5 * var(--_1g10962) - 1px));
}
._1g1096c[data-can-resize="true"] {
  cursor: col-resize;
}
[data-client-border="true"] ._1g1096c[data-edge="right"] {
  right: calc(var(--_1g10962) * -0.5 - 0.5px - var(--_1g10960) / 2);
}
._1g10969[data-is-dragging="true"] ._1g1096c {
  display: none;
}
._1g1096c[data-state="drop-indicator"][data-dragging-over="true"] {
  --_1g10966: 1;
  --_1g10965: 3px;
  animation-name: _1g10968;
  animation-duration: 0.5s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}
._1g1096c::before, ._1g1096c::after {
  content: "";
  width: var(--_1g10965);
  position: absolute;
  height: 100%;
  transition: all 0.2s, transform 0s;
  border-radius: var(--_1g10967);
}
._1g1096c::before {
  background: var(--accent);
  opacity: var(--_1g10966);
}
._1g1096c[data-state="resizing"]::before, ._1g1096c[data-state="resizing"]::after {
  --_1g10965: 3px;
  --_1g10966: 1;
}
._1g1096c[data-state="drop-indicator"][data-dragging-over="false"]::before {
  --_1g10966: 0.5;
}
._1g1096c:is(:hover[data-can-resize="true"], [data-state="resizing"])::before {
  --_1g10965: 3px;
  --_1g10966: 1;
}
._1g1096c:is(:hover[data-can-resize="true"], [data-state="resizing"])::after {
  box-shadow: 0px 12px 21px 4px var(--accent);
  opacity: 0.15;
}
._1g1096d {
  --_1g10960: 0px;
  --_1g10961: 6px;
  --_1g10962: 10px;
  --_1g10965: 2px;
  --_1g10966: 0;
  --_1g10967: 10px;
  display: flex;
  flex-direction: row;
  position: relative;
  border-radius: var(--_1g10961);
  gap: var(--_1g10960);
  padding: 0 10px;
  margin: 0 -10px;
}
._1g1096d[data-client-border="true"] {
  --_1g10960: 8px;
}
._1g1096d:has(._1g1096c[data-dragging-over="true"]) {
  overflow: clip;
}
._1g1096e {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.reospu0 {
  --workbench-right-sidebar-width: 320px;
}
.reospu0 [data-workbench-right-sidebar-managed="true"] > .sidebar__offcanvas-wrapper {
  --sidebar-width: var(--workbench-right-sidebar-width);
  flex-shrink: 0;
  overflow: hidden;
}
.reospu0 [data-workbench-right-sidebar-managed="true"][data-workbench-right-sidebar-state="open"] > .sidebar__offcanvas-wrapper {
  width: var(--workbench-right-sidebar-width);
}
.reospu0 [data-workbench-right-sidebar-managed="true"][data-workbench-right-sidebar-state="pinned-closing"] > .sidebar__offcanvas-wrapper {
  width: 0;
}
.reospu0 [data-workbench-right-sidebar-managed="true"][data-workbench-right-sidebar-state="pinned-closing"] > .sidebar__offcanvas-wrapper, .reospu0 [data-workbench-right-sidebar-managed="true"][data-workbench-right-sidebar-state="pinned-closing"] > [data-slot="sidebar-main"], .reospu0 [data-workbench-right-sidebar-managed="true"][data-workbench-right-sidebar-state="pinned-closing"] > .sidebar__main {
  transition: flex-basis 180ms cubic-bezier(0.2, 0, 0, 1), max-width 180ms cubic-bezier(0.2, 0, 0, 1), width 180ms cubic-bezier(0.2, 0, 0, 1);
}
.reospu0 [data-workbench-right-sidebar-managed="true"][data-workbench-right-sidebar-transition="session-docking"] > .sidebar__offcanvas-wrapper, .reospu0 [data-workbench-right-sidebar-managed="true"][data-workbench-right-sidebar-transition="session-docking"] > [data-slot="sidebar-main"], .reospu0 [data-workbench-right-sidebar-managed="true"][data-workbench-right-sidebar-transition="session-docking"] > .sidebar__main {
  transition: flex 260ms cubic-bezier(0.2, 0, 0, 1), flex-basis 260ms cubic-bezier(0.2, 0, 0, 1), max-width 260ms cubic-bezier(0.2, 0, 0, 1), width 260ms cubic-bezier(0.2, 0, 0, 1);
}
.reospu0 [data-workbench-right-sidebar-appearance="docked-floating"] > .sidebar__offcanvas-wrapper {
  height: 100%;
}
.reospu0 [data-workbench-right-sidebar-managed="true"][data-workbench-right-sidebar-appearance="expanded-session"] > .sidebar__offcanvas-wrapper {
  display: flex;
  position: absolute;
  inset: 0;
  flex: 1 1 100%;
  height: 100%;
  max-width: 100%;
  overflow: hidden;
  width: 100%;
  z-index: 1;
}
.reospu0 [data-workbench-right-sidebar-managed="true"][data-workbench-right-sidebar-appearance="expanded-session"] > .sidebar__offcanvas-wrapper > [data-slot="sidebar"] {
  --sidebar-width: calc(100% - 1rem);
  display: flex;
  height: calc(100% - 1rem);
  min-width: 0;
  overflow: hidden;
}
.reospu0 [data-workbench-right-sidebar-appearance="docked-floating"] > .sidebar__offcanvas-wrapper > [data-slot="sidebar"] {
  --sidebar-width: calc(100% - 1rem);
  height: calc(100% - 1rem);
  min-width: 0;
  overflow: hidden;
}
.reospu0 [data-workbench-right-sidebar-appearance="overlay-floating"] > .sidebar__offcanvas-wrapper {
  display: block;
  position: absolute;
  top: 52px;
  right: 0;
  bottom: 8px;
  z-index: 50;
  height: auto;
  width: var(--workbench-right-sidebar-width);
  max-width: calc(100% - 8px);
  overflow: hidden;
  border-radius: var(--radius-2xl, 1rem);
  filter: drop-shadow(0 12px 24px rgb(0 0 0 / 0.14));
}
.reospu0 [data-workbench-right-sidebar-layout="overlay"] > [data-slot="sidebar-main"], .reospu0 [data-workbench-right-sidebar-layout="overlay"] > .sidebar__main {
  flex: 1 0 100%;
  flex-basis: 100%;
  width: 100%;
  max-width: 100%;
  transition: none;
}
.reospu0 [data-workbench-right-sidebar-layout="expanded-session"] > [data-slot="sidebar-main"], .reospu0 [data-workbench-right-sidebar-layout="expanded-session"] > .sidebar__main {
  flex: 0 1 0;
  flex-basis: 0;
  max-width: 0;
  overflow: hidden;
  width: 0;
}
.reospu0 [data-workbench-right-sidebar-appearance="overlay-floating"] > .sidebar__offcanvas-wrapper > [data-slot="sidebar"] {
  --sidebar-width: calc(100% - 1rem);
  display: flex;
  height: calc(100% - 1rem);
  min-width: 0;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-2xl, 1rem);
  overflow: hidden;
}
._16cid9o0 {
  position: fixed;
  inset: 0;
  z-index: var(--mt-z-index-modal);
  background-color: color-mix(in oklch, var(--black) 70%, transparent);
  pointer-events: auto;
}
._16cid9o0[data-anime-state="animating"] {
  opacity: 0;
}
._16cid9o1 {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: var(--mt-z-index-modal);
}
._16cid9o2 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
}
._16cid9o1[data-mode="max"] ._16cid9o2 {
  width: calc(100% - 64px);
  height: calc(100% - 64px);
}
._16cid9o1[data-mode="full"] ._16cid9o2 {
  width: 100%;
  height: 100%;
}
._16cid9o1[data-mode="fit"] ._16cid9o2 {
  width: 90%;
  height: 90%;
  max-width: 1248px;
}
._16cid9o2[data-anime-state="animating"] {
  opacity: 0;
}
._16cid9o3 {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  overflow: hidden;
}
._16cid9o4 {
  box-sizing: border-box;
  background-color: var(--surface);
  box-shadow: 0 0 20px 0 color-mix(in srgb, var(--black) 22%, transparent);
}
._16cid9o5 {
  border-radius: inherit;
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  overflow: hidden;
  min-height: 300px;
  outline: none;
  position: relative;
}
._16cid9o5[data-no-interaction=true] {
  pointer-events: none;
}
._16cid9o6 {
  position: absolute;
  right: -48px;
  top: 0;
  z-index: -1;
  min-width: 48px;
  padding: 8px 0 0 16px;
  pointer-events: auto;
}
@media screen and (width <= 640px) {
  ._16cid9o1:is([data-mode="max"], [data-mode="fit"]) ._16cid9o2 {
    height: 80%;
    width: calc(100% - 32px);
    padding-right: 0;
    padding-bottom: 32px;
    align-self: flex-end;
  }
  ._16cid9o6 {
    top: -48px;
    right: 0;
    left: 0;
    padding: 8px;
  }
}
@media screen and (width > 640px) and (width <= 1024px) {
  ._16cid9o1[data-mode="fit"] ._16cid9o2 {
    padding-right: 12px;
  }
  ._16cid9o6 {
    padding-left: 0;
  }
}
.zv5svn0 {
  position: relative;
  z-index: 0;
  display: flex;
  flex: 1;
  overflow: hidden;
  resize: none;
}
.zv5svn0:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.zv5svn0:not(.gridding):before {
  background-color: var(--surface-secondary);
}
.zv5svn0.gridding:before {
  opacity: 0.25;
  background-size: 20px 20px;
  background-image: linear-gradient(var(--foreground) 1px, transparent 1px), linear-gradient(to right, var(--foreground) 1px, transparent 1px);
}
.zv5svn1 {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.zv5svn2 {
  display: flex;
  justify-content: space-between;
  height: 52px;
  padding: 10px 8px;
  background: var(--accent);
  font-size: 12px;
  font-weight: 400;
  color: var(--muted);
  border-top-width: 0.5px;
  border-top-style: solid;
  border-top-color: var(--border);
  text-wrap: nowrap;
  overflow: hidden;
}
.zv5svn3 {
  overflow: hidden;
}
.zv5svn2 > .zv5svn3 {
  display: flex;
  gap: 12px;
  align-items: center;
  padding-left: 12px;
  padding-right: 12px;
}
.zv5svn3.zoom:not(.show) {
  display: none;
}
.zv5svn4 {
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  word-wrap: break-word;
}
.if6bqb0 {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.if6bqb1 {
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  color: var(--foreground);
  margin-top: 12px;
}
.if6bqb2 {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  color: var(--muted);
}
.if6bqb3 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 28px;
}
.nfrw5w0 {
  width: 100%;
}
.nfrw5w1 {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.nfrw5w2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: calc(100% - 40px);
  gap: 20px;
}
.nfrw5w2.small-gap {
  gap: 12px;
}
.nfrw5w3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nfrw5w4 {
  display: flex;
  align-self: center;
  justify-content: center;
  overflow: hidden;
  text-wrap: wrap;
  width: 100%;
  word-break: break-word;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: var(--foreground);
}
.nfrw5w5 {
  max-width: 100%;
}
.nfrw5w6 {
  display: flex;
  align-self: center;
  width: 179.66px;
  height: 253px;
  aspect-ratio: 539 / 759;
  overflow: hidden;
}
._1qfjt5f0 {
  width: 100%;
}
._1qfjt5f1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px;
}
._1qfjt5f2 {
  max-width: calc(100% - 40px);
  background: var(--surface);
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  border-color: var(--border);
  box-shadow: 0px 4px 20px 0px var(--transparent-black-200, rgba(0, 0, 0, 0.10));
  overflow: hidden;
  max-height: -moz-max-content;
  max-height: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
}
._1qfjt5f3 {
  display: flex;
  flex-direction: column;
  position: absolute;
  box-sizing: border-box;
  width: 120px;
  padding: 12px 0;
  right: 30px;
  bottom: 30px;
  max-height: calc(100% - 60px);
  border-radius: 8px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--border);
  background-color: var(--accent);
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  color: var(--muted);
}
._1qfjt5f4 {
  position: relative;
  display: flex;
  flex-direction: column;
  max-height: 100%;
  overflow: hidden;
}
._1qfjt5f4.collapsed {
  display: none;
}
._1qfjt5f4:not(.collapsed) {
  margin-bottom: 8px;
}
._1qfjt5f5 {
  display: flex;
  overflow: hidden;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--border);
}
._1qfjt5f5.selected {
  border-color: #29A3FA;
}
._1qfjt5f6 {
  width: 100%;
  border-radius: 8px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--border);
  background: var(--background);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  content-visibility: visible;
  display: flex;
  min-height: -moz-fit-content;
  min-height: fit-content;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
}
._1qfjt5f7 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  overflow: hidden;
  background: var(--surface-secondary);
  flex: 1;
}
._1qfjt5f8 {
  position: absolute;
  max-width: calc(100% - 24px);
  overflow: hidden;
  height: auto;
  pointer-events: none;
}
._1qfjt5f9 {
  position: absolute;
  bottom: 16px;
  right: 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
._1qfjt5fa {
  width: 36px;
  height: 36px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--border);
  background: var(--white);
}
._1qfjt5fb {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
  text-wrap: nowrap;
}
._1qfjt5fc {
  display: flex;
  align-items: center;
}
._1qfjt5fc.truncate {
  overflow: hidden;
}
._1qfjt5fd {
  margin-left: 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  color: var(--foreground);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._1qfjt5fe {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  color: var(--muted);
}
._1qfjt5ff {
  margin: auto;
}
._1qfjt5fg {
  position: absolute;
  left: 18px;
  bottom: 18px;
}
._1qfjt5fh {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  font-size: 18px;
  outline: none;
  border: none;
  cursor: pointer;
  color: var(--white);
  background: var(--danger);
  box-shadow: var(--overlay-shadow);
}
._1qfjt5fi {
  width: 244px;
  gap: 8px;
  color: var(--foreground);
  line-height: 22px;
}
._1qfjt5fj {
  display: flex;
  justify-content: flex-end;
}
._1qfjt5fk {
  display: flex;
  align-items: center;
  padding: 2px 12px;
  border-radius: 8px;
  border: none;
  background: none;
  cursor: pointer;
  outline: none;
  color: var(--accent);
}
._77gzsx0 {
  padding: 0 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
._77gzsx1 {
  margin: auto 2rem;
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
._77gzsx2 {
  max-width: 100%;
  width: 300px;
  align-self: center;
}
._77gzsx3 {
  width: 100%;
  text-align: center;
  max-width: 261px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 16px auto 0;
}
._77gzsx3[data-longer-loading="true"] {
  max-width: 400px;
}
._77gzsx4 {
  margin-right: 8px;
}
._77gzsx5 {
  font-size: var(--text-base);
  line-height: 1.6;
  font-weight: 500;
  color: var(--foreground);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 4px;
}
._77gzsx6 {
  font-size: var(--text-sm);
  line-height: 1.6;
  font-weight: 400;
  color: var(--muted);
  text-wrap: wrap;
  word-break: break-word;
  text-align: center;
}
._77gzsx6[data-longer-loading="true"] {
  text-align: start;
}
._77gzsx7 {
  margin-top: 24px;
}
._77gzsx8 {
  padding: 8px 18px;
  height: auto;
  font-weight: 600;
  margin-top: 24px;
}
._77gzsx9 {
  padding: 0 4px;
}
._77gzsxa {
  padding: 0 4px;
}
@keyframes _1l5kyuu0 {
  from {
    opacity: 0;
    transform: translate3d(8px, 0, 0) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes _1l5kyuu1 {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
  to {
    opacity: 0;
    transform: translate3d(8px, 0, 0) scale(0.96);
  }
}
._1l5kyuu2 {
  position: absolute;
  top: 204px;
  right: 0;
  max-height: calc(100% - 204px - 76px);
  display: flex;
  font-family: var(--meditor-font-sans);
  z-index: 1;
}
._1l5kyuu2 .floating-toc__trigger {
  min-width: 36px;
  padding: 10px 8px;
  background: rgba(32, 32, 32, 0.22);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 18px 0 0 18px;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(18px);
}
._1l5kyuu2 .floating-toc__bar {
  flex-shrink: 0;
}
._1l5kyuu3 {
  transform-origin: right center;
  background: var(--meditor-overlay);
  border: 1px solid var(--meditor-border);
  border-radius: 16px;
  box-shadow: var(--meditor-overlay-shadow);
  color: var(--meditor-foreground);
  font-family: var(--meditor-font-sans);
  will-change: opacity, transform;
}
._1l5kyuu3[data-entering="true"] {
  animation: _1l5kyuu0 160ms cubic-bezier(0.16, 1, 0.3, 1);
}
._1l5kyuu3[data-exiting="true"] {
  animation: _1l5kyuu1 120ms cubic-bezier(0.4, 0, 1, 1);
}
._1l5kyuu4 {
  display: block;
  margin-bottom: 4px;
  padding: 4px 12px;
  color: var(--meditor-muted);
  font-family: var(--meditor-font-sans);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 16px;
  text-transform: uppercase;
}
._1l5kyuu5 {
  color: var(--meditor-muted);
  font-family: var(--meditor-font-sans);
  font-size: var(--meditor-text-body);
  line-height: var(--meditor-leading-dense);
}
._1l5kyuu5[data-active="true"] {
  color: var(--accent);
}
._1l5kyuu5:hover, ._1l5kyuu5[data-hovered="true"], ._1l5kyuu5[data-focused="true"] {
  background: var(--meditor-hover);
}
@container (width <= 640px) {
  ._1l5kyuu2 {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._1l5kyuu3 {
    animation: none !important;
    transform: none !important;
    will-change: auto;
  }
}
._1lbmk810 {
  container-type: inline-size;
}
._1lbmk811 {
  --meditor-editor-side-padding: 96px;
  min-height: 100%;
}
[data-full-width-layout="true"] ._1lbmk811 {
  --meditor-editor-width: 100%;
  --meditor-editor-side-padding: 72px;
}
._1lbmk812 {
  display: flex;
  flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  container-name: viewport;
  container-type: inline-size;
  background: var(--accent);
}
._3gobsw0 {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
._3gobsw1 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
._3gobsw2 {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 36px;
  width: 36px;
  border-radius: 10px;
  top: 0.5rem;
  right: 0.5rem;
  background: var(--white);
  border: none;
  padding: 0.5rem;
  cursor: pointer;
  color: var(--foreground);
  transition: background 0.2s ease-in-out;
  z-index: 1;
  margin-top: 38px;
  margin-right: 38px;
}
._3gobsw3 {
  color: var(--white);
  position: absolute;
  font-size: 60px;
  line-height: 60px;
  font-weight: bold;
  opacity: 0.2;
  padding: 0 15px;
  cursor: pointer;
}
._3gobsw4 {
  display: flex;
  height: 100%;
  z-index: 2;
  justify-content: space-between;
  align-items: center;
}
._3gobsw5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1;
}
._3gobsw6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
._3gobsw7 {
  color: var(--white);
  margin-top: 24px;
}
._3gobsw8 {
  height: 36px;
  max-width: -moz-max-content;
  max-width: max-content;
  padding: 0 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 0.5px solid var(--border);
  background-color: var(--white);
  box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.14);
  box-sizing: content-box;
  color: var(--foreground);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
._3gobsw9 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px;
  min-width: 34px;
  padding: 1px 2px;
  font-size: 14px;
}
._3gobswa {
  height: 24px;
  padding: 1px 2px;
  min-width: 50px;
  font-size: 14px;
  color: var(--foreground) !important;
}
._3gobswa:hover {
  background-color: var(--color-surface-hover);
}
._3gobswb {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: fixed;
  bottom: 28px;
  z-index: 2;
}
._3gobswc {
  max-width: 686px;
  color: var(--white);
  background: rgba(0,0,0,0.75);
  padding: 10px;
  margin-bottom: 21px;
}
._3gobswd {
  opacity: 0;
  transition: opacity 2s ease-in-out;
}
@media screen and (max-width: 768px) {
  ._3gobsw5 {
    align-items: center;
  }
  ._3gobsw7 {
    text-align: center;
  }
}
.vumnau0 {
  height: 100%;
  padding: 24px;
  box-sizing: border-box;
  pointer-events: all;
  transform-origin: 0 0;
  font-weight: 400;
  line-height: var(--meditor-leading-body);
}
.vumnau1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0.2;
  transition: opacity 0.3s;
}
.vumnau1:hover {
  opacity: 1;
}
.vumnau1.flip {
  transform: translateX(-50%) rotate(180deg);
}
.vumnau2 {
  position: absolute;
  border-color: var(--meditor-border);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.vumnau0[data-editing="true"] .vumnau2 {
  left: -20px;
  top: -20px;
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  transition: left 0.3s, top 0.3s, width 0.3s, height 0.3s;
  box-shadow: 0 0 0 2px var(--meditor-accent), var(--meditor-shadow);
}
.vumnau3 {
  width: 100%;
  height: 100%;
}
.vumnau4 {
  position: absolute;
  background: var(--meditor-surface);
  opacity: 0.5;
  pointer-events: none;
  border: 2px solid var(--meditor-accent);
  border-top: unset;
  border-radius: 0 0 8px 8px;
}
._1k239su0 {
  position: absolute;
  border-color: var(--meditor-border);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.vumnau0[data-editing="true"] ._1k239su0 {
  left: -20px;
  top: -20px;
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  transition: left 0.3s, top 0.3s, width 0.3s, height 0.3s;
  box-shadow: 0 0 0 2px var(--meditor-accent), var(--meditor-shadow);
}
._1fcszcg0 {
  position: relative;
}
._1fcszcg0 .doc-title-container {
  padding: 26px 0px;
  margin-left: unset;
  margin-right: unset;
}
.ndsp090 {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 8px;
}
.ndsp091 {
  border-radius: 8px;
  width: 32px;
  height: 32px;
  background: var(--surface);
  color: var(--muted);
  box-shadow: 0 0 1px 0 color-mix(in srgb, var(--black) 12%, transparent), 0 1px 5px 0 color-mix(in srgb, var(--black) 12%, transparent);
}
.ndsp091:hover {
  background: var(--surface-secondary);
  color: var(--foreground);
}
@media screen and (width <= 640px) {
  .ndsp090 {
    flex-direction: row-reverse;
    width: 100%;
  }
  [data-action-name="close"].ndsp091 {
    margin-left: auto;
    order: 0;
  }
}
.jdn9p80 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 6px 16px 6px 11px;
  gap: 12px;
  cursor: pointer;
  border-radius: 8px;
  transition: background-color 0.2s;
  font-size: 24px;
}
.jdn9p81 {
  width: 24px;
  height: 24px;
  font-size: 24px;
  color: var(--muted);
}
.jdn9p82 {
  font-size: var(--text-sm);
  line-height: 22px;
  color: var(--muted);
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.o78ds30 {
  display: flex;
  flex-direction: column;
}
.o78ds31 {
  padding: 10px 8px 0px 8px;
}
.o78ds32 {
  padding: 0px 8px 10px 8px;
}
.o78ds33 {
  display: flex;
  width: 100%;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
  border-radius: 8px;
}
.o78ds34 {
  width: 28px;
  height: 28px;
  padding: 3px;
  border-radius: 14px;
  background: var(--white);
  display: flex;
  border: 1px solid var(--muted);
  color: var(--muted);
  align-items: center;
  justify-content: center;
  font-size: 20px;
}
.o78ds35 {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.o78ds36 {
  display: flex;
  flex-direction: column;
}
.o78ds37 {
  font-size: var(--text-sm);
  font-weight: 600;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.o78ds38 {
  font-size: var(--text-xs);
  font-weight: 400;
  line-height: 20px;
  color: var(--muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.o78ds39 {
  border-radius: 8px;
}
.o78ds3a {
  height: 42px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
._1vtgg1v0 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 6px;
  border-radius: 4px;
  outline: none;
  width: 100%;
  max-width: 500px;
  color: var(--foreground);
  overflow: hidden;
}
._1vtgg1v0:hover {
  cursor: pointer;
  background: var(--color-surface-hover);
}
._1vtgg1v1 {
  width: 0;
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
}
._1vtgg1v2 {
  flex-shrink: 0;
  line-height: 0;
}
._1vtgg1v3 {
  pointer-events: none;
  opacity: 0.8;
}
._1vtgg1v3:hover {
  cursor: default;
  background: none;
}
._1vtgg1v4 {
  --h: 42px;
  height: var(--h);
  overflow: hidden;
}
._1vtgg1v4[data-dense="true"] {
  --h: 22px;
}
._1vtgg1v5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  transform: translateY(0);
  transition: transform 0.5s cubic-bezier(.45,.21,0,1) 0s;
}
._1vtgg1v4[data-active="true"] ._1vtgg1v5 {
  transform: translateY(calc(var(--h) * -1));
}
._1vtgg1v6 {
  border: 0.5px solid var(--border);
}
._1vtgg1v7 {
  width: 100%;
  flex-grow: 1;
  overflow: hidden;
  height: var(--h);
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: opacity 0.5s cubic-bezier(.45,.21,0,1) 0s;
}
._1vtgg1v4[data-active="true"] ._1vtgg1v7[data-type="normal"] {
  opacity: 0;
}
._1vtgg1v4[data-active="false"] ._1vtgg1v7[data-type="events"] {
  opacity: 0;
}
._1vtgg1v8 {
  font-size: var(--text-sm);
  line-height: 22px;
  font-weight: 500;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  display: inline-block;
}
._1vtgg1v9 {
  display: flex;
  gap: 2px;
  align-items: center;
  font-size: var(--text-xs);
  line-height: 20px;
  font-weight: 400;
  color: var(--muted);
}
._1vtgg1v9 svg {
  width: 16px;
  height: 16px;
  color: var(--muted);
}
._1vtgg1va {
  display: flex;
  gap: 2px;
  align-items: center;
  font-size: var(--text-sm);
  line-height: 22px;
  color: var(--muted);
}
._1vtgg1va svg {
  width: 16px;
  height: 16px;
  color: var(--muted);
  display: block;
}
._1vtgg1vb {
  font-size: var(--text-xs);
  line-height: 20px;
  padding: 0 8px;
  min-height: 20px;
}
._1vtgg1vc {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  overflow: hidden;
}
._1vtgg1vd {
  color: var(--muted);
  font-size: 14px;
}
._1vtgg1ve {
  transition: all 0.13s ease;
  width: 0;
  height: 20px;
  overflow: hidden;
  margin-left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  place-items: center;
  color: var(--foreground);
  border-radius: 4px;
  box-shadow: none;
  background: transparent;
  cursor: pointer;
}
._1vtgg1v0:hover ._1vtgg1ve {
  width: 20px;
  box-shadow: var(--surface-shadow);
  background: var(--surface);
}
._1vtgg1vf {
  position: absolute;
  right: 0;
  display: flex;
  gap: 8px;
  align-items: center;
}
._1vtgg1v0:hover ._1vtgg1vf {
  position: relative;
}
._1vtgg1vf:empty {
  display: none;
}
._1vtgg1vg {
  font-size: 14px;
  color: var(--accent);
}
._1vtgg1vh {
  display: flex;
  gap: 8px;
  align-items: center;
}
._1vtgg1vh:empty {
  display: none;
}
._1ym35l60 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 8px;
  gap: 8px;
  margin-bottom: 6px;
}
._1ym35l61 {
  border: 1px solid var(--border);
  border-radius: 4px;
  color: var(--foreground);
  font-size: 18px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._1ym35l62 {
  display: flex;
  flex-direction: column;
}
._1ym35l63 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
._1ym35l64 {
  font-size: var(--text-xs);
  line-height: 20px;
  color: var(--muted);
  margin-top: -1.5px;
}
._1ym35l65 {
  font-size: var(--text-xs);
  line-height: 20px;
  font-weight: 500;
  color: var(--foreground);
}
._1ym35l65:has(~ ._1ym35l64) {
  margin-bottom: -1.5px;
}
._1ym35l66 {
  color: var(--muted);
}
._1ym35l67 {
  width: 0;
  flex-grow: 1;
}
._1ym35l68 {
  height: 36px;
  padding: 7px 12px;
}
._1ym35l69 {
  gap: 12px;
}
._1ym35l6a {
  margin-top: 8px;
  margin-bottom: 12px;
}
._1ym35l6b {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0px 4px;
}
._1ym35l6c {
  width: 30px;
  height: 30px;
  border-radius: 6px;
  border: 1px solid var(--border);
  font-size: 20px;
  color: var(--foreground);
  display: flex;
  align-items: center;
  justify-content: center;
}
._1ym35l6d {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  color: var(--foreground);
}
.r3p3qb0 {
  padding: 4px 8px;
  height: 100%;
  overflow: clip;
}
.r3p3qb1 {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 8px;
  overflow: hidden;
  height: 42px;
}
.r3p3qb2 {
  flex: 1;
}
.r3p3qb3 {
  display: flex;
  flex-direction: column;
  gap: 42px;
  margin-top: 42px;
}
.r3p3qb4 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.r3p3qb5 {
  transform: translateX(-10px);
}
._8fa2vd0 {
  padding-bottom: 8px;
}
._8fa2vd0[data-has-border=true] {
  border-right: 0.5px solid var(--border);
}
._8fa2vd0[data-is-floating="true"], ._8fa2vd0[data-is-electron="false"] {
  background-color: var(--accent);
}
._8fa2vd1[data-is-floating="true"] {
  background-color: var(--accent);
  height: calc(100% - 60px);
  margin-top: 52px;
  margin-left: 4px;
  box-shadow: var(--overlay-shadow);
  border-radius: 6px;
}
._8fa2vd1[data-is-floating="true"][data-is-electron="true"] {
  height: 100%;
  margin-top: -4px;
}
._8fa2vd1[data-is-floating="true"][data-client-border="true"] {
  background-color: var(--overlay);
}
._8fa2vd1[data-is-floating="true"][data-client-border="true"]::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: var(--mt-app-noise-opacity, 0);
  background-repeat: repeat;
  background-size: 50px;
  background-image: var(--noise-background);
}
._8fa2vd2 {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}
._8fa2vd3 {
  display: flex;
  align-items: center;
  -moz-column-gap: 32px;
       column-gap: 32px;
}
._8fa2vd4 {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
._8fa2vd5 {
  flex: 0 0 auto;
  height: 52px;
  padding: 0px 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._8fa2vd6 {
  flex: 1 1 auto;
  height: calc(100% - 52px);
  display: flex;
  flex-direction: column;
  row-gap: 4px;
}
._8fa2vd7 {
  transition: opacity .15s;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 100%;
  bottom: 0;
  background: var(--overlay);
}
._8fa2vd7[data-open="true"][data-is-floating="true"] {
  opacity: 1;
  pointer-events: auto;
  right: 0;
  z-index: 3;
}
._8fa2vd8 {
  align-items: flex-end;
  margin-bottom: 2px;
}
@media print {
  ._8fa2vd0 {
    display: none;
    z-index: -1;
  }
  ._8fa2vd7 {
    display: none;
  }
}
._1dtm0mw0 {
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  transition: max-width 0.2s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease;
}
._1dtm0mw0:after {
  content: "";
  position: absolute;
  left: 19.75px;
  top: 6.25px;
  z-index: 2;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  transform: scale(0);
  transition: transform 0.3s ease;
  background-color: var(--accent);
}
._1dtm0mw0[data-show=true] {
  opacity: 1;
  max-width: 60px;
}
._1dtm0mw0[data-show=false] {
  opacity: 0;
  max-width: 0;
}
._1dtm0mw0[data-notification=true]:after {
  transform: scale(1);
}
._1dtm0mw1 {
  width: 32px;
  height: 32px;
}
._1dtm0mw2 {
  transition: clip-path 0.3s ease;
  stroke-width: 1.75;
  clip-path: path(evenodd, "M 0 0 L 24 0 L 24 24 L 0 24 L 0 0 M19 4.25C19 4.38807 19.1119 4.5 19.25 4.5C19.3881 4.5 19.5 4.38807 19.5 4.25C19.5 4.11193 19.3881 4 19.25 4C19.1119 4 19 4.11193 19 4.25Z");
}
._1dtm0mw2[data-notification=true] {
  clip-path: path(evenodd, "M 0 0 L 24 0 L 24 24 L 0 24 L 0 0 M23 5.25C23 7.59721 21.0972 9.5 18.75 9.5C16.4028 9.5 14.5 7.59721 14.5 5.25C14.5 2.90279 16.4028 1 18.75 1C21.0972 1 23 2.90279 23 5.25Z");
}
._7gq82u0 {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  box-shadow: var(--surface-shadow);
  border-width: 0;
  background: var(--foreground);
}
._7gq82u1 {
  width: auto;
  padding: 7px;
}
._7gq82u2 {
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--foreground);
}
._7gq82u3 {
  width: 280px;
}
._1h091w50 {
  --svg-dot-animation: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 122 116%27%3E%3Cpath id=%27b%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-width=%270%27 d=%27M17.9256 115C17.434 111.774 13.1701 104.086 13.4282 95.6465C13.6862 87.207 18.6628 76.0721 17.9256 64.3628C17.1883 52.6535 8.7772 35.9512 9.00452 25.3907C9.23185 14.8302 16.2114 5.06512 17.9256 1%27/%3E%3Cpath id=%27d%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-width=%270%27 d=%27M84.1628 115C85.2376 112.055 94.5618 98.8394 93.9975 91.1338C93.4332 83.4281 82.5505 73.2615 84.1628 62.5704C85.775 51.8793 96.4803 35.4248 95.9832 25.7826C95.4861 16.1404 87.9113 4.71163 84.1628 1%27/%3E%3Cpath id=%27f%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-width=%270%27 d=%27M37.0913 115C37.9604 111.921 44.4347 99.4545 45.3816 92.9773C48.9305 68.7011 35.7877 73.9552 37.0913 62.7781C38.3949 51.6011 47.3889 36.9895 46.9869 26.9091C46.585 16.8286 40.1222 4.88034 37.0913 1%27/%3E%3Cpath id=%27h%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-width=%270%27 d=%27M112.443 115C111.698 112.235 108.25 106.542 107.715 93.7582C107.241 82.4286 107.229 83.9543 112.443 66.1429C116.085 44.0408 100.661 42.5908 101.006 33.539C101.35 24.4871 109.843 4.48439 112.443 1%27/%3E%3Cg%3E%3Ccircle r=%271.5%27 fill=%27rgba%2830, 150, 235, 0.3%29%27%3E%3CanimateMotion dur=%2710s%27 repeatCount=%27indefinite%27%3E%3Cmpath href=%27%23b%27 /%3E%3C/animateMotion%3E%3C/circle%3E%3C/g%3E%3Cg%3E%3Ccircle r=%271%27 fill=%27rgba%2830, 150, 235, 0.3%29%27 fill-opacity=%271%27 shape-rendering=%27crispEdges%27%3E%3CanimateMotion dur=%278s%27 repeatCount=%27indefinite%27%3E%3Cmpath href=%27%23d%27 /%3E%3C/animateMotion%3E%3C/circle%3E%3C/g%3E%3Cg%3E%3Ccircle r=%27.5%27 fill=%27rgba%2830, 150, 235, 0.3%29%27 fill-opacity=%271%27 shape-rendering=%27crispEdges%27%3E%3CanimateMotion dur=%274s%27 repeatCount=%27indefinite%27%3E%3Cmpath href=%27%23f%27 /%3E%3C/animateMotion%3E%3C/circle%3E%3C/g%3E%3Cg%3E%3Ccircle r=%27.8%27 fill=%27rgba%2830, 150, 235, 0.3%29%27 fill-opacity=%271%27 shape-rendering=%27crispEdges%27%3E%3CanimateMotion dur=%276s%27 repeatCount=%27indefinite%27%3E%3Cmpath href=%27%23h%27 /%3E%3C/animateMotion%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
  display: inline-flex;
  background: var(--surface-secondary);
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--border);
  font-size: var(--text-sm);
  width: 100%;
  height: 52px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  padding: 0 12px;
  position: relative;
  transition: all 0.3s ease;
}
._1h091w50:hover {
  background: var(--surface-secondary);
}
._1h091w50[data-disabled="true"] {
  pointer-events: none;
}
._1h091w50:after {
  content: '';
  position: absolute;
  top: -2px;
  right: -2px;
  width: 8px;
  height: 8px;
  background-color: var(--accent);
  border-radius: 50%;
  z-index: 1;
  transition: opacity 0.3s;
}
._1h091w50:hover:after {
  opacity: 0;
}
._1h091w51 {
  margin-right: 12px;
  color: var(--foreground);
  font-size: 24px;
}
._1h091w52 {
  position: absolute;
  top: 4px;
  right: 4px;
  height: 14px;
  width: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--surface-shadow);
  color: var(--muted);
  background-color: var(--background);
  font-size: 14px;
  cursor: pointer;
  transition: 0.1s;
  border-radius: 50%;
  transform: scale(0.6);
  z-index: 1;
  opacity: 0;
}
._1h091w52:hover {
  transform: scale(1.1);
}
._1h091w50:hover ._1h091w52 {
  opacity: 1;
  transform: scale(1);
}
._1h091w53 {
  display: flex;
  align-items: center;
  width: 100%;
  flex: 1;
  font-size: var(--text-sm);
  white-space: nowrap;
  justify-content: space-between;
}
._1h091w54 {
  justify-content: flex-start;
}
._1h091w50:hover ._1h091w54, ._1h091w50[data-updating=true] ._1h091w54 {
  display: none;
}
._1h091w55 {
  display: none;
  justify-content: flex-start;
}
._1h091w50:hover ._1h091w55, ._1h091w50[data-updating=true] ._1h091w55 {
  display: flex;
}
._1h091w56 {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 8px 0;
}
._1h091w57 {
  padding: 0 6px;
  color: var(--muted);
  background: var(--background);
  font-size: 10px;
  line-height: 18px;
  border-radius: 4px;
  margin-left: 8px;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}
._1h091w58 {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: var(--text-sm);
  white-space: nowrap;
}
._1h091w59 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._1h091w5a {
  position: relative;
  width: 100%;
  height: 4px;
  border-radius: 12px;
  background: var(--border);
}
._1h091w5b {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 12px;
  background: var(--accent);
  transition: 0.1s;
}
._1h091w5c {
  background: var(--svg-dot-animation), var(--svg-dot-animation);
  background-repeat: no-repeat, repeat;
  background-position: center, center top 100%;
  background-size: 100%, 130%;
  -webkit-mask-image: linear-gradient(to top, transparent, black, black, transparent);
          mask-image: linear-gradient(to top, transparent, black, black, transparent);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  pointer-events: none;
  display: none;
}
._1h091w50:hover ._1h091w5c, ._1h091w50[data-updating=true] ._1h091w5c {
  display: block;
}
._1h091w5c:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--svg-dot-animation), var(--svg-dot-animation), var(--svg-dot-animation);
  background-repeat: no-repeat, repeat, repeat;
  background-position: center, center top 100%, center center;
  background-size: 100% 120%, 150%, 120%;
  filter: blur(1px);
  will-change: filter;
  pointer-events: none;
}
._1h091w5d {
  overflow: hidden;
  position: absolute;
  inset: 0;
}
._1h091w5d:before {
  content: "";
  display: block;
  inset: 0;
  position: absolute;
  filter: blur(10px) saturate(1.2);
  transition: 0.3s ease;
  will-change: filter, transform;
  transform: translateY(100%) scale(0.6);
  background: radial-gradient(ellipse 60% 80% at bottom, rgba(30, 150, 235, 0.35), transparent);
}
._1h091w5d:after {
  content: "";
  display: block;
  inset: 0;
  position: absolute;
  filter: blur(10px) saturate(1.2);
  transition: 0.1s ease;
  will-change: filter, transform;
  transform: translateY(100%) scale(0.6);
  background: radial-gradient(ellipse 30% 45% at bottom, rgba(30, 150, 235, 0.6), transparent);
}
._1h091w50:hover ._1h091w5d:before, ._1h091w50:hover ._1h091w5d:after,
  ._1h091w50[data-updating=true] ._1h091w5d:before, ._1h091w50[data-updating=true] ._1h091w5d:after {
  transform: translateY(0) scale(1);
}
._1rmmadw0 {
  padding: 0 24px;
}
._1rmmadw1 {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: var(--text-sm);
  white-space: nowrap;
}
.tnalgj0 {
  display: flex;
  gap: 8px;
  opacity: 0;
}
.tnalgj1 {
  font-size: var(--text-xs);
  height: 20px;
  width: calc(100%);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px;
  border-radius: 4px;
}
.tnalgj1[data-collapsible="true"] {
  cursor: pointer;
}
.tnalgj1[data-collapsible="true"]:hover {
  background-color: var(--color-surface-hover);
}
.tnalgj1[data-collapsible="true"]:hover:has(.tnalgj0:hover) {
  background-color: transparent;
}
.tnalgj1:hover .tnalgj2 {
  opacity: 1;
}
.tnalgj3 {
  color: var(--muted);
  font-weight: 500;
  line-height: 20px;
  flex-grow: 0;
  display: flex;
  gap: 2px;
  align-items: center;
  justify-content: start;
  cursor: pointer;
}
.tnalgj4 {
  --y: 1px;
  --r: 90deg;
  color: var(--muted);
  transform: translateY(var(--y)) rotate(var(--r));
  transition: transform 0.2s;
}
.tnalgj1[data-collapsed="true"] .tnalgj4 {
  --r: 0deg;
}
._1irdc590 {
  color: inherit;
}
._1irdc591 {
  display: inline-flex;
  align-items: center;
  border-radius: 4px;
  text-align: left;
  color: inherit;
  width: 100%;
  min-height: 30px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  padding: 0 2px 0 0;
  font-size: var(--text-sm);
  margin-top: 4px;
  position: relative;
}
._1irdc591:hover {
  background: var(--color-surface-hover);
}
._1irdc591[data-active="true"] {
  background: var(--color-surface-hover);
}
._1irdc591[data-disabled="true"] {
  cursor: default;
  color: var(--muted);
  pointer-events: none;
}
._1irdc591[data-collapsible="true"] {
  padding-left: 4px;
  padding-right: 4px;
}
._1irdc591[data-collapsible="false"]:is([data-active="true"], :hover) {
  width: calc(100% + 8px + 8px);
  transform: translateX(-8px);
  padding-left: 8px;
  padding-right: 10px;
}
._1irdc590:first-of-type ._1irdc591 {
  margin-top: 0px;
}
._1irdc592 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
._1irdc593 {
  right: 4px;
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
._1irdc591:hover ._1irdc593, ._1irdc593[data-postfix-display="always"] {
  justify-self: flex-end;
  position: initial;
  opacity: 1;
  pointer-events: all;
}
._1irdc594 {
  color: var(--foreground);
  font-size: 20px;
}
._1irdc595 {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  transition: transform 0.2s;
  color: inherit;
}
._1irdc595[data-collapsed="true"] {
  transform: rotate(-90deg);
}
._1irdc595[data-disabled="true"] {
  opacity: 0.3;
  pointer-events: none;
}
._1irdc595:hover {
  background: var(--color-surface-hover);
}
._1irdc596 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 32px;
  flex-shrink: 0;
}
._1irdc596[data-collapsible="true"] {
  width: 44px;
}
._1irdc597 {
  transition: transform 0.2s ease-in-out;
}
._1irdc597[data-collapsed="true"] {
  transform: rotate(-90deg);
}
._1irdc598 {
  flex: 1;
}
._1bi29jc0 {
  background: var(--accent);
  border-radius: 8px;
  border: 1px solid var(--border);
  cursor: default;
  padding: 12px 10px;
  box-shadow: var(--surface-shadow);
  display: flex;
  gap: 8px;
  position: fixed;
  bottom: 16px;
  left: calc(50dvw - 220px);
  width: 440px;
  z-index: var(--mt-z-index-popover);
  transition: transform 0.2s ease-in-out;
}
._1bi29jc0[data-hidden="true"] {
  transform: translateY(200%);
}
._1bi29jc1 {
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
}
._1bi29jc1:not(:last-of-type) {
  border-bottom: 1px solid var(--border);
}
._1bi29jc2 {
  display: flex;
  gap: 4px;
  justify-content: flex-end;
}
._1bi29jc3 {
  height: 26px;
  border-radius: 8px;
  padding: 0 12px;
  font-size: var(--text-xs);
}
._1bi29jc4 {
  display: inline-flex;
  align-items: center;
  font-size: var(--text-sm);
  color: var(--foreground);
  font-weight: 500;
}
._1bi29jc5 {
  font-size: var(--text-xs);
  color: var(--foreground);
  margin-top: 4px;
}
._1bi29jc6 {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
._1bi29jc7 {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 500;
  font-size: var(--text-xs);
  cursor: pointer;
}
._1bi29jc8 {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  font-size: 20px;
  color: var(--foreground);
}
._1bi29jc9 {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  font-size: 24px;
}
._1bi29jca {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex: 1;
}
._1bi29jcb {
  display: flex;
  justify-content: flex-start;
}
._1bi29jcc {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}
._1bi29jcd {
  flex: 1;
}
._1bi29jce {
  color: var(--link);
  text-decoration: underline;
}
._8tjs6y0 {
  display: inline-flex;
  align-items: center;
  border-radius: 4px;
  font-size: var(--text-sm);
  width: 100%;
  height: 30px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  padding: 0 12px 0 8px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
}
._8tjs6y0:hover {
  background: var(--color-surface-hover);
}
._8tjs6y1 {
  margin-right: 12px;
  color: var(--foreground);
  font-size: 20px;
}
._8tjs6y2 {
  flex: 1;
}
._8tjs6y3 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 16px;
  min-width: 0;
  padding: 0 4px;
  border: 1px solid var(--border);
  border-radius: 4px;
  color: var(--muted);
  font-size: var(--text-xs);
  line-height: 1;
}
._8tjs6y4 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._1a0kfvu0 {
  padding: 4px 14px;
  display: flex;
  flex-flow: column nowrap;
}
._1a0kfvu0:empty {
  display: none;
}
._1a0kfvu1 {
  --scrollbar-width: 10px;
  flex: 1 1 auto;
  overflow-y: hidden;
}
._1a0kfvu2 {
  position: absolute;
  top: 0;
  left: 16px;
  right: 16px;
  height: 1px;
  transition: opacity .3s .2s;
  opacity: 0;
  background: var(--border);
}
._1a0kfvu2[data-has-scroll-top="true"] {
  opacity: 1;
}
._1a0kfvu3 {
  height: 100%;
  margin-top: 4px;
  padding-bottom: 8px;
}
._1a0kfvu3 > div {
  max-width: 100%;
  display: block !important;
}
._1a0kfvu4 {
  height: 100%;
  padding: 0px 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._1a0kfvu5 {
  display: flex;
  flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: none;
  padding: 0 2px;
  width: var(--scrollbar-width);
  height: 100%;
  opacity: 1;
  transition: opacity .15s;
}
._1a0kfvu5[data-state="hidden"] {
  opacity: 0;
}
._1a0kfvu6 {
  position: relative;
  background: var(--separator);
  border-radius: 4px;
  overflow: hidden;
}
._1a0kfvu6::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  min-width: 44px;
  min-height: 44px;
}
.k89v7i3 {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 8px;
  overflow: clip;
  pointer-events: auto;
  -webkit-app-region: drag;
}
.k89v7i3[data-is-windows="false"] {
  padding-right: 8px;
}
.k89v7i4 {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  padding-right: 12px;
  gap: 10px;
  flex-shrink: 0;
}
.k89v7i3[data-mode="app"] .k89v7i4 {
  transition: all 0.3s;
}
.k89v7i5 {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 8px;
  overflow: hidden;
  height: 100%;
}
.k89v7i5[data-pinned="true"] {
  flex-shrink: 0;
}
.k89v7i6 {
  background: var(--border);
  width: 1px;
  height: 16px;
  flex-shrink: 0;
  margin-right: 8px;
}
.k89v7i7 {
  background: var(--border);
  width: 1px;
  height: 100%;
  flex-shrink: 0;
}
.k89v7i8 {
  display: flex;
  align-items: center;
  height: 100%;
  overflow: hidden;
  position: relative;
  padding: 0 6px;
  margin: 0 -6px;
}
.k89v7i9 {
  height: 26px;
  min-width: 32px;
  max-width: var(--k89v7i2);
  width: 200px;
  overflow: clip;
  background: var(--surface);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: var(--foreground);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 4px;
  position: relative;
  -webkit-app-region: no-drag;
}
.k89v7i8 .k89v7i9 {
  margin-right: 8px;
}
.k89v7i9[data-active="true"] {
  box-shadow: 0 0 0 1px var(--border);
}
.k89v7i8[data-dragging="true"] .k89v7i9 {
  box-shadow: 0 0 0 1px var(--accent);
}
.k89v7ia {
  min-width: 48px;
  padding: 0 8px;
  height: 100%;
  display: flex;
  gap: 4px;
  font-weight: 500;
  align-items: center;
  cursor: default;
  flex: 1;
}
.k89v7ia[data-active="true"] {
  background: var(--surface);
}
.k89v7ib {
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 14px;
  overflow: clip;
  display: flex;
  align-items: center;
  padding-right: 6px;
  justify-content: flex-end;
}
.k89v7i9:is([data-active=true], :hover) .k89v7ib:not(:empty) {
  width: 48px;
}
.k89v7ia:last-of-type[data-active=true] + .k89v7ib {
  background: linear-gradient(270deg, var(--surface) 50%, rgba(255, 255, 255, 0.00) 100%);
}
.k89v7ia:last-of-type[data-active=false] + .k89v7ib {
  background: linear-gradient(270deg, var(--surface) 65.71%, rgba(244, 244, 245, 0.00) 100%);
}
.k89v7ic {
  color: var(--foreground);
  display: flex;
  align-items: center;
  justify-content: center;
}
.k89v7id {
  width: 16px;
  height: 16px;
  font-size: 16px;
  flex-shrink: 0;
}
.k89v7ia[data-active=true] .k89v7id {
  color: var(--foreground);
}
.k89v7ia[data-active=false]:hover .k89v7id, .k89v7i9:has(.k89v7ib:hover) .k89v7ia:last-of-type .k89v7id {
  color: var(--color-surface-hover);
}
.k89v7ie {
  pointer-events: auto;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  display: none;
  color: var(--foreground);
}
.k89v7i9:is([data-active=true], :hover) .k89v7ie {
  display: flex;
}
.k89v7ie:hover {
  color: var(--color-surface-hover);
  background: var(--color-surface-hover);
}
.k89v7if {
  min-width: 0;
  text-overflow: ellipsis;
  overflow: clip;
  white-space: nowrap;
  color: var(--foreground);
  font-size: var(--text-xs);
  padding-right: 4px;
}
.k89v7ia:hover .k89v7if, .k89v7i9:has(.k89v7ib:hover) .k89v7ia:last-of-type .k89v7if {
  color: var(--color-surface-hover);
}
.k89v7ia[data-active="true"] .k89v7if {
  color: var(--foreground);
}
.k89v7ia:last-of-type .k89v7if {
  text-overflow: clip;
}
.k89v7ia:last-of-type [data-padding-right="true"].k89v7if {
  padding-right: 32px;
}
.k89v7ig {
  flex-grow: 1;
  height: 100%;
  display: flex;
  align-items: center;
  margin-left: -8px;
  position: relative;
}
.k89v7ig[data-dragged-over=true]:after {
  content: "";
  position: absolute;
  top: 10px;
  height: 32px;
  left: -5px;
  right: 0;
  width: 2px;
  border-radius: 2px;
  background: var(--accent);
}
.k89v7ih {
  width: 120px;
  height: 100%;
  flex-shrink: 0;
}
.k89v7ii {
  position: absolute;
  height: 32px;
  top: 10px;
  width: 2px;
  border-radius: 2px;
  opacity: 0;
  background: var(--accent);
}
.k89v7ii[data-edge="left"] {
  opacity: 1;
  transform: translateX(-5px);
}
.k89v7ii[data-edge="right"] {
  right: 0;
  opacity: 1;
  transform: translateX(-9px);
}
.s93dh00 {
  width: 100%;
  position: relative;
  height: 100dvh;
  flex-grow: 1;
  display: flex;
  background-color: var(--background);
}
.s93dh00.blur-background {
  background-color: transparent;
}
.s93dh00.noisy-background::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: var(--mt-app-noise-opacity, 0);
  background-repeat: repeat;
  background-size: 50px;
  background-image: var(--noise-background);
}
html[data-theme="light"] .s93dh00 {
  --mt-app-noise-opacity: 0.2;
}
html[data-theme="dark"] .s93dh00 {
  --mt-app-noise-opacity: 1;
}
.s93dh01 {
  display: flex;
  flex-flow: row;
  height: 100%;
  width: 100%;
  position: relative;
}
.s93dh02 {
  display: flex;
  flex-flow: column;
  height: 100%;
  width: 100%;
}
.s93dh03 {
  display: flex;
  flex-flow: row;
  width: 100%;
  height: calc(100% - 40px);
  position: relative;
}
.s93dh04 {
  display: flex;
  flex-flow: row;
  height: 40px;
  z-index: 1;
  width: 100%;
  overflow: hidden;
}
.s93dh05 {
  position: relative;
  z-index: 0;
  width: 100%;
  display: flex;
  flex: 1;
  max-width: 100%;
}
.s93dh05[data-client-border="true"] {
  border-radius: 6px;
  padding: 8px;
}
.s93dh05[data-client-border="true"][data-side-bar-open="true"] {
  padding-left: 0;
}
.s93dh05[data-client-border="true"][data-is-desktop="true"] {
  padding-top: 0;
}
.s93dh05[data-client-border="false"][data-is-desktop="true"][data-side-bar-open="true"] {
  border-top-left-radius: 6px;
}
.s93dh05[data-client-border="false"][data-is-desktop="true"] {
  border-top: 0.5px solid var(--border);
  border-left: 0.5px solid var(--border);
}
.s93dh05[data-transparent=true] {
  background-color: transparent;
}
@media print {
  .s93dh05[data-client-border="true"] {
    overflow: visible;
    padding: 0px;
    border-radius: 0px;
  }
}
._1bnt6ym0 {
  color: var(--muted);
  font-size: var(--text-xs);
  line-height: 20px;
}
._1bnt6ym0 a {
  color: var(--link);
}
._1bnt6ym0 .link {
  cursor: pointer;
  color: var(--link);
}
._1bnt6ym1 {
  margin: auto;
  margin-bottom: 4px;
  text-align: center;
}
._1bnt6ym2 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
._1bnt6ym3 {
  color: var(--link);
  background: transparent;
  border-color: transparent;
  font-size: var(--text-xs);
  line-height: 22px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
._1bnt6ym4 {
  display: flex;
  gap: 12px;
  align-items: center;
  height: 20px;
}
._1bnt6ym5 {
  flex: 1;
  height: 0;
  border-bottom: 1px solid var(--border);
}
._1bnt6ym6 {
  color: var(--muted);
  font-size: var(--text-xs);
}
._1bnt6ym7 {
  color: var(--foreground);
  font-size: var(--text-xs);
  font-weight: 500;
}
._1bnt6ym8 {
  color: var(--link);
  font-size: var(--text-xs);
}
._1bnt6ym9 {
  color: var(--link);
}
._1bnt6yma {
  display: flex;
  flex-direction: column;
  align-items: center;
}
._1bnt6ymb {
  background-color: var(--surface);
}
._1h44x4w0 {
  position: relative;
}
._1h44x4w1 {
  position: relative;
}
._1h44x4w1.scrollable {
  overflow-y: auto;
}
._1h44x4w2 {
  z-index: 1;
}
._1h44x4w3 {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
._1h44x4w4 {
  z-index: 1;
}
._1h44x4w5 {
  position: absolute;
}
@keyframes _14wu6630 {
  0% {
    opacity: 0;
    transform: scale(0.95) translateY(20px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@keyframes _14wu6631 {
  0% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
  100% {
    opacity: 0;
    transform: scale(0.95) translateY(20px);
  }
}
._14wu6632 {
  display: flex;
  align-items: center;
  border-radius: 10px;
  padding: 4px;
  border: 1px solid var(--border);
  box-shadow: var(--overlay-shadow);
  gap: 4px;
  min-width: -moz-max-content;
  min-width: max-content;
  width: -moz-fit-content;
  width: fit-content;
  background: var(--background);
}
._14wu6633 {
  will-change: transform opacity;
}
._14wu6633[data-state="open"] {
  animation: _14wu6630 0.2s ease-in-out;
}
._14wu6633[data-state="closed"] {
  animation: _14wu6631 0.2s ease-in-out;
}
._14wu6634 {
  width: 1px;
  height: 24px;
  background: var(--separator);
}
._14wu6635 {
  display: flex;
  align-items: center;
  color: inherit;
  gap: 4px;
  height: 32px;
  padding: 0 6px;
}
._14wu6636 {
  border-radius: 8px;
}
._14wu6636:hover {
  background: var(--color-surface-hover);
}
._14wu6637 {
  color: inherit;
}
._14wu6637:hover {
  background: var(--color-danger-soft);
  color: var(--danger);
}
._14wu6638 {
  display: flex;
  align-items: center;
  font-size: 20px;
  color: var(--foreground);
}
._14wu6637:hover ._14wu6638 {
  color: var(--danger);
}
._1myhjko0 {
  position: absolute;
  bottom: 26px;
  width: 100%;
  z-index: 1;
}
._1k3mypg0 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 0px 4px;
  border-radius: 4px;
}
._1k3mypg0:hover {
  background: var(--color-surface-hover);
}
._1k3mypg1 {
  width: 0;
  flex: 1;
}
._1k3mypg2 {
  width: 24px;
  height: 24px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._1k3mypg3 {
  gap: 4px;
  display: flex;
  align-items: center;
  padding-left: 4px;
}
._1k3mypg3:has(._1k3mypg2) {
  padding-left: 0;
}
._1k3mypg4 {
  opacity: 0;
}
._1k3mypg0:hover ._1k3mypg4 {
  opacity: 1;
}
._1k3mypg5 {
  width: 20px;
  height: 20px;
  margin-left: 2px;
  font-size: 16px;
  flex-shrink: 0;
  color: var(--foreground);
}
._1k3mypg6 {
  --rotate: 90deg;
  transition: transform 0.23s cubic-bezier(.56,.15,.37,.97);
  transform: rotate(var(--rotate));
}
._1k3mypg0[data-collapsed="true"] ._1k3mypg6 {
  --rotate: 0deg;
}
._1k3mypg7 {
  font-size: 14px;
  line-height: 22px;
  color: var(--muted);
  margin-left: 12px;
}
._1k3mypg8 {
  flex-shrink: 0;
  font-size: 15px;
  line-height: 24px;
  color: var(--muted);
}
._1k3mypg9 {
  padding: 0px 4px;
  font-size: 12px;
  line-height: 20px;
  color: var(--muted);
  border-radius: 4px;
}
._10lzfj70 {
  display: flex;
  gap: 8px;
  flex-shrink: 1.5;
  min-width: 0;
  justify-content: flex-end;
}
._10lzfj71 {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  min-width: 0;
  flex-grow: 1;
  flex-shrink: 5;
  transition: flex-shrink 0.23s cubic-bezier(.56,.15,.37,.97);
}
._10lzfj71:empty {
  display: none;
}
._10lzfj71:not(:empty) {
  min-width: 40px;
}
._10lzfj71:hover {
  flex-shrink: 0.2;
}
._10lzfj72 {
  display: flex;
  align-items: center;
  min-width: 0;
  max-width: 128px;
}
._10lzfj72:last-child {
  min-width: -moz-fit-content;
  min-width: fit-content;
}
._10lzfj73 {
  height: 24px;
  border-radius: 12px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--border);
  padding: 0px 8px 0px 6px;
  display: flex;
  align-items: center;
  gap: 4px;
  max-width: min(128px, 300%);
  min-width: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: var(--accent);
  flex-shrink: 0;
}
._10lzfj74 {
  width: 16px;
  height: 16px;
  font-size: 16px;
  color: var(--foreground);
  display: flex;
  align-items: center;
  justify-content: center;
}
._10lzfj75 {
  font-size: 12px;
  line-height: 20px;
  color: var(--foreground);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
._10lzfj76 {
  flex-shrink: 0;
}
._10lzfj76:empty {
  display: none;
}
._10lzfj77 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
._1gz8u3i0 {
  font-size: 24px;
  color: var(--foreground);
}
._1gz8u3i1 {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: flex-start;
  position: relative;
  border-radius: 4px;
  font-size: var(--text-sm);
  line-height: 22px;
  padding: 4px;
}
._1gz8u3i1[data-readonly="false"][data-hoverable="true"] {
  cursor: pointer;
}
._1gz8u3i1[data-readonly="true"][data-hoverable="true"] {
  cursor: default;
}
._1gz8u3i1[data-hoverable="true"]:is(:hover, :focus-within) {
  background-color: var(--color-surface-hover);
}
.i6anar0 {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: flex-start;
  position: relative;
  border-radius: 4px;
  font-size: var(--text-sm);
  line-height: 22px;
  padding: 4px;
  color: var(--muted);
}
.i6anar0[data-readonly="true"][data-hoverable="true"] {
  cursor: default;
}
.i6anar0[data-hoverable="true"]:is(:hover, :focus-within) {
  background-color: var(--color-surface-hover);
}
.i6anar1 {
  color: var(--muted);
}
.i6anar2 {
  display: inline-block;
}
.i6anar2::first-letter {
  text-transform: uppercase;
}
.i6anar3 {
  width: 60px;
  text-align: center;
  font-size: 12px;
  line-height: 20px;
  color: var(--muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 0;
}
._1okl3ip0 {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: flex-start;
  position: relative;
  border-radius: 4px;
  font-size: var(--text-sm);
  line-height: 22px;
  padding: 4px;
}
._1okl3ip0[data-readonly="false"][data-hoverable="true"] {
  cursor: pointer;
}
._1okl3ip0[data-readonly="true"][data-hoverable="true"] {
  cursor: default;
}
._1okl3ip0[data-hoverable="true"]:is(:hover, :focus-within) {
  background-color: var(--color-surface-hover);
}
._1okl3ip1 {
  color: var(--field-placeholder);
}
._1rwl89s0 {
  font-size: inherit;
  display: inline-flex;
  align-items: baseline;
}
._1rwl89s1 {
  opacity: 0.5;
}
._1rwl89s2 {
  opacity: 0.5;
  text-decoration: line-through;
}
._1rwl89s3[data-show-name="true"] {
  margin-right: 0.5em;
}
.jb0og20 {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 1;
  background-color: var(--surface-secondary);
}
.jb0og21 {
  height: 44px;
}
.jb0og22 {
  height: 44px;
  padding: 0 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.jb0og24 {
  --jb0og23: unset;
  max-width: var(--jb0og23);
}
.jb0og24.center {
  --jb0og23: calc(100% - 12px - 88px - 16px);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  justify-content: center;
  pointer-events: none;
}
.jb0og24:not(.center) {
  width: 0;
  flex: 1;
}
.jb0og25 {
  width: 0;
  flex: 1;
}
.jb0og26 {
  display: flex;
  align-items: center;
  gap: 0;
}
.jb0og27 {
  display: flex;
  align-items: center;
  gap: 6px;
}
.lmpduh0 {
  font-size: 34px;
  font-weight: 400;
  line-height: 41px;
  letter-spacing: 0.4px;
  font-style: normal;
}
.lmpduh1 {
  font-size: 34px;
  font-weight: 700;
  line-height: 41px;
  letter-spacing: 0.4px;
  font-style: normal;
}
.lmpduh2 {
  font-size: 28px;
  font-weight: 400;
  line-height: 34px;
  letter-spacing: 0.38px;
  font-style: normal;
}
.lmpduh3 {
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
  letter-spacing: 0.38px;
  font-style: normal;
}
.lmpduh4 {
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.26px;
  font-style: normal;
}
.lmpduh5 {
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.26px;
  font-style: normal;
}
.lmpduh6 {
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.45px;
  font-style: normal;
}
.lmpduh7 {
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: -0.45px;
  font-style: normal;
}
.lmpduh8 {
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.43px;
  font-style: normal;
}
.lmpduh9 {
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.43px;
  font-style: italic;
}
.lmpduha {
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.43px;
  font-style: normal;
}
.lmpduhb {
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.43px;
  font-style: normal;
}
.lmpduhc {
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.43px;
  font-style: italic;
}
.lmpduhd {
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.43px;
  font-style: italic;
}
.lmpduhe {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: -0.31px;
  font-style: normal;
}
.lmpduhf {
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  letter-spacing: -0.31px;
  font-style: normal;
}
.lmpduhg {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: -0.31px;
  font-style: italic;
}
.lmpduhh {
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  letter-spacing: -0.31px;
  font-style: italic;
}
.lmpduhi {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.23px;
  font-style: normal;
}
.lmpduhj {
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.23px;
  font-style: normal;
}
.lmpduhk {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.23px;
  font-style: italic;
}
.lmpduhl {
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.23px;
  font-style: italic;
}
.lmpduhm {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: -0.08px;
  font-style: normal;
}
.lmpduhn {
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: -0.08px;
  font-style: normal;
}
.lmpduho {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: -0.08px;
  font-style: italic;
}
.lmpduhp {
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: -0.08px;
  font-style: italic;
}
.lmpduhq {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: inherit;
  font-style: normal;
}
.lmpduhr {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: inherit;
  font-style: normal;
}
.lmpduhs {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: inherit;
  font-style: italic;
}
.lmpduht {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: inherit;
  font-style: italic;
}
.lmpduhu {
  font-size: 11px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: 0.06px;
  font-style: normal;
}
.lmpduhv {
  font-size: 11px;
  font-weight: 600;
  line-height: 13px;
  letter-spacing: 0.06px;
  font-style: normal;
}
.lmpduhw {
  font-size: 11px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: 0.06px;
  font-style: italic;
}
.lmpduhx {
  font-size: 11px;
  font-weight: 600;
  line-height: 13px;
  letter-spacing: 0.06px;
  font-style: italic;
}
._17ww4460 {
  padding: 0;
  overflow-y: auto;
  background-color: var(--surface-secondary);
}
._17ww4461 {
  padding: 12px;
  background-color: var(--surface);
}
._17ww4462 {
  color: var(--foreground);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
._17ww4463 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--foreground);
  padding: 0 8px;
  height: 44px;
}
._17ww4464 {
  padding: 24px 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._17ww4465 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
._17ww4466 {
  color: var(--accent);
}
._17ww4467 {
  padding: 4px;
}
._17ww4468 {
  width: 100%;
  height: 44px;
  font-size: 17px;
  align-self: center;
}
._17ww4469 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}
._17ww446a {
  color: var(--muted);
  padding: 4px;
}
._17ww446b {
  background: var(--surface);
  border-radius: 12px;
  padding: 4px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  box-shadow: inset 0 0 0 1px var(--border);
}
._17ww446c {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 4px;
}
._1seosio0[data-empty=true] {
  color: var(--field-placeholder);
}
._1seosio0[data-readonly="true"] {
  pointer-events: none;
}
._1seosio1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 4px;
}
._1seosio2 {
  gap: 20px;
}
._1seosio3 {
  padding: 0;
  position: relative;
  top: calc(-3.5px + var(--radix-popper-anchor-height) * -1);
  left: -3.5px;
  width: calc(var(--radix-popper-anchor-width) + 16px);
  overflow: hidden;
  min-width: 400px;
}
._1seosio4 {
  height: 32px;
  width: 28px;
}
._1seosio5 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 10px 12px 0px;
  min-height: 42px;
}
._1seosio2 ._1seosio5 {
  border-radius: 12px;
  padding-bottom: 10px;
  background-color: var(--accent);
}
._1seosio6 {
  background-color: var(--border);
  margin: 8px 0;
}
._1seosio7 {
  flex-grow: 1;
  height: 30px;
  border: none;
  outline: none;
  font-size: 14px;
  font-family: inherit;
  color: inherit;
  background-color: transparent;
}
._1seosio7::-moz-placeholder {
  color: var(--muted);
}
._1seosio7::placeholder {
  color: var(--muted);
}
._1seosio8 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 8px 8px 8px;
  max-height: 400px;
  overflow: auto;
}
._1seosio2 ._1seosio8 {
  padding: 0;
  max-height: none;
}
._1seosio9 {
  overflow-x: hidden;
  position: relative;
  max-height: 200px;
  gap: 8px;
}
._1seosio2 ._1seosio9 {
  border-radius: 12px;
  background-color: var(--accent);
  gap: 0;
  padding: 4px;
  max-height: none;
}
._1seosioa {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 8px;
  height: 34px;
  gap: 8px;
  cursor: pointer;
  border-radius: 4px;
}
._1seosioa[data-focused=true] {
  background-color: var(--color-surface-hover);
}
._1seosio2 ._1seosioa {
  height: 44px;
}
._1seosio2 ._1seosioa[data-focused="true"] {
  height: 44px;
  background-color: transparent;
}
._1seosiob {
  padding: 10px 8px;
  font-size: var(--text-sm);
  color: var(--muted);
  height: 34px;
}
._1seosio2 ._1seosiob {
  height: 44px;
}
._1seosioc {
  height: 22px;
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
}
._1seosioc:last-child {
  min-width: -moz-max-content;
  min-width: max-content;
}
._1seosiod {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px;
  color: var(--foreground);
  border-color: var(--border);
  font-size: inherit;
  border-radius: 10px;
  -moz-column-gap: 4px;
       column-gap: 4px;
  border-width: 1px;
  border-style: solid;
  background: var(--background);
  max-width: 128px;
  height: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._1seosiod[data-focused=true] {
  border-color: var(--accent);
}
._1seosioe {
  font-size: inherit;
  padding: 4px 4px;
  -moz-column-gap: 8px;
       column-gap: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  min-width: 0;
  gap: 4px;
  align-items: center;
  justify-content: space-between;
}
._1seosiof {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
._1seosiog {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  flex-shrink: 0;
  cursor: pointer;
}
._1seosiog:hover {
  background: var(--color-surface-hover);
}
._1seosioh {
  margin-right: 0.5em;
}
._1seosioi {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
}
._1aduv500 {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: flex-start;
  position: relative;
  border-radius: 4px;
  font-size: var(--text-sm);
  line-height: 22px;
  padding: 4px;
}
._1aduv500[data-readonly="true"][data-hoverable="true"] {
  cursor: default;
}
._1aduv500[data-hoverable="true"]:is(:hover, :focus-within) {
  background-color: var(--color-surface-hover);
}
._1aduv501 {
  display: flex;
  gap: 8px;
}
._1aduv502 {
  height: 100%;
  display: flex;
  align-items: center;
}
._1aduv503 {
  top: calc(var(--radix-popper-anchor-height) - 18px) !important;
}
._5su69j0 {
  font-weight: 400;
}
.bn2j6x1 {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: flex-start;
  position: relative;
  border-radius: 4px;
  font-size: var(--text-sm);
  line-height: 22px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.g58uh00 {
  height: 100px;
  align-items: center;
  padding: 48px 16px 20px 24px;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  background: var(--background);
}
.g58uh01 {
  font-size: var(--text-lg);
  font-weight: 500;
  color: var(--muted);
  display: flex;
  align-items: center;
  gap: 8px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.g58uh02 {
  padding: 6px 10px;
  border-radius: 8px;
  background: var(--background);
  font-size: var(--text-xs);
  font-weight: 500;
  height: 28px;
}
._1egzvxz0 {
  display: flex;
  color: var(--foreground);
  height: 54px;
  flex-shrink: 0;
  contain: strict;
  width: 100%;
  align-items: stretch;
  transition: background-color 0.2s, opacity 0.2s;
  overflow: hidden;
  cursor: default;
  will-change: opacity;
}
._1egzvxz0:hover {
  background-color: var(--color-surface-hover);
}
._1egzvxz0[data-clickable=true] {
  cursor: pointer;
}
._1egzvxz1 {
  height: 45px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  background: var(--default);
  box-shadow: var(--overlay-shadow);
  max-width: 360px;
  min-width: 260px;
}
._1egzvxz2 {
  position: relative;
  margin-left: -8px;
  height: 100%;
  outline: none;
  padding-left: 8px;
}
[data-draggable=true] ._1egzvxz2:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 4px;
  height: 4px;
  transition: height 0.2s, opacity 0.2s;
  background-color: var(--field-placeholder);
  border-radius: 2px;
  opacity: 0;
  will-change: height, opacity;
}
[data-draggable=true] ._1egzvxz2:hover:before {
  height: 12px;
  opacity: 1;
}
[data-draggable=true][data-dragging=true] ._1egzvxz2 {
  opacity: 0.5;
}
[data-draggable=true][data-dragging=true] ._1egzvxz2:before {
  height: 32px;
  width: 2px;
  opacity: 1;
}
._1egzvxz0 > :first-child {
  padding-left: 16px;
}
._1egzvxz0 > :last-child {
  padding-right: 8px;
}
._1egzvxz3 {
  width: 34px;
  display: flex;
  align-items: center;
  gap: 10px;
}
._1egzvxz4 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  font-size: var(--text-2xl);
}
._1egzvxz5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 16px;
  max-width: calc(100% - 64px);
  flex: 1;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
._1egzvxz6 {
  overflow: hidden;
  font-size: var(--text-sm);
  font-weight: 600;
  white-space: nowrap;
  flex: 1;
  text-overflow: ellipsis;
  align-self: stretch;
}
._1egzvxz7 {
  overflow: hidden;
  color: var(--muted);
  font-size: var(--text-xs);
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  align-self: stretch;
}
._1egzvxz8 {
  display: flex;
  align-items: center;
  font-size: var(--text-2xl);
  color: var(--foreground);
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}
._1egzvxz9 {
  display: flex;
  align-items: center;
  font-size: var(--text-xs);
  color: var(--muted);
  padding: 0 8px;
  height: 60px;
  width: 100%;
}
._1egzvxza {
  display: flex;
  align-items: center;
  font-size: var(--text-xs);
  color: var(--muted);
  flex-shrink: 0;
  flex-wrap: nowrap;
  padding: 0 8px;
}
._1egzvxzb {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
}
._1egzvxzc {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  -moz-column-gap: 6px;
       column-gap: 6px;
  flex-shrink: 0;
}
._1ab0ke90 {
  display: flex;
  color: var(--foreground);
  height: 54px;
  flex-shrink: 0;
  width: 100%;
  contain: strict;
  align-items: stretch;
  transition: background-color 0.2s, opacity 0.2s;
  overflow: hidden;
  cursor: default;
  will-change: opacity;
}
._1ab0ke90:hover {
  background-color: var(--color-surface-hover);
}
._1ab0ke90[data-clickable=true] {
  cursor: pointer;
}
._1ab0ke91 {
  height: 45px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  background: var(--default);
  box-shadow: var(--overlay-shadow);
  max-width: 360px;
  min-width: 260px;
}
._1ab0ke92 {
  position: relative;
  margin-left: -8px;
  height: 100%;
  outline: none;
  padding-left: 8px;
}
[data-draggable=true] ._1ab0ke92:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 4px;
  height: 4px;
  transition: height 0.2s, opacity 0.2s;
  background-color: var(--field-placeholder);
  border-radius: 2px;
  opacity: 0;
  will-change: height, opacity;
}
[data-draggable=true] ._1ab0ke92:hover:before {
  height: 12px;
  opacity: 1;
}
[data-draggable=true][data-dragging=true] ._1ab0ke92 {
  opacity: 0.5;
}
[data-draggable=true][data-dragging=true] ._1ab0ke92:before {
  height: 32px;
  width: 2px;
  opacity: 1;
}
._1ab0ke90 > :first-child {
  padding-left: 16px;
}
._1ab0ke90 > :last-child {
  padding-right: 8px;
}
._1ab0ke93 {
  padding: 5px;
  display: flex;
  align-items: center;
  gap: 10px;
}
._1ab0ke94 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  font-size: var(--text-2xl);
}
._1ab0ke95 {
  display: flex;
  align-items: flex-start;
  padding: 0 16px;
  max-width: calc(100% - 64px);
  flex: 1;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
._1ab0ke96 {
  overflow: hidden;
  font-size: var(--text-sm);
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  align-self: center;
  padding-right: 4px;
}
._1ab0ke97 {
  overflow: hidden;
  color: var(--muted);
  font-size: var(--text-base);
  flex-shrink: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  align-self: center;
}
._1ab0ke98 {
  display: flex;
  align-items: center;
  font-size: var(--text-2xl);
  color: var(--foreground);
  flex-shrink: 0;
}
._1ab0ke99 {
  display: flex;
  align-items: center;
  font-size: var(--text-xs);
  color: var(--muted);
  padding: 0 8px;
  height: 60px;
  width: 100%;
}
._1ab0ke9a {
  display: flex;
  align-items: center;
  font-size: var(--text-xs);
  color: var(--muted);
  flex-shrink: 0;
  flex-wrap: nowrap;
  padding: 0 8px;
}
._1ab0ke9b {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
}
._1ab0ke9c {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  -moz-column-gap: 6px;
       column-gap: 6px;
  flex-shrink: 0;
}
._1ab0ke9d {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._1ab0ke9e {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
.qj6jbq1 {
  width: 100%;
  flex: 1;
}
.qj6jbq2 {
  width: 100%;
  max-width: 100%;
  container-name: qj6jbq0;
  container-type: inline-size;
  background: var(--background);
}
.qj6jbq3 {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.qj6jbq5 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  overflow: hidden;
}
.qj6jbq7 {
  display: none;
}
.qj6jbq8 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  opacity: 0;
}
.qj6jbq8[data-favorite], ._1egzvxz0:hover .qj6jbq8, ._1ab0ke90:hover .qj6jbq8 {
  opacity: 1;
}
.qj6jbq9 {
  color: inherit;
  text-decoration: none;
}
.qj6jbq9:visited {
  color: inherit;
}
.qj6jbq9:active {
  color: inherit;
}
.qj6jbqa {
  position: absolute;
  right: 0;
  width: 100%;
  height: 60px;
  display: none;
  z-index: 1;
}
.qj6jbqa[data-show=true] {
  background: var(--background);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: auto;
}
.qj6jbqb {
  color: var(--foreground);
}
.qj6jbqb:hover {
  background: var(--color-danger-soft);
}
.qj6jbqb:hover .qj6jbqc {
  color: var(--danger);
}
@container qj6jbq0 (max-width: 800px) {
  .qj6jbq6[data-hide-item="true"] {
    display: none;
  }
}
._1e4lvta0 {
  padding: 0 8px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: var(--text-xs);
  color: var(--muted);
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
  position: relative;
  white-space: nowrap;
}
._1e4lvta0[data-sorting], ._1e4lvta0:hover {
  color: var(--foreground);
}
._1e4lvta0[data-sortable] {
  cursor: pointer;
}
._1e4lvta0:not(:last-child) {
  border-right: 1px solid var(--default);
}
._1e4lvta1 {
  display: inline-flex;
  font-size: 14px;
  color: var(--foreground);
}
._1q6z01d0 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._1q6z01d1 {
  display: flex;
  align-items: center;
  padding: 10px 6px 10px 16px;
  position: sticky;
  overflow: hidden;
  z-index: 1;
  top: 0;
  left: 0;
  background: var(--background);
  transition: box-shadow 0.2s ease-in-out;
  transform: translateY(-0.5px);
}
[data-has-scroll-top=true] ._1q6z01d1 {
  box-shadow: 0 0.5px var(--border);
}
._1q6z01d2 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 16px;
}
._1q6z01d1[data-selectable=toggle] ._1q6z01d2 {
  width: 32px;
}
._1q6z01d1[data-selection-active=true] ._1q6z01d2 {
  width: 24px;
}
._1ngmfc50 {
  align-items: center;
  padding: 8px;
  border-radius: 8px;
  margin: 0 16px;
  display: flex;
  font-size: var(--text-xs);
  background: var(--surface-secondary);
}
._1ngmfc50[data-show="false"] {
  display: none;
  pointer-events: none;
}
._1ngmfc51 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
._1ngmfc51.large {
  width: 16px;
  height: 16px;
}
._1ngmfc52 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}
._1ngmfc53 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding: 2px;
  cursor: pointer;
  border: 1px solid var(--overlay);
}
._1ngmfc53:hover {
  box-shadow: 0 0 0 1px var(--accent);
}
._1ngmfc53.active {
  box-shadow: 0 0 0 1px var(--accent);
}
._1ngmfc54 {
  margin-left: 20px;
  margin-right: 8px;
}
._1ngmfc55 {
  padding: 0px 10px;
  margin-right: 4px;
}
@keyframes _1536b1d1 {
  0% {
    opacity: 0;
    height: 0px;
  }
  100% {
    opacity: 1;
    height: var(--radix-collapsible-content-height);
  }
}
@keyframes _1536b1d2 {
  0% {
    opacity: 1;
    height: var(--radix-collapsible-content-height);
  }
  100% {
    opacity: 0;
    height: 0px;
  }
}
._1536b1d0 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._1536b1d3 {
  overflow: hidden;
}
._1536b1d3[data-state="open"] {
  animation: _1536b1d1 0.3s ease-in-out;
}
._1536b1d3[data-state="closed"] {
  animation: _1536b1d2 0.3s ease-in-out;
}
._1536b1d4 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._1536b1d5 {
  display: flex;
  align-items: center;
  padding: 0px 16px 0px 6px;
  height: 28px;
  contain: strict;
  background: var(--background);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
._1536b1d5:hover {
  background: var(--default);
}
._1536b1d6 {
  flex: 1;
}
._1536b1d7 {
  cursor: pointer;
}
._1536b1d8 {
  font-size: var(--text-sm);
  color: var(--muted);
}
._1536b1d9 {
  font-size: var(--text-sm);
  color: var(--muted);
}
._1536b1da {
  display: flex;
  opacity: 0;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: var(--text-xs);
  height: 20px;
  border-radius: 4px;
  padding: 0 8px;
}
._1536b1da:hover {
  background: var(--color-surface-hover);
}
._1536b1d5:hover ._1536b1da {
  opacity: 1;
}
._1536b1db {
  opacity: 0;
  font-size: 20px;
  color: var(--foreground);
  transition: transform 0.2s ease-in-out;
}
._1536b1db[data-collapsed="false"] {
  transform: rotate(90deg);
}
._1536b1d5:hover ._1536b1db, ._1536b1db[data-collapsed="true"] {
  opacity: 1;
}
._1536b1dc {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  transition: transform 0.2s;
  color: inherit;
}
._1536b1dc[data-collapsed="true"] {
  transform: rotate(-90deg);
}
._1536b1dc[data-disabled="true"] {
  opacity: 0.3;
  pointer-events: none;
}
._1536b1dc:hover {
  background: var(--color-surface-hover);
}
._6boa9u0 {
  display: flex;
  gap: 12px;
  padding: 8px 12px;
  color: var(--foreground);
  background-color: var(--surface);
  border-radius: 8px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  text-align: start;
  box-shadow: var(--surface-shadow);
}
._6boa9u0:hover {
  background-color: var(--color-surface-hover);
}
._6boa9u0[aria-disabled] {
  color: var(--muted);
}
._6boa9u0[aria-disabled]:hover {
  background-color: var(--surface);
  cursor: not-allowed;
}
._6boa9u1 {
  display: flex;
  justify-content: center;
  align-items: center;
}
._6boa9u2 {
  display: flex;
  flex-direction: column;
  flex: 1;
}
._6boa9u3 {
  color: var(--muted);
  font-size: var(--text-xs);
}
._1nhuo780 {
  background-color: var(--overlay);
}
._1nhuo781 {
  background-color: var(--surface);
}
._1w0g9ih0 {
  min-width: 220px;
}
._1w0g9ih1 {
  margin-left: 16px;
  -webkit-app-region: no-drag;
}
._1w0g9ih2 {
  padding-right: 8px;
}
._1w0g9ih3 {
  font-size: var(--text-xs);
  flex-wrap: nowrap;
}
._1w0g9ih3[data-active="true"] {
  color: var(--accent);
}
._1w0g9ih4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-weight: 500;
  font-size: var(--text-xs);
}
._1w0g9ih5 {
  font-weight: 400;
  color: var(--muted);
}
._1w0g9ih6 {
  padding: 4px 12px;
  height: 28px;
  font-size: var(--text-xs);
  font-weight: 500;
  color: var(--muted);
  margin-bottom: 4px;
}
._1w0g9ih7 {
  padding: 4px 12px;
  height: 28px;
  font-size: var(--text-xs);
}
._1w0g9ih8 {
  display: flex;
  flex-wrap: wrap;
  max-width: 200px;
  gap: 8px;
  padding: 4px 12px;
}
._1w0g9ih9 {
  color: var(--muted);
}
._1w0g9ih9[data-active="true"] {
  color: var(--foreground);
}
._3f5h1w0 {
  display: flex;
  align-items: center;
}
._1t4hb4k2 {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 32px;
}
._1t4hb4k3 {
  display: flex;
  align-items: center;
}
._1t4hb4k4 {
  overflow-x: hidden;
  position: relative;
  height: 100%;
  gap: 8px;
}
._1t4hb4k5 {
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
._1t4hb4k6 {
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
  align-items: center;
  position: absolute;
  height: 100%;
  max-width: 100%;
  transition: all 0.2s 0.3s ease-in-out;
}
._1t4hb4k2:hover ._1t4hb4k6 {
  max-width: var(--_1t4hb4k0);
}
._1t4hb4k7 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  opacity: 0;
  transition: all 0.2s;
  background: linear-gradient(90deg, transparent 0%, var(--default) 40%);
}
._1t4hb4k2:hover ._1t4hb4k7 {
  opacity: 1;
}
._1t4hb4k8 {
  height: 22px;
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
}
._1t4hb4k8:last-child {
  min-width: -moz-max-content;
  min-width: max-content;
}
._1t4hb4k9 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px;
  color: var(--foreground);
  border-color: var(--border);
}
._1t4hb4k9[data-focused=true] {
  border-color: var(--accent);
}
._1t4hb4ka {
  font-size: inherit;
  border-radius: 10px;
  -moz-column-gap: 4px;
       column-gap: 4px;
  border-width: 1px;
  border-style: solid;
  background: var(--background);
  max-width: 128px;
  height: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._1t4hb4kb {
  font-size: inherit;
  padding: 4px 12px;
  -moz-column-gap: 8px;
       column-gap: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 30px;
}
._1t4hb4kc {
  font-size: var(--text-sm);
  background: var(--_1t4hb4k1);
  padding: 0 8px;
  border-radius: 4px;
  border: 1px solid var(--border);
  gap: 4px;
}
._1t4hb4kc[data-focused=true] {
  border-color: var(--accent);
}
._1t4hb4kd {
  font-size: var(--text-lg);
  right: 0;
  position: sticky;
  display: inline-flex;
}
._1t4hb4ke {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
  background: var(--_1t4hb4k1);
}
._1t4hb4kf {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
._1t4hb4kg {
  border: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  flex-shrink: 0;
  cursor: pointer;
}
._1t4hb4kg:hover {
  background: var(--color-surface-hover);
}
._9djk1w0 {
  display: flex;
  align-items: center;
  gap: 4px;
}
._9djk1w1 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-left: 4px;
  margin-right: 6px;
}
._9djk1w2 {
  font-size: var(--text-sm);
  line-height: 1.5em;
  color: var(--foreground);
}
._9djk1w3 {
  font-size: var(--text-base);
  line-height: 1.6em;
  color: var(--muted);
  margin-right: 12px;
}
._9djk1w4 {
  color: var(--accent);
  margin-right: 6px;
  font-size: 16px;
}
._9djk1w5 {
  color: var(--foreground);
  margin-right: 6px;
  font-size: 16px;
}
._18o2t850 {
  height: 100px;
  align-items: center;
  padding: 48px 16px 20px 24px;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  background: var(--background);
}
._18o2t851 {
  font-size: var(--text-lg);
  font-weight: 500;
  color: var(--muted);
  display: flex;
  align-items: center;
  gap: 8px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
._18o2t852 {
  padding: 6px 10px;
  border-radius: 8px;
  background: var(--background);
  font-size: var(--text-xs);
  font-weight: 500;
  height: 28px;
}
.uipngp0 {
  margin-top: 2px;
  margin-bottom: 2px;
  margin-left: 12px;
  margin-right: 8px;
  height: 1px;
  background: var(--border);
}
.gbjgy10 {
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  gap: 20px;
}
.gbjgy11 {
  color: var(--muted);
  font-size: 12px;
  line-height: 20px;
}
.gbjgy12 {
  color: var(--muted);
  font-size: 14px;
  line-height: 22px;
}
.gbjgy13 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 0px 20px;
  margin-bottom: 8px;
}
._1alczy30 {
  padding: 6px 10px;
  border-radius: 8px;
  background: var(--background);
  font-size: var(--text-xs);
  font-weight: 500;
  height: 28px;
}
._1alczy31 {
  color: var(--muted);
  font-size: 12px;
  line-height: 20px;
}
.ejtsg0 {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ejtsg1 {
  border-radius: 4px;
  padding: 0 8px;
  font-size: var(--text-xs);
  line-height: 20px;
  color: var(--danger);
  background: var(--color-danger-soft);
  border: 1px solid var(--border);
}
._1byh3ok0 {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: flex-start;
  position: relative;
  border-radius: 4px;
  font-size: var(--text-sm);
  line-height: 22px;
  padding: 3px 4px;
}
._1byh3ok0[data-readonly="false"][data-hoverable="true"] {
  cursor: pointer;
}
._1byh3ok0[data-readonly="true"][data-hoverable="true"] {
  cursor: default;
}
._1byh3ok0[data-hoverable="true"]:is(:hover, :focus-within) {
  background-color: var(--color-surface-hover);
}
._1byh3ok1 {
  height: 100%;
  display: flex;
  gap: 2px;
  align-items: center;
}
._1byh3ok2 {
  font-size: 24px;
  color: var(--foreground);
}
._1byh3ok3 {
  font-size: var(--text-sm);
  color: var(--foreground);
  line-height: 22px;
  padding: 0 4px;
  border-radius: 4px;
  white-space: nowrap;
}
._1byh3ok3:hover:not([data-disabled]) {
  background: var(--color-surface-hover);
}
._1byh3ok4 {
  padding: 0 8px;
  border: 1px solid var(--border);
  background: var(--color-danger-soft);
  color: var(--danger);
  border-radius: 4px;
}
.cb8gf50 {
  border: 1px solid transparent;
  padding: 6px;
  padding-left: 5px;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  font-size: var(--text-sm);
}
.cb8gf50:focus {
  border: 1px solid var(--accent);
  box-shadow: var(--focus);
}
.cb8gf50::-moz-placeholder {
  color: var(--field-placeholder);
}
.cb8gf50::placeholder {
  color: var(--field-placeholder);
}
.cb8gf51 {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: flex-start;
  position: relative;
  border-radius: 4px;
  font-size: var(--text-sm);
  line-height: 22px;
  padding: 0px;
}
.cb8gf51[data-readonly="false"][data-hoverable="true"] {
  cursor: pointer;
}
.cb8gf51[data-readonly="true"][data-hoverable="true"] {
  cursor: default;
}
.cb8gf51[data-hoverable="true"]:is(:hover, :focus-within) {
  background-color: var(--color-surface-hover);
}
.cb8gf52 {
  color: var(--foreground);
}
input.cb8gf53 {
  border: 1px solid var(--accent);
}
._15n97cf0 {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: flex-start;
  position: relative;
  border-radius: 4px;
  font-size: var(--text-sm);
  line-height: 22px;
  padding-top: 3px;
  padding-bottom: 3px;
}
._1ti09b10 {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
}
._1grogak0[data-empty=true] {
  color: var(--field-placeholder);
}
._1grogak0[data-readonly="true"] {
  pointer-events: none;
}
._1grogak1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 4px;
}
._1grogak2 {
  gap: 20px;
}
._1grogak3 {
  padding: 0;
  position: relative;
  top: calc(-3.5px + var(--radix-popper-anchor-height) * -1);
  left: -3.5px;
  width: calc(var(--radix-popper-anchor-width) + 16px);
  overflow: hidden;
  min-width: 400px;
}
._1grogak4 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 10px 12px 0px;
  min-height: 42px;
}
._1grogak2 ._1grogak4 {
  border-radius: 12px;
  padding-bottom: 10px;
  background-color: var(--accent);
}
._1grogak5 {
  height: 32px;
  width: 28px;
}
._1grogak6 {
  background-color: var(--border);
  margin: 8px 0;
}
._1grogak7 {
  flex-grow: 1;
  height: 30px;
  border: none;
  outline: none;
  font-size: 14px;
  font-family: inherit;
  color: inherit;
  background-color: transparent;
}
._1grogak7::-moz-placeholder {
  color: var(--muted);
}
._1grogak7::placeholder {
  color: var(--muted);
}
._1grogak8 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 8px 8px 8px;
  max-height: 400px;
  overflow: auto;
}
._1grogak2 ._1grogak8 {
  padding: 0;
  max-height: none;
}
._1grogak9 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 8px;
  font-size: var(--text-xs);
  font-weight: 500;
  color: var(--muted);
}
._1grogak2 ._1grogak9 {
  font-size: var(--text-sm);
}
._1grogaka {
  overflow-x: hidden;
  position: relative;
  max-height: 200px;
  gap: 8px;
}
._1grogak2 ._1grogaka {
  border-radius: 12px;
  background-color: var(--accent);
  gap: 0;
  padding: 4px;
  max-height: none;
}
._1grogakb {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 8px;
  height: 34px;
  gap: 8px;
  cursor: pointer;
  border-radius: 4px;
}
._1grogakb[data-focused=true] {
  background-color: var(--color-surface-hover);
}
._1grogak2 ._1grogakb {
  height: 44px;
}
._1grogak2 ._1grogakb[data-focused="true"] {
  height: 44px;
  background-color: transparent;
}
._1grogakc {
  opacity: 0;
}
:is(._1grogakb:hover, ._1grogak2) ._1grogakc {
  opacity: 1;
}
._1grogakc[data-state=open] {
  opacity: 1;
}
._1grogakd {
  flex-grow: 1;
}
._1grogake {
  padding: 10px 8px;
  font-size: var(--text-sm);
  color: var(--muted);
  height: 34px;
}
._1grogak2 ._1grogake {
  height: 44px;
}
._1grogakg {
  transform: translateX(4px);
}
._1grogakh {
  display: flex;
  flex-direction: column;
  max-height: 200px;
  overflow: auto;
}
._1grogakh[data-radix-scroll-area-viewport] > div {
  display: table !important;
}
.wka9s60 {
  display: flex;
  flex-direction: column;
  max-height: 200px;
  overflow: auto;
}
.wka9s61 {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wka9s62 {
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
.wka9s63 {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.wka9s64 {
  height: auto;
  border-radius: 12px;
}
.wka9s65 {
  color: var(--danger);
}
.wka9s66 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.wka9s67 {
  flex: 1;
}
.wka9s68 {
  opacity: 0;
  color: var(--accent);
  width: 20px;
  height: 20px;
}
.wka9s68[data-selected="true"] {
  opacity: 1;
}
.axz9dc0 {
  width: 100%;
}
.axz9dc1 {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: flex-start;
  position: relative;
  border-radius: 4px;
  font-size: var(--text-sm);
  line-height: 22px;
  padding: 4px;
}
.axz9dc1[data-readonly="false"][data-hoverable="true"] {
  cursor: pointer;
}
.axz9dc1[data-readonly="true"][data-hoverable="true"] {
  cursor: default;
}
.axz9dc1[data-hoverable="true"]:is(:hover, :focus-within) {
  background-color: var(--color-surface-hover);
}
.axz9dc2 {
  display: flex;
  align-items: center;
  gap: 8px;
}
.axz9dc3 {
  width: 24px;
  height: 24px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.axz9dc4 {
  display: flex;
  align-items: center;
  gap: 4px;
}
.axz9dc5 {
  top: calc(var(--radix-popper-anchor-height) - 18px) !important;
}
.axz9dc6 {
  margin-left: 4px;
}
.y99iat0 {
  border: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  white-space: break-spaces;
  word-break: break-word;
  padding: 6px;
  padding-left: 5px;
  overflow: hidden;
  font-size: var(--text-sm);
  line-height: 22px;
}
.y99iat0::-moz-placeholder {
  color: var(--field-placeholder);
}
.y99iat0::placeholder {
  color: var(--field-placeholder);
}
.y99iat1 {
  position: relative;
  background: var(--accent);
  border-radius: 12px;
}
.y99iat2 {
  font-size: 14px;
  line-height: 22px;
  padding: 0;
  position: relative;
  height: auto;
}
.y99iat3 {
  font-size: 17px;
  line-height: 26px;
  padding: 12px;
}
.y99iat4 {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: flex-start;
  position: relative;
  border-radius: 4px;
  font-size: var(--text-sm);
  line-height: 22px;
  padding: 4px;
  outline: 1px solid transparent;
}
.y99iat4:focus-within {
  outline: 1px solid var(--accent);
  box-shadow: var(--focus);
  background-color: var(--color-surface-hover);
}
.y99iat4[data-readonly="false"][data-hoverable="true"] {
  cursor: pointer;
}
.y99iat4[data-readonly="true"][data-hoverable="true"] {
  cursor: default;
}
.y99iat4[data-hoverable="true"]:is(:hover, :focus-within) {
  background-color: var(--color-surface-hover);
}
.y99iat5 {
  border: none;
  white-space: break-spaces;
  word-break: break-word;
  overflow: hidden;
  visibility: hidden;
  font-size: var(--text-sm);
  line-height: 22px;
}
.y99iat6 {
  font-size: 17px;
  line-height: 26px;
  padding: 12px;
}
._12wxvml0 {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: var(--foreground);
}
._12wxvml1 {
  flex: 1;
}
._12wxvml2 {
  display: flex;
  align-items: center;
  gap: 6px;
}
._12wxvml3 {
  font-size: 18px;
  width: 22px;
  height: 22px;
  border-radius: 3px;
  box-shadow: 0px 0px 0px 1px var(--border);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--surface-secondary);
}
._12wxvml4 {
  font-size: 18px;
  color: var(--foreground);
}
._1aik3qs0 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
._1aik3qs1 {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 4px;
  color: var(--foreground);
  cursor: var(--cursor-interactive);
}
._1aik3qs2 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-sm);
  font-weight: 500;
}
._1aik3qs3 {
  width: 18px;
  height: 18px;
  color: var(--foreground);
}
._1aik3qs4 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._1aik3qs5 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-height: 30px;
}
._1aik3qs6 {
  display: flex;
  align-self: flex-start;
  align-items: center;
  gap: 6px;
  width: 160px;
  height: 30px;
  flex-shrink: 0;
  padding: 4px;
  border-radius: 4px;
  color: var(--muted);
  font-size: var(--text-sm);
  line-height: 22px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
._1aik3qs7 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: var(--muted);
}
._1aik3qs7 svg {
  width: 16px;
  height: 16px;
}
._1aik3qs8 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hhbc3x0 {
  width: 100%;
  height: 100%;
}
.hhbc3x1 {
  display: contents;
}
.hhbc3x2 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px 8px 12px;
  background: var(--accent);
  border-radius: 4px;
  border: 1px solid var(--border);
  font-size: 14px;
}
.hhbc3x3 {
  font-size: 24px;
}
.hhbc3x4 {
  padding: 0px 4px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  overflow: hidden;
  container-name: list-view-root;
  container-type: size;
}
.hhbc3x4:hover {
  background-color: var(--color-surface-hover);
}
.hhbc3x5 {
  position: absolute;
  padding: 5px 2px;
  color: var(--muted);
}
.hhbc3x6 {
  left: -4px;
  top: 50%;
  transform: translateY(-50%) translateX(-100%);
  opacity: 0;
}
.hhbc3x4:hover .hhbc3x6 {
  opacity: 1;
}
.hhbc3x7 {
  width: 0;
  height: 24px;
  font-size: 20px;
  padding: 2px;
  margin-left: -12px;
  flex-shrink: 0;
  display: flex;
  color: var(--foreground);
  overflow: hidden;
  align-items: center;
  justify-content: end;
  transition: width 0.25s ease, margin-left 0.25s ease;
  pointer-events: none;
}
.hhbc3x7[data-select-mode="true"] {
  width: 24px;
  margin-left: 0;
}
.hhbc3x8 {
  width: 24px;
  height: 24px;
  font-size: 24px;
  color: var(--foreground);
  display: flex;
  align-items: center;
  justify-content: center;
}
.hhbc3x9 {
  width: 0;
  height: 100%;
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: space-between;
}
.hhbc3xa {
  height: 100%;
  flex-shrink: 10;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 4px;
  min-width: 200px;
}
.hhbc3xb {
  width: 0;
  flex: 1;
}
.hhbc3xc {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hhbc3xd {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  color: var(--foreground);
}
.hhbc3xe {
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  color: var(--muted);
}
.hhbc3xf {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}
.hhbc3xi {
  --ring-color: transparent;
  --light-shadow: 0px 0px 0px 1px var(--ring-color), 0px 2px 3px rgba(0,0,0,.05);
  --dark-shadow: 0px 0px 0px 1px var(--ring-color), 0px 2px 3px rgba(0,0,0,.05);
  --light-shadow-hover: 0px 0px 0px 1px var(--ring-color), 0px 4px 6px rgba(0,0,0,.1);
  --dark-shadow-hover: 0px 0px 0px 1px var(--ring-color), 0px 4px 6px rgba(0,0,0,.1);
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  border-radius: 12px;
  background-color: var(--surface-secondary);
  border: 0.5px solid var(--border);
  box-shadow: 0px 0px 0px 1px var(--ring-color), 0px 0px 3px rgba(0,0,0,.05);
  overflow: hidden;
  transition: box-shadow 0.23s ease, border-color 0.23s ease;
}
.hhbc3x0[data-selected="true"] .hhbc3xi {
  --ring-color: var(--focus);
}
.hhbc3xi:hover {
  border-color: var(--border);
}
[data-theme="light"] .hhbc3xi {
  box-shadow: var(--light-shadow);
}
[data-theme="light"] .hhbc3xi:hover {
  box-shadow: var(--light-shadow-hover);
}
[data-theme="dark"] .hhbc3xi {
  box-shadow: var(--dark-shadow);
}
[data-theme="dark"] .hhbc3xi:hover {
  box-shadow: var(--dark-shadow-hover);
}
.hhbc3xj {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.hhbc3xk {
  font-size: 24px;
  color: var(--foreground);
  line-height: 0;
}
.hhbc3xl {
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  color: var(--foreground);
  letter-spacing: -0.24px;
  width: 0;
  flex-grow: 1;
  flex-shrink: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.hhbc3xm {
  width: 100%;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  color: var(--foreground);
  min-height: 20px;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
}
.hhbc3xn {
  width: 20px;
  height: 20px;
  font-size: 16px;
  padding: 2px;
  color: var(--foreground);
  pointer-events: none;
}
.hhbc3xo {
  left: -4px;
  top: 0;
  transform: translateX(-100%);
  opacity: 0;
}
.hhbc3xi:hover .hhbc3xo {
  opacity: 1;
}
@container list-view-root (width <= 750px) {
  .hhbc3xg {
    display: none;
  }
}
@container list-view-root (width <= 560px) {
  .hhbc3xh {
    display: none;
  }
}
._1myvjqt0 {
  background: var(--accent);
}
._1myvjqt1 {
  transition: width 0.2s ease-in-out;
}
._1klperx0 {
  display: block;
  flex-shrink: 0;
  vertical-align: middle;
  font-size: 1.1em;
  margin-bottom: 0;
  color: var(--foreground);
}
magitutor-reference ._1klperx0 {
  margin-bottom: 0;
}
._1klperx1 {
  text-decoration: none;
  color: inherit;
  word-break: break-word;
  hyphens: auto;
}
._1klperx2 {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  vertical-align: baseline;
}
._1klperx3 {
  color: var(--muted);
  text-decoration: line-through;
}
magitutor-reference .magitutor-reference {
  color: inherit !important;
  text-decoration: none !important;
}
._1g3ljoc0 {
  text-decoration: none;
  color: var(--link);
  white-space: wrap;
  word-break: break-all;
  display: inline;
}
._1g3ljoc1 {
  border: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  white-space: wrap;
  word-break: break-all;
  padding: 6px;
  padding-left: 5px;
  overflow: hidden;
  font-size: var(--text-sm);
  line-height: 22px;
}
._1g3ljoc1::-moz-placeholder {
  color: var(--field-placeholder);
}
._1g3ljoc1::placeholder {
  color: var(--field-placeholder);
}
._1g3ljoc2 {
  font-size: 14px;
  line-height: 22px;
  padding: 0;
  position: relative;
  height: auto;
}
._1g3ljoc3 {
  font-size: 17px;
  line-height: 26px;
  padding: 12px;
}
._1g3ljoc4 {
  position: relative;
  outline: 1px solid transparent;
  padding: 6px;
  display: block;
}
._1g3ljoc4:focus-within {
  outline: 1px solid var(--accent);
  box-shadow: var(--focus);
  background-color: var(--color-surface-hover);
}
._1g3ljoc5 {
  border: none;
  white-space: wrap;
  word-break: break-all;
  overflow: hidden;
  visibility: hidden;
  font-size: var(--text-sm);
  line-height: 22px;
}
._1g3ljoc6 {
  font-size: 17px;
  line-height: 26px;
  padding: 12px;
}
._1g3ljoc7 {
  position: relative;
  background: var(--accent);
  border-radius: 12px;
}
._1px5j8p0 {
  color: var(--foreground);
  width: 20px;
  height: 20px;
}
._1px5j8p1 {
  min-height: 24px;
  width: 100%;
  display: flex;
  align-items: center;
  border: 0;
  padding: 0;
  background: transparent;
  color: inherit;
}
._1px5j8p2 {
  width: 100%;
}
.v3epfq0 {
  padding: 8px;
  width: 100%;
  max-width: 415px;
  box-sizing: border-box;
}
.v3epfq1 {
  padding: 0;
}
.v3epfq2 {
  padding: 0;
}
.v3epfq3 {
  width: 100%;
}
.v3epfq4 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 22px;
}
.v3epfq5 {
  width: 100%;
  position: relative;
  gap: 6px;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}
.v3epfq6 {
  flex-shrink: 0;
}
.v3epfq7 {
  display: flex;
  align-items: center;
  gap: 4px;
  overflow: hidden;
}
@keyframes _4ozctz3 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
._4ozctz0 {
  transform: rotate(-90deg);
}
._4ozctz1 {
  position: relative;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
._4ozctz2 {
  transition: stroke-dasharray 0.3s ease-in-out;
}
._4ozctz4 {
  animation: _4ozctz3 1s linear infinite;
}
.pmh8j30 {
  color: var(--foreground);
}
.pmh8j31 {
  padding: 8px 0 0 0;
  width: 340px;
}
.pmh8j32 {
  padding: 0;
  background-color: var(--overlay);
}
.pmh8j33 {
  padding: 0;
}
.pmh8j34 {
  width: 100%;
  font-size: 12px;
}
.pmh8j35 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: var(--text-xs);
  gap: 8px;
  overflow: hidden;
}
.pmh8j36 {
  color: var(--muted);
}
.pmh8j37 {
  color: #1E96F0;
  text-decoration: none;
  font-weight: 500;
  white-space: nowrap;
}
.pmh8j38 {
  display: flex;
  flex-direction: column;
}
.pmh8j39 {
  display: flex;
  justify-content: space-between;
  padding: 4px 8px;
  gap: 8px;
  overflow: hidden;
}
.pmh8j3a {
  display: flex;
  align-items: center;
  gap: 4px;
  overflow: hidden;
}
.pmh8j3b {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
}
.pmh8j3c {
  display: flex;
  height: 20px;
  width: 20px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  cursor: pointer;
  color: var(--foreground);
}
.pmh8j3c:hover {
  background-color: var(--color-surface-hover);
}
.pmh8j3d {
  width: 100%;
  position: relative;
  gap: 6px;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}
.pmh8j3e {
  display: flex;
  align-items: center;
  overflow: hidden;
  height: 24px;
}
.pmh8j3f {
  height: 136px;
  border-radius: 2px;
}
.pmh8j3g {
  border-radius: 2px;
  height: 100%;
}
.pmh8j3h {
  width: 100%;
  height: 100%;
  background-color: var(--surface);
  padding: 1px 4px;
  font-size: 14px;
  line-height: 22px;
  border-radius: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pmh8j3i {
  height: 24px;
  border-radius: 2px;
  border: none;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pmh8j3j {
  display: flex;
  align-items: center;
  border-top: 1px solid;
  border-color: var(--border);
}
.pmh8j3k {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  cursor: pointer;
}
.pmh8j3l {
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.pmh8j3m {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.e8v7n50 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  padding: 8px;
  width: 214px;
}
.e8v7n51 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 4px;
  border-radius: 4px;
  align-items: center;
  border: 1px solid transparent;
  border-color: var(--border);
}
.e8v7n51:focus-within {
  border-color: var(--focus);
  box-shadow: var(--focus);
}
.e8v7n52 {
  flex: 1;
  min-width: 100px;
  border: none;
  outline: none;
  background-color: transparent;
  font-size: 14px;
  line-height: 22px;
  padding: 0;
  color: var(--foreground);
}
.e8v7n53 {
  display: flex;
  flex-direction: column;
  max-height: 300px;
  overflow: auto;
}
.e8v7n54 {
  background-color: var(--color-surface-hover);
}
.e8v7n55 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: var(--foreground);
  font-size: 16px;
  cursor: pointer;
  border-radius: 2px;
}
.e8v7n55:hover {
  background-color: var(--surface-tertiary);
}
.e8v7n56 {
  display: flex;
  gap: 4px;
  align-items: center;
  overflow: hidden;
  padding: 2px;
  border-radius: 2px;
  border: 1px solid transparent;
  border-color: var(--border);
  background-color: var(--surface);
}
.e8v7n57 {
  display: flex;
  align-items: center;
  gap: 8px;
  overflow: hidden;
  padding: 4px;
  border-radius: 4px;
}
.e8v7n58 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 22px;
  flex: 1;
}
.e8v7n59 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.e8v7n5a {
  display: flex;
  align-items: center;
  padding: 4px 0;
  gap: 8px;
}
.e8v7n5b {
  display: flex;
  align-items: center;
  padding: 4px;
  color: var(--foreground);
  font-size: 14px;
  line-height: 22px;
}
.y1sj7r0 {
  overflow-x: clip;
  display: flex;
  flex-direction: column;
  position: relative;
}
.y1sj7r1 {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.y1sj7r1[hidden] {
  display: none;
}
.y1sj7r2 {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  overflow: clip;
}
[data-magitutor-mode-switching='to-canvas'] .magitutor-canvas-block-child {
  box-shadow: none;
}
.y1sj7r3 {
  height: 100%;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding-bottom: 100px;
  background: transparent;
  font-family: var(--meditor-font-sans);
}
.y1sj7r3 > [data-lit-react-wrapper]:has(doc-title) {
  display: block;
  flex-shrink: 0;
}
.y1sj7r3 > [data-lit-react-wrapper]:has(doc-title) doc-title {
  display: block;
}
.y1sj7r4 {
  height: 100%;
  flex: 1;
}
.y1sj7r5 {
  display: block;
}
.y1sj7r5:has(magitutor-ai-panel-widget[data-state='generating']) {
  padding-bottom: 980px;
}
.y1sj7r5:has(magitutor-ai-panel-widget[data-state='finished']) {
  padding-bottom: 980px;
}
.y1sj7r5:has(magitutor-ai-panel-widget[data-state='error']) {
  padding-bottom: 980px;
}
.y1sj7r6 {
  display: block;
  flex-grow: 1;
  min-height: 0;
  background: transparent;
  font-family: var(--meditor-font-sans);
}
.y1sj7r7 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: 0;
  width: 100%;
  max-width: var(--meditor-editor-width, 752px);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--meditor-editor-side-padding, 24px);
  padding-right: var(--meditor-editor-side-padding, 24px);
  box-sizing: border-box;
}
.y1sj7r6 * {
  box-sizing: border-box;
}
.y1sj7r8 {
  font-size: var(--text-xl);
  font-weight: 600;
  padding: 0 4px;
  border-radius: 4px;
  margin-left: 4px;
  line-height: 0px;
}
.y1sj7r9 {
  color: var(--muted);
}
.y1sj7ra {
  color: var(--accent);
}
.y1sj7rb {
  vertical-align: middle;
  font-size: 1.1em;
  transform: translate(2px, -1px);
}
.y1sj7rc {
  display: flex;
  width: 100%;
  justify-content: center;
}
.y1sj7rd {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  max-width: var(--meditor-editor-width);
  padding: 0 var(--meditor-editor-side-padding, 24px);
}
@container viewport (width <= 640px) {
  .y1sj7r7 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .y1sj7rd {
    padding: 0 16px;
  }
}
._8fxitk0 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px;
  z-index: 2;
  pointer-events: none;
}
._8fxitk1 {
  display: flex;
  align-items: center;
  padding: 4px;
  margin-right: 8px;
  gap: 4px;
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
}
._8fxitk2 {
  display: flex;
  align-items: center;
  color: var(--foreground);
}
._8fxitk3 {
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: Inter;
}
._8fxitk4 {
  color: var(--foreground);
  font-weight: 600;
  line-height: 30px;
}
._8fxitk5 {
  color: var(--muted);
  font-weight: 400;
  line-height: 24px;
  font-size: 15px;
}
._8fxitk5[data-collapsed="true"] {
  color: var(--foreground);
  font-weight: 500;
}
._8fxitk6 {
  padding: 4px;
  pointer-events: auto;
  color: var(--mt-transparent);
  border-radius: 4px;
  gap: 0;
}
._8fxitk7 {
  font-weight: 500;
}
.t9loc30 {
  display: inline-flex;
  height: 1em;
  width: 1em;
  align-items: center;
  justify-content: center;
}
.t9loc30 :is(path[fill="rgb(119,117,125)"],path[fill="rgb(122,122,122)"]) {
  fill: currentColor;
}
.t9loc30 :is(path[stroke="rgb(119,117,125)"],path[stroke="rgb(122,122,122)"]) {
  stroke: currentColor;
}
.t9loc30 :is(rect[fill="rgb(255,255,255)"],rect[fill="#ffffff"]) {
  fill: transparent;
}
.t9loc30 :is(path[fill="rgb(255,255,255)"],path[fill="#ffffff"]) {
  fill: transparent;
}
.t9loc30 :is(path[fill="rgb(245,245,245)"]) {
  fill: var(--surface-secondary);
}
._1jgk4k80 {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--border);
  border-radius: 6px;
  padding: 12px;
  cursor: default;
  width: 100%;
  background-color: var(--accent);
  gap: 12px;
}
._1jgk4k81 {
  display: flex;
  align-items: flex-start;
  font-weight: 500;
  font-size: 16px;
  color: var(--foreground);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 24px;
  gap: 12px;
}
._1jgk4k82 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  overflow: hidden;
}
._1jgk4k83 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._1jgk4k84 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._1jgk4k85 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 8px;
  font-size: var(--text-sm);
  font-weight: 600;
}
._1jgk4k86 {
  flex: 1;
}
._1jgk4k87 {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: var(--text-xs);
  color: var(--muted);
}
._1jgk4k88 {
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._1jgk4k89 {
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--surface-secondary);
  color: var(--foreground);
}
._1jgk4k8a {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}
._1jgk4k8b {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  color: var(--foreground);
  border: none;
  border-radius: 4px;
  padding: 4px;
  min-width: 28px;
  height: 28px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
}
._1jgk4k8b:hover {
  background-color: var(--surface-secondary);
}
._1jgk4k8b:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._1jgk4k8c {
  width: 100%;
  height: 32px;
  display: flex;
  align-items: center;
  gap: 8px;
}
._1jgk4k8d {
  width: 100%;
  height: 12px;
  background-color: var(--surface-tertiary);
  border-radius: 2px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}
._1jgk4k8e {
  height: 100%;
  background-color: var(--foreground);
  transition: width 0.1s linear;
}
._1jgk4k8f {
  font-size: var(--text-xs);
  color: var(--muted);
  min-width: 48px;
}
._1jgk4k8f:last-of-type {
  text-align: right;
}
._1jgk4k8g {
  font-size: var(--text-xs);
  font-weight: 500;
  color: var(--muted);
  cursor: pointer;
}
._1jgk4k8h {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 4px;
  border: 1px solid var(--border);
  border-radius: 4px;
  padding: 8px;
  cursor: default;
  width: 100%;
  background-color: var(--accent);
}
._1jgk4k8i {
  font-size: var(--text-xs);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 20px;
  margin-bottom: 2px;
}
._1jgk4k8j {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
._1jgk4k8k {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
}
._1jgk4k8l {
  position: absolute;
  right: 8px;
  top: 8px;
  display: none;
  background: var(--surface-secondary);
  border: 1px solid var(--border);
}
._1jgk4k8h:hover ._1jgk4k8l {
  display: block;
}
._1jksqih0 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 1px;
  position: relative;
  overflow: hidden;
  max-width: 2000px;
}
.xnt4lp0 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  height: auto;
}
.xnt4lp1 {
  padding: 4px 8px;
  color: var(--foreground);
  font-size: var(--text-xs);
  font-weight: 500;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.xnt4lp2 {
  font-size: 24px;
  width: 1em;
  height: 1em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.xnt4lp3 {
  display: flex;
  color: var(--mt-ai-error-text);
}
.xnt4lp4 {
  display: flex;
  align-items: center;
  padding: 0 4px;
  gap: 4px;
  border: none;
  background: none;
  cursor: pointer;
  outline: none;
  color: var(--accent);
  font-size: var(--text-sm);
  font-weight: 500;
}
.xnt4lp5 {
  font-size: 16px;
}
.magitutor-attachment-container:has(.xnt4lp0) {
  border: none;
  overflow: visible;
}
._1855520 {
  border-radius: 6px;
}
._18if97b0 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._18if97b1 {
  display: inline-block;
  vertical-align: bottom;
  color: var(--accent);
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 0;
  max-width: 360px;
}
.yc7igt0 {
  position: absolute;
  left: 0;
  bottom: 8px;
  padding: 10px 18px;
  display: flex;
  width: 100%;
  box-sizing: border-box;
  gap: 14px;
  font-style: normal;
  font-size: 12px;
  flex-direction: column;
  border-radius: 8px;
  background-color: var(--meditor-overlay);
}
.yc7igt1 {
  display: flex;
  width: 100%;
  height: 20px;
  align-items: center;
  justify-content: space-between;
}
.yc7igt2 {
  font-weight: 600;
  line-height: 20px;
  color: var(--meditor-muted);
}
.yc7igt3 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  cursor: pointer;
  color: var(--meditor-foreground);
}
.yc7igt4 {
  display: flex;
  width: 100%;
  gap: 2px;
  flex-direction: column;
}
.yc7igt5 {
  display: flex;
  height: 20px;
  align-items: center;
  line-height: 20px;
  color: var(--meditor-foreground);
}
.yc7igt6 {
  font-weight: 400;
}
.yc7igt7 {
  display: flex;
  gap: 2px;
  font-weight: 500;
  text-decoration: underline;
  cursor: pointer;
}
.yc7igt8 {
  display: flex;
  align-items: center;
  line-height: 20px;
}
.yc7igt9 {
  scale: 0.8;
}
._2s6y910 {
  position: relative;
  align-items: start;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 0 8px;
  flex-grow: 1;
  overflow-y: scroll;
}
._2s6y911 {
  position: relative;
}
._2s6y912 {
  width: 100%;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  color: var(--meditor-muted);
  padding-left: 8px;
  height: 40px;
  box-sizing: border-box;
  padding: 6px 8px;
  margin-top: 8px;
}
._2s6y913 {
  height: 2px;
  border-radius: 1px;
  background-color: var(--meditor-accent);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  contain: layout size;
  width: 100%;
}
._2s6y914 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
._2s6y915 {
  margin-top: 240px;
  align-self: center;
  width: 190px;
  height: 48px;
  color: var(--meditor-muted);
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
._1qtlzla0 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
._1qtlzla0[data-status="dragging"] {
  pointer-events: none;
  opacity: 0.5;
}
._1qtlzla0[data-sortable="true"] {
  padding: 2px 0px;
}
._1qtlzla1 {
  position: relative;
  width: 100%;
  border-radius: 4px;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
._1qtlzla0[data-sortable="true"] ._1qtlzla1:hover {
  background: var(--meditor-hover);
}
._1qtlzla0[data-status="selected"] ._1qtlzla1 {
  background: var(--meditor-hover);
}
._1qtlzla0[data-status="dragging"] ._1qtlzla1 {
  background: var(--meditor-hover);
  opacity: 0.9;
}
._1qtlzla2 {
  padding: 0 8px;
  width: 100%;
  min-height: 28px;
  display: none;
  align-items: center;
  gap: 8px;
  box-sizing: border-box;
}
._1qtlzla2:hover {
  cursor: grab;
}
._1qtlzla0[data-sortable="true"] ._1qtlzla2 {
  display: flex;
}
._1qtlzla3 {
  text-align: center;
  font-size: var(--meditor-text-small);
  color: var(--meditor-accent);
  font-weight: 500;
  line-height: 14px;
}
._1qtlzla4 {
  height: 1px;
  flex: 1;
  border-top: 1px dashed var(--meditor-border);
  transform: translateY(50%);
}
._1qtlzla5 {
  font-family: var(--meditor-font-sans);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: var(--meditor-foreground);
}
._1qtlzla5:hover {
  cursor: pointer;
}
.w6aj5t0 {
  font-family: var(--meditor-font-sans);
  width: 100%;
  box-sizing: border-box;
  padding: 6px 8px;
  white-space: nowrap;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 8px;
}
.w6aj5t0:hover {
  cursor: pointer;
  background: var(--meditor-hover);
}
.active > .w6aj5t0 {
  color: var(--meditor-accent);
}
.w6aj5t0:not(:has(span)) {
  display: none;
}
.w6aj5t1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  box-sizing: border-box;
  padding: 4px;
  background: var(--meditor-surface-secondary);
  border-radius: 4px;
  color: var(--meditor-foreground);
}
.w6aj5t2 {
  color: var(--meditor-muted);
}
.w6aj5t3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  font-size: var(--meditor-text-small);
  line-height: 22px;
  height: 22px;
}
.w6aj5t4 {
  font-weight: 400;
  padding-left: 28px;
}
.w6aj5t5 {
  font-weight: 600;
  padding-left: 0;
}
.w6aj5t6 {
  font-weight: 600;
  padding-left: 0;
}
.w6aj5t7 {
  font-weight: 600;
  padding-left: 4px;
}
.w6aj5t8 {
  font-weight: 600;
  padding-left: 12px;
}
.w6aj5t9 {
  font-weight: 600;
  padding-left: 16px;
}
.w6aj5ta {
  font-weight: 600;
  padding-left: 20px;
}
.w6aj5tb {
  font-weight: 600;
  padding-left: 24px;
}
.w6aj5tc {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.w6aj5td {
  font-size: inherit;
  border-bottom: 0.5px solid var(--meditor-border-soft);
  white-space: break-spaces;
  margin-right: 2px;
}
.w6aj5te {
  color: var(--meditor-muted);
}
.w6aj5tf > svg {
  margin-bottom: 0.1em;
}
.w6aj5tg {
  color: var(--meditor-muted);
  text-decoration: line-through;
}
._8dhy8l1 {
  display: flex;
  width: 100%;
  height: 40px;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 8px 16px;
}
._8dhy8l2 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._8dhy8l3 {
  width: 119px;
  height: 22px;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  color: var(--meditor-muted);
}
._8dhy8l4 {
  display: none;
  justify-content: center;
  align-items: center;
  background: var(--meditor-overlay);
  box-shadow: var(--meditor-shadow);
  border-radius: 8px;
}
._8dhy8l4[data-show] {
  display: flex;
}
.ezbvci1 {
  padding: 8px;
  width: 220px;
  display: flex;
  flex-direction: column;
}
.ezbvci2 {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  height: 28px;
  padding: 4px 12px;
  align-items: center;
}
.ezbvci3 {
  font-family: sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  color: var(--meditor-muted);
  padding: 0 4px;
}
.ezbvci4 {
  gap: 4px;
}
.ezbvci5 {
  width: 138px;
  height: 20px;
  padding: 0 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  color: var(--meditor-foreground);
}
.ezbvci6 {
  display: flex;
}
.qbe3xa0 {
  display: flex;
  flex-direction: column;
  background-color: var(--meditor-accent);
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  font-family: var(--meditor-font-sans);
  padding-top: 8px;
  position: relative;
}
.bq55k50 {
  width: 100%;
  height: 100%;
}
.bq55k51 {
  min-height: 24px;
  width: 100%;
  border: 0;
  padding: 0;
  background: transparent;
  color: inherit;
}
._1oqskup0 {
  width: 100%;
  padding: 6px;
  min-height: 34px;
}
._1oqskup1 {
  padding: 0px !important;
}
.sa361a0 {
  display: flex;
  flex-direction: column;
}
.sa361a1 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.sa361a2 {
  display: flex;
  align-items: center;
  gap: 20px;
  min-height: 30px;
  padding: 4px;
}
.sa361a3 {
  flex: 1;
  min-width: 0;
}
.sa361a4 {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  min-width: 0;
  color: var(--foreground);
  cursor: var(--cursor-interactive);
}
.sa361a5 {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: var(--foreground);
}
.sa361a6 {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: var(--foreground);
}
.sa361a7 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-height: 30px;
}
.sa361a8 {
  display: flex;
  align-self: flex-start;
  align-items: center;
  gap: 6px;
  width: 160px;
  height: 30px;
  flex-shrink: 0;
  padding: 4px;
  border-radius: 4px;
  color: var(--muted);
  font-size: var(--text-sm);
  line-height: 22px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sa361a9 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: var(--muted);
}
.sa361aa {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sa361ab {
  background-color: var(--border);
  margin: 8px 0;
}
.sa361ac {
  flex: 1;
}
.sa361ad {
  max-width: 50%;
  font-size: var(--text-sm);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--muted);
}
.sa361ae {
  max-width: 110px;
  min-width: 60px;
}
.sa361af {
  padding: 0 2px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.sa361ag {
  display: flex;
  align-items: center;
  gap: 4px;
  overflow: hidden;
}
.sa361ah {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
}
._1y1xg9l0 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: var(--text-xs);
  font-weight: 500;
  color: var(--muted);
  padding: 8px 16px;
  min-width: 200px;
  text-transform: uppercase;
}
._1y1xg9l1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 200px;
}
._1hudvsd0 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._1hudvsd1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: var(--foreground);
  font-size: var(--text-sm);
  font-weight: 500;
  padding: 0 6px;
  gap: 8px;
  justify-content: space-between;
}
._1hudvsd2 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  border-radius: 4px;
  width: 28px;
  height: 28px;
  cursor: pointer;
  transition: background-color 0.2s;
}
._1hudvsd2:hover {
  background-color: var(--color-surface-hover);
}
._1hudvsd2[data-active=true] {
  color: var(--accent);
}
._1hudvsd3 {
  font-size: var(--text-lg);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  border: 1px solid var(--border);
  background: var(--surface-secondary);
  cursor: pointer;
}
._1hudvsd3:hover:not([data-readonly=true]) {
  background-color: var(--surface-tertiary);
}
._1hudvsd3[data-readonly=true] {
  cursor: default;
}
._1hudvsd4 {
  max-height: 320px;
  display: flex;
  flex-direction: column;
}
._1hudvsd5 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: var(--text-xs);
  font-weight: 500;
  color: var(--muted);
  padding: 8px 12px;
  min-width: 200px;
  text-transform: uppercase;
}
._1ww49820 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--muted);
  padding: 8px 0px;
  min-width: 260px;
}
._1ww49821 {
  padding: 8px 20px;
}
._1ww49822 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: var(--text-sm);
  padding: 8px 4px;
  min-width: 260px;
}
._1ww49823 {
  padding: 8px 20px;
}
._1ww49824 {
  color: var(--muted);
  font-size: var(--text-sm);
  display: flex;
  align-items: center;
  gap: 4px;
}
._1ww49825 {
  color: var(--foreground);
  font-size: var(--text-sm);
  padding: 0 8px;
  display: flex;
  align-items: center;
}
._1ww49826 {
  padding: 10px 16px;
}
.mbdqqm2 {
  --mbdqqm0: 160px;
  --mbdqqm1: var(--text-sm);
  width: 100%;
  font-family: var(--font-sans);
  padding-bottom: 18px;
}
.mbdqqm3 {
  display: flex;
  height: 30px;
  padding: 4px;
  margin-bottom: 8px;
  justify-content: space-between;
  align-items: center;
  color: var(--muted);
  font-weight: 500;
}
.mbdqqm4 {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  cursor: pointer;
  font-size: 20px;
}
.mbdqqm5 {
  color: var(--muted);
}
.mbdqqm6 {
  padding: 0 6px;
  cursor: pointer;
  border-radius: 4px;
}
.mbdqqm6:hover {
  background-color: var(--color-surface-hover);
}
.mbdqqm7 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: var(--text-sm);
}
.mbdqqm8 {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 8px;
  cursor: default;
  padding: 0 6px;
}
.mbdqqm9 {
  height: 0;
  border-top: 0.5px solid var(--border);
  width: 100%;
  margin: 8px 0;
}
.mbdqqma {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mbdqqmb {
  display: flex;
  flex-direction: column;
  position: relative;
}
.mbdqqmc {
  display: flex;
  gap: 4px;
  min-height: 30px;
  position: relative;
  flex-wrap: wrap;
}
.mbdqqmc[draggable="true"] {
  cursor: grab;
}
.mbdqqmc[draggable="true"][data-dragging="true"] {
  visibility: hidden;
}
.mbdqqmc[draggable="true"]::before {
  content: "";
  display: block;
  position: absolute;
  cursor: grab;
  top: 15px;
  left: 0;
  border-radius: 2px;
  background-color: var(--muted);
  transform: translate(-6px, -50%);
  transition: height 0.2s 0.1s, opacity 0.2s 0.1s;
  opacity: 0;
  height: 4px;
  width: 4px;
  will-change: height, opacity;
}
.mbdqqmc[draggable="true"]::after {
  content: "";
  display: block;
  position: absolute;
  cursor: grab;
  top: 15px;
  left: 0;
  border-radius: 2px;
  background-color: transparent;
  transform: translate(-8px, -50%);
  height: 100%;
  width: 8px;
  will-change: height, opacity;
}
.mbdqqmc[draggable="true"]:hover::before {
  height: 12px;
  opacity: 1;
}
.mbdqqmd {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mbdqqme {
  overflow: hidden;
  height: 0;
  min-height: 0;
  padding: 0;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
}
.mbdqqmf {
  display: flex;
  align-self: flex-start;
  flex-direction: column;
  justify-content: start;
  position: relative;
  border-radius: 4px;
  font-size: var(--text-sm);
  padding: 4px;
  flex-shrink: 0;
  line-height: 22px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: var(--muted);
  width: 160px;
  height: 30px;
}
.mbdqqmf[data-has-menu="true"] {
  cursor: pointer;
}
.mbdqqmf[data-has-menu="true"]:hover {
  background-color: var(--color-surface-hover);
}
[data-drag-preview] .mbdqqmf:hover {
  background-color: transparent;
}
.mbdqqmg {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
}
.mbdqqmh {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  font-size: 16px;
  color: var(--muted);
}
.mbdqqmi {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-sm);
}
.mbdqqmj {
  align-self: flex-start;
  font-size: var(--text-sm);
  color: var(--muted);
  padding: 0 8px 0 4px;
  height: 30px;
  font-weight: 400;
  gap: 6px;
}
.mbdqqmj svg {
  font-size: 16px;
  color: var(--muted);
}
.mbdqqmj:hover svg {
  color: var(--foreground);
}
.mbdqqmk {
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  border-radius: 999px;
  background-color: var(--accent);
  pointer-events: none;
}
.mbdqqmk[data-edge="top"] {
  top: -4px;
}
.mbdqqmk[data-edge="bottom"] {
  bottom: -4px;
}
.mbdqqml {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mbdqqmm {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 4px;
  min-height: 30px;
}
.mbdqqmn {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1;
  overflow: hidden;
}
.mbdqqmo {
  width: 16px;
  height: 16px;
  font-size: 16px;
  color: var(--foreground);
}
.mbdqqmp {
  display: flex;
  align-items: center;
  font-size: var(--text-sm);
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
}
.mbdqqmp[data-collapsed="true"] {
  color: var(--muted);
}
.mbdqqmq {
  transition: all 0.2s ease-in-out;
  color: var(--foreground);
  font-size: 20px;
}
.mbdqqmq[data-collapsed="true"] {
  transform: rotate(90deg);
  color: var(--muted);
}
.mbdqqmr {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.mbdqqmr[hidden] {
  display: none;
}
.mbdqqms {
  display: flex;
  flex-direction: row;
  padding-top: 2px;
}
[data-property-collapsed="true"] .mbdqqms {
  display: none;
}
.mbdqqmt {
  font-size: var(--text-sm);
  color: var(--muted);
  padding: 0 4px;
  height: 30px;
  font-weight: 400;
  gap: 6px;
  width: 160px;
  border-radius: 4px;
  justify-content: start;
}
.mbdqqmt svg {
  font-size: 16px;
  color: var(--muted);
}
.mbdqqmt:hover svg {
  color: var(--foreground);
}
.mbdqqmu {
  opacity: 0;
}
.mbdqqms:hover .mbdqqmu {
  opacity: 1;
}
.mbdqqmv {
  transition: transform 0.2s ease-in-out;
}
.mbdqqmv[data-collapsed="true"] {
  transform: rotate(90deg);
}
.mbdqqmw {
  background: var(--surface);
  max-width: calc(var(--meditor-editor-width) / 2);
  width: 100%;
  max-height: 30vh;
  overflow-y: auto;
}
.mbdqqmx:has([data-property-value][data-empty="true"]) {
  display: none;
}
@container viewport (width <= 640px) {
  .mbdqqm2 {
    --mbdqqm1: var(--text-xs);
  }
}
@media print {
  .mbdqqm3 {
    display: none;
  }
  .mbdqqm9 {
    display: none;
  }
  .mbdqqma[data-state="open"] {
    margin-bottom: 32px;
  }
  .mbdqqmj {
    display: none;
  }
  .mbdqqmt {
    display: none;
  }
}
._1nnrgcv0 {
  font-size: var(--text-sm);
  display: flex;
  align-items: center;
  padding: 0px 4px 0 0;
  line-height: 22px;
  color: var(--foreground);
}
._1nnrgcv1 {
  font-size: var(--text-sm);
  display: flex;
  align-items: center;
  padding: 0px 4px;
  line-height: 22px;
  height: 22px;
  color: var(--foreground);
}
._1nnrgcv1:has(>:hover) {
  cursor: pointer;
  background: var(--color-surface-hover);
  border-radius: 4px;
}
._1nnrgcv1:empty {
  display: none;
}
._1nnrgcv2 {
  color: var(--muted);
}
._1nnrgcv3 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
._1nnrgcv4 {
  font-size: 18px;
  margin-right: 6px;
  padding: 1px 0;
  display: flex;
  align-items: center;
  color: var(--foreground);
}
._1nnrgcv5 {
  color: var(--danger);
}
._1nnrgcv6 {
  color: var(--muted);
}
._1nnrgcv7 {
  font-size: var(--text-sm);
  color: var(--muted);
  padding: 0px 4px;
  line-height: 22px;
  transition: background 0.15s ease-in-out;
  display: flex;
  align-items: center;
  min-width: 18px;
}
._1nnrgcv7:hover {
  cursor: pointer;
  background: var(--color-surface-hover);
  border-radius: 4px;
}
._1wcm9sa0 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
._1wcm9sa1 {
  display: flex;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--white);
  padding: 4px 8px;
  gap: 4px;
  height: 32px;
  overflow: hidden;
  justify-content: space-between;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
}
._1wcm9sa1[data-draft="true"] {
  border-style: dashed;
}
._1wcm9sa2 {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-left: 4px;
}
._1wcm9sa3 {
  display: flex;
  flex-direction: row;
  margin: 2px 2px;
  align-items: center;
  gap: 4px;
}
._1wcm9sa4 {
  font-weight: 500;
  line-height: 22px;
  font-size: var(--text-sm);
  color: var(--foreground);
}
._1wcm9sa4:first-child {
  margin-left: 12px;
}
._1wcm9sa5 {
  font-size: 20px;
  color: var(--foreground);
}
._1wcm9sa6 {
  font-size: var(--text-sm);
  color: var(--foreground);
}
._1wcm9sa7 {
  width: 230px;
}
._1wcm9sa8 {
  height: 32px;
}
._1scbibf0 {
  display: flex;
  flex-direction: column;
  height: 100%;
}
._1scbibf1 {
  border-bottom: 1px solid var(--border);
  min-height: 64px;
}
._1scbibf2 {
  width: 100%;
  height: 100%;
  outline: none;
  padding: 20px 20px 20px 24px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.2px;
}
._1scbibf3 {
  height: 0;
  flex: 1;
}
._1scbibf4 {
  border-top: 1px solid var(--border);
  min-height: 64px;
  padding: 20px 24px;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._1scbibf5 {
  display: flex;
  align-items: center;
  gap: 18px;
  font-size: var(--text-xs);
  line-height: 20px;
  font-weight: 500;
}
._1scbibf6 {
  display: flex;
  align-items: center;
  gap: 7px;
}
._1scbibf7 {
  color: var(--accent);
}
._1scbibf8 {
  padding: 4px 18px;
}
._1scbibf9 {
  display: flex;
  gap: 20px;
}
._1scbibfa {
  padding: 4px 18px;
}
._3f8p830 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
._3f8p831 {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
  padding: 16px 16px 8px 16px;
}
._3f8p832 {
  width: 100%;
}
._3f8p833 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._18zm0yu0 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._18zm0yu1 {
  display: flex;
  gap: 8px;
  align-items: center;
}
._18zm0yu2 {
  display: flex;
  justify-content: space-between;
  padding: 20px 24px;
  border-top: 1px solid var(--border);
  flex-wrap: wrap;
  gap: 12px;
}
._18zm0yu3 {
  border-top: 1px solid var(--border);
}
._18zm0yu4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: var(--muted);
  padding: 8px;
  padding-bottom: 0;
}
._18zm0yu5 {
  flex: 2;
  flex-direction: column;
  border-left: 1px solid var(--border);
  overflow-x: hidden;
  overflow-y: auto;
}
._18zm0yu6 {
  overflow: hidden;
  font-weight: 600;
}
._18zm0yu7 {
  text-decoration: line-through;
}
._18zm0yu8 {
  padding: 0 8px;
  color: var(--muted);
}
._18zm0yu9 {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  line-height: 20px;
  overflow: hidden;
}
._18zm0yua {
  display: flex;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  background-color: var(--background);
  overflow: hidden;
  gap: 16px;
  white-space: nowrap;
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 4px 8px 4px;
}
._18zm0yub {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  line-height: 22px;
}
._18zm0yuc {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-shrink: 0;
}
._18zm0yud {
  padding: 12px 16px 16px;
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
}
._18zm0yue {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
  padding: 16px 16px 8px 16px;
}
._18zm0yuf {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
._18zm0yug {
  display: flex;
  overflow: hidden;
  flex: 1;
}
._18zm0yuh {
  display: flex;
  flex-direction: column;
  height: 100%;
}
._18zm0yui {
  margin-left: 20px;
}
._18zm0yuj {
  width: 100%;
}
._18zm0yuk {
  color: var(--accent);
}
._18zm0yul {
  font-size: 12px;
  line-height: 20px;
  color: var(--muted);
}
._18zm0yum {
  color: var(--accent);
  font-style: italic;
  font-weight: 800;
}
._18zm0yun {
  padding: 4px 12px;
  border-radius: 8px;
}
._18zm0yuo {
  min-width: 80px;
}
._18zm0yup {
  background-color: var(--default);
}
._18zm0yuq {
  padding: 20px 24px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 20px;
  line-height: 24px;
  color: var(--muted);
  border-bottom: 1px solid var(--border);
}
.xbkobh0 {
  width: calc(100% + 20px);
  padding: 10px 10px 20px 10px;
  margin-left: -10px;
}
.xbkobh1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 0px;
}
.xbkobh2 {
  font-size: var(--text-sm);
  font-weight: 600;
  line-height: 22px;
  color: var(--foreground);
}
.xbkobh3 {
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  color: var(--foreground);
  border: 1px solid var(--border);
}
.xbkobh4 {
  border-radius: 4px;
  padding: 8px 10px;
}
.xbkobh5 {
  border-radius: 8px;
  padding: 10px;
}
._1c0qsb20 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
}
._1g5lcif0 {
  font-weight: 500;
  color: var(--foreground);
}
._1g5lcif0[data-editing="true"] {
  -webkit-app-region: no-drag;
}
._1g5lcif1 {
  position: relative;
  border-radius: 4px;
  padding: 4px;
  display: inline-block;
  min-width: 50px;
  min-height: 28px;
}
._1g5lcif2 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  word-wrap: break-word;
  border: 1px solid transparent;
}
._1g5lcif1[data-editing="true"] ._1g5lcif2 {
  opacity: 0;
  visibility: hidden;
}
._1g5lcif3 {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border: 0;
  padding: 0;
  margin: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
._1g5lcif1[data-editing="true"] ._1g5lcif3 {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
._1g5lcif4 {
  opacity: 0.8;
}
.q2fyat0 {
  width: 100%;
  max-width: var(--meditor-editor-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--meditor-editor-side-padding, 24px);
  padding-right: var(--meditor-editor-side-padding, 24px);
  font-size: var(--text-base);
}
.q2fyat1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.q2fyat2 {
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  color: var(--accent);
}
.q2fyat3 {
  height: 28px;
  border-radius: 8px;
  border: 1px solid var(--border);
  background-color: var(--surface);
  text-align: center;
  font-size: 12px;
  line-height: 28px;
  font-weight: 500;
  color: var(--accent);
  cursor: pointer;
}
.q2fyat4 {
  margin-bottom: 16px;
}
.q2fyat5 {
  color: var(--muted);
  height: 32px;
  line-height: 32px;
}
.q2fyat6 {
  width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
  border-radius: 4px;
}
.q2fyat6:hover {
  background-color: var(--color-surface-hover);
}
.q2fyat6 .magitutor-reference-title {
  border-bottom: none;
}
.q2fyat6 svg {
  color: var(--muted);
}
.q2fyat6:hover svg {
  color: var(--foreground);
}
.q2fyat7 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 4px;
  margin-bottom: 16px;
}
.q2fyat8 {
  --font-sans: var(--font-sans);
  cursor: default;
  border: 0.5px solid var(--accent);
  border-radius: 8px;
  padding: 8px;
  color: var(--foreground);
  background-color: var(--accent);
}
.q2fyat8:hover {
  background-color: var(--accent);
}
.q2fyat8 * {
  cursor: default;
}
.q2fyat9 {
  color: var(--muted);
  font-size: 12px;
  line-height: 16px;
  text-align: center;
}
.q2fyata {
  cursor: pointer;
}
.q2fyatb {
  transition: all 0.2s ease-in-out;
  color: var(--foreground);
  font-size: 20px;
}
.q2fyatb[data-collapsed="true"] {
  transform: rotate(90deg);
  color: var(--muted);
}
@media print {
  .q2fyat0 {
    display: none;
  }
}
@container viewport (width <= 640px) {
  .q2fyat0 {
    padding: 0 24px;
  }
}
.oh2lzp0 {
  max-width: 480px;
  min-width: 360px;
  padding: 20px 0;
  align-self: start;
  margin-top: 120px;
}
.oh2lzp1 {
  display: flex;
  width: 100%;
  flex-direction: column;
  margin-bottom: 20px;
  padding: 2px;
}
.oh2lzp2 {
  font-size: var(--text-3xl);
  font-weight: 600;
  min-height: 42px;
  padding: 0;
}
.oh2lzp3 {
  display: flex;
  flex-direction: row;
  gap: 6px;
  padding: 6px;
  width: 160px;
}
.oh2lzp4 {
  max-height: calc(100vh - 220px);
  padding: 0 24px;
}
.oh2lzp5 {
  width: 6px;
  transform: translateX(-4px);
}
.oh2lzp6 {
  width: 0;
  height: 0;
  position: absolute;
}
.oh2lzp7 {
  margin-top: 20px;
  border-bottom: 4px;
}
.oh2lzp8 {
  display: flex;
  flex-direction: column;
  position: relative;
}
.oh2lzp9 {
  align-self: flex-start;
  font-size: var(--text-sm);
  color: var(--muted);
  padding: 0 4px;
  height: 36px;
  font-weight: 400;
  gap: 6px;
}
[data-property-collapsed="true"] .oh2lzp9 {
  display: none;
}
.oh2lzp9 svg {
  font-size: 16px;
  color: var(--muted);
}
.oh2lzp9:hover svg {
  color: var(--foreground);
}
@media print {
  .oh2lzp9 {
    display: none;
  }
}
._1lt9c990 {
  width: 100%;
}
._1lt9c991 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 32px;
  padding: 4px 6px;
  border-radius: 4px;
  color: var(--muted);
  font-size: var(--text-sm);
  cursor: var(--cursor-interactive);
}
._1lt9c991:hover {
  background: var(--color-surface-hover);
  color: var(--foreground);
}
._1lt9c992 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._1lt9c993 {
  width: 16px;
  height: 16px;
  color: var(--muted);
}
._1lt9c994 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 2px 0 4px;
}
._1lt9c995 {
  width: 100%;
  border-radius: 4px;
  color: var(--foreground);
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 4px;
}
._1lt9c995:hover {
  background: var(--color-surface-hover);
}
._1lt9c995 svg {
  color: var(--muted);
  font-size: 16px;
  transform: none;
}
._1lt9c995:hover svg {
  color: var(--foreground);
}
._1lt9c995 span {
  font-size: var(--text-sm);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom-color: transparent;
}
.lgn8xe0 {
  max-width: 480px;
  min-width: 360px;
  padding: 20px 0;
  align-self: start;
  margin-top: 120px;
  max-height: calc(100dvh - 240px);
  overflow: auto;
}
.lgn8xe1 {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.lgn8xe2 {
  font-size: var(--text-base);
  font-weight: 600;
}
.lgn8xe3 {
  display: flex;
  flex-direction: row;
  gap: 6px;
  padding: 6px;
  width: 160px;
}
.lgn8xe4 {
  max-height: calc(100vh - 220px);
  padding: 0 24px;
}
.lgn8xe5 {
  width: 0;
  height: 0;
  position: absolute;
}
.lgn8xe6 {
  margin-top: 20px;
  border-bottom: 4px;
}
.lgn8xe7 {
  display: flex;
  flex-direction: column;
  position: relative;
}
.lgn8xe8 {
  align-self: flex-start;
  font-size: var(--text-sm);
  color: var(--muted);
  padding: 0 4px;
  height: 36px;
  font-weight: 400;
  gap: 6px;
}
[data-property-collapsed="true"] .lgn8xe8 {
  display: none;
}
.lgn8xe8 svg {
  font-size: 16px;
  color: var(--muted);
}
.lgn8xe8:hover svg {
  color: var(--foreground);
}
@media print {
  .lgn8xe8 {
    display: none;
  }
}
._16eufoc0 {
  width: 100%;
  height: 100%;
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px 24px;
  gap: 12px;
}
._16eufoc1 {
  width: 100%;
  height: auto;
  font-size: var(--text-base);
  font-weight: 600;
  line-height: var(--leading-normal);
}
._16eufoc2 {
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._16eufoc3 {
  top: 24px;
  right: 24px;
}
._16eufoc4 {
  width: 100%;
  height: auto;
  font-size: var(--text-sm);
  line-height: var(--leading-normal);
  font-weight: 400;
  color: var(--muted);
}
._16eufoc5 {
  color: var(--link);
  cursor: pointer;
}
._16eufoc6 {
  width: 100%;
  font-size: var(--text-base);
  line-height: var(--leading-normal);
  font-weight: 400;
  color: var(--foreground);
}
._16eufoc7 {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: end;
  margin-top: 20px;
}
._16eufoc8 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  gap: 4px;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid var(--border);
  background: var(--surface);
}
._16eufoc8:hover {
  background: var(--color-surface-hover);
  cursor: pointer;
  transition: background .30s;
}
._16eufoc9 {
  display: flex;
  align-items: center;
  padding: 0 4px;
  text-align: left;
  flex: 1;
  color: var(--foreground);
  font-size: var(--text-base);
  line-height: var(--leading-normal);
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
}
._16eufoca {
  margin-right: auto;
}
._16eufocb {
  margin-left: auto;
}
._1ufsg3w0 {
  font-weight: 500;
  font-size: 15px;
}
._1ufsg3w1 {
  font-size: var(--text-sm);
  font-weight: 500;
  line-height: 22px;
}
._1ufsg3w2.plain {
  color: var(--accent);
}
._1ufsg3w3.plain {
  color: var(--foreground);
}
.frzed40 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.frzed41 {
  flex-grow: 1;
  margin-right: 20px;
}
.frzed41 .storage-progress-desc {
  font-size: var(--text-xs);
  color: var(--muted);
  height: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2px;
}
.frzed41 .storage-progress-bar-wrapper {
  height: 8px;
  border-radius: 4px;
  background-color: var(--border);
  overflow: hidden;
}
.frzed42 {
  height: 100%;
}
.jatpw40 {
  margin-left: 20px;
}
.jatpw40 label {
  display: block;
  font-size: var(--text-xs);
  color: var(--muted);
  margin-bottom: 4px;
}
.jatpw41 {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
}
.jatpw41.disable {
  cursor: default;
  pointer-events: none;
}
.jatpw41:hover .camera-icon-wrapper {
  display: flex;
}
.jatpw41 .camera-icon-wrapper {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  position: absolute;
  display: none;
  justify-content: center;
  align-items: center;
  background-color: rgba(60, 61, 63, 0.5);
  z-index: 1;
  color: var(--white);
  font-size: var(--text-xl);
}
.jatpw42 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
}
.jatpw43 {
  padding-left: 0;
  padding-right: 0;
}
.jatpw44 {
  margin-top: 12px;
}
._1tzeetx0 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
._1tzeetx1 {
  margin-left: calc(-1 * var(--setting-modal-gap-x));
  padding-left: var(--setting-modal-gap-x);
  width: var(--setting-modal-width);
  overflow-x: auto;
  padding-bottom: 21px;
  padding-top: 21px;
  margin-top: -21px;
}
._1tzeetx2 {
  display: flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: none;
  height: 9px;
  width: 100%;
}
._1tzeetx3 {
  --radix-scroll-area-thumb-height: 4px;
  background: var(--muted);
  opacity: 0.6;
  overflow: hidden;
  height: 4px;
  border-radius: 4px;
}
._1tzeetx4 {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--link);
  background: transparent;
  border-color: transparent;
  font-size: var(--text-xs);
}
._1tzeetx5 {
  display: flex;
  align-items: start;
  margin-bottom: 8px;
}
._1tzeetx6 {
  width: 0;
  flex: 1;
}
._1tzeetx7 {
  font-weight: 600;
  font-size: var(--text-base);
  line-height: 22px;
}
._1tzeetx8 {
  font-weight: 400;
  font-size: var(--text-xs);
  line-height: 20px;
  color: var(--muted);
}
.jg7poh0 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 12px 0 4px;
}
.jg7poh1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.jg7poh2 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  color: var(--foreground);
}
.jg7poh3 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 0;
}
.jg7poh4 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.jg7poh5 {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 16px;
  border-radius: 8px;
  border: 1px solid var(--border);
  background: var(--accent);
}
.jg7poh6 {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.jg7poh7 {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: var(--surface-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--muted);
}
.jg7poh8 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.jg7poh9 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: var(--foreground);
}
.jg7poha {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 12px;
  line-height: 18px;
  color: var(--muted);
}
.jg7pohb {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  line-height: 18px;
  color: var(--danger);
}
.jg7pohc {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--danger);
}
.jg7pohd {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.jg7pohe {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-end;
}
.jg7pohf {
  font-size: 11px;
  line-height: 16px;
  color: var(--muted);
}
.jg7pohg {
  font-size: 12px;
  line-height: 20px;
  color: var(--muted);
  padding: 12px 0;
}
.jg7pohh {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.jg7pohi {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.jg7pohj {
  font-size: 12px;
  line-height: 18px;
  color: var(--muted);
}
.jg7pohk {
  width: 100%;
  justify-content: space-between;
}
.jg7pohl {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  font-size: 12px;
  line-height: 18px;
  color: var(--muted);
}
.jg7pohm {
  color: var(--foreground);
  text-decoration: underline;
}
.jg7pohn {
  font-size: 12px;
  line-height: 18px;
  color: var(--danger);
}
.jg7poho {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 12px;
}
._2qrpg40 {
  height: 18px;
  display: flex;
  align-items: center;
  color: var(--foreground);
  font-size: var(--text-sm);
  font-weight: 600;
  margin-bottom: 12px;
}
._2qrpg40:last-of-type {
  margin-bottom: 0;
}
._2qrpg40 .icon {
  color: var(--foreground);
  font-size: var(--text-base);
  margin-left: 5px;
}
._2qrpg41 {
  display: grid;
  grid-template-columns: 15% 15% 15% 15% 15% 15%;
  gap: 2%;
}
._2qrpg42 {
  border-radius: 8px;
  border: 1px solid var(--border);
  color: var(--foreground);
  cursor: pointer;
  padding: 6px 8px;
}
._2qrpg42 svg {
  width: 24px;
  height: 24px;
  display: block;
  margin: 0 auto 2px;
}
._2qrpg42 p {
  font-size: var(--text-xs);
  text-align: center;
}
._2qrpg43 {
  color: var(--muted);
  font-size: var(--text-xs);
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}
._2qrpg43.active {
  color: var(--accent);
}
._2qrpg43.error {
  color: var(--danger);
}
._2qrpg43 svg {
  margin-right: 4px;
}
._2qrpg44 {
  flex-direction: row-reverse;
}
._2qrpg44.two-col {
  justify-content: flex-end;
}
._2qrpg44 .right-col {
  padding-left: 0;
  padding-right: 20px;
}
._2qrpg45 {
  margin-top: 12px;
}
._1m00e310 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-radius: 8px;
  background: var(--accent);
  border: 1px solid var(--border);
  overflow: hidden;
}
._1m00e311 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._1m00e312 {
  display: flex;
  padding: 8px 8px 8px 16px;
  height: 60px;
  align-items: center;
  gap: 12px;
}
._1m00e312:hover {
  background: var(--color-surface-hover);
}
._1m00e313 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._1m00e314 {
  flex: 1;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-sm);
}
._1m00e315 {
  font-size: var(--text-xs);
  color: var(--muted);
}
._1m00e316 {
  flex: 1;
  font-size: var(--text-xs);
  color: var(--muted);
  gap: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  white-space: nowrap;
}
._1m00e317 {
  padding-top: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--muted);
  font-size: var(--text-sm);
}
._1m00e318 {
  padding-bottom: 4px;
}
._1m9k2jn1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
._1m9k2jn2 {
  width: 100%;
}
._1m9k2jn3 {
  display: flex;
  justify-content: space-between;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
}
._1m9k2jn4 {
  flex: 1 0 0;
}
._1m9k2jn5 {
  width: auto !important;
}
._1m9k2jn6 {
  font-size: var(--text-base);
  font-weight: 600;
}
._1m9k2jn7 {
  font-size: var(--text-base);
}
._1m9k2jn8 {
  margin-top: 24px;
}
._1m9k2jn9 {
  display: flex;
  gap: 12px;
  margin-top: 12px;
}
.dangerous-setting .name {
  color: var(--danger);
}
._1m9k2jna {
  color: var(--muted);
  font-size: var(--text-xs);
}
._1m9k2jnb {
  font-size: var(--text-xs);
  font-weight: 500;
  color: var(--accent);
  cursor: pointer;
}
._1m9k2jnc {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
._1m9k2jnd {
  display: flex;
  flex-direction: column;
  min-height: 72px;
  align-items: center;
  justify-content: center;
}
._1m9k2jne {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
._1m9k2jnf {
  font-size: var(--text-sm);
  font-weight: 600;
  line-height: 22px;
  color: var(--foreground);
}
._1m9k2jng {
  font-size: var(--text-xs);
  line-height: 20px;
  font-weight: 400;
  color: var(--muted);
}
._1m9k2jng > a {
  color: var(--accent);
  font-weight: 500;
}
._1m9k2jnh {
  display: flex;
  flex-direction: column;
  align-items: end;
}
._1m9k2jni {
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  color: var(--foreground);
}
._1m9k2jnj {
  font-size: var(--text-xs);
  line-height: 20px;
  font-weight: 500;
  color: var(--muted);
}
._1m9k2jnk {
  display: flex;
  align-items: center;
  gap: 16px;
}
._1m9k2jnl {
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--foreground);
  line-height: 22px;
}
._1m9k2jnm {
  display: flex;
  gap: 4px;
  color: var(--accent);
}
._1m9k2jnm.past-due {
  color: var(--danger);
}
._1m9k2jnn {
  font-size: var(--text-xs);
  font-weight: 500;
}
._1m9k2jno {
  width: 14px;
  height: 14px;
}
._1ms5z9d0 {
  width: 100%;
}
._1ms5z9d1 {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 40px;
}
._1ms5z9d2 {
  font-weight: 400;
  font-size: var(--text-xs);
  line-height: 20px;
  color: var(--muted);
}
._1ms5z9d3 {
  font-weight: 600;
  font-size: var(--text-xs);
  line-height: 20px;
  color: var(--accent);
}
._1ms5z9d4 {
  margin-left: 4px;
  color: var(--accent);
  font-weight: 400;
}
._1ms5z9d5:first-letter {
  text-transform: uppercase;
}
._1ms5z9d6 {
  font-size: var(--text-xs);
  line-height: 20px;
  display: flex;
  gap: 8px;
}
._1ms5z9d6 > span {
  color: var(--muted);
}
._1ms5z9d7 {
  padding-right: calc(var(--setting-modal-gap-x) + 30px);
  display: flex;
  gap: 16px;
  width: -moz-fit-content;
  width: fit-content;
}
._1ms5z9d8 {
  background-color: var(--background);
  min-height: 426px;
  min-width: 258px;
  border-radius: 16px;
  border: 1px solid var(--border);
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: all 0.23s ease;
}
._1ms5z9d8::before {
  content: "";
  position: absolute;
  right: calc(100% + var(--setting-modal-gap-x));
  scroll-snap-align: start;
}
._1ms5z9d8[data-current="true"] {
  border-color: transparent;
}
._1ms5z9d9 {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;
}
._1ms5z9d9::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  border: 2px solid transparent;
  background: linear-gradient(180deg, var(--accent), #1E96EB33) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  opacity: 0;
  transition: opacity 0.23s ease;
}
._1ms5z9d8[data-current="true"] ._1ms5z9d9::after {
  opacity: 1;
}
._1ms5z9db {
  background-color: var(--accent);
  color: var(--white);
  padding: 0px 6px;
  border-radius: 4px;
  height: 24px;
  display: inline-block;
}
._1ms5z9dc {
  color: var(--accent);
  margin-left: 8px;
  line-height: 20px;
  font-size: var(--text-xs);
  font-weight: 500;
  border-radius: 4px;
  display: inline-block;
  height: 100%;
}
._1ms5z9dd {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 12px 16px;
  background: var(--overlay);
  border-radius: inherit;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 1px solid var(--border);
  font-weight: 600;
  overflow: hidden;
  position: relative;
}
._1ms5z9dd > :not(._1ms5z9de) {
  position: relative;
}
._1ms5z9df {
  font-weight: 600;
  font-size: var(--text-xs);
  line-height: 20px;
}
._1ms5z9dg {
  font-weight: 400;
  font-size: var(--text-xs);
  line-height: 20px;
  color: var(--muted);
  margin-bottom: 8px;
}
._1ms5z9dh {
  font-weight: 600;
  font-size: var(--text-base);
  line-height: 20px;
  height: 20px;
}
._1ms5z9di {
  font-weight: 500;
  font-size: var(--text-xs);
  line-height: 20px;
  color: var(--muted);
  margin-left: 4px;
}
._1ms5z9dj {
  min-height: 28px;
  line-height: 1;
  display: flex;
  align-items: flex-end;
}
._1ms5z9dk {
  font-size: var(--text-lg);
  margin-right: 8px;
}
._1ms5z9dl {
  color: var(--muted);
  font-size: var(--text-sm);
}
._1ms5z9dm {
  width: 100%;
}
._1ms5z9do[data-show-hover="true"], ._1ms5z9dn:hover ._1ms5z9do[data-show-hover="false"] {
  display: none;
}
._1ms5z9do[data-show-hover="false"], ._1ms5z9dn:hover ._1ms5z9do[data-show-hover="true"] {
  display: block;
}
._1ms5z9dp {
  font-size: var(--text-xs);
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 16px;
}
._1ms5z9dq {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._1ms5z9dr {
  font-weight: 500;
  font-size: var(--text-xs);
  line-height: 20px;
  color: var(--muted);
}
._1ms5z9ds {
  display: flex;
  gap: 8px;
  line-height: 20px;
  align-items: normal;
}
._1ms5z9dt {
  display: flex;
  align-items: center;
  height: 20px;
}
._1ms5z9dt > svg {
  color: var(--accent);
}
._1ms5z9du {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--foreground);
  font-size: var(--text-xs);
}
._1ms5z9dv {
  padding: 12px 0 20px 0px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._1ms5z9dw {
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  color: var(--foreground);
}
._1ms5z9dx {
  font-size: 14px;
  line-height: 22px;
  color: var(--muted);
}
._1ms5z9dy {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
  padding-top: 20px;
}
._1ms5z9dz {
  color: var(--accent);
}
._1ms5z9d10 {
  color: var(--muted);
  font-size: 12px;
  line-height: 20px;
}
._1ms5z9d11 {
  text-decoration: underline;
}
.brgr122 {
  position: relative;
  width: 100%;
  min-height: 200px;
  border-radius: 16px;
  padding: 20px 24px;
  border: 1px solid var(--border);
  overflow: hidden;
  background: var(--white);
}
.brgr123 {
  position: relative;
  z-index: 3;
}
.brgr124 {
  --dot: #E0E0E0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: radial-gradient(circle, var(--dot) 1.2px, transparent 1.2px);
  background-size: 12px 12px;
  background-repeat: repeat;
}
.brgr124::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
[data-theme="dark"] .brgr124 {
  --dot: rgba(255,255,255,0.1);
}
.brgr122[data-type="1"] .brgr124::after {
  background: linear-gradient(231deg, transparent 0%, var(--white) 80%);
}
.brgr122[data-type="2"] .brgr124::after {
  background: linear-gradient(290deg, transparent 0%, var(--white) 40%);
}
.brgr124 > svg.magitutor-svg {
  --brgr120: #fff;
  --brgr121: #fff;
  position: absolute;
  z-index: 0;
}
[data-theme='dark'] .brgr124 > svg.magitutor-svg {
  --brgr120: #8C8C8C;
  --brgr121: #262626;
}
 .brgr124 > svg.icons-svg {
  color: rgba(0,0,0,0.1);
  position: absolute;
  z-index: 2;
}
[data-theme='dark'] .brgr124 > svg.icons-svg {
  color: transparent;
}
.brgr122[data-type="1"] .brgr124 > svg.magitutor-svg {
  right: -150px;
  top: -100px;
}
.brgr122[data-type="1"] .brgr124 > svg.icons-svg {
  right: -20px;
  top: 130px;
  opacity: 0.5;
}
.brgr122[data-type="2"] .brgr124 > svg.magitutor-svg {
  position: absolute;
  right: -140px;
  bottom: -130px;
  transform: scale(0.58);
}
.brgr122[data-type="2"] .brgr124 > svg.icons-svg {
  position: absolute;
  right: 148px;
  bottom: 16px;
  opacity: 0.5;
}
.brgr122[data-type="2"] .brgr124 > svg.icons-svg .star {
  display: none;
}
._1fkekgw0 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._1fkekgw1 {
  display: flex;
  gap: 8px;
  align-items: start;
  font-size: var(--text-xs);
  line-height: 20px;
  font-weight: 400;
}
._1fkekgw1 svg {
  width: 20px;
  height: 20px;
  color: var(--accent);
}
._1qtgu3x0 {
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
  min-width: 150px;
  max-width: 250px;
}
._1qtgu3x1 {
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
  min-width: 100px;
  max-width: 250px;
}
._1qtgu3x2 {
  background: white;
  width: 250px;
  max-height: 30vh;
  overflow-y: auto;
}
._1qtgu3x3 {
  text-transform: capitalize;
  font-weight: 600;
  width: 250px;
}
._1qtgu3x4 {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}
._1qtgu3x5 {
  position: absolute;
  top: 0;
  left: 0;
}
._1qtgu3x6 {
  width: 100%;
  height: 180px;
  border: 1px solid var(--border);
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
._1qtgu3x7 {
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  font-size: var(--text-xs);
  color: var(--muted);
  background-color: var(--color-surface-hover);
  padding: 2px 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  z-index: 1;
  height: 24px;
}
._1qtgu3x8 {
  position: relative;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
}
._1qtgu3x9 {
  box-shadow: none;
  background-color: var(--surface-tertiary);
}
._1qtgu3xa {
  display: flex;
  align-items: center;
  padding: 4px;
  width: 100%;
  justify-content: flex-start;
  gap: 6px;
}
._1qtgu3xb {
  flex-grow: 1;
  border: none;
  outline: none;
  font-size: var(--text-sm);
  font-family: inherit;
  color: inherit;
  background-color: transparent;
}
._1qtgu3xb::-moz-placeholder {
  color: var(--muted);
}
._1qtgu3xb::placeholder {
  color: var(--muted);
}
._1qtgu3xc {
  color: var(--foreground);
  font-size: 20px;
}
._1qtgu3xd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  width: 100%;
}
._1qtgu3xe {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
._1qtgu3xf {
  display: inline-flex;
  align-items: center;
  color: var(--foreground);
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: var(--text-sm);
  line-height: normal;
  height: 22px;
}
._1qtgu3xf.secondary {
  color: var(--muted);
  font-size: var(--text-xs);
  height: 20px;
}
._1qtgu3xg {
  color: var(--accent);
  margin-left: 8px;
}
._1qtgu3xh {
  color: var(--muted);
  font-size: var(--text-xs);
  padding: 4px;
}
._1qtgu3xi {
  color: var(--danger);
}
._1qtgu3xj {
  color: var(--link);
  font-size: inherit;
}
._1qtgu3xk {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 250px;
}
._1qtgu3xl {
  flex: 1;
}
._1qtgu3xm {
  font-size: var(--text-sm);
  color: var(--muted);
  min-width: 40px;
  text-align: right;
}
.lmmd7m0 {
  height: 100px;
  display: flex;
  justify-content: center;
}
._11ywvxp0 {
  position: absolute;
  display: flex;
  flex-direction: column;
  height: 100%;
}
._11ywvxp1 {
  font-size: var(--text-xl);
  font-weight: 600;
  margin-bottom: 48px;
}
._11ywvxp2 {
  margin-bottom: 68px;
}
._11ywvxp3 {
  background-color: var(--surface-tertiary);
  font-size: var(--text-xs);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 14px;
  padding: 10px;
  border-radius: 8px;
}
._11ywvxp4 {
  color: var(--danger);
  font-weight: 600;
}
._11ywvxp5 {
  flex-grow: 1;
  min-height: 12px;
}
._11ywvxp6 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 32px;
  gap: 4px;
}
._11ywvxp7 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
._11ywvxp8 {
  display: flex;
  justify-content: center;
}
._11ywvxp9 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
._11ywvxpa {
  font-weight: 600;
  color: var(--muted);
  margin-bottom: 8px;
}
._11ywvxpb {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
._11ywvxpc {
  color: var(--muted);
  font-size: var(--text-xs);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 100%;
}
._11ywvxpd {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: var(--text-xs);
  color: var(--muted);
  gap: 8px;
}
._11ywvxpe {
  margin-left: auto;
  margin-right: 0;
}
.ls1q1d0 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.ls1q1d1 {
  color: var(--link);
  cursor: pointer;
  margin-left: 4px;
}
.ls1q1d2 {
  color: var(--danger);
}
.ls1q1d3 {
  color: var(--link);
}
._157iu700 {
  height: 100%;
  position: absolute;
  display: flex;
  flex-direction: column;
}
._157iu701 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._157iu702 {
  display: flex;
  font-size: var(--text-xl);
  font-weight: 600;
  line-height: 30px;
  white-space: pre-wrap;
  position: relative;
}
._157iu703 {
  display: inline-flex;
  font-size: var(--text-base);
  font-weight: 400;
  line-height: 24px;
  white-space: pre-wrap;
  color: var(--muted);
}
._157iu704 {
  font-size: var(--text-xs);
  background: var(--mt-canvas-note-blue);
  padding: 0 8px;
  border-radius: 4px;
  position: absolute;
  right: 32px;
  top: 0;
}
._157iu705 {
  display: flex;
  align-items: center;
  height: 100px;
  margin: 20px 0;
}
._157iu706 {
  display: flex;
  flex-direction: column;
  flex: 1;
}
._157iu707 {
  font-size: var(--text-sm);
  line-height: 24px;
  white-space: pre-wrap;
}
._157iu707 strong {
  font-weight: 600;
}
._157iu707 ul {
  padding: 12px 0;
  margin-left: 15px;
}
._157iu707 li {
  list-style-type: disc;
  padding: 6px 0;
}
._157iu707 li::marker {
  color: var(--accent);
}
._157iu708 {
  font-size: var(--text-xs);
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 500;
  color: var(--foreground);
}
._157iu709 {
  width: 16px;
  height: 16px;
  color: var(--foreground);
}
._157iu70a {
  font-size: var(--text-xs);
  color: var(--muted);
}
._157iu70b {
  margin-top: auto;
  align-self: center;
}
._157iu70a strong {
  font-weight: 700;
}
._12opfjs0 {
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 36px;
}
._12opfjs1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 12px;
}
._12opfjs2 {
  font-weight: 500;
  font-size: var(--text-xs);
  line-height: 20px;
  color: var(--accent);
}
._12opfjs3 {
  font-weight: 500;
  font-size: var(--text-sm);
  line-height: 22px;
  color: var(--foreground);
}
._12opfjs4 {
  color: var(--foreground);
  font-weight: 600;
  font-size: 28px;
  line-height: 36px;
}
._12opfjs5 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: start;
  margin-bottom: 24px;
}
._12opfjs6 {
  display: flex;
  gap: 12px;
}
._12opfjs7 {
  min-width: 160px;
  height: 37px;
  border-radius: 18px;
  font-weight: 500;
  font-size: var(--text-sm);
  line-height: 14px;
  letter-spacing: -1%;
}
._12opfjs8 {
  color: var(--accent);
  padding-left: 16px;
  padding-right: 16px;
}
._12opfjs9 {
  font-size: var(--text-xs);
  font-weight: 400;
  line-height: 20px;
  color: var(--muted);
}
._12opfjs9 > a {
  color: var(--foreground);
  text-decoration: underline;
}
._12opfjsa {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._12opfjsb {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._12opfjsc {
  font-weight: 500;
  font-size: var(--text-sm);
  line-height: 20px;
  color: var(--foreground);
  display: flex;
  align-items: center;
  gap: 4px;
}
._12opfjsc > svg {
  color: var(--accent);
  width: 20px;
  height: 20px;
}
._12opfjsd {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._12opfjse {
  font-weight: 400;
  font-size: var(--text-xs);
  color: var(--muted);
  line-height: 24px;
  padding-left: 22px;
  position: relative;
}
._12opfjse::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background: currentColor;
  position: absolute;
  left: 10px;
  top: 10px;
}
@keyframes owlfot7 {
  from {
    margin-bottom: -100px;
  }
  to {
    margin-bottom: 0;
  }
}
.owlfot0 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.owlfot1 {
  margin-left: calc(-1 * var(--setting-modal-gap-x));
  padding-left: var(--setting-modal-gap-x);
  width: var(--setting-modal-width);
  overflow-x: auto;
  padding-bottom: 21px;
  padding-top: 21px;
  margin-top: -21px;
}
.owlfot2 {
  display: flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: none;
  height: 9px;
  width: 100%;
}
.owlfot3 {
  --radix-scroll-area-thumb-height: 4px;
  background: var(--muted);
  opacity: 0.6;
  overflow: hidden;
  height: 4px;
  border-radius: 4px;
}
.owlfot4 {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--link);
  background: transparent;
  border-color: transparent;
  font-size: var(--text-xs);
}
.owlfot5 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.owlfot6 {
  opacity: 0;
}
[data-cloud-visible] .owlfot6 {
  opacity: 1;
}
.owlfot8 {
  position: absolute;
  z-index: 1;
  bottom: 12px;
  width: var(--setting-modal-content-width);
  background: var(--white);
  border-radius: 8px;
  border: 1px solid var(--border);
  transition: transform 0.36s ease 0.4s, opacity 0.3s ease 0.46s;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px 12px 16px;
  box-shadow: var(--surface-shadow);
  margin-bottom: -100px;
  animation: owlfot7 0.3s ease 0.5s forwards;
}
[data-cloud-visible] .owlfot8 {
  transform: translateY(100px);
  opacity: 0;
}
div.owlfot8 {
  display: flex !important;
}
.owlfot9 {
  font-size: var(--text-sm);
  font-weight: 600;
  line-height: 22px;
  color: var(--foreground);
}
.owlfota {
  font-size: var(--text-xs);
  font-weight: 400;
  line-height: 20px;
  color: var(--muted);
}
._15tw6u70 {
  font-size: var(--text-sm);
  font-weight: 500;
  line-height: 22px;
  color: var(--muted);
  margin-bottom: 8px;
}
._15tw6u71 {
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  color: var(--foreground);
  margin-bottom: 4px;
}
._15tw6u72 {
  font-size: 30px;
  font-weight: 700;
  line-height: normal;
  color: var(--accent);
  margin-bottom: 24px;
}
._15tw6u73 {
  width: auto;
  height: 36px;
  margin-bottom: 8px;
  padding: 8px 18px;
}
._15tw6u74 {
  color: var(--muted);
  font-size: var(--text-xs);
  line-height: 20px;
  font-weight: 400;
  margin-bottom: 16px;
  max-width: 324px;
}
._15tw6u75 {
  color: inherit;
  cursor: text;
}
.bni0p0 {
  display: flex;
  gap: 16px;
}
.bni0p1 {
  width: 258px;
  height: 426px;
  flex-shrink: 0;
  border-radius: 16px;
  background-color: var(--background);
  border: 1px solid var(--border);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.bni0p2 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.bni0p3 {
  flex-grow: 1;
  height: 0;
}
._4e2swj0 {
  height: 100%;
  padding: 40px 20px 28px;
  display: flex;
}
._4e2swj1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: -moz-fit-content;
  height: fit-content;
}
._4e2swj2 {
  position: relative;
  width: 100%;
  margin-bottom: 24px;
  min-height: calc(var(--setting-modal-height) - 92px);
  max-width: 820px;
}
._4e2swj3 {
  font-size: var(--text-sm);
  color: var(--foreground);
  display: flex;
  align-items: start;
  line-height: 22px;
  gap: 12px;
}
._4e2swj4 {
  color: var(--foreground);
  margin-right: 12px;
  display: flex;
  margin: 3px 0;
}
._4e2swj5 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 24px;
  gap: 4px;
  font-size: var(--text-xs);
  flex-wrap: wrap;
  max-width: 820px;
}
._4e2swj6 {
  color: var(--link);
  cursor: pointer;
}
._4e2swj7 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
._1ovvfm40 {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  pointer-events: none;
}
._1ovvfm41 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
  opacity: 0;
}
._1ovvfm42 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: var(--accent);
  transform: translateX(100%);
  pointer-events: auto;
  display: flex;
  flex-direction: column;
}
._1ovvfm43 {
  padding-top: 16px;
}
._1ovvfm44 {
  padding: 12px 0px 8px 16px;
  flex-shrink: 0;
}
._1ovvfm45 {
  height: 0 !important;
  flex: 1;
}
._1ovvfm46 {
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
}
.klld9i0 {
  width: 0;
  flex-grow: 1;
}
.klld9i1 {
  height: 0;
  flex-grow: 1;
}
.klld9i2 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));
  gap: 16px;
}
._1xg8c9v0 {
  padding: 8px 12px 12px 12px;
  border-radius: 8px;
  border: 1px solid var(--border);
  height: 150px;
  display: flex;
  flex-direction: column;
  background: var(--overlay);
  cursor: pointer;
  color: unset;
}
._1xg8c9v0:visited {
  color: unset;
}
._1xg8c9v1 {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 42px;
  margin-bottom: 4px;
}
._1xg8c9v2 {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  background: var(--surface-secondary);
  box-shadow: var(--surface-shadow);
  border: 0.5px solid var(--border);
  font-size: 24px;
  padding: 4px;
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--foreground);
}
._1xg8c9v3 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._1xg8c9v4 {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  color: var(--foreground);
}
._1xg8c9v5 {
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  color: var(--muted);
}
._1xg8c9v6 {
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  color: var(--muted);
}
._1xg8c9v7 {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: space-between;
}
._1xg8c9v7:not(:empty) {
  margin-top: 8px;
  height: 28px;
}
.lljxpw0 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 24px;
}
.lljxpw0[data-divider="true"] {
  padding-bottom: 16px;
  border-bottom: 0.5px solid var(--border);
}
.lljxpw1 {
  width: 0;
  flex: 1;
}
.lljxpw2 {
  width: 40px;
  height: 40px;
  font-size: 30px;
  border-radius: 5px;
}
.lljxpw3 {
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
  color: var(--foreground);
}
.lljxpw4 {
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  color: var(--muted);
}
.lljxpw5 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
.lljxpw5[data-has-desc="false"] {
  padding: 5px 0;
}
.lljxpw6 {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  color: var(--foreground);
}
.lljxpw7 {
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  color: var(--muted);
  margin-top: 2px;
}
.lljxpw8 {
  border-radius: 4px;
  border: 1px solid var(--border);
}
.lljxpw9 {
  padding: 8px 16px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  cursor: pointer;
  border-bottom: 1px solid var(--border);
}
.lljxpw9:last-child {
  border-bottom: none;
}
.lljxpwa {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  color: var(--foreground);
}
.lljxpwb {
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  color: var(--muted);
}
.lljxpwc {
  width: 24px;
  height: 24px;
  font-size: 24px;
  color: var(--accent);
  flex-shrink: 0;
}
.tp2i560 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.tp2i561 {
  padding: 12px 16px;
  border-radius: 8px;
  border: 1px solid var(--border);
  background: var(--accent);
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.tp2i562 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.tp2i563 {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  color: var(--foreground);
}
.tp2i564 {
  font-size: 12px;
  line-height: 18px;
  color: var(--muted);
}
.tp2i565 {
  font-size: 12px;
  line-height: 20px;
  color: var(--muted);
  white-space: nowrap;
}
.tp2i566 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.tp2i567 {
  font-size: 12px;
  line-height: 20px;
  color: var(--muted);
  padding: 8px 0;
}
.tp2i568 {
  margin-top: 12px;
  display: flex;
  justify-content: flex-end;
}
._1x72b9i0 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 8px;
  border-radius: 6px;
  cursor: pointer;
}
._1x72b9i0:hover {
  background: var(--surface-secondary);
}
._1x72b9i1 {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  flex-shrink: 0;
}
._1x72b9i2 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._1x72b9i3 {
  font-size: 14px;
  line-height: 20px;
  color: var(--foreground);
}
._1x72b9i4 {
  font-size: 12px;
  line-height: 18px;
  color: var(--muted);
}
._1q6201k0 {
  width: 100%;
  margin-top: 24px;
}
._1q6201k1 {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 8px 16px;
  gap: 0px;
  margin-bottom: 16px;
}
._1q6201k2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
._1q6201k3 {
  background-color: var(--surface-secondary);
  padding: 16px 16px;
  border-radius: 8px;
  margin: 8px 0;
  font-family: var(--font-mono);
  overflow-x: auto;
}
._1q6201k4 {
  font-size: 13px;
  line-height: 22px;
  color: var(--muted);
}
._1q6201k5 {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25;
  color: var(--foreground);
}
._1q52gy31 {
  width: 480px;
  max-width: calc(100vw - 32px);
}
._1q52gy32 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 8px;
}
._1q52gy33 {
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  color: var(--muted);
  margin-bottom: 16px;
}
._1q52gy34 {
  height: 28px;
  border-radius: 4px;
}
._1q52gy35 {
  font-size: 10px;
  color: var(--danger);
  line-height: 16px;
  padding-top: 0;
  height: 0;
  overflow: hidden;
  transition: all 0.23s ease;
}
._1q52gy35[data-show="true"] {
  padding-top: 4px;
  height: 20px;
}
._1q52gy36 {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
  margin-top: 20px;
}
._1q52gy37 {
  color: var(--link);
}
._1nby6h70 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._1nby6h71 {
  display: flex;
  align-items: center;
  gap: 20px;
}
._1nby6h72 {
  width: 480px;
  max-width: calc(100vw - 32px);
  display: flex;
  flex-direction: column;
}
._1nby6h73 {
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 0.24px;
  color: var(--foreground);
  margin-bottom: 12px;
}
._1nby6h74 {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  color: var(--foreground);
  height: 0;
  flex-grow: 1;
  margin-bottom: 20px;
}
._1kdqd200 {
  width: 480px;
  max-width: calc(100vw - 32px);
  height: 65vh;
  max-height: 508px;
  min-height: min(508px, calc(100vh - 32px));
  display: flex;
  flex-direction: column;
  transition: max-height 0.18s ease, min-height 0.18s ease;
}
._1kdqd200.select {
  height: 65vh;
  max-height: 508px;
  min-height: min(508px, calc(100vh - 32px));
}
._1kdqd200.writing {
  height: 65vh;
  max-height: 194px;
  min-height: min(194px, calc(100vh - 32px));
}
._1kdqd201 {
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  color: var(--foreground);
  margin-bottom: 2px;
}
._1kdqd202 {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  color: var(--muted);
  margin-bottom: 16px;
}
._1kdqd203 {
  color: var(--accent);
  font-weight: 500;
}
._1kdqd204 {
  height: 0;
  flex-grow: 1;
}
._1kdqd205 {
  height: 0;
  flex-grow: 1;
  text-align: center;
  padding-top: 48px;
  color: var(--muted);
  font-size: 14px;
  line-height: 22px;
}
._1kdqd206 {
  width: calc(100% + 48px);
  margin: 8px -24px;
}
._1kdqd207 {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 20px;
  padding-top: 20px;
}
._1kdqd208 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  font-size: 14px;
  line-height: 22px;
}
._1kdqd209 {
  height: 100%;
  display: flex;
  flex-direction: column;
}
._1kdqd20a {
  height: 0;
  flex-grow: 1;
}
._1kdqd20b {
  display: flex;
  padding: 6px 0;
  align-items: center;
}
._1kdqd20e {
  font-size: 14px;
  line-height: 22px;
}
._1kdqd20c ._1kdqd20e {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  color: var(--muted);
  white-space: nowrap;
}
._1kdqd20f {
  color: var(--foreground);
  width: 20px;
  margin-right: 8px;
  font-size: 20px !important;
  line-height: 0px !important;
}
._1kdqd20g {
  width: 0;
  flex-grow: 32;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--link);
}
._1kdqd20h {
  color: var(--link);
}
._1kdqd20i {
  font-size: 12px;
  line-height: 20px;
  width: 64px;
  margin-left: 12px;
  margin-right: 12px;
}
._1kdqd20j {
  color: var(--success);
}
._1kdqd20k {
  color: var(--muted);
}
._1kdqd20l {
  color: var(--foreground);
}
._1kdqd20m {
  width: 0;
  flex-grow: 29;
  white-space: nowrap;
  font-size: 12px;
  color: var(--muted);
}
._1kdqd20n {
  display: flex;
  align-items: center;
  gap: 8px;
}
._1kdqd20o {
  line-height: 0;
}
._1kdqd20p {
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 0.24px;
  color: var(--foreground);
}
._1kdqd20q {
  height: 0;
  flex-grow: 1;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  color: var(--foreground);
  padding-top: 12px;
}
._1kdqd20r {
  padding-top: 20px;
  display: flex;
  align-items: center;
  justify-content: end;
}
.gp1thb0 {
  width: 480px;
  max-width: calc(100vw - 32px);
}
.gp1thb1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: stretch;
}
.gp1thb2 {
  height: 8px;
  display: flex;
  align-items: center;
  justify-content: stretch;
}
.gp1thb2::before {
  content: "";
  width: 100%;
  height: 0;
  border-bottom: 0.5px solid var(--border);
  flex-grow: 1;
}
.gp1thb3 {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  color: var(--foreground);
  margin-bottom: 8px;
}
.gp1thb4 {
  overflow: hidden;
  display: grid;
  grid-template-rows: 1fr;
  transition: grid-template-rows 0.4s cubic-bezier(.07,.83,.46,1), opacity 0.4s ease;
}
.gp1thb4[data-collapsed="true"] {
  grid-template-rows: 0fr;
  opacity: 0;
}
.gp1thb5 {
  overflow: hidden;
}
.gp1thb6 {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  color: var(--foreground);
  margin-bottom: 2px;
}
.gp1thb7 {
  padding: 6px 8px;
  border-radius: 4px;
  border: 1px solid var(--border);
  font-size: 14px;
}
.gp1thb8 {
  font-size: 14px;
  line-height: 22px;
  color: var(--muted);
}
.gp1thb9 {
  left: -1px;
  top: calc(-1px + var(--radix-popper-anchor-height) * -1);
  width: calc(2px + var(--radix-popper-anchor-width));
}
._9akhqh0 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._9akhqh1 {
  display: flex;
  flex-wrap: nowrap;
}
._9akhqh2 {
  background-color: var(--accent);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-top: 8px;
  margin-left: 4px;
  margin-right: 12px;
}
._9akhqh3 {
  padding-left: 0;
}
._9akhqh4 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._9akhqh5 {
  color: var(--danger);
  font-size: 24px;
}
._1mbv6mh0 {
  position: relative;
  padding: 0px;
  width: 560px;
  background: var(--overlay);
  border-radius: 12px;
}
._1mbv6mh1 {
  margin: 44px 0px 12px 0px;
  width: 560px;
  font-weight: 600;
  font-size: 20px;;
  text-align: center;
}
._1mbv6mh2 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 24px 0;
  font-size: var(--text-base);
}
._1mbv6mh3 {
  font-weight: 600;
}
._1f2qrnq0 {
  display: flex;
  align-items: flex-end;
  margin-top: 12px;
}
._1f2qrnq1 {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 24px;
  gap: 10px;
  flex-wrap: wrap;
}
._1f2qrnq2 {
  font-size: var(--text-xs);
  color: var(--muted);
  margin-bottom: 5px;
}
._1f2qrnq3 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  padding: 2px 10px;
  border: 1px solid var(--surface-secondary);
  font-size: var(--text-xs);
  color: var(--foreground);
  line-height: 20px;
  white-space: nowrap;
}
._1f2qrnq4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._1f2qrnq5 {
  flex-grow: 1;
}
._1f2qrnq5 .storage-progress-desc {
  font-size: var(--text-xs);
  color: var(--muted);
  height: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2px;
}
._1f2qrnq5 .storage-progress-bar-wrapper {
  height: 8px;
  border-radius: 4px;
  background-color: var(--color-surface-hover);
  overflow: hidden;
}
._1f2qrnq6 {
  height: 100%;
}
.vcq9ay0 {
  display: flex;
  flex-direction: column;
}
.vcq9ay1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 4px 8px;
  gap: 8px;
  color: var(--muted);
  border-radius: 6px;
  line-height: 22px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.vcq9ay1 {
  cursor: pointer;
}
.vcq9ay1:hover {
  background-color: var(--color-surface-hover);
}
.vcq9ay1[data-drag-preview="true"] {
  border: 1px solid var(--border);
  background-color: transparent;
}
.vcq9ay1[data-dragging="true"] {
  opacity: 0.5;
}
.vcq9ay1[draggable="true"]:before {
  content: "";
  display: block;
  position: absolute;
  cursor: grab;
  top: 50%;
  left: 0;
  border-radius: 2px;
  background-color: var(--muted);
  transform: translate(-6px, -50%);
  transition: height 0.2s 0.1s, opacity 0.2s 0.1s;
  opacity: 0;
  height: 4px;
  width: 4px;
  will-change: height, opacity;
}
.vcq9ay1[draggable="true"]:after {
  content: "";
  display: block;
  position: absolute;
  cursor: grab;
  top: 50%;
  left: 0;
  border-radius: 2px;
  background-color: transparent;
  transform: translate(-8px, -50%);
  height: 100%;
  width: 8px;
  will-change: height, opacity;
}
.vcq9ay1[draggable="true"]:hover:before {
  height: 12px;
  opacity: 1;
}
.vcq9ay2 {
  font-size: 16px;
}
.vcq9ay3 {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: var(--text-sm);
  color: var(--foreground);
}
.vcq9ay4 {
  font-size: var(--text-xs);
}
.vcq9ay5 {
  color: var(--muted);
}
.vcq9ay6 {
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  border-radius: 999px;
  background-color: var(--accent);
  pointer-events: none;
}
.vcq9ay6[data-edge="top"] {
  top: -1px;
}
.vcq9ay6[data-edge="bottom"] {
  bottom: -1px;
}
._1q2jiw20 {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
}
._1q2jiw21 {
  display: flex;
  flex-direction: row;
  justify-items: flex-end;
  align-items: center;
  padding: 6px 0;
  margin-bottom: 16px;
}
._1q2jiw22 {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 6px 0;
  gap: 6px;
  outline: none;
  transition: background 0.2s ease;
}
._1q2jiw22[data-highlight] {
  background: var(--surface-secondary);
}
._1q2jiw23 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 16px;
}
._1q2jiw24 {
  color: var(--foreground);
  font-size: 16px;
}
._1q2jiw25 {
  color: var(--foreground);
  font-size: var(--text-sm);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._1q2jiw25[data-unnamed=true] {
  color: var(--field-placeholder);
}
._1q2jiw26 {
  color: var(--muted);
  font-size: var(--text-sm);
  white-space: nowrap;
}
._1q2jiw27 {
  width: 100%;
  height: 0;
  border-top: 1px solid var(--border);
}
._1q2jiw28 {
  flex-grow: 1;
}
._1q2jiw29 {
  color: var(--muted);
  font-size: var(--text-xs);
}
._1q2jiw2a {
  color: var(--muted);
  font-size: var(--text-sm);
  margin-bottom: 8px;
}
._1q2jiw2b {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--muted);
  padding: 8px 16px;
  min-width: 260px;
}
._1q2jiw2c {
  font-size: var(--text-lg);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  border: 1px solid var(--border);
  background: var(--surface-secondary);
}
._1oni8ok0 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._1oni8ok1 {
  flex-grow: 1;
}
._1oni8ok1 .storage-progress-desc {
  font-size: var(--text-xs);
  color: var(--muted);
  height: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2px;
}
._1oni8ok1 .storage-progress-bar-wrapper {
  height: 8px;
  border-radius: 4px;
  background-color: var(--color-surface-hover);
  overflow: hidden;
}
._1oni8ok2 {
  height: 100%;
}
._1oni8ok3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
._1oni8ok4 {
  flex-grow: 1;
}
._1oni8ok5 {
  font-size: var(--text-sm);
  font-weight: 600;
  height: 28px;
}
._1oni8ok6 {
  color: var(--muted);
}
._1oni8ok7 {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px;
  border-radius: 8px;
  background: var(--accent);
  border: 1px solid var(--border);
}
._1oni8ok8 {
  display: grid;
  grid-template-columns: repeat(3, minmax(30%, 1fr));
  gap: 12px;
}
._1oni8ok9 {
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
._1oni8oka {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 320px;
}
._1oni8okb {
  padding-top: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--muted);
  font-size: var(--text-sm);
}
._1oni8okc {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
._1oni8okd {
  width: 100%;
  overflow: hidden;
  aspect-ratio: 1;
  border-radius: 4px;
  padding: 6px;
  background-color: var(--surface-secondary);
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid transparent;
}
._1oni8ok9[data-selected="true"] ._1oni8okd {
  border-color: var(--accent);
}
._1oni8ok9:hover ._1oni8okd {
  background-color: var(--color-surface-hover);
}
._1oni8oke {
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 24px;
  opacity: 0;
}
._1oni8ok9:hover ._1oni8oke {
  opacity: 1;
}
._1oni8ok9[data-selected="true"] ._1oni8oke {
  opacity: 1;
}
._1oni8oke path {
  background-color: var(--accent);
}
._1oni8okf {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
._1oni8okh {
  font-size: var(--text-xs);
  width: 100%;
}
._1oni8oki {
  font-size: var(--text-sm);
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
._1oni8okj {
  font-size: var(--text-xs);
  color: var(--muted);
}
._1cvq2ug0 {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  min-height: 422px;
}
._1cvq2ug1 {
  margin-bottom: 20px;
}
._1cvq2ug1 .logo {
  width: 26px;
  height: 26px;
  margin-right: 6px;
  vertical-align: middle;
  -o-object-fit: contain;
     object-fit: contain;
}
._1cvq2ug1 > p:first-of-type {
  font-size: var(--text-lg);
  font-weight: 600;
  margin-bottom: 4px;
  line-height: 28px;
  display: flex;
  align-items: center;
}
._1cvq2ug1 > p:last-of-type {
  font-size: var(--text-xl);
  font-weight: 600;
  line-height: 28px;
}
._1cvq2ug2 {
  font-size: var(--text-base);
  line-height: var(--text-2xl);
  flex-grow: 1;
}
._1cvq2ug2 > *:not(:last-child) {
  margin-bottom: 20px;
}
._1cvq2ug3 {
  position: relative;
}
._1cvq2ug3.with-hint {
  margin-bottom: 8px;
}
._1cvq2ug4 > *:not(:last-child) {
  margin-bottom: 20px;
}
._1cvq2ug3 label {
  display: block;
  color: var(--muted);
  margin-bottom: 4px;
  font-size: var(--text-sm);
  font-weight: 600;
  line-height: 22px;
}
._1cvq2ug5 {
  color: var(--danger);
  font-size: var(--text-xs);
  line-height: 20px;
  min-height: 20px;
}
._1cvq2ug2 a {
  color: var(--link);
}
._1cvq2ug6 {
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--text-base);
}
._1cvq2ug6 .wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  overflow: hidden;
}
._1cvq2ug6 .content {
  max-width: 810px;
}
._1cvq2ug6 .title {
  font-size: var(--text-xl);
  font-weight: 600;
  margin-bottom: 28px;
}
._1cvq2ug6 .subtitle {
  margin-bottom: 28px;
}
._1cvq2ug6 a {
  color: var(--link);
}
._1cvq2ug7 {
  height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
._1cvq2ug8 {
  width: 330px;
  position: relative;
}
._1cvq2uga {
  flex-shrink: 0;
  width: 670px;
}
@media screen and (min-width: 1024px) {
  ._1cvq2ug6 .content {
    margin-left: 200px;
    min-width: 500px;
    margin-right: 60px;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
  }
}
@media screen and (max-width: 1024px) {
  ._1cvq2ug6 {
    flex-direction: column;
    padding: 100px 20px;
    justify-content: flex-start;
  }
  ._1cvq2ug6 .wrapper {
    flex-direction: column;
    justify-content: flex-start;
  }
  ._1cvq2ug6 .content {
    max-width: 600px;
    width: 100%;
    margin: auto;
  }
  ._1cvq2ug9 {
    display: none;
  }
}
@media screen and (max-width: 520px) {
  ._1cvq2ug8 {
    width: 100%;
  }
}
._1nxysad0 {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  font-size: var(--text-base);
  position: relative;
  background-color: var(--background);
  background-size: cover;
}
._1nxysad1 {
  display: inline-flex;
  align-items: center;
  color: inherit;
}
._1nxysad2 {
  display: block;
  width: 32px;
  height: 32px;
}
._1nxysad3 {
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  position: fixed;
  align-items: center;
  justify-content: space-between;
  padding: 16px 120px;
}
._1nxysad4 {
  height: 52px;
  width: 100%;
  position: fixed;
  -webkit-app-region: drag;
}
._1nxysad5 {
  display: flex;
  -moz-column-gap: 4px;
       column-gap: 4px;
}
._1nxysad6 {
  color: var(--foreground);
  font-size: var(--text-sm);
  font-weight: 500;
  text-decoration: none;
  padding: 4px 18px;
}
._1nxysad7 {
  font-size: 24px;
  pointer-events: auto;
}
._1nxysad7.plain {
  color: var(--foreground);
}
._1nxysada {
  width: 100vw;
  height: 100vh;
  padding: 0;
  background: var(--background);
  border-radius: 0;
  border: none;
  box-shadow: none;
}
._1nxysadb {
  color: var(--foreground);
  font-size: var(--text-sm);
  font-weight: 500;
  text-decoration: none;
  padding: 12px 20px;
  max-width: 100%;
  position: relative;
  border-radius: 0;
  transition: background 0.3s ease;
}
._1nxysadb:after {
  content: "";
  position: absolute;
  bottom: 0;
  display: block;
  width: calc(100% - 40px);
  height: 0.5px;
  background: var(--border);
}
._1nxysadb:not(:last-of-type) {
  margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
  ._1nxysad3 {
    padding: 16px 20px;
  }
  ._1nxysad5 {
    display: none;
  }
  ._1nxysad9 {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  ._1nxysad8 {
    display: none;
    position: absolute;
  }
}
.tltpfv3 {
  min-width: 180px;
  border-radius: 8px;
  padding: 8px;
  font-size: var(--text-sm);
  font-weight: 400;
  background-color: var(--overlay);
  box-shadow: var(--overlay-shadow);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-app-region: no-drag;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.tltpfv3.mobile {
  padding: 0;
  box-shadow: none;
}
.tltpfv4 {
  --tltpfv0: var(--foreground);
  --tltpfv1: var(--foreground);
  --tltpfv2: transparent;
  color: var(--tltpfv1);
  background-color: var(--tltpfv2);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 4px;
  border-radius: 4px;
  line-height: 22px;
  border: none;
  outline: none;
  cursor: pointer;
  box-sizing: border-box;
}
.tltpfv4.block {
  max-width: 100%;
}
.tltpfv4[data-disabled], .tltpfv4.disabled {
  --tltpfv0: var(--muted);
  --tltpfv1: var(--muted);
  pointer-events: none;
  cursor: default;
}
.tltpfv4:hover {
  --tltpfv2: var(--color-surface-hover);
  outline: none !important;
}
.tltpfv4:focus-visible {
  outline: 1px solid var(--focus);
}
.tltpfv4.danger:hover {
  --tltpfv0: var(--danger);
  --tltpfv1: var(--danger);
  --tltpfv2: var(--color-danger-soft);
}
.tltpfv4.warning:hover {
  --tltpfv0: var(--warning);
  --tltpfv1: var(--warning);
  --tltpfv2: var(--color-warning-soft);
}
.tltpfv4.checked, .tltpfv4.selected {
  --tltpfv0: var(--accent);
}
.tltpfv5 {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.tltpfv6 {
  display: flex;
  flex-shrink: 0;
  font-size: var(--text-lg);
  color: var(--tltpfv0);
  width: 20px;
  height: 20px;
}
.tltpfv7 {
  width: 100%;
  height: 8px;
  position: relative;
}
.tltpfv7:after {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  background-color: var(--border);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) scaleY(0.5);
}
@keyframes qmw8qf0 {
  from {
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;
  }
  to {
    opacity: 1;
    transform: translateY(0);
    pointer-events: none;
  }
}
@keyframes qmw8qf1 {
  to {
    opacity: 0;
    transform: translateY(-10px);
  }
  from {
    opacity: 1;
    transform: translateY(0);
  }
}
.qmw8qf2 {
  animation: qmw8qf0 150ms cubic-bezier(0.42, 0, 0.58, 1);
}
.qmw8qf2[data-state="closed"] {
  pointer-events: none;
  animation: qmw8qf1 150ms cubic-bezier(0.42, 0, 0.58, 1);
  animation-fill-mode: forwards;
}
@keyframes _15920kl4 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _15920kl5 {
  from {
    opacity: 0;
    transform: translateY(-2%) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _15920kl6 {
  to {
    opacity: 0;
    transform: translateY(-2%) scale(0.96);
  }
  from {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _15920kl7 {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes _15920kl8 {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(100%);
  }
}
@keyframes _15920kl9 {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes _15920kla {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}
._15920kle {
  position: fixed;
  inset: 0;
  background-color: var(--overlay);
  z-index: var(--mt-z-index-modal);
  animation: _15920kl4 150ms forwards;
}
._15920kle.anim-none {
  animation: none;
}
._15920kle.mobile {
  background-color: var(--overlay);
}
._15920klf {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: var(--mt-z-index-modal);
}
._15920klf[data-mobile] {
  align-items: flex-end;
  padding-bottom: env(safe-area-inset-bottom, 20px);
}
._15920klf[data-full-screen="true"] {
  padding: 0 !important;
}
._15920klf.anim-none {
  animation: none;
}
._15920klf.anim-fadeScaleTop {
  animation: _15920kl5 150ms cubic-bezier(0.42, 0, 0.58, 1);
  animation-fill-mode: forwards;
}
[data-_15920kl3] ._15920klf.anim-fadeScaleTop.vt-active {
  view-transition-name: _15920klb;
}
._15920klf.anim-slideBottom {
  animation: _15920kl7 0.23s ease;
  animation-fill-mode: forwards;
}
[data-_15920kl3] ._15920klf.anim-slideBottom.vt-active {
  view-transition-name: _15920klc;
}
._15920klf.anim-slideRight {
  animation: _15920kl9 0.23s ease;
  animation-fill-mode: forwards;
}
[data-_15920kl3] ._15920klf.anim-slideRight.vt-active {
  view-transition-name: _15920kld;
}
::view-transition-old(_15920klb) {
  animation: _15920kl6 150ms cubic-bezier(0.42, 0, 0.58, 1);
  animation-fill-mode: forwards;
}
::view-transition-old(_15920klc) {
  animation: _15920kl8 0.23s ease;
  animation-fill-mode: forwards;
}
::view-transition-old(_15920kld) {
  animation: _15920kla 0.23s ease;
  animation-fill-mode: forwards;
}
._15920klg {
  --_15920kl0: ;
  --_15920kl1: ;
  --_15920kl2: ;
  width: var(--_15920kl0);
  height: var(--_15920kl1);
  min-height: var(--_15920kl2);
  max-height: calc(100dvh - 32px);
  max-width: calc(100dvw - 20px);
  box-sizing: border-box;
  font-size: var(--text-base);
  font-weight: 400;
  line-height: 1.6;
  padding: 20px 24px;
  position: relative;
  background-color: var(--overlay);
  box-shadow: var(--overlay-shadow);
  border-radius: 12px;
  outline: none;
}
[data-full-screen="true"] ._15920klg {
  --_15920kl0: 100dvw;
  --_15920kl1: 100dvh;
  --_15920kl2: 100dvh;
  max-width: 100dvw;
  max-height: 100dvh;
  border-radius: 0;
}
._15920klh {
  position: absolute;
  top: 22px;
  right: 20px;
  z-index: var(--mt-z-index-modal);
}
._15920kli {
  font-size: var(--text-base);
  font-weight: 600;
  line-height: 1.45;
  margin-bottom: 12px;
}
._15920klj {
  word-break: break-word;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}
[data-modal="false"]._15920klf {
  pointer-events: none;
}
[data-modal="false"] ._15920klg {
  pointer-events: auto;
}
.g2djf00._15920klg {
  background-color: var(--overlay);
  box-shadow: var(--overlay-shadow);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 24px;
  min-height: 0;
  padding: 0;
  overflow: hidden;
}
.g2djf01 {
  display: flex;
  align-items: start;
  transition: all 0.23s;
}
.g2djf02 {
  box-sizing: border-box;
  font-size: 17px;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
  flex-shrink: 0;
  padding: 13px 0px 13px 0px;
  max-height: calc(100dvh - 32px);
}
.g2djf03 {
  padding: 10px 20px;
  border-radius: 0;
}
.g2djf03:hover {
  --tltpfv2: transparent;
}
.g2djf03:active {
  --tltpfv2: var(--color-surface-hover);
}
.g2djf03.danger {
  --tltpfv1: var(--danger);
  --tltpfv0: var(--danger);
}
.g2djf03.danger:hover {
  --tltpfv2: transparent;
}
.g2djf03.danger:active {
  --tltpfv2: var(--color-danger-soft);
}
.g2djf03.warning:hover {
  --tltpfv2: transparent;
}
.g2djf03.warning:active {
  --tltpfv2: var(--color-warning-soft);
}
.g2djf03[data-divider=true] {
  margin-bottom: 16px;
  position: relative;
}
.g2djf03[data-divider=true]::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 100%;
  border-bottom: 0.5px solid var(--border);
}
.g2djf03[data-divider=true]:last-child {
  margin-bottom: 0;
}
.g2djf03[data-divider=true]:last-child::after {
  display: none;
}
.g2djf04 {
  height: 42px;
  align-self: start;
  font-weight: 600;
  font-size: 17px;
  padding-left: 0;
  margin-left: 20px;
  max-width: calc(100% - 20px);
}
.g2djf05 {
  max-height: 80dvh;
}
.ddlkf70 {
  display: flex;
  flex-direction: column;
}
.ddlkf73 {
  height: 100%;
  overflow-y: auto;
  padding: 12px 4px 20px 4px;
}
.ddlkf74 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: 40px;
  margin-top: auto;
  gap: 20px;
}
.ddlkf74.modalFooterWithChildren {
  padding-top: 20px;
}
.ddlkf74.reverse {
  flex-direction: row-reverse;
  justify-content: flex-start;
}
.ddlkf76 {
  display: flex;
  flex-direction: column;
  padding: 12px 0 !important;
  border-radius: 22px;
}
.ddlkf77 {
  padding: 11px 22px;
}
.ddlkf78 {
  padding: 10px 16px;
  margin-bottom: 0px !important;
}
.ddlkf79 {
  padding: 11px 22px;
}
.ddlkf7a {
  padding: 8px 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.ddlkf7a.row {
  flex-direction: row;
  justify-content: space-between;
}
.ddlkf7a.reverse {
  flex-direction: column-reverse;
}
.ddlkf7a.rowReverse {
  flex-direction: row-reverse;
}
.ddlkf7b {
  width: 100%;
  height: 44px;
  border-radius: 8px;
  font-size: 17px;
  font-weight: 400;
}
.ddlkf7b.row {
  width: auto;
  min-width: 0;
  max-width: 140px;
  flex: 1;
  height: 32px;
}
._15ljmhc0 {
  padding: 20px 24px 8px 24px;
  font-size: var(--text-base);
  font-family: var(--font-sans);
  font-weight: 600;
  line-height: 26px;
}
._15ljmhc1 {
  padding: 0px 24px 8px;
  font-size: var(--text-base);
  line-height: 24px;
  font-weight: 400;
}
._15ljmhc2 {
  padding: 20px 24px;
  display: flex;
  justify-content: flex-end;
  gap: 20px;
}
._15ljmhc3 {
  font-weight: 500;
}
._15ljmhc4 {
  color: var(--white);
  text-decoration: none;
  cursor: pointer;
}
._15ljmhc4:visited {
  color: var(--white);
}
._3kyxjo0 {
  display: flex;
  flex-direction: column;
}
._3kyxjo3 {
  height: 100%;
  overflow-y: auto;
  padding: 12px 4px 20px 4px;
}
._3kyxjo4 {
  color: var(--muted);
  font-size: 14px;
  line-height: 22px;
  padding: 8px 0;
}
._3kyxjo7 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: 40px;
  margin-top: auto;
  gap: 20px;
}
._3kyxjo7.modalFooterWithChildren {
  padding-top: 20px;
}
._3kyxjo7.reverse {
  flex-direction: row-reverse;
  justify-content: flex-start;
}
._3kyxjo9 {
  display: flex;
  flex-direction: column;
  padding: 12px 0 !important;
  border-radius: 22px;
}
._3kyxjoa {
  padding: 11px 22px;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: -0.43px;
  line-height: 22px;
}
._3kyxjob {
  color: var(--muted);
  font-size: 14px;
  line-height: 22px;
  padding: 8px 16px;
}
._3kyxjoc {
  padding: 10px 16px;
  margin-bottom: 0px !important;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.43px;
  line-height: 22px;
}
._3kyxjod {
  padding: 0 16px;
}
._3kyxjoe {
  height: 44px;
  font-size: 17px;
  line-height: 22px;
}
._3kyxjof {
  padding: 11px 22px;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: -0.43px;
  line-height: 22px;
}
._3kyxjog {
  padding: 8px 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._3kyxjog.reverse {
  flex-direction: column-reverse;
}
._3kyxjoh {
  width: 100%;
  height: 44px;
  border-radius: 8px;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: -0.43px;
  line-height: 22px;
}
._1xy94zx0 {
  --scrollbar-width: 8px;
  width: 100%;
  height: 100%;
  overflow-y: hidden;
}
._1xy94zx1 {
  position: absolute;
  top: 0;
  left: 16px;
  right: 16px;
  height: 1px;
  transition: opacity .3s .2s;
  opacity: 0;
  background: var(--border);
}
._1xy94zx1[data-has-scroll-top="true"] {
  opacity: 1;
}
._1xy94zx2 {
  height: 100%;
  width: 100%;
}
._1xy94zx2 >:first-child {
  display: contents !important;
}
._1xy94zx3 {
  height: 100%;
}
._1xy94zx4 {
  display: flex;
  flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: none;
  width: var(--scrollbar-width);
  height: 100%;
  opacity: 1;
  transition: width .15s;
}
._1xy94zx4:hover {
  background: var(--surface-secondary);
  width: calc(var(--scrollbar-width) + 3px);
  border-left: 1px solid var(--border);
}
._1xy94zx4[data-state="hidden"] {
  opacity: 0;
}
._1xy94zx5 {
  display: none;
}
._1xy94zx6 {
  margin-top: 60px;
  height: calc(100% - 120px);
  border-radius: 4px;
}
._1xy94zx7 {
  position: relative;
  background: var(--separator);
  width: 50%;
  overflow: hidden;
  border-radius: 4px;
}
._1xy94zx7:hover {
  background: var(--foreground);
}
._1xy94zx7::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  min-width: 44px;
  min-height: 44px;
}
._1p4gm1n0 {
  position: absolute;
  right: 10px;
}
._1p4gm1n1 {
  padding: 2px 15px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  border-radius: 10px;
  font-size: var(--text-xs);
}
._1p4gm1n1.weak {
  background-color: var(--mt-canvas-line-red);
  color: var(--danger);
}
._1p4gm1n1.medium {
  background-color: var(--mt-canvas-line-orange);
  color: var(--warning);
}
._1p4gm1n1.strong {
  background-color: var(--mt-canvas-line-green);
  color: var(--success);
}
._1p4gm1n1.minimum, ._1p4gm1n1.maximum {
  background-color: var(--mt-canvas-line-red);
  color: var(--danger);
}
@keyframes _1xkiehx1 {
  from {
    opacity: 0;
    transform: translateY(-2%) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _1xkiehx2 {
  to {
    opacity: 0;
    transform: translateY(-2%) scale(0.96);
  }
  from {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
._1xkiehx3 {
  position: fixed;
  right: 28px;
  top: 80px;
  z-index: var(--mt-z-index-modal);
}
._1xkiehx4 {
  width: 400px;
  height: 48px;
  background-color: var(--overlay);
  border-radius: 8px;
  box-shadow: var(--overlay-shadow);
  min-height: 48px;
  outline: none;
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  border: 0.5px solid var(--border);
  padding: 8px 12px 8px 8px;
  z-index: calc(var(--mt-z-index-modal) + 1);
  will-change: transform, opacity;
}
._1xkiehx4[data-state=entered], ._1xkiehx4[data-state=entering] {
  animation: _1xkiehx1 var(--_1xkiehx0) cubic-bezier(0.42, 0, 0.58, 1);
  animation-fill-mode: forwards;
}
._1xkiehx4[data-state=exited], ._1xkiehx4[data-state=exiting] {
  animation: _1xkiehx2 var(--_1xkiehx0) cubic-bezier(0.42, 0, 0.58, 1);
  animation-fill-mode: forwards;
}
._1xkiehx5 {
  display: flex;
  align-items: center;
  flex: 1;
}
._1xkiehx6 {
  font-size: 20px;
  color: var(--foreground);
  vertical-align: middle;
}
._1xkiehx7 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  height: 32px;
  position: relative;
  padding: 0 8px;
  border-radius: 4px;
  background: var(--surface-secondary);
  border: 1px solid var(--border);
}
._1xkiehx7.active {
  border-color: var(--accent);
}
._1xkiehx8 {
  display: flex;
  align-items: center;
  flex: 1;
  height: 32px;
  position: relative;
}
._1xkiehx9 {
  position: absolute;
  padding: 0;
  inset: 0;
  height: 100%;
  width: 100%;
  color: transparent;
  font-size: 15px;
}
._1xkiehxa {
  pointer-events: none;
}
._1xkiehxa::-moz-placeholder {
  color: var(--foreground);
}
._1xkiehxa::placeholder {
  color: var(--foreground);
}
._1xkiehxb {
  color: var(--muted);
  font-size: var(--text-xs);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
._1xkiehxc {
  border: 1px solid;
  border-color: var(--border);
  flex-shrink: 0;
  border-radius: 4px;
  overflow: hidden;
}
._1xkiehxd {
  width: 32px;
  height: 32px;
  border-radius: 0;
}
._1xkiehxd:first-child {
  border-right: 1px solid;
  border-color: var(--border);
}