@layer brand, tokens, density, elements, values, brand-mark, spacing, cut-edges, actions, panels, marks, roles, headings, regions, authored-text, shell, absence, layouts, motion, states, embed, tables, truncation, print, without-fills, hidden;
@layer spacing {
  .kit-layout-shell .kit-region-page > .kit-region-body {
    display: flex;
    flex-direction: column;
    --_kit-stack-gap: var(--_kit-region);
    row-gap: var(--_kit-stack-gap);
  }
}
@layer actions {
  .kit-layout-shell .kit-region-page[data-kit-holds~=primary-action] > .kit-region-body {
    --_kit-demoted: true;
  }
  .kit-layout-shell .kit-region-page > .kit-region-header > .kit-region-actions[data-kit-holds~=words] > .kit-region-words {
    inline-size: 100%;
    margin-inline-end: 0;
  }
  .kit-layout-shell .kit-region-page > .kit-region-header > :where(form:not([hidden], [class*=kit-])) > .kit-region-actions[data-kit-holds~=words] > .kit-region-words {
    inline-size: 100%;
    margin-inline-end: 0;
  }
  .kit-layout-shell .kit-region-page > .kit-region-header > .kit-region-actions > .kit-region-words {
    contain: inline-size;
    visibility: hidden;
  }
  .kit-layout-shell .kit-region-page > .kit-region-header > :where(form:not([hidden], [class*=kit-])) > .kit-region-actions > .kit-region-words,
  .kit-layout-shell .kit-region-page > .kit-region-header > .kit-region-actions > :where(form:not([hidden], [class*=kit-])) > .kit-region-words {
    contain: inline-size;
    visibility: hidden;
  }
  .kit-layout-shell .kit-region-page > .kit-region-header > :where(form:not([hidden], [class*=kit-])) > .kit-region-actions > :where(form:not([hidden], [class*=kit-])) > .kit-region-words {
    contain: inline-size;
    visibility: hidden;
  }
  .kit-layout-shell .kit-region-page > .kit-region-header > .kit-region-actions > :is([data-kit-state~=inert], :disabled:not([data-phx-disabled=false], [data-kit-state~=submitting], [aria-busy=true])) + .kit-region-words {
    visibility: visible;
  }
  .kit-layout-shell .kit-region-page > .kit-region-header > :where(form:not([hidden], [class*=kit-])) > .kit-region-actions > :is([data-kit-state~=inert], :disabled:not([data-phx-disabled=false], [data-kit-state~=submitting], [aria-busy=true])) + .kit-region-words,
  .kit-layout-shell .kit-region-page > .kit-region-header > .kit-region-actions > :where(form:not([hidden], [class*=kit-])) > :is([data-kit-state~=inert], :disabled:not([data-phx-disabled=false], [data-kit-state~=submitting], [aria-busy=true])) + .kit-region-words {
    visibility: visible;
  }
  .kit-layout-shell .kit-region-page > .kit-region-header > :where(form:not([hidden], [class*=kit-])) > .kit-region-actions > :where(form:not([hidden], [class*=kit-])) > :is([data-kit-state~=inert], :disabled:not([data-phx-disabled=false], [data-kit-state~=submitting], [aria-busy=true])) + .kit-region-words,
  .kit-layout-shell .kit-region-page > .kit-region-header > .kit-region-actions > :is(.kit-role-split-action, .kit-role-action-menu)[data-kit-state~=inert] + .kit-region-words {
    visibility: visible;
  }
  .kit-layout-shell .kit-region-page > .kit-region-header > :where(form:not([hidden], [class*=kit-])) > .kit-region-actions > :is(.kit-role-split-action, .kit-role-action-menu)[data-kit-state~=inert] + .kit-region-words,
  .kit-layout-shell .kit-region-page > .kit-region-header > .kit-region-actions > :where(form:not([hidden], [class*=kit-])) > :is(.kit-role-split-action, .kit-role-action-menu)[data-kit-state~=inert] + .kit-region-words {
    visibility: visible;
  }
  .kit-layout-shell .kit-region-page > .kit-region-header > :where(form:not([hidden], [class*=kit-])) > .kit-region-actions > :where(form:not([hidden], [class*=kit-])) > :is(.kit-role-split-action, .kit-role-action-menu)[data-kit-state~=inert] + .kit-region-words {
    visibility: visible;
  }
  @media print, (width >= 720px) {
    .kit-layout-shell .kit-region-page > .kit-region-header[data-kit-holds~=routes][data-kit-holds~=status-line] > .kit-region-actions {
      display: contents;
    }
  }
  @media print, (width >= 720px) {
    .kit-layout-shell .kit-region-page > .kit-region-header[data-kit-holds~=routes][data-kit-holds~=status-line] > .kit-region-actions > .kit-region-routes {
      inline-size: 100%;
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-shell .kit-region-page > .kit-region-header > .kit-region-actions > .kit-region-words {
        text-align: end;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-shell .kit-region-page > .kit-region-header > :where(form:not([hidden], [class*=kit-])) > .kit-region-actions > .kit-region-words {
        text-align: end;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-shell .kit-region-page > .kit-region-header[data-kit-holds~=status-line] {
        justify-content: flex-end;
      }
    }
  }
}
@layer roles {
  @media screen {
    @container (inline-size >= 720px) {
      [data-kit-layout=shell] [data-kit-region=page] > [data-kit-role=phone-sheet]:has(> [data-kit-region=scroll]):is(.kit-layout-shell:has(> .kit-region-chrome > .kit-region-rail) .kit-region-page > *) {
        --_kit-sheet-rail: calc(var(--_kit-rail-width) + env(safe-area-inset-left));
      }
    }
  }
}
@layer shell {
  @media screen and (width >= 720px) {
    .kit-layout-shell:has(> .kit-region-chrome > .kit-region-rail) {
      --_kit-shell-held-edge: 0px;
    }
  }
  .kit-layout-shell {
    --_kit-shell-held-edge: calc(var(--_kit-shell-strip-height) + var(--kit-strip-growth, 0px));
    --_kit-shell-content-width: var(--_kit-content-width);
    --_kit-rail-track: calc(var(--_kit-rail-width) + env(safe-area-inset-left));
    --_kit-profile-height: max(var(--_kit-touch-target), var(--_kit-avatar) + 2 * var(--_kit-inset-tight));
    padding-block-end: env(safe-area-inset-bottom);
  }
  .kit-layout-shell :is(dialog, [popover]) {
    --_kit-shell-held-edge: 0px;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-notices,
  .kit-layout-shell .kit-region-page > .kit-region-header,
  .kit-layout-shell .kit-region-page > .kit-region-body,
  .kit-layout-shell .kit-region-page > .kit-region-service-destinations,
  .kit-layout-shell .kit-region-page > .kit-region-foot {
    inline-size: calc(100% - 2 * var(--_kit-page-inset) - env(safe-area-inset-left) - env(safe-area-inset-right));
    max-inline-size: var(--_kit-shell-content-width);
    min-inline-size: 0;
    margin-inline: auto;
  }
  .kit-layout-shell:has(> .kit-region-chrome > .kit-region-rail) {
    max-inline-size: none;
    min-block-size: 100dvh;
    padding: 0;
  }
  .kit-layout-shell:has(> .kit-region-chrome > .kit-region-rail) {
    display: grid;
    grid-template-columns: var(--_kit-rail-track) minmax(0, 1fr);
    grid-template-rows: auto auto 1fr;
  }
  .kit-layout-shell:has(> .kit-region-chrome > .kit-region-rail > .kit-region-collapse[data-kit-state~=collapsed]) {
    --_kit-rail-width: var(--_kit-rail-collapsed-width);
    --_kit-rail-track: max-content;
  }
  @media (prefers-reduced-motion: no-preference) {
    .kit-layout-shell:has(> .kit-region-chrome > .kit-region-rail) {
      transition: grid-template-columns var(--_kit-appear) var(--_kit-settle);
    }
  }
  .kit-layout-shell:has(> .kit-region-chrome > .kit-region-rail):where(:has(> .kit-region-page[data-kit-holds~=service-destinations], > * > .kit-region-page[data-kit-holds~=service-destinations])) {
    grid-template-rows: auto auto auto auto 1fr;
  }
  .kit-layout-shell > .kit-region-chrome,
  .kit-layout-shell .kit-region-page {
    display: contents;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-notices:has(> *) {
    padding-block-start: var(--_kit-region);
  }
  .kit-layout-shell:has(> .kit-region-chrome > .kit-region-rail):has(> .kit-region-chrome > .kit-region-notices > *) {
    grid-template-rows: auto auto auto 1fr;
  }
  .kit-layout-shell:has(> .kit-region-chrome > .kit-region-rail):where(:has(> .kit-region-page[data-kit-holds~=service-destinations], > * > .kit-region-page[data-kit-holds~=service-destinations])):has(> .kit-region-chrome > .kit-region-notices > *) {
    grid-template-rows: auto auto auto auto auto 1fr;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar {
    display: none;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-notices:is(.kit-region-rail, .kit-region-rail ~ *, :has(~ .kit-region-rail), .kit-layout-shell:has(> .kit-region-chrome > .kit-region-rail) .kit-region-page > *),
  .kit-layout-shell .kit-region-page > :is(.kit-region-header, .kit-region-body, .kit-region-service-destinations, .kit-region-foot):is(.kit-region-rail, .kit-region-rail ~ *, :has(~ .kit-region-rail), .kit-layout-shell:has(> .kit-region-chrome > .kit-region-rail) .kit-region-page > *) {
    grid-column: 2;
    inline-size: calc(100% - 2 * var(--_kit-page-inset) - env(safe-area-inset-right));
    max-inline-size: var(--_kit-shell-content-width);
    min-inline-size: 0;
    margin-inline: auto;
    align-self: start;
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-shell:has(> .kit-region-page[data-kit-holds~=side-panel], > * > .kit-region-page[data-kit-holds~=side-panel]) {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-rows: auto auto auto auto 1fr;
        min-block-size: 100dvh;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-shell:has(> .kit-region-page[data-kit-holds~=side-panel], > * > .kit-region-page[data-kit-holds~=side-panel]):has(> .kit-region-chrome > .kit-region-notices > *) {
        grid-template-rows: auto auto auto auto auto 1fr;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-shell:has(> .kit-region-page[data-kit-holds~=side-panel], > * > .kit-region-page[data-kit-holds~=side-panel]):has(> .kit-region-chrome > .kit-region-rail) {
        grid-template-columns: var(--_kit-rail-track) minmax(0, 1fr) auto;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-shell:has(> .kit-region-page[data-kit-holds~=side-panel], > * > .kit-region-page[data-kit-holds~=side-panel]):not(:has(> .kit-region-page > .kit-role-side-panel, > * > .kit-region-page > .kit-role-side-panel)) {
        grid-template-columns: minmax(0, 1fr) clamp(var(--_kit-pane-least), var(--kit-pane-width, var(--_kit-pane-design)), var(--_kit-pane-greatest));
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-shell:has(> .kit-region-page[data-kit-holds~=side-panel], > * > .kit-region-page[data-kit-holds~=side-panel]):has(> .kit-region-chrome > .kit-region-rail):not(:has(> .kit-region-page > .kit-role-side-panel, > * > .kit-region-page > .kit-role-side-panel)) {
        grid-template-columns: var(--_kit-rail-track) minmax(0, 1fr) clamp(var(--_kit-pane-least), var(--kit-pane-width, var(--_kit-pane-design)), var(--_kit-pane-greatest));
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-shell:has(> .kit-region-page[data-kit-holds~=side-panel], > * > .kit-region-page[data-kit-holds~=side-panel]) > .kit-region-chrome > .kit-region-notices,
      .kit-layout-shell .kit-region-page[data-kit-holds~=side-panel] > .kit-region-header,
      .kit-layout-shell .kit-region-page[data-kit-holds~=side-panel] > .kit-region-body,
      .kit-layout-shell .kit-region-page[data-kit-holds~=side-panel] > .kit-region-service-destinations,
      .kit-layout-shell .kit-region-page[data-kit-holds~=side-panel] > .kit-region-foot {
        grid-column: -3;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-shell:has(> .kit-region-page[data-kit-holds~=side-panel], > * > .kit-region-page[data-kit-holds~=side-panel]) > .kit-region-chrome > .kit-region-identity-strip {
        grid-column: 1 / -1;
      }
    }
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-identity-strip {
    position: sticky;
    z-index: var(--_kit-tier-chrome);
    inset-block-start: 0;
    align-self: start;
    display: flex;
    align-items: center;
    gap: var(--_kit-stack);
    min-block-size: var(--_kit-shell-strip-height);
    padding-block-start: env(safe-area-inset-top);
    border-block-end: var(--_kit-rule) solid var(--_kit-rule-colour);
    background: var(--_kit-surface);
    color: var(--_kit-text-ink);
  }
  .kit-layout-shell {
    position: relative;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-skip-link {
    position: absolute;
    inset-block-start: env(safe-area-inset-top);
    inset-inline-start: 0;
    inline-size: 1px;
    block-size: 1px;
    overflow: clip;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-skip-link:is(.kit-region-rail, .kit-region-rail ~ *, :has(~ .kit-region-rail), .kit-layout-shell:has(> .kit-region-chrome > .kit-region-rail) .kit-region-page > *) {
    grid-column: 1 / 2;
    grid-row: 1;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-skip-link:focus {
    z-index: var(--_kit-tier-toast);
    inset-block-start: calc(env(safe-area-inset-top) + 2 * var(--_kit-focus-edge));
    inset-inline-start: max(var(--_kit-page-inset), calc((100% - var(--_kit-shell-content-width)) / 2));
    display: flex;
    align-items: center;
    inline-size: max-content;
    block-size: auto;
    min-block-size: var(--_kit-touch-target);
    overflow: visible;
    clip-path: none;
    padding-inline: var(--_kit-inset);
    border: var(--_kit-rule) solid var(--_kit-panel-boundary);
    border-radius: var(--_kit-radius);
    background: var(--_kit-panel-surface);
    color: var(--_kit-text-ink);
    box-shadow: 0 0 0 var(--_kit-focus-edge) var(--_kit-focus-halo), var(--_kit-lift);
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-shell > .kit-region-chrome > .kit-region-skip-link:is(.kit-region-rail, .kit-region-rail ~ *, :has(~ .kit-region-rail), .kit-layout-shell:has(> .kit-region-chrome > .kit-region-rail) .kit-region-page > *):focus {
        inset-inline-start: calc(var(--_kit-inset) + env(safe-area-inset-left));
        max-inline-size: calc(100% + var(--_kit-page-inset) - 2 * var(--_kit-inset) - env(safe-area-inset-left));
        white-space: normal;
        overflow-wrap: anywhere;
      }
      .kit-layout-shell > .kit-region-chrome > .kit-region-identity-strip:is(.kit-region-rail, .kit-region-rail ~ *, :has(~ .kit-region-rail), .kit-layout-shell:has(> .kit-region-chrome > .kit-region-rail) .kit-region-page > *) {
        display: none;
      }
    }
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail,
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar {
    background: var(--_kit-rail-tint);
    color: var(--_kit-text-ink);
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail:after,
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar:after {
    content: "";
    position: absolute;
    background: var(--_kit-rail-edge);
    pointer-events: none;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail:after {
    inset-block: 0;
    inset-inline-end: 0;
    inline-size: var(--_kit-rule);
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar:after {
    inset-inline: 0;
    inset-block-start: 0;
    block-size: var(--_kit-rule);
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail {
    grid-column: 1;
    grid-row: 1 / -1;
    position: sticky;
    z-index: var(--_kit-tier-chrome);
    top: 0;
    block-size: 100%;
    max-block-size: 100dvh;
    display: flex;
    flex-direction: column;
    gap: var(--_kit-stack);
    overflow: clip;
    padding: calc(var(--_kit-inset) + env(safe-area-inset-top)) var(--_kit-inset) calc(var(--_kit-inset) + env(safe-area-inset-bottom)) calc(var(--_kit-inset) + env(safe-area-inset-left));
  }
  .kit-layout-shell > .kit-region-chrome > nav ul:not(.kit-role-phone-sheet) {
    display: flex;
    gap: var(--_kit-stack);
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail ul,
  .kit-layout-shell .kit-region-destination-group > ul {
    flex-direction: column;
  }
  .kit-layout-shell > .kit-region-chrome > nav .kit-region-destination-group > ul,
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail .kit-region-destination-group > details > ul,
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail > .kit-region-destinations:not([data-kit-holds~=destination-group]) {
    gap: var(--_kit-rhythm);
  }
  .kit-layout-shell .kit-region-destination-group > .kit-region-group-name + ul,
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail .kit-region-destination-group > details > .kit-region-group-name + ul {
    margin-block-start: var(--_kit-stack);
  }
  .kit-layout-shell .kit-region-destination-group:not(:first-child) {
    padding-block-start: var(--_kit-stack);
    border-block-start: var(--_kit-rule) solid var(--_kit-rail-rule);
  }
  .kit-layout-shell .kit-region-group-name {
    margin: 0;
    padding-inline: var(--_kit-inset-tight);
    color: var(--_kit-rail-muted);
    font-size: var(--_kit-label-size);
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail .kit-region-destination-group > details > .kit-region-group-name {
    display: flex;
    align-items: center;
    gap: var(--_kit-rhythm);
    min-block-size: var(--_kit-target);
    border-radius: var(--_kit-radius);
    list-style: none;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail .kit-region-destination-group > details:not([open]) > .kit-region-group-name[data-kit-holds~=count]:after {
    margin-inline-start: 0;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail .kit-region-destination-group > details:not([open]) > .kit-region-group-name[aria-current] {
    background-color: var(--_kit-current-entry-fill, var(--_kit-wash));
    color: var(--_kit-current-entry-ink, var(--_kit-text-ink));
    font-weight: var(--_kit-strong-weight);
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail > ul:not([data-kit-region]) {
    flex: 0 0 auto;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail > .kit-region-destinations {
    flex: 1;
    min-block-size: 0;
    padding-block-start: var(--_kit-stack);
    border-block-start: var(--_kit-rule) solid var(--_kit-rail-rule);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--_kit-rail-muted) transparent;
    container-type: scroll-state;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail > .kit-region-destinations > li {
    flex: 0 0 auto;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail:has(> .kit-region-collapse[data-kit-state~=collapsed]) > ul:not([data-kit-region]) > .kit-region-query > form {
    display: none;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail > .kit-region-destinations > .kit-region-profile {
    position: sticky;
    z-index: 1;
    inset-block-end: 0;
    margin-block-start: auto;
    padding-block-start: var(--_kit-rhythm);
    border-block-start: var(--_kit-rule) solid var(--_kit-rail-rule);
    background: var(--_kit-rail-tint);
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail > .kit-region-destinations {
    --_kit-overflow-fade-blank: calc(var(--_kit-inset-tight) + var(--_kit-stack) + var(--_kit-stack) + var(--_kit-rule) + 1lh + var(--_kit-stack) + var(--_kit-inset-tight));
    font-size: var(--_kit-label-size);
    scroll-padding-block: calc(var(--_kit-overflow-fade-extent) + 2 * var(--_kit-focus-edge) + var(--_kit-rule));
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail > .kit-region-destinations[data-kit-holds~=profile] {
    --_kit-rail-foot: calc(var(--_kit-profile-height) + var(--kit-profile-growth, 0px) + var(--_kit-rhythm) + var(--_kit-rule));
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail > .kit-region-destinations[data-kit-holds~=profile] {
    scroll-padding-block-end: calc(var(--_kit-overflow-fade-extent) + var(--_kit-rail-foot) + 2 * var(--_kit-focus-edge) + var(--_kit-rule));
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail > .kit-region-destinations:after {
    --_kit-overflow-fade-direction: to bottom;
    --_kit-overflow-fade-surface: var(--_kit-rail-tint);
    content: "";
    visibility: hidden;
    flex: none;
    align-self: stretch;
    inset-block-end: 0;
    block-size: var(--_kit-overflow-fade-extent);
    margin-block-start: calc(-1 * var(--_kit-stack));
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail > .kit-region-destinations:before {
    --_kit-overflow-fade-direction: to top;
    --_kit-overflow-fade-surface: var(--_kit-rail-tint);
    flex: none;
    align-self: stretch;
    inset-block-start: 0;
    block-size: var(--_kit-overflow-fade-extent);
    margin-block-end: calc(-1 * (var(--_kit-overflow-fade-extent) + var(--_kit-stack)));
  }
  @container scroll-state(scrollable: block-start) {
    .kit-layout-shell > .kit-region-chrome > .kit-region-rail > .kit-region-destinations:before {
      content: "";
    }
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail > .kit-region-destinations > .kit-region-profile {
    order: 1;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail > .kit-region-destinations[data-kit-holds~=profile]:after {
    inset-block-end: var(--_kit-rail-foot);
    margin-block-end: calc(-1 * var(--_kit-stack));
    background:
      linear-gradient(
        to bottom,
        transparent,
        var(--_kit-rail-tint) calc(100% - 2 * var(--_kit-stack) - var(--_kit-rule)));
  }
  @container scroll-state(scrollable: block) {
    .kit-layout-shell > .kit-region-chrome > .kit-region-rail > .kit-region-destinations:after {
      visibility: visible;
    }
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail > .kit-region-destinations > .kit-region-profile > button {
    min-block-size: var(--_kit-profile-height);
    line-height: var(--_kit-navigation-icon);
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail a {
    inline-size: 100%;
    gap: var(--_kit-stack);
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail [data-kit-icon]:not(.kit-role-avatar > *) {
    flex: 0 0 auto;
    inline-size: var(--_kit-navigation-icon);
    block-size: var(--_kit-navigation-icon);
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail > .kit-region-rail-head {
    flex: 0 0 auto;
    gap: 0;
    padding-inline: var(--_kit-inset-tight);
    border-radius: var(--_kit-radius);
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail[data-kit-holds~=collapse] > .kit-region-rail-head {
    inline-size: auto;
    margin-inline-end: calc(var(--_kit-target) + var(--_kit-rhythm));
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail > .kit-region-collapse {
    position: absolute;
    inset-block-start: calc(var(--_kit-inset) + env(safe-area-inset-top));
    inset-inline-end: var(--_kit-inset);
    display: flex;
    align-items: center;
    block-size: var(--_kit-identity-height);
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail > .kit-region-collapse > button {
    display: grid;
    place-content: center;
    inline-size: var(--_kit-target);
    block-size: var(--_kit-target);
    min-block-size: var(--_kit-target);
    padding: 0;
    border-radius: var(--_kit-radius);
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail:has(> .kit-region-collapse[data-kit-state~=collapsed]) > .kit-region-rail-head {
    margin-inline-end: 0;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail > .kit-region-collapse[data-kit-state~=collapsed] {
    position: static;
    flex: 0 0 auto;
    justify-content: center;
    block-size: auto;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail > .kit-region-rail-head > [data-kit-mark] {
    margin-inline-start: calc((var(--_kit-navigation-icon) - var(--_kit-avatar)) / 2);
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail > .kit-region-rail-head > [data-kit-mark]:has(+ .kit-region-tenant) {
    display: none;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail:not(:has(> .kit-region-collapse[data-kit-state~=collapsed])) > .kit-region-rail-head:has(> .kit-region-tenant) {
    position: relative;
    block-size: auto;
    min-block-size: var(--_kit-identity-height);
    display: grid;
    column-gap: 1cap;
    grid-template-columns: auto minmax(0, 1fr);
    align-content: center;
    > [data-kit-mark] {
      grid-row: 1 / span 2;
    }
    > [data-kit-wordmark],
    > .kit-region-tenant {
      grid-row: 1;
      grid-column: 2;
      align-self: end;
      min-inline-size: 0;
      padding: 0;
      --_kit-text-trim: none;
      white-space: normal;
      overflow-wrap: break-word;
      line-height: var(--_kit-text-line);
    }
    > :is([data-kit-wordmark] + .kit-region-tenant, .kit-region-tenant + [data-kit-wordmark]) {
      grid-row: 2;
      align-self: start;
    }
    > .kit-region-tenant {
      display: block;
    }
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail:not(:has(> .kit-region-collapse[data-kit-state~=collapsed])) > .kit-region-rail-head:has(> .kit-region-tenant > img) {
    grid-template-columns: calc(var(--_kit-avatar) + (var(--_kit-navigation-icon) - var(--_kit-avatar)) / 2) minmax(0, 1fr);
    > .kit-region-tenant > img {
      position: absolute;
      inset-block: 0;
      inset-inline-start: calc(var(--_kit-inset-tight) + (var(--_kit-navigation-icon) - var(--_kit-avatar)) / 2);
      inline-size: var(--_kit-avatar);
      block-size: var(--_kit-avatar);
      max-block-size: none;
      margin: auto 0;
      object-fit: contain;
    }
  }
  @media screen {
    :root[data-kit-theme=dark] .kit-layout-shell > .kit-region-chrome > .kit-region-rail:not(:has(> .kit-region-collapse[data-kit-state~=collapsed])) > .kit-region-rail-head:has(> .kit-region-tenant > img):not(:has(> .kit-region-tenant > img[data-kit-theme=dark])) {
      grid-template-columns: minmax(0, 1fr);
      > .kit-region-tenant {
        grid-column: 1;
      }
    }
  }
  @media screen and (prefers-color-scheme: dark) {
    :root:not([data-kit-theme]) .kit-layout-shell > .kit-region-chrome > .kit-region-rail:not(:has(> .kit-region-collapse[data-kit-state~=collapsed])) > .kit-region-rail-head:has(> .kit-region-tenant > img):not(:has(> .kit-region-tenant > img[data-kit-theme=dark])) {
      grid-template-columns: minmax(0, 1fr);
      > .kit-region-tenant {
        grid-column: 1;
      }
    }
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail:not(:has(> .kit-region-collapse[data-kit-state~=collapsed])) > .kit-region-rail-head:is(:has(> [data-kit-mark] + .kit-region-tenant):not(:has(> .kit-region-tenant > img)), :not(:has(> [data-kit-mark], > [data-kit-wordmark], > .kit-region-tenant > img))) {
    grid-template-columns: minmax(0, 1fr);
    > [data-kit-wordmark],
    > .kit-region-tenant {
      grid-column: 1;
    }
  }
  @media (hover: hover) and (pointer: fine) {
    .kit-layout-shell > .kit-region-chrome > .kit-region-rail > .kit-region-rail-head:hover {
      background-color: var(--_kit-wash-hover);
    }
    .kit-layout-shell > .kit-region-chrome > .kit-region-rail .kit-region-destination-group > details > .kit-region-group-name:hover {
      background-image: linear-gradient(var(--_kit-wash-hover), var(--_kit-wash-hover));
    }
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail .kit-region-profile > button[data-kit-holds~=role] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: var(--_kit-stack);
    row-gap: 0;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail .kit-region-profile > button[data-kit-holds~=role] > .kit-region-name {
    align-self: end;
    color: var(--_kit-text-ink);
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail .kit-region-profile > button[data-kit-holds~=role] > .kit-region-role {
    align-self: start;
    color: var(--_kit-text-muted);
    font-size: var(--_kit-label-size);
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail .kit-region-profile > button[data-kit-holds~=role] > .kit-region-name,
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail .kit-region-profile > button[data-kit-holds~=role] > .kit-region-role {
    grid-column: 2;
    min-inline-size: 0;
    --_kit-text-trim: none;
    white-space: normal;
    overflow-wrap: break-word;
    line-height: var(--_kit-text-line);
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail .kit-region-profile > button > .kit-region-name,
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar .kit-region-more .kit-region-profile > button > .kit-region-name,
  .kit-layout-shell > .kit-region-chrome > .kit-region-identity-strip > .kit-region-profile > button > .kit-region-name {
    flex: 0 1 auto;
    min-inline-size: 0;
    white-space: normal;
    overflow-wrap: break-word;
    line-height: var(--_kit-text-line);
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail:has(> .kit-region-collapse[data-kit-state~=collapsed]) {
    --_kit-rail-collapse-inset: calc((var(--_kit-rail-collapsed-width) - var(--_kit-target)) / 2);
    min-inline-size: calc(var(--_kit-rail-collapsed-width) + env(safe-area-inset-left));
    padding-inline: calc(var(--_kit-rail-collapse-inset) + env(safe-area-inset-left)) var(--_kit-rail-collapse-inset);
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail:has(> .kit-region-collapse[data-kit-state~=collapsed]) > .kit-region-destinations {
    inline-size: max-content;
    min-inline-size: var(--_kit-target);
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail:has(> .kit-region-collapse[data-kit-state~=collapsed]) > .kit-region-rail-head {
    justify-content: center;
    padding-inline: 0;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail:has(> .kit-region-collapse[data-kit-state~=collapsed]) > .kit-region-rail-head > [data-kit-mark] {
    display: inline;
    margin-inline-start: 0;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail:has(> .kit-region-collapse[data-kit-state~=collapsed]) > .kit-region-rail-head > .kit-region-tenant {
    font-size: 0;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail:has(> .kit-region-collapse[data-kit-state~=collapsed]) > .kit-region-rail-head > [data-kit-mark]:has(+ .kit-region-tenant > img) {
    display: none;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail:has(> .kit-region-collapse[data-kit-state~=collapsed]) > .kit-region-rail-head > :is([data-kit-mark], .kit-role-avatar) + .kit-region-tenant:not(:has(> img)) {
    position: absolute;
    inline-size: var(--_kit-rule);
    block-size: var(--_kit-rule);
    overflow: clip;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail:has(> .kit-region-collapse[data-kit-state~=collapsed]) > .kit-region-rail-head > .kit-region-tenant > img {
    max-inline-size: var(--_kit-target);
    margin-inline-end: 0;
  }
  @media screen {
    :root[data-kit-theme=dark] .kit-layout-shell > .kit-region-chrome > .kit-region-rail:has(> .kit-region-collapse[data-kit-state~=collapsed]) > .kit-region-rail-head:has(> .kit-region-tenant > img):not(:has(> .kit-region-tenant > img[data-kit-theme=dark])) > [data-kit-mark] {
      display: inline;
    }
  }
  @media screen {
    :root[data-kit-theme=dark] .kit-layout-shell > .kit-region-chrome > .kit-region-rail:has(> .kit-region-collapse[data-kit-state~=collapsed]) > .kit-region-rail-head:has(> .kit-region-tenant > img):not(:has(> .kit-region-tenant > img[data-kit-theme=dark])) > .kit-region-tenant {
      position: absolute;
      inline-size: var(--_kit-rule);
      block-size: var(--_kit-rule);
      overflow: clip;
      clip-path: inset(50%);
      white-space: nowrap;
    }
  }
  @media screen and (prefers-color-scheme: dark) {
    :root:not([data-kit-theme]) .kit-layout-shell > .kit-region-chrome > .kit-region-rail:has(> .kit-region-collapse[data-kit-state~=collapsed]) > .kit-region-rail-head:has(> .kit-region-tenant > img):not(:has(> .kit-region-tenant > img[data-kit-theme=dark])) > [data-kit-mark] {
      display: inline;
    }
  }
  @media screen and (prefers-color-scheme: dark) {
    :root:not([data-kit-theme]) .kit-layout-shell > .kit-region-chrome > .kit-region-rail:has(> .kit-region-collapse[data-kit-state~=collapsed]) > .kit-region-rail-head:has(> .kit-region-tenant > img):not(:has(> .kit-region-tenant > img[data-kit-theme=dark])) > .kit-region-tenant {
      position: absolute;
      inline-size: var(--_kit-rule);
      block-size: var(--_kit-rule);
      overflow: clip;
      clip-path: inset(50%);
      white-space: nowrap;
    }
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail:has(> .kit-region-collapse[data-kit-state~=collapsed]) .kit-region-destination-group > details > .kit-region-group-name + ul {
    margin-block-start: 0;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail:has(> .kit-region-collapse[data-kit-state~=collapsed]) .kit-region-destination-group > details > .kit-region-group-name {
    display: none;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail:has(> .kit-region-collapse[data-kit-state~=collapsed]) .kit-region-destination-group > details::details-content {
    content-visibility: visible;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail:has(> .kit-region-collapse[data-kit-state~=collapsed]) > .kit-region-destinations > .kit-region-destination-group:has(> details > .kit-region-recent) {
    display: none;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail:has(> .kit-region-collapse[data-kit-state~=collapsed]) > .kit-region-destinations > .kit-region-profile > button {
    display: flex;
    justify-content: center;
    padding-inline: 0;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar .kit-region-more {
    position: static;
  }
  .kit-layout-shell > .kit-region-chrome > nav button:not(.kit-role-secondary-action),
  .kit-layout-shell > .kit-region-chrome > .kit-region-identity-strip > .kit-region-profile > button {
    appearance: none;
    border: 0;
    background: transparent;
    color: inherit;
    font-family: inherit;
    font-weight: inherit;
  }
  .kit-layout-shell > .kit-region-chrome > :is(.kit-region-rail, .kit-region-bottom-bar) > .kit-region-destinations > :is(.kit-region-profile, .kit-region-more) > button {
    color: var(--_kit-text-muted);
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail .kit-region-profile > button,
  .kit-layout-shell > .kit-region-chrome > .kit-region-identity-strip > .kit-region-profile > button {
    display: flex;
    align-items: center;
    gap: var(--_kit-stack);
    inline-size: 100%;
    min-block-size: var(--_kit-target);
    padding: var(--_kit-inset-tight);
    border-radius: var(--_kit-radius);
    font-size: var(--_kit-label-size);
    text-align: start;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-identity-strip > .kit-region-profile {
    flex: 0 1 auto;
    min-inline-size: calc(var(--_kit-avatar) + var(--_kit-stack) + 2 * var(--_kit-inset-tight));
    margin-inline-start: auto;
    white-space: nowrap;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-identity-strip > .kit-region-profile > button {
    min-inline-size: 0;
    font-family: var(--_kit-body-family);
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail .kit-region-profile > button[data-kit-holds~=role] {
    grid-template-columns: auto minmax(0, 1fr) auto;
    &:after {
      grid-column: 3;
      grid-row: 1 / span 2;
    }
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail:has(> .kit-region-collapse[data-kit-state~=collapsed]) > .kit-region-destinations > .kit-region-profile > button:after {
    content: none;
  }
  .kit-layout-shell .kit-region-profile > button[aria-busy=true] {
    --_kit-text-ink: var(--_kit-text-muted);
    background-color: var(--_kit-wash);
    color: var(--_kit-text-muted);
    cursor: progress;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar .kit-region-more > ul[popover] {
    background: var(--_kit-rail-raised);
    border: 0;
    border-block-start: var(--_kit-rule) solid var(--_kit-overlay-edge);
    color: var(--_kit-rail-ink);
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar .kit-region-more > ul[popover] {
    --_kit-overflow-fade-blank: calc(var(--_kit-inset-tight) + var(--_kit-stack) + var(--_kit-stack) + var(--_kit-rule) + 1lh + var(--_kit-stack) + var(--_kit-inset-tight));
    font-size: var(--_kit-label-size);
    padding-block-end: 0;
    scroll-padding-block: var(--_kit-overflow-fade-extent);
    container-type: scroll-state;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar .kit-region-more > ul[popover]:before {
    --_kit-overflow-fade-direction: to top;
    --_kit-overflow-fade-surface: var(--_kit-rail-raised);
    flex: none;
    align-self: stretch;
    inset-block-start: 0;
    block-size: var(--_kit-overflow-fade-extent);
    margin-block-end: calc(-1 * (var(--_kit-overflow-fade-extent) + var(--_kit-rhythm)));
    margin-inline: calc(-1 * var(--_kit-inset));
  }
  @container scroll-state(scrollable: block-start) {
    .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar .kit-region-more > ul[popover]:before {
      content: "";
    }
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar .kit-region-more > ul[popover]:after {
    --_kit-overflow-fade-direction: to bottom;
    --_kit-overflow-fade-surface: var(--_kit-rail-raised);
    flex: none;
    align-self: stretch;
    inset-block-end: 0;
    block-size: var(--_kit-overflow-fade-extent);
    margin-block-start: calc(-1 * var(--_kit-rhythm));
    margin-inline: calc(-1 * var(--_kit-inset));
  }
  @container scroll-state(scrollable: block) {
    .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar .kit-region-more > ul[popover]:after {
      content: "";
    }
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar .kit-region-more > ul[popover] li > a,
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar .kit-region-more > ul[popover] li > button {
    text-align: start;
    padding-inline: var(--_kit-inset-tight);
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar {
    order: 1;
    position: sticky;
    anchor-name: --_kit-bottom-bar;
    z-index: var(--_kit-tier-chrome);
    inset-inline: 0;
    inset-block-end: 0;
    margin-block-start: auto;
    min-block-size: calc(var(--_kit-bottom-bar-height) + env(safe-area-inset-bottom));
    padding: 0 calc(var(--_kit-inset) + env(safe-area-inset-right)) env(safe-area-inset-bottom) calc(var(--_kit-inset) + env(safe-area-inset-left));
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar a,
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar button {
    color: inherit;
    font-size: var(--_kit-label-size);
    text-decoration: none;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar > .kit-region-destinations {
    align-items: stretch;
    min-block-size: var(--_kit-bottom-bar-height);
    padding-block: var(--_kit-rhythm);
    max-inline-size: var(--_kit-shell-content-width);
    margin-inline: auto;
    flex-wrap: wrap;
    gap: var(--_kit-stack);
    justify-content: stretch;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar > ul > li {
    flex: 1 1 0;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar li > a,
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar li > button {
    display: inline-flex;
    align-items: center;
    gap: var(--_kit-rhythm);
    inline-size: 100%;
    min-inline-size: 0;
    min-block-size: var(--_kit-touch-target);
    padding: var(--_kit-rhythm) 0;
    white-space: nowrap;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar > ul > li > a,
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar > ul > li > button {
    display: grid;
    grid-template-rows: max-content max-content;
    justify-items: center;
    align-content: start;
    align-items: start;
    block-size: 100%;
    padding-inline: var(--_kit-rhythm);
    text-align: center;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar > ul > li > :is(.kit-region-more > button):has(> .kit-role-count) {
    grid-template-rows: var(--_kit-navigation-icon) max-content;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar :is(a, button) > .kit-region-name {
    inline-size: 100%;
    min-inline-size: 0;
    line-height: var(--_kit-body-leading);
    overflow-wrap: anywhere;
    white-space: normal;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar > ul > li > :is(a, button) > .kit-region-name,
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar > ul > li > :is(a, button) > .kit-region-reserve {
    inline-size: calc(100% + var(--_kit-rule));
    hyphens: none;
    overflow-wrap: break-word;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar > ul > li > :is(.kit-role-destination, .kit-region-profile > button) > .kit-region-name,
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar > ul > li > :is(.kit-role-destination, .kit-region-profile > button) > .kit-region-reserve {
    grid-area: 2 / 1;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar > ul > li > :is(.kit-role-destination, .kit-region-profile > button) > .kit-region-reserve {
    display: block;
    line-height: var(--_kit-body-leading);
    white-space: normal;
    visibility: hidden;
  }
  @media not (forced-colors: active) {
    .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar > ul > .kit-region-profile > button > .kit-region-name > .kit-region-availability {
      position: absolute;
      inline-size: var(--_kit-rule);
      block-size: var(--_kit-rule);
      overflow: clip;
      clip-path: inset(50%);
      white-space: nowrap;
    }
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar :is(a, button) > [data-kit-icon] {
    flex: 0 0 auto;
    inline-size: var(--_kit-navigation-icon);
    block-size: var(--_kit-navigation-icon);
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar > ul:has(> li:nth-child(7)) > li:nth-child(n+5):not(.kit-region-more) {
    display: none;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-account-menu {
    display: contents;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-account-menu .kit-region-context {
    margin-inline-start: var(--_kit-inset);
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-account-menu .kit-region-item[data-kit-holds~=supporting] {
    padding-block: var(--_kit-rhythm);
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-account-menu .kit-region-item > .kit-region-supporting {
    grid-area: 2 / 2 / 3 / -1;
    color: var(--_kit-text-muted);
    font-size: var(--_kit-label-size);
    @media screen {
      &:not(:has(code)) {
        min-inline-size: var(--_kit-cut-floor, 0px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
    }
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-account-menu > ul[role=menu] > .kit-region-search {
    display: grid;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-account-menu > ul[role=menu] > .kit-region-head + .kit-region-search:before,
  .kit-layout-shell > .kit-region-chrome > .kit-region-account-menu > ul[role=menu] > .kit-region-search + .kit-region-group:before {
    content: "";
    display: block;
    block-size: var(--_kit-rule);
    margin: var(--_kit-rhythm) calc(-1 * var(--_kit-menu-edge));
    background: var(--_kit-panel-boundary);
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-account-menu > ul[role=menu] > .kit-region-search > .kit-region-nothing-matches {
    display: grid;
    place-items: center;
    padding-block-start: var(--_kit-stack);
    padding-block-end: calc(var(--_kit-stack) - var(--_kit-rhythm));
    margin: 0;
    color: var(--_kit-text-muted);
  }
  .kit-layout-shell .kit-region-page > .kit-region-header {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--_kit-stack);
    min-block-size: 0;
    --_kit-surface-beneath: var(--_kit-header-tint);
    border-image: linear-gradient(var(--_kit-header-tint) 0 0) fill 0 / 0 / 0 100vw;
  }
  .kit-layout-shell .kit-region-page > .kit-region-header {
    padding-block-start: var(--_kit-region);
  }
  .kit-layout-shell .kit-region-page > .kit-region-header .kit-region-subject {
    scroll-margin-block-start: 100dvh;
  }
  .kit-layout-shell .kit-region-page > .kit-region-header > div:not([data-kit-region]) {
    flex-basis: max(0px, calc((var(--_kit-shell-content-width) - 100%) * 999));
    flex: 1 0 max-content;
    min-inline-size: 0;
    max-inline-size: 100%;
  }
  .kit-layout-shell .kit-region-page > .kit-region-header > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > div:not([data-kit-region]) {
    flex-basis: max(0px, calc((var(--_kit-shell-content-width) - 100%) * 999));
    flex: 1 0 max-content;
    min-inline-size: 0;
    max-inline-size: 100%;
  }
  .kit-layout-shell .kit-region-page > .kit-region-header > .kit-region-actions {
    flex: 0 1 auto;
    min-inline-size: 0;
  }
  .kit-layout-shell .kit-region-page > .kit-region-header > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > .kit-region-actions {
    flex: 0 1 auto;
    min-inline-size: 0;
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-shell .kit-region-page > .kit-region-header > .kit-region-actions[data-kit-holds~=words] {
        flex-grow: 1;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-shell .kit-region-page > .kit-region-header > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > .kit-region-actions[data-kit-holds~=words] {
        flex-grow: 1;
      }
    }
  }
  .kit-layout-shell .kit-region-page > .kit-region-header > .kit-region-actions[data-kit-state~=loading] {
    display: flex;
    flex: none;
    align-items: center;
    block-size: var(--_kit-control-height);
    inline-size: var(--_kit-control-height);
  }
  .kit-layout-shell .kit-region-page > .kit-region-header > .kit-region-actions[data-kit-state~=loading]:before {
    content: "\200b";
  }
  .kit-layout-shell .kit-region-page > .kit-region-header .kit-region-subject {
    margin-block: 0;
  }
  .kit-layout-shell .kit-region-page > .kit-region-header .kit-region-lede,
  .kit-layout-shell .kit-region-page > .kit-region-header .kit-region-standing {
    margin-block: var(--_kit-stack) 0;
    color: var(--_kit-text-muted);
  }
  .kit-layout-shell .kit-region-page > .kit-region-header .kit-region-lede {
    white-space: normal;
    line-height: var(--_kit-text-line);
  }
  .kit-layout-shell .kit-region-page > .kit-region-header .kit-region-lede > span {
    display: inline;
    white-space: normal;
  }
  .kit-layout-shell .kit-region-page > .kit-region-header .kit-region-lede > span:not(:last-child):after {
    content: "\a0\b7  ";
    white-space: pre-wrap;
  }
  .kit-layout-shell .kit-region-page > .kit-region-header .kit-region-standing {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--_kit-stack);
  }
  .kit-layout-shell .kit-region-page > .kit-region-header > .kit-region-next-previous {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: var(--_kit-stack);
    > .kit-region-position {
      color: var(--_kit-text-muted);
      white-space: nowrap;
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-shell .kit-region-page > .kit-region-header > .kit-region-next-previous + .kit-region-actions {
        min-block-size: var(--_kit-target);
        margin-inline-start: calc(var(--_kit-region) - var(--_kit-stack));
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-shell .kit-region-page > .kit-region-header > .kit-region-actions {
        justify-content: flex-end;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-shell .kit-region-page > .kit-region-header > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > .kit-region-actions,
      .kit-layout-shell .kit-region-page > .kit-region-header > .kit-region-actions > .kit-region-routes {
        justify-content: flex-end;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-shell .kit-region-page > .kit-region-header > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > .kit-region-actions > .kit-region-routes {
        justify-content: flex-end;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-shell .kit-region-page > .kit-region-header > .kit-region-actions:not([data-kit-holds~=words]) > * + .kit-region-routes {
        margin-inline-start: calc(var(--_kit-region) - var(--_kit-cluster-gap));
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-shell .kit-region-page > .kit-region-header > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > .kit-region-actions:not([data-kit-holds~=words]) > * + .kit-region-routes {
        margin-inline-start: calc(var(--_kit-region) - var(--_kit-cluster-gap));
      }
    }
  }
  .kit-layout-shell .kit-region-page > .kit-region-body {
    padding-block: var(--_kit-region);
    padding-block-end: calc(var(--_kit-region) + var(--kit-toast-height, 0px));
  }
  .kit-layout-shell .kit-region-page > .kit-region-service-destinations {
    padding-block-end: var(--_kit-region);
  }
  .kit-layout-shell .kit-region-page[data-kit-holds~=foot] > .kit-region-service-destinations {
    padding-block-end: var(--_kit-stack);
  }
  .kit-layout-shell .kit-region-page > .kit-region-foot {
    margin-block: 0;
    padding-block-end: var(--_kit-region);
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-shell:has(.kit-region-body .kit-layout-calendar) {
        --_kit-shell-calendar: true;
        display: grid;
        grid-template-rows: auto auto 1fr auto;
        min-block-size: 100dvh;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-shell:has(.kit-region-body .kit-layout-calendar):not(:has(> .kit-region-chrome > .kit-region-rail)) {
        grid-template-columns: minmax(0, 1fr);
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-shell:has(.kit-region-body .kit-layout-calendar) > .kit-region-chrome > .kit-region-rail {
        grid-row: 1 / -1;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-shell:has(.kit-region-body .kit-layout-calendar) > .kit-region-chrome > .kit-region-identity-strip {
        grid-row: 1;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-shell:has(.kit-region-body .kit-layout-calendar) .kit-region-page > .kit-region-header {
        grid-row: 2;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-shell .kit-region-page > .kit-region-body:has(.kit-layout-calendar, ~ .kit-region-body .kit-layout-calendar, ~ * .kit-region-body .kit-layout-calendar) {
        grid-row: 3;
        display: flex;
        flex-direction: column;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      @container style(--_kit-shell-calendar: true) {
        .kit-layout-shell .kit-region-page > .kit-region-service-destinations {
          grid-row: 4;
        }
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-shell:has(.kit-region-body .kit-layout-calendar):has(> .kit-region-chrome > .kit-region-notices > *) {
        grid-template-rows: auto auto auto 1fr auto;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-shell:has(.kit-region-body .kit-layout-calendar):has(> .kit-region-chrome > .kit-region-notices > *) > .kit-region-chrome > .kit-region-notices {
        grid-row: 2;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-shell:has(.kit-region-body .kit-layout-calendar):has(> .kit-region-chrome > .kit-region-notices > *) .kit-region-page > .kit-region-header {
        grid-row: 3;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-shell:has(.kit-region-body .kit-layout-calendar):has(> .kit-region-chrome > .kit-region-notices > *) .kit-region-page > .kit-region-body {
        grid-row: 4;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-shell:has(.kit-region-body .kit-layout-calendar):has(> .kit-region-chrome > .kit-region-notices > *) .kit-region-page > .kit-region-service-destinations {
        grid-row: 5;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-shell .kit-region-page > .kit-region-body > *:has(> .kit-layout-calendar):not(details:not([open])) {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        min-block-size: 0;
      }
    }
  }
  @media screen {
    @container calendar (inline-size >= 720px) {
      .kit-layout-shell .kit-region-page > .kit-region-body > :has(> .kit-layout-calendar) .kit-region-desk-grid,
      .kit-layout-shell .kit-region-page > .kit-region-body > :has(> .kit-layout-calendar) .kit-region-month-grid {
        flex: 1 1 0;
      }
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-shell > .kit-region-chrome > .kit-region-identity-strip > .kit-region-profile > button > .kit-region-name {
        display: none;
      }
      .kit-layout-shell > .kit-region-chrome > .kit-region-identity-strip > .kit-region-profile > button:after {
        content: none;
      }
    }
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-identity-strip {
    max-inline-size: none;
    inline-size: 100%;
    margin-inline: 0;
    padding-inline: max(var(--_kit-page-inset), calc((100% - var(--_kit-shell-content-width)) / 2));
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar > .kit-region-destinations > .kit-region-more:has(> ul[popover] li:not(:is(.kit-region-pinned, .kit-region-recent) > li) > .kit-role-destination[data-kit-state~=current]) > button {
    background-color: var(--_kit-current-entry-fill, var(--_kit-wash));
    color: var(--_kit-current-entry-ink, var(--_kit-text-ink));
    font-weight: var(--_kit-strong-weight);
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-shell:has(> .kit-region-chrome > .kit-region-rail) :is(.kit-region-chrome > :is(.kit-region-rail, .kit-region-rail ~ *), .kit-region-page) :is(.kit-role-record-picker, .kit-role-multi-value-picker) > .kit-region-control:popover-open::backdrop,
      .kit-layout-shell .kit-region-page > :is(.kit-role-record-picker, .kit-role-multi-value-picker):is(.kit-region-rail, .kit-region-rail ~ *, :has(~ .kit-region-rail), .kit-layout-shell:has(> .kit-region-chrome > .kit-region-rail) .kit-region-page > *) > .kit-region-control:popover-open::backdrop {
        position-anchor: --_kit-bottom-bar;
        inset-block-end: anchor(top);
      }
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-shell:has(> .kit-region-chrome > .kit-region-rail) :is(.kit-region-chrome > :is(.kit-region-rail, .kit-region-rail ~ *), .kit-region-page) :is(.kit-role-record-picker, .kit-role-multi-value-picker) > .kit-region-control:popover-open,
      .kit-layout-shell .kit-region-page > :is(.kit-role-record-picker, .kit-role-multi-value-picker):is(.kit-region-rail, .kit-region-rail ~ *, :has(~ .kit-region-rail), .kit-layout-shell:has(> .kit-region-chrome > .kit-region-rail) .kit-region-page > *) > .kit-region-control:popover-open {
        position-anchor: --_kit-bottom-bar;
        max-block-size: calc(100dvh - var(--_kit-sheet-clearance) - env(safe-area-inset-top) - anchor-size(block));
      }
    }
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail,
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar {
    --_kit-text-ink: var(--_kit-rail-ink);
    --_kit-link: initial;
    --_kit-text-muted: var(--_kit-rail-muted);
    --_kit-panel-surface: var(--_kit-rail-raised);
    --_kit-surface-beneath: var(--_kit-rail-raised);
    --_kit-panel-boundary: var(--_kit-rail-rule);
    --_kit-wash: var(--_kit-wash-on-ground);
    --_kit-wash-hover: var(--_kit-wash-on-ground-hover);
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar {
        display: block;
      }
      .kit-layout-shell .kit-region-page:not([data-kit-holds~=service-destinations]) > .kit-region-body:is(.kit-region-rail, .kit-region-rail ~ *, :has(~ .kit-region-rail), .kit-layout-shell:has(> .kit-region-chrome > .kit-region-rail) .kit-region-page > *) {
        padding-block-end: calc(var(--_kit-region) + var(--kit-toast-height, 0px));
      }
      .kit-layout-shell .kit-region-page:not([data-kit-holds~=foot]) > .kit-region-service-destinations:is(.kit-region-rail, .kit-region-rail ~ *, :has(~ .kit-region-rail), .kit-layout-shell:has(> .kit-region-chrome > .kit-region-rail) .kit-region-page > *) {
        padding-block-end: var(--_kit-region);
      }
      .kit-layout-shell:has(> .kit-region-chrome > .kit-region-rail) {
        display: flex;
        flex-direction: column;
        min-block-size: 100dvh;
      }
      .kit-layout-shell > .kit-region-chrome > .kit-region-rail {
        display: none;
      }
      .kit-layout-shell:has(> .kit-region-chrome > .kit-region-rail) {
        grid-template-columns: minmax(0, 1fr);
      }
      .kit-layout-shell > .kit-region-chrome > .kit-region-notices:is(.kit-region-rail, .kit-region-rail ~ *, :has(~ .kit-region-rail), .kit-layout-shell:has(> .kit-region-chrome > .kit-region-rail) .kit-region-page > *),
      .kit-layout-shell .kit-region-page > :is(.kit-region-header, .kit-region-body, .kit-region-service-destinations, .kit-region-foot):is(.kit-region-rail, .kit-region-rail ~ *, :has(~ .kit-region-rail), .kit-layout-shell:has(> .kit-region-chrome > .kit-region-rail) .kit-region-page > *) {
        grid-column: 1;
        inline-size: calc(100% - 2 * var(--_kit-page-inset) - env(safe-area-inset-left) - env(safe-area-inset-right));
      }
      .kit-layout-shell .kit-region-page > .kit-region-header {
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: stretch;
        > div:not([data-kit-region]),
        > .kit-region-actions {
          flex: 0 0 auto;
          inline-size: 100%;
        }
        > .kit-region-next-previous {
          order: -1;
          > .kit-region-previous {
            order: -1;
          }
        }
      }
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-shell:has(> .kit-region-chrome > .kit-region-bottom-bar .kit-region-more > ul[popover]:popover-open):after {
        content: "";
        position: fixed;
        position-anchor: --_kit-bottom-bar;
        inset: 0 0 var(--_kit-dismiss-foot, 0px);
        z-index: var(--_kit-tier-overlay);
      }
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-shell:has(> .kit-region-chrome > .kit-region-rail) {
        --_kit-dismiss-foot: anchor(top);
      }
    }
  }
  @media screen {
    .kit-layout-shell:has(.kit-region-page > .kit-role-phone-sheet:has(> .kit-region-scroll):popover-open):after {
      content: "";
      position: fixed;
      position-anchor: --_kit-bottom-bar;
      inset: 0 0 var(--_kit-dismiss-foot, 0px);
      z-index: var(--_kit-tier-overlay);
    }
  }
  .kit-layout-shell:has(.kit-region-body .kit-layout-field-result) {
    min-block-size: 100dvh;
    &:not(:has(> .kit-region-chrome > .kit-region-rail)) {
      display: flex;
      flex-direction: column;
    }
  }
  .kit-layout-shell .kit-region-page > .kit-region-body:has(.kit-layout-field-result, ~ .kit-region-body .kit-layout-field-result, ~ * .kit-region-body .kit-layout-field-result) {
    display: flex;
    flex: 1;
    align-self: stretch;
    padding-block: var(--_kit-region);
    @media screen {
      padding-block-end: calc(var(--_kit-region) + var(--kit-toast-height, 0px));
    }
  }
  .kit-layout-shell .kit-region-page > .kit-region-body *:has(.kit-layout-field-result):not(:has(> :not(.kit-layout-field-result, :has(.kit-layout-field-result), [hidden], template, script, style, dialog, [popover]))) {
    display: flex;
    flex: 1;
  }
}