@studiocubics/components 0.0.1 → 0.0.2

package/dist/index.css

@@ -0,0 +1,2392 @@
+.Card-module_square__SK-KQ {
+  aspect-ratio: 1;
+}
+.Card-module_fullWidth__pIEIZ {
+  width: 100%;
+}
+
+.Card-module_size_sm__B3eSI {
+  padding: var(--spacing-gap-2);
+  border-radius: var(--shape-br-sm);
+}
+.Card-module_size_md__15alI {
+  padding: var(--spacing-gap-4);
+  border-radius: var(--shape-br-md);
+}
+.Card-module_size_lg__HCTUY {
+  padding: var(--spacing-gap-6);
+  border-radius: var(--shape-br-lg);
+}
+
+.Card-module_outlined__TPads {
+  border: 1px solid var(--color-outline);
+  background: none;
+}
+.Card-module_contained__EFPqh {
+  background: var(--color-surface-alpha);
+}
+
+.CollectionItemCard-module_root__v3IlF {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  overflow: hidden;
+  border-radius: var(--shape-br-md);
+  background-color: var(--color-background);
+  pointer-events: none;
+}
+.CollectionItemCard-module_image__TfkAn {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 20svh;
+  overflow: hidden;
+  & > img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+}
+.CollectionItemCard-module_main__47qRO {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 0.1618em;
+  padding: var(--spacing-gap-2) calc(1.618 * var(--spacing-gap-2));
+  overflow: hidden;
+  transition: all var(--transition-time) var(--transition-tf);
+  color: var(--color-on-surface);
+  pointer-events: all;
+  border-radius: calc(var(--shape-br-md) - var(--spacing-gap));
+  margin: var(--spacing-gap);
+  & > p {
+    display: flex;
+    align-items: center;
+  }
+}
+.CollectionItemCard-module_description__BQapV {
+  color: var(--color-on-background-faint);
+  font-size: 0.8em;
+}
+.CollectionItemCard-module_subtitle__gThMk {
+  color: var(--color-on-background-faint);
+  font-size: 1em;
+}
+.CollectionItemCard-module_clickable__d3rRV {
+  transition: all var(--transition-time) var(--transition-tf);
+  & > .CollectionItemCard-module_main__47qRO {
+    cursor: pointer;
+    background: var(--color-background);
+  }
+  &:has(.CollectionItemCard-module_main__47qRO:hover) {
+    background: var(--color-background-faint);
+  }
+}
+.CollectionItemCard-module_title__B-sLi {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-gap-2);
+  & > h4 {
+    flex: 1;
+    font-size: 1.2em;
+  }
+}
+.CollectionItemCard-module_footer__-8LZo {
+  display: flex;
+  justify-content: flex-end;
+  pointer-events: all;
+}
+
+@container (min-width:600px) {
+  .CollectionItemCard-module_root__v3IlF {
+    flex-direction: row;
+    & > .CollectionItemCard-module_image__TfkAn {
+      width: 10vw;
+      height: auto;
+      aspect-ratio: 1;
+      min-width: 3rem;
+      max-width: 6rem;
+    }
+  }
+}
+
+.ClampedText-module_root__WGLiO {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.Chip-module_root__aw3YS {
+  --badge-outline-color: var(--color-outline);
+  --badge-color: var(--color-on-surface);
+  --badge-background: var(--color-surface);
+  color: var(--badge-color);
+  border: 1px solid var(--badge-outline-color);
+  background: var(--badge-background);
+  width: fit-content;
+  font-size: 0.9em;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: var(--spacing-gap);
+}
+.Chip-module_outlined__MdLuF {
+  background: none;
+}
+.Chip-module_contained__h-xuY {
+  border: none;
+}
+.Chip-module_size_sm__v0VIz {
+  padding: calc(var(--spacing-gap) / 2) calc(1.618 * (var(--spacing-gap) / 2));
+  font-size: 0.8em;
+  border-radius: var(--shape-br-xs);
+}
+.Chip-module_size_md__Shvvz {
+  padding: calc(var(--spacing-gap-2) / 2)
+    calc(1.618 * (var(--spacing-gap-2) / 2));
+  border-radius: var(--shape-br-sm);
+}
+
+.Chip-module_size_lg__sqT26 {
+  padding: calc(var(--spacing-gap-3) / 2)
+    calc(1.618 * (var(--spacing-gap-3) / 2));
+  font-size: 1em;
+  border-radius: var(--shape-br-sm);
+}
+.Chip-module_root__aw3YS[data-color="primary"] {
+  --badge-color: var(--color-primary);
+  --badge-background: none;
+  --badge-outline-color: var(--color-primary);
+}
+.Chip-module_root__aw3YS[data-color="secondary"] {
+  --badge-color: var(--color-secondary);
+  --badge-background: none;
+  --badge-outline-color: var(--color-secondary);
+}
+.Chip-module_root__aw3YS[data-color="error"] {
+  --badge-color: var(--color-error);
+  --badge-background: none;
+  --badge-outline-color: var(--color-error);
+}
+.Chip-module_contained__h-xuY[data-color="primary"] {
+  --badge-color: var(--color-on-primary);
+  --badge-background: var(--color-primary);
+}
+.Chip-module_contained__h-xuY[data-color="secondary"] {
+  --badge-color: var(--color-on-secondary);
+  --badge-background: var(--color-secondary);
+}
+.Chip-module_contained__h-xuY[data-color="error"] {
+  --badge-color: var(--color-on-error);
+  --badge-background: var(--color-error);
+}
+
+.Ripple-module_container__4Dv-f {
+  position: absolute;
+  overflow: hidden;
+  inset: 0;
+  border-radius: inherit;
+  pointer-events: none;
+}
+.Ripple-module_ripple__-a0Jv {
+  --ripple-color: currentColor;
+  --ripple-duration: 750ms;
+  filter: blur(10px);
+  position: absolute;
+  border-radius: 50%;
+  background: var(--ripple-color);
+  transform: scale(0);
+  opacity: 0.6;
+  animation: Ripple-module_ripple-expand__jWi54 var(--ripple-duration, 750ms) var(--transition-tf);
+  pointer-events: none;
+}
+@keyframes Ripple-module_ripple-expand__jWi54 {
+  to {
+    transform: scale(2);
+    opacity: 0;
+  }
+}
+
+.Button-module_root__hmumx {
+  --button-color: var(--color-on-background);
+  --button-background: none;
+  --button-hover-color: var(--color-on-background);
+  --button-hover-background: var(--color-background-faint);
+  --button-outline-color: var(--color-on-background);
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: var(--spacing-gap);
+  padding: var(--spacing-gap) calc(1.618 * var(--spacing-gap-3));
+  cursor: pointer;
+  border: none;
+  background: var(--button-background);
+  color: var(--button-color);
+  font-family: var(--font-p);
+  font-size: var(--fs-body2);
+  font-weight: bold;
+  transition: all var(--transition-time) var(--transition-tf);
+  &:not(:disabled):hover {
+    color: var(--button-hover-color);
+    background: color-mix(
+      in srgb,
+      var(--button-hover-background) 50%,
+      transparent
+    );
+  }
+  &:disabled {
+    opacity: 0.5;
+  }
+}
+
+.Button-module_iconContainer__-VER1 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: max-content;
+}
+.Button-module_square__Wu8jt {
+  padding: var(--spacing-gap-2);
+}
+.Button-module_root__hmumx:disabled {
+  cursor: not-allowed;
+}
+.Button-module_root__hmumx:focus-visible {
+  outline: var(--focus-ring);
+}
+.Button-module_size_sm__Qk6rp {
+  padding: var(--spacing-gap) calc(1.618 * var(--spacing-gap));
+  border-radius: var(--shape-br-sm);
+  font-size: 0.9em;
+  &.Button-module_square__Wu8jt {
+    padding: var(--spacing-gap);
+  }
+}
+.Button-module_size_md__qWVt- {
+  padding: var(--spacing-gap-2) calc(1.618 * var(--spacing-gap-2));
+  border-radius: var(--shape-br-md);
+  &.Button-module_square__Wu8jt {
+    padding: var(--spacing-gap-2);
+  }
+}
+.Button-module_size_lg__e7Ely {
+  font-size: var(--fs-body);
+  padding: var(--spacing-gap-3) calc(1.618 * var(--spacing-gap-3));
+  border-radius: var(--shape-br-lg);
+  &.Button-module_square__Wu8jt {
+    padding: var(--spacing-gap-3);
+  }
+}
+.Button-module_contained__tlUyK {
+  --button-color: var(--color-background);
+  --button-background: var(--color-on-background);
+
+  &:not(:disabled):hover {
+    background: var(--button-hover-background);
+  }
+}
+.Button-module_outlined__rgbFf {
+  border: 1px solid var(--button-outline-color);
+}
+
+.Button-module_position_absolute__NN8P1 {
+  position: absolute;
+}
+.Button-module_position_relative__r0CV0 {
+  position: relative;
+}
+.Button-module_position_fixed__LilZy {
+  position: fixed;
+}
+.Button-module_position_sticky__2ixpW {
+  position: sticky;
+}
+.Button-module_fullWidth__5o7qa {
+  width: 100%;
+}
+.Button-module_root__hmumx[data-color="primary"] {
+  --button-color: var(--color-primary);
+  --button-background: none;
+  --button-hover-color: var(--color-on-primary-container);
+  --button-hover-background: var(--color-primary-container);
+  --button-outline-color: var(--color-primary);
+}
+.Button-module_root__hmumx[data-color="secondary"] {
+  --button-color: var(--color-secondary);
+  --button-background: none;
+  --button-hover-color: var(--color-on-secondary-container);
+  --button-hover-background: var(--color-secondary-container);
+  --button-outline-color: var(--color-secondary);
+}
+.Button-module_root__hmumx[data-color="error"] {
+  --button-color: var(--color-error);
+  --button-background: none;
+  --button-hover-color: var(--color-on-error-container);
+  --button-hover-background: var(--color-error-container);
+  --button-outline-color: var(--color-error);
+}
+.Button-module_contained__tlUyK[data-color="primary"] {
+  --button-color: var(--color-on-primary);
+  --button-background: var(--color-primary);
+}
+.Button-module_contained__tlUyK[data-color="secondary"] {
+  --button-color: var(--color-on-secondary);
+  --button-background: var(--color-secondary);
+}
+.Button-module_contained__tlUyK[data-color="error"] {
+  --button-color: var(--color-on-error);
+  --button-background: var(--color-error);
+}
+
+.Tooltip-module_root__nip6a {
+  position: fixed;
+  background: var(--color-surface);
+  color: var(--color-on-surface);
+  padding: var(--spacing-gap) var(--spacing-gap-2);
+  border-radius: var(--shape-br-sm);
+  font-size: var(--fs-body2);
+  font-weight: bold;
+  pointer-events: none;
+  z-index: 9999;
+  text-align: center;
+  --spacing-arrow-offset: 6px;
+}
+.Tooltip-module_root__nip6a.Tooltip-module_arrow-bottom__CuvK2 {
+  margin-bottom: var(--spacing-arrow-offset);
+}
+.Tooltip-module_root__nip6a.Tooltip-module_arrow-top__XaUyR {
+  margin-top: var(--spacing-arrow-offset);
+}
+.Tooltip-module_root__nip6a.Tooltip-module_arrow-right__O1HnI {
+  margin-left: var(--spacing-arrow-offset);
+}
+.Tooltip-module_root__nip6a.Tooltip-module_arrow-left__4o1J4 {
+  margin-right: var(--spacing-arrow-offset);
+}
+.Tooltip-module_root__nip6a.Tooltip-module_arrow-topLeft__WyNAm {
+  border-top-left-radius: 0;
+}
+.Tooltip-module_root__nip6a.Tooltip-module_arrow-topRight__-ILdh {
+  border-top-right-radius: 0;
+}
+.Tooltip-module_root__nip6a.Tooltip-module_arrow-bottomLeft__E6w40 {
+  border-bottom-left-radius: 0;
+}
+.Tooltip-module_root__nip6a.Tooltip-module_arrow-bottomRight__mefBZ {
+  border-bottom-right-radius: 0;
+}
+/* common arrow style */
+.Tooltip-module_root__nip6a::after {
+  content: "";
+  position: absolute;
+  width: 0;
+  height: 0;
+}
+
+/* arrow pointing up (tooltip below anchor) */
+.Tooltip-module_arrow-bottom__CuvK2::after {
+  bottom: calc(-1 * var(--spacing-arrow-offset));
+  left: 50%;
+  transform: translateX(-50%);
+  border-width: var(--spacing-arrow-offset) var(--spacing-arrow-offset) 0
+    var(--spacing-arrow-offset);
+  border-style: solid;
+  border-color: var(--color-surface) transparent transparent transparent;
+}
+
+/* arrow pointing down (tooltip above anchor) */
+.Tooltip-module_arrow-top__XaUyR::after {
+  top: calc(-1 * var(--spacing-arrow-offset));
+  left: 50%;
+  transform: translateX(-50%);
+  border-width: 0 var(--spacing-arrow-offset) var(--spacing-arrow-offset)
+    var(--spacing-arrow-offset);
+  border-style: solid;
+  border-color: transparent transparent var(--color-surface) transparent;
+}
+
+/* arrow pointing left (tooltip right of anchor) */
+.Tooltip-module_arrow-right__O1HnI::after {
+  right: calc(-1 * var(--spacing-arrow-offset));
+  top: 50%;
+  transform: translateY(-50%);
+  border-width: var(--spacing-arrow-offset) 0 var(--spacing-arrow-offset)
+    var(--spacing-arrow-offset);
+  border-style: solid;
+  border-color: transparent transparent transparent var(--color-surface);
+}
+
+/* arrow pointing right (tooltip left of anchor) */
+.Tooltip-module_arrow-left__4o1J4::after {
+  left: calc(-1 * var(--spacing-arrow-offset));
+  top: 50%;
+  transform: translateY(-50%);
+  border-width: var(--spacing-arrow-offset) var(--spacing-arrow-offset)
+    var(--spacing-arrow-offset) 0;
+  border-style: solid;
+  border-color: transparent var(--color-surface) transparent transparent;
+}
+
+/* arrow pointing down-left (tooltip above-right of anchor) */
+.Tooltip-module_arrow-topLeft__WyNAm::after {
+  top: calc(-1 * var(--spacing-arrow-offset));
+  left: 0;
+  border-width: 0 var(--spacing-arrow-offset) var(--spacing-arrow-offset)
+    var(--spacing-arrow-offset);
+  border-style: solid;
+  border-color: transparent transparent var(--color-surface) transparent;
+}
+
+/* arrow pointing down-right (tooltip above-left of anchor) */
+.Tooltip-module_arrow-topRight__-ILdh::after {
+  top: calc(-1 * var(--spacing-arrow-offset));
+  right: 0;
+  border-width: 0 var(--spacing-arrow-offset) var(--spacing-arrow-offset)
+    var(--spacing-arrow-offset);
+  border-style: solid;
+  border-color: transparent transparent var(--color-surface) transparent;
+}
+
+/* arrow pointing up-left (tooltip below-right of anchor) */
+.Tooltip-module_arrow-bottomLeft__E6w40::after {
+  bottom: calc(-1 * var(--spacing-arrow-offset));
+  left: 0;
+  border-width: var(--spacing-arrow-offset) var(--spacing-arrow-offset) 0
+    var(--spacing-arrow-offset);
+  border-style: solid;
+  border-color: var(--color-surface) transparent transparent transparent;
+}
+
+/* arrow pointing up-right (tooltip below-left of anchor) */
+.Tooltip-module_arrow-bottomRight__mefBZ::after {
+  bottom: calc(-1 * var(--spacing-arrow-offset));
+  right: 0;
+  border-width: var(--spacing-arrow-offset) var(--spacing-arrow-offset) 0
+    var(--spacing-arrow-offset);
+  border-style: solid;
+  border-color: var(--color-surface) transparent transparent transparent;
+}
+
+.Popover-module_root__HE-kk {
+  position: absolute;
+  background: none;
+  border: none;
+}
+.Popover-module_root__HE-kk.Popover-module_open__1aLk-::backdrop {
+  /* background-color: red; */
+  cursor: initial;
+}
+
+.GlassCard-module_root__rmCxh {
+  --glass-tint: var(--color-primary);
+  --glass-border-width: 2px;
+  --glass-border-radius: var(--shape-br-md);
+  --glass-border-color: var(--color-outline);
+  --glass-mouse-pointer-color: color-mix(
+    in srgb,
+    var(--color-primary) 50%,
+    transparent
+  );
+  --glass-shadow: color-mix(in srgb, var(--color-primary) 15%, transparent);
+  --glass-backdrop-blur: 5px;
+  --glass-position: relative;
+
+  isolation: isolate;
+  border-radius: var(--glass-border-radius);
+  position: var(--glass-position);
+  box-shadow: inset 0px 0px 4px var(--glass-shadow);
+  backdrop-filter: blur(var(--glass-backdrop-blur));
+
+  /* Border */
+  &::after {
+    --glass-reflection-i: color-mix(
+      in srgb,
+      var(--glass-tint) 20%,
+      transparent
+    );
+    --glass-reflection: color-mix(in srgb, var(--glass-tint) 40%, transparent);
+    --glass-reflection-w: #ffffff79;
+    content: "";
+    position: absolute;
+    inset: 0;
+    border-radius: inherit;
+    padding: var(--glass-border-width);
+    background-image: linear-gradient(
+      var(--gradient-angle, 255deg),
+      var(--glass-reflection-w) 0%,
+      var(--glass-reflection) 0.5%,
+      transparent 30%,
+      transparent 70%,
+      var(--glass-reflection-i) 100%
+    );
+    opacity: var(--glass-reflection-intensity, 1);
+    mask:
+      linear-gradient(#000 0 0) exclude,
+      linear-gradient(#000 0 0) content-box;
+
+    z-index: -2;
+  }
+
+  /* Mouse Pointer Light */
+  &::before {
+    content: "";
+    inset: 0;
+    position: absolute;
+    transition: opacity var(--transition-time);
+    pointer-events: none;
+    opacity: 1;
+    padding: var(--glass-border-width);
+    mask:
+      linear-gradient(#000 0 0) exclude,
+      linear-gradient(#000 0 0) content-box;
+    border-radius: inherit;
+    background: radial-gradient(
+      250px circle at var(--mouse-x) var(--mouse-y),
+      var(--glass-mouse-pointer-color),
+      transparent 40%
+    );
+    z-index: -1;
+  }
+}
+
+.Accordion-module_summary__3uXXu {
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-gap);
+  padding: var(--spacing-gap);
+  border-radius: var(--shape-br-md);
+  position: relative;
+  isolation: isolate;
+  transition: all var(--transition-time) var(--transition-tf);
+  /* background: var(--color-background); */
+  &:hover {
+    background: var(--color-background-faint);
+  }
+}
+.Accordion-module_highlight__YzcnA {
+  position: absolute;
+  inset: 0;
+  z-index: -1;
+}
+.Accordion-module_summaryContent__-Wu52 {
+  flex: 1;
+  border-radius: calc(var(--shape-br-md) - var(--spacing-gap));
+  container-type: inline-size;
+  overflow: hidden;
+}
+.Accordion-module_marker__7gmt8 {
+  flex: 0 0 var(--spacing-gap-4);
+  width: var(--spacing-gap-4);
+  height: var(--spacing-gap-4);
+  position: relative;
+  & > svg {
+    position: absolute;
+    inset: 0;
+  }
+}
+.Accordion-module_root__-tG1G {
+  background: var(--color-background);
+  border-radius: var(--shape-br-md);
+  overflow: hidden;
+  transition: margin-block var(--transition-time) var(--transition-tf);
+  margin-block: 0;
+
+  @media (prefers-reduced-motion: no-preference) {
+    interpolate-size: allow-keywords;
+  }
+  &::details-content {
+    overflow: hidden;
+    max-height: 0;
+    transition:
+      content-visibility var(--transition-time) allow-discrete,
+      max-height var(--transition-time) var(--transition-tf);
+  }
+  &[open] {
+    margin-block: var(--spacing-gap-2);
+    & > .Accordion-module_summary__3uXXu {
+      background: var(--color-surface);
+    }
+    &::details-content {
+      max-height: 999px;
+      @supports (interpolate-size: allow-keywords) {
+        max-height: auto;
+      }
+    }
+  }
+}
+.Accordion-module_content__NPbBr {
+  padding: var(--spacing-gap-3);
+}
+
+.IdentityDisplay-module_root__nEI-t {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  padding: var(--spacing-gap-2);
+  border-radius: var(--shape-br-md);
+  overflow: hidden;
+  transition:
+    padding var(--transition-time) var(--transition-tf),
+    width 0.1s var(--transition-time) var(--transition-tf),
+    color var(--transition-time) var(--transition-tf),
+    background var(--transition-time) var(--transition-tf);
+}
+.IdentityDisplay-module_clickable__Xloez {
+  cursor: pointer;
+  &:hover {
+    color: var(--color-on-primary-container);
+    background: var(--color-primary-container);
+  }
+}
+.IdentityDisplay-module_main__27-fb {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-gap-2);
+}
+.IdentityDisplay-module_image__YD-pm {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  & > img {
+    width: 48px;
+    height: 48px;
+    object-fit: cover;
+    overflow: hidden;
+    border-radius: 50%;
+  }
+}
+.IdentityDisplay-module_details__kSAvW {
+  color: inherit;
+  display: flex;
+  flex-direction: column;
+  & h4 {
+    font-weight: bold;
+    font-size: 1.1em;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    text-align: left;
+  }
+  & > p {
+    text-align: left;
+    font-size: 0.9em;
+    font-weight: 400;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    color: var(--color-on-background-faint);
+  }
+}
+.IdentityDisplay-module_desc__QHEz8 {
+  font-size: 0.9em;
+}
+.IdentityDisplay-module_image-only__LBjOr {
+  padding: 0;
+  & .IdentityDisplay-module_main__27-fb,
+  & .IdentityDisplay-module_image__YD-pm {
+    width: 100%;
+  }
+  .IdentityDisplay-module_details__kSAvW {
+    display: none;
+  }
+  .IdentityDisplay-module_desc__QHEz8 {
+    display: none;
+  }
+}
+.IdentityDisplay-module_square__f2jb0 {
+  .IdentityDisplay-module_main__27-fb {
+    flex-direction: column;
+    align-items: center;
+  }
+  .IdentityDisplay-module_details__kSAvW {
+    & > h4,
+    & > p {
+      text-align: center;
+    }
+  }
+  .IdentityDisplay-module_desc__QHEz8 {
+    display: none;
+  }
+}
+.IdentityDisplay-module_compact__ilrg- {
+  .IdentityDisplay-module_desc__QHEz8 {
+    display: none;
+  }
+}
+
+.PoweredByBanner-module_root__EtEjU {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding-block: var(--spacing-gap);
+  gap: var(--spacing-gap);
+  padding-inline: 8.33%;
+  color: var(--color-on-background-faint);
+  width: 100%;
+}
+.PoweredByBanner-module_size_sm__8S6Jb {
+  font-size: var(--fs-body2);
+}
+.PoweredByBanner-module_size_md__HKrCD {
+  font-size: var(--fs-body);
+}
+.PoweredByBanner-module_size_lg__6oEhl {
+  font-size: var(--fs-body);
+  font-weight: bold;
+}
+
+.Cursor-module_root__xyOg- {
+  position: fixed;
+  width: 100%;
+  height: 100vh;
+  top: 0;
+  left: 0;
+  z-index: -1;
+  isolation: isolate;
+  pointer-events: none;
+}
+.Cursor-module_main__FUTOy {
+  /* --cursor-mouse-down-size: 11em; */
+  background: radial-gradient(
+    41.94% 82.95% at 50% 50%,
+    color-mix(in srgb, var(--color-primary) 50%, transparent) 0%,
+    color-mix(in srgb, var(--color-secondary) 50%, transparent) 100%
+  );
+  filter: blur(90px);
+
+  position: absolute;
+  transition-property: width, height, filter;
+  transition-duration: var(--transition-time);
+  transition-timing-function: var(--transition-tf);
+  translate: -50% -50%;
+  border-radius: 50%;
+}
+/* .mouseDowned {
+  filter: blur(50px);
+  width: calc(1.618 * var(--cursor-mouse-down-size));
+  height: var(--cursor-mouse-down-size);
+} */
+
+@keyframes Spinner-module_spinning__1J1HL {
+  12% {
+    x: 13px;
+    y: 1px;
+  }
+  25% {
+    x: 13px;
+    y: 1px;
+  }
+  37% {
+    x: 13px;
+    y: 13px;
+  }
+  50% {
+    x: 13px;
+    y: 13px;
+  }
+  62% {
+    x: 1px;
+    y: 13px;
+  }
+  75% {
+    x: 1px;
+    y: 13px;
+  }
+  87% {
+    x: 1px;
+    y: 1px;
+  }
+}
+.Spinner-module_main__dBojo {
+  animation: Spinner-module_spinning__1J1HL 1.6s linear infinite;
+  animation-delay: -1.6s;
+}
+.Spinner-module_trailing__jtCPy {
+  animation-delay: -1s;
+  fill-opacity: 0.5;
+}
+
+/* Grow Animation - Max-Width/Max-Height based */
+.TransitionAnimation-module_growEnter__bI9tZ {
+  transform: scale(0);
+  max-width: 0;
+  max-height: 0;
+  opacity: 0;
+  overflow: hidden;
+}
+
+.TransitionAnimation-module_growEnterActive__yXQ1B {
+  transform: scale(1);
+  max-width: 100vw;
+  max-height: 100vh;
+  opacity: 1;
+  overflow: hidden;
+  transition:
+    transform var(--transition-tf),
+    max-width var(--transition-tf),
+    max-height var(--transition-tf),
+    opacity var(--transition-tf);
+}
+
+.TransitionAnimation-module_growExit__xZ6nz {
+  transform: scale(1);
+  max-width: 100vw;
+  max-height: 100vh;
+  opacity: 1;
+  overflow: hidden;
+}
+
+.TransitionAnimation-module_growExitActive__t6tOi {
+  transform: scale(0);
+  max-width: 0;
+  max-height: 0;
+  opacity: 0;
+  overflow: hidden;
+  transition:
+    transform var(--transition-tf),
+    max-width var(--transition-tf),
+    max-height var(--transition-tf),
+    opacity var(--transition-tf);
+}
+
+/* Fade Animation */
+.TransitionAnimation-module_fadeEnter__ZQc-U {
+  opacity: 0;
+}
+
+.TransitionAnimation-module_fadeEnterActive__ZQP8J {
+  opacity: 1;
+  transition: opacity var(--transition-tf);
+}
+
+.TransitionAnimation-module_fadeExit__eYDrT {
+  opacity: 1;
+}
+
+.TransitionAnimation-module_fadeExitActive__1HT2J {
+  opacity: 0;
+  transition: opacity var(--transition-tf);
+}
+
+/* Slide Animation */
+.TransitionAnimation-module_slideEnter__9OKMI {
+  transform: translateY(-20px);
+  opacity: 0;
+}
+
+.TransitionAnimation-module_slideEnterActive__DMXWB {
+  transform: translateY(0);
+  opacity: 1;
+  transition:
+    transform var(--transition-tf),
+    opacity var(--transition-tf);
+}
+
+.TransitionAnimation-module_slideExit__P7dM2 {
+  transform: translateY(0);
+  opacity: 1;
+}
+
+.TransitionAnimation-module_slideExitActive__Z4put {
+  transform: translateY(-20px);
+  opacity: 0;
+  transition:
+    transform var(--transition-tf),
+    opacity var(--transition-tf);
+}
+
+/* Zoom Animation - Max-Width/Max-Height based */
+.TransitionAnimation-module_zoomEnter__6ELcc {
+  transform: scale(0.5);
+  max-width: 0;
+  max-height: 0;
+  opacity: 0;
+  overflow: hidden;
+}
+
+.TransitionAnimation-module_zoomEnterActive__2T6j4 {
+  transform: scale(1);
+  max-width: 100vw;
+  max-height: 100vh;
+  opacity: 1;
+  overflow: hidden;
+  transition:
+    transform var(--transition-tf),
+    max-width var(--transition-tf),
+    max-height var(--transition-tf),
+    opacity var(--transition-tf);
+}
+
+.TransitionAnimation-module_zoomExit__SUc94 {
+  transform: scale(1);
+  max-width: 100vw;
+  max-height: 100vh;
+  opacity: 1;
+  overflow: hidden;
+}
+
+.TransitionAnimation-module_zoomExitActive__QWH8r {
+  transform: scale(1.5);
+  max-width: 0;
+  max-height: 0;
+  opacity: 0;
+  overflow: hidden;
+  transition:
+    transform var(--transition-tf),
+    max-width var(--transition-tf),
+    max-height var(--transition-tf),
+    opacity var(--transition-tf);
+}
+.InputErrors-module_root__APxhq {
+  display: flex;
+  flex-direction: column;
+  color: var(--color-error);
+  font-size: 0.9em;
+}
+
+.Kbd-module_root__OFPCy {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-gap);
+}
+.Kbd-module_kbd__F-c6z {
+  --kbd-size-x: 1;
+  --kbd-size-y: 1;
+  --kbd-base: 30px;
+  width: calc(var(--kbd-size-x) * var(--kbd-base));
+  height: calc(var(--kbd-size-y) * var(--kbd-base));
+  padding: 0.2em;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: 0.1em;
+  text-align: center;
+  font-size: 60%;
+    /* font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif; */
+  font-family:
+    ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
+  /* font-weight: bold; */
+
+  &.Kbd-module_surface__xpquz {
+    color: #ebd6dc;
+    background: #313133;
+    border-radius: 0.4em;
+  }
+}
+
+.LabeledValue-module_root__Vu-iA {
+  display: flex;
+  flex-direction: row;
+  padding-block: var(--spacing-gap);
+  align-items: center;
+  /* padding-inline: var(--spacing-gap-4); */
+  /* & > label, */
+  & > .LabeledValue-module_content__EIsuq {
+    flex: 1;
+  }
+  & > label {
+    padding-right: var(--spacing-gap-2);
+    font-size: 0.9em;
+    color: var(--color-on-background-faint);
+  }
+  & > .LabeledValue-module_content__EIsuq {
+    padding-left: var(--spacing-gap-2);
+    border-left: 1px solid var(--color-outline);
+  }
+}
+@container (max-width:400px) {
+  .LabeledValue-module_root__Vu-iA {
+    flex-direction: column;
+    & > label {
+      padding-right: 0;
+    }
+    & > .LabeledValue-module_content__EIsuq {
+      padding-left: 0;
+      border-left: none;
+    }
+  }
+}
+
+.List-module_root__VY-ni {
+  list-style-type: none;
+  padding-inline: var(--spacing-gap-3);
+  display: flex;
+  flex-direction: column;
+  position: relative;
+}
+.List-module_root__VY-ni:has(.List-module_shortened__cbFoK) {
+  padding: 0;
+}
+.List-module_secondary__lU6qH {
+  border-left: 1px solid var(--color-outline);
+  margin-left: var(--spacing-gap-3);
+  padding-inline: var(--spacing-gap);
+  margin-block: var(--spacing-gap-2);
+}
+.List-module_listItem__8lcu6 {
+  --list-color: var(--color-on-background);
+  --list-background: transparent;
+  --list-hover-color: var(--color-on-background);
+  --list-hover-background: var(--color-background-faint);
+  --list-selected-color: var(--color-primary);
+  --list-selected-background: none;
+  --list-selected-hover-color: var(--color-on-background);
+  --list-selected-hover-background: none;
+  padding: calc(var(--spacing-gap-3) / 1.75)
+    calc(1.618 * var(--spacing-gap-3) / 1.75);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--spacing-gap);
+  overflow: hidden;
+  position: relative;
+  border-radius: var(--shape-br-sm);
+  color: var(--list-color);
+  transition: all var(--transition-time) var(--transition-tf);
+  background: var(--list-background);
+}
+
+.List-module_listItem__8lcu6.List-module_clickable__3Fj4n {
+  cursor: pointer;
+}
+.List-module_listItem__8lcu6.List-module_clickable__3Fj4n:not(.List-module_selected__nXBs4):not(:disabled):hover {
+  background: color-mix(in srgb, var(--list-hover-background) 50%, transparent);
+  color: var(--list-hover-color);
+}
+.List-module_listItem__8lcu6:focus-visible {
+  outline: var(--focus-ring);
+}
+.List-module_selected__nXBs4 {
+  background: var(--list-selected-background);
+  color: var(--list-selected-color);
+  &:hover {
+    background: var(--list-selected-hover-background);
+    color: var(--list-selected-hover-color);
+  }
+}
+.List-module_disabled__RJxHm {
+  cursor: not-allowed;
+  background: var(--color-background-faint);
+  color: var(--color-on-background-faint);
+}
+.List-module_shortened__cbFoK {
+  gap: 0;
+  & > *:not(.List-module_primaryIcon__WyWmw) {
+    max-width: 0;
+  }
+}
+.List-module_content__Q2M2b {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  max-width: 50ch;
+  color: inherit;
+  font-weight: bold;
+  transition: max-width var(--transition-time) var(--transition-tf);
+  overflow: hidden;
+}
+
+.List-module_iconContainer__ZHqxe {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: inherit;
+  max-width: 50ch;
+  transition: max-width var(--transition-time) var(--transition-tf);
+}
+
+.List-module_dropDownIcon__XfJpu {
+  position: relative;
+  display: block;
+}
+.List-module_dropDownIcon__XfJpu.List-module_openSublist__Izz1t {
+  rotate: 180deg;
+}
+
+.List-module_marker__o4rTn {
+  display: none;
+  position: absolute;
+  left: 0;
+  width: 0;
+  z-index: -1;
+  transition:
+    width 0s linear,
+    top var(--transition-time) var(--transition-tf),
+    left var(--transition-time) var(--transition-tf);
+  --glass-border-radius: var(--shape-br-sm);
+  background-color: color-mix(
+    in srgb,
+    var(--color-background) 50%,
+    transparent
+  );
+}
+.List-module_listItem__8lcu6[data-color="primary"] {
+  --list-color: var(--color-primary);
+  --list-background: transparent;
+  --list-hover-color: var(--color-on-primary-container);
+  --list-hover-background: var(--color-primary-container);
+  --list-selected-color: none;
+  --list-selected-background: none;
+  --list-selected-hover-color: var(--color-on-background);
+  --list-selected-hover-background: none;
+}
+.List-module_listItem__8lcu6[data-color="secondary"] {
+  --list-color: var(--color-secondary);
+  --list-background: transparent;
+  --list-hover-color: var(--color-on-secondary-container);
+  --list-hover-background: var(--color-secondary-container);
+  --list-selected-color: none;
+  --list-selected-background: none;
+  --list-selected-hover-color: var(--color-on-background);
+  --list-selected-hover-background: none;
+}
+.List-module_listItem__8lcu6[data-color="error"] {
+  --list-color: var(--color-error);
+  --list-background: transparent;
+  --list-hover-color: var(--color-on-error-container);
+  --list-hover-background: var(--color-error-container);
+  --list-selected-color: none;
+  --list-selected-background: none;
+  --list-selected-hover-color: var(--color-on-secondary);
+  --list-selected-hover-background: none;
+}
+
+.Skeleton-module_root__Ft3Ey {
+  --skeleton-color-main: var(--color-surface);
+  --skeleton-color-wave: color-mix(
+    in srgb,
+    var(--color-surface) 80%,
+    var(--color-primary) 10%
+  );
+
+  background-image: linear-gradient(
+    to right,
+    var(--skeleton-color-main) 0%,
+    var(--skeleton-color-wave) 50%,
+    var(--skeleton-color-main) 100%
+  );
+  background-size: 1000px 1000px;
+  background-repeat: repeat-x;
+  animation: Skeleton-module_throb__SxiMC 2s var(--transition-tf) infinite;
+  /* animation: wave 0.8s linear infinite forwards; */
+  border-radius: var(--shape-br-md);
+}
+.Skeleton-module_large__LnDji {
+  font-size: 2rem;
+}
+.Skeleton-module_medium__LjhY7 {
+  font-size: 1.2rem;
+}
+.Skeleton-module_small__j9Re2 {
+  font-size: 0.75rem;
+}
+
+@keyframes Skeleton-module_wave__mC2od {
+  0% {
+    background-position: 0% 0%;
+  }
+
+  100% {
+    background-position: -200% 0%;
+  }
+}
+@keyframes Skeleton-module_throb__SxiMC {
+  0% {
+    background: var(--color-surface);
+  }
+  50% {
+    background: color-mix(
+      in srgb,
+      var(--color-primary) 10%,
+      var(--color-surface) 100%
+    );
+  }
+  100% {
+    background: var(--color-surface);
+  }
+}
+
+.ConfirmationForm-module_root__ltcoI {
+  display: flex;
+  flex-direction: column;
+  font-size: var(--fs-body2);
+  gap: var(--spacing-gap-3);
+  color: var(--color-on-background-faint);
+  & > h4 {
+    font-size: 1.2em;
+    color: var(--color-on-background-faint);
+    padding-bottom: var(--spacing-gap-3);
+    border-bottom: 1px solid var(--color-outline);
+  }
+}
+.ConfirmationForm-module_danger__C1MyS {
+  & > h4 {
+    color: var(--color-error);
+  }
+}
+.ConfirmationForm-module_actions__TSHEJ {
+  display: flex;
+  justify-content: flex-end;
+  gap: var(--spacing-gap-2);
+}
+
+.CheckboxGroup-module_root__yODdU {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-gap-2);
+  padding-top: var(--spacing-gap-3);
+}
+.CheckboxGroup-module_legend__q-7v4 {
+  font-weight: bold;
+  font-family: var(--font-h);
+}
+
+.Checkbox-module_root__52eFu {
+  --input-border: var(--color-outline);
+  --input-color: var(--color-on-surface);
+  --input-fs: var(--fs-body2);
+  --input-background: var(--color-surface);
+  --input-focus-background: var(--color-background);
+  --input-checked-color: var(--color-surface);
+  --input-checked-background: var(--color-on-surface);
+  --input-indeterminate-color: var(--color-surface);
+  --input-indeterminate-background: var(--color-on-surface);
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-gap-2);
+}
+
+.Checkbox-module_inputWrapper__JZjHc {
+  position: relative;
+  height: fit-content;
+  display: flex;
+  border-radius: var(--shape-br-xs);
+  overflow: hidden;
+
+  & > input[type="checkbox"] {
+    font: inherit;
+    color: var(--input-color);
+    background: var(--input-background);
+    width: var(--spacing-gap-4);
+    height: var(--spacing-gap-4);
+    border: 2.3px solid var(--input-border);
+    border-radius: inherit;
+    cursor: pointer;
+    transition: all var(--transition-time) var(--transition-tf);
+  }
+
+  &:has(input[type="checkbox"]:checked) {
+    --input-color: var(--input-checked-color);
+    --input-background: var(--input-checked-background);
+  }
+
+  &:has(input[type="checkbox"]:indeterminate) {
+    --input-color: var(--input-indeterminate-color);
+    --input-background: var(--input-indeterminate-background);
+  }
+}
+.Checkbox-module_inputWrapper__JZjHc > span {
+  position: absolute;
+  inset: 0;
+  color: var(--input-color);
+  pointer-events: none;
+  height: 100%;
+  & > svg {
+    position: absolute;
+  }
+}
+.Checkbox-module_show__jXFKu {
+  display: block;
+  /* opacity: 1; */
+}
+.Checkbox-module_hide__j-2PL {
+  display: none;
+}
+.Checkbox-module_show__jXFKu path {
+  stroke-dasharray: 45; /* path length, adjust per path */
+  stroke-dashoffset: 45; /* start hidden */
+  animation: Checkbox-module_draw-check__THEN8 var(--transition-time) var(--transition-tf) forwards;
+}
+.Checkbox-module_hide__j-2PL path {
+  animation: Checkbox-module_draw-check__THEN8 var(--transition-time) var(--transition-tf) reverse;
+}
+@keyframes Checkbox-module_draw-check__THEN8 {
+  to {
+    stroke-dashoffset: 0; /* reveal path */
+  }
+}
+.Checkbox-module_label__4Llik {
+  cursor: pointer;
+}
+
+.PasswordInput-module_root__NPboh {
+  --input-border: var(--color-outline);
+  --input-color: var(--color-on-surface);
+  --input-fs: var(--fs-body2);
+  --input-background: var(--color-background-alpha);
+  --input-focus-background: var(--color-background);
+
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-gap);
+  font-size: var(--input-fs);
+  &.PasswordInput-module_fullWidth__rpxCo {
+    width: 100%;
+  }
+  &:has(.PasswordInput-module_inputWrapper__mq2VY > .PasswordInput-module_input__4CMJv:focus) {
+    & > .PasswordInput-module_inputWrapper__mq2VY {
+      outline: none;
+      background: var(--input-focus-background);
+    }
+    .PasswordInput-module_label__3PGfK {
+      color: var(--input-color);
+    }
+  }
+  &:has(.PasswordInput-module_inputWrapper__mq2VY > .PasswordInput-module_input__4CMJv:disabled) {
+    opacity: 0.5;
+  }
+}
+.PasswordInput-module_inputWrapper__mq2VY {
+  position: relative;
+  display: flex;
+  border-radius: var(--shape-br-sm);
+  outline: 1px solid var(--input-border);
+  background: var(--input-background);
+}
+.PasswordInput-module_label__3PGfK {
+  color: var(--color-on-background-faint);
+  margin-left: var(--spacing-gap);
+  width: max-content;
+  cursor: pointer;
+}
+.PasswordInput-module_input__4CMJv {
+  flex: 1 1 100%;
+  font-family: var(--font-p);
+  font-size: inherit;
+  border: none;
+  background: none;
+  color: var(--input-color);
+  &:focus {
+    outline: none;
+  }
+}
+.PasswordInput-module_iconContainer__Irk1R {
+  display: flex;
+  justify-content: center;
+  font-size: inherit;
+  align-items: center;
+  color: var(--color-on-background-faint);
+  /* Start Icon */
+  &:nth-of-type(1) {
+    margin-left: var(--spacing-gap-2);
+    &.PasswordInput-module_disableGutters__Do0n8 {
+      margin-left: 0;
+    }
+  }
+  /* End Icon */
+  &:nth-of-type(2) {
+    margin-right: var(--spacing-gap-2);
+    &.PasswordInput-module_disableGutters__Do0n8 {
+      margin-right: 0;
+    }
+  }
+}
+
+.PasswordInput-module_errored__eEIPd {
+  --input-border: var(--color-error);
+  --input-color: var(--color-error);
+  & > .PasswordInput-module_inputWrapper__mq2VY {
+    outline: 1px solid var(--input-border);
+    & > .PasswordInput-module_iconContainer__Irk1R {
+      color: var(--input-color);
+    }
+  }
+  & > .PasswordInput-module_label__3PGfK {
+    color: var(--input-color);
+  }
+}
+
+.PasswordInput-module_size_sm__zlHt4 {
+  .PasswordInput-module_label__3PGfK {
+    font-size: 0.8em;
+  }
+  .PasswordInput-module_input__4CMJv {
+    padding: var(--spacing-gap) calc(1.618 * var(--spacing-gap));
+  }
+}
+.PasswordInput-module_size_md__-PLMI {
+  .PasswordInput-module_label__3PGfK {
+    font-size: 0.9em;
+  }
+  .PasswordInput-module_input__4CMJv {
+    padding: var(--spacing-gap-2) calc(1.618 * var(--spacing-gap-2));
+  }
+}
+.PasswordInput-module_size_lg__bWNCd {
+  .PasswordInput-module_label__3PGfK {
+    font-size: 1em;
+  }
+  .PasswordInput-module_input__4CMJv {
+    padding: var(--spacing-gap-3) calc(1.618 * var(--spacing-gap-3));
+  }
+}
+
+.PasswordStrength-module_root__YPak5 {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-gap);
+  flex-wrap: wrap;
+  padding-inline: var(--spacing-gap);
+  scale: 1 0;
+  transition: scale var(--transition-time) var(--transition-tf);
+}
+.PasswordStrength-module_title__PnvjF {
+  font-size: 0.5rem;
+  flex: 0 0 auto;
+}
+.PasswordStrength-module_strengthBars__VDp4V {
+  flex: 1 1 50%;
+  display: flex;
+  align-items: flex-start;
+  gap: var(--spacing-gap);
+}
+.PasswordStrength-module_bar__cVDvu {
+  transition: all var(--transition-time) var(--transition-tf);
+  background-color: currentColor;
+  scale: 0 0;
+  flex: 1 1 25%;
+  transform-origin: top left;
+  border-radius: 999px;
+}
+.PasswordStrength-module_weak__1uds9 {
+  height: 3px;
+  opacity: 0.3;
+}
+.PasswordStrength-module_medium__iDdic {
+  height: 5px;
+  opacity: 0.5;
+}
+.PasswordStrength-module_good__WkBFX {
+  height: 7px;
+  opacity: 0.8;
+}
+.PasswordStrength-module_strong__WKvRA {
+  height: 9px;
+}
+.PasswordStrength-module_show__D2ml- {
+  scale: 1 1;
+}
+
+.Select-module_root__dxgVk {
+  --input-border: var(--color-outline);
+  --input-color: var(--color-on-surface);
+  --input-fs: var(--fs-body2);
+  --input-background: var(--color-surface);
+  --input-focus-background: var(--color-background);
+
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-gap);
+  font-size: var(--input-fs);
+
+  &.Select-module_fullWidth__Sm-ZO {
+    width: 100%;
+  }
+  &:has(.Select-module_inputWrapper__WbY3I > .Select-module_input__RZaAp:focus, .Select-module_inputWrapper__WbY3I > .Select-module_input__RZaAp:open) {
+    & > .Select-module_inputWrapper__WbY3I {
+      outline: none;
+      background: var(--input-focus-background);
+    }
+    .Select-module_label__AHkLr {
+      color: var(--input-color);
+    }
+  }
+  &:has(.Select-module_inputWrapper__WbY3I > .Select-module_input__RZaAp:disabled) {
+    opacity: 0.5;
+  }
+}
+
+.Select-module_inputWrapper__WbY3I {
+  position: relative;
+  display: flex;
+  border-radius: var(--shape-br-sm);
+  outline: 1px solid var(--input-border);
+  background: var(--input-background);
+}
+.Select-module_label__AHkLr {
+  font-size: 0.9em;
+  color: var(--color-on-background-faint);
+  margin-left: var(--spacing-gap);
+  width: fit-content;
+  cursor: pointer;
+}
+.Select-module_input__RZaAp {
+  flex: 1 1 100%;
+  font-family: var(--font-p);
+  padding: var(--spacing-gap-2) calc(1.618 * var(--spacing-gap-2));
+  font-size: inherit;
+  border: none;
+  cursor: pointer;
+  background-color: var(--input-background);
+  color: var(--input-color);
+  border-radius: var(--shape-br-sm);
+  appearance: base-select;
+  transition: all var(--transition-time) var(--transition-tf);
+
+  &:focus,
+  &:open {
+    outline: none;
+    background-color: var(--input-focus-background);
+  }
+  & > option {
+    appearance: base-select;
+    cursor: pointer;
+    background-color: var(--input-background);
+    font-family: var(--font-p), sans-serif;
+    padding: var(--spacing-gap);
+    border-radius: var(--shape-br-sm);
+    transition: all var(--transition-time) var(--transition-tf);
+    &:hover {
+      background-color: var(--input-focus-background);
+    }
+    &:checked {
+      background-color: var(--color-primary-container);
+      color: var(--color-on-primary-container);
+      font-weight: bold;
+      transition: all var(--transition-time) var(--transition-tf);
+      &:hover {
+        background-color: var(--color-primary);
+        color: var(--color-on-primary);
+      }
+    }
+
+    &::checkmark {
+      display: none;
+    }
+  }
+}
+.Select-module_input__RZaAp::picker(select) {
+  appearance: base-select;
+  border-radius: var(--shape-br-sm);
+  background-color: var(--input-background);
+  border: 1px solid var(--color-outline);
+  padding: var(--spacing-gap);
+}
+.Select-module_input__RZaAp::picker-icon {
+  transition: rotate var(--transition-time) var(--transition-tf);
+}
+.Select-module_input__RZaAp:open::picker-icon {
+  rotate: 180deg;
+
+  /* background-image: url('data:image/svg+xml;utf8,<svg fill="#FF0000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>'); */
+}
+.Select-module_iconContainer__Xlvlm {
+  display: flex;
+  justify-content: center;
+  font-size: inherit;
+  align-items: center;
+  color: var(--color-on-background-faint);
+  /* Start Icon */
+  &:nth-of-type(1) {
+    margin-left: var(--spacing-gap-2);
+    &.Select-module_disableGutters__7Lu6I {
+      margin-left: 0;
+    }
+  }
+  /* End Icon */
+  &:nth-of-type(2) {
+    margin-right: var(--spacing-gap-2);
+    &.Select-module_disableGutters__7Lu6I {
+      margin-right: 0;
+    }
+  }
+}
+
+.Select-module_errored__IDw1f {
+  --input-border: var(--color-error);
+  --input-color: var(--color-error);
+  & > .Select-module_inputWrapper__WbY3I {
+    outline: 1px solid var(--input-border);
+    & > .Select-module_iconContainer__Xlvlm {
+      color: var(--input-color);
+    }
+  }
+  & > .Select-module_label__AHkLr {
+    color: var(--input-color);
+  }
+}
+
+.Switch-module_root__iigu- {
+  --switch-track-width: 54px;
+  --switch-track-height: 30px;
+  --switch-thumb-width: 60%;
+  --switch-track-color: var(--color-background-alpha);
+  --switch-track-checked-color: var(--color-background);
+  --switch-thumb-color: var(--color-primary-container);
+  --switch-thumb-checked-color: var(--color-primary);
+  --switch-thumb-text-color: var(--color-on-primary-container);
+  --switch-thumb-checked-text-color: var(--color-on-primary);
+  display: flex;
+  gap: var(--spacing-gap-2);
+  align-items: center;
+  &:not(.Switch-module_disabled__OpgQK) .Switch-module_switch__JRFZI:hover .Switch-module_thumb__s4iLS {
+    scale: 1;
+  }
+}
+.Switch-module_inputWrapper__o8uEI {
+  width: var(--switch-track-width);
+  height: var(--switch-track-height);
+  position: relative;
+  overflow: hidden;
+  padding-inline: 0.2em;
+}
+.Switch-module_disabled__OpgQK {
+  --switch-thumb-color: var(--color-surface-alpha);
+  --switch-thumb-text-color: var(--color-on-surface);
+  --switch-thumb-checked-color: var(--color-background-faint);
+  --switch-thumb-checked-text-color: var(--color-on-background-faint);
+
+  & .Switch-module_switch__JRFZI,
+  & .Switch-module_label__vk4At {
+    cursor: not-allowed;
+  }
+}
+.Switch-module_input__pSFbl {
+  /* visibility: hidden; */
+  position: absolute;
+  inset: 0;
+  opacity: 0;
+  /* left: 99999px; */
+}
+.Switch-module_inputWrapper__o8uEI:has(.Switch-module_input__pSFbl:focus) .Switch-module_switch__JRFZI {
+  border: var(--focus-ring);
+  background: var(--switch-track-checked-color);
+}
+.Switch-module_switch__JRFZI {
+  display: block;
+  width: 100%;
+  height: 100%;
+  cursor: pointer;
+  position: relative;
+  background-color: var(--switch-track-color);
+  border: 1px solid var(--color-outline);
+  border-radius: var(--shape-br-md);
+  &.Switch-module_checked__7JJ9o {
+    background: var(--switch-track-checked-color);
+    & .Switch-module_thumb__s4iLS {
+      left: 50%;
+      color: var(--switch-thumb-checked-text-color);
+      animation: Switch-module_checkon__B-djH var(--transition-time) var(--transition-tf) forwards;
+      background-color: var(--switch-thumb-checked-color);
+    }
+  }
+}
+.Switch-module_thumb__s4iLS {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  left: 0;
+  top: 50%;
+  translate: 0% -50%;
+  width: var(--switch-thumb-width);
+  height: 100%;
+  background-color: var(--switch-thumb-color);
+  transition: all var(--transition-time) var(--transition-tf);
+  color: var(--switch-thumb-text-color);
+  border-radius: var(--shape-br-md);
+  scale: 80%;
+  animation: Switch-module_checkoff__8YwSV var(--transition-time) var(--transition-tf) forwards;
+}
+.Switch-module_label__vk4At {
+  cursor: pointer;
+}
+@keyframes Switch-module_checkon__B-djH {
+  0% {
+    left: 0%;
+    width: var(--switch-thumb-width);
+    height: 100%;
+  }
+  50% {
+    left: 0;
+    width: 100%;
+    height: 80%;
+  }
+  100% {
+    left: calc(100% - var(--switch-thumb-width));
+    width: var(--switch-thumb-width);
+    height: 100%;
+  }
+}
+@keyframes Switch-module_checkoff__8YwSV {
+  0% {
+    left: 50%;
+    width: var(--switch-thumb-width);
+    height: 100%;
+  }
+  50% {
+    left: 0;
+    width: 100%;
+    height: 80%;
+  }
+  100% {
+    left: 0;
+    width: var(--switch-thumb-width);
+    height: 100%;
+  }
+}
+
+.TextInput-module_root__PFCcK {
+  --input-border: var(--color-outline);
+  --input-color: var(--color-on-surface);
+  --input-fs: var(--fs-body2);
+  --input-background: var(--color-background-alpha);
+  --input-focus-background: var(--color-background);
+
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-gap);
+  font-size: var(--input-fs);
+  &.TextInput-module_fullWidth__AT0dl {
+    width: 100%;
+  }
+  &:has(.TextInput-module_inputWrapper__SJTji > .TextInput-module_input__I-YSj:focus) {
+    & > .TextInput-module_inputWrapper__SJTji {
+      outline: none;
+      background: var(--input-focus-background);
+    }
+    .TextInput-module_label__AVOE4 {
+      color: var(--input-color);
+    }
+  }
+  &:has(.TextInput-module_inputWrapper__SJTji > .TextInput-module_input__I-YSj:disabled) {
+    opacity: 0.5;
+  }
+}
+
+.TextInput-module_inputWrapper__SJTji {
+  position: relative;
+  display: flex;
+  border-radius: var(--shape-br-sm);
+  outline: 1px solid var(--input-border);
+  background: var(--input-background);
+}
+.TextInput-module_label__AVOE4 {
+  color: var(--color-on-background-faint);
+  margin-left: var(--spacing-gap);
+  width: max-content;
+  cursor: pointer;
+}
+.TextInput-module_input__I-YSj {
+  flex: 1 1 100%;
+  font-family: var(--font-p);
+  font-size: inherit;
+  border: none;
+  background: none;
+  color: var(--input-color);
+  &:focus {
+    outline: none;
+  }
+}
+.TextInput-module_iconContainer__Mkob8 {
+  display: flex;
+  justify-content: center;
+  font-size: inherit;
+  align-items: center;
+  color: var(--color-on-background-faint);
+  /* Start Icon */
+  &:nth-of-type(1) {
+    margin-left: var(--spacing-gap-2);
+    &.TextInput-module_disableGutters__zleWJ {
+      margin-left: 0;
+    }
+  }
+  /* End Icon */
+  &:nth-of-type(2) {
+    margin-right: var(--spacing-gap-2);
+    &.TextInput-module_disableGutters__zleWJ {
+      margin-right: 0;
+    }
+  }
+}
+
+.TextInput-module_errored__OtcwB {
+  --input-border: var(--color-error);
+  --input-color: var(--color-error);
+  & > .TextInput-module_inputWrapper__SJTji {
+    outline: 1px solid var(--input-border);
+    & > .TextInput-module_iconContainer__Mkob8 {
+      color: var(--input-color);
+    }
+  }
+  & > .TextInput-module_label__AVOE4 {
+    color: var(--input-color);
+  }
+}
+
+.TextInput-module_size_sm__5Y5wE {
+  .TextInput-module_label__AVOE4 {
+    font-size: 0.8em;
+  }
+  .TextInput-module_input__I-YSj {
+    padding: var(--spacing-gap) calc(1.618 * var(--spacing-gap));
+  }
+}
+.TextInput-module_size_md__ngwcL {
+  .TextInput-module_label__AVOE4 {
+    font-size: 0.9em;
+  }
+  .TextInput-module_input__I-YSj {
+    padding: var(--spacing-gap-2) calc(1.618 * var(--spacing-gap-2));
+  }
+}
+.TextInput-module_size_lg__vFWvg {
+  .TextInput-module_label__AVOE4 {
+    font-size: 1em;
+  }
+  .TextInput-module_input__I-YSj {
+    padding: var(--spacing-gap-3) calc(1.618 * var(--spacing-gap-3));
+  }
+}
+
+.TextAreaInput-module_root__HtNc8 {
+  --input-border: var(--color-outline);
+  --input-color: var(--color-on-surface);
+  --input-fs: var(--fs-body2);
+  --input-background: var(--color-background-faint);
+  --input-focus-background: var(--color-background);
+
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-gap);
+  font-size: var(--input-fs);
+  &.TextAreaInput-module_fullWidth__TUiOx {
+    width: 100%;
+  }
+  &:has(.TextAreaInput-module_inputWrapper__P-2Yf > .TextAreaInput-module_input__1xpZl:focus) {
+    & > .TextAreaInput-module_inputWrapper__P-2Yf {
+      outline: none;
+      background: var(--input-focus-background);
+    }
+    .TextAreaInput-module_label__Fgykg {
+      color: var(--input-color);
+    }
+  }
+  &:has(.TextAreaInput-module_inputWrapper__P-2Yf > .TextAreaInput-module_input__1xpZl:disabled) {
+    opacity: 0.5;
+  }
+}
+.TextAreaInput-module_inputWrapper__P-2Yf {
+  position: relative;
+  display: flex;
+  border-radius: var(--shape-br-sm);
+  outline: 1px solid var(--input-border);
+  background: var(--input-background);
+}
+.TextAreaInput-module_label__Fgykg {
+  font-size: 0.9em;
+  color: var(--color-on-background-faint);
+  margin-left: var(--spacing-gap);
+}
+.TextAreaInput-module_input__1xpZl {
+  flex: 1 1 100%;
+  font-family: var(--font-p);
+  padding: calc(1.618 * var(--spacing-gap-2));
+  font-size: inherit;
+  border: none;
+  background: none;
+  color: var(--input-color);
+  &:focus {
+    outline: none;
+  }
+  &.TextAreaInput-module_disableResize__uaUnX {
+    resize: none;
+  }
+}
+
+.TextAreaInput-module_errored__HJAUZ {
+  --input-border: var(--color-error);
+  --input-color: var(--color-error);
+  & > .TextAreaInput-module_inputWrapper__P-2Yf {
+    outline: 1px solid var(--input-border);
+  }
+  & > .TextAreaInput-module_label__Fgykg {
+    color: var(--input-color);
+  }
+}
+
+.Dialog-module_root__tN0RQ[open] {
+  background-color: var(--color-surface);
+  width: 50%;
+  max-height: 80%;
+  max-width: 45rem;
+  min-width: 350px;
+  backdrop-filter: var(--backdrop-blur);
+  margin: auto;
+  border-radius: var(--shape-br-lg);
+  overflow: hidden;
+  padding: var(--spacing-gap-6);
+}
+.Dialog-module_root__tN0RQ::backdrop {
+  backdrop-filter: var(--backdrop-blur);
+}
+
+.PageLayout-module_root__H4l4t {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+}
+.PageLayout-module_titleBar__Be27V {
+  padding-inline: var(--spacing-gap-3);
+}
+.PageLayout-module_body__yjAdc {
+  flex: 1;
+  overflow: hidden auto;
+  padding-block: var(--spacing-gap-2);
+}
+.PageLayout-module_footer__iR2sk {
+  padding-top: var(--spacing-gap-2);
+  padding-bottom: 3dvh;
+  display: flex;
+  justify-content: center;
+}
+
+.PageTitle-module_root__qgEO4 {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  padding: var(--spacing-gap-4);
+  border-bottom: 1px solid var(--color-outline);
+  gap: var(--spacing-gap-3);
+  & h1 {
+    font-size: var(--fs-h2);
+  }
+  & h2 {
+    font-weight: normal;
+    color: var(--color-on-background-faint);
+    font-size: var(--fs-body2);
+  }
+}
+.PageTitle-module_noBorder__hoNLA {
+  border-bottom: none;
+}
+.PageTitle-module_size_lg__VBUCT {
+  padding: var(--spacing-gap-6);
+  & h1 {
+    font-size: var(--fs-h1);
+  }
+  & h2 {
+    font-size: var(--fs-body);
+  }
+}
+.PageTitle-module_size_sm__QmF4G {
+  padding: var(--spacing-gap-2);
+  & h1 {
+    font-size: var(--fs-h4);
+  }
+}
+.PageTitle-module_main__bncFv {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+}
+.PageTitle-module_actions__Wef1k {
+  display: flex;
+  justify-content: flex-end;
+  gap: var(--spacing-gap-2);
+  align-items: center;
+  flex: 1;
+  overflow: hidden;
+}
+
+.PageLayoutPagination-module_list__lyhYm {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-gap);
+}
+
+.TabsBar-module_root__Uve19 {
+  overflow: hidden;
+  display: flex;
+  background: var(--color-background-alpha);
+  border-radius: var(--shape-br-sm);
+  backdrop-filter: blur(5px);
+  pointer-events: all;
+}
+.TabsBar-module_overflowContainer__FuUXd {
+  isolation: isolate;
+  display: flex;
+  gap: var(--spacing-gap);
+  position: relative;
+}
+.TabsBar-module_rowContainer__qeTaq {
+  width: max-content;
+  justify-content: flex-start;
+  padding: var(--spacing-gap) var(--spacing-gap-2);
+  overflow: auto hidden;
+}
+
+.TabsBar-module_columnContainer__G1t-z {
+  height: 100%;
+  width: 100%;
+  flex-direction: column;
+  padding: var(--spacing-gap-2);
+  overflow: hidden auto;
+  gap: var(--spacing-gap);
+}
+.TabsBar-module_marker__2e4am {
+  position: absolute;
+  left: 0;
+  width: 0;
+  z-index: -1;
+  transition: all var(--transition-time) var(--transition-tf);
+}
+.TabsBar-module_markerGlass__-8xd8 {
+  width: 100%;
+  height: 100%;
+  --glass-border-radius: var(--shape-br-sm);
+  --glass-backdrop-blur: 0;
+  /* background-color: color-mix(
+    in srgb,
+    var(--color-background) 50%,
+    transparent
+  ); */
+}
+
+.Tab-module_root__ySv89 {
+  cursor: pointer;
+  position: relative;
+  padding: var(--spacing-gap) var(--spacing-gap-2);
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-gap);
+
+  font-size: var(--fs-body2);
+  font-family: var(--font-p);
+  color: var(--color-on-background);
+  text-wrap: nowrap;
+
+  border-radius: var(--shape-br-sm);
+  border: none;
+  background-color: transparent;
+
+  transition: background-color var(--transition-time) var(--transition-tf);
+}
+.Tab-module_clickable__d8Iy-:not(.Tab-module_selected__vToav):hover {
+  background-color: var(--color-background-faint);
+  color: var(--color-on-surface);
+}
+
+.Tab-module_selected__vToav {
+  font-weight: bold;
+  color: var(--color-primary);
+  &:hover {
+    background-color: transparent;
+    color: var(--color-on-surface);
+  }
+}
+
+.Tab-module_disabled__Leret {
+  color: var(--color-on-background-faint);
+  cursor: not-allowed;
+}
+.Tab-module_iconContainer__-SQ6s {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: inherit;
+}
+
+.PageLayoutTabs-module_body__baK6C {
+  padding-inline: var(--spacing-gap-3);
+}
+
+.SectionWrapper-module_root__K-O4Y {
+  display: grid;
+  grid-template-columns: 1fr;
+  padding-inline: var(--spacing-gap-4);
+  padding-block: var(--spacing-gap-3);
+  gap: var(--spacing-gap-2);
+}
+.SectionWrapper-module_header__8-h-6 {
+  /* outline: 1px solid red; */
+  & > h4 {
+    font-size: 1em;
+  }
+  & > p {
+    font-size: var(--fs-body2);
+    color: var(--color-on-background-faint);
+  }
+}
+.SectionWrapper-module_root__K-O4Y:not(.SectionWrapper-module_noBorders__brOqe) {
+  border-top: 1px solid var(--color-outline);
+}
+.SectionWrapper-module_content__Ruu8X {
+  display: flex;
+  flex-direction: column;
+  font-size: var(--fs-body2);
+  container-type: inline-size;
+}
+@container (min-width:600px) {
+  .SectionWrapper-module_root__K-O4Y {
+    grid-template-columns: 0.4fr 1fr;
+  }
+}
+
+.Sidebar-module_root__1stxg {
+  --sidebar-closed-width: 4rem;
+  --sidebar-open-width: 20rem;
+  --sidebar-body-height: 65dvh;
+  --sidebar-header-height: 4.875rem;
+  --sidebar-color-surface: var(--color-surface-alpha);
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  gap: var(--spacing-gap);
+  isolation: isolate;
+}
+@media (min-width: 600px) {
+  .Sidebar-module_root__1stxg {
+    flex-direction: row;
+  }
+}
+
+.SidebarBody-module_root__yPbfH {
+  /* display: none; */
+  position: fixed;
+  left: -100%;
+  top: var(--sidebar-header-height);
+  width: var(--sidebar-open-width);
+  background-color: var(--color-surface-alpha);
+  backdrop-filter: var(--backdrop-blur);
+  height: var(--sidebar-body-height);
+  transition: left var(--transition-time) var(--transition-tf);
+  overflow-x: hidden;
+}
+.SidebarBody-module_open__gtCKF {
+  left: 0;
+  overflow-x: auto;
+}
+@media (min-width: 600px) {
+  .SidebarBody-module_root__yPbfH {
+    flex: 1;
+    left: 0;
+    position: relative;
+    height: unset;
+    width: unset;
+    top: 0;
+    background-color: transparent;
+    backdrop-filter: none;
+  }
+  .SidebarBody-module_open__gtCKF {
+    left: 0;
+  }
+}
+
+.SidebarDrawer-module_root__CJch2 {
+  background: var(--color-surface);
+  transition: width var(--transition-time) var(--transition-tf);
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  z-index: -1;
+}
+
+@media (min-width: 600px) {
+  .SidebarDrawer-module_root__CJch2 {
+    background: var(--sidebar-color-surface);
+    flex-direction: column;
+    width: var(--sidebar-closed-width);
+    z-index: 0;
+  }
+  .SidebarDrawer-module_open__E60Tc {
+    width: var(--sidebar-open-width);
+  }
+}
+
+.SidebarFooter-module_root__AdFmj {
+  /* display: none; */
+
+  position: fixed;
+  left: -100%;
+  top: calc(var(--sidebar-header-height) + var(--sidebar-body-height));
+  width: var(--sidebar-open-width);
+  padding-bottom: var(--spacing-gap-2);
+  padding-top: var(--spacing-gap-1);
+
+  background-color: var(--color-surface-alpha);
+  backdrop-filter: var(--backdrop-blur);
+  height: calc(
+    100dvh - var(--sidebar-body-height) - var(--sidebar-header-height)
+  );
+  overflow: auto;
+  transition: left var(--transition-time) var(--transition-tf);
+}
+.SidebarFooter-module_open__qHsZf {
+  left: 0;
+}
+@media (min-width: 600px) {
+  .SidebarFooter-module_root__AdFmj {
+    position: relative;
+    left: 0;
+    height: unset;
+    width: unset;
+    top: 0;
+    background-color: transparent;
+    backdrop-filter: none;
+  }
+  .SidebarFooter-module_open__qHsZf {
+    left: 0;
+  }
+}
+
+.SidebarViewport-module_root__KAGAg {
+  /* background: var(--sidebar-color-surface); */
+  flex: 1;
+  z-index: -3;
+  overflow: auto;
+  container-type: inline-size;
+}
+@media (min-width: 600px) {
+  .SidebarViewport-module_root__KAGAg {
+    z-index: 0;
+  }
+}
+
+.Table-module_root__-0lhT {
+  overflow: auto;
+  max-width: 100%;
+  max-height: 100%;
+}
+.Table-module_table__f1fEX {
+  display: grid;
+  width: 100%;
+  /* border-collapse: collapse; */
+  font-family:
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    sans-serif;
+  font-size: var(--fs-body2);
+  line-height: 1.4;
+  border-radius: var(--shape-br-md);
+  overflow: hidden;
+}
+.Table-module_tableCell__tKgEQ {
+  padding: 8px 12px;
+  border-right: 1px solid var(--color-outline);
+  border-bottom: 1px solid var(--color-outline);
+  background: var(--color-background);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  user-select: none;
+  &:hover {
+    background: var(--color-background-faint);
+  }
+  &:focus-visible {
+    outline: 2px solid var(--color-primary);
+    outline-offset: -2px;
+  }
+  /* Last column */
+  &:nth-child(n) {
+    border-right: none;
+  }
+  &[data-selected="true"] {
+    background: var(--color-surface);
+    outline: 2px solid var(--color-primary);
+    outline-offset: -2px;
+    z-index: 1;
+  }
+}
+
+.Pagination-module_root__at76F {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--spacing-gap-2);
+  list-style-type: none;
+}
+.Pagination-module_item__2GFks {
+  --pagination-item-fs: var(--fs-body2);
+  cursor: pointer;
+  color: var(--color-on-background);
+  border-radius: var(--shape-br-sm);
+  font-size: var(--pagination-item-fs);
+  transition: all var(--transition-time) var(--transition-tf);
+  width: 32px;
+  height: 32px;
+  min-width: fit-content;
+  padding-inline: var(--spacing-gap);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.Pagination-module_disabled__KG8Cb {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+.Pagination-module_item__2GFks:not(.Pagination-module_disabled__KG8Cb):hover {
+  background: var(--color-surface);
+}
+.Pagination-module_activeItem__BVg0A {
+  outline: 1px solid var(--color-primary);
+}
+
+.Pagination-module_icon__OcxQW > svg {
+  --pagination-item-icon-size: calc(1.25 * var(--pagination-item-fs));
+  width: var(--pagination-item-icon-size);
+  height: var(--pagination-item-icon-size);
+}
+.Pagination-module_icon__OcxQW:nth-child(2) ~ .Pagination-module_icon__OcxQW {
+  transform: rotate(180deg);
+}
+
+.Breadcrumbs-module_root__KmBxB {
+  display: flex;
+  align-items: center;
+  gap: 1ch;
+  & > svg {
+    color: var(--color-on-background-faint);
+  }
+}
+.Breadcrumbs-module_item__G3HWH {
+  display: content;
+  color: var(--color-on-background-faint);
+  &:not(.Breadcrumbs-module_activeItem__-C8yn):hover {
+    color: var(--color-primary);
+  }
+}
+.Breadcrumbs-module_activeItem__-C8yn {
+  color: var(--color-on-background);
+  /* border: 1px solid blue; */
+}
+.Breadcrumbs-module_ellipses__R-y7b {
+  color: var(--color-on-background-faint);
+}
+
+.CopyableText-module_root__bhwTN {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-gap);
+  & > span {
+    background-color: var(--color-surface);
+    border-radius: var(--shape-br-sm);
+    padding: var(--spacing-gap);
+    overflow: auto hidden;
+    -ms-overflow-style: none; /* IE and Edge */
+    scrollbar-width: none; /* Firefox */
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-size: 0.9em;
+    flex: 1;
+    &::-webkit-scrollbar {
+      /* Hide scrollbar for Chrome, Safari, and Opera */
+      display: none;
+    }
+  }
+}