/* app/assets/text-with-trailing.css?v=0c8813549ff40594 */
.text-with-trailing {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-0-5);
  max-inline-size: 100%;
  vertical-align: top;
}
.text-with-trailing__text {
  min-inline-size: 0;
  overflow-wrap: anywhere;
}
.text-with-trailing__text[data-trim-closing] {
  margin-inline-end: -0.5em;
}

/* app/assets/drawer-frame.css?v=4ea260f7ffa1b94c */
.side-drawer {
  --drawer-body-padding:var(--spacing-1-5);
  box-sizing: border-box;
  position: fixed;
  inset: 0 0 0 auto;
  margin: 0;
  inline-size: min(var(--drawer-inline-size,760px), 100vw);
  max-inline-size: none;
  block-size: 100dvh;
  max-block-size: none;
  border: 0;
  border-inline-start: 1px solid var(--color-border-default);
  border-radius: 0;
  padding: 0;
  overflow: hidden;
  background: var(--color-background-surface);
  color: var(--color-text-primary);
  box-shadow: var(--shadow-layer4);
}
.side-drawer[open] {
  display: flex;
  flex-direction: column;
  animation: side-drawer-enter .2s ease-out both;
}
.side-drawer[open][data-closing=true] {
  animation: side-drawer-exit .2s ease-in both;
}
.side-drawer::backdrop {
  background: var(--color-semantic-overlay);
}
.side-drawer__header,
.side-drawer__footer {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: var(--spacing-0-5);
  flex: none;
}
.side-drawer__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  padding-inline: var(--spacing-1-5);
  border-block-end: 1px solid var(--color-border-default);
}
.side-drawer__header-main {
  display: flex;
  align-items: center;
  gap: var(--spacing-0-5);
  min-inline-size: 0;
}
:is(.side-drawer__header, .side-drawer__header-main) > h2 {
  margin: 0;
  min-inline-size: 0;
  padding-block: var(--spacing-1-5);
  font-size: var(--font-size-l);
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.side-drawer__header-main > h2:focus {
  outline: none;
}
.side-drawer__body {
  padding: var(--drawer-body-padding);
  overflow: auto;
  flex: 1;
  min-block-size: 0;
  min-inline-size: 0;
  overflow-wrap: anywhere;
}
.side-drawer__footer {
  justify-content: flex-end;
  padding: var(--spacing-1) var(--spacing-1-5);
  border-block-start: 1px solid var(--color-border-default);
}
@keyframes side-drawer-enter {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes side-drawer-exit {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}

/* app/assets/station-groups-react.css?v=a4ace61698ba07f4 */
.sg-page {
  display: grid;
  gap: var(--spacing-1-5);
  inline-size: 100%;
  max-inline-size: 1120px;
  min-inline-size: 0;
  margin-inline: auto;
  padding-bottom: 104px;
}
.sg-page.form-layout {
  row-gap: var(--form-row-gap);
}
.sg-page h2,
.sg-page h3,
.sg-page h4,
.sg-page p {
  margin: 0;
}
.sg-page-heading {
  display: grid;
  gap: var(--spacing-0-25);
}
.sg-page-heading h1 {
  margin: 0;
  font-size: var(--font-size-l,20px);
  line-height: 1.5;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.sg-page-heading h1 > span {
  font-weight: inherit;
}
.form-layout .sg-target > legend {
  margin-bottom: var(--form-label-help-gap);
  line-height: var(--form-label-line);
}
.sg-target > .sg-description {
  margin: 0 0 var(--spacing-1);
}
.sg-target > .response-message {
  margin-block-start: var(--spacing-0-5);
}
.sg-name {
  display: flex;
  align-items: end;
  gap: var(--spacing-1-5);
}
.sg-name > :first-child {
  inline-size: min(480px, 100%);
}
.sg-target {
  min-inline-size: 0;
  border: 0;
  padding: 0;
  margin: 0;
}
.sg-target > legend {
  padding: 0;
  font-weight: 600;
}
.sg-editor {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: var(--spacing-1-5);
  align-items: start;
  min-inline-size: 0;
}
.sg-editor-main {
  display: grid;
  gap: var(--form-row-gap,var(--spacing-1-5));
  min-inline-size: 0;
}
.sg-editor--named > .sg-selected {
  margin-block-start: calc(var(--form-label-line,24px) + var(--form-field-gap,var(--spacing-0-5)));
}
.sg-search,
.sg-toolbar {
  display: flex;
  align-items: center;
  gap: var(--spacing-0-5);
  flex-wrap: wrap;
}
.sg-search > .list-search-input {
  inline-size: 320px;
  max-inline-size: 100%;
}
.sg-toolbar {
  justify-content: space-between;
  min-block-size: 42px;
}
.sg-result-count {
  white-space: nowrap;
  flex: none;
  margin-inline-start: auto;
}
.sg-regions {
  margin-top: var(--spacing-0-75);
  max-block-size: 568px;
  overflow: auto;
  scrollbar-gutter: stable;
}
.sg-regions[data-empty] {
  display: flex;
  flex-direction: column;
}
.sg-regions > .sg-empty {
  inline-size: 100%;
  background: transparent;
}
.sg-target .sg-region {
  border-block-end: 1px solid var(--color-border-default);
}
.sg-target .sg-area {
  padding-block: var(--spacing-0-25);
}
.sg-target .m2-scope-node.sg-branch-row {
  position: relative;
  padding-inline-end: 48px;
}
.sg-target .m2-scope-range-name {
  pointer-events: none;
}
.sg-target .m2-scope-range-actions {
  position: relative;
  z-index: 1;
}
.sg-target .m2-scope-node.sg-branch-row > .sg-branch-toggle {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  justify-content: flex-end;
  padding-inline-end: var(--spacing-0-5);
  border-radius: 0;
  background: transparent;
}
.sg-target .m2-scope-node:hover,
.sg-stations > .choice:hover {
  background: var(--color-background-hover);
}
.sg-stations {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  padding-block: var(--spacing-0-5);
  padding-inline-end: var(--spacing-0-5);
  row-gap: var(--spacing-1);
}
.sg-stations > .choice {
  min-inline-size: 0;
  align-items: center;
}
.sg-stations > .choice span {
  overflow-wrap: anywhere;
}
.sg-selected {
  min-inline-size: 0;
  padding-left: var(--spacing-1-5);
  border-left: 1px solid var(--color-border-default);
}
.sg-editor .sg-selected h3,
.sg-editor .sg-selected h4 {
  font-size: var(--font-size-m);
  line-height: var(--leading-normal);
  font-weight: 600;
}
.sg-editor .sg-selected h4 {
  margin: var(--spacing-1) 0 var(--spacing-0-25);
}
.sg-count {
  margin-left: var(--spacing-0-25);
  font-weight: 400;
}
.sg-selected-list {
  max-block-size: 568px;
  overflow: auto;
  padding-right: var(--spacing-0-5);
}
.sg-selected-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-0-5);
  min-block-size: 38px;
}
.sg-selected-row > span {
  overflow-wrap: anywhere;
}
.sg-selected-row .button {
  flex: none;
}
.sg-error {
  color: var(--color-text-danger);
}
.sg-editor.sg-inline {
  grid-template-columns: minmax(0, 1fr);
}
.sg-inline .sg-name > :first-child {
  inline-size: 100%;
}
.sg-inline > .sg-selected {
  margin-block-start: 0;
  border-left: 0;
  padding-left: 0;
}
.sg-inline .sg-selected-list {
  max-block-size: 220px;
}
@media (max-width: 1000px) {
  .sg-editor {
    grid-template-columns: minmax(0, 1fr);
  }
  .sg-editor > .sg-selected {
    margin-block-start: 0;
    padding-left: 0;
    border-left: 0;
    border-block-start: 1px solid var(--color-border-default);
  }
  .sg-page .sg-editor > .sg-selected {
    position: static;
  }
}
@media (min-width: 1001px) and (min-height: 760px) {
  .sg-page.form-layout {
    block-size: calc(100dvh - var(--integrated-header-height,64px) - 20px - var(--sg-footer-height,74px) - var(--spacing-1));
    min-block-size: 0;
    padding-block-end: 0;
    grid-template-rows: auto minmax(0, 1fr);
  }
  .sg-page .sg-editor {
    min-block-size: 0;
    align-items: stretch;
  }
  .sg-page .sg-editor-main {
    min-block-size: 0;
    grid-template-rows: auto minmax(0, 1fr);
  }
  .sg-page .sg-target {
    display: flex;
    flex-direction: column;
    min-block-size: 0;
  }
  .sg-page .sg-picker {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-block-size: 0;
  }
  .sg-page .sg-regions {
    flex: 1;
    min-block-size: 0;
    max-block-size: none;
  }
  .sg-page .sg-regions > .sg-empty {
    flex: 1;
    min-block-size: 0;
  }
  .sg-page .sg-editor > .sg-selected {
    position: static;
    display: flex;
    flex-direction: column;
    min-block-size: 0;
  }
  .sg-page .sg-selected-list {
    flex: 1;
    min-block-size: 0;
    max-block-size: none;
  }
}

/* app/assets/vendor/zappy-foundation.css?v=090b028a24077fdf */
:root {
  --color-palette-teal-100: rgb(37 76 74);
  --color-palette-ecru-50: rgb(250 248 242);
  --color-palette-ecru-100: rgb(243 240 232);
  --color-palette-ecru-150: rgb(238 233 223);
  --color-palette-ecru-200: rgb(228 222 209);
  --color-palette-ecru-300: rgb(133 122 105);
  --color-palette-grey-30: rgb(193 189 183);
  --color-palette-grey-65: rgb(98 93 83);
  --color-palette-grey-100: rgb(35 34 30);
  --color-palette-red-100: rgb(166 61 70);
  --color-palette-yellow-100: rgb(228 197 104);
  --color-palette-white: rgb(255 255 255);
  --color-palette-transparency-15: rgb(3 3 2 / 0.15);
  --color-palette-main-hover: rgb(32 65 63);
  --color-palette-danger-hover: rgb(142 52 60);
  --color-palette-categorical-1: rgb(74 144 139);
  --color-palette-categorical-2: rgb(163 126 41);
  --color-palette-categorical-3: rgb(182 98 49);
  --color-palette-categorical-4: rgb(185 75 84);
  --color-palette-categorical-5: rgb(75 120 174);
  --color-palette-categorical-6: rgb(147 108 179);
  --color-palette-categorical-7: rgb(67 143 168);
  --color-palette-categorical-8: rgb(100 135 70);
  --color-palette-categorical-9: rgb(178 102 146);
  --color-palette-categorical-10: rgb(46 111 98);
  --color-semantic-main: var(--color-palette-teal-100);
  --color-semantic-head: var(--color-palette-ecru-200);
  --color-semantic-surface: var(--color-palette-ecru-50);
  --color-semantic-danger: var(--color-palette-red-100);
  --color-semantic-warning-yellow: var(--color-palette-yellow-100);
  --color-semantic-over-background: var(--color-palette-ecru-150);
  --color-semantic-overlay: var(--color-palette-transparency-15);
  --color-semantic-chart-color-1: var(--color-palette-categorical-1);
  --color-semantic-chart-color-2: var(--color-palette-categorical-2);
  --color-semantic-chart-color-3: var(--color-palette-categorical-3);
  --color-semantic-chart-color-4: var(--color-palette-categorical-4);
  --color-semantic-chart-color-5: var(--color-palette-categorical-5);
  --color-semantic-chart-color-6: var(--color-palette-categorical-6);
  --color-semantic-chart-color-7: var(--color-palette-categorical-7);
  --color-semantic-chart-color-8: var(--color-palette-categorical-8);
  --color-semantic-chart-color-9: var(--color-palette-categorical-9);
  --color-semantic-chart-color-10: var(--color-palette-categorical-10);
  --color-background-canvas: var(--color-palette-ecru-100);
  --color-background-surface: var(--color-palette-ecru-50);
  --color-background-subtle: var(--color-palette-ecru-150);
  --color-semantic-background: var(--color-palette-ecru-100);
  --color-background-disabled: var(--color-semantic-background);
  --typography-body-default: 400 var(--font-size-m)/1.5 "Noto Sans JP";
  --typography-body-small: 400 var(--font-size-s)/1.5 "Noto Sans JP";
  --typography-label-default: 400 var(--font-size-s)/1 "Noto Sans JP";
  --typography-label-small: 400 var(--font-size-xs)/1 "Noto Sans JP";
  --color-background-selected: var(--color-semantic-over-background);
  --color-background-hover: var(--color-palette-ecru-150);
  --color-background-overlay: rgb(3 3 2 / .5);
  --color-text-primary: var(--color-palette-grey-100);
  --color-text-secondary: var(--color-palette-grey-65);
  --color-text-inverse: var(--color-palette-white);
  --color-text-link: var(--color-palette-teal-100);
  --color-text-danger: var(--color-palette-red-100);
  --color-text-warning: var(--color-text-primary);
  --color-text-disabled: var(--color-palette-grey-30);
  --color-icon-default: var(--color-palette-grey-65);
  --color-icon-active: var(--color-semantic-main);
  --color-icon-danger: var(--color-semantic-danger);
  --color-border-default: var(--color-palette-ecru-300);
  --color-border-strong: var(--color-palette-grey-65);
  --color-border-focus: var(--color-palette-teal-100);
  --color-border-danger: var(--color-semantic-danger);
  --color-action-primary: var(--color-palette-teal-100);
  --color-action-primary-hover: var(--color-palette-main-hover);
  --color-action-disabled: var(--color-palette-ecru-200);
  --color-action-danger: var(--color-palette-red-100);
  --color-action-danger-hover: var(--color-palette-danger-hover);
  --spacing-0: 0;
  --spacing-0-25: 4px;
  --spacing-0-5: 8px;
  --spacing-0-75: 12px;
  --spacing-1: 16px;
  --spacing-1-25: 20px;
  --spacing-1-5: 24px;
  --spacing-2: 32px;
  --spacing-2-5: 40px;
  --spacing-3: 48px;
  --radius-s: 4px;
  --radius-m: 6px;
  --radius-l: 8px;
  --radius-full: 10000px;
  --font-size-xs: 12px;
  --font-size-xxs: 10.67px;
  --leading-none: 1;
  --leading-tight: 1.25;
  --leading-normal: 1.5;
  --leading-loose: 1.75;
  --width-col3: 424px;
  --color-semantic-text-black: var(--color-palette-grey-100);
  --color-semantic-text-white: var(--color-palette-white);
  --color-semantic-text-disabled: var(--color-palette-grey-30);
  --font-size-s: 13.71px;
  --font-size-m: 16px;
  --font-size-l: 19.2px;
  --font-size-xl: 24px;
  --font-size-xxl: 32px;
  --shadow-layer1: 0 1px 2px rgb(0 0 0 / .08);
  --shadow-layer2: 0 2px 4px 1px rgb(30 50 80 / .1);
  --shadow-layer3: 0 4px 8px 2px rgb(30 50 80 / .1);
  --shadow-layer4: 0 8px 16px 4px rgb(30 50 80 / .1);
  --zIndex-fixed-menu: 100;
  --zIndex-overlap: 10500;
  --zds-focus-outline: 2px solid var(--color-border-focus);
  --zds-focus-outer-offset: 2px;
  --zds-focus-outer-shadow: 0 0 0 2px var(--color-background-surface);
  --zds-focus-inner-offset: -2px;
  --zds-focus-bordered-shadow: inset 0 0 0 3px var(--color-background-surface);
  --zds-focus-inner-shadow: inset 0 0 0 4px var(--color-background-surface);
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./files/noto-sans-jp-japanese-400-normal-XXYCTPU7.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("./files/noto-sans-jp-japanese-600-normal-VO2MJWYM.woff2") format("woff2");
}
* {
  box-sizing: border-box;
}
html {
  color: var(--color-text-primary);
  background: var(--color-background-canvas);
  font-family:
    "Noto Sans JP",
    "Yu Gothic UI",
    sans-serif;
}
body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
}
button,
input,
select,
textarea {
  font: inherit;
}
button {
  color: inherit;
}
[hidden] {
  display: none !important;
}
.form-control {
  display: grid;
  gap: var(--spacing-0-5);
  min-inline-size: 0;
}
.form-control > label {
  font-weight: 600;
}
.form-control__help {
  font-size: var(--font-size-s);
  color: var(--color-text-secondary);
}
.form-control__error {
  font-size: var(--font-size-s);
  color: var(--color-text-danger);
}
.required-label {
  margin-inline-start: var(--spacing-0-5);
  font-size: var(--font-size-s);
  color: var(--color-text-danger);
}
.input {
  box-sizing: border-box;
  min-inline-size: 0;
  max-inline-size: 100%;
  padding: var(--spacing-0-5);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-m);
  background: var(--color-semantic-surface);
  color: var(--color-text-primary);
  min-block-size: var(--spacing-2-5);
}
.input[aria-invalid=true] {
  border-color: var(--color-border-danger);
}
textarea.input {
  min-block-size: 96px;
  resize: vertical;
}
.select-field {
  display: inline-grid;
  position: relative;
  min-inline-size: 0;
  max-inline-size: 100%;
  vertical-align: middle;
}
.select-field > .select {
  inline-size: 100%;
}
.select-field:not([data-list]) > .select {
  appearance: none;
  padding-inline-end: var(--spacing-2-5);
  text-overflow: ellipsis;
}
.select-field__icon {
  position: absolute;
  inset-inline-end: var(--spacing-0-75);
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: var(--color-text-secondary);
}
.select-field[data-display-label] > .select {
  color: transparent;
}
.select-field[data-display-label] > .select option {
  color: var(--color-text-primary);
}
.select-field__label {
  position: absolute;
  inset-inline: var(--spacing-0-5) var(--spacing-2-5);
  top: 50%;
  transform: translateY(-50%);
  min-inline-size: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  color: var(--color-text-primary);
}
.status-label {
  display: inline-block;
  padding: var(--spacing-0-25) var(--spacing-0-5);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-s);
  background: var(--color-semantic-surface);
  font-size: var(--font-size-s);
  line-height: var(--leading-tight);
}
.status-label[data-tone=success] {
  border-color: var(--color-semantic-main);
  color: var(--color-semantic-main);
}
.status-label[data-tone=danger] {
  border-color: var(--color-semantic-danger);
  color: var(--color-semantic-danger);
}
.status-label[data-tone=warning] {
  background: var(--color-semantic-warning-yellow);
}
.information-panel {
  padding: var(--spacing-1);
  background: var(--color-semantic-over-background);
  border-radius: var(--radius-l);
  box-shadow: var(--shadow-layer2);
  display: grid;
  gap: var(--spacing-1);
  min-inline-size: 0;
  overflow-wrap: anywhere;
}
.information-panel__title {
  display: flex;
  align-items: center;
  gap: var(--spacing-0-5);
  font-weight: 600;
}
.information-panel__icon {
  flex: none;
}
.information-panel[data-tone=info] .information-panel__icon {
  color: var(--color-semantic-main);
}
.information-panel[data-tone=warning] .information-panel__icon {
  color: var(--color-semantic-warning-yellow);
  filter: drop-shadow(0 0 0.5px var(--color-text-primary));
}
.information-panel[data-tone=danger] .information-panel__icon {
  color: var(--color-semantic-danger);
}
.information-panel p {
  margin: 0;
}
.text-link {
  display: inline;
  inline-size: fit-content;
  max-inline-size: 100%;
  min-inline-size: 0;
  color: var(--color-text-link);
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  text-decoration: none;
  box-shadow: 0 1px 0 0;
  overflow-wrap: anywhere;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  --zds-focus-decoration: 0 1px 0 0 currentColor;
}
.text-link:not([href]) {
  box-shadow: none;
}
.text-link__prefix {
  margin-inline-end: var(--spacing-0-25);
  vertical-align: middle;
}
.text-link__suffix {
  margin-inline-start: var(--spacing-0-25);
  vertical-align: middle;
}
.text-link:hover {
  color: var(--color-action-primary-hover);
}
.upward-link {
  line-height: 1;
}
.upward-link[data-indent=true] {
  transform: translateX(calc(-1 * var(--spacing-1-25)));
}
@media (width >= 752px) {
  .upward-link:not([data-indent]) {
    transform: translateX(calc(-1 * var(--spacing-1-25)));
  }
}
@media (forced-colors: active) {
  .text-link[href] {
    text-decoration: underline;
  }
}
:is(.focus-outer, .text-link, .button, .side-nav__link, .side-menu__item):focus-visible {
  isolation: isolate;
  outline: var(--zds-focus-outline);
  outline-offset: var(--zds-focus-outer-offset);
  box-shadow: var(--zds-focus-decoration, 0 0 transparent), var(--zds-focus-outer-shadow);
}
:is(.focus-inner, input, select, textarea):focus-visible {
  isolation: isolate;
  outline: var(--zds-focus-outline);
  outline-offset: var(--zds-focus-inner-offset);
  box-shadow: var(--zds-focus-inner-shadow);
}
.button {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-0-5);
  min-block-size: calc(1em + var(--spacing-1-5) + 2px);
  max-inline-size: 100%;
  padding: var(--spacing-0-75) var(--spacing-1);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-m);
  background: var(--color-semantic-surface);
  color: var(--color-text-primary);
  font: inherit;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  overflow-wrap: anywhere;
  cursor: pointer;
}
.button svg {
  flex: none;
  display: block;
}
.button__body {
  min-inline-size: 0;
}
.button:is(:hover, :focus-visible) {
  background: var(--color-background-hover);
}
.button[data-variant=primary] {
  color: var(--color-text-inverse);
  border-color: var(--color-action-primary);
  background: var(--color-action-primary);
}
.button[data-variant=primary]:is(:hover, :focus-visible) {
  border-color: var(--color-action-primary-hover);
  background: var(--color-action-primary-hover);
}
.button[data-variant=danger] {
  color: var(--color-text-inverse);
  border-color: var(--color-action-danger);
  background: var(--color-action-danger);
}
.button[data-variant=danger]:is(:hover, :focus-visible) {
  border-color: var(--color-action-danger-hover);
  background: var(--color-action-danger-hover);
}
.button[data-variant=text],
.button[data-variant=tertiary] {
  border-color: transparent;
  background: transparent;
}
.button[data-variant=tertiary] {
  color: var(--color-text-link);
  font-weight: 400;
}
.button[data-variant=text]:is(:hover, :focus-visible),
.button[data-variant=tertiary]:is(:hover, :focus-visible) {
  background: var(--color-background-hover);
}
.button[data-variant=skeleton] {
  border-color: var(--color-text-inverse);
  color: var(--color-text-inverse);
  background: transparent;
}
.button[data-variant=skeleton]:is(:hover, :focus-visible) {
  background: var(--color-semantic-overlay);
}
.button[data-size=S] {
  min-block-size: calc(1em + var(--spacing-1) + 2px);
  padding: var(--spacing-0-5);
  font-size: var(--font-size-s);
}
.button[data-icon-only] {
  inline-size: 42px;
  padding-inline: var(--spacing-0-5);
}
.button[data-icon-only][data-size=S] {
  padding-inline: var(--spacing-0-5);
}
.button[data-wide] {
  inline-size: 100%;
}
.button:is(:disabled, [aria-disabled=true], .anchor-button:not([href])) {
  color: var(--color-text-disabled);
  border-color: var(--color-border-default);
  background: var(--color-action-disabled);
  background-clip: padding-box;
  cursor: not-allowed;
}
.button:is(:disabled, [aria-disabled=true], .anchor-button:not([href]))[data-variant=primary] {
  color: color-mix(in srgb, var(--color-text-inverse) 50%, transparent);
  border-color: color-mix(in srgb, var(--color-action-primary) 50%, transparent);
  background: color-mix(in srgb, var(--color-action-primary) 50%, transparent);
}
.button:is(:disabled, [aria-disabled=true], .anchor-button:not([href]))[data-variant=danger] {
  color: color-mix(in srgb, var(--color-text-inverse) 50%, transparent);
  border-color: color-mix(in srgb, var(--color-action-danger) 50%, transparent);
  background: color-mix(in srgb, var(--color-action-danger) 50%, transparent);
}
.button:is(:disabled, [aria-disabled=true], .anchor-button:not([href])):is([data-variant=text], [data-variant=tertiary]) {
  border-color: transparent;
  background: transparent;
}
.button:is(:disabled, [aria-disabled=true], .anchor-button:not([href]))[data-variant=tertiary] {
  color: color-mix(in srgb, var(--color-text-link) 50%, transparent);
}
.button:is(:disabled, [aria-disabled=true], .anchor-button:not([href]))[data-variant=skeleton] {
  color: color-mix(in srgb, var(--color-text-inverse) 50%, transparent);
  border-color: color-mix(in srgb, var(--color-text-inverse) 50%, transparent);
  background: transparent;
}
.button__spinner {
  inline-size: 1em;
  block-size: 1em;
  flex: none;
  box-sizing: border-box;
  border: 2px solid currentColor;
  border-inline-end-color: transparent;
  border-radius: var(--radius-full);
  animation: zds-loader-spin 1.6s linear infinite;
}
.button-reason {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-0-25);
  max-inline-size: 100%;
}
.button-reason[data-wide] {
  inline-size: 100%;
}
.button-reason__trigger {
  display: inline-flex;
  padding: var(--spacing-0-25);
  color: var(--color-text-secondary);
  background: transparent;
  border: 0;
  font: inherit;
  cursor: help;
}
@media (forced-colors: active) {
  .button[aria-disabled=true] {
    color: GrayText;
    border-color: GrayText;
  }
}
.side-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.side-nav__item {
  position: relative;
}
.side-nav__link {
  display: flex;
  align-items: center;
  gap: var(--spacing-0-5);
  inline-size: 100%;
  padding: var(--spacing-0-75) var(--spacing-1);
  border: 0;
  background: transparent;
  color: inherit;
  text-align: start;
  text-decoration: none;
  cursor: pointer;
}
.side-nav__link:hover {
  background: var(--color-background-hover);
}
.side-nav__item[data-current] {
  background: var(--color-action-primary);
  color: var(--color-text-inverse);
}
.side-nav__item[data-current]::after {
  content: "";
  position: absolute;
  inset-inline-end: -4px;
  top: 50%;
  border-block: 4px solid transparent;
  border-inline-start: 4px solid var(--color-action-primary);
  transform: translateY(-50%);
}
.side-menu {
  display: grid;
  align-content: start;
  gap: var(--spacing-1-5);
  min-inline-size: 0;
}
.side-menu__group > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.side-menu__title {
  font-weight: 600;
  padding: var(--spacing-0-5) var(--spacing-1);
}
.side-menu__item {
  display: flex;
  align-items: center;
  gap: var(--spacing-0-5);
  padding: var(--spacing-0-75) var(--spacing-1);
  color: var(--color-text-primary);
  text-decoration: none;
  border-inline-start: 4px solid transparent;
  overflow-wrap: anywhere;
}
.side-menu__item:hover {
  background: var(--color-background-hover);
}
.side-menu__item[aria-current=page] {
  color: var(--color-semantic-main);
  background: var(--color-background-selected);
  border-inline-start-color: var(--color-semantic-main);
  font-weight: 600;
}
.tooltip {
  position: fixed;
  z-index: var(--zIndex-overlap);
  box-sizing: border-box;
  inline-size: max-content;
  max-inline-size: min(24rem, calc(100vw - 16px));
  padding: var(--spacing-0-5) var(--spacing-0-75);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-m);
  background: var(--color-semantic-surface);
  color: var(--color-text-primary);
  box-shadow: var(--shadow-layer3);
  font-size: var(--font-size-s);
  line-height: var(--leading-normal);
  white-space: normal;
  overflow-wrap: anywhere;
}
.tooltip::after {
  content: "";
  position: absolute;
  left: var(--tooltip-arrow-x);
  width: 8px;
  height: 8px;
  background: inherit;
  border: solid var(--color-border-default);
  border-width: 0 1px 1px 0;
  transform: translateX(-50%) rotate(45deg);
}
.tooltip[data-placement=top]::after {
  bottom: -5px;
}
.tooltip[data-placement=bottom]::after {
  top: -5px;
  transform: translateX(-50%) rotate(225deg);
}
.site-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-1);
  padding: var(--spacing-0-5) var(--spacing-1);
  background: var(--color-action-primary);
  color: var(--color-text-inverse);
}
.site-header__identity,
.site-header__actions {
  display: flex;
  align-items: center;
  gap: var(--spacing-0-5);
  min-inline-size: 0;
}
.site-header__actions {
  margin-inline-start: auto;
}
.site-header__logo {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-0-5);
  min-inline-size: 0;
  padding: var(--spacing-0-5);
  color: inherit;
  font-size: var(--font-size-l);
  font-weight: 600;
  text-decoration: none;
}
.header-control {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-0-5);
  min-block-size: 44px;
  padding: var(--spacing-0-75);
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
}
.header-control:hover {
  background: rgb(255 255 255 / 12%);
}
.header-control:focus-visible,
.site-header__logo:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: -4px;
}
.header-menu-item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-0-5);
  inline-size: 100%;
  box-sizing: border-box;
  padding: var(--spacing-0-75);
  font: inherit;
  color: inherit;
  text-align: start;
  text-decoration: none;
  border: 0;
  background: transparent;
  cursor: pointer;
  overflow-wrap: anywhere;
}
.header-menu-item:hover {
  background: var(--color-background-hover);
}
.header-menu-item:focus-visible {
  outline: 2px solid var(--color-semantic-main);
  outline-offset: -2px;
}
.header-menu-item[aria-current] {
  font-weight: 600;
  box-shadow: inset 0 -3px var(--color-semantic-main);
}
.header-menu-item:disabled {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}
.base {
  min-inline-size: 0;
  padding: var(--base-padding,0);
  border-radius: var(--radius-l);
  background: var(--color-background-surface);
  box-shadow: var(--shadow-layer1);
}
.cluster {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-0-5);
  min-width: 0;
}
.reel {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--reel-gap, var(--spacing-0-5));
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
}
.reel > * {
  flex: 0 0 auto;
}
.line-clamp {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--line-clamp-lines,2);
}
.icon {
  inline-size: 1em;
  block-size: 1em;
  flex: none;
  fill: currentColor;
}
.visually-hidden {
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
@media (forced-colors: active) {
  .button,
  .base,
  .site-header {
    border: 1px solid CanvasText;
  }
}

/* app/assets/vendor/zappy-board-components.css?v=f6c42282119564a6 */
.stack {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--spacing-1);
}
.stack[data-gap="0-25"] {
  gap: var(--spacing-0-25);
}
.stack[data-gap="0-5"] {
  gap: var(--spacing-0-5);
}
.stack[data-align=start],
.stack[data-align=flex-start] {
  align-items: flex-start;
}
.fieldset {
  border: 0;
  padding: 0;
  margin: 0;
  min-inline-size: 0;
}
.fieldset > legend {
  padding: 0;
  margin-block-end: var(--spacing-1);
}
.fieldset > p {
  margin: 0 0 var(--spacing-1);
}
.fieldset__items {
  display: grid;
  gap: var(--spacing-0-75);
}
.choice {
  display: inline-flex;
  align-items: baseline;
  gap: var(--spacing-0-5);
  cursor: pointer;
  min-inline-size: 0;
  overflow-wrap: anywhere;
}
.choice input {
  accent-color: var(--color-semantic-main);
  inline-size: 1em;
  block-size: 1em;
  flex: none;
  margin: 0;
}
.choice input:focus-visible {
  outline: var(--zds-focus-outline);
  outline-offset: var(--zds-focus-outer-offset);
}
.choice:has(input:disabled) {
  cursor: not-allowed;
  color: var(--color-text-disabled);
}
.badge {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  --badge-fill: var(--color-action-primary);
  --badge-text: var(--color-text-inverse);
  --badge-outline: var(--color-text-inverse);
}
.badge[data-type=grey] {
  --badge-fill: var(--color-text-secondary);
}
.badge[data-type=yellow] {
  --badge-fill: var(--color-background-warning);
  --badge-text: var(--color-text-primary);
  --badge-outline: var(--color-text-primary);
}
.badge[data-type=red] {
  --badge-fill: var(--color-action-danger);
}
.badge__count,
.badge__dot {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: var(--radius-full);
  background: var(--badge-fill);
  color: var(--badge-text);
  box-shadow: 0 0 0 1px var(--badge-outline);
}
.badge__count {
  height: 1.75em;
  min-width: 1.75em;
  padding-inline: 0.5em;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.badge__dot {
  width: 0.625em;
  height: 0.625em;
}
.badge[data-attached=true] > .badge__count,
.badge[data-attached=true] > .badge__dot {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  transform: translate(50%, -50%);
  pointer-events: none;
}
.badge[data-attached=true]:dir(rtl) > .badge__count,
.badge[data-attached=true]:dir(rtl) > .badge__dot {
  transform: translate(-50%, -50%);
}
@media (forced-colors: active) {
  .badge__count,
  .badge__dot {
    outline: 1px solid CanvasText;
  }
}
.tooltip-anchor {
  display: inline-block;
  inline-size: fit-content;
  max-inline-size: 100%;
  min-inline-size: 0;
  vertical-align: middle;
}
.notification-bar {
  padding: var(--spacing-0-75) var(--spacing-1);
  background: var(--color-semantic-head);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--spacing-1);
}
.response-message {
  display: inline-block;
  max-inline-size: 100%;
  overflow-wrap: anywhere;
  --response-icon-color: var(--color-icon-default);
}
.response-message[data-status=success],
.response-message[data-status=sync] {
  --response-icon-color: var(--color-icon-active);
}
.response-message[data-status=error] {
  --response-icon-color: var(--color-icon-danger);
}
.response-message[data-status=warning] {
  --response-icon-color: var(--color-text-warning);
}
.response-message__icon {
  color: var(--response-icon-color);
}
@media (forced-colors: active) {
  .notification-bar {
    border: 1px solid CanvasText;
  }
  .response-message__icon {
    color: CanvasText;
  }
}
.dialog {
  box-sizing: border-box;
  padding: 0;
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-m);
  background: var(--color-semantic-surface);
  color: var(--color-text-primary);
  box-shadow: var(--shadow-layer4);
  inline-size: calc(100% - 2rem);
  max-inline-size: 36rem;
  max-block-size: calc(100dvh - 2rem);
  overflow: auto;
  overscroll-behavior: contain;
  font: inherit;
  inset: 0;
  margin: auto;
}
.dialog[data-size=S] {
  max-inline-size: 28rem;
}
.dialog[data-size=L] {
  max-inline-size: 52rem;
}
.dialog::backdrop {
  background: rgb(0 0 0 / 45%);
}
.dialog__header,
.dialog__body,
.dialog__confirmation {
  padding: var(--spacing-1-5);
}
.dialog__header {
  border-block-end: 1px solid var(--color-border-default);
  overflow-wrap: anywhere;
}
.dialog__heading {
  margin: 0;
}
.dialog__header > p {
  margin-block: var(--spacing-0-5) 0;
}
.dialog__fields {
  border: 0;
  margin: 0;
  padding: 0;
  min-inline-size: 0;
  overflow-wrap: anywhere;
}
.dialog__footer {
  position: sticky;
  inset-block-end: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--spacing-0-5);
  padding: var(--spacing-1);
  background: var(--color-semantic-surface);
  border-block-start: 1px solid var(--color-border-default);
}
.dialog__footer-start {
  display: flex;
  align-items: center;
  min-inline-size: 0;
}
.dialog__actions {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: var(--spacing-0-5);
}
.dialog__footer > .dialog__actions {
  margin-inline-start: auto;
}
.dialog__actions > .button {
  min-inline-size: 0;
  max-inline-size: 100%;
  overflow-wrap: anywhere;
}
.dialog [hidden] {
  display: none !important;
}
.chip {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  width: fit-content;
  max-width: 100%;
  min-width: 0;
  padding: var(--spacing-0-25) var(--spacing-0-5);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-full);
  background: var(--color-background-surface);
  color: var(--color-text-primary);
}
.chip > .text {
  min-width: 0;
  overflow-wrap: anywhere;
}
.chip[data-color=main] {
  border-color: var(--color-action-primary);
}
.chip[data-color=green] {
  border-color: var(--color-palette-categorical-8);
}
.chip[data-color=orange] {
  border-color: var(--color-palette-categorical-3);
}
.chip[data-color=red] {
  border-color: var(--color-border-danger);
}
.chip[data-disabled=true] {
  background: color-mix(in srgb, var(--color-background-surface) 50%, transparent);
  color: var(--color-text-secondary);
}
@media (prefers-contrast: more) {
  .chip {
    border-color: var(--color-text-primary);
  }
}
@media (forced-colors: active) {
  .chip {
    border-color: CanvasText;
  }
}
.reorder-handle > .dropdown > button {
  touch-action: none;
  cursor: grab;
  user-select: none;
}
.reorder-handle > .dropdown > button[aria-disabled=true] {
  cursor: not-allowed;
}
.reorder-handle[data-dragging] > .dropdown > button {
  cursor: grabbing;
}
.reorder-preview {
  position: fixed;
  inset: auto;
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  overflow: hidden;
  pointer-events: none;
  opacity: .75;
  background: var(--color-semantic-surface);
  box-shadow: var(--shadow-layer2);
}
.reorder-preview::backdrop {
  display: none;
}
.reorder-insertion {
  position: fixed;
  inset: auto;
  margin: 0;
  padding: 0;
  border: 0;
  height: 2px;
  pointer-events: none;
  background: var(--color-semantic-main);
}
.reorder-insertion::backdrop {
  display: none;
}
html:has(.reorder-preview),
html:has(.reorder-preview) * {
  cursor: grabbing !important;
}
[data-reorder-source] {
  outline: 1px dashed var(--color-border-default);
  outline-offset: -1px;
  background: var(--color-semantic-over-background);
  color: transparent;
}
[data-reorder-source]:not(tr) > *,
tr[data-reorder-source] > :is(th, td) > * {
  opacity: 0;
}
tr[data-reorder-source] > :is(th, td) {
  color: transparent;
  background: var(--color-semantic-over-background);
}
[data-reorder-key][data-reorder-target=before]:not(tr),
tr[data-reorder-key][data-reorder-target=before] > :is(th, td) {
  box-shadow: inset 0 2px var(--color-semantic-main);
}
[data-reorder-key][data-reorder-target=after]:not(tr),
tr[data-reorder-key][data-reorder-target=after] > :is(th, td) {
  box-shadow: inset 0 -2px var(--color-semantic-main);
}
.visually-hidden-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.combobox {
  display: grid;
  gap: var(--spacing-0-5);
  min-inline-size: 0;
}
.combobox__input {
  display: flex;
  align-items: center;
  min-inline-size: 0;
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-m);
  background: var(--color-semantic-surface);
}
.combobox__input:focus-within {
  outline: var(--zds-focus-outline);
  outline-offset: var(--zds-focus-outer-offset);
}
.combobox__input:has([aria-invalid=true]) {
  border-color: var(--color-border-danger);
}
.combobox__input:has(input:disabled) {
  background: var(--color-background-disabled);
  color: var(--color-text-disabled);
}
.combobox__values {
  position: relative;
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-0-25);
  min-inline-size: 0;
  padding-inline-start: var(--spacing-0-5);
}
.combobox__selected {
  display: contents;
}
.combobox__selected > .selected-item {
  margin-block: var(--spacing-0-25);
}
.combobox__values > .input {
  box-sizing: border-box;
  flex: 1;
  inline-size: 8ch;
  min-inline-size: min(8ch, 100%);
  min-block-size: var(--spacing-2-5);
  padding: var(--spacing-0-5);
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--color-text-primary);
  font: inherit;
  outline: none;
  box-shadow: none;
}
.combobox .combobox__values > .input:focus-visible {
  outline: none;
  box-shadow: none;
}
.combobox__single-value {
  position: absolute;
  z-index: 1;
  inset-inline: var(--spacing-0-5);
  min-inline-size: 0;
}
.combobox__single-value > .tooltip-anchor {
  display: block;
  inline-size: 100%;
  min-inline-size: 0;
  max-inline-size: 100%;
}
.combobox__values > .input[data-selected-display] {
  caret-color: transparent;
}
.combobox__input > .combobox__clear {
  flex: none;
  border: 0;
  padding-inline: var(--spacing-0-5);
  min-block-size: 0;
  color: var(--color-text-primary);
}
.combobox__input > .combobox__toggle {
  flex: none;
  align-self: stretch;
  border: 0;
  border-inline-start: 1px solid var(--color-border-default);
  border-radius: 0 var(--radius-m) var(--radius-m) 0;
  margin-block: var(--spacing-0-5);
  min-block-size: 0;
  color: var(--color-text-secondary);
}
.combobox__panel {
  box-sizing: border-box;
  position: fixed;
  inset: auto;
  margin: 0;
  overflow: hidden;
  padding: var(--spacing-0-25) 0;
  background: var(--color-semantic-surface);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-m);
  box-shadow: var(--shadow-layer3);
  overflow-wrap: anywhere;
}
.combobox__panel:popover-open {
  display: flex;
  flex-direction: column;
}
.combobox__scroll {
  min-inline-size: 0;
  min-block-size: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.combobox__option {
  display: flex;
  align-items: baseline;
  gap: var(--spacing-0-5);
  padding: var(--spacing-0-75) var(--spacing-0-5);
  cursor: pointer;
}
.combobox__check {
  flex: none;
  inline-size: 1em;
  color: var(--color-action-primary);
}
.combobox__option-content {
  min-inline-size: 0;
}
.combobox__option:hover,
.combobox__option[data-active],
.combobox__option[aria-selected=true] {
  background: var(--color-background-hover);
}
.combobox__option[data-active] {
  outline: var(--zds-focus-outline);
  outline-offset: -2px;
}
.combobox__option[aria-disabled=true] {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}
.combobox__scroll > p {
  margin: var(--spacing-0-5);
}

/* app/assets/vendor/zappy-selected-item.css?v=9aab9643a3b2712d */
.selected-item {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-0-25);
  inline-size: fit-content;
  max-inline-size: 100%;
  min-inline-size: 0;
  box-sizing: border-box;
  padding-inline-start: var(--spacing-0-5);
  background: var(--color-semantic-over-background);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-m);
}
.selected-item__label {
  min-inline-size: 0;
  overflow-wrap: anywhere;
}
.selected-item > .button {
  flex: none;
}

/* app/assets/vendor/zappy-table.css?v=8dd61a2846e3c3dd */
.table-scroll {
  min-inline-size: 0;
  max-inline-size: 100%;
  max-block-size: inherit;
}
.table-scroll[data-reel] {
  overscroll-behavior-inline: contain;
}
.data-table {
  border-collapse: collapse;
  inline-size: 100%;
  text-align: start;
  font: inherit;
}
.data-table th,
.data-table td {
  padding: var(--spacing-0-75);
  text-align: start;
  border-block-end: 1px solid var(--color-border-default);
  overflow-wrap: anywhere;
}
.data-table thead {
  background: var(--color-semantic-head);
}
.data-table th {
  font-weight: 600;
}
.data-table caption {
  text-align: start;
  padding-block-end: var(--spacing-1);
  font-weight: 600;
}
.data-table .data-table__empty {
  padding: var(--spacing-2);
  text-align: center;
}
.data-table[data-border-type] {
  border-collapse: separate;
  border-spacing: 0;
}
.data-table[data-border-type] :is(th, td) {
  border: 0;
}
.data-table:is([data-border-type=horizontal], [data-border-type=both], [data-border-type=all]) :is(th, td) {
  border-block-end: 1px var(--table-border-style, solid) var(--color-border-default);
}
.data-table:is([data-border-type=vertical], [data-border-type=both], [data-border-type=all]) :is(th, td):not(:last-child) {
  border-inline-end: 1px var(--table-border-style, solid) var(--color-border-default);
}
.data-table:is([data-border-type=outer], [data-border-type=all]) {
  border: 1px var(--table-border-style, solid) var(--color-border-default);
}
.data-table[data-fixed-head] thead {
  position: sticky;
  inset-block-start: 0;
  z-index: 3;
}
.data-table [data-fixed] {
  position: sticky;
  z-index: 1;
  background: var(--color-semantic-surface);
}
.data-table thead :is(th, td) {
  background: var(--color-semantic-head);
}
.data-table [data-fixed=left] {
  inset-inline-start: 0;
}
.data-table [data-fixed=right] {
  inset-inline-end: 0;
}
.data-table:is([data-border-type=horizontal], [data-border-type=both], [data-border-type=all]) > tbody:last-child > tr:last-child > :is(th, td) {
  border-block-end: 0;
}
.data-table thead [data-fixed] {
  background: var(--color-semantic-head);
}
.table-sort {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-0-5);
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.table-sort > svg {
  flex-shrink: 0;
}
.table-column-resize-handle {
  position: absolute;
  inset-block: 0;
  inset-inline-end: 0;
  inline-size: 24px;
  cursor: col-resize;
  touch-action: none;
  user-select: none;
}
.table-column-resize-handle::after {
  content: "";
  position: absolute;
  inset-block: 25%;
  inset-inline-end: 5px;
  border-inline-end: 2px solid var(--color-border-default);
}
.table-column-resize-handle:is(:hover, :focus-visible)::after {
  border-color: var(--color-semantic-text, var(--color-text-primary));
}
.data-table .data-table__group > th {
  background: var(--color-semantic-surface);
  font-weight: var(--font-weight-bold, 600);
  text-align: start;
}

/* app/assets/vendor/zappy-pagination.css?v=9aeaa865c214f4ef */
.pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: var(--spacing-0-25);
}
.pagination__number {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-0-25);
}
.page-counter {
  font-size: var(--font-size-s);
}

/* app/assets/vendor/zappy-scroller.css?v=232e56907b97cced */
.scroller {
  min-inline-size: 0;
  min-block-size: 0;
}
.scroller[data-direction=vertical] {
  overflow-x: hidden;
  overflow-y: auto;
}
.scroller[data-direction=horizontal] {
  overflow-x: auto;
  overflow-y: hidden;
}
.scroller[data-direction=both] {
  overflow: auto;
}
.scroller[data-style-type=scroll][data-direction=vertical] {
  overflow-y: scroll;
}
.scroller[data-style-type=scroll][data-direction=horizontal] {
  overflow-x: scroll;
}
.scroller[data-style-type=scroll][data-direction=both] {
  overflow: scroll;
}

/* app/assets/vendor/zappy-tabbar.css?v=52a313197927cbf3 */
.tab-bar {
  display: flex;
  gap: 0;
  min-inline-size: 0;
  max-inline-size: 100%;
  overscroll-behavior-inline: contain;
}
.tab-bar[data-bordered=true] {
  border-block-end: 1px solid var(--color-border-default);
}
.tab-item {
  flex: none;
  position: relative;
  appearance: none;
  border: 0;
  border-block-end: 4px solid transparent;
  padding: var(--spacing-0-75) var(--spacing-1);
  background: transparent;
  color: var(--color-text-primary);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
.tab-item:hover {
  background: var(--color-background-hover);
}
.tab-item[aria-selected=true] {
  border-block-end-color: var(--color-semantic-main);
  color: var(--color-semantic-main);
}
.tab-item:disabled {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}
.tab-bar[data-equal] {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
}
.tab-bar[data-equal] > .tab-item {
  min-inline-size: 0;
  overflow-wrap: anywhere;
}
.tab-panel {
  min-inline-size: 0;
}
.tab-panel[hidden] {
  display: none;
}
@media (forced-colors: active) {
  .tab-item[aria-selected=true] {
    border-color: Highlight;
  }
}

/* app/assets/vendor/zappy-accordion-panel.css?v=8ba4c61499910d47 */
.accordion-panel {
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-m);
  background: var(--color-background-surface);
}
.accordion-panel__item + .accordion-panel__item {
  border-block-start: 1px solid var(--color-border-default);
}
.accordion-panel__item > summary {
  display: block;
  inline-size: auto;
  padding: var(--spacing-1);
  color: var(--color-text-primary);
  list-style: none;
}
.accordion-panel__item > summary::-webkit-details-marker {
  display: none;
}
.accordion-panel__item > summary:hover {
  background: var(--color-background-subtle);
}
.accordion-panel__heading {
  display: flex;
  align-items: center;
  gap: var(--spacing-0-5);
  margin: 0;
  overflow-wrap: anywhere;
}
.accordion-panel__heading > span {
  min-inline-size: 0;
}
.accordion-panel__icon {
  flex: none;
  transform: rotate(-90deg);
  transition: transform 150ms ease-out;
}
.accordion-panel__item[open] .accordion-panel__icon {
  transform: none;
}
.accordion-panel__item[data-icon-position=right] .accordion-panel__icon {
  order: 1;
  margin-inline-start: auto;
  transform: none;
}
.accordion-panel__item[open][data-icon-position=right] .accordion-panel__icon {
  transform: rotate(180deg);
}
.accordion-panel__item > .disclosure__content {
  padding: var(--spacing-1);
  border-block-start: 1px solid var(--color-border-default);
}
.accordion-panel__item:first-child > summary {
  border-start-start-radius: var(--radius-m);
  border-start-end-radius: var(--radius-m);
}
.accordion-panel__item:last-child:not([open]) > summary {
  border-end-start-radius: var(--radius-m);
  border-end-end-radius: var(--radius-m);
}

/* app/assets/vendor/zappy-stepper.css?v=7285591fa6baca8b */
.stepper {
  display: flex;
  list-style: none;
  margin: 0;
  padding: var(--spacing-1) 0 0;
}
.stepper__item {
  flex: 1;
  min-inline-size: 0;
}
.stepper__track {
  display: flex;
  align-items: center;
}
.stepper__track::before,
.stepper__track::after {
  content: "";
  flex: 1;
  border-block-start: 2px solid var(--color-border-default);
}
.stepper__item:first-child .stepper__track::before,
.stepper__item:last-child .stepper__track::after {
  border-color: transparent;
}
.stepper__counter {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  inline-size: 2em;
  block-size: 2em;
  flex: none;
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-full);
  background: var(--color-background-surface);
  color: var(--color-text-primary);
}
.stepper__status {
  position: absolute;
  inset-inline-end: -0.5em;
  inset-block-start: -0.6em;
  background: var(--color-background-surface);
  border-radius: var(--radius-full);
  color: var(--color-text-secondary);
}
.stepper__item[data-status=completed] .stepper__counter {
  border-color: var(--color-action-primary);
}
.stepper__item[data-status=completed] .stepper__status {
  color: var(--color-action-primary);
}
.stepper__item[aria-current=step] .stepper__counter {
  background: var(--color-action-primary);
  color: var(--color-text-inverse);
  border-color: var(--color-action-primary);
  font-weight: 700;
}
.stepper__label {
  margin-block-start: var(--spacing-0-5);
  text-align: center;
  padding-inline: var(--spacing-0-5);
  overflow-wrap: anywhere;
}
.stepper__item[data-status]:not([aria-current]) .stepper__label {
  color: var(--color-text-secondary);
}
.stepper[data-type=vertical] {
  display: block;
}
.stepper[data-type=vertical] .stepper__item {
  display: flex;
  gap: var(--spacing-1);
}
.stepper[data-type=vertical] .stepper__track {
  flex-direction: column;
}
.stepper[data-type=vertical] .stepper__track::before {
  display: none;
}
.stepper[data-type=vertical] .stepper__track::after {
  border-block-start: 0;
  border-inline-start: 2px solid var(--color-border-default);
}
.stepper[data-type=vertical] .stepper__item:last-child .stepper__track::after {
  border-color: transparent;
}
.stepper[data-type=vertical] .stepper__body {
  flex: 1;
  min-inline-size: 0;
  padding-block-end: var(--spacing-1-5);
}
.stepper[data-type=vertical] .stepper__label {
  text-align: start;
  padding: 0;
}
.stepper__content {
  padding-block-start: var(--spacing-0-5);
  overflow-wrap: anywhere;
}
@media (forced-colors: active) {
  .stepper__item[aria-current=step] .stepper__counter {
    background: Highlight;
    color: HighlightText;
    border-color: Highlight;
  }
}
.stepper__item[data-status=completed]:not(:last-child) .stepper__track::after,
.stepper[data-type=horizontal] .stepper__item[data-status=completed] + .stepper__item .stepper__track::before {
  border-color: var(--color-action-primary);
}

/* app/assets/vendor/zappy-segmented-control.css?v=96a5f99160b4a60a */
.segmented-control {
  display: inline-flex;
  align-items: stretch;
  flex-wrap: nowrap;
  max-inline-size: 100%;
  min-inline-size: 0;
  isolation: isolate;
}
.segmented-control > .button {
  flex: 0 1 auto;
  min-inline-size: 0;
  border-radius: 0;
  position: relative;
  line-height: var(--leading-tight);
}
.segmented-control > .button + .button {
  margin-inline-start: -1px;
}
.segmented-control > .button:first-child {
  border-start-start-radius: var(--radius-m);
  border-end-start-radius: var(--radius-m);
}
.segmented-control > .button:last-child {
  border-start-end-radius: var(--radius-m);
  border-end-end-radius: var(--radius-m);
}
.segmented-control > .button[aria-checked=true] {
  z-index: 1;
}
.segmented-control > .button:focus-visible {
  z-index: 2;
}
@media (forced-colors: active) {
  .segmented-control > .button[aria-checked=true] {
    outline: 2px solid Highlight;
    outline-offset: -3px;
  }
}

/* app/assets/vendor/zappy-calendar.css?v=b295bd0c8a754888 */
.calendar {
  display: inline-block;
  width: 23rem;
  max-width: 100%;
  background: var(--color-background-surface);
  border: 0;
  box-shadow: var(--shadow-layer3);
  border-radius: var(--radius-m);
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;
}
.calendar__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-0-5);
  padding: var(--spacing-1);
  border-bottom: 1px solid var(--color-border-default);
  font-weight: 600;
}
.calendar__navigation {
  display: flex;
  gap: var(--spacing-0-25);
  margin-inline-start: auto;
}
.calendar__previous {
  transform: rotate(90deg);
}
.calendar__next {
  transform: rotate(-90deg);
}
.calendar__table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}
.calendar__table th,
.calendar__table td {
  text-align: center;
  padding: 2px;
  border: 0;
}
.calendar__table th {
  font-weight: 400;
  color: var(--color-text-secondary);
}
.calendar__day.button {
  border-radius: 50%;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  min-width: 0;
}
.calendar__day[aria-current=date] {
  box-shadow: inset 0 0 0 1px var(--color-border-default);
}
.calendar__empty {
  margin: var(--spacing-0-5);
}
.calendar__days {
  padding: var(--spacing-0-5) var(--spacing-1) var(--spacing-1);
}
.calendar__day.button {
  font-size: var(--font-size-m);
  font-weight: 400;
}
.calendar__years {
  height: 16.5rem;
}
.calendar__year-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: var(--spacing-0-5);
  gap: var(--spacing-0-5);
}
.calendar__year.button {
  min-width: 0;
  padding-inline: var(--spacing-0-25);
  border-radius: 999px;
  font-weight: 400;
}
.calendar__year[aria-pressed=true] {
  box-shadow: inset 0 0 0 1px var(--color-border-default);
}
.calendar__year-toggle--open {
  transform: rotate(180deg);
}

/* app/assets/vendor/zappy-text.css?v=ca4dca20e05ab96c */
.text {
  margin: 0;
  color: inherit;
  font: inherit;
  overflow-wrap: anywhere;
}
.text[data-size=XXS] {
  font-size: var(--font-size-xxs);
}
.text[data-size=XS] {
  font-size: var(--font-size-xs);
}
.text[data-size=S] {
  font-size: var(--font-size-s);
}
.text[data-size=M] {
  font-size: var(--font-size-m);
}
.text[data-size=L] {
  font-size: var(--font-size-l);
}
.text[data-size=XL] {
  font-size: var(--font-size-xl);
}
.text[data-size=XXL] {
  font-size: var(--font-size-xxl);
}
.text[data-weight=normal] {
  font-weight: 400;
}
.text[data-weight=bold] {
  font-weight: 600;
}
.text[data-leading=NONE] {
  line-height: var(--leading-none);
}
.text[data-leading=TIGHT] {
  line-height: var(--leading-tight);
}
.text[data-leading=NORMAL] {
  line-height: var(--leading-normal);
}
.text[data-leading=LOOSE] {
  line-height: var(--leading-loose);
}
.text[data-color=TEXT_GREY] {
  color: var(--color-text-secondary);
}
.text[data-color=TEXT_LINK] {
  color: var(--color-text-link);
}
.text[data-color=TEXT_BLACK] {
  color: var(--color-semantic-text-black);
}
.text[data-color=TEXT_WHITE] {
  color: var(--color-semantic-text-white);
}
.text[data-color=TEXT_DISABLED] {
  color: var(--color-semantic-text-disabled);
}
.text[data-color=inherit] {
  color: inherit;
}
.text[data-white-space=normal] {
  white-space: normal;
}
.text[data-white-space=nowrap] {
  white-space: nowrap;
}
.text[data-white-space=pre] {
  white-space: pre;
}
.text[data-white-space=pre-line] {
  white-space: pre-line;
}
.text[data-white-space=pre-wrap] {
  white-space: pre-wrap;
}
.text[data-italic=true] {
  font-style: italic;
}
.text[data-max-lines] {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--text-max-lines);
}
.text__content {
  display: inline-flex;
  max-width: 100%;
  min-width: 0;
  align-items: baseline;
  gap: var(--text-icon-gap, var(--spacing-0-25));
}
.text__body {
  min-width: 0;
}
.text__content > .icon {
  flex-shrink: 0;
}
.text[data-max-lines] .text__body {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--text-max-lines);
  overflow: hidden;
}
.text[data-max-lines="1"] .text__body {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text[data-max-lines="1"] {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

/* app/assets/vendor/zappy-definition-list.css?v=70214461be490dbc */
.definition-list {
  margin: 0;
  display: grid;
  gap: var(--spacing-1-5);
  min-inline-size: 0;
}
.definition-list__item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  gap: var(--spacing-1);
}
.definition-list dt {
  font-weight: 600;
  overflow-wrap: anywhere;
}
.definition-list dd {
  margin: 0;
  overflow-wrap: anywhere;
}
@media (width < 752px) {
  .definition-list__item {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--spacing-0-5);
  }
}

/* app/assets/vendor/zappy-textarea.css?v=c41b05e7ab310837 */
.textarea-field {
  display: grid;
  min-width: 0;
  max-width: 100%;
  gap: var(--spacing-0-5);
  color: var(--color-text-primary);
}
.textarea-field__label {
  font: var(--typography-label-default);
  font-weight: 600;
}
.textarea-field__required {
  margin-left: var(--spacing-0-5);
  color: var(--color-text-danger);
  font: var(--typography-label-small);
}
.textarea-field__help,
.textarea-field__error {
  margin: 0;
  font: var(--typography-body-small);
}
.textarea-field__help {
  color: var(--color-text-secondary);
}
.textarea-field__error {
  color: var(--color-text-danger);
}
.textarea-field__counter {
  margin: 0;
  justify-self: end;
  color: var(--color-text-secondary);
  font: var(--typography-label-small);
}
.textarea-field__counter[data-limit-exceeded=true] {
  color: var(--color-text-danger);
  font-weight: 600;
}
.textarea {
  box-sizing: border-box;
  width: 100%;
  padding: var(--spacing-0-5);
  border-radius: var(--radius-m);
  background: var(--color-background-surface);
  color: var(--color-text-primary);
  font: var(--typography-body-default);
  resize: vertical;
}
.textarea[data-resize=none] {
  resize: none;
}
.textarea[data-resize=both] {
  resize: both;
}
.textarea[data-auto-resize=true] {
  resize: none;
}
@media (prefers-contrast: more) {
  .textarea {
    border-color: var(--color-text-primary);
  }
}
.textarea[aria-invalid=true] {
  border-color: var(--color-border-danger);
}
.textarea:disabled {
  background: var(--color-background-disabled);
  color: var(--color-text-disabled);
  cursor: not-allowed;
}
.textarea:read-only {
  background: var(--color-background-subtle);
}

/* app/assets/vendor/zappy-dropdown.css?v=36a26ec484e04868 */
.dropdown {
  display: inline-block;
  position: relative;
  max-inline-size: 100%;
}
.dropdown__panel {
  position: fixed;
  inset: auto;
  margin: 0;
  z-index: var(--zIndex-overlap);
  inline-size: max-content;
  max-inline-size: min(var(--width-col3), calc(100vw - 16px));
  max-block-size: min(60vh, calc(100dvh - 16px));
  background: var(--color-semantic-surface);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-m);
  box-shadow: var(--shadow-layer3);
  padding-block: var(--spacing-0-5);
}
.dropdown__group + .dropdown__group {
  border-block-start: 1px solid var(--color-border-default);
  margin-block-start: var(--spacing-0-5);
  padding-block-start: var(--spacing-0-5);
}
.dropdown__heading {
  font-size: var(--font-size-s);
  font-weight: 600;
  color: var(--color-text-secondary);
  padding: var(--spacing-0-5) var(--spacing-1);
}
.dropdown__item {
  display: flex;
  align-items: center;
  gap: var(--spacing-0-5);
  box-sizing: border-box;
  inline-size: 100%;
  padding: var(--spacing-0-75) var(--spacing-1);
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: start;
  cursor: pointer;
  overflow-wrap: anywhere;
}
.dropdown__item:hover {
  background: var(--color-background-hover);
}
.dropdown__item[data-danger] {
  color: var(--color-text-danger);
}
.dropdown__item[aria-disabled=true] {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}
.dropdown__reason {
  display: block;
  font-size: var(--font-size-s);
  margin-block-start: var(--spacing-0-25);
}
.filter-dropdown {
  padding: 0;
}
.dropdown__panel.filter-dropdown {
  inline-size: max-content;
  max-inline-size: min(40rem, calc(100vw - 16px));
}
.filter-dropdown__fields {
  padding: var(--spacing-1-5);
}
.filter-dropdown__footer {
  position: sticky;
  inset-block-end: 0;
  padding: var(--spacing-1);
  border-block-start: 1px solid var(--color-border-default);
  background: var(--color-semantic-surface);
}
.filter-dropdown__actions {
  display: flex;
  align-items: center;
  gap: var(--spacing-1);
  justify-content: space-between;
  flex-wrap: wrap;
}
.filter-dropdown__submit {
  display: flex;
  gap: var(--spacing-0-5);
  margin-inline-start: auto;
}
.filter-dropdown__message {
  margin-block: var(--spacing-1) 0;
}
.filter-dropdown__icon {
  position: relative;
  display: inline-flex;
}
.filter-dropdown__mark {
  position: absolute;
  inset-block-start: -.4em;
  inset-inline-end: -.5em;
  font-size: .7em;
  background: var(--color-semantic-surface);
  color: var(--color-text-primary);
  border-radius: 50%;
}
.filter-dropdown__sr {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.filter-dropdown--modal {
  box-sizing: border-box;
  inline-size: calc(100% - 32px);
  max-inline-size: 40rem;
  max-block-size: calc(100dvh - 32px);
  overflow: auto;
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-m);
  color: var(--color-text-primary);
  background: var(--color-semantic-surface);
  box-shadow: var(--shadow-layer3);
}
.filter-dropdown--modal::backdrop {
  background: rgb(0 0 0 / 45%);
}
.filter-dropdown__title {
  font-size: var(--font-size-l);
  margin: 0;
  padding: var(--spacing-1-5) var(--spacing-1-5) 0;
}
@media (max-width: 751px) {
  .dropdown__menu {
    min-inline-size: min(66vw, var(--width-col3));
  }
  .filter-dropdown__actions {
    align-items: stretch;
    flex-direction: column;
  }
  .filter-dropdown__submit {
    margin-inline-start: 0;
  }
  .filter-dropdown__submit > .button {
    flex: 1;
  }
}
.dropdown__content {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: 0;
  overflow: hidden;
  overflow-wrap: anywhere;
}
.dropdown__body {
  padding: var(--spacing-1);
  overscroll-behavior: contain;
}
.dropdown__footer {
  flex-shrink: 0;
}
.dropdown__body.scroller {
  min-inline-size: 0;
  min-block-size: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

/* app/assets/vendor/zappy-loader.css?v=8b36ad1b0a4eb9bb */
.loader {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  max-inline-size: 100%;
  vertical-align: middle;
  color: var(--color-text-primary);
}
.loader__spinner {
  display: block;
  flex: none;
  inline-size: var(--spacing-3);
  block-size: var(--spacing-3);
  box-sizing: border-box;
  color: var(--color-text-link);
  border: 3px solid currentColor;
  border-inline-end-color: transparent;
  border-radius: 50%;
  animation: cm-loader-rotate 11.2s linear infinite;
}
.loader[data-size=S] > .loader__spinner {
  inline-size: var(--spacing-1-5);
  block-size: var(--spacing-1-5);
  border-width: 2px;
}
.loader[data-type=light],
.loader[data-type=light] > .loader__spinner {
  color: var(--color-text-inverse);
}
.loader__text {
  margin-block-start: var(--spacing-1);
  text-align: center;
  overflow-wrap: anywhere;
  max-inline-size: 100%;
}
.button > .loader__spinner {
  inline-size: 1em;
  block-size: 1em;
  border-width: 2px;
  color: inherit;
}
@keyframes zds-loader-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes cm-loader-rotate {
  to {
    transform: rotate(7turn);
  }
}
@media (prefers-reduced-motion: reduce) {
  .loader__spinner {
    animation: none;
  }
}
@media (forced-colors: active) {
  .loader__spinner {
    color: CanvasText;
    forced-color-adjust: none;
  }
  .button > .loader__spinner {
    color: ButtonText;
  }
}

/* app/assets/project-foundation.css */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./files/noto-sans-jp-japanese-400-normal-XXYCTPU7.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url("./files/noto-sans-jp-japanese-600-normal-VO2MJWYM.woff2") format("woff2");
}
html {
  scrollbar-gutter: stable;
}
:root {
  --project-brand: var(--color-action-primary);
  --project-brand-dark: var(--color-action-primary-hover);
  --project-accent: var(--color-palette-yellow-100);
  --project-danger: var(--color-action-danger);
  --project-navigation-icon: var(--color-semantic-main);
  --font-size-s: 13px;
  --color-background-warning: var(--color-semantic-warning-yellow);
  --font-size-m: 14px;
  --font-size-l: 18px;
  --font-size-xl: 22px;
}
body {
  background: var(--color-background-canvas);
  font-size: var(--font-size-m);
  line-height: 1.6;
}
h1,
h2,
h3,
p {
  overflow-wrap: anywhere;
}
h1 {
  margin: 0;
  font-size: var(--font-size-xl);
  line-height: 1.25;
}
h2 {
  margin: 0;
  font-size: var(--font-size-l);
  line-height: 1.4;
}
h3 {
  font-size: 16px;
  line-height: 1.4;
}
p {
  line-height: 1.6;
}

/* app/assets/profile-react.css?v=9751971081ddc0c6 */
.header-control {
  box-sizing: border-box;
  block-size: 48px;
  padding-block: 0;
  white-space: nowrap;
  line-height: 1;
  font-size: var(--font-size-m);
}
.header-control svg {
  display: block;
  flex: none;
  inline-size: 18px;
  block-size: 18px;
}
.header-popup {
  display: inline-flex;
  min-inline-size: 0;
}
.header-popup__panel {
  padding: var(--spacing-0-5);
  min-inline-size: min(240px, calc(100vw - 16px));
}
.header-menu-caption {
  display: block;
  margin: 0;
  padding: var(--spacing-0-75);
  font-weight: 600;
  overflow-wrap: anywhere;
}
.react-profile-demo__note {
  position: fixed;
  z-index: 1;
  inset: auto var(--spacing-1) var(--spacing-1) auto;
  max-inline-size: 280px;
  margin: 0;
  padding: var(--spacing-0-5) var(--spacing-1);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-m);
  background: var(--color-background-surface);
  color: var(--color-text-secondary);
  font-size: var(--font-size-s);
  box-shadow: var(--shadow-layer1);
}
.react-profile-demo {
  --preview-sidebar-width: 220px;
  min-inline-size: 1400px;
}
.react-header-stack {
  --common-header-height: 64px;
  position: fixed;
  z-index: 10;
  inset: 0 auto auto;
  left: calc(-1 * var(--header-scroll-x, 0px));
  inline-size: max(calc(100vw - var(--drawer-viewport-expansion, 0px)), 1400px);
  transition: transform .24s ease-in-out;
}
.react-header-stack[data-hidden=true] {
  transform: translateY(-100%);
}
.react-profile-demo .site-header {
  box-sizing: border-box;
  min-block-size: 64px;
  margin-inline-start: var(--preview-sidebar-width);
}
.react-page-header {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-0-5) var(--spacing-1);
  min-block-size: 80px;
  margin-inline-start: var(--preview-sidebar-width);
  padding: var(--spacing-0-75) var(--spacing-1-5);
  border-block-end: 1px solid var(--color-border-default);
  background: var(--color-background-surface);
  box-shadow: var(--shadow-layer1);
}
.react-page-header--with-operations {
  position: relative;
  flex-wrap: nowrap;
  align-items: center;
  min-inline-size: 1180px;
  min-block-size: 80px;
}
.react-page-header--with-operations .react-page-header__identity {
  flex: 1 1 auto;
  white-space: nowrap;
}
.react-page-header--with-operations h1 {
  top: 0;
}
.react-page-header__identity {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  min-inline-size: 0;
  font-size: var(--font-size-xl);
  line-height: 1.35;
}
.react-page-header__identity > .dropdown {
  display: inline-flex;
  flex: none;
  top: -1px;
}
.react-page-header__identity > .dropdown > .button[data-icon-only][data-variant=text] {
  inline-size: var(--spacing-1-5);
  padding-inline: var(--spacing-0-25);
}
.react-page-header__identity > .dropdown > .button[data-icon-only][data-variant=text]:is(:hover, :focus-visible) {
  background: transparent;
}
.react-page-header__identity > .dropdown > .button[data-icon-only][data-variant=text]:focus-visible {
  box-shadow: var(--zds-focus-bordered-shadow);
}
.react-page-header h1 {
  flex: 0 1 auto;
  min-inline-size: 0;
  margin: 0;
  font-size: var(--font-size-xl);
  line-height: 1.35;
}
.react-page-header h1 > .tooltip-anchor {
  display: block;
  min-inline-size: 0;
}
.react-page-header h1 .line-clamp {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.react-page-header__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: var(--spacing-0-5);
  margin-inline-start: auto;
}
.react-page-header--with-operations .react-page-header__actions {
  position: absolute;
  inset-block-start: 6px;
  inset-inline-start: var(--spacing-1-5);
  margin: 0;
}
.react-page-header--with-operations .upward-link .text-link {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-0-25);
  font-size: 12px;
  line-height: 1;
}
.react-page-header--with-operations .upward-link .text-link__prefix {
  display: inline-flex;
  align-items: center;
  margin-inline-end: 0;
}
.react-page-header__operations {
  display: flex;
  flex: 0 0 auto;
  justify-content: flex-end;
  min-inline-size: 0;
  margin-inline-start: auto;
}
.react-page-header__operations:has(#allocation-header-operations-mount:empty) {
  display: none;
}
.react-page-header__operation-preview {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--spacing-0-5);
}
.react-page-header__description {
  max-inline-size: 32rem;
  margin: 0;
  font-size: var(--font-size-m);
  line-height: 1.6;
  white-space: normal;
}
.react-profile-demo .case-header .site-header__logo {
  display: none;
}
.react-profile-demo .case-header .header-tenant {
  display: none;
}
.react-profile-demo .site-header__identity .header-popup__panel {
  inset-inline-start: clamp(var(--preview-sidebar-width), calc(var(--preview-sidebar-width) + var(--sidebar-tab-protrusion,30px) + var(--spacing-0-5)), calc(100vw - 248px)) !important;
}
.react-profile-demo .site-header__actions {
  flex-wrap: nowrap;
}
.react-profile-demo .header-control {
  white-space: nowrap;
  line-height: 1;
}
.react-profile-demo .header-control svg {
  display: block;
  flex: none;
  inline-size: 18px;
  block-size: 18px;
}
.react-profile-demo__guide {
  margin-inline-start: var(--preview-sidebar-width);
  padding: calc(var(--header-preview-reserved-height, 144px) + var(--spacing-2)) var(--spacing-2) var(--spacing-2);
}
.react-profile-demo__guide h2 {
  font-size: var(--font-size-xl);
}
.react-profile-demo__guide a {
  color: var(--color-semantic-main);
}
.header-demo__details {
  display: grid;
  gap: var(--spacing-1);
  max-inline-size: 860px;
  margin-block-start: var(--spacing-2);
}
.header-demo__details section {
  padding: var(--spacing-1);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-m);
  background: var(--color-background-surface);
}
.header-demo__details h2 {
  margin: 0 0 var(--spacing-0-5);
  font-size: var(--font-size-l);
}
.header-demo__details p {
  margin: 0;
}
.header-demo__details dl {
  display: grid;
  gap: var(--spacing-0-75);
  margin: 0;
}
.header-demo__details dl > div {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: var(--spacing-0-5);
}
.header-demo__details dt {
  font-weight: 600;
}
.header-demo__details dd {
  margin: 0;
}
.header-demo__details code {
  overflow-wrap: anywhere;
}
.profile-menu-content {
  display: grid;
  gap: var(--spacing-0-5);
  min-inline-size: 240px;
  max-inline-size: min(400px, calc(100vw - 32px));
  padding: var(--spacing-0-5);
}
.header-popup__panel:has(.profile-menu-content) {
  inline-size: min(400px, calc(100vw - 16px));
}
.profile-menu-content p {
  margin: 0;
}
.profile-menu-content__meta {
  display: grid;
  gap: var(--spacing-0-5);
  margin: 0;
  font-size: var(--font-size-s);
}
.profile-menu-content__meta > div {
  display: grid;
  gap: var(--spacing-0-25);
}
.profile-menu-content__meta dt {
  color: var(--color-text-secondary);
}
.profile-menu-content__meta dd {
  margin: 0;
  overflow-wrap: anywhere;
}
.profile-menu-content__actions {
  display: grid;
  gap: 0;
  margin-block-start: var(--spacing-0-5);
  border-block-start: 1px solid var(--color-border-default);
  padding-block-start: var(--spacing-0-5);
}
.notice-drawer {
  --drawer-inline-size:480px;
}
.notice-drawer__count {
  color: var(--color-text-secondary);
  font-size: var(--font-size-s);
  line-height: 1.4;
  white-space: nowrap;
}
.notice-drawer__list {
  margin: 0 calc(0px - var(--spacing-0-5));
  padding: 0;
  list-style: none;
}
.notice-drawer__item + .notice-drawer__item {
  border-block-start: 1px solid var(--color-border-default);
}
.notice-drawer__row.button {
  inline-size: 100%;
  padding: var(--spacing-0-75) var(--spacing-0-25);
  text-align: start;
  font-weight: 400;
  line-height: 1.5;
}
.notice-drawer__row.button[data-unread=true]:not(:hover, :focus-visible) {
  background: var(--color-background-subtle);
}
.notice-drawer__row > .button__body {
  display: grid;
  grid-template-columns: var(--spacing-0-5) minmax(0, 1fr) var(--spacing-0-75);
  align-items: start;
  gap: var(--spacing-0-25);
  inline-size: 100%;
}
.notice-drawer__row-copy {
  display: grid;
  gap: var(--spacing-0-25);
  min-inline-size: 0;
  color: var(--color-text-secondary);
  font-size: var(--font-size-s);
}
.notice-drawer__row-copy strong {
  color: var(--color-text-primary);
  font-size: var(--font-size-m);
  font-weight: 600;
  min-inline-size: 0;
  overflow-wrap: anywhere;
}
.notice-drawer__overview-line {
  min-inline-size: 0;
  overflow-wrap: anywhere;
}
.notice-drawer__others {
  white-space: nowrap;
}
.notice-drawer__dot {
  inline-size: var(--spacing-0-5);
  block-size: var(--spacing-0-5);
  margin-block-start: var(--spacing-0-5);
  border-radius: 50%;
}
.notice-drawer__row[data-unread=true] .notice-drawer__dot {
  background: var(--color-semantic-main);
}
.notice-drawer__next {
  inline-size: var(--spacing-0-75);
  block-size: var(--spacing-0-75);
  margin-block-start: var(--spacing-0-25);
  transform: rotate(-90deg);
}
.notice-drawer time {
  font-variant-numeric: tabular-nums;
}
.notice-drawer__detail {
  display: grid;
  gap: var(--spacing-1);
  font-size: var(--font-size-m);
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.notice-drawer__detail :is(h3, h4, p) {
  margin: 0;
}
.notice-drawer__manual-message {
  white-space: pre-wrap;
}
.notice-drawer__detail h3 {
  font-size: var(--font-size-l);
  line-height: 1.4;
}
.notice-drawer__detail .notice-drawer__subjects {
  margin-block-start: var(--spacing-0-25);
}
.notice-drawer__detail-heading time {
  display: block;
  margin-block-start: var(--spacing-0-25);
  color: var(--color-text-secondary);
  font-size: var(--font-size-s);
}
.notice-drawer__show-latest {
  margin-block-start: var(--spacing-0-5);
}
.notice-drawer__detail-section {
  display: grid;
  gap: var(--spacing-0-5);
  min-inline-size: 0;
}
.notice-drawer__detail-section h4,
.notice-drawer__code-name {
  font-size: var(--font-size-m);
  font-weight: 600;
}
.notice-drawer dl.notice-drawer__facts.review-facts {
  margin: 0;
  padding: var(--spacing-1);
  border-radius: var(--radius-m);
  background: var(--color-background-subtle);
  --review-facts-columns:minmax(0,min(40%,9.75em)) minmax(0,1fr);
  --review-facts-row-gap:var(--spacing-0-5);
}
.notice-drawer__facts.review-facts > div {
  row-gap: var(--spacing-0-25);
}
.notice-drawer__facts.review-facts dt {
  color: var(--color-text-secondary);
  font-size: var(--font-size-s);
  font-weight: 400;
}
.notice-drawer__facts.review-facts dd {
  white-space: pre-line;
  overflow-wrap: anywhere;
}
.notice-drawer__fact-chunk {
  display: inline-block;
  max-inline-size: 100%;
}
.notice-drawer__fact-groups,
.notice-drawer__history {
  display: grid;
  gap: var(--spacing-0-75);
  list-style: none;
  margin: 0;
  padding: 0;
}
.notice-drawer__fact-group {
  display: grid;
  justify-items: start;
  gap: var(--spacing-0-5);
  min-inline-size: 0;
  padding: var(--spacing-1);
  border-radius: var(--radius-m);
  background: var(--color-background-subtle);
}
.notice-drawer__fact-group .detail-breakdown {
  inline-size: 100%;
  min-inline-size: 0;
}
.notice-drawer__origins {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 7em), 1fr));
  gap: var(--spacing-0-25) var(--spacing-0-5);
  list-style: none;
  margin: 0;
  padding: 0;
}
.notice-drawer__history > li + li {
  border-block-start: 1px solid var(--color-border-default);
  padding-block-start: var(--spacing-0-75);
}
.notice-drawer__history time {
  color: var(--color-text-secondary);
  font-size: var(--font-size-s);
}
.notice-drawer__allocation-card .notice-drawer__allocation-link {
  display: inline;
  white-space: normal;
  overflow-wrap: anywhere;
  --zds-focus-decoration:0 0 transparent;
}
.notice-drawer__allocation-card .notice-drawer__allocation-link:not(:focus-visible) {
  box-shadow: none;
}
.notice-drawer dl.notice-drawer__facts.notice-drawer__group-facts {
  align-self: start;
  inline-size: 100%;
  padding: 0;
  background: none;
}
.notice-drawer__actions {
  display: grid;
  justify-items: start;
  gap: var(--spacing-0-5);
}
.notice-drawer__actions .button {
  line-height: 1.4;
  text-align: start;
  max-inline-size: 100%;
  white-space: normal;
}
.notice-drawer__actions .button__body {
  min-inline-size: 0;
  overflow-wrap: anywhere;
  white-space: normal;
}
.notice-preview-options {
  display: grid;
  gap: var(--spacing-0-5);
}
.notice-preview-options label {
  display: grid;
  gap: var(--spacing-0-25);
}
.notice-preview-controls > .notice-preview-options {
  margin-block-start: var(--spacing-0-5);
}
.notice-preview-controls {
  --preview-panel-left: calc(220px + var(--spacing-1));
  position: fixed;
  z-index: 15;
  inset: auto auto var(--spacing-1) var(--preview-panel-left);
  box-sizing: border-box;
  inline-size: min(360px, calc(100vw - var(--preview-panel-left) - var(--spacing-1)));
  padding: var(--spacing-0-75);
  border: 1px dashed var(--color-semantic-main);
  border-radius: var(--radius-m);
  background: var(--color-background-surface);
  box-shadow: var(--shadow-layer3);
  font-size: var(--font-size-s);
}
.notice-preview-controls[data-positioned=true] {
  bottom: auto;
}
.notice-preview-controls__heading {
  display: flex;
  align-items: center;
  gap: var(--spacing-0-5);
  margin-block-end: var(--spacing-0-5);
}
.notice-preview-controls__heading > div {
  display: grid;
  gap: var(--spacing-0-25);
}
.notice-preview-controls__heading span {
  color: var(--color-text-secondary);
  font-size: 12px;
}
.notice-preview-controls__handle {
  display: grid;
  place-items: center;
  flex: none;
  inline-size: 36px;
  block-size: 36px;
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-s);
  background: var(--color-background-subtle);
  color: var(--color-semantic-main);
  cursor: grab;
  touch-action: none;
}
.notice-preview-controls__handle:active {
  cursor: grabbing;
}
.notice-preview-controls__handle:focus-visible {
  outline: 2px solid var(--color-semantic-main);
  outline-offset: 2px;
}
.notice-preview-controls__handle svg {
  inline-size: 18px;
  block-size: 18px;
  fill: currentColor;
}
.notice-preview-controls__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-0-5);
}
body:has(.notice-drawer[open]) .notice-preview-controls {
  visibility: hidden;
}

/* app/assets/navigation-react.css?v=0cc81f7ed0e2edbf */
.navigation-demo-page {
  box-sizing: border-box;
  min-inline-size: 1200px;
  margin: 0;
  padding: 0;
}
.navigation-demo-intro {
  display: grid;
  gap: var(--spacing-0-5);
  padding: var(--spacing-2);
}
.navigation-demo-intro p {
  margin: 0;
  color: var(--color-text-secondary);
}
.navigation-demo-intro a {
  color: var(--color-semantic-main);
}
.navigation-preview-controls {
  position: fixed;
  z-index: 15;
  inset: auto var(--spacing-1) var(--spacing-1) auto;
  box-sizing: border-box;
  inline-size: min(360px, calc(100vw - 2 * var(--spacing-1)));
  padding: var(--spacing-0-75);
  border: 1px dashed var(--color-semantic-main);
  border-radius: var(--radius-m);
  background: var(--color-background-surface);
  box-shadow: var(--shadow-layer3);
  font-size: var(--font-size-s);
}
.navigation-preview-controls[data-positioned=true] {
  right: auto;
  bottom: auto;
}
.navigation-preview-controls__heading {
  display: flex;
  align-items: center;
  gap: var(--spacing-0-5);
  margin-block-end: var(--spacing-0-5);
}
.navigation-preview-controls__heading > div {
  display: grid;
  gap: var(--spacing-0-25);
}
.navigation-preview-controls__heading span {
  color: var(--color-text-secondary);
  font-size: 12px;
}
.navigation-preview-controls__handle {
  display: grid;
  place-items: center;
  flex: none;
  inline-size: 36px;
  block-size: 36px;
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-s);
  background: var(--color-background-subtle);
  color: var(--color-semantic-main);
  cursor: grab;
  touch-action: none;
}
.navigation-preview-controls__handle:active {
  cursor: grabbing;
}
.navigation-preview-controls__handle:focus-visible {
  outline: 2px solid var(--color-semantic-main);
  outline-offset: 2px;
}
.navigation-preview-controls__handle svg {
  inline-size: 18px;
  block-size: 18px;
  fill: currentColor;
}
.navigation-preview-controls__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-0-5);
}
.navigation-react-sample {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  inline-size: 100%;
  min-block-size: 100vh;
  transition: grid-template-columns .24s ease-in-out;
}
.navigation-react-sample[data-navigation=collapsed] {
  grid-template-columns: 64px minmax(0, 1fr);
}
.navigation-react-sidebar {
  position: relative;
  z-index: 1;
  min-inline-size: 0;
  border-inline-end: 1px solid var(--color-border-default);
  background: var(--color-background-surface);
}
.navigation-react-brand {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  block-size: 64px;
  min-block-size: 64px;
  padding-inline: var(--spacing-0-5);
  overflow: hidden;
  white-space: nowrap;
  font-size: 17px;
  font-weight: 700;
}
.navigation-react-brand[data-collapsed=true] {
  justify-content: center;
}
.navigation-react-brand__monogram {
  display: inline-grid;
  place-items: center;
  flex: none;
  inline-size: var(--spacing-2);
  block-size: var(--spacing-2);
  border-radius: var(--radius-full);
  background: var(--color-semantic-main);
  color: var(--color-text-inverse);
  font-size: var(--font-size-l);
  font-weight: 600;
  line-height: 1;
}
.navigation-react-toggle {
  position: absolute;
  z-index: 2;
  inset-block-start: 14px;
  inset-inline-end: -30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 31px;
  min-inline-size: 31px;
  block-size: 36px;
  min-block-size: 36px;
  padding: 0;
  border: 1px solid var(--color-border-default);
  border-inline-start: 0;
  border-radius: 0 var(--radius-m) var(--radius-m) 0;
  background: var(--color-background-surface);
  color: var(--project-navigation-icon);
  box-shadow: none;
}
.navigation-react-toggle .icon {
  inline-size: 20px;
  block-size: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.navigation-react-sidebar .side-menu {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 0;
  inline-size: 100%;
  min-inline-size: 0;
  block-size: calc(100% - 64px);
  padding-inline: var(--spacing-0-25);
}
.navigation-react-calendar-entry {
  list-style: none;
  margin: 0;
  padding: 0 0 var(--spacing-0-5);
}
.navigation-react-admin-area {
  padding-block-start: var(--spacing-0-5);
  padding-block-end: var(--spacing-1);
}
.navigation-react-sidebar .side-menu__group + .side-menu__group {
  padding-block-start: var(--spacing-0-5);
}
.navigation-react-sidebar .side-menu__title {
  box-sizing: border-box;
  block-size: 40px;
  overflow: hidden;
  white-space: nowrap;
  transition:
    block-size .24s ease-in-out,
    padding .24s ease-in-out,
    opacity .16s ease;
}
.navigation-react-sidebar .side-menu__item {
  position: relative;
  min-block-size: 40px;
  white-space: nowrap;
}
.navigation-react-sidebar .side-menu__item .icon {
  flex: none;
  inline-size: 18px;
  block-size: 18px;
}
.navigation-react-sidebar .side-menu__item .icon--calendar {
  inline-size: 14px;
  block-size: 14px;
  margin-inline: 2px;
}
.navigation-react-sidebar .side-menu__item .icon--outline {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.navigation-react-sample[data-navigation=collapsed] .side-menu__title {
  block-size: 0;
  padding-block: 0;
  opacity: 0;
}
.navigation-react-sample[data-navigation=collapsed] .navigation-react-item-label {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}
.navigation-react-sample[data-navigation=collapsed] .side-menu__item {
  justify-content: center;
  padding-inline: var(--spacing-0-5);
}
.navigation-react-content {
  min-inline-size: 0;
  padding: var(--spacing-2) var(--spacing-3);
}
.navigation-react-content .navigation-react-content__title {
  margin: 0;
  color: var(--color-text-primary);
  font-size: 18px;
  font-weight: 700;
}
.navigation-react-content p {
  color: var(--color-text-secondary);
}
.navigation-react-toggle:hover::after,
.navigation-react-toggle:focus-visible::after,
.navigation-react-sample[data-navigation=collapsed] .side-menu__item:hover::after,
.navigation-react-sample[data-navigation=collapsed] .side-menu__item:focus-visible::after {
  position: absolute;
  z-index: 5;
  inset: calc(100% + 8px) auto auto 50%;
  transform: translateX(-50%);
  width: max-content;
  max-width: 210px;
  padding: var(--spacing-0-5) var(--spacing-0-75);
  border-radius: var(--radius-s);
  background: var(--color-text-primary);
  color: var(--color-background-surface);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  white-space: normal;
  content: attr(data-tooltip);
  pointer-events: none;
}
.navigation-react-sample[data-navigation=collapsed] .side-menu__item:hover::after,
.navigation-react-sample[data-navigation=collapsed] .side-menu__item:focus-visible::after {
  inset: 50% auto auto calc(100% + 8px);
  transform: translateY(-50%);
}
.navigation-demo-guide {
  padding: var(--spacing-2);
}
.navigation-demo-guide__grid {
  display: grid;
  gap: var(--spacing-2);
  margin-block-start: var(--spacing-1);
}
.navigation-demo-guide__grid > section {
  padding: var(--spacing-1);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-m);
  background: var(--color-background-surface);
}
.navigation-demo-guide h3 {
  margin-block: 0 var(--spacing-0-5);
}
.navigation-demo-guide dl,
.navigation-demo-guide ul {
  margin: 0;
}
.navigation-demo-guide dl > div {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: var(--spacing-1);
  padding-block: var(--spacing-0-5);
}
.navigation-demo-guide dt {
  font-weight: 700;
}
.navigation-demo-guide dd {
  margin: 0;
}

/* app/assets/integrated-shell-react.css?v=d4cd343c069db0b2 */
.application-shell {
  min-inline-size: 1200px;
}
.application-shell:has(#allocation-board-react-root) {
  min-inline-size: 1200px;
}
.allocation-page-shell .react-profile-demo {
  min-inline-size: 0;
}
.application-shell .shell-body {
  padding-block-start: var(--integrated-header-height, 144px);
  min-block-size: 100vh;
}
.application-shell .integrated-profile {
  --preview-sidebar-width: var(--navigation-width);
  min-inline-size: 0;
}
.application-shell .react-header-stack {
  z-index: var(--zIndex-fixed-menu);
}
.allocation-page-shell .react-header-stack {
  position: relative;
  inset: auto;
  left: auto;
  inline-size: 100%;
  transform: none;
  transition: none;
}
.allocation-page-shell .shell-body {
  padding-block-start: 0;
  min-block-size: 0;
}
.allocation-page-shell .react-page-header {
  min-inline-size: 0;
}
.application-shell .react-profile-demo .site-header {
  margin-inline-start: var(--navigation-width);
  padding-inline-start: calc(var(--sidebar-tab-protrusion) + var(--spacing-0-5));
}
.application-shell .react-page-header {
  margin-inline-start: var(--navigation-width);
  transition: margin-inline-start .24s ease-in-out;
}
.application-shell .react-profile-demo .site-header__identity .header-popup__panel {
  inset-inline-start: calc(var(--navigation-width) + var(--sidebar-tab-protrusion) + var(--spacing-0-5)) !important;
}
.react-sidebar-host.navigation-react-sample {
  position: fixed;
  z-index: calc(var(--zIndex-fixed-menu) + 1);
  inset: 0 auto 0 0;
  display: block;
  inline-size: var(--navigation-width);
  min-block-size: 0;
  block-size: 100vh;
  border: 0;
  transition: inline-size .24s ease-in-out;
}
.react-sidebar-host .navigation-react-sidebar {
  block-size: 100%;
}
.react-sidebar-host .side-menu {
  overflow-x: hidden;
  overflow-y: auto;
}
.application-shell[data-navigation=collapsed] .react-sidebar-host .side-menu__title {
  block-size: 0;
  padding-block: 0;
  opacity: 0;
}
.application-shell[data-navigation=collapsed] .react-sidebar-host .navigation-react-item-label {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}
.application-shell[data-navigation=collapsed] .react-sidebar-host .side-menu__item {
  justify-content: center;
  padding-inline: var(--spacing-0-5);
}
.application-shell .react-sidebar-host .navigation-react-toggle:hover::after,
.application-shell .react-sidebar-host .navigation-react-toggle:focus-visible::after,
.application-shell[data-navigation=collapsed] .react-sidebar-host .side-menu__item:hover::after,
.application-shell[data-navigation=collapsed] .react-sidebar-host .side-menu__item:focus-visible::after {
  content: none;
}
.integrated-sidebar-tooltip {
  position: fixed;
  z-index: calc(var(--zIndex-fixed-menu) + 3);
  max-inline-size: 210px;
  padding: var(--spacing-0-5) var(--spacing-0-75);
  border-radius: var(--radius-s);
  background: var(--color-text-primary);
  color: var(--color-background-surface);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  white-space: normal;
  pointer-events: none;
  transform: translateY(-50%);
}
.integrated-sidebar-tooltip[data-position=toggle] {
  transform: none;
}
body[data-screen-state=loading] .material-section,
body[data-screen-state=loading] .board-card,
body[data-screen-state=empty] .material-section,
body[data-screen-state=empty] .board-card,
body[data-screen-state=error] .material-section,
body[data-screen-state=error] .board-card {
  display: none;
}
.application-shell[data-workspace=expanded] .react-sidebar-host {
  display: none;
}
body:has(.allocation-page-shell[data-workspace=expanded]) #integrated-header-mount {
  display: none;
}
.allocation-page-shell[data-workspace=expanded] {
  min-inline-size: 0;
  inline-size: 100%;
  block-size: 100vh;
  overflow: hidden;
  background: var(--color-background-canvas);
}
.allocation-page-shell[data-workspace=expanded] .shell-body {
  display: block;
  block-size: 100%;
  min-block-size: 0;
  padding-block-start: 0;
}
.allocation-page-shell[data-workspace=expanded] .main-content {
  block-size: 100%;
}
.allocation-page-shell[data-workspace=expanded] #allocation-board-react-root {
  block-size: 100%;
  min-block-size: 0;
}
@media (max-width: 767px) {
  .application-shell .react-page-header {
    align-items: center;
    flex-direction: row;
  }
  .application-shell .react-profile-demo .site-header__actions .header-control span {
    display: inline;
  }
}

/* app/assets/material-cards-react.css?v=1ae9445f3f4cf105 */
.material-demo-page {
  box-sizing: border-box;
  min-inline-size: 1200px;
  min-block-size: 100vh;
  --material-card-readonly-surface: rgb(246 246 246);
  --material-card-readonly-border: rgb(198 198 198);
}
.material-demo-stage {
  padding: var(--spacing-2);
}
.material-demo-area {
  box-sizing: border-box;
  inline-size: 100%;
  padding: var(--spacing-1);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-m);
  background: var(--color-background-surface);
}
.material-demo-area:has(> #material-demo-content[hidden]) {
  padding-block-end: var(--spacing-0-5);
}
.material-demo-area__heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-1);
}
.material-demo-area__title {
  display: flex;
  align-items: center;
  gap: var(--spacing-0-5);
}
.material-demo-area__heading h2 {
  margin: 0;
  font-size: var(--font-size-m);
}
.material-demo-area__heading p {
  margin: var(--spacing-0-25) 0 0;
  color: var(--color-text-secondary);
  font-size: var(--font-size-xs);
}
.material-demo-area__actions,
.material-demo-area__scroll-actions {
  display: flex;
  align-items: center;
  gap: var(--spacing-0-5);
}
.material-demo-area__actions {
  transform: translateY(calc(-1 * var(--spacing-0-25)));
}
.material-demo-area__scroll-actions .button {
  inline-size: 32px;
  min-inline-size: 32px;
  block-size: 32px;
  min-block-size: 32px;
}
.material-demo-area__scroll-actions .icon {
  inline-size: 16px;
  block-size: 16px;
}
.material-demo-group {
  flex: 0 0 auto;
  min-inline-size: 0;
}
.material-demo-group__head,
.material-demo-group__label {
  display: flex;
  align-items: center;
  gap: var(--spacing-0-5);
}
.material-demo-group__head {
  margin-block-end: var(--spacing-0-5);
}
.material-demo-group__label h3 {
  margin: 0;
  font-size: var(--font-size-s);
}
.material-demo-group__cards {
  display: flex;
  gap: var(--spacing-0-5);
}
.material-demo-arrow-right {
  transform: rotate(180deg);
}
.material-demo-reel {
  margin-block-start: var(--spacing-1);
  padding: 2px 2px var(--spacing-0-5);
}
.material-demo-reel:focus-visible {
  outline: 2px solid var(--color-border-focus);
  outline-offset: 2px;
}
.material-demo-card {
  box-sizing: border-box;
  display: grid;
  grid-template-rows: auto auto auto;
  align-content: start;
  gap: var(--spacing-0-25);
  flex: 0 0 214px;
  inline-size: 214px;
  block-size: 100px;
  padding: var(--spacing-0-75);
  border: 1px solid var(--color-border-default);
  border-inline-start: 6px solid var(--material-color);
  border-radius: var(--radius-m);
  background: var(--color-background-surface);
  color: var(--color-text-primary);
  box-shadow: var(--shadow-layer1);
  cursor: grab;
}
.material-demo-card:active:not([aria-disabled=true]) {
  cursor: grabbing;
}
.material-demo-card[aria-disabled=true] {
  border-color: var(--material-card-readonly-border);
  background: var(--material-card-readonly-surface);
  color: var(--color-text-primary);
  box-shadow: none;
  cursor: default;
}
.material-demo-card[aria-disabled=true]:hover {
  cursor: not-allowed;
}
.material-demo-card__duration,
.material-demo-card__code {
  color: var(--color-text-secondary);
  font-size: var(--font-size-xs);
  line-height: 1.35;
}
.material-demo-card__code {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.material-demo-card__name {
  display: block;
  font-size: var(--font-size-xs);
  font-weight: 700;
  line-height: 1.35;
}
.material-demo-card .tooltip-anchor {
  display: block;
  min-inline-size: 0;
}
.material-demo-card .tooltip-anchor:focus-visible {
  outline: 2px solid var(--color-border-focus);
  outline-offset: 2px;
}
.material-demo-card__name .line-clamp {
  overflow-wrap: anywhere;
}
.material-demo-card[data-restricted=true] {
  padding-block: var(--spacing-0-5);
  gap: 0;
  grid-template-rows: auto auto auto auto;
}
.material-demo-card__restriction {
  display: block;
  min-inline-size: 0;
  white-space: nowrap;
  font-size: 10px;
  line-height: 1.35;
  color: var(--color-text-danger);
}
.material-demo-group__cards > .tooltip-anchor {
  flex: 0 0 214px;
}
.material-demo-card-tooltip {
  display: grid;
  gap: 8px;
  white-space: normal;
  overflow-wrap: anywhere;
}
.material-demo-card-tooltip > span {
  display: grid;
  gap: 2px;
}
.material-demo-message {
  margin-block: var(--spacing-2);
  color: var(--color-text-secondary);
}
.material-demo-message p {
  margin: 0 0 var(--spacing-0-5);
}
.material-demo-feedback {
  box-sizing: border-box;
  display: grid;
  place-items: center;
  inline-size: 100%;
  min-block-size: 154px;
  margin-block-start: var(--spacing-1);
}
.material-demo-feedback__group {
  display: grid;
  justify-items: start;
  gap: var(--spacing-1);
  max-inline-size: 100%;
  text-align: start;
}
.material-demo-area .material-demo-feedback .loader {
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-0-5);
}
.material-demo-area .material-demo-feedback .loader__text {
  margin-block-start: 0;
  text-align: start;
}
.material-demo-feedback__group > .button {
  margin-inline-start: calc(var(--font-size-m) + var(--spacing-0-25));
}
.material-demo-sr {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}
.material-demo-area .badge[data-type=grey] {
  --badge-fill: var(--color-background-selected);
  --badge-outline: var(--color-border-default);
}
.material-demo-area .badge__count {
  height: 1.5em;
  min-width: 1.5em;
  padding-inline: .375em;
}
.material-demo-area .badge .text {
  font-size: 12px;
}
.material-demo-controls {
  position: fixed;
  z-index: 15;
  inset: auto var(--spacing-1) var(--spacing-1) auto;
  box-sizing: border-box;
  inline-size: min(360px, calc(100vw - 2 * var(--spacing-1)));
  padding: var(--spacing-0-75);
  border: 1px dashed var(--color-semantic-main);
  border-radius: var(--radius-m);
  background: var(--color-background-surface);
  box-shadow: var(--shadow-layer3);
  font-size: var(--font-size-s);
}
.material-demo-controls[data-positioned=true] {
  right: auto;
  bottom: auto;
}
.material-demo-controls__heading {
  display: flex;
  align-items: center;
  gap: var(--spacing-0-5);
  margin-block-end: var(--spacing-0-5);
}
.material-demo-controls__heading > div {
  display: grid;
  gap: var(--spacing-0-25);
}
.material-demo-controls__heading span {
  color: var(--color-text-secondary);
  font-size: 12px;
}
.material-demo-controls__handle {
  display: grid;
  place-items: center;
  flex: none;
  inline-size: 36px;
  block-size: 36px;
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-s);
  background: var(--color-background-subtle);
  color: var(--color-semantic-main);
  cursor: grab;
  touch-action: none;
}
.material-demo-controls__handle:active {
  cursor: grabbing;
}
.material-demo-controls__handle:focus-visible {
  outline: 2px solid var(--color-border-focus);
  outline-offset: 2px;
}
.material-demo-controls__handle svg {
  inline-size: 18px;
  block-size: 18px;
  fill: currentColor;
}
.material-demo-controls__choices {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-0-5);
}
.material-demo-controls__choices button,
.material-demo-controls__reset {
  min-block-size: 32px;
  padding: var(--spacing-0-25) var(--spacing-0-5);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-s);
  background: var(--color-background-surface);
  color: var(--color-text-primary);
  cursor: pointer;
}
.material-demo-controls__choices button[aria-pressed=true] {
  border-color: var(--color-semantic-main);
  background: var(--color-semantic-main);
  color: var(--color-text-inverse);
}
.material-demo-controls__choices button:focus-visible,
.material-demo-controls__reset:focus-visible {
  outline: 2px solid var(--color-border-focus);
  outline-offset: 2px;
}
.material-demo-controls__reset {
  margin-block-start: var(--spacing-0-5);
}
.material-demo-guide {
  padding: var(--spacing-2);
}
.material-demo-guide h2 {
  margin: 0 0 var(--spacing-0-5);
  font-size: var(--font-size-xl);
}
.material-demo-guide > p {
  margin: 0 0 var(--spacing-0-5);
  color: var(--color-text-secondary);
}
.material-demo-guide a {
  color: var(--color-semantic-main);
}
.material-demo-guide__grid {
  display: grid;
  gap: var(--spacing-1);
  margin-block-start: var(--spacing-2);
}
.material-demo-guide__grid > section {
  padding: var(--spacing-1);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-m);
  background: var(--color-background-surface);
}
.material-demo-guide__grid h2 {
  margin: 0 0 var(--spacing-0-5);
  font-size: var(--font-size-l);
}
.material-demo-guide dl,
.material-demo-guide ul,
.material-demo-guide__grid p {
  margin: 0;
}
.material-demo-guide dl > div {
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr);
  gap: var(--spacing-1);
  padding-block: var(--spacing-0-5);
}
.material-demo-guide dt {
  font-weight: 700;
}
.material-demo-guide dd {
  margin: 0;
}

/* app/assets/allocation-board-react.css?v=11fbf0880940f0a2 */
.allocation-page {
  --material-card-readonly-surface: rgb(246 246 246);
  --material-card-readonly-border: rgb(198 198 198);
  position: relative;
  min-inline-size: 0;
  min-block-size: calc(100dvh - var(--integrated-header-height,144px));
  padding: 20px 24px calc(var(--registration-footer-height,74px) + var(--spacing-1));
  box-sizing: border-box;
}
.allocation-page .allocation-page-footer {
  inset-inline-start: var(--navigation-width,220px);
  min-inline-size: 0;
  box-sizing: border-box;
  transition: inset-inline-start .24s ease-in-out;
}
.allocation-page-footer > .allocation-page-footer__actions {
  display: flex;
  align-items: center;
  gap: var(--spacing-0-5);
  margin-inline-start: auto;
}
.allocation-page-footer .button {
  flex: none;
}
.allocation-page--expanded .allocation-page-footer {
  display: none;
}
.allocation-page--component {
  min-block-size: 92vh;
  padding-block-end: var(--spacing-1);
}
.allocation-page .material-demo-card[aria-disabled=true] {
  border-color: var(--color-border-default);
  border-inline-start-color: var(--material-color);
  background: var(--color-background-surface);
  box-shadow: var(--shadow-layer1);
  cursor: not-allowed;
}
.allocation-page-shell .main-content {
  display: block;
  padding: 0;
}
.allocation-page--expanded {
  display: flex;
  flex-direction: column;
  min-inline-size: 0;
  block-size: 100%;
  min-block-size: 0;
  overflow: hidden;
  padding-block: var(--spacing-1);
}
.allocation-page--expanded > .material-demo-stage {
  flex: none;
}
.allocation-page--expanded .allocation-board-panel {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-block-size: 0;
}
.allocation-page--expanded .allocation-viewport {
  flex: 1;
  min-block-size: 0;
  max-block-size: none;
}
.allocation-page--expanded .allocation-controls {
  display: none;
}
.allocation-page--expanded .allocation-page__header {
  display: none;
}
.allocation-page__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-block-end: 14px;
}
.allocation-page__header h1 {
  font-size: 22px;
  margin: 0;
}
.allocation-page__header p {
  color: var(--color-text-secondary);
  margin: 2px 0 0;
}
.allocation-status-row {
  display: flex;
  inline-size: 100%;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  min-block-size: 40px;
  margin-block-end: 12px;
}
.react-page-header .allocation-status-row {
  inline-size: auto;
  min-block-size: 0;
  margin-block-end: 0;
}
.allocation-deleted {
  padding: 16px;
  border: 1px solid var(--color-border-default);
  background: var(--color-background-surface);
}
.allocation-board-panel {
  box-sizing: border-box;
  inline-size: 100%;
  min-inline-size: 0;
}
.allocation-page[data-deleted=true] .allocation-board-panel {
  display: none;
}
.allocation-page[data-deleted=true] .allocation-toolbar,
.allocation-page[data-deleted=true] .allocation-memo,
.allocation-page[data-deleted=true] .material-demo-stage,
.allocation-page[data-deleted=true] .allocation-progress,
.allocation-page[data-deleted=true] .allocation-viewport {
  display: none;
}
.allocation-toolbar {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--spacing-0-5);
  margin-block-end: 12px;
}
.allocation-toolbar__tools {
  inline-size: 100%;
}
.allocation-toolbar[data-unavailable=true] .allocation-toolbar__side--settings label,
.allocation-toolbar[data-unavailable=true] .allocation-toolbar__count,
.allocation-toolbar[data-unavailable=true] .combobox__single-value {
  color: var(--color-text-disabled);
}
.allocation-toolbar[data-unavailable=true] .combobox__input {
  cursor: not-allowed;
}
.allocation-toolbar__side {
  flex-wrap: wrap;
}
.allocation-toolbar__side--actions {
  margin-inline-start: auto;
  justify-content: flex-end;
}
.allocation-toolbar__side--actions .allocation-toolbar__zoom-icon {
  padding-inline: 10px;
}
.allocation-toolbar__count {
  white-space: nowrap;
}
.allocation-toolbar__group {
  flex: 0 0 auto;
  flex-wrap: nowrap;
}
.allocation-toolbar__filter,
.allocation-toolbar__card-display,
.allocation-toolbar__card-text {
  flex: 0 0 auto;
  min-inline-size: 0;
}
.allocation-toolbar__filter .combobox {
  inline-size: 200px;
  min-inline-size: 0;
}
.allocation-toolbar__card-display .combobox {
  inline-size: 145px;
  min-inline-size: 0;
}
.allocation-toolbar__card-text .combobox {
  inline-size: 104px;
  min-inline-size: 0;
}
.allocation-toolbar__filter .combobox__clear,
.allocation-toolbar__card-display .combobox__clear,
.allocation-toolbar__card-text .combobox__clear {
  display: none;
}
.allocation-toolbar__filter .combobox__input > .combobox__toggle,
.allocation-toolbar__card-display .combobox__input > .combobox__toggle,
.allocation-toolbar__card-text .combobox__input > .combobox__toggle {
  margin-block: 0;
}
.allocation-toolbar__filter .combobox__single-value,
.allocation-toolbar__card-display .combobox__single-value,
.allocation-toolbar__card-text .combobox__single-value {
  inset-block-start: 50%;
  transform: translateY(-50%);
}
.allocation-memo {
  padding: 10px 14px;
  border: 1px solid var(--color-border-default);
  border-radius: 6px;
  background: var(--color-background-surface);
  margin-block-end: 10px;
}
.allocation-memo {
  display: flex;
  align-items: center;
  gap: 12px;
}
.allocation-memo > strong {
  flex-shrink: 0;
}
.allocation-memo p {
  flex: 1;
  min-inline-size: 0;
  margin: 0;
  overflow-wrap: anywhere;
}
.allocation-supplementary-actions {
  display: flex;
  align-items: center;
  gap: var(--spacing-0-5);
  flex-shrink: 0;
}
.allocation-shortcuts-dialog {
  display: grid;
  gap: var(--spacing-1-5);
  font-size: var(--font-size-s);
}
.allocation-shortcuts-dialog__group {
  min-inline-size: 0;
}
.allocation-shortcuts-dialog__group > .heading {
  margin: 0 0 var(--spacing-0-5);
  font-size: var(--font-size-s);
}
.allocation-shortcuts-dialog .definition-list {
  gap: 0;
}
.allocation-shortcuts-dialog .definition-list__item {
  grid-template-columns: minmax(0, 1fr) max-content;
  align-items: center;
  gap: var(--spacing-1);
  padding-block: var(--spacing-0-5);
  border-block-end: 1px solid var(--color-border-default);
}
.allocation-shortcuts-dialog .definition-list dt {
  font-weight: 400;
}
.allocation-shortcuts-dialog kbd {
  font: inherit;
  white-space: nowrap;
}
@media (width < 480px) {
  .allocation-shortcuts-dialog .definition-list__item {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--spacing-0-25);
  }
}
.allocation-page > .material-demo-stage {
  padding: 0 0 12px;
}
.allocation-grid-stage {
  position: relative;
  min-inline-size: 0;
  min-block-size: 0;
}
.allocation-page--expanded .allocation-grid-stage {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-block-size: 0;
}
.allocation-viewport[data-saving=true] {
  overflow: hidden;
  opacity: .4;
}
.allocation-save-overlay.preview-data-state {
  position: absolute;
  inset: 0;
  z-index: 7;
  display: grid;
  place-items: center;
  min-block-size: 0;
  background: transparent;
  touch-action: none;
}
.allocation-save-overlay .preview-data-state__group {
  background: var(--color-background-surface);
}
.allocation-state {
  display: grid;
  place-items: center;
  min-block-size: 250px;
  background: var(--color-background-surface);
}
.allocation-state__group {
  display: grid;
  justify-items: start;
  gap: var(--spacing-1);
  max-inline-size: 100%;
  text-align: start;
}
.allocation-state__group > p {
  margin: 0;
}
.allocation-state__group > .button {
  justify-self: start;
}
.allocation-state__group > p + .button {
  justify-self: center;
}
.allocation-viewport {
  position: relative;
  max-block-size: var(--allocation-viewport-height,calc(100dvh - 280px));
  min-block-size: min(300px, var(--allocation-viewport-height,300px));
  overflow: auto;
  border: 1px solid var(--color-border-default);
  background: var(--color-palette-white);
  overscroll-behavior: contain;
}
.allocation-viewport[data-row-filtered=true] {
  min-block-size: 0;
}
.allocation-grid {
  display: grid;
  grid-template-columns: 268px repeat(var(--day-count), 105px);
  inline-size: max-content;
  font-size: 12px;
  zoom: var(--board-scale);
  user-select: none;
}
.allocation-selection-marquee {
  position: absolute;
  z-index: 6;
  box-sizing: border-box;
  pointer-events: none;
  border: 1px solid var(--color-semantic-main);
  background: color-mix(in srgb, var(--color-semantic-main) 18%, transparent);
}
.allocation-selection-marquee[hidden] {
  display: none;
}
.allocation-operation-runway {
  display: none;
  position: absolute;
  inset-block-start: 0;
  block-size: 1px;
  pointer-events: none;
}
.allocation-viewport[data-operation-open=true] .allocation-operation-runway {
  display: block;
}
.allocation-grid .dropdown__panel:popover-open {
  zoom: calc(1 / var(--board-scale));
}
.allocation-corner,
.allocation-day {
  position: sticky;
  top: 0;
  z-index: 3;
  min-block-size: 55px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  border-block-end: 1px solid var(--color-border-default);
  background: var(--color-palette-ecru-200);
}
.allocation-corner {
  left: 0;
  z-index: 5;
  align-items: flex-start;
  padding-inline: 12px;
  font-weight: 600;
}
.allocation-day {
  border-inline-start: 1px solid var(--color-border-default);
}
.allocation-day .button {
  border: 0;
  background: transparent;
  padding: 2px 4px;
  min-block-size: 0;
  font-size: inherit;
}
.allocation-day .button,
.allocation-day__label {
  font-size: inherit;
  font-weight: 600;
  line-height: 1.6;
}
.allocation-day__label {
  padding: 2px 4px;
}
.allocation-day__memo-anchor {
  display: inline-flex;
}
.allocation-day__memo-badge[data-attached=true] > .badge__dot {
  transform: translate(100%, -50%);
}
.allocation-grid__row {
  display: contents;
}
.allocation-row-label {
  --station-handle-width:30px;
  --station-handle-gap:4px;
  --station-label-start:5px;
  position: sticky;
  left: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: var(--station-handle-gap);
  min-block-size: 72px;
  box-sizing: border-box;
  padding: 6px;
  padding-inline-start: var(--station-label-start);
  border-block-end: 1px solid var(--color-border-default);
  background: var(--color-background-surface);
}
.allocation-row-label--source {
  padding-inline-start: calc(var(--station-label-start) + var(--station-handle-width) + var(--station-handle-gap));
  background: color-mix(in srgb, var(--color-semantic-main) 12%, var(--color-background-surface));
}
.allocation-row-label--no-handle {
  padding-inline-start: calc(var(--station-label-start) + var(--station-handle-width) + var(--station-handle-gap));
}
.allocation-row-label--exception {
  background: var(--color-background-subtle);
}
.allocation-memo-feedback {
  position: absolute;
  z-index: 1;
  inset-block-start: calc(100% - 4px);
  inset-inline-start: 0;
  inline-size: max-content;
  padding: 4px 8px;
  border: 1px solid var(--color-border-default);
  border-radius: 4px;
  background: var(--color-background-surface);
  box-shadow: var(--shadow-layer4);
  pointer-events: none;
}
.allocation-row-identity {
  flex: 1;
  min-inline-size: 0;
}
.allocation-row-identity .tooltip-anchor {
  display: block;
  min-inline-size: 0;
}
.allocation-row-identity__name {
  font-weight: 600;
}
.allocation-row-menu {
  flex: none;
}
.allocation-row-menu__memo-badge[data-attached=true] > .badge__dot {
  inset-block-start: 4px;
  inset-inline-end: 2px;
  transform: none;
}
.allocation-row-menu__memo-badge:has(.allocation-row-menu__memo-label) {
  padding-inline-end: 12px;
}
.allocation-row-label strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.allocation-row-label small {
  display: block;
  color: var(--color-text-secondary);
  font-size: 12px;
  line-height: 1.5;
  white-space: normal;
  overflow-wrap: anywhere;
}
.allocation-row-label .button {
  min-inline-size: 25px;
  padding-inline: 3px;
}
.allocation-row-label .reorder-handle > .dropdown > .button {
  inline-size: var(--station-handle-width);
  min-inline-size: var(--station-handle-width);
  padding-inline: 2px;
}
.allocation-row-menu .dropdown .button {
  border: 0;
  background: transparent;
}
.allocation-day .dropdown__heading,
.allocation-row-menu .dropdown__heading {
  color: var(--color-text-primary);
  white-space: normal;
  overflow-wrap: anywhere;
}
.allocation-cell-stack {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  padding: 4px;
  box-sizing: border-box;
  border-inline-start: 1px solid var(--color-border-default);
  border-block-end: 1px solid var(--color-border-default);
  min-block-size: 72px;
}
.allocation-cell-stack:has(.allocation-cell--mismatch) {
  background: color-mix(in srgb, var(--color-semantic-danger) 10%, var(--color-background-surface));
}
.allocation-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  min-block-size: 48px;
  box-sizing: border-box;
  border: 1px dashed var(--color-border-default);
  border-radius: 4px;
  background: var(--color-background-surface);
}
.allocation-grid[data-cell-rendering=contained] .allocation-cell:has(> .allocation-empty) {
  content-visibility: auto;
  contain-intrinsic-size: auto 0px;
}
.allocation-grid[data-cell-rendering=contained] .allocation-cell:not(.allocation-cell--mismatch):not(.allocation-cell--disabled):has(> .tooltip-anchor > .allocation-placed) {
  content-visibility: auto;
  contain-intrinsic-size: auto 0px;
}
.allocation-cell--mismatch {
  border: 2px solid var(--color-border-danger);
  background: transparent;
}
.allocation-cell--disabled,
.allocation-cell--disabled.allocation-cell--invalid {
  border: 0;
  background: transparent;
}
.allocation-cell--target {
  border-color: var(--color-semantic-main);
}
.allocation-cell--drop-hover .allocation-empty .button {
  outline: var(--zds-focus-outline);
  outline-offset: var(--zds-focus-inner-offset);
  box-shadow: var(--zds-focus-bordered-shadow);
}
.allocation-cell--invalid {
  background: var(--color-semantic-surface);
}
.allocation-cell--invalid .allocation-empty {
  opacity: .45;
}
.allocation-cell--invalid:has(.allocation-placed) {
  background: var(--color-background-subtle);
  border-color: var(--material-card-readonly-border);
}
.allocation-cell--selected {
  outline: 2px solid var(--color-semantic-main);
  outline-offset: -2px;
}
.allocation-cell:focus-visible {
  outline: var(--zds-focus-outline);
  outline-offset: 2px;
}
.allocation-cell--copied {
  outline: 2px dashed var(--color-semantic-main);
  outline-offset: -2px;
}
.allocation-cell > .tooltip-anchor:has(> .allocation-placed:not(.allocation-placed--color)) {
  inline-size: 100%;
  min-inline-size: 0;
}
.allocation-placed {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 100%;
  block-size: 45px;
  min-block-size: 34px;
  max-block-size: 45px;
  overflow: hidden;
  padding: 3px;
  box-sizing: border-box;
  background: var(--color-palette-white);
  border: 1px solid var(--color-border-default);
  border-inline-start: 5px solid var(--material-color);
  border-radius: 5px;
  font-size: inherit;
  text-align: start;
  cursor: pointer;
}
.allocation-placed[aria-disabled=true] {
  cursor: not-allowed;
}
.allocation-placed > span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow-wrap: anywhere;
  font-size: var(--allocation-card-text-size,12px);
  line-height: 19.2px;
}
.allocation-placed--color {
  inline-size: 40px;
  block-size: 24px;
  min-block-size: 0;
  background: var(--material-color);
  border: 3px solid var(--color-palette-white);
  box-shadow: 0 0 0 1px var(--color-border-default);
  border-radius: 12px;
}
.allocation-placed--has-mismatch {
  padding-inline-end: 16px;
}
.allocation-placed__mismatch-icon {
  position: absolute;
  inset-block-start: 2px;
  inset-inline-end: 2px;
  font-size: 12px;
  color: var(--color-icon-danger);
}
.allocation-placed--color.allocation-placed--has-mismatch {
  padding-inline-end: 3px;
}
.allocation-cell--invalid .allocation-placed {
  background: var(--material-card-readonly-surface);
  border-color: var(--material-card-readonly-border);
  border-inline-start-color: var(--material-card-readonly-border);
  color: var(--color-text-secondary);
  box-shadow: none;
  cursor: not-allowed;
}
.allocation-cell--invalid .allocation-placed--color {
  background: var(--material-card-readonly-surface);
  box-shadow: none;
}
.allocation-empty {
  display: flex;
  align-items: center;
  gap: 2px;
}
.allocation-empty .button {
  box-sizing: border-box;
  inline-size: 27px;
  min-inline-size: 27px;
  block-size: 27px;
  min-block-size: 27px;
  padding: 2px;
  color: var(--color-text-link);
}
.allocation-empty .button[data-icon-only][data-size] {
  padding: 2px;
}
.allocation-empty .button > .button__body {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
}
.allocation-empty .dropdown .button {
  color: var(--color-text-secondary);
}
.allocation-restore.button {
  max-inline-size: 100%;
  min-inline-size: 0;
  padding-inline: 2px;
  border: 0;
  background: transparent;
  white-space: nowrap;
  font-size: 12px;
}
.allocation-disabled {
  color: var(--color-text-secondary);
}
.allocation-disabled--readonly {
  cursor: default;
  font-size: 11px;
}
.allocation-operation,
.allocation-controls {
  position: fixed;
  z-index: 30;
  background: var(--color-background-surface);
  box-shadow: var(--shadow-layer4);
}
.allocation-operation {
  --drawer-body-padding:var(--spacing-1);
  z-index: calc(var(--zIndex-fixed-menu,100) + 3);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  inset: var(--integrated-header-height, 0px) 0 0 auto;
  inline-size: 360px;
  block-size: calc(100dvh - var(--integrated-header-height, 0px));
  overflow: hidden;
  padding: 0;
  border: 0;
  border-inline-start: 1px solid var(--color-border-default);
  border-radius: 0;
  transform: translateX(100%);
  visibility: hidden;
  pointer-events: none;
  transition:
    transform .24s ease-in-out,
    visibility 0s linear .24s,
    inset-block-start .24s ease-in-out,
    block-size .24s ease-in-out;
}
.allocation-operation[data-open=true] {
  transform: translateX(0);
  visibility: visible;
  pointer-events: auto;
  transition:
    transform .24s ease-in-out,
    inset-block-start .24s ease-in-out,
    block-size .24s ease-in-out;
}
.allocation-page-shell .allocation-operation {
  inset-block-start: var(--allocation-visible-header-height, var(--integrated-header-height,0px));
  inset-block-end: var(--registration-footer-height,74px);
  block-size: calc(100dvh - var(--allocation-visible-header-height, var(--integrated-header-height,0px)) - var(--registration-footer-height,74px));
}
.allocation-page-shell .allocation-page--expanded .allocation-operation {
  inset-block-start: 0;
  inset-block-end: 0;
  block-size: 100dvh;
}
.allocation-operation__heading.side-drawer__header {
  padding-inline: var(--spacing-1);
}
.allocation-operation__heading.side-drawer__header > h2 {
  padding-block: var(--spacing-1);
}
.allocation-operation__body > .allocation-operation__summary:first-child {
  margin-block-start: 0;
}
.allocation-operation__heading h2 {
  margin: 0;
  font-size: var(--font-size-l);
}
.allocation-operation__summary {
  display: grid;
  gap: var(--spacing-0-75);
  margin-block: var(--spacing-1);
}
.allocation-operation__summary > div {
  display: grid;
  gap: var(--spacing-0-25);
  min-inline-size: 0;
}
.allocation-operation__summary dt {
  color: var(--color-text-secondary);
  font-size: var(--font-size-s);
}
.allocation-operation__summary .review-facts.review-facts--compact {
  --review-facts-columns:64px minmax(0,1fr);
}
.allocation-operation__summary strong,
.allocation-operation__summary code {
  overflow-wrap: anywhere;
}
.allocation-operation__summary strong {
  font-size: 13px;
  font-weight: 700;
}
.allocation-operation__summary code {
  display: block;
  font: inherit;
  font-size: 12px;
  font-weight: 400;
  color: var(--color-text-secondary);
  white-space: nowrap;
  overflow-x: auto;
}
.allocation-operation__summary p {
  margin: 0;
}
.allocation-operation__section {
  display: grid;
  gap: var(--spacing-0-75);
  padding-block: var(--spacing-1);
  border-block-start: 1px solid var(--color-border-default);
}
.allocation-operation__quick-actions {
  grid-template-columns: minmax(0, 1fr);
}
.allocation-operation__section h3 {
  margin: 0;
  font-size: var(--font-size-m);
}
.allocation-operation__expansion p {
  margin: 0;
  font-size: var(--font-size-s);
  color: var(--color-text-secondary);
}
.allocation-operation__field > legend {
  margin-block-end: var(--spacing-0-5);
  color: var(--color-text-secondary);
  font-size: var(--font-size-s);
}
.allocation-operation__field > p {
  margin-block-end: var(--spacing-0-5);
}
.allocation-operation__field .fieldset__items {
  gap: var(--spacing-0-5);
}
.allocation-operation__field--method .fieldset__items {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.allocation-operation__field--target .fieldset__items {
  grid-template-columns: minmax(0, 1fr);
}
.allocation-operation__field--target > legend:empty {
  display: none;
}
.allocation-operation__field--scope .fieldset__items {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.allocation-operation__field--choices .fieldset__items {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.allocation-operation__field .choice {
  font-size: var(--font-size-s);
}
.allocation-controls {
  inset-inline-start: 18px;
  inset-block-end: 18px;
  inline-size: 550px;
  border: 1px solid var(--color-border-default);
  border-radius: 5px;
}
.allocation-controls__handle {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px;
  cursor: move;
  background: var(--color-background-subtle);
  font-weight: 600;
}
.allocation-page-shell .allocation-controls {
  inset-inline-start: calc(var(--local-demo-panel-left,min(234px,16vw)) + var(--local-demo-panel-width,280px) + 18px);
  max-inline-size: calc(100vw - var(--local-demo-panel-left,min(234px,16vw)) - var(--local-demo-panel-width,280px) - 36px);
}
.allocation-controls__heading {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--color-background-subtle);
}
.allocation-controls__heading .allocation-controls__handle {
  flex: none;
}
.allocation-controls__heading a {
  flex: none;
  margin-inline-end: 10px;
  color: var(--color-text-link);
  font-size: 12px;
  font-weight: 400;
  cursor: pointer;
}
.allocation-controls__heading a:focus-visible {
  outline: 2px solid var(--color-semantic-main);
  outline-offset: 2px;
}
.allocation-controls__examples {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding: 10px;
}
.allocation-controls > .button {
  margin: 0 10px 10px;
}
.allocation-picker {
  max-block-size: min(55vh, 32rem);
  overflow-y: auto;
  padding: var(--spacing-0-25);
}
.allocation-picker[data-empty=true] {
  padding: 0;
}
.allocation-picker .tooltip-anchor {
  display: block;
  inline-size: 100%;
}
.allocation-picker .allocation-picker__card {
  inline-size: 100%;
  min-block-size: 80px;
  justify-content: flex-start;
  border-inline-start: 5px solid var(--material-color);
  text-align: start;
  background: var(--color-background-surface);
}
.allocation-picker .allocation-picker__card .button__body {
  display: block;
  inline-size: 100%;
  min-inline-size: 0;
}
.allocation-picker .allocation-picker__card .stack {
  align-items: flex-start;
  min-inline-size: 0;
}
.allocation-picker .allocation-picker__card .text {
  max-inline-size: 100%;
  line-height: 1.4;
}
.allocation-picker__name {
  display: block;
  max-inline-size: 100%;
}
.allocation-picker .allocation-picker__card:hover {
  background: var(--color-background-subtle);
}
.allocation-confirm-memo {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0-5);
}
.allocation-confirm-memo p {
  box-sizing: border-box;
  max-block-size: 12rem;
  margin: 0;
  padding: var(--spacing-0-5);
  overflow: auto;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-m);
  background: var(--color-background-surface);
}
.allocation-sr {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}
.allocation-guide {
  padding: 24px;
  border-block-start: 2px solid var(--color-border-default);
  background: var(--color-background-surface);
}
.allocation-guide--standalone {
  min-block-size: 100vh;
  box-sizing: border-box;
  border-block-start: 0;
}
.allocation-day .dropdown__group + .dropdown__group,
.allocation-row-menu .dropdown__group + .dropdown__group {
  position: relative;
  border-block-start: 0;
}
.allocation-day .dropdown__group + .dropdown__group::before,
.allocation-row-menu .dropdown__group + .dropdown__group::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline: var(--spacing-0-5);
  border-block-start: 1px solid var(--color-border-default);
}
.allocation-guide h1 {
  margin-block-start: 0;
}
.allocation-guide__columns {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}
.allocation-guide__columns section {
  background: var(--color-palette-white);
  border: 1px solid var(--color-border-default);
  padding: 12px;
}
.allocation-guide__columns h2 {
  margin-block-start: 0;
}
.allocation-color-picker {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  inline-size: 100%;
  padding: 4px;
}
.allocation-color-picker__back-link {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-0-25);
}
.allocation-color-picker__back-link .text-link__prefix {
  display: inline-flex;
  align-items: center;
  margin-inline-end: 0;
}
.allocation-color-picker__selection-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  inline-size: 100%;
}
.allocation-color-picker__selection-status {
  margin-inline-start: auto;
  text-align: end;
  white-space: nowrap;
}
.allocation-color-picker__choices {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  inline-size: 100%;
  padding: 3px;
}
.allocation-color-picker__swatch {
  position: relative;
  display: grid;
  place-items: center;
  min-block-size: 52px;
  min-inline-size: 0;
  border: 2px solid transparent;
  border-radius: 8px;
  background: var(--swatch-color);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.allocation-color-picker__number {
  position: absolute;
  inset-inline-start: 8px;
  inset-block-end: 6px;
  display: grid;
  place-items: center;
  inline-size: 24px;
  block-size: 24px;
  border-radius: 50%;
  background: var(--color-background-surface);
  color: var(--color-text-primary);
}
.allocation-color-picker__check {
  position: absolute;
  inset-block-start: 4px;
  inset-inline-end: 4px;
  display: grid;
  place-items: center;
  inline-size: 18px;
  block-size: 18px;
  border-radius: 50%;
  background: var(--color-semantic-main);
  color: var(--color-palette-white);
}
.allocation-color-picker__check svg {
  inline-size: 11px;
  block-size: 11px;
}
.allocation-color-picker__swatch[aria-checked=true] {
  outline: 2px solid var(--color-semantic-main);
  outline-offset: 2px;
}
.allocation-color-picker__swatch:focus-visible::after {
  content: "";
  position: absolute;
  inset: -8px;
  border: 2px dashed var(--color-border-focus);
  border-radius: 12px;
  pointer-events: none;
}
.allocation-color-overview {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-inline-size: min(420px, 80vw);
}
.allocation-color-overview__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-block-size: min(55vh, 520px);
  overflow-y: auto;
  padding: 2px;
}
.allocation-color-overview__item {
  inline-size: 100%;
  min-block-size: 60px;
  justify-content: flex-start;
  text-align: start;
}
.allocation-color-overview__item .button__body {
  display: flex;
  align-items: center;
  gap: 10px;
  inline-size: 100%;
  min-inline-size: 0;
}
.allocation-color-overview__swatch {
  flex: none;
  inline-size: 8px;
  block-size: 38px;
  border-radius: 3px;
}
.allocation-color-overview__text {
  display: flex;
  flex: 1;
  min-inline-size: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}
.allocation-color-overview__text strong,
.allocation-color-overview__text small {
  max-inline-size: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.allocation-color-overview__state {
  flex: none;
  color: var(--color-text-secondary);
}

/* app/assets/allocation-reference-panel.css?v=8b1b7ce65a61a2c3 */
.allocation-reference {
  position: fixed;
  z-index: calc(var(--zIndex-fixed-menu,100) + 2);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  min-inline-size: 0;
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-m,6px);
  background: var(--color-background-surface);
  box-shadow: var(--shadow-layer3);
  color: var(--color-text-primary);
  font-size: 14px;
}
.allocation-reference[hidden],
.allocation-reference [hidden] {
  display: none !important;
}
.allocation-reference__header {
  display: flex;
  flex: none;
  align-items: center;
  gap: var(--spacing-0-5);
  min-block-size: 54px;
  box-sizing: border-box;
  padding: var(--spacing-0-5) var(--spacing-1);
  border-block-end: 1px solid var(--color-border-default);
  cursor: move;
  touch-action: none;
}
.allocation-reference__header h2 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}
.allocation-reference__header-actions {
  display: flex;
  align-items: center;
  gap: var(--spacing-0-5);
  margin-inline-start: auto;
}
.allocation-reference__header .allocation-reference__drag[data-icon-only][data-size=S] {
  flex: none;
  inline-size: 24px;
  min-inline-size: 24px;
  block-size: 24px;
  min-block-size: 24px;
  padding: var(--spacing-0-25);
  cursor: move;
}
.allocation-reference__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-block-size: 0;
  padding: 0 var(--spacing-1-5) var(--spacing-1-5);
}
.allocation-reference__content > .tab-bar {
  flex: none;
}
.allocation-reference__tab {
  flex: 1;
  min-block-size: 0;
  overflow: auto;
  padding-block-start: var(--spacing-1);
  overscroll-behavior: contain;
}
.allocation-reference__tab h3 {
  margin: 0 0 var(--spacing-1);
  font-size: 16px;
  font-weight: 600;
}
.allocation-reference__materials {
  display: flex;
  align-items: stretch;
  gap: var(--spacing-1);
  inline-size: max-content;
  padding-block-end: var(--spacing-0-5);
}
.allocation-reference__material {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0-25);
  box-sizing: border-box;
  inline-size: 260px;
  padding: var(--spacing-1);
  border: 1px solid var(--color-border-default);
  border-inline-start: 5px solid var(--material-color);
  border-radius: 4px;
  overflow-wrap: anywhere;
  font-size: 12px;
}
.allocation-reference__material > .tooltip-anchor {
  display: block;
  min-inline-size: 0;
}
.allocation-reference__material-name {
  font-size: 12px;
  font-weight: 700;
}
.allocation-reference__material-code {
  font-size: 12px;
  white-space: nowrap;
  overflow-x: auto;
}
.allocation-reference__muted {
  color: var(--color-text-secondary);
  font-size: 12px;
}
.allocation-reference__resize {
  position: absolute;
  inset-inline-end: 1px;
  inset-block-end: 1px;
  cursor: nwse-resize;
  touch-action: none;
  border-color: transparent;
  padding: 2px !important;
  min-inline-size: 20px !important;
  min-block-size: 20px !important;
}
.allocation-reference__resize svg {
  inline-size: 14px;
  block-size: 14px;
}
.allocation-reference__instruction {
  padding-block: var(--spacing-1);
  overflow-wrap: anywhere;
}
.allocation-reference__instruction + .allocation-reference__instruction {
  border-block-start: 1px solid var(--color-border-default);
}
.allocation-reference__instruction h4 {
  margin: 0 0 var(--spacing-0-5);
  font-size: 14px;
  font-weight: 600;
}
.allocation-reference__instruction h5 {
  margin: var(--spacing-1) 0 var(--spacing-0-5);
  font-size: 14px;
  font-weight: 600;
}
.allocation-reference__instruction ul {
  margin: 0;
  padding-inline-start: var(--spacing-1-5);
}
.allocation-reference__instruction li + li {
  margin-block-start: var(--spacing-0-5);
}
.allocation-reference__note p {
  margin: 0;
  white-space: pre-wrap;
}
.allocation-reference__stations summary {
  color: var(--color-text-link);
  cursor: pointer;
}
.allocation-reference__stations ul {
  margin-block-start: var(--spacing-0-5);
}
.allocation-reference__mail-link {
  margin-block-start: var(--spacing-1-5);
  margin-block-end: var(--spacing-0-5);
}
.allocation-reference .accordion-panel__heading {
  font-size: 14px;
}
.allocation-reference .accordion-panel__heading > span {
  overflow-wrap: anywhere;
}
.allocation-mail-reader {
  font-size: 14px;
}
.allocation-mail-reader__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.allocation-mail-reader__list li + li {
  margin-block-start: var(--spacing-1);
}
.allocation-mail-reader__list .button {
  inline-size: 100%;
  text-align: start;
  justify-content: flex-start;
}
.allocation-mail-reader__list .button__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-0-5);
  white-space: normal;
  overflow-wrap: anywhere;
}
.allocation-mail-reader__date {
  font-size: 12px;
  font-weight: 400;
  color: var(--color-text-secondary);
}
.allocation-mail-reader__facts {
  margin: 0 0 var(--spacing-1-5);
  padding-block-end: var(--spacing-1-5);
  border-block-end: 1px solid var(--color-border-default);
}
.allocation-mail-reader__facts dt {
  margin-block-start: var(--spacing-1);
  font-weight: 600;
}
.allocation-mail-reader__facts dt:first-child {
  margin-block-start: 0;
}
.allocation-mail-reader__facts dd {
  margin: var(--spacing-0-5) 0 0;
  overflow-wrap: anywhere;
}
.allocation-mail-reader .email-document {
  font: inherit;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.allocation-mail-reader .email-document p {
  margin: 0;
  min-block-size: 1.5em;
}
.allocation-mail-reader .email-document ul {
  margin: 0;
  padding-inline-start: var(--spacing-1-5);
}
.allocation-mail-reader .email-document a {
  color: var(--color-text-link);
  text-decoration: underline;
}
.allocation-picker-notes {
  padding-block-start: var(--spacing-1);
  margin-block-start: var(--spacing-0-5);
  border-block-start: 1px solid var(--color-border-default);
}
.allocation-picker-notes h3,
.allocation-picker-notes h4 {
  font-size: 14px;
  margin: 0 0 var(--spacing-0-5);
  font-weight: 600;
}
.allocation-picker-notes section + section {
  margin-block-start: var(--spacing-1);
}
.allocation-picker-notes p {
  margin: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: 14px;
}
.allocation-picker-notes__materials {
  color: var(--color-text-secondary);
  font-size: 12px !important;
  margin-block-end: var(--spacing-0-5) !important;
}

/* app/assets/program-management.css?v=940248bc78b2d8af */
.program-list-actions {
  display: flex;
  flex: 1 1 0;
  align-items: center;
  gap: var(--spacing-0-5);
  min-inline-size: 0;
  margin-inline-start: auto;
}
.program-list-actions > .button {
  flex: none;
}
.program-list-actions > .button:first-of-type {
  margin-inline-start: auto;
}
.program-bulk-scroll {
  flex: 1 1 0;
  min-inline-size: 0;
  margin-inline-start: auto;
  overflow-x: auto;
  scrollbar-width: thin;
}
.program-bulk-scroll::-webkit-scrollbar {
  block-size: 8px;
}
.program-bulk-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--spacing-0-5);
  inline-size: max-content;
  min-inline-size: 100%;
  white-space: nowrap;
}
.network-programs-filters .program-bulk-actions {
  font-size: 14px;
  font-weight: 400;
}
.program-label-chips {
  display: flex;
  align-items: center;
  gap: var(--spacing-0-25);
  min-inline-size: 0;
}
.program-label-chips > .chip {
  min-inline-size: 0;
  flex: 0 1 auto;
  max-inline-size: 100%;
}
.program-label-chips .chip {
  max-inline-size: 100%;
}
.program-label-chips .program-label-chip {
  border-color: var(--program-label-color);
  background: color-mix(in srgb, var(--program-label-color) 14%, var(--color-background-surface));
  color: var(--color-text-primary);
}
.program-label-chips .line-clamp {
  white-space: normal;
}
.program-label-chips > .tooltip-anchor:has(.program-label-more) {
  flex: none;
}
.program-label-more {
  font-size: var(--font-size-s);
  white-space: nowrap;
}
.program-label-editor {
  display: grid;
  gap: var(--spacing-1);
}
.program-label-editor p {
  margin: 0;
}
.dialog__response .information-panel {
  white-space: pre-line;
}
.program-label-list {
  display: grid;
  max-block-size: min(40vh, 360px);
  overflow: auto;
  border-block: 1px solid var(--color-border-default);
}
.program-label-row {
  display: flex;
  align-items: center;
  gap: var(--spacing-0-5);
  min-block-size: 44px;
  padding: var(--spacing-0-25) var(--spacing-0-5);
  border-block-end: 1px solid var(--color-border-default);
}
.program-label-row:last-child {
  border-block-end: 0;
}
.program-label-row > .choice {
  flex: none;
  margin-inline-end: var(--spacing-0-25);
}
.program-label-name {
  flex: 1;
  min-inline-size: 0;
  overflow-wrap: anywhere;
}
.program-label-name > .tooltip-anchor {
  display: block;
  inline-size: 100%;
}
.program-label-row > .program-label-icon-button {
  flex: none;
}
.program-label-row-color {
  flex: none;
}
.program-label-pencil,
.program-label-icon-button .icon {
  inline-size: calc(1em + var(--spacing-0-25));
  block-size: calc(1em + var(--spacing-0-25));
}
.program-label-icon-button,
.program-label-color-trigger {
  border: 0;
  background: transparent;
  box-shadow: none;
}
.program-label-icon-button:hover,
.program-label-color-trigger:hover {
  border: 0;
  background: transparent;
  box-shadow: none;
}
.program-label-icon-button {
  min-inline-size: 40px;
  min-block-size: 40px;
}
.program-label-empty {
  padding: var(--spacing-1);
}
.program-label-detail-fields {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  align-items: center;
  gap: var(--spacing-0-5);
}
.program-label-detail-fields > .program-label-color-anchor {
  grid-column: 1;
  grid-row: 2;
}
.program-label-detail-fields > .form-control {
  display: contents;
}
.program-label-detail-fields > .form-control > label {
  grid-column: 2;
  grid-row: 1;
}
.program-label-detail-fields > .form-control > .input {
  grid-column: 2;
  grid-row: 2;
  min-inline-size: 0;
}
.program-label-detail-fields > .form-control > .form-control__error {
  grid-column: 2;
  grid-row: 3;
}
.program-label-color-anchor {
  position: relative;
}
.program-label-color-dot {
  display: inline-block;
  inline-size: 18px;
  block-size: 18px;
  border-radius: 50%;
  background: var(--label-color);
}
.program-label-color-trigger {
  min-inline-size: 40px;
  min-block-size: 40px;
}
.program-label-color-panel {
  position: fixed;
  z-index: var(--zIndex-overlap);
  padding: var(--spacing-0-5);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-m);
  background: var(--color-semantic-surface);
  box-shadow: var(--shadow-layer3);
}
.program-label-color-grid {
  display: grid;
  grid-template-columns: repeat(5, 36px);
  gap: var(--spacing-0-5);
  padding: var(--spacing-0-5);
}
.program-label-color-choice {
  position: relative;
  inline-size: 36px;
  block-size: 36px;
  min-inline-size: 36px;
  padding: 0;
  border-radius: 50%;
  background: var(--label-color);
  color: var(--color-palette-white);
}
.program-label-color-choice .program-label-color-dot {
  inline-size: 100%;
  block-size: 100%;
}
.program-label-color-choice .icon {
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}
.program-label-color-choice[aria-pressed=true] {
  outline: 2px solid var(--color-border-focus);
  outline-offset: 2px;
}
.program-dialog-field {
  display: grid;
  gap: var(--spacing-0-5);
}
.program-action-targets {
  max-block-size: 25vh;
  overflow: auto;
}
.program-action-errors {
  display: grid;
  gap: var(--spacing-1);
}
.program-action-errors li {
  overflow-wrap: anywhere;
}
.program-row-actions {
  display: flex;
  gap: var(--spacing-0-5);
  align-items: center;
  justify-content: flex-start;
  white-space: nowrap;
}
.program-row-actions > * {
  flex: none;
}

/* app/assets/materials.css?v=8f10ee6767c5bb8a */
.material-exclusion-note {
  display: block;
  color: var(--color-text-danger);
  font-size: 12px;
}
.material-exclusion-detail {
  display: block;
  margin-block: 4px;
}
.material-shell .main-content {
  display: block;
  min-inline-size: 0;
  padding: 20px 24px;
}
#materials-react-root,
#material-form-react-root,
#areas-react-root {
  min-inline-size: 0;
}
.material-list-page {
  display: flex;
  flex-direction: column;
  block-size: calc(100vh - var(--integrated-header-height, 144px) - 40px);
  min-block-size: 480px;
  gap: var(--spacing-0-75);
}
.material-list-panel:not([hidden]) {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: var(--spacing-0-75);
  min-block-size: 0;
}
.material-toolbar,
.material-filters,
.material-toolbar-actions,
.material-toolbar-group {
  display: flex;
  align-items: center;
  gap: var(--spacing-0-5);
  min-inline-size: 0;
}
.material-medium-label {
  font-weight: 600;
  white-space: nowrap;
}
.material-toolbar {
  flex: none;
  flex-wrap: wrap;
  justify-content: space-between;
}
.material-filters {
  flex-wrap: wrap;
}
.material-toolbar-actions {
  flex: none;
  margin-inline-start: auto;
  white-space: nowrap;
}
.material-toolbar,
.material-toolbar :is(.input, .button, .select-field__label) {
  font-size: 14px;
}
.material-toolbar :is(.input, .select-field__label),
.material-filters > .dropdown > .button {
  font-weight: 400;
}
.material-toolbar :is(.input, .button):not(.dropdown__panel *, .filter-dropdown *, [popover] *, dialog *) {
  box-sizing: border-box;
  min-block-size: 42px;
  block-size: 42px;
}
.material-search,
.material-inline-field > .form-control {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-0-5);
  font-weight: 600;
  white-space: nowrap;
}
.material-inline-field > .form-control > label {
  flex: none;
}
.material-search .list-search-input {
  inline-size: 210px;
}
.material-filter-options {
  display: grid;
  gap: var(--spacing-0-5);
  min-inline-size: 210px;
  max-block-size: 320px;
  overflow: auto;
  padding: 0;
  margin: 0;
  border: 0;
  font-weight: 400;
}
.material-filter-options legend {
  margin-block-end: var(--spacing-0-5);
  font-weight: 600;
}
.material-table {
  flex: 1;
  min-inline-size: 0;
  inline-size: 100%;
  min-block-size: 0;
  overflow: hidden;
}
.material-table .table-scroll {
  block-size: 100%;
  max-block-size: 100%;
  overflow: auto;
  overscroll-behavior: contain;
}
.material-table thead th {
  background: var(--color-semantic-head);
  white-space: nowrap;
  font-size: var(--list-table-heading-size, 14px);
}
.material-table tbody td {
  overflow: hidden;
  background: var(--color-semantic-surface);
  font-size: 13px;
}
.material-cell-lines > span {
  display: block;
  white-space: nowrap;
}
.material-condition-labels {
  overflow-wrap: anywhere;
}
.material-condition-labels > div + div {
  margin-block-start: var(--spacing-0-5);
}
.material-condition-labels .tooltip-anchor {
  display: block;
  inline-size: 100%;
}
.material-excluded-summary {
  white-space: pre-line;
}
.material-scope-tooltip {
  display: grid;
  gap: var(--spacing-0-75);
  max-block-size: min(32rem, calc(100vh - 64px));
  overflow-y: auto;
}
.material-scope-tooltip__section {
  display: grid;
  gap: var(--spacing-0-25);
}
.material-scope-tooltip__stations {
  display: grid;
  gap: var(--spacing-0-25);
  margin-inline-start: var(--spacing-1);
}
.material-conditions-toggle {
  margin-block-start: var(--spacing-0-5);
}
.material-table tr[data-last-condition=false] > td[data-condition-column] {
  border-block-end: 1px dotted var(--color-border-default);
}
.material-table tr[aria-selected=true] td {
  background: var(--color-background-selected);
}
.material-table tbody tr:hover td {
  background: var(--color-background-hover);
}
.material-table .data-table :is(th, td):has(> .checkbox) {
  padding-inline: 12px;
  text-align: center;
}
.material-table :is(th, td) > .checkbox {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  min-block-size: 20px;
}
.material-table :is(th, td) > .checkbox input {
  margin: 0;
}
.material-table :is(.tooltip-anchor, .line-clamp) {
  max-inline-size: 100%;
}
.material-name-link.text-link {
  display: block;
  box-shadow: none;
  text-decoration: none;
}
.material-name-link:hover {
  text-decoration: underline;
}
.material-set-caption {
  display: block;
  font-size: 12px;
  margin-block-start: var(--spacing-0-25);
  color: var(--color-text-secondary);
}
.material-pagination {
  flex: none;
  padding-block-start: 0;
}
.material-form-shell .main-content {
  padding-block-start: 24px;
}
.material-form {
  font-size: 14px;
}
.material-form:not(.registration-page) {
  inline-size: 100%;
  max-inline-size: 740px;
  margin-inline: auto;
  padding-block-end: 104px;
}
.material-form:not(.registration-page) .material-form-progress {
  margin-block-end: 28px;
}
.material-form-fields {
  padding: 0;
  margin: 0;
  border: 0;
  min-inline-size: 0;
}
.material-form-section {
  margin-block: 0 var(--spacing-2);
}
.material-form-section h2 {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 var(--spacing-1);
}
.material-form :is(h3, dt),
.material-dialog-body h3,
.material-area-form h3 {
  font-size: 14px;
  font-weight: 600;
  margin-block: 0 var(--spacing-0-5);
}
.material-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: var(--spacing-1-5) var(--spacing-1-5);
}
.material-basic-grid {
  row-gap: var(--spacing-2);
}
.material-basic-grid + .material-mode {
  margin-block-start: var(--spacing-2);
}
.material-form .material-common-fields {
  margin-block-start: var(--spacing-2);
}
.material-full-field {
  grid-column: 1 / -1;
}
:is(.material-form, .standard-form-controls) :is(.input, .select-field, .textarea),
.material-area-form .input {
  inline-size: 100%;
  min-inline-size: 0;
  font-size: 14px;
  font-weight: 400;
}
:is(.material-form, .standard-form-controls) .select-field__label,
.material-area-form .select-field__label,
.material-dialog-body .select-field__label {
  font-weight: 400;
}
:is(.material-form, .standard-form-controls) .select-field:has(select:disabled) {
  cursor: not-allowed;
}
:is(.material-form, .standard-form-controls) .select-field:has(select:disabled) .select-field__label,
:is(.material-form, .standard-form-controls) .select-field:has(select:disabled) .select-field__icon {
  color: var(--color-text-disabled);
}
:is(.material-form, .standard-form-controls) .select-field select:disabled {
  background: var(--color-background-disabled);
  cursor: not-allowed;
}
:is(.material-form, .standard-form-controls) :is(.form-control > label, legend),
.material-area-form :is(.form-control > label, legend),
.material-dialog-body .form-control > label {
  font-weight: 600;
}
:is(.material-form, .standard-form-controls) .form-control,
.material-area-form .form-control,
.material-dialog-body .form-control {
  gap: var(--spacing-0-5);
}
:is(.material-form, .standard-form-controls) .form-control > :is(.tooltip-anchor, .select-field) {
  display: block;
  inline-size: 100%;
}
.material-choice {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-1);
  margin: 0;
  padding: 0;
  border: 0;
  min-inline-size: 0;
}
.material-choice legend {
  margin-block-end: var(--spacing-0-5);
}
.material-mode {
  margin-block-end: var(--spacing-1-5);
}
.material-choice > label {
  display: inline-flex;
  align-items: center;
  min-block-size: 42px;
  font-weight: 400;
}
.material-form .choice,
.material-area-form .choice {
  display: inline-flex;
  align-items: center;
  font-weight: 400;
}
.material-form .choice input,
.material-area-form .choice input {
  margin: 0;
}
.material-part,
.material-condition {
  padding: var(--spacing-1-5);
  margin-block-end: var(--spacing-1);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-m);
  background: var(--color-semantic-surface);
}
.material-part[data-single=true] {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.material-part-heading,
.material-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-0-75);
  margin-block-end: var(--spacing-1);
}
.material-part-heading h3,
.material-section-heading h2 {
  margin: 0;
}
.material-set-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-1);
  margin-block-end: var(--spacing-1);
}
.material-set-summary > .material-help {
  margin: 0;
}
.material-set-summary > span {
  flex: none;
  white-space: nowrap;
}
.material-part[data-reorder-key] {
  position: relative;
  padding-inline-start: calc(var(--spacing-1-5) + var(--spacing-2));
}
.material-part[data-reorder-key] > .material-part-heading {
  min-block-size: var(--spacing-2);
}
.material-part[data-reorder-key] > .material-form-grid {
  margin-inline-start: var(--spacing-1);
}
.material-part > .material-part-reorder {
  position: absolute;
  inset-inline-start: var(--spacing-0-5);
  inset-block-start: 50%;
  transform: translateY(-50%);
}
.material-part-heading > .dropdown {
  flex: none;
}
.material-part-menu-icon {
  transform: rotate(90deg);
}
.material-parts .dropdown__menu {
  padding-inline: 0;
}
.material-parts .material-part[data-reorder-source] {
  border-style: dashed;
  background: var(--color-semantic-over-background);
}
.material-code-field {
  display: grid;
  gap: var(--spacing-0-5);
}
.material-code-field > .form-control {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  column-gap: var(--spacing-0-75);
}
.material-code-field > .form-control > label:not(.choice) {
  grid-row: 1;
  grid-column: 1;
  align-self: center;
}
.material-code-field > .form-control > .choice {
  grid-row: 1;
  grid-column: 2;
  justify-self: end;
  align-self: center;
  font-weight: 400;
  white-space: nowrap;
}
.material-code-field > .form-control > .input {
  grid-row: 2;
  grid-column: 1 / -1;
}
.material-code-input {
  grid-row: 2;
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  min-inline-size: 0;
}
.material-code-input > .input {
  min-inline-size: 0;
}
.material-code-input > .material-code-standard {
  flex: 0 0 3.5em;
  inline-size: 3.5em;
}
.material-code-input > .material-code-advertiser {
  flex: 0 0 5em;
  inline-size: 5em;
}
.material-code-input > .material-code-creative {
  flex: 1 1 0;
  inline-size: 0;
}
.material-code-input > span {
  padding-inline: var(--spacing-0-5);
}
.material-code-field .input:disabled {
  background: var(--color-background-disabled);
  color: var(--color-text-disabled);
  cursor: not-allowed;
}
.material-code-field > .form-control > .form-control__error {
  grid-row: 3;
  grid-column: 1 / -1;
}
.material-code-field > .form-control > .form-control__help {
  grid-row: 2;
  grid-column: 1 / -1;
}
.material-code-field > .form-control:has(> .form-control__help) > .material-code-input {
  grid-row: 3;
}
.material-code-field > .form-control:has(> .form-control__help) > .form-control__error {
  grid-row: 4;
}
.material-unit-field {
  display: flex;
  align-items: center;
  gap: var(--spacing-0-5);
}
.material-unit-field input {
  inline-size: 140px;
}
.material-seconds-field {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  gap: var(--spacing-0-5);
  min-inline-size: 0;
}
.material-seconds-field[data-custom=true] {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
}
.material-seconds-field > .select-field,
.material-seconds-field > .input {
  min-inline-size: 0;
  inline-size: 100%;
}
.material-seconds-field > .tooltip-anchor {
  display: block;
  min-inline-size: 0;
  inline-size: 100%;
}
.material-seconds-field .select-field {
  display: block;
  inline-size: 100%;
}
.material-help {
  color: var(--color-text-secondary);
  font-size: 13px;
  margin: 0 0 var(--spacing-1);
  line-height: 1.6;
}
.material-scope-summary {
  display: grid;
  gap: var(--spacing-0-5);
}
.material-scope-summary .material-help {
  margin: 0;
}
.material-scope-summary summary,
.material-review-conditions summary {
  cursor: pointer;
}
.material-condition > .material-form-grid,
.material-condition > .material-choice {
  margin-block-end: var(--spacing-1-5);
}
.material-exclusion-fields {
  display: grid;
  gap: var(--spacing-1-5);
  margin-block: var(--spacing-1-5);
}
.material-dialog-body .material-impact-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: var(--spacing-0-25);
}
.material-impact-list > li {
  margin: 0;
  padding: 0;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.material-combobox .combobox__option-content {
  flex: 1;
}
.material-combobox__action {
  flex: none;
  align-self: center;
}
.material-text-action.button {
  color: var(--color-text-link);
  font-weight: 400;
  border: 0;
  background: transparent;
  box-shadow: none;
  white-space: nowrap;
}
.material-text-action.button:hover {
  text-decoration: underline;
  background: transparent;
}
.material-combobox .combobox__register,
.material-register-footer {
  border-block-start: 1px solid var(--color-border-default);
  padding-block: var(--spacing-0-5);
  flex: none;
}
.material-combobox .combobox__register > .button,
.material-register-footer.combobox__register > .button {
  color: var(--color-text-link);
  justify-content: flex-start;
  text-align: start;
  padding-inline: var(--spacing-1);
}
.material-register-footer.combobox__register > .button .icon {
  color: var(--color-icon-active);
}
.material-register-footer.combobox__register {
  padding: 0;
}
.material-register-footer.combobox__register > .button {
  border-radius: 0;
  min-block-size: 48px;
}
.dialog__header:has(> .material-dialog-header-status) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-1);
}
.material-dialog-header-status {
  flex: none;
}
.material-remove-action.button {
  color: var(--color-text-danger);
  background: transparent;
  border: 0;
}
.material-date {
  --date-control-height:42px;
  position: relative;
  display: flex;
  align-items: stretch;
  inline-size: 100%;
  min-inline-size: 0;
}
.material-date > .input {
  box-sizing: border-box;
  inline-size: 100%;
  min-inline-size: 0;
  block-size: var(--date-control-height);
  min-block-size: var(--date-control-height);
  padding-inline-end: 46px;
  font-size: 14px;
  font-weight: 400;
}
.material-date > .button {
  position: absolute;
  inset: 1px 1px 1px auto;
  inline-size: 40px;
  block-size: calc(var(--date-control-height) - 2px);
  min-block-size: calc(var(--date-control-height) - 2px);
  padding: 0;
  border: 0;
  border-inline-start: 1px solid var(--color-border-default);
  border-radius: 0 var(--radius-m) var(--radius-m) 0;
}
.material-date__calendar {
  position: fixed;
  margin: 0;
  padding: var(--spacing-0-5);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-m);
  background: var(--color-semantic-surface);
  box-shadow: var(--shadow-layer3);
}
.material-date__calendar {
  inline-size: calc(23rem + 18px);
  max-inline-size: calc(100vw - 16px);
  box-sizing: border-box;
  max-block-size: calc(100vh - 16px);
  overflow: auto;
}
.material-date__calendar .calendar {
  display: block;
  box-shadow: none;
}
.material-form-footer {
  position: fixed;
  z-index: 12;
  inset: auto 0 0 var(--material-sidebar-width, 220px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-1);
  padding: var(--spacing-1) var(--spacing-1-5);
  border-block-start: 1px solid var(--color-border-default);
  background: var(--color-semantic-surface);
}
.material-shell[data-navigation=collapsed] {
  --material-sidebar-width: 64px;
}
.material-form-footer > div {
  display: flex;
  gap: var(--spacing-0-5);
}
.material-form-footer > div > .publication-readiness-hint {
  align-self: center;
}
.material-form :is(.button__prefix, .button__suffix),
.material-toolbar :is(.button__prefix, .button__suffix) {
  display: inline-flex;
  align-items: center;
}
.material-form .button,
.material-toolbar .button {
  align-items: center;
  justify-content: center;
}
.material-form-errors {
  margin: 0;
}
.material-dialog-body p,
.material-area-form p {
  margin-block: 0 var(--spacing-0-75);
}
.material-dialog-body.confirmation-content p {
  margin: 0;
}
.material-dialog-body,
.material-area-form {
  display: grid;
  gap: var(--spacing-1-5);
  font-size: 14px;
}
.material-dialog-body ul,
.material-area-form ul {
  margin: 0;
  padding-inline-start: var(--spacing-1-5);
}
.material-prefectures {
  border: 0;
  padding: 0;
  margin: 0;
  display: grid;
  gap: var(--spacing-1);
}
.material-prefectures legend {
  margin-block-end: var(--spacing-1);
}
.material-prefectures > div,
.material-prefectures + .material-help {
  margin-inline: var(--spacing-1);
}
.material-prefectures__choices {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--spacing-0-5);
}
.material-prefectures label {
  font-weight: 400;
  white-space: nowrap;
}
.material-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-1-5);
  margin-block-end: var(--spacing-1-5);
}
.material-review {
  display: grid;
  gap: var(--spacing-1-25, 20px);
  font-size: 14px;
  line-height: 1.6;
}
.material-review > h2 {
  font-size: 18px;
  margin: 0;
}
.material-review > .material-help {
  margin: 0;
}
.material-review > .material-form-fields {
  border-block-start: 1px solid var(--color-border-default);
  padding-block-start: var(--spacing-1);
}
.material-inline-actions {
  display: flex;
  justify-content: flex-end;
  gap: var(--spacing-0-5);
  margin-block-start: var(--spacing-1-5);
}
.material-review > .material-form-section {
  min-inline-size: 0;
  margin: 0;
  padding-block-start: var(--spacing-1);
  border-block-start: 1px solid var(--color-border-default);
}
.material-review > .material-review-continuation {
  border-block-start: 0;
  padding-block-start: 0;
}
.material-review .material-section-heading {
  margin-block-end: 10px;
}
.material-review .material-section-heading h2 {
  font-size: 14px;
}
.material-review .material-section-heading .button {
  padding: 0;
  min-block-size: 24px;
}
.material-form dd {
  margin: 0 0 var(--spacing-0-75);
  overflow-wrap: anywhere;
}
.material-review .material-detail-grid,
.material-review-conditions {
  margin: 0;
  gap: var(--spacing-1) var(--spacing-1-5);
}
.material-review .material-detail-grid.material-common-fields {
  margin-block-start: var(--spacing-1);
}
.material-review .material-detail-grid.material-set-common {
  margin-block-start: var(--spacing-1);
}
.material-review .material-detail-wide {
  grid-column: 1 / -1;
}
.material-review:not(.review-detail) .material-form-section > .material-detail-grid.material-set-common + .material-review-part {
  margin-block-start: var(--spacing-1-5);
}
.material-review-conditions {
  display: grid;
}
.material-review dl > div {
  min-inline-size: 0;
}
.material-review dt {
  font-size: inherit;
  font-weight: 400;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-0-25);
}
.material-review dd {
  font-size: inherit;
  margin: 0;
  overflow-wrap: anywhere;
}
.material-review-item h3 {
  font-size: inherit;
  font-weight: 700;
  margin: 0 0 10px;
}
.material-review .material-review-item > h3 + dl {
  margin-inline-start: var(--spacing-1);
}
.material-review > .material-form-section > :not(.material-section-heading) {
  margin-inline-start: var(--spacing-1);
}
.material-review-item + .material-review-item {
  margin-block-start: var(--spacing-1);
}
.material-review:not(.review-detail) .material-detail-grid + .material-review-item {
  margin-block-start: var(--spacing-1);
}
.material-review:not(.review-detail) .material-form-section > .material-detail-grid + .material-review-item {
  margin-block-start: var(--spacing-1);
}
.material-review .material-form-section > p {
  margin: var(--spacing-0-75) 0 0;
}
.material-preview-panel {
  position: fixed;
  z-index: 15;
  left: 234px;
  bottom: 12px;
  inline-size: 280px;
  background: var(--color-semantic-surface);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-m);
  box-shadow: var(--shadow-layer2);
  font-size: 12px;
}
.material-form-shell .material-preview-panel {
  bottom: 80px;
}
.material-preview-panel__handle {
  display: block;
  inline-size: 100%;
  padding: var(--spacing-0-5);
  border: 0;
  border-block-end: 1px solid var(--color-border-default);
  background: var(--color-background-subtle);
  font: inherit;
  font-weight: 600;
  cursor: grab;
  touch-action: none;
}
.material-preview-panel summary {
  padding: var(--spacing-0-5);
  cursor: pointer;
}
.material-preview-panel__body {
  display: grid;
  gap: var(--spacing-0-75);
  padding: var(--spacing-0-75);
}
.material-preview-panel__body p {
  margin: 0;
}
.material-preview-panel__body label {
  display: grid;
  gap: var(--spacing-0-25);
}
@media (max-width: 1100px) {
  .material-shell {
    min-inline-size: 1000px;
  }
  .material-form-footer {
    min-inline-size: 720px;
  }
}
.area-master-page .area-use-link {
  min-block-size: 0;
  padding: 0;
  font-size: var(--font-size-s);
  font-weight: 400;
  color: var(--color-text-link);
  text-align: start;
}
.area-readonly-regions {
  margin-inline: var(--spacing-1);
  display: grid;
  gap: var(--spacing-1);
}
.area-master-page .material-list-panel {
  min-inline-size: 0;
}
.station-group-composition {
  display: grid;
  gap: var(--spacing-0-5);
  min-inline-size: 0;
}
.station-group-composition > .area-use-link {
  justify-self: start;
}
.station-group-composition__details:not([hidden]) {
  display: grid;
  gap: var(--spacing-0-75);
}
.station-group-composition__area {
  font-weight: 600;
}
.station-group-composition__stations {
  margin-inline-start: var(--spacing-1);
  overflow-x: auto;
}
.station-group-composition__row {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  column-gap: var(--spacing-0-5);
  row-gap: var(--spacing-0-25);
}
.station-group-composition__row li {
  white-space: nowrap;
}
.station-group-composition__row li:not(:last-child)::after {
  content: "\30fb";
}
.station-group-view {
  display: grid;
  gap: var(--spacing-1-5);
  font-size: 14px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.station-group-view__subject {
  display: grid;
  gap: var(--spacing-0-5);
}
.station-group-view__subject p {
  margin: 0;
}
.station-group-view .station-group-view__areas {
  --review-facts-row-gap:var(--spacing-1-5);
}
.station-group-view__areas ul {
  display: grid;
  gap: var(--spacing-0-5);
  list-style: none;
  padding: 0;
  margin: 0;
}
.station-group-view__areas .list-secondary {
  margin-block-start: var(--spacing-0-25);
}
.area-master-page .group-composition-open.button {
  text-decoration: none;
  border: 0;
  background: transparent;
}
.area-master-page .group-composition-open.button:hover {
  text-decoration: none;
  background: transparent;
}
@media (max-width: 600px) {
  .material-prefectures__choices {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* app/assets/materials2-scope.css?v=ccc8b3b8daa7a701 */
.materials2-shell .m2-independent-options {
  display: grid;
  gap: 8px;
  border: 0;
  padding: 0;
  margin: 0 0 16px;
  min-inline-size: 0;
}
.materials2-shell .m2-independent-options > legend {
  padding: 0;
  margin-block-end: 8px;
  font-weight: 600;
}
.materials2-shell .m2-independent-options .choice {
  display: flex;
  align-items: flex-start;
  font-weight: 400;
  gap: 8px;
}
.materials2-shell .m2-independent-options .choice input {
  flex: none;
  margin: 4px 0 0;
}
.materials2-shell .m2-independent-options .choice > span {
  min-inline-size: 0;
  line-height: 1.5;
}
.materials2-shell .m2-scope {
  border: 0;
  padding: 0;
  margin: 0;
  min-inline-size: 0;
  font: inherit;
}
.materials2-shell .m2-scope > legend {
  font-weight: 600;
  margin-block-end: var(--spacing-0-75);
}
.materials2-shell .m2-scope-frame {
  box-sizing: border-box;
  block-size: 568px;
  max-block-size: 568px;
  padding: var(--spacing-0-5);
  background: var(--color-background-canvas);
}
.materials2-shell .m2-scope-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: minmax(0, 1fr);
  box-sizing: border-box;
  block-size: 100%;
  max-block-size: 100%;
  overflow: hidden;
  border: 1px solid var(--color-border-default);
  background: var(--color-semantic-surface);
}
.materials2-shell .m2-scope-columns[data-invalid] {
  border-color: var(--color-text-danger);
}
.materials2-shell .m2-scope-browser,
.materials2-shell .m2-scope-results {
  min-inline-size: 0;
  min-block-size: 0;
}
.materials2-shell .m2-scope-browser {
  display: flex;
  flex-direction: column;
}
.materials2-shell .m2-scope-browser > .tab-panel {
  flex: 1;
  min-block-size: 0;
}
.materials2-shell .m2-scope-browser > .tab-panel > .m2-scope-scroll {
  block-size: 100%;
}
.materials2-shell .m2-scope-results {
  border-inline-start: 1px solid var(--color-border-default);
  display: flex;
  flex-direction: column;
}
.materials2-shell .m2-scope .tab-bar {
  margin: 0;
}
.materials2-shell .m2-scope .tab-bar,
.materials2-shell .m2-scope-result-header {
  box-sizing: border-box;
  flex: none;
}
.materials2-shell .m2-scope-result-header {
  box-sizing: content-box;
  min-block-size: var(--tab-item-min-height);
}
.materials2-shell .m2-scope-results > .m2-scope-scroll {
  flex: 1;
  block-size: 0;
  min-block-size: 0;
  scrollbar-gutter: auto;
}
.materials2-shell .m2-scope-search {
  display: flex;
  flex: none;
  padding: var(--spacing-0-75);
  border-block-end: 1px solid var(--color-border-default);
}
.materials2-shell .m2-scope-search .input {
  width: 100%;
}
.materials2-shell .m2-scope-scroll {
  block-size: 320px;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
.materials2-shell .m2-scope ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.materials2-shell .m2-scope-node,
.sg-target .m2-scope-node {
  display: flex;
  gap: var(--spacing-0-5);
  align-items: center;
  min-block-size: 42px;
  padding-inline-end: var(--spacing-0-5);
}
.materials2-shell .m2-scope-tree > li {
  border-block-end: 1px solid var(--color-border-default);
}
.materials2-shell .m2-scope-tree li[data-scope-kind=area] {
  padding-block: var(--spacing-0-25);
}
.materials2-shell .m2-scope-node:hover {
  background: var(--color-background-hover);
}
.materials2-shell .m2-scope-node .choice,
.sg-target .m2-scope-node .choice {
  flex: 1;
  min-inline-size: 0;
  font: inherit;
  padding-block: var(--spacing-0-5);
}
.materials2-shell .m2-scope-node .choice span,
.sg-target .m2-scope-node .choice span {
  overflow-wrap: anywhere;
}
.materials2-shell .m2-scope-node .button,
.sg-target .m2-scope-node .button {
  flex: none;
}
.materials2-shell .m2-scope-range-name,
.sg-target .m2-scope-range-name {
  flex: 1;
  min-inline-size: 0;
  overflow-wrap: anywhere;
  padding-block: var(--spacing-0-5);
}
.materials2-shell .m2-scope-range-count,
.sg-target .m2-scope-range-count {
  display: block;
  font-size: var(--font-size-s);
  color: var(--color-text-subtle,inherit);
}
.materials2-shell .m2-scope-range-actions,
.sg-target .m2-scope-range-actions {
  display: flex;
  flex: none;
  gap: var(--spacing-0-25);
}
.materials2-shell .m2-scope-range-actions .button,
.sg-target .m2-scope-range-actions .button {
  white-space: nowrap;
  font-weight: 400;
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
.materials2-shell .m2-scope-range-actions .m2-scope-use,
.sg-target .m2-scope-range-actions .m2-scope-use {
  color: var(--color-text-link);
}
.materials2-shell .m2-scope-range-actions .m2-scope-unuse,
.sg-target .m2-scope-range-actions .m2-scope-unuse {
  color: var(--color-text-danger);
}
.materials2-shell .m2-scope-range-actions .button[aria-disabled=true],
.sg-target .m2-scope-range-actions .button[aria-disabled=true] {
  color: var(--color-text-disabled);
}
.materials2-shell .m2-scope-preset-area-title {
  padding-block: var(--spacing-0-5);
  padding-inline-end: var(--spacing-0-75);
}
.materials2-shell .m2-scope-preset-area-title strong {
  font-weight: 600;
}
.materials2-shell .m2-scope-node[data-group] {
  border-block-end: 0;
}
.materials2-shell .m2-scope .icon {
  color: var(--color-icon-default);
}
.materials2-shell .m2-scope-excluded-label {
  color: var(--color-text-danger);
  font-size: 12px;
  white-space: nowrap;
}
.materials2-shell .m2-scope-result-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-0-5);
  padding-inline: var(--spacing-0-75);
  border-block-end: 1px solid var(--color-border-default);
}
.materials2-shell .m2-scope-result-title {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--spacing-0-5);
}
.materials2-shell .m2-scope-count {
  font-size: 12px;
  color: var(--color-text-subtle,inherit);
  white-space: nowrap;
}
.materials2-shell .m2-scope-selection-row {
  display: flex;
  align-items: center;
  gap: var(--spacing-0-5);
}
.materials2-shell .m2-scope-selection-block {
  position: relative;
  padding: var(--spacing-0-25) var(--spacing-0-75);
}
.materials2-shell .m2-scope-selection-block:hover {
  background: var(--color-background-hover);
}
.materials2-shell .m2-scope-disclosure.button {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 0;
  inline-size: 100%;
  block-size: auto;
  min-block-size: 62px;
  padding: 0;
  border: 0;
  border-radius: 0;
  text-align: start;
  font: inherit;
  color: inherit;
  background: transparent;
}
.materials2-shell .m2-scope-disclosure.button:hover {
  background: transparent;
}
.materials2-shell .m2-scope-disclosure .m2-scope-selection-row,
.materials2-shell .m2-scope-selection-leaf {
  min-block-size: 31px;
  padding-inline-end: 40px;
}
.materials2-shell .m2-scope-disclosure-label {
  display: flex;
  align-items: center;
  min-block-size: 31px;
  padding-inline-start: var(--spacing-0-5);
  color: var(--color-text-link);
  font-size: var(--font-size-s);
  font-weight: 400;
}
.materials2-shell .m2-scope-selection-block > .m2-scope-remove {
  position: absolute;
  inset-inline-end: var(--spacing-0-75);
  inset-block-start: var(--spacing-0-25);
}
.materials2-shell .m2-scope-selection-name {
  flex: 1;
  min-inline-size: 0;
  overflow-wrap: anywhere;
}
.materials2-shell .m2-scope-selection-summary {
  color: var(--color-text-subtle,inherit);
  font-size: 12px;
  margin-inline-start: var(--spacing-0-5);
}
.materials2-shell .m2-scope-section-title {
  display: flex;
  align-items: baseline;
  gap: var(--spacing-0-5);
  margin: 0;
  padding: var(--spacing-0-5) var(--spacing-0-75);
  font: inherit;
  font-weight: 600;
  background: var(--color-background-hover);
}
.materials2-shell .m2-scope-exclusion-badge {
  color: var(--color-text-danger);
}
.materials2-shell .m2-scope-mode {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-0-5);
  margin-block-end: var(--spacing-0-5);
}
.materials2-shell .m2-scope-mode strong {
  font: inherit;
  font-weight: 600;
}
.materials2-shell .m2-scope-result-footer {
  flex: none;
  padding: var(--spacing-0-5);
  border-block-start: 1px solid var(--color-border-default);
}
.materials2-shell .m2-scope-selection-row select {
  inline-size: 88px;
  flex: none;
}
.materials2-shell .m2-scope-selection-row .button {
  flex: none;
}
.materials2-shell .m2-scope-selections > li {
  padding: 0;
  border-block-end: 1px solid var(--color-border-default);
}
.materials2-shell .m2-scope-selections > li > .expand-region .m2-scope-selected-tree {
  padding: var(--spacing-0-25) 0 var(--spacing-0-75);
}
.materials2-shell .m2-scope-selected-tree .m2-scope-selected-contents {
  padding-inline: 0;
}
.materials2-shell .m2-scope-selected-tree .m2-scope-selected-contents > li {
  padding: 0;
}
.materials2-shell .m2-scope-content-row {
  display: flex;
  align-items: center;
  gap: var(--spacing-0-25);
  min-block-size: 31px;
  padding-inline-end: var(--spacing-0-75);
}
.materials2-shell .m2-scope-content-row:hover {
  background: var(--color-background-hover);
}
.materials2-shell .m2-scope-content-row > .button {
  flex: none;
}
.materials2-shell .m2-scope-content-row--branch {
  position: relative;
  padding-inline-end: 0;
}
.materials2-shell .m2-scope-content-row > .detail-disclosure {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-0-25);
  inline-size: 100%;
  min-block-size: 31px;
  padding-block: var(--spacing-0-25);
  padding-inline-end: calc(40px + var(--spacing-0-75));
  border-radius: 0;
}
.materials2-shell .m2-scope-content-row > .detail-disclosure > .button__body {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-0-25);
}
.materials2-shell .m2-scope-content-row > .detail-disclosure:hover {
  background: transparent;
}
.materials2-shell .m2-scope-content-row > .m2-scope-content-remove {
  position: absolute;
  inset-inline-end: var(--spacing-0-75);
  inset-block-start: 0;
}
.materials2-shell .m2-scope-results > .m2-scope-scroll:has(.m2-scope-selections > .m2-scope-empty:only-child) {
  display: flex;
  align-items: center;
}
.materials2-shell .m2-scope-selections > .m2-scope-empty:only-child {
  border: 0;
  padding: var(--spacing-1);
}
.materials2-shell .m2-scope ul.m2-scope-related-exclusions {
  margin-inline-start: var(--spacing-0-75);
  padding-inline-start: var(--spacing-0-75);
  border-inline-start: 1px solid var(--color-border-default);
}
.materials2-shell .m2-scope-related-exclusions > li {
  padding-block: var(--spacing-0-25);
  border-block-start: 1px solid var(--color-border-default);
}
.materials2-shell .m2-scope-related-exclusions > .m2-scope-exclusion-reason {
  padding-block: var(--spacing-0-75);
  font-size: var(--font-size-s);
  color: var(--color-text-subtle,inherit);
}
.materials2-shell .m2-scope-nested {
  margin-inline-start: var(--spacing-1-5);
  border-inline-start: 2px solid var(--color-border-default);
  padding-inline-start: var(--spacing-0-75);
}
.materials2-shell .m2-scope-readonly-tree {
  padding: var(--spacing-0-5) var(--spacing-0-75);
}
.materials2-shell .m2-scope-readonly-tree ul ul {
  padding-inline-start: var(--spacing-1);
}
.materials2-shell .m2-scope-readonly-tree li {
  padding-block: var(--spacing-0-25);
}
.materials2-shell .m2-scope-empty {
  padding: var(--spacing-1);
  margin: 0;
  color: var(--color-text-subtle,inherit);
}
.materials2-shell .m2-scope-results .station-group-composition {
  padding: var(--spacing-0-75);
}
@media (max-width: 1000px) {
  .materials2-shell .m2-scope-columns {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .materials2-shell .m2-scope-results {
    border-inline-start: 0;
    border-block-start: 1px solid var(--color-border-default);
  }
}

/* app/assets/standard-list-layout.css?v=c577024dab452764 */
:root {
  --data-secondary-font-size:12px;
  --data-secondary-gap:var(--spacing-0-25);
  --table-checkbox-size:14px;
}
.standard-list-page {
  --list-section-gap: var(--spacing-0-75);
  --list-control-gap: var(--spacing-0-5);
  --list-control-height: 42px;
  --list-search-width: 210px;
  --list-feedback-gap: var(--spacing-1-5);
  gap: 0;
}
:is(.material-shell, .station-shell, .network-programs-shell) .main-content:has(.standard-list-page) {
  padding: 20px 24px;
}
.standard-list-page :is(.material-list-panel, .m2-list):not([hidden]) {
  gap: 0;
}
:is(.standard-list-page, .standard-list-page > .station-panel, .standard-list-page > .network-programs-panel) > .tab-bar {
  margin-block-end: var(--list-section-gap);
}
.standard-list-page .material-toolbar {
  margin-block-end: var(--list-section-gap);
}
.standard-list-page .network-list-toolbar {
  display: flow-root;
  padding-block-end: 0;
  margin-block-end: var(--list-section-gap);
}
.standard-list-page .network-list-toolbar .material-toolbar {
  margin-block-end: 0;
}
.standard-list-page .network-programs-active-filters {
  gap: var(--list-control-gap);
  padding-block-end: 0;
  margin-block-end: var(--list-section-gap);
}
.standard-list-page :is(.material-pagination, .station-pagination, .network-programs-pagination) {
  margin-block-start: var(--list-section-gap);
  padding-block-start: 0;
}
.standard-list-page :is(.material-toolbar, .material-filters, .material-toolbar-actions, .material-search, .network-allocations-group) {
  gap: var(--list-control-gap);
}
.standard-list-page .material-toolbar :is(.input, .button):not(.dropdown__panel *, .filter-dropdown *, [popover] *, dialog *) {
  block-size: var(--list-control-height);
  min-block-size: var(--list-control-height);
}
.standard-list-page .material-search .list-search-input {
  inline-size: var(--list-search-width);
}
.standard-list-page .material-toolbar .button[data-variant=text]:not(:disabled):not([aria-disabled=true]),
.sg-clear.button:not(:disabled):not([aria-disabled=true]),
.sg-target .m2-scope-range-actions :is(.m2-scope-use, .m2-scope-unuse):not(:disabled):not([aria-disabled=true]),
.materials2-shell .m2-scope-range-actions :is(.m2-scope-use, .m2-scope-unuse):not(:disabled):not([aria-disabled=true]) {
  color: var(--color-semantic-main);
}
.standard-list-page > :is(.notification-bar, .response-message, .standard-list-feedback, .material-form-errors, .users-receipt, .network-programs-notice, .station-notice) {
  margin-block-end: var(--list-feedback-gap);
}
.standard-list-page .data-table thead th {
  text-overflow: clip;
}
.data-table--header-dividers > thead > tr > th:not(:last-child) {
  position: relative;
}
.data-table--header-dividers > thead > tr > th:not(:last-child)::after {
  content: "";
  position: absolute;
  inset-block: 25%;
  inset-inline-end: 5px;
  border-inline-end: 2px solid var(--color-border-default);
  pointer-events: none;
}
.standard-list-page .data-table tbody .button[data-size=M] {
  font-size: var(--font-size-m);
  white-space: nowrap;
}
.data-table :is(th, td):has(> .choice > input[type=checkbox]) {
  padding-inline: 12px !important;
  text-align: center;
  vertical-align: middle;
}
.data-table :is(th, td) > .choice:has(> input[type=checkbox]) {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  margin: 0;
  min-block-size: 0;
}
.data-table .choice > input[type=checkbox] {
  display: block;
  inline-size: var(--table-checkbox-size);
  block-size: var(--table-checkbox-size);
  margin: 0;
  flex: none;
}
.data-table thead th:has(> .choice > input[type=checkbox]) .table-column-resize-handle {
  display: none;
}
:is(.data-table .list-secondary, .list-secondary, .data-table .material-set-caption, .data-table .material-calendar-set) {
  display: block;
  margin: var(--data-secondary-gap) 0 0;
  font-size: var(--data-secondary-font-size);
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-text-secondary);
}
.materials2-shell .m2-summary-program-label.list-secondary {
  font-size: var(--data-secondary-font-size);
  margin-block-start: var(--data-secondary-gap);
  color: var(--color-text-secondary);
}
.material-calendar-detail .material-calendar-program__context {
  font-size: var(--data-secondary-font-size);
  margin-block-start: var(--data-secondary-gap);
}
.detail-disclosure.button {
  min-block-size: 0;
  block-size: auto;
  padding: 0;
  font-size: var(--font-size-s);
  font-weight: 400;
  color: var(--color-text-link);
  text-align: start;
  justify-content: flex-start;
}
.detail-breakdown {
  display: grid;
  gap: 0;
}
.expand-region {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 140ms ease-out;
}
.expand-region[data-open] {
  grid-template-rows: 1fr;
}
.expand-region > div {
  min-block-size: 0;
  overflow: hidden;
}
.detail-breakdown__content {
  padding-block-start: var(--spacing-0-5);
}
.station-group-composition {
  gap: 0;
}
.station-group-composition__summary {
  margin-block-end: var(--spacing-0-5);
}
.station-group-composition__details {
  padding-block-start: var(--spacing-0-5);
}
.area-row-actions {
  display: flex;
  align-items: center;
  gap: var(--spacing-0-5);
  white-space: nowrap;
}

/* app/assets/review-detail-layout.css?v=bdd3e4b44ed2d8d6 */
.review-detail {
  display: grid;
  gap: var(--spacing-1-25,20px);
  font-size: 14px;
  line-height: 1.6;
}
.review-detail > h2 {
  margin: 0;
  font-size: 18px;
}
.review-detail > :is(.material-help, .network-program-form__help, .review-detail__help) {
  margin: 0;
}
.review-detail > :is(.material-form-section, .network-program-form__review-block, .review-detail__section) {
  min-inline-size: 0;
  margin: 0;
  padding-block: var(--spacing-1) 0;
  border-block-start: 1px solid var(--color-border-default);
}
.review-detail :is(.material-section-heading, .network-program-form__review-heading, .review-detail__heading) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-0-75);
  margin-block-end: 10px;
}
.review-detail :is(.material-section-heading, .network-program-form__review-heading, .review-detail__heading) :is(h2, h3) {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
}
.review-detail :is(.material-section-heading, .network-program-form__review-heading, .review-detail__heading) .button {
  min-block-size: calc(1em + var(--spacing-1-5) + 2px);
  padding: var(--spacing-0-75) var(--spacing-1);
}
.review-detail :is(.material-form-section, .network-program-form__review-block, .review-detail__section) > :not(.material-section-heading, .network-program-form__review-heading, .review-detail__heading) {
  margin-inline-start: var(--spacing-1);
}
.review-detail :is(.material-review-part, .review-detail__group) {
  margin-block-start: var(--spacing-1-5);
}
.review-detail .material-detail-grid + .material-review-item:not(.material-review-part) {
  margin-block-start: var(--spacing-1);
}
.review-detail :is(.material-review-part, .review-detail__group) > h3 {
  margin: 0 0 10px;
  font-size: inherit;
  font-weight: 600;
}
.review-detail :is(.material-review-part, .review-detail__group) > h3 + dl {
  margin-inline-start: var(--spacing-1);
}
.review-detail :is(.material-detail-grid, .network-program-form__review-grid, .review-detail__fields) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-1) var(--spacing-1-5);
  margin-block: 0;
}
.review-detail dl > div {
  min-inline-size: 0;
}
.review-detail dt {
  margin: 0 0 var(--spacing-0-25);
  font-weight: 400;
}
.review-detail dd {
  margin: 0;
  overflow-wrap: anywhere;
}
.review-detail :is(.network-program-form__review-subblock, .review-detail__subsection) {
  margin-block-start: var(--spacing-0-25);
}
.review-detail :is(.network-program-form__review-subblock, .review-detail__subsection) > * {
  margin-inline-start: var(--spacing-1);
}
.review-detail :is(.network-program-form__review-subblock, .review-detail__subsection) > dl {
  margin-inline-start: var(--spacing-2);
}

/* app/assets/search-combobox.css?v=0b7f69961f8df75c */
.combobox .combobox__option {
  align-items: center;
}

/* app/assets/edion-text-help.css?v=9394b05132d450cd */
.edion-text-help {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  max-inline-size: 100%;
}
.edion-text-help > .edion-text-help__text {
  appearance: none;
  border: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  color: var(--color-text-link);
  font: inherit;
  cursor: pointer;
}
.edion-text-help > .edion-text-help__text:hover {
  text-decoration: underline;
}
.edion-text-help > .tooltip-anchor {
  display: inline-flex;
  flex: none;
  align-self: flex-start;
}
.edion-text-help .edion-text-help__icon {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  margin: 0;
  padding: 0;
  inline-size: 14px;
  block-size: 24px;
  background: transparent;
  color: var(--color-text-primary);
  cursor: default;
}
.edion-text-help .edion-text-help__icon:is(:hover, :focus-visible, :active) {
  background: transparent;
  color: var(--color-text-primary);
}
.edion-text-help__icon .icon {
  inline-size: 14px;
  block-size: 14px;
  align-self: flex-start;
  margin-block-start: 2px;
}

/* app/assets/page-notification.css?v=a40ea16d1b509e5b */
.page-notification-group {
  display: flex;
  flex-direction: column;
  min-inline-size: 0;
  gap: var(--spacing-0-75);
  margin-block-end: var(--spacing-1-5);
}
.page-notification-group > :is(.page-notification.notification-bar, .material-form-errors),
.page-notification-group > .material-form-errors > .page-notification.notification-bar {
  margin-block: 0;
}
.page-notification-group:not(:has(.page-notification)) {
  display: none;
  margin: 0;
}
.page-notification.notification-bar {
  box-sizing: border-box;
  inline-size: 100%;
  min-inline-size: 0;
  min-block-size: 56px;
  padding: var(--spacing-0-75) var(--spacing-1);
  margin: 0 0 var(--spacing-1-5);
  align-items: center;
  flex-wrap: nowrap;
  gap: var(--spacing-1);
  font-size: var(--font-size-m);
  font-weight: 400;
  line-height: var(--leading-normal);
}
.page-notification > [role] {
  display: flex;
  align-items: center;
  gap: var(--spacing-1);
  flex: 1;
  min-inline-size: 0;
}
.page-notification__body {
  flex: 1;
  min-inline-size: 0;
}
.page-notification .response-message .text__content {
  display: inline-flex;
  gap: var(--spacing-0-25);
  min-inline-size: 0;
  max-inline-size: 100%;
}
.page-notification .text__body {
  min-inline-size: 0;
  overflow-wrap: anywhere;
}
.page-notification > .button {
  flex: none;
  margin: 0;
}
.page-notification__actions {
  display: flex;
  flex: none;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--spacing-0-5);
  max-inline-size: 60%;
}
.page-notification__actions .button {
  margin: 0;
  white-space: normal;
}
.standard-list-page > .material-form-errors:has(> .page-notification) {
  margin-block-end: 0;
}
.page-notification--form.notification-bar {
  max-inline-size: 740px;
  margin-inline: auto;
}
.page-notification.notification-bar:has(+ .page-notification-group .page-notification) {
  margin-block-end: var(--spacing-0-75);
}

/* app/assets/standard-dialog.css?v=2e168924d94aa138 */
.confirmation-content {
  display: grid;
  gap: var(--spacing-1-5);
  font-size: 14px;
  line-height: 1.5;
  color: var(--color-text-primary);
}
.confirmation-subject {
  display: grid;
  gap: var(--spacing-0-5);
  min-inline-size: 0;
  overflow-wrap: anywhere;
}
.confirmation-subject p {
  margin: 0;
}
.dialog .confirmation-content > p {
  margin: 0;
}
.confirmation-list {
  margin: 0;
  padding-inline-start: var(--spacing-1-5);
}
.dialog :is(.material-dialog-body, .material-area-form) > p:last-child {
  margin-block-end: 0;
}
.confirmation-subject strong {
  font-weight: 600;
}
.dialog {
  --case-dialog-header-min: calc(18px * 1.4 + var(--spacing-1-5) * 2 + 1px);
  --case-dialog-footer-min: calc(14px + var(--spacing-1-5) + 2px + var(--spacing-1) * 2 + 1px);
  border-radius: var(--radius-m);
  overflow: hidden;
}
.dialog > .dialog__layout {
  display: flex;
  flex-direction: column;
  min-block-size: 0;
  max-block-size: calc(100dvh - 2rem - 2px);
}
.dialog .dialog__header {
  box-sizing: border-box;
  flex: none;
  display: flex;
  align-items: center;
  min-block-size: var(--case-dialog-header-min);
  padding: var(--spacing-1-5);
}
.dialog .dialog__heading {
  font-size: 18px;
  line-height: 1.4;
  margin: 0;
  min-inline-size: 0;
  overflow-wrap: anywhere;
}
.dialog .dialog__page:not([hidden]) {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-block-size: 0;
  overflow: hidden;
}
.dialog .dialog__body {
  flex: 1 1 auto;
  min-block-size: 0;
  padding: var(--spacing-1-5);
  overflow: auto;
  overscroll-behavior: contain;
}
.dialog .dialog__description {
  margin: 0 0 var(--spacing-1-5);
  overflow-wrap: anywhere;
}
.dialog .dialog__body > .dialog__description:last-child {
  margin-block-end: 0;
}
.dialog .dialog__fields > p.shell-confirm-prose {
  margin: 0;
}
.dialog .dialog__confirmation {
  padding: 0;
}
.dialog .dialog__footer {
  box-sizing: border-box;
  flex: none;
  position: static;
  min-block-size: var(--case-dialog-footer-min);
  padding: var(--spacing-1) var(--spacing-1-5);
  align-items: center;
  gap: var(--spacing-0-5);
}
.dialog .dialog__actions,
.dialog .dialog__footer-start,
.dialog .dialog__footer-start > :is(div, section) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-0-5);
}
.dialog .dialog__footer-start {
  min-inline-size: 0;
  max-inline-size: 100%;
}
.dialog .dialog__actions > .button {
  flex: none;
}
.dialog:has(.dialog__header-close) .dialog__footer {
  justify-content: flex-end;
}
.dialog:has(.dialog__header-close) .dialog__actions {
  margin-inline-start: 0;
}
.dialog:has(.dialog__header-close) .dialog__fields > p:first-child {
  margin-block-start: 0;
}
.dialog:has(.dialog__header-close) .dialog__fields > p:last-child {
  margin-block-end: 0;
}

/* app/assets/standard-input-controls.css?v=6a280d5441682bbb */
:root {
  --control-height:42px;
  --control-inner-height:40px;
  --control-line-height:24px;
  --control-font-size:14px;
  --control-padding:var(--spacing-0-5);
  --control-radius:var(--radius-m);
  --control-tag-remove-size:28px;
  --control-tag-min:30px;
  --control-tag-gap:var(--spacing-0-25);
  --control-textarea-min:114px;
}
.input:not(textarea):not(select[multiple]):not(select[size]:not([size="1"])):not(.combobox__values > .input) {
  box-sizing: border-box;
  block-size: var(--control-height);
  min-block-size: var(--control-height);
  font-size: var(--control-font-size);
  font-weight: 400;
  line-height: var(--control-line-height);
  padding-block: var(--control-padding);
  border-radius: var(--control-radius);
}
.select-field .select-field__label {
  font-size: var(--control-font-size);
  font-weight: 400;
  line-height: var(--control-line-height);
}
.form-control,
.textarea-field,
.network-program-form__field {
  gap: var(--control-padding);
}
.form-control > label,
.textarea-field__label,
label.program-dialog-field,
.material-mode > legend,
.material-choice > legend,
.material-part-heading > h3,
.network-program-form__section .network-program-form__field > label,
.network-program-form__section .network-program-form__field > span:first-child,
.network-program-form__section .network-program-form__slot-head > h3 {
  font-size: var(--control-font-size);
  font-weight: 600;
  line-height: var(--control-line-height);
}
.form-control__help,
.form-control__error,
.textarea-field__help,
.textarea-field__error,
.network-program-form__section .network-program-form__field > .network-program-form__help,
.network-program-form__section .network-program-form__error,
.network-program-form__section .network-program-form__slot-note,
.network-program-form__section .network-program-form__radio-description {
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: var(--leading-normal);
}
.material-mode > .choice,
.material-code-field > .form-control > .choice,
.network-program-form__section .form-layout__choices .choice,
.form-layout__supplement > .choice {
  font-size: var(--control-font-size);
  font-weight: 400;
  line-height: var(--control-line-height);
}
.input:disabled {
  background: var(--color-background-disabled);
  color: var(--color-text-disabled);
  cursor: not-allowed;
}
textarea:is(.textarea, .input) {
  box-sizing: border-box;
  min-block-size: var(--control-textarea-min);
  block-size: auto;
  padding: var(--control-padding);
  border: 1px solid var(--color-border-default);
  border-radius: var(--control-radius);
  font-size: var(--control-font-size);
  font-weight: 400;
  line-height: var(--control-line-height);
}
textarea:is(.textarea, .input):not([data-resize=none]):not([data-resize=both]):not([data-auto-resize=true]) {
  resize: vertical;
}
textarea:is(.textarea, .input)[aria-invalid=true] {
  border-color: var(--color-border-danger);
}
textarea:is(.textarea, .input):disabled {
  background: var(--color-background-disabled);
  color: var(--color-text-disabled);
  cursor: not-allowed;
}
@media (prefers-contrast: more) {
  textarea:is(.textarea, .input):not([aria-invalid=true]) {
    border-color: var(--color-text-primary);
  }
}
.combobox .combobox__input,
.network-program-form .network-program-form__slot-multiselect-control {
  box-sizing: border-box;
  min-block-size: var(--control-height);
  border-radius: var(--control-radius);
  font-size: var(--control-font-size);
  font-weight: 400;
  line-height: var(--control-line-height);
}
.combobox .combobox__values {
  min-block-size: var(--control-inner-height);
  padding-inline-start: var(--control-padding);
  align-items: center;
  gap: var(--control-tag-gap);
}
.combobox .combobox__values > .input {
  block-size: var(--control-inner-height);
  min-block-size: var(--control-inner-height);
  font-size: var(--control-font-size);
  font-weight: 400;
  line-height: var(--control-line-height);
  padding-block: var(--control-padding);
  padding-inline-start: 0;
  border-radius: 0;
}
.combobox .combobox__input:not([data-multiple]) {
  block-size: var(--control-height);
}
.combobox .combobox__input:not([data-multiple]) > .combobox__values {
  min-block-size: 0;
  block-size: 100%;
}
.combobox .combobox__input:not([data-multiple]) .combobox__values > .input {
  min-block-size: 0;
  block-size: 100%;
}
.combobox .combobox__input > .combobox__toggle {
  inline-size: var(--control-height);
  min-inline-size: var(--control-height);
  margin-block: 0;
  padding: 0;
  align-self: stretch;
}
.combobox .combobox__selected > .selected-item,
.network-program-form .network-program-form__slot-multiselect-values > .selected-item {
  box-sizing: border-box;
  min-block-size: var(--control-tag-min);
  max-inline-size: 100%;
  margin-block: var(--control-tag-gap);
  font-size: var(--control-font-size);
  font-weight: 400;
}
.combobox .combobox__selected > .selected-item > .button,
.network-program-form .network-program-form__slot-multiselect-values > .selected-item > .button {
  inline-size: var(--control-tag-remove-size);
  min-inline-size: var(--control-tag-remove-size);
  block-size: var(--control-tag-remove-size);
  min-block-size: var(--control-tag-remove-size);
  margin: 0;
  padding: 0;
  flex: none;
}
.network-program-form .network-program-form__slot-multiselect-values {
  gap: var(--control-tag-gap);
  padding-block: 0;
  min-block-size: var(--control-inner-height);
}
.network-program-form .network-program-form__slot-multiselect-trigger {
  min-block-size: var(--control-inner-height);
  font-size: var(--control-font-size);
  font-weight: 400;
}
.material-flight-field .combobox__values {
  flex-wrap: wrap;
}

/* app/assets/publication-status-label.css?v=70c7539618faed29 */
.status-label.publication-status-label,
.status-label.network-program-status--draft {
  font-size: 13px;
  line-height: 1.25;
  font-weight: 400;
}
.status-label.network-program-status--draft {
  border-color: var(--color-semantic-warning-yellow);
  background: var(--color-semantic-surface);
  color: #705400;
}

/* app/assets/selection-control.css?v=01e61fd52c2b5171 */
.selection-control {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  min-inline-size: 0;
  min-block-size: var(--control-height);
  padding: 0;
  border: 1px solid var(--color-border-default);
  border-radius: var(--control-radius);
  background: var(--color-semantic-surface);
  font-size: var(--control-font-size);
  font-weight: 400;
  line-height: var(--control-line-height);
}
.selection-control:focus-within {
  outline: var(--zds-focus-outline);
  outline-offset: var(--zds-focus-inner-offset);
}
.selection-control:has([aria-invalid=true]) {
  border-color: var(--color-border-danger);
}
.selection-control__values {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: center;
  min-inline-size: 0;
  min-block-size: var(--control-inner-height);
  padding: 0 0 0 var(--control-padding);
  gap: var(--control-tag-gap);
}
.selection-control__values > .selected-item {
  box-sizing: border-box;
  min-block-size: var(--control-tag-min);
  max-inline-size: 100%;
  margin-block: var(--control-tag-gap);
  font-size: var(--control-font-size);
  font-weight: 400;
}
.selection-control__values > .selected-item > .button {
  inline-size: var(--control-tag-remove-size);
  min-inline-size: var(--control-tag-remove-size);
  block-size: var(--control-tag-remove-size);
  min-block-size: var(--control-tag-remove-size);
  margin: 0;
  padding: 0;
  flex: none;
}
.selection-control > .selection-control__toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 var(--control-height);
  inline-size: var(--control-height);
  min-inline-size: var(--control-height);
  min-block-size: var(--control-inner-height);
  align-self: stretch;
  margin: 0;
  padding: 0;
  position: relative;
  border: 0;
  border-radius: 0 var(--control-radius) var(--control-radius) 0;
  color: var(--color-text-secondary);
  font-weight: 400;
  gap: 0;
}
.selection-control__toggle .icon {
  display: block;
  inline-size: var(--control-font-size);
  block-size: var(--control-font-size);
  flex: none;
}
.selection-control__toggle > .button__body:empty {
  display: none;
}
.selection-control > .selection-control__toggle[data-variant=text]:not([aria-disabled=true]):is(:hover, :focus-visible) {
  background: transparent;
}
.selection-control > .selection-control__toggle::after {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  border-inline-start: 1px solid var(--color-border-default);
  pointer-events: none;
}
.selection-control > .selection-control__toggle[aria-disabled=true]::after {
  border-color: var(--operation-border-disabled);
}
.selection-control[data-empty] > .selection-control__toggle {
  position: relative;
  flex: 1 1 auto;
  inline-size: auto;
  border-inline-start: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--control-height);
  padding: 0;
  gap: 0;
}
.selection-control[data-empty] > .selection-control__toggle > .button__body {
  padding-inline: var(--control-padding);
  text-align: start;
}
.selection-control[data-empty] > .selection-control__toggle > .icon {
  place-self: center;
}
.selection-control[data-empty] > .selection-control__toggle::after {
  inset-inline-start: auto;
  inset-inline-end: var(--control-height);
}
.selection-control > .selection-control__toggle:focus-visible {
  outline: none;
  box-shadow: none;
}
.selection-control > .selection-control__toggle > .button__body {
  min-inline-size: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.selection-dropdown .dropdown__panel {
  box-sizing: border-box;
  inline-size: var(--selection-dropdown-width,18rem);
  max-inline-size: calc(100vw - 16px);
  padding: var(--control-tag-gap) 0;
}
.selection-dropdown__options {
  display: grid;
  gap: 0;
  min-inline-size: 0;
}
.selection-dropdown__options > .choice {
  padding: var(--spacing-0-75) var(--control-padding);
}
.selection-dropdown__options > .choice:hover {
  background: var(--color-background-hover);
}
.selection-dropdown__options > .choice input {
  flex: none;
}

/* app/assets/form-field-layout.css?v=497e55cc9c9ecdc1 */
.form-layout {
  --form-field-gap:var(--spacing-0-5);
  --form-label-help-gap:var(--spacing-0-25);
  --form-row-gap:var(--spacing-1-5);
  --form-column-gap:var(--spacing-1-5);
  --form-heading-gap:var(--spacing-1);
  --form-section-end:var(--spacing-2);
  --form-label-line:24px;
  --form-message-line:1.5;
}
.supplementary-badge.status-label,
.form-optional-badge.status-label {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  min-block-size: 20px;
  padding: 2px 6px;
  border: 0;
  border-radius: var(--radius-full);
  background: var(--color-background-selected);
  color: var(--color-text-secondary);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  white-space: nowrap;
}
.form-layout.form-layout__section {
  margin-block-end: 0;
  padding-block-end: var(--form-section-end);
}
.form-layout > .form-layout__heading {
  margin: 0 0 var(--form-heading-gap);
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}
.form-layout .form-layout__stack {
  display: grid;
  gap: var(--form-row-gap);
  align-items: start;
}
.form-layout :is(.form-layout__grid, .material-form-grid) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  row-gap: var(--form-row-gap);
  column-gap: var(--form-column-gap);
  align-items: start;
}
.form-layout :is(.form-layout__field, .form-control) {
  gap: var(--form-field-gap);
  min-inline-size: 0;
  align-content: start;
}
.form-layout :is(.form-layout__field > label, .form-control > label, .form-layout__label) {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: var(--form-label-line);
}
.form-layout .form-layout__label {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-0-25);
}
.form-layout :is(.form-layout__help, .form-layout__error, .form-control__help, .form-control__error) {
  margin: 0;
  min-inline-size: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: var(--form-message-line);
  white-space: normal;
  overflow-wrap: anywhere;
}
.form-layout :is(.form-layout__help, .form-control__help) {
  color: var(--color-text-secondary);
}
.form-layout :is(.form-control > label + .form-control__help, .form-layout__field > label + .form-layout__help) {
  margin-block-start: calc(var(--form-label-help-gap) - var(--form-field-gap));
}
.form-layout :is(.form-layout__error, .form-control__error) {
  color: var(--color-text-danger);
}
.form-layout .form-control > label > .required-label {
  display: none;
}
.form-layout .form-layout__supplement {
  display: flex;
  align-items: center;
  min-inline-size: 0;
}
.form-layout .form-control:has(> .form-layout__supplement--shoulder) {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}
.form-layout .form-control:has(> .form-layout__supplement--shoulder) > label {
  grid-area: 1 / 1;
}
.form-layout .form-control:has(> .form-layout__supplement--shoulder) > :not(label):not(.form-layout__supplement--shoulder) {
  grid-column: 1 / -1;
}
.form-layout .form-control > .form-layout__supplement--shoulder {
  grid-area: 1 / 2;
  justify-self: end;
}
.form-layout .form-control:has(> .form-layout__supplement--shoulder) > label + .form-control__help {
  grid-column: 1;
}
.form-layout .form-control:has(> label + .form-control__help) > .form-layout__supplement--shoulder {
  grid-area: 1 / 2 / 3 / 3;
  align-self: end;
}
.form-layout .form-layout__supplement > .choice {
  display: inline-flex;
  align-items: center;
  gap: var(--form-field-gap);
  min-block-size: var(--form-label-line);
  font-size: 14px;
  font-weight: 400;
  line-height: var(--form-label-line);
}
.form-layout .form-layout__supplement > .choice > input {
  margin: 0;
  inline-size: 14px;
  block-size: 14px;
  flex: none;
}
.form-layout .form-layout__note {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: var(--form-message-line);
  color: var(--color-text-primary);
  overflow-wrap: anywhere;
}
.form-layout .form-control > label:has(.form-optional-badge) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}
.form-layout--memo textarea.textarea {
  line-height: 1.5;
  min-block-size: 123px;
}
.materials2-shell .form-layout--scope .m2-scope {
  font-size: 14px;
  line-height: var(--form-message-line);
}
.materials2-shell .form-layout--scope .m2-scope .tab-bar {
  margin: 0;
}
.materials2-shell .form-layout--scope .m2-independent-options {
  margin-block-end: var(--form-row-gap);
  gap: var(--form-field-gap);
}
.materials2-shell .form-layout--scope .m2-independent-options > legend {
  font-size: 14px;
  line-height: var(--form-label-line);
  margin-block-end: var(--form-field-gap);
}
.materials2-shell .form-layout--scope .m2-independent-options .choice {
  font-size: 14px;
  line-height: var(--form-message-line);
}
.materials2-shell .form-layout--scope .m2-scope-node,
.sg-target .m2-scope-node {
  padding-block: var(--form-field-gap);
  font-size: 14px;
  line-height: var(--form-message-line);
}
.materials2-shell .form-layout--scope .m2-scope-node :is(.choice, .m2-scope-range-name),
.sg-target .m2-scope-node :is(.choice, .m2-scope-range-name) {
  padding-block: 0;
}
.materials2-shell .form-layout--scope .m2-scope-range-count,
.sg-target .m2-scope-range-count {
  font-size: 12px;
  line-height: var(--form-message-line);
  margin-block-start: var(--form-label-help-gap);
}
.materials2-shell .form-layout--scope .m2-scope-branch > div > ul {
  padding-block-end: var(--form-field-gap);
}
.materials2-shell .form-layout--scope :is(.m2-scope-group-areas, .m2-scope-area-summary, .m2-scope-count, .m2-scope-selection-summary) {
  font-size: 12px;
  line-height: var(--form-message-line);
}
.materials2-shell .form-layout--scope .m2-scope-readonly-tree ul ul {
  padding-inline-start: var(--form-column-gap);
}
.materials2-shell .form-layout--scope .m2-scope > .form-control__error {
  margin-block-start: var(--form-field-gap);
}
.form-layout .network-program-form__field > label + .form-layout__help {
  margin-block-start: calc(var(--form-label-help-gap) - var(--form-field-gap));
}
.form-layout .form-layout__choices {
  gap: var(--form-field-gap) var(--form-column-gap);
}
.form-layout--conditional .network-program-form__field {
  gap: var(--form-field-gap);
  min-inline-size: 0;
}
.form-layout--conditional .network-program-form__field > label,
.form-layout--conditional .network-program-form__field > span:first-child {
  font-size: 14px;
  font-weight: 600;
  line-height: var(--form-label-line);
  margin: 0;
}
.form-layout--conditional :is(.network-program-form__help, .network-program-form__error, .network-program-form__slot-note) {
  margin: 0;
  font-size: 12px;
  line-height: var(--form-message-line);
  white-space: normal;
  overflow-wrap: anywhere;
}
.form-layout--conditional .network-program-form__help {
  color: var(--color-text-secondary);
}
.form-layout--conditional .network-program-form__error {
  color: var(--color-text-danger);
}
.form-layout > .form-layout__heading:has(+ .network-program-form__help) {
  margin-block-end: var(--form-label-help-gap);
}
.network-program-form__section.form-layout > .form-layout__heading + .network-program-form__help {
  margin-block-end: var(--form-heading-gap);
}
.network-program-form__section.form-layout > .form-layout__heading + .network-program-form__help + .network-program-form__label-inline {
  margin-block-start: 0;
}
.form-layout .form-layout__group {
  margin-block: 0 var(--form-row-gap);
  padding: var(--form-row-gap);
}
.form-layout .form-layout__group-heading {
  position: relative;
  block-size: var(--form-label-line);
  min-block-size: 0;
  margin-block-end: var(--form-heading-gap);
}
.form-layout .form-layout__group-heading > h3 {
  margin: 0;
  font-size: 14px;
  line-height: var(--form-label-line);
}
.form-layout .form-layout__group-heading > .button {
  position: absolute;
  inset-inline-end: 0;
  top: 50%;
  transform: translateY(-50%);
}
.form-layout .form-layout__conditional-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--form-row-gap) var(--form-column-gap);
  align-items: start;
  margin-block: var(--form-row-gap);
  min-inline-size: 0;
}
.form-layout .form-layout__option-grid {
  column-gap: var(--form-column-gap);
  row-gap: var(--form-heading-gap);
}
.form-layout .form-layout__option-grid .radio-panel {
  min-block-size: 0;
  padding: var(--form-heading-gap);
  gap: var(--form-field-gap);
}
.form-layout .form-layout__option-grid .radio-panel > input {
  margin-block-start: 3.5px;
}
.form-layout .form-layout__option-grid .radio-panel > span {
  gap: var(--form-label-help-gap);
}
.form-layout .form-layout__option-grid .network-program-form__radio-title {
  font-size: 14px;
  line-height: var(--form-message-line);
}
.form-layout .form-layout__option-grid .network-program-form__radio-description {
  font-size: 12px;
  line-height: var(--form-message-line);
}
.form-layout--conditional .network-program-form__preview {
  margin-block-start: var(--form-row-gap);
}
.form-layout--conditional .network-program-form__help > p {
  margin: 0;
  font-size: inherit;
  line-height: inherit;
}
.form-layout .form-layout__group-error {
  margin-block-start: var(--form-field-gap);
}
.form-layout .form-layout__conditional-grid > .form-layout__group-error {
  margin-block-start: calc(var(--form-field-gap) - var(--form-row-gap));
}
.form-layout .form-layout__choices .choice {
  display: inline-flex;
  align-items: center;
  gap: var(--form-field-gap);
  min-inline-size: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: var(--form-label-line);
}
.form-layout .form-layout__choices .choice > input {
  margin: 0;
  flex: none;
}
.form-layout--material .material-form-progress:not(.registration-progress) {
  margin-block-end: var(--form-section-end);
}
.form-layout--material .material-form-section {
  margin: 0;
  padding-block-end: var(--form-section-end);
}
.form-layout--material .material-form-section > h2 {
  margin: 0 0 var(--form-heading-gap);
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}
.form-layout--material .material-basic-grid + .material-mode {
  margin-block-start: var(--form-row-gap);
}
.form-layout--material .material-mode {
  margin-block-end: var(--form-row-gap);
  gap: var(--form-field-gap) var(--form-column-gap);
}
.form-layout--material .material-mode:has(~ .material-set-summary) {
  margin-block-end: var(--form-field-gap);
}
.form-layout--material .material-mode > legend {
  margin: 0 0 var(--form-field-gap);
  font-size: 14px;
  font-weight: 600;
  line-height: var(--form-label-line);
}
.form-layout--material :is(.material-mode > .choice, .material-code-field > .form-control > .choice) {
  display: inline-flex;
  align-items: center;
  gap: var(--form-field-gap);
  min-block-size: var(--form-label-line);
  line-height: var(--form-label-line);
  font-size: 14px;
  font-weight: 400;
}
.form-layout--material :is(.material-mode, .material-code-field) .choice > input {
  margin: 0;
  inline-size: 14px;
  block-size: 14px;
  flex: none;
}
.form-layout--material .material-code-field > .form-control {
  column-gap: var(--form-field-gap);
  row-gap: var(--form-field-gap);
}
.form-layout--material .material-code-field > .form-control > .choice {
  justify-self: end;
}
.form-layout--material .material-parts {
  display: grid;
  gap: var(--form-row-gap);
}
.form-layout--material .material-part {
  margin-block-end: 0;
}
.form-layout--material .material-part-heading {
  margin-block-end: var(--form-heading-gap);
}
.form-layout--material .material-part[data-reorder-key] > .material-part-heading {
  min-block-size: 0;
  block-size: var(--form-label-line);
}
.form-layout--material .material-part[data-reorder-key] > .material-part-heading > h3 {
  line-height: var(--form-label-line);
}
.form-layout--material .material-set-summary {
  margin-block-end: var(--form-heading-gap);
}
.form-layout--material .material-set-summary > .material-help {
  overflow-wrap: anywhere;
}
.form-layout--material .material-parts ~ .button {
  margin-block-start: var(--form-row-gap);
}
.form-control > label + .form-control__help,
.textarea-field > .textarea-field__label + .textarea-field__help {
  margin-block-start: calc(var(--spacing-0-25) - var(--control-padding));
}
@media (max-width: 760px) {
  .form-layout :is(.form-layout__grid, .material-form-grid) {
    grid-template-columns: minmax(0, 1fr);
  }
  .form-layout .form-layout__conditional-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* app/assets/unavailable-state.css?v=a606bc1ed45a95fc */
:root {
  --operation-border-disabled:color-mix(in srgb,var(--color-border-default) 50%,var(--color-semantic-surface));
  --operation-surface-disabled:var(--color-background-disabled);
}
html:root .button:is(:disabled, [aria-disabled=true])[data-variant=secondary] {
  border-color: var(--operation-border-disabled);
}
html:root :is(.input, select, textarea):disabled {
  border-color: var(--operation-border-disabled);
  background: var(--operation-surface-disabled);
  color: var(--color-text-disabled);
  cursor: not-allowed;
}
html:root .select-field:has(select:disabled),
html:root .choice:has(input:disabled) {
  cursor: not-allowed;
}
html:root .select-field:has(select:disabled) :is(.select-field__label, .select-field__icon),
html:root .choice:has(input:disabled) > span {
  color: var(--color-text-disabled);
}
html:root .combobox__input:has(input:disabled) {
  border-color: var(--operation-border-disabled);
  background: var(--operation-surface-disabled);
  color: var(--color-text-disabled);
  cursor: not-allowed;
}
html:root .combobox__input:has(input:disabled) .combobox__toggle {
  border-inline-start-color: var(--operation-border-disabled);
}
html:root .combobox__input:has(input:disabled) .combobox__single-value {
  color: var(--color-text-disabled);
}
html:root .selected-item:has(> .button[aria-disabled=true]) {
  border-color: var(--operation-border-disabled);
  background: var(--operation-surface-disabled);
  color: var(--color-text-disabled);
}
html:root :is(.input, textarea)[readonly]:not(:disabled) {
  background: var(--operation-surface-disabled);
  color: var(--color-text-primary);
  cursor: text;
  border-color: var(--operation-border-disabled);
}
html:root .dropdown__item[aria-disabled=true] .dropdown__reason {
  color: var(--color-text-secondary);
}
html:root .allocation-page .material-demo-card[aria-disabled=true],
html:root .material-demo-card[aria-disabled=true],
html:root .allocation-placed[aria-disabled=true],
html:root .allocation-reference[data-muted-cards=true] .allocation-reference__material {
  --material-card-muted-accent:color-mix(in srgb,var(--material-color) 50%,var(--color-semantic-surface));
  border-color: var(--operation-border-disabled);
  border-inline-start-color: var(--material-card-muted-accent);
  background: var(--operation-surface-disabled);
  color: var(--color-text-primary);
  box-shadow: none;
}
html:root :is(.material-demo-card, .allocation-placed)[aria-disabled=true] {
  cursor: not-allowed;
}
html:root .allocation-placed--color[aria-disabled=true] {
  background: var(--material-card-muted-accent);
}
.operation-lock {
  display: contents;
}
.button-reason[data-wide] > .tooltip-anchor {
  inline-size: 100%;
}
@media (forced-colors: active) {
  html:root :is(.button[aria-disabled=true], .input:disabled, select:disabled, textarea:disabled, .material-demo-card[aria-disabled=true], .allocation-placed[aria-disabled=true]),
  html:root .allocation-reference[data-muted-cards=true] .allocation-reference__material {
    border-color: GrayText;
  }
}

/* app/assets/heading-roles.css?v=b1934897b1e84e0f */
.heading[data-reading-heading=title],
.help-pane__header > .heading[data-type=sectionTitle][data-size=xl]:where(:not([data-reading-heading])) {
  font-size: var(--font-size-xl);
  line-height: var(--leading-tight);
  font-weight: 600;
}
.heading:is([data-reading-heading=title], [data-reading-heading=section]) {
  margin: 0;
}
.heading[data-reading-heading=title] {
  text-wrap: balance;
}
.heading[data-reading-heading=section],
.materials2-shell .m2-condition-title > h2,
.material-calendar-detail > section > h3,
body[data-materials2-view=material-detail] .materials2-shell .material-review.review-detail > h2 {
  font-size: var(--font-size-l);
  line-height: 28px;
  font-weight: 600;
}
.network-program-form__section .network-program-form__radio-title,
.network-program-form__section .network-program-form__preview > h3,
.sg-target .sg-area > h3,
.sg-target .sg-selected > .sg-toolbar > h3,
.sg-target .sg-selected-list > section > h4,
.sg-editor > .sg-selected > .sg-toolbar > h3,
.sg-editor > .sg-selected .sg-selected-list > section > h4,
.materials2-shell .m2-scope-result-title > strong,
.materials2-shell .m2-scope .m2-scope-readonly-tree li > strong,
.materials2-shell .m2-condition-nav-heading > h2,
.materials2-shell .m2-period-summary > h2,
.materials2-shell .m2-period-summary-item > h3,
.notice-drawer .notice-drawer__title,
.notice-drawer .notice-drawer__destination > strong,
.material-demo-area__heading h2,
.allocation-memo > strong,
.allocation-operation__section > h3,
.material-calendar-detail > section > .material-calendar-agency > .material-calendar-heading > h4,
.material-calendar-detail > section > .material-calendar-agency > .material-calendar-agency__programs > .material-calendar-program > h5,
body[data-materials2-view=material-detail] .materials2-shell .material-review.review-detail .material-section-heading :is(h2, h3),
body[data-materials2-view=material-detail] .materials2-shell .material-review.review-detail .material-review-part > h3,
:is(.review-detail__reading > .review-detail.review-detail--rows, .review-detail.review-detail--rows.review-detail__reading) > :is(.material-form-section, .network-program-form__review-block, .network-program-form__review-subblock, .review-detail__section) > :is(.material-section-heading, .network-program-form__review-heading, .review-detail__heading) > :is(h2, h3),
:is(.review-detail__reading > .review-detail.review-detail--rows, .review-detail.review-detail--rows.review-detail__reading) > :is(.material-form-section, .network-program-form__review-block, .network-program-form__review-subblock, .review-detail__section) > :is(.material-section-heading, .network-program-form__review-heading, .review-detail__heading) > .publication-section-title > :is(h2, h3),
:is(.review-detail__reading > .review-detail.review-detail--rows, .review-detail.review-detail--rows.review-detail__reading) .review-detail__group--framed > .review-detail__group-title,
:is(.review-detail__reading > .review-detail.review-detail--rows, .review-detail.review-detail--rows.review-detail__reading) > .material-form-section > .rf-section-body > .rf-history > h3,
.audit-detail .audit-detail__body :is(h3, h4, h5) {
  font-size: var(--font-size-m);
  line-height: var(--leading-normal);
  font-weight: 600;
}
.material-demo-group__label > h3 {
  font-size: var(--font-size-s);
  line-height: var(--leading-normal);
  font-weight: 600;
}

/* app/assets/detail-text-roles.css?v=5b5b68c396fcddcb */
:is([data-reading-prose=paragraph], [data-reading-prose=step]),
.notice-drawer .notice-message,
.notice-drawer .notice-drawer__destination > p,
.help-section > p.help-section__note,
.login-card > p.login-card__description,
.profile-menu-content__actions > p,
.network-program-form .network-program-form__section > p.network-program-form__help,
.network-program-form .network-program-form__pattern-fields > p.network-program-form__help,
.form-layout--material .material-set-summary > p.material-help,
.sg-target > p.sg-description,
.materials2-shell .m2-inline-change-editor > p.material-help,
.materials2-shell .m2-inline-change-editor > div > p.material-help,
.material-form-fields .material-form-section > p.material-help,
.dialog .dialog__body > .dialog__description,
.dialog .dialog__fields > p:not([class]):not([role]):not(:has(a)),
.dialog .dialog__fields > p.shell-confirm-prose,
.dialog .dialog__fields > p.program-action-single-deactivate,
.dialog .users-confirm > p:not([class]):not([role]):not(:has(a)),
.dialog .material-dialog-body > p:not([class]):not([role]):not(:has(a)),
.dialog .program-label-editor > p:not([class]):not([role]):not(:has(a)),
.material-demo-area__heading > div > p,
p.material-demo-message,
.allocation-state__group > p,
.allocation-memo > p,
.materials2-shell .m2-scope-empty,
.sg-selected-list > p.material-help,
.sg-regions > p[role=status],
p.program-label-empty,
.material-form .material-review > h2 + p.material-help,
.review-detail__reading > .review-detail.review-detail--rows > h2 + p:is(.material-help, .network-program-form__help, .review-detail__help),
.review-detail.review-detail--rows.review-detail__reading > h2 + p:is(.material-help, .network-program-form__help, .review-detail__help),
:is(.review-detail__reading > .review-detail.review-detail--rows, .review-detail.review-detail--rows.review-detail__reading) dl.review-detail__fields--rows > div > :is(dt, dd),
:is(.review-detail__reading > .review-detail.review-detail--rows, .review-detail.review-detail--rows.review-detail__reading) dl.review-detail__fields--rows > div > dd > p:not([class]):not([role]):not(:has(a)),
:is(.review-detail__reading > .review-detail.review-detail--rows, .review-detail.review-detail--rows.review-detail__reading) > :is(.material-form-section, .network-program-form__review-block, .review-detail__section) > p:not([class]):not([role]):not(:has(a)),
:is(.review-detail__reading > .review-detail.review-detail--rows, .review-detail.review-detail--rows.review-detail__reading) .rf-section-body > p:not([class]):not([role]):not(:has(a)),
:is(.review-detail__reading > .review-detail.review-detail--rows, .review-detail.review-detail--rows.review-detail__reading) .rf-history > p:not([class]):not([role]):not(:has(a)),
:is(.review-detail__reading > .review-detail.review-detail--rows, .review-detail.review-detail--rows.review-detail__reading) .review-detail__group--framed > p.review-detail__group-body,
:is(.review-detail__reading > .review-detail.review-detail--rows, .review-detail.review-detail--rows.review-detail__reading) .network-program-form__review-labels > li,
body[data-materials2-view=material-detail] .materials2-shell .material-review.review-detail > p.material-help,
body[data-materials2-view=material-detail] .materials2-shell .material-review.review-detail .material-detail-grid :is(dt, dd),
body[data-materials2-view=material-detail] .materials2-shell .material-review.review-detail > .material-form-section > p:not(.material-help):not(:has(a)),
.audit-detail:not(.audit-detail--layout-check) .audit-detail__body > section > .audit-meta > :is(dt, dd),
.audit-detail:not(.audit-detail--layout-check) .audit-detail__body > section > .audit-meta.review-facts > div > :is(dt, dd),
.audit-detail:not(.audit-detail--layout-check) .audit-detail__body .audit-meta .audit-subtext,
.audit-detail:not(.audit-detail--layout-check) .audit-detail__body > section > p,
.audit-detail:not(.audit-detail--layout-check) .audit-detail__body .audit-result-explanation__message > p {
  font-size: var(--font-size-m);
  line-height: var(--leading-normal);
  font-weight: 400;
  color: var(--color-text-primary);
}
p:is([data-reading-prose=intro], [data-reading-prose=summary]) {
  font-size: var(--font-size-m);
  line-height: 1.6;
  font-weight: 400;
  color: var(--color-text-primary);
}
p:is([data-reading-prose=intro], [data-reading-prose=paragraph]) {
  margin: var(--spacing-0-5) 0 0;
}
p[data-reading-prose=intro][data-reading-gap=after-meta] {
  margin-block-start: var(--spacing-1);
}
p[data-reading-prose=summary] {
  margin: var(--spacing-0-25) 0 0;
}

/* app/assets/material-detail-rows-pilot.css?v=9ff706c87ac08211 */
body[data-materials2-view=material-detail] .materials2-shell .material-review.review-detail .material-detail-grid,
.review-detail.review-detail--rows .review-detail__fields--rows,
dl.review-facts {
  grid-template-columns: minmax(0, 1fr);
}
body[data-materials2-view=material-detail] .materials2-shell .material-review.review-detail .material-detail-grid > div,
.review-detail.review-detail--rows .review-detail__fields--rows > div,
dl.review-facts > div {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: var(--review-facts-columns,120px minmax(0,1fr));
  column-gap: var(--review-facts-column-gap,var(--spacing-1-5));
  align-items: start;
}
body[data-materials2-view=material-detail] .materials2-shell .material-review.review-detail .material-detail-grid > div > dt,
.review-detail.review-detail--rows .review-detail__fields--rows > div > dt,
dl.review-facts > div > dt {
  margin: 0;
}
body[data-materials2-view=material-detail] .materials2-shell .material-form:not(.registration-page):has(> .material-review.review-detail),
.material-form.review-detail__reading:not(.registration-page),
.network-program-form:not(.registration-page) .network-program-form__section.review-detail__reading {
  max-inline-size: 640px;
}
body[data-materials2-view=material-detail] .materials2-shell .material-review.review-detail .material-review-part,
.review-detail.review-detail--rows .review-detail__group--framed {
  margin-inline: var(--spacing-1) 0;
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-m);
  background: var(--color-semantic-surface);
}
body[data-materials2-view=material-detail] .materials2-shell .material-review.review-detail .material-review-part > h3,
.review-detail.review-detail--rows .review-detail__group--framed > .review-detail__group-title {
  margin: 0;
  padding: var(--spacing-0-5) var(--spacing-1);
  border-block-end: 1px solid var(--color-border-default);
  border-start-start-radius: inherit;
  border-start-end-radius: inherit;
  background: transparent;
}
body[data-materials2-view=material-detail] .materials2-shell .material-review.review-detail .material-review-part > h3 + dl,
.review-detail.review-detail--rows .review-detail__group--framed > .review-detail__group-body {
  margin-inline: 0;
  padding: var(--spacing-1);
}
.review-detail.review-detail--rows .review-detail__group-title {
  display: block;
}
.review-detail.review-detail--rows .review-detail__group--framed > p.review-detail__group-body {
  margin-block: 0;
}
.review-detail.review-detail--rows .review-detail__group--framed + .review-detail__group--framed {
  margin-block-start: var(--spacing-1-5);
}
.review-detail.review-detail--rows :is(.review-detail__fields--rows, .review-detail__group-body) {
  font-size: 14px;
  line-height: 1.5;
}
.review-detail.review-detail--rows > h2 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
}
.review-detail.review-detail--rows .review-detail__group-title {
  font-size: 14px;
  line-height: 21px;
  font-weight: 600;
}
dl.review-facts {
  display: grid;
  row-gap: var(--review-facts-row-gap,var(--spacing-1));
  margin: 0;
}
dl.review-facts:not(.review-facts--compact) {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
}
dl.review-facts > div > :is(dt, dd) {
  min-inline-size: 0;
  overflow-wrap: anywhere;
}
dl.review-facts > div > dt {
  font-weight: inherit;
}
dl.review-facts > div > dd {
  margin: 0;
}
dl.review-facts.review-facts--compact {
  --review-facts-columns:112px minmax(0,1fr);
  --review-facts-column-gap:var(--spacing-1);
  --review-facts-row-gap:var(--spacing-0-5);
}

/* app/assets/detail-reading-spacing.css?v=eb5ca41e47821e0d */
[data-reading-layout],
.review-detail__reading > .review-detail.review-detail--rows:where(:not([data-reading-layout])),
.registration-page > .material-review:where(:not([data-reading-layout])),
.audit-detail:not(.audit-detail--layout-check) .audit-detail__body {
  --reading-intro-gap: var(--spacing-0-5);
  --reading-section-gap: var(--spacing-1-5);
  --reading-heading-gap: var(--spacing-1);
  --reading-subheading-gap: var(--spacing-0-5);
}
.review-detail[data-reading-layout],
.registration-page > [data-reading-layout],
.review-detail__reading > .review-detail.review-detail--rows:where(:not([data-reading-layout])),
.registration-page > .material-review:where(:not([data-reading-layout])) {
  row-gap: 0;
}
[data-reading-layout] > [data-reading-part=intro],
.review-detail__reading > .review-detail.review-detail--rows:where(:not([data-reading-layout])) > h2 + :is(.material-help, .network-program-form__help, .review-detail__help),
.registration-page > .material-review:where(:not([data-reading-layout])) > h2 + .material-help {
  margin-block-start: var(--reading-intro-gap);
}
[data-reading-layout] > [data-reading-part=section],
.review-detail__reading > .review-detail.review-detail--rows:where(:not([data-reading-layout])) > :is(.material-form-section, .network-program-form__review-block, .review-detail__section) {
  margin-block-start: var(--reading-section-gap);
  padding-block-start: var(--reading-section-gap);
}
[data-reading-layout] > :is([data-reading-part=section], [data-reading-part=subsection]) > [data-reading-part=heading],
.review-detail__reading > .review-detail.review-detail--rows:where(:not([data-reading-layout])) > :is(.material-form-section, .network-program-form__review-block, .network-program-form__review-subblock, .review-detail__section) > :is(.material-section-heading, .network-program-form__review-heading, .review-detail__heading) {
  min-block-size: var(--spacing-1-5);
  margin-block-end: var(--reading-heading-gap);
}
[data-reading-layout] > :is([data-reading-part=section], [data-reading-part=subsection]) > [data-reading-part=heading] > [data-reading-part=action],
.review-detail__reading > .review-detail.review-detail--rows:where(:not([data-reading-layout])) > :is(.material-form-section, .network-program-form__review-block, .network-program-form__review-subblock, .review-detail__section) > :is(.material-section-heading, .network-program-form__review-heading, .review-detail__heading) > .button {
  flex: none;
  min-block-size: var(--spacing-1-5);
  padding: 0;
  border: 0;
  line-height: 1.5;
}
[data-reading-layout] > [data-reading-part=subsection],
.review-detail__reading > .review-detail.review-detail--rows:where(:not([data-reading-layout])) > .network-program-form__review-subblock {
  margin-block-start: var(--reading-section-gap);
}
.audit-detail:not(.audit-detail--layout-check) .audit-detail__body > section + section {
  margin-block-start: var(--reading-section-gap);
  padding-block-start: var(--reading-section-gap);
}
.audit-detail:not(.audit-detail--layout-check) .audit-detail__body > section > h3 {
  margin: 0 0 var(--reading-heading-gap);
}
.audit-detail:not(.audit-detail--layout-check) .audit-detail__body :is(.audit-result-explanation__message, .audit-attempt, .audit-record-group) > :is(h4, h5) {
  margin: 0 0 var(--reading-subheading-gap);
}
.audit-detail:not(.audit-detail--layout-check) .audit-detail__body .audit-attempt > h4 {
  margin-block-end: var(--reading-heading-gap);
}
.audit-detail:not(.audit-detail--layout-check) .audit-detail__body :is(.audit-result-explanation > section + section, .audit-record-group + .audit-record-group) {
  margin-block-start: var(--reading-section-gap);
}

/* app/assets/list-search-input.css?v=f5f99d2d2f15400b */
.list-search-input {
  position: relative;
  display: inline-flex;
  inline-size: 100%;
  min-inline-size: 0;
  max-inline-size: 100%;
}
.list-search-input > .input {
  inline-size: 100%;
  min-inline-size: 0;
  padding-inline-start: calc(var(--spacing-0-75) + var(--spacing-1) + var(--spacing-0-5));
}
.list-search-input > .list-search-input__icon {
  position: absolute;
  inset-inline-start: var(--spacing-0-75);
  inset-block-start: 50%;
  transform: translateY(-50%);
  inline-size: var(--spacing-1);
  block-size: var(--spacing-1);
  color: var(--color-text-secondary);
  pointer-events: none;
}
.list-search-input:has(> .input:disabled) > .list-search-input__icon {
  color: var(--color-text-disabled);
}
.list-search-input > .input::-webkit-search-cancel-button,
.list-search-input > .input::-webkit-search-decoration {
  appearance: none;
  -webkit-appearance: none;
}

/* app/assets/registration-page-layout.css?v=bddbff4e82aa8ff3 */
.registration-page {
  --registration-input-width:740px;
  --registration-reading-width:640px;
  --registration-progress-gap:var(--spacing-2);
  --registration-tail-gap:var(--spacing-2);
  --registration-sidebar-width:220px;
  box-sizing: border-box;
  inline-size: 100%;
  max-inline-size: var(--registration-input-width);
  min-inline-size: 0;
  margin-inline: auto;
  padding-block: 0 calc(var(--registration-footer-height,74px) + var(--registration-tail-gap));
}
.application-shell[data-navigation=collapsed] .registration-page {
  --registration-sidebar-width:64px;
}
.application-shell .main-content:has(.registration-page) {
  padding: var(--spacing-1-5) var(--spacing-1-5) 0;
}
.registration-page .registration-progress {
  box-sizing: border-box;
  inline-size: 100%;
  max-inline-size: var(--registration-input-width);
  margin: 0 auto var(--registration-progress-gap);
}
.registration-page > .registration-page__reading,
.registration-page > .network-program-form__section.review-detail__reading {
  box-sizing: border-box;
  inline-size: 100%;
  max-inline-size: var(--registration-reading-width);
  margin-inline: auto;
}
.registration-page > .network-program-form__section {
  inline-size: 100%;
  max-inline-size: none;
  margin-block: 0;
  padding-block: 0;
}
.registration-page > .network-program-form__section.review-detail__reading {
  max-inline-size: var(--registration-reading-width);
}
.registration-page .material-form-fields > .material-form-section:last-child,
.registration-page > .material-review > .material-form-section:last-child {
  margin-block-end: 0;
  padding-block-end: 0;
}
.registration-page > .material-review > .material-form-fields,
.registration-page > .material-review > .operation-lock > .material-form-fields,
.registration-page > .network-program-form__review > .network-program-form__section.form-layout {
  inline-size: 100%;
  max-inline-size: none;
  margin-block: var(--spacing-1-5) 0;
  padding-block: var(--spacing-1-5) 0;
  border-block-start: 1px solid var(--color-border-default);
}
.registration-page .network-program-form__inline-actions {
  margin-block: var(--spacing-1-5) 0;
}
.registration-page--saved > .registration-page__reading,
.registration-page--saved > .network-program-form__section.review-detail__reading {
  max-inline-size: var(--registration-input-width);
}
.registration-page--saved > .material-review > h2 {
  font-size: 18px;
  line-height: 28px;
}
.registration-page--saved :is(.material-form-section, .network-program-form__section.form-layout) > h2 {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.registration-page--saved :is(.material-section-heading, .network-program-form__review-heading) :is(h2, h3) {
  line-height: 24px;
}
.registration-page--saved .material-form-fields .material-form-section > :is(h2, .material-form-grid, .material-choice, .material-parts) {
  margin-inline-start: 0;
}
.registration-page--saved .review-detail__fields--rows {
  max-inline-size: var(--registration-reading-width);
}
.registration-page--saved .material-review-instructions {
  margin-block-start: var(--spacing-1-5);
  padding-block-start: var(--spacing-1-5);
}
.registration-page--saved .material-review-instructions > .material-section-heading {
  margin-block-end: var(--spacing-1);
}
.registration-edit-context {
  flex: 1;
  min-inline-size: 0;
  font-size: 14px;
  line-height: 1.5;
}
.registration-edit-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--spacing-0-5);
  flex-wrap: wrap;
}
.registration-page :is(.material-form-footer, .network-program-form__footer) {
  position: fixed;
  z-index: 12;
  inset: auto 0 0 var(--registration-sidebar-width);
  box-sizing: border-box;
  min-block-size: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: var(--spacing-1);
  padding: var(--spacing-1) var(--spacing-1-5);
  border-block-start: 1px solid var(--color-border-default);
  background: var(--color-semantic-surface);
  box-shadow: none;
}

/* app/assets/shared-ui.css */
:is(h1, h2, h3, h4, h5, h6)[tabindex="-1"]:not([role], [contenteditable]):focus,
[role=heading][tabindex="-1"]:not([contenteditable]):focus {
  outline: none;
}
.badge__count.text {
  line-height: var(--leading-none);
  font-weight: 400;
}
.sg-target .sg-region-heading > .choice,
.sg-target .m2-scope-range-name,
.sg-target .sg-stations > .choice,
.sg-target .sg-selected-row > span,
.sg-editor > .sg-selected .sg-selected-row > span,
.materials2-shell .m2-scope .m2-scope-range-name,
.materials2-shell .m2-scope .m2-scope-node > .choice,
.materials2-shell .m2-scope .m2-scope-selection-name,
.materials2-shell .m2-scope .m2-scope-readonly-tree li {
  font-size: var(--font-size-m);
  line-height: var(--leading-normal);
}
.sg-target .sg-count,
.sg-editor > .sg-selected .sg-count,
.sg-target .m2-scope-range-count,
.sg-target .sg-result-count,
.sg-target .sg-stations small,
.materials2-shell .m2-scope :is(.m2-scope-range-count, .m2-scope-count, .m2-scope-selection-summary, .m2-scope-group-areas, .m2-scope-area-summary) {
  font-size: var(--font-size-xs);
  line-height: var(--leading-normal);
}
.tab-bar,
.m2-scope-columns {
  --tab-label-size:var(--font-size-m);
  --tab-label-line:1.6;
  --tab-item-min-height:calc(var(--tab-label-size) * var(--tab-label-line) + 2 * var(--spacing-0-75) + 4px);
}
.tab-bar {
  font-size: var(--tab-label-size);
  line-height: var(--tab-label-line);
}
.tab-bar > .tab-item {
  box-sizing: border-box;
  min-block-size: var(--tab-item-min-height);
}
.response-message {
  font-size: var(--font-size-m);
  font-weight: 400;
  line-height: var(--leading-normal);
}
.response-message[data-status=warning] {
  --response-icon-color:var(--color-semantic-warning-yellow);
}
.response-message .text__content {
  align-items: flex-start;
}
.response-message .text__content > .response-message__icon {
  display: block;
  flex: none;
  inline-size: 1em;
  block-size: 1em;
  line-height: inherit;
  margin-block-start: calc((1lh - 1em) / 2);
  transform: none;
}
.response-message .text__body > [role] > :is(p, ul, ol):first-child {
  margin-block-start: 0;
}
.response-message .text__body > [role] > :is(p, ul, ol) {
  font: inherit;
}
.information-panel {
  font-size: var(--font-size-m);
  font-weight: 400;
  line-height: var(--leading-normal);
}
.information-panel > .text {
  font-size: inherit;
  line-height: inherit;
}
.information-panel > :is(p, ul, ol) {
  font: inherit;
}
.information-panel > .text > .text__content {
  align-items: flex-start;
}
.information-panel > .text > .text__content > .information-panel__icon {
  inline-size: 1em;
  block-size: 1em;
  margin-block-start: calc((1lh - 1em) / 2);
}
.information-panel[data-tone=info] .information-panel__icon {
  color: var(--color-icon-default);
}
.data-table thead th {
  font-size: var(--list-table-heading-size, 14px);
}
.data-table tbody :is(th, td) {
  font-size: var(--list-table-value-size, 13px);
}
.data-table tbody :is(th, td) {
  vertical-align: middle;
}
.data-table tbody td > .material-help:last-child,
.data-table tbody td > .m2-table-list:last-child > li:last-child > .material-help:last-child {
  margin-block-end: 0;
}
#materials-react-root:not(.materials2-shell *) {
  --list-table-heading-size: 12px;
}
.choice {
  align-items: center;
}
.material-text-action.button .icon {
  color: currentColor;
}
.input:disabled:not([data-selected-display])::placeholder {
  color: var(--color-text-disabled);
  opacity: 1;
}
.select-field:has(select:disabled) .select-field__label {
  color: var(--color-text-disabled);
}
.calendar__days,
.calendar__years {
  block-size: 19rem;
  height: 19rem;
  box-sizing: border-box;
}
.dialog__header:has(> .dialog__header-close) {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-1);
}
.dialog__header-close {
  flex: none;
}
.dialog__header:has(> .dialog__header-close) .dialog__heading {
  min-inline-size: 0;
}
.button.button--danger-outline {
  color: var(--color-action-danger);
  border-color: var(--color-action-danger);
  background: transparent;
}
.button.button--danger-outline[aria-disabled=true] {
  color: color-mix(in srgb, var(--color-action-danger) 50%, transparent);
  border-color: color-mix(in srgb, var(--color-action-danger) 50%, transparent);
}
.split-button {
  display: inline-flex;
  align-items: stretch;
  gap: 0;
  white-space: nowrap;
}
.split-button > .button {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
  border-inline-end-width: 0;
}
.split-button > .dropdown {
  display: flex;
  align-items: stretch;
}
.split-button > .dropdown > .button {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
  border-inline-start-color: color-mix(in srgb, currentColor 35%, transparent);
}

/* app/assets/login.css */
body.login-preview {
  margin: 0;
  background: var(--color-background-canvas);
}
.login-page {
  box-sizing: border-box;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 48px 24px;
}
.login-card {
  box-sizing: border-box;
  width: min(100%, 600px);
  padding: 40px;
  border: 1px solid var(--color-border-default);
  border-radius: 8px;
  background: var(--color-background-surface);
  box-shadow: var(--shadow-layer1);
}
.login-card__brand {
  margin: 0 0 28px;
  color: var(--color-semantic-main);
  font-size: 15px;
  font-weight: 600;
}
.login-card h1 {
  margin: 0 0 12px;
  font-size: 24px;
  line-height: 1.4;
  text-wrap: balance;
}
.login-card__description {
  margin: 0;
  color: var(--color-text-secondary);
}
.login-card__actions {
  display: grid;
  gap: var(--spacing-0-5);
  margin-top: 32px;
}
.login-card__actions .button {
  width: 100%;
  min-height: 44px;
}
.login-card__step-link.text-link {
  justify-self: center;
  font-weight: 400;
  line-height: max(1.5em, var(--spacing-1-5));
  --zds-focus-decoration: 0 0 transparent;
}
.login-card__step-link.text-link:not(:focus-visible) {
  box-shadow: none;
}
.login-card__step-link[aria-disabled=true] {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}
.login-card__form {
  display: grid;
  gap: var(--form-row-gap);
  margin-block-start: var(--form-row-gap);
}
.login-card__form > .form-layout__grid {
  display: grid;
}
.login-card__form :is(.input, .select-field) {
  inline-size: 100%;
  min-inline-size: 0;
}
.login-card__form > .login-card__actions {
  margin-block-start: 0;
}
.login-card__notice {
  display: block;
  margin-top: 20px;
}
.login-card__state {
  margin-block-start: var(--spacing-1-5);
}
.login-card__account {
  display: grid;
  gap: 4px;
  margin: 24px 0 0;
  overflow-wrap: anywhere;
}
.login-card__account--attempted {
  --review-facts-columns: fit-content(50%) minmax(0, 1fr);
}
.login-card__account + .login-card__account {
  margin-top: 12px;
}
.login-card__account strong {
  font-weight: 600;
}
.login-card__confirmation {
  margin-top: 24px;
  border-top: 1px solid var(--color-border-default);
  padding-block-start: var(--spacing-0-75);
}
.login-card__confirmation dt {
  color: var(--color-text-secondary);
}
.login-card__confirmation dd {
  margin: 0;
  overflow-wrap: anywhere;
  font-weight: 600;
}
.login-page__footer {
  margin: 0;
  color: var(--color-text-secondary);
  font-size: 12px;
  text-align: center;
}
@media (max-width: 520px) {
  .login-page {
    padding: 24px 16px;
  }
  .login-card {
    padding: 28px 24px;
  }
  .login-card__confirmation dl > div {
    grid-template-columns: 1fr;
    gap: 2px;
  }
}
@media (max-width: 520px) {
  .login-card__account--attempted dl.review-facts > div {
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--spacing-0-25);
  }
}

/* app/assets/qa-login-entry.css */