@planningcenter/topbar 12.3.0-qa-953.0 → 12.3.0-qa-955.0

package/dist/topbar.css

@@ -504,66 +504,24 @@ Caused by products overriding .topbar-wrap’s z-index.
   max-height: calc(100% - var(--topbar-height) - var(--t-spacing-3));
 }
 
-.hints-UF-dU {
-  display: flex;
-  flex-shrink: 0;
-  flex-wrap: wrap;
-  gap: var(--t-spacing-1) var(--t-spacing-1);
-  padding: calc(var(--t-spacing-2) - var(--t-spacing-half)) var(--t-spacing-2);
-  margin: 0;
-  color: var(--t-text-color-secondary);
-  font-size: var(--t-font-size-sm);
-  list-style: none;
-  border-top: var(--t-border-width) solid var(--t-border-color);
-}
-
-/* Padded inside so a highlight covers the whole hint, keys and label. The
-list's padding and gaps shrink to match, keeping the same spacing. */
-.hint-sJTrS {
-  display: flex;
-  align-items: center;
-  gap: var(--t-spacing-1);
-  padding: var(--t-spacing-half) var(--t-spacing-1);
-  border-radius: var(--t-border-radius-lg);
-  transition: background-color var(--t-duration-500) var(--t-ease-out);
-}
-
-.keys-VYrmf {
-  display: flex;
-  gap: var(--t-spacing-half);
-}
-
-.key-vjYin {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 28px;
-  height: 28px;
-  padding: 0 var(--t-spacing-half);
-  background-color: var(--t-fill-color-neutral-070);
-  color: var(--t-text-color-secondary);
-  font-family: inherit;
-  font-size: var(--t-font-size-md);
+/* Placeholder until design lands: just enough to tell which product is selected. */
+.tab-dz8ki[aria-selected="true"] {
+  background-color: var(--t-fill-color-interaction);
+  color: var(--t-text-color-inverted);
   font-weight: var(--t-font-weight-semibold);
-  border-radius: var(--t-border-radius-md);
 }
 
-.visuallyHidden-qq6qu {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  overflow: hidden;
-  clip-path: inset(50%);
-  white-space: nowrap;
+/* Placeholder until design lands: just enough to see which result is highlighted. */
+.result-Thq2C {
+  display: block;
 }
 
-/* Flashes green on copy, then fades as the label goes back. */
-.copied-eJIqx {
-  background-color: var(--t-fill-color-status-success-ghost);
-  transition: none;
+.result-Thq2C[aria-selected="true"] {
+  background-color: var(--t-fill-color-interaction);
+  color: var(--t-text-color-inverted);
 }
 
-.visuallyHidden-C28ju {
+.visuallyHidden-S9VG5 {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -572,274 +530,6 @@ list's padding and gaps shrink to match, keeping the same spacing. */
   white-space: nowrap;
 }
 
-.searchButton-YAeJ1 {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: var(--topbar-nav-link-height);
-  height: var(--topbar-nav-link-height);
-  padding: 0;
-  margin-right: var(--t-spacing-half);
-  background-color: var(--topbar-nav-link-background-color-active);
-  color: var(--topbar-nav-link-font-color);
-  border: var(--t-border-width) solid var(--topbar-nav-link-border-color-active);
-  border-radius: var(--topbar-nav-link-border-radius);
-  cursor: pointer;
-  transition: var(--topbar-nav-link-transition);
-}
-
-.modal-NR3TO {
-  height: min(640px, calc(100dvh - var(--t-spacing-3) * 2));
-  border: var(--t-border-width) solid var(--t-border-color);
-}
-
-.header-c3SLe {
-  display: flex;
-  flex-shrink: 0;
-  align-items: center;
-  gap: var(--t-spacing-1);
-  padding: 0 var(--t-spacing-3) var(--t-spacing-2);
-  cursor: text;
-}
-
-.input-DkZNI {
-  flex: 1;
-  min-width: 0;
-  padding: 0;
-  background: none;
-  color: var(--t-text-color);
-  font: inherit;
-  font-size: var(--t-font-size-xl);
-  border: 0;
-  outline: none;
-
-  &::placeholder {
-    color: var(--t-text-color-placeholder);
-  }
-
-  &::-webkit-search-cancel-button {
-    appearance: none;
-  }
-}
-
-.clearButton-t5hFs {
-  --clear-button-size: 20px;
-
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  width: var(--clear-button-size);
-  height: var(--clear-button-size);
-  padding: 0;
-  background: var(--t-fill-color-neutral-030);
-  color: #fff;
-  border: 0;
-  border-radius: var(--t-border-radius-round);
-  cursor: pointer;
-  transition: var(--topbar-slight-transition-background);
-
-  &:hover {
-    background-color: var(--t-fill-color-neutral-040);
-  }
-
-  svg {
-    height: calc(var(--clear-button-size) * 0.65);
-    width: calc(var(--clear-button-size) * 0.65);
-  }
-}
-
-.icon-XKLvN {
-  position: relative;
-  display: block;
-  flex-shrink: 0;
-}
-
-.icon-XKLvN::before {
-  content: "";
-  position: absolute;
-  inset: 12.5%;
-  background-color: hsl(0, 0%, 100%);
-  border-radius: 20%;
-}
-
-.squircle-JCHr6 {
-  position: absolute;
-  inset: 0;
-  mask-size: 100%;
-}
-
-.tablist-appO2 {
-  display: flex;
-  flex-shrink: 0;
-  gap: var(--t-spacing-half);
-  padding-inline: var(--t-spacing-2);
-  padding-top: var(--t-spacing-2);
-  border-bottom: var(--t-border-width) solid var(--t-border-color);
-}
-
-.tab-lQLDx {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: var(--t-spacing-1);
-  min-width: 48px;
-  height: 40px;
-  padding: 0 var(--t-spacing-2);
-  margin-bottom: calc(var(--t-border-width) * -1);
-  background-color: var(--t-fill-color-neutral-070);
-  color: var(--t-text-color-secondary);
-  font-size: var(--t-font-size-md);
-  border: var(--t-border-width) solid transparent;
-  border-bottom-color: var(--t-border-color);
-  border-radius: var(--t-border-radius-md) var(--t-border-radius-md) 0 0;
-  cursor: pointer;
-
-  &:hover {
-    background-color: var(--t-fill-color-neutral-060);
-  }
-
-  /* Drawn on a pseudo-element so the ring can round every corner, unlike the
-  tab's square bottom. */
-  &:focus-visible {
-    z-index: 1;
-    outline: none;
-
-    &::after {
-      content: "";
-      position: absolute;
-      /* Measured from inside the tab's border, so step out past it too. */
-      inset: calc((var(--t-focus-ring-offset) + var(--t-border-width)) * -1);
-      border-radius: calc(
-        var(--t-border-radius-md) + var(--t-focus-ring-offset)
-      );
-      box-shadow: 0 0 0 var(--t-focus-ring-width) var(--t-focus-ring-color);
-      pointer-events: none;
-    }
-  }
-
-  &[aria-selected="true"] {
-    background-color: var(--t-surface-color-card);
-    border-color: var(--t-border-color);
-    border-bottom-color: var(--t-surface-color-card);
-    cursor: default;
-  }
-
-  &:not([aria-selected="true"]) .label-rJlAb {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    overflow: hidden;
-    clip-path: inset(50%);
-    white-space: nowrap;
-  }
-}
-
-.panel-EwGMa {
-  --scroll-shadow-cover: var(--t-surface-color-card);
-  --scroll-shadow: color-mix(
-    in srgb,
-    var(--t-fill-color-transparency-dark-static-010) 75%,
-    transparent
-  );
-
-  flex: 1;
-  min-height: 0;
-  padding: var(--t-spacing-3);
-  overflow-y: auto;
-  overscroll-behavior: contain;
-  background:
-    linear-gradient(transparent, var(--scroll-shadow-cover) 28px) bottom /
-      100% 48px no-repeat local,
-    radial-gradient(
-        farthest-side at 50% 100%,
-        var(--scroll-shadow),
-        transparent
-      )
-      bottom / 100% 12px no-repeat scroll;
-}
-
-.result-WCnxr {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  min-height: 56px;
-  padding: var(--t-spacing-1) 12px;
-  color: var(--t-text-color);
-  text-decoration: none;
-  border-radius: var(--t-border-radius-lg);
-}
-
-.result-WCnxr[aria-selected="true"] {
-  background-color: var(--t-fill-color-button-interaction-ghost-hover);
-}
-
-.title-mN-XJ {
-  flex-shrink: 0;
-  max-width: 60%;
-  overflow: hidden;
-  font-size: var(--t-font-size-lg);
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.subtitle-zjIAF {
-  min-width: 0;
-  overflow: hidden;
-  color: var(--t-text-color-secondary);
-  font-size: var(--t-font-size-sm);
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.image-JipWQ {
-  position: relative;
-  flex-shrink: 0;
-  width: 32px;
-  height: 32px;
-}
-
-.avatar-XNnjp,
-.photo-Soks3 {
-  display: block;
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-
-.avatar-XNnjp {
-  border-radius: 50%;
-}
-
-.photo-Soks3 {
-  border-radius: var(--t-border-radius-md);
-}
-
-.badge-wnHBD {
-  position: absolute;
-  right: -4px;
-  bottom: -4px;
-  filter: drop-shadow(0 1px 1px var(--t-fill-color-transparency-dark-static-010));
-}
-
-.message-ZgZ07 {
-  margin: 0;
-  padding-block: var(--t-spacing-5);
-  color: var(--t-text-color-secondary);
-  text-align: center;
-}
-
-/* Inset to line up with the result images. */
-.heading-941n0 {
-  padding: var(--t-spacing-1) 12px;
-  color: var(--t-text-color-secondary);
-  font-size: var(--t-font-size-sm);
-}
-.heading-941n0:not(:first-child) {
-  margin-top: var(--t-spacing-2);
-}
-
 .route--8BWe {
   font-size: var(--topbar-nav-link-font-size);
   font-family: inherit;

package/dist/topbar.css.map

@@ -1 +1 @@
-{"version":3,"sources":["topbar.scss","_utils.scss","_native-in-app-browser.scss","styles.module.css","app_row.module.css","apps_button.module.scss","apps_menu.module.css","unbutton.module.css","popup.module.css","keyboard_hints.module.css","product_search.module.css","product_icon.module.css","product_tabs.module.css","search_result.module.css","search_results.module.css","user_menu.module.css","avatar.module.css","apps_switcher.module.css","debug_pco_resource.module.css","drawer.module.css","indicator_dot.module.css","color_mode_switcher.module.scss","AskAIBanner.module.css"],"names":[],"mappings":"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","file":"topbar.css","sourcesContent":["@charset \"UTF-8\";\n:root {\n  --topbar-height: 56px;\n  --topbar-slight-transition: 120ms ease-in;\n  --topbar-slight-transition-background: background-color var(--topbar-slight-transition);\n  --topbar-scrollbar-color: var(--t-fill-color-transparency-dark-030) transparent;\n  --topbar-scrollbar-width: thin;\n  --topbar-nav-link-font-size: var(--t-font-size-sm);\n  --topbar-nav-link-font-color: var(--t-text-color-headline);\n  --topbar-nav-link-height: var(--t-container-size-md);\n  --topbar-nav-link-background-color: transparent;\n  --topbar-nav-link-padding-x: 12px;\n  --topbar-nav-link-border-color: transparent;\n  --topbar-nav-link-border-radius: 999px;\n  --topbar-nav-link-transition: var(--topbar-slight-transition-background);\n  --topbar-nav-link-background-color-hover: var(--t-fill-color-transparency-light-040);\n  --topbar-nav-link-background-color-active: var(--t-fill-color-transparency-light-060);\n  --topbar-nav-link-border-color-active: var(--t-fill-color-transparency-light-030);\n  --toolbar-width: 64px;\n  --toolbar-inner-width: 48px;\n  --toolbar-drawer-width: 360px;\n  --toolbar-navbar-height: 56px;\n  --content-wrap-border-color: hsla(0, 0%, 0%, 0.08);\n  --content-wrap-shadow-dimensions: 0 -1px 0 0;\n}\n\n@media (min-width: 600px) {\n  :root {\n    --topbar-height: 64px;\n    --content-wrap-shadow-dimensions: 0 0 0 1px;\n  }\n}\n:root[data-color-mode=dark] {\n  --topbar-nav-link-background-color-hover: var(--t-fill-color-transparency-light-020);\n  --topbar-nav-link-background-color-active: var(--t-fill-color-transparency-light-030);\n  --topbar-nav-link-border-color-active: var(--t-fill-color-transparency-light-010);\n  --content-wrap-border-color: hsla(0, 0%, 100%, 0.04);\n}\n\n@media (prefers-color-scheme: dark) {\n  :root[data-color-mode=system] {\n    --topbar-nav-link-background-color-hover: var(--t-fill-color-transparency-light-020);\n    --topbar-nav-link-background-color-active: var(--t-fill-color-transparency-light-030);\n    --topbar-nav-link-border-color-active: var(--t-fill-color-transparency-light-010);\n    --content-wrap-border-color: hsla(0, 0%, 100%, 0.04);\n  }\n}\n/*\nFix for Safari bug:\nOn mobile breakpoints, when the app switcher or user profile menu are open,\nprevent .top-wrap from covering them.\n\nCaused by products overriding .topbar-wrap’s z-index.\n*/\n.page-wrap:has(div[class^=appmenu-layer][style*=\"display: block\"]) .topbar-wrap {\n  z-index: initial !important;\n}\n\n.hide-scrollbar {\n  -ms-overflow-style: none; /* IE and Edge */\n  scrollbar-width: none; /* Firefox */\n}\n\n.hide-scrollbar::-webkit-scrollbar {\n  display: none; /* Chrome, Safari, and Opera */\n}\n\n:root[data-app-context=native] {\n  --toolbar-navbar-height: 0;\n}\n:root[data-app-context=native],\n:root[data-app-context=native] body {\n  height: auto;\n  min-height: 100vh;\n}\n:root[data-app-context=native] .page-wrap,\n:root[data-app-context=native] .product-wrap {\n  height: auto;\n  overflow: visible;\n}\n:root[data-app-context=native] .top-wrap,\n:root[data-app-context=native] .page-wrap,\n:root[data-app-context=native] .product-wrap,\n:root[data-app-context=native] .toolbar-wrap {\n  min-width: 0;\n}\n\n:root[data-app-context=native] * {\n  -webkit-overflow-scrolling: auto !important;\n}\n\n:root[data-app-context=native] .topbar-wrap {\n  display: none;\n}\n\n:root[data-app-context=native] .toolbar-wrap {\n  overflow: hidden;\n}\n\n:root[data-app-context=native] .content-wrap {\n  padding-bottom: var(--app-content-inset-bottom, unset);\n  overflow: visible;\n}\n\n:root[data-app-context=native] .content-scroll footer[role=contentinfo] {\n  display: none;\n}\n\n@media screen and (min-width: 600px) {\n  :root[data-app-context=native] {\n    --toolbar-width: 0px;\n    --topbar-height: 0px;\n    --toolbar-drawer-width: 48vw;\n  }\n  :root[data-app-context=native] .content-wrap {\n    margin: 0 !important;\n    border-radius: 0;\n  }\n  :root[data-app-context=native] .toolbar-wrap {\n    overflow: visible;\n  }\n}",":root {\n  --topbar-height: 56px;\n  --topbar-slight-transition: 120ms ease-in;\n  --topbar-slight-transition-background: background-color var(--topbar-slight-transition);\n  --topbar-scrollbar-color: var(--t-fill-color-transparency-dark-030) transparent;\n  --topbar-scrollbar-width: thin;\n\n  --topbar-nav-link-font-size: var(--t-font-size-sm);\n  --topbar-nav-link-font-color: var(--t-text-color-headline);\n  --topbar-nav-link-height: var(--t-container-size-md);\n  --topbar-nav-link-background-color: transparent;\n  --topbar-nav-link-padding-x: 12px;\n  --topbar-nav-link-border-color: transparent;\n  --topbar-nav-link-border-radius: 999px;\n  --topbar-nav-link-transition: var(--topbar-slight-transition-background);\n\n  --topbar-nav-link-background-color-hover: var(--t-fill-color-transparency-light-040);\n\n  --topbar-nav-link-background-color-active: var(--t-fill-color-transparency-light-060);\n  --topbar-nav-link-border-color-active: var(--t-fill-color-transparency-light-030);\n\n  --toolbar-width: 64px;\n  --toolbar-inner-width: 48px;\n  --toolbar-drawer-width: 360px;\n  --toolbar-navbar-height: 56px;\n\n  --content-wrap-border-color: hsla(0, 0%, 0%, 0.08);\n  --content-wrap-shadow-dimensions: 0 -1px 0 0;\n}\n\n@media (min-width: 600px) {\n  :root {\n    --topbar-height: 64px;\n\n    --content-wrap-shadow-dimensions: 0 0 0 1px;\n  }\n}\n\n:root[data-color-mode=\"dark\"] {\n  --topbar-nav-link-background-color-hover: var(--t-fill-color-transparency-light-020);\n\n  --topbar-nav-link-background-color-active: var(--t-fill-color-transparency-light-030);\n  --topbar-nav-link-border-color-active: var(--t-fill-color-transparency-light-010);\n\n  --content-wrap-border-color: hsla(0, 0%, 100%, 0.04);\n}\n\n@media (prefers-color-scheme: dark) {\n  :root[data-color-mode=\"system\"] {\n    --topbar-nav-link-background-color-hover: var(--t-fill-color-transparency-light-020);\n\n    --topbar-nav-link-background-color-active: var(--t-fill-color-transparency-light-030);\n    --topbar-nav-link-border-color-active: var(--t-fill-color-transparency-light-010);\n\n    --content-wrap-border-color: hsla(0, 0%, 100%, 0.04);\n  }\n}\n\n/*\nFix for Safari bug:\nOn mobile breakpoints, when the app switcher or user profile menu are open,\nprevent .top-wrap from covering them.\n\nCaused by products overriding .topbar-wrap’s z-index.\n*/\n.page-wrap:has(div[class^=\"appmenu-layer\"][style*=\"display: block\"]) .topbar-wrap {\n  z-index: initial !important;\n}\n\n.hide-scrollbar {\n  -ms-overflow-style: none; /* IE and Edge */\n  scrollbar-width: none; /* Firefox */\n}\n\n.hide-scrollbar::-webkit-scrollbar {\n  display: none; /* Chrome, Safari, and Opera */\n}\n","// The document (not .content-wrap) must own vertical scrolling for iOS scroll-to-top and pull-to-refresh to work.\n:root[data-app-context=\"native\"] {\n  --toolbar-navbar-height: 0;\n\n  &,\n  body {\n    height: auto;\n    min-height: 100vh;\n  }\n\n  .page-wrap,\n  .product-wrap {\n    height: auto;\n    overflow: visible;\n  }\n\n  // Without overflow: hidden these grid items lose their automatic minimum\n  // size of 0, letting wide content (tables) blow the layout past the viewport.\n  .top-wrap,\n  .page-wrap,\n  .product-wrap,\n  .toolbar-wrap {\n    min-width: 0;\n  }\n}\n\n// Legacy touch scrolling is a no-op in Safari but still active inside embedded\n// WKWebViews, where it swallows vertical pans that should chain to the document.\n:root[data-app-context=\"native\"] * {\n  -webkit-overflow-scrolling: auto !important;\n}\n\n:root[data-app-context=\"native\"] .topbar-wrap {\n  display: none;\n}\n\n:root[data-app-context=\"native\"] .toolbar-wrap {\n  overflow: hidden;\n}\n\n:root[data-app-context=\"native\"] .content-wrap {\n  padding-bottom: var(--app-content-inset-bottom, unset);\n  overflow: visible;\n}\n\n:root[data-app-context=\"native\"] .content-scroll footer[role=\"contentinfo\"] {\n  display: none;\n}\n\n@media screen and (min-width: 600px) {\n  :root[data-app-context=\"native\"] {\n    --toolbar-width: 0px;\n    --topbar-height: 0px;\n    --toolbar-drawer-width: 48vw;\n  }\n\n  :root[data-app-context=\"native\"] .content-wrap {\n    margin: 0 !important;\n    border-radius: 0;\n  }\n\n  :root[data-app-context=\"native\"] .toolbar-wrap {\n    overflow: visible;\n  }\n}\n\n",".toolbar {\n  display: flex;\n  width: 100vw;\n  height: var(--toolbar-navbar-height);\n  padding: var(--t-spacing-1);\n  padding-top: calc(var(--t-spacing-1) - 1px);\n  gap: var(--t-spacing-1);\n}\n\n.toolbar-button {\n  font: inherit;\n  color: var(--t-fill-color-transparency-dark-060);\n  background-color: transparent;\n  border: var(--t-border-width) solid transparent;\n  border-radius: var(--t-border-radius-lg);\n  flex-grow: 1;\n  transition: var(--topbar-slight-transition-background);\n  cursor: pointer;\n  appearance: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.toolbar-button:hover {\n  background-color: var(--t-fill-color-button-interaction-ghost-hover);\n}\n.toolbar-button:active,\n.toolbar-button.is-current {\n  color: var(--t-fill-color-transparency-dark-080);\n  background-color: var(--t-fill-color-button-interaction-ghost-active);\n}\n\n.toolbar-button--avatar {\n  display: none;\n}\n.toolbar-button--avatar > div {\n  margin-left: 0;\n  width: var(--t-container-size-md);\n  height: auto;\n  aspect-ratio: 1 / 1;\n}\n\n.toolbar-button--home {\n  color: hsl(221, 93%, 55%);\n}\n\n@media (min-width: 600px) {\n  .toolbar {\n    width: var(--toolbar-width);\n    height: auto;\n    padding-top: var(--t-spacing-1);\n    flex-direction: column;\n  }\n\n  .toolbar-button {\n    aspect-ratio: 1 / 1;\n  }\n  .toolbar-button:hover {\n    background-color: var(--t-fill-color-transparency-light-040);\n  }\n  .toolbar-button:active,\n  .toolbar-button.is-current {\n    color: var(--t-fill-color-transparency-dark-080);\n    background-color: var(--t-fill-color-transparency-light-060);\n    border-color: var(--t-fill-color-transparency-light-030);\n  }\n\n  .toolbar-button--avatar {\n    display: inline-flex;\n  }\n\n  .toolbar-button--home {\n    display: none;\n  }\n}\n",".icon-slot {\n  display: flex;\n  justify-content: center;\n  width: var(--t-container-size-sm);\n  flex-shrink: 0;\n}\n\n.name {\n  font-size: inherit;\n}\n",".button {\n  color: var(--t-text-color);\n  padding-left: var(--t-spacing-1);\n  padding-right: var(--t-spacing-1);\n  height: 100%;\n  white-space: nowrap;\n  display: flex;\n  align-items: center;\n  gap: var(--t-spacing-1);\n  transition: var(--topbar-slight-transition-background);\n\n  --\\_svg-display: none;\n\n  svg[data-logo=\"mono-app-text\"],\n  svg[class^=\"chevron\"] {\n    display: var(--\\_svg-display);\n  }\n\n  @media (min-width: 720px) {\n    --\\_svg-display: block;\n\n    padding-left: var(--t-spacing-2);\n    padding-right: var(--t-spacing-2);\n\n    svg[data-logo=\"color-app-icon\"] {\n      width: 24px;\n      height: 24px;\n    }\n  }\n}\n\n.button-accounts {\n  color: var(--t-text-color);\n  font-size: var(--t-font-size-sm);\n  font-weight: var(--t-font-weight-medium);\n  margin-left: var(--t-spacing-fourth);\n}\n\n.chevron {\n  border-radius: 100%;\n  padding: var(--t-spacing-fourth);\n  display: block;\n  transition: var(--topbar-slight-transition-background);\n  transition-property: background-color, transform;\n}\n.chevron polygon {\n  transform: translateY(0.5px);\n}\n\n.button:hover .chevron,\n.button.is-expanded .chevron {\n  background-color: var(--t-fill-color-transparency-light-050);\n}\n.button.is-expanded .chevron {\n  transform: rotate(180deg);\n}\n",".popup {\n  top: calc(var(--topbar-height) - var(--t-spacing-1));\n  left: var(--t-spacing-2);\n  min-width: 180px;\n  max-height: calc(100% - var(--topbar-height) - var(--t-spacing-3));\n}\n",".unbutton {\n  font-family: inherit;\n  appearance: none;\n  background-color: transparent;\n  border: none;\n  cursor: pointer;\n  display: inline-block;\n  outline: 0;\n  padding: 0;\n}\n",".popup-root {\n  display: flex;\n  align-self: flex-end;\n}\n\n.popup {\n  background: var(--t-surface-color-card);\n  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 4px 12px 2px rgba(0, 0, 0, 0.16);\n  border-radius: var(--t-border-radius-lg);\n  position: absolute;\n  overflow: auto;\n  scrollbar-color: var(--topbar-scrollbar-color);\n  scrollbar-width: var(--topbar-scrollbar-width);\n  opacity: 0;\n  visibility: hidden;\n  transition: all 120ms ease-in;\n}\n\n.popup.is-visible {\n  opacity: 1;\n  transition: none;\n  visibility: visible;\n}\n",".hints {\n  display: flex;\n  flex-shrink: 0;\n  flex-wrap: wrap;\n  gap: var(--t-spacing-1) var(--t-spacing-1);\n  padding: calc(var(--t-spacing-2) - var(--t-spacing-half)) var(--t-spacing-2);\n  margin: 0;\n  color: var(--t-text-color-secondary);\n  font-size: var(--t-font-size-sm);\n  list-style: none;\n  border-top: var(--t-border-width) solid var(--t-border-color);\n}\n\n/* Padded inside so a highlight covers the whole hint, keys and label. The\nlist's padding and gaps shrink to match, keeping the same spacing. */\n.hint {\n  display: flex;\n  align-items: center;\n  gap: var(--t-spacing-1);\n  padding: var(--t-spacing-half) var(--t-spacing-1);\n  border-radius: var(--t-border-radius-lg);\n  transition: background-color var(--t-duration-500) var(--t-ease-out);\n}\n\n.keys {\n  display: flex;\n  gap: var(--t-spacing-half);\n}\n\n.key {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 28px;\n  height: 28px;\n  padding: 0 var(--t-spacing-half);\n  background-color: var(--t-fill-color-neutral-070);\n  color: var(--t-text-color-secondary);\n  font-family: inherit;\n  font-size: var(--t-font-size-md);\n  font-weight: var(--t-font-weight-semibold);\n  border-radius: var(--t-border-radius-md);\n}\n\n.visuallyHidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap;\n}\n\n/* Flashes green on copy, then fades as the label goes back. */\n.copied {\n  background-color: var(--t-fill-color-status-success-ghost);\n  transition: none;\n}\n",".visuallyHidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap;\n}\n\n.searchButton {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--topbar-nav-link-height);\n  height: var(--topbar-nav-link-height);\n  padding: 0;\n  margin-right: var(--t-spacing-half);\n  background-color: var(--topbar-nav-link-background-color-active);\n  color: var(--topbar-nav-link-font-color);\n  border: var(--t-border-width) solid var(--topbar-nav-link-border-color-active);\n  border-radius: var(--topbar-nav-link-border-radius);\n  cursor: pointer;\n  transition: var(--topbar-nav-link-transition);\n}\n\n.modal {\n  height: min(640px, calc(100dvh - var(--t-spacing-3) * 2));\n  border: var(--t-border-width) solid var(--t-border-color);\n}\n\n.header {\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  gap: var(--t-spacing-1);\n  padding: 0 var(--t-spacing-3) var(--t-spacing-2);\n  cursor: text;\n}\n\n.input {\n  flex: 1;\n  min-width: 0;\n  padding: 0;\n  background: none;\n  color: var(--t-text-color);\n  font: inherit;\n  font-size: var(--t-font-size-xl);\n  border: 0;\n  outline: none;\n\n  &::placeholder {\n    color: var(--t-text-color-placeholder);\n  }\n\n  &::-webkit-search-cancel-button {\n    appearance: none;\n  }\n}\n\n.clearButton {\n  --clear-button-size: 20px;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: var(--clear-button-size);\n  height: var(--clear-button-size);\n  padding: 0;\n  background: var(--t-fill-color-neutral-030);\n  color: #fff;\n  border: 0;\n  border-radius: var(--t-border-radius-round);\n  cursor: pointer;\n  transition: var(--topbar-slight-transition-background);\n\n  &:hover {\n    background-color: var(--t-fill-color-neutral-040);\n  }\n\n  svg {\n    height: calc(var(--clear-button-size) * 0.65);\n    width: calc(var(--clear-button-size) * 0.65);\n  }\n}\n",".icon {\n  position: relative;\n  display: block;\n  flex-shrink: 0;\n}\n\n.icon::before {\n  content: \"\";\n  position: absolute;\n  inset: 12.5%;\n  background-color: hsl(0, 0%, 100%);\n  border-radius: 20%;\n}\n\n.squircle {\n  position: absolute;\n  inset: 0;\n  mask-size: 100%;\n}\n",".tablist {\n  display: flex;\n  flex-shrink: 0;\n  gap: var(--t-spacing-half);\n  padding-inline: var(--t-spacing-2);\n  padding-top: var(--t-spacing-2);\n  border-bottom: var(--t-border-width) solid var(--t-border-color);\n}\n\n.tab {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--t-spacing-1);\n  min-width: 48px;\n  height: 40px;\n  padding: 0 var(--t-spacing-2);\n  margin-bottom: calc(var(--t-border-width) * -1);\n  background-color: var(--t-fill-color-neutral-070);\n  color: var(--t-text-color-secondary);\n  font-size: var(--t-font-size-md);\n  border: var(--t-border-width) solid transparent;\n  border-bottom-color: var(--t-border-color);\n  border-radius: var(--t-border-radius-md) var(--t-border-radius-md) 0 0;\n  cursor: pointer;\n\n  &:hover {\n    background-color: var(--t-fill-color-neutral-060);\n  }\n\n  /* Drawn on a pseudo-element so the ring can round every corner, unlike the\n  tab's square bottom. */\n  &:focus-visible {\n    z-index: 1;\n    outline: none;\n\n    &::after {\n      content: \"\";\n      position: absolute;\n      /* Measured from inside the tab's border, so step out past it too. */\n      inset: calc((var(--t-focus-ring-offset) + var(--t-border-width)) * -1);\n      border-radius: calc(\n        var(--t-border-radius-md) + var(--t-focus-ring-offset)\n      );\n      box-shadow: 0 0 0 var(--t-focus-ring-width) var(--t-focus-ring-color);\n      pointer-events: none;\n    }\n  }\n\n  &[aria-selected=\"true\"] {\n    background-color: var(--t-surface-color-card);\n    border-color: var(--t-border-color);\n    border-bottom-color: var(--t-surface-color-card);\n    cursor: default;\n  }\n\n  &:not([aria-selected=\"true\"]) .label {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    clip-path: inset(50%);\n    white-space: nowrap;\n  }\n}\n\n.panel {\n  --scroll-shadow-cover: var(--t-surface-color-card);\n  --scroll-shadow: color-mix(\n    in srgb,\n    var(--t-fill-color-transparency-dark-static-010) 75%,\n    transparent\n  );\n\n  flex: 1;\n  min-height: 0;\n  padding: var(--t-spacing-3);\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  background:\n    linear-gradient(transparent, var(--scroll-shadow-cover) 28px) bottom /\n      100% 48px no-repeat local,\n    radial-gradient(\n        farthest-side at 50% 100%,\n        var(--scroll-shadow),\n        transparent\n      )\n      bottom / 100% 12px no-repeat scroll;\n}\n",".result {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  min-height: 56px;\n  padding: var(--t-spacing-1) 12px;\n  color: var(--t-text-color);\n  text-decoration: none;\n  border-radius: var(--t-border-radius-lg);\n}\n\n.result[aria-selected=\"true\"] {\n  background-color: var(--t-fill-color-button-interaction-ghost-hover);\n}\n\n.title {\n  flex-shrink: 0;\n  max-width: 60%;\n  overflow: hidden;\n  font-size: var(--t-font-size-lg);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.subtitle {\n  min-width: 0;\n  overflow: hidden;\n  color: var(--t-text-color-secondary);\n  font-size: var(--t-font-size-sm);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.image {\n  position: relative;\n  flex-shrink: 0;\n  width: 32px;\n  height: 32px;\n}\n\n.avatar,\n.photo {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.avatar {\n  border-radius: 50%;\n}\n\n.photo {\n  border-radius: var(--t-border-radius-md);\n}\n\n.badge {\n  position: absolute;\n  right: -4px;\n  bottom: -4px;\n  filter: drop-shadow(0 1px 1px var(--t-fill-color-transparency-dark-static-010));\n}\n",".message {\n  margin: 0;\n  padding-block: var(--t-spacing-5);\n  color: var(--t-text-color-secondary);\n  text-align: center;\n}\n\n/* Inset to line up with the result images. */\n.heading {\n  padding: var(--t-spacing-1) 12px;\n  color: var(--t-text-color-secondary);\n  font-size: var(--t-font-size-sm);\n}\n.heading:not(:first-child) {\n  margin-top: var(--t-spacing-2);\n}\n",".popup {\n  color: var(--t-text-color);\n  min-width: 242px;\n  max-width: 320px;\n  margin-top: calc(var(--t-spacing-1) * -1);\n  right: calc(var(--t-spacing-1) + 1px); /* 1px is to account for .product-wrap { padding-right: 1px  } */\n  max-height: calc(100% - var(--topbar-height) - var(--t-spacing-3));\n}\n\n.trigger-wrap {\n  margin-left: var(--t-spacing-1);\n  position: relative;\n  white-space: nowrap;\n  cursor: pointer;\n}\n\n.trigger {\n  font-size: var(--topbar-nav-link-font-size);\n  color: var(--topbar-nav-link-font-color);\n  height: var(--topbar-nav-link-height);\n  background-color: var(--topbar-nav-link-background-color-active);\n  padding: 0 var(--topbar-nav-link-padding-x);\n  border: var(--t-border-width) solid var(--topbar-nav-link-border-color-active);\n  border-radius: var(--topbar-nav-link-border-radius);\n  min-width: var(--t-container-size-md);\n  transition: var(--topbar-nav-link-transition);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  outline: 0;\n  appearance: none;\n  cursor: pointer;\n}\n\n.trigger svg {\n  transition: transform var(--topbar-slight-transition);\n  /* Negative margin ensures button is a circle when orgname isn’t visible */\n  margin-left: calc(var(--t-spacing-1) * -1);\n  margin-right: calc(var(--t-spacing-1) * -1);\n}\n\n.trigger.is-visible svg {\n  transform: rotate(180deg);\n}\n\n.trigger-orgname {\n  max-width: 240px;\n  margin-right: var(--t-spacing-fourth);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.trigger-orgname + svg {\n  color: var(--t-fill-color-transparency-dark-050);\n  /* Correct margin for when orgname is visible */\n  margin-left: 0;\n  margin-right: calc(var(--t-spacing-fourth) * -1);\n}\n",".avatar {\n  background-color: var(--t-fill-color-transparency-light-020);\n  background-position: center;\n  background-size: cover;\n  border-radius: 50%;\n  height: var(--t-element-size-2xl);\n  width: var(--t-element-size-2xl);\n  margin-left: var(--t-spacing-half);\n}\n",".trigger {\n  border-width: 0;\n  background-color: transparent;\n  height: 100%;\n  padding-left: var(--t-spacing-2);\n  padding-right: var(--t-spacing-3);\n  appearance: none;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.layer {\n  align-items: flex-end;\n  color: var(--t-text-color-headline);\n  display: flex;\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 100;\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n  visibility: hidden;\n  transition: visibility var(--t-duration-0) var(--t-ease-linear)\n    var(--t-duration-400);\n}\n\n.layer.layer--visible {\n  visibility: visible;\n  transition: visibility var(--t-duration-0) var(--t-ease-linear)\n    var(--t-duration-0);\n}\n\n.panel {\n  background-color: var(--t-surface-color-card);\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  overflow-y: auto;\n  padding: 0;\n  transform: translateX(-100%);\n  transition: transform var(--t-duration-400) var(--t-ease-out);\n}\n\n.layer--visible .panel {\n  transform: translateX(0);\n}\n\n.header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: var(--t-container-size-xl);\n  padding: 0 var(--t-spacing-1);\n  position: sticky;\n  top: 0;\n  background-color: var(--t-surface-color-card);\n}\n\n.heading {\n  font-size: var(--t-font-size-lg);\n  font-weight: var(--t-font-weight-semibold);\n  padding-left: var(--t-spacing-1);\n}\n\n.close svg {\n  width: var(--t-element-size-xl);\n  height: var(--t-element-size-xl);\n}\n\n.close {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: transparent;\n  border-width: 0;\n  padding: var(--t-spacing-1);\n  appearance: none;\n}\n\n.list {\n  list-style: none;\n  margin: 0;\n  padding: var(--t-spacing-half) var(--t-spacing-1) 0;\n}\n\n.link {\n  display: flex;\n  align-items: center;\n  gap: var(--t-spacing-1);\n  min-height: var(--t-container-size-xl);\n  padding: 0 var(--t-spacing-1);\n  border-radius: var(--t-border-radius-lg);\n  font-size: var(--t-font-size-md);\n  font-weight: var(--t-font-weight-semibold);\n  text-decoration: none;\n  color: var(--t-text-color-headline);\n}\n\n.link:active {\n  background: var(--t-fill-color-button-neutral-ghost-active);\n}\n\n.current {\n  background: var(--t-fill-color-button-interaction-ghost-active);\n}\n\n.current:active {\n  background: var(--t-fill-color-button-interaction-ghost-hover);\n}\n\n.accounts-item {\n  margin-top: var(--t-spacing-half);\n  padding-top: var(--t-spacing-half);\n  padding-bottom: var(--t-spacing-1);\n  border-top: var(--t-border-width) solid var(--t-border-color-dim);\n}\n\n.accounts-link {\n  color: var(--t-text-color-secondary);\n  font-weight: var(--t-font-weight-normal);\n}\n\n.accounts-link svg {\n  opacity: 0.5;\n}\n",".debug-pco-resource {\n  display: flex;\n  flex-direction: column;\n  gap: var(--t-spacing-1);\n  margin: var(--t-spacing-2);\n  padding: var(--t-spacing-2);\n  border: var(--t-border-width-thick) solid var(--t-fill-color-product-staff);\n  border-radius: var(--t-border-radius-lg);\n  background-color: var(--t-fill-color-tag-pink-010);\n}\n\n.debug-pco-resource-header {\n  display: flex;\n  align-items: center;\n  gap: var(--t-spacing-1);\n  margin-bottom: var(--t-spacing-half);\n}\n\n.debug-pco-resource-badge {\n  padding: var(--t-spacing-fourth) var(--t-spacing-half);\n  border-radius: var(--t-border-radius-round);\n  background-color: var(--t-fill-color-product-staff);\n  color: #fff;\n  font-size: var(--t-font-size-2xs);\n  font-weight: var(--t-font-weight-bold);\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n}\n\n.debug-pco-resource-title {\n  color: var(--t-text-color);\n  font-size: var(--t-font-size-sm);\n  font-weight: var(--t-font-weight-semibold);\n}\n\n.debug-pco-resource-field {\n  display: flex;\n  flex-direction: column;\n  gap: var(--t-spacing-fourth);\n}\n\n.debug-pco-resource-field-label {\n  color: var(--t-text-color-secondary);\n  font-size: var(--t-font-size-2xs);\n  font-weight: var(--t-font-weight-semibold);\n  letter-spacing: 0.03em;\n  text-transform: uppercase;\n}\n\n.debug-pco-resource-field-value {\n  padding: var(--t-spacing-fourth) var(--t-spacing-half);\n  border-radius: var(--t-border-radius-sm);\n  background-color: var(--t-fill-color-neutral-070);\n  color: var(--t-text-color);\n  font-family: var(--t-font-monospace);\n  font-size: var(--t-font-size-xs);\n  overflow-wrap: break-word;\n}\n\n.debug-pco-resource-note {\n  margin: 0;\n  color: var(--t-text-color-secondary);\n  font-size: var(--t-font-size-xs);\n  font-style: italic;\n}\n\n.debug-pco-resource-json {\n  max-height: 240px;\n  margin: 0;\n  padding: var(--t-spacing-1);\n  overflow: auto;\n  border-radius: var(--t-border-radius-sm);\n  background-color: var(--t-fill-color-neutral-070);\n  color: var(--t-text-color);\n  font-family: var(--t-font-monospace);\n  font-size: var(--t-font-size-xs);\n  white-space: pre-wrap;\n  overflow-wrap: break-word;\n}\n",".drawer-wrap {\n  width: 100%;\n  background-color: var(--t-surface-color-card);\n\n  display: none;\n  position: fixed;\n  top: 0;\n  bottom: var(--toolbar-navbar-height);\n\n  overflow: hidden;\n}\n.drawer-wrap.is-visible {\n  display: block;\n}\n\n.drawer {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n\n  overflow: auto;\n  scrollbar-color: var(--t-fill-color-transparency-dark-030);\n  scrollbar-width: var(--topbar-scrollbar-width);\n}\n\n@media (min-width: 600px) {\n  .drawer-wrap {\n    width: var(--toolbar-drawer-width);\n    border-radius: 6px; /* TODO: Once a token exists, replace with 6px equivalent \n    or inset associated with to --t-border-radius-lg */\n    box-shadow: 0 0 0 1px var(--content-wrap-border-color), 0 4px 12px 2px rgba(0, 0, 0, 0.16);\n\n    display: block;\n    position: absolute;\n    bottom: var(--t-spacing-2);\n    right: calc(var(--toolbar-drawer-width) * -1);\n    top: calc(var(--topbar-height) + var(--t-spacing-1));\n\n    opacity: 0;\n    transform: translateX(var(--t-spacing-1));\n    transition-property: opacity, transform, right;\n    transition-duration: 100ms;\n    transition-delay: 0s, 0s, 100ms;\n    transition-timing-function: ease-in-out;\n  }\n  .drawer-wrap.is-visible {\n    right: calc(var(--toolbar-width) + var(--t-spacing-1) + 1px);\n    opacity: 1;\n    transform: translateX(0);\n\n    transition-property: opacity, transform;\n    transition-delay: 0s;\n  }\n}\n",".indicator-dot {\n  width: 12px;\n  height: 12px;\n  background: radial-gradient(#33adff 50%, transparent 50%);\n  background-color: #33adff;\n  box-shadow: inset 0 0 0 2px #b1bfda;\n  border-radius: 50%;\n  position: absolute;\n  z-index: 6;\n  pointer-events: none;\n}\n\n.indicator-dot.is-active {\n  width: 10px;\n  height: 10px;\n  box-shadow: inset 0 0 0 2px var(--t-fill-color-neutral-100);\n  transform: translateX(-1.5px) translateY(1.5px);\n}\n",".color-mode-switcher {\n  color: var(--t-text-color); /* Needed to override .tapestry-react-reset. This is the dumbest thing to have to do */\n  border: 0;\n  padding: 0;\n}\n\n.color-mode-switcher-label {\n  font-weight: var(--t-font-weight-semibold);\n  display: inline-block;\n  margin-bottom: var(--t-spacing-1);\n}\n\n.color-mode-switcher-label-beta {\n  font-size: var(--t-font-size-xs);\n  font-weight: var(--t-font-weight-semibold);\n  color: var(--t-text-color-status-neutral);\n  background-color: var(--t-fill-color-status-neutral-ghost);\n  border-radius: var(--t-border-radius-sm);\n  padding: 0 var(--t-spacing-1);\n  line-height: var(--t-element-size-sm);\n  vertical-align: middle;\n  text-transform: uppercase;\n}\n\n.color-mode-switcher-modes {\n  padding: var(--t-spacing-half);\n  border: var(--t-border-width) solid var(--t-border-color);\n  border-radius: var(--t-border-radius-md);\n  display: flex;\n  gap: var(--t-spacing-half);\n  container-type: inline-size;\n\n  input[type=\"radio\"] {\n    opacity: 0;\n    position: absolute;\n    pointer-events: none;\n  }\n\n  label {\n    border-radius: var(--t-border-radius-sm);\n    min-height: var(--t-element-size-xl);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-grow: 1;\n    user-select: none;\n    margin: 0;\n    position: relative;\n  }\n  label:hover {\n    background: var(--t-fill-color-button-neutral-ghost-hover);\n  }\n\n  label:has(input:focus-visible) {\n    outline: auto;\n  }\n\n  svg {\n    display: none;\n    margin-right: var(--t-spacing-half);\n\n    @container (width >= 256px) {\n      display: block;\n    }\n  }\n\n  svg {\n    color: var(--t-icon-color-dim);\n  }\n\n  label,\n  svg {\n    transition-property: color, background-color;\n    transition-duration: 0.1s;\n    transition-timing-function: linear;\n  }\n\n  label:has(input:checked) {\n    color: var(--t-text-color-status-info);\n    background-color: var(--t-fill-color-status-info-ghost);\n\n    svg {\n      color: var(--t-icon-color-status-info);\n    }\n  }\n}\n",".banner {\n  /* Shared by the border stroke (full opacity) and the interior wash so\n     the two stay in sync. */\n  --local-ask-ai-gradient: linear-gradient(\n    163.5deg,\n    var(--t-fill-color-tag-teal-040) 0%,\n    var(--t-fill-color-tag-blue-040) 35.27%,\n    var(--t-fill-color-tag-purple-040) 65.62%,\n    var(--t-fill-color-tag-orange-040) 100%\n  );\n\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--t-spacing-1);\n  width: 100%;\n  padding: var(--t-spacing-1);\n  border: var(--t-border-width) solid transparent;\n  border-radius: var(--t-border-radius-lg);\n  background:\n    linear-gradient(\n      var(--t-surface-color-card),\n      var(--t-surface-color-card)\n    )\n    padding-box,\n    var(--local-ask-ai-gradient) border-box;\n  overflow: hidden;\n  cursor: pointer;\n  font: inherit;\n  text-align: left;\n  appearance: none;\n  -webkit-appearance: none;\n}\n\n.banner::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background-image: var(--local-ask-ai-gradient);\n  opacity: 0.15;\n  pointer-events: none;\n}\n\n.banner:hover::before {\n  opacity: 0.25;\n}\n\n.banner:focus-visible {\n  outline: var(--t-focus-ring-outline);\n  outline-offset: var(--t-focus-ring-offset);\n}\n\n.stacked {\n  /* Tapestry has no semantic elevation-shadow token, so this is a\n     --local- color (per the dark-mode escape-hatch convention); it's\n     redefined to transparent in dark below. */\n  --local-ask-ai-shadow-color: #e4edf7;\n\n  filter: drop-shadow(0 4px 6px var(--local-ask-ai-shadow-color));\n}\n\n:global(:root[data-color-mode=\"dark\"]) .stacked {\n  --local-ask-ai-shadow-color: transparent;\n}\n\n@media (prefers-color-scheme: dark) {\n  :global(:root[data-color-mode=\"system\"]) .stacked {\n    --local-ask-ai-shadow-color: transparent;\n  }\n}\n\n.content {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--t-spacing-1);\n  min-width: 0;\n}\n\n.icon {\n  position: relative;\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n}\n\n.iconShape {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.iconSparkle {\n  position: relative;\n  width: 19.5px;\n  height: 18px;\n  color: #fff;\n}\n\n.text {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  min-width: 0;\n}\n\n.title {\n  font-size: var(--t-font-size-md);\n  font-weight: var(--t-font-weight-bold);\n  line-height: 1.4;\n  letter-spacing: -0.096px;\n  color: var(--t-text-color-headline);\n}\n\n.subtitle {\n  font-size: var(--t-font-size-xs);\n  line-height: 1.3;\n  letter-spacing: -0.072px;\n  color: var(--t-text-color);\n}\n\n.chevron {\n  position: relative;\n  flex-shrink: 0;\n  color: var(--t-icon-color-dim);\n}\n\n.inlineContent {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--t-spacing-fourth);\n  min-width: 0;\n}\n\n.sparkle {\n  flex-shrink: 0;\n  color: var(--t-fill-color-tag-indigo-040);\n}\n\n.inlineTitle {\n  font-size: var(--t-font-size-sm);\n  font-weight: var(--t-font-weight-bold);\n  line-height: 1.35;\n  letter-spacing: -0.084px;\n  color: var(--t-text-color);\n}\n\n/* A span, not a button: the banner itself is already the button. */\n.action {\n  position: relative;\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  gap: var(--t-spacing-half);\n  height: var(--t-container-size-sm);\n  padding: var(--t-spacing-fourth) var(--t-spacing-1);\n  border-radius: var(--t-border-radius-md);\n  background-color: var(--t-fill-color-button-neutral-ghost);\n}\n\n.actionLabel {\n  font-size: var(--t-font-size-sm);\n  line-height: 1.35;\n  letter-spacing: -0.084px;\n  color: var(--t-text-color-status-neutral);\n}\n\n.actionChevron {\n  position: relative;\n  flex-shrink: 0;\n  color: var(--t-icon-color-status-neutral-secondary);\n}\n"]}
+{"version":3,"sources":["topbar.scss","_utils.scss","_native-in-app-browser.scss","styles.module.css","app_row.module.css","apps_button.module.scss","apps_menu.module.css","unbutton.module.css","popup.module.css","product_tabs.module.css","search_result.module.css","search_panel.module.css","user_menu.module.css","avatar.module.css","apps_switcher.module.css","debug_pco_resource.module.css","drawer.module.css","indicator_dot.module.css","color_mode_switcher.module.scss","AskAIBanner.module.css"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;EACE,qBAAA;EACA,yCAAA;EACA,uFAAA;EACA,+EAAA;EACA,8BAAA;EAEA,kDAAA;EACA,0DAAA;EACA,oDAAA;EACA,+CAAA;EACA,iCAAA;EACA,2CAAA;EACA,sCAAA;EACA,wEAAA;EAEA,oFAAA;EAEA,qFAAA;EACA,iFAAA;EAEA,qBAAA;EACA,2BAAA;EACA,6BAAA;EACA,6BAAA;EAEA,kDAAA;EACA,4CAAA;ADHF;;ACMA;EACE;IACE,qBAAA;IAEA,2CAAA;EDJF;AACF;ACOA;EACE,oFAAA;EAEA,qFAAA;EACA,iFAAA;EAEA,oDAAA;ADPF;;ACUA;EACE;IACE,oFAAA;IAEA,qFAAA;IACA,iFAAA;IAEA,oDAAA;EDTF;AACF;ACYA;;;;;;CAAA;AAOA;EACE,2BAAA;ADVF;;ACaA;EACE,wBAAA,EAAA,gBAAA;EACA,qBAAA,EAAA,YAAA;ADVF;;ACaA;EACE,aAAA,EAAA,8BAAA;ADVF;;AEhEA;EACE,0BAAA;AFmEF;AEjEE;;EAEE,YAAA;EACA,iBAAA;AFmEJ;AEhEE;;EAEE,YAAA;EACA,iBAAA;AFkEJ;AE7DE;;;;EAIE,YAAA;AF+DJ;;AEzDA;EACE,2CAAA;AF4DF;;AEzDA;EACE,aAAA;AF4DF;;AEzDA;EACE,gBAAA;AF4DF;;AEzDA;EACE,sDAAA;EACA,iBAAA;AF4DF;;AEzDA;EACE,aAAA;AF4DF;;AEzDA;EACE;IACE,oBAAA;IACA,oBAAA;IACA,4BAAA;EF4DF;EEzDA;IACE,oBAAA;IACA,gBAAA;EF2DF;EExDA;IACE,iBAAA;EF0DF;AACF;AGzHA;EACE,yCAAyC;EACzC,+CAA+C;EAC/C,mDAAmD;EACnD,+CAA+C;EAC/C,8CAA8C;;EAE9C,kBAAkB;EAClB,uBAAuB;EACvB,SAAS;EACT,2EAA2E;EAC3E,aAAa;;EAEb,2BAA2B;EAC3B,kBAAkB;EAClB,wDAAwD;EACxD,gBAAgB;EAChB,aAAa;EACb,uBAAuB;EACvB,uBAAuB;EACvB,eAAe;;EAEf,wCAAwC;EACxC,uCAAuC;EACvC,kEAAkE;EAClE,oDAAoD;;EAEpD,kEAAkE;EAClE,0DAA0D;AAC5D;;AAEA;EACE,6CAA6C;EAC7C,yCAAyC;EACzC,mDAAmD;EACnD,2FAA2F;AAC7F;;AAEA;EACE,aAAa;AACf;;AAEA;EACE;IACE,2CAA2C;EAC7C;;EAEA;IACE,+CAA+C;EACjD;AACF;AAlDA;EACE,gCAAgC;EAChC,sBAAsB,EAAE,sDAAsD;EAC9E,sCAAsC,EAAE,sDAAsD;EAC9F,aAAa;EACb,mBAAmB;EACnB,2BAA2B;EAC3B,8BAA8B;EAC9B,sBAAsB;AACxB;;AAEA;EACE,sCAAsC,EAAE,sDAAsD;AAChG;;AAEA;EACE,6CAA6C;EAC7C,mCAAmC;AACrC;;AAEA;EACE,mCAAmC;EACnC,8DAA8D;EAC9D,qBAAqB;EACrB,8CAA8C;EAC9C,+BAA+B;EAC/B,wCAAwC;EACxC,gCAAgC;EAChC,mBAAmB;EACnB,qBAAqB;AACvB;;AAEA;EACE,mCAAmC;EACnC,oEAAoE;EACpE,qBAAqB;AACvB;;AAEA;EACE,cAAc;EACd,YAAY;AACd;;AAEA;EACE,YAAY;EACZ,aAAa;EACb,mBAAmB;EACnB,8BAA8B;EAC9B,8BAA8B;AAChC;;AAEA;EACE,mBAAmB;EACnB,0BAA0B;AAC5B;AACA;EACE,mBAAmB;EACnB,qBAAqB;AACvB;;AAEA;EACE;IACE,gCAAgC;IAChC,iCAAiC;EACnC;AACF;;AAEA;EACE,6BAA6B;EAC7B,eAAe;EACf,eAAe;EACf,2BAA2B;EAC3B,qCAAqC;EACrC,gBAAgB;AAClB;;AAEA;EACE,oCAAoC;AACtC;;AAEA;EACE;IACE,kBAAkB;IAClB,8CAA8C;IAC9C,gCAAgC;EAClC;;EAEA;IACE,sBAAsB;IACtB,oBAAoB;EACtB;;EAEA;IACE,kBAAkB;IAClB,uBAAuB;IACvB,yBAAyB;EAC3B;;EAEA;IACE,cAAc;IACd,WAAW;IACX,kBAAkB;IAClB,cAAc;IACd,8BAA8B;IAC9B,8CAA8C;IAC9C,gCAAgC;IAChC,mBAAmB;EACrB;AACF;;AC5GA;EACE,aAAa;EACb,uBAAuB;EACvB,iCAAiC;EACjC,cAAc;AAChB;;AAEA;EACE,kBAAkB;AACpB;;ACTA;EACE,kDAAA;EACA,wDAAA;EACA,2DAAA;EACA,wDAAA;EACA,iEAAA;EACA,iEAAA;EACA,yDAAA;EACA,mEAAA;EACA,yEAAA;EACA,+BAAA;EACA,0CAAA;EACA,oDAAA;EACA,wBAAA;EACA,mDAAA;EACA,kDAAA;EACA,sBAAA;EAEA,oBAAA;AAAF;AAEE;EAEE,+BAAA;AADJ;AAIE;EACE,4DAAA;EACA,kEAAA;AAFJ;;AAMA;EACE,aAAA;AAHF;AAKE;EAHF;IAII,eAAA;EAFF;AACF;;AAKA;EACE,qBAAA;EACA,sBAAA;EACA,oCAAA;EACA,cAAA;AAFF;ACzCA;EACE,aAAa;EACb,sBAAsB;EACtB,0BAA0B;EAC1B,mEAAmE;EACnE,gBAAgB;AAClB;;AAEA;EACE,uCAAuC;EACvC,wCAAwC;AAC1C;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,0BAA0B;EAC1B,SAAS;EACT,UAAU;EACV,gBAAgB;AAClB;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,sCAAsC;EACtC,6BAA6B;EAC7B,wCAAwC;EACxC,oBAAoB;EACpB,gCAAgC;EAChC,0CAA0C;EAC1C,qBAAqB;EACrB,mCAAmC;AACrC;;AAEA;EACE,0DAA0D;EAC1D,mCAAmC;AACrC;;AAEA;EACE,oCAAoC;EACpC,oDAAoD;AACtD;;AAEA;EACE,+DAA+D;AACjE;;AAEA;EACE,8DAA8D;AAChE;;AAEA;EACE,iCAAiC;EACjC,+BAA+B;EAC/B,iEAAiE;AACnE;;AAEA;EACE,oCAAoC;EACpC,wCAAwC;AAC1C;;AAEA;EACE,oCAAoC;AACtC;;AAEA;EACE,YAAY;AACd;;ACvEA;EACE,oBAAoB;EACpB,gBAAgB;EAChB,6BAA6B;EAC7B,YAAY;EACZ,eAAe;EACf,qBAAqB;EACrB,UAAU;EACV,UAAU;AACZ;;AFTA;EACE,0BAAA;EACA,gCAAA;EACA,iCAAA;EACA,YAAA;EACA,mBAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,sDAAA;EAEA,oBAAA;AAAF;AAEE;;EAEE,4BAAA;AAAJ;AAGE;EAlBF;IAmBI,qBAAA;IAEA,gCAAA;IACA,iCAAA;EADF;EAGE;IACE,WAAA;IACA,YAAA;EADJ;AACF;;AAKA;EACE,0BAAA;EACA,gCAAA;EACA,wCAAA;EACA,oCAAA;AAFF;;AAKA;EACE,mBAAA;EACA,gCAAA;EACA,cAAA;EACA,sDAAA;EACA,gDAAA;AAFF;;AAIA;EACE,4BAAA;AADF;;AAIA;;EAEE,4DAAA;AADF;;AAGA;EACE,yBAAA;AAAF;AGtDA;EACE,aAAa;EACb,oBAAoB;AACtB;;AAEA;EACE,uCAAuC;EACvC,6EAA6E;EAC7E,wCAAwC;EACxC,kBAAkB;EAClB,cAAc;EACd,8CAA8C;EAC9C,8CAA8C;EAC9C,UAAU;EACV,kBAAkB;EAClB,6BAA6B;AAC/B;;AAEA;EACE,UAAU;EACV,gBAAgB;EAChB,mBAAmB;AACrB;;AFtBA;EACE,oDAAoD;EACpD,wBAAwB;EACxB,gBAAgB;EAChB,kEAAkE;AACpE;;AGLA,mFAAmF;AACnF;EACE,iDAAiD;EACjD,mCAAmC;EACnC,0CAA0C;AAC5C;;ACLA,oFAAoF;AACpF;EACE,cAAc;AAChB;;AAEA;EACE,iDAAiD;EACjD,mCAAmC;AACrC;;ACRA;EACE,kBAAkB;EAClB,UAAU;EACV,WAAW;EACX,gBAAgB;EAChB,qBAAqB;EACrB,mBAAmB;AACrB;;ARPA;EACE,2CAA2C;EAC3C,oBAAoB;EACpB,mDAAmD,EAAE,oDAAoD;EACzG,qCAAqC;EACrC,uEAAuE;EACvE,oBAAoB;EACpB,mBAAmB;EACnB,qBAAqB;EACrB,0BAA0B;EAC1B,sBAAsB;EACtB,mBAAmB;EACnB,mCAAmC,EAAE,aAAa;EAClD,8CAA8C;EAC9C,+CAA+C;EAC/C,mDAAmD;EACnD,6CAA6C;AAC/C;AACA;EACE,+DAA+D;AACjE;AACA;;EAEE,gEAAgE;EAChE,wDAAwD;AAC1D;;AAEA;EACE,gCAAgC;AAClC;AACA;EACE;IACE,gCAAgC;EAClC;AACF;;ASlCA;EACE,0BAA0B;EAC1B,gBAAgB;EAChB,gBAAgB;EAChB,yCAAyC;EACzC,qCAAqC,EAAE,gEAAgE;EACvG,kEAAkE;AACpE;;AAEA;EACE,+BAA+B;EAC/B,kBAAkB;EAClB,mBAAmB;EACnB,eAAe;AACjB;;AAEA;EACE,2CAA2C;EAC3C,wCAAwC;EACxC,qCAAqC;EACrC,gEAAgE;EAChE,2CAA2C;EAC3C,8EAA8E;EAC9E,mDAAmD;EACnD,qCAAqC;EACrC,6CAA6C;EAC7C,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,UAAU;EACV,gBAAgB;EAChB,eAAe;AACjB;;AAEA;EACE,qDAAqD;EACrD,0EAA0E;EAC1E,0CAA0C;EAC1C,2CAA2C;AAC7C;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,gBAAgB;EAChB,qCAAqC;EACrC,gBAAgB;EAChB,uBAAuB;EACvB,mBAAmB;AACrB;;AAEA;EACE,gDAAgD;EAChD,+CAA+C;EAC/C,cAAc;EACd,gDAAgD;AAClD;;AC1DA;EACE,4DAA4D;EAC5D,2BAA2B;EAC3B,sBAAsB;EACtB,kBAAkB;EAClB,iCAAiC;EACjC,gCAAgC;EAChC,kCAAkC;AACpC;;ACRA;EACE,eAAe;EACf,6BAA6B;EAC7B,YAAY;EACZ,gCAAgC;EAChC,iCAAiC;EACjC,gBAAgB;;EAEhB,aAAa;EACb,mBAAmB;EACnB,uBAAuB;AACzB;;AAEA;EACE,qBAAqB;EACrB,mCAAmC;EACnC,aAAa;EACb,eAAe;EACf,MAAM;EACN,SAAS;EACT,OAAO;EACP,QAAQ;EACR,YAAY;EACZ,iBAAiB;EACjB,wCAAwC;EACxC,kBAAkB;EAClB;yBACuB;AACzB;;AAEA;EACE,mBAAmB;EACnB;uBACqB;AACvB;;AAEA;EACE,6CAA6C;EAC7C,YAAY;EACZ,WAAW;EACX,aAAa;EACb,sBAAsB;EACtB,kBAAkB;EAClB,gBAAgB;EAChB,UAAU;EACV,4BAA4B;EAC5B,6DAA6D;AAC/D;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,8BAA8B;EAC9B,sCAAsC;EACtC,6BAA6B;EAC7B,gBAAgB;EAChB,MAAM;EACN,6CAA6C;AAC/C;;AAEA;EACE,gCAAgC;EAChC,0CAA0C;EAC1C,gCAAgC;AAClC;;AAEA;EACE,+BAA+B;EAC/B,gCAAgC;AAClC;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,6BAA6B;EAC7B,eAAe;EACf,2BAA2B;EAC3B,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;EAChB,SAAS;EACT,mDAAmD;AACrD;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,sCAAsC;EACtC,6BAA6B;EAC7B,wCAAwC;EACxC,gCAAgC;EAChC,0CAA0C;EAC1C,qBAAqB;EACrB,mCAAmC;AACrC;;AAEA;EACE,2DAA2D;AAC7D;;AAEA;EACE,+DAA+D;AACjE;;AAEA;EACE,8DAA8D;AAChE;;AAEA;EACE,iCAAiC;EACjC,kCAAkC;EAClC,kCAAkC;EAClC,iEAAiE;AACnE;;AAEA;EACE,oCAAoC;EACpC,wCAAwC;AAC1C;;AAEA;EACE,YAAY;AACd;;AXlIA;EACE,eAAe;EACf,6BAA6B;EAC7B,YAAY;EACZ,gCAAgC;EAChC,iCAAiC;EACjC,gBAAgB;;EAEhB,aAAa;EACb,mBAAmB;EACnB,uBAAuB;AACzB;;AAEA;EACE,mCAAmC;EACnC,kEAAkE;EAClE,aAAa;EACb,eAAe;EACf,MAAM;EACN,oCAAoC;EACpC,OAAO;EACP,QAAQ;EACR,YAAY;EACZ,iBAAiB;EACjB,wCAAwC;AAC1C;;AAEA;EACE,6CAA6C;EAC7C,gDAAgD;EAChD,sCAAsC;EACtC,aAAa;EACb,sBAAsB;EACtB,kBAAkB;EAClB,gBAAgB;AAClB;;AAEA;EACE,cAAc;EACd,8CAA8C;EAC9C,8CAA8C;AAChD;;AAEA;EACE,gBAAgB;EAChB,UAAU;EACV,SAAS;AACX;;AAEA;EACE,gCAAgC;EAChC,0BAA0B;EAC1B,qBAAqB;EACrB,sCAAsC;EACtC,iDAAiD;EACjD,aAAa;EACb,mBAAmB;AACrB;AACA;EACE,sCAAsC;EACtC,gEAAgE;AAClE;AACA;EACE,sCAAsC;EACtC,6DAA6D;AAC/D;AACA;EACE,cAAc;EACd,mCAAmC;EACnC,+CAA+C;AACjD;;AAEA;EACE,6BAA6B;EAC7B,UAAU;EACV,eAAe;EACf,gBAAgB;EAChB,kBAAkB;EAClB,yBAAyB;EACzB,qDAAqD;AACvD;;AAEA;EACE,aAAa;EACb,mCAAmC;EACnC,iCAAiC;EACjC,kBAAkB;EAClB,6BAA6B;EAC7B,eAAe;EACf,aAAa;EACb,YAAY;EACZ,mBAAmB;EACnB,uBAAuB;EACvB,iCAAiC;EACjC,gBAAgB;AAClB;AACA;EACE,sBAAsB;EACtB,qDAAqD;AACvD;AACA;EACE,yBAAyB;AAC3B;;AAEA;EACE,6CAA6C;EAC7C,wCAAwC;EACxC,2BAA2B;EAC3B,aAAa;EACb,sBAAsB;EACtB,8BAA8B;EAC9B,kBAAkB;EAClB,sCAAsC;EACtC,gBAAgB;EAChB,uDAAuD;EACvD,SAAS;EACT,2BAA2B;EAC3B,mDAAmD;EACnD,iFAAiF;EACjF,cAAc;EACd,8CAA8C;EAC9C,8CAA8C;AAChD;;AAEA;EACE,oBAAoB;EACpB,gCAAgC;EAChC,oCAAoC;EACpC,uCAAuC;EACvC,kBAAkB;EAClB,qBAAqB;EACrB,0BAA0B;EAC1B,mBAAmB;EACnB,0BAA0B;EAC1B,cAAc;EACd,kBAAkB;EAClB,wCAAwC;AAC1C;AACA;EACE,sEAAsE;AACxE;AACA;EACE,0CAA0C;EAC1C,mCAAmC;EACnC,uEAAuE;AACzE;;AAEA;EACE,6BAA6B;EAC7B,eAAe;EACf,2BAA2B;EAC3B,gBAAgB;AAClB;;AYxJA;EACE,aAAa;EACb,sBAAsB;EACtB,uBAAuB;EACvB,0BAA0B;EAC1B,2BAA2B;EAC3B,2EAA2E;EAC3E,wCAAwC;EACxC,kDAAkD;AACpD;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,oCAAoC;AACtC;;AAEA;EACE,sDAAsD;EACtD,2CAA2C;EAC3C,mDAAmD;EACnD,WAAW;EACX,iCAAiC;EACjC,sCAAsC;EACtC,sBAAsB;EACtB,yBAAyB;AAC3B;;AAEA;EACE,0BAA0B;EAC1B,gCAAgC;EAChC,0CAA0C;AAC5C;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,4BAA4B;AAC9B;;AAEA;EACE,oCAAoC;EACpC,iCAAiC;EACjC,0CAA0C;EAC1C,sBAAsB;EACtB,yBAAyB;AAC3B;;AAEA;EACE,sDAAsD;EACtD,wCAAwC;EACxC,iDAAiD;EACjD,0BAA0B;EAC1B,oCAAoC;EACpC,gCAAgC;EAChC,yBAAyB;AAC3B;;AAEA;EACE,SAAS;EACT,oCAAoC;EACpC,gCAAgC;EAChC,kBAAkB;AACpB;;AAEA;EACE,iBAAiB;EACjB,SAAS;EACT,2BAA2B;EAC3B,cAAc;EACd,wCAAwC;EACxC,iDAAiD;EACjD,0BAA0B;EAC1B,oCAAoC;EACpC,gCAAgC;EAChC,qBAAqB;EACrB,yBAAyB;AAC3B;;AC9EA;EACE,WAAW;EACX,6CAA6C;;EAE7C,aAAa;EACb,eAAe;EACf,MAAM;EACN,oCAAoC;;EAEpC,gBAAgB;AAClB;AACA;EACE,cAAc;AAChB;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,YAAY;;EAEZ,cAAc;EACd,0DAA0D;EAC1D,8CAA8C;AAChD;;AAEA;EACE;IACE,kCAAkC;IAClC,kBAAkB,EAAE;sDAC8B;IAClD,0FAA0F;;IAE1F,cAAc;IACd,kBAAkB;IAClB,0BAA0B;IAC1B,6CAA6C;IAC7C,oDAAoD;;IAEpD,UAAU;IACV,yCAAyC;IACzC,8CAA8C;IAC9C,0BAA0B;IAC1B,+BAA+B;IAC/B,uCAAuC;EACzC;EACA;IACE,4DAA4D;IAC5D,UAAU;IACV,wBAAwB;;IAExB,uCAAuC;IACvC,oBAAoB;EACtB;AACF;;ACrDA;EACE,WAAW;EACX,YAAY;EACZ,yDAAyD;EACzD,yBAAyB;EACzB,mCAAmC;EACnC,kBAAkB;EAClB,kBAAkB;EAClB,UAAU;EACV,oBAAoB;AACtB;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,2DAA2D;EAC3D,+CAA+C;AACjD;;ACjBA;EACE,0BAAA,EAAA,sFAAA;EACA,SAAA;EACA,UAAA;AACF;;AAEA;EACE,0CAAA;EACA,qBAAA;EACA,iCAAA;AACF;;AAEA;EACE,gCAAA;EACA,0CAAA;EACA,yCAAA;EACA,0DAAA;EACA,wCAAA;EACA,6BAAA;EACA,qCAAA;EACA,sBAAA;EACA,yBAAA;AACF;;AAEA;EACE,8BAAA;EACA,yDAAA;EACA,wCAAA;EACA,aAAA;EACA,0BAAA;EACA,2BAAA;AACF;AACE;EACE,UAAA;EACA,kBAAA;EACA,oBAAA;AACJ;AAEE;EACE,wCAAA;EACA,oCAAA;EACA,oBAAA;EACA,mBAAA;EACA,uBAAA;EACA,YAAA;EACA,iBAAA;EACA,SAAA;EACA,kBAAA;AAAJ;AAEE;EACE,0DAAA;AAAJ;AAGE;EACE,aAAA;AADJ;AAIE;EACE,aAAA;EACA,mCAAA;AAFJ;AAII;EAJF;IAKI,cAAA;EADJ;AACF;AAIE;EACE,8BAAA;AAFJ;AAKE;;EAEE,4CAAA;EACA,yBAAA;EACA,kCAAA;AAHJ;AAME;EACE,sCAAA;EACA,uDAAA;AAJJ;AAMI;EACE,sCAAA;AAJN;Af9EA;EACE,aAAa;EACb,YAAY;EACZ,oCAAoC;EACpC,2BAA2B;EAC3B,2CAA2C;EAC3C,uBAAuB;AACzB;;AAEA;EACE,aAAa;EACb,gDAAgD;EAChD,6BAA6B;EAC7B,+CAA+C;EAC/C,wCAAwC;EACxC,YAAY;EACZ,sDAAsD;EACtD,eAAe;EACf,gBAAgB;EAChB,oBAAoB;EACpB,mBAAmB;EACnB,uBAAuB;AACzB;AACA;EACE,oEAAoE;AACtE;AACA;;EAEE,gDAAgD;EAChD,qEAAqE;AACvE;;AAEA;EACE,aAAa;AACf;AACA;EACE,cAAc;EACd,iCAAiC;EACjC,YAAY;EACZ,mBAAmB;AACrB;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE;IACE,2BAA2B;IAC3B,YAAY;IACZ,+BAA+B;IAC/B,sBAAsB;EACxB;;EAEA;IACE,mBAAmB;EACrB;EACA;IACE,4DAA4D;EAC9D;EACA;;IAEE,gDAAgD;IAChD,4DAA4D;IAC5D,wDAAwD;EAC1D;;EAEA;IACE,oBAAoB;EACtB;;EAEA;IACE,aAAa;EACf;AACF;;AgB1EA;EACE;4BAC0B;EAC1B;;;;;;GAMC;;EAED,kBAAkB;EAClB,aAAa;EACb,mBAAmB;EACnB,8BAA8B;EAC9B,uBAAuB;EACvB,WAAW;EACX,2BAA2B;EAC3B,+CAA+C;EAC/C,wCAAwC;EACxC;;;;;;2CAMyC;EACzC,gBAAgB;EAChB,eAAe;EACf,aAAa;EACb,gBAAgB;EAChB,gBAAgB;EAChB,wBAAwB;AAC1B;;AAEA;EACE,WAAW;EACX,kBAAkB;EAClB,QAAQ;EACR,8CAA8C;EAC9C,aAAa;EACb,oBAAoB;AACtB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,oCAAoC;EACpC,0CAA0C;AAC5C;;AAEA;EACE;;8CAE4C;EAC5C,oCAAoC;;EAEpC,+DAA+D;AACjE;;AAEA;EACE,wCAAwC;AAC1C;;AAEA;EACE;IACE,wCAAwC;EAC1C;AACF;;AAEA;EACE,kBAAkB;EAClB,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,YAAY;AACd;;AAEA;EACE,kBAAkB;EAClB,aAAa;EACb,cAAc;EACd,mBAAmB;EACnB,uBAAuB;EACvB,WAAW;EACX,YAAY;AACd;;AAEA;EACE,kBAAkB;EAClB,QAAQ;EACR,WAAW;EACX,YAAY;AACd;;AAEA;EACE,kBAAkB;EAClB,aAAa;EACb,YAAY;EACZ,WAAW;AACb;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,uBAAuB;EACvB,YAAY;AACd;;AAEA;EACE,gCAAgC;EAChC,sCAAsC;EACtC,gBAAgB;EAChB,wBAAwB;EACxB,mCAAmC;AACrC;;AAEA;EACE,gCAAgC;EAChC,gBAAgB;EAChB,wBAAwB;EACxB,0BAA0B;AAC5B;;AAEA;EACE,kBAAkB;EAClB,cAAc;EACd,8BAA8B;AAChC;;AAEA;EACE,kBAAkB;EAClB,aAAa;EACb,mBAAmB;EACnB,4BAA4B;EAC5B,YAAY;AACd;;AAEA;EACE,cAAc;EACd,yCAAyC;AAC3C;;AAEA;EACE,gCAAgC;EAChC,sCAAsC;EACtC,iBAAiB;EACjB,wBAAwB;EACxB,0BAA0B;AAC5B;;AAEA,mEAAmE;AACnE;EACE,kBAAkB;EAClB,aAAa;EACb,cAAc;EACd,mBAAmB;EACnB,uBAAuB;EACvB,0BAA0B;EAC1B,kCAAkC;EAClC,mDAAmD;EACnD,wCAAwC;EACxC,0DAA0D;AAC5D;;AAEA;EACE,gCAAgC;EAChC,iBAAiB;EACjB,wBAAwB;EACxB,yCAAyC;AAC3C;;AAEA;EACE,kBAAkB;EAClB,cAAc;EACd,mDAAmD;AACrD","file":"topbar.css","sourcesContent":["@charset \"UTF-8\";\n:root {\n  --topbar-height: 56px;\n  --topbar-slight-transition: 120ms ease-in;\n  --topbar-slight-transition-background: background-color var(--topbar-slight-transition);\n  --topbar-scrollbar-color: var(--t-fill-color-transparency-dark-030) transparent;\n  --topbar-scrollbar-width: thin;\n  --topbar-nav-link-font-size: var(--t-font-size-sm);\n  --topbar-nav-link-font-color: var(--t-text-color-headline);\n  --topbar-nav-link-height: var(--t-container-size-md);\n  --topbar-nav-link-background-color: transparent;\n  --topbar-nav-link-padding-x: 12px;\n  --topbar-nav-link-border-color: transparent;\n  --topbar-nav-link-border-radius: 999px;\n  --topbar-nav-link-transition: var(--topbar-slight-transition-background);\n  --topbar-nav-link-background-color-hover: var(--t-fill-color-transparency-light-040);\n  --topbar-nav-link-background-color-active: var(--t-fill-color-transparency-light-060);\n  --topbar-nav-link-border-color-active: var(--t-fill-color-transparency-light-030);\n  --toolbar-width: 64px;\n  --toolbar-inner-width: 48px;\n  --toolbar-drawer-width: 360px;\n  --toolbar-navbar-height: 56px;\n  --content-wrap-border-color: hsla(0, 0%, 0%, 0.08);\n  --content-wrap-shadow-dimensions: 0 -1px 0 0;\n}\n\n@media (min-width: 600px) {\n  :root {\n    --topbar-height: 64px;\n    --content-wrap-shadow-dimensions: 0 0 0 1px;\n  }\n}\n:root[data-color-mode=dark] {\n  --topbar-nav-link-background-color-hover: var(--t-fill-color-transparency-light-020);\n  --topbar-nav-link-background-color-active: var(--t-fill-color-transparency-light-030);\n  --topbar-nav-link-border-color-active: var(--t-fill-color-transparency-light-010);\n  --content-wrap-border-color: hsla(0, 0%, 100%, 0.04);\n}\n\n@media (prefers-color-scheme: dark) {\n  :root[data-color-mode=system] {\n    --topbar-nav-link-background-color-hover: var(--t-fill-color-transparency-light-020);\n    --topbar-nav-link-background-color-active: var(--t-fill-color-transparency-light-030);\n    --topbar-nav-link-border-color-active: var(--t-fill-color-transparency-light-010);\n    --content-wrap-border-color: hsla(0, 0%, 100%, 0.04);\n  }\n}\n/*\nFix for Safari bug:\nOn mobile breakpoints, when the app switcher or user profile menu are open,\nprevent .top-wrap from covering them.\n\nCaused by products overriding .topbar-wrap’s z-index.\n*/\n.page-wrap:has(div[class^=appmenu-layer][style*=\"display: block\"]) .topbar-wrap {\n  z-index: initial !important;\n}\n\n.hide-scrollbar {\n  -ms-overflow-style: none; /* IE and Edge */\n  scrollbar-width: none; /* Firefox */\n}\n\n.hide-scrollbar::-webkit-scrollbar {\n  display: none; /* Chrome, Safari, and Opera */\n}\n\n:root[data-app-context=native] {\n  --toolbar-navbar-height: 0;\n}\n:root[data-app-context=native],\n:root[data-app-context=native] body {\n  height: auto;\n  min-height: 100vh;\n}\n:root[data-app-context=native] .page-wrap,\n:root[data-app-context=native] .product-wrap {\n  height: auto;\n  overflow: visible;\n}\n:root[data-app-context=native] .top-wrap,\n:root[data-app-context=native] .page-wrap,\n:root[data-app-context=native] .product-wrap,\n:root[data-app-context=native] .toolbar-wrap {\n  min-width: 0;\n}\n\n:root[data-app-context=native] * {\n  -webkit-overflow-scrolling: auto !important;\n}\n\n:root[data-app-context=native] .topbar-wrap {\n  display: none;\n}\n\n:root[data-app-context=native] .toolbar-wrap {\n  overflow: hidden;\n}\n\n:root[data-app-context=native] .content-wrap {\n  padding-bottom: var(--app-content-inset-bottom, unset);\n  overflow: visible;\n}\n\n:root[data-app-context=native] .content-scroll footer[role=contentinfo] {\n  display: none;\n}\n\n@media screen and (min-width: 600px) {\n  :root[data-app-context=native] {\n    --toolbar-width: 0px;\n    --topbar-height: 0px;\n    --toolbar-drawer-width: 48vw;\n  }\n  :root[data-app-context=native] .content-wrap {\n    margin: 0 !important;\n    border-radius: 0;\n  }\n  :root[data-app-context=native] .toolbar-wrap {\n    overflow: visible;\n  }\n}",":root {\n  --topbar-height: 56px;\n  --topbar-slight-transition: 120ms ease-in;\n  --topbar-slight-transition-background: background-color var(--topbar-slight-transition);\n  --topbar-scrollbar-color: var(--t-fill-color-transparency-dark-030) transparent;\n  --topbar-scrollbar-width: thin;\n\n  --topbar-nav-link-font-size: var(--t-font-size-sm);\n  --topbar-nav-link-font-color: var(--t-text-color-headline);\n  --topbar-nav-link-height: var(--t-container-size-md);\n  --topbar-nav-link-background-color: transparent;\n  --topbar-nav-link-padding-x: 12px;\n  --topbar-nav-link-border-color: transparent;\n  --topbar-nav-link-border-radius: 999px;\n  --topbar-nav-link-transition: var(--topbar-slight-transition-background);\n\n  --topbar-nav-link-background-color-hover: var(--t-fill-color-transparency-light-040);\n\n  --topbar-nav-link-background-color-active: var(--t-fill-color-transparency-light-060);\n  --topbar-nav-link-border-color-active: var(--t-fill-color-transparency-light-030);\n\n  --toolbar-width: 64px;\n  --toolbar-inner-width: 48px;\n  --toolbar-drawer-width: 360px;\n  --toolbar-navbar-height: 56px;\n\n  --content-wrap-border-color: hsla(0, 0%, 0%, 0.08);\n  --content-wrap-shadow-dimensions: 0 -1px 0 0;\n}\n\n@media (min-width: 600px) {\n  :root {\n    --topbar-height: 64px;\n\n    --content-wrap-shadow-dimensions: 0 0 0 1px;\n  }\n}\n\n:root[data-color-mode=\"dark\"] {\n  --topbar-nav-link-background-color-hover: var(--t-fill-color-transparency-light-020);\n\n  --topbar-nav-link-background-color-active: var(--t-fill-color-transparency-light-030);\n  --topbar-nav-link-border-color-active: var(--t-fill-color-transparency-light-010);\n\n  --content-wrap-border-color: hsla(0, 0%, 100%, 0.04);\n}\n\n@media (prefers-color-scheme: dark) {\n  :root[data-color-mode=\"system\"] {\n    --topbar-nav-link-background-color-hover: var(--t-fill-color-transparency-light-020);\n\n    --topbar-nav-link-background-color-active: var(--t-fill-color-transparency-light-030);\n    --topbar-nav-link-border-color-active: var(--t-fill-color-transparency-light-010);\n\n    --content-wrap-border-color: hsla(0, 0%, 100%, 0.04);\n  }\n}\n\n/*\nFix for Safari bug:\nOn mobile breakpoints, when the app switcher or user profile menu are open,\nprevent .top-wrap from covering them.\n\nCaused by products overriding .topbar-wrap’s z-index.\n*/\n.page-wrap:has(div[class^=\"appmenu-layer\"][style*=\"display: block\"]) .topbar-wrap {\n  z-index: initial !important;\n}\n\n.hide-scrollbar {\n  -ms-overflow-style: none; /* IE and Edge */\n  scrollbar-width: none; /* Firefox */\n}\n\n.hide-scrollbar::-webkit-scrollbar {\n  display: none; /* Chrome, Safari, and Opera */\n}\n","// The document (not .content-wrap) must own vertical scrolling for iOS scroll-to-top and pull-to-refresh to work.\n:root[data-app-context=\"native\"] {\n  --toolbar-navbar-height: 0;\n\n  &,\n  body {\n    height: auto;\n    min-height: 100vh;\n  }\n\n  .page-wrap,\n  .product-wrap {\n    height: auto;\n    overflow: visible;\n  }\n\n  // Without overflow: hidden these grid items lose their automatic minimum\n  // size of 0, letting wide content (tables) blow the layout past the viewport.\n  .top-wrap,\n  .page-wrap,\n  .product-wrap,\n  .toolbar-wrap {\n    min-width: 0;\n  }\n}\n\n// Legacy touch scrolling is a no-op in Safari but still active inside embedded\n// WKWebViews, where it swallows vertical pans that should chain to the document.\n:root[data-app-context=\"native\"] * {\n  -webkit-overflow-scrolling: auto !important;\n}\n\n:root[data-app-context=\"native\"] .topbar-wrap {\n  display: none;\n}\n\n:root[data-app-context=\"native\"] .toolbar-wrap {\n  overflow: hidden;\n}\n\n:root[data-app-context=\"native\"] .content-wrap {\n  padding-bottom: var(--app-content-inset-bottom, unset);\n  overflow: visible;\n}\n\n:root[data-app-context=\"native\"] .content-scroll footer[role=\"contentinfo\"] {\n  display: none;\n}\n\n@media screen and (min-width: 600px) {\n  :root[data-app-context=\"native\"] {\n    --toolbar-width: 0px;\n    --topbar-height: 0px;\n    --toolbar-drawer-width: 48vw;\n  }\n\n  :root[data-app-context=\"native\"] .content-wrap {\n    margin: 0 !important;\n    border-radius: 0;\n  }\n\n  :root[data-app-context=\"native\"] .toolbar-wrap {\n    overflow: visible;\n  }\n}\n\n",".toolbar {\n  display: flex;\n  width: 100vw;\n  height: var(--toolbar-navbar-height);\n  padding: var(--t-spacing-1);\n  padding-top: calc(var(--t-spacing-1) - 1px);\n  gap: var(--t-spacing-1);\n}\n\n.toolbar-button {\n  font: inherit;\n  color: var(--t-fill-color-transparency-dark-060);\n  background-color: transparent;\n  border: var(--t-border-width) solid transparent;\n  border-radius: var(--t-border-radius-lg);\n  flex-grow: 1;\n  transition: var(--topbar-slight-transition-background);\n  cursor: pointer;\n  appearance: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.toolbar-button:hover {\n  background-color: var(--t-fill-color-button-interaction-ghost-hover);\n}\n.toolbar-button:active,\n.toolbar-button.is-current {\n  color: var(--t-fill-color-transparency-dark-080);\n  background-color: var(--t-fill-color-button-interaction-ghost-active);\n}\n\n.toolbar-button--avatar {\n  display: none;\n}\n.toolbar-button--avatar > div {\n  margin-left: 0;\n  width: var(--t-container-size-md);\n  height: auto;\n  aspect-ratio: 1 / 1;\n}\n\n.toolbar-button--home {\n  color: hsl(221, 93%, 55%);\n}\n\n@media (min-width: 600px) {\n  .toolbar {\n    width: var(--toolbar-width);\n    height: auto;\n    padding-top: var(--t-spacing-1);\n    flex-direction: column;\n  }\n\n  .toolbar-button {\n    aspect-ratio: 1 / 1;\n  }\n  .toolbar-button:hover {\n    background-color: var(--t-fill-color-transparency-light-040);\n  }\n  .toolbar-button:active,\n  .toolbar-button.is-current {\n    color: var(--t-fill-color-transparency-dark-080);\n    background-color: var(--t-fill-color-transparency-light-060);\n    border-color: var(--t-fill-color-transparency-light-030);\n  }\n\n  .toolbar-button--avatar {\n    display: inline-flex;\n  }\n\n  .toolbar-button--home {\n    display: none;\n  }\n}\n",".icon-slot {\n  display: flex;\n  justify-content: center;\n  width: var(--t-container-size-sm);\n  flex-shrink: 0;\n}\n\n.name {\n  font-size: inherit;\n}\n",".button {\n  color: var(--t-text-color);\n  padding-left: var(--t-spacing-1);\n  padding-right: var(--t-spacing-1);\n  height: 100%;\n  white-space: nowrap;\n  display: flex;\n  align-items: center;\n  gap: var(--t-spacing-1);\n  transition: var(--topbar-slight-transition-background);\n\n  --\\_svg-display: none;\n\n  svg[data-logo=\"mono-app-text\"],\n  svg[class^=\"chevron\"] {\n    display: var(--\\_svg-display);\n  }\n\n  @media (min-width: 720px) {\n    --\\_svg-display: block;\n\n    padding-left: var(--t-spacing-2);\n    padding-right: var(--t-spacing-2);\n\n    svg[data-logo=\"color-app-icon\"] {\n      width: 24px;\n      height: 24px;\n    }\n  }\n}\n\n.button-accounts {\n  color: var(--t-text-color);\n  font-size: var(--t-font-size-sm);\n  font-weight: var(--t-font-weight-medium);\n  margin-left: var(--t-spacing-fourth);\n}\n\n.chevron {\n  border-radius: 100%;\n  padding: var(--t-spacing-fourth);\n  display: block;\n  transition: var(--topbar-slight-transition-background);\n  transition-property: background-color, transform;\n}\n.chevron polygon {\n  transform: translateY(0.5px);\n}\n\n.button:hover .chevron,\n.button.is-expanded .chevron {\n  background-color: var(--t-fill-color-transparency-light-050);\n}\n.button.is-expanded .chevron {\n  transform: rotate(180deg);\n}\n",".popup {\n  top: calc(var(--topbar-height) - var(--t-spacing-1));\n  left: var(--t-spacing-2);\n  min-width: 180px;\n  max-height: calc(100% - var(--topbar-height) - var(--t-spacing-3));\n}\n",".unbutton {\n  font-family: inherit;\n  appearance: none;\n  background-color: transparent;\n  border: none;\n  cursor: pointer;\n  display: inline-block;\n  outline: 0;\n  padding: 0;\n}\n",".popup-root {\n  display: flex;\n  align-self: flex-end;\n}\n\n.popup {\n  background: var(--t-surface-color-card);\n  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 4px 12px 2px rgba(0, 0, 0, 0.16);\n  border-radius: var(--t-border-radius-lg);\n  position: absolute;\n  overflow: auto;\n  scrollbar-color: var(--topbar-scrollbar-color);\n  scrollbar-width: var(--topbar-scrollbar-width);\n  opacity: 0;\n  visibility: hidden;\n  transition: all 120ms ease-in;\n}\n\n.popup.is-visible {\n  opacity: 1;\n  transition: none;\n  visibility: visible;\n}\n","/* Placeholder until design lands: just enough to tell which product is selected. */\n.tab[aria-selected=\"true\"] {\n  background-color: var(--t-fill-color-interaction);\n  color: var(--t-text-color-inverted);\n  font-weight: var(--t-font-weight-semibold);\n}\n","/* Placeholder until design lands: just enough to see which result is highlighted. */\n.result {\n  display: block;\n}\n\n.result[aria-selected=\"true\"] {\n  background-color: var(--t-fill-color-interaction);\n  color: var(--t-text-color-inverted);\n}\n",".visuallyHidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap;\n}\n",".popup {\n  color: var(--t-text-color);\n  min-width: 242px;\n  max-width: 320px;\n  margin-top: calc(var(--t-spacing-1) * -1);\n  right: calc(var(--t-spacing-1) + 1px); /* 1px is to account for .product-wrap { padding-right: 1px  } */\n  max-height: calc(100% - var(--topbar-height) - var(--t-spacing-3));\n}\n\n.trigger-wrap {\n  margin-left: var(--t-spacing-1);\n  position: relative;\n  white-space: nowrap;\n  cursor: pointer;\n}\n\n.trigger {\n  font-size: var(--topbar-nav-link-font-size);\n  color: var(--topbar-nav-link-font-color);\n  height: var(--topbar-nav-link-height);\n  background-color: var(--topbar-nav-link-background-color-active);\n  padding: 0 var(--topbar-nav-link-padding-x);\n  border: var(--t-border-width) solid var(--topbar-nav-link-border-color-active);\n  border-radius: var(--topbar-nav-link-border-radius);\n  min-width: var(--t-container-size-md);\n  transition: var(--topbar-nav-link-transition);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  outline: 0;\n  appearance: none;\n  cursor: pointer;\n}\n\n.trigger svg {\n  transition: transform var(--topbar-slight-transition);\n  /* Negative margin ensures button is a circle when orgname isn’t visible */\n  margin-left: calc(var(--t-spacing-1) * -1);\n  margin-right: calc(var(--t-spacing-1) * -1);\n}\n\n.trigger.is-visible svg {\n  transform: rotate(180deg);\n}\n\n.trigger-orgname {\n  max-width: 240px;\n  margin-right: var(--t-spacing-fourth);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.trigger-orgname + svg {\n  color: var(--t-fill-color-transparency-dark-050);\n  /* Correct margin for when orgname is visible */\n  margin-left: 0;\n  margin-right: calc(var(--t-spacing-fourth) * -1);\n}\n",".avatar {\n  background-color: var(--t-fill-color-transparency-light-020);\n  background-position: center;\n  background-size: cover;\n  border-radius: 50%;\n  height: var(--t-element-size-2xl);\n  width: var(--t-element-size-2xl);\n  margin-left: var(--t-spacing-half);\n}\n",".trigger {\n  border-width: 0;\n  background-color: transparent;\n  height: 100%;\n  padding-left: var(--t-spacing-2);\n  padding-right: var(--t-spacing-3);\n  appearance: none;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.layer {\n  align-items: flex-end;\n  color: var(--t-text-color-headline);\n  display: flex;\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 100;\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n  visibility: hidden;\n  transition: visibility var(--t-duration-0) var(--t-ease-linear)\n    var(--t-duration-400);\n}\n\n.layer.layer--visible {\n  visibility: visible;\n  transition: visibility var(--t-duration-0) var(--t-ease-linear)\n    var(--t-duration-0);\n}\n\n.panel {\n  background-color: var(--t-surface-color-card);\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  overflow-y: auto;\n  padding: 0;\n  transform: translateX(-100%);\n  transition: transform var(--t-duration-400) var(--t-ease-out);\n}\n\n.layer--visible .panel {\n  transform: translateX(0);\n}\n\n.header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: var(--t-container-size-xl);\n  padding: 0 var(--t-spacing-1);\n  position: sticky;\n  top: 0;\n  background-color: var(--t-surface-color-card);\n}\n\n.heading {\n  font-size: var(--t-font-size-lg);\n  font-weight: var(--t-font-weight-semibold);\n  padding-left: var(--t-spacing-1);\n}\n\n.close svg {\n  width: var(--t-element-size-xl);\n  height: var(--t-element-size-xl);\n}\n\n.close {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: transparent;\n  border-width: 0;\n  padding: var(--t-spacing-1);\n  appearance: none;\n}\n\n.list {\n  list-style: none;\n  margin: 0;\n  padding: var(--t-spacing-half) var(--t-spacing-1) 0;\n}\n\n.link {\n  display: flex;\n  align-items: center;\n  gap: var(--t-spacing-1);\n  min-height: var(--t-container-size-xl);\n  padding: 0 var(--t-spacing-1);\n  border-radius: var(--t-border-radius-lg);\n  font-size: var(--t-font-size-md);\n  font-weight: var(--t-font-weight-semibold);\n  text-decoration: none;\n  color: var(--t-text-color-headline);\n}\n\n.link:active {\n  background: var(--t-fill-color-button-neutral-ghost-active);\n}\n\n.current {\n  background: var(--t-fill-color-button-interaction-ghost-active);\n}\n\n.current:active {\n  background: var(--t-fill-color-button-interaction-ghost-hover);\n}\n\n.accounts-item {\n  margin-top: var(--t-spacing-half);\n  padding-top: var(--t-spacing-half);\n  padding-bottom: var(--t-spacing-1);\n  border-top: var(--t-border-width) solid var(--t-border-color-dim);\n}\n\n.accounts-link {\n  color: var(--t-text-color-secondary);\n  font-weight: var(--t-font-weight-normal);\n}\n\n.accounts-link svg {\n  opacity: 0.5;\n}\n",".debug-pco-resource {\n  display: flex;\n  flex-direction: column;\n  gap: var(--t-spacing-1);\n  margin: var(--t-spacing-2);\n  padding: var(--t-spacing-2);\n  border: var(--t-border-width-thick) solid var(--t-fill-color-product-staff);\n  border-radius: var(--t-border-radius-lg);\n  background-color: var(--t-fill-color-tag-pink-010);\n}\n\n.debug-pco-resource-header {\n  display: flex;\n  align-items: center;\n  gap: var(--t-spacing-1);\n  margin-bottom: var(--t-spacing-half);\n}\n\n.debug-pco-resource-badge {\n  padding: var(--t-spacing-fourth) var(--t-spacing-half);\n  border-radius: var(--t-border-radius-round);\n  background-color: var(--t-fill-color-product-staff);\n  color: #fff;\n  font-size: var(--t-font-size-2xs);\n  font-weight: var(--t-font-weight-bold);\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n}\n\n.debug-pco-resource-title {\n  color: var(--t-text-color);\n  font-size: var(--t-font-size-sm);\n  font-weight: var(--t-font-weight-semibold);\n}\n\n.debug-pco-resource-field {\n  display: flex;\n  flex-direction: column;\n  gap: var(--t-spacing-fourth);\n}\n\n.debug-pco-resource-field-label {\n  color: var(--t-text-color-secondary);\n  font-size: var(--t-font-size-2xs);\n  font-weight: var(--t-font-weight-semibold);\n  letter-spacing: 0.03em;\n  text-transform: uppercase;\n}\n\n.debug-pco-resource-field-value {\n  padding: var(--t-spacing-fourth) var(--t-spacing-half);\n  border-radius: var(--t-border-radius-sm);\n  background-color: var(--t-fill-color-neutral-070);\n  color: var(--t-text-color);\n  font-family: var(--t-font-monospace);\n  font-size: var(--t-font-size-xs);\n  overflow-wrap: break-word;\n}\n\n.debug-pco-resource-note {\n  margin: 0;\n  color: var(--t-text-color-secondary);\n  font-size: var(--t-font-size-xs);\n  font-style: italic;\n}\n\n.debug-pco-resource-json {\n  max-height: 240px;\n  margin: 0;\n  padding: var(--t-spacing-1);\n  overflow: auto;\n  border-radius: var(--t-border-radius-sm);\n  background-color: var(--t-fill-color-neutral-070);\n  color: var(--t-text-color);\n  font-family: var(--t-font-monospace);\n  font-size: var(--t-font-size-xs);\n  white-space: pre-wrap;\n  overflow-wrap: break-word;\n}\n",".drawer-wrap {\n  width: 100%;\n  background-color: var(--t-surface-color-card);\n\n  display: none;\n  position: fixed;\n  top: 0;\n  bottom: var(--toolbar-navbar-height);\n\n  overflow: hidden;\n}\n.drawer-wrap.is-visible {\n  display: block;\n}\n\n.drawer {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n\n  overflow: auto;\n  scrollbar-color: var(--t-fill-color-transparency-dark-030);\n  scrollbar-width: var(--topbar-scrollbar-width);\n}\n\n@media (min-width: 600px) {\n  .drawer-wrap {\n    width: var(--toolbar-drawer-width);\n    border-radius: 6px; /* TODO: Once a token exists, replace with 6px equivalent \n    or inset associated with to --t-border-radius-lg */\n    box-shadow: 0 0 0 1px var(--content-wrap-border-color), 0 4px 12px 2px rgba(0, 0, 0, 0.16);\n\n    display: block;\n    position: absolute;\n    bottom: var(--t-spacing-2);\n    right: calc(var(--toolbar-drawer-width) * -1);\n    top: calc(var(--topbar-height) + var(--t-spacing-1));\n\n    opacity: 0;\n    transform: translateX(var(--t-spacing-1));\n    transition-property: opacity, transform, right;\n    transition-duration: 100ms;\n    transition-delay: 0s, 0s, 100ms;\n    transition-timing-function: ease-in-out;\n  }\n  .drawer-wrap.is-visible {\n    right: calc(var(--toolbar-width) + var(--t-spacing-1) + 1px);\n    opacity: 1;\n    transform: translateX(0);\n\n    transition-property: opacity, transform;\n    transition-delay: 0s;\n  }\n}\n",".indicator-dot {\n  width: 12px;\n  height: 12px;\n  background: radial-gradient(#33adff 50%, transparent 50%);\n  background-color: #33adff;\n  box-shadow: inset 0 0 0 2px #b1bfda;\n  border-radius: 50%;\n  position: absolute;\n  z-index: 6;\n  pointer-events: none;\n}\n\n.indicator-dot.is-active {\n  width: 10px;\n  height: 10px;\n  box-shadow: inset 0 0 0 2px var(--t-fill-color-neutral-100);\n  transform: translateX(-1.5px) translateY(1.5px);\n}\n",".color-mode-switcher {\n  color: var(--t-text-color); /* Needed to override .tapestry-react-reset. This is the dumbest thing to have to do */\n  border: 0;\n  padding: 0;\n}\n\n.color-mode-switcher-label {\n  font-weight: var(--t-font-weight-semibold);\n  display: inline-block;\n  margin-bottom: var(--t-spacing-1);\n}\n\n.color-mode-switcher-label-beta {\n  font-size: var(--t-font-size-xs);\n  font-weight: var(--t-font-weight-semibold);\n  color: var(--t-text-color-status-neutral);\n  background-color: var(--t-fill-color-status-neutral-ghost);\n  border-radius: var(--t-border-radius-sm);\n  padding: 0 var(--t-spacing-1);\n  line-height: var(--t-element-size-sm);\n  vertical-align: middle;\n  text-transform: uppercase;\n}\n\n.color-mode-switcher-modes {\n  padding: var(--t-spacing-half);\n  border: var(--t-border-width) solid var(--t-border-color);\n  border-radius: var(--t-border-radius-md);\n  display: flex;\n  gap: var(--t-spacing-half);\n  container-type: inline-size;\n\n  input[type=\"radio\"] {\n    opacity: 0;\n    position: absolute;\n    pointer-events: none;\n  }\n\n  label {\n    border-radius: var(--t-border-radius-sm);\n    min-height: var(--t-element-size-xl);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-grow: 1;\n    user-select: none;\n    margin: 0;\n    position: relative;\n  }\n  label:hover {\n    background: var(--t-fill-color-button-neutral-ghost-hover);\n  }\n\n  label:has(input:focus-visible) {\n    outline: auto;\n  }\n\n  svg {\n    display: none;\n    margin-right: var(--t-spacing-half);\n\n    @container (width >= 256px) {\n      display: block;\n    }\n  }\n\n  svg {\n    color: var(--t-icon-color-dim);\n  }\n\n  label,\n  svg {\n    transition-property: color, background-color;\n    transition-duration: 0.1s;\n    transition-timing-function: linear;\n  }\n\n  label:has(input:checked) {\n    color: var(--t-text-color-status-info);\n    background-color: var(--t-fill-color-status-info-ghost);\n\n    svg {\n      color: var(--t-icon-color-status-info);\n    }\n  }\n}\n",".banner {\n  /* Shared by the border stroke (full opacity) and the interior wash so\n     the two stay in sync. */\n  --local-ask-ai-gradient: linear-gradient(\n    163.5deg,\n    var(--t-fill-color-tag-teal-040) 0%,\n    var(--t-fill-color-tag-blue-040) 35.27%,\n    var(--t-fill-color-tag-purple-040) 65.62%,\n    var(--t-fill-color-tag-orange-040) 100%\n  );\n\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--t-spacing-1);\n  width: 100%;\n  padding: var(--t-spacing-1);\n  border: var(--t-border-width) solid transparent;\n  border-radius: var(--t-border-radius-lg);\n  background:\n    linear-gradient(\n      var(--t-surface-color-card),\n      var(--t-surface-color-card)\n    )\n    padding-box,\n    var(--local-ask-ai-gradient) border-box;\n  overflow: hidden;\n  cursor: pointer;\n  font: inherit;\n  text-align: left;\n  appearance: none;\n  -webkit-appearance: none;\n}\n\n.banner::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background-image: var(--local-ask-ai-gradient);\n  opacity: 0.15;\n  pointer-events: none;\n}\n\n.banner:hover::before {\n  opacity: 0.25;\n}\n\n.banner:focus-visible {\n  outline: var(--t-focus-ring-outline);\n  outline-offset: var(--t-focus-ring-offset);\n}\n\n.stacked {\n  /* Tapestry has no semantic elevation-shadow token, so this is a\n     --local- color (per the dark-mode escape-hatch convention); it's\n     redefined to transparent in dark below. */\n  --local-ask-ai-shadow-color: #e4edf7;\n\n  filter: drop-shadow(0 4px 6px var(--local-ask-ai-shadow-color));\n}\n\n:global(:root[data-color-mode=\"dark\"]) .stacked {\n  --local-ask-ai-shadow-color: transparent;\n}\n\n@media (prefers-color-scheme: dark) {\n  :global(:root[data-color-mode=\"system\"]) .stacked {\n    --local-ask-ai-shadow-color: transparent;\n  }\n}\n\n.content {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--t-spacing-1);\n  min-width: 0;\n}\n\n.icon {\n  position: relative;\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n}\n\n.iconShape {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.iconSparkle {\n  position: relative;\n  width: 19.5px;\n  height: 18px;\n  color: #fff;\n}\n\n.text {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  min-width: 0;\n}\n\n.title {\n  font-size: var(--t-font-size-md);\n  font-weight: var(--t-font-weight-bold);\n  line-height: 1.4;\n  letter-spacing: -0.096px;\n  color: var(--t-text-color-headline);\n}\n\n.subtitle {\n  font-size: var(--t-font-size-xs);\n  line-height: 1.3;\n  letter-spacing: -0.072px;\n  color: var(--t-text-color);\n}\n\n.chevron {\n  position: relative;\n  flex-shrink: 0;\n  color: var(--t-icon-color-dim);\n}\n\n.inlineContent {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--t-spacing-fourth);\n  min-width: 0;\n}\n\n.sparkle {\n  flex-shrink: 0;\n  color: var(--t-fill-color-tag-indigo-040);\n}\n\n.inlineTitle {\n  font-size: var(--t-font-size-sm);\n  font-weight: var(--t-font-weight-bold);\n  line-height: 1.35;\n  letter-spacing: -0.084px;\n  color: var(--t-text-color);\n}\n\n/* A span, not a button: the banner itself is already the button. */\n.action {\n  position: relative;\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  gap: var(--t-spacing-half);\n  height: var(--t-container-size-sm);\n  padding: var(--t-spacing-fourth) var(--t-spacing-1);\n  border-radius: var(--t-border-radius-md);\n  background-color: var(--t-fill-color-button-neutral-ghost);\n}\n\n.actionLabel {\n  font-size: var(--t-font-size-sm);\n  line-height: 1.35;\n  letter-spacing: -0.084px;\n  color: var(--t-text-color-status-neutral);\n}\n\n.actionChevron {\n  position: relative;\n  flex-shrink: 0;\n  color: var(--t-icon-color-status-neutral-secondary);\n}\n"]}