@servicetitan/anvil2 2.9.1 → 3.0.0

package/dist/Page.css

@@ -1,427 +1,407 @@
-@layer starter, reset, base, state, application;
-html:has(._page_io51u_1) {
-  scrollbar-width: none;
-}
-html:has(._page_io51u_1)::-webkit-scrollbar {
-  display: none;
-}
-
-._content-footer_io51u_8 {
-  all: revert-layer;
-}
-
-@layer base {
-  ._page_io51u_1 {
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    container: page/inline-size;
-    min-height: calc(100dvh - var(--offset, 0px));
-    isolation: isolate;
-    display: flex;
-    flex-direction: column;
-  }
-  ._page_io51u_1 ._container_io51u_26 {
-    display: grid;
-    flex-grow: 1;
-    grid-template-areas: "sidebar" "header" "content" "panel" "footer";
-    grid-template-columns: 1fr;
-    grid-template-rows: auto auto 1fr auto auto;
-    margin: 0;
-    padding: 0;
-    min-height: inherit;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    color: var(--foreground-color, #141414);
-    background-color: var(--background-color, #ffffff);
-    overflow-x: clip;
-    transition: 300ms cubic-bezier(0.4, 0, 0.6, 1);
-  }
-  ._content-wrapper_io51u_44 {
-    grid-area: content;
-    display: flex;
-    flex-direction: column;
-    container: content/inline-size;
-  }
-  ._footer-slot_io51u_50 {
-    display: contents;
-  }
-  ._content_io51u_8 {
-    grid-area: content;
-    container: content/inline-size;
-    display: flex;
+.anvil2{@layer starter, reset, base, state, application;/* ============================================
+   Page & Container
+   ============================================ */._page_1a6ta_1 {
+  --a2-mod-page-border-subdued: var(--a2-size-quarter, 0.0625rem) solid var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040)));
+  --a2-mod-page-container-first-col: 16rem;
+  --a2-mod-page-height: calc(100dvh - var(--offset, 0px));
+  --a2-mod-page-panel-size-large: 30rem;
+  --a2-mod-page-panel-size-medium: 24rem;
+  --a2-mod-page-panel-size-small: 16rem;
+  --a2-mod-page-sidebar-collapsed-width: 1.5rem;
+  --a2-mod-page-sidebar-min-width: 16rem;
+  --a2-mod-page-toggle-button-size: 2rem;
+  box-sizing: border-box;
+  container: page/inline-size;
+  display: flex;
+  flex-direction: column;
+  isolation: isolate;
+  min-height: var(--a2-mod-page-height);
+}._container_1a6ta_29 {
+  --a2-mod-page-container-background-color: var(--a2-page-container-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
+  --a2-mod-page-container-foreground-color: var(--a2-page-container-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
+  background-color: var(--a2-mod-page-container-background-color);
+  border-color: transparent;
+  border-style: none;
+  border-width: 0;
+  box-sizing: border-box;
+  color: var(--a2-mod-page-container-foreground-color);
+  display: grid;
+  flex-grow: 1;
+  grid-template-areas: "sidebar" "header" "content" "panel" "footer";
+  grid-template-columns: 1fr;
+  grid-template-rows: auto auto 1fr auto auto;
+  margin: 0;
+  min-height: inherit;
+  overflow-x: clip;
+  padding: 0;
+  transition: var(--a2-duration-slow, 300ms) var(--a2-transition-ease-in-out, cubic-bezier(0.4, 0, 0.6, 1));
+}@container page (min-width: 1024px) {
+  ._container_1a6ta_29 {
+    grid-template-areas: "sidebar header panel" "sidebar content panel" "sidebar footer panel";
+    --a2-mod-page-container-col-first: var(--a2-mod-page-container-first-col);
+    --a2-mod-page-container-col-second: 1fr;
+    --a2-mod-page-container-col-third: 0px;
+    grid-template-columns: var(--a2-mod-page-container-col-first) var(--a2-mod-page-container-col-second) var(--a2-mod-page-container-col-third);
+    grid-template-rows: auto 1fr auto;
+  }
+  ._container_1a6ta_29:has(> ._panel_1a6ta_58._open_1a6ta_58._small_1a6ta_58) {
+    --a2-mod-page-container-col-third: var(--a2-mod-page-panel-size-small);
+  }
+  ._container_1a6ta_29:has(> ._panel_1a6ta_58._open_1a6ta_58._medium_1a6ta_61) {
+    --a2-mod-page-container-col-third: var(--a2-mod-page-panel-size-medium);
+  }
+  ._container_1a6ta_29:has(> ._panel_1a6ta_58._open_1a6ta_58._large_1a6ta_64) {
+    --a2-mod-page-container-col-third: var(--a2-mod-page-panel-size-large);
+  }
+  ._container_1a6ta_29:has(> ._sidebar_1a6ta_67._collapsed_1a6ta_67) {
+    --a2-mod-page-container-col-first: var(
+      --a2-mod-page-sidebar-collapsed-width
+    );
+  }
+  ._container_1a6ta_29:not(:has(> ._sidebar_1a6ta_67)) {
+    --a2-mod-page-container-col-first: 0px;
+    grid-template-areas: "header panel" "content panel" "footer panel";
+    grid-template-columns: 1fr var(--a2-mod-page-container-col-third);
+  }
+  ._container_1a6ta_29:not(:has(> ._sidebar_1a6ta_67)) > ._content_1a6ta_77, ._container_1a6ta_29:not(:has(> ._sidebar_1a6ta_67)) > div:not(._panel_1a6ta_58, ._content-footer_1a6ta_77) {
+    grid-column: 1;
+    width: 100%;
   }
-  ._content_io51u_8 ._content-inner_io51u_58 {
-    padding-block: 1.5rem;
-    padding-inline: 1rem;
-    flex-basis: 100%;
+  ._container_1a6ta_29:not(:has(> ._sidebar_1a6ta_67)) > ._panel_1a6ta_58 {
+    grid-column: 2;
   }
-  ._content_io51u_8 ._content-header-inner_io51u_63 {
-    padding-block-start: 2rem;
-    padding-block-end: 0.5rem;
+  ._container_1a6ta_29 ._content_1a6ta_77 ._virtual-scroll-container_1a6ta_84 {
+    display: block;
   }
-  ._content-footer_io51u_8 {
-    grid-area: footer;
-    position: sticky;
-    display: flex;
-    bottom: 0;
+}/* ============================================
+   Content
+   ============================================ */._content-wrapper_1a6ta_92 {
+  container: content/inline-size;
+  display: flex;
+  flex-direction: column;
+  grid-area: content;
+}._footer-slot_1a6ta_99 {
+  display: contents;
+}._content_1a6ta_77 {
+  container: content/inline-size;
+  display: flex;
+  grid-area: content;
+}._content-inner_1a6ta_109 {
+  --a2-mod-page-content-inner-padding-inline: var(--a2-size-4, 1rem);
+  flex-basis: 100%;
+  padding-block: var(--a2-size-6, 1.5rem);
+  padding-inline: var(--a2-mod-page-content-inner-padding-inline);
+}@container content (min-width: 768px) {
+  ._content-inner_1a6ta_109 {
+    --a2-mod-page-content-inner-padding-inline: var(--a2-size-8, 2rem);
+  }
+}@container content (min-width: 1024px) {
+  ._content-inner_1a6ta_109 {
+    --a2-mod-page-content-inner-padding-inline: var(--a2-size-10, 2.5rem);
+  }
+}@container content (min-width: 1280px) {
+  ._content-inner_1a6ta_109 {
+    --a2-mod-page-content-inner-padding-inline: var(--a2-size-12, 3rem);
+  }
+}._content-header-inner_1a6ta_131 {
+  padding-block-end: var(--a2-size-2, 0.5rem);
+  padding-block-start: var(--a2-size-8, 2rem);
+}._content-footer_1a6ta_77 {
+  --a2-mod-page-content-footer-background-color: var(--a2-page-content-footer-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
+  --a2-mod-page-content-footer-border-color: var(--a2-page-content-footer-border-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
+  --a2-mod-page-content-footer-padding-inline: var(--a2-size-4, 1rem);
+  --a2-mod-page-content-footer-shadow-color: var(--a2-page-content-footer-shadow-color, var(--a2-shadow-color-default, light-dark(rgba(26, 26, 26, 0.0784313725), rgba(255, 255, 255, 0.0784313725))));
+  background-color: var(--a2-mod-page-content-footer-background-color);
+  border-top: var(--a2-size-quarter, 0.0625rem) solid var(--a2-mod-page-content-footer-border-color);
+  bottom: 0;
+  box-shadow: var(--a2-mod-page-content-footer-shadow-color) var(--a2-shadow-size-float, var(--a2-size-0, 0rem) var(--a2-size-half, 0.125rem) var(--a2-size-2, 0.5rem));
+  display: flex;
+  grid-area: footer;
+  left: 0;
+  padding-block: var(--a2-size-6, 1.5rem);
+  padding-inline: var(--a2-mod-page-content-footer-padding-inline);
+  position: sticky;
+  right: 0;
+}@container page (min-width: 768px) {
+  ._content-footer_1a6ta_77 {
+    --a2-mod-page-content-footer-padding-inline: var(--a2-size-8, 2rem);
+  }
+}@container page (min-width: 1024px) {
+  ._content-footer_1a6ta_77 {
+    --a2-mod-page-content-footer-padding-inline: var(--a2-size-10, 2.5rem);
+  }
+}@container page (min-width: 1280px) {
+  ._content-footer_1a6ta_77 {
+    --a2-mod-page-content-footer-padding-inline: var(--a2-size-12, 3rem);
+  }
+}/* ============================================
+   Sidebar
+   ============================================ */._sidebar_1a6ta_67 {
+  --a2-mod-page-sidebar-background-color: var(--a2-page-sidebar-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
+  --a2-mod-page-sidebar-border-color: var(--a2-page-sidebar-border-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
+  --a2-mod-page-sidebar-padding: var(--a2-size-2, 0.5rem);
+  --a2-mod-page-sidebar-shadow-color: var(--a2-page-sidebar-shadow-color, var(--a2-shadow-color-default, light-dark(rgba(26, 26, 26, 0.0784313725), rgba(255, 255, 255, 0.0784313725))));
+  align-items: flex-start;
+  background-color: var(--a2-mod-page-sidebar-background-color);
+  container: sidebar/inline-size;
+  display: flex;
+  flex-direction: row;
+  grid-area: sidebar;
+  padding: var(--a2-mod-page-sidebar-padding);
+  position: relative;
+  z-index: 2;
+}@container page (min-width: 1024px) {
+  ._sidebar_1a6ta_67 {
+    --a2-mod-page-sidebar-padding: 0;
+    border-inline-end: var(--a2-size-quarter, 0.0625rem) solid var(--a2-mod-page-sidebar-border-color);
+    box-shadow: var(--a2-mod-page-sidebar-shadow-color) var(--a2-shadow-size-float, var(--a2-size-0, 0rem) var(--a2-size-half, 0.125rem) var(--a2-size-2, 0.5rem));
+  }
+}._collapsed_1a6ta_67 ._sidebar-inner_1a6ta_195 {
+  display: none;
+  opacity: 0;
+}._sidebar-inner_1a6ta_195 {
+  background-color: inherit;
+  box-sizing: border-box;
+  height: var(--a2-mod-page-height);
+  overflow-x: clip;
+  position: sticky;
+  top: var(--offset, 0px);
+  transition-behavior: allow-discrete;
+  transition-duration: var(--a2-duration-slow, 300ms);
+  transition-property: opacity, display;
+  transition-timing-function: var(--a2-transition-ease-in-out, cubic-bezier(0.4, 0, 0.6, 1));
+  width: 100%;
+}._sidebar-inner_1a6ta_195 > div {
+  background-color: inherit;
+  bottom: 0;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  min-width: var(--a2-mod-page-sidebar-min-width);
+  overflow-y: auto;
+  padding: var(--a2-size-6, 1.5rem) var(--a2-size-2, 0.5rem);
+  position: absolute;
+  right: 0;
+  top: 0;
+}@container page (min-width: 1024px) {
+  ._sidebar-inner_1a6ta_195 > div {
     left: 0;
-    right: 0;
-    border-top: 0.0625rem solid var(--border-color-subdued, #dfe0e1);
-    background-color: var(--background-color, #ffffff);
-    padding-block: 1.5rem;
-    padding-inline: 1rem;
-    box-shadow: var(--shadow-color, rgba(20, 20, 20, 0.0784313725)) 0rem 0.125rem 0.5rem;
+    scrollbar-gutter: stable;
+  }
+}._sidebar-header_1a6ta_234 {
+  --a2-mod-page-sidebar-header-background-color: var(--a2-page-sidebar-header-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
+  --a2-mod-page-sidebar-header-padding-block: var(--a2-size-4, 1rem);
+  --a2-mod-page-sidebar-header-padding-inline: var(--a2-size-4, 1rem);
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  padding-block: var(--a2-mod-page-sidebar-header-padding-block);
+  padding-inline: var(--a2-mod-page-sidebar-header-padding-inline);
+}@container page (min-width: 1024px) {
+  ._sidebar-header_1a6ta_234 {
+    --a2-mod-page-sidebar-header-padding-block: var(--a2-size-6, 1.5rem);
+    background-color: var(--a2-mod-page-sidebar-header-background-color);
+    margin-block-end: var(--a2-size-1, 0.25rem);
+    margin-block-start: calc(var(--a2-size-6, 1.5rem) * -1);
+    position: sticky;
+    top: calc(var(--a2-size-6, 1.5rem) * -1);
+    z-index: 1;
   }
-  ._sidebar_io51u_80 {
-    grid-area: sidebar;
-    display: flex;
+}._sidebar-adaptive-trigger-container_1a6ta_256 {
+  --a2-mod-page-sidebar-adaptive-trigger-container-background-color: var(--a2-page-sidebar-adaptive-trigger-container-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
+  --a2-mod-page-sidebar-adaptive-trigger-container-shadow-color: var(--a2-page-sidebar-adaptive-trigger-container-shadow-color, var(--a2-shadow-color-default, light-dark(rgba(26, 26, 26, 0.0784313725), rgba(255, 255, 255, 0.0784313725))));
+  background-color: var(--a2-mod-page-sidebar-adaptive-trigger-container-background-color);
+  box-shadow: var(--a2-mod-page-sidebar-adaptive-trigger-container-shadow-color) var(--a2-shadow-size-float, var(--a2-size-0, 0rem) var(--a2-size-half, 0.125rem) var(--a2-size-2, 0.5rem));
+  padding: var(--a2-size-2, 0.5rem);
+  position: sticky;
+  top: var(--offset, 0px);
+  width: auto;
+  z-index: 1;
+}._sidebar-adaptive-trigger_1a6ta_256 {
+  --a2-mod-page-sidebar-adaptive-trigger-background-color: var(--a2-page-sidebar-adaptive-trigger-background-color, var(--a2-background-color-stronger, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040))));
+  --a2-mod-page-sidebar-adaptive-trigger-foreground-color: var(--a2-page-sidebar-adaptive-trigger-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
+  background-color: var(--a2-mod-page-sidebar-adaptive-trigger-background-color);
+  color: var(--a2-mod-page-sidebar-adaptive-trigger-foreground-color);
+  justify-content: start;
+  width: 100%;
+}._sidebar-adaptive-trigger-icon_1a6ta_277 {
+  flex-grow: 1;
+}._sidebar-adaptive-container_1a6ta_281 {
+  overflow: auto;
+}._sidebar-adaptive-container_1a6ta_281 > div {
+  height: -webkit-fill-available;
+  height: -moz-available;
+  height: stretch;
+}._sidebar-adaptive_1a6ta_256 {
+  padding: var(--a2-size-2, 0.5rem);
+}/* ============================================
+   Toggle Button
+   ============================================ */._toggle-button-wrapper_1a6ta_295 {
+  height: 100%;
+  overflow: visible;
+  padding: 0;
+  position: absolute;
+  right: 0;
+  width: 0px;
+}._toggle-button-tooltip_1a6ta_304 {
+  display: block;
+  margin-left: -1rem;
+  position: sticky;
+  top: calc(var(--a2-size-6, 1.5rem) + var(--offset, 0px));
+  width: -moz-fit-content;
+  width: fit-content;
+}._toggle-button_1a6ta_295 {
+  --a2-internal-page-toggle-button-background-color: var(
+    --a2-mod-page-toggle-button-background-color
+  );
+  --a2-mod-page-toggle-button-background-color: var(--a2-page-toggle-button-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
+  --a2-mod-page-toggle-button-background-color-active: var(--a2-page-toggle-button-background-color-active, var(--a2-background-color-default-active, light-dark(var(--a2-color-neutral-40, #f1f1f1), var(--a2-color-neutral-700, #404040))));
+  --a2-mod-page-toggle-button-background-color-hover: var(--a2-page-toggle-button-background-color-hover, var(--a2-background-color-default-hover, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
+  --a2-mod-page-toggle-button-border-color: var(--a2-page-toggle-button-border-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
+  background-color: var(--a2-internal-page-toggle-button-background-color);
+  border-color: var(--a2-mod-page-toggle-button-border-color);
+  border-radius: var(--a2-border-radius-circular, 100%);
+  height: var(--a2-mod-page-toggle-button-size);
+  min-width: var(--a2-mod-page-toggle-button-size);
+  padding: var(--a2-size-2, 0.5rem);
+  width: var(--a2-mod-page-toggle-button-size);
+}._toggle-button_1a6ta_295::before {
+  border-radius: inherit;
+}._toggle-button_1a6ta_295:hover {
+  --a2-internal-page-toggle-button-background-color: var(
+    --a2-mod-page-toggle-button-background-color-hover
+  );
+}._toggle-button_1a6ta_295:active {
+  --a2-internal-page-toggle-button-background-color: var(
+    --a2-mod-page-toggle-button-background-color-active
+  );
+}/* ============================================
+   Panel
+   ============================================ */._panel_1a6ta_58 {
+  --a2-mod-page-panel-background-color: var(--a2-page-panel-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
+  --a2-mod-page-panel-border-color: var(--a2-page-panel-border-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
+  --a2-mod-page-panel-padding-block: var(--a2-size-4, 1rem);
+  --a2-mod-page-panel-padding-inline: var(--a2-size-4, 1rem);
+  align-items: flex-start;
+  background-color: var(--a2-mod-page-panel-background-color);
+  display: flex;
+  flex-direction: column;
+  grid-area: panel;
+  position: relative;
+  width: -webkit-fill-available;
+  width: -moz-available;
+  width: stretch;
+}@container page (min-width: 1024px) {
+  ._panel_1a6ta_58 {
+    border-inline-start: var(--a2-size-quarter, 0.0625rem) solid var(--a2-mod-page-panel-border-color);
     flex-direction: row;
-    align-items: flex-start;
-    padding: 0.5rem;
-    container: sidebar/inline-size;
-    z-index: 2;
-    position: relative;
-    background-color: var(--background-color, #ffffff);
-  }
-  ._sidebar_io51u_80 ._sidebar-inner_io51u_91 {
-    position: sticky;
-    top: var(--offset, 0px);
-    width: 100%;
-    height: calc(100dvh - var(--offset, 0px));
-    box-sizing: border-box;
-    background-color: inherit;
-    transition-property: opacity, display;
-    transition-duration: 300ms;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
-    transition-behavior: allow-discrete;
-    overflow-x: clip;
   }
-  ._sidebar_io51u_80 ._sidebar-inner_io51u_91 > div {
-    background-color: inherit;
-    flex-direction: column;
-    display: flex;
-    box-sizing: border-box;
-    min-width: 16rem;
-    padding: 1.5rem 0.5rem;
-    height: 100%;
+}._noPadding_1a6ta_365 ._panel-inner_1a6ta_365 {
+  padding: 0;
+}._panel_1a6ta_58:not(._open_1a6ta_58) ._panel-inner_1a6ta_365 {
+  display: none;
+  opacity: 0;
+  overflow: clip;
+}._panel-inner_1a6ta_365 {
+  background-color: inherit;
+  box-sizing: border-box;
+  outline: none;
+  padding-block: var(--a2-mod-page-panel-padding-block);
+  padding-inline: var(--a2-mod-page-panel-padding-inline);
+  transition-behavior: allow-discrete;
+  transition-duration: 1s;
+  transition-property: opacity, display;
+  transition-timing-function: var(--a2-transition-ease-in-out, cubic-bezier(0.4, 0, 0.6, 1));
+  width: 100%;
+}@container page (min-width: 768px) {
+  ._panel-inner_1a6ta_365 {
+    --a2-mod-page-panel-padding-inline: var(--a2-size-8, 2rem);
+  }
+}@container page (min-width: 1024px) {
+  ._panel-inner_1a6ta_365 {
+    --a2-mod-page-panel-padding-block: var(--a2-size-6, 1.5rem);
+    --a2-mod-page-panel-padding-inline: var(--a2-size-4, 1rem);
+    height: var(--a2-mod-page-height);
     overflow-y: auto;
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    right: 0;
-  }
-  ._sidebar_io51u_80 ._toggle-button-wrapper_io51u_118 {
-    position: absolute;
-    width: 0px;
-    overflow: visible;
-    padding: 0;
-    right: 0;
-    height: 100%;
-  }
-  ._sidebar_io51u_80 ._toggle-button-wrapper_io51u_118 ._toggle-button-tooltip_io51u_126 {
-    position: sticky;
-    top: calc(1.5rem + var(--offset, 0px));
-    margin-left: -1rem;
-    display: block;
-    width: -moz-fit-content;
-    width: fit-content;
-  }
-  ._sidebar_io51u_80 ._toggle-button-wrapper_io51u_118 ._toggle-button_io51u_118 {
-    padding: 0.5rem;
-    min-width: 2rem;
-    width: 2rem;
-    height: 2rem;
-    border-radius: 100%;
-    border-color: var(--border-color-subdued, #dfe0e1);
-  }
-  ._sidebar_io51u_80 ._toggle-button-wrapper_io51u_118 ._toggle-button_io51u_118::before {
-    border-radius: inherit;
-  }
-  ._sidebar-header_io51u_144 {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 1rem;
-  }
-  ._sidebar-adaptive-trigger-container_io51u_150 {
-    padding: 0.5rem;
-    background-color: var(--background-color, #ffffff);
-    width: auto;
+    padding-inline-end: var(--a2-size-6, 1.5rem);
     position: sticky;
+    scrollbar-gutter: stable;
     top: var(--offset, 0px);
-    z-index: 1;
-    box-shadow: var(--shadow-color, rgba(20, 20, 20, 0.0784313725)) 0rem 0.125rem 0.5rem;
   }
-  ._sidebar-adaptive-container_io51u_159 {
-    overflow: auto;
+  ._panel-inner_1a6ta_365 ._drilldown-open_1a6ta_403 {
+    overflow-y: hidden;
   }
-  ._sidebar-adaptive-container_io51u_159 ._sidebar-adaptive_io51u_150 {
-    padding: 0.5rem;
+}@container page (min-width: 1024px) {
+  ._small_1a6ta_58 ._panel-inner_1a6ta_365 {
+    min-width: var(--a2-mod-page-panel-size-small);
   }
-  ._panel_io51u_165 {
-    grid-area: panel;
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    background-color: var(--background-color, #ffffff);
-    width: -webkit-fill-available;
-    width: -moz-available;
-    width: stretch;
-    position: relative;
+}@container page (min-width: 1024px) {
+  ._medium_1a6ta_61 ._panel-inner_1a6ta_365 {
+    min-width: var(--a2-mod-page-panel-size-medium);
   }
-  ._panel_io51u_165 ._panel-inner_io51u_174 {
-    padding: 1rem;
-    outline: none;
-    width: 100%;
-    box-sizing: border-box;
-    background-color: inherit;
-    transition-property: opacity, display;
-    transition-duration: 1s;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
-    transition-behavior: allow-discrete;
+}@container page (min-width: 1024px) {
+  ._large_1a6ta_64 ._panel-inner_1a6ta_365 {
+    min-width: var(--a2-mod-page-panel-size-large);
   }
-  ._virtual-scroll-container_io51u_185 {
+}/* ============================================
+   Virtual Scroll Container
+   ============================================ */._virtual-scroll-container_1a6ta_84 {
+  bottom: 0;
+  display: none;
+  height: var(--a2-mod-page-height);
+  overflow-y: auto;
+  position: fixed;
+  top: var(--offset, 0px);
+  z-index: 1;
+}/* ============================================
+   Header
+   ============================================ */._header_1a6ta_442 {
+  flex: 0 0 auto;
+  grid-area: header;
+}._header_1a6ta_442 ._layout_1a6ta_446 {
+  --a2-mod-layout-grid-gap: var(--a2-size-4, 1rem);
+}@container page (min-width: 768px) {
+  ._header_1a6ta_442 ._layout_1a6ta_446 {
+    --a2-mod-layout-grid-gap: var(--a2-size-4, 1rem);
+  }
+}._header_1a6ta_442 ._title-wrapper_1a6ta_454,
+._header_1a6ta_442 ._title_1a6ta_454 {
+  display: inline;
+}._header_1a6ta_442 ._title_1a6ta_454 {
+  margin-block-end: 0;
+}._header_1a6ta_442 ._preference-action_1a6ta_461 {
+  margin-inline-start: var(--a2-size-2, 0.5rem);
+}._header_1a6ta_442 ._chips_1a6ta_464 {
+  gap: var(--a2-size-2, 0.5rem);
+  margin-block-start: var(--a2-size-3, 0.75rem);
+}._header_1a6ta_442 ._actions_1a6ta_468 {
+  flex-wrap: wrap;
+  gap: var(--a2-size-3, 0.75rem);
+}@container content (max-width: 768px) {
+  ._header_1a6ta_442 ._actions_1a6ta_468 > * {
+    flex: 1 1 calc(50% - var(--a2-size-3, 0.75rem));
+    min-width: min(100%, 200px);
+  }
+  ._header_1a6ta_442 ._actions_1a6ta_468:has(button[class*=primary]) button[class*=primary] {
+    order: -1;
+  }
+}._header_1a6ta_442 ._description_1a6ta_481 {
+  max-width: 80ch;
+}/* ============================================
+   Animation & Transitions
+   ============================================ */@starting-style {
+  ._sidebar_1a6ta_67._collapsed_1a6ta_67 ._sidebar-inner_1a6ta_195 {
     display: none;
-    position: fixed;
-    top: var(--offset, 0px);
-    bottom: 0;
-    overflow-y: auto;
-    height: calc(100dvh - var(--offset, 0px));
-    z-index: 1;
-  }
-  ._header_io51u_194 {
-    grid-area: header;
-    flex: 0 0 auto;
-  }
-  ._header_io51u_194 ._title-wrapper_io51u_198,
-  ._header_io51u_194 ._title_io51u_198 {
-    display: inline;
-  }
-  ._header_io51u_194 ._title_io51u_198 {
-    margin-block-end: 0;
-  }
-  ._header_io51u_194 ._preference-action_io51u_205 {
-    margin-inline-start: 0.5rem;
-  }
-  ._header_io51u_194 ._chips_io51u_208 {
-    gap: 0.5rem;
-    margin-block-start: 0.75rem;
-  }
-  ._header_io51u_194 ._actions_io51u_212 {
-    flex-wrap: wrap;
-    gap: 0.75rem;
-  }
-  @container content (max-width: 768px) {
-    ._header_io51u_194 ._actions_io51u_212 > * {
-      flex: 1 1 calc(50% - 0.75rem);
-      min-width: min(100%, 200px);
-    }
-    ._header_io51u_194 ._actions_io51u_212:has(button[class*=primary]) button[class*=primary] {
-      order: -1;
-    }
-  }
-  ._header_io51u_194 ._description_io51u_225 {
-    max-width: 80ch;
-  }
-}
-@layer state {
-  @container page (min-width: 1024px) {
-    ._page_io51u_1 ._container_io51u_26 {
-      grid-template-areas: "sidebar header panel" "sidebar content panel" "sidebar footer panel";
-      grid-template-rows: auto 1fr auto;
-      grid-template-columns: var(--first-col) var(--second-col) var(--third-col);
-      --first-col: 16rem;
-      --second-col: 1fr;
-      --third-col: 0px;
-    }
-    ._page_io51u_1 ._container_io51u_26:has(> ._panel_io51u_165._open_io51u_239._small_io51u_239) {
-      --third-col: 16rem;
-    }
-    ._page_io51u_1 ._container_io51u_26:has(> ._panel_io51u_165._open_io51u_239._medium_io51u_242) {
-      --third-col: 24rem;
-    }
-    ._page_io51u_1 ._container_io51u_26:has(> ._panel_io51u_165._open_io51u_239._large_io51u_245) {
-      --third-col: 30rem;
-    }
-    ._page_io51u_1 ._container_io51u_26:has(> ._sidebar_io51u_80._collapsed_io51u_248) {
-      --first-col: 1.5rem;
-    }
-    ._page_io51u_1 ._container_io51u_26:not(:has(> ._sidebar_io51u_80)) {
-      grid-template-areas: "header panel" "content panel" "footer panel";
-      grid-template-columns: 1fr var(--third-col);
-      --first-col: 0px;
-    }
-    ._page_io51u_1 ._container_io51u_26:not(:has(> ._sidebar_io51u_80)) > ._content_io51u_8, ._page_io51u_1 ._container_io51u_26:not(:has(> ._sidebar_io51u_80)) > ._content-wrapper_io51u_44, ._page_io51u_1 ._container_io51u_26:not(:has(> ._sidebar_io51u_80)) > div:not(._panel_io51u_165, ._content-footer_io51u_8) {
-      grid-column: 1;
-      width: 100%;
-    }
-    ._page_io51u_1 ._container_io51u_26:not(:has(> ._sidebar_io51u_80)) > ._panel_io51u_165 {
-      grid-column: 2;
-    }
-    ._page_io51u_1 ._content_io51u_8 ._virtual-scroll-container_io51u_185 {
-      display: block;
-    }
-    ._page_io51u_1 ._content-wrapper_io51u_44 > ._content_io51u_8 ~ ._content_io51u_8 ._virtual-scroll-container_io51u_185 {
-      display: none;
-    }
-    ._page_io51u_1 ._sidebar_io51u_80 {
-      grid-area: sidebar;
-      padding: 0;
-      background-color: var(--background-color, #ffffff);
-      border-inline-end: 0.0625rem solid var(--border-color-subdued, #dfe0e1);
-      box-shadow: var(--shadow-color, rgba(20, 20, 20, 0.0784313725)) 0rem 0.125rem 0.5rem;
-    }
-    ._page_io51u_1 ._sidebar_io51u_80 ._sidebar-header_io51u_144 {
-      background-color: var(--background-color, #ffffff);
-      position: sticky;
-      padding-block-start: 1.5rem;
-      padding-block-end: 1.5rem;
-      padding-inline-start: 1rem;
-      padding-inline-end: 1rem;
-      top: -1.5rem;
-      margin-block-start: -1.5rem;
-      margin-block-end: 0.25rem;
-      z-index: 1;
-    }
-    ._page_io51u_1 ._sidebar_io51u_80 ._sidebar-inner_io51u_91 > div {
-      scrollbar-gutter: stable;
-      left: 0;
-    }
-    ._page_io51u_1 ._content-footer_io51u_8 {
-      padding-inline: 2rem;
-    }
-  }
-  @container page (min-width: 1024px) {
-    ._page_io51u_1 ._content-footer_io51u_8 {
-      padding-inline: 2.5rem;
-    }
-  }
-  @container page (min-width: 1280px) {
-    ._page_io51u_1 ._content-footer_io51u_8 {
-      padding-inline: 3rem;
-    }
-  }
-  ._sidebar_io51u_80._collapsed_io51u_248 ._sidebar-inner_io51u_91 {
     opacity: 0;
-    display: none;
-  }
-  @container content (min-width: 768px) {
-    ._content_io51u_8 ._content-inner_io51u_58 {
-      padding-inline: 2rem;
-    }
-  }
-  @container content (min-width: 1024px) {
-    ._content_io51u_8 ._content-inner_io51u_58 {
-      padding-inline: 2.5rem;
-    }
-  }
-  @container content (min-width: 1280px) {
-    ._content_io51u_8 ._content-inner_io51u_58 {
-      padding-inline: 3rem;
-    }
   }
-  @container content (min-width: 768px) {
-    ._content_io51u_8 ~ ._panel_io51u_165 ._panel-inner_io51u_174 {
-      padding-inline: 2rem;
-    }
-  }
-  @container page (min-width: 768px) {
-    ._panel_io51u_165 {
-      grid-area: panel;
-    }
-    ._panel_io51u_165 ._panel-inner_io51u_174 {
-      padding-inline: 2rem;
-    }
-  }
-  @container page (min-width: 1024px) {
-    ._panel_io51u_165 {
-      flex-direction: row;
-      border-inline-start: 0.0625rem solid var(--border-color-subdued, #dfe0e1);
-    }
-    ._panel_io51u_165 ._panel-inner_io51u_174 {
-      position: sticky;
-      top: var(--offset, 0px);
-      height: calc(100dvh - var(--offset, 0px));
-      overflow-y: auto;
-      padding: 1.5rem 1rem;
-      scrollbar-gutter: stable;
-      padding-right: 1.5rem;
-    }
-    ._panel_io51u_165 ._panel-inner_io51u_174 ._drilldown-open_io51u_352 {
-      overflow-y: hidden;
-    }
-    ._panel_io51u_165._small_io51u_239 ._panel-inner_io51u_174 {
-      min-width: 16rem;
-    }
-    ._panel_io51u_165._medium_io51u_242 ._panel-inner_io51u_174 {
-      min-width: 24rem;
-    }
-    ._panel_io51u_165._large_io51u_245 ._panel-inner_io51u_174 {
-      min-width: 30rem;
-    }
-  }
-  ._panel_io51u_165._noPadding_io51u_365 ._panel-inner_io51u_174 {
-    padding: 0;
-  }
-  ._panel_io51u_165:not(._open_io51u_239) ._panel-inner_io51u_174 {
-    overflow: clip;
+  ._panel_1a6ta_58:not(._open_1a6ta_58) ._panel-inner_1a6ta_365 {
     display: none;
     opacity: 0;
   }
-  @starting-style {
-    ._sidebar_io51u_80._collapsed_io51u_248 ._sidebar-inner_io51u_91 {
-      opacity: 0;
-      display: none;
-    }
-    ._panel_io51u_165:not(._open_io51u_239) ._panel-inner_io51u_174 {
-      opacity: 0;
-      display: none;
-    }
-  }
 }
-@layer application {
-  ._sidebar-adaptive-trigger_io51u_150 {
-    color: var(--foreground-color, #141414);
-    background-color: var(--background-color-stronger, #eeeeee);
-    justify-content: start;
-    width: 100%;
-  }
-  ._sidebar-adaptive-trigger_io51u_150 ._sidebar-adaptive-trigger-icon_io51u_391 {
-    flex-grow: 1;
-  }
-  ._sidebar-adaptive-container_io51u_159 > div {
-    height: -webkit-fill-available;
-    height: -moz-available;
-    height: stretch;
-  }
-  ._toggle-button-wrapper_io51u_118 ._toggle-button_io51u_118 {
-    padding: 0.5rem;
-    min-width: 2rem;
-    width: 2rem;
-    height: 2rem;
-    border-radius: 100%;
-    border-color: var(--border-color-subdued, #dfe0e1);
-    --button-background-color: var(--background-color, #ffffff);
-  }
-  ._toggle-button-wrapper_io51u_118 ._toggle-button_io51u_118::before {
-    content: "";
-    position: absolute;
-    inset: 0;
-    border-radius: inherit;
-  }
-  ._toggle-button-wrapper_io51u_118 ._toggle-button_io51u_118:hover::before {
-    background-color: var(--overlay-color-hover, rgba(20, 20, 20, 0.0784313725));
-  }
-  ._toggle-button-wrapper_io51u_118 ._toggle-button_io51u_118:active::before {
-    background-color: var(--overlay-color-active, rgba(20, 20, 20, 0.1607843137));
-  }
-  ._header_io51u_194 ._layout_io51u_418 {
-    gap: 1rem;
-  }
+}html:has(._page_1a6ta_1) {
+  scrollbar-width: none;
+}html:has(._page_1a6ta_1)::-webkit-scrollbar {
+  display: none;
 }