/* @kaltra/style-as-code — 918 components across 146 modules */
/* global: 01tkt2ut:css_0 */
:root {
		--view-transition-duration: 240ms;
		--view-transition-easing: cubic-bezier(0.2, 0, 0, 1);
		--view-transition-shift: var(--spacing-xs);
		view-transition-name: none;
	}

	::view-transition-old(kaltra-page) {
		animation: view-transition-fade-out var(--view-transition-duration) var(--view-transition-easing) both;
	}

	::view-transition-new(kaltra-page) {
		animation: view-transition-enter var(--view-transition-duration) var(--view-transition-easing) both;
	}

	@keyframes view-transition-fade-out {
		from { opacity: 1; transform: translateY(0); }
		to { opacity: 0; transform: translateY(calc(var(--view-transition-shift) * -1)); }
	}

	@keyframes view-transition-enter {
		from { opacity: 0; transform: translateY(var(--view-transition-shift)); }
		to { opacity: 1; transform: translateY(0); }
	}

	@media (prefers-reduced-motion: reduce) {
		::view-transition-old(kaltra-page) { animation: none; }
		::view-transition-new(kaltra-page) { animation: none; }
	}
/* global: 017iuy3q:css_0 */
.modal-title {
		font-size: 22px!important;
	}
	#rx-layer-host .centered.modal-scrim {
		background: #1d504780;
	}
/* global: 008ig5nk:css_0 */
html {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    height: 100%;
  }

  body {
    margin: 0;
    padding: 0;
    height: 100%;
  }

  #root {
    height: 100%;
  }

  *,
  *:before,
  *:after {
    box-sizing: inherit;
    margin: 0;
    padding: 0;
  }

  @font-face {
    font-family: 'MaterialIcons';
    src: url(../assets/fonts/MaterialIcons.ttf) format('truetype');
  }
/* scoped: 01lbvvi2:scoped_0 */
@keyframes sac-kf--0vgkDITM2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.SaCL4pCk8mFJa {
  animation: sac-kf--0vgkDITM2 400ms ease-in-out forwards;
}
/* scoped: 01lbvvi2:scoped_1 */
@keyframes sac-kf-eRTHbfXr5B {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.SaCMnk_SNfsst {
  animation: sac-kf-eRTHbfXr5B 400ms ease-in-out forwards;
}
/* scoped: 01lbvvi2:scoped_2 */
@keyframes sac-kf-ZiUt8jVQfv {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.SaCfuANWRXQ7a {
  animation: sac-kf-ZiUt8jVQfv 4s ease-in-out none;
}
/* scoped: 01lbvvi2:scoped_3 */
@keyframes sac-kf-YhlaPo6qTi {
  0% {
    opacity: 0;
    transform: translateY(12px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.SaCcnnyMYK_76 {
  animation: sac-kf-YhlaPo6qTi 400ms ease-in-out forwards;
}
/* scoped: 01lbvvi2:scoped_4 */
@keyframes sac-kf-x60tE9otSg {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(12px);
  }
}
.SaC2OD-_hmwlw {
  animation: sac-kf-x60tE9otSg 400ms ease-in-out forwards;
}
/* global: 00qmsqh6:css_0 */
.sidemenu-float .expandable-menu-layer,
.sidemenu-float .expandable-menu-probe {
	padding: var(--spacing-l) var(--spacing-m);
	gap: 0;
}

.sidemenu-float.expandable-menu .expandable-menu-toggle {
	left: 50% !important;
	right: auto !important;
	top: calc(var(--spacing-l) + 2.5rem + var(--spacing-s));
	bottom: auto;
	transform: translateX(-50%);
	width: 30px;
	height: 30px;
}

.sidemenu-float.expandable-menu[data-open] .expandable-menu-toggle {
	left: auto !important;
	right: var(--spacing-l) !important;
	top: calc(var(--spacing-l) + 2.5rem / 2 - 30px / 2);
	bottom: auto;
	transform: none;
}

.sidemenu-float .button-slug {
	margin-bottom: var(--spacing-l);
}

/* Closed, the brand slot reserves the toggle's row as well as the mark; open, the toggle has left
 * the slot and the mark is faded out, so the reservation is dead space that pushes the sign-in a
 * slot and a half below the logo. Collapse it while open so the cell sizes to the wordmark row and
 * the sign-in lands under the logo. Scoped to the floating marker, so the desktop rail's own skin
 * (SideMenuX) is untouched. See the block comment above this partial for the full rationale. */
.sidemenu-float[data-open] .expandable-menu-layer .brand-mark {
	height: 0;
	padding-bottom: 0;
}

.sidemenu-float:not([data-open]) {
	width: 60px !important;
}

/* The open rail is pinned to the source's own width (see SIDE_MENU_OPEN_WIDTH), answering the
 * measured width ExpandableMenu writes inline. The layer is stretched to the pinned width so its
 * content wraps inside it rather than being clipped by the shell's overflow: hidden. */
.sidemenu-float[data-open] {
	width: 248px !important;
}

.sidemenu-float[data-open] .expandable-menu-layer {
	width: 100% !important;
}

.sidemenu-float:not([data-open]) .expandable-menu-layer {
	width: 100% !important;
	padding-left: var(--spacing-s);
	padding-right: var(--spacing-s);
}

.sidemenu-float:not([data-open]) .expandable-menu-layer button {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* The brand slot stacks its mark and wordmark in one grid cell, so the cell sizes to the wider
 * wordmark and the mark is pushed off-centre (and off the 60px rail). Collapse the cell to the
 * rail's own width while closed so the mark centres. */
.sidemenu-float:not([data-open]) .expandable-menu-layer .state-panel {
	grid-template-columns: 100%;
}
/* global: 00qmsqh6:css_1 */
@media (max-width: 768px) {
	.stage {
		margin-left: 60px;
	}
}
/* global: 01xz2ewd:css_0 */
button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	user-select: none;
}
/* global: 00fi5y2v:css_0 */
:root {
		--spinner-duration: 720ms;
	}

	@keyframes kaltra-spinner-spin {
		to { transform: rotate(360deg); }
	}
/* global: 016lqk1m:css_0 */
@keyframes popout-fade-in {
        from { opacity: 0; }
        to   { opacity: 1; }
    }
/* global: 016lqk1m:css_1 */
@keyframes popout-slide-down {
        from { opacity: 0; transform: translateY(-8px); }
        to   { opacity: 1; transform: translateY(0); }
    }
/* global: 016lqk1m:css_2 */
@keyframes popout-slide-up {
        from { opacity: 0; transform: translateY(8px); }
        to   { opacity: 1; transform: translateY(0); }
    }
/* global: 016lqk1m:css_3 */
@keyframes popout-slide-left {
        from { opacity: 0; transform: translateX(8px); }
        to   { opacity: 1; transform: translateX(0); }
    }
/* global: 016lqk1m:css_4 */
@keyframes popout-slide-right {
        from { opacity: 0; transform: translateX(-8px); }
        to   { opacity: 1; transform: translateX(0); }
    }
/* 013297p7:LoaderX extends 01ecf4l6:Centered */
.SaCuU_AKERNb8.centered.loader {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* 013297p7:LoaderX (nested) */
.SaCT_N6KYVNdc.centered.loader {
  position: absolute;
  inset: 0;
  transition: opacity 260ms ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .SaCT_N6KYVNdc.centered.loader {
    transition: none;
  }
}
/* 01f6ikk3:Main extends 003hg10h:SectionBlock */
.SaCbpbod1dCTk.main {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  flex: 1;
  flex-direction: column;
  position: relative;
  padding: var(--spacing-l);
  overflow: hidden;
  color: var(--color-foreground);
  background: var(--color-background);
  view-transition-name: kaltra-page;
}
/* 01f6ikk3:InfoPanel */
.SaCa4RHjYVQFm {
  display: flex;
  flex: 0;
  padding: 1rem;
}
/* 01f6ikk3:PageX */
.SaCvNlTA1zaNn.page {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
  position: relative;
  view-transition-name: kaltra-page;
}
/* 01f6ikk3:PreviewPane */
.SaCPXUST9BCF4 {
  display: flex;
  flex: 1;
  background: var(--color-card, rgba(255, 255, 255, 0.05));
  flex-direction: column;
}
/* 01f6ikk3:Title */
.SaCKGSCn2K0wA {
  margin-top: 0;
  color: var(--color-foreground, #fff);
}
/* 01f6ikk3:Layout extends 0059wt3m:GridBlock */
.SaCuwTRRXjqWQ.grid-block.layout {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: auto 1fr;
  flex: 1;
  min-height: 100vh;
  background: var(--color-background);
}
/* 01f6ikk3:Stage extends 01ecf4l6:Roll */
.SaCNuSrTgEHhi.roll.stage {
  box-sizing: border-box;
  display: flex;
  min-width: 0;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 01f6ikk3:Nav */
.SaC7dFbi-_K_8 {
  width: 220px;
  background: var(--color-sidebar-primary, );
  color: var(--color-sidebar-foreground, #a0a0b0);
  padding: 1rem 0;
  flex-shrink: 0;
  overflow: auto;
}
/* 01f6ikk3:NavHeading */
.SaCsMSzWVNQQU {
  padding: 0 1rem;
  font-size: 1rem;
  opacity: 0.6;
  margin-bottom: 0.5rem;
}
/* 01f6ikk3:NavDivider */
.SaCOFKV4wSVRh {
  border: none;
  border-top: 1px solid var(--color-sidebar-border, #272730);
  margin: 0.75rem 1rem;
}
/* 01f6ikk3:NavItem (nested) */
.SaCtfLynMQRNK {
  padding: 0.5rem 1rem;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
}
.SaCtfLynMQRNK:hover {
  background: var(--color-muted, rgba(255, 255, 255, 0.05));
}
/* 01f6ikk3:ControlsWrap */
.SaCXbOvvn9ir- {
  padding: 0.5rem 1rem 0 1rem;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
/* 01f6ikk3:Label */
.SaC803Hh9uHra {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  opacity: 0.5;
}
/* 01f6ikk3:Select (nested) */
.SaCX8VG2w5iU2 {
  padding: 4px 8px;
  border-radius: 4px;
  background: var(--color-input, #14141c);
  color: var(--color-foreground, #f0f0f5);
  border: 1px solid var(--color-border, #272730);
  font-size: 0.8rem;
  outline: none;
}
.SaCX8VG2w5iU2:focus {
  border-color: var(--color-ring, #22c55e);
}
/* 010gpbfv:Base */
.SaCDzPPX9zfg8 {
  border-radius: 9999px;
}
/* 010gpbfv:SubtleButton extends 010gpbfv:Base */
.SaCsvGVPZ63NS.subtle {
  border-radius: 9999px;
}
/* 010gpbfv:SubtleButton (nested) */
.SaCJlYYmclroa.subtle {
  box-shadow: inset 0 0 0 1px var(--color-paper);
}
.SaCJlYYmclroa.subtle:hover {
  box-shadow: inset 0 0 0 1px var(--color-primary);
}
/* 014mzmce:Section extends 01ecf4l6:Roll */
.SaCYIF8T17P3R.roll {
  box-sizing: border-box;
  display: flex;
  flex: 1;
  align-items: center;
  padding: var(--spacing-l);
  width: 100%;
  max-width: 1360px;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 010k83j3:LegalWrap (nested) */
.SaCWDwuT18-k9 {
  margin: var(--spacing-m) 0 0;
  color: var(--color-muted-fg);
  font-size: 0.8rem;
  text-align: center;
}
.SaCWDwuT18-k9 a {
  color: var(--color-primary);
  text-decoration: underline;
  cursor: pointer;
}
.SaCWDwuT18-k9:hover {
  opacity: 0.8;
}
/* 00sjxdvm:DeveloperRegion */
.SaCyW9TH7ak41.developer-context-menu-region {
  display: contents;
}
/* 00sjxdvm:DeveloperMenuPhase */
.SaCmlU-QIYGnh.developer-context-menu-phase {
  padding: var(--spacing-s) var(--spacing-l);
  color: var(--color-popover-fg);
  font-size: var(--color-popover-font-size);
  font-weight: 700;
  white-space: nowrap;
  text-align: center;
}
/* 00sjxdvm:DeveloperMenuRowsX */
.SaCvt9nTR_Nbz.developer-context-menu-rows {
  display: flex;
  flex-direction: column;
  min-width: max-content;
}
/* 00sjxdvm:DeveloperMenuRowX */
.SaCdKamv25fxS.developer-context-menu-row {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
/* 00sjxdvm:DeveloperMenuCenteredItem */
.SaCIk2A4G_hHh.developer-context-menu-centered-item {
  justify-content: center;
  text-align: center;
}
/* 00sjxdvm:DeveloperMenuSnapshotGroup */
.SaCNAhvIr8wYV.developer-context-menu-snapshots {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-s) 0;
}
/* 00sjxdvm:DeveloperMenuSnapshotsSelect */
.SaCoZ5zP-S6IE.developer-context-menu-snapshots-select {
  width: 100%;
  min-width: 14rem;
  font-size: var(--color-popover-font-size);
  text-align: left;
}
/* 00sjxdvm:DeveloperMenuSnapshotHeading */
.SaCG-bOtDAQ36.developer-context-menu-snapshots-heading {
  padding: var(--spacing-s) var(--spacing-l);
  color: var(--color-popover-fg);
  font-size: var(--color-popover-font-size);
  font-weight: 700;
  white-space: nowrap;
  text-align: center;
}
/* 00sjxdvm:DeveloperMenuSeparator */
.SaC4YHN26SpsL.developer-context-menu-separator {
  height: 1px;
  margin: var(--spacing-xs) 0;
  background: var(--color-popover-border);
}
/* 00sjxdvm:DeveloperMenuSwitchRow extends 00s9dyxm:Plette */
.SaC_E02F99Rws.developer-context-menu-switch-row.plette {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-l);
  padding: var(--spacing-s) var(--spacing-l);
  color: var(--color-popover-fg);
  font-size: var(--color-popover-font-size);
  white-space: nowrap;
}
/* 00sjxdvm:DeveloperMenuSwitchLabel extends 00vnmg3o:Text */
.SaCOmoJMFfqJN.developer-context-menu-switch-label.text {
  cursor: default;
  text-align: right;
}
/* 00sjxdvm:DeveloperMenuSwitchToggle */
.SaCK2gBOSST0t.developer-context-menu-switch-toggle {
  display: inline-flex;
  zoom: 0.65;
}
/* 00sjxdvm:DeveloperMenuStatus */
.SaCw4XLmjm2V5.developer-context-menu-status {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-s) var(--spacing-l);
  font-size: var(--color-popover-font-size);
  text-align: center;
}
/* 00sjxdvm:DeveloperMenuStatusLine */
.SaCXzS9kb3MV3.developer-context-menu-status-line {
  white-space: nowrap;
}
/* 00sjxdvm:DeveloperMenuStatusChainRow */
.SaC7_Fnv5Zivf.developer-context-menu-status-chain-row {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--spacing-l);
  width: 100%;
}
/* 00sjxdvm:DeveloperMenuStatusMuted */
.SaCx5UmivH9pn.developer-context-menu-status-muted {
  white-space: nowrap;
  color: var(--color-disabled-fg);
}
/* 01fxz11g:LegalSection extends 00s9dyxm:Plette */
.SaCN7U3ieQN84.plette {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
/* 01fxz11g:LegalPageX extends 00s9dyxm:Plette */
.SaCRBntYmUkZM.plette {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--spacing-l);
}
/* 01fxz11g:LegalCard extends 00s9dyxm:Plette */
.SaCqy6hwFDdxO.plette {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-m);
  width: 100%;
  max-width: 720px;
  padding: var(--spacing-l);
  border: 1px solid var(--color-border);
  border-radius: var(--spacing-m);
  background: var(--color-card);
}
/* 000b522p:LoadSlateX extends 01ecf4l6:Roll */
.SaCgLK0KTCl4V.loader {
  box-sizing: border-box;
  display: flex;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 000b522p:LoadSlateX (nested) */
.SaCuI1UAx790U.loader {
  position: absolute;
  inset: 0;
  transition: opacity 260ms ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .SaCuI1UAx790U.loader {
    transition: none;
  }
}
/* 000b522p:LoaderFrame extends 01ecf4l6:Roll */
.SaCHVlh_QivfF.load-frame {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  position: relative;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
     justify-content: ({$justify}) => $justify || "center"  [props: $justify]
   */
/* 000b522p:LoaderSvg extends 011w2pnu:Svg */
.SaCC274Ol4zM5.svg {
  display: block;
  box-sizing: border-box;
  opacity: 0.45;
  background-blend-mode: overlay;
}
/* 013mxuj3:FlatCardX extends 01ecf4l6:Roll */
.SaC97_kBz3iI5.flat-card.roll {
  box-sizing: border-box;
  display: flex;
  background: var(--color-paper);
  color: var(--color-paper-fg);
  border: 1px solid transparent;
  border-radius: var(--strata-well-border-radius);
  padding: var(--spacing-l);
  gap: var(--spacing-s);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 006gikzc:SigninPage extends 00s9dyxm:Plette */
.SaCZwNwXEbbeb.plette {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: var(--spacing-l);
}
/* 006gikzc:SigninCard extends 00s9dyxm:Plette */
.SaCdHyTXfWgUP.plette {
  box-sizing: border-box;
  display: flex;
  gap: var(--spacing-m);
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  padding: var(--spacing-l);
  border-radius: var(--spacing-m);
  background: var(--color-card);
}
/* 006gikzc:SigninDivider extends 00s9dyxm:Plette */
.SaC4Xr0sNMDw7.plette {
  box-sizing: border-box;
  display: flex;
}
/* 006gikzc:SigninDivider (nested) */
.SaCx76TtrljMO.plette {
  align-items: center;
  gap: var(--spacing-s);
  color: var(--color-muted-fg);
  font-size: 0.85rem;
  text-transform: uppercase;
}
.SaCx76TtrljMO.plette::before, .SaCx76TtrljMO.plette::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--color-border);
}
/* 006gikzc:SigninNote (nested) */
.SaCDcyJz1gnLP.plette {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-xs);
  color: var(--color-muted-fg);
  font-size: 0.85rem;
}
.SaCDcyJz1gnLP.plette a {
  color: var(--color-primary);
  text-decoration: underline;
  cursor: pointer;
}
.SaCDcyJz1gnLP.plette:hover {
  opacity: 0.8;
}
/* 006gikzc:SigninEmailSection (nested) */
.SaCAqHA8ZSaTy.plette {
  width: 100%;
  flex-direction: column;
  gap: var(--spacing-m);
  align-items: stretch;
}
.SaCAqHA8ZSaTy.plette >.field {
  width: 100%;
}
/* 006gikzc:SigninError extends 00s9dyxm:Plette */
.SaCW_f8tS3fnL.plette {
  box-sizing: border-box;
  display: flex;
  color: var(--color-destructive);
  font-size: 0.85rem;
}
/* 0064ngdj:WordmarkBrace */
.SaCcoA7-eMadb.kaltra-wordmark-svg {
  display: block;
  width: auto;
}
/*   ↳ dynamic — not statically extractable:
     fill: ({ $fill, }) => $fill ?? "var(--color-primary)"  [props: $fill]
     height: ({ $height, }) => $height ?? "15px"  [props: $height]
   */
/* 00eqogee:SignupPage extends 01ecf4l6:Roll */
.SaCsWAhIiSA6c.roll {
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 00eqogee:SignupCard extends 01ecf4l6:Roll */
.SaCfXLP4x3JfZ.roll {
  box-sizing: border-box;
  display: flex;
  gap: var(--spacing-xs);
  width: 100%;
  padding: var(--spacing-xl);
  border-radius: var(--spacing-m);
  background: var(--color-card);
  min-width: 50%;
  min-height: 600px;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 00eqogee:SignupForm extends 01ecf4l6:FormPlette */
.SaCsRrpdmSOX9 {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  box-sizing: border-box;
  margin: 1rem 0rem;
  gap: 1.5rem;
  align-self: center;
}
/* 00eqogee:SignupRow extends 01dwu3mh:InputRow */
.SaCMk7NmeqIpJ.plette.signup-row {
  box-sizing: border-box;
  display: flex;
}
/* 00eqogee:SignupRow (nested) */
.SaC-YSACTPU7Y.plette.signup-row {
  flex-direction: row;
  gap: var(--spacing-m);
}
.SaC-YSACTPU7Y.plette.signup-row > * {
  flex: 1;
  min-width: 0;
}
@media (max-width: 768px) {
  .SaC-YSACTPU7Y.plette.signup-row {
    flex-direction: column;
  }
}
/* 00eqogee:GsiRow extends 01ecf4l6:Roll */
.SaC_cGTpTt_so.gsi-row.roll {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  gap: var(--spacing-s);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 00eqogee:GsiButtonLayer extends 00s9dyxm:Plette */
.SaCaFrecg9UDj.gsi-button-layer.plette {
  box-sizing: border-box;
  display: flex;
  position: relative;
  width: 100%;
  cursor: pointer;
}
/* 00eqogee:GsiRenderHost extends 00s9dyxm:Plette */
.SaC38QiqGwL4v.gsi-render-host.plette {
  box-sizing: border-box;
  display: flex;
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: auto;
  justify-content: center;
  align-items: center;
}
/* 00eqogee:SignupSso (nested) */
.SaCv5KENp2lSp.signup-sso {
  width: 100%;
  height: 50px;
  border-radius: 12px;
  border: 1px solid var(--color-border);
  background: var(--color-card);
  gap: 10px;
  font-weight: 500;
  font-size: 15px;
  color: var(--color-foreground);
  cursor: pointer !important;
}
.SaCv5KENp2lSp.signup-sso:hover {
  border-color: var(--color-primary);
}
/* 00eqogee:SignupValidationForm */
.SaClWDbItnoZL.signup-validation-form {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-l);
  width: 100%;
}
/* 00eqogee:SignupBackLink (nested) */
.SaCdDMNRGayrs.sac-btn.signup-back-link {
  align-self: flex-start;
  gap: var(--spacing-xs);
  padding: 0;
  border: 0;
  background: none;
  color: var(--color-primary);
  font-family: var(--font-p-family);
  font-size: 0.85rem;
  font-weight: 500;
  cursor: pointer;
}
.SaCdDMNRGayrs.sac-btn.signup-back-link:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
/* 00eqogee:SignupLead extends 00s9dyxm:Plette */
.SaC9IevOJnsqN.plette.signup-lead {
  box-sizing: border-box;
  display: flex;
}
/* 00eqogee:SignupLead (nested) */
.SaCLyp1TPqG4B.plette.signup-lead {
  display: block;
  font-family: var(--font-p-family);
  font-size: var(--font-p-size);
  font-weight: var(--font-p-weight);
  line-height: var(--font-p-line-height);
  color: var(--font-p-color);
}
.SaCLyp1TPqG4B.plette.signup-lead b {
  font-weight: 600;
}
/* 00eqogee:SignupCodeField extends 00s9dyxm:Plette */
.SaC2dNP3YPaSG.plette.signup-code-field {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s);
  width: 100%;
}
/* 00eqogee:SignupFieldLabel extends 01vfbrgp:Label */
.SaCSbb21SkZan.label.signup-field-label {
  display: block;
  font-family: var(--font-p-family);
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--color-foreground);
}
/* 00eqogee:SignupCodeInput extends 011pdygx:Input */
.SaCYFU5KCBXWd.input.signup-code-input {
  display: flex-inline;
}
/* 00eqogee:SignupCodeInput (nested) */
.SaCR0emtg0ome.input.signup-code-input {
  display: block;
  width: 100%;
  height: 52px;
  padding: 0 var(--spacing-m);
  border: var(--strata-well-border-width) solid var(--strata-well-border-color);
  border-radius: var(--strata-well-border-radius);
  background: var(--strata-well-color);
  color: var(--color-foreground);
  font-family: var(--font-digit-family);
  font-size: 20px;
  font-weight: var(--font-digit-weight);
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.4em;
  outline: none;
}
.SaCR0emtg0ome.input.signup-code-input::placeholder {
  color: var(--color-placeholder);
}
.SaCR0emtg0ome.input.signup-code-input:focus-visible {
  border-color: var(--color-ring);
}
/* 00eqogee:SignupHint extends 00s9dyxm:Plette */
.SaCfZYe50GkIf.plette.signup-hint {
  box-sizing: border-box;
  display: block;
  font-family: var(--font-p-family);
  font-size: 0.8rem;
  color: var(--color-muted-fg);
}
/* 00qmsqh6:SideMenuX extends 01ecf4l6:Roll */
.SaCZsy7ePmoY4.roll.sidemenu {
  box-sizing: border-box;
  display: flex;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 00qmsqh6:SideMenuX (nested) */
.SaCpo4Ey0kNe7.roll.sidemenu {
  align-self: start;
  justify-self: start;
  position: sticky;
  top: 0;
  height: 100vh;
  gap: var(--spacing-s);
  border-right: 1px solid var(--color-border);
}
.SaCpo4Ey0kNe7.roll.sidemenu .expandable-menu-layer, .SaCpo4Ey0kNe7.roll.sidemenu .expandable-menu-probe {
  padding: var(--spacing-l) var(--spacing-m);
  gap: 0;
}
.SaCpo4Ey0kNe7.roll.sidemenu .expandable-menu-toggle {
  left: 50% !important;
  right: auto !important;
  top: calc(var(--spacing-l) + 2.5rem + var(--spacing-s));
  bottom: auto;
  transform: translateX(-50%);
  width: 30px;
  height: 30px;
}
.SaCpo4Ey0kNe7.roll.sidemenu [data-open] .expandable-menu-toggle {
  left: auto !important;
  right: var(--spacing-l) !important;
  top: calc(var(--spacing-l) + 2.5rem / 2 - 30px / 2);
  bottom: auto;
  transform: none;
}
.SaCpo4Ey0kNe7.roll.sidemenu .expandable-menu .button-slug {
  margin-bottom: var(--spacing-l);
}
.SaCpo4Ey0kNe7.roll.sidemenu .expandable-menu:not([data-open]) {
  width: 60px !important;
}
.SaCpo4Ey0kNe7.roll.sidemenu .expandable-menu[data-open] {
  width: 248px !important;
}
.SaCpo4Ey0kNe7.roll.sidemenu .expandable-menu[data-open] .expandable-menu-layer {
  width: 100% !important;
}
.SaCpo4Ey0kNe7.roll.sidemenu .expandable-menu:not([data-open]) .expandable-menu-layer {
  width: 100% !important;
  padding-left: var(--spacing-s);
  padding-right: var(--spacing-s);
}
.SaCpo4Ey0kNe7.roll.sidemenu .expandable-menu:not([data-open]) .expandable-menu-layer button {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.SaCpo4Ey0kNe7.roll.sidemenu .expandable-menu:not([data-open]) .expandable-menu-layer .state-panel {
  grid-template-columns: 100%;
}
/* 00qmsqh6:SideMenuRegion extends 01ecf4l6:Roll */
.SaCI7Ebzkgv7W.roll.sidemenu-region {
  box-sizing: border-box;
  display: flex;
  flex: 1;
  min-height: 0;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 00qmsqh6:BrandRowX extends 01ecf4l6:Spread */
.SaCZb7tEi1k06.brand-row.spread {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 2.5rem;
  padding: 0 var(--spacing-xs);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "row-reverse" : "row"  [props: $reverse]
   */
/* 00qmsqh6:LB extends 00s9dyxm:Plette */
.SaCr7VELI1bdW.brand-mark.plette {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(2.5rem + var(--spacing-s) + 30px);
  padding-bottom: calc(calc(2.5rem + var(--spacing-s) + 30px) - 2.5rem);
}
/* 00qmsqh6:Vsep extends 01ecf4l6:Roll */
.SaCi11c7TG9RT.roll {
  box-sizing: border-box;
  display: flex;
  flex: 1;
  height: 100%;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 00qmsqh6:SideMenuAuthX extends 01ecf4l6:Roll */
.SaCMnMHIB5tlP.roll.sidemenu-auth {
  box-sizing: border-box;
  display: flex;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 00qmsqh6:SideMenuAuthX (nested) */
.SaCWtiNdVYuZc.roll.sidemenu-auth {
  display: none;
  width: 100%;
  margin-bottom: var(--spacing-l);
}
.SaCWtiNdVYuZc.roll.sidemenu-auth button {
  width: 100%;
}
@media (max-width: 768px) {
  .SaCWtiNdVYuZc.roll.sidemenu-auth {
    display: flex;
  }
}
/* 00azha5z:FixedX */
.SaCen7rVm19-Z {
  position: fixed;
  inset: 0;
  z-index: var(--strata-halo-z-index);
  align-items: center;
  justify-content: center;
  padding: var(--spacing-l);
  background: rgba(0, 0, 0, 0.72);
}
/* 00rnkg7u:SwitchRow (nested) */
.SaCk5ma9VBeYs {
  display: flex;
  flex-shrink: 1;
  align-items: center;
  gap: 0.75rem;
  justify-content: center;
}
.SaCk5ma9VBeYs svg {
  transition: opacity 350ms ease;
}
@media (max-width: 768px) {
  .SaCk5ma9VBeYs {
    max-width: 4rem;
  }
}
/* 00hnjxo9:ProfileModalBodyX extends 01ecf4l6:Roll */
.SaC9jYkOSiVLA.roll {
  box-sizing: border-box;
  display: flex;
  gap: var(--spacing-l);
  width: 100%;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 00hnjxo9:TypeSwitchX extends 0059wt3m:GridBlock */
.SaCnKMfvVwe-K.grid-block {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-s);
}
/* 00hnjxo9:TypeOptionX (nested) */
.SaCHYN8x-szV7.sac-btn {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--spacing-xxs);
  padding: var(--spacing-m);
  text-align: left;
  border-radius: var(--spacing-m);
  color: var(--color-foreground);
  transition: border-color 150ms ease, background-color 150ms ease;
}
.SaCHYN8x-szV7.sac-btn:hover {
  border-color: var(--color-primary);
}
/* 00hnjxo9:TypeGlyphX extends 00vnmg3o:Text */
.SaC8vYRhEWGka.text {
  color: var(--color-primary);
  line-height: 0;
}
/* 00hnjxo9:TypeTitleX extends 00vnmg3o:Text */
.SaCKVHSVqgJp_.text {
  font-weight: 600;
}
/* 00hnjxo9:TypeBodyX extends 00vnmg3o:Text */
.SaCvo6c702uc9.text {
  color: var(--color-muted-fg);
  font-size: var(--font-size-sm);
}
/* 00hnjxo9:ProfileFormX extends 01ecf4l6:FormPlette */
.SaCrInbYOMmzm {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  box-sizing: border-box;
  gap: var(--spacing-m);
}
/* 00hnjxo9:FieldX extends 01ecf4l6:Roll */
.SaCUqxnmZ-HrR.roll {
  box-sizing: border-box;
  display: flex;
  gap: var(--spacing-xxs);
  width: 100%;
  min-width: 0;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 00hnjxo9:FieldLabelX extends 01vfbrgp:Label */
.SaClnIU4sBKkv.label {
  color: var(--color-muted-fg);
  font-size: var(--font-size-sm);
}
/* 00hnjxo9:ProfileErrorX extends 00vnmg3o:Text */
.SaCL63GseEGn_.text {
  color: var(--color-destructive);
  font-size: var(--font-size-sm);
}
/* 00hnjxo9:ProfileActionsX extends 00s9dyxm:Plette */
.SaC6bONElpjpC.plette {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-s);
  width: 100%;
}
/* 00g5v7rt:NHeaderX extends 01ecf4l6:Roll */
.SaCXweKQEFyli.roll {
  box-sizing: border-box;
  display: flex;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 00g5v7rt:HeaderX (nested) */
.SaCb7IGHEUR7Z {
  position: sticky;
  top: 0;
  z-index: 1200;
  display: flex;
  align-items: center;
  gap: var(--spacing-l);
  padding: var(--spacing-l) var(--spacing-xl);
  background: var(--color-popover);
  border-bottom: 1px solid var(--color-border);
}
.SaCb7IGHEUR7Z .breadcrumb {
  opacity: 0.75;
  align-self: end;
}
/* 00g5v7rt:KaltraBrand */
.SaCKYEMMR7jhv {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  transform: scale(1.25);
  padding-left: var(--spacing-s);
}
/* 00g5v7rt:KaltraSection */
.SaCxs77h0a_ax {
  flex: 1;
  width: 100%;
}
/* 00g5v7rt:HeaderSignInX (nested) */
.SaCG8mgKjQVzh.header-signin {
  display: contents;
}
@media (max-width: 768px) {
  .SaCG8mgKjQVzh.header-signin {
    display: none;
  }
}
/* 00g5v7rt:PopoutStackX extends 00s9dyxm:Plette */
.SaCDyUuUqpRLf.plette {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
/* 00g5v7rt:PopoutHeadX extends 00s9dyxm:Plette */
.SaCo2rz4sRLBp.plette {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-m);
  padding: var(--spacing-m) var(--spacing-l);
  border-bottom: 1px solid var(--color-border);
}
/* 00g5v7rt:PopoutTitleX */
.SaCdPei8yAawR {
  margin: 0;
  font-weight: 600;
  color: var(--color-foreground);
}
/* 00g5v7rt:PopoutActionX (nested) */
.SaCUO7NNSwkXl {
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  font-size: 0.8125rem;
  color: var(--color-primary);
  cursor: pointer;
}
.SaCUO7NNSwkXl:disabled {
  color: var(--color-muted-fg);
  cursor: default;
}
.SaCUO7NNSwkXl:not(:disabled):hover {
  text-decoration: underline;
}
.SaCUO7NNSwkXl:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
/* 00g5v7rt:PopoutListX extends 00s9dyxm:Plette */
.SaCY8EaQmaXml.plette {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  max-height: 20rem;
  overflow-y: auto;
}
/* 00g5v7rt:PopoutItemX (nested) */
.SaCEO360AWgKO {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-m);
  width: 100%;
  padding: var(--spacing-m) var(--spacing-l);
  border: 0;
  border-bottom: 1px solid var(--color-border);
  background: transparent;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: background-color 150ms ease;
}
.SaCEO360AWgKO:hover {
  background: var(--color-hover);
}
.SaCEO360AWgKO:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: -2px;
}
.SaCEO360AWgKO:last-child {
  border-bottom: 0;
}
/* 00g5v7rt:PopoutGlyphX */
.SaC9yVWNOvBZQ {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 2rem;
  height: 2rem;
  border-radius: var(--spacing-s);
  background: var(--color-hover);
  color: var(--color-primary);
  overflow: hidden;
}
/* 00g5v7rt:PopoutMainX extends 00s9dyxm:Plette */
.SaCea3lEgWOb3.plette {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
  min-width: 0;
}
/* 00g5v7rt:PopoutLineX extends 00s9dyxm:Plette */
.SaCXx-ZLwbaFk.plette {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: var(--spacing-s);
}
/* 00g5v7rt:PopoutDotX */
.SaCRnJNbbZ0Dw {
  flex: 0 0 auto;
  width: var(--spacing-s);
  height: var(--spacing-s);
  border-radius: 50%;
  background: var(--color-primary);
}
/* 00g5v7rt:PopoutCopyX */
.SaCk0DSW8xz-x {
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: var(--color-muted-fg);
}
/* 00g5v7rt:PopoutWhenX */
.SaCngLvIqr7dY {
  font-size: 0.75rem;
  color: var(--color-muted-fg);
}
/* 00g5v7rt:PopoutEmptyX extends 00s9dyxm:Plette */
.SaCLjqrEjqrfG.plette {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-xl);
  color: var(--color-muted-fg);
}
/* 00g5v7rt:PopoutFootX (nested) */
.SaCXRQ5rMrVGS {
  width: 100%;
  padding: var(--spacing-m) var(--spacing-l);
  border: 0;
  border-top: 1px solid var(--color-border);
  background: transparent;
  font: inherit;
  font-size: 0.8125rem;
  color: var(--color-primary);
  cursor: pointer;
}
.SaCXRQ5rMrVGS:hover {
  text-decoration: underline;
}
.SaCXRQ5rMrVGS:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: -2px;
}
/* 00e1b178:GuestBannerX extends 00s9dyxm:Plette */
.SaC7EFnt1FpOM.plette {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-m);
  padding: var(--spacing-s) var(--spacing-xl);
  background: var(--color-secondary);
}
/* 00ciadkg:PlatformPositionX extends 0059wt3m:GridBlock */
.SaCu3eYO1-1a5.grid-block {
  box-sizing: border-box;
  display: grid;
  margin-top: auto;
  gap: var(--spacing-s);
  padding: var(--spacing-m) var(--spacing-s) var(--spacing-xs);
  border-top: 1px solid var(--color-border);
}
/* 00ciadkg:AumBlockX extends 01ecf4l6:Roll */
.SaCF-8HV_rE0V.roll {
  box-sizing: border-box;
  display: flex;
  gap: var(--spacing-xs);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 00ciadkg:AumLabelX extends 00vnmg3o:Text */
.SaCXVYY06AAEH.text {
  font-family: var(--font-digit-family);
  font-size: 10.5px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--color-muted-fg);
}
/* 00ciadkg:AumValueX extends 00vnmg3o:Text */
.SaCqs9IYfij3t.text {
  font-family: var(--font-heading-family);
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  color: var(--color-foreground);
}
/* 00ciadkg:VersionX extends 00vnmg3o:Text */
.SaClsr46ui3AZ.text {
  font-family: var(--font-digit-family);
  font-size: 11px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-muted-fg);
}
/* 00nlciyt:ViewTransition extends 00s9dyxm:Plette */
.SaCat2x2qzGZF.view-transition {
  box-sizing: border-box;
  display: flex;
}
/* 011xv32o:Debug extends 00s9dyxm:Plette */
.SaCtX7AeNNw4Q.debug {
  box-sizing: border-box;
  display: flex;
  border: 5px solid red;
}
/* 01y2stsi:Image */
.SaCx0txpPpEss.image {
  display: block;
  box-sizing: border-box;
}
/* 01y2stsi:Video */
.SaCW93jCx-R57.video {
  display: block;
  box-sizing: border-box;
}
/* 011w2pnu:Canvas */
.SaCfi01qw5cdC.canvas {
  display: block;
  box-sizing: border-box;
}
/* 011w2pnu:Svg */
.SaCHB3R0FZ1HZ.svg {
  display: block;
  box-sizing: border-box;
}
/* 00qfufr5:AdministrateX extends 01ecf4l6:Roll */
.SaClkvPE5hika.roll {
  box-sizing: border-box;
  display: flex;
  min-height: 400px;
  min-width: 400px;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 00zd5pnq:VaultCardX extends 00s9dyxm:Plette */
.SaC9coUYVKzBX.plette.vault-card-2 {
  box-sizing: border-box;
  display: flex;
}
/* 00zd5pnq:VaultCardX (nested) */
.SaC3oJKzKHUEp.plette.vault-card-2 {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  color: rgb(255, 255, 255);
  min-height: 300px;
  border-radius: var(--strata-well-border-radius);
  cursor: pointer;
  transition: box-shadow 275ms;
}
.SaC3oJKzKHUEp.plette.vault-card-2:hover {
  box-shadow: 0 30px 60px -30px rgba(8, 53, 57, .6);
}
.SaC3oJKzKHUEp.plette.vault-card-2::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(160deg, rgba(8, 53, 57, .72), rgba(8, 53, 57, .94));
}
.SaC3oJKzKHUEp.plette.vault-card-2 .pill {
  gap: 6px;
}
/* 00zd5pnq:BgX */
.SaCoB781zeffs.vault-card-2-bg {
  position: absolute;
  inset: 0;
  z-index: -2;
  background-size: cover;
  background-position: center;
  transition: transform 1.2s;
}
/*   ↳ dynamic — not statically extractable:
     background-image: ({ $image, }) => `url("${isHeroImage($image) ? $image.trim() : VAULT_CARD_FALLBACK}")`  [props: $image]
   */
/* 00zd5pnq:InX extends 01ecf4l6:Roll */
.SaCQZCBEe1kZs.roll.vault-card-2-inner {
  box-sizing: border-box;
  display: flex;
  padding: var(--spacing-xl);
  gap: var(--spacing-m);
  height: 100%;
  position: relative;
  z-index: 1;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 00zd5pnq:TopX extends 01ecf4l6:Spread */
.SaCMNxl46_I02.spread {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  align-items: center;
  gap: var(--spacing-s);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "row-reverse" : "row"  [props: $reverse]
     justify-content: ({ $spread, }) => $spread || "space-between"  [props: $spread]
   */
/* 00zd5pnq:SymX */
.SaCn5iqK3vCAg {
  margin: 0;
  font-family: var(--font-digit-family);
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: .08em;
  color: var(--color-accent);
}
/* 00zd5pnq:TitleX */
.SaC0kIYfbMirI {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.05;
  color: rgb(255, 255, 255);
}
/* 00zd5pnq:BodyX */
.SaCCDxBQHkRC3 {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.45;
  color: rgba(255, 255, 255, .75);
}
/* 00zd5pnq:FigX extends 01ecf4l6:Spread */
.SaC9SCPmlLl3i.spread {
  box-sizing: border-box;
  display: flex;
  margin-top: auto;
  align-items: flex-end;
  gap: var(--spacing-m);
  padding-top: var(--spacing-m);
  border-top: 1px solid rgba(255, 255, 255, .16);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "row-reverse" : "row"  [props: $reverse]
     justify-content: ({ $spread, }) => $spread || "space-between"  [props: $spread]
   */
/* 00zd5pnq:FigLeftX extends 01ecf4l6:Roll */
.SaCtX058JmWd4.roll {
  box-sizing: border-box;
  display: flex;
  gap: 0;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 00zd5pnq:FigValueX */
.SaCCDlGrazdrW {
  margin: 0;
  font-family: var(--font-heading-family);
  font-size: 38px;
  font-weight: 450;
  line-height: 1;
  letter-spacing: -.04em;
  font-variant-numeric: tabular-nums;
  color: rgb(255, 255, 255);
}
/* 00zd5pnq:FigUnitX */
.SaCCrYPP2adW4 {
  font-size: .5em;
  color: var(--color-accent);
}
/* 00zd5pnq:FigLabelX */
.SaChAgFMbpLUr {
  display: block;
  margin: 0 0 6px 0;
  font-family: var(--font-digit-family);
  font-size: 10.5px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .6);
}
/* 00zd5pnq:FigMetaX */
.SaCF2HiEf9Kci {
  margin: 0;
  text-align: right;
  font-size: 12.5px;
  line-height: 1.45;
  color: rgba(255, 255, 255, .75);
}
/* 01fnwend:VaultNx extends 00s9dyxm:Plette */
.SaCqctpbXgmMV.plette.vault-notification {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: var(--spacing-s);
  width: 100%;
  padding: var(--spacing-s) var(--spacing-m);
  border-radius: var(--spacing-m);
  font-family: var(--font-p-family);
  font-size: 0.85rem;
  line-height: 1.45;
}
/*   ↳ dynamic — not statically extractable:
     border: 2px solid var(--color-level-( p ) => p.$level-stroke, var(--color-level-( p ) => p.$level-fg))  [props: $level]
     background: var(--color-level-( p ) => p.$level)  [props: $level]
     color: var(--color-level-( p ) => p.$level-fg)  [props: $level]
   */
/* 01fnwend:VaultNxIcon extends 00s9dyxm:Plette */
.SaCYlVxIkOR5E.plette.vault-notification-icon {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  margin-block-start: 1px;
  color: inherit;
}
/* 01fnwend:VaultNxBody extends 01ecf4l6:Roll */
.SaCDyM5vw8yfK.roll.vault-notification-body {
  box-sizing: border-box;
  display: flex;
  gap: var(--spacing-xxs);
  min-width: 0;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 01fnwend:VaultNxTitle */
.SaCDjBGbqcBeU.vault-notification-title {
  margin: 0;
  font-weight: 700;
}
/* 01fnwend:VaultNxCopy (nested) */
.SaCrtoHpwcWLa.vault-notification-copy {
  margin: 0;
  color: inherit;
}
.SaCrtoHpwcWLa.vault-notification-copy strong {
  font-weight: 700;
}
/* 01fnwend:VaultNxLink (nested) */
.SaCHhC9IeOGbE.vault-notification-link {
  display: inline;
  padding: 0;
  border: none;
  background: none;
  color: inherit;
  font: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}
.SaCHhC9IeOGbE.vault-notification-link:hover {
  text-decoration-thickness: 2px;
}
/* 01n3aipb:VaultPageX */
.SaCK2QMJ5ClXW {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-l);
  padding: var(--spacing-l);
}
/* 01n3aipb:VaultLoadingX extends 01ecf4l6:Roll */
.SaCKXis9eImHH.roll.vault-loading {
  box-sizing: border-box;
  display: flex;
  flex: 1;
  position: relative;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 01n3aipb:HeaderX */
.SaCV7SMVSDOLu {
  display: flex;
  align-items: center;
  gap: var(--spacing-l);
}
/* 01n3aipb:RowX */
.SaCYmhbT_bq9S {
  display: flex;
  align-items: center;
  gap: var(--spacing-s);
}
/* 01n3aipb:HeaderDescX */
.SaCnhIjyuAgmp {
  font-size: 0.9rem;
  margin: 0;
  color: var(--color-text-dim);
}
/* 01n3aipb:SectionTitle */
.SaCB5SmQBz3FI {
  font-size: 0.75rem;
  margin: 0 0 var(--spacing-s);
  color: var(--color-text-dim);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
/* 01n3aipb:BodyX */
.SaCbfi7KrIPL_ {
  font-size: 0.9rem;
  margin: 0;
  color: var(--color-text);
}
/* 01n3aipb:FeeRowX extends 00s9dyxm:Plette */
.SaChHWkBZ9BlK.plette {
  box-sizing: border-box;
  display: flex;
  gap: var(--spacing-l);
  margin-top: var(--spacing-s);
}
/* 01n3aipb:FeeCell */
.SaClp19fBIGHM {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xs);
}
/* 01n3aipb:FeeLabel */
.SaChQUPFkDBDR {
  font-size: 0.7rem;
  margin: 0;
  color: var(--color-text-dim);
}
/* 01n3aipb:FeeValue */
.SaCYsPJeEBiaY {
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
  color: var(--color-text);
}
/* 01n3aipb:DetailGridX */
.SaCSQala0z-HA {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: var(--spacing-m);
}
/* 01n3aipb:DetailLabel */
.SaC3bfBgptOV8 {
  font-size: 0.7rem;
  margin: 0;
  color: var(--color-text-dim);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
/* 01n3aipb:VaultsPageX extends 01ecf4l6:Roll */
.SaCZci70d3oCU.roll.vaults-page {
  box-sizing: border-box;
  display: flex;
  gap: var(--spacing-xl);
  padding: var(--spacing-l);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 01n3aipb:VaultsTitleX */
.SaCUGYkyfpgEx {
  margin: 0;
  color: var(--color-foreground);
}
/* 01n3aipb:VaultsLedeX */
.SaCsOHM5tBNWU {
  margin: 0;
  color: var(--color-text-dim);
}
/* 01n3aipb:VaultsGridX extends 00s9dyxm:Plette */
.SaCopeVKTaHnX.plette.vaults-grid {
  box-sizing: border-box;
  display: flex;
}
/* 01n3aipb:VaultsGridX (nested) */
.SaC6zTQjn7ZDB.plette.vaults-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-l);
}
@media (max-width: 720px) {
  .SaC6zTQjn7ZDB.plette.vaults-grid {
    grid-template-columns: 1fr;
  }
}
/* 01n3aipb:VaultsNoteX extends 00s9dyxm:Plette */
.SaCdXjhgaU_TV.plette {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: var(--spacing-m);
}
/* 01n3aipb:VaultsNoteIconX extends 00s9dyxm:Plette */
.SaCqGy7Bj-gzF.plette {
  box-sizing: border-box;
  display: flex;
  flex: none;
  color: var(--color-primary);
}
/* 01n3aipb:VaultsNoteLinkX */
.SaC0_7GgF031z {
  color: var(--color-primary);
}
/* 01n3aipb:OnboardPageX */
.SaCwEuXa1405e.vault-onboard-page {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: var(--spacing-l);
  align-items: center;
  color: var(--color-foreground);
}
/* 01n3aipb:OnboardCardX extends 00s9dyxm:Plette */
.SaCaL3r-JYckP.plette.vault-onboard-card {
  box-sizing: border-box;
  display: flex;
  align-self: stretch;
  flex-direction: column;
  gap: var(--spacing-m);
  padding: var(--spacing-xl);
  border: 1px solid var(--color-border);
  border-radius: var(--spacing-m);
  background: var(--color-card);
  color: var(--color-card-fg);
  align-items: center;
}
/* 01n3aipb:OnboardEyebrowX */
.SaC2vCeQwNBLx {
  margin: 0;
  font-size: 0.75rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--color-accent);
}
/* 01n3aipb:OnboardActionX extends 01ecf4l6:Spread */
.SaCfu8IHkVgKc.spread {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: var(--spacing-s);
  margin-top: var(--spacing-s);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "row-reverse" : "row"  [props: $reverse]
     justify-content: ({ $spread, }) => $spread || "space-between"  [props: $spread]
   */
/* 01n3aipb:OnboardTraitsX extends 01ecf4l6:Roll */
.SaCkvB384VW5U.roll {
  box-sizing: border-box;
  display: flex;
  align-self: stretch;
  gap: var(--spacing-2xs);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 01n3aipb:OnboardTraitX extends 00s9dyxm:Plette */
.SaCSAuXxf6lWy.plette {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-s);
  padding: var(--spacing-s) 0;
  border-top: 1px solid var(--color-line);
  color: var(--color-foreground);
}
/* 01n3aipb:OnboardConfirmedX extends 01ecf4l6:Spread */
.SaC0Qdv2SQRk3.spread.vault-onboard-confirmed {
  box-sizing: border-box;
  display: flex;
  gap: var(--spacing-s);
  align-items: center;
  padding: var(--spacing-l);
  border: 1px solid var(--color-constructive);
  border-radius: var(--spacing-m);
  background: var(--color-constructive-fill);
  color: var(--color-constructive-fg);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "row-reverse" : "row"  [props: $reverse]
     justify-content: ({ $spread, }) => $spread || "space-between"  [props: $spread]
   */
/* 01n3aipb:OnboardConfirmedTextX */
.SaCtRIrHT9Nzi {
  margin: 0;
  color: var(--color-constructive-fg);
}
/* 00to8zdz:ThemerX */
.SaCBXcouNrorh {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  min-height: 100vh;
}
/*   ↳ dynamic — not statically extractable:
     --desktop-max-width: ({ $desktopMaxWidth, }) => $desktopMaxWidth ?? "100%"  [props: $desktopMaxWidth]
   */
/* 00gkk4hk:ErrorOverlayX extends 00azha5z:FixedX */
.SaCd63QMBPhjS {
  position: fixed;
  inset: 0;
  z-index: var(--strata-halo-z-index);
  align-items: center;
  justify-content: center;
  padding: var(--spacing-l);
  background: rgba(0, 0, 0, 0.72);
  display: flex;
  flex: 1;
  flex-direction: column;
}
/* 00gkk4hk:ErrorModalX extends 00s9dyxm:Plette */
.SaCbujghXBvr9.plette {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-m);
  max-width: 1320px;
  max-height: 65vh;
  padding: var(--spacing-xl);
  border: 2px solid var(--color-destructive, #dc2626);
  border-radius: var(--spacing-m);
  background: var(--color-card);
  color: var(--color-foreground);
  box-shadow: 0 0 0 1px rgba(220, 38, 38, 0.25), 0 24px 60px rgba(0, 0, 0, 0.45);
  overflow: auto;
}
/* 00gkk4hk:ErrorTopX extends 00s9dyxm:Plette */
.SaCHmiJv8j05B.plette {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-m);
}
/* 00gkk4hk:ErrorHeaderX extends 00s9dyxm:Plette */
.SaCJ8DZ67bZBE.plette {
  box-sizing: border-box;
  display: flex;
  flex: 1;
  min-width: 0;
  flex-direction: column;
  gap: var(--spacing-xs);
}
/* 00gkk4hk:ErrorCopyX (nested) */
.SaC_8Le9Ejt6x.sac-btn {
  flex-shrink: 0;
  line-height: 0;
  padding: var(--spacing-xs);
  border: 1px solid var(--color-border);
  border-radius: var(--spacing-xs);
  background: transparent;
  color: var(--color-text-dim);
  cursor: pointer;
}
.SaC_8Le9Ejt6x.sac-btn:hover {
  color: var(--color-foreground);
  border-color: var(--color-foreground);
}
/* 00gkk4hk:ErrorBodyX extends 00s9dyxm:Plette */
.SaCpqnchJRNza.plette {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s);
  min-width: 0;
}
/* 00gkk4hk:ErrorTitleX extends 00s9dyxm:Plette */
.SaCqKhymelDrJ.plette {
  box-sizing: border-box;
  display: flex;
  color: var(--color-destructive, #dc2626);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
}
/* 00gkk4hk:ErrorMessageX extends 00s9dyxm:Plette */
.SaCkIeq4mfyUm.plette {
  box-sizing: border-box;
  display: flex;
  color: var(--color-text-dim);
  font-size: 0.9rem;
  line-height: 1.5;
  word-break: break-word;
}
/* 00gkk4hk:ErrorPreX */
.SaCbEfV1bI-t- {
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
  font-family: var(--font-mono, monospace);
  font-size: 0.75rem;
  line-height: 1.45;
  color: var(--color-text-dim);
  background: var(--color-muted, rgba(0, 0, 0, 0.25));
  border: 1px solid var(--color-border);
  border-radius: var(--spacing-s);
  padding: var(--spacing-m);
  max-height: 32vh;
  overflow: auto;
}
/* 00gkk4hk:ErrorActionsX extends 00s9dyxm:Plette */
.SaCpOMlcgAlsl.plette {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  gap: var(--spacing-m);
  justify-content: flex-end;
  margin-top: var(--spacing-xs);
}
/* 00gkk4hk:ErrorInlineX extends 00s9dyxm:Plette */
.SaCTp9JUg4e5d.plette {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  padding: var(--spacing-s) var(--spacing-m);
  border: 1px solid var(--color-destructive, #dc2626);
  border-radius: var(--spacing-s);
  background: rgba(220, 38, 38, 0.08);
  color: var(--color-destructive, #dc2626);
}
/* 00hf29je:Wrapper */
.SaCgRY1vDM55N {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}
/*   ↳ dynamic — not statically extractable:
     height: (p) => p.$imageHeight ?? "100%"  [props: $imageHeight]
     aspect-ratio: (p) => p.$aspect  [props: $aspect]
   */
/* 00hf29je:Img */
.SaCOVAorblOfE {
  width: 100%;
  height: 100%;
  transform: scale(75%);
}
/*   ↳ dynamic — not statically extractable:
     object-fit: (p) => p.$fit  [props: $fit]
     mix-blend-mode: (p) => p.$blend ?? "normal"  [props: $blend]
     filter: (p) => p.$filter ?? "none"  [props: $filter]
     max-width: (p) => p.$imageWidth ?? "none"  [props: $imageWidth]
     min-width: (p) => p.$imageWidth ?? "0"  [props: $imageWidth]
     max-height: (p) => p.$imageHeight ?? "none"  [props: $imageHeight]
     min-height: (p) => p.$imageHeight ?? "0"  [props: $imageHeight]
     transition:
        mix-blend-mode (p) => p.$blendDurationms ease,
        filter (p) => p.$filterDurationms ease  [props: $blendDuration, $filterDuration]
   */
/* 012o1umg:ProgressCardX (nested) */
.SaCv4PwsvlZJP.progress-card {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 2fr);
  gap: var(--spacing-xl);
  align-items: center;
  background: linear-gradient(135deg, var(--color-accent-fg), var(--color-primary));
  color: var(--color-primary-fg);
  border-radius: var(--strata-crown-border-radius);
  padding: var(--spacing-xl) calc(var(--spacing-xl) + var(--spacing-xxs));
  position: relative;
  overflow: hidden;
}
@media (max-width: 768px) {
  .SaCv4PwsvlZJP.progress-card {
    grid-template-columns: 1fr;
  }
}
/* 012o1umg:CopyX extends 00s9dyxm:Plette */
.SaCAxhP6EuTy0.plette {
  box-sizing: border-box;
  display: block;
  position: relative;
  z-index: 1;
}
/* 012o1umg:EyebrowX */
.SaCgldXu4BM8O.eyebrow {
  font-family: var(--font-digit-family);
  font-size: var(--font-digit-size);
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--color-accent);
}
/* 012o1umg:HeadingX */
.SaCcnbL-J9Ykg {
  margin-top: var(--spacing-s);
  color: var(--color-primary-fg);
  font-size: 1.5rem;
  line-height: 1.1;
}
/* 012o1umg:LedeX */
.SaC5ERuNBJpta {
  margin-top: var(--spacing-s);
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.75);
}
/* 012o1umg:BarX extends 00s9dyxm:Plette */
.SaCOdr7E8P7GY.plette {
  box-sizing: border-box;
  display: flex;
  height: 5px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
  margin-top: var(--spacing-l);
  overflow: hidden;
}
/* 012o1umg:BarFillX extends 00s9dyxm:Plette */
.SaCfPCAA_lYY4.plette {
  box-sizing: border-box;
  display: block;
  height: 100%;
  background: var(--color-accent);
  border-radius: 999px;
  transition: width 0.4s;
}
/*   ↳ dynamic — not statically extractable:
     width: ({ $pct, }) => $pct%  [props: $pct]
   */
/* 012o1umg:PstepsX (nested) */
.SaCxFfbycmJbr.plette {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--spacing-m);
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .SaCxFfbycmJbr.plette {
    grid-template-columns: 1fr;
  }
}
/* 012o1umg:PstepX extends 01ecf4l6:Roll */
.SaCQ6RkMPHHXv.roll {
  box-sizing: border-box;
  display: flex;
  gap: var(--spacing-s);
  padding: var(--spacing-m) calc(var(--spacing-m) + var(--spacing-xxs));
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: var(--strata-crown-border-radius);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 012o1umg:IcX extends 01ecf4l6:Centered */
.SaC3t2OLKhNep.centered {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 999px;
}
/*   ↳ dynamic — not statically extractable:
     background: ({ $done, }) => ($done ? "var(--color-accent)" : "rgba(255, 255, 255, 0.12)")  [props: $done]
     color: ({ $done, }) => ($done ? "var(--color-accent-fg)" : "var(--color-primary-fg)")  [props: $done]
   */
/* 012o1umg:StepTitleX */
.SaCmkU1xTqs-Y {
  font-weight: 500;
  font-size: 0.9rem;
  color: var(--color-primary-fg);
}
/* 012o1umg:StepBodyX */
.SaC5zriPmz_D1 {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.7);
}
/* 012o1umg:StepActionX (nested) */
.SaCr5LeNV6qp8.sac-btn.step-action {
  align-self: flex-start;
  margin-top: auto;
  height: 32px;
  padding: 0 var(--spacing-m);
  border-radius: 999px;
  background: var(--color-accent);
  color: var(--color-accent-fg);
  font-family: var(--font-p-family);
  font-size: 0.8125rem;
  font-weight: 500;
  transition: filter 150ms ease;
}
.SaCr5LeNV6qp8.sac-btn.step-action:hover {
  filter: brightness(1.06);
}
/* 006fpahh:SearchNeedleX extends 00s9dyxm:Plette */
.SaC2lYZc43Uoj.plette.search-needle {
  box-sizing: border-box;
  display: flex;
}
/* 006fpahh:SearchNeedleX (nested) */
.SaCQtn3sJODtP.plette.search-needle {
  flex: 0 0 auto;
  padding: var(--spacing-xxs);
  border-bottom: 1px solid var(--color-popover-border);
}
.SaCQtn3sJODtP.plette.search-needle[data-flipped="true"] {
  order: 1;
  border-bottom: none;
  border-top: 1px solid var(--color-popover-border);
}
.SaCQtn3sJODtP.plette.search-needle > input {
  width: 100%;
  padding: var(--strata-well-padding);
  border: none;
  border-radius: var(--spacing-xs);
  background: var(--strata-well-color);
  color: var(--color-foreground);
  font-family: inherit;
  font-size: 0.8125rem;
  outline: none;
}
.SaCQtn3sJODtP.plette.search-needle > input:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: -2px;
}
/* 01o3twz2:Track (nested) */
.SaCpVyp8bWod4 {
  position: relative;
  width: 44px;
  height: 24px;
  padding: 0;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  transition: background 150ms ease;
  outline: none;
}
.SaCpVyp8bWod4:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
/* 01o3twz2:Thumb */
.SaCgM-LixEsEr {
  position: absolute;
  top: 2px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--color-foreground);
  transition: left 150ms ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
/*   ↳ dynamic — not statically extractable:
     left: (p) => p.$checked ? "22px" : "2px"  [props: $checked]
   */
/* 01f2q3on:MM extends 01ecf4l6:Spread */
.SaCNCjmpEbCgv.spread {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "row-reverse" : "row"  [props: $reverse]
   */
/* 016yad1q:MenuBrandX extends 00s9dyxm:Plette */
.SaCNyHoiTSBtE.menu-brand.plette {
  box-sizing: border-box;
  display: flex;
}
/* 016yad1q:MenuBrandX (nested) */
.SaCmiMIBGFnbt.menu-brand.plette {
  align-items: center;
  cursor: pointer;
  user-select: none;
}
.SaCmiMIBGFnbt.menu-brand.plette:hover {
  opacity: 0.85;
}
/* 00b1utgd:ButtonSlugX extends 00s9dyxm:Plette */
.SaC3hUoahHUCZ.button-slug.plette {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
}
/* 00daqtg0:ExpanderRoot */
.SaCUmd_duFh5d.expander {
  display: flex;
  background-color: var(--color-card);
  border: 1px solid var(--color-border);
  border-radius: var(--spacing-m);
  overflow: hidden;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: (p) => flexDirectionFor(p.$position)  [props: $position]
     width: (p) => (isHorizontalPosition(p.$position) ? "max-content" : "auto")  [props: $position]
   */
/* 00daqtg0:LabelContainer (nested) */
.SaCgFoZd80mca.expander-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-m);
  padding: var(--spacing-m) var(--spacing-m);
  background: none;
  border: none;
  cursor: pointer;
  font: inherit;
  color: var(--color-foreground);
  text-align: left;
}
.SaCgFoZd80mca.expander-label:hover {
  background: var(--color-muted, transparent);
}
/* 00daqtg0:LabelText */
.SaCgBNfSLQUKq.expander-label-text {
  flex: 1;
}
/* 00daqtg0:IndicatorIcon */
.SaCU_qC_6y3DE.expander-indicator {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 300ms ease-in-out;
}
/*   ↳ dynamic — not statically extractable:
     transform: (p) => (p.$open ? "rotate(180deg)" : "rotate(0deg)")  [props: $open]
   */
/* 00daqtg0:ChildContainer */
.SaC2nn-6pbIuP.expander-child {
  overflow: hidden;
}
/*   ↳ dynamic — not statically extractable:
     width: (p) => (isHorizontalPosition(p.$position) ? `${p.$open ? p.$size : 0}px` : "auto")  [props: $position, $open, $size]
     height: (p) => (isHorizontalPosition(p.$position) ? "auto" : `${p.$open ? p.$size : 0}px`)  [props: $position, $open, $size]
     transition: (p) => (isHorizontalPosition(p.$position) ? "width" : "height") 300ms ease-in-out  [props: $position]
   */
/* 00daqtg0:ChildContent */
.SaCRfd3wGw-ZK.expander-child-content {
  overflow: hidden;
}
/*   ↳ dynamic — not statically extractable:
     display: (p) => (isHorizontalPosition(p.$position) ? "flex" : "block")  [props: $position]
     flex-direction: (p) => (isHorizontalPosition(p.$position) ? "column" : "row")  [props: $position]
     width: (p) => (isHorizontalPosition(p.$position) ? "max-content" : "auto")  [props: $position]
     height: (p) => (isHorizontalPosition(p.$position) ? "100%" : "auto")  [props: $position]
   */
/* 01jtjyk4:MenuRoot (nested) */
.SaCf29xbZR34d.expandable-menu {
  background: var(--color-card);
  box-shadow: inset 0 0 0 1px var(--color-border);
  border-radius: var(--spacing-m);
  overflow: hidden;
}
.SaCf29xbZR34d.expandable-menu[data-floating] {
  height: 100vh;
}
/* 01jtjyk4:MenuLayer (nested) */
.SaCn8mMiIXrZ-.expandable-menu-layer {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  padding: var(--spacing-s);
  width: max-content;
  height: 100%;
}
.SaCn8mMiIXrZ-.expandable-menu-layer > * {
  flex-shrink: 0 !important;
}
/* 01jtjyk4:MenuProbe (nested) */
.SaCEPul89Od6A.expandable-menu-probe {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  padding: var(--spacing-s);
  width: max-content;
  visibility: hidden;
  pointer-events: none;
}
.SaCEPul89Od6A.expandable-menu-probe > * {
  flex-shrink: 0 !important;
}
/* 01jtjyk4:MenuToggle (nested) */
.SaCJtWzZ-EZX3.expandable-menu-toggle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--spacing-xl);
  height: var(--spacing-xl);
  padding: 0;
  border: none;
  border-radius: var(--spacing-s);
  background: var(--color-card);
  color: var(--color-foreground);
  cursor: pointer;
  border: 2px solid var(--line);
  transition: background 150ms ease;
}
.SaCJtWzZ-EZX3.expandable-menu-toggle:hover {
  background: var(--color-muted);
}
.SaCJtWzZ-EZX3.expandable-menu-toggle:focus-visible {
  outline: 2px solid var(--color-ring);
  outline-offset: 2px;
}
/* 01jtjyk4:ToggleIcon */
.SaCx7w01B2_P1.expandable-menu-toggle-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 300ms ease-in-out;
}
/*   ↳ dynamic — not statically extractable:
     transform: rotate((p) => `${p.$rotation}deg`)  [props: $rotation]
   */
/* 00ujjagh:ToolBarGroupX */
.SaClGFI8Zy3xH.user-toolbar {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-s);
  border-radius: var(--spacing-xs);
}
/* 00ujjagh:WalletChipX */
.SaC4KGnKnWC_M {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-s);
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.1);
  color: var(--color-foreground);
  white-space: nowrap;
}
/* 00ujjagh:AvatarX (nested) */
.SaCL8r6MjxdXm.user-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: var(--color-foreground);
  color: var(--color-popover);
  font: inherit;
  font-size: 0.8125rem;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
  transition: opacity 150ms ease;
}
.SaCL8r6MjxdXm.user-avatar:hover {
  opacity: 0.85;
}
.SaCL8r6MjxdXm.user-avatar:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
/* 00ujjagh:SignOutX (nested) */
.SaC45dgbtNIq8 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: none;
  color: var(--color-foreground);
  cursor: pointer;
}
.SaC45dgbtNIq8:hover {
  background: rgba(0, 0, 0, 0.1);
}
/* 01e9w778:AdminEntryX (nested) */
.SaCwh3-P1IfVL {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.1);
  color: var(--color-foreground);
  cursor: pointer;
}
.SaCwh3-P1IfVL:hover {
  background: rgba(0, 0, 0, 0.18);
}
/* 01odg0ah:HomeLandingX extends 01ecf4l6:Roll */
.SaCOrpcje-Dlb.home-landing-page.roll {
  box-sizing: border-box;
  display: flex;
  gap: var(--spacing-xl);
  padding: var(--spacing-l);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 01odg0ah:PageHeadX extends 00s9dyxm:Plette */
.SaCupVya7s3ke.anon-home-page-head.plette {
  box-sizing: border-box;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--spacing-m);
  flex-wrap: wrap;
}
/* 01odg0ah:ExplainerGridX extends 00s9dyxm:Plette */
.SaCi5hU5vvAnE.anon-home-explainer-grid.plette {
  box-sizing: border-box;
  display: flex;
}
/* 01odg0ah:ExplainerGridX (nested) */
.SaChVvelyZG-c.anon-home-explainer-grid.plette {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--spacing-m);
}
@media (max-width: 900px) {
  .SaChVvelyZG-c.anon-home-explainer-grid.plette {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 560px) {
  .SaChVvelyZG-c.anon-home-explainer-grid.plette {
    grid-template-columns: 1fr;
  }
}
/* 01odg0ah:IconWellX extends 01ecf4l6:Centered */
.SaCJ3dDbm7o1p.anon-home-icon-well.centered {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: var(--color-primary-fg);
  color: var(--color-primary);
}
/* 01odg0ah:ExplainerTitleX */
.SaC1P37pDskng {
  margin: 0;
  font-size: 1.0625rem;
  color: var(--color-foreground);
}
/* 01odg0ah:ExplainerBodyX */
.SaCFobicEzo7X {
  margin: 0;
  font-size: 0.84375rem;
  color: var(--color-text-dim);
}
/* 01odg0ah:CardHeadX extends 00s9dyxm:Plette */
.SaC_jNMB4D2XM.anon-home-card-head.plette {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-s);
}
/* 01odg0ah:FeaturedGridX extends 00s9dyxm:Plette */
.SaCeFDy3kcFwl.anon-home-featured-grid.plette {
  box-sizing: border-box;
  display: flex;
}
/* 01odg0ah:FeaturedGridX (nested) */
.SaC3TTexQf8bc.anon-home-featured-grid.plette {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-l);
}
@media (max-width: 720px) {
  .SaC3TTexQf8bc.anon-home-featured-grid.plette {
    grid-template-columns: 1fr;
  }
}
/* 000f93gw:ArticleBlock */
.SaC6Co0DWQoAT.article-block {
  display: flex;
  box-sizing: border-box;
  width: 100%;
}
/* 01fuyd3t:Card extends 00s9dyxm:Roll */
.SaCbc5K_jWgMq.card {
  box-sizing: border-box;
  display: flex;
  background-color: var(--color-card);
  border: var(--border-card);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
     padding: ({ $padding = "spacing-l", }) => `var(--${$padding})`  [props: $padding]
   */
/* 0059wt3m:GridBlock extends 0066wlhz:Block */
.SaCHRtOQWDu_F.grid-block {
  box-sizing: border-box;
  display: grid;
}
/* 01ecf4l6:FormPlette */
.SaCDxE0WoSPrw {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  box-sizing: border-box;
}
/* 01ecf4l6:MaxSpace extends 00s9dyxm:Plette */
.SaCLKP95Wygwt.max-space {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  height: 100%;
}
/* 01ecf4l6:NoOverflow extends 00s9dyxm:Plette */
.SaCVvY3cjXp0I.no-overflow {
  box-sizing: border-box;
  display: flex;
  overflow: hidden;
}
/* 01ecf4l6:Centered extends 00s9dyxm:Plette */
.SaCB7A2h21k5a.centered {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* 01ecf4l6:Spread extends 00s9dyxm:Plette */
.SaCALTnA_7-k4.spread {
  box-sizing: border-box;
  display: flex;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "row-reverse" : "row"  [props: $reverse]
     justify-content: ({ $spread, }) => $spread || "space-between"  [props: $spread]
   */
/* 0066wlhz:Block */
.SaCj8WOzCD6VB.block {
  box-sizing: border-box;
}
/* 01ezx3yz:FlexBlock extends 0066wlhz:Block */
.SaC79A1CVvWeC.flex-block {
  box-sizing: border-box;
  display: flex;
}
/* 017za0m3:FooterBlock */
.SaCh_DnSXKgnp.section-block {
  display: flex;
  box-sizing: border-box;
  width: 100%;
}
/* 01f8z6pb:ImageBlock extends 01ezx3yz:FlexBlock */
.SaCVi809kq9t9.image-block {
  box-sizing: border-box;
  display: flex;
}
/*   ↳ dynamic — not statically extractable:
     background-image: url("({ $url, }) => $url")  [props: $url]
   */
/* 01dwu3mh:InputRow (nested) */
.SaCQ_xbtRSPdR.plette {
  flex-direction: row;
}
@media (max-width: 768px) {
  .SaCQ_xbtRSPdR.plette {
    flex-direction: column;
  }
}
/* 00b2l2ad:Field extends 0066wlhz:Block */
.SaCama1MTvcmm.block.field {
  box-sizing: border-box;
  flex-direction: column;
  width: 100%;
}
/* 011pdygx:Input */
.SaCSi_GMeo-rR.input {
  display: flex-inline;
}
/* 01ri6khp:AccountPageX extends 01ecf4l6:Roll */
.SaC9kwp7Fa5Fu.roll {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: var(--spacing-l);
  flex: 1;
  border-radius: var(--spacing-xxl);
  width: 100%;
  max-width: var(--desktop-max-width, 100%);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 01ri6khp:GateCardX extends 00s9dyxm:Plette */
.SaCIpDuRw_NwA.plette {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs);
  width: 100%;
  max-width: 32rem;
  padding: var(--spacing-xxl) var(--spacing-l);
  border: 1px solid var(--color-border);
  border-radius: var(--spacing-m);
  background: var(--color-card);
  text-align: center;
}
/* 01ri6khp:GateGlyphX extends 00s9dyxm:Plette */
.SaCjjFm9LqTMl.plette {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-s);
  color: var(--color-primary);
}
/* 01ri6khp:GateTitleX */
.SaCi8wUt0_d_D {
  margin: 0;
  text-align: center;
  color: var(--color-foreground);
}
/* 01ri6khp:GateBodyX */
.SaCuo3x05b-A9 {
  margin: 0;
  text-align: center;
  color: var(--color-muted-fg);
}
/* 01ri6khp:GateActionX extends 00s9dyxm:Plette */
.SaCN7DC-lJDIb.plette {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: var(--spacing-m);
}
/* 01ri6khp:GateNoteX (nested) */
.SaC68NMD5GPn1.plette {
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs);
  margin-top: var(--spacing-s);
  color: var(--color-muted-fg);
  font-size: 0.85rem;
}
.SaC68NMD5GPn1.plette a {
  color: var(--color-primary);
  text-decoration: underline;
  cursor: pointer;
}
.SaC68NMD5GPn1.plette:hover {
  opacity: 0.8;
}
/* 01ri6khp:SignedInCardX extends 00s9dyxm:Plette */
.SaC4MhtjTkw_E.plette {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-s);
  width: 100%;
  max-width: 32rem;
  padding: var(--spacing-xxl) var(--spacing-l);
  border: 1px solid var(--color-border);
  border-radius: var(--spacing-m);
  background: var(--color-card);
  text-align: center;
}
/* 00pfwb7d:AdminLayoutX extends 01ecf4l6:Spread */
.SaCVXQxEy6kyR.adminlayout.spread {
  box-sizing: border-box;
  display: flex;
  gap: var(--spacing-l);
  padding: 0 var(--spacing-l) var(--spacing-l) 0;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "row-reverse" : "row"  [props: $reverse]
     justify-content: ({ $spread, }) => $spread || "space-between"  [props: $spread]
   */
/* 00pfwb7d:AdminNavX extends 01ecf4l6:Roll */
.SaC1Ig7uac5VP.adminnav.roll {
  box-sizing: border-box;
  display: flex;
  gap: var(--spacing-xs);
  margin-top: calc(var(--spacing-l) + 2.5rem);
  padding-right: var(--spacing-l);
  border-right: 1px solid var(--color-border);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
     min-width: ({ $open, }) => $open ? "13rem" : ADMIN_NAV_ROW_PITCH  [props: $open]
   */
/* 00pfwb7d:AdminNavItem (nested) */
.SaCJNWVIBHr2A.adminnavitem {
  display: flex;
  align-items: center;
  gap: var(--spacing-s);
  height: 2.5rem;
  border-radius: 0.625rem;
  font-family: var(--font-p-family);
  font-size: calc(var(--font-a-size) * 0.75);
  font-weight: var(--font-button-weight);
  color: var(--color-foreground);
  text-decoration: none;
}
.SaCJNWVIBHr2A.adminnavitem:hover {
  background: var(--color-muted);
}
/* 00pfwb7d:AdminMain extends 01ecf4l6:Roll */
.SaC3kJ0e18dEK.adminmain.roll {
  box-sizing: border-box;
  display: flex;
  gap: var(--spacing-l);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 01kf4k1s:PageHeadX extends 01ecf4l6:Spread */
.SaCtOGNhFXcor.spread {
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-m);
  flex-wrap: wrap;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "row-reverse" : "row"  [props: $reverse]
   */
/* 01kf4k1s:StackX extends 01ecf4l6:Roll */
.SaCyoA6ULne04.roll {
  box-sizing: border-box;
  display: flex;
  gap: var(--spacing-xxs);
  min-width: 0;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 01kf4k1s:PageSubtitleX */
.SaCv-bTQ1NwRb {
  margin: 0;
  color: var(--color-muted-fg);
}
/* 01kf4k1s:TabBarX extends 01ecf4l6:Spread */
.SaCRp7JpW0PAn.spread {
  box-sizing: border-box;
  display: flex;
  gap: var(--spacing-xs);
  border-bottom: 1px solid var(--color-border);
  overflow-x: auto;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "row-reverse" : "row"  [props: $reverse]
     justify-content: ({ $spread, }) => $spread || "space-between"  [props: $spread]
   */
/* 01kf4k1s:TabX (nested) */
.SaCVK9Ts69iYx.sac-btn {
  gap: var(--spacing-xs);
  padding: var(--spacing-s) var(--spacing-m);
  background: transparent;
  border: none;
  font-size: var(--font-p-size);
  cursor: pointer;
  white-space: nowrap;
}
.SaCVK9Ts69iYx.sac-btn:hover {
  color: var(--color-foreground);
}
/* 01kf4k1s:TabBadgeX extends 01ecf4l6:Centered */
.SaCuTv27HFSsq.centered {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 var(--spacing-xxs);
  border-radius: 9999px;
  background: var(--color-primary);
  color: var(--color-primary-fg);
  font-size: var(--font-size-sm);
}
/* 01kf4k1s:CardRowX extends 0059wt3m:GridBlock */
.SaC2M8apud7sN.grid-block {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
  align-items: start;
  gap: var(--spacing-l);
}
/* 01kf4k1s:WalletManagerX extends 00s9dyxm:Plette */
.SaCsI_0YXIE7V.wallet-manager {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s);
  width: 100%;
  padding: var(--spacing-l);
  border: 1px solid var(--color-border);
  border-radius: var(--spacing-m);
  background: var(--color-card);
}
/* 01kf4k1s:AlertsX extends 00s9dyxm:Plette */
.SaCAtWPMRSK-q.alerts {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s);
  width: 100%;
  padding: var(--spacing-l);
  border: 1px solid var(--color-border);
  border-radius: var(--spacing-m);
  background: var(--color-card);
}
/* 01kf4k1s:DocumentManagerX extends 00s9dyxm:Plette */
.SaC24r7xEZy3p.document-manager {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s);
  width: 100%;
  padding: var(--spacing-l);
  border: 1px solid var(--color-border);
  border-radius: var(--spacing-m);
  background: var(--color-card);
}
/* 01kf4k1s:InvestorProfileX extends 00s9dyxm:Plette */
.SaCv7ViBrE3ok.investor-profile {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s);
  width: 100%;
  padding: var(--spacing-l);
  border: 1px solid var(--color-border);
  border-radius: var(--spacing-m);
  background: var(--color-card);
}
/* 01kf4k1s:PreferencesX extends 00s9dyxm:Plette */
.SaCXiVxfnV5Q7.preferences {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s);
  width: 100%;
  padding: var(--spacing-l);
  border: 1px solid var(--color-border);
  border-radius: var(--spacing-m);
  background: var(--color-card);
}
/* 01kf4k1s:SignInMethodsX extends 00s9dyxm:Plette */
.SaCh_Y7sXz9s6.sign-in-methods {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s);
  width: 100%;
  padding: var(--spacing-l);
  border: 1px solid var(--color-border);
  border-radius: var(--spacing-m);
  background: var(--color-card);
}
/* 01kf4k1s:VaultStatusesX extends 00s9dyxm:Plette */
.SaCto1oLgZizD.vault-statuses {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s);
  width: 100%;
  padding: var(--spacing-l);
  border: 1px solid var(--color-border);
  border-radius: var(--spacing-m);
  background: var(--color-card);
}
/* 01kf4k1s:TransactionsX extends 01ecf4l6:Roll */
.SaCJziTb6uhRK.transactions {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s);
  width: 100%;
  padding: var(--spacing-l);
  border: 1px solid var(--color-border);
  border-radius: var(--spacing-m);
  background: var(--color-card);
}
/* 01kf4k1s:CardHeadX extends 01ecf4l6:Spread */
.SaCIVyKpSrcXC.spread {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-s);
  flex-wrap: wrap;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "row-reverse" : "row"  [props: $reverse]
   */
/* 01kf4k1s:ItemRowX (nested) */
.SaCM1NSHhrWia.spread {
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-m);
  padding: var(--spacing-s) 0;
  border-bottom: 1px solid var(--color-border);
}
.SaCM1NSHhrWia.spread:last-child {
  border-bottom: none;
}
/* 01kf4k1s:ItemLeadX extends 01ecf4l6:Spread */
.SaCz8x1WcnAvY.spread {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: var(--spacing-s);
  min-width: 0;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "row-reverse" : "row"  [props: $reverse]
     justify-content: ({ $spread, }) => $spread || "space-between"  [props: $spread]
   */
/* 01kf4k1s:StatusX extends 01ecf4l6:Centered */
.SaC_hOKL-lrVs.centered {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xxs);
  font-size: var(--font-size-sm);
}
/*   ↳ dynamic — not statically extractable:
     color: ({ $tone, }) => $tone === "positive" ? "var(--color-constructive)" : $tone === "warning" ? "var(--color-warning)" : "var(--color-muted-fg)"  [props: $tone]
   */
/* 01kf4k1s:EmptyStateX extends 01ecf4l6:Centered */
.SaCpAtMJsCDoL.centered {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: var(--spacing-xs);
  padding: var(--spacing-xl) var(--spacing-m);
  text-align: center;
}
/* 01kf4k1s:EmptyGlyphX extends 01ecf4l6:Centered */
.SaCjmI-AUY_oy.centered {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-dim);
}
/* 01kf4k1s:PrefHintX */
.SaCq47Njonl74 {
  margin: 0;
  color: var(--color-muted-fg);
  font-size: var(--font-size-sm);
}
/* 01kf4k1s:ToggleX extends 011pdygx:Input */
.SaC60XsNwkZOn.input {
  display: flex-inline;
  width: 16px;
  height: 16px;
  accent-color: var(--color-primary);
  cursor: pointer;
}
/* 01kf4k1s:FilterRowX extends 01ecf4l6:Spread */
.SaCLwXZzDCGRN.spread {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-s);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "row-reverse" : "row"  [props: $reverse]
     justify-content: ({ $spread, }) => $spread || "space-between"  [props: $spread]
   */
/* 01kf4k1s:FilterSelectX extends 00t1rsmp:Select */
.SaC-w6l3aG9PW.select {
  padding: var(--spacing-xs) var(--spacing-s);
  border: 1px solid var(--color-input-border);
  border-radius: var(--spacing-xs);
  background: var(--color-input);
  color: var(--color-foreground);
  font-size: var(--font-p-size);
  cursor: pointer;
}
/* 01kf4k1s:TeleInputX (nested) */
.SaCarWCZhD4sf.input {
  width: 100%;
  padding: var(--spacing-xs) var(--spacing-s);
  border: 1px solid var(--color-input-border);
  border-radius: var(--spacing-xs);
  background: var(--color-input);
  color: var(--color-foreground);
  font-size: var(--font-p-size);
}
.SaCarWCZhD4sf.input::placeholder {
  color: var(--color-placeholder);
}
/* 00uvhijm:EntryPage extends 0059wt3m:GridBlock */
.SaCsux6PptaOP.grid-block {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  min-height: 100vh;
}
/* 00uvhijm:EntryLeft extends 01ecf4l6:Roll */
.SaCI0TlTAMHlo.roll {
  box-sizing: border-box;
  display: flex;
  padding: 32px clamp(24px, 5vw, 72px);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 00uvhijm:EntryForm extends 0059wt3m:GridBlock */
.SaCIG5OEC-Nbc.grid-block {
  box-sizing: border-box;
  display: grid;
  margin: auto 0;
  width: min(420px, 100%);
  gap: 14px;
  padding: 40px 0;
}
/* 00uvhijm:EntryTitle */
.SaCQZd2zloSBO {
  font-size: 38px;
  line-height: 1.05;
  letter-spacing: -.03em;
  margin: 0;
}
/* 00uvhijm:EntryLead */
.SaC-R24kC_FAZ {
  color: var(--color-muted-fg);
  margin-bottom: 10px;
}
/* 00uvhijm:EntryEyebrow */
.SaC2Qr__MISnm {
  color: var(--color-primary);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 14px;
}
/* 00uvhijm:EntrySso (nested) */
.SaCDbSfa7yZAo {
  height: 50px;
  border-radius: 12px;
  border: 1px solid var(--color-border);
  background: var(--color-card);
  gap: 10px;
  font-weight: 500;
  font-size: 15px;
  cursor: pointer;
}
.SaCDbSfa7yZAo:hover {
  border-color: var(--color-primary);
}
/* 00uvhijm:EntryOr (nested) */
.SaC3kONioaC_K.spread {
  align-items: center;
  gap: 12px;
  color: var(--color-muted-fg);
  font-size: 0.7rem;
  font-weight: 500;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.SaC3kONioaC_K.spread::before, .SaC3kONioaC_K.spread::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--color-border);
}
/* 00uvhijm:EntryFoot */
.SaCP4mKnpPwPF {
  font-size: 12px;
  color: var(--color-muted-fg);
  max-width: 44em;
}
/* 00uvhijm:EntryRight extends 01ecf4l6:NoOverflow */
.SaC5c3EVSEWtV.no-overflow {
  box-sizing: border-box;
  display: flex;
  overflow: hidden;
  position: relative;
  background: var(--color-primary);
}
/* 013a27ws:AgenticPage extends 00s9dyxm:Plette */
.SaCc6pcBm3DjC.plette {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-l);
  padding: var(--spacing-l);
}
/* 013a27ws:AgenticPanel extends 00s9dyxm:Plette */
.SaCrSbV1WlfLR.plette {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-m);
  padding: var(--spacing-l);
  border: 1px solid var(--color-border);
  border-radius: var(--spacing-m);
  background: var(--color-card);
}
/* 013a27ws:AgenticRow extends 00s9dyxm:Plette */
.SaCt4kMpX1JMM.plette {
  box-sizing: border-box;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--spacing-m);
}
/* 013a27ws:AgenticValue extends 00s9dyxm:Plette */
.SaCUoO3BJbKYx.plette {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-s);
}
/* 013a27ws:AgenticDot */
.SaCyLUW1nlwFF {
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
}
/*   ↳ dynamic — not statically extractable:
     background: ({ $on, }) => $on ? "var(--color-accent)" : "var(--color-destructive)"  [props: $on]
   */
/* 00hhhr2e:ConfirmEmailPage extends 01ecf4l6:Roll */
.SaC0D6_My2RMZ.roll {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: var(--spacing-l);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 00hhhr2e:ConfirmEmailCard (nested) */
.SaCitvj3H-m2m.roll {
  gap: var(--spacing-m);
  width: 100%;
  padding: var(--spacing-xl);
  border: 18px solid var(--color-border);
  border-radius: var(--spacing-m);
  background: var(--color-card);
  min-width: 50%;
  min-height: 600px;
}
@media (max-width: 768px) {
  .SaCitvj3H-m2m.roll {
    max-width: 100%;
  }
}
/* 00hhhr2e:ConfirmEmailNote extends 00s9dyxm:Plette */
.SaCgy4dhIe4la.plette {
  box-sizing: border-box;
  display: flex;
  color: var(--color-muted-fg);
  font-size: 0.85rem;
}
/* 018hfmdj:VaultAdminGrid */
.SaCyTo7SfvSom {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s);
}
/* 018hfmdj:PageSection extends 01ecf4l6:Roll */
.SaCojVF6-XV7K.vault-admin-section {
  box-sizing: border-box;
  display: flex;
  gap: var(--spacing-m);
  width: 100%;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 018hfmdj:SectionHead extends 00s9dyxm:Plette */
.SaCx4hkuNhiUt.plette.vault-admin-section-head {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-l);
  width: 100%;
}
/* 018hfmdj:SectionTitle */
.SaCcTdbPoWx4E.vault-admin-section-title {
  font-size: 0.95rem;
  font-weight: 700;
  margin: 0;
  color: var(--color-foreground);
}
/* 018hfmdj:SectionRule */
.SaCto0to6aZGS.vault-admin-section-rule {
  width: 100%;
  height: 0;
  margin: 0;
  border: none;
  border-top: 1px solid var(--color-border);
}
/* 018hfmdj:FactoryList extends 01ecf4l6:Roll */
.SaCyRgAH5SlCB.vault-admin-factory-list {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s);
  width: 100%;
}
/* 018hfmdj:FactoryRow extends 00s9dyxm:Plette */
.SaCy_HAakKpRg.vault-admin-factory-row {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: var(--spacing-m);
  padding: var(--spacing-s) var(--spacing-m);
  background: var(--color-card);
  border: 1px solid var(--color-border);
  border-radius: 12px;
}
/* 018hfmdj:FactoryName */
.SaCYcqzbsCNtg.vault-admin-factory-name {
  font-size: 0.95rem;
  font-weight: 700;
  margin: 0;
  color: var(--color-foreground);
}
/* 018hfmdj:FactoryAddress */
.SaCubfNpMh9HP.vault-admin-factory-address {
  font-family: var(--font-digit-family);
  font-size: 0.78rem;
  margin: 0;
  color: var(--color-muted-fg);
}
/* 018hfmdj:FactoryDeployed */
.SaCwSuiUOc7iR.vault-admin-factory-deployed {
  margin: 0 0 0 auto;
  font-size: 0.78rem;
  color: var(--color-muted-fg);
}
/* 018hfmdj:FactoryEmpty */
.SaC5lJIAOu1c2.vault-admin-factory-empty {
  font-size: 0.85rem;
  margin: 0;
  color: var(--color-muted-fg);
}
/* 018hfmdj:VaultAdminHead */
.SaCswozBSWPya {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-l);
  flex-wrap: wrap;
}
/* 018hfmdj:VaultAdminSpinner */
.SaCE6fUNigOll {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-s);
  padding: var(--spacing-l);
  color: var(--color-muted-fg);
}
/* 018hfmdj:SpinnerX (nested) */
@keyframes sac-kf-PMtzq3Nyw3 {
  to {
    transform: rotate(360deg);
  }
}
.SaCCbFSHZc-h3 {
  width: 20px;
  height: 20px;
  border: 2px solid var(--color-border);
  border-top-color: var(--color-primary);
  border-radius: 50%;
  animation: sac-kf-PMtzq3Nyw3 0.8s linear infinite;
}
/* 018hfmdj:DeployForm */
.SaCa9Ugbj19Le {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  width: 100%;
  padding: var(--spacing-xxl) var(--spacing-xl);
  background: var(--color-card);
  border: 1px solid var(--color-border);
  border-radius: var(--spacing-m);
}
/* 018hfmdj:DeployHeaderX */
.SaCqKW92gj3VD {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
/* 018hfmdj:DeployTitle */
.SaCep9oE8Sv-o {
  font-size: 1.05rem;
  font-weight: 700;
  margin: 0;
  color: var(--color-foreground);
}
/* 018hfmdj:DeployLede */
.SaC_wunSTD_ia {
  font-size: 0.85rem;
  margin: 0;
  color: var(--color-muted-fg);
}
/* 018hfmdj:DeploySection */
.SaCtRtsWB0nvs {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-l);
  min-width: 0;
}
/* 018hfmdj:DeployLegend */
.SaCnXAdbaCNlr {
  display: block;
  margin: 0;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-muted-fg);
}
/* 018hfmdj:DeployGrid (nested) */
.SaCj6lKYmYuBu {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--spacing-l);
}
@media (max-width: 1200px) {
  .SaCj6lKYmYuBu {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  .SaCj6lKYmYuBu {
    grid-template-columns: 1fr;
  }
}
/* 018hfmdj:DeployField */
.SaCeXZlMev3fG {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  min-width: 0;
}
/* 018hfmdj:DeployFieldWide extends 018hfmdj:DeployField */
.SaCZ_TBrB-Bto {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  min-width: 0;
  grid-column: 1 / -1;
}
/* 018hfmdj:DeployNarrowField extends 018hfmdj:DeployField */
.SaCwWh5LBQA-Y {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  min-width: 0;
  max-width: 600px;
}
/* 018hfmdj:DeployLabel */
.SaC3jm6ZL7KcV {
  font-size: 0.7rem;
  color: var(--color-muted-fg);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
/* 018hfmdj:DeployHint */
.SaCZslGtOjcA4 {
  font-size: 0.7rem;
  margin: 0;
  line-height: 1.45;
  color: var(--color-muted-fg);
}
/* 018hfmdj:DeployInput (nested) */
.SaCpHnmbNbs9v {
  width: 100%;
  padding: var(--spacing-s) var(--spacing-m);
  background: var(--color-input);
  border: 1px solid var(--color-border);
  border-radius: var(--spacing-xs);
  color: var(--color-foreground);
  font: inherit;
  font-size: 0.9rem;
}
.SaCpHnmbNbs9v::placeholder {
  color: var(--color-muted-fg);
}
.SaCpHnmbNbs9v:focus {
  outline: none;
  border-color: var(--color-primary);
}
/* 018hfmdj:RoleBulletsX */
.SaCKknBEMmVrT {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
  margin: 0;
  padding: 0;
  list-style: none;
}
/* 018hfmdj:RoleBulletX */
.SaCBx9LccwLzJ {
  display: block;
}
/* 018hfmdj:RoleBulletButtonX (nested) */
.SaC_145w-oZEr {
  display: grid;
  grid-template-columns: auto minmax(0, 15rem) minmax(0, 1fr);
  align-items: baseline;
  gap: var(--spacing-s);
  width: 100%;
  padding: var(--spacing-xs) var(--spacing-s);
  text-align: left;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: var(--spacing-xs);
  background: transparent;
  color: var(--color-foreground);
  font: inherit;
  transition: background 120ms ease, border-color 120ms ease;
}
.SaC_145w-oZEr::before {
  content: "•";
  color: var(--color-muted-fg);
}
.SaC_145w-oZEr:hover {
  background: var(--color-hover);
}
.SaC_145w-oZEr[aria-pressed="true"] {
  background: var(--color-selected);
  border-color: var(--color-primary);
  color: var(--color-selected-fg);
}
@media (max-width: 720px) {
  .SaC_145w-oZEr {
    grid-template-columns: auto minmax(0, 1fr);
  }
}
/* 018hfmdj:RoleBulletNameX */
.SaCTSv16OfaGo {
  font-size: 0.8rem;
  font-weight: 700;
}
/* 018hfmdj:RoleBulletDescX (nested) */
.SaCbmNJCh_SNR {
  font-size: 0.75rem;
  font-style: italic;
  font-weight: 300;
  line-height: 1.35;
  color: var(--color-muted-fg);
}
@media (max-width: 720px) {
  .SaCbmNJCh_SNR {
    grid-column: 2;
  }
}
/* 018hfmdj:RoleCountX */
.SaCKq_Dbwsjtk {
  font-size: 0.7rem;
  color: var(--color-muted-fg);
}
/* 018hfmdj:RoleAssignmentsX extends 00s9dyxm:Plette */
.SaCtDoeHUNGKe.plette {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s);
  min-width: 0;
  min-height: 120px;
  padding: var(--spacing-l);
  border: 1px solid var(--color-border);
  border-radius: var(--spacing-s);
}
/* 018hfmdj:AssignmentHeadX */
.SaCImZp-Y2OUM {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--spacing-s);
}
/* 018hfmdj:AssignmentListX */
.SaC7PCGE-KVNJ {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xs);
  margin: 0;
  padding: 0;
  list-style: none;
}
/* 018hfmdj:AssignmentChipX */
.SaCwu7o7MB4qK {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-s);
  background: var(--color-muted);
  border: 1px solid var(--color-border);
  border-radius: var(--spacing-l);
  font-size: 0.75rem;
  color: var(--color-foreground);
}
/* 018hfmdj:AssignmentRemoveX (nested) */
.SaCqyc19KVfgN {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  padding: 0;
  cursor: pointer;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--color-muted-fg);
  font: inherit;
  line-height: 1;
}
.SaCqyc19KVfgN:hover {
  background: var(--color-hover);
  color: var(--color-foreground);
}
/* 018hfmdj:RolePlaceholderX */
.SaCpmWTv2t9SD {
  font-size: 0.8rem;
  margin: 0;
  color: var(--color-muted-fg);
}
/* 018hfmdj:DeployActions */
.SaCKLEMODNDwa {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--spacing-s);
  padding-top: var(--spacing-m);
  border-top: 1px solid var(--color-border);
}
/* 018hfmdj:DeployError */
.SaC_uzS0iceYy {
  font-size: 0.85rem;
  margin: 0;
  color: var(--color-destructive);
}
/* 018hfmdj:DeployStatus */
.SaCDJdnrMwkpe {
  font-size: 0.85rem;
  margin: 0;
  color: var(--color-primary);
}
/* 009bsh99:NotFoundPage extends 01ecf4l6:Centered */
.SaCdRfL4MOwUH.centered {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  padding: var(--spacing-xl);
  background: var(--color-background);
}
/* 009bsh99:NotFoundInner extends 01ecf4l6:Roll */
.SaCzoBOc4aaoM.roll {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: var(--spacing-s);
  text-align: center;
  max-width: 34em;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 014pttsi:NotificationsPageX extends 00s9dyxm:Plette */
.SaCVN_kiRUtds.plette {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-l);
  width: 100%;
  max-width: 48rem;
  margin: 0 auto;
  padding: var(--spacing-l);
}
/* 014pttsi:HeadX extends 00s9dyxm:Plette */
.SaCRKeqknpqj2.plette {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-m);
  flex-wrap: wrap;
}
/* 014pttsi:TabStripX extends 00s9dyxm:Plette */
.SaChCNJh3Ota7.plette {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: var(--spacing-s);
  flex-wrap: wrap;
}
/* 014pttsi:TabX (nested) */
.SaCa2HUNiJDf5 {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-m);
  border: 1px solid var(--color-border);
  border-radius: 9999px;
  font: inherit;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
}
.SaCa2HUNiJDf5:hover {
  background: var(--sac-background-0);
}
.SaCa2HUNiJDf5:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
/* 014pttsi:ListX extends 00s9dyxm:Plette */
.SaC9V1uN2MNI2.plette {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s);
  width: 100%;
}
/* 014pttsi:NotificationCardX (nested) */
.SaCMOEmrUmQTu.plette {
  flex-direction: column;
  gap: var(--spacing-s);
  width: 100%;
  padding: var(--spacing-l);
  border: 1px solid var(--color-border);
  border-radius: var(--spacing-m);
  background: var(--color-card);
  cursor: pointer;
  transition: background-color 150ms ease;
}
.SaCMOEmrUmQTu.plette:hover {
  background: var(--color-hover);
}
.SaCMOEmrUmQTu.plette:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
/* 014pttsi:CardHeadX extends 00s9dyxm:Plette */
.SaCp2R0BYNX_6.plette {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: var(--spacing-s);
  width: 100%;
}
/* 014pttsi:BodyX */
.SaCNSy7QYhMUv {
  margin: 0;
  font-size: 0.9rem;
  color: var(--color-muted-fg);
  white-space: pre-wrap;
}
/* 014pttsi:MetaX extends 00s9dyxm:Plette */
.SaCsZwfXjAkqo.plette {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-m);
  width: 100%;
}
/* 01691syo:GroupsAdminX extends 00s9dyxm:Plette */
.SaCl_7t4_hMu2.plette {
  box-sizing: border-box;
  display: flex;
  min-height: 400px;
  min-width: 400px;
  flex-direction: column;
  gap: var(--spacing-m);
}
/* 01691syo:SortByX extends 00s9dyxm:Plette */
.SaCNdeydLhTyp.plette {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  min-width: 190px;
}
/* 01691syo:ModalFormX extends 00s9dyxm:Plette */
.SaCqcHF1Q7fkG.plette {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  min-height: 0;
  flex-direction: column;
  gap: var(--spacing-m);
}
/* 01691syo:FieldX extends 00s9dyxm:Plette */
.SaC_96Feu9GFU.plette {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  width: 100%;
}
/* 01691syo:FieldLabelX */
.SaCFiOVS37Rck {
  font-family: var(--font-p-family);
  font-size: var(--font-p-size);
  font-weight: var(--font-p-weight);
  color: var(--font-p-color);
}
/* 01691syo:ConnectRowX extends 00s9dyxm:Plette */
.SaCJPVsOYTDXH.plette {
  box-sizing: border-box;
  display: flex;
  align-items: flex-end;
  gap: var(--spacing-s);
  width: 100%;
}
/* 01691syo:GrowX extends 00s9dyxm:Plette */
.SaCMzypjKdJfB.plette {
  box-sizing: border-box;
  display: flex;
  flex: 1;
  min-width: 0;
}
/* 01691syo:PillButtonX */
.SaCgpcDeEMWHV {
  display: inline-flex;
  align-items: center;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
/* 01xx9x8a:VaultFocusX extends 01ecf4l6:Roll */
.SaCgy41PcuWGd.roll.vault-focus {
  box-sizing: border-box;
  display: flex;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 01xx9x8a:VaultFocusX (nested) */
.SaC9soRPRt8US.roll.vault-focus {
  gap: var(--spacing-l);
  padding: var(--spacing-l);
  transition: opacity 260ms ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .SaC9soRPRt8US.roll.vault-focus {
    transition: none;
  }
}
/* 01xx9x8a:VaultHeroFrameX */
.SaCcnVDM9nSM6.vault-hero-frame {
  display: block;
  width: 100%;
}
/* 01xx9x8a:SplitX (nested) */
.SaC7b9nJWTGki.vault-split {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-l);
}
@media (max-width: 980px) {
  .SaC7b9nJWTGki.vault-split {
    flex-direction: column;
  }
}
/* 01xx9x8a:LeftColumnX extends 01ecf4l6:Roll */
.SaC4j6ekiCIMV.roll.vault-left {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  gap: var(--spacing-m);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 01xx9x8a:RailColumnX extends 01ecf4l6:Roll */
.SaCNOpPZFdBvd.roll.vault-rail {
  box-sizing: border-box;
  display: flex;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 01xx9x8a:RailColumnX (nested) */
.SaCsxXCpSWrEX.roll.vault-rail {
  flex: 0 0 340px;
  max-width: 340px;
  gap: var(--spacing-m);
}
@media (max-width: 980px) {
  .SaCsxXCpSWrEX.roll.vault-rail {
    flex: 1 1 auto;
    max-width: none;
    width: 100%;
  }
}
/* 01xx9x8a:StackX extends 01ecf4l6:Roll */
.SaCZEBmiXwed2.roll.vault-stack {
  box-sizing: border-box;
  display: flex;
  gap: var(--spacing-m);
  width: 100%;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 01xx9x8a:TabPanelX extends 01ecf4l6:Roll */
.SaCf3BJVJU5Qe.roll.vault-tabpanel {
  box-sizing: border-box;
  display: flex;
  gap: var(--spacing-l);
  padding-top: var(--spacing-s);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 01xx9x8a:CardTitleX */
.SaCyCRm7c76IT.vault-card-title {
  margin: 0;
  font-family: var(--font-heading-family);
  font-size: var(--font-h4-size, 1rem);
  font-weight: var(--font-h4-weight, 500);
  color: var(--color-foreground);
}
/* 01xx9x8a:EyebrowX */
.SaCLOeEbrrzRH.vault-eyebrow {
  margin: 0;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-muted-fg);
}
/* 01xx9x8a:ParaX */
.SaCzQfzBaw4EY.vault-para {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.55;
  color: var(--color-foreground);
}
/* 01xx9x8a:MutedX */
.SaC_mIGGKMpUp.vault-muted {
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.5;
  color: var(--color-muted-fg);
}
/* 01xx9x8a:MonoX */
.SaCBqaVeimw74.vault-mono {
  margin: 0;
  font-family: var(--font-digit-family);
  font-size: 0.8rem;
  color: var(--color-foreground);
}
/* 01xx9x8a:KvX extends 01ecf4l6:Roll */
.SaC5K01pyfHSv.roll.vault-kv {
  box-sizing: border-box;
  display: flex;
  gap: 0;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 01xx9x8a:KvRowX extends 01ecf4l6:Spread */
.SaCU2-jcczMtq.spread.vault-kv-row {
  box-sizing: border-box;
  display: flex;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "row-reverse" : "row"  [props: $reverse]
     justify-content: ({ $spread, }) => $spread || "space-between"  [props: $spread]
   */
/* 01xx9x8a:KvRowX (nested) */
.SaCh5u6NlYzrV.spread.vault-kv-row {
  align-items: baseline;
  gap: var(--spacing-m);
  padding: var(--spacing-s) 0;
  border-top: 1px solid var(--color-border);
}
.SaCh5u6NlYzrV.spread.vault-kv-row:first-of-type {
  border-top: none;
}
/* 01xx9x8a:KvKeyX */
.SaCOpP_hwqQQ0.vault-kv-key {
  margin: 0;
  font-size: 0.8rem;
  color: var(--color-muted-fg);
}
/* 01xx9x8a:KvValueX */
.SaCsBpvQnfveX.vault-kv-value {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: right;
  color: var(--color-foreground);
}
/* 01xx9x8a:StatGridX */
.SaC9MQoPpVcy_.vault-stat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: var(--spacing-m);
}
/* 01xx9x8a:StatLabelX */
.SaC0wyioBk8dO.vault-stat-label {
  margin: 0;
  font-size: 0.7rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--color-muted-fg);
}
/* 01xx9x8a:StatValueX */
.SaCI3s2lV5L6U.vault-stat-value {
  margin: 0;
  font-family: var(--font-digit-family);
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--color-foreground);
}
/* 01xx9x8a:StatSubX */
.SaCss61jMqy3w.vault-stat-sub {
  margin: 0;
  font-size: 0.78rem;
  color: var(--color-muted-fg);
}
/* 01xx9x8a:AlertX */
.SaClxBollVTxl.vault-alert {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-s);
  padding: var(--spacing-m);
  border: 1px solid var(--color-border);
  border-left-width: 3px;
  border-radius: var(--spacing-m);
  background: var(--color-secondary);
  color: var(--color-foreground);
}
/*   ↳ dynamic — not statically extractable:
     border-left-color: ( p ) => (p.$tone === "warn" ? "var(--color-accent)" : p.$tone === "danger" ? "var(--color-destructive)" : "var(--color-primary)")  [props: $tone]
   */
/* 01xx9x8a:AlertIconX */
.SaCpT-DS34P2p.vault-alert-icon {
  display: inline-flex;
  flex: 0 0 auto;
}
/*   ↳ dynamic — not statically extractable:
     color: ( p ) => (p.$tone === "warn" ? "var(--color-accent)" : p.$tone === "danger" ? "var(--color-destructive)" : "var(--color-primary)")  [props: $tone]
   */
/* 01xx9x8a:AlertBodyX extends 01ecf4l6:Roll */
.SaC6ZQTO1Z_Jd.roll.vault-alert-body {
  box-sizing: border-box;
  display: flex;
  gap: var(--spacing-2xs);
  min-width: 0;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 01xx9x8a:EmptyX extends 01ecf4l6:Roll */
.SaCPTgG8HKHVI.roll.vault-empty {
  box-sizing: border-box;
  display: flex;
  gap: var(--spacing-xs);
  width: 100%;
  padding: var(--spacing-l);
  border: 1px dashed var(--color-border);
  border-radius: var(--spacing-m);
  background: var(--color-secondary);
  align-items: center;
  text-align: center;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 01xx9x8a:TableWrapX */
.SaC7Q47SXMusu.vault-table-wrap {
  width: 100%;
  overflow-x: auto;
  border: 1px solid var(--color-border);
  border-radius: var(--spacing-m);
}
/* 01xx9x8a:TableX extends 0059wt3m:GridBlock */
.SaCVdFxHD5x1o.grid-block.vault-table {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  width: 100%;
  font-size: 0.82rem;
}
/* 01xx9x8a:TableRowX extends 0059wt3m:GridBlock */
.SaCsXITXuVdOQ.grid-block.vault-row {
  box-sizing: border-box;
  display: grid;
}
/* 01xx9x8a:TableRowX (nested) */
.SaC9C0o8eJp2J.grid-block.vault-row {
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  gap: var(--spacing-s);
  align-items: start;
  padding: var(--spacing-s) var(--spacing-m);
  border-bottom: 1px solid var(--color-border);
}
.SaC9C0o8eJp2J.grid-block.vault-row:last-child {
  border-bottom: none;
}
/* 01xx9x8a:ThX extends 00s9dyxm:Plette */
.SaC9b56b-EZOF.plette.vault-th {
  box-sizing: border-box;
  display: flex;
  text-align: left;
  font-weight: 600;
  font-size: 0.68rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--color-muted-fg);
  white-space: nowrap;
}
/* 01xx9x8a:TdX extends 00s9dyxm:Plette */
.SaCeZdQTGM1AX.plette.vault-td {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xs);
  color: var(--color-foreground);
}
/* 01xx9x8a:SegX extends 01ecf4l6:Spread */
.SaC9oLUr_Lpe_.spread.vault-seg {
  box-sizing: border-box;
  display: flex;
  gap: var(--spacing-2xs);
  padding: var(--spacing-2xs);
  border: 1px solid var(--color-border);
  border-radius: var(--spacing-m);
  background: var(--color-secondary);
  align-self: flex-start;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "row-reverse" : "row"  [props: $reverse]
     justify-content: ({ $spread, }) => $spread || "space-between"  [props: $spread]
   */
/* 01xx9x8a:SegButtonX (nested) */
.SaCrw3aw4WGO_.vault-seg-button {
  padding: var(--spacing-xs) var(--spacing-m);
  border: none;
  border-radius: var(--spacing-s);
  font-family: var(--font-p-family);
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
}
.SaCrw3aw4WGO_.vault-seg-button:hover {
  color: var(--sac-color-0);
}
/* 01xx9x8a:ActionX (nested) */
.SaC9lu3zKaCye.vault-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-s) var(--spacing-l);
  border: 1px solid var(--color-primary);
  border-radius: var(--spacing-m);
  background: var(--color-primary);
  color: var(--color-primary-fg);
  font-family: var(--font-p-family);
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
}
.SaC9lu3zKaCye.vault-action:hover {
  opacity: 0.92;
}
.SaC9lu3zKaCye.vault-action:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
/* 01xx9x8a:FieldLabelX */
.SaCi4mS6ip97z.vault-field-label {
  margin: 0;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--color-muted-fg);
}
/* 01xx9x8a:FieldInputX (nested) */
.SaCmDUzfy0-QO.vault-field-input {
  width: 100%;
  padding: var(--spacing-s) var(--spacing-m);
  border: 1px solid var(--color-input);
  border-radius: var(--spacing-m);
  background: var(--color-background);
  color: var(--color-foreground);
  font-family: var(--font-digit-family);
  font-size: 0.9rem;
  box-sizing: border-box;
}
.SaCmDUzfy0-QO.vault-field-input:focus {
  outline: none;
  border-color: var(--color-ring);
}
.SaCmDUzfy0-QO.vault-field-input:disabled {
  opacity: 0.6;
}
/* 01xx9x8a:PlateX extends 01ecf4l6:Roll */
.SaChx8VvJMdCv.roll.vault-transact-panel {
  box-sizing: border-box;
  display: flex;
  --plate-top: rgb(22, 114, 122);
  --plate-mid: rgb(12, 71, 76);
  --plate-deep: rgb(8, 53, 57);
  --plate-champ: var(--color-accent);
  --plate-champ-ring: rgba(217, 188, 140, 0.2);
  --plate-pos: rgb(159, 227, 192);
  --plate-pos-bg: rgba(127, 209, 168, 0.16);
  --plate-ink: rgb(255, 255, 255);
  --plate-ink-80: rgba(255, 255, 255, 0.8);
  --plate-ink-70: rgba(255, 255, 255, 0.7);
  --plate-ink-60: rgba(255, 255, 255, 0.6);
  --plate-line: rgba(255, 255, 255, 0.12);
  --plate-line-strong: rgba(255, 255, 255, 0.14);
  --plate-field: rgba(255, 255, 255, 0.08);
  --plate-field-line: rgba(255, 255, 255, 0.22);
  gap: var(--spacing-s);
  position: relative;
  overflow: hidden;
  padding: var(--spacing-l);
  border-radius: var(--spacing-l);
  color: var(--plate-ink);
  background: linear-gradient(155deg, var(--plate-top) 0%, var(--plate-mid) 45%, var(--plate-deep) 100%);
  box-shadow: 0 40px 70px -40px #083539BF, 0 0 0 1px #0835390F;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 01xx9x8a:PlateScanX */
.SaCmJN4Rk4xuJ.vault-transact-scan {
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(0deg, #FFFFFF08 0 1px, transparent 1px 8px);
  pointer-events: none;
}
/* 01xx9x8a:PlateHeadX extends 01ecf4l6:Spread */
.SaCkzGNnCZ8Z6.spread.vault-transact-head {
  box-sizing: border-box;
  display: flex;
  position: relative;
  align-items: center;
  gap: var(--spacing-s);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "row-reverse" : "row"  [props: $reverse]
     justify-content: ({ $spread, }) => $spread || "space-between"  [props: $spread]
   */
/* 01xx9x8a:PlateEyebrowX */
.SaCwRp0opOFDd.vault-transact-eyebrow {
  font-family: var(--font-digit-family);
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--plate-champ);
}
/* 01xx9x8a:PlatePillX */
.SaCiaMmN6cBtl.vault-transact-pill {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-2xs);
  height: 24px;
  padding: 0 var(--spacing-s);
  border-radius: 999px;
  background: var(--plate-pos-bg);
  color: var(--plate-pos);
  font-family: var(--font-digit-family);
  font-size: 0.7rem;
  font-weight: 600;
}
/* 01xx9x8a:PlateFigureX */
.SaCjdzNf2t2hg.vault-transact-figure {
  position: relative;
  font-family: var(--font-heading-family);
  font-size: 2.125rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
  color: var(--plate-ink);
}
/* 01xx9x8a:PlateSubX */
.SaCJyaxCzkPCZ.vault-transact-sub {
  position: relative;
  font-family: var(--font-digit-family);
  font-size: 0.8125rem;
  color: var(--plate-ink-70);
}
/* 01xx9x8a:PlateSegX extends 0059wt3m:GridBlock */
.SaCNGynrCLEP-.grid-block.vault-transact-seg {
  box-sizing: border-box;
  display: grid;
  position: relative;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-2xs);
  padding: var(--spacing-2xs);
  border-radius: var(--spacing-m);
  background: rgba(0, 0, 0, 0.18);
}
/* 01xx9x8a:PlateSegTabX (nested) */
.SaCgg7zTqcN8q.vault-transact-seg-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-s);
  border: none;
  border-radius: var(--spacing-s);
  font-family: var(--font-p-family);
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 140ms ease, color 140ms ease;
}
.SaCgg7zTqcN8q.vault-transact-seg-tab:hover {
  color: var(--sac-color-0);
}
.SaCgg7zTqcN8q.vault-transact-seg-tab:focus-visible {
  outline: 2px solid var(--plate-champ);
  outline-offset: 2px;
}
/* 01xx9x8a:PlateFormX extends 0059wt3m:GridBlock */
.SaCRwX4G0xj-F.grid-block.vault-transact-form {
  box-sizing: border-box;
  display: grid;
  position: relative;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--spacing-s);
}
/* 01xx9x8a:PlateLabelX */
.SaCxVntSTnr4B.vault-transact-label {
  font-family: var(--font-p-family);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--plate-ink-60);
}
/* 01xx9x8a:PlateAmountX extends 01ecf4l6:Spread */
.SaCuZECvhlGIl.spread.vault-transact-amount {
  box-sizing: border-box;
  display: flex;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "row-reverse" : "row"  [props: $reverse]
     justify-content: ({ $spread, }) => $spread || "space-between"  [props: $spread]
   */
/* 01xx9x8a:PlateAmountX (nested) */
.SaCnjj4BEvNzm.spread.vault-transact-amount {
  align-items: center;
  gap: var(--spacing-s);
  padding: var(--spacing-s) var(--spacing-m);
  border: 1px solid var(--plate-field-line);
  border-radius: var(--spacing-m);
  background: var(--plate-field);
  transition: border-color 140ms ease, box-shadow 140ms ease;
}
.SaCnjj4BEvNzm.spread.vault-transact-amount:focus-within {
  border-color: var(--plate-champ);
  box-shadow: 0 0 0 3px var(--plate-champ-ring);
}
/* 01xx9x8a:PlateAmountInputX (nested) */
.SaC9ZMY47KFYT.vault-transact-amount-input {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  border: none;
  outline: none;
  background: transparent;
  color: var(--plate-ink);
  font-family: var(--font-heading-family);
  font-size: 1.625rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.SaC9ZMY47KFYT.vault-transact-amount-input::placeholder {
  color: var(--plate-ink-60);
}
/* 01xx9x8a:PlateAmountUnitX */
.SaCIH28NhxtEz.vault-transact-amount-unit {
  flex: 0 0 auto;
  font-family: var(--font-digit-family);
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--plate-ink-70);
}
/* 01xx9x8a:PlatePresetsX extends 01ecf4l6:Spread */
.SaCgzYeFWVhMa.spread.vault-transact-presets {
  box-sizing: border-box;
  display: flex;
  gap: var(--spacing-xs);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "row-reverse" : "row"  [props: $reverse]
     justify-content: ({ $spread, }) => $spread || "space-between"  [props: $spread]
   */
/* 01xx9x8a:PlatePresetX (nested) */
.SaCiE3s7eF8Aj.vault-transact-preset {
  flex: 1 1 0;
  padding: var(--spacing-xs) var(--spacing-s);
  border: 1px solid var(--plate-field-line);
  border-radius: var(--spacing-s);
  font-family: var(--font-digit-family);
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 140ms ease, color 140ms ease;
  background: var(--plate-field);
}
.SaCiE3s7eF8Aj.vault-transact-preset:hover {
  border-color: var(--plate-champ);
  color: var(--plate-champ);
}
.SaCiE3s7eF8Aj.vault-transact-preset:focus-visible {
  outline: 2px solid var(--plate-champ);
  outline-offset: 2px;
}
/* 01xx9x8a:PlateKvX extends 0059wt3m:GridBlock */
.SaCbOAQRuC6yM.grid-block.vault-transact-kv {
  box-sizing: border-box;
  display: grid;
  position: relative;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}
/* 01xx9x8a:PlateDetailsX extends 0059wt3m:GridBlock */
.SaCwatik0uXfE.grid-block.vault-transact-details {
  box-sizing: border-box;
  display: grid;
  position: relative;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  margin-top: var(--spacing-xs);
  padding-top: var(--spacing-xs);
  border-top: 1px solid var(--plate-line-strong);
}
/* 01xx9x8a:PlateRowX extends 01ecf4l6:Spread */
.SaC8Z4GnyAooK.spread.vault-transact-kv-row {
  box-sizing: border-box;
  display: flex;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "row-reverse" : "row"  [props: $reverse]
     justify-content: ({ $spread, }) => $spread || "space-between"  [props: $spread]
   */
/* 01xx9x8a:PlateRowX (nested) */
.SaCY99F4NQIIW.spread.vault-transact-kv-row {
  align-items: baseline;
  gap: var(--spacing-s);
  padding: var(--spacing-xs) 0;
  border-top: 1px solid var(--plate-line);
}
.SaCY99F4NQIIW.spread.vault-transact-kv-row:first-of-type {
  border-top: none;
}
/* 01xx9x8a:PlateKeyX */
.SaCe_BdZeDiHi.vault-transact-kv-key {
  font-family: var(--font-p-family);
  font-size: 0.75rem;
  color: var(--plate-ink-60);
}
/* 01xx9x8a:PlateValueX */
.SaCOkm8ih4KzS.vault-transact-kv-value {
  font-family: var(--font-digit-family);
  font-size: 0.78rem;
  font-weight: 500;
  text-align: right;
  color: var(--plate-ink);
}
/* 01xx9x8a:PlateAckX */
.SaC1Iw9XEvbGd.vault-transact-ack {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-s);
  font-family: var(--font-p-family);
  font-size: 0.75rem;
  line-height: 1.45;
  color: var(--plate-ink-70);
  cursor: pointer;
}
/* 01xx9x8a:PlateAckBoxX */
.SaCl1qNEZDZh8.vault-transact-ack-box {
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
  margin: 2px 0 0;
  accent-color: var(--plate-champ);
  cursor: pointer;
}
/* 01xx9x8a:PlateSubmitX (nested) */
.SaCagGRIH3p15.vault-transact-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs);
  width: 100%;
  padding: var(--spacing-s) var(--spacing-m);
  border: none;
  border-radius: 999px;
  background: var(--plate-champ);
  color: var(--color-accent-fg);
  font-family: var(--font-p-family);
  font-size: 0.9rem;
  font-weight: 700;
  cursor: pointer;
  transition: opacity 140ms ease;
}
.SaCagGRIH3p15.vault-transact-submit:hover {
  opacity: 0.92;
}
.SaCagGRIH3p15.vault-transact-submit:focus-visible {
  outline: 2px solid var(--plate-ink);
  outline-offset: 2px;
}
.SaCagGRIH3p15.vault-transact-submit:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
/* 00ex78v1:IconicTextX extends 01ecf4l6:Spread */
.SaCgHaUxpXl9e.iconic-text.spread {
  box-sizing: border-box;
  display: flex;
}
/*   ↳ dynamic — not statically extractable:
     justify-content: ({ $spread, }) => $spread || "space-between"  [props: $spread]
     align-items: ( p ) => ( p.$position === "top" || p.$position === "bottom" ) ? "flex-start" : "center"  [props: $position]
     flex-direction: ( p ) => ( p.$position === "top" ? "column" : p.$position === "bottom" ? "column-reverse" : ( p.$position === "end" || p.$position === "right" ) ? "row-reverse" : "row" )  [props: $position]
     gap: ( p ) => p.$gap ?? "var(--spacing-s)"  [props: $gap]
     background: ( p ) => p.$background ?? "transparent"  [props: $background]
   */
/* 00ex78v1:IconicTextIcon */
.SaCoWwsDrd4Yu.iconic-text-icon {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}
/* 00de5p13:BreadcrumbNav */
.SaC8cf2IIv0YK.breadcrumb {
  display: flex;
  align-self: center;
  align-items: center;
  min-width: 0;
  overflow: hidden;
  color: var(--color-muted-fg);
}
/*   ↳ dynamic — not statically extractable:
     font-size: ( p ) => p.$size ?? "var(--font-p-size)"  [props: $size]
   */
/* 00de5p13:BreadcrumbList */
.SaC9al-xRbqay.breadcrumb-list {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
/* 00de5p13:BreadcrumbItem */
.SaCChJ7_9SwS3.breadcrumb-item {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  min-width: 0;
  white-space: nowrap;
}
/* 00de5p13:BreadcrumbLink (nested) */
.SaCRkRrQarFT5.breadcrumb-link {
  color: var(--color-muted-fg);
  font: inherit;
  text-decoration: none;
  cursor: pointer;
  transition: color 120ms ease;
}
.SaCRkRrQarFT5.breadcrumb-link:hover {
  color: var(--color-primary);
}
.SaCRkRrQarFT5.breadcrumb-link:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
  border-radius: var(--spacing-xxs);
}
/* 00de5p13:BreadcrumbCurrent */
.SaCOM0MheE3FI.breadcrumb-current {
  display: block;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--color-foreground);
  font-weight: 700;
}
/* 00de5p13:BreadcrumbSeparator */
.SaCmz7a-TYVgN.breadcrumb-separator {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  color: var(--color-muted-fg);
  opacity: 0.7;
}
/* 00ckl7lq:NotificationSliderX extends 00s9dyxm:Plette */
.SaCDpHoso-dnt.notification-slider.plette {
  box-sizing: border-box;
  display: flex;
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  align-items: center;
  gap: var(--spacing-m);
  padding: var(--spacing-s) var(--spacing-xl);
  overflow: hidden;
  color: rgb(255, 255, 255);
  box-shadow: 0 2px 10px #00000040;
  z-index: 1300;
  transition: transform 320ms cubic-bezier(.75, 0, .2, 1);
}
/*   ↳ dynamic — not statically extractable:
     background: (p) => severityBackground[p.$severity]  [props: $severity]
     transform: translateY((p) => (p.$open ? "0" : "-100%"))  [props: $open]
     pointer-events: (p) => (p.$open ? "auto" : "none")  [props: $open]
   */
/* 00ckl7lq:NotificationSliderLabel */
.SaCJeIstYzrnV.notification-slider-label {
  flex: 0 0 auto;
  font-weight: 700;
  text-transform: capitalize;
  letter-spacing: 0.04em;
}
/* 00ckl7lq:NotificationSliderMessage */
.SaCW8GsSYj9LZ.notification-slider-message {
  flex: 1 1 auto;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* 00ckl7lq:NotificationSliderActions extends 00s9dyxm:Plette */
.SaCE9SWcMP-xe.notification-slider-actions.plette {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: var(--spacing-xs);
}
/* 00ckl7lq:NotificationSliderButton (nested) */
.SaC1wnnGATXou.notification-slider-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
  border: none;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.22);
  color: rgb(255, 255, 255);
  cursor: pointer;
  transition: background 150ms ease;
}
.SaC1wnnGATXou.notification-slider-button:hover {
  background: rgba(255, 255, 255, 0.38);
}
.SaC1wnnGATXou.notification-slider-button:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 2px;
}
/* 002lsb5g:DoorsX */
.SaCDtBUXaVEGx.hero-doors {
  --doors-accent: rgb(217, 188, 140);
  --doors-accent-glow: rgba(217, 188, 140, 0.7);
  --doors-copy-3: rgba(255, 255, 255, 0.48);
  --doors-scan: rgba(255, 255, 255, 0.04);
  --doors-gut: clamp(16px, 4vw, 40px);
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1300;
  pointer-events: none;
  user-select: none;
}
/*   ↳ dynamic — not statically extractable:
     display: (p) => (p.$stage === "gone" ? "none" : "block")  [props: $stage]
   */
/* 002lsb5g:DoorX */
.SaCoo2psHWWPq.hero-door {
  position: absolute;
  left: 0;
  right: 0;
  height: 50%;
  overflow: hidden;
  transition: transform 1100ms cubic-bezier(.75, 0, .2, 1);
}
/*   ↳ dynamic — not statically extractable:
     top: (p) => (p.$side === "top" ? "0" : "auto")  [props: $side]
     bottom: (p) => (p.$side === "bot" ? "0" : "auto")  [props: $side]
     transform: (p) => doorShift(p.$side, p.$stage)  [props: $side, $stage]
   */
/* 002lsb5g:FaceX */
.SaCG0cHXR3YFD.hero-face {
  position: absolute;
  left: 0;
  right: 0;
  height: 200%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: repeating-linear-gradient(0deg, var(--doors-scan) 0 1px, transparent 1px 8px),
		linear-gradient(160deg, #16727a 0%, #0c474c 55%, #083539 100%);
}
/*   ↳ dynamic — not statically extractable:
     top: (p) => (p.$side === "top" ? "0" : "auto")  [props: $side]
     bottom: (p) => (p.$side === "bot" ? "0" : "auto")  [props: $side]
   */
/* 002lsb5g:BigX (nested) */
.SaCpYAv-3r30M.hero-big {
  font-family: var(--font-h1-family, "Funnel Display", "Geist", sans-serif);
  font-size: clamp(56px, 11vw, 168px);
  font-weight: 450;
  line-height: 0.9;
  letter-spacing: -0.05em;
  white-space: nowrap;
  color: rgb(255, 255, 255);
}
.SaCpYAv-3r30M.hero-big span {
  color: var(--doors-accent);
}
/* 002lsb5g:TagX */
.SaCZLmUv6g_A0.hero-tag {
  position: absolute;
  left: var(--doors-gut);
  right: var(--doors-gut);
  display: flex;
  justify-content: space-between;
  font-family: var(--font-digit-family);
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--doors-copy-3);
}
/*   ↳ dynamic — not statically extractable:
     top: (p) => (p.$side === "t" ? "32px" : "auto")  [props: $side]
     bottom: (p) => (p.$side === "b" ? "32px" : "auto")  [props: $side]
   */
/* 002lsb5g:SeamX */
.SaCVriUDrGjdj.hero-seam {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background: var(--doors-accent);
  box-shadow: 0 0 22px 3px var(--doors-accent-glow);
  transition: transform 450ms cubic-bezier(.6, 0, .2, 1), opacity 400ms 500ms;
}
/*   ↳ dynamic — not statically extractable:
     transform: (p) => (p.$stage === "sealed" ? "scaleX(0)" : "scaleX(1)")  [props: $stage]
     opacity: (p) => (p.$stage === "open" || p.$stage === "gone" ? "0" : "1")  [props: $stage]
   */
/* 0086ow7c:Base */
.SaCBSySOfbXP0.reveal {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1300;
  pointer-events: none;
  user-select: none;
}
/*   ↳ dynamic — not statically extractable:
     display: (p) => (p.$gone ? "none" : "block")  [props: $gone]
   */
/* 0086ow7c:Door */
.SaCbIdaxm18ry.reveal-door {
  position: absolute;
  left: 0;
  right: 0;
  height: 50%;
  overflow: hidden;
}
/*   ↳ dynamic — not statically extractable:
     background-color: (p) => p.$backgroundColor ?? "transparent"  [props: $backgroundColor]
     top: (p) => (p.$side === "top" ? "0" : "auto")  [props: $side]
     bottom: (p) => (p.$side === "bottom" ? "0" : "auto")  [props: $side]
     transition: transform (p) => p.$durationms cubic-bezier(.75, 0, .2, 1)  [props: $duration]
     transform: (p) => (p.$open ? (p.$side === "top" ? "translateY(-100%)" : "translateY(100%)") : "translateY(0)")  [props: $open, $side]
   */
/* 0086ow7c:Face */
.SaCXufMr1qFeL.reveal-face {
  position: absolute;
  left: 0;
  right: 0;
  height: 200%;
}
/*   ↳ dynamic — not statically extractable:
     top: (p) => (p.$side === "top" ? "0" : "auto")  [props: $side]
     bottom: (p) => (p.$side === "bottom" ? "0" : "auto")  [props: $side]
   */
/* 0086ow7c:FaceImg */
.SaCTZIu04mobj.reveal-face-img {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  object-position: center;
}
/*   ↳ dynamic — not statically extractable:
     padding: 0 (p) => p.$horizontalInset  [props: $horizontalInset]
     object-fit: (p) => (p.$respectImageWidth ? "contain" : "cover")  [props: $respectImageWidth]
   */
/* 00oc2aw5:Container */
.SaCbQ6uSOx042.line-graph-container {
  position: relative;
  width: 100%;
  min-height: 80px;
  flex: 1;
  overflow: hidden;
}
/* 00oc2aw5:SvgOverlay */
.SaCy0eQGbIN8T.line-graph-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}
/* 00oc2aw5:FillArea */
.SaCF9MJLiMLN9.line-graph-fill-area {
  fill: var(--line-graph-fill, rgba(0, 255, 100, 0.08));
}
/* 00oc2aw5:LinePath */
.SaC8OEeWGjo0i.line-graph-line {
  fill: none;
  stroke: var(--color-primary, var(--primary, #00ff64));
  stroke-linecap: round;
  stroke-linejoin: round;
}
/* 00oc2aw5:GridLine */
.SaChmN6Rh3-ye.line-graph-grid-line {
  stroke: var(--line-graph-grid, rgba(255, 255, 255, 0.06));
  stroke-width: 1;
}
/* 00q7i29v:LorumIpsumFrame */
.SaCesbXtp9gSR.lorum-ipsum-frame {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.5rem;
}
/* 00q7i29v:LorumIpsumParagraph */
.SaCa5r-JlkerW.lorum-ipsum-p {
  font-size: var(--font-size-sm);
  color: var(--color-foreground);
  line-height: 1.5;
  margin: 0;
}
/* 003bm9d7:PillX */
.SaCuvRWqyL7nm.pill {
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  white-space: nowrap;
  transition: background-color 150ms ease, color 150ms ease, border-color 150ms ease;
}
/*   ↳ dynamic — not statically extractable:
     background: p => (
		p.$variant === "default" ? "var(--color-primary)" :
		p.$variant === "secondary" ? "var(--color-secondary)" :
		p.$variant === "on" ? "white" :
		p.$variant === "destructive" ? "var(--color-destructive)" :
		"transparent"
	)  [props: $variant]
     color: (p) => (
		p.$variant === "default" ? "var(--color-primary-foreground)" :
		p.$variant === "secondary" ? "var(--color-secondary-foreground)" :
		p.$variant === "on" ? "var(--color-primary)" :
		p.$variant === "destructive" ? "var(--color-destructive-foreground)" :
		"var(--color-foreground)"
	)  [props: $variant]
     border: (p) => (
		p.$variant === "outline" ? "1px solid var(--color-border)" :
		p.$variant === "on" ? "2px solid var(--color-primary)" :
		"1px solid transparent"
	)  [props: $variant]
   */
/* 00w2e4ih:MoneyX */
.SaCmTBsiGXfRE.money {
  font-variant-numeric: tabular-nums;
  color: var(--color-foreground);
}
/* 00cl3vch:MetricX */
.SaCYkPaCeQAC2.metric {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: var(--spacing-m);
}
/* 00cl3vch:MetricName */
.SaCHzGNcR1G6R.metric-name {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
/* 00cl3vch:TipIcon (nested) */
.SaCsAxiOhQb3p.metric-tip-icon {
  display: inline-flex;
  cursor: pointer;
  transition: color 150ms ease;
  transform: scale(0.65) translate(-5px, -5px);
}
.SaCsAxiOhQb3p.metric-tip-icon:hover {
  color: var(--color-foreground);
}
/* 00cl3vch:TipRow */
.SaCW4-IqOx0oX.metric-tip-row {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
}
/*   ↳ dynamic — not statically extractable:
     width: (p) => p.$placement === "top" || p.$placement === "bottom" ? "100%" : "auto"  [props: $placement]
     height: (p) => p.$placement === "left" || p.$placement === "right" ? "100%" : "auto"  [props: $placement]
   */
/* 00cl3vch:TipTitle */
.SaC9aN0eXkFI_.metric-tip-title {
  font-weight: 600;
  font-size: var(--font-size-sm);
  color: var(--color-foreground);
  margin-bottom: 2px;
}
/* 00cl3vch:MetricValue */
.SaCmo2VdKF1Pc.metric-value {
  font-weight: 700;
  line-height: 1.2;
  color: var(--color-foreground);
  font-variant-numeric: tabular-nums;
}
/*   ↳ dynamic — not statically extractable:
     font-size: p => (p.$size === "l" ? "var(--font-size-xxl)" : "var(--font-size-xl)")  [props: $size]
   */
/* 01f2sm5d:SplitX */
.SaCNZjcL4FX21.split {
  display: flex;
  flex: 1;
  gap: var(--spacing-m);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: (p) => (p.$direction === "vertical" ? "column" : "row")  [props: $direction]
   */
/* 01f2sm5d:SplitPaneX */
.SaCKvKU0PdZc4.split-pane {
  flex: 1;
  min-width: 0;
  min-height: 0;
}
/* 00hku3xb:ToolTipAnchor */
.SaCMtIvrvlvpH {
  display: inline-flex;
  align-items: center;
}
/* 00hku3xb:ToolTipBubble */
.SaCwi_3acW5Yr {
  position: fixed;
  z-index: var(--strata-float-z-index);
  max-width: min(90vw, 320px);
  background: var(--color-popover);
  color: var(--color-popover-fg);
  border: var(--color-popover-border-width) solid var(--color-popover-border);
  border-radius: var(--color-popover-border-radius);
  padding: var(--color-popover-padding);
  box-shadow: var(--color-popover-box-shadow);
  font-size: var(--color-popover-font-size);
  font-family: var(--font-p-family);
  line-height: 1.4;
  text-align: left;
  pointer-events: none;
  transition: opacity 375ms ease;
}
/*   ↳ dynamic — not statically extractable:
     opacity: (p) => (p.$shown ? "1" : "0")  [props: $shown]
   */
/* 00hku3xb:ToolTipTitle */
.SaCm2CtBifNrg {
  font-weight: 600;
}
/* 00hku3xb:ToolTipContent */
.SaCvKjVILm4Ph {
  opacity: 0.82;
}
/* 00fi5y2v:SpinnerRoot */
.SaCu2BMjfw7vj.spinner-root {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}
/* 00fi5y2v:SpinnerRing (nested) */
.SaCUFJYEf7bA1.spinner-ring {
  display: inline-block;
  box-sizing: border-box;
  border-top-color: var(--color-primary);
  border-radius: 50%;
  animation: kaltra-spinner-spin var(--spinner-duration) linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .SaCUFJYEf7bA1.spinner-ring {
    animation: none;
  }
}
/* 00fi5y2v:SpinnerLabel */
.SaCDLOqJQrEhm.spinner-label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
/* 01yy4nhh:MultiSelectX extends 00s9dyxm:Plette */
.SaCNWYzo9fhPN.multiselect.plette {
  box-sizing: border-box;
  display: flex;
  position: relative;
  width: 100%;
  flex-direction: column;
}
/* 01yy4nhh:MultiSelectTriggerX (nested) */
.SaCXtiQg-1Zr_.multiselect-trigger.sac-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-s);
  width: 100%;
  min-height: 2.5rem;
  padding: var(--spacing-xs) var(--spacing-s);
  border-style: solid;
  border-width: var(--strata-well-border-width);
  border-color: var(--strata-well-border-color);
  border-radius: var(--strata-well-border-radius);
  background: var(--strata-well-color);
  color: var(--color-foreground);
  font-family: inherit;
  font-size: 0.875rem;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.15s ease;
}
.SaCXtiQg-1Zr_.multiselect-trigger.sac-btn[data-fused="down"] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.SaCXtiQg-1Zr_.multiselect-trigger.sac-btn[data-fused="up"] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.SaCXtiQg-1Zr_.multiselect-trigger.sac-btn:hover:not(:disabled) {
  border-color: var(--strata-well-border-color-active);
}
.SaCXtiQg-1Zr_.multiselect-trigger.sac-btn:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 2px;
}
.SaCXtiQg-1Zr_.multiselect-trigger.sac-btn:disabled {
  background: var(--color-disabled);
  color: var(--color-disabled-fg);
  cursor: not-allowed;
}
/* 01yy4nhh:MultiSelectValueX extends 00s9dyxm:Plette */
.SaClNA1INYLrC.multiselect-value.plette {
  box-sizing: border-box;
  display: flex;
  flex: 1;
  min-width: 0;
  align-items: center;
}
/* 01yy4nhh:MultiSelectChipsX extends 00s9dyxm:Plette */
.SaCZZ27DxEr0V.multiselect-chips.plette {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xxs);
}
/* 01yy4nhh:MultiSelectChipX (nested) */
.SaCOQY6HFo-sv.multiselect-chip {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs);
  padding: 2px var(--spacing-xs);
  border-radius: 999px;
  background: var(--color-muted);
  color: var(--color-muted-fg);
  font-size: 0.75rem;
}
.SaCOQY6HFo-sv.multiselect-chip > button {
  border: none;
  background: none;
  padding: 0;
  color: inherit;
  font-size: 0.875rem;
  line-height: 1;
  cursor: pointer;
}
/* 01yy4nhh:MultiSelectPanelWrapperX extends 00s9dyxm:Plette */
.SaCCRiy_FSy-J.multiselect-panel-wrapper.plette {
  box-sizing: border-box;
  display: flex;
  position: fixed;
  flex-direction: column;
}
/*   ↳ dynamic — not statically extractable:
     left: (p) => p.$leftpx  [props: $left]
     width: (p) => p.$widthpx  [props: $width]
     top: (p) => (p.$top !== undefined ? `${p.$top}px` : "auto")  [props: $top]
     bottom: (p) => (p.$bottom !== undefined ? `${p.$bottom}px` : "auto")  [props: $bottom]
   */
/* 01yy4nhh:MultiSelectPanelX extends 00s9dyxm:Plette */
.SaCDuLdc4dUHm.multiselect-panel.plette {
  box-sizing: border-box;
  display: flex;
}
/* 01yy4nhh:MultiSelectPanelX (nested) */
.SaCcIMUd6CCA6.multiselect-panel.plette {
  flex-direction: column;
  width: 100%;
  min-width: 0;
  max-height: 16rem;
  border-style: solid;
  border-width: var(--strata-well-border-width);
  border-color: var(--strata-well-border-color);
  border-radius: var(--strata-well-border-radius);
  background: var(--color-popover);
  color: var(--color-popover-fg);
  box-shadow: var(--color-popover-box-shadow);
  overflow: hidden;
}
.SaCcIMUd6CCA6.multiselect-panel.plette[data-fused="down"] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.SaCcIMUd6CCA6.multiselect-panel.plette[data-fused="up"] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
/* 01yy4nhh:MultiSelectListX extends 00s9dyxm:Plette */
.SaCbxe7Q_FB58.multiselect-list.plette {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: var(--spacing-xxs);
}
/* 01yy4nhh:MultiSelectOptionX extends 00s9dyxm:Plette */
.SaCJWbW4pUV5r.multiselect-option.plette {
  box-sizing: border-box;
  display: flex;
}
/* 01yy4nhh:MultiSelectOptionX (nested) */
.SaC8U1zhVEr4O.multiselect-option.plette {
  align-items: baseline;
  gap: var(--spacing-xs);
  width: 100%;
  padding: var(--multiselect-option-padding, var(--spacing-l) var(--spacing-m));
  border-radius: 4px;
  background: transparent;
  color: var(--color-popover-fg);
  font-family: inherit;
  font-size: 0.8125rem;
  text-align: left;
  cursor: pointer;
  outline: none;
  user-select: none;
}
.SaC8U1zhVEr4O.multiselect-option.plette:hover {
  background: var(--color-hover);
  color: var(--color-hover-fg);
}
.SaC8U1zhVEr4O.multiselect-option.plette:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: -2px;
}
.SaC8U1zhVEr4O.multiselect-option.plette[aria-selected="true"] {
  background: var(--color-selected);
  color: var(--color-selected-fg);
}
.SaC8U1zhVEr4O.multiselect-option.plette[aria-disabled="true"] {
  color: var(--color-disabled-fg);
  cursor: not-allowed;
}
.SaC8U1zhVEr4O.multiselect-option.plette > em {
  margin-left: auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  opacity: 0.6;
  font-size: 0.6875rem;
  font-style: normal;
}
/* 01yy4nhh:MultiSelectOptionLabelX */
.SaCy7vX28C1DC.multiselect-option-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* 01yy4nhh:MultiSelectEmptyX extends 00s9dyxm:Plette */
.SaCgyCoHp8EhF.multiselect-empty.plette {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  padding: var(--spacing-s);
  color: var(--color-muted-fg);
  font-size: 0.8125rem;
  text-align: center;
}
/* 01wmx62n:Label */
.SaCKgg19v3eS7 {
  font-family: var(--font-p-family);
  font-size: var(--font-p-size);
  font-weight: var(--font-p-weight);
  color: var(--font-p-color);
  cursor: pointer;
}
/* 0183pelv:Wrapper extends 00s9dyxm:Plette */
.SaCBuLIKvB2Gw.plette.searchselect {
  box-sizing: border-box;
  display: flex;
  position: relative;
  width: 100%;
  flex-direction: column;
}
/* 0183pelv:InputBox */
.SaCcBOug5CVlb.searchselect-box {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  padding: var(--strata-well-padding);
  border-style: solid;
  border-width: var(--strata-well-border-width);
  border-radius: var(--strata-well-border-radius);
}
/*   ↳ dynamic — not statically extractable:
     border-color: (p) => (p.$focused ? "var(--strata-well-border-color-active)" : "var(--strata-well-border-color)")  [props: $focused]
     border-top-left-radius: (p) => (p.$joinedSide === "top" ? "0" : "var(--strata-well-border-radius)")  [props: $joinedSide]
     border-top-right-radius: (p) => (p.$joinedSide === "top" ? "0" : "var(--strata-well-border-radius)")  [props: $joinedSide]
     border-bottom-left-radius: (p) => (p.$joinedSide === "bottom" ? "0" : "var(--strata-well-border-radius)")  [props: $joinedSide]
     border-bottom-right-radius: (p) => (p.$joinedSide === "bottom" ? "0" : "var(--strata-well-border-radius)")  [props: $joinedSide]
     background: (p) => (p.$disabled ? "var(--color-disabled)" : "var(--strata-well-color)")  [props: $disabled]
     cursor: (p) => (p.$disabled ? "not-allowed" : "text")  [props: $disabled]
   */
/* 0183pelv:styled_2 (nested) */
.SaCkuYNpAOi7s.searchselect-input {
  flex: 1;
  min-width: 0;
  width: 100%;
  padding: 0;
  border: none;
  background: transparent;
  font-size: 0.875rem;
  font-family: inherit;
  outline: none;
}
.SaCkuYNpAOi7s.searchselect-input::placeholder {
  color: var(--color-placeholder);
}
/* 0183pelv:Affix */
.SaCvwxOhrNyLX.searchselect-affix {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  color: var(--color-muted-fg);
}
/* 0183pelv:Item (nested) */
.SaCt6QOLdJzJ0.sac-btn.searchselect-item {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  width: 100%;
  padding: 0.5rem 0.75rem;
  border: none;
  background: transparent;
  font-size: 0.875rem;
  font-family: inherit;
  text-align: left;
}
.SaCt6QOLdJzJ0.sac-btn.searchselect-item:hover:not(:disabled):not([data-selected="true"]) {
  background: var(--color-hover);
  color: var(--color-hover-fg);
}
.SaCt6QOLdJzJ0.sac-btn.searchselect-item[data-selected="true"] {
  background: var(--color-selected);
  color: var(--color-selected-fg);
}
/* 0183pelv:ItemIcon */
.SaC8SiI43BeAo.searchselect-item-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 6px;
  background: var(--color-muted);
  color: var(--color-muted-fg);
}
/* 0183pelv:ItemBody */
.SaCmYjH0O2Eln.searchselect-item-body {
  display: flex;
  flex-direction: column;
  gap: 1px;
  flex: 1;
  min-width: 0;
}
/* 0183pelv:ItemLabel */
.SaCbBcAYwQUQg.searchselect-item-label {
  font-size: 0.875rem;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* 0183pelv:ItemDescription */
.SaClnApHbtroP.searchselect-item-description {
  font-size: 0.75rem;
  color: var(--color-muted-fg);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* 0183pelv:Status */
.SaCqaZ1xshM4Y.searchselect-status {
  padding: 0.75rem;
  color: var(--color-muted-fg);
  font-size: 0.8125rem;
  text-align: center;
}
/* 0183pelv:PanelWrapper */
.SaCjoPFI48Zsx.searchselect-panel-wrapper {
  position: fixed;
}
/*   ↳ dynamic — not statically extractable:
     left: (p) => p.$leftpx  [props: $left]
     width: (p) => p.$widthpx  [props: $width]
     top: (p) => (p.$top !== undefined ? `${p.$top}px` : "auto")  [props: $top]
     bottom: (p) => (p.$bottom !== undefined ? `${p.$bottom}px` : "auto")  [props: $bottom]
     clip-path: (p) => (p.$joinedSide === "top"
		? "inset(0 -200px -200px -200px)"
		: p.$joinedSide === "bottom"
			? "inset(-200px -200px 0 -200px)"
			: "none")  [props: $joinedSide]
   */
/* 00omry13:DropperX extends 00s9dyxm:Plette */
.SaCLsUOBmM0Hs.plette {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  padding: var(--strata-well-padding, 0.5rem 0.75rem);
  border-radius: var(--strata-well-border-radius, var(--spacing-m, 8px));
  border: var(--strata-well-border-width, 1px) dashed var(--color-border);
  background: var(--strata-well-color, var(--color-input));
  color: var(--color-muted-fg);
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  text-align: center;
  user-select: none;
  transition: border-color 0.15s, background 0.15s;
}
/*   ↳ dynamic — not statically extractable:
     cursor: (p) => (p.$disabled ? "not-allowed" : "copy")  [props: $disabled]
     opacity: (p) => (p.$disabled ? "0.5" : "1")  [props: $disabled]
     pointer-events: (p) => (p.$disabled ? "none" : "auto")  [props: $disabled]
     border-color: (p) => (p.$active ? "var(--color-ring)" : p.$dropped ? "var(--color-primary)" : "var(--color-border)")  [props: $active, $dropped]
     background: (p) => (p.$active ? "var(--color-muted)" : "var(--strata-well-color, var(--color-input))")  [props: $active]
   */
/* 014z2y93:ButtonIconX extends 00vnmg3o:Text */
.SaCwnwOUihoiH.button-icon.text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 300ms ease-in-out;
}
/*   ↳ dynamic — not statically extractable:
     transform: rotate((p) => p.$rotation ?? 0deg)  [props: $rotation]
   */
/* 014z2y93:styled_3 extends 01xz2ewd:Button */
.SaCa1d7SqcM1Q.button.kaltra-input.sac-btn {
  cursor: pointer;
  transition: background-color 150ms ease, opacity 150ms ease, box-shadow 150ms ease;
  font-family: var(--font-p-family);
  font-size: var(--font-p-size);
  gap: var(--spacing-m);
  border: none;
}
/*   ↳ dynamic — not statically extractable:
     flex: (p) => p.$flexible ? "1" : "initial"  [props: $flexible]
     white-space: (p) => p.$allowWrap ? "normal" : "nowrap"  [props: $allowWrap]
     font-weight: (p) => p.$weight ?? "var(--font-button-weight)"  [props: $weight]
     color: (p) => (
    p.$variant === "primary" ? "var(--color-primary-fg)" :
		p.$variant === "selected" ? "var(--color-selected-fg)" :
		p.$variant === "primary-outlined" ? "var(--color-primary)" :
		"var(--color-foreground)"
	)  [props: $variant]
     filter: (p) => (
		p.$active ? "brightness(0.8)" :
		p.$hover ? "brightness(0.9)" :
		"brightness(1)"
	)  [props: $active, $hover]
     box-shadow: (p) =>
    p.$variant === "selected"
      ? "none"
      : p.$variant === "outlined-input"
        ? `inset 0 0 0 ${p.$outlineWidth}px var(--color-input)`
        : p.$variant === "outlined" || p.$variant === "primary-outlined"
          ? `inset 0 0 0 ${p.$outlineWidth}px var(--color-primary)`
          : p.$variant === "primary"
            ? `inset 0 0 0 ${p.$outlineWidth}px var(--color-primary-border, transparent)`
            : `inset 0 0 0 ${p.$outlineWidth}px var(--color-input-border, transparent)`  [props: $variant, $outlineWidth]
   */
/* 00j8s3r7:TextPadX (nested) */
.SaCrgT-7onh_J.textpad {
  display: block;
  min-width: 0;
  min-height: 160px;
  box-sizing: border-box;
  border: 1px solid var(--color-border, rgba(255, 255, 255, 0.12));
  background: var(--color-card, #0f1018);
  color: var(--color-foreground, #f4f4f8);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.95rem;
  line-height: 1.5;
  resize: both;
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.SaCrgT-7onh_J.textpad:focus {
  border-color: var(--color-primary, #7c5cfc);
  box-shadow: 0 0 0 2px rgba(124, 92, 252, 0.18);
}
/* 00lkcck9:Container */
.SaC9voSyPYOCb.type-viz-container {
  position: relative;
}
/* 00lkcck9:HiddenLayer */
.SaCcBYySIb97y.type-viz-hidden {
  opacity: 0;
  pointer-events: none;
}
/* 00lkcck9:SvgOverlay */
.SaC4I9O_QJF4G.type-viz-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: visible;
}
/* 00lkcck9:AscenderLine */
.SaC37BZkweLiR.type-viz-ascender {
  stroke: var(--type-viz-ascender, #ff6b6b);
  stroke-width: 1;
  stroke-dasharray: 6 3;
}
/* 00lkcck9:CapHeightLine */
.SaCkT4v-k0rDv.type-viz-capheight {
  stroke: var(--type-viz-cap, #ffa94d);
  stroke-width: 1;
  stroke-dasharray: 6 3;
}
/* 00lkcck9:MeanlineLine */
.SaC-C7BvRjj4H.type-viz-meanline {
  stroke: var(--type-viz-meanline, #69db7c);
  stroke-width: 1;
  stroke-dasharray: 6 3;
}
/* 00lkcck9:BaselineLine */
.SaCC605QLYmVw.type-viz-baseline {
  stroke: var(--type-viz-baseline, #74c0fc);
  stroke-width: 1.5;
}
/* 00lkcck9:Label */
.SaCC9ByQGTvhC.type-viz-label {
  font-family: system-ui, sans-serif;
  font-size: 9px;
  fill: var(--type-viz-label, rgba(255, 255, 255, 0.6));
  dominant-baseline: auto;
}
/* 00lkcck9:TextNode */
.SaCLo_QpTbsvY.type-viz-text {
  dominant-baseline: alphabetic;
}
/* 00rj3b19:CheckBoxRoot */
.SaCLsYB0Or4EL.checkbox {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  user-select: none;
}
/*   ↳ dynamic — not statically extractable:
     cursor: (p) => (p.$disabled ? "not-allowed" : "pointer")  [props: $disabled]
     opacity: (p) => (p.$disabled ? 0.5 : 1)  [props: $disabled]
   */
/* 00rj3b19:Box */
.SaC8G6ObHMTNf.checkbox-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  transition: background 0.15s ease, border-color 0.15s ease;
  flex-shrink: 0;
}
/*   ↳ dynamic — not statically extractable:
     border: 1.5px solid
        (p) =>
            p.$checked
                ? "var(--color-primary, #13E17F)"
                : "var(--color-border, #222)"  [props: $checked]
     background: (p) =>
        p.$checked
            ? "var(--color-primary, #13E17F)"
            : "var(--strata-well-color, var(--color-input, #131514))"  [props: $checked]
   */
/* 00rj3b19:CheckMark */
.SaCofnxN0JBXk.checkbox-mark {
  width: 12px;
  height: 12px;
  transition: opacity 0.15s ease, transform 0.15s ease;
  color: var(--color-primary-fg, #000);
}
/*   ↳ dynamic — not statically extractable:
     opacity: (p) => (p.$checked ? 1 : 0)  [props: $checked]
     transform: (p) => (p.$checked ? "scale(1)" : "scale(0.5)")  [props: $checked]
   */
/* 00rj3b19:HiddenInput */
.SaCWy6esdMKl_.checkbox-input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}
/* 00oaoxw5:Track */
.SaCV8RyTB4fEX.slider-track {
  position: relative;
  width: 100%;
  height: 6px;
  border-radius: 3px;
  background: var(--color-muted, #27272f);
  cursor: pointer;
}
/* 00oaoxw5:Fill */
.SaCUCZ9svSz0t.slider-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 3px;
  background: var(--color-primary, #22c55e);
  pointer-events: none;
}
/*   ↳ dynamic — not statically extractable:
     width: (p) => p.$pct%  [props: $pct]
   */
/* 00oaoxw5:Thumb (nested) */
.SaCOV0d-Y-N3t.slider-thumb {
  position: absolute;
  top: 50%;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--color-foreground, #f0f0f5);
  border: 2px solid var(--color-primary, #22c55e);
  transform: translate(-50%, -50%);
  cursor: grab;
  pointer-events: none;
}
.SaCOV0d-Y-N3t.slider-thumb:active {
  cursor: grabbing;
}
/* 00oaoxw5:HiddenInput */
.SaCtIw2dW536S.slider-input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
/* 00oaoxw5:ValueLabel */
.SaCr_wKFgcUm8.slider-value-label {
  font-family: system-ui, sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: var(--color-foreground, #f0f0f5);
  min-width: 3ch;
  text-align: center;
}
/* 00oaoxw5:EndLabel */
.SaCOBKT2KNzFe.slider-end-label {
  font-family: system-ui, sans-serif;
  font-size: 11px;
  color: var(--color-muted-fg, #71717a);
}
/* 00oaoxw5:SliderX */
.SaC24AN9in4Cp.sliderx {
  display: flex;
  gap: 8px;
  width: 100%;
  padding: 8px 0;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: (p) =>
        p.$valuePlacement === "left" ? "row" :
        p.$valuePlacement === "right" ? "row-reverse" :
        p.$valuePlacement === "bottom" ? "column-reverse" :
        "column"  [props: $valuePlacement]
     align-items: (p) =>
        p.$valuePlacement === "left" || p.$valuePlacement === "right" ? "center" : "stretch"  [props: $valuePlacement]
   */
/* 00oaoxw5:SliderLabel */
.SaC6cZj72YAdO.slider-label {
  font-size: 12px;
  font-weight: 500;
  color: var(--color-foreground);
}
/* 00oaoxw5:SliderRow */
.SaCasII2rsMzr.slider-row {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}
/* 00g70bj5:Wrapper extends 00s9dyxm:Plette */
.SaCslQJG1f-QX.plette.textfield {
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 0.25rem;
  width: 100%;
}
/* 00g70bj5:TextFieldBox */
.SaCcEAaCnj8vy.textfield-box {
  position: relative;
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
/* 00g70bj5:TextFieldX (nested) */
.SaC-XmUCZWNZS.textfield-input {
  display: block;
  flex: 1;
  min-width: 0;
  width: 100%;
  padding: var(--strata-well-padding, 0.5rem 0.75rem);
  border-radius: var(--strata-well-border-radius, var(--spacing-m, 8px));
  border: var(--strata-well-border-width, 1px) solid var(--strata-well-border-color, var(--color-border, #222));
  background: var(--strata-well-color, var(--color-input, #131514));
  color: var(--_tf-color, var(--color-foreground, #f0f0f5));
  font-family: var(--_tf-family, inherit);
  font-size: var(--_tf-size, 0.875rem);
  font-weight: var(--_tf-weight, 400);
  outline: none;
  transition: border-color 275ms ease;
}
.SaC-XmUCZWNZS.textfield-input[data-icon-position="start"] {
  padding-left: 2.4rem;
}
.SaC-XmUCZWNZS.textfield-input[data-icon-position="end"] {
  padding-right: 2.4rem;
}
.SaC-XmUCZWNZS.textfield-input::placeholder {
  color: var(--color-muted-fg, #666);
}
.SaC-XmUCZWNZS.textfield-input:focus-visible {
  border-color: var(--strata-well-border-color-active, var(--color-ring, #22c55e));
}
.SaC-XmUCZWNZS.textfield-input:-webkit-autofill,
    .SaC-XmUCZWNZS.textfield-input:-webkit-autofill:hover,
    .SaC-XmUCZWNZS.textfield-input:-webkit-autofill:focus,
    .SaC-XmUCZWNZS.textfield-input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px var(--strata-well-color, var(--color-input, #131514)) inset;
  -webkit-text-fill-color: var(--_tf-color, var(--color-foreground, #f0f0f5));
  caret-color: var(--_tf-color, var(--color-foreground, #f0f0f5));
  transition: background-color 9999999s ease-in-out 0s;
}
/* 00g70bj5:TextFieldIcon (nested) */
.SaC4MUTbBRIx5.textfield-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-muted-fg, #666);
  pointer-events: none;
}
.SaC4MUTbBRIx5.textfield-icon[data-inner="true"][data-position="start"] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.75rem;
}
.SaC4MUTbBRIx5.textfield-icon[data-inner="true"][data-position="end"] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.75rem;
}
/* 00g70bj5:TextFieldErrant */
.SaCFP5ySBKtxO.textfield-errant {
  flex-basis: 100%;
  width: 100%;
  margin-top: var(--spacing-xs);
  font-size: var(--font-h5-size);
  font-weight: var(--font-h5-weight);
  color: var(--color-destructive);
}
/* 01clei2e:CardX extends 00s9dyxm:Plette */
.SaC_W0fd1RYYh.card.plette {
  box-sizing: border-box;
  display: flex;
  background-color: var(--color-card);
}
/*   ↳ dynamic — not statically extractable:
     border-radius: (p) => p.$borderRadius ?? "var(--spacing-m)"  [props: $borderRadius]
     border: (p) => `${p.$outline ?? "1px"} solid ${p.$outlineColor ?? "var(--color-border)"}`  [props: $outline, $outlineColor]
     width: (p) => p.$width ?? "auto"  [props: $width]
     padding: (p) => p.$padding ?? "var(--spacing-l)"  [props: $padding]
     margin: (p) => p.$margin ?? "0"  [props: $margin]
   */
/* 01ikil70:MenuRoot */
.SaCpy3YtKNcsi.menu-root {
  display: flex;
  box-sizing: border-box;
  box-shadow: 0px 0px 15px 5px #0001;
  width: 100%;
}
/*   ↳ dynamic — not statically extractable:
     position: (p) => p.$fixed ? "fixed" : p.$sticky ? "sticky" : "relative"  [props: $fixed, $sticky]
     top: (p) => p.$fixed || p.$sticky ? "0" : "auto"  [props: $fixed, $sticky]
     left: (p) => p.$fixed ? "0" : "auto"  [props: $fixed]
     right: (p) => p.$fixed ? "0" : "auto"  [props: $fixed]
     z-index: (p) => p.$fixed || p.$sticky ? "1200" : "auto"  [props: $fixed, $sticky]
     background: (p) => p.$fixed || p.$sticky ? "color-mix(in srgb, var(--color-popover, #0d0d11) 80%, transparent)" : "transparent"  [props: $fixed, $sticky]
     flex: (p) => p.$sticky ? "none" : "1"  [props: $sticky]
   */
/* 01ikil70:MenuNav */
.SaCAdrmc-qVGP.menu-nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
/*   ↳ dynamic — not statically extractable:
     justify-content: (p) => (
    p.$distribution === "center" ? "center" :
    p.$distribution === "end" ? "flex-end" :
    p.$distribution === "space-between" ? "space-between" :
    "flex-start"
  )  [props: $distribution]
     gap: (p) => p.$gap ?? "var(--spacing-m)"  [props: $gap]
     max-width: p => p.$maxWidth ? p.$maxWidth : "unset"  [props: $maxWidth]
   */
/* 01ikil70:MenuToggle (nested) */
.SaCc16hwT6klq.menu-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: transparent;
  border: 1px solid var(--color-border, #272730);
  border-radius: var(--spacing-m);
  cursor: pointer;
  color: var(--color-foreground);
  font-size: 20px;
  line-height: 1;
  padding: 0;
  box-sizing: border-box;
  margin-right: var(--spacing-l);
}
.SaCc16hwT6klq.menu-toggle:hover {
  background: var(--color-surface-hover, rgba(255, 255, 255, 0.04));
}
/* 01ikil70:MenuDropdown extends 00s9dyxm:Plette */
.SaCCt9S9hX0J4.menu-dropdown.plette {
  box-sizing: border-box;
  display: flex;
  position: absolute;
  top: calc(100% + var(--spacing-s));
  right: 0;
  flex-direction: column;
  background: var(--color-popover, var(--color-card));
  border: 1px solid var(--color-border, #272730);
  border-radius: var(--spacing-m);
  padding: var(--spacing-s) var(--spacing-m);
  z-index: 1300;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.24);
  min-width: 200px;
  transition: opacity 200ms ease-out;
}
/*   ↳ dynamic — not statically extractable:
     gap: (p) => p.$gap ?? "var(--spacing-m)"  [props: $gap]
     opacity: (p) => (p.$open ? "1" : "0")  [props: $open]
     pointer-events: (p) => (p.$open ? "auto" : "none")  [props: $open]
   */
/* 01ikil70:MenuIconLine (nested) */
.SaCObdfkkVhIh.menu-icon-line {
  display: block;
  width: 18px;
  height: 2px;
  background: var(--color-foreground);
  border-radius: 1px;
  transition: transform 200ms ease-out, opacity 200ms ease-out;
}
.SaCObdfkkVhIh.menu-icon-line:nth-child(1) {
  transform: var(--sac-transform-0);
}
.SaCObdfkkVhIh.menu-icon-line:nth-child(2) {
  opacity: var(--sac-opacity-1);
}
.SaCObdfkkVhIh.menu-icon-line:nth-child(3) {
  transform: var(--sac-transform-2);
}
/* 01ikil70:MenuIcon */
.SaC93JsVjNl6c.menu-icon {
  display: flex;
  flex-direction: column;
  gap: 3px;
  align-items: center;
  justify-content: center;
}
/* 01ikil70:MenuSectionX extends 00s9dyxm:Plette */
.SaCneKqEyZatu.menu-section.plette {
  box-sizing: border-box;
  display: flex;
}
/* 01ikil70:MenuSectionX (nested) */
.SaC3lZMK7Xej6.menu-section.plette {
  flex-direction: row;
}
@media (max-width: 768px) {
  .SaC3lZMK7Xej6.menu-section.plette {
    flex-direction: column;
    align-items: stretch;
  }
}
/* 01ikil70:MenuRouteX (nested) */
.SaCfwUtlTsFoA.menu-route {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-s);
  padding: var(--spacing-xs) var(--spacing-m);
  border-radius: var(--spacing-s);
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 150ms ease, color 150ms ease, opacity 150ms ease;
  font-family: var(--font-p-family);
  font-size: var(--font-p-size);
  font-weight: var(--font-p-weight);
}
.SaCfwUtlTsFoA.menu-route:hover {
  background: var(--color-surface-hover, rgba(255, 255, 255, 0.05));
  opacity: 0.9;
}
/* 00wjb2gz:TabsContainer */
.SaCJeimXefY7K.tabs-container {
  position: relative;
}
/*   ↳ dynamic — not statically extractable:
     display: (p) => (p.$variant === "underline" ? "flex" : "inline-flex")  [props: $variant]
     flex-direction: (p) => p.$direction  [props: $direction]
     width: (p) => (p.$full || p.$variant === "underline" ? "100%" : "auto")  [props: $full, $variant]
   */
/* 00wjb2gz:TabSurface */
.SaCroYitU45au.tabs-item {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  transition: color 0.25s ease;
}
/*   ↳ dynamic — not statically extractable:
     justify-content: (p) => (p.$evenDist ? p.$align : "center")  [props: $evenDist, $align]
     flex: (p) => (p.$even || p.$evenDist ? "1" : "0 0 auto")  [props: $even, $evenDist]
   */
/* 00wjb2gz:SelectionHighlight */
.SaCnsPKVb6KN7.tabs-highlight {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  pointer-events: none;
}
/*   ↳ dynamic — not statically extractable:
     height: (p) => (p.$height > 0 ? `${p.$height}px` : "0")  [props: $height]
     width: (p) => (p.$width > 0 ? `${p.$width}px` : "0")  [props: $width]
     background: (p) => (p.$variant === "underline"
        ? "var(--color-primary)"
        : "var(--strata-float-color, rgba(255, 255, 255, 0.12))")  [props: $variant]
     border-radius: (p) => (p.$variant === "underline" ? "0" : "8px")  [props: $variant]
   */
/* 00wjb2gz:TabsRootX */
.SaCWJf3yqT6oZ.tabs-root {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-l);
  width: 100%;
}
/* 00wjb2gz:TabPanelsX */
.SaCGt9FDzhUl5.tabs-panels {
  position: relative;
  display: grid;
  width: 100%;
}
/* 00wjb2gz:TabPanelSurface */
.SaCVxSZnJ7YjM.tabs-panel {
  grid-area: 1 / 1;
  min-width: 0;
}
/*   ↳ dynamic — not statically extractable:
     display: (p) => (p.$visible ? "block" : "none")  [props: $visible]
   */
/* 01abpz87:ColorWheelX */
.SaCmqzkaTTY5Y.colorwheel {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}
/* 01abpz87:CenterOuter */
.SaCRQtVMD7WPF.colorwheel-center {
  position: relative;
  z-index: 2;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  padding: 0;
  border-radius: 0.75rem;
  overflow: visible;
  flex-shrink: 0;
}
/* 01abpz87:CenterInput (nested) */
.SaCJJU0z97UA2.colorwheel-center-input {
  position: absolute;
  z-index: 3;
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0.75rem;
  background: transparent;
  text-align: center;
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  outline: none;
  cursor: text;
  user-select: text;
}
.SaCJJU0z97UA2.colorwheel-center-input:focus-visible {
  outline: 2px solid var(--color-primary, #7c5cfc);
  outline-offset: 2px;
}
/* 01abpz87:RingSvg */
.SaCme1kq7TS2G.colorwheel-rings {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  pointer-events: none;
  overflow: visible;
}
/* 01abpz87:SegmentPath (nested) */
.SaCsXE8MPmh3b.colorwheel-segment {
  stroke: var(--color-border, rgba(255, 255, 255, 0.18));
  stroke-width: 0.5;
  cursor: pointer;
  pointer-events: auto;
  transition: filter 0.12s ease;
  will-change: transform, opacity;
}
.SaCsXE8MPmh3b.colorwheel-segment:hover {
  filter: brightness(1.3);
}
.SaCsXE8MPmh3b.colorwheel-segment:active {
  filter: brightness(1.55);
}
/* 01abpz87:CurrentRingPath */
.SaCcmu42tTYPo.colorwheel-current-ring {
  pointer-events: none;
}
/* 01abpz87:OuterRingGroup */
.SaCSGciZlWYpz.colorwheel-outer-ring {
  pointer-events: auto;
}
/* 01abpz87:InnerRingGroup */
.SaCn0Rnb1GHSy.colorwheel-inner-ring {
  pointer-events: auto;
}
/* 001zivly:AccordionRoot */
.SaC7UGgwVWhZY.accordion {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s);
}
/* 001zivly:AccordionItemRoot */
.SaCFw8QJi89kX.accordion-item {
  display: flex;
  flex-direction: column;
  background-color: var(--color-card);
  border: 1px solid var(--color-border);
  border-radius: var(--spacing-m);
  overflow: hidden;
}
/* 001zivly:AccordionHeaderRoot (nested) */
.SaCBcsZLk6pfA.accordion-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-m);
  width: 100%;
  padding: var(--spacing-m) var(--spacing-l);
  background: none;
  border: none;
  cursor: pointer;
  font: inherit;
  color: var(--color-foreground);
  text-align: left;
}
.SaCBcsZLk6pfA.accordion-header:hover {
  background: var(--color-muted, transparent);
}
/* 001zivly:AccordionBodyRoot */
.SaC5W0HYxxuMF.accordion-body {
  overflow: hidden;
}
/*   ↳ dynamic — not statically extractable:
     height: (p) => (p.$open ? p.$height : 0)px  [props: $open, $height]
     opacity: (p) => (p.$open ? 1 : 0)  [props: $open]
     transition: height (p) => p.$timems (p) => p.$bias, opacity (p) => p.$timems (p) => p.$bias  [props: $time, $bias]
   */
/* 001zivly:AccordionBodyContent */
.SaCSC2lPeIDzo.accordion-body-content {
  height: auto;
  overflow: hidden;
}
/* 01v9nb02:FlowX extends 00s9dyxm:Plette */
.SaC8ak1kMJsJN.flow.plette {
  box-sizing: border-box;
  display: flex;
}
/* 01v9nb02:FlowX (nested) */
.SaCBtxKsCqDjF.flow.plette {
  flex-direction: row;
  align-items: center;
}
@media (max-width: 768px) {
  .SaCBtxKsCqDjF.flow.plette {
    flex-direction: column;
    align-items: var(--sac-align-items-0);
  }
}
/* 00fejics:DrawerX */
.SaCpMTnLff5PW.drawerx {
  display: flex;
  flex: 1;
  position: absolute;
  z-index: 1200;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
/*   ↳ dynamic — not statically extractable:
     opacity: (p) => p.$initialized ? 1 : 0  [props: $initialized]
   */
/* 00fejics:Scrim */
.SaCTZm-RrR-5b.scrim {
  display: flex;
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.32);
  opacity: 0;
  z-index: 1199;
}
/*   ↳ dynamic — not statically extractable:
     pointer-events: (p) => (p.$open ? "auto" : "none")  [props: $open]
   */
/* 00fejics:Sheet (nested) */
.SaCWPFKP9Zqte.sheet {
  position: absolute;
  display: flex;
  flex-direction: column;
  color: var(--color-foreground);
  background: var(--color-popover);
  overflow: hidden;
  contain: paint;
  pointer-events: auto;
  z-index: 1200;
  border-radius: 0;
  outline: none;
}
.SaCWPFKP9Zqte.sheet:focus-visible {
  outline: 2px solid var(--color-ring);
  outline-offset: -2px;
}
/* 00fejics:Header */
.SaCUsSnwEGEz_.drawer-header {
  padding: 0px 16px;
  border-bottom: 1px solid var(--color-border);
  flex-shrink: 0;
}
/* 00fejics:DrawerContent */
.SaCJ4GEtoEH1k.drawer-content {
  display: flex;
  flex: 1;
  min-height: 0;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
  overflow-y: auto;
}
/* 00fejics:NavItem (nested) */
.SaCmERa5W-sLS.navitem {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 16px;
  height: 48px;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  outline: none;
  transition: color 0.15s, opacity 0.15s;
}
.SaCmERa5W-sLS.navitem::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--color-primary);
  opacity: var(--sac-opacity-0);
  transition: opacity 0.2s;
}
.SaCmERa5W-sLS.navitem:focus-visible {
  outline: 2px solid var(--color-ring);
  outline-offset: -2px;
}
/* 00fejics:NavIcon */
.SaCGfeiXYuw18.navicon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  font-size: 20px;
  color: inherit;
}
/* 00fejics:DrawerItemX */
.SaCMunRq2-Xia.draweritemx {
  display: flex;
  flex-direction: column;
  padding: 1rem 2rem;
}
/* 00fejics:ActiveIndicator */
.SaCWnBavHVRv9.activeindicator {
  position: absolute;
  right: 0;
  top: 50%;
  width: 3px;
  height: 24px;
  background: var(--color-primary);
  border-radius: 3px 0 0 3px;
}
/* 00fejics:SidebarPanel */
.SaCu1LJK-7GJR.sidebar-panel {
  display: flex;
  position: absolute;
  z-index: 1300;
  pointer-events: auto;
  background: var(--color-card);
}
/*   ↳ dynamic — not statically extractable:
     top: (p) => p.$placement === "bottom" ? "auto" : "0"  [props: $placement]
     left: (p) => p.$placement === "right" ? "auto" : "0"  [props: $placement]
     right: (p) => p.$placement === "left" ? "auto" : "0"  [props: $placement]
     bottom: (p) => p.$placement === "top" ? "auto" : "0"  [props: $placement]
     width: (p) => p.$placement === "left" || p.$placement === "right" ? `${SIDEBAR_WIDTH}px` : "auto"  [props: $placement]
     height: (p) => p.$placement === "top" || p.$placement === "bottom" ? `${SIDEBAR_WIDTH}px` : "auto"  [props: $placement]
     border-right: (p) => p.$placement === "left" ? "1px solid var(--color-border)" : "none"  [props: $placement]
     border-left: (p) => p.$placement === "right" ? "1px solid var(--color-border)" : "none"  [props: $placement]
     border-bottom: (p) => p.$placement === "top" ? "1px solid var(--color-border)" : "none"  [props: $placement]
     border-top: (p) => p.$placement === "bottom" ? "1px solid var(--color-border)" : "none"  [props: $placement]
   */
/* 00fejics:SidebarRail */
.SaCOR7eNNshzn.sidebar-rail {
  display: flex;
  flex: 1;
  gap: 4px;
  color: var(--color-foreground);
  align-items: center;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: (p) => p.$placement === "top" || p.$placement === "bottom" ? "row" : "column"  [props: $placement]
     padding: (p) => p.$placement === "top" || p.$placement === "bottom" ? "0 8px" : "8px 0"  [props: $placement]
     justify-content: (p) => p.$position === "center" ? "center" : p.$position === "end" ? "flex-end" : "flex-start"  [props: $position]
   */
/* 00fejics:SidebarItemX (nested) */
.SaC78227uS6AU.sidebar-itemx {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  border: none;
  position: relative;
  outline: none;
  padding: 0;
  transition: background 0.15s, color 0.15s, opacity 0.15s;
}
.SaC78227uS6AU.sidebar-itemx:hover:not(:disabled) {
  background: var(--sac-background-0);
}
.SaC78227uS6AU.sidebar-itemx:focus-visible {
  outline: 2px solid var(--color-ring);
  outline-offset: 2px;
}
/* 00fejics:SidebarIcon */
.SaCcqMBBgs0bt.sidebar-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 20px;
  color: inherit;
}
/* 012olmr8:HeaderX */
.SaCLKMgSu2mYO.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-m) var(--spacing-l);
}
/* 001imboq:HoverPanelSurfaceX */
.SaC7dWusDNHMk.hover-panel {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s);
  max-width: 100vw;
  overflow: hidden;
  background: var(--color-popover, #ffffff);
  color: var(--color-popover-fg, var(--color-foreground));
  border: var(--color-popover-border-width, 1px) solid var(--color-popover-border, var(--color-border));
  font-size: var(--color-popover-font-size, var(--font-p-size));
  box-shadow: var(--color-popover-box-shadow, 0 4px 16px #00000026);
  transition: opacity 120ms ease, transform 120ms ease;
}
/*   ↳ dynamic — not statically extractable:
     border-radius: ( p ) => p.$borderRadius ?? "var(--color-popover-border-radius, var(--spacing-s))"  [props: $borderRadius]
     padding: ( p ) => p.$padding ?? "var(--color-popover-padding, var(--spacing-l))"  [props: $padding]
     width: ( p ) => p.$width ?? "auto"  [props: $width]
     height: ( p ) => p.$height ?? "auto"  [props: $height]
     opacity: ( p ) => p.$open ? 1 : 0  [props: $open]
     visibility: ( p ) => p.$open ? "visible" : "hidden"  [props: $open]
     pointer-events: ( p ) => p.$open ? "auto" : "none"  [props: $open]
     transform: ( p ) => p.$open
		? "translateY(0) scale(1)"
		: `translateY(${p.$direction === "up" ? "6px" : "-6px"}) scale(0.98)`  [props: $open, $direction]
   */
/* 00k728cs:SectionX extends 003hg10h:SectionBlock */
.SaC4HA93zZuZP.section.section-block {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
}
/*   ↳ dynamic — not statically extractable:
     align-items: (p) => justifyContentMap[p.$alignment]  [props: $alignment]
     max-width: (p) => p.$spread ? "none" : p.$desktopMaxWidth ?? "var(--desktop-max-width, 100%)"  [props: $spread, $desktopMaxWidth]
     margin-left: (p) => p.$spread ? "0" : "auto"  [props: $spread]
     margin-right: (p) => p.$spread ? "0" : "auto"  [props: $spread]
   */
/* 01hk40sw:PopoutPanelTriggerX (nested) */
.SaCRisVN13Aed.popout-panel-trigger.sac-btn {
  appearance: none;
  position: relative;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  box-sizing: border-box;
  padding: 0;
  cursor: pointer;
  border-radius: var(--spacing-m);
  background: var(--color-card, transparent);
  transition: color 120ms ease, border-color 120ms ease, background 120ms ease;
}
.SaCRisVN13Aed.popout-panel-trigger.sac-btn:hover {
  color: var(--color-primary);
  border-color: var(--color-primary);
}
.SaCRisVN13Aed.popout-panel-trigger.sac-btn:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
/* 01hk40sw:PopoutPanelBadgeX */
.SaCxtjQud8kET.popout-panel-badge {
  position: absolute;
  top: var(--spacing-xs);
  right: var(--spacing-s);
  width: var(--spacing-s);
  height: var(--spacing-s);
  border-radius: 50%;
  background: var(--color-primary);
  border: var(--spacing-xxs) solid var(--color-popover, var(--color-card));
  pointer-events: none;
}
/* 01q8dp8y:RowX extends 01ecf4l6:Spread */
.SaCG5RqTGwP1M.row.spread {
  box-sizing: border-box;
  display: flex;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "row-reverse" : "row"  [props: $reverse]
     justify-content: (p) => justifyContentMap[p.$alignment]  [props: $alignment]
     gap: (p) => p.$gap ? p.$gap : "var(--spacing-m)"  [props: $gap]
     width: (p) => p.$width ? p.$width : "100%"  [props: $width]
     padding: (p) => p.$padding ? p.$padding : "unset"  [props: $padding]
     margin: (p) => p.$margin ? p.$margin : "0"  [props: $margin]
     border: (p) => `${p.$outline ? p.$outline : "0"} solid ${p.$outlineColor ? p.$outlineColor : "transparent"}`  [props: $outline, $outlineColor]
   */
/* 01r335yn:Trigger (nested) */
.SaCii8PtIdDIT.select-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
  padding: var(--strata-well-padding);
  border-style: solid;
  border-width: var(--strata-well-border-width);
  border-radius: var(--strata-well-border-radius);
  font-size: 0.875rem;
  font-family: inherit;
  outline: none;
}
.SaCii8PtIdDIT.select-trigger:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 1px;
}
/* 01r335yn:TriggerLabel */
.SaC6Dog8E86YZ.select-trigger-label {
  flex: 1;
  min-width: 0;
}
/*   ↳ dynamic — not statically extractable:
     text-align: (p) => (p.$align === "center" ? "center" : "left")  [props: $align]
   */
/* 01r335yn:OptionsPanel (nested) */
.SaCzzBSku1B_5.select-panel {
  max-height: 240px;
  overflow-y: auto;
  border: var(--strata-well-border-width) solid var(--strata-well-border-color-active);
  border-radius: var(--strata-well-border-radius);
  background: var(--strata-well-color);
  box-shadow: var(--color-popover-box-shadow);
  scrollbar-width: thin;
  scrollbar-color: var(--color-muted) transparent;
}
.SaCzzBSku1B_5.select-panel::-webkit-scrollbar {
  width: 8px;
}
.SaCzzBSku1B_5.select-panel::-webkit-scrollbar-track {
  background: transparent;
}
.SaCzzBSku1B_5.select-panel::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background-clip: content-box;
  background-color: var(--color-muted);
}
/* 01r335yn:Option (nested) */
.SaCQjqF67GEsP.select-option {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  padding: var(--strata-well-padding);
  border: none;
  background: transparent;
  font-size: 0.875rem;
  font-family: inherit;
  text-align: left;
}
.SaCQjqF67GEsP.select-option:hover:not(:disabled):not([data-selected="true"]) {
  background: var(--color-hover);
  color: var(--color-hover-fg);
}
.SaCQjqF67GEsP.select-option[data-selected="true"] {
  background: var(--color-selected);
  color: var(--color-selected-fg);
}
/* 01r335yn:OptionLabel */
.SaCGtWUh4ygCg.select-option-label {
  flex: 1;
  min-width: 0;
}
/*   ↳ dynamic — not statically extractable:
     text-align: (p) => (p.$align === "center" ? "center" : "left")  [props: $align]
   */
/* 01r335yn:Wrapper */
.SaCQ6P7kK0RYr.select-wrapper {
  position: relative;
  width: 100%;
}
/* 01r335yn:Placeholder */
.SaCdYQ5vSNhRF.select-placeholder {
  color: var(--color-placeholder);
}
/* 01r335yn:ChevronSvg */
.SaCv68NE6AXQJ.select-chevron {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  color: var(--color-muted-fg);
  transition: transform 150ms ease;
}
/*   ↳ dynamic — not statically extractable:
     transform: (p) => (p.$open ? "rotate(180deg)" : "rotate(0deg)")  [props: $open]
   */
/* 01r335yn:CheckMark */
.SaCLJ53M3600q.select-check {
  flex-shrink: 0;
  width: 12px;
  color: var(--color-selected-fg);
  font-size: 0.75rem;
  line-height: 1;
  text-align: center;
}
/*   ↳ dynamic — not statically extractable:
     visibility: (p) => (p.$visible ? "visible" : "hidden")  [props: $visible]
   */
/* 01r335yn:PanelWrapper */
.SaCweZY2QEpzj.select-panel-wrapper {
  position: fixed;
}
/*   ↳ dynamic — not statically extractable:
     left: (p) => p.$leftpx  [props: $left]
     width: (p) => p.$widthpx  [props: $width]
     top: (p) => (p.$top !== undefined ? `${p.$top}px` : "auto")  [props: $top]
     bottom: (p) => (p.$bottom !== undefined ? `${p.$bottom}px` : "auto")  [props: $bottom]
   */
/* 00elkmvq:ContextMenuHost */
.SaCjL2SALEL4N.contextmenu-host {
  display: block;
  box-sizing: border-box;
}
/* 00elkmvq:ContextMenuPanel */
.SaCNLzMbPRya4.contextmenu-panel {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-width: max-content;
  background: var(--color-popover);
  color: var(--color-popover-fg);
  border: var(--color-popover-border-width) solid var(--color-popover-border);
  border-radius: var(--color-popover-border-radius);
  font-size: var(--color-popover-font-size);
  box-shadow: var(--color-popover-box-shadow);
  padding: var(--color-popover-padding);
}
/*   ↳ dynamic — not statically extractable:
     visibility: ( p ) => ( p.$open ? "visible" : "hidden" )  [props: $open]
     opacity: ( p ) => ( p.$open ? "1" : "0" )  [props: $open]
     pointer-events: ( p ) => ( p.$open ? "auto" : "none" )  [props: $open]
   */
/* 00elkmvq:ContextMenuItemBase (nested) */
.SaCHjb5QyZrgQ.contextmenu-item {
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--spacing-s) var(--spacing-l);
  border: none;
  border-radius: var(--spacing-s);
  background: transparent;
  color: var(--color-popover-fg);
  font-family: inherit;
  font-size: var(--color-popover-font-size);
  cursor: pointer;
  text-align: left;
}
.SaCHjb5QyZrgQ.contextmenu-item:hover:not(:disabled) {
  background: var(--color-hover);
  color: var(--color-hover-fg);
}
.SaCHjb5QyZrgQ.contextmenu-item:disabled {
  color: var(--color-disabled-fg);
  cursor: not-allowed;
}
/* 0119zt5q:ColumnX extends 01ecf4l6:Roll */
.SaC-nlBlVIbC9.column.roll {
  box-sizing: border-box;
  display: flex;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
     justify-content: (p) => justifyContentMap[p.$alignment]  [props: $alignment]
     gap: (p) => p.$gap ? p.$gap : "var(--spacing-m)"  [props: $gap]
     width: (p) => p.$width ? p.$width : "auto"  [props: $width]
     padding: (p) => p.$padding ? p.$padding : "unset"  [props: $padding]
     margin: (p) => p.$margin ? p.$margin : "0"  [props: $margin]
     border: (p) => `${p.$outline ? p.$outline : "0"} solid ${p.$outlineColor ? p.$outlineColor : "transparent"}`  [props: $outline, $outlineColor]
   */
/* 01dxoj2k:PageFlowX extends 01ecf4l6:Roll */
.SaCM2rdXDLduW.pageflow.roll {
  box-sizing: border-box;
  display: flex;
  min-height: 0;
  min-width: 0;
  width: 100%;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
     align-items: (p) => justifyContentMap[p.$alignment]  [props: $alignment]
     --desktop-max-width: (p) => p.$desktopMaxWidth ?? "inherit"  [props: $desktopMaxWidth]
   */
/* 00w7srd8:NavPanelTriggerX (nested) */
.SaC_Ag7drt8dG.dd.dd-btn.navpanel-trigger.sac-btn {
  appearance: none;
  display: inline-flex;
  align-items: center;
  align-self: center;
  gap: var(--spacing-xs);
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: var(--spacing-xs);
  background: none;
  cursor: pointer;
  font: inherit;
  font-size: var(--font-p-size, 1rem);
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  transition: color 150ms ease;
}
.SaC_Ag7drt8dG.dd.dd-btn.navpanel-trigger.sac-btn:hover {
  color: var(--color-primary);
}
.SaC_Ag7drt8dG.dd.dd-btn.navpanel-trigger.sac-btn:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 4px;
}
/* 00w7srd8:NavPanelContentX extends 00s9dyxm:Plette */
.SaCdi0MM9SQfJ.navpanel-content.plette {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: var(--spacing-s);
}
/*   ↳ dynamic — not statically extractable:
     padding: ({ $padding, }) => $padding ? parseSpacial( $padding ) : "var(--spacing-l)"  [props: $padding]
   */
/* 00w7srd8:NavPanelChevronX */
.SaCtr0qTlqZ3q.navpanel-chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 275ms cubic-bezier(0.77, 0, 0.175, 1);
}
/*   ↳ dynamic — not statically extractable:
     transform: rotate(( p ) => p.$open ? "180deg" : "0deg")  [props: $open]
   */
/* 016fylcy:SurfaceViewport */
.SaC7YZ8w9RnBp {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}
/* 016fylcy:SurfaceContent */
.SaC0Flz0wjyXq {
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 0 0;
  will-change: transform;
}
/* 001650fm:TaskBarX */
.SaCj6FrwT-cl2 {
  position: absolute;
  display: flex;
  align-items: center;
  gap: var(--spacing-s);
  padding: var(--spacing-s);
  background: var(--color-card);
  border: 1px solid var(--color-border);
  z-index: var(--strata-float-z-index);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: (p) => (horizontal(p.$placement) ? "row" : "column")  [props: $placement]
     justify-content: (p) => alignmentMap[p.$alignment]  [props: $alignment]
     top: (p) => (p.$placement === "top" ? "0" : "auto")  [props: $placement]
     bottom: (p) => (p.$placement === "bottom" ? "0" : "auto")  [props: $placement]
     left: (p) => (p.$placement === "left" || p.$placement === "bottom" ? "0" : "auto")  [props: $placement]
     right: (p) => (p.$placement === "right" || p.$placement === "top" ? "0" : "auto")  [props: $placement]
   */
/* 01f4ncqg:ToolTipBubble */
.SaClNQWdvhsB3.tooltip-bubble {
  background: var(--color-popover);
  color: var(--color-popover-fg);
  border: var(--color-popover-border-width, 1px) solid var(--color-popover-border, var(--color-border));
  border-radius: var(--color-popover-border-radius, var(--radius-md));
  padding: var(--color-popover-padding, 6px 10px);
  font-size: var(--color-popover-font-size, var(--font-size-sm));
  font-family: var(--font-p-family);
  line-height: 1.4;
  max-width: 350px;
  pointer-events: none;
  box-shadow: var(--color-popover-box-shadow, none);
  transition: opacity 750ms ease;
}
/*   ↳ dynamic — not statically extractable:
     opacity: (p) => p.$fadeIn ? "1" : "0"  [props: $fadeIn]
   */
/* 00hzjs10:MeasureWrap */
.SaCAJ-LeVG5lA.stacked-overlay-measure {
  display: inline-grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  pointer-events: none;
}
/* 00hzjs10:MeasureChild */
.SaCAvuUb_3pcX {
  grid-column: 1;
  grid-row: 1;
  pointer-events: none;
}
/* 00hzjs10:OverlayRoot */
.SaCVN65BS2voF.stacked-overlay-root {
  position: relative;
  overflow: hidden;
  pointer-events: none;
}
/* 00hzjs10:OverlayLayer */
.SaCNcWTu_bO1o.stacked-overlay-layer {
  position: absolute;
  top: 0;
  left: 0;
}
/*   ↳ dynamic — not statically extractable:
     pointer-events: (p) => (p.$active ? "all" : "none")  [props: $active]
     z-index: (p) => p.$zIndex  [props: $zIndex]
     width: (p) => p.$widthpx  [props: $width]
     height: (p) => p.$heightpx  [props: $height]
   */
/* 003l0wsk:ViewStackStageX */
.SaCvQdfk65v7u {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/* 003l0wsk:ViewContentX */
.SaCP2Jh6PaFHg {
  position: absolute;
  inset: 0;
}
/*   ↳ dynamic — not statically extractable:
     opacity: (p) => (p.$active ? "1" : "0")  [props: $active]
     visibility: (p) => (p.$active ? "visible" : "hidden")  [props: $active]
     z-index: (p) => (p.$active ? "1" : "0")  [props: $active]
   */
/* 01n55f3m:TableRootX extends 01ecf4l6:Roll */
.SaCMLe9OEPMMz.roll.table {
  box-sizing: border-box;
  display: flex;
  --table-columns: minmax(0, 1fr);
  width: 100%;
  min-width: 0;
  gap: var(--spacing-s);
  font-size: var(--font-size-sm);
  color: var(--color-foreground);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 01n55f3m:TableCaptionX extends 00s9dyxm:Plette */
.SaCHqNTfrCQny.plette.table-caption {
  box-sizing: border-box;
  display: flex;
  color: var(--color-muted-fg);
  font-size: var(--font-size-sm);
}
/* 01n55f3m:TableViewportX extends 00s9dyxm:Plette */
.SaCreDAYZRtxm.plette.table-viewport {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: visible;
}
/* 01n55f3m:TableGridX extends 01ecf4l6:Roll */
.SaCVQxcy5ICV8.roll.table-grid {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  min-width: 0;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 01n55f3m:TableHeadRowX extends 0059wt3m:GridBlock */
.SaCpvnqR8c-C6.grid-block.table-head-row {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: var(--table-columns);
  gap: var(--spacing-s);
  padding: var(--spacing-s) 0;
  border-bottom: 1px solid var(--color-border);
}
/* 01n55f3m:TableHeadCellX extends 00s9dyxm:Plette */
.SaCCFIYVNTICS.plette.table-head-cell {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  min-width: 0;
  font-weight: 400;
  color: var(--color-muted-fg);
}
/*   ↳ dynamic — not statically extractable:
     justify-content: (p) => justifyFor(p.$align)  [props: $align]
     text-align: (p) => p.$align  [props: $align]
   */
/* 01n55f3m:TableSortButtonX (nested) */
.SaC_jfEcNE-h2.sac-btn.table-sort-button {
  align-items: center;
  gap: var(--spacing-xxs);
  min-width: 0;
  padding: 0;
  border: none;
  background: transparent;
  font: inherit;
  font-weight: 400;
  color: var(--color-muted-fg);
  cursor: pointer;
  user-select: none;
}
.SaC_jfEcNE-h2.sac-btn.table-sort-button:hover {
  color: var(--color-foreground);
}
.SaC_jfEcNE-h2.sac-btn.table-sort-button:focus-visible {
  outline: 2px solid var(--color-ring);
  outline-offset: 2px;
}
/* 01n55f3m:TableSortIconX extends 00s9dyxm:Plette */
.SaCDkbCWkBD9H.plette.table-sort-icon {
  box-sizing: border-box;
  display: flex;
  flex: none;
  transition: transform 150ms ease, opacity 150ms ease;
}
/*   ↳ dynamic — not statically extractable:
     color: (p) => (p.$direction ? "var(--color-foreground)" : "var(--color-muted-fg)")  [props: $direction]
     opacity: (p) => (p.$direction ? "1" : "0.4")  [props: $direction]
     transform: rotate((p) => (p.$direction === "desc" ? "180deg" : "0deg"))  [props: $direction]
   */
/* 01n55f3m:TableBodyRowX extends 0059wt3m:GridBlock */
.SaCOmUDUHBtxI.grid-block.table-body-row {
  box-sizing: border-box;
  display: grid;
}
/* 01n55f3m:TableBodyRowX (nested) */
.SaC-hNMWxFBJT.grid-block.table-body-row {
  grid-template-columns: var(--table-columns);
  gap: var(--spacing-s);
  align-items: start;
  padding: var(--spacing-s) 0;
  border-bottom: 1px solid var(--color-border);
}
.SaC-hNMWxFBJT.grid-block.table-body-row:last-child {
  border-bottom: none;
}
/* 01n55f3m:TableCellX extends 00s9dyxm:Plette */
.SaC3bVqORdpyI.plette.table-cell {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
  min-width: 0;
  color: var(--color-foreground);
}
/*   ↳ dynamic — not statically extractable:
     align-items: (p) => (p.$align === "center" ? "center" : p.$align === "end" ? "flex-end" : "flex-start")  [props: $align]
     text-align: (p) => p.$align  [props: $align]
   */
/* 01n55f3m:TableEmptyX extends 00s9dyxm:Plette */
.SaCgqAiXCk3Jy.plette.table-empty {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-xl);
  color: var(--color-muted-fg);
}
/* 01n55f3m:TablePaginationX extends 01ecf4l6:Spread */
.SaC_Sz2FtnE6j.spread.table-pagination {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-m);
  padding-top: var(--spacing-s);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "row-reverse" : "row"  [props: $reverse]
   */
/* 01n55f3m:TableResultsX extends 00s9dyxm:Plette */
.SaCyAU5wBzC0S.plette.table-results {
  box-sizing: border-box;
  display: flex;
  color: var(--color-muted-fg);
  font-size: var(--font-size-sm);
}
/* 01n55f3m:TablePageBarX extends 01ecf4l6:Spread */
.SaC0sluGCASdC.spread.table-page-bar {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "row-reverse" : "row"  [props: $reverse]
     justify-content: ({ $spread, }) => $spread || "space-between"  [props: $spread]
   */
/* 01n55f3m:TablePageButtonX (nested) */
.SaCS-kmpmUhJN.sac-btn.table-page-button {
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
  padding: 0 var(--spacing-xs);
  border-radius: var(--spacing-s);
  font: inherit;
  font-size: var(--font-size-sm);
  cursor: pointer;
}
.SaCS-kmpmUhJN.sac-btn.table-page-button:hover:not(:disabled) {
  border-color: var(--color-primary);
}
.SaCS-kmpmUhJN.sac-btn.table-page-button:disabled {
  color: var(--color-muted-fg);
  cursor: not-allowed;
}
.SaCS-kmpmUhJN.sac-btn.table-page-button:focus-visible {
  outline: 2px solid var(--color-ring);
  outline-offset: 2px;
}
/* 01n55f3m:TablePageGapX extends 00s9dyxm:Plette */
.SaCtrcl_aC1cP.plette.table-page-gap {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
  color: var(--color-muted-fg);
}
/* 016lqk1m:PopoutMenuTrigger (nested) */
.SaCHcbWx1UGX5.popoutmenu-trigger {
  display: flex;
  align-items: center;
  gap: var(--spacing-s);
  cursor: pointer;
  user-select: none;
  background: var(--color-popover, var(--color-card));
  border: 1px solid var(--color-border, #272730);
  padding: var(--spacing-s) var(--spacing-m);
  box-sizing: border-box;
}
.SaCHcbWx1UGX5.popoutmenu-trigger:hover {
  opacity: 0.8;
}
/* 016lqk1m:PopoutMenuRoot */
.SaCFyp2_6fi7V.popoutmenu-root {
  position: relative;
  display: inline-flex;
}
/*   ↳ dynamic — not statically extractable:
     filter: (p) => (p.$open ? "drop-shadow(0 4px 16px rgba(0, 0, 0, 0.24))" : "none")  [props: $open]
   */
/* 016lqk1m:PopoutMenuPanel */
.SaCV3wqfhro56.popoutmenu-panel {
  display: flex;
  flex-direction: column;
  background: var(--color-popover, var(--color-card));
  border: 1px solid var(--color-border, #272730);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.24);
  padding: var(--spacing-s) 0;
  box-sizing: border-box;
}
/*   ↳ dynamic — not statically extractable:
     visibility: (p) => (p.$open ? "visible" : "hidden")  [props: $open]
     opacity: (p) => (p.$open ? "1" : "0")  [props: $open]
     pointer-events: (p) => (p.$open ? "auto" : "none")  [props: $open]
     min-width: (p) =>
        p.$direction === "up" || p.$direction === "down" ? `${p.$measuredSize}px` : "max-content"  [props: $direction, $measuredSize]
     min-height: (p) =>
        p.$direction === "left" || p.$direction === "right" ? `${p.$measuredSize}px` : "auto"  [props: $direction, $measuredSize]
     border-radius: (p) => {
        switch (p.$direction) {
            case "down":  return `0 0 ${RADIUS} ${RADIUS}`;
            case "up":    return `${RADIUS} ${RADIUS} 0 0`;
            case "right": return `0 ${RADIUS} ${RADIUS} 0`;
            case "left":  return `${RADIUS} 0 0 ${RADIUS}`;
        }
    }  [props: $direction]
     border-top: (p) => (p.$direction === "down" ? "none" : BORDER)  [props: $direction]
     border-bottom: (p) => (p.$direction === "up" ? "none" : BORDER)  [props: $direction]
     border-right: (p) => (p.$direction === "right" ? "none" : BORDER)  [props: $direction]
     border-left: (p) => (p.$direction === "left" ? "none" : BORDER)  [props: $direction]
   */
/* 016lqk1m:PopoutMenuLabel */
.SaCyxpwjHcoMN.popoutmenu-label {
  font-size: var(--font-size-body);
  color: var(--color-foreground);
  white-space: nowrap;
}
/*   ↳ dynamic — not statically extractable:
     align-self: (p) => p.$align  [props: $align]
   */
/* 00ab616s:StatePanelX extends 01ecf4l6:MaxSpace */
.SaCYSkQ1wdkgj.max-space.state-panel {
  box-sizing: border-box;
  display: grid;
  width: 100%;
  height: 100%;
}
/* 00ab616s:StatePanelItemX extends 01ecf4l6:MaxSpace */
.SaCA_eLlOzTtW.max-space.state-panel-item {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  height: 100%;
  grid-area: 1 / 1;
}
/*   ↳ dynamic — not statically extractable:
     z-index: (p) => (p.$active ? "1" : "0")  [props: $active]
     pointer-events: (p) => (p.$active ? "auto" : "none")  [props: $active]
   */
/* 002tkttu:PanelX extends 00s9dyxm:Plette */
.SaCiMg5XtUsQk.panel.plette {
  box-sizing: border-box;
  display: flex;
  overflow: hidden;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: (p) => p.$direction  [props: $direction]
     flex: (p) => (p.$flexible ? "1" : "none")  [props: $flexible]
     min-height: ({ $height, }) => $height || `0`  [props: $height]
     height: (p) => (p.$height ? p.$height : "auto")  [props: $height]
     margin: (p) => p.$margin ?? "0"  [props: $margin]
     border-radius: (p) => p.$borderRadius ?? "0"  [props: $borderRadius]
   */
/* 01a4izoa:RuledPanelX */
.SaCA1MchOD_pD.ruled-panel {
  display: flex;
  flex: 1;
  position: relative;
  overflow: hidden;
}
/* 01a4izoa:RuledPanelContentX */
.SaC0sNMingtNj.ruled-panel-content {
  position: absolute;
  overflow: hidden;
  display: flex;
}
/*   ↳ dynamic — not statically extractable:
     left: (p) => p.$leftpx  [props: $left]
     right: (p) => p.$rightpx  [props: $right]
     top: (p) => p.$toppx  [props: $top]
     bottom: (p) => p.$bottompx  [props: $bottom]
   */
/* 01a4izoa:RulerX */
.SaCQDoNqE5a8A.ruler {
  position: absolute;
  z-index: 1;
}
/* 01a4izoa:RulerLeftX extends 01a4izoa:RulerX */
.SaCDgNGHUewOU.ruler.ruler-left {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  bottom: 0;
  width: 8px;
  cursor: ew-resize;
}
/*   ↳ dynamic — not statically extractable:
     transform: translateX((p) => p.$inset - 4px)  [props: $inset]
   */
/* 01a4izoa:RulerRightX extends 01a4izoa:RulerX */
.SaChkfNhYCqp7.ruler.ruler-right {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  bottom: 0;
  width: 8px;
  cursor: ew-resize;
}
/*   ↳ dynamic — not statically extractable:
     transform: translateX((p) => -(p.$inset - 4)px)  [props: $inset]
   */
/* 01a4izoa:RulerTopX extends 01a4izoa:RulerX */
.SaCVtgeqtCZkZ.ruler.ruler-top {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  height: 8px;
  cursor: ns-resize;
}
/*   ↳ dynamic — not statically extractable:
     transform: translateY((p) => p.$inset - 4px)  [props: $inset]
   */
/* 01a4izoa:RulerBottomX extends 01a4izoa:RulerX */
.SaCKvkQ7ZgjHy.ruler.ruler-bottom {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  right: 0;
  height: 8px;
  cursor: ns-resize;
}
/*   ↳ dynamic — not statically extractable:
     transform: translateY((p) => -(p.$inset - 4)px)  [props: $inset]
   */
/* 01a4izoa:RulerLineX (nested) */
.SaCz-venx7x0I.ruler-line {
  width: 100%;
  height: 100%;
  background: var(--color-primary, #7c3aed);
  opacity: 0.5;
  border-radius: 2px;
  transition: opacity 0.15s;
}
.SaCz-venx7x0I.ruler-line:hover {
  opacity: 0.9;
}
/* 00fkaq0q:RibbonX extends 01ecf4l6:NoOverflow */
.SaCpas13DqjmB.no-overflow.ribbon {
  box-sizing: border-box;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  position: sticky;
  top: 0;
  z-index: var(--strata-float-z-index);
  width: 100%;
  background: var(--color-secondary);
  color: var(--color-secondary-fg);
}
/* 00fkaq0q:RibbonWrapX extends 01ecf4l6:Centered */
.SaCMsgDuE42EQ.centered.ribbon-wrap {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  flex-wrap: wrap;
  gap: var(--spacing-m);
  padding-block: var(--spacing-s);
  padding-inline: var(--spacing-l);
  text-align: center;
  font-family: var(--font-p-family);
  font-size: var(--font-p-size);
  line-height: 1.3;
}
/* 00fkaq0q:RibbonTitleX */
.SaCPPhEWa17Kc.ribbon-title {
  display: inline-flex;
  align-items: center;
  flex: none;
  padding: var(--spacing-xs) var(--spacing-s);
  border-radius: 4px;
  background: var(--color-primary);
  color: var(--color-primary-fg);
  font-family: var(--font-digit-family);
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  white-space: nowrap;
}
/* 00fkaq0q:RibbonMessageX */
.SaCnJlCkODR1W.ribbon-message {
  flex: 0 1 auto;
  min-width: 0;
}
/* 00fkaq0q:RibbonLinkX (nested) */
.SaCf-EvO91vh7.ribbon-link {
  flex: none;
  color: var(--color-primary);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
  white-space: nowrap;
}
.SaCf-EvO91vh7.ribbon-link:hover {
  text-decoration-thickness: 2px;
}
.SaCf-EvO91vh7.ribbon-link:focus-visible {
  outline: 2px solid var(--color-ring);
  outline-offset: 2px;
}
/* 0089u9oy:NotificationDrawerX extends 00s9dyxm:Plette */
.SaCLtf8laX3Oc.notification-drawer.plette {
  box-sizing: border-box;
  display: flex;
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-m, 0.75rem);
  overflow: hidden;
  color: rgb(255, 255, 255);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
  z-index: 1300;
}
/*   ↳ dynamic — not statically extractable:
     background: (p) => severityBackground[p.$severity]  [props: $severity]
   */
/* 0089u9oy:NotificationLabel */
.SaCDDjw1bKe8x.notification-label {
  flex: 0 0 auto;
  font-weight: 700;
  text-transform: capitalize;
  letter-spacing: 0.04em;
}
/* 0089u9oy:NotificationMessage */
.SaCClaz4t3a5c.notification-message {
  flex: 1 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* 0089u9oy:NotificationClose (nested) */
.SaCTogw0AXUjy.notification-close {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  border: none;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.22);
  color: rgb(255, 255, 255);
  font-size: 0.85rem;
  line-height: 1;
  cursor: pointer;
  transition: background 150ms ease;
}
.SaCTogw0AXUjy.notification-close:hover {
  background: rgba(255, 255, 255, 0.38);
}
/* 01qrszyw:TaskLabelX */
.SaCLCBs79O0MO {
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}
/* 01ivhs37:TaskBarTaskX (nested) */
.SaCpSSuDvtrUI.taskbar-task {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-s);
  min-width: 40px;
  min-height: 40px;
  padding: var(--spacing-s) var(--spacing-m);
  border-radius: var(--spacing-m);
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.SaCpSSuDvtrUI.taskbar-task:hover {
  background: var(--color-muted);
  color: var(--color-foreground);
}
.SaCpSSuDvtrUI.taskbar-task:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
/* 01ivhs37:TaskLabelX */
.SaCXsUd-wBIZV.taskbar-task-label {
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}
/* 01869rzw:ModalScrim extends 01ecf4l6:Centered */
.SaCxdSvqJKUP7.centered.modal-scrim {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  inset: 0;
  padding: var(--spacing-xl);
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(3px);
}
/* 01869rzw:ModalPanel (nested) */
.SaCmVBLb3wPmZ.modal-panel {
  display: flex;
  flex-direction: column;
  width: var(--modal-panel-width, min(560px, 100%));
  max-width: 90vw;
  max-height: calc(100vh - 40px);
  overflow: hidden;
  background: var(--color-card);
  border-radius: var(--color-popover-border-radius);
  box-shadow: 0 40px 90px -30px #00000066;
}
@media (max-width: 768px) {
  .SaCmVBLb3wPmZ.modal-panel {
    width: 100%;
    max-width: 100%;
  }
}
/* 01869rzw:ModalHead */
.SaC0p9vr6vqjA.modal-head {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-m);
  padding: 18px 22px;
  border-bottom: 1px solid var(--color-border);
  background: var(--color-card);
}
/* 01869rzw:ModalTitle */
.SaC34kgVeTGO8.modal-title {
  margin: 0;
  font-size: var(--font-h3-size, 19px);
  font-weight: var(--font-h3-weight, 500);
  color: var(--color-foreground);
}
/* 01869rzw:ModalClose (nested) */
.SaCGG2yWvk1ZP.modal-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-xs);
  appearance: none;
  border: 0;
  border-radius: var(--spacing-xs);
  background: none;
  color: var(--color-muted-fg);
  cursor: pointer;
}
.SaCGG2yWvk1ZP.modal-close:hover {
  color: var(--color-foreground);
}
/* 01869rzw:ModalBody */
.SaCnOH3VCVS9F.modal-body {
  flex: none;
  width: 100%;
}
/* 01869rzw:ModalFoot extends 00s9dyxm:Plette */
.SaCenfN3h7aqm.modal-foot.plette {
  box-sizing: border-box;
  display: flex;
  flex: none;
  width: 100%;
  min-height: var(--spacing-l);
  align-items: center;
  justify-content: flex-end;
  gap: var(--spacing-m);
  padding: var(--spacing-l) 22px;
  border-top: 1px solid var(--color-border);
  background: var(--color-card);
}
/* 00zq9zou:ViewFrameX */
.SaCS-nf0Dm6IR.viewframe {
  display: flex;
  flex: 1;
  position: relative;
  flex-direction: column;
  overflow: hidden;
}
/*   ↳ dynamic — not statically extractable:
     width: (p) => p.$width ? `${p.$width}` : `auto`  [props: $width]
     min-width: (p) => p.$width ? `${p.$width}` : `auto`  [props: $width]
     max-width: (p) => p.$width ? `${p.$width}` : `none`  [props: $width]
     height: (p) => p.$height ? `${p.$height}` : `auto`  [props: $height]
     min-height: (p) => p.$height ? `${p.$height}` : `auto`  [props: $height]
     max-height: (p) => p.$height ? `${p.$height}` : `none`  [props: $height]
     padding: (p) => p.$padding ?? "0"  [props: $padding]
     margin: (p) => p.$margin ?? "0"  [props: $margin]
   */
/* 00zq9zou:ViewFrameContentX (nested) */
.SaCdzdcRv1U-3.viewframe-content {
  display: flex;
  flex: 1;
  overflow: auto;
  scrollbar-width: none;
  overscroll-behavior: contain;
}
.SaCdzdcRv1U-3.viewframe-content::-webkit-scrollbar {
  display: none;
}
/* 00zq9zou:VFScrollerX */
.SaCTHOMOVhZ_Y.viewframe-scroll {
  display: flex;
  flex: 1;
  position: absolute;
}
/* 00zq9zou:HorizVFScrollerX extends 00zq9zou:VFScrollerX */
.SaClaR5gFWx5E.x {
  display: flex;
  flex: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--color-popover);
}
/*   ↳ dynamic — not statically extractable:
     min-height: (p) => `${p.size === undefined ? 10 : p.size}px`  [props: ]
     max-height: (p) => `${p.size === undefined ? 10 : p.size}px`  [props: ]
     margin: 0 (p) => p.$scrollPadding ?? "0" (p) => p.$scrollPadding ?? "0"  [props: $scrollPadding]
   */
/* 00zq9zou:VertVFScrollerX extends 00zq9zou:VFScrollerX */
.SaC9mEE5UnIvy.y {
  display: flex;
  flex: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background: var(--color-popover);
}
/*   ↳ dynamic — not statically extractable:
     min-width: (p) => `${p.size === undefined ? 10 : p.size}px`  [props: ]
     max-width: (p) => `${p.size === undefined ? 10 : p.size}px`  [props: ]
     margin: 0 (p) => p.$scrollPadding ?? "0" 0 0  [props: $scrollPadding]
   */
/* 00zq9zou:HorizVFThumbX */
.SaCjYFeNhYCzI.vf-h-thumb {
  position: absolute;
  bottom: 0;
  height: 100%;
  background: var(--color-paper-fg, #8A9A98);
  border-radius: var(--spacing-s);
  cursor: pointer;
}
/*   ↳ dynamic — not statically extractable:
     left: (p) => `${p.$left}px`  [props: $left]
     width: (p) => `${p.$width}px`  [props: $width]
   */
/* 00zq9zou:VertVFThumbX */
.SaC4ze62O5xDX.vf-v-thumb {
  position: absolute;
  right: 0;
  width: 50%;
  margin: var(--spacing-xs);
  background: var(--color-paper-fg, #8A9A98);
  border-radius: var(--spacing-s);
  cursor: pointer;
}
/*   ↳ dynamic — not statically extractable:
     top: (p) => `${p.$top}px`  [props: $top]
     height: (p) => `${p.$height}px`  [props: $height]
   */
/* 00awrqc8:AnonPageX extends 01ecf4l6:Roll */
.SaC3kHh1xikQx.anon-dashboard-page.roll {
  box-sizing: border-box;
  display: flex;
  gap: var(--spacing-xl);
  padding: var(--spacing-l);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 00awrqc8:PageHeadX extends 00s9dyxm:Plette */
.SaCxqcUVhmkgT.anon-dashboard-page-head.plette {
  box-sizing: border-box;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--spacing-m);
  flex-wrap: wrap;
}
/* 00awrqc8:ExplainerGridX extends 00s9dyxm:Plette */
.SaCGvG8QlCzcQ.anon-dashboard-explainer-grid.plette {
  box-sizing: border-box;
  display: flex;
}
/* 00awrqc8:ExplainerGridX (nested) */
.SaCXwziCV0CUX.anon-dashboard-explainer-grid.plette {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--spacing-m);
}
@media (max-width: 900px) {
  .SaCXwziCV0CUX.anon-dashboard-explainer-grid.plette {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 560px) {
  .SaCXwziCV0CUX.anon-dashboard-explainer-grid.plette {
    grid-template-columns: 1fr;
  }
}
/* 00awrqc8:IconWellX extends 01ecf4l6:Centered */
.SaCV3HGuUptQv.anon-dashboard-icon-well.centered {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: var(--color-primary-fg);
  color: var(--color-primary);
}
/* 00awrqc8:CardHeadX extends 00s9dyxm:Plette */
.SaCq6UObOfnet.anon-dashboard-card-head.plette {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-s);
}
/* 00awrqc8:FeaturedGridX extends 00s9dyxm:Plette */
.SaCzCetMj86CG.anon-dashboard-featured-grid.plette {
  box-sizing: border-box;
  display: flex;
}
/* 00awrqc8:FeaturedGridX (nested) */
.SaCjGBxfkfG5r.anon-dashboard-featured-grid.plette {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-l);
}
@media (max-width: 720px) {
  .SaCjGBxfkfG5r.anon-dashboard-featured-grid.plette {
    grid-template-columns: 1fr;
  }
}
/* 00awrqc8:OnboardingDashX extends 01ecf4l6:Roll */
.SaCKL6dLfddv6.onboarding-dashboard-page.roll {
  box-sizing: border-box;
  display: flex;
  gap: var(--spacing-xl);
  padding: var(--spacing-l);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 00awrqc8:OnboardingPendingCardX extends 00s9dyxm:Plette */
.SaCb777odWBxp.onboarding-dashboard-pending-card.plette {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-m);
  width: 100%;
  padding: var(--spacing-l);
  border: 1px solid var(--color-border);
  border-radius: var(--spacing-m);
  background: var(--color-card);
}
/* 00awrqc8:OnboardingPendingHeadX extends 01ecf4l6:Spread */
.SaCX7REy329W8.onboarding-dashboard-pending-head.spread {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-s);
  flex-wrap: wrap;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "row-reverse" : "row"  [props: $reverse]
   */
/* 00awrqc8:OnboardingEmptyX extends 01ecf4l6:Centered */
.SaCRVxhg65N5E.centered.onboarding-dashboard-empty {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: var(--spacing-xs);
  padding: var(--spacing-xl) var(--spacing-m);
  color: var(--color-text-dim);
  text-align: center;
}
/* 00awrqc8:AuthPageX extends 01ecf4l6:Roll */
.SaCkrBMz3onMk.auth-dashboard-page.roll {
  box-sizing: border-box;
  display: flex;
  gap: var(--spacing-xl);
  padding: var(--spacing-l);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 00awrqc8:AuthHeadX extends 01ecf4l6:Spread */
.SaCQIXIpR4a_0.auth-dashboard-head.spread {
  box-sizing: border-box;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--spacing-m);
  flex-wrap: wrap;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "row-reverse" : "row"  [props: $reverse]
   */
/* 00awrqc8:AuthStackX extends 01ecf4l6:Roll */
.SaCV8dGkH9ooV.auth-dashboard-stack.roll {
  box-sizing: border-box;
  display: flex;
  gap: var(--spacing-m);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 00awrqc8:AuthCardX extends 00s9dyxm:Plette */
.SaCYLBaFsyCQ3.auth-dashboard-card.plette {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s);
  width: 100%;
  min-width: 0;
  padding: var(--spacing-l);
  border: 1px solid var(--color-border);
  border-radius: var(--spacing-m);
  background: var(--color-card);
}
/* 00awrqc8:EyebrowX */
.SaCrVBrwtb1_z {
  display: block;
  margin: 0;
  text-transform: uppercase;
}
/* 00awrqc8:FigureX */
.SaCMSoYfXlQvS {
  margin: 0;
  line-height: 1;
}
/* 00awrqc8:DeltaX */
.SaC5aZnEWxsYm {
  margin: 0;
  font-size: var(--font-size-sm);
  color: var(--color-constructive);
}
/* 00awrqc8:MetaX */
.SaCpokvNM98mk {
  margin: 0;
  font-size: var(--font-size-sm);
  color: var(--color-text-dim);
}
/* 00awrqc8:ChartX extends 01ecf4l6:Centered */
.SaC3wm0I2dv8W.auth-dashboard-chart.centered {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: var(--spacing-xs);
  width: 100%;
  height: 240px;
  border: 1px dashed var(--color-border);
  border-radius: var(--spacing-m);
  background: var(--color-paper);
  color: var(--color-text-dim);
  text-align: center;
}
/* 00awrqc8:StatGridX extends 0059wt3m:GridBlock */
.SaCmYzpQquovh.auth-dashboard-stat-grid.grid-block {
  box-sizing: border-box;
  display: grid;
}
/* 00awrqc8:StatGridX (nested) */
.SaCf-QlUkmdr1.auth-dashboard-stat-grid.grid-block {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--spacing-m);
}
@media (max-width: 900px) {
  .SaCf-QlUkmdr1.auth-dashboard-stat-grid.grid-block {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 560px) {
  .SaCf-QlUkmdr1.auth-dashboard-stat-grid.grid-block {
    grid-template-columns: 1fr;
  }
}
/* 00awrqc8:StatCardX extends 00s9dyxm:Plette */
.SaChNVDeutIvL.plette {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
  padding: var(--spacing-m);
  border: 1px solid var(--color-border);
  border-radius: var(--spacing-m);
  background: var(--color-card);
}
/* 00awrqc8:StatLabelX */
.SaCHwcHsxfmAE {
  margin: 0;
  text-transform: uppercase;
}
/* 00awrqc8:StatValueX */
.SaCdKgmmWC6oD {
  margin: 0;
  line-height: 1.05;
}
/* 00awrqc8:SplitX extends 0059wt3m:GridBlock */
.SaCjE3EI804hZ.auth-dashboard-split.grid-block {
  box-sizing: border-box;
  display: grid;
}
/* 00awrqc8:SplitX (nested) */
.SaCDQCmeVCxBG.auth-dashboard-split.grid-block {
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: var(--spacing-m);
  align-items: start;
}
@media (max-width: 1180px) {
  .SaCDQCmeVCxBG.auth-dashboard-split.grid-block {
    grid-template-columns: 1fr;
  }
}
/* 00awrqc8:MonoX */
.SaCrc-LZZxrSS {
  margin: 0;
  font-family: var(--font-digit-family);
  font-size: var(--font-size-sm);
  color: var(--color-text-dim);
}
/* 00awrqc8:NumX */
.SaC_nv_9O0dMU {
  margin: 0;
  font-family: var(--font-digit-family);
  font-variant-numeric: tabular-nums;
  color: var(--color-foreground);
}
/* 00awrqc8:GainX */
.SaC7dV5xoaOt6 {
  margin: 0;
  font-family: var(--font-digit-family);
  font-variant-numeric: tabular-nums;
}
/*   ↳ dynamic — not statically extractable:
     color: ({ $tone, }) => $tone === "positive" ? "var(--color-constructive)" : $tone === "negative" ? "var(--color-destructive)" : "var(--color-muted-fg)"  [props: $tone]
   */
/* 00awrqc8:AllocBarX extends 00s9dyxm:Plette */
.SaC2h-W90q7BC.auth-dashboard-alloc-bar.plette {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  height: 12px;
  border-radius: 9999px;
  overflow: hidden;
  background: var(--color-muted);
}
/* 00awrqc8:KvRowX (nested) */
.SaCAKFoo92Zrt.spread {
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-m);
  padding: var(--spacing-xs) 0;
  border-bottom: 1px solid var(--color-border);
}
.SaCAKFoo92Zrt.spread:last-child {
  border-bottom: none;
}
/* 00awrqc8:AlertListX extends 01ecf4l6:Roll */
.SaCawqzQEoPJ8.roll {
  box-sizing: border-box;
  display: flex;
  gap: var(--spacing-s);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 00awrqc8:AlertRowX (nested) */
.SaCICSSOL98wg.spread {
  align-items: flex-start;
  gap: var(--spacing-m);
  padding: var(--spacing-s) 0;
  border-bottom: 1px solid var(--color-border);
}
.SaCICSSOL98wg.spread:last-child {
  border-bottom: none;
}
/* 00awrqc8:AlertIconX extends 01ecf4l6:Centered */
.SaCKEkxtprh5b.centered {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  flex: none;
  border-radius: var(--spacing-m);
  background: var(--color-muted);
  color: var(--color-foreground);
}
/* 00awrqc8:EmptyX extends 01ecf4l6:Centered */
.SaC9KDUNec7tA.auth-dashboard-empty.centered {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: var(--spacing-xs);
  padding: var(--spacing-xl) var(--spacing-m);
  color: var(--color-text-dim);
  text-align: center;
}
/* 00gvzp5y:Logo */
.SaCteavR_YJq- {
  border-radius: 50%;
  object-fit: cover;
  background: var(--color-surface);
}
/*   ↳ dynamic — not statically extractable:
     width: ({ $size }) => ($size ?? 40)px  [props: $size]
     height: ({ $size }) => ($size ?? 40)px  [props: $size]
   */
/* 00gvzp5y:BadgeIcon */
.SaCrR4KoTCnyS {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  object-fit: cover;
  flex: 0 0 auto;
  margin-right: var(--spacing-2xs);
  vertical-align: middle;
}
/* 00gvzp5y:TitleBlock */
.SaCJHvqsLFpxw {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
/* 00gvzp5y:SymbolX */
.SaCDy81Q83Mxr {
  font-weight: 700;
  margin: 0;
  color: var(--color-text);
}
/*   ↳ dynamic — not statically extractable:
     font-size: ({ $size }) => ($size ?? "1.1rem")  [props: $size]
   */
/* 00gvzp5y:ApyX */
.SaCAP7aB3ejs_ {
  font-weight: 700;
  margin: 0;
}
/*   ↳ dynamic — not statically extractable:
     font-size: ({ $size }) => ($size ?? "1.35rem")  [props: $size]
     color: ({ $closed }) => ($closed ? "var(--color-accent)" : "var(--color-primary)")  [props: $closed]
   */
/* 01rga90e:PanelX extends 00s9dyxm:Plette */
.SaCne6ReBnFwg.plette.vault-panel {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: var(--spacing-m);
}
/* 01rga90e:PanelToolbarX extends 00s9dyxm:Plette */
.SaCLrjtp0LcvH.plette.vault-panel-toolbar {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--spacing-s);
  width: 100%;
}
/* 01rga90e:TraitListX extends 00s9dyxm:Plette */
.SaCqIxrRu2bjg.plette.vault-trait-list {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-m);
  width: 100%;
}
/* 01rga90e:DisassociateX (nested) */
.SaCzwlMNKwsig.vault-trait-disassociate {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: var(--color-destructive);
  color: var(--color-destructive-fg);
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.SaCzwlMNKwsig.vault-trait-disassociate:hover {
  opacity: 0.8;
}
.SaCzwlMNKwsig.vault-trait-disassociate:focus-visible {
  outline: 2px solid var(--color-ring);
  outline-offset: 2px;
}
/* 01rga90e:PanelNoteX extends 00s9dyxm:Plette */
.SaCBphw6hKNfv.plette.vault-panel-note {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-xl) 0;
  width: 100%;
  color: var(--color-paper-fg);
}
/* 00sut2p5:VaultRow extends 00s9dyxm:Plette */
.SaC6xw9HT9aCB.vault-row {
  box-sizing: border-box;
  display: flex;
}
/* 00sut2p5:VaultRow (nested) */
.SaCa1r_QGB_Au.vault-row {
  align-items: center;
  gap: var(--spacing-m);
  padding: var(--spacing-s) var(--spacing-m);
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  cursor: pointer;
  transition: border-color 150ms ease;
}
.SaCa1r_QGB_Au.vault-row:hover {
  border-color: var(--color-primary);
}
/* 00sut2p5:VaultIcon extends 00s9dyxm:Plette */
.SaC1GLn6dvSdE.plette {
  box-sizing: border-box;
  display: flex;
  width: 40px;
  height: 40px;
  flex: none;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  clip-path: polygon(50% 0%, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%);
  background: var(--color-ring);
}
/* 00sut2p5:VaultLogo */
.SaCqIvIB7ZE__ {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* 00sut2p5:VaultTitle */
.SaCBRta7Jz8Na {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xs);
  min-width: 0;
  flex: 1;
}
/* 00sut2p5:VaultSymbol */
.SaC5fhMwWrTtN {
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
  color: var(--color-text);
}
/* 00sut2p5:VaultName */
.SaCKeLce6la_- {
  font-size: 0.85rem;
  line-height: 1.2;
  margin: 0;
  color: var(--color-text-dim);
}
/* 00sut2p5:VaultBadges extends 00s9dyxm:Plette */
.SaCpFMBbt3HGR.plette {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
}
/* 00sut2p5:VaultChain */
.SaCcyuNPDgYk- {
  font-size: 0.85rem;
  margin: 0;
  color: var(--color-text-dim);
}
/* 00ad3rm5:AddressRoot */
.SaCczUSuXX-z_ {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  white-space: nowrap;
}
/* 00ad3rm5:AddressValue */
.SaCFup6oQerPy {
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: inherit;
  color: var(--color-foreground);
  user-select: all;
}
/* 00ad3rm5:CopyButton (nested) */
.SaC9Z0f5k_evW {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.2rem;
  margin: 0;
  border: none;
  background: transparent;
  color: var(--color-muted, currentColor);
  cursor: pointer;
  border-radius: var(--spacing-xs, 0.25rem);
  transition: color 120ms ease;
}
.SaC9Z0f5k_evW:hover {
  color: var(--color-foreground);
}
/* 01kaz5qf:ExpandRegionX */
.SaCIMSnJcsjMV {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 0;
  overflow: hidden;
}
/* 01kaz5qf:ExpandContentX */
.SaCiVZtCIbkzW {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-m);
  width: 100%;
  flex: 0 0 auto;
}
/* 01kaz5qf:ExpandLoadingX */
.SaCLVgoTzAYhF {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-s);
  width: 100%;
  height: 60px;
  min-height: 60px;
  color: var(--color-muted-fg);
}
/* 01kaz5qf:ChevronButtonX (nested) */
.SaCKRR8ohWlbq {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid var(--color-border);
  border-radius: 50%;
  background: transparent;
  color: var(--color-muted-fg);
  cursor: pointer;
  transition: color 0.15s ease, border-color 0.15s ease;
}
.SaCKRR8ohWlbq:hover {
  color: var(--color-foreground);
  border-color: var(--color-primary);
}
/* 01kaz5qf:DetailSectionX */
.SaC2hZheTWrhM {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s);
  width: 100%;
  padding-top: var(--spacing-m);
  border-top: 1px solid var(--color-border);
}
/* 01kaz5qf:DetailHeadX */
.SaC6cdKDzPHD7 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-s);
  width: 100%;
  flex-wrap: wrap;
}
/* 01kaz5qf:DetailRowX */
.SaCyTBwjosJTq {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-m);
  width: 100%;
  padding: var(--spacing-s) var(--spacing-m);
  border: 1px solid var(--color-border);
  border-radius: var(--spacing-s);
  background: var(--color-muted);
}
/* 01kaz5qf:DetailEmptyX */
.SaCoDcUUW-g8b {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-s);
  color: var(--color-muted-fg);
  padding: var(--spacing-s) 0;
}
/* 01kaz5qf:DetailRetryX (nested) */
.SaCfPXNzDldse {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-m);
  border: 1px solid var(--color-border);
  border-radius: var(--spacing-s);
  background: transparent;
  color: var(--color-foreground);
  cursor: pointer;
  transition: border-color 0.15s ease;
}
.SaCfPXNzDldse:hover {
  border-color: var(--color-primary);
}
/* 01kaz5qf:CardHeadX */
.SaC2l3zpinuWj {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-l);
  width: 100%;
}
/* 01kaz5qf:CardAsideX */
.SaCj9xYXE9PVY {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-end;
  flex: 0 0 auto;
}
/* 019dsuvr:styled_4 extends 00s9dyxm:Plette */
.SaCJSdrqdZJVb.child-panel.plette {
  box-sizing: border-box;
  display: flex;
  background: var(--color-popover);
  color: var(--color-popover-fg);
  border-style: solid;
  border-width: var(--color-popover-border-width);
  border-color: var(--color-popover-border);
  box-shadow: var(--color-popover-box-shadow);
  overflow: hidden;
}
/*   ↳ dynamic — not statically extractable:
     width: (p) => p.$width ?? "100%"  [props: $width]
     height: (p) => p.$height ?? (p.$measuredHeight === undefined ? "auto" : `${p.$measuredHeight}px`)  [props: $height, $measuredHeight]
     border-top-width: (p) => (p.$joinedSide === "top" ? "0" : "var(--color-popover-border-width)")  [props: $joinedSide]
     border-bottom-width: (p) => (p.$joinedSide === "bottom" ? "0" : "var(--color-popover-border-width)")  [props: $joinedSide]
     border-radius: (p) => p.$borderRadius ?? "var(--color-popover-border-radius)"  [props: $borderRadius]
     border-top-left-radius: (p) => (p.$joinedSide === "top" ? "0" : p.$borderRadius ?? "var(--color-popover-border-radius)")  [props: $joinedSide, $borderRadius]
     border-top-right-radius: (p) => (p.$joinedSide === "top" ? "0" : p.$borderRadius ?? "var(--color-popover-border-radius)")  [props: $joinedSide, $borderRadius]
     border-bottom-left-radius: (p) => (p.$joinedSide === "bottom" ? "0" : p.$borderRadius ?? "var(--color-popover-border-radius)")  [props: $joinedSide, $borderRadius]
     border-bottom-right-radius: (p) => (p.$joinedSide === "bottom" ? "0" : p.$borderRadius ?? "var(--color-popover-border-radius)")  [props: $joinedSide, $borderRadius]
   */
/* 019dsuvr:styled_5 extends 00s9dyxm:Plette */
.SaCeEfnID2Jpp.child-panel-rows.plette {
  box-sizing: border-box;
  display: flex;
}
/* 019dsuvr:styled_5 (nested) */
.SaCS8SJXklWxL.child-panel-rows.plette {
  width: 100%;
  flex: 0 0 auto;
}
.SaCS8SJXklWxL.child-panel-rows.plette > * {
  flex-shrink: 0;
}
/* 0114gjhj:VaultDetailX extends 0059wt3m:GridBlock */
.SaCogXqN2GAPO.grid-block.vault-detail-card {
  box-sizing: border-box;
  display: grid;
}
/* 0114gjhj:VaultDetailX (nested) */
.SaCA8noUWTlx8.grid-block.vault-detail-card {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  color: rgb(255, 255, 255);
  border-radius: var(--strata-well-border-radius);
  grid-template-columns: minmax(0, 1.35fr) minmax(0, .9fr);
  box-shadow: 0 30px 60px -30px rgba(8, 53, 57, .6);
}
.SaCA8noUWTlx8.grid-block.vault-detail-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(100deg, rgba(8, 53, 57, .94) 0%, rgba(8, 53, 57, .84) 55%, rgba(8, 53, 57, .92) 100%);
}
@media (max-width: 1180px) {
  .SaCA8noUWTlx8.grid-block.vault-detail-card {
    grid-template-columns: 1fr;
  }
}
/* 0114gjhj:NotFoundX extends 01ecf4l6:Roll */
.SaCGul8GbA-Zs.roll.vault-detail-card-not-found {
  box-sizing: border-box;
  display: flex;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  gap: var(--spacing-m);
  padding: var(--spacing-xxl);
  color: rgb(255, 255, 255);
  border-radius: var(--strata-well-border-radius);
  background: linear-gradient(100deg, rgba(8, 53, 57, .94) 0%, rgba(8, 53, 57, .84) 55%, rgba(8, 53, 57, .92) 100%);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 0114gjhj:BgX */
.SaCAz3R4YI0zs {
  position: absolute;
  inset: 0;
  z-index: -2;
  background-size: cover;
  background-position: 40% 60%;
}
/*   ↳ dynamic — not statically extractable:
     background-image: ({ $image, }) => `url("${isHeroImage($image) ? $image.trim() : VAULT_DETAIL_FALLBACK}")`  [props: $image]
   */
/* 0114gjhj:MainX extends 01ecf4l6:Roll */
.SaCPsk-ImHDew.roll.vault-detail-card-main {
  box-sizing: border-box;
  display: flex;
  gap: var(--spacing-m);
  padding: var(--spacing-xxl);
  position: relative;
  z-index: 1;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 0114gjhj:SymRowX extends 01ecf4l6:Spread */
.SaC8C89PzwDUY.spread {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-m);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "row-reverse" : "row"  [props: $reverse]
   */
/* 0114gjhj:SymX */
.SaC38Nm9UtCAQ {
  font-size: 12.5px;
  font-weight: 500;
  letter-spacing: .08em;
  color: rgb(217, 188, 140);
}
/* 0114gjhj:TitleX */
.SaCf1-PNVKnPE {
  margin: 0;
  font-size: clamp(30px, 3vw, 44px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: -.035em;
  color: rgb(255, 255, 255);
}
/* 0114gjhj:BodyX */
.SaCBJoIL_CvLd {
  margin: 0;
  max-width: 38em;
  font-size: 14.5px;
  color: rgba(255, 255, 255, .76);
}
/* 0114gjhj:CycleX (nested) */
.SaCchMW0bLbpq.grid-block {
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-top: var(--spacing-xs);
}
@media (max-width: 640px) {
  .SaCchMW0bLbpq.grid-block {
    grid-template-columns: 1fr 1fr;
  }
}
/* 0114gjhj:CycleStepX extends 01ecf4l6:Roll */
.SaC9LsO2TYaXE.roll {
  box-sizing: border-box;
  display: flex;
  gap: 6px;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 0114gjhj:CycleBarX */
.SaCtoKAeRIqn9 {
  height: 3px;
  border-radius: 2px;
  background: rgb(217, 188, 140);
}
/* 0114gjhj:CycleLabelX */
.SaCM-F1lbY57P {
  margin-top: 6px;
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgb(255, 255, 255);
}
/* 0114gjhj:CycleDetailX */
.SaCLJ6XcJv9iB {
  font-size: 12px;
  line-height: 1.35;
  color: rgba(255, 255, 255, .6);
}
/* 0114gjhj:ActionRowX extends 01ecf4l6:Spread */
.SaCSOVt_6mSRa.spread {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: var(--spacing-xs);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "row-reverse" : "row"  [props: $reverse]
     justify-content: ({ $spread, }) => $spread || "space-between"  [props: $spread]
   */
/* 0114gjhj:InvestX (nested) */
.SaCBjaaOsGgtb.anchor.vault-detail-card-invest {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-s);
  height: 40px;
  padding: 0 var(--spacing-l);
  border: 1px solid transparent;
  border-radius: 9999px;
  background: rgb(217, 188, 140);
  color: rgb(8, 53, 57);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
  transition: background .15s;
}
.SaCBjaaOsGgtb.anchor.vault-detail-card-invest:hover {
  background: rgb(230, 204, 162);
}
/* 0114gjhj:StatRowX extends 01ecf4l6:Spread */
.SaCjFIZGlrl5M.spread {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  gap: 26px;
  margin-top: 10px;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "row-reverse" : "row"  [props: $reverse]
     justify-content: ({ $spread, }) => $spread || "space-between"  [props: $spread]
   */
/* 0114gjhj:StatLabelX */
.SaCzDxSElJ98G {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .55);
}
/* 0114gjhj:StatValueX */
.SaCD79ll4DK_r {
  font-size: 14.5px;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  color: rgb(255, 255, 255);
}
/* 0114gjhj:SideX extends 01ecf4l6:Roll */
.SaCtJaX5M5of5.roll.vault-detail-card-side {
  box-sizing: border-box;
  display: flex;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 0114gjhj:SideX (nested) */
.SaCrywtZZgTMS.roll.vault-detail-card-side {
  gap: var(--spacing-m);
  padding: var(--spacing-xxl);
  position: relative;
  z-index: 1;
  border-left: 1px solid rgba(255, 255, 255, .14);
}
@media (max-width: 1180px) {
  .SaCrywtZZgTMS.roll.vault-detail-card-side {
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, .14);
  }
}
/* 0114gjhj:SideHeadX extends 01ecf4l6:Spread */
.SaCmE22qFKeqs.spread {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 10px;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "row-reverse" : "row"  [props: $reverse]
     justify-content: ({ $spread, }) => $spread || "space-between"  [props: $spread]
   */
/* 0114gjhj:LivePillX extends 01ecf4l6:Spread */
.SaCYHRnq8ypyG.spread {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 6px;
  height: 20px;
  padding: 0 var(--spacing-s);
  border-radius: 9999px;
  background: rgba(255, 255, 255, .12);
  font-size: 10.5px;
  font-weight: 500;
  color: rgb(255, 255, 255);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "row-reverse" : "row"  [props: $reverse]
     justify-content: ({ $spread, }) => $spread || "space-between"  [props: $spread]
   */
/* 0114gjhj:LiveDotX */
.SaCGrJR4xxPr1 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgb(127, 209, 168);
}
/* 0114gjhj:BigX */
.SaCL8ZEakBL1u {
  margin-top: var(--spacing-m);
  font-size: clamp(56px, 5.4vw, 84px);
  font-weight: 450;
  line-height: .9;
  letter-spacing: -.05em;
  font-variant-numeric: tabular-nums;
  color: rgb(255, 255, 255);
}
/* 0114gjhj:BigUnitX */
.SaC_OvIUau_q3 {
  font-size: .45em;
  color: rgb(217, 188, 140);
}
/* 0114gjhj:NoteX */
.SaCrsUFk_tOy7 {
  margin-top: 10px;
  font-size: 12.5px;
  color: rgba(255, 255, 255, .6);
}
/* 0114gjhj:TargetX */
.SaCi9OgtG3Ozb {
  margin-top: 6px;
  font-size: 12.5px;
  color: rgb(217, 188, 140);
}
/* 0114gjhj:TermsX extends 01ecf4l6:Roll */
.SaC99ts4wQeCg.roll.vault-detail-card-terms {
  box-sizing: border-box;
  display: flex;
  margin-top: var(--spacing-xl);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 0114gjhj:TermX (nested) */
.SaCQ0x-Inr155.spread {
  justify-content: space-between;
  align-items: baseline;
  gap: var(--spacing-l);
  padding: 11px 0;
  border-top: 1px solid rgba(255, 255, 255, .14);
}
.SaCQ0x-Inr155.spread:first-child {
  border-top: 0;
}
/* 0114gjhj:TermKeyX */
.SaCk_Dt9ATtpF {
  font-size: 10.5px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .55);
}
/* 0114gjhj:TermValueX */
.SaCpeW2T_cAeQ {
  text-align: right;
  font-weight: 500;
  color: rgb(255, 255, 255);
}
/* 01hp3b4q:PlateFrameX extends 01ecf4l6:Roll */
.SaCeWI6kMHoee.roll.vault-transact-plate {
  box-sizing: border-box;
  display: flex;
  --plate-top: rgb(22, 114, 122);
  --plate-mid: rgb(12, 71, 76);
  --plate-deep: rgb(8, 53, 57);
  --plate-champ: var(--color-accent);
  --plate-champ-ring: rgba(217, 188, 140, 0.2);
  --plate-champ-soft: rgba(217, 188, 140, 0.12);
  --plate-champ-line: rgba(217, 188, 140, 0.35);
  --plate-pos: rgb(159, 227, 192);
  --plate-pos-bg: rgba(127, 209, 168, 0.16);
  --plate-neg: rgb(242, 177, 159);
  --plate-neg-solid: rgb(232, 146, 122);
  --plate-ink: rgb(255, 255, 255);
  --plate-ink-80: rgba(255, 255, 255, 0.8);
  --plate-ink-70: rgba(255, 255, 255, 0.7);
  --plate-ink-60: rgba(255, 255, 255, 0.6);
  --plate-ink-55: rgba(255, 255, 255, 0.55);
  --plate-line: rgba(255, 255, 255, 0.12);
  --plate-line-strong: rgba(255, 255, 255, 0.14);
  --plate-field: rgba(255, 255, 255, 0.08);
  --plate-field-line: rgba(255, 255, 255, 0.22);
  gap: var(--spacing-s);
  position: relative;
  overflow: hidden;
  padding: 22px;
  border-radius: 22px;
  color: var(--plate-ink);
  background: linear-gradient(155deg, var(--plate-top) 0%, var(--plate-mid) 45%, var(--plate-deep) 100%);
  box-shadow: 0 40px 70px -40px #083539BF, 0 0 0 1px #0835390F;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 01hp3b4q:PlateEyebrowX */
.SaCaznRrukL9H.vault-transact-eyebrow {
  font-family: var(--font-digit-family);
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--plate-champ);
}
/* 01hp3b4q:PlateCountX */
.SaCJ5QgR7H2l3.vault-transact-count {
  font-family: var(--font-digit-family);
  font-size: 0.72rem;
  font-weight: 500;
  color: var(--plate-ink-70);
}
/* 01hp3b4q:PlatePillX */
.SaCMfho10Gd_G.vault-transact-pill {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-2xs);
  height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  background: var(--plate-pos-bg);
  color: var(--plate-pos);
  font-family: var(--font-p-family);
  font-size: 0.72rem;
  font-weight: 500;
  white-space: nowrap;
}
/* 01hp3b4q:PlateTitleX */
.SaCsXeib2Ta5n.vault-transact-title {
  position: relative;
  margin: 12px 0 0;
  font-family: var(--font-heading-family);
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.1;
  color: var(--plate-ink);
}
/* 01hp3b4q:PlateBigX */
.SaCDjnwwTnvIX.vault-transact-big {
  position: relative;
  margin-top: 12px;
  font-family: var(--font-heading-family);
  font-size: 2.125rem;
  font-weight: 450;
  line-height: 1;
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
  color: var(--plate-ink);
}
/* 01hp3b4q:PlateSubLineX */
.SaCqi2wF_Have.vault-transact-subline {
  position: relative;
  margin-top: 6px;
  font-family: var(--font-digit-family);
  font-size: 0.8125rem;
  color: var(--plate-ink-70);
}
/* 01hp3b4q:PlateBarX */
.SaCJwagO9JI2k.vault-transact-bar {
  position: relative;
  display: block;
  height: 5px;
  margin: 14px 0 6px;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.16);
  overflow: hidden;
}
/* 01hp3b4q:PlateBarFillX */
.SaCpR5YGSt7kT.vault-transact-bar-fill {
  display: block;
  height: 100%;
  border-radius: 99px;
  background: var(--plate-champ);
  transition: width 400ms ease;
}
/*   ↳ dynamic — not statically extractable:
     width: ( p ) => `${p.$pct}%`  [props: $pct]
   */
/* 01hp3b4q:PlateStepsX extends 0059wt3m:GridBlock */
.SaCs6Tt2W9sVM.grid-block.vault-transact-steps {
  box-sizing: border-box;
  display: grid;
  position: relative;
  grid-template-columns: minmax(0, 1fr);
  margin: 8px 0 16px;
}
/* 01hp3b4q:PlateStepX extends 0059wt3m:GridBlock */
.SaCG8zFsrHwKd.grid-block.vault-transact-step {
  box-sizing: border-box;
  display: grid;
}
/* 01hp3b4q:PlateStepX (nested) */
.SaC15NfUmk3Bg.grid-block.vault-transact-step {
  grid-template-columns: 26px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 9px 0;
  border-top: 1px solid #FFFFFF1F;
  font-family: var(--font-p-family);
  font-size: 0.84rem;
  color: var(--plate-ink);
}
.SaC15NfUmk3Bg.grid-block.vault-transact-step:first-of-type {
  border-top: none;
}
/* 01hp3b4q:PlateStepNumX */
.SaCM_gkQHDzXB.vault-transact-step-num {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #FFFFFF4D;
  font-family: var(--font-digit-family);
  font-size: 0.6875rem;
  font-weight: 500;
  color: var(--plate-ink-80);
}
/*   ↳ dynamic — not statically extractable:
     background: ( p ) => (p.$status === "approved" ? "var(--plate-champ)" : p.$status === "action_required" ? "var(--plate-neg-solid)" : "transparent")  [props: $status]
     border-color: ( p ) => (p.$status === "approved" ? "var(--plate-champ)" : p.$status === "action_required" ? "var(--plate-neg-solid)" : p.$status === "in_review" || p.$status === "submitted" ? "var(--plate-champ)" : "#FFFFFF4D")  [props: $status]
     color: ( p ) => (p.$status === "approved" || p.$status === "action_required" ? "var(--plate-deep)" : p.$status === "in_review" || p.$status === "submitted" ? "var(--plate-champ)" : "var(--plate-ink-80)")  [props: $status]
   */
/* 01hp3b4q:PlateStepCaptionX */
.SaCQBxmYUM_qT.vault-transact-step-caption {
  font-style: normal;
  font-size: 0.75rem;
}
/*   ↳ dynamic — not statically extractable:
     color: ( p ) => (p.$status === "approved" ? "var(--plate-pos)" : p.$status === "action_required" ? "var(--plate-neg)" : "var(--plate-ink-60)")  [props: $status]
   */
/* 01hp3b4q:PlateFootX */
.SaCEh512xA0sH.vault-transact-foot {
  position: relative;
  margin: 10px 0 0;
  font-family: var(--font-p-family);
  font-size: 0.75rem;
  color: var(--plate-ink-55);
}
/* 01hp3b4q:PlateSegX extends 0059wt3m:GridBlock */
.SaC2oKT_x_Jp-.grid-block.vault-transact-seg {
  box-sizing: border-box;
  display: grid;
  position: relative;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-2xs);
  margin-top: 16px;
  padding: var(--spacing-2xs);
  border-radius: var(--spacing-m);
  background: rgba(0, 0, 0, 0.18);
  border: 1px solid #FFFFFF1F;
}
/* 01hp3b4q:PlateSegTabX (nested) */
.SaCykOJ-jP5U8.vault-transact-seg-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  height: 38px;
  border: none;
  border-radius: 9px;
  font-family: var(--font-p-family);
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 140ms ease, color 140ms ease;
}
.SaCykOJ-jP5U8.vault-transact-seg-tab:hover:not(:disabled) {
  color: var(--sac-color-0);
}
.SaCykOJ-jP5U8.vault-transact-seg-tab:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.SaCykOJ-jP5U8.vault-transact-seg-tab:focus-visible {
  outline: 2px solid var(--plate-champ);
  outline-offset: 2px;
}
/* 01hp3b4q:PlateFormX extends 0059wt3m:GridBlock */
.SaCDp-1drJPNg.grid-block.vault-transact-form {
  box-sizing: border-box;
  display: grid;
  position: relative;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  margin-top: 14px;
  min-width: 0;
}
/* 01hp3b4q:PlateLabelX */
.SaChFAVTR7_Uc.vault-transact-label {
  font-family: var(--font-digit-family);
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--plate-ink-60);
}
/* 01hp3b4q:PlateAmountX (nested) */
.SaCs5CMHyTZKk.spread.vault-transact-amount {
  align-items: center;
  gap: var(--spacing-s);
  height: 56px;
  padding: 0 14px;
  border: 1px solid var(--plate-field-line);
  border-radius: 12px;
  background: var(--plate-field);
  transition: border-color 140ms ease, box-shadow 140ms ease;
}
.SaCs5CMHyTZKk.spread.vault-transact-amount:focus-within {
  border-color: var(--plate-champ);
  box-shadow: 0 0 0 3px var(--plate-champ-ring);
}
/* 01hp3b4q:PlateAmountInputX (nested) */
.SaCuWcM6NcUGa.vault-transact-amount-input {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  border: none;
  outline: none;
  background: transparent;
  color: var(--plate-ink);
  font-family: var(--font-heading-family);
  font-size: 1.625rem;
  font-weight: 450;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}
.SaCuWcM6NcUGa.vault-transact-amount-input::placeholder {
  color: var(--plate-ink-60);
}
/* 01hp3b4q:PlateAmountUnitX */
.SaCtm2ws1CnNC.vault-transact-amount-unit {
  flex: 0 0 auto;
  font-family: var(--font-digit-family);
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--plate-ink-60);
}
/* 01hp3b4q:PlatePresetsX extends 01ecf4l6:Spread */
.SaCeXZe-Pg5kp.spread.vault-transact-presets {
  box-sizing: border-box;
  display: flex;
  gap: 6px;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "row-reverse" : "row"  [props: $reverse]
     justify-content: ({ $spread, }) => $spread || "space-between"  [props: $spread]
   */
/* 01hp3b4q:PlatePresetX (nested) */
.SaC1TGmdmJHAI.vault-transact-preset {
  flex: 1 1 0;
  min-width: 0;
  height: 30px;
  border: 1px solid var(--plate-field-line);
  border-radius: 999px;
  background: none;
  font-family: var(--font-p-family);
  font-size: 0.78rem;
  font-weight: 500;
  cursor: pointer;
  transition: border-color 140ms ease, color 140ms ease;
}
.SaC1TGmdmJHAI.vault-transact-preset:hover {
  border-color: var(--plate-champ);
  color: var(--plate-champ);
}
.SaC1TGmdmJHAI.vault-transact-preset:focus-visible {
  outline: 2px solid var(--plate-champ);
  outline-offset: 2px;
}
/* 01hp3b4q:PlateKvX extends 0059wt3m:GridBlock */
.SaCo1Ze3AYEvG.grid-block.vault-transact-kv {
  box-sizing: border-box;
  display: grid;
  position: relative;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  margin-top: 4px;
}
/* 01hp3b4q:PlateRowX (nested) */
.SaC3pPGgAb4Qg.spread.vault-transact-kv-row {
  align-items: baseline;
  gap: 12px;
  padding: 8px 0;
  border-top: 1px solid #FFFFFF1F;
  font-family: var(--font-p-family);
  font-size: 0.8125rem;
}
.SaC3pPGgAb4Qg.spread.vault-transact-kv-row:first-of-type {
  border-top: none;
}
/* 01hp3b4q:PlateKeyX */
.SaCt-vTva_pwM.vault-transact-kv-key {
  color: var(--plate-ink-60);
}
/* 01hp3b4q:PlateValueX */
.SaCcgfXYN2XcY.vault-transact-kv-value {
  font-weight: 500;
  text-align: right;
  color: var(--plate-ink);
}
/* 01hp3b4q:PlateAckX */
.SaCLq5f_qcWln.vault-transact-ack {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-family: var(--font-p-family);
  font-size: 0.78rem;
  line-height: 1.45;
  color: var(--plate-ink-80);
  cursor: pointer;
}
/* 01hp3b4q:PlateAckBoxX */
.SaCOThiowuTZF.vault-transact-ack-box {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin: 1px 0 0;
  accent-color: var(--plate-champ);
  cursor: pointer;
}
/* 01hp3b4q:PlateErrorX */
.SaCyqvbFCYeaw.vault-transact-error {
  margin: 0;
  font-family: var(--font-p-family);
  font-size: 0.78rem;
  color: var(--plate-neg);
}
/* 01hp3b4q:PlateSubmitX (nested) */
.SaC1EqZyVcKz3.vault-transact-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-s);
  width: 100%;
  height: 48px;
  padding: 0 22px;
  border: none;
  border-radius: 999px;
  background: var(--plate-champ);
  color: var(--color-accent-fg);
  font-family: var(--font-p-family);
  font-size: 0.9375rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 140ms ease, opacity 140ms ease;
}
.SaC1EqZyVcKz3.vault-transact-submit:hover {
  background: rgb(230, 204, 162);
}
.SaC1EqZyVcKz3.vault-transact-submit:focus-visible {
  outline: 2px solid var(--plate-ink);
  outline-offset: 2px;
}
.SaC1EqZyVcKz3.vault-transact-submit:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
/* 01hp3b4q:PlateRedeemX (nested) */
.SaC_Schp_Hiyc.vault-transact-redeem.vault-transact-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-s);
  width: 100%;
  height: 48px;
  padding: 0 22px;
  border: none;
  border-radius: 999px;
  font-family: var(--font-p-family);
  font-size: 0.9375rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 140ms ease, opacity 140ms ease;
  background: var(--plate-ink);
  color: var(--plate-deep);
}
.SaC_Schp_Hiyc.vault-transact-redeem.vault-transact-submit:hover {
  background: rgb(230, 240, 240);
}
.SaC_Schp_Hiyc.vault-transact-redeem.vault-transact-submit:focus-visible {
  outline: 2px solid var(--plate-ink);
  outline-offset: 2px;
}
.SaC_Schp_Hiyc.vault-transact-redeem.vault-transact-submit:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
/* 01hp3b4q:PlateGhostX (nested) */
.SaCvFXNz111O1.vault-transact-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs);
  width: 100%;
  height: 32px;
  margin-top: 10px;
  padding: 0 12px;
  border: 1px solid #FFFFFF4D;
  border-radius: 999px;
  background: none;
  color: var(--plate-ink);
  font-family: var(--font-p-family);
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
  transition: border-color 140ms ease, color 140ms ease;
}
.SaCvFXNz111O1.vault-transact-ghost:hover {
  border-color: var(--plate-champ);
  color: var(--plate-champ);
}
/* 01hp3b4q:PlateClaimX extends 01ecf4l6:Roll */
.SaCZMd72yFYXD.roll.vault-transact-claim {
  box-sizing: border-box;
  display: flex;
  position: relative;
  gap: 0;
  margin-top: 14px;
  padding: 16px;
  border-radius: 16px;
  background: var(--plate-champ);
  color: var(--plate-deep);
  box-shadow: 0 0 0 4px #D9BC8C40;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 01hp3b4q:PlateClaimRowX extends 01ecf4l6:Spread */
.SaCRlJnNPUgMQ.spread.vault-transact-claim-row {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-p-family);
  font-size: 0.84rem;
  font-weight: 600;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "row-reverse" : "row"  [props: $reverse]
     justify-content: ({ $spread, }) => $spread || "space-between"  [props: $spread]
   */
/* 01hp3b4q:PlateClaimTextX */
.SaCkqxtGL3oUq.vault-transact-claim-text {
  margin: 6px 0 0;
  font-family: var(--font-p-family);
  font-size: 0.78rem;
  opacity: 0.85;
}
/* 01hp3b4q:PlateClaimButtonX (nested) */
.SaCkiT2RyedkC.vault-transact-claim-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs);
  width: 100%;
  height: 48px;
  margin-top: 12px;
  padding: 0 22px;
  border: none;
  border-radius: 999px;
  background: var(--plate-deep);
  color: var(--plate-ink);
  font-family: var(--font-p-family);
  font-size: 0.9375rem;
  font-weight: 500;
  cursor: pointer;
}
.SaCkiT2RyedkC.vault-transact-claim-button:hover {
  background: rgb(11, 29, 31);
}
/* 01hp3b4q:PlateQueuedX extends 01ecf4l6:Roll */
.SaCBMuZxSvUnV.roll.vault-transact-queued {
  box-sizing: border-box;
  display: flex;
  position: relative;
  gap: 0;
  margin-top: 14px;
  padding: 14px;
  border-radius: 14px;
  background: var(--plate-champ-soft);
  border: 1px solid var(--plate-champ-line);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 01hp3b4q:PlateQueuedRowX extends 01ecf4l6:Spread */
.SaC_XfxO2H-rO.spread.vault-transact-queued-row {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-p-family);
  font-size: 0.84rem;
  color: var(--plate-champ);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "row-reverse" : "row"  [props: $reverse]
     justify-content: ({ $spread, }) => $spread || "space-between"  [props: $spread]
   */
/* 01hp3b4q:PlateQueuedLabelX */
.SaCuXMgk9fnye.vault-transact-queued-label {
  font-weight: 500;
  color: var(--plate-ink);
}
/* 01hp3b4q:PlateQueuedTextX */
.SaCbfq3JnxPvw.vault-transact-queued-text {
  margin: 6px 0 0;
  font-family: var(--font-p-family);
  font-size: 0.78rem;
  color: var(--plate-ink-70);
}
/* 01hp3b4q:PlateDetailsX extends 0059wt3m:GridBlock */
.SaC-dZFQmEhFu.grid-block.vault-transact-details {
  box-sizing: border-box;
  display: grid;
  position: relative;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  margin-top: 16px;
  padding-top: 6px;
  border-top: 1px solid #FFFFFF24;
}
/* 01hp3b4q:RailStackX extends 01ecf4l6:Roll */
.SaCBP7KSaduX_.roll.vault-transact-rail {
  box-sizing: border-box;
  display: flex;
  gap: var(--spacing-m);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 01hp3b4q:RailTermsX extends 01ecf4l6:Roll */
.SaCJIgF37h-0P.roll.vault-transact-terms {
  box-sizing: border-box;
  display: flex;
  gap: var(--spacing-s);
  padding: 22px;
  border: 1px solid transparent;
  border-radius: var(--spacing-l);
  background: var(--color-paper);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 01hp3b4q:RailTermsTitleX */
.SaCuoCS2pBmt7.vault-transact-terms-title {
  margin: 0;
  font-family: var(--font-heading-family);
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-foreground);
}
/* 01hp3b4q:RailTermsKvX extends 0059wt3m:GridBlock */
.SaCFj-JhTxHIj.grid-block.vault-transact-terms-kv {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}
/* 01hp3b4q:RailTermsRowX extends 01ecf4l6:Spread */
.SaCZD-drCnBhg.spread.vault-transact-terms-row {
  box-sizing: border-box;
  display: flex;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "row-reverse" : "row"  [props: $reverse]
     justify-content: ({ $spread, }) => $spread || "space-between"  [props: $spread]
   */
/* 01hp3b4q:RailTermsRowX (nested) */
.SaCMBqRppXswc.spread.vault-transact-terms-row {
  align-items: baseline;
  gap: var(--spacing-m);
  padding: 11px 0;
  border-top: 1px solid var(--color-border);
}
.SaCMBqRppXswc.spread.vault-transact-terms-row:first-of-type {
  border-top: none;
}
/* 01hp3b4q:RailTermsKeyX */
.SaCyT6ckM4Pgo.vault-transact-terms-key {
  font-family: var(--font-p-family);
  font-size: 0.8125rem;
  color: var(--color-muted-fg);
}
/* 01hp3b4q:RailTermsValueX */
.SaCpqaTv3rtn7.vault-transact-terms-value {
  font-family: var(--font-p-family);
  font-size: 0.875rem;
  font-weight: 500;
  text-align: right;
  color: var(--color-foreground);
}
/* 01hp3b4q:PlateSkeletonX extends 01ecf4l6:Roll */
.SaCVJFVHsVp7x.roll.vault-transact-skeleton {
  box-sizing: border-box;
  display: flex;
  gap: var(--spacing-s);
  padding: 22px;
  border-radius: 22px;
  background: var(--color-secondary);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 01hp3b4q:SkeletonBarX */
.SaCOQbK9NS-m0.vault-transact-skeleton-bar {
  display: block;
  border-radius: 999px;
  background: var(--color-border);
}
/*   ↳ dynamic — not statically extractable:
     width: ( p ) => p.$width ?? "100%"  [props: $width]
     height: ( p ) => p.$height ?? "12px"  [props: $height]
   */
/* 00dpgwwx:GroupPickerSlotX extends 01ecf4l6:Spread */
.SaCoJD74v1Tvu.spread {
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: var(--spacing-xs);
  flex: 0 0 auto;
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "row-reverse" : "row"  [props: $reverse]
   */
/* 00dpgwwx:AddGroupButtonX (nested) */
.SaC7bC1Rj2H0- {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: var(--spacing-xs) var(--spacing-m);
  border: 1px solid var(--color-border);
  border-radius: var(--spacing-s);
  background: transparent;
  color: var(--color-foreground);
  font-family: inherit;
  font-size: var(--font-p-size);
  white-space: nowrap;
  cursor: pointer;
  transition: border-color 0.15s ease, color 0.15s ease;
}
.SaC7bC1Rj2H0-:hover {
  border-color: var(--color-primary);
  color: var(--color-primary);
}
/* 00dpgwwx:GroupDropdownX extends 01ecf4l6:Roll */
.SaCwUep9K6PKU.roll {
  box-sizing: border-box;
  display: flex;
  gap: var(--spacing-xxs);
  min-width: 220px;
  max-width: 320px;
  max-height: 220px;
  overflow-y: auto;
  padding: var(--spacing-xs);
  border: var(--color-popover-border-width) solid var(--color-popover-border);
  border-radius: var(--color-popover-border-radius);
  background: var(--color-popover);
  box-shadow: var(--color-popover-box-shadow);
}
/*   ↳ dynamic — not statically extractable:
     flex-direction: ({ $reverse, }) => $reverse ? "column-reverse" : "column"  [props: $reverse]
   */
/* 00dpgwwx:GroupOptionX (nested) */
.SaCJ02WzqpLqG {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-m);
  width: 100%;
  padding: var(--spacing-s) var(--spacing-m);
  border: none;
  border-radius: var(--spacing-s);
  background: transparent;
  color: var(--color-popover-fg);
  font-family: inherit;
  text-align: left;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
.SaCJ02WzqpLqG:hover:not(:disabled) {
  background: var(--color-hover);
  color: var(--color-hover-fg);
}
.SaCJ02WzqpLqG:disabled {
  color: var(--color-disabled-fg);
  cursor: not-allowed;
}
/* 00dpgwwx:GroupOptionTextX extends 00vnmg3o:Text */
.SaChfDczd2d70.text {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
  min-width: 0;
}
/* 00dpgwwx:GroupOptionNameX extends 00vnmg3o:Text */
.SaCizK9jHf6MX.text {
  color: inherit;
  font-size: var(--font-p-size);
  overflow-wrap: anywhere;
}
/* 00dpgwwx:GroupOptionDescriptionX extends 00vnmg3o:Text */
.SaCed-mul514Y.text {
  color: var(--color-muted-fg);
  font-size: var(--font-h5-size);
  overflow-wrap: anywhere;
}
/* 00dpgwwx:GroupOptionEmptyX extends 00vnmg3o:Text */
.SaCwMBuvkwy9z.text {
  padding: var(--spacing-s) var(--spacing-m);
  color: var(--color-muted-fg);
  font-size: var(--font-p-size);
}
/* 00dpgwwx:GroupPickerErrorX extends 00vnmg3o:Text */
.SaCP3rpNHUm7f.text {
  padding: var(--spacing-s) var(--spacing-m);
  color: var(--color-destructive);
  font-size: var(--font-h5-size);
}
/* 00dpgwwx:GroupPickerCancelX (nested) */
.SaCcQltEUj_W- {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 1px solid var(--color-border);
  border-radius: 50%;
  background: transparent;
  color: var(--color-muted-fg);
  cursor: pointer;
  transition: color 0.15s ease, border-color 0.15s ease;
}
.SaCcQltEUj_W-:hover {
  color: var(--color-foreground);
  border-color: var(--color-primary);
}
/* 016bh5zv:MetaKeyX extends 00s9dyxm:Plette */
.SaC70-683Bm8s.plette {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 14rem;
  min-width: 0;
}
/* 00x5x3cp:FundFormX extends 00s9dyxm:Plette */
.SaC0hMouRwgIY.fund-wallet-form.plette {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  min-height: 0;
  flex-direction: column;
  gap: var(--spacing-m);
}
/* 00x5x3cp:FundWalletLineX extends 00s9dyxm:Plette */
.SaC7u_bTWouC-.fund-wallet-line.plette {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--spacing-m);
  width: 100%;
  padding-bottom: var(--spacing-s);
  border-bottom: 1px solid var(--color-border);
}
/* 00x5x3cp:FundWalletAddressX extends 00s9dyxm:Plette */
.SaCmROE6V3v3X.fund-wallet-address.plette {
  box-sizing: border-box;
  display: flex;
  font-family: var(--font-family-monospace, monospace);
  font-size: var(--color-popover-font-size);
  color: var(--color-foreground);
  user-select: all;
}
/* 00x5x3cp:FundWalletChainX extends 00s9dyxm:Plette */
.SaCF-3NJKpdwh.fund-wallet-chain.plette {
  box-sizing: border-box;
  display: flex;
  font-size: var(--color-popover-font-size);
  color: var(--color-muted-foreground, var(--color-foreground));
  white-space: nowrap;
}
/* 00x5x3cp:FundRowX extends 00s9dyxm:Plette */
.SaCGk-dHRiXmW.fund-wallet-row.plette {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: var(--spacing-m);
  width: 100%;
}
/* 00x5x3cp:FundCurrencyCellX extends 00s9dyxm:Plette */
.SaCm98d9cl23c.fund-wallet-currency-cell.plette {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  flex-direction: column;
  gap: var(--spacing-xs);
}
/* 00x5x3cp:FundAmountCellX extends 00s9dyxm:Plette */
.SaC6nifRqobZ5.fund-wallet-amount-cell.plette {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 10rem;
  min-width: 0;
  flex-direction: column;
  gap: var(--spacing-xs);
}
/* 00x5x3cp:FundFieldLabelX extends 00s9dyxm:Plette */
.SaCRnirzTozwA.fund-wallet-field-label.plette {
  box-sizing: border-box;
  display: flex;
  font-size: var(--color-popover-font-size);
  color: var(--color-muted-foreground, var(--color-foreground));
}
/* 00x5x3cp:FundConversionX extends 00s9dyxm:Plette */
.SaCiK8Xq1a34K.fund-wallet-conversion.plette {
  box-sizing: border-box;
  display: flex;
  font-size: var(--color-popover-font-size);
  color: var(--color-muted-foreground, var(--color-foreground));
  font-family: var(--font-family-monospace, monospace);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* 00x5x3cp:FundErrorX extends 00s9dyxm:Plette */
.SaCxjkAs1R9gJ.fund-wallet-error.plette {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  color: var(--color-error);
  font-size: var(--color-popover-font-size);
  white-space: pre-wrap;
}
/* 00x5x3cp:FundActionsX extends 00s9dyxm:Plette */
.SaChTg2Q3JD6f.fund-wallet-actions.plette {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--spacing-s);
  width: 100%;
}
/* 00x5x3cp:FundFlyoutX extends 00s9dyxm:Plette */
.SaCQjCyF33HUH.fund-wallet-flyout.plette {
  box-sizing: border-box;
  display: flex;
  position: absolute;
  left: 100%;
  top: 0;
  z-index: 1;
  min-width: 16rem;
  max-width: min(22rem, 80vw);
  padding: var(--spacing-xs) 0;
  background: var(--color-popover);
  color: var(--color-popover-fg);
  border: var(--color-popover-border-width) solid var(--color-popover-border);
  border-radius: var(--color-popover-border-radius);
  box-shadow: var(--color-popover-box-shadow);
  transition: opacity 140ms ease, transform 140ms ease, visibility 140ms;
}
/*   ↳ dynamic — not statically extractable:
     opacity: ( p: { $open: boolean; } ) => ( p.$open ? 1 : 0 )  [props: $open]
     visibility: ( p: { $open: boolean; } ) => ( p.$open ? "visible" : "hidden" )  [props: $open]
     pointer-events: ( p: { $open: boolean; } ) => ( p.$open ? "auto" : "none" )  [props: $open]
     transform: ( p: { $open: boolean; } ) => ( p.$open ? "translateX(0)" : "translateX(-4px)" )  [props: $open]
   */
/* 00x5x3cp:FundFlyoutHeadingX extends 00s9dyxm:Plette */
.SaCgL0-9afdvN.fund-wallet-flyout-heading.plette {
  box-sizing: border-box;
  display: flex;
  padding: var(--spacing-xs) var(--spacing-l);
  font-size: var(--color-popover-font-size);
  font-weight: 700;
  white-space: nowrap;
}
/* 00x5x3cp:FundFlyoutItemX (nested) */
.SaCSnT69TH-4q.fund-wallet-flyout-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  width: 100%;
  padding: var(--spacing-s) var(--spacing-l);
  border: none;
  background: transparent;
  color: var(--color-popover-fg);
  font-family: inherit;
  font-size: var(--color-popover-font-size);
  text-align: left;
  cursor: pointer;
}
.SaCSnT69TH-4q.fund-wallet-flyout-item:hover:not(:disabled) {
  background: var(--color-hover);
  color: var(--color-hover-fg);
}
.SaCSnT69TH-4q.fund-wallet-flyout-item:disabled {
  color: var(--color-disabled-fg);
  cursor: not-allowed;
}
/* 00x5x3cp:FundFlyoutAddressX extends 00s9dyxm:Plette */
.SaCJTLljhHWz-.fund-wallet-flyout-address.plette {
  box-sizing: border-box;
  display: flex;
  font-family: var(--font-family-monospace, monospace);
  white-space: nowrap;
}
/* 00x5x3cp:FundFlyoutOriginX extends 00s9dyxm:Plette */
.SaCO4hJ4jhjQO.fund-wallet-flyout-origin.plette {
  box-sizing: border-box;
  display: flex;
  font-size: var(--color-popover-font-size);
  color: var(--color-muted-foreground, var(--color-foreground));
  white-space: nowrap;
}
/* 00x5x3cp:FundFlyoutEmptyX extends 00s9dyxm:Plette */
.SaCmMUmScvc0w.fund-wallet-flyout-empty.plette {
  box-sizing: border-box;
  display: flex;
  padding: var(--spacing-s) var(--spacing-l);
  font-size: var(--color-popover-font-size);
  color: var(--color-disabled-fg);
  white-space: nowrap;
}
/* 00x5x3cp:FundWalletLinkX (nested) */
.SaCz-WumOAlHe.fund-wallet-link {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--spacing-s);
  width: 100%;
  padding: var(--spacing-s) var(--spacing-l);
  border: none;
  border-radius: var(--spacing-s);
  background: transparent;
  color: var(--color-popover-fg);
  font-family: inherit;
  font-size: var(--color-popover-font-size);
  cursor: pointer;
  white-space: nowrap;
}
.SaCz-WumOAlHe.fund-wallet-link:hover:not(:disabled),
    .SaCz-WumOAlHe.fund-wallet-link:focus-visible {
  background: var(--color-hover);
  color: var(--color-hover-fg);
}
.SaCz-WumOAlHe.fund-wallet-link:disabled {
  color: var(--color-disabled-fg);
  cursor: not-allowed;
}
/* 00x5x3cp:FundWalletAnchorX extends 00s9dyxm:Plette */
.SaC3J8PqcXIn8.fund-wallet-anchor.plette {
  box-sizing: border-box;
  display: flex;
  position: relative;
  width: 100%;
  flex-direction: column;
}
/* 00x5x3cp:FundWalletChevronX */
.SaCbMPs4xTT-S.fund-wallet-chevron {
  color: var(--color-muted-foreground, var(--color-foreground));
  font-size: var(--color-popover-font-size);
}
/*   ↳ dynamic — not statically extractable:
     margin-left: ( p ) => ( p.$centered ? "0" : "auto" )  [props: $centered]
   */
/* 01rxksns:TakeSnapshotFormX extends 00s9dyxm:Plette */
.SaCAjGcfA22tO.plette.take-snapshot-form {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  min-height: 0;
  flex-direction: column;
  gap: var(--spacing-m);
}
/* 01rxksns:TakeSnapshotFieldX extends 00s9dyxm:Plette */
.SaCl7xVIjxrhn.plette.take-snapshot-field {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  width: 100%;
}
/* 01rxksns:TakeSnapshotErrorX extends 00s9dyxm:Plette */
.SaCI28l4E2HOj.plette.take-snapshot-error {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  color: var(--color-error);
  font-size: var(--color-popover-font-size);
}
/* 01rxksns:TakeSnapshotActionsX extends 00s9dyxm:Plette */
.SaCYnTmrqTHDI.plette.take-snapshot-actions {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--spacing-s);
  width: 100%;
}