@import "brand.css";

:root {
  --_kit-tier-held: 3;
  --_kit-tier-chrome: calc(var(--_kit-tier-held) + 1);
  --_kit-tier-toast: calc(var(--_kit-tier-chrome) + 1);
  --_kit-tier-overlay: calc(var(--_kit-tier-toast) + 1);
  --_kit-surface: var(--kit-surface);
  --_kit-panel: var(--kit-panel);
  --_kit-boundary: var(--kit-boundary);
  --_kit-ink: var(--kit-ink);
  --_kit-muted: var(--kit-muted);
  --_kit-on-ground-muted: var(--kit-on-ground-muted);
  --_kit-wash-accent: var(--kit-wash-accent);
  --_kit-wash-muted: var(--kit-wash-muted);
  --_kit-backdrop: var(--kit-backdrop);
  --_kit-rule: 1px;
  --_kit-current-time-rule: 2px;
  --_kit-link-underline-offset: 0.15em;
  --_kit-rhythm: 4px;
  --_kit-inset-tight: 8px;
  --_kit-inset: 16px;
  --_kit-inset-wide: 24px;
  --_kit-stack: 12px;
  --_kit-region: 32px;
  --_kit-content-width: 1200px;
  --_kit-reading-width: 720px;
  --_kit-pair-width: 560px;
  --_kit-phone-viewport-width: 390px;
  --_kit-phone-viewport-height: 844px;
  --_kit-focused-width: 640px;
  --_kit-rail-width: 224px;
  --_kit-account-menu-width: 256px;
  --_kit-navigation-icon: 20px;
  --_kit-avatar: 28px;
  --_kit-bottom-bar-height: 64px;
  --_kit-identity-height: 48px;
  --_kit-header-height: 80px;
  --_kit-hour-height: 72px;
  --_kit-touch-target: 44px;
  --_kit-focus-edge: 2px;
  --_kit-control-icon: 16px;
  --_kit-selection-size: 16px;
  --_kit-subject-size: 32px;
  --_kit-region-heading-size: 24px;
  --_kit-sub-heading-size: 20px;
  --_kit-measure-size: 24px;
  --_kit-result-size: 56px;
  --_kit-body-size: 16px;
  --_kit-label-size: 14px;
  --_kit-transition: 120ms;
  --_kit-appear: 200ms;
  --_kit-leave: 120ms;
  --_kit-step-dwell: 2s;
  --_kit-receipt-hold: 4s;
  --_kit-print-margin: 16mm;
  --_kit-running-head: 10mm;
  --_kit-running-foot: 10mm;
}

[data-kit-density="desk"] {
  --_kit-radius: var(--_kit-rhythm);
  --_kit-target: var(--_kit-region);
  --_kit-row-subject-offset: max(0px, (var(--_kit-target) - 1lh) / 2);
}

[data-kit-density="floor"] {
  --_kit-radius: var(--_kit-inset-tight);
  --_kit-target: var(--_kit-touch-target);
}

[data-kit-density="field"] {
  --_kit-radius: var(--_kit-stack);
  --_kit-target: var(--_kit-touch-target);
}

[data-kit-density="floor"], [data-kit-density="field"] {
  --_kit-row-subject-offset: 0px;
}

* {
  box-sizing: border-box;
}

body {
  container-name: page;
  container-type: inline-size;
  margin: 0;
  background: var(--_kit-surface);
  color: var(--_kit-ink);
  font-family: Inter, sans-serif;
  font-size: var(--_kit-body-size);
}

html {
  background: var(--_kit-surface);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--kit-display-family), serif;
}

h1 { font-size: var(--_kit-subject-size); }
h2 { font-size: var(--_kit-region-heading-size); }
h3, h4, h5, h6 { font-size: var(--_kit-sub-heading-size); }

:is([data-kit-role="field-result"], [data-kit-layout="field-result"]) [data-kit-region="result-words"] {
  font-size: var(--_kit-result-size);
}

code, kbd, samp, pre {
  font-family: "Geist Mono", monospace;
  font-weight: 400;
}

time, [data-kit-role="amount"] {
  font-variant-numeric: tabular-nums;
}

[data-kit-role="amount"] {
  white-space: nowrap;
}

[data-kit-role="amount"]::before {
  content: "\2060";
}

table > thead > tr > :is(th, td)[data-kit-column="amount"],
table[data-kit-table="comparison"] > :is(tbody, tfoot) > tr > :is(th, td)[data-kit-column="amount"],
table :is(th, td):is([data-kit-role="amount"], :has(> [data-kit-role="amount"])) {
  text-align: right;
}

a {
  color: inherit;
  text-decoration-line: underline;
  text-decoration-color: var(--_kit-text-muted, var(--_kit-muted));
  text-decoration-thickness: var(--_kit-rule);
  text-decoration-skip-ink: none;
  text-underline-offset: var(--_kit-link-underline-offset);
}

a:focus-visible {
  text-decoration-color: var(--_kit-text-ink, var(--_kit-ink));
}

@media (hover: hover) {
  a:hover {
    text-decoration-color: var(--_kit-text-ink, var(--_kit-ink));
  }
}

:is([data-kit-region="page-foot"], [data-kit-region="count-continuation"]) > nav > :is(a, [data-kit-state~="current"]),
:is([data-kit-region="page-foot"], [data-kit-region="count-continuation"]) > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > nav > :is(a, [data-kit-state~="current"]) {
  display: inline-flex;
  align-items: center;
  min-block-size: var(--_kit-target);
  min-inline-size: var(--_kit-target);
  color: inherit;
}

:focus-visible {
  outline: var(--_kit-focus-edge) solid var(--_kit-ink);
  outline-offset: var(--_kit-focus-edge);
  box-shadow: 0 0 0 var(--_kit-focus-edge) var(--_kit-surface);
}

[data-kit-layout="shell"] {
  --_kit-shell-content-width: var(--_kit-content-width);
  --_kit-shell-rail-space: 0px;
  --_kit-profile-height: max(var(--_kit-touch-target), var(--_kit-avatar) + 2 * var(--_kit-inset-tight));
  --_kit-page-inset: clamp(var(--_kit-inset), calc((100vw - var(--_kit-content-width)) / 2), var(--_kit-inset-wide));
  anchor-scope: --kit-shell-account-entry;
  padding-block-start: env(safe-area-inset-top);
  padding-block-end: env(safe-area-inset-bottom);
}

[data-kit-layout="shell"] > :is([data-kit-region="header"], [data-kit-region="body"]) {
  inline-size: calc(100% - 2 * var(--_kit-page-inset) - env(safe-area-inset-left) - env(safe-area-inset-right));
  max-inline-size: var(--_kit-shell-content-width);
  min-inline-size: 0;
  margin-inline: auto;
}

[data-kit-layout="shell"]:has(> [data-kit-region="rail"], > [data-kit-region="bottom-bar"]) {
  max-inline-size: none;
  min-block-size: 100dvh;
  padding: 0;
  overflow-wrap: break-word;
}

[data-kit-layout="shell"]:has(> [data-kit-region="rail"]) {
  --_kit-shell-rail-space: calc(var(--_kit-rail-width) + env(safe-area-inset-left));
  display: grid;
  grid-template-columns: calc(var(--_kit-rail-width) + env(safe-area-inset-left)) minmax(0, 1fr);
  grid-template-rows: auto auto 1fr;
}

[data-kit-layout="shell"] > [data-kit-region="bottom-bar"] {
  display: none;
}

[data-kit-layout="shell"]:has(> [data-kit-region="rail"]) > :is([data-kit-region="header"], [data-kit-region="body"]) {
  grid-column: 2;
  inline-size: calc(100% - 2 * var(--_kit-page-inset) - env(safe-area-inset-right));
  max-inline-size: var(--_kit-shell-content-width);
  min-inline-size: 0;
  margin-inline: auto;
  align-self: start;
}

[data-kit-layout="shell"]:has(> [data-kit-region="bottom-bar"]):not(:has(> [data-kit-region="rail"])),
[data-kit-layout="shell"]:has(> [data-kit-region="bottom-bar"]) > [data-kit-region="body"] {
  padding-block-end: calc(var(--_kit-bottom-bar-height) + env(safe-area-inset-bottom));
}

[data-kit-layout="shell"]:has(> nav) > [data-kit-region="identity-strip"] {
  padding-block-start: calc(var(--_kit-inset-tight) + env(safe-area-inset-top));
}

[data-kit-layout="shell"] > :is([data-kit-region="rail"], [data-kit-region="bottom-bar"]) {
  background: var(--kit-ground-charcoal);
  color: var(--_kit-text-ink);
}

[data-kit-layout="shell"] > [data-kit-region="rail"] {
  grid-column: 1;
  grid-row: 1 / 4;
  position: sticky;
  z-index: var(--_kit-tier-chrome);
  top: 0;
  block-size: 100%;
  max-block-size: 100dvh;
  display: flex;
  flex-direction: column;
  gap: var(--_kit-stack);
  overflow: hidden;
  padding: calc(var(--_kit-inset) + env(safe-area-inset-top)) var(--_kit-inset) calc(var(--_kit-inset) + env(safe-area-inset-bottom)) calc(var(--_kit-inset) + env(safe-area-inset-left));
}

[data-kit-layout="shell"] > :is(nav, [data-kit-region="account-menu"]) ul {
  display: flex;
  gap: var(--_kit-stack);
  list-style: none;
  margin: 0;
  padding: 0;
}

[data-kit-layout="shell"] > :is([data-kit-region="rail"], [data-kit-region="account-menu"]) ul,
[data-kit-layout="shell"] [data-kit-region="destination-group"] > ul {
  flex-direction: column;
}

[data-kit-layout="shell"] [data-kit-region="destination-group"] > [data-kit-region="group-name"] + ul {
  margin-block-start: var(--_kit-stack);
}

[data-kit-layout="shell"] [data-kit-region="destination-group"]:not(:first-child),
[data-kit-layout="shell"] > [data-kit-region="account-menu"] > :is([data-kit-region="group-name"], [data-kit-region="account-actions"]) {
  padding-block-start: var(--_kit-stack);
  border-block-start: var(--_kit-rule) solid var(--_kit-on-ground-muted);
}

[data-kit-layout="shell"] [data-kit-region="group-name"] {
  margin: 0;
  padding-inline: var(--_kit-inset-tight);
  color: var(--_kit-on-ground-muted);
  font-size: var(--_kit-label-size);
}

[data-kit-layout="shell"] > [data-kit-region="rail"] > [data-kit-region="destinations"] {
  flex: 1;
  min-block-size: 0;
  overflow-y: auto;
  scrollbar-width: none;
  container-type: scroll-state;
}

[data-kit-layout="shell"] > [data-kit-region="rail"] > [data-kit-region="destinations"] > li {
  flex: 0 0 auto;
}

[data-kit-layout="shell"] > [data-kit-region="rail"] > [data-kit-region="destinations"] > [data-kit-region="profile"] {
  position: sticky;
  z-index: 1;
  inset-block-end: 0;
  margin-block-start: auto;
  border-block-start: var(--_kit-rule) solid var(--_kit-on-ground-muted);
  background: var(--kit-ground-charcoal);
}

[data-kit-layout="shell"] > [data-kit-region="rail"] > [data-kit-region="destinations"]::after,
[data-kit-layout="shell"] > [data-kit-region="bottom-bar"] [data-kit-region="more"] > ul[popover]::after,
:is([data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"], [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > nav::after,
table[data-kit-table="comparison"]::after,
:is([data-kit-role="redline"] > table, table:not([data-kit-table="comparison"], :is([data-kit-region="rows"], [data-kit-region="breakdown-owning-records"], :is([data-kit-region="rows"], [data-kit-region="breakdown-owning-records"]) > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > table))::after,
[data-kit-layout="calendar"] > [data-kit-region="week"]::after {
  position: absolute;
  pointer-events: none;
  background: linear-gradient(var(--_kit-overflow-fade-direction), transparent, var(--_kit-overflow-fade-surface));
}

[data-kit-layout="shell"] > [data-kit-region="rail"] > [data-kit-region="destinations"],
[data-kit-layout="shell"] > [data-kit-region="bottom-bar"] [data-kit-region="more"] > ul[popover],
:is([data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"], [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > nav,
table[data-kit-table="comparison"],
:is([data-kit-role="redline"] > table, table:not([data-kit-table="comparison"], :is([data-kit-region="rows"], [data-kit-region="breakdown-owning-records"], :is([data-kit-region="rows"], [data-kit-region="breakdown-owning-records"]) > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > table)),
[data-kit-layout="calendar"] > [data-kit-region="week"] {
  --_kit-overflow-fade-extent: calc(var(--_kit-stack) + var(--_kit-overflow-fade-blank));
}

[data-kit-layout="shell"] > [data-kit-region="rail"] > [data-kit-region="destinations"] {
  --_kit-overflow-fade-blank: calc(var(--_kit-inset-tight) + var(--_kit-stack) + var(--_kit-stack) + var(--_kit-rule) + 1lh + var(--_kit-stack) + var(--_kit-inset-tight));
  font-size: var(--_kit-label-size);
  scroll-padding-block-end: var(--_kit-overflow-fade-extent);
}

[data-kit-layout="shell"] > [data-kit-region="rail"] > [data-kit-region="destinations"]:has(> [data-kit-region="profile"]) {
  scroll-padding-block-end: calc(var(--_kit-overflow-fade-extent) + var(--_kit-profile-height));
}

[data-kit-layout="shell"] > [data-kit-region="rail"] > [data-kit-region="destinations"]::after {
  --_kit-overflow-fade-direction: to bottom;
  --_kit-overflow-fade-surface: var(--kit-ground-charcoal);
  position-anchor: auto;
  inset-inline-start: anchor(start);
  inset-inline-end: anchor(end);
  inset-block-end: anchor(end);
  block-size: var(--_kit-overflow-fade-extent);
}

[data-kit-layout="shell"] > [data-kit-region="rail"] > [data-kit-region="destinations"]:has(> [data-kit-region="profile"])::after {
  inset-block-end: calc(anchor(end) + var(--_kit-profile-height) + var(--_kit-rule));
}

@container scroll-state((scrollable: block-start) or (scrollable: block-end)) {
  [data-kit-layout="shell"] > [data-kit-region="rail"] > [data-kit-region="destinations"]::after {
    content: "";
  }

  [data-kit-layout="shell"] > [data-kit-region="rail"] > [data-kit-region="destinations"] > li:last-child:not([data-kit-region="profile"]),
  [data-kit-layout="shell"] > [data-kit-region="rail"] > [data-kit-region="destinations"] > li:has(+ [data-kit-region="profile"]) {
    margin-block-end: var(--_kit-overflow-fade-extent);
  }
}

[data-kit-layout="shell"] > [data-kit-region="rail"] > [data-kit-region="destinations"] > [data-kit-region="profile"] > button {
  min-block-size: var(--_kit-profile-height);
  line-height: var(--_kit-navigation-icon);
}

[data-kit-layout="shell"] > [data-kit-region="rail"] > [data-kit-region="destinations"] [data-kit-role="destination"][data-kit-state~="current"] {
  scroll-initial-target: nearest;
}

[data-kit-layout="shell"] > :is([data-kit-region="rail"], [data-kit-region="account-menu"]) a {
  inline-size: 100%;
  gap: var(--_kit-stack);
}

[data-kit-layout="shell"] > [data-kit-region="rail"] [data-kit-icon] {
  flex: 0 0 auto;
  inline-size: var(--_kit-navigation-icon);
  block-size: var(--_kit-navigation-icon);
}

[data-kit-layout="shell"] [data-kit-region="avatar"] {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  inline-size: var(--_kit-avatar);
  block-size: var(--_kit-avatar);
  overflow: hidden;
  border: var(--_kit-rule) solid var(--_kit-panel-boundary, var(--_kit-boundary));
  border-radius: 50%;
  background: var(--_kit-panel-surface, var(--_kit-panel));
  color: var(--_kit-text-ink, var(--_kit-ink));
  font-size: var(--_kit-label-size);
  font-weight: 700;
  line-height: 1;
}

[data-kit-layout="shell"] > [data-kit-region="rail"] [data-kit-region="avatar"] {
  margin-inline: calc((var(--_kit-navigation-icon) - var(--_kit-avatar)) / 2);
}

[data-kit-layout="shell"] [data-kit-region="avatar"] > img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}

[data-kit-layout="shell"] > [data-kit-region="bottom-bar"] [data-kit-region="more"] {
  position: static;
}

[data-kit-layout="shell"] > :is(nav, [data-kit-region="account-menu"]) button,
[data-kit-layout="shell"] > [data-kit-region="identity-strip"] > [data-kit-region="profile"] > button {
  appearance: none;
  border: 0;
  background: transparent;
  color: inherit;
  font-family: inherit;
  font-weight: inherit;
  cursor: pointer;
}

[data-kit-layout="shell"] > [data-kit-region="rail"] [data-kit-region="profile"] > button,
[data-kit-layout="shell"] > [data-kit-region="identity-strip"] > [data-kit-region="profile"] > button,
[data-kit-layout="shell"] > [data-kit-region="account-menu"] button {
  display: flex;
  align-items: center;
  gap: var(--_kit-stack);
  inline-size: 100%;
  min-block-size: var(--_kit-target);
  padding: var(--_kit-inset-tight);
  border-radius: var(--_kit-radius);
  font-size: var(--_kit-label-size);
  text-align: start;
}

[data-kit-layout="shell"] > [data-kit-region="identity-strip"] > [data-kit-region="profile"] {
  margin-inline-start: auto;
}

[data-kit-layout="shell"] > [data-kit-region="identity-strip"] > [data-kit-region="profile"] > button {
  anchor-name: --kit-shell-account-entry;
  font-family: Inter, sans-serif;
}

[data-kit-layout="shell"] > [data-kit-region="bottom-bar"] [data-kit-region="more"] > ul[popover],
[data-kit-layout="shell"] > [data-kit-region="account-menu"] {
  position: fixed;
  inset: auto env(safe-area-inset-right) calc(var(--_kit-bottom-bar-height) + env(safe-area-inset-bottom)) env(safe-area-inset-left);
  inline-size: 100%;
  max-block-size: calc(100dvh - var(--_kit-bottom-bar-height) - env(safe-area-inset-bottom));
  min-inline-size: min(18rem, calc(100vw - 2 * var(--_kit-inset)));
  margin: 0;
  overflow-y: auto;
  padding: var(--_kit-inset);
  background: var(--kit-ground-raised);
  border: 0;
  border-block-start: var(--_kit-rule) solid var(--_kit-on-ground-muted);
  color: var(--_kit-surface);
  list-style: none;
}

[data-kit-layout="shell"] > [data-kit-region="bottom-bar"] [data-kit-region="more"] > ul[popover] {
  --_kit-overflow-fade-blank: calc(var(--_kit-inset-tight) + var(--_kit-stack) + var(--_kit-stack) + var(--_kit-rule) + 1lh + var(--_kit-stack) + var(--_kit-inset-tight));
  font-size: var(--_kit-label-size);
  padding-block-end: var(--_kit-overflow-fade-extent);
  scroll-padding-block-end: var(--_kit-overflow-fade-extent);
}

[data-kit-layout="shell"] > [data-kit-region="bottom-bar"] [data-kit-region="more"] > ul[popover]::after {
  --_kit-overflow-fade-direction: to bottom;
  --_kit-overflow-fade-surface: var(--kit-ground-raised);
  content: "";
  position: fixed;
  position-anchor: auto;
  inset-inline-start: anchor(start);
  inset-inline-end: anchor(end);
  inset-block-end: anchor(end);
  block-size: var(--_kit-overflow-fade-extent);
}

[data-kit-layout="shell"] > [data-kit-region="bottom-bar"] [data-kit-region="more"] > ul[popover]:not(:popover-open),
[data-kit-layout="shell"] > [data-kit-region="account-menu"]:not(:popover-open) {
  display: none;
}

[data-kit-layout="shell"] > [data-kit-region="bottom-bar"] [data-kit-region="more"] > ul[popover]:popover-open,
[data-kit-layout="shell"] > [data-kit-region="account-menu"]:popover-open {
  display: flex;
  flex-direction: column;
  gap: var(--_kit-rhythm);
}

[data-kit-layout="shell"] > [data-kit-region="bottom-bar"] [data-kit-region="more"] > ul[popover] > li:nth-child(-n+4) {
  display: none;
}

[data-kit-layout="shell"] > [data-kit-region="bottom-bar"] [data-kit-region="more"] > ul[popover][data-kit-role="more-destinations"] > li {
  display: list-item;
}

[data-kit-layout="shell"] > [data-kit-region="bottom-bar"] [data-kit-region="more"] > ul[popover] li > :is(a, button) {
  text-align: start;
}

[data-kit-layout="shell"] > [data-kit-region="bottom-bar"] {
  position: fixed;
  z-index: var(--_kit-tier-chrome);
  inset-inline: 0;
  inset-block-end: 0;
  min-block-size: calc(var(--_kit-bottom-bar-height) + env(safe-area-inset-bottom));
  padding: 0 calc(var(--_kit-inset) + env(safe-area-inset-right)) env(safe-area-inset-bottom) calc(var(--_kit-inset) + env(safe-area-inset-left));
}

[data-kit-layout="shell"] > [data-kit-region="bottom-bar"] :is(a, button) {
  color: inherit;
  font-size: var(--_kit-label-size);
  text-decoration: none;
}

[data-kit-layout="shell"] > [data-kit-region="bottom-bar"] > ul {
  align-items: stretch;
  block-size: var(--_kit-bottom-bar-height);
  padding-block: var(--_kit-rhythm);
  max-inline-size: var(--_kit-shell-content-width);
  margin-inline: auto;
  flex-wrap: nowrap;
  gap: var(--_kit-rhythm);
  justify-content: stretch;
}

[data-kit-layout="shell"] > [data-kit-region="bottom-bar"] > ul > li {
  flex: 1 1 0;
  min-inline-size: 0;
}

[data-kit-layout="shell"] > [data-kit-region="bottom-bar"] li > :is(a, button) {
  display: inline-flex;
  align-items: center;
  gap: var(--_kit-rhythm);
  inline-size: 100%;
  min-inline-size: 0;
  min-block-size: var(--_kit-touch-target);
  padding: var(--_kit-rhythm) 0;
  white-space: nowrap;
}

[data-kit-layout="shell"] > [data-kit-region="bottom-bar"] > ul > li > :is(a, button) {
  display: grid;
  grid-template-rows: minmax(0, 1fr) max-content;
  justify-items: center;
  align-items: end;
  block-size: 100%;
  text-align: center;
}

[data-kit-layout="shell"] > [data-kit-region="bottom-bar"] :is(a, button) > [data-kit-region="name"] {
  inline-size: 100%;
  min-inline-size: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

[data-kit-layout="shell"] > [data-kit-region="bottom-bar"] :is(a, button) > [data-kit-icon] {
  flex: 0 0 auto;
  inline-size: var(--_kit-navigation-icon);
  block-size: var(--_kit-navigation-icon);
}

[data-kit-layout="shell"] > [data-kit-region="bottom-bar"] > ul:not(:has(> li:nth-child(7))) > [data-kit-region="more"],
[data-kit-layout="shell"] > [data-kit-region="bottom-bar"] > ul:has(> li:nth-child(7)) > li:nth-child(n+5):not([data-kit-region="more"]) {
  display: none;
}

[data-kit-layout="shell"] > [data-kit-region="bottom-bar"] > ul:has(> [data-kit-region="more"] > ul[data-kit-role="more-destinations"]) > [data-kit-region="more"] {
  display: list-item;
}

[data-kit-layout="shell"] > [data-kit-region="account-menu"] > p:not([data-kit-region="group-name"]) {
  margin: 0;
  padding-inline: var(--_kit-inset-tight);
}

[data-kit-layout="shell"] > [data-kit-region="account-menu"] > [data-kit-region="account-name"] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

[data-kit-layout="shell"] > [data-kit-region="account-menu"] > [data-kit-region="account-email"] {
  color: var(--_kit-on-ground-muted);
  overflow-wrap: anywhere;
}

@container (inline-size >= 720px) {
  [data-kit-layout="shell"]:has(> [data-kit-region="rail"]) > [data-kit-region="account-menu"] {
    inset: auto auto calc(var(--_kit-inset) + env(safe-area-inset-bottom) + var(--_kit-profile-height) + var(--_kit-rhythm)) calc(var(--_kit-inset) + env(safe-area-inset-left));
    inline-size: var(--_kit-account-menu-width);
    min-inline-size: 0;
    border: var(--_kit-rule) solid var(--_kit-on-ground-muted);
    border-radius: var(--_kit-radius);
  }
}

[data-kit-layout="shell"]:has(> [data-kit-region="identity-strip"] > [data-kit-region="profile"]) > [data-kit-region="account-menu"] {
  position-anchor: --kit-shell-account-entry;
  inset: auto;
  inset-block-start: anchor(end);
  inset-inline-end: anchor(end);
  inline-size: var(--_kit-account-menu-width);
  min-inline-size: 0;
  max-inline-size: calc(100dvw - 2 * var(--_kit-page-inset));
  max-block-size: none;
  border: var(--_kit-rule) solid var(--_kit-on-ground-muted);
}

[data-kit-layout="shell"] > [data-kit-region="header"] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--_kit-stack);
  min-block-size: var(--_kit-header-height);
}

:is(
  [data-kit-layout="shell"] > [data-kit-region="header"],
  [data-kit-layout="shell"] > [data-kit-region="header"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))
) {
  > div:not([data-kit-region]) {
    flex-basis: max(0px, calc((var(--_kit-shell-content-width) - 100%) * 999));
    flex: 1 0 max-content;
    min-inline-size: 0;
    max-inline-size: 100%;
  }

  > [data-kit-region="actions"] {
    flex: 0 1 auto;
    min-inline-size: 0;
  }
}

@container (inline-size < 720px) {
  :is(
    [data-kit-layout="shell"] > [data-kit-region="header"],
    [data-kit-layout="shell"] > [data-kit-region="header"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))
  ) > div:not([data-kit-region]) {
    padding-block: var(--_kit-stack);
  }
}

[data-kit-layout="shell"] > [data-kit-region="header"] [data-kit-region="subject"] {
  margin-block: 0;
  overflow-wrap: anywhere;
}

[data-kit-layout="shell"] > [data-kit-region="header"] [data-kit-region="standing"] {
  margin-block: var(--_kit-stack) 0;
  color: var(--_kit-muted);
}

[data-kit-layout="shell"] > [data-kit-region="header"] [data-kit-region="standing"]:has(> [data-kit-role="stamp"] + [data-kit-role="stamp"]) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--_kit-stack);
}

[data-kit-layout="shell"] > [data-kit-region="body"] {
  padding-block: var(--_kit-region);
}

[data-kit-layout="shell"] > [data-kit-region="body"] > :first-child,
[data-kit-layout="shell"] > [data-kit-region="body"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]):first-child) > :first-child {
  margin-block-start: 0;
}

[data-kit-layout="shell"] > [data-kit-region="body"] > :last-child,
[data-kit-layout="shell"] > [data-kit-region="body"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]):last-child) > :last-child {
  margin-block-end: 0;
}

[data-kit-role="identity-strip"] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  min-block-size: calc(var(--_kit-identity-height) + var(--_kit-rhythm));
  border-block-end: var(--_kit-rhythm) solid var(--kit-accent);
  background: var(--_kit-surface);
  color: var(--_kit-ink);
  font-family: var(--kit-display-family), serif;
  gap: var(--_kit-stack);
  padding-block: var(--_kit-inset-tight);
  padding-inline: 1cap;
}

[data-kit-role="identity-strip"] > span {
  flex: 0 0 auto;
  white-space: nowrap;
}

[data-kit-layout="shell"] > [data-kit-region="identity-strip"],
[data-kit-layout="shell"]:has(> nav) > [data-kit-region="identity-strip"] {
  max-inline-size: none;
  inline-size: 100%;
  margin-inline: 0;
  padding-inline: max(var(--_kit-page-inset), calc((100% - var(--_kit-shell-content-width)) / 2));
}

[data-kit-layout="help"] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--_kit-region) var(--_kit-inset-wide);
}

[data-kit-layout="help"] > [data-kit-region="topic"] {
  display: none;
}

[data-kit-layout="help"] > details[data-kit-role="disclosure"] {
  flex: 1 1 calc((100% - var(--_kit-inset-wide)) / 4);
  min-inline-size: 0;
}

:is([data-kit-layout="help"], [data-kit-layout="settings"]) > details[data-kit-role="disclosure"] > summary {
  display: none;
}

:is([data-kit-layout="help"], [data-kit-layout="settings"]) > details[data-kit-role="disclosure"]::details-content {
  content-visibility: visible;
}

[data-kit-layout="help"] > details[data-kit-role="disclosure"] > [data-kit-region="topic-index"] > ul,
[data-kit-layout="help"] > details[data-kit-role="disclosure"] > [data-kit-region="topic-index"] > ul > li > ul {
  display: flex;
  flex-direction: column;
  gap: var(--_kit-stack);
  list-style: none;
  margin: 0;
  padding: 0;
}

[data-kit-layout="help"] > details[data-kit-role="disclosure"] > [data-kit-region="topic-index"] > ul > li > ul {
  margin-block-start: var(--_kit-stack);
  padding-inline-start: var(--_kit-inset);
}

[data-kit-layout="help"] > details[data-kit-role="disclosure"] > [data-kit-region="topic-index"] a {
  display: inline-flex;
  align-items: center;
  min-block-size: var(--_kit-target);
  padding-inline: 0;
}

:is([data-kit-region="rows"], [data-kit-region="breakdown-owning-records"], :is([data-kit-region="rows"], [data-kit-region="breakdown-owning-records"]) > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > table > [data-kit-region="total"],
table[data-kit-table="comparison"] > [data-kit-region="total"] {
  border-block-start: var(--_kit-rule) solid var(--_kit-ink);
  font-weight: 700;
}

[data-kit-layout="help"] > article {
  flex: 3 1 calc(3 * (100% - var(--_kit-inset-wide)) / 4);
  min-inline-size: min(100%, var(--_kit-reading-width));
  overflow-wrap: anywhere;
}

[data-kit-layout="help"] > article > [data-kit-region] {
  max-inline-size: var(--_kit-reading-width);
  margin: 0;
}

[data-kit-layout="help"] > article > [data-kit-region] + [data-kit-region] {
  margin-block-start: var(--_kit-region);
}

[data-kit-layout="help"] > article > [data-kit-region] > :first-child,
[data-kit-layout="help"] > article > [data-kit-region] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]):first-child) > :first-child {
  margin-block-start: 0;
}

[data-kit-layout="calendar"] {
  display: flex;
  flex-direction: column;
  gap: var(--_kit-region);
  min-inline-size: 0;
  overflow-wrap: anywhere;
  container-name: calendar;
  container-type: inline-size;
}

:has(> [data-kit-layout="calendar"]) {
  container-type: inline-size;
}

@container (inline-size >= 720px) {
  [data-kit-layout="calendar"] {
    max-block-size: calc(100dvh - var(--_kit-identity-height) - var(--_kit-rhythm) - var(--_kit-header-height) - 2 * var(--_kit-region));
  }
}

[data-kit-layout="calendar"] > [data-kit-region="toolbar"] {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: var(--_kit-stack);
}

:is(
  [data-kit-layout="calendar"] > [data-kit-region="toolbar"],
  [data-kit-layout="calendar"] > [data-kit-region="toolbar"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))
) {
  > [data-kit-region="range"] {
    display: flex;
    flex: 1 1 100%;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--_kit-stack);
  }

  > :is([data-kit-region="scope"], [data-kit-region="view"]) {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--_kit-stack);
  }

  > [data-kit-region="actions"] {
    flex: 0 1 auto;
    margin-inline-start: auto;
  }

  > [data-kit-region="scope"] > button[popovertarget],
  > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > [data-kit-region="scope"] > button[popovertarget] {
    display: none;
  }

  > [data-kit-region="scope"] > [data-kit-region="filters"],
  > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > [data-kit-region="scope"] > [data-kit-region="filters"] {
    display: contents;
  }

  > [data-kit-region="scope"],
  > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > [data-kit-region="scope"] {
    > [data-kit-role="form-group"],
    > [data-kit-region="filters"] > [data-kit-role="form-group"],
    > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > [data-kit-role="form-group"] {
      inline-size: auto;
      min-inline-size: 0;
      max-inline-size: min(var(--_kit-focused-width), 100%);

      > select {
        inline-size: auto;
        max-inline-size: 100%;
      }
    }
  }
}

[data-kit-layout="calendar"] > [data-kit-region="toolbar"] :not([data-kit-role="form-group"]) > label {
  display: inline-flex;
  align-items: center;
  gap: var(--_kit-stack);
  font-size: var(--_kit-label-size);
}

[data-kit-layout="calendar"] > [data-kit-region="toolbar"] :not([data-kit-role="form-group"]) > select {
  min-block-size: var(--_kit-target);
  padding: var(--_kit-inset-tight);
  border: var(--_kit-rule) solid var(--_kit-boundary);
  border-radius: var(--_kit-radius);
  background: var(--_kit-panel);
  color: var(--_kit-ink);
  font: inherit;
}

[data-kit-layout="calendar"] > [data-kit-region="week"] {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  grid-template-rows: max-content auto;
  align-content: start;
  min-inline-size: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

[data-kit-layout="calendar"] [data-kit-region="day"] > [data-kit-region="rows"] {
  display: none;
}

@container calendar (inline-size >= 720px) {
  [data-kit-layout="calendar"] > [data-kit-region="week"] > :is([data-kit-region="time-gutter"], [data-kit-region="days"]),
  [data-kit-layout="calendar"] > [data-kit-region="week"] > [data-kit-region="days"] > [data-kit-region="day"] {
    display: grid;
    grid-row: 1 / span 2;
    grid-template-rows: subgrid;
  }

  [data-kit-layout="calendar"] > [data-kit-region="week"] > [data-kit-region="time-gutter"]::before,
  [data-kit-layout="calendar"] [data-kit-region="day"] > [data-kit-region="day-heading"] {
    position: sticky;
    z-index: var(--_kit-tier-held);
    inset-block-start: 0;
    grid-row: 1;
    background: var(--_kit-panel);
  }

  [data-kit-layout="calendar"] > [data-kit-region="week"] > [data-kit-region="time-gutter"]::before {
    content: "";
  }

  [data-kit-layout="calendar"] [data-kit-region="time-gutter"] > [data-kit-region="hours"],
  [data-kit-layout="calendar"] [data-kit-region="day"] > [data-kit-region="meetings"] {
    grid-row: 2;
  }
}

@container calendar (inline-size >= 720px) {
  [data-kit-layout="calendar"] > [data-kit-region="week"] {
    --_kit-overflow-fade-blank: calc(var(--_kit-hour-height) - var(--_kit-label-size));
    padding-block-end: var(--_kit-overflow-fade-extent);
    scroll-padding-block-end: var(--_kit-overflow-fade-extent);
  }

  [data-kit-layout="calendar"] > [data-kit-region="week"]::after {
    --_kit-overflow-fade-direction: to bottom;
    --_kit-overflow-fade-surface: var(--_kit-panel-surface, var(--_kit-surface));
    content: "";
    z-index: 3;
    position-anchor: auto;
    inset-inline-start: anchor(start);
    inset-inline-end: anchor(end);
    inset-block-end: anchor(end);
    block-size: var(--_kit-overflow-fade-extent);
  }
}

[data-kit-layout="calendar"] [data-kit-region="time-gutter"] {
  color: var(--_kit-muted);
}

[data-kit-layout="calendar"] [data-kit-region="time-gutter"] > [data-kit-region="hours"] > * {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  block-size: var(--_kit-hour-height);
  padding-inline-end: var(--_kit-inset-tight);
  font-size: var(--_kit-label-size);
}

[data-kit-layout="calendar"] [data-kit-region="days"] {
  display: grid;
  grid-template-columns: repeat(var(--kit-calendar-days, 7), minmax(0, 1fr));
  min-inline-size: 0;
}

[data-kit-layout="calendar"] [data-kit-region="day"] {
  position: relative;
  min-inline-size: 0;
  border-inline-start: var(--_kit-rule) solid var(--_kit-muted);
}

[data-kit-layout="calendar"] [data-kit-region="day-heading"] {
  display: flex;
  align-items: center;
  min-block-size: var(--_kit-target);
  padding: var(--_kit-inset-tight);
  border-block-end: var(--_kit-rule) solid var(--_kit-muted);
  font-size: var(--_kit-label-size);
}

[data-kit-layout="calendar"] [data-kit-region="day-heading"] time {
  color: var(--_kit-muted);
}

[data-kit-layout="calendar"] [data-kit-region="meetings"] {
  position: relative;
  display: grid;
  grid-template-columns: repeat(var(--kit-calendar-columns, 1), minmax(0, 1fr));
  grid-template-rows: repeat(var(--kit-calendar-hours, 12), var(--_kit-hour-height));
  background: repeating-linear-gradient(
    to bottom,
    transparent 0,
    transparent calc(var(--_kit-hour-height) - var(--_kit-rule)),
    var(--_kit-muted) calc(var(--_kit-hour-height) - var(--_kit-rule)),
    var(--_kit-muted) var(--_kit-hour-height)
  );
}

[data-kit-layout="calendar"] :is([data-kit-region="meetings"], [data-kit-region="meetings"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > [data-kit-region="overlap"] {
  position: relative;
  z-index: 1;
  inset-block-start: var(--kit-calendar-block-offset, 0px);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  block-size: var(--kit-calendar-block-size, auto);
  min-inline-size: 0;
  min-block-size: 0;
}

[data-kit-layout="calendar"] :is(
  :is([data-kit-region="meetings"], [data-kit-region="meetings"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > [data-kit-role="meeting"],
  [data-kit-region="overlap"] > [data-kit-role="meeting"],
  [data-kit-region="drop-target"] > [data-kit-role="meeting"]
) {
  position: relative;
  z-index: 1;
  inset-block-start: var(--kit-calendar-block-offset, 0px);
  block-size: var(--kit-calendar-block-size, auto);
  min-inline-size: 0;
  min-block-size: 0;
  margin: 0;
  padding: 0 var(--_kit-inset-tight);
  overflow: hidden;
  overflow-wrap: normal;
  container-type: size;
  background: var(--_kit-panel);
  border: var(--_kit-rule) solid var(--_kit-boundary);
  border-radius: var(--_kit-radius);
}

@container calendar (inline-size >= 720px) {
  [data-kit-layout="calendar"] :is(
    :is([data-kit-region="meetings"], [data-kit-region="meetings"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > [data-kit-role="meeting"],
    [data-kit-region="overlap"] > [data-kit-role="meeting"]
  )[data-kit-state~="attention"] {
    border-color: var(--_kit-ink);
  }

  [data-kit-layout="calendar"] :is(
    :is([data-kit-region="meetings"], [data-kit-region="meetings"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > [data-kit-role="meeting"],
    [data-kit-region="overlap"] > [data-kit-role="meeting"]
  )[data-kit-state~="moving"] {
    border-style: dashed;
    border-color: var(--_kit-muted);
    color: var(--_kit-muted);
  }

  [data-kit-layout="calendar"] [data-kit-region="meetings"]:empty {
    display: grid;
  }
}

[data-kit-layout="calendar"] :is([data-kit-region="meetings"][data-kit-state~="loading"], [data-kit-region="meetings"][data-kit-state~="loading"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > [data-kit-role="meeting"] {
  background: var(--_kit-wash-muted);
  border-color: transparent;
}

[data-kit-layout="calendar"] :is([data-kit-region="meetings"], [data-kit-region="meetings"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > [data-kit-role="meeting"][data-kit-state~="folded"] {
  grid-column: 1 / -1;
}

[data-kit-layout="calendar"] [data-kit-role="meeting"] > :is(a, span) {
  --_kit-calendar-name-space: calc(100cqb + 0.5px - (var(--_kit-hour-height) / 2 - 2 * var(--_kit-rule)));

  display: block;
  min-block-size: clamp(0px, (var(--_kit-label-size) + 0.5px - 100cqb) * 1000, 100cqb);
  min-inline-size: 0;
  padding-block-start: clamp(0px, var(--_kit-calendar-name-space) * 1000, var(--_kit-inset-tight));
  overflow: hidden;
  color: inherit;
  font-size: clamp(var(--_kit-label-size), var(--_kit-calendar-name-space) * 1000, var(--_kit-body-size));
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

[data-kit-layout="calendar"] [data-kit-role="meeting"] > :is(a, span) > span {
  display: block;
  block-size: clamp(0px, (100cqb + 0.5px - var(--_kit-label-size)) * 1000, 1lh);
  overflow: hidden;
  text-overflow: ellipsis;
}

[data-kit-layout="calendar"] [data-kit-role="meeting"] > time {
  display: block;
  block-size: 1lh;
  max-block-size: clamp(0px, (100cqb + 0.5px - (var(--_kit-hour-height) - 2 * var(--_kit-rule))) * 1000, 1lh);
  margin-block-start: 0;
  overflow: hidden;
  color: var(--_kit-muted);
  font-size: var(--_kit-label-size);
  text-overflow: ellipsis;
  white-space: pre;
}

[data-kit-layout="calendar"] :is([data-kit-region="meetings"], [data-kit-region="meetings"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > p {
  display: none;
}

[data-kit-layout="calendar"] [data-kit-region="current-time"] {
  position: absolute;
  z-index: 2;
  inset-inline: 0;
  inset-block-start: 0;
  border-block-start: var(--_kit-current-time-rule) solid var(--_kit-ink);
  pointer-events: none;
}

[data-kit-layout="calendar"] [data-kit-state~="current"] > :is([data-kit-region="meetings"], [data-kit-region="meetings"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > [data-kit-region="current-time"] {
  inset-block-start: var(--_kit-calendar-current-time, 0px);
}

[data-kit-layout="calendar"] [data-kit-role="meeting"] > [data-kit-region="actions"] {
  display: none;
}

[data-kit-layout="calendar"] :is([data-kit-region="meetings"], [data-kit-region="meetings"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > [data-kit-region="drop-target"] {
  position: relative;
  min-inline-size: 0;
  min-block-size: 0;
}

[data-kit-layout="calendar"] :is([data-kit-region="meetings"], [data-kit-region="meetings"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > [data-kit-region="drop-target"] {
  z-index: 2;
  border-radius: var(--_kit-radius);
}

[data-kit-layout="calendar"] [data-kit-region="drop-target"] > [data-kit-role="meeting"] {
  block-size: 100%;
  background: transparent;
}

[data-kit-layout="calendar"] [data-kit-region="drop-target"][data-kit-state~="accepting"] {
  background: linear-gradient(var(--_kit-wash-accent), var(--_kit-wash-accent)) var(--_kit-panel);
}

[data-kit-layout="calendar"] [data-kit-region="drop-target"][data-kit-state~="accepting"] > [data-kit-role="meeting"] {
  border-color: var(--_kit-ink);
}

[data-kit-layout="calendar"] [data-kit-region="drop-target"][data-kit-state~="refused"] {
  background: linear-gradient(var(--_kit-wash-muted), var(--_kit-wash-muted)) var(--_kit-panel);
}

[data-kit-layout="calendar"] [data-kit-region="drop-target"][data-kit-state~="refused"] > [data-kit-role="meeting"] {
  border-color: var(--_kit-muted);
  color: var(--_kit-muted);
}

[data-kit-layout="calendar"] [data-kit-region="drop-target"] > [data-kit-region="reason"] {
  position: absolute;
  z-index: 3;
  inset-block-start: 0;
  display: flex;
  align-items: center;
  gap: var(--_kit-stack);
  margin: 0;
  padding: var(--_kit-rhythm) var(--_kit-inset-tight);
  border: var(--_kit-rule) solid var(--_kit-boundary);
  border-radius: var(--_kit-radius);
  background: var(--_kit-panel);
  color: var(--_kit-ink);
  font-size: var(--_kit-label-size);
  white-space: nowrap;
  pointer-events: auto;
}

[data-kit-layout="calendar"] [data-kit-region="drop-target"] > [data-kit-region="reason"][data-kit-side="trailing"] {
  inset-inline-start: calc(100% + var(--_kit-rhythm));
}

[data-kit-layout="calendar"] [data-kit-region="drop-target"] > [data-kit-region="reason"][data-kit-side="leading"] {
  inset-inline-end: calc(100% + var(--_kit-rhythm));
}

[data-kit-layout="calendar"] [data-kit-region="drop-target"] > [data-kit-region="reason"][data-kit-side="below"] {
  inset-block-start: calc(100% + var(--_kit-rhythm));
  inset-inline-start: 0;
}

:is([data-kit-role="primary-action"], [data-kit-role="secondary-action"], [data-kit-role="emphasised-next-action"]) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--_kit-inset-tight);
  flex: 0 0 auto;
  min-block-size: var(--_kit-target);
  min-inline-size: var(--_kit-target);
  max-inline-size: 100%;
  padding: var(--_kit-inset-tight) var(--_kit-inset);
  border: var(--_kit-rule) solid transparent;
  border-radius: var(--_kit-radius);
  background: var(--kit-accent);
  color: var(--_kit-ink);
  font-family: Inter, sans-serif;
  font-size: var(--_kit-label-size);
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--_kit-transition), color var(--_kit-transition),
    transform var(--_kit-transition) ease-out;
}

:is([data-kit-role="primary-action"], [data-kit-role="secondary-action"], [data-kit-role="emphasised-next-action"]):active:not(
    [data-kit-state~="submitting"],
    [data-kit-state~="inert"],
    :disabled
  ) {
  transform: scale(0.97);
  transition-duration: 0s;
}

[data-kit-region]:is(div, section, aside, nav):empty {
  display: none;
}

:is([data-kit-role="primary-action"], [data-kit-role="secondary-action"]) > [data-kit-icon] {
  inline-size: var(--_kit-control-icon);
  block-size: var(--_kit-control-icon);
  flex-shrink: 0;
}

[data-kit-role="primary-action"]:is([data-kit-state~="submitting"], [data-kit-state~="inert"], :disabled) {
  background: var(--_kit-wash-accent);
  color: var(--_kit-muted);
  cursor: wait;
}

[data-kit-layout="help"] [data-kit-region="answer-setup-steps"] pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  max-inline-size: 100%;
}

[data-kit-role="secondary-action"] {
  --_kit-text-ink: var(--_kit-ink);
  --_kit-text-on-fill: var(--_kit-surface);
  --_kit-text-muted: var(--_kit-muted);
  --_kit-panel-surface: var(--_kit-panel);
  --_kit-panel-boundary: var(--_kit-boundary);
  background: var(--_kit-panel-surface);
  border: var(--_kit-rule) solid var(--_kit-panel-boundary);
  color: var(--_kit-text-ink);
}

[data-kit-role="secondary-action"]:is([data-kit-state~="submitting"], [data-kit-state~="inert"], :disabled) {
  color: var(--_kit-text-muted, var(--_kit-muted));
  cursor: wait;
}

[data-kit-role="emphasised-next-action"] {
  min-inline-size: var(--_kit-target);
}

[data-kit-role="label-panel"] {
  font-size: var(--_kit-body-size);
  line-height: normal;
  padding: var(--_kit-inset);
  color: var(--_kit-text-ink, var(--_kit-ink));
  background: var(--_kit-panel-surface, var(--_kit-panel));
  border: var(--_kit-rule) solid var(--_kit-panel-boundary, var(--_kit-boundary));
  border-radius: 0;
}

[data-kit-role="label-panel"] > div + div,
[data-kit-role="label-panel"] > * + :where(fieldset, a, button, details, form) {
  margin-block-start: var(--_kit-region);
}

[data-kit-layout="list"] > [data-kit-region="rows"] > * + *:not([data-kit-role="row"]),
[data-kit-layout="list"] > [data-kit-region="rows"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > * + *:not([data-kit-role="row"]) {
  margin-block-start: var(--_kit-region);
}

:is(
  [data-kit-layout="list"] > [data-kit-region="rows"],
  [data-kit-layout="list"] > [data-kit-region="rows"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))
) > [data-kit-region="day"] {
  > h3 {
    margin: 0;
    color: var(--_kit-text-muted, var(--_kit-muted));
    font-family: Inter, sans-serif;
    font-size: var(--_kit-label-size);
    font-weight: 400;
  }

  > [data-kit-region="entry"] {
    margin: 0;
    padding-block: var(--_kit-inset-tight);
  }

  > [data-kit-region="entry"] + [data-kit-region="entry"] {
    border-block-start: var(--_kit-rule) solid var(--_kit-text-muted, var(--_kit-muted));
  }

  > [data-kit-region="entry"] > [data-kit-region="time"] {
    color: var(--_kit-text-muted, var(--_kit-muted));
  }
}

[data-kit-role="label-panel"] [data-kit-layout="list"] > [data-kit-region="rows"] {
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
}

[data-kit-role="label-panel"] > form + form {
  margin-block-start: var(--_kit-stack);
}

[data-kit-role="label-panel"] > form {
  justify-items: start;
  inline-size: 100%;
}

[data-kit-role="copyable"] {
  --_kit-copyable-copied-duration: 2s;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  gap: var(--_kit-stack);
  font-size: var(--_kit-body-size);
  line-height: normal;
  padding: var(--_kit-inset-tight);
  color: var(--_kit-text-ink, var(--_kit-ink));
  background: var(--_kit-panel-surface, var(--_kit-panel));
  border: var(--_kit-rule) solid var(--_kit-panel-boundary, var(--_kit-boundary));
  border-radius: 0;
}

[data-kit-role="copyable"] > code {
  flex: 1 1 auto;
  min-inline-size: 0;
  overflow-wrap: anywhere;
}

[data-kit-role="copyable"] > [data-kit-role="secondary-action"] {
  flex: none;
}

[data-kit-role="headed-region"] {
  display: grid;
  gap: var(--_kit-stack);
}

:where(* + [data-kit-role="headed-region"], [data-kit-role="headed-region"] + *) {
  margin-block-start: var(--_kit-region);
}

[data-kit-role="headed-region"] > [data-kit-region="heading"] {
  margin-block: 0;
}

[data-kit-role="headed-region"] > [data-kit-region="content"] > :first-child {
  margin-block-start: 0;
}

[data-kit-role="headed-region"] > [data-kit-region="content"] > :last-child {
  margin-block-end: 0;
}

[data-kit-role="stamp"] {
  display: inline-block;
  inline-size: fit-content;
  padding: var(--_kit-inset-tight);
  font-size: var(--_kit-label-size);
  text-wrap: balance;
  overflow-wrap: normal;
}

[data-kit-role="stamp"][data-kit-state~="attention"] {
  border: var(--_kit-rule) solid var(--_kit-text-ink, var(--_kit-ink));
}

[data-kit-role="stamp"][data-kit-state~="alert"] {
  background: var(--_kit-text-ink, var(--_kit-ink));
  border: var(--_kit-rule) solid var(--_kit-text-ink, var(--_kit-ink));
  color: var(--_kit-text-on-fill, var(--_kit-surface));
}

[data-kit-role="stamp"][data-kit-state~="settled"] {
  color: var(--_kit-text-muted, var(--_kit-muted));
  border: var(--_kit-rule) solid currentColor;
}

[data-kit-role="stamp"][data-kit-state~="neutral"] {
  color: var(--_kit-text-muted, var(--_kit-muted));
  border: var(--_kit-rule) dashed currentColor;
}

[data-kit-role="labelled-fact"] {
  display: grid;
  align-content: start;
  gap: var(--_kit-stack);
  margin: 0;
  font-size: var(--_kit-body-size);
}

[data-kit-role="labelled-fact"] > :is(dt, dd) {
  margin: 0;
}

[data-kit-role="labelled-fact"] > dt {
  color: var(--_kit-text-muted, var(--_kit-muted));
  font-size: var(--_kit-label-size);
}

[data-kit-role="labelled-fact"] > dt:not(:first-child) {
  margin-block-start: calc(var(--_kit-region) - var(--_kit-stack));
}

[data-kit-role="labelled-fact"] > dd {
  color: var(--_kit-text-ink, var(--_kit-ink));
  min-inline-size: 0;
}

[data-kit-role="labelled-fact"] > [data-kit-region="value"] > [data-kit-role="stamp"] {
  margin-block: 0;
}

[data-kit-role="labelled-fact"] + [data-kit-role="labelled-fact"] {
  margin-block-start: var(--_kit-region);
}

[data-kit-region="supporting"] {
  display: block;
  margin-block-start: var(--_kit-rhythm);
  color: var(--_kit-text-muted, var(--_kit-muted));
  font-size: var(--_kit-label-size);
}

[data-kit-role="labelled-fact"] > [data-kit-region="supporting"] {
  margin-block-start: calc(var(--_kit-rhythm) - var(--_kit-stack));
  color: var(--_kit-text-muted, var(--_kit-muted));
}

[data-kit-role="row"] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--_kit-stack);
  padding: var(--_kit-inset-tight);
}

table[data-kit-table="comparison"] > :is(thead, tbody, tfoot) > tr > :is(th, td) > [data-kit-role="row"] {
  padding-inline: 0;
}

table[data-kit-table="comparison"] > :is(thead, tbody, tfoot) > tr > :is(th, td) > [data-kit-role="row"]:has(> [data-kit-region="selection"]) {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
}

table[data-kit-table="comparison"] > :is(thead, tbody, tfoot) > tr > :is(th, td) > [data-kit-role="row"]:has(> [data-kit-region="selection"]) > * {
  grid-column: 1 / -1;
}

table[data-kit-table="comparison"] > :is(thead, tbody, tfoot) > tr > :is(th, td) > [data-kit-role="row"] > [data-kit-region="selection"] {
  grid-column: 1;
  grid-row: 1;
}

table[data-kit-table="comparison"] > :is(thead, tbody, tfoot) > tr > :is(th, td) > [data-kit-role="row"] > [data-kit-region="subject"] {
  grid-column: 2;
  grid-row: 1;
}

table[data-kit-table="comparison"] > :is(thead, tbody, tfoot) > tr > :is(th, td) > [data-kit-role="row"] > [data-kit-region="facts"] {
  grid-column: 2;
  grid-row: 2;
}

[data-kit-role="row"] > * {
  margin-block: 0;
  flex: 1 1 100%;
  min-inline-size: 0;
}

[data-kit-role="row"] > [data-kit-region="subject"] {
  min-inline-size: 0;
  overflow: visible;
  overflow-wrap: normal;
  text-overflow: clip;
  white-space: normal;
}

[data-kit-role="row"] > :is([data-kit-region="subject"], [data-kit-region="facts"]) {
  flex: 1 1 0;
}

[data-kit-role="row"]:has(> [data-kit-region="selection"]) > :is([data-kit-region="subject"], [data-kit-region="facts"]) {
  align-self: start;
  align-items: start;
  padding-block-start: var(--_kit-row-subject-offset, 0px);
}

[data-kit-role="row"] > [data-kit-role="stamp"] {
  flex: 0 0 auto;
  align-self: start;
}

@container (inline-size < 720px) {
  [data-kit-role="row"] > [data-kit-region="facts"] {
    flex-basis: 100%;
  }
}

[data-kit-role="row"] + [data-kit-role="row"] {
  border-block-start: var(--_kit-rule) solid var(--_kit-text-muted, var(--_kit-muted));
}

[data-kit-region="selection"] > span {
  position: absolute;
  inline-size: var(--_kit-rule);
  block-size: var(--_kit-rule);
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

[data-kit-role="row"] > [data-kit-region="selection"] {
  flex: none;
  display: flex;
  align-items: center;
  align-self: start;
  min-block-size: var(--_kit-target);
}

[data-kit-role="row"] > [data-kit-region="actions"] {
  justify-content: flex-end;
}

[data-kit-role="row"] > [data-kit-region="expansion"] {
  border-block-start: var(--_kit-rule) solid var(--_kit-text-muted, var(--_kit-muted));
  padding-block-start: var(--_kit-stack);
}

[data-kit-role="row"] > [data-kit-region="expansion"] > summary {
  min-block-size: var(--_kit-target);
}

[data-kit-region="expansion"] > summary {
  display: flex;
  align-items: center;
  gap: var(--_kit-stack);
  list-style: none;
}

[data-kit-region="expansion"] > summary::marker,
[data-kit-region="columns-selection-actions"] > [data-kit-region="columns"] > details > summary::marker,
:is([data-kit-region="period-filters-schedule"], [data-kit-region="period-filters-schedule"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > details > summary::marker,
details[data-kit-role="disclosure"] > summary::marker,
[data-kit-region="expansion"] > summary::-webkit-details-marker,
[data-kit-region="columns-selection-actions"] > [data-kit-region="columns"] > details > summary::-webkit-details-marker,
:is([data-kit-region="period-filters-schedule"], [data-kit-region="period-filters-schedule"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > details > summary::-webkit-details-marker,
details[data-kit-role="disclosure"] > summary::-webkit-details-marker {
  display: none;
}

[data-kit-region="columns-selection-actions"] > [data-kit-region="columns"] > details > summary,
:is([data-kit-region="period-filters-schedule"], [data-kit-region="period-filters-schedule"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > details > summary,
details[data-kit-role="disclosure"] > summary {
  display: flex;
  align-items: center;
  gap: var(--_kit-rhythm);
  list-style: none;
}

[data-kit-region="columns-selection-actions"] > [data-kit-region="columns"] > details > summary::after,
:is([data-kit-region="period-filters-schedule"], [data-kit-region="period-filters-schedule"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > details > summary::after,
details[data-kit-role="disclosure"] > summary::after,
[data-kit-region="expansion"] > summary::after {
  content: "";
  flex: 0 0 var(--_kit-control-icon);
  inline-size: var(--_kit-control-icon);
  block-size: var(--_kit-control-icon);
  margin-inline-start: auto;
  background: currentColor;
  mask: url("icons/caret-right.svg") center / contain no-repeat;
}

[data-kit-region="columns-selection-actions"] > [data-kit-region="columns"] > details > summary::after,
:is([data-kit-region="period-filters-schedule"], [data-kit-region="period-filters-schedule"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > details > summary::after,
details[data-kit-role="disclosure"] > summary::after {
  margin-inline-start: 0;
}

[data-kit-region="expansion"][open] > summary::after,
[data-kit-region="columns-selection-actions"] > [data-kit-region="columns"] > details[open] > summary::after,
:is([data-kit-region="period-filters-schedule"], [data-kit-region="period-filters-schedule"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > details[open] > summary::after,
details[data-kit-role="disclosure"][open] > summary::after {
  transform: rotate(90deg);
}

[data-kit-layout="list"] [data-kit-region="rows"] > table tbody > tr:has(> td > [data-kit-region="expansion"]),
[data-kit-layout="list"] [data-kit-region="rows"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > table tbody > tr:has(> td > [data-kit-region="expansion"]) {
  border-block-start: var(--_kit-rule) solid var(--_kit-text-muted, var(--_kit-muted));
}

[data-kit-layout="list"] [data-kit-region="rows"] > table tbody > tr:has(> td > [data-kit-region="expansion"]) > td,
[data-kit-layout="list"] [data-kit-region="rows"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > table tbody > tr:has(> td > [data-kit-region="expansion"]) > td {
  padding-block-start: var(--_kit-stack);
}

[data-kit-role="row"][data-kit-state~="selected"] {
  border-inline-start: var(--_kit-rhythm) solid var(--_kit-text-ink, var(--_kit-ink));
}

[data-kit-role="list-line"] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--_kit-stack);
}

[data-kit-role="list-line"][data-kit-state~="read"],
[data-kit-role="list-line"][data-kit-state~="read"] > [data-kit-region="name"],
[data-kit-role="list-line"] > :is([data-kit-region="description"], [data-kit-region="age"]) {
  color: var(--_kit-text-muted, var(--_kit-muted));
}

[data-kit-role="ways-in"] {
  display: grid;
  gap: var(--_kit-stack);
  inline-size: 100%;
}

[data-kit-role="ways-in"] > [data-kit-region="google"] > [data-kit-role="primary-action"],
[data-kit-role="ways-in"] > [data-kit-region="others"] > [data-kit-role="secondary-action"] {
  inline-size: 100%;
}

[data-kit-role="ways-in"] > [data-kit-region="others"] {
  display: grid;
  gap: var(--_kit-stack);
}

[data-kit-role="ways-in"] > p {
  margin: 0;
  color: var(--_kit-muted);
}

[data-kit-role="ways-in"] > [data-kit-region="others"] > :is(* + [data-kit-role="form-group"], [data-kit-role="form-group"] + *) {
  margin-block-start: calc(var(--_kit-region) - var(--_kit-stack));
}

[data-kit-role="ways-in"] > [data-kit-region="rule"] {
  display: flex;
  align-items: center;
  gap: var(--_kit-stack);
  color: var(--_kit-muted);
  font-size: var(--_kit-label-size);
}

[data-kit-role="ways-in"] > [data-kit-region="rule"]::before,
[data-kit-role="ways-in"] > [data-kit-region="rule"]::after {
  content: "";
  flex: 1;
  border-block-start: var(--_kit-rule) solid var(--_kit-muted);
}

[data-kit-role="form-group"] {
  display: grid;
  align-self: start;
  gap: var(--_kit-stack);
  inline-size: 100%;
}

[data-kit-role="label-panel"]:has(> [data-kit-role="form-group"]) {
  display: grid;
  gap: var(--_kit-region);
  justify-items: start;
}

[data-kit-role="label-panel"]:has(> [data-kit-role="form-group"]) > :is([data-kit-role="fact-group"], div, fieldset, form, table, nav, footer, a, button, details) {
  margin-block: 0;
}

[data-kit-role="label-panel"]:has(> [data-kit-role="form-group"]) > :is(h2, h3, h4, h5, h6) {
  margin-block: 0;
}

[data-kit-role="form-group"] > label,
[data-kit-role="local-tabs"],
[data-kit-role="progress"],
[data-kit-layout] thead th,
[data-kit-layout] summary {
  font-size: var(--_kit-label-size);
}

[data-kit-role="form-group"] > :is(input, select, textarea) {
  inline-size: 100%;
  min-inline-size: 0;
  min-block-size: var(--_kit-target);
  padding: var(--_kit-inset-tight);
  border: var(--_kit-rule) solid var(--_kit-panel-boundary, var(--_kit-boundary));
  border-radius: var(--_kit-radius);
  background: var(--_kit-panel-surface, var(--_kit-panel));
  color: var(--_kit-text-ink, var(--_kit-ink));
  font: inherit;
}

[data-kit-role="form-group"] > input[type="search"] {
  appearance: textfield;
}

[data-kit-layout="find"] > [data-kit-region="query"] > label {
  position: absolute;
  inline-size: var(--_kit-rule);
  block-size: var(--_kit-rule);
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

[data-kit-role="form-group"]:has(> input[type="file"]) {
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: 0;
}

[data-kit-role="form-group"]:has(> input[type="file"]) > * {
  grid-column: 1 / -1;
}

[data-kit-role="form-group"] > input[type="file"] {
  grid-row: 2;
  cursor: pointer;
}

[data-kit-role="form-group"]:has(> input[type="file"])::before,
[data-kit-role="form-group"]:has(> input[type="file"])::after {
  z-index: 1;
  grid-row: 2;
  align-self: stretch;
  align-content: center;
  margin-block: var(--_kit-rule);
  overflow: hidden;
  background: var(--_kit-panel-surface, var(--_kit-panel));
  white-space: nowrap;
  pointer-events: none;
}

[data-kit-role="form-group"]:has(> input[type="file"])::before {
  content: "Choose file";
  content: "Choose file" / "";
  grid-column: 1;
  margin-inline-start: var(--_kit-rule);
  padding-inline: var(--_kit-inset);
  border-inline-end: var(--_kit-rule) solid var(--_kit-text-muted, var(--_kit-muted));
  border-start-start-radius: calc(var(--_kit-radius) - var(--_kit-rule));
  border-end-start-radius: calc(var(--_kit-radius) - var(--_kit-rule));
  color: var(--_kit-text-ink, var(--_kit-ink));
  font-family: Inter, sans-serif;
  font-size: var(--_kit-label-size);
  font-weight: 700;
}

[data-kit-role="form-group"]:has(> input[type="file"][multiple])::before {
  content: "Choose files";
  content: "Choose files" / "";
}

[data-kit-role="form-group"]:has(> input[type="file"])::after {
  content: "or drop files here";
  content: "or drop files here" / "";
  grid-column: 2;
  margin-inline-end: var(--_kit-rule);
  padding-inline: var(--_kit-inset-tight);
  border-start-end-radius: calc(var(--_kit-radius) - var(--_kit-rule));
  border-end-end-radius: calc(var(--_kit-radius) - var(--_kit-rule));
  color: var(--_kit-text-muted, var(--_kit-muted));
  text-overflow: ellipsis;
}

@container page (inline-size < 720px) {
  [data-kit-role="form-group"]:has(> input[type="file"])::after {
    content: "";
  }
}

[data-kit-role="form-group"] > ul {
  display: grid;
  gap: var(--_kit-stack);
  margin: 0;
  padding: 0;
  list-style: none;
}

[data-kit-role="form-group"] > ul > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--_kit-inset-tight);
}

[data-kit-role="form-group"] > ul > li > span + span {
  color: var(--_kit-text-muted, var(--_kit-muted));
}

[data-kit-role="form-group"] > ul > li > span + span + span {
  flex: 1 1 0;
}

[data-kit-role="form-group"] > ul > li > [data-kit-role="secondary-action"] {
  margin-inline-start: auto;
}

@container (inline-size < 720px) {
  [data-kit-role="form-group"] > ul > li > span + span + span {
    flex-basis: 100%;
    order: 1;
  }
}

fieldset:has(> [data-kit-role="form-group"]) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--_kit-stack);
  inline-size: 100%;
  min-inline-size: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

fieldset:has(> [data-kit-role="form-group"]) > [data-kit-role="form-group"] {
  inline-size: 100%;
}

:is(
  [data-kit-role="form-group"],
  fieldset:has(> [data-kit-role="form-group"]),
  [data-kit-role="selection-control"],
  label:has(> [data-kit-role="selection-control"]),
  :not([data-kit-role]):not([data-kit-region]):has(> label > [data-kit-role="selection-control"])
) + :is(
  [data-kit-role="form-group"],
  fieldset:has(> [data-kit-role="form-group"]),
  [data-kit-role="selection-control"],
  label:has(> [data-kit-role="selection-control"]),
  :not([data-kit-role]):not([data-kit-region]):has(> label > [data-kit-role="selection-control"])
) {
  margin-block-start: var(--_kit-region);
}

:is(
  [data-kit-region="form-groups"],
  [data-kit-region="saved-views-filters-sort"],
  [data-kit-region="filters"],
  [data-kit-region="period-filters-schedule"],
  [data-kit-region="others"],
  [data-kit-region="entry"],
  [data-kit-layout="calendar"] > [data-kit-region="toolbar"] > [data-kit-region="scope"],
  [data-kit-layout="calendar"] > [data-kit-region="toolbar"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > [data-kit-region="scope"],
  [data-kit-role="label-panel"],
  :is([data-kit-region], [data-kit-role="label-panel"]) form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region], :has(> label > [data-kit-role="selection-control"]), :is([data-kit-role="dialog"], [data-kit-role="keyboard-sheet"]) form, :where(:is([data-kit-region], [data-kit-layout="field-result"]) > form:not(:has(> [data-kit-role="form-group"])), :is([data-kit-layout="shell"] > [data-kit-region="header"], [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"], [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"] > [data-kit-region="filters"], [data-kit-layout="list"] > [data-kit-region="columns-selection-actions"], [data-kit-layout="reports"] > [data-kit-region="period-filters-schedule"], [data-kit-layout="calendar"] > [data-kit-region="toolbar"], [data-kit-layout="calendar"] > [data-kit-region="toolbar"] > [data-kit-region]) > form)),
  :is([data-kit-region="header"], [data-kit-region="toolbar"], [data-kit-region="saved-views-filters-sort"], [data-kit-region="filters"], [data-kit-region="period-filters-schedule"], [data-kit-region="columns-selection-actions"]) > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])),
  fieldset,
  :where(div, form):not([data-kit-role]):has(> label > [data-kit-role="selection-control"])
) > :is(
  [data-kit-role="form-group"],
  fieldset:has(> [data-kit-role="form-group"]),
  [data-kit-role="selection-control"],
  label:has(> [data-kit-role="selection-control"]),
  :not([data-kit-role]):not([data-kit-region]):has(> label > [data-kit-role="selection-control"])
) + :is(
  [data-kit-role="form-group"],
  fieldset:has(> [data-kit-role="form-group"]),
  [data-kit-role="selection-control"],
  label:has(> [data-kit-role="selection-control"]),
  :not([data-kit-role]):not([data-kit-region]):has(> label > [data-kit-role="selection-control"])
) {
  margin-block-start: 0;
}

:is(
  [data-kit-region="saved-views-filters-sort"],
  [data-kit-region="filters"],
  [data-kit-region="period-filters-schedule"],
  :is([data-kit-region="saved-views-filters-sort"], [data-kit-region="filters"], [data-kit-region="period-filters-schedule"]) > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))
) > :is(fieldset:has(> [data-kit-role="form-group"]), [data-kit-role="form-group"]) {
  inline-size: auto;
  max-inline-size: var(--_kit-focused-width);
}

:is(
  [data-kit-region="saved-views-filters-sort"],
  [data-kit-region="period-filters-schedule"]
) [data-kit-role="form-group"] > :is(input, select, textarea) {
  inline-size: auto;
  max-inline-size: 100%;
}

:is([data-kit-role="form-group"], [data-kit-role="selection-control"][data-kit-region="group"]) > [data-kit-region="help"] {
  color: var(--_kit-text-muted, var(--_kit-muted));
}

:is([data-kit-role="form-group"], [data-kit-role="selection-control"][data-kit-region="group"]) > [data-kit-region="error"] {
  border-inline-start: var(--_kit-rhythm) solid var(--_kit-text-ink, var(--_kit-ink));
  padding-inline-start: var(--_kit-inset-tight);
}

:where(input)[data-kit-role="selection-control"] {
  appearance: none;
  display: inline-grid;
  place-items: center;
  inline-size: var(--_kit-selection-size);
  block-size: var(--_kit-selection-size);
  flex: none;
  margin: 0;
  padding: 0;
  border: var(--_kit-rule) solid var(--_kit-muted);
  border-radius: 0;
  background: var(--_kit-panel);
  font: inherit;
  vertical-align: middle;
}

:where(input)[data-kit-role="selection-control"]:checked {
  background: var(--kit-accent);
}

:where(input)[data-kit-role="selection-control"]:checked::before {
  content: "";
  inline-size: 100%;
  block-size: 100%;
  background: var(--_kit-ink);
  mask: url("icons/check.svg") center / contain no-repeat;
}

:where(input)[data-kit-role="selection-control"][type="radio"] {
  border-radius: 50%;
}

:where(input)[data-kit-role="selection-control"][type="radio"]:checked::before {
  inline-size: var(--_kit-inset-tight);
  block-size: var(--_kit-inset-tight);
  border-radius: 50%;
  mask: none;
}

label:has(> [data-kit-role="selection-control"]) {
  display: inline-block;
  vertical-align: middle;
  min-inline-size: var(--_kit-target);
  min-block-size: var(--_kit-target);
}

label:has(> [data-kit-role="selection-control"]):not([data-kit-region="selection"]) {
  position: relative;
  padding-inline-start: calc(var(--_kit-selection-size) + var(--_kit-stack));
}

label:has(> [data-kit-role="selection-control"]):not([data-kit-region="selection"]) > [data-kit-role="selection-control"] {
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: max(0px, (1lh - var(--_kit-selection-size)) / 2);
}

label[data-kit-region="selection"] > [data-kit-role="selection-control"] {
  margin-inline-end: var(--_kit-stack);
}

:where(div, fieldset, form):not([data-kit-role]):has(> label > [data-kit-role="selection-control"]) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--_kit-stack);
  margin-inline: 0;
  padding: 0;
  border: 0;
}

[data-kit-role="selection-control"][data-kit-region="group"] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--_kit-stack);
  inline-size: 100%;
  min-inline-size: 0;
  margin-inline: 0;
  padding: 0;
  border: 0;
}

[data-kit-role="selection-control"][data-kit-region="group"] > :is([data-kit-region="help"], [data-kit-region="error"]) {
  inline-size: 100%;
}

:is([data-kit-role="form-group"], [data-kit-role="selection-control"][data-kit-region="group"]) + [data-kit-role="selection-control"][data-kit-region="group"],
[data-kit-role="selection-control"][data-kit-region="group"] + [data-kit-role="form-group"] {
  margin-block-start: var(--_kit-region);
}

:is(fieldset:not([data-kit-role]):has(> label > [data-kit-role="selection-control"]), fieldset[data-kit-role="selection-control"][data-kit-region="group"]) {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-items: start;
}

:is(fieldset:not([data-kit-role]):has(> label > [data-kit-role="selection-control"]), fieldset[data-kit-role="selection-control"][data-kit-region="group"]) > legend {
  margin-block-end: var(--_kit-stack);
  padding: 0;
  font-size: var(--_kit-label-size);
}

[data-kit-role="local-tabs"] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--_kit-stack);
  border-block-end: var(--_kit-rule) solid var(--_kit-text-muted, var(--_kit-muted));
}

[data-kit-role="local-tabs"] > a {
  display: inline-flex;
  align-items: center;
  min-block-size: var(--_kit-target);
  min-inline-size: var(--_kit-target);
  font-size: var(--_kit-label-size);
  padding: var(--_kit-inset-tight);
  border-block-end: var(--_kit-rhythm) solid transparent;
  color: inherit;
  text-decoration: none;
}

[data-kit-role="local-tabs"] > [data-kit-state~="current"],
[data-kit-role="destination"][data-kit-state~="current"] {
  border-block-end: var(--_kit-rhythm) solid var(--_kit-text-ink, var(--_kit-ink));
  font-weight: 700;
}

[data-kit-role="destination"] {
  display: inline-flex;
  align-items: center;
  min-block-size: var(--_kit-target);
  min-inline-size: var(--_kit-target);
  padding: var(--_kit-inset-tight);
  border-block-end: var(--_kit-rhythm) solid transparent;
  border-radius: var(--_kit-radius);
  color: var(--_kit-text-ink, var(--_kit-ink));
  font-size: var(--_kit-label-size);
  text-decoration: none;
}

[data-kit-role="destination"][data-kit-state~="current"] {
  border-radius: 0;
}

[data-kit-layout="shell"] > :is([data-kit-region="rail"], [data-kit-region="bottom-bar"], [data-kit-region="account-menu"]) [data-kit-role="destination"] {
  border-block-end: 0;
}

[data-kit-layout="shell"] > :is([data-kit-region="rail"], [data-kit-region="bottom-bar"], [data-kit-region="account-menu"]) [data-kit-role="destination"][data-kit-state~="current"] {
  border-radius: var(--_kit-radius);
  background: var(--kit-accent);
  color: var(--_kit-ink);
}

[data-kit-role="progress"] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--_kit-stack) var(--_kit-region);
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: kit-progress-step;
  color: var(--_kit-text-muted, var(--_kit-muted));
}

[data-kit-role="progress"] > [data-kit-region="step"]::before {
  counter-increment: kit-progress-step;
  content: counter(kit-progress-step) ". ";
  font-variant-numeric: tabular-nums;
}

[data-kit-role="progress"] > [data-kit-region="step"] > [data-kit-region="standing"] {
  position: absolute;
  inline-size: var(--_kit-rule);
  block-size: var(--_kit-rule);
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

[data-kit-role="progress"] > :is([data-kit-state~="done"], [data-kit-state~="upcoming"]) {
  color: var(--_kit-text-muted, var(--_kit-muted));
}

[data-kit-role="progress"] > [data-kit-state~="current"] {
  color: var(--_kit-text-ink, var(--_kit-ink));
}

:is([data-kit-role="inline-consequence"], [data-kit-role="attention-item"]),
[data-kit-layout="home"] > :is([data-kit-region="assigned-upcoming"], [data-kit-region="followed-changes"]),
[data-kit-layout="record"] > :is([data-kit-region="facts-related-records"], [data-kit-region="decision-compact-work"], [data-kit-region="notes-files-history"]),
[data-kit-layout="stepped-flow"] > [data-kit-region="current-step"],
[data-kit-layout="settings"] > [data-kit-region="selected-section"],
[data-kit-layout="reports"] > [data-kit-region="breakdown-owning-records"],
[data-kit-layout="list"] > [data-kit-region="rows"],
[data-kit-layout="find"] > :is([data-kit-region="subject-groups"], [data-kit-region="command-group"]) {
  --_kit-panel-surface: var(--_kit-panel);
  padding: var(--_kit-inset);
  background: var(--_kit-panel-surface);
  color: var(--_kit-text-ink, var(--_kit-ink));
  border: var(--_kit-rule) solid var(--_kit-panel-boundary, var(--_kit-boundary));
  border-radius: 0;
}

[data-kit-layout="settings"] > [data-kit-region="selected-section"]:not(:has(> [data-kit-role="fact-group"], > [data-kit-region="standing"], > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > :is([data-kit-role="fact-group"], [data-kit-region="standing"]))) {
  padding: 0;
  background: none;
  border: 0;
}

:is(
  [data-kit-role="inline-consequence"],
  [data-kit-role="attention-item"],
  [data-kit-layout="home"] > :is([data-kit-region="assigned-upcoming"], [data-kit-region="followed-changes"]),
  [data-kit-layout="record"] > :is([data-kit-region="facts-related-records"], [data-kit-region="decision-compact-work"], [data-kit-region="notes-files-history"]),
  [data-kit-layout="stepped-flow"] > [data-kit-region="current-step"],
  [data-kit-layout="settings"] > [data-kit-region="selected-section"],
  [data-kit-layout="reports"] > [data-kit-region="breakdown-owning-records"],
  [data-kit-layout="list"] > [data-kit-region="rows"],
  [data-kit-layout="find"] > :is([data-kit-region="subject-groups"], [data-kit-region="command-group"])
) :is([data-kit-role="label-panel"], [data-kit-role="attention-item"], [data-kit-role="inline-consequence"]) {
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
}

:is(
  [data-kit-layout="record"] > :is([data-kit-region="facts-related-records"], [data-kit-region="decision-compact-work"], [data-kit-region="notes-files-history"]),
  [data-kit-layout="stepped-flow"] > [data-kit-region="current-step"],
  [data-kit-layout="settings"] > [data-kit-region="selected-section"]
) > :is([data-kit-role="label-panel"], [data-kit-role="inline-consequence"]) + :is([data-kit-role="label-panel"], [data-kit-role="inline-consequence"]),
:is(
  [data-kit-layout="record"] > :is([data-kit-region="facts-related-records"], [data-kit-region="decision-compact-work"], [data-kit-region="notes-files-history"]),
  [data-kit-layout="stepped-flow"] > [data-kit-region="current-step"],
  [data-kit-layout="settings"] > [data-kit-region="selected-section"]
) > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > :is([data-kit-role="label-panel"], [data-kit-role="inline-consequence"]) + :is([data-kit-role="label-panel"], [data-kit-role="inline-consequence"]) {
  margin-block-start: var(--_kit-region);
}

[data-kit-layout="record"] > :is([data-kit-region="facts-related-records"], [data-kit-region="decision-compact-work"], [data-kit-region="notes-files-history"]) > :is(h2, h3, h4, h5, h6):not(:first-child),
[data-kit-layout="record"] > :is([data-kit-region="facts-related-records"], [data-kit-region="decision-compact-work"], [data-kit-region="notes-files-history"]) > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > :is(h2, h3, h4, h5, h6):not(:first-child) {
  margin-block-start: var(--_kit-region);
}

:is([data-kit-role="inline-consequence"], [data-kit-role="attention-item"]) {
  border-radius: 0;
}

:is([data-kit-role="inline-consequence"], [data-kit-role="attention-item"], [data-kit-role="field-result"], [data-kit-layout="field-result"]) {
  padding: var(--_kit-inset);
  overflow-wrap: anywhere;
}

[data-kit-role="agreement"] {
  display: grid;
  flex: 1 1 100%;
  gap: var(--_kit-stack);
}

[data-kit-role="agreement"] > [data-kit-region="text"] {
  margin: 0;
  color: var(--_kit-text-muted, var(--_kit-muted));
  font-size: var(--_kit-label-size);
  font-weight: 400;
}

[data-kit-role="redline"] {
  max-inline-size: var(--_kit-reading-width);
  overflow-wrap: anywhere;
}

[data-kit-role="redline"] :is([data-kit-region="previous"], [data-kit-region="next"]) {
  color: var(--_kit-muted);
}

[data-kit-role="redline"] table {
  border-collapse: collapse;
}

[data-kit-role="redline"] :is(th, td) {
  padding: 0;
  padding-inline-end: var(--_kit-stack);
  text-align: start;
}

[data-kit-role="redline"] ins {
  background: var(--_kit-wash-accent);
  text-decoration: underline;
}

[data-kit-role="redline"] del {
  background: var(--_kit-wash-muted);
  text-decoration: line-through;
}

[data-kit-role="redline"] :is(p, li, h1, h2, h3, h4, h5, h6, tr):not(:has(ins, del)),
[data-kit-role="redline"] :is(p, li, h1, h2, h3, h4, h5, h6, tr)[data-kit-state~="unchanged"] {
  color: var(--_kit-muted);
}

[data-kit-role="redline"] :is([data-kit-region="previous"], [data-kit-region="next"]) {
  padding-block: calc((var(--_kit-target) - 1lh) / 2);
  white-space: nowrap;
  color: var(--_kit-muted);
}

[data-kit-role="redline"] [data-kit-region="previous"] {
  margin-inline-end: var(--_kit-stack);
}

[data-kit-role="toast"] {
  --_kit-toast-duration: 8s;
  position: fixed;
  z-index: var(--_kit-tier-toast);
  inset-block-end: calc(var(--_kit-inset) + env(safe-area-inset-bottom));
  inset-inline-end: calc(var(--_kit-inset) + env(safe-area-inset-right));
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--_kit-stack);
  max-inline-size: calc(100% - 2 * var(--_kit-inset) - env(safe-area-inset-left) - env(safe-area-inset-right));
  margin: 0;
  padding: var(--_kit-inset);
  background: var(--_kit-panel);
  color: var(--_kit-ink);
  border: var(--_kit-rule) solid var(--_kit-boundary);
  border-radius: 0;
}

[data-kit-role="toast"][hidden] {
  display: none;
}

[data-kit-role="toast"] > [data-kit-region="line"] {
  flex: 1 1 auto;
  margin: 0;
}

[data-kit-role="toast"] > [data-kit-region="actions"] {
  flex: 0 0 auto;
  margin-block: 0;
  margin-inline-start: auto;
}

@container (inline-size < 720px) {
  [data-kit-role="toast"] {
    inset-inline: 0;
    max-inline-size: none;
    padding-inline: calc(var(--_kit-inset) + env(safe-area-inset-left)) calc(var(--_kit-inset) + env(safe-area-inset-right));
  }

  :root:has([data-kit-layout="shell"] > [data-kit-region="bottom-bar"]) [data-kit-role="toast"] {
    inset-block-end: calc(var(--_kit-bottom-bar-height) + env(safe-area-inset-bottom));
  }
}

[data-kit-role="image-overlay"] {
  display: none;
}

[data-kit-role="image-overlay"]:target {
  display: grid;
  place-items: center;
  position: fixed;
  inset: 0;
  z-index: var(--_kit-tier-overlay);
  margin: 0;
  padding: var(--_kit-inset);
  pointer-events: none;
}

[data-kit-role="image-overlay"] > div[data-kit-region="ground"] {
  display: block;
  position: absolute;
  inset: 0;
  background: var(--_kit-backdrop);
  pointer-events: none;
}

[data-kit-role="image-overlay"] > [data-kit-region="box"] {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto auto;
  margin: 0;
  inline-size: 100%;
  block-size: fit-content;
  max-block-size: 100%;
  min-block-size: 0;
  background: var(--_kit-surface);
  color: var(--_kit-ink);
  padding: var(--_kit-inset);
  pointer-events: auto;
}

[data-kit-role="image-overlay"] > [data-kit-region="box"] > [data-kit-region="image"] {
  display: block;
  min-block-size: 0;
  overflow: auto;
}

[data-kit-role="image-overlay"] img {
  display: block;
  inline-size: auto;
  block-size: auto;
  max-inline-size: 100%;
  max-block-size: 100%;
  margin-inline: auto;
}

[data-kit-role="image-overlay"] > [data-kit-region="box"] > [data-kit-region="caption"] {
  margin-block-start: var(--_kit-stack);
  color: var(--_kit-muted);
}

[data-kit-role="image-overlay"] [data-kit-region="actions"] {
  margin-block-start: var(--_kit-stack);
}

[data-kit-role="media"] {
  display: block;
  margin: 0;
  inline-size: 100%;
}

[data-kit-role="media"] + [data-kit-role="media"] {
  margin-block-start: var(--_kit-region);
}

[data-kit-role="media"] > :is(video, audio) {
  display: block;
  inline-size: 100%;
  max-inline-size: 100%;
}

[data-kit-role="media"] > video {
  aspect-ratio: 16 / 9;
  block-size: auto;
  background: var(--kit-ground-charcoal);
}

[data-kit-role="media"] > figcaption {
  margin-block-start: var(--_kit-stack);
}

[data-kit-role="media"] > figcaption > span {
  display: block;
  color: var(--_kit-text-muted, var(--_kit-muted));
  font-size: var(--_kit-label-size);
}

[data-kit-role="media"] > figcaption > div {
  margin-block-start: var(--_kit-stack);
  max-inline-size: var(--_kit-reading-width);
  overflow-wrap: anywhere;
}

:is([data-kit-role="dialog"], dialog[data-kit-role="keyboard-sheet"]) {
  position: fixed;
  inset: var(--_kit-inset);
  z-index: var(--_kit-tier-overlay);
  inline-size: min(calc(100% - 2 * var(--_kit-inset)), var(--_kit-focused-width));
  max-inline-size: none;
  block-size: fit-content;
  max-block-size: calc(100% - 2 * var(--_kit-inset));
  margin: auto;
  padding: var(--_kit-inset);
  overflow: auto;
  background: var(--_kit-panel);
  color: var(--_kit-ink);
  border: var(--_kit-rule) solid var(--_kit-boundary);
  border-radius: 0;
}

:is([data-kit-role="dialog"], [data-kit-role="keyboard-sheet"])::backdrop {
  background: var(--_kit-backdrop);
}

:is(
  [data-kit-role="toast"],
  [data-kit-role="image-overlay"],
  dialog[data-kit-role="dialog"],
  dialog[data-kit-role="keyboard-sheet"],
  [data-kit-layout="shell"] > [data-kit-region="account-menu"],
  :where([data-kit-layout="shell"] > [data-kit-region="bottom-bar"] [data-kit-region="more"] > ul[popover])
) {
  opacity: 0;
  translate: 0 var(--_kit-rhythm);
  transition:
    opacity var(--_kit-leave) ease-out,
    translate var(--_kit-leave) ease-out,
    display var(--_kit-leave) ease-out allow-discrete,
    overlay var(--_kit-leave) ease-out allow-discrete;
}

[data-kit-layout="shell"]:has(> [data-kit-region="identity-strip"] > [data-kit-region="profile"]) > [data-kit-region="account-menu"]:not(:popover-open) {
  translate: 0 calc(-1 * var(--_kit-rhythm));
}

:is(
  [data-kit-role="toast"]:not([hidden]),
  [data-kit-role="image-overlay"]:target,
  dialog[data-kit-role="dialog"][open],
  dialog[data-kit-role="keyboard-sheet"][open],
  [data-kit-layout="shell"] > [data-kit-region="account-menu"]:popover-open,
  :where([data-kit-layout="shell"] > [data-kit-region="bottom-bar"] [data-kit-region="more"] > ul[popover]):popover-open
) {
  opacity: 1;
  translate: none;
  transition-duration: var(--_kit-appear);
}

@starting-style {
  :is(
    [data-kit-role="toast"]:not([hidden]),
    [data-kit-role="image-overlay"]:target,
    dialog[data-kit-role="dialog"][open],
    dialog[data-kit-role="keyboard-sheet"][open],
    [data-kit-layout="shell"] > [data-kit-region="account-menu"]:popover-open,
    :where([data-kit-layout="shell"] > [data-kit-region="bottom-bar"] [data-kit-region="more"] > ul[popover]):popover-open
  ) {
    opacity: 0;
    translate: 0 var(--_kit-rhythm);
  }

  [data-kit-layout="shell"]:has(> [data-kit-region="identity-strip"] > [data-kit-region="profile"]) > [data-kit-region="account-menu"]:popover-open {
    translate: 0 calc(-1 * var(--_kit-rhythm));
  }
}

dialog:is([data-kit-role="dialog"], [data-kit-role="keyboard-sheet"])::backdrop {
  opacity: 0;
  transition:
    opacity var(--_kit-leave) ease-out,
    display var(--_kit-leave) ease-out allow-discrete,
    overlay var(--_kit-leave) ease-out allow-discrete;
}

dialog:is([data-kit-role="dialog"], [data-kit-role="keyboard-sheet"])[open]::backdrop {
  opacity: 1;
  transition-duration: var(--_kit-appear);
}

@starting-style {
  dialog:is([data-kit-role="dialog"], [data-kit-role="keyboard-sheet"])[open]::backdrop {
    opacity: 0;
  }
}

[data-kit-role="dialog"] > [data-kit-region="heading"] {
  margin: 0;
  font-size: var(--_kit-sub-heading-size);
}

[data-kit-role="keyboard-sheet"] > [data-kit-region="heading"] {
  margin: 0;
  font-size: var(--_kit-region-heading-size);
}

:is([data-kit-role="dialog"], [data-kit-role="keyboard-sheet"]) > :is([data-kit-region="consequence"], [data-kit-region="form-groups"], [data-kit-region="groups"], [data-kit-role="refusal"], [data-kit-region="actions"]) {
  margin-block-start: var(--_kit-region);
}

:is([data-kit-role="dialog"], [data-kit-role="keyboard-sheet"]) > [data-kit-region="form-groups"] {
  display: grid;
  gap: var(--_kit-region);
}

:is([data-kit-role="dialog"], [data-kit-role="keyboard-sheet"]) > [data-kit-region="form-groups"] > :is([data-kit-role="fact-group"], div, fieldset, form, table, nav, footer) {
  margin-block: 0;
}

:is([data-kit-role="dialog"], [data-kit-role="keyboard-sheet"]) > [data-kit-region="consequence"][data-kit-role="inline-consequence"] {
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
}

[data-kit-role="keyboard-sheet"] {
  --_kit-keyboard-enabled: 1;
}

[data-kit-role="keyboard-sheet"] > [data-kit-region="groups"] {
  display: grid;
  gap: var(--_kit-region);
}

[data-kit-role="keyboard-sheet"] [data-kit-region="group"] {
  display: grid;
  gap: var(--_kit-stack);
}

[data-kit-role="keyboard-sheet"] [data-kit-region="group"] > [data-kit-region="heading"] {
  margin: 0;
  font-size: var(--_kit-sub-heading-size);
}

[data-kit-role="keyboard-sheet"] [data-kit-region="shortcuts"] {
  display: grid;
  gap: var(--_kit-stack);
  margin: 0;
  padding: 0;
  list-style: none;
}

[data-kit-role="keyboard-sheet"] [data-kit-region="shortcut"] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--_kit-stack);
  min-inline-size: 0;
}

[data-kit-role="keyboard-sheet"] [data-kit-region="name"] {
  min-inline-size: 0;
  color: var(--_kit-ink);
}

[data-kit-role="keyboard-sheet"] [data-kit-region="keys"] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--_kit-rhythm);
}

[data-kit-role="keyboard-sheet"] [data-kit-region="key"][data-kit-role="label-panel"] {
  padding: var(--_kit-inset-tight);
  font-family: "Geist Mono", monospace;
  font-size: var(--_kit-body-size);
}

@container (inline-size < 720px) {
  [data-kit-role="keyboard-sheet"] {
    --_kit-keyboard-enabled: 0;
    display: none;
  }
}

:is([data-kit-role="field-result"], [data-kit-layout="field-result"])[data-kit-state~="accepted"] {
  background: var(--kit-accent);
  color: var(--_kit-ink);
}

:is([data-kit-role="field-result"], [data-kit-layout="field-result"])[data-kit-state~="accepted"] [data-kit-role="emphasised-next-action"] {
  background: var(--_kit-ink);
  color: var(--kit-accent);
}

:is([data-kit-role="field-result"], [data-kit-layout="field-result"]):is([data-kit-state~="refused"], [data-kit-state~="conflict"]) {
  background: var(--kit-ground-charcoal);
  color: var(--_kit-text-ink);
}

[data-kit-role="refusal"] {
  padding: var(--_kit-inset);
  background: var(--kit-ground-charcoal);
  color: var(--_kit-text-ink);
  border-radius: 0;
}

:where(
  [data-kit-region="actions"],
  [data-kit-region="back-continue-or-commit"],
  [data-kit-region="local-actions"],
  [data-kit-region="submit-return"]
) > [data-kit-role="refusal"] {
  flex-basis: 100%;
  margin-block-end: calc(var(--_kit-region) - var(--_kit-stack));
}

[data-kit-role="refusal"] > [data-kit-region="line"] {
  margin: 0;
}

[data-kit-role="refusal"] > [data-kit-region="causes"] {
  display: grid;
  gap: var(--_kit-stack);
  margin: 0;
  padding: 0;
  list-style: none;
}

[data-kit-role="refusal"] > [data-kit-region="causes"]:has(> li) {
  margin-block-start: var(--_kit-stack);
}

:is([data-kit-layout="shell"] > :is([data-kit-region="rail"], [data-kit-region="bottom-bar"], [data-kit-region="account-menu"]), :is([data-kit-role="field-result"], [data-kit-layout="field-result"]):is([data-kit-state~="refused"], [data-kit-state~="conflict"]), [data-kit-role="refusal"]) {
  --_kit-text-ink: var(--_kit-surface);
  --_kit-text-on-fill: var(--kit-ground-charcoal);
  --_kit-text-muted: var(--_kit-on-ground-muted);
  --_kit-panel-surface: var(--kit-ground-raised);
  --_kit-panel-boundary: var(--_kit-on-ground-muted);
}

:is([data-kit-role="identity-strip"], [data-kit-role="primary-action"], :is([data-kit-role="field-result"], [data-kit-layout="field-result"])[data-kit-state~="accepted"], [data-kit-role="destination"][data-kit-state~="current"]) {
  --_kit-text-ink: var(--_kit-ink);
  --_kit-text-on-fill: var(--_kit-surface);
  --_kit-text-muted: var(--_kit-muted);
  --_kit-panel-surface: var(--_kit-panel);
  --_kit-panel-boundary: var(--_kit-boundary);
}

[data-kit-state~="loading"] > * {
  color: transparent;
  background: var(--_kit-wash-muted);
  border-color: transparent;
  border-radius: var(--_kit-radius);
  user-select: none;
}

[data-kit-state~="loading"] > * > * {
  visibility: hidden;
}


:where(
  [data-kit-region="actions"],
  [data-kit-region="back-continue-or-commit"],
  [data-kit-region="local-actions"],
  [data-kit-region="submit-return"],
  [data-kit-region="page-foot"],
  [data-kit-region="count-continuation"],
  [data-kit-region="next-route"],
  [data-kit-role="agreement"] > [data-kit-region="action"],
  div:not([data-kit-role], [data-kit-layout], [data-kit-region]):has(
    > :is([data-kit-role="primary-action"], [data-kit-role="secondary-action"], [data-kit-role="emphasised-next-action"]),
    > form > :is([data-kit-role="primary-action"], [data-kit-role="secondary-action"], [data-kit-role="emphasised-next-action"]):only-child,
    > div:not([data-kit-role], [data-kit-layout], [data-kit-region]) > :is([data-kit-role="primary-action"], [data-kit-role="secondary-action"], [data-kit-role="emphasised-next-action"])
  )
) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--_kit-stack);
}

:where(:not([data-kit-region="header"], [data-kit-region="toolbar"], [data-kit-region="saved-views-filters-sort"], [data-kit-region="columns-selection-actions"], [data-kit-region="period-filters-schedule"], :is([data-kit-region="header"], [data-kit-region="toolbar"], [data-kit-region="saved-views-filters-sort"], [data-kit-region="columns-selection-actions"], [data-kit-region="period-filters-schedule"]) > form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > :not([hidden]) + :is(
  [data-kit-region="actions"],
  [data-kit-region="back-continue-or-commit"],
  [data-kit-region="local-actions"],
  [data-kit-region="submit-return"],
  [data-kit-region="page-foot"],
  [data-kit-region="count-continuation"],
  [data-kit-region="next-route"],
  div:not([data-kit-role], [data-kit-layout], [data-kit-region]):has(
    > :is([data-kit-role="primary-action"], [data-kit-role="secondary-action"], [data-kit-role="emphasised-next-action"]),
    > form > :is([data-kit-role="primary-action"], [data-kit-role="secondary-action"], [data-kit-role="emphasised-next-action"]):only-child,
    > div:not([data-kit-role], [data-kit-layout], [data-kit-region]) > :is([data-kit-role="primary-action"], [data-kit-role="secondary-action"], [data-kit-role="emphasised-next-action"])
  )
)) {
  margin-block-start: var(--_kit-region);
}

:where(:not([data-kit-region="header"], [data-kit-region="toolbar"], [data-kit-region="saved-views-filters-sort"], [data-kit-region="columns-selection-actions"], [data-kit-region="period-filters-schedule"], :is([data-kit-region="header"], [data-kit-region="toolbar"], [data-kit-region="saved-views-filters-sort"], [data-kit-region="columns-selection-actions"], [data-kit-region="period-filters-schedule"]) > form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > :not([hidden]):has(
  + :is([data-kit-region="actions"], [data-kit-region="back-continue-or-commit"], [data-kit-region="local-actions"], [data-kit-region="submit-return"], [data-kit-region="page-foot"], [data-kit-region="count-continuation"], [data-kit-region="next-route"]),
  + div:not([data-kit-role], [data-kit-layout], [data-kit-region]) > :is([data-kit-role="primary-action"], [data-kit-role="secondary-action"], [data-kit-role="emphasised-next-action"]),
  + div:not([data-kit-role], [data-kit-layout], [data-kit-region]) > form > :is([data-kit-role="primary-action"], [data-kit-role="secondary-action"], [data-kit-role="emphasised-next-action"]):only-child,
  + div:not([data-kit-role], [data-kit-layout], [data-kit-region]) > div:not([data-kit-role], [data-kit-layout], [data-kit-region]) > :is([data-kit-role="primary-action"], [data-kit-role="secondary-action"], [data-kit-role="emphasised-next-action"])
)) {
  margin-block-end: 0;
}

:where(:is(
  [data-kit-region="actions"],
  [data-kit-region="back-continue-or-commit"],
  [data-kit-region="local-actions"],
  [data-kit-region="submit-return"],
  [data-kit-region="next-route"],
  div:not([data-kit-role], [data-kit-layout], [data-kit-region])
):not(:has(
  > :is([data-kit-role="primary-action"], [data-kit-role="secondary-action"], [data-kit-role="emphasised-next-action"]),
  > form > :is([data-kit-role="primary-action"], [data-kit-role="secondary-action"], [data-kit-role="emphasised-next-action"]):only-child
)):has(
  > div:not([data-kit-role], [data-kit-layout], [data-kit-region]) > :is([data-kit-role="primary-action"], [data-kit-role="secondary-action"], [data-kit-role="emphasised-next-action"])
)) {
  flex-direction: column;
  align-items: stretch;
  gap: var(--_kit-region);

  > * {
    margin-block: 0;
  }

  > [data-kit-role="refusal"] {
    flex-basis: auto;
    margin-block-end: 0;
  }
}

:where(:is(
  [data-kit-region="actions"],
  [data-kit-region="back-continue-or-commit"],
  [data-kit-region="local-actions"],
  [data-kit-region="submit-return"],
  [data-kit-region="next-route"],
  div:not([data-kit-role], [data-kit-layout], [data-kit-region])
):has(
  > :is([data-kit-role="primary-action"], [data-kit-role="secondary-action"], [data-kit-role="emphasised-next-action"]),
  > form > :is([data-kit-role="primary-action"], [data-kit-role="secondary-action"], [data-kit-role="emphasised-next-action"]):only-child
) > div:not([data-kit-role], [data-kit-layout], [data-kit-region]):has(
  > :is([data-kit-role="primary-action"], [data-kit-role="secondary-action"], [data-kit-role="emphasised-next-action"]),
  > form > :is([data-kit-role="primary-action"], [data-kit-role="secondary-action"], [data-kit-role="emphasised-next-action"]):only-child
)) {
  flex-basis: 100%;
  margin-block: 0;
}

:where(:is(
  [data-kit-region="actions"],
  [data-kit-region="back-continue-or-commit"],
  [data-kit-region="local-actions"],
  [data-kit-region="submit-return"],
  [data-kit-region="next-route"],
  div:not([data-kit-role], [data-kit-layout], [data-kit-region])
):has(
  > :is([data-kit-role="primary-action"], [data-kit-role="secondary-action"], [data-kit-role="emphasised-next-action"]),
  > form > :is([data-kit-role="primary-action"], [data-kit-role="secondary-action"], [data-kit-role="emphasised-next-action"]):only-child
) > * + div:not([data-kit-role], [data-kit-layout], [data-kit-region]):has(
  > :is([data-kit-role="primary-action"], [data-kit-role="secondary-action"], [data-kit-role="emphasised-next-action"]),
  > form > :is([data-kit-role="primary-action"], [data-kit-role="secondary-action"], [data-kit-role="emphasised-next-action"]):only-child
)) {
  margin-block-start: calc(var(--_kit-region) - var(--_kit-stack));
}

@container calendar (inline-size < 720px) {
  :is(
    [data-kit-layout="calendar"] > [data-kit-region="toolbar"],
    [data-kit-layout="calendar"] > [data-kit-region="toolbar"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))
  ) {
    > [data-kit-region="range"] {
      flex: 1 1 100%;
    }

    > [data-kit-region="scope"] > button[popovertarget] {
      display: inline-flex;
    }

    > [data-kit-region="view"] {
      display: none;
    }
  }

  [data-kit-layout="calendar"] > [data-kit-region="week"] {
    grid-template-columns: minmax(0, 1fr);
    overflow: visible;
  }

  [data-kit-layout="calendar"] [data-kit-region="time-gutter"] {
    display: none;
  }

  [data-kit-layout="calendar"] [data-kit-region="days"] {
    display: flex;
    flex-direction: column;
    gap: var(--_kit-region);
  }

  [data-kit-layout="calendar"] [data-kit-region="day"] {
    border: var(--_kit-rule) solid var(--_kit-boundary);
    overflow: hidden;
  }

  [data-kit-layout="calendar"] [data-kit-region="day"] > [data-kit-region="meetings"] {
    display: none;
  }

  [data-kit-layout="calendar"] [data-kit-region="day"] > [data-kit-region="rows"] {
    display: block;
    background: var(--_kit-panel);
  }

  [data-kit-layout="calendar"] [data-kit-region="rows"] > p {
    margin: 0;
    padding: var(--_kit-inset-tight);
    color: var(--_kit-muted);
  }

  [data-kit-layout="calendar"] :is([data-kit-region="rows"], [data-kit-region="rows"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > [data-kit-region="meeting"] + [data-kit-region="meeting"] > [data-kit-role="row"] {
    border-block-start: var(--_kit-rule) solid var(--_kit-text-muted, var(--_kit-muted));
  }

  [data-kit-layout="calendar"] :is([data-kit-region="rows"], [data-kit-region="rows"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > [data-kit-region="meeting"][data-kit-state~="attention"] > [data-kit-role="row"] {
    border-inline-start: var(--_kit-rhythm) solid var(--_kit-ink);
  }

  [data-kit-layout="calendar"] :is([data-kit-region="rows"], [data-kit-region="rows"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > [data-kit-region="meeting"] > [data-kit-role="row"] > a[data-kit-region="subject"] {
    display: grid;
    grid-template-columns: minmax(0, max-content) minmax(min-content, 1fr);
    align-items: baseline;
    column-gap: var(--_kit-stack);
    text-decoration: none;
  }

  [data-kit-layout="calendar"] :is([data-kit-region="rows"], [data-kit-region="rows"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > [data-kit-region="meeting"] > [data-kit-role="row"] > a[data-kit-region="subject"] > time {
    color: var(--_kit-muted);
  }
}

@container (inline-size < 720px) {
  [data-kit-layout="shell"] > [data-kit-region="bottom-bar"] {
    display: block;
  }

  [data-kit-layout="shell"]:has(> [data-kit-region="bottom-bar"]) {
    display: flex;
    flex-direction: column;
    min-block-size: 100dvh;
  }

  [data-kit-layout="shell"] > [data-kit-region="rail"] {
    display: none;
  }

  [data-kit-layout="shell"]:has(> [data-kit-region="rail"]) {
    --_kit-shell-rail-space: 0px;
    grid-template-columns: minmax(0, 1fr);
  }

  [data-kit-layout="shell"]:has(> [data-kit-region="rail"]) > :is([data-kit-region="header"], [data-kit-region="body"]) {
    grid-column: 1;
    inline-size: calc(100% - 2 * var(--_kit-page-inset) - env(safe-area-inset-left) - env(safe-area-inset-right));
  }

  [data-kit-layout="shell"] > [data-kit-region="header"] {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;

    > div:not([data-kit-region]),
    > [data-kit-region="actions"] {
      flex: 0 0 auto;
      inline-size: 100%;
    }
  }

  [data-kit-layout="help"] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: var(--_kit-stack);
  }

  [data-kit-layout="help"] > [data-kit-region="topic"] {
    display: grid;
    grid-column: 1 / -1;
    grid-row: 1;
    grid-template-columns: subgrid;
    grid-template-rows: minmax(var(--_kit-target), auto);
    align-items: center;
    min-inline-size: 0;
    padding-block-end: var(--_kit-stack);
    border-block-end: var(--_kit-rule) solid var(--_kit-muted);
    font-family: var(--kit-display-family), serif;
    font-size: var(--_kit-region-heading-size);
    font-weight: 700;
  }

  [data-kit-layout="help"] > [data-kit-region="topic"] > :first-child {
    grid-column: 1;
    min-inline-size: 0;
    overflow-wrap: anywhere;
  }

  :is([data-kit-layout="help"], [data-kit-layout="settings"]) > details[data-kit-role="disclosure"] {
    display: contents;
  }

  :is([data-kit-layout="help"], [data-kit-layout="settings"]) > details[data-kit-role="disclosure"] > summary {
    display: flex;
    grid-column: 2;
    grid-row: 1;
    position: relative;
    align-self: start;
    min-block-size: var(--_kit-target);
    font-size: var(--_kit-body-size);
  }

  :is([data-kit-layout="help"], [data-kit-layout="settings"]) > details[data-kit-role="disclosure"]:not([open])::details-content {
    display: none;
  }

  [data-kit-layout="help"] > details[data-kit-role="disclosure"]::details-content {
    grid-column: 1 / -1;
    order: 1;
    padding-block-end: var(--_kit-stack);
    border-block-end: var(--_kit-rule) solid var(--_kit-muted);
  }

  [data-kit-layout="help"] > article {
    grid-column: 1 / -1;
    order: 2;
  }

  [data-kit-layout="help"] > article > [data-kit-region="answer-setup-steps"]:first-child > :is(h1, h2, h3),
  [data-kit-layout="help"]
    > article
    > [data-kit-region="answer-setup-steps"]:first-child
    > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))
    > :is(h1, h2, h3) {
    font-size: var(--_kit-sub-heading-size);
  }

  :is(
    [data-kit-layout="reports"] > [data-kit-region="period-filters-schedule"],
    [data-kit-layout="reports"] > [data-kit-region="period-filters-schedule"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))
  ) > * {
    flex-basis: 100%;
  }

  [data-kit-layout] [data-kit-layout="section"] > [data-kit-region="body"] > :is([data-kit-region="subject"], [data-kit-region="explanation"]) {
    flex-basis: 100%;
  }

}

:is([data-kit-layout="home"], [data-kit-layout="record"], [data-kit-layout="stepped-flow"], [data-kit-layout="settings"], [data-kit-layout="reports"], [data-kit-layout="list"], [data-kit-layout="form"], [data-kit-layout="find"]) {
  display: flex;
  flex-wrap: wrap;
  gap: var(--_kit-region) var(--_kit-inset-wide);
  min-inline-size: 0;
  overflow-wrap: anywhere;

  > * {
    flex: 1 1 100%;
    min-inline-size: 0;
    margin-block: 0;
  }

  :is(h2, h3, h4, h5, h6) {
    margin-block-start: var(--_kit-region);
  }

  :is([data-kit-region], [data-kit-role]) > :is(h2, h3, h4, h5, h6):first-child,
  :is([data-kit-region], [data-kit-role]) > :first-child > :is(h2, h3, h4, h5, h6):first-child {
    margin-block-start: 0;
  }

  > [data-kit-region] > * + :is(section, article, aside):not([data-kit-role="row"]),
  > [data-kit-region] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > * + :is(section, article, aside):not([data-kit-role="row"]) {
    margin-block-start: var(--_kit-region);
  }

  :is([data-kit-region="saved-views-filters-sort"], [data-kit-region="columns-selection-actions"], [data-kit-region="period-filters-schedule"]) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--_kit-stack);
  }

  [data-kit-region="saved-views-filters-sort"]:has(> [data-kit-role="form-group"], > [data-kit-region="filters"] > [data-kit-role="form-group"]),
  [data-kit-region="period-filters-schedule"]:has(> [data-kit-role="form-group"], > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > [data-kit-role="form-group"]) {
    gap: var(--_kit-region);
  }

  dl > div + div {
    margin-block-start: var(--_kit-stack);
  }

  dd {
    margin-inline-start: 0;
  }

  dt {
    color: var(--_kit-muted);
  }

  [data-kit-region="rows"], [data-kit-region="breakdown-owning-records"] {
    overflow-x: auto;
  }

  [data-kit-region="rows"] > table + [data-kit-role="inline-consequence"],
  [data-kit-region="rows"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > table + [data-kit-role="inline-consequence"],
  [data-kit-region="breakdown-owning-records"] > table + [data-kit-role="inline-consequence"],
  [data-kit-region="breakdown-owning-records"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > table + [data-kit-role="inline-consequence"] {
    margin-block-start: var(--_kit-region);
  }

  :is([data-kit-region="rows"], [data-kit-region="breakdown-owning-records"], :is([data-kit-region="rows"], [data-kit-region="breakdown-owning-records"]) > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > table:not([data-kit-table="comparison"]) {
    inline-size: 100%;
    min-inline-size: var(--_kit-focused-width);
    border-collapse: collapse;
  }

  caption {
    text-align: start;
    margin-block-end: var(--_kit-stack);
  }

  tbody th {
    font-weight: 400;
  }

  tbody tr + tr {
    border-block-start: var(--_kit-rule) solid var(--_kit-text-muted, var(--_kit-muted));
  }

  :is(th, td) {
    padding: var(--_kit-inset-tight);
    text-align: start;
  }

  :is(:is([data-kit-region="rows"], [data-kit-region="breakdown-owning-records"], :is([data-kit-region="rows"], [data-kit-region="breakdown-owning-records"]) > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > table, table[data-kit-table="comparison"]) :is(th, td) {
    vertical-align: baseline;
  }

  thead {
    border-block-end: var(--_kit-rule) solid var(--_kit-text-muted, var(--_kit-muted));
  }

  &[data-kit-layout="stepped-flow"] > [data-kit-region="current-step"]:has(> table) {
    overflow-x: auto;
  }

  &[data-kit-layout="stepped-flow"] > [data-kit-region="current-step"] table thead th,
  &[data-kit-layout="stepped-flow"] > [data-kit-region="current-step"] table tbody > tr > :nth-child(3) {
    white-space: nowrap;
    overflow-wrap: normal;
  }

  summary, select {
    min-block-size: var(--_kit-target);
  }
}

:is([data-kit-layout], [data-kit-role]) + [data-kit-layout] {
  margin-block-start: var(--_kit-region);
}

:is(
  [data-kit-layout="home"],
  [data-kit-layout="record"],
  [data-kit-layout="stepped-flow"],
  [data-kit-layout="settings"],
  [data-kit-layout="reports"],
  [data-kit-layout="list"],
  [data-kit-layout="form"],
  [data-kit-layout="find"],
  [data-kit-layout="form"] > [data-kit-region="form-groups"],
  [data-kit-layout="settings"] [data-kit-region="form-or-list"],
  [data-kit-role="label-panel"]:has(> [data-kit-role="form-group"]),
  fieldset:has(> [data-kit-role="form-group"]),
  :is([data-kit-region], [data-kit-role="label-panel"]) form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region], :has(> label > [data-kit-role="selection-control"]), :is([data-kit-role="dialog"], [data-kit-role="keyboard-sheet"]) form, :where(:is([data-kit-region], [data-kit-layout="field-result"]) > form:not(:has(> [data-kit-role="form-group"])), :is([data-kit-layout="shell"] > [data-kit-region="header"], [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"], [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"] > [data-kit-region="filters"], [data-kit-layout="list"] > [data-kit-region="columns-selection-actions"], [data-kit-layout="reports"] > [data-kit-region="period-filters-schedule"], [data-kit-layout="calendar"] > [data-kit-region="toolbar"], [data-kit-layout="calendar"] > [data-kit-region="toolbar"] > [data-kit-region]) > form))
) > :is([data-kit-layout], [data-kit-role="selection-control"][data-kit-region="group"]) {
  margin-block-start: 0;
}

:is(
  [data-kit-layout="record"] > [data-kit-region="facts-related-records"],
  [data-kit-layout="record"] > [data-kit-region="decision-compact-work"],
  [data-kit-role="row"] > [data-kit-region="expansion"],
  [data-kit-layout="reports"] > [data-kit-region="measure-prior"],
  [data-kit-layout="reports"] > [data-kit-region="measure-prior"] > [data-kit-role="label-panel"]
) {
  container-type: inline-size;
  inline-size: 100%;
}

[data-kit-role="fact-group"] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--_kit-region);
  inline-size: 100%;
}

:where([data-kit-role="fact-group"]) {
  margin-block: var(--_kit-stack);
}

:where([data-kit-role="fact-group"] + :is(table, [data-kit-region="rows"], [data-kit-region="column-headings"], [data-kit-layout="list"], [data-kit-role="fact-group"], [data-kit-role="selection-control"][data-kit-region="group"], :is(div, fieldset, form):not([data-kit-role]):has(> label > [data-kit-role="selection-control"]), form:not([data-kit-role], [data-kit-layout], [data-kit-region]))) {
  margin-block-start: var(--_kit-region);
}

:where([data-kit-role="fact-group"]:has(+ :is(table, [data-kit-region="rows"], [data-kit-region="column-headings"], [data-kit-layout="list"], [data-kit-role="fact-group"], [data-kit-role="headed-region"], [data-kit-role="selection-control"][data-kit-region="group"], form:not([data-kit-role], [data-kit-layout], [data-kit-region])),+ :is(div, fieldset, form):not([data-kit-role]) > label > [data-kit-role="selection-control"])) {
  margin-block-end: 0;
}

[data-kit-role="fact-group"] > [data-kit-role="labelled-fact"] {
  flex: 1 1 calc((100% - var(--_kit-region)) / 2);
  min-inline-size: min(100%, calc((var(--_kit-pair-width) - var(--_kit-region)) / 2));
  margin-block-start: 0;
}

:is([data-kit-layout="home"], [data-kit-layout="record"], [data-kit-layout="stepped-flow"]) > :is([data-kit-region="attention"], [data-kit-region="facts-related-records"], [data-kit-region="current-step"], [data-kit-region="consequence"]) {
  flex: 2 1 calc((100% - var(--_kit-inset-wide)) * 2 / 3);
  min-inline-size: min(100%, var(--_kit-focused-width));
}

:is([data-kit-layout="home"], [data-kit-layout="record"], [data-kit-layout="stepped-flow"]) > :is([data-kit-region="assigned-upcoming"], [data-kit-region="decision-compact-work"], [data-kit-region="summary"]) {
  flex: 1 1 calc((100% - var(--_kit-inset-wide)) / 3);
  min-inline-size: min(100%, calc(var(--_kit-focused-width) / 2));
}

:is(
  [data-kit-layout="home"] > :is([data-kit-region="assigned-upcoming"], [data-kit-region="followed-changes"]),
  [data-kit-layout="stepped-flow"] > :is([data-kit-region="current-step"], [data-kit-region="summary"]),
  [data-kit-layout="settings"] > [data-kit-region="selected-section"],
  [data-kit-layout="reports"] > [data-kit-region="measure-prior"]
) {
  align-self: flex-start;
}

[data-kit-layout="home"] > [data-kit-region="attention"] > [data-kit-role="attention-item"] + [data-kit-role="attention-item"],
[data-kit-layout="home"] > [data-kit-region="attention"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > [data-kit-role="attention-item"] + [data-kit-role="attention-item"] {
  margin-block-start: var(--_kit-region);
}

[data-kit-layout="record"] > :is([data-kit-region="facts-related-records"], [data-kit-region="decision-compact-work"]) {
  align-self: flex-start;
}

@container (inline-size < 720px) {
  [data-kit-layout="record"] > [data-kit-region="decision-compact-work"] {
    order: -1;
  }

  [data-kit-layout="record"] > [data-kit-region="local-tabs"] {
    order: -2;
  }
}

[data-kit-layout="stepped-flow"] {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}

[data-kit-layout="stepped-flow"] > [data-kit-region="progress"] {
  grid-column: 1 / -1;
  grid-row: 1;
  order: 1;
}

[data-kit-layout="stepped-flow"] > [data-kit-region="current-step"] {
  grid-column: 1;
  grid-row: 2;
  order: 2;
}

[data-kit-layout="stepped-flow"] > [data-kit-region="consequence"] {
  grid-column: 1;
  grid-row: 3;
  min-inline-size: 0;
  order: 3;
}

[data-kit-layout="stepped-flow"] > [data-kit-region="summary"] {
  grid-column: 2;
  grid-row: 2;
  min-inline-size: 0;
  order: 4;
}

[data-kit-layout="stepped-flow"] > [data-kit-region="back-continue-or-commit"] {
  grid-column: 1 / -1;
  grid-row: 3;
  order: 5;
}

[data-kit-layout="stepped-flow"]:not(:has(> [data-kit-region="summary"] > *)) {
  > [data-kit-region="current-step"] {
    grid-column: 1 / -1;
  }

  > [data-kit-region="summary"] {
    display: none;
  }
}

[data-kit-layout="stepped-flow"]:has(> [data-kit-region="consequence"]) > [data-kit-region="summary"] {
  grid-row: 2 / span 2;
}

[data-kit-layout="stepped-flow"]:has(> [data-kit-region="consequence"]) > [data-kit-region="back-continue-or-commit"] {
  grid-row: 4;
}

@container (inline-size < 720px) {
  [data-kit-layout="stepped-flow"] {
    display: flex;
  }

  [data-kit-layout="stepped-flow"] > [data-kit-region="current-step"] {
    min-inline-size: min(100%, var(--_kit-focused-width));
  }

  [data-kit-layout="stepped-flow"] > [data-kit-region="consequence"] {
    flex: 1 1 100%;
    min-inline-size: 0;
  }

  [data-kit-layout="stepped-flow"] > [data-kit-region="summary"] {
    flex: 1 1 100%;
    min-inline-size: 0;
  }
}

@media screen {
  [data-kit-layout="shell"]:has([data-kit-layout="list"] > [data-kit-region="rows"] > table:not([data-kit-table="comparison"]), [data-kit-layout="list"] > [data-kit-region="rows"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > table:not([data-kit-table="comparison"]), [data-kit-layout="reports"] > [data-kit-region="breakdown-owning-records"] > table:not([data-kit-table="comparison"]), [data-kit-layout="reports"] > [data-kit-region="breakdown-owning-records"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > table:not([data-kit-table="comparison"])) {
    overflow-x: clip;
  }

  :is([data-kit-layout="list"], [data-kit-layout="reports"]) {
    container-type: inline-size;
  }

  [data-kit-layout="list"] > [data-kit-region="rows"]:has(> table:not([data-kit-table="comparison"]), > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > table:not([data-kit-table="comparison"])),
  [data-kit-layout="reports"] > [data-kit-region="breakdown-owning-records"]:has(> table:not([data-kit-table="comparison"]), > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > table:not([data-kit-table="comparison"])) {
    flex: none;
    inline-size: min-content;
    min-inline-size: 100%;
    max-inline-size: calc(100% + (100vw - var(--_kit-shell-rail-space, 0px) - 100%) / 2 + var(--_kit-rule));
    margin-inline-end: calc((100% - 100vw + var(--_kit-shell-rail-space, 0px)) / 2);
    --_kit-table-trailing-edge: calc((100vw - var(--_kit-shell-rail-space, 0px) + 100cqw) / 2);
  }

  [data-kit-layout="list"] > [data-kit-region="rows"] > table:not([data-kit-table="comparison"]) > caption,
  [data-kit-layout="list"] > [data-kit-region="rows"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > table:not([data-kit-table="comparison"]) > caption,
  [data-kit-layout="reports"] > [data-kit-region="breakdown-owning-records"] > table:not([data-kit-table="comparison"]) > caption,
  [data-kit-layout="reports"] > [data-kit-region="breakdown-owning-records"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > table:not([data-kit-table="comparison"]) > caption {
    position: sticky;
    inset-inline-start: 0;
    inline-size: min(100%, calc(var(--_kit-table-trailing-edge) - 2 * (var(--_kit-inset) + var(--_kit-rule))));
  }
}

table[data-kit-table="comparison"] {
  --_kit-overflow-fade-blank: calc(var(--_kit-inset-tight) + var(--_kit-inset-tight));
  display: block;
  max-inline-size: 100%;
  overflow-x: auto;
  border-collapse: collapse;
  container-type: inline-size scroll-state;
  scroll-padding-inline-end: var(--_kit-overflow-fade-extent);
}

table[data-kit-table="comparison"] + table[data-kit-table="comparison"] {
  margin-block-start: var(--_kit-region);
}

table[data-kit-table="comparison"] > :is(thead, tbody, tfoot) > tr > :is(th, td) {
  overflow-wrap: normal;
}

table[data-kit-table="comparison"] > :is(thead, tbody, tfoot) > tr > :first-child {
  position: sticky;
  inset-inline-start: 0;
  z-index: var(--_kit-tier-held);
  inline-size: 100%;
  min-inline-size: 0;
  background: var(--_kit-panel-surface, var(--_kit-surface));
}

table[data-kit-table="comparison"] > :is(thead, tbody, tfoot) > tr > :is(th, td)[data-kit-column="amount"] {
  inline-size: max-content;
  min-inline-size: max-content;
  white-space: nowrap;
}

table[data-kit-table="comparison"] > caption {
  position: sticky;
  inset-inline-start: 0;
  z-index: var(--_kit-tier-held);
  inline-size: fit-content;
  max-inline-size: 100cqi;
}

@container scroll-state((scrollable: inline-start) or (scrollable: inline-end)) {
  table[data-kit-table="comparison"] > :is(thead, tbody, tfoot):last-child {
    position: relative;
  }

  table[data-kit-table="comparison"] > :is(thead, tbody, tfoot):last-child::after {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 100%;
    inline-size: var(--_kit-overflow-fade-extent);
    block-size: var(--_kit-rule);
  }

  table[data-kit-table="comparison"] > :is(thead, tbody, tfoot) > tr > :first-child {
    box-sizing: content-box;
    min-inline-size: var(--_kit-comparison-subject-minimum);
  }

  table[data-kit-table="comparison"] > :is(thead, tbody, tfoot) > tr > :first-child:has(> [data-kit-role="row"] > [data-kit-region="selection"]) {
    min-inline-size: calc(var(--_kit-comparison-subject-minimum) + var(--_kit-target) + var(--_kit-stack));
  }

  table[data-kit-table="comparison"] > :is(thead, tbody, tfoot) > tr > :first-child > [data-kit-role="row"] > [data-kit-region="subject"] {
    min-inline-size: var(--_kit-comparison-subject-minimum);
  }

  table[data-kit-table="comparison"]::after {
    content: "";
  }
}

table[data-kit-table="comparison"]::after {
  --_kit-overflow-fade-direction: to right;
  --_kit-overflow-fade-surface: var(--_kit-panel-surface, var(--_kit-panel));
  position: fixed;
  position-anchor: auto;
  inset-block-start: anchor(start);
  inset-block-end: anchor(end);
  inset-inline-end: anchor(end);
  inline-size: var(--_kit-overflow-fade-extent);
}

[data-kit-layout="reports"] > [data-kit-region="breakdown-owning-records"] > table > tbody > tr > :is(th, td)[data-label]::before,
table[data-kit-table="comparison"] > tbody > tr > :is(th, td)[data-label]::before {
  display: none;
}

@container (inline-size < 720px) {
  :is([data-kit-region="rows"], [data-kit-region="breakdown-owning-records"]):has(> table, > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > table) {
    flex: 1 1 100%;
    inline-size: auto;
    min-inline-size: 0;
    max-inline-size: none;
    margin-inline-end: 0;
    overflow-x: visible;
  }

  :is([data-kit-region="rows"], [data-kit-region="breakdown-owning-records"], :is([data-kit-region="rows"], [data-kit-region="breakdown-owning-records"]) > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > table:not([data-kit-table="comparison"]) {
    display: block;
    inline-size: 100%;
    min-inline-size: 0;
  }

  :is([data-kit-region="rows"], [data-kit-region="breakdown-owning-records"], :is([data-kit-region="rows"], [data-kit-region="breakdown-owning-records"]) > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > table:not([data-kit-table="comparison"]) > caption {
    display: block;
    position: static;
    inline-size: 100%;
  }

  :is([data-kit-region="rows"], [data-kit-region="breakdown-owning-records"], :is([data-kit-region="rows"], [data-kit-region="breakdown-owning-records"]) > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > table > thead {
    display: none;
  }

  :is([data-kit-region="rows"], [data-kit-region="breakdown-owning-records"], :is([data-kit-region="rows"], [data-kit-region="breakdown-owning-records"]) > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > table > tbody,
  :is([data-kit-region="rows"], [data-kit-region="breakdown-owning-records"], :is([data-kit-region="rows"], [data-kit-region="breakdown-owning-records"]) > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > table > tbody > tr {
    display: block;
  }

  :is([data-kit-region="rows"], [data-kit-region="breakdown-owning-records"], :is([data-kit-region="rows"], [data-kit-region="breakdown-owning-records"]) > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > table > tbody > tr {
    padding-block: var(--_kit-stack);
  }

  :is([data-kit-region="rows"], [data-kit-region="breakdown-owning-records"], :is([data-kit-region="rows"], [data-kit-region="breakdown-owning-records"]) > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > table > tbody > tr > :is(th, td) {
    display: block;
    padding-inline: 0;
    text-align: start;
  }

  :is([data-kit-region="rows"], [data-kit-region="breakdown-owning-records"], :is([data-kit-region="rows"], [data-kit-region="breakdown-owning-records"]) > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > table > tbody > tr > :is(th, td)[data-label]::before {
    content: attr(data-label);
    display: block;
    margin-block-end: var(--_kit-stack);
    color: var(--_kit-text-muted, var(--_kit-muted));
    font-size: var(--_kit-label-size);
    font-weight: 700;
  }
}

@container (inline-size < 720px) {
  table[data-kit-table="comparison"] {
    --_kit-comparison-subject-minimum: 50cqi;
  }

  table[data-kit-table="comparison"] > thead {
    display: table-header-group;
  }

  table[data-kit-table="comparison"] > tbody,
  table[data-kit-table="comparison"] > tfoot {
    display: table-row-group;
  }

  table[data-kit-table="comparison"] > tbody > tr,
  table[data-kit-table="comparison"] > tfoot > tr {
    padding-block: 0;
  }

  table[data-kit-table="comparison"] > thead > tr,
  table[data-kit-table="comparison"] > tbody > tr,
  table[data-kit-table="comparison"] > tfoot > tr {
    display: table-row;
  }

  table[data-kit-table="comparison"] > thead > tr > :is(th, td),
  table[data-kit-table="comparison"] > tbody > tr > :is(th, td),
  table[data-kit-table="comparison"] > tfoot > tr > :is(th, td) {
    display: table-cell;
    padding-inline: var(--_kit-inset-tight);
    text-align: start;
  }

}

@container (inline-size < 720px) {
  :is([data-kit-role="redline"] > table, table:not([data-kit-table="comparison"], :is([data-kit-region="rows"], [data-kit-region="breakdown-owning-records"], :is([data-kit-region="rows"], [data-kit-region="breakdown-owning-records"]) > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > table)) {
    display: block;
    inline-size: max-content;
    max-inline-size: 100%;
    overflow-x: auto;
    padding-inline-end: var(--_kit-overflow-fade-extent);
    --_kit-overflow-fade-blank: max(var(--_kit-inset-tight) + var(--_kit-inset-tight), var(--_kit-stack));
  }

  :is([data-kit-role="redline"] > table, table:not([data-kit-table="comparison"], :is([data-kit-region="rows"], [data-kit-region="breakdown-owning-records"], :is([data-kit-region="rows"], [data-kit-region="breakdown-owning-records"]) > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > table)) > :is(thead, tbody, tfoot) > tr > :is(th, td) {
    white-space: nowrap;
    overflow-wrap: normal;
  }

  :is([data-kit-role="redline"] > table, table:not([data-kit-table="comparison"], :is([data-kit-region="rows"], [data-kit-region="breakdown-owning-records"], :is([data-kit-region="rows"], [data-kit-region="breakdown-owning-records"]) > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > table)) > :is(thead, tbody, tfoot) > tr > :first-child {
    position: sticky;
    inset-inline-start: 0;
    z-index: 1;
    background: var(--_kit-panel-surface, var(--_kit-surface));
  }

  :is([data-kit-role="redline"] > table, table:not([data-kit-table="comparison"], :is([data-kit-region="rows"], [data-kit-region="breakdown-owning-records"], :is([data-kit-region="rows"], [data-kit-region="breakdown-owning-records"]) > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > table))::after {
    --_kit-overflow-fade-direction: to right;
    --_kit-overflow-fade-surface: var(--_kit-panel-surface, var(--_kit-surface));
    content: "";
    position: fixed;
    position-anchor: auto;
    inset-block-start: anchor(start);
    inset-block-end: anchor(end);
    inset-inline-end: anchor(end);
    inline-size: var(--_kit-overflow-fade-extent);
  }
}

@container (inline-size < 720px) {
  :is([data-kit-region="rows"], [data-kit-region="breakdown-owning-records"], :is([data-kit-region="rows"], [data-kit-region="breakdown-owning-records"]) > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > table > tbody > tr + tr {
    border-block-start: var(--_kit-rule) solid var(--_kit-muted);
  }
}

@container (inline-size < 720px) {
  :is([data-kit-region="rows"], [data-kit-region="breakdown-owning-records"], :is([data-kit-region="rows"], [data-kit-region="breakdown-owning-records"]) > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > table > [data-kit-region="total"],
  table[data-kit-table="comparison"] > [data-kit-region="total"] {
    border-block-start: var(--_kit-rule) solid var(--_kit-ink);
    font-weight: 700;
  }
}

[data-kit-layout="list"] > [data-kit-region="rows"] > [data-kit-region="column-headings"] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--_kit-stack);
  padding-inline: calc(var(--_kit-inset) + var(--_kit-rule));
  margin-block-end: calc(var(--_kit-stack) - var(--_kit-region));
  font-size: var(--_kit-label-size);
  font-weight: 700;
}

@container (inline-size < 720px) {
  [data-kit-layout="list"] > [data-kit-region="rows"] > [data-kit-region="column-headings"] {
    display: none;
  }
}

[data-kit-layout="list"] > [data-kit-region="columns-selection-actions"] {
  align-items: last baseline;
}

[data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"],
[data-kit-layout="reports"] > [data-kit-region="period-filters-schedule"] {
  align-items: first baseline;
}

[data-kit-layout="list"] > :is([data-kit-region="saved-views-filters-sort"], [data-kit-region="columns-selection-actions"]) {
  gap: var(--_kit-stack);
}

:is(
  [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"],
  [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"] > [data-kit-region="filters"],
  [data-kit-layout="reports"] > [data-kit-region="period-filters-schedule"],
  :is(
    [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"],
    [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"] > [data-kit-region="filters"],
    [data-kit-layout="reports"] > [data-kit-region="period-filters-schedule"]
  ) > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))
) > [data-kit-role="form-group"] {
  flex: 0 1 auto;
  inline-size: auto;
  max-inline-size: var(--_kit-focused-width);
}

[data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"] > [data-kit-region="filters"] {
  display: contents;
}

[data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"] > button[popovertarget] {
  display: none;
}

:is([data-kit-region="page-foot"], [data-kit-region="count-continuation"]) > nav,
:is([data-kit-region="page-foot"], [data-kit-region="count-continuation"]) > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > nav,
[data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"] > nav,
[data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > nav,
[data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"] > [data-kit-region="filters"] > nav,
[data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"] > [data-kit-region="filters"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > nav,
[data-kit-layout="list"] > [data-kit-region="columns-selection-actions"] > div:not([data-kit-region="columns"]),
[data-kit-layout="list"] > [data-kit-region="columns-selection-actions"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > div:not([data-kit-region="columns"]) {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--_kit-stack);
}

:is([data-kit-region="page-foot"], [data-kit-region="count-continuation"]) > p,
:is([data-kit-region="page-foot"], [data-kit-region="count-continuation"]) > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > p {
  margin-inline-end: var(--_kit-region);
}

@container (inline-size < 720px) {
  [data-kit-layout="list"] > [data-kit-region="columns-selection-actions"],
  [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"] > [data-kit-region="filters"]:popover-open,
  :is([data-kit-layout="calendar"] > [data-kit-region="toolbar"], [data-kit-layout="calendar"] > [data-kit-region="toolbar"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > [data-kit-region="scope"] > [data-kit-region="filters"]:popover-open {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: var(--_kit-stack);
  }

  [data-kit-layout="list"] > [data-kit-region="columns-selection-actions"] > [data-kit-region="columns"],
  [data-kit-layout="list"] > [data-kit-region="columns-selection-actions"]:not(:has(> :not([data-kit-region="columns"]))) {
    display: none;
  }

  [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"] {
    display: flex;
    flex-wrap: nowrap;
    gap: var(--_kit-stack);
  }

  [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"]:has(> [data-kit-role="form-group"], > [data-kit-region="filters"] > [data-kit-role="form-group"]) {
    gap: var(--_kit-stack);
  }

  [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"]:has(> [data-kit-role="form-group"]:first-child, > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])):first-child > [data-kit-role="form-group"]:first-child) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
  }

  [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"]:has(> [data-kit-role="form-group"]:first-child > :nth-child(3), > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])):first-child > [data-kit-role="form-group"]:first-child > :nth-child(3)) {
    grid-template-rows: auto auto auto;
  }

  [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"]:has(> [data-kit-role="form-group"]:first-child > :nth-child(4), > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])):first-child > [data-kit-role="form-group"]:first-child > :nth-child(4)) {
    grid-template-rows: auto auto auto auto;
  }

  :is(
    [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"],
    [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])):first-child
  ) > [data-kit-role="form-group"]:first-child {
    grid-row: 1 / -1;
    grid-template-rows: subgrid;
    align-self: stretch;
  }

  [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"]:has(> [data-kit-role="form-group"]:first-child, > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])):first-child > [data-kit-role="form-group"]:first-child) > button[popovertarget] {
    grid-column: 2;
    grid-row: 2;
    align-self: stretch;
  }

  [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"] > :first-child:not([data-kit-region="filters"], button[popovertarget]),
  [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])):first-child > :first-child {
    flex: 1 1 0;
    min-inline-size: 0;
  }

  :is(
    [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"],
    [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))
  ) > nav {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    margin: calc(-2 * var(--_kit-focus-edge));
    padding: calc(2 * var(--_kit-focus-edge));
    padding-inline-end: calc(2 * var(--_kit-focus-edge) + var(--_kit-overflow-fade-extent));
    scroll-padding-inline-end: var(--_kit-overflow-fade-extent);
    --_kit-overflow-fade-blank: calc(var(--_kit-inset-tight) + var(--_kit-stack) + var(--_kit-inset-tight));
  }

  :is(
    [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"],
    [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))
  ) > nav::after {
    --_kit-overflow-fade-direction: to right;
    --_kit-overflow-fade-surface: var(--_kit-surface);
    content: "";
    position-anchor: auto;
    inset-block-start: anchor(start);
    inset-block-end: anchor(end);
    inset-inline-end: anchor(end);
    inline-size: var(--_kit-overflow-fade-extent);
  }

  :is(
    [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"],
    [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))
  ) > nav > * {
    flex: none;
    white-space: nowrap;
  }

  [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"] > button[popovertarget] {
    display: inline-flex;
    flex: none;
    margin-inline-start: auto;
    align-self: last baseline;
  }

  [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"] > [data-kit-region="filters"],
  :is([data-kit-layout="calendar"] > [data-kit-region="toolbar"], [data-kit-layout="calendar"] > [data-kit-region="toolbar"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > [data-kit-region="scope"] > [data-kit-region="filters"] {
    display: none;
    position: fixed;
    inset-inline: 0;
    inset-block: auto env(safe-area-inset-bottom);
    inline-size: auto;
    block-size: fit-content;
    max-block-size: calc(100dvh - env(safe-area-inset-bottom));
    overflow-y: auto;
    margin: 0;
    padding: var(--_kit-inset);
    border: 0;
    border-block-start: var(--_kit-rule) solid var(--_kit-boundary);
    background: var(--_kit-panel-surface, var(--_kit-panel));
    color: var(--_kit-text-ink, var(--_kit-ink));
    opacity: 0;
    translate: 0 var(--_kit-rhythm);
    transition:
      opacity var(--_kit-leave) ease-out,
      translate var(--_kit-leave) ease-out,
      display var(--_kit-leave) ease-out allow-discrete,
      overlay var(--_kit-leave) ease-out allow-discrete;
  }

  [data-kit-layout="shell"]:has(> [data-kit-region="bottom-bar"]) :is(
    [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"] > [data-kit-region="filters"],
    :is([data-kit-layout="calendar"] > [data-kit-region="toolbar"], [data-kit-layout="calendar"] > [data-kit-region="toolbar"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > [data-kit-region="scope"] > [data-kit-region="filters"]
  ) {
    inset-block-end: calc(var(--_kit-bottom-bar-height) + env(safe-area-inset-bottom));
    max-block-size: calc(100dvh - var(--_kit-bottom-bar-height) - env(safe-area-inset-bottom));
  }

  [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"] > [data-kit-region="filters"]:popover-open,
  :is([data-kit-layout="calendar"] > [data-kit-region="toolbar"], [data-kit-layout="calendar"] > [data-kit-region="toolbar"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > [data-kit-region="scope"] > [data-kit-region="filters"]:popover-open {
    opacity: 1;
    translate: 0 0;
    transition-duration: var(--_kit-appear);
  }

  @starting-style {
    [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"] > [data-kit-region="filters"]:popover-open,
    :is([data-kit-layout="calendar"] > [data-kit-region="toolbar"], [data-kit-layout="calendar"] > [data-kit-region="toolbar"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > [data-kit-region="scope"] > [data-kit-region="filters"]:popover-open {
      opacity: 0;
      translate: 0 var(--_kit-rhythm);
    }
  }

  :is(
    [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"] > [data-kit-region="filters"],
    :where([data-kit-layout="shell"] > [data-kit-region="bottom-bar"] [data-kit-region="more"] > ul[popover]),
    [data-kit-layout="shell"] > [data-kit-region="account-menu"]
  )::backdrop,
  :is([data-kit-layout="calendar"] > [data-kit-region="toolbar"], [data-kit-layout="calendar"] > [data-kit-region="toolbar"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > [data-kit-region="scope"] > [data-kit-region="filters"]::backdrop {
    background: var(--_kit-backdrop);
    opacity: 0;
    transition:
      opacity var(--_kit-leave) ease-out,
      display var(--_kit-leave) ease-out allow-discrete,
      overlay var(--_kit-leave) ease-out allow-discrete;
  }

  :is(
    [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"] > [data-kit-region="filters"],
    :where([data-kit-layout="shell"] > [data-kit-region="bottom-bar"] [data-kit-region="more"] > ul[popover]),
    [data-kit-layout="shell"] > [data-kit-region="account-menu"]
  ):popover-open::backdrop,
  :is([data-kit-layout="calendar"] > [data-kit-region="toolbar"], [data-kit-layout="calendar"] > [data-kit-region="toolbar"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > [data-kit-region="scope"] > [data-kit-region="filters"]:popover-open::backdrop {
    opacity: 1;
    transition-duration: var(--_kit-appear);
  }

  @starting-style {
    :is(
      [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"] > [data-kit-region="filters"],
      :where([data-kit-layout="shell"] > [data-kit-region="bottom-bar"] [data-kit-region="more"] > ul[popover]),
      [data-kit-layout="shell"] > [data-kit-region="account-menu"]
    ):popover-open::backdrop,
    :is([data-kit-layout="calendar"] > [data-kit-region="toolbar"], [data-kit-layout="calendar"] > [data-kit-region="toolbar"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > [data-kit-region="scope"] > [data-kit-region="filters"]:popover-open::backdrop {
      opacity: 0;
    }
  }

  [data-kit-layout="list"] > [data-kit-region="columns-selection-actions"] > :is(nav, div, details, fieldset, [data-kit-role="form-group"]),
  [data-kit-layout="list"] > [data-kit-region="columns-selection-actions"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > :is(nav, div, details, fieldset, [data-kit-role="form-group"]),
  [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"] > [data-kit-region="filters"] > :is(nav, div, details, fieldset, [data-kit-role="form-group"]),
  [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"] > [data-kit-region="filters"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > :is(nav, div, details, fieldset, [data-kit-role="form-group"]),
  :is([data-kit-layout="calendar"] > [data-kit-region="toolbar"], [data-kit-layout="calendar"] > [data-kit-region="toolbar"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > [data-kit-region="scope"] > [data-kit-region="filters"] > :is(nav, div, details, fieldset, [data-kit-role="form-group"]) {
    min-inline-size: 0;
    inline-size: 100%;
    max-inline-size: none;
  }

  [data-kit-layout="list"] > [data-kit-region="columns-selection-actions"] > :not(nav, div, details, fieldset, [data-kit-role="form-group"], form),
  [data-kit-layout="list"] > [data-kit-region="columns-selection-actions"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > :not(nav, div, details, fieldset, [data-kit-role="form-group"], form),
  [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"] > [data-kit-region="filters"] > :not(nav, div, details, fieldset, [data-kit-role="form-group"], form),
  [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"] > [data-kit-region="filters"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > :not(nav, div, details, fieldset, [data-kit-role="form-group"], form),
  :is([data-kit-layout="calendar"] > [data-kit-region="toolbar"], [data-kit-layout="calendar"] > [data-kit-region="toolbar"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > [data-kit-region="scope"] > [data-kit-region="filters"] > :not(nav, div, details, fieldset, [data-kit-role="form-group"], form) {
    grid-column: 1 / -1;
  }

  [data-kit-layout="list"] > :is([data-kit-region="saved-views-filters-sort"], [data-kit-region="columns-selection-actions"]) [data-kit-role="form-group"] > :is(input, select, textarea),
  :is([data-kit-layout="calendar"] > [data-kit-region="toolbar"], [data-kit-layout="calendar"] > [data-kit-region="toolbar"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > [data-kit-region="scope"] > [data-kit-region="filters"] > [data-kit-role="form-group"] > :is(input, select, textarea) {
    inline-size: 100%;
  }

  [data-kit-layout="list"] [data-kit-role="empty"] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--_kit-stack);
  }
}

[data-kit-layout="settings"] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
  grid-template-rows: auto auto auto 1fr;
}

[data-kit-layout="settings"] > details[data-kit-role="disclosure"] {
  grid-column: 1;
  grid-row: 1 / -1;
  order: 1;
}

[data-kit-layout="settings"] > details[data-kit-role="disclosure"] > [data-kit-region="section-index"] {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: var(--_kit-stack);
}

[data-kit-layout="settings"] > [data-kit-region="selected-section"] {
  grid-column: 2;
  grid-row: 1;
  min-inline-size: 0;
  order: 2;
}

[data-kit-layout="settings"] > [data-kit-region="form-or-list"] {
  grid-column: 2;
  grid-row: 2;
  order: 3;
}

[data-kit-layout="settings"] > [data-kit-region="local-actions"] {
  grid-column: 2;
  grid-row: 3;
  order: 4;
}

[data-kit-layout="settings"]:not(:has(> [data-kit-region="form-or-list"] > *)) {
  grid-template-rows: auto auto 1fr;
}

[data-kit-layout="settings"]:not(:has(> [data-kit-region="form-or-list"] > *)) > [data-kit-region="local-actions"] {
  grid-row: 2;
  margin-block-start: 0;
}

@container (inline-size < 720px) {
  [data-kit-layout="settings"],
  [data-kit-layout="settings"]:not(:has(> [data-kit-region="form-or-list"] > *)) {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: none;
    gap: 0 var(--_kit-inset);
  }

  [data-kit-layout="settings"]:has(> [data-kit-region="selected-section"] > :is([data-kit-role="fact-group"], [data-kit-region="standing"]), > [data-kit-region="selected-section"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > :is([data-kit-role="fact-group"], [data-kit-region="standing"])) > details[data-kit-role="disclosure"] > summary {
    margin-block-start: calc(var(--_kit-inset) + var(--_kit-rule));
    margin-inline-end: calc(var(--_kit-inset) + var(--_kit-rule));
  }

  [data-kit-layout="settings"] > details[data-kit-role="disclosure"]::details-content {
    grid-column: 1 / -1;
    grid-row: 2;
    position: relative;
    order: 2;
    padding-block-start: var(--_kit-stack);
  }

  [data-kit-layout="settings"]:has(> [data-kit-region="selected-section"] > :is([data-kit-role="fact-group"], [data-kit-region="standing"]), > [data-kit-region="selected-section"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > :is([data-kit-role="fact-group"], [data-kit-region="standing"])) > details[data-kit-role="disclosure"]::details-content {
    padding-inline: calc(var(--_kit-inset) + var(--_kit-rule));
  }

  [data-kit-layout="settings"] > [data-kit-region="selected-section"] {
    display: grid;
    grid-column: 1 / -1;
    grid-row: 1 / 4;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
    align-items: start;
    row-gap: 0;
  }

  [data-kit-layout="settings"] > [data-kit-region="selected-section"] > *,
  [data-kit-layout="settings"] > [data-kit-region="selected-section"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > * {
    grid-column: 1 / -1;
    grid-row: 3;
    min-inline-size: 0;
    margin-block: var(--_kit-stack) 0;
  }

  [data-kit-layout="settings"] > [data-kit-region="selected-section"] > h2,
  [data-kit-layout="settings"] > [data-kit-region="selected-section"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > h2 {
    display: flex;
    grid-column: 1;
    grid-row: 1;
    align-items: center;
    min-block-size: var(--_kit-target);
    margin-block: 0;
    overflow-wrap: anywhere;
  }

  [data-kit-layout="settings"] > [data-kit-region="form-or-list"] {
    grid-column: 1 / -1;
    grid-row: auto;
    order: 3;
    margin-block-start: var(--_kit-region);
  }

  [data-kit-layout="settings"] > [data-kit-region="local-actions"],
  [data-kit-layout="settings"]:not(:has(> [data-kit-region="form-or-list"] > *)) > [data-kit-region="local-actions"] {
    grid-column: 1 / -1;
    grid-row: auto;
    order: 4;
    margin-block-start: var(--_kit-region);
  }
}

[data-kit-layout="settings"] [data-kit-region="form-or-list"] form > :is([data-kit-role="primary-action"], [data-kit-role="secondary-action"]) {
  justify-self: start;
}

[data-kit-layout="settings"] [data-kit-region="form-or-list"] {
  display: grid;
  gap: var(--_kit-region);

  > :is([data-kit-role="fact-group"], div, fieldset, form, table, nav, footer) {
    margin-block: 0;
  }
}

[data-kit-layout="settings"] [data-kit-region="form-or-list"] > form {
  max-inline-size: var(--_kit-focused-width);
}

:is(
  [data-kit-layout="list"],
  [data-kit-layout="record"]
) [data-kit-role="label-panel"]:has(> [data-kit-role="form-group"]),
[data-kit-layout="settings"] [data-kit-region="form-or-list"] form:has(> [data-kit-role="form-group"]) {
  inline-size: 100%;
  max-inline-size: var(--_kit-focused-width);
  margin-inline: 0 auto;
}

[data-kit-layout="settings"] [data-kit-region="local-actions"] {
  margin-block-start: var(--_kit-region);
}

[data-kit-layout="settings"] > details[data-kit-role="disclosure"] > [data-kit-region="section-index"] ul {
  display: grid;
  gap: var(--_kit-stack);
  padding: 0;
  margin: 0;
  list-style: none;
}

[data-kit-layout="settings"] > details[data-kit-role="disclosure"] > [data-kit-region="section-index"] li > ul {
  padding-inline-start: var(--_kit-stack);
  margin-block-start: var(--_kit-stack);
}

[data-kit-layout="form"] {
  inline-size: 100%;
  max-inline-size: var(--_kit-focused-width);
  margin-inline: 0;
}

[data-kit-layout="form"]:not([data-kit-layout] [data-kit-layout="form"]) {
  --_kit-page-inset: clamp(var(--_kit-inset), calc((100vw - var(--_kit-content-width)) / 2), var(--_kit-inset-wide));
  inline-size: calc(100% - 2 * var(--_kit-page-inset) - env(safe-area-inset-left) - env(safe-area-inset-right));
  margin-inline: auto;
}

[data-kit-layout="find"] {
  max-inline-size: var(--_kit-reading-width);
}

main > [data-kit-layout="find"] {
  margin-inline: auto;
}

:is([data-kit-region], [data-kit-layout="field-result"]) > form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region], :has(> [data-kit-role="form-group"]), :has(> label > [data-kit-role="selection-control"])),
[data-kit-layout="shell"] > [data-kit-region="header"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])),
[data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])),
[data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"] > [data-kit-region="filters"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])),
[data-kit-layout="list"] > [data-kit-region="columns-selection-actions"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])),
[data-kit-layout="reports"] > [data-kit-region="period-filters-schedule"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])),
[data-kit-layout="calendar"] > [data-kit-region="toolbar"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])),
[data-kit-layout="calendar"] > [data-kit-region="toolbar"] > [data-kit-region] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) {
  display: contents;
}

[data-kit-layout="form"] > [data-kit-region="form-groups"],
:is([data-kit-region], [data-kit-role="label-panel"]) form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region], :has(> label > [data-kit-role="selection-control"]), :is([data-kit-role="dialog"], [data-kit-role="keyboard-sheet"]) form, :where(:is([data-kit-region], [data-kit-layout="field-result"]) > form:not(:has(> [data-kit-role="form-group"])), :is([data-kit-layout="shell"] > [data-kit-region="header"], [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"], [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"] > [data-kit-region="filters"], [data-kit-layout="list"] > [data-kit-region="columns-selection-actions"], [data-kit-layout="reports"] > [data-kit-region="period-filters-schedule"], [data-kit-layout="calendar"] > [data-kit-region="toolbar"], [data-kit-layout="calendar"] > [data-kit-region="toolbar"] > [data-kit-region]) > form)) {
  display: grid;
  grid-auto-columns: minmax(0, auto);
  align-content: start;
  gap: var(--_kit-region);
}

:is([data-kit-layout="form"] > [data-kit-region="form-groups"], :is([data-kit-region], [data-kit-role="label-panel"]) form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region], :has(> label > [data-kit-role="selection-control"]), :is([data-kit-role="dialog"], [data-kit-role="keyboard-sheet"]) form, :where(:is([data-kit-region], [data-kit-layout="field-result"]) > form:not(:has(> [data-kit-role="form-group"])), :is([data-kit-layout="shell"] > [data-kit-region="header"], [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"], [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"] > [data-kit-region="filters"], [data-kit-layout="list"] > [data-kit-region="columns-selection-actions"], [data-kit-layout="reports"] > [data-kit-region="period-filters-schedule"], [data-kit-layout="calendar"] > [data-kit-region="toolbar"], [data-kit-layout="calendar"] > [data-kit-region="toolbar"] > [data-kit-region]) > form))) > :is([data-kit-role="fact-group"], div, fieldset, form, table, nav, footer) {
  margin-block: 0;
}

:is([data-kit-region], [data-kit-role="label-panel"]) form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region], :has(> label > [data-kit-role="selection-control"]), :is([data-kit-role="dialog"], [data-kit-role="keyboard-sheet"]) form, :where(:is([data-kit-region], [data-kit-layout="field-result"]) > form:not(:has(> [data-kit-role="form-group"])), :is([data-kit-layout="shell"] > [data-kit-region="header"], [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"], [data-kit-layout="list"] > [data-kit-region="saved-views-filters-sort"] > [data-kit-region="filters"], [data-kit-layout="list"] > [data-kit-region="columns-selection-actions"], [data-kit-layout="reports"] > [data-kit-region="period-filters-schedule"], [data-kit-layout="calendar"] > [data-kit-region="toolbar"], [data-kit-layout="calendar"] > [data-kit-region="toolbar"] > [data-kit-region]) > form)) > :is(button, a, [data-kit-role="primary-action"], [data-kit-role="secondary-action"], [data-kit-role="emphasised-next-action"]) {
  justify-self: start;
}

[data-kit-layout="reports"] > [data-kit-region="measure-prior"] [data-kit-role="labelled-fact"] > [data-kit-region="value"] > [data-kit-role="amount"] {
  font-size: var(--_kit-measure-size);
}

[data-kit-layout="reports"] > [data-kit-region="measure-prior"] {
  flex: 1 1 calc((100% - var(--_kit-inset-wide)) / 2);
  min-inline-size: min(100%, calc(var(--_kit-focused-width) / 2));
}

[data-kit-layout="reports"] > [data-kit-region="measure-prior"] > [data-kit-role="label-panel"] {
  block-size: 100%;
}

@container (inline-size < 720px) {
  fieldset:has(> [data-kit-role="form-group"]) {
    grid-template-columns: 1fr;
  }

  :is(
    [data-kit-layout="reports"] > [data-kit-region="period-filters-schedule"],
    [data-kit-layout="reports"] > [data-kit-region="period-filters-schedule"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))
  ) > :is([data-kit-role="form-group"], details) {
    flex: 1 1 100%;
    inline-size: 100%;
    min-inline-size: 0;
  }
}

[data-kit-layout="shell"]:has(> main > [data-kit-layout="field-result"]) {
  min-block-size: 100dvh;

  &:not(:has(> [data-kit-region="rail"])) {
    display: flex;
    flex-direction: column;
  }

  > main {
    display: flex;
    flex: 1;
  }

  > [data-kit-region="body"] {
    align-self: stretch;
    padding-block: var(--_kit-region);
  }
}

@container (inline-size < 720px) {
  [data-kit-layout="shell"]:has(> [data-kit-region="bottom-bar"]):has(> main > [data-kit-layout="field-result"]) > [data-kit-region="body"] {
    padding-block-end: calc(var(--_kit-bottom-bar-height) + env(safe-area-inset-bottom));
  }
}

[data-kit-layout="field-result"] {
  display: flex;
  flex: 1;
  flex-direction: column;
  text-align: center;

  > div,
  > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > div {
    inline-size: 100%;
    max-inline-size: var(--_kit-focused-width);
    margin: auto;
    overflow-wrap: anywhere;
  }
}

@container (inline-size < 720px) {
  [data-kit-region="submit-return"],
  [data-kit-region="back-continue-or-commit"],
  [data-kit-role="agreement"] > [data-kit-region="action"],
  :is([data-kit-layout="list"] > [data-kit-region="columns-selection-actions"], [data-kit-layout="list"] > [data-kit-region="columns-selection-actions"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > div:not([data-kit-region="columns"]) {
    flex-direction: column;
    align-items: start;
  }

  :is([data-kit-layout="list"] > [data-kit-region="columns-selection-actions"], [data-kit-layout="list"] > [data-kit-region="columns-selection-actions"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > div:not([data-kit-region="columns"]) {
    grid-column: 1 / -1;
  }

  :is(
    [data-kit-region="submit-return"],
    [data-kit-region="back-continue-or-commit"],
    [data-kit-role="agreement"] > [data-kit-region="action"],
    :is([data-kit-region="submit-return"], [data-kit-region="back-continue-or-commit"], [data-kit-role="agreement"] > [data-kit-region="action"]) > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])),
    :is([data-kit-layout="list"] > [data-kit-region="columns-selection-actions"], [data-kit-layout="list"] > [data-kit-region="columns-selection-actions"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > div:not([data-kit-region="columns"])
  ) > :is([data-kit-role="primary-action"], [data-kit-role="secondary-action"], [data-kit-role="emphasised-next-action"]) {
    inline-size: 100%;
    max-inline-size: none;
  }

  :is(
    [data-kit-region="submit-return"],
    [data-kit-region="back-continue-or-commit"],
    [data-kit-role="agreement"] > [data-kit-region="action"],
    :is([data-kit-region="submit-return"], [data-kit-region="back-continue-or-commit"], [data-kit-role="agreement"] > [data-kit-region="action"]) > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])),
    :is([data-kit-layout="list"] > [data-kit-region="columns-selection-actions"], [data-kit-layout="list"] > [data-kit-region="columns-selection-actions"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > div:not([data-kit-region="columns"])
  ) > [data-kit-role="primary-action"] {
    order: -1;
  }
}

@media (any-pointer: coarse) {
  [data-kit-density] {
    --_kit-target: var(--_kit-touch-target);
  }
}

@media (width < 720px) {
  [data-kit-density] {
    --_kit-target: var(--_kit-touch-target);
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --_kit-appear: 0s;
    --_kit-leave: 0s;
  }

  :is([data-kit-role="primary-action"], [data-kit-role="secondary-action"], [data-kit-role="emphasised-next-action"]) {
    transition: none;
    transform: none;
  }
}

@page {
  margin: var(--_kit-print-margin);
  font-family: Inter, sans-serif;
  font-size: var(--_kit-body-size);
  color: var(--_kit-muted);

  @top-left {
    content: var(--_kit-print-identity);
    height: var(--_kit-running-head);
    vertical-align: middle;
    text-align: left;
    border-bottom: var(--_kit-rule) solid var(--_kit-muted);
    white-space: nowrap;
  }

  @top-right {
    content: var(--_kit-print-subject);
    height: var(--_kit-running-head);
    vertical-align: middle;
    text-align: right;
    border-bottom: var(--_kit-rule) solid var(--_kit-muted);
    white-space: nowrap;
  }

  @bottom-left {
    content: var(--_kit-print-standing);
    height: var(--_kit-running-foot);
    vertical-align: middle;
    text-align: left;
    border-top: var(--_kit-rule) solid var(--_kit-muted);
    white-space: nowrap;
  }

  @bottom-right {
    content: counter(page) " of " counter(pages);
    height: var(--_kit-running-foot);
    vertical-align: middle;
    text-align: right;
    border-top: var(--_kit-rule) solid var(--_kit-muted);
    white-space: nowrap;
  }
}

@media print {
  [data-kit-role="redline"] :is([data-kit-region="previous"], [data-kit-region="next"]) {
    display: none;
  }

  [data-kit-role="image-overlay"]:is([data-kit-state~="open"], :target) {
    position: static;
    background: none;
    padding: 0;
  }

  [data-kit-role="image-overlay"] > div[data-kit-region="ground"] {
    display: none;
  }

  [data-kit-role="image-overlay"] > [data-kit-region="box"] > [data-kit-region="image"] {
    overflow: visible;
  }

  [data-kit-role="image-overlay"] > [data-kit-region="box"] {
    display: block;
    block-size: auto;
    max-block-size: none;
    padding: 0;
    break-inside: avoid;
  }

  body {
    background: var(--_kit-panel);
  }

  nav, [data-kit-region="saved-views"], [data-kit-role="identity-strip"], [data-kit-layout] > [data-kit-region="header"], [data-kit-role="row"] > [data-kit-region="selection"], [data-kit-region="selection-actions"] {
    display: none !important;
  }

  [data-kit-layout="shell"] > [data-kit-region="body"] {
    inline-size: 100% !important;
    max-inline-size: var(--_kit-reading-width) !important;
    margin-inline: 0 !important;
    padding-block: var(--_kit-region);
  }

  :is([data-kit-layout="home"], [data-kit-layout="record"], [data-kit-layout="stepped-flow"], [data-kit-layout="settings"], [data-kit-layout="reports"], [data-kit-layout="list"], [data-kit-layout="form"], [data-kit-layout="find"], [data-kit-layout="help"]) {
    display: block;

    > * + * {
      margin-block-start: var(--_kit-region);
    }
  }

  [data-kit-layout="shell"]:has(> main > [data-kit-layout="field-result"]) {
    display: block;
    min-block-size: 0;
  }

  [data-kit-layout="field-result"] > div,
  [data-kit-layout="field-result"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > div {
    margin: 0;
  }

  table {
    min-inline-size: 0 !important;
  }

  thead {
    display: table-header-group;
  }

  tr, dl > div, [data-kit-role="form-group"], [data-kit-role="row"], [data-kit-role="field-result"], [data-kit-role="label-panel"] {
    break-inside: avoid;
  }

  h1, h2, h3, h4, h5, h6, label {
    break-after: avoid;
  }

  [data-kit-layout="shell"] {
    max-inline-size: none !important;
    margin-inline: 0;
    padding: 0;
  }

  [data-kit-layout="shell"]:has(> [data-kit-region="rail"], > [data-kit-region="bottom-bar"]) {
    display: block;
    min-block-size: 0;
  }

  [data-kit-layout="shell"]:has(> [data-kit-region="rail"], > [data-kit-region="bottom-bar"]) > :not([data-kit-region="rail"], [data-kit-region="bottom-bar"]) {
    inline-size: 100%;
    max-inline-size: none;
  }

  [data-kit-layout="shell"] > :is([data-kit-region="rail"], [data-kit-region="bottom-bar"]),
  [data-kit-layout="shell"] nav,
  :is(
    [data-kit-layout="shell"] > [data-kit-region="header"],
    [data-kit-layout="shell"] > [data-kit-region="header"] > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))
  ) > [data-kit-region="actions"] {
    display: none;
  }

  [data-kit-layout="help"] > article {
    flex-basis: 100%;
    max-inline-size: none;
  }

  [data-kit-role="identity-strip"] {
    background: var(--_kit-panel);
    color: var(--_kit-ink);
  }

  h1, h2, h3 {
    break-after: avoid;
  }
}

[hidden] {
  display: none !important;
}