@property --root-font-size {
  syntax: "<number>";
  inherits: false;
  initial-value: 16;
}
@layer sw-components {
  :root {
    color-scheme: light dark;
    --safe-area-inset-top: env(safe-area-inset-top);
    --safe-area-inset-right: env(safe-area-inset-right);
    --safe-area-inset-bottom: env(safe-area-inset-bottom);
    --safe-area-inset-left: env(safe-area-inset-left);
    --tool-bar-block-size: 4rem;
    --top-layer-polyfill-z-index: 999999;
    --iphone-tabbar-max-inline-size: 90svw;
    --iphone-tabbar-block-size: var(--tool-bar-block-size);
    --iphone-tabbar-border-radius: 9999px;
    --iphone-tabbar-inline-padding-start: 3px;
    --iphone-tabbar-inline-padding-end: 3px;
    --iphone-tabbar-block-padding-start: 3px;
    --iphone-tabbar-block-padding-end: 3px;
    --ipad-tabbar-max-inline-size: 60svw;
    --ipad-tabbar-block-size: 3rem;
    --ipad-tabbar-border-radius: 9999px;
    --ipad-tabbar-inline-padding-start: 5px;
    --ipad-tabbar-inline-padding-end: 5px;
    --ipad-tabbar-block-padding-start: 5px;
    --ipad-tabbar-block-padding-end: 5px;
    --tabbar-after-tabreveal-duration: 250ms;
    --sidebar-inline-size: 20rem;
    --sidebar-border-radius: 1rem;
    --sidebar-block-spacing: 1rem;
    --sidebar-inline-spacing: 1rem;
    --liquid-glass-bg-lch: 1 0 0;
    --liquid-glass-bg-alpha: 74.9%;
    --liquid-glass-bg-lch-dark: 0.3171 0 0;
    --liquid-glass-bg-alpha-dark: 50.2%;
  }
  @media (prefers-reduced-transparency: reduce) {
    :root {
      --liquid-glass-bg-alpha: 99%;
      --liquid-glass-bg-alpha-dark: 99%;
    }
  }
  :root {
    --liquid-glass-bg: oklch(var(--liquid-glass-bg-lch) / var(--liquid-glass-bg-alpha));
    --liquid-glass-bg-dark: oklch(var(--liquid-glass-bg-lch-dark) / var(--liquid-glass-bg-alpha-dark));
    --clear-glass-bg: var(--liquid-glass-bg);
    --clear-glass-bg-dark: var(--liquid-glass-bg-dark);
    --clear-glass-focus-bg: var(--clear-glass-bg);
    --clear-glass-focus-bg-dark: var(--clear-glass-bg-dark);
    --clear-glass-active-bg: var(--clear-glass-bg);
    --clear-glass-active-bg-dark: var(--clear-glass-bg-dark);
    --control-clear-glass-bg: var(--liquid-glass-bg);
    --control-clear-glass-bg-dark: var(--liquid-glass-bg-dark);
    --control-clear-glass-focus-bg: var(--control-clear-glass-bg);
    --control-clear-glass-focus-bg-dark: var(--control-clear-glass-bg-dark);
    --control-clear-glass-active-bg: var(--control-clear-glass-bg);
    --control-clear-glass-active-bg-dark: var(--control-clear-glass-bg-dark);
    --liquid-glass-backdrop-filter: saturate(180%) blur(16px);
    --liquid-glass-bs-bevel-highlight: inset -1px -1px 0 -0.5px light-dark(#fff, #fff6);
    --liquid-glass-bs-soft-bevel-blur: inset 1px 1px 0 -0.5px light-dark(#fff, #fff6);
    --liquid-glass-bs-outer: 0 0 25px 0 light-dark(#0003, #00000026);
    --liquid-glass-box-shadow:
      var(--liquid-glass-bs-bevel-highlight), var(--liquid-glass-bs-soft-bevel-blur), inset 3px 3px 10px -3px light-dark(#ddd, #262626), inset -3px -3px 10px -3px light-dark(#ddd, #262626),
      inset 0 0 5px 1px light-dark(#fff, #141414), inset 0 0 0 0.5px light-dark(#00000040, #ffffff26), inset 0 0 24px 0 light-dark(#0000001a, #ffffff0d), var(--liquid-glass-bs-outer);
    --control-clear-glass-box-shadow: var(--liquid-glass-box-shadow);
    --navigation-bar-block-size: var(--tool-bar-block-size);
    --nav-split-view-sidebar-inline-size: 20rem;
    --nav-split-view-content-inline-size: 25rem;
    --tintcontrast: white;
    --view-transition-leading-x: -50%;
    --view-transition-principal-x: 0%;
    --view-transition-trailing-x: 100%;
    --view-transition-toolbar-cell-onscreen-scale: 1;
    --view-transition-toolbar-cell-offscreen-scale: 0;
    --view-transition-dialog-onscreen-y: 0lvh;
    --view-transition-dialog-onscreen-backdrop-bg: oklch(0 0 0 / 25%);
    --view-transition-dialog-offscreen-y: 100lvh;
    --view-transition-duration: 500ms;
    --sidebar-transition-duration: 250ms;
    --pill-border-radius: 99999px;
    --clear: transparent;
    --toolbar-col-gap: 0.5rem;
    --toolbar-cell-bg: var(--control-clear-glass-bg);
    --toolbar-cell-bg-dark: var(--control-clear-glass-bg-dark);
    --toolbar-cell-inline-padding-start: 0.25rem;
    --toolbar-cell-inline-padding-end: 0.25rem;
    --toolbar-cell-block-padding-start: 0.25rem;
    --toolbar-cell-block-padding-end: 0.25rem;
    --toolbar-cell-border-radius: var(--pill-border-radius);
    --toolbar-cell-min-size: 2.96rem;
    --toolbar-cell-focus-bg: var(--control-clear-glass-focus-bg);
    --toolbar-cell-focus-bg-dark: var(--control-clear-glass-focus-bg-dark);
    --toolbar-cell-active-bg: var(--control-clear-glass-active-bg);
    --toolbar-cell-active-bg-dark: var(--control-clear-glass-active-bg-dark);
    --toolbar-cell-box-shadow: var(--control-clear-glass-box-shadow);
    --menu-bg: var(--control-clear-glass-bg);
    --menu-bg-dark: var(--control-clear-glass-bg-dark);
    --menu-max-inline-size: 20rem;
    --menu-max-block-size: 60vh;
    --menu-spacing: 1rem;
    --menu-host-offscreen-transform: scale(0);
    --menu-host-offscreen-filter: blur(10px);
    --menu-popover-box-shadow: var(--control-clear-glass-box-shadow);
    --menu-padding: 0.5rem;
    --menu-item-padding-inline-start: 1rem;
    --menu-item-padding-inline-end: 1rem;
    --menu-item-padding-block-start: 0.5rem;
    --menu-item-padding-block-end: 0.5rem;
    --menu-item-border-radius: 1.2rem;
    --touchglass-transition-duration: 300ms;
    --disclosure-group-animation-duration: 300ms;
    --disclosure-group-animation-easing: ease-out;
    --screen-box-shadow: 2px 0 6px oklch(0 0 0 / 48%), 6px 0 16px oklch(0 0 0 / 67%);
    --labeled-content-column-gap: 1rem;
    --labeled-content-row-gap: 0.5rem;
    --label-footnote-font-size: 1rem;
    --label-footnote-line-height: 1rem;
    --label-footnote-font-weight: 400;
    --label-caption2-font-size: 0.75rem;
    --label-caption2-line-height: 1.3333333333;
    --label-caption2-font-weight: 400;
    --label-caption-font-size: 0.875rem;
    --label-caption-line-height: 1.4285714286;
    --label-caption-font-weight: 400;
    --label-callout-font-size: 0.875rem;
    --label-callout-line-height: 0.875rem;
    --label-callout-font-weight: 400;
    --label-body-font-size: 1rem;
    --label-body-line-height: 1.5;
    --label-body-font-weight: 400;
    --label-subheadline-font-size: 1.125rem;
    --label-subheadline-line-height: 1.5555555556;
    --label-subheadline-font-weight: 400;
    --label-headline-font-size: 1.25rem;
    --label-headline-line-height: 1.4;
    --label-headline-font-weight: 500;
    --label-title3-font-size: 1.5rem;
    --label-title3-line-height: 1.3333333333;
    --label-title3-font-weight: 600;
    --label-title2-font-size: 1.875rem;
    --label-title2-line-height: 1.2;
    --label-title2-font-weight: 600;
    --label-title-font-size: 2.25rem;
    --label-title-line-height: 1.1111111111;
    --label-title-font-weight: 600;
    --label-large-title-font-size: 3rem;
    --label-large-title-line-height: 1;
    --label-large-title-font-weight: 700;
    --label-extra-large-title-font-size: 3.75rem;
    --label-extra-large-title-line-height: 1;
    --label-extra-large-title-font-weight: 700;
    --insetlist-item-border-radius: 2rem;
    --insetform-item-border-radius: 2rem;
    --list-row-gap: 3rem;
    --form-gap: 1rem;
    --form-extra-gap: 3rem;
    --list-item-padding-inline-start: 2rem;
    --list-item-padding-inline-end: 2rem;
    --list-item-padding-block-start: 1rem;
    --list-item-padding-block-start: 1rem;
    --list-item-background-color: var(--background);
    --list-item-color: var(--primary);
    --list-highlighteditem-background-color: var(--accentColor3);
    --list-highlighteditem-color: ;
    --insetlist-item-background-color: var(--background);
    --insetlist-item-color: var(--primary);
    --insetlist-highlighteditem-background-color: var(--accentColor3);
    --insetlist-highlighteditem-color: ;
    --insetgroupedlist-item-background-color: var(--secondaryGroupedBackground);
    --insetgroupedlist-item-color: var(--primary);
    --insetgroupedlist-highlighteditem-background-color: var(--accentColor3);
    --insetgroupedlist-highlighteditem-color: ;
    --sidebarlist-item-background-color: transparent;
    --sidebarlist-item-color: var(--primary);
    --sidebarlist-highlighteditem-background-color: var(--accentColor);
    --sidebarlist-highlighteditem-color: var(--tintcontrast);
    --list-openitem-background-color: var(--accentColor5);
    --list-openitem-color: var(--primary);
    --list-opensummary-background-color: var(--accentColor4);
    --list-opensummary-color: var(--primary);
    --insetgroupedlist-openitem-background-color: var(--accentColor5);
    --insetgroupedlist-openitem-color: var(--primary);
    --insetgroupedlist-opensummary-background-color: var(--accentColor4);
    --insetgroupedlist-opensummary-color: var(--primary);
    --insetlist-openitem-background-color: var(--accentColor5);
    --insetlist-openitem-color: var(--primary);
    --insetlist-opensummary-background-color: var(--accentColor4);
    --insetlist-opensummary-color: var(--primary);
    --sidebarlist-openitem-background-color: transparent;
    --sidebarlist-openitem-color: var(--primary);
    --sidebarlist-opensummary-background-color: transparent;
    --sidebarlist-opensummary-color: var(--primary);
    --insetgroupedlist-background-color: var(--groupedBackground);
    --insetlist-padding-inline: 1rem;
    --insetlist-padding-block: 0rem;
    --insetgroupedlist-padding-inline: 1rem;
    --insetgroupedlist-padding-block: 1rem;
    --sidebarlist-padding-inline: 1rem;
    --sidebarlist-padding-block: 1rem;
    --form-item-padding-inline-start: 2rem;
    --form-item-padding-inline-end: 2rem;
    --form-item-padding-block-start: 1rem;
    --form-item-padding-block-start: 1rem;
    --form-item-background-color: var(--background);
    --form-item-color: var(--primary);
    --form-highlighteditem-background-color: var(--accentColor3);
    --form-highlighteditem-color: ;
    --insetform-item-background-color: var(--background);
    --insetform-item-color: var(--primary);
    --insetform-highlighteditem-background-color: var(--accentColor3);
    --insetform-highlighteditem-color: ;
    --insetgroupedform-item-background-color: var(--secondaryGroupedBackground);
    --insetgroupedform-item-color: var(--primary);
    --insetgroupedform-highlighteditem-background-color: var(--accentColor3);
    --insetgroupedform-highlighteditem-color: ;
    --sidebarform-item-background-color: transparent;
    --sidebarform-item-color: var(--primary);
    --sidebarform-highlighteditem-background-color: var(--accentColor);
    --sidebarform-highlighteditem-color: var(--tintcontrast);
    --form-openitem-background-color: var(--accentColor5);
    --form-openitem-color: var(--primary);
    --form-opensummary-background-color: var(--accentColor4);
    --form-opensummary-color: var(--primary);
    --insetgroupedform-openitem-background-color: var(--accentColor5);
    --insetgroupedform-openitem-color: var(--primary);
    --insetgroupedform-opensummary-background-color: var(--accentColor4);
    --insetgroupedform-opensummary-color: var(--primary);
    --insetform-openitem-background-color: var(--accentColor5);
    --insetform-openitem-color: var(--primary);
    --insetform-opensummary-background-color: var(--accentColor4);
    --insetform-opensummary-color: var(--primary);
    --sidebarform-openitem-background-color: transparent;
    --sidebarform-openitem-color: var(--primary);
    --sidebarform-opensummary-background-color: transparent;
    --sidebarform-opensummary-color: var(--primary);
    --insetgroupedform-background-color: var(--groupedBackground);
    --insetform-padding-inline: 1rem;
    --insetform-padding-block: 0rem;
    --insetgroupedform-padding-inline: 1rem;
    --insetgroupedform-padding-block: 1rem;
    --sidebarform-padding-inline: 1rem;
    --sidebarform-padding-block: 1rem;
    --table-row-gap: 0.5rem;
    --table-col-gap: 1rem;
    --table-accessory-gap: 0.2rem;
    --table-accessory-size: 1.2rem;
    --mini-btn-padding: 0.2rem;
    --mini-btn-padding: 0.2rem;
    --mini-btn-border-radius: 1rem;
    --mini-btn-border-radius: 1rem;
    --regular-btn-padding: 0.6rem;
    --regular-btn-padding: 0.6rem;
    --regular-btn-border-radius: 1.2rem;
    --regular-btn-border-radius: 1.2rem;
    --small-btn-padding: 0.4rem;
    --small-btn-padding: 0.4rem;
    --small-btn-border-radius: 1rem;
    --small-btn-border-radius: 1rem;
    --large-btn-padding: 1.2rem;
    --large-btn-padding: 1.2rem;
    --large-btn-border-radius: 2.4rem;
    --large-btn-border-radius: 2.4rem;
  }
  @media (pointer: fine) {
    :root {
      --mini-btn-padding: 0.2rem;
      --mini-btn-padding: 0.2rem;
      --mini-btn-border-radius: 0.4rem;
      --mini-btn-border-radius: 0.4rem;
      --regular-btn-padding: 0.6rem;
      --regular-btn-padding: 0.6rem;
      --regular-btn-border-radius: 0.8rem;
      --regular-btn-border-radius: 0.8rem;
      --small-btn-padding: 0.4rem;
      --small-btn-padding: 0.4rem;
      --small-btn-border-radius: 0.6rem;
      --small-btn-border-radius: 0.6rem;
      --large-btn-padding: 1.2rem;
      --large-btn-padding: 1.2rem;
      --large-btn-border-radius: 1.4rem;
      --large-btn-border-radius: 1.4rem;
      --insetlist-item-border-radius: 1rem;
      --insetform-item-border-radius: 1rem;
      --list-item-padding-inline-start: 1rem;
      --list-item-padding-inline-end: 1rem;
      --form-item-padding-inline-start: 1rem;
      --form-item-padding-inline-end: 1rem;
      --control-clear-glass-bg: var(--white);
      --control-clear-glass-bg-dark: oklch(0.2871 0.0029 17.33);
      --control-clear-glass-focus-bg: var(--gray5);
      --control-clear-glass-focus-bg-dark: oklch(0.3578 0.008 75.3);
      --control-clear-glass-active-bg: var(--gray3);
      --control-clear-glass-active-bg-dark: oklch(0.3995 0.0077 75.32);
      --control-clear-glass-box-shadow: var(--liquid-glass-bs-bevel-highlight), var(--liquid-glass-bs-soft-bevel-blur), var(--liquid-glass-bs-outer);
    }
  }
  html:has(color-scheme[dark]) {
    color-scheme: dark only;
  }
  html:has(color-scheme[light]) {
    color-scheme: light only;
  }
}
@layer sw-base, sw-components, sw-nav-components, sw-list-components, sw-tab-components, sw-utils, sw-colors, sw-actions, sw-transitions, sw-final;
@layer sw-base {
  :root {
    interpolate-size: allow-keywords;
    touch-action: manipulation;
  }
  *,
  *::before,
  *::after,
  *::part(root) {
    box-sizing: border-box;
  }
  *,
  *::part(root) {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  *,
  *::part(root) {
    -webkit-touch-callout: none;
  }
  *:not(input, textarea),
  *::part(root) {
    -webkit-user-select: none;
    user-select: none;
  }
  button,
  select {
    text-transform: none;
  }
  .ph,
  .ph::before {
    display: grid;
  }
  button,
  *::part(button),
  input,
  *::part(input),
  optgroup,
  *::part(optgroup),
  select,
  *::part(select),
  textarea *::part(textarea) {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
  }
  [role=button],
  button,
  *::part(button) {
    text-align: unset;
    touch-action: manipulation;
  }
  [role=button],
  summary,
  button,
  *::part(button) {
    cursor: pointer;
  }
  input,
  *::part(input) {
    min-inline-size: 25px;
  }
  body {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: minmax(0px, 1fr);
    position: absolute;
    inset: 0;
    margin: 0;
    padding: 0;
    background-color: var(--canvas);
    color: var(--canvastext);
    touch-action: none !important;
  }
  html {
    transition: font-size 1ms step-start;
  }
  @media (pointer: fine) {
    html {
      font-size: 14px;
    }
  }
  html {
    font-family: var(--host--font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--host--font-feature-settings, normal);
    font-variation-settings: var(--host--font-variation-settings, normal);
  }
  :where(html:has(body > v-keyboard[system-font=Inter])) {
    --host--font-family: Inter, sans-serif;
    --host--font-feature-settings: 'liga' 1, 'calt' 1;
  }
  @supports (font-variation-settings: normal) {
    :where(html:has(body > v-keyboard[system-font=Inter])) {
      --host--font-family: InterVariable, sans-serif;
    }
  }
  html::before {
    content: "delete-button-icon=trash&confirm-button-icon=check&close-button-icon=x&cancel-button-icon=x&ipad-sheet-view-height=27.75rem&ipad-sheet-view-inline-size=37rem&vt-fwd-class-name=fwd";
    display: none;
  }
}
@layer sw-list-components {
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view), [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]), list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)) {
    background-color: var(--list--host-background-color, );
    padding-inline: var(--list--host-padding-inline, );
    padding-block: var(--list--host-padding-block, );
    grid-template-columns: var(--list--host-grid-template-columns, );
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name), [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name), list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name),
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name),
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name),
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name),
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name),
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name),
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name)) {
    appearance: none;
    -webkit-appearance: none;
    border: var(--itemborder,);
    background: var(--itemface,);
    color: var(--itemtext,);
    padding-inline: var(--itempadistart,) var(--itempadiend,);
    padding-block: var(--itempadbstart,) var(--itempadbend,);
    border-radius: var(--itemradiustl,) var(--itemradiustr,) var(--itemradiusbr,) var(--itemradiusbl,);
  }
  @media (prefers-reduced-motion: no-preference) {
    :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name), [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name), list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name),
    table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name),
    [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name),
    list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name),
    table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name),
    [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name),
    list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name)) {
      transition: background-color 300ms ease-out allow-discrete, color 300ms ease-out allow-discrete;
      will-change: background-color, color;
    }
    :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name), [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name), list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name),
    table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name),
    [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name),
    list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name),
    table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name),
    [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name),
    list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name)).active {
      transition-duration: 0ms;
    }
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) :not([slot]) ~ section-view:not([slot]):not(menu-view *), [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) :not([slot]) ~ section-view:not([slot]):not(menu-view *), list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) :not([slot]) ~ section-view:not([slot]):not(menu-view *)) {
    padding-block-start: var(--list--section-gap, );
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) section-view:not([slot]):has(~ :not([slot], section-view)):not(menu-view *), [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) section-view:not([slot]):has(~ :not([slot], section-view)):not(menu-view *), list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) section-view:not([slot]):has(~ :not([slot], section-view)):not(menu-view *)) {
    padding-block-end: var(--list--section-gap, );
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) :not([slot], summary) ~ [is=disclosure-group]:not([slot]):not(menu-view *), [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) :not([slot], summary) ~ [is=disclosure-group]:not([slot]):not(menu-view *), list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) :not([slot], summary) ~ [is=disclosure-group]:not([slot]):not(menu-view *)) {
    margin-block-start: var(--list--details-gap, );
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) [is=disclosure-group]:not([slot]):has(~ :not([slot], [is=disclosure-group])):not(menu-view *), [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) [is=disclosure-group]:not([slot]):has(~ :not([slot], [is=disclosure-group])):not(menu-view *), list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) [is=disclosure-group]:not([slot]):has(~ :not([slot], [is=disclosure-group])):not(menu-view *)) {
    margin-block-end: var(--list--details-gap, );
  }
  :where(table-view:not(menu-view *):not(table-view table-view, list-view table-view, [is=form-view] table-view), [is=form-view]:not(menu-view *):not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]), list-view:not(menu-view *):not(list-view list-view, [is=form-view] list-view, table-view list-view)) {
    --itempadistart: var(--list--item-padding-inline-start, 0rem);
    --itempadiend: calc(var(--list--item-padding-inline-end, 0rem) + var(--list--accessories-size, 0rem));
    --itempadbstart: var(--list--item-padding-block-start,);
    --itempadbend: var(--list--item-padding-block-end,);
    --itemradiustr: var(--list--item-border-radius,);
    --itemradiustl: var(--list--item-border-radius,);
    --itemradiusbr: var(--list--item-border-radius,);
    --itemradiusbl: var(--list--item-border-radius,);
    --itemface: var(--list--item-background-color,);
    --itemhighlightface: var(--list--highlighteditem-background-color, var(--list--item-background-color,));
    --itemactiveface: var(--list--highlighteditem-background-color, var(--list--item-background-color,));
    --itemtext: var(--list--item-color,);
    --itemhighlighttext: var(--list--highlighteditem-color, var(--list--item-color,));
    --itemactivetext: var(--list--highlighteditem-color, var(--list--item-color,));
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) [is=disclosure-group]:not(menu-view *) > :not(summary), [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) [is=disclosure-group]:not(menu-view *) > :not(summary), list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) [is=disclosure-group]:not(menu-view *) > :not(summary)) {
    --itemface: var(--list--details-background-color, var(--list--item-background-color,));
    --itemhighlightface: var(--list--selecteddetails-background-color, var(--list--highlighteditem-background-color, var(--list--item-background-color,)));
    --itemactiveface: var(--list--selecteddetails-background-color, var(--list--highlighteditem-background-color, var(--list--item-background-color,)));
    --itemtext: var(--list--details-color, var(--list--item-color,));
    --itemhighlighttext: var(--list--selecteddetails-color, var(--list--highlighteditem-color, var(--list--item-color,)));
    --itemactivetext: var(--list--selecteddetails-color, var(--list--highlighteditem-color, var(--list--item-color,)));
  }
  :where([is=disclosure-group][open] table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) [is=disclosure-group]:not(menu-view *) > summary, [is=disclosure-group][open] [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) [is=disclosure-group]:not(menu-view *) > summary, [is=disclosure-group][open] list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) [is=disclosure-group]:not(menu-view *) > summary) {
    --itemface: var(--list--opendetails-background-color, var(--list--item-background-color,));
    --itemhighlightface: var(--list--selectedopendetails-background-color, var(--list--highlighteditem-background-color, var(--list--item-background-color,)));
    --itemactiveface: var(--list--selectedopendetails-background-color, var(--list--highlighteditem-background-color, var(--list--item-background-color,)));
    --itemtext: var(--list--opendetails-color, var(--list--item-color,));
    --itemhighlighttext: var(--list--selectedopendetails-color, var(--list--highlighteditem-color, var(--list--item-color,)));
    --itemactivetext: var(--list--selectedopendetails-color, var(--list--highlighteditem-color, var(--list--item-color,)));
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) [is=disclosure-group]:not(menu-view *)[open] > summary, [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) [is=disclosure-group]:not(menu-view *)[open] > summary, list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) [is=disclosure-group]:not(menu-view *)[open] > summary) {
    --itemface: var(--list--opensummary-background-color, var(--list--item-background-color,));
    --itemhighlightface: var(
      --list--selectedopensummary-background-color,
      var(--list--selectedsummary-background-color, var(--list--highlighteditem-background-color, var(--list--item-background-color,)))
    );
    --itemactiveface: var(
      --list--selectedopensummary-background-color,
      var(--list--selectedsummary-background-color, var(--list--highlighteditem-background-color, var(--list--item-background-color,)))
    );
    --itemtext: var(--list--opensummary-color, var(--list--item-color,));
    --itemhighlighttext: var(--list--selectedopensummary-color, var(--list--selectedsummary-color, var(--list--highlighteditem-color, var(--list--item-color,))));
    --itemactivetext: var(--list--selectedopensummary-color, var(--list--selectedsummary-color, var(--list--highlighteditem-color, var(--list--item-color,))));
  }
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) > [is=disclosure-group]:not(menu-view *), [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) > [is=disclosure-group]:not(menu-view *), list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) > [is=disclosure-group]:not(menu-view *),
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) > section-view > [is=disclosure-group]:not(menu-view *),
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) > section-view > [is=disclosure-group]:not(menu-view *),
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) > section-view > [is=disclosure-group]:not(menu-view *) {
    --disclosure-style: var(--list--rootsummary-marker-display,);
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) > [is=disclosure-group]:not(menu-view *) > summary, [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) > [is=disclosure-group]:not(menu-view *) > summary, list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) > [is=disclosure-group]:not(menu-view *) > summary,
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) > section-view > [is=disclosure-group]:not(menu-view *) > summary,
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) > section-view > [is=disclosure-group]:not(menu-view *) > summary,
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) > section-view > [is=disclosure-group]:not(menu-view *) > summary) {
    --itemface: var(--list--rootsummary-background-color, var(--list--item-background-color,));
    --itemhighlightface: var(
      --list--selectedrootsummary-background-color,
      var(--list--selectedsummary-background-color, var(--list--highlighteditem-background-color, var(--list--item-background-color,)))
    );
    --itemactiveface: var(
      --list--selectedrootsummary-background-color,
      var(--list--selectedsummary-background-color, var(--list--highlighteditem-background-color, var(--list--item-background-color,)))
    );
    --itemtext: var(--list--rootsummary-color, var(--list--item-color,));
    --itemhighlighttext: var(--list--selectedrootsummary-color, var(--list--selectedsummary-color, var(--list--highlighteditem-color, var(--list--item-color,))));
    --itemactivetext: var(--list--selectedrootsummary-color, var(--list--selectedsummary-color, var(--list--highlighteditem-color, var(--list--item-color,))));
    --itempadistart: var(--list--rootsummary-padding-inline-start, var(--list--item-padding-inline-start,));
    --itempadiend: var(--list--rootsummary-padding-inline-end, var(--list--item-padding-inline-end,));
    --itempadbstart: var(--list--rootsummary-padding-block-start, var(--list--item-padding-block-start,));
    --itempadbend: var(--list--rootsummary-padding-block-end, var(--list--item-padding-block-end,));
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) > [is=disclosure-group]:not(menu-view *)[open] > summary, [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) > [is=disclosure-group]:not(menu-view *)[open] > summary, list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) > [is=disclosure-group]:not(menu-view *)[open] > summary,
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) > section-view > [is=disclosure-group]:not(menu-view *)[open] > summary,
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) > section-view > [is=disclosure-group]:not(menu-view *)[open] > summary,
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) > section-view > [is=disclosure-group]:not(menu-view *)[open] > summary) {
    --itemface: var(--list--rootsummary-background-color, var(--list--opensummary-background-color, var(--list--item-background-color,)));
    --itemhighlightface: var(
      --list--selectedrootsummary-background-color,
      var(--list--selectedopensummary-background-color, var(--list--selectedsummary-background-color, var(--list--highlighteditem-background-color, var(--list--item-background-color,))))
    );
    --itemactiveface: var(
      --list--selectedrootsummary-background-color,
      var(--list--selectedopensummary-background-color, var(--list--selectedsummary-background-color, var(--list--highlighteditem-background-color, var(--list--item-background-color,))))
    );
    --itemtext: var(--list--rootsummary-color, var(--list--opensummary-color, var(--list--item-color,)));
    --itemhighlighttext: var(
      --list--selectedrootsummary-color,
      var(--list--selectedopensummary-color, var(--list--selectedsummary-color, var(--list--highlighteditem-color, var(--list--item-color,))))
    );
    --itemactivetext: var(
      --list--selectedrootsummary-color,
      var(--list--selectedopensummary-color, var(--list--selectedsummary-color, var(--list--highlighteditem-color, var(--list--item-color,))))
    );
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) > :not([slot]) ~ :not([slot], section-view, menu-view *), [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) > :not([slot]) ~ :not([slot], section-view, menu-view *), list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) > :not([slot]) ~ :not([slot], section-view, menu-view *),
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) section-view > :not([slot]) ~ :not([slot], section-view, menu-view *),
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) section-view > :not([slot]) ~ :not([slot], section-view, menu-view *),
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) section-view > :not([slot]) ~ :not([slot], section-view, menu-view *),
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) [is=disclosure-group] > :not([slot]) ~ :not([slot], section-view, menu-view *),
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) [is=disclosure-group] > :not([slot]) ~ :not([slot], section-view, menu-view *),
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) [is=disclosure-group] > :not([slot]) ~ :not([slot], section-view, menu-view *)) {
    position: relative;
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) > :not([slot]) ~ :not([slot], section-view, menu-view *), [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) > :not([slot]) ~ :not([slot], section-view, menu-view *), list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) > :not([slot]) ~ :not([slot], section-view, menu-view *),
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) section-view > :not([slot]) ~ :not([slot], section-view, menu-view *),
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) section-view > :not([slot]) ~ :not([slot], section-view, menu-view *),
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) section-view > :not([slot]) ~ :not([slot], section-view, menu-view *),
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) [is=disclosure-group] > :not([slot]) ~ :not([slot], section-view, menu-view *),
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) [is=disclosure-group] > :not([slot]) ~ :not([slot], section-view, menu-view *),
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) [is=disclosure-group] > :not([slot]) ~ :not([slot], section-view, menu-view *))::before {
    content: "";
    position: absolute;
    inset: 0rem calc(var(--list--item-padding-inline-end, 0rem) + var(--list--media-inner-padding-inline-end, 0rem)) auto calc(var(--list--item-padding-inline-start, 0rem) + var(--list--media-inner-padding-inline-start, 0rem));
    block-size: 1px;
    background: var(--list--separator-background-color, var(--separator));
    pointer-events: none;
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) > :not([slot]) ~ :not([slot], section-view, menu-view *):is([is=disclosure-group]:has(> summary[aria-selected=true])), [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) > :not([slot]) ~ :not([slot], section-view, menu-view *):is([is=disclosure-group]:has(> summary[aria-selected=true])), list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) > :not([slot]) ~ :not([slot], section-view, menu-view *):is([is=disclosure-group]:has(> summary[aria-selected=true])),
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) section-view > :not([slot]) ~ :not([slot], section-view, menu-view *):is([is=disclosure-group]:has(> summary[aria-selected=true])),
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) section-view > :not([slot]) ~ :not([slot], section-view, menu-view *):is([is=disclosure-group]:has(> summary[aria-selected=true])),
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) section-view > :not([slot]) ~ :not([slot], section-view, menu-view *):is([is=disclosure-group]:has(> summary[aria-selected=true])),
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) [is=disclosure-group] > :not([slot]) ~ :not([slot], section-view, menu-view *):is([is=disclosure-group]:has(> summary[aria-selected=true])),
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) [is=disclosure-group] > :not([slot]) ~ :not([slot], section-view, menu-view *):is([is=disclosure-group]:has(> summary[aria-selected=true])),
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) [is=disclosure-group] > :not([slot]) ~ :not([slot], section-view, menu-view *):is([is=disclosure-group]:has(> summary[aria-selected=true])))::before, :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) > :not([slot]) ~ :not([slot], section-view, menu-view *):is([is=disclosure-group]:has(> summary.active)), [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) > :not([slot]) ~ :not([slot], section-view, menu-view *):is([is=disclosure-group]:has(> summary.active)), list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) > :not([slot]) ~ :not([slot], section-view, menu-view *):is([is=disclosure-group]:has(> summary.active)),
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) section-view > :not([slot]) ~ :not([slot], section-view, menu-view *):is([is=disclosure-group]:has(> summary.active)),
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) section-view > :not([slot]) ~ :not([slot], section-view, menu-view *):is([is=disclosure-group]:has(> summary.active)),
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) section-view > :not([slot]) ~ :not([slot], section-view, menu-view *):is([is=disclosure-group]:has(> summary.active)),
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) [is=disclosure-group] > :not([slot]) ~ :not([slot], section-view, menu-view *):is([is=disclosure-group]:has(> summary.active)),
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) [is=disclosure-group] > :not([slot]) ~ :not([slot], section-view, menu-view *):is([is=disclosure-group]:has(> summary.active)),
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) [is=disclosure-group] > :not([slot]) ~ :not([slot], section-view, menu-view *):is([is=disclosure-group]:has(> summary.active)))::before {
    --list--separator-background-color: var(--list--highlighteditem-separator-background-color,);
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) > :not([slot]) ~ :not([slot], section-view, menu-view *), [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) > :not([slot]) ~ :not([slot], section-view, menu-view *), list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) > :not([slot]) ~ :not([slot], section-view, menu-view *),
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) section-view > :not([slot]) ~ :not([slot], section-view, menu-view *),
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) section-view > :not([slot]) ~ :not([slot], section-view, menu-view *),
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) section-view > :not([slot]) ~ :not([slot], section-view, menu-view *),
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) [is=disclosure-group] > :not([slot]) ~ :not([slot], menu-view *),
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) [is=disclosure-group] > :not([slot]) ~ :not([slot], menu-view *),
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) [is=disclosure-group] > :not([slot]) ~ :not([slot], menu-view *)) {
    --itemradiustl: var(--list--adjacentitem-border-radius, var(--list--item-border-radius,));
    --itemradiustr: var(--list--adjacentitem-border-radius, var(--list--item-border-radius,));
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) > :not([slot]) ~ :not([slot], section-view, menu-view *):is([is=disclosure-group] :not([slot])), [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) > :not([slot]) ~ :not([slot], section-view, menu-view *):is([is=disclosure-group] :not([slot])), list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) > :not([slot]) ~ :not([slot], section-view, menu-view *):is([is=disclosure-group] :not([slot])),
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) section-view > :not([slot]) ~ :not([slot], section-view, menu-view *):is([is=disclosure-group] :not([slot])),
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) section-view > :not([slot]) ~ :not([slot], section-view, menu-view *):is([is=disclosure-group] :not([slot])),
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) section-view > :not([slot]) ~ :not([slot], section-view, menu-view *):is([is=disclosure-group] :not([slot])),
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) [is=disclosure-group] > :not([slot]) ~ :not([slot], menu-view *):is([is=disclosure-group] :not([slot])),
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) [is=disclosure-group] > :not([slot]) ~ :not([slot], menu-view *):is([is=disclosure-group] :not([slot])),
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) [is=disclosure-group] > :not([slot]) ~ :not([slot], menu-view *):is([is=disclosure-group] :not([slot]))) {
    --itemradiustl: var(--list--adjacentdetailsitem-border-radius, var(--list--adjacentitem-border-radius, var(--list--item-border-radius,)));
    --itemradiustr: var(--list--adjacentdetailsitem-border-radius, var(--list--adjacentitem-border-radius, var(--list--item-border-radius,)));
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) > :not([slot]):has(~ :not([slot], section-view, menu-view *)), [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) > :not([slot]):has(~ :not([slot], section-view, menu-view *)), list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) > :not([slot]):has(~ :not([slot], section-view, menu-view *)),
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) section-view > :not([slot]):has(~ :not([slot], section-view, menu-view *)),
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) section-view > :not([slot]):has(~ :not([slot], section-view, menu-view *)),
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) section-view > :not([slot]):has(~ :not([slot], section-view, menu-view *)),
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) [is=disclosure-group] > :not([slot], summary, menu-view *):has(~ :not([slot])),
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) [is=disclosure-group] > :not([slot], summary, menu-view *):has(~ :not([slot])),
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) [is=disclosure-group] > :not([slot], summary, menu-view *):has(~ :not([slot])),
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) [is=disclosure-group]:not([data-state=closed], menu-view *) > summary,
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) [is=disclosure-group]:not([data-state=closed], menu-view *) > summary,
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) [is=disclosure-group]:not([data-state=closed], menu-view *) > summary) {
    --itemradiusbl: var(--list--adjacentitem-border-radius, var(--list--item-border-radius,));
    --itemradiusbr: var(--list--adjacentitem-border-radius, var(--list--item-border-radius,));
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) > :not([slot]):has(~ :not([slot], section-view, menu-view *)):is([is=disclosure-group] :not([slot])), [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) > :not([slot]):has(~ :not([slot], section-view, menu-view *)):is([is=disclosure-group] :not([slot])), list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) > :not([slot]):has(~ :not([slot], section-view, menu-view *)):is([is=disclosure-group] :not([slot])),
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) section-view > :not([slot]):has(~ :not([slot], section-view, menu-view *)):is([is=disclosure-group] :not([slot])),
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) section-view > :not([slot]):has(~ :not([slot], section-view, menu-view *)):is([is=disclosure-group] :not([slot])),
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) section-view > :not([slot]):has(~ :not([slot], section-view, menu-view *)):is([is=disclosure-group] :not([slot])),
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) [is=disclosure-group] > :not([slot], summary, menu-view *):has(~ :not([slot])):is([is=disclosure-group] :not([slot])),
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) [is=disclosure-group] > :not([slot], summary, menu-view *):has(~ :not([slot])):is([is=disclosure-group] :not([slot])),
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) [is=disclosure-group] > :not([slot], summary, menu-view *):has(~ :not([slot])):is([is=disclosure-group] :not([slot])),
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) [is=disclosure-group]:not([data-state=closed], menu-view *) > summary:is([is=disclosure-group] :not([slot])),
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) [is=disclosure-group]:not([data-state=closed], menu-view *) > summary:is([is=disclosure-group] :not([slot])),
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) [is=disclosure-group]:not([data-state=closed], menu-view *) > summary:is([is=disclosure-group] :not([slot]))) {
    --itemradiusbl: var(--list--adjacentdetailsitem-border-radius, var(--list--adjacentitem-border-radius, var(--list--item-border-radius,)));
    --itemradiusbr: var(--list--adjacentdetailsitem-border-radius, var(--list--adjacentitem-border-radius, var(--list--item-border-radius,)));
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) section-view:not(section-view section-view, menu-view *), [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) section-view:not(section-view section-view, menu-view *), list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) section-view:not(section-view section-view, menu-view *))::part(section-footer-stack), :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) section-view:not(section-view section-view, menu-view *), [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) section-view:not(section-view section-view, menu-view *), list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) section-view:not(section-view section-view, menu-view *))::part(section-header-stack) {
    padding-inline: calc(var(--list--root-padding-inline, 0px) + var(--itempadistart, 0px)) calc(var(--list--root-padding-inline, 0px) + var(--itempadiend, 0px));
    margin-inline: calc(var(--list--root-padding-inline) * -1);
    padding-block: 1px;
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) section-view:not(section-view section-view, menu-view *), [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) section-view:not(section-view section-view, menu-view *), list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) section-view:not(section-view section-view, menu-view *))::part(section-header-stack) {
    top: calc(var(--list--sticky-block-size, 0px) + var(--navigation-bar-block-size));
    position: sticky;
  }
  :where(table-view[columns="2"]:not(menu-view *):not(table-view table-view, list-view table-view, [is=form-view] table-view), [columns="2"][is=form-view]:not(menu-view *):not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]), list-view[columns="2"]:not(menu-view *):not(list-view list-view, [is=form-view] list-view, table-view list-view)) {
    --list--host-grid-template-columns: repeat(2, minmax(0, 1fr));
    position: relative;
  }
  :where(table-view[columns="2"]:not(menu-view *):not(table-view table-view, list-view table-view, [is=form-view] table-view), [columns="2"][is=form-view]:not(menu-view *):not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]), list-view[columns="2"]:not(menu-view *):not(list-view list-view, [is=form-view] list-view, table-view list-view))::after {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: var(--list--host-padding-block, 0px) auto var(--list--host-padding-block, 0px) 50%;
    inline-size: 1px;
    background: var(--list--separator-background-color, var(--separator));
  }
  :where(table-view[columns="2"]:not(menu-view *):not(table-view table-view, list-view table-view, [is=form-view] table-view) > :first-child:not([slot]), [columns="2"][is=form-view]:not(menu-view *):not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) > :first-child:not([slot]), list-view[columns="2"]:not(menu-view *):not(list-view list-view, [is=form-view] list-view, table-view list-view) > :first-child:not([slot]),
  table-view[columns="2"]:not(menu-view *):not(table-view table-view, list-view table-view, [is=form-view] table-view) section-view:first-child > :not([slot]),
  [columns="2"][is=form-view]:not(menu-view *):not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) section-view:first-child > :not([slot]),
  list-view[columns="2"]:not(menu-view *):not(list-view list-view, [is=form-view] list-view, table-view list-view) section-view:first-child > :not([slot]),
  table-view[columns="2"]:not(menu-view *):not(table-view table-view, list-view table-view, [is=form-view] table-view) [is=disclosure-group]:first-child > :not([slot]),
  [columns="2"][is=form-view]:not(menu-view *):not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) [is=disclosure-group]:first-child > :not([slot]),
  list-view[columns="2"]:not(menu-view *):not(list-view list-view, [is=form-view] list-view, table-view list-view) [is=disclosure-group]:first-child > :not([slot])) {
    --itemradiustr: var(--list--adjacentitem-border-radius,);
    --itemradiusbr: var(--list--adjacentitem-border-radius,);
  }
  :where(table-view[columns="2"]:not(menu-view *):not(table-view table-view, list-view table-view, [is=form-view] table-view) > :first-child:not([slot]):is([is=disclosure-group] :not([slot])), [columns="2"][is=form-view]:not(menu-view *):not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) > :first-child:not([slot]):is([is=disclosure-group] :not([slot])), list-view[columns="2"]:not(menu-view *):not(list-view list-view, [is=form-view] list-view, table-view list-view) > :first-child:not([slot]):is([is=disclosure-group] :not([slot])),
  table-view[columns="2"]:not(menu-view *):not(table-view table-view, list-view table-view, [is=form-view] table-view) section-view:first-child > :not([slot]):is([is=disclosure-group] :not([slot])),
  [columns="2"][is=form-view]:not(menu-view *):not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) section-view:first-child > :not([slot]):is([is=disclosure-group] :not([slot])),
  list-view[columns="2"]:not(menu-view *):not(list-view list-view, [is=form-view] list-view, table-view list-view) section-view:first-child > :not([slot]):is([is=disclosure-group] :not([slot])),
  table-view[columns="2"]:not(menu-view *):not(table-view table-view, list-view table-view, [is=form-view] table-view) [is=disclosure-group]:first-child > :not([slot]):is([is=disclosure-group] :not([slot])),
  [columns="2"][is=form-view]:not(menu-view *):not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) [is=disclosure-group]:first-child > :not([slot]):is([is=disclosure-group] :not([slot])),
  list-view[columns="2"]:not(menu-view *):not(list-view list-view, [is=form-view] list-view, table-view list-view) [is=disclosure-group]:first-child > :not([slot]):is([is=disclosure-group] :not([slot]))) {
    --itemradiustr: var(--list--adjacentitem-border-radius,);
    --itemradiusbr: var(--list--adjacentitem-border-radius,);
  }
  :where(table-view[columns="2"]:not(menu-view *):not(table-view table-view, list-view table-view, [is=form-view] table-view) > :nth-child(2):not([slot]), [columns="2"][is=form-view]:not(menu-view *):not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) > :nth-child(2):not([slot]), list-view[columns="2"]:not(menu-view *):not(list-view list-view, [is=form-view] list-view, table-view list-view) > :nth-child(2):not([slot]),
  table-view[columns="2"]:not(menu-view *):not(table-view table-view, list-view table-view, [is=form-view] table-view) section-view:nth-child(2) > :not([slot]),
  [columns="2"][is=form-view]:not(menu-view *):not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) section-view:nth-child(2) > :not([slot]),
  list-view[columns="2"]:not(menu-view *):not(list-view list-view, [is=form-view] list-view, table-view list-view) section-view:nth-child(2) > :not([slot]),
  table-view[columns="2"]:not(menu-view *):not(table-view table-view, list-view table-view, [is=form-view] table-view) [is=disclosure-group]:nth-child(2) > :not([slot]),
  [columns="2"][is=form-view]:not(menu-view *):not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) [is=disclosure-group]:nth-child(2) > :not([slot]),
  list-view[columns="2"]:not(menu-view *):not(list-view list-view, [is=form-view] list-view, table-view list-view) [is=disclosure-group]:nth-child(2) > :not([slot])) {
    --itemradiustr: var(--list--item-border-radius,);
  }
  :where(table-view[columns="2"]:not(menu-view *):not(table-view table-view, list-view table-view, [is=form-view] table-view) > :nth-child(2):not([slot]), [columns="2"][is=form-view]:not(menu-view *):not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) > :nth-child(2):not([slot]), list-view[columns="2"]:not(menu-view *):not(list-view list-view, [is=form-view] list-view, table-view list-view) > :nth-child(2):not([slot]),
  table-view[columns="2"]:not(menu-view *):not(table-view table-view, list-view table-view, [is=form-view] table-view) section-view:nth-child(2) > :not([slot]),
  [columns="2"][is=form-view]:not(menu-view *):not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) section-view:nth-child(2) > :not([slot]),
  list-view[columns="2"]:not(menu-view *):not(list-view list-view, [is=form-view] list-view, table-view list-view) section-view:nth-child(2) > :not([slot]),
  table-view[columns="2"]:not(menu-view *):not(table-view table-view, list-view table-view, [is=form-view] table-view) [is=disclosure-group]:nth-child(2) > :not([slot]),
  [columns="2"][is=form-view]:not(menu-view *):not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) [is=disclosure-group]:nth-child(2) > :not([slot]),
  list-view[columns="2"]:not(menu-view *):not(list-view list-view, [is=form-view] list-view, table-view list-view) [is=disclosure-group]:nth-child(2) > :not([slot]))::before {
    content: none;
  }
  :where(table-view[columns="2"]:not(menu-view *):not(table-view table-view, list-view table-view, [is=form-view] table-view) > :nth-child(2):not([slot]):is([is=disclosure-group] :not([slot])), [columns="2"][is=form-view]:not(menu-view *):not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) > :nth-child(2):not([slot]):is([is=disclosure-group] :not([slot])), list-view[columns="2"]:not(menu-view *):not(list-view list-view, [is=form-view] list-view, table-view list-view) > :nth-child(2):not([slot]):is([is=disclosure-group] :not([slot])),
  table-view[columns="2"]:not(menu-view *):not(table-view table-view, list-view table-view, [is=form-view] table-view) section-view:nth-child(2) > :not([slot]):is([is=disclosure-group] :not([slot])),
  [columns="2"][is=form-view]:not(menu-view *):not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) section-view:nth-child(2) > :not([slot]):is([is=disclosure-group] :not([slot])),
  list-view[columns="2"]:not(menu-view *):not(list-view list-view, [is=form-view] list-view, table-view list-view) section-view:nth-child(2) > :not([slot]):is([is=disclosure-group] :not([slot])),
  table-view[columns="2"]:not(menu-view *):not(table-view table-view, list-view table-view, [is=form-view] table-view) [is=disclosure-group]:nth-child(2) > :not([slot]):is([is=disclosure-group] :not([slot])),
  [columns="2"][is=form-view]:not(menu-view *):not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) [is=disclosure-group]:nth-child(2) > :not([slot]):is([is=disclosure-group] :not([slot])),
  list-view[columns="2"]:not(menu-view *):not(list-view list-view, [is=form-view] list-view, table-view list-view) [is=disclosure-group]:nth-child(2) > :not([slot]):is([is=disclosure-group] :not([slot]))) {
    --itemradiustr: var(--list--item-border-radius,);
  }
  :where(table-view[columns="2"]:not(menu-view *):not(table-view table-view, list-view table-view, [is=form-view] table-view) > :nth-child(2):not([slot]):is([is=disclosure-group] :not([slot])), [columns="2"][is=form-view]:not(menu-view *):not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) > :nth-child(2):not([slot]):is([is=disclosure-group] :not([slot])), list-view[columns="2"]:not(menu-view *):not(list-view list-view, [is=form-view] list-view, table-view list-view) > :nth-child(2):not([slot]):is([is=disclosure-group] :not([slot])),
  table-view[columns="2"]:not(menu-view *):not(table-view table-view, list-view table-view, [is=form-view] table-view) section-view:nth-child(2) > :not([slot]):is([is=disclosure-group] :not([slot])),
  [columns="2"][is=form-view]:not(menu-view *):not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) section-view:nth-child(2) > :not([slot]):is([is=disclosure-group] :not([slot])),
  list-view[columns="2"]:not(menu-view *):not(list-view list-view, [is=form-view] list-view, table-view list-view) section-view:nth-child(2) > :not([slot]):is([is=disclosure-group] :not([slot])),
  table-view[columns="2"]:not(menu-view *):not(table-view table-view, list-view table-view, [is=form-view] table-view) [is=disclosure-group]:nth-child(2) > :not([slot]):is([is=disclosure-group] :not([slot])),
  [columns="2"][is=form-view]:not(menu-view *):not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) [is=disclosure-group]:nth-child(2) > :not([slot]):is([is=disclosure-group] :not([slot])),
  list-view[columns="2"]:not(menu-view *):not(list-view list-view, [is=form-view] list-view, table-view list-view) [is=disclosure-group]:nth-child(2) > :not([slot]):is([is=disclosure-group] :not([slot])))::before {
    content: none;
  }
  :where(table-view[columns="2"]:not(menu-view *):not(table-view table-view, list-view table-view, [is=form-view] table-view) > :nth-last-child(2):not([slot]), [columns="2"][is=form-view]:not(menu-view *):not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) > :nth-last-child(2):not([slot]), list-view[columns="2"]:not(menu-view *):not(list-view list-view, [is=form-view] list-view, table-view list-view) > :nth-last-child(2):not([slot]),
  table-view[columns="2"]:not(menu-view *):not(table-view table-view, list-view table-view, [is=form-view] table-view) section-view:nth-last-child(2) > :not([slot]),
  [columns="2"][is=form-view]:not(menu-view *):not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) section-view:nth-last-child(2) > :not([slot]),
  list-view[columns="2"]:not(menu-view *):not(list-view list-view, [is=form-view] list-view, table-view list-view) section-view:nth-last-child(2) > :not([slot]),
  table-view[columns="2"]:not(menu-view *):not(table-view table-view, list-view table-view, [is=form-view] table-view) [is=disclosure-group]:nth-last-child(2) > :not([slot]),
  [columns="2"][is=form-view]:not(menu-view *):not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) [is=disclosure-group]:nth-last-child(2) > :not([slot]),
  list-view[columns="2"]:not(menu-view *):not(list-view list-view, [is=form-view] list-view, table-view list-view) [is=disclosure-group]:nth-last-child(2) > :not([slot])) {
    --itemradiustr: var(--list--adjacentitem-border-radius,);
    --itemradiusbl: var(--list--item-border-radius,);
  }
  :where(table-view[columns="2"]:not(menu-view *):not(table-view table-view, list-view table-view, [is=form-view] table-view) > :nth-last-child(2):not([slot]):is([is=disclosure-group] :not([slot])), [columns="2"][is=form-view]:not(menu-view *):not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) > :nth-last-child(2):not([slot]):is([is=disclosure-group] :not([slot])), list-view[columns="2"]:not(menu-view *):not(list-view list-view, [is=form-view] list-view, table-view list-view) > :nth-last-child(2):not([slot]):is([is=disclosure-group] :not([slot])),
  table-view[columns="2"]:not(menu-view *):not(table-view table-view, list-view table-view, [is=form-view] table-view) section-view:nth-last-child(2) > :not([slot]):is([is=disclosure-group] :not([slot])),
  [columns="2"][is=form-view]:not(menu-view *):not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) section-view:nth-last-child(2) > :not([slot]):is([is=disclosure-group] :not([slot])),
  list-view[columns="2"]:not(menu-view *):not(list-view list-view, [is=form-view] list-view, table-view list-view) section-view:nth-last-child(2) > :not([slot]):is([is=disclosure-group] :not([slot])),
  table-view[columns="2"]:not(menu-view *):not(table-view table-view, list-view table-view, [is=form-view] table-view) [is=disclosure-group]:nth-last-child(2) > :not([slot]):is([is=disclosure-group] :not([slot])),
  [columns="2"][is=form-view]:not(menu-view *):not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) [is=disclosure-group]:nth-last-child(2) > :not([slot]):is([is=disclosure-group] :not([slot])),
  list-view[columns="2"]:not(menu-view *):not(list-view list-view, [is=form-view] list-view, table-view list-view) [is=disclosure-group]:nth-last-child(2) > :not([slot]):is([is=disclosure-group] :not([slot]))) {
    --itemradiustr: var(--list--adjacentitem-border-radius,);
    --itemradiusbl: var(--list--item-border-radius,);
  }
  :where(table-view[columns="2"]:not(menu-view *):not(table-view table-view, list-view table-view, [is=form-view] table-view) > :last-child:not([slot]), [columns="2"][is=form-view]:not(menu-view *):not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) > :last-child:not([slot]), list-view[columns="2"]:not(menu-view *):not(list-view list-view, [is=form-view] list-view, table-view list-view) > :last-child:not([slot]),
  table-view[columns="2"]:not(menu-view *):not(table-view table-view, list-view table-view, [is=form-view] table-view) section-view:last-child > :not([slot]),
  [columns="2"][is=form-view]:not(menu-view *):not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) section-view:last-child > :not([slot]),
  list-view[columns="2"]:not(menu-view *):not(list-view list-view, [is=form-view] list-view, table-view list-view) section-view:last-child > :not([slot]),
  table-view[columns="2"]:not(menu-view *):not(table-view table-view, list-view table-view, [is=form-view] table-view) [is=disclosure-group]:last-child > :not([slot]),
  [columns="2"][is=form-view]:not(menu-view *):not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) [is=disclosure-group]:last-child > :not([slot]),
  list-view[columns="2"]:not(menu-view *):not(list-view list-view, [is=form-view] list-view, table-view list-view) [is=disclosure-group]:last-child > :not([slot])) {
    --itemradiusbr: var(--list--item-border-radius,);
    --itemradiusbl: var(--list--adjacentitem-border-radius,);
  }
  :where(table-view[columns="2"]:not(menu-view *):not(table-view table-view, list-view table-view, [is=form-view] table-view) > :last-child:not([slot]):is([is=disclosure-group] :not([slot])), [columns="2"][is=form-view]:not(menu-view *):not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) > :last-child:not([slot]):is([is=disclosure-group] :not([slot])), list-view[columns="2"]:not(menu-view *):not(list-view list-view, [is=form-view] list-view, table-view list-view) > :last-child:not([slot]):is([is=disclosure-group] :not([slot])),
  table-view[columns="2"]:not(menu-view *):not(table-view table-view, list-view table-view, [is=form-view] table-view) section-view:last-child > :not([slot]):is([is=disclosure-group] :not([slot])),
  [columns="2"][is=form-view]:not(menu-view *):not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) section-view:last-child > :not([slot]):is([is=disclosure-group] :not([slot])),
  list-view[columns="2"]:not(menu-view *):not(list-view list-view, [is=form-view] list-view, table-view list-view) section-view:last-child > :not([slot]):is([is=disclosure-group] :not([slot])),
  table-view[columns="2"]:not(menu-view *):not(table-view table-view, list-view table-view, [is=form-view] table-view) [is=disclosure-group]:last-child > :not([slot]):is([is=disclosure-group] :not([slot])),
  [columns="2"][is=form-view]:not(menu-view *):not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) [is=disclosure-group]:last-child > :not([slot]):is([is=disclosure-group] :not([slot])),
  list-view[columns="2"]:not(menu-view *):not(list-view list-view, [is=form-view] list-view, table-view list-view) [is=disclosure-group]:last-child > :not([slot]):is([is=disclosure-group] :not([slot]))) {
    --itemradiusbr: var(--list--item-border-radius,);
    --itemradiusbl: var(--list--adjacentitem-border-radius,);
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):is(navigation-split-view button[navigation-link], navigation-stack button[navigation-link]), [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):is(navigation-split-view button[navigation-link], navigation-stack button[navigation-link]), list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):is(navigation-split-view button[navigation-link], navigation-stack button[navigation-link]),
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):is(navigation-split-view button[navigation-link], navigation-stack button[navigation-link]),
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):is(navigation-split-view button[navigation-link], navigation-stack button[navigation-link]),
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):is(navigation-split-view button[navigation-link], navigation-stack button[navigation-link]),
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):is(navigation-split-view button[navigation-link], navigation-stack button[navigation-link]),
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):is(navigation-split-view button[navigation-link], navigation-stack button[navigation-link]),
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):is(navigation-split-view button[navigation-link], navigation-stack button[navigation-link])) {
    position: relative;
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):is(navigation-split-view button[navigation-link], navigation-stack button[navigation-link]), [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):is(navigation-split-view button[navigation-link], navigation-stack button[navigation-link]), list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):is(navigation-split-view button[navigation-link], navigation-stack button[navigation-link]),
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):is(navigation-split-view button[navigation-link], navigation-stack button[navigation-link]),
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):is(navigation-split-view button[navigation-link], navigation-stack button[navigation-link]),
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):is(navigation-split-view button[navigation-link], navigation-stack button[navigation-link]),
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):is(navigation-split-view button[navigation-link], navigation-stack button[navigation-link]),
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):is(navigation-split-view button[navigation-link], navigation-stack button[navigation-link]),
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):is(navigation-split-view button[navigation-link], navigation-stack button[navigation-link]))::after {
    pointer-events: none;
    content: "";
    -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" fill="currentColor" viewBox="0 0 256 256"%3E%3Cpath d="M184.49,136.49l-80,80a12,12,0,0,1-17-17L159,128,87.51,56.49a12,12,0,1,1,17-17l80,80A12,12,0,0,1,184.49,136.49Z"%3E%3C/path%3E%3C/svg%3E') no-repeat center/contain;
    mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" fill="currentColor" viewBox="0 0 256 256"%3E%3Cpath d="M184.49,136.49l-80,80a12,12,0,0,1-17-17L159,128,87.51,56.49a12,12,0,1,1,17-17l80,80A12,12,0,0,1,184.49,136.49Z"%3E%3C/path%3E%3C/svg%3E') no-repeat center/contain;
    transform-origin: center;
    aspect-ratio: 1;
    place-self: center;
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):is(navigation-split-view button[navigation-link], navigation-stack button[navigation-link]), [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):is(navigation-split-view button[navigation-link], navigation-stack button[navigation-link]), list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):is(navigation-split-view button[navigation-link], navigation-stack button[navigation-link]),
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):is(navigation-split-view button[navigation-link], navigation-stack button[navigation-link]),
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):is(navigation-split-view button[navigation-link], navigation-stack button[navigation-link]),
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):is(navigation-split-view button[navigation-link], navigation-stack button[navigation-link]),
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):is(navigation-split-view button[navigation-link], navigation-stack button[navigation-link]),
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):is(navigation-split-view button[navigation-link], navigation-stack button[navigation-link]),
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):is(navigation-split-view button[navigation-link], navigation-stack button[navigation-link]))::after {
    position: absolute;
    inset: 50% var(--itempadiend) auto auto;
    display: var(--list--accessories-display, grid);
    block-size: var(--list--accessories-size, 1.1rem);
    inline-size: var(--list--accessories-size, 1.1rem);
    background-color: var(--quaternary);
    transform: translateY(-50%) translateX(120%);
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):is(label-view[list-item-tint])[list-item-tint] > [slot=icon], [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):is(label-view[list-item-tint])[list-item-tint] > [slot=icon], list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):is(label-view[list-item-tint])[list-item-tint] > [slot=icon],
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):is(label-view[list-item-tint])[list-item-tint] > [slot=icon],
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):is(label-view[list-item-tint])[list-item-tint] > [slot=icon],
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):is(label-view[list-item-tint])[list-item-tint] > [slot=icon],
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):is(label-view[list-item-tint])[list-item-tint] > [slot=icon],
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):is(label-view[list-item-tint])[list-item-tint] > [slot=icon],
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):is(label-view[list-item-tint])[list-item-tint] > [slot=icon]) {
    color: var(--accentColor);
  }
}
@layer sw-colors {
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]), [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]), list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]),
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]),
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]),
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]),
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]),
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]),
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly])):focus-visible {
    outline: none;
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]), [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]), list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]),
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]),
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]),
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]),
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]),
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]),
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly])):focus-visible {
    --itemface: var(--itemhighlightface,);
    --itemtext: var(--itemhighlighttext,);
    --list--separator-background-color: var(--list--highlighteditem-separator-background-color,);
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]), [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]), list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]),
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]),
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]),
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]),
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]),
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]),
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly])):focus-visible > * {
    --secondary: var(--itemtext);
    --blue: var(--itemtext);
    --red: var(--itemtext);
    --green: var(--itemtext);
    --orange: var(--itemtext);
    --purple: var(--itemtext);
    --accentColor: var(--itemtext);
    --accentColorEffective: var(--itemtext);
  }
}
@layer sw-actions {
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]), [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]), list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]),
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]),
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]),
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]),
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]),
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]),
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly])).active {
    --itemface: var(--itemactiveface,);
    --itemtext: var(--itemactivetext,);
    --list--separator-background-color: var(--list--highlighteditem-separator-background-color,);
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]), [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]), list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]),
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]),
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]),
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]),
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]),
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]),
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly])).active > * {
    --secondary: var(--itemtext);
    --blue: var(--itemtext);
    --red: var(--itemtext);
    --green: var(--itemtext);
    --orange: var(--itemtext);
    --purple: var(--itemtext);
    --accentColor: var(--itemtext);
    --accentColorEffective: var(--itemtext);
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name)[aria-selected=true], [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name)[aria-selected=true], list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name)[aria-selected=true],
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name)[aria-selected=true],
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name)[aria-selected=true],
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name)[aria-selected=true],
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name)[aria-selected=true],
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name)[aria-selected=true],
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name)[aria-selected=true]) {
    --itemface: var(--itemactiveface);
    --itemtext: var(--itemactivetext,);
    --list--separator-background-color: var(--list--highlighteditem-separator-background-color,);
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name)[aria-selected=true], [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name)[aria-selected=true], list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name)[aria-selected=true],
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name)[aria-selected=true],
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name)[aria-selected=true],
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name)[aria-selected=true],
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name)[aria-selected=true],
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name)[aria-selected=true],
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) [is=disclosure-group] > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name)[aria-selected=true]) > * {
    --secondary: var(--itemtext);
    --blue: var(--itemtext);
    --red: var(--itemtext);
    --green: var(--itemtext);
    --orange: var(--itemtext);
    --purple: var(--itemtext);
    --accentColor: var(--itemtext);
    --accentColorEffective: var(--itemtext);
  }
}
@layer sw-components {
  :where([is=glass-prominent-button], [is=glass-button], [is=bordered-prominent-button], [is=bordered-button], [is=borderless-button], [is=plain-button]) {
    place-items: center;
    place-content: center;
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    border: var(--btnborder,);
    background: var(--btnface,);
    color: var(--btntext,);
    padding-inline: var(--btnpadistart,) var(--btnpadiend,);
    padding-block: var(--btnpadbstart,) var(--btnpadbend,);
    border-radius: var(--btnradiustl,) var(--btnradiustr,) var(--btnradiusbr,) var(--btnradiusbl,);
    --btnradiustl: var(--regular-btn-border-radius);
    --btnradiustr: var(--regular-btn-border-radius);
    --btnradiusbl: var(--regular-btn-border-radius);
    --btnradiusbr: var(--regular-btn-border-radius);
  }
  :where([is=glass-prominent-button] > [slot], [is=glass-button] > [slot], [is=bordered-prominent-button] > [slot], [is=bordered-button] > [slot], [is=borderless-button] > [slot], [is=plain-button] > [slot]) {
    position: absolute;
    inset: 0;
    visibility: collapse;
  }
  :where([is=glass-prominent-button] > [slot=overlay], [is=glass-button] > [slot=overlay], [is=bordered-prominent-button] > [slot=overlay], [is=bordered-button] > [slot=overlay], [is=borderless-button] > [slot=overlay], [is=plain-button] > [slot=overlay]) {
    visibility: visible;
  }
  :where([is=glass-prominent-button]:not(:has(> :not([slot]))) > [slot=placeholder], [is=glass-button]:not(:has(> :not([slot]))) > [slot=placeholder], [is=bordered-prominent-button]:not(:has(> :not([slot]))) > [slot=placeholder], [is=bordered-button]:not(:has(> :not([slot]))) > [slot=placeholder], [is=borderless-button]:not(:has(> :not([slot]))) > [slot=placeholder], [is=plain-button]:not(:has(> :not([slot]))) > [slot=placeholder]) {
    position: relative;
    visibility: visible;
  }
  :where([is=glass-prominent-button]:has(> [slot=overlay]) > *:not([slot=overlay]), [is=glass-button]:has(> [slot=overlay]) > *:not([slot=overlay]), [is=bordered-prominent-button]:has(> [slot=overlay]) > *:not([slot=overlay]), [is=bordered-button]:has(> [slot=overlay]) > *:not([slot=overlay]), [is=borderless-button]:has(> [slot=overlay]) > *:not([slot=overlay]), [is=plain-button]:has(> [slot=overlay]) > *:not([slot=overlay])) {
    opacity: 0;
  }
  @media (prefers-reduced-motion: no-preference) {
    :where([is=glass-prominent-button]:has(> [slot=overlay]) > [slot=overlay], [is=glass-button]:has(> [slot=overlay]) > [slot=overlay], [is=bordered-prominent-button]:has(> [slot=overlay]) > [slot=overlay], [is=bordered-button]:has(> [slot=overlay]) > [slot=overlay], [is=borderless-button]:has(> [slot=overlay]) > [slot=overlay], [is=plain-button]:has(> [slot=overlay]) > [slot=overlay]) {
      transition: opacity ease-out 200ms;
    }
  }
  @starting-style {
    :where([is=glass-prominent-button]:has(> [slot=overlay]) > [slot=overlay], [is=glass-button]:has(> [slot=overlay]) > [slot=overlay], [is=bordered-prominent-button]:has(> [slot=overlay]) > [slot=overlay], [is=bordered-button]:has(> [slot=overlay]) > [slot=overlay], [is=borderless-button]:has(> [slot=overlay]) > [slot=overlay], [is=plain-button]:has(> [slot=overlay]) > [slot=overlay]) {
      opacity: 0;
    }
  }
  :where([control-size=mini][is=glass-prominent-button], [control-size=mini][is=glass-button], [control-size=mini][is=bordered-prominent-button], [control-size=mini][is=bordered-button], [control-size=mini][is=borderless-button], [control-size=mini][is=plain-button]) {
    --btnradiustl: var(--mini-btn-border-radius);
    --btnradiustr: var(--mini-btn-border-radius);
    --btnradiusbl: var(--mini-btn-border-radius);
    --btnradiusbr: var(--mini-btn-border-radius);
  }
  :where([control-size=regular][is=glass-prominent-button], [control-size=regular][is=glass-button], [control-size=regular][is=bordered-prominent-button], [control-size=regular][is=bordered-button], [control-size=regular][is=borderless-button], [control-size=regular][is=plain-button]) {
    --btnradiustl: var(--regular-btn-border-radius);
    --btnradiustr: var(--regular-btn-border-radius);
    --btnradiusbl: var(--regular-btn-border-radius);
    --btnradiusbr: var(--regular-btn-border-radius);
  }
  :where([control-size=small][is=glass-prominent-button], [control-size=small][is=glass-button], [control-size=small][is=bordered-prominent-button], [control-size=small][is=bordered-button], [control-size=small][is=borderless-button], [control-size=small][is=plain-button]) {
    --btnradiustl: var(--small-btn-border-radius);
    --btnradiustr: var(--small-btn-border-radius);
    --btnradiusbl: var(--small-btn-border-radius);
    --btnradiusbr: var(--small-btn-border-radius);
  }
  :where([control-size=large][is=glass-prominent-button], [control-size=large][is=glass-button], [control-size=large][is=bordered-prominent-button], [control-size=large][is=bordered-button], [control-size=large][is=borderless-button], [control-size=large][is=plain-button]) {
    --btnradiustl: var(--large-btn-border-radius);
    --btnradiustr: var(--large-btn-border-radius);
    --btnradiusbl: var(--large-btn-border-radius);
    --btnradiusbr: var(--large-btn-border-radius);
  }
  [control-size=small][is=glass-prominent-button], [control-size=small][is=glass-button], [control-size=small][is=bordered-prominent-button], [control-size=small][is=bordered-button], [control-size=small][is=borderless-button], [control-size=small][is=plain-button] {
    --label-font: callout;
  }
  [control-size=mini][is=glass-prominent-button], [control-size=mini][is=glass-button], [control-size=mini][is=bordered-prominent-button], [control-size=mini][is=bordered-button], [control-size=mini][is=borderless-button], [control-size=mini][is=plain-button] {
    --label-font: caption;
  }
}
@layer sw-colors {
  :where([is=glass-prominent-button]:not(:disabled):not([readonly]), [is=glass-button]:not(:disabled):not([readonly]), [is=bordered-prominent-button]:not(:disabled):not([readonly]), [is=bordered-button]:not(:disabled):not([readonly]), [is=borderless-button]:not(:disabled):not([readonly]), [is=plain-button]:not(:disabled):not([readonly])):focus-visible {
    outline: none;
  }
  :where([is=glass-prominent-button]:not(:disabled):not([readonly]), [is=glass-button]:not(:disabled):not([readonly]), [is=bordered-prominent-button]:not(:disabled):not([readonly]), [is=bordered-button]:not(:disabled):not([readonly]), [is=borderless-button]:not(:disabled):not([readonly]), [is=plain-button]:not(:disabled):not([readonly])):focus-visible {
    --btnface: var(--btnhighlightface,);
    --btntext: var(--btnhighlighttext,);
  }
  @media (pointer: fine) {
    :where([is=glass-prominent-button]:not(:disabled):not([readonly]), [is=glass-button]:not(:disabled):not([readonly]), [is=bordered-prominent-button]:not(:disabled):not([readonly]), [is=bordered-button]:not(:disabled):not([readonly]), [is=borderless-button]:not(:disabled):not([readonly]), [is=plain-button]:not(:disabled):not([readonly])):hover {
      --btnface: var(--btnhighlightface,);
      --btntext: var(--btnhighlighttext,);
    }
  }
}
@layer sw-actions {
  :where([is=glass-prominent-button]:not(:disabled):not([readonly]), [is=glass-button]:not(:disabled):not([readonly]), [is=bordered-prominent-button]:not(:disabled):not([readonly]), [is=bordered-button]:not(:disabled):not([readonly]), [is=borderless-button]:not(:disabled):not([readonly]), [is=plain-button]:not(:disabled):not([readonly])):active {
    --btnface: var(--btnactiveface,);
    --btntext: var(--btnactivetext,);
  }
}
@layer sw-transitions {
  @media (prefers-reduced-motion: no-preference) {
    :where([is=glass-prominent-button], [is=glass-button], [is=bordered-prominent-button], [is=bordered-button], [is=borderless-button], [is=plain-button]) {
      transition: background-color 100ms ease-out allow-discrete, opacity 100ms ease-out allow-discrete, color 100ms ease-out allow-discrete;
      will-change: background-color, opacity, color;
    }
    :where([is=glass-prominent-button], [is=glass-button], [is=bordered-prominent-button], [is=bordered-button], [is=borderless-button], [is=plain-button])::active {
      transition-duration: 25ms;
    }
  }
}
@layer sw-components {
  :where(body-view,
  navigation-stack,
  navigation-split-view,
  [is=full-screen],
  [is=sheet-view]) {
    position: relative;
    grid-auto-flow: column;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
  }
  :where(body-view > *:not([slot]),
  navigation-stack > *:not([slot]),
  navigation-split-view > *:not([slot]),
  [is=full-screen] > *:not([slot]),
  [is=sheet-view] > *:not([slot])) {
    grid-column: 1/-1;
    grid-row: 1/-1;
  }
  :where(navigation-stack:has(> navigation-stack:not([hidden]), > navigation-split-view:not([hidden])) > scroll-view,
  navigation-stack:has(> navigation-stack:not([hidden]), > navigation-split-view:not([hidden])) > [is=sidebar-view] > scroll-view,
  navigation-stack:has(> body-view) > scroll-view,
  navigation-stack:has(> body-view) > [is=sidebar-view] > scroll-view,
  navigation-split-view:has(> body-view) > scroll-view,
  navigation-split-view:has(> body-view) > [is=sidebar-view] > scroll-view,
  dialog:has(> body-view) > scroll-view,
  dialog:has(> body-view) > [is=sidebar-view] > scroll-view,
  body-view:has(> body-view) > scroll-view,
  body-view:has(> body-view) > [is=sidebar-view] > scroll-view) {
    --scroll-view-translate: translateX(var(--view-transition-leading-x));
  }
  :where(navigation-stack:has(> navigation-stack:not([hidden]), > navigation-split-view:not([hidden])) > tool-bar > tool-bar-item,
  navigation-stack:has(> navigation-stack:not([hidden]), > navigation-split-view:not([hidden])) > tool-bar > tool-bar-item-group,
  navigation-stack:has(> navigation-stack:not([hidden]), > navigation-split-view:not([hidden])) > [is=sidebar-view] > tool-bar > tool-bar-item,
  navigation-stack:has(> navigation-stack:not([hidden]), > navigation-split-view:not([hidden])) > [is=sidebar-view] > tool-bar > tool-bar-item-group,
  navigation-stack:has(> body-view) > tool-bar > tool-bar-item,
  navigation-stack:has(> body-view) > tool-bar > tool-bar-item-group,
  navigation-stack:has(> body-view) > [is=sidebar-view] > tool-bar > tool-bar-item,
  navigation-stack:has(> body-view) > [is=sidebar-view] > tool-bar > tool-bar-item-group,
  navigation-split-view:has(> body-view) > tool-bar > tool-bar-item,
  navigation-split-view:has(> body-view) > tool-bar > tool-bar-item-group,
  navigation-split-view:has(> body-view) > [is=sidebar-view] > tool-bar > tool-bar-item,
  navigation-split-view:has(> body-view) > [is=sidebar-view] > tool-bar > tool-bar-item-group,
  dialog:has(> body-view) > tool-bar > tool-bar-item,
  dialog:has(> body-view) > tool-bar > tool-bar-item-group,
  dialog:has(> body-view) > [is=sidebar-view] > tool-bar > tool-bar-item,
  dialog:has(> body-view) > [is=sidebar-view] > tool-bar > tool-bar-item-group,
  body-view:has(> body-view) > tool-bar > tool-bar-item,
  body-view:has(> body-view) > tool-bar > tool-bar-item-group,
  body-view:has(> body-view) > [is=sidebar-view] > tool-bar > tool-bar-item,
  body-view:has(> body-view) > [is=sidebar-view] > tool-bar > tool-bar-item-group) {
    --toolbar-cell-scale: scale(var(--view-transition-toolbar-cell-offscreen-scale));
    --toolbar-cell-filter: blur(10px);
    --toolbar-cell-opacity: 0;
  }
}
@layer sw-components {
  :where(navigation-stack:not([hidden]),
  navigation-split-view:not([hidden]),
  navigation-large-title:not([hidden]),
  scroll-view:not([hidden]),
  body-view:not([hidden]),
  tab-view:not([hidden]),
  image-view:not([hidden]),
  [is=search-view]:not([hidden]),
  [is=sidebar-view]:not([hidden]),
  [is=tab-bar]:not([hidden]),
  [is=full-screen]:not([hidden]),
  [is=confirmation-dialog]:not([hidden]),
  [is=alert-dialog]:not([hidden]),
  [is=sheet-view]:not([hidden]),
  [is=form-view]:not([hidden]),
  [is=disclosure-group]:not([hidden]),
  [is=table-row]:not([hidden]),
  [is=table-column]:not([hidden]),
  [is=borderless-button]:not([hidden]),
  [is=bordered-button]:not([hidden]),
  [is=bordered-prominent-button]:not([hidden]),
  [is=plain-button]:not([hidden]),
  [is=glass-button]:not([hidden]),
  [is=glass-prominent-button]:not([hidden]),
  list-view:not([hidden]),
  table-view:not([hidden]),
  content-unavailable-view:not([hidden]),
  progress-view:not([hidden]),
  tool-bar-item:not([hidden]),
  tool-bar-item-group:not([hidden]),
  fine-tooltip:not([hidden]),
  sidebar-toggle:not([hidden]),
  [is=form-view]:not([hidden]),
  v-stack:not([hidden]),
  h-stack:not([hidden]),
  group-box:not([hidden]),
  tool-bar:not([hidden]),
  label-view:not([hidden]),
  text-view:not([hidden]),
  labeled-content:not([hidden]),
  menu-view:not([hidden]),
  section-view:not([hidden]),
  text-field:not([hidden]),
  detail-placeholder:not([hidden]),
  sticky-container:not([hidden]),
  picker-view:not([hidden])) {
    display: grid;
  }
  :where(labeled-content)::part(labeled-content-container),
  :where(labeled-content)::part(labeled-content-label-stack),
  :where(labeled-content)::part(labeled-content-value-stack),
  :where(progress-view)::part(progress-control),
  :where(content-unavailable-view)::part(content-unavailable-title-stack),
  :where(content-unavailable-view)::part(content-unavailable-description-stack),
  :where(content-unavailable-view)::part(content-unavailable-actions-stack),
  :where(table-view)::part(table-container),
  :where(table-view)::part(table-column-stack),
  :where(table-view)::part(table-header-stack),
  :where(table-view)::part(table-header-leading-stack),
  :where(table-view)::part(table-header-principal-stack),
  :where(table-view)::part(table-header-trailing-stack),
  :where(table-view)::part(table-footer-stack),
  :where(table-view)::part(table-footer-leading-stack),
  :where(table-view)::part(table-footer-principal-stack),
  :where(table-view)::part(table-footer-trailing-stack),
  :where(toggle-view)::part(toggle-stack),
  :where(toggle-view)::part(toggle-label-stack),
  :where(toggle-view)::part(toggle-input-stack),
  :where(toggle-view)::part(text-field-form-input),
  :where(text-field)::part(text-field-stack),
  :where(text-field)::part(text-field-label-stack),
  :where(text-field)::part(text-field-input-stack),
  :where(text-field)::part(text-field-form-input),
  :where(date-picker)::part(date-picker-stack),
  :where(date-picker)::part(date-picker-label-stack),
  :where(date-picker)::part(date-picker-input-stack),
  :where(date-picker)::part(date-picker-form-input),
  :where(date-picker)::part(date-picker-separator),
  :where(menu-view)::part(menu-dialog),
  :where(menu-view)::part(menu-summary),
  :where(menu-view)::part(menu-form),
  :where(menu-view)::part(menu-scrollable),
  :where(picker-view)::part(picker-stack),
  :where(picker-view)::part(picker-label-stack),
  :where(picker-view)::part(picker-input-stack),
  :where(tool-bar)::part(top-bar),
  :where(tool-bar)::part(bottom-bar),
  :where(label-view)::part(label-image-stack),
  :where(label-view)::part(label-title-stack),
  :where(scroll-view)::part(scroll-view-navbar),
  :where(scroll-view)::part(scroll-view-toolbar),
  :where(scroll-view)::part(scroll-view-navbar-stack),
  :where(scroll-view)::part(scroll-view-toolbar-stack),
  :where(section-view)::part(section-header-stack),
  :where(section-view)::part(section-main-stack),
  :where(section-view)::part(section-footer-stack) {
    display: grid;
  }
  :where(sidebar-toggle > button:not([hidden]),
  tool-bar-item > button:not([hidden]),
  tool-bar-item > input:not([hidden]),
  list-view > button:not([hidden]),
  [is=form-view] > button:not([hidden]),
  section-view > button:not([hidden]),
  menu-view > button:not([hidden]),
  [is=disclosure-group] > button:not([hidden]),
  [is=disclosure-group] > summary:not([hidden])) {
    display: grid;
  }
  :where(sidebar-toggle > button,
  tool-bar-item > button,
  tool-bar-item > input,
  [is=tab-bar] [is=tab-item],
  tool-bar-item [is=disclosure-group] > button,
  tool-bar-item [is=disclosure-group] > summary) {
    appearance: none;
    -webkit-appearance: none;
    border: var(--toolbaritemborder,);
    background: var(--toolbaritemface,);
    color: var(--toolbaritemtext,);
    padding-inline: var(--toolbaritempadistart,) var(--toolbaritempadiend,);
    padding-block: var(--toolbaritempadbstart,) var(--toolbaritempadbend,);
    border-radius: var(--toolbaritemradiustl,) var(--toolbaritemradiustr,) var(--toolbaritemradiusbr,) var(--toolbaritemradiusbl,);
  }
}
@layer sw-colors {
  :where(sidebar-toggle > button:not(:disabled):not([readonly]),
  tool-bar-item > button:not(:disabled):not([readonly]),
  tool-bar-item > input:not(:disabled):not([readonly]),
  [is=tab-bar] [is=tab-item]:not(:disabled):not([readonly]),
  tool-bar-item [is=disclosure-group] > button:not(:disabled):not([readonly]),
  tool-bar-item [is=disclosure-group] > summary:not(:disabled):not([readonly])):focus-visible {
    outline: none;
  }
  :where(sidebar-toggle > button:not(:disabled):not([readonly]),
  tool-bar-item > button:not(:disabled):not([readonly]),
  tool-bar-item > input:not(:disabled):not([readonly]),
  [is=tab-bar] [is=tab-item]:not(:disabled):not([readonly]),
  tool-bar-item [is=disclosure-group] > button:not(:disabled):not([readonly]),
  tool-bar-item [is=disclosure-group] > summary:not(:disabled):not([readonly])):focus-visible {
    --toolbaritemface: var(--toolbaritemhighlightface,);
    --toolbaritemtext: var(--toolbaritemhighlighttext,);
  }
  @media (pointer: fine) {
    :where(sidebar-toggle > button:not(:disabled):not([readonly]),
    tool-bar-item > button:not(:disabled):not([readonly]),
    tool-bar-item > input:not(:disabled):not([readonly]),
    [is=tab-bar] [is=tab-item]:not(:disabled):not([readonly]),
    tool-bar-item [is=disclosure-group] > button:not(:disabled):not([readonly]),
    tool-bar-item [is=disclosure-group] > summary:not(:disabled):not([readonly])):hover {
      --toolbaritemface: var(--toolbaritemhighlightface,);
      --toolbaritemtext: var(--toolbaritemhighlighttext,);
    }
  }
}
@layer sw-actions {
  :where(sidebar-toggle > button:not(:disabled):not([readonly]),
  tool-bar-item > button:not(:disabled):not([readonly]),
  tool-bar-item > input:not(:disabled):not([readonly]),
  [is=tab-bar] [is=tab-item]:not(:disabled):not([readonly]),
  tool-bar-item [is=disclosure-group] > button:not(:disabled):not([readonly]),
  tool-bar-item [is=disclosure-group] > summary:not(:disabled):not([readonly])):active {
    --toolbaritemface: var(--toolbaritemactiveface,);
    --toolbaritemtext: var(--toolbaritemactivetext,);
  }
}
@layer sw-components {
  :where(v-keyboard) {
    position: fixed;
    inset: 0lvh auto auto 0lvw;
    inline-size: 100lvw;
    block-size: 100lvh;
  }
}
@layer sw-components {
  :where([is=disclosure-group]) {
    overflow: clip;
    --disclosure--host-details-content-block-size: 0;
    --disclosure--summary-grid-template-columns: ;
    --disclosure--summary-grid-auto-flow: ;
    --disclosure--summary-gap: ;
    --disclosure--marker-display: none;
    --disclosure--marker-transform: ;
  }
  @supports (x: if(else:red)) {
    :where([is=disclosure-group]) {
      --disclosure--marker-display: if(style(--disclosure-style: marker-trailing): ; style(--disclosure-style: marker-leading): ; else: none;);
      --disclosure--summary-grid-auto-flow: if(style(--disclosure-style: marker-trailing): column ; style(--disclosure-style: marker-leading): column ;);
      --disclosure--summary-gap: if(style(--disclosure-style: marker-trailing): 0.1rem ; style(--disclosure-style: marker-leading): 0.1rem ;);
      --disclosure--summary-grid-template-columns: if(style(--disclosure-style: marker-trailing): minmax(0, 1fr) auto ; style(--disclosure-style: marker-leading): auto minmax(0, 1fr) ;);
      --disclosure--marker-order: if(style(--disclosure-style: marker-leading): -1 ;);
    }
  }
  @supports not (x: if(else:red)) {
    :where([is=disclosure-group]) {
      --disclosure-style: ;
    }
  }
  :where([is=disclosure-group] > summary) {
    gap: var(--disclosure--summary-gap, );
    grid-auto-flow: var(--disclosure--summary-grid-auto-flow, );
    grid-template-columns: var(--disclosure--summary-grid-template-columns, );
  }
  :where([is=disclosure-group] > summary)::after {
    pointer-events: none;
    content: "";
    -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" fill="currentColor" viewBox="0 0 256 256"%3E%3Cpath d="M184.49,136.49l-80,80a12,12,0,0,1-17-17L159,128,87.51,56.49a12,12,0,1,1,17-17l80,80A12,12,0,0,1,184.49,136.49Z"%3E%3C/path%3E%3C/svg%3E') no-repeat center/contain;
    mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" fill="currentColor" viewBox="0 0 256 256"%3E%3Cpath d="M184.49,136.49l-80,80a12,12,0,0,1-17-17L159,128,87.51,56.49a12,12,0,1,1,17-17l80,80A12,12,0,0,1,184.49,136.49Z"%3E%3C/path%3E%3C/svg%3E') no-repeat center/contain;
    transform-origin: center;
    aspect-ratio: 1;
    place-self: center;
  }
  :where([is=disclosure-group] > summary)::after {
    display: var(--disclosure--marker-display, );
    block-size: 1rem;
    inline-size: 1rem;
    background-color: var(--blue);
    transform: var(--disclosure--marker-transform, );
    order: var(--disclosure--marker-order, );
  }
  @supports not (x: if(else:red)) {
    @container style(--disclosure-style: marker-trailing) or style(--disclosure-style: marker-leading) {
      :where([is=disclosure-group] > summary) {
        --disclosure--marker-display: grid;
      }
    }
    @container style(--disclosure-style: marker-trailing) or style(--disclosure-style: marker-leading) {
      :where([is=disclosure-group] > summary) {
        --disclosure--summary-grid-auto-flow: column;
        --disclosure--summary-gap: 0.1rem;
      }
    }
    @container style(--disclosure-style: marker-trailing) {
      :where([is=disclosure-group] > summary) {
        --disclosure--summary-grid-template-columns: minmax(0, 1fr) auto;
      }
    }
    @container style(--disclosure-style: marker-leading) {
      :where([is=disclosure-group] > summary) {
        --disclosure--summary-grid-template-columns: auto minmax(0, 1fr);
        --disclosure--marker-order: -1;
      }
    }
  }
  :where([is=disclosure-group])::details-content {
    display: grid;
    background: transparent;
    block-size: var(--disclosure--host-details-content-block-size);
  }
  :where([is=disclosure-group][open]) {
    --disclosure--host-details-content-block-size: auto;
    --disclosure--marker-transform: rotate(90deg);
  }
  @supports not (interpolate-size: allow-keywords) {
    :where([is=disclosure-group]) {
      grid-template-rows: var(--disclosure--host-grid-template-rows);
      align-items: start;
      align-content: start;
      --disclosure--host-grid-template-rows: auto 0fr;
      --disclosure--host-details-content-block-size: auto;
    }
    :where([is=disclosure-group])::details-content {
      content-visibility: visible;
      min-height: 0;
    }
    :where([is=disclosure-group][open]) {
      --disclosure--host-grid-template-rows: auto 1fr;
    }
  }
}
@layer sw-utils {
  @supports (x: attr(x type(*))) {
    :where([is=disclosure-group]) {
      --disclosure-style: attr(disclosure-style type(<custom-ident>), inherit);
    }
  }
  @supports not (x: attr(x type(*))) {
    :where([is=disclosure-group][disclosure-style=marker-trailing]) {
      --disclosure-style: marker-trailing;
    }
    @supports not (x: if(else:red)) {
      :where([is=disclosure-group][disclosure-style=marker-trailing]) {
        --disclosure--marker-display: grid;
        --disclosure--summary-grid-auto-flow: column;
        --disclosure--summary-gap: 0.1rem;
        --disclosure--summary-grid-template-columns: minmax(0, 1fr) auto;
      }
    }
    :where([is=disclosure-group][disclosure-style=marker-leading]) {
      --disclosure-style: marker-leading;
    }
    @supports not (x: if(else:red)) {
      :where([is=disclosure-group][disclosure-style=marker-leading]) {
        --disclosure--marker-display: grid;
        --disclosure--summary-grid-auto-flow: column;
        --disclosure--summary-gap: 0.1rem;
        --disclosure--summary-grid-template-columns: auto minmax(0, 1fr);
      }
    }
    :where([is=disclosure-group][disclosure-style=marker-hidden]) {
      --disclosure-style: ;
    }
  }
}
@layer sw-components {
  :where(image-view) {
    --image--fontsize: calc(var(--label-image-size) * 1rem);
  }
  :where(image-view > :not([slot])) {
    inline-size: var(--image--fontsize);
    block-size: var(--image--fontsize);
    font-size: var(--image--fontsize);
  }
}
@layer sw-components {
  :where(group-box) {
    background: var(--groupbox--background);
    padding-inline: var(--groupbox--padding-inline);
    padding-block: var(--groupbox--padding-block);
    border-radius: var(--groupbox--border-radius);
    --groupbox--background: var(--red);
    --groupbox--padding-inline: 1rem;
    --groupbox--padding-block: 1rem;
    --groupbox--border-radius: 1rem;
  }
  :where(group-box :nth-child(1 of image-view),
  group-box :nth-child(1 of label-view)) {
    --label-image-size: 5;
  }
}
@layer sw-components {
  :where(h-divider) {
    inline-size: 100%;
    block-size: 1px;
    background-color: var(--separator);
  }
}
@layer sw-components {
  :where(v-divider) {
    inline-size: 1px;
    block-size: 100%;
    background-color: var(--separator);
  }
}
@layer sw-components {
  :where([is=full-screen]) {
    inset-inline: 0px;
    inset-block: 0px;
    margin: 0px;
    border: none;
    padding: 0px;
    background-color: transparent;
    color: transparent;
    max-width: 100lvw;
    max-height: 100lvh;
    outline: none;
  }
  :where([is=full-screen])::backdrop {
    background-color: transparent;
  }
  :where([is=full-screen]) {
    overflow: clip;
    inline-size: 100lvw;
    block-size: var(--100lvh, 100lvh);
  }
}
@layer sw-components {
  :where(detail-placeholder) {
    pointer-events: none;
    touch-action: none;
    position: absolute;
    block-size: 100%;
    inline-size: var(--nav-split-view--detail-placeholder-inline-size, );
    inset: var(--nav-split-view--detail-placeholder-inset, );
    visibility: var(--nav-split-view--detail-placeholder-visibility, );
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
  }
  :where(detail-placeholder > scroll-view) {
    overflow: clip auto;
    pointer-events: all;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    container: scroll-view/size;
    padding-block: var(--safe-area-inset-top) var(--safe-area-inset-bottom);
    padding-inline: var(--safe-area-inset-left) var(--safe-area-inset-right);
    scrollbar-width: thin;
  }
  :where(detail-placeholder > scroll-view)::before {
    grid-column: 1/-1;
    grid-row: 1/-1;
    content: "";
    display: block;
    block-size: calc(100% + 1px);
    z-index: -1;
    pointer-events: none;
  }
  :where(detail-placeholder > scroll-view) {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: 0 minmax(max-content, 1fr);
    grid-template-areas: "toolbar" "main";
  }
  :where(detail-placeholder > scroll-view) > *:not([slot]) {
    grid-area: main;
  }
  :where(detail-placeholder > scroll-view):has(~ tool-bar > [slot^=top-bar]), :where(detail-placeholder > scroll-view):has(> [slot^=top-bar]) {
    grid-template-rows: var(--navigation-bar-block-size) minmax(max-content, 1fr);
  }
  :where(detail-placeholder > scroll-view)::before {
    block-size: calc(100% + var(--safe-area-inset-bottom) + 1px);
  }
  :where(detail-placeholder > scroll-view) {
    --face: transparent;
  }
  @media (max-width: 42.9999rem) {
    :where(navigation-split-view detail-placeholder) {
      --nav-split-view--detail-placeholder-visibility: collapse;
    }
  }
  @media (min-width: 43rem) {
    :where(navigation-split-view:has(> [is=sidebar-view]) detail-placeholder) {
      --nav-split-view--detail-placeholder-inset: 0 0 0 calc(var(--nav-split-view-sidebar-inline-size) + var(--nav-split-view--content-inline-size));
      --nav-split-view--detail-placeholder-inline-size: calc(100lvw - var(--nav-split-view-sidebar-inline-size) - var(--nav-split-view--content-inline-size));
    }
  }
  @media (min-width: 43rem) and (max-width: 63.9999rem) {
    :where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] detail-placeholder) {
      --nav-split-view--detail-placeholder-inset: 0 0 0 var(--nav-split-view--content-inline-size);
      --nav-split-view--detail-placeholder-inline-size: calc(100lvw - var(--nav-split-view--content-inline-size));
    }
  }
  @media (min-width: 43rem) {
    :where(navigation-split-view:has(> [is=sidebar-view])[column-visibility=double-column] detail-placeholder) {
      --nav-split-view--detail-placeholder-inset: 0 0 0 calc(var(--nav-split-view-sidebar-inline-size) + var(--sidebar-inline-spacing));
      --nav-split-view--detail-placeholder-inline-size: calc(100lvw - var(--nav-split-view-sidebar-inline-size) - var(--sidebar-inline-spacing));
    }
  }
  @media (min-width: 43rem) {
    :where(navigation-split-view:not(:has(> [is=sidebar-view])):has(> body-view) detail-placeholder) {
      --nav-split-view--detail-placeholder-visibility: collapse;
    }
    :where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content]:not(:has(> body-view)) detail-placeholder) {
      --nav-split-view--detail-placeholder-visibility: collapse;
    }
  }
  @media (min-width: 43rem) and (min-width: 64rem) {
    :where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]):has(> body-view > body-view) detail-placeholder) {
      --nav-split-view--detail-placeholder-visibility: collapse;
    }
  }
  @media (min-width: 43rem) {
    :where(navigation-split-view:has(> [is=sidebar-view])[column-visibility=double-column]:has(> body-view) detail-placeholder) {
      --nav-split-view--detail-placeholder-visibility: collapse;
    }
  }
}
@property --progress-view-style-index {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}
@layer sw-components {
  :where(progress-view) {
    transition: --progress-view-style-index 1ms step-start;
    grid-template-columns: minmax(0, 1fr);
    place-items: center;
    place-content: center;
    gap: 0.3rem;
  }
  :where(progress-view)::part(progress-line-control) {
    background-color: var(--gray3);
    inline-size: 100%;
    block-size: 5px;
    border-radius: var(--pill-border-radius);
    border-left: solid 40px var(--accentColorEffective, var(--accentColor));
  }
  :where(progress-view)::part(progress-circular-control) {
    position: relative;
    inline-size: 2rem;
    block-size: 2rem;
  }
  :where(progress-view)::part(progress-circular-blade) {
    position: absolute;
    inset: 32.5% auto auto 42.5%;
    inline-size: 12.5%;
    block-size: 32.5%;
    background-color: var(--accentColorEffective, var(--secondary));
    border-radius: var(--pill-border-radius);
    will-change: opacity;
  }
  @media (prefers-reduced-motion: no-preference) {
    :where(progress-view)::part(progress-circular-blade) {
      animation: progressViewCircular 1s linear infinite;
    }
  }
  :where(progress-view)::part(progress-circular-blade-1) {
    transform: rotate(45deg) translateY(-100%);
    animation-delay: -1.625s;
  }
  :where(progress-view)::part(progress-circular-blade-2) {
    transform: rotate(90deg) translateY(-100%);
    animation-delay: -1.5s;
  }
  :where(progress-view)::part(progress-circular-blade-3) {
    transform: rotate(135deg) translateY(-100%);
    animation-delay: -1.375s;
  }
  :where(progress-view)::part(progress-circular-blade-4) {
    transform: rotate(180deg) translateY(-100%);
    animation-delay: -1.25s;
  }
  :where(progress-view)::part(progress-circular-blade-5) {
    transform: rotate(225deg) translateY(-100%);
    animation-delay: -1.125s;
  }
  :where(progress-view)::part(progress-circular-blade-6) {
    transform: rotate(270deg) translateY(-100%);
    animation-delay: -1s;
  }
  :where(progress-view)::part(progress-circular-blade-7) {
    transform: rotate(315deg) translateY(-100%);
    animation-delay: -0.875s;
  }
  :where(progress-view)::part(progress-circular-blade-8) {
    transform: rotate(360deg) translateY(-100%);
    animation-delay: -0.75s;
  }
  :where(progress-view[progress-view-style=circular]) {
    --progress-view-style-index: 0;
  }
  :where(progress-view[progress-view-style=linear]) {
    --progress-view-style-index: 1;
  }
}
@layer sw-tab-components {
  :where(fine-tooltip) {
    color: var(--text, );
    pointer-events: none;
    touch-action: none;
    position: fixed;
    inline-size: max-content;
    block-size: max-content;
    height: auto;
    max-inline-size: 80vw;
    max-block-size: 80vh;
    margin-block: var(--tooltip--dialog-margin-block, );
    margin-inline: var(--tooltip--dialog-margin-inline, );
    transform: var(--tooltip--dialog-scale, ) var(--tooltip--dialog-translate, );
    opacity: var(--tooltip--dialog-opacity, );
    transform-origin: top;
    position-anchor: --fine-tooltip;
    position-area: bottom center;
    overflow: clip;
    border-radius: 0.9rem;
    backdrop-filter: var(--liquid-glass-backdrop-filter, );
    box-shadow: var(--menu-popover-box-shadow, );
    padding-block: 0.5rem;
    padding-inline: 1rem;
    gap: 0.5rem;
    border: none;
    position-try-fallbacks: --custom-top;
    position-try-order: most-height;
    position-visibility: anchors-visible;
    --tooltip--dialog-translate: translateY(-10%);
    --tooltip--dialog-scale: scale(0.9);
    --tooltip--dialog-opacity: 0;
    --label--host-white-space: pre-line;
  }
  :where(fine-tooltip[open]) {
    --tooltip--dialog-margin-block: max(env(safe-area-inset-top), var(--menu-spacing)) max(env(safe-area-inset-bottom), var(--menu-spacing));
    --tooltip--dialog-margin-inline: max(env(safe-area-inset-left), var(--menu-spacing)) max(env(safe-area-inset-right), var(--menu-spacing));
    --tooltip--dialog-translate: translateY(0);
    --tooltip--dialog-scale: scale(1);
    --tooltip--dialog-opacity: 0.9;
  }
  @starting-style {
    :where(fine-tooltip[open]) {
      --tooltip--dialog-translate: translateY(-10%);
      --tooltip--dialog-scale: scale(0.9);
      --tooltip--dialog-opacity: 0;
    }
  }
  :where(fine-tooltip[closing]) {
    --tooltip--dialog-translate: translateY(-10%);
    --tooltip--dialog-scale: scale(0.9);
    --tooltip--dialog-opacity: 0;
  }
}
@position-try --custom-top {
  position-area: top center;
}
@property --stuck {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}
@layer sw-components {
  :where(sticky-container) {
    container-type: scroll-state;
    position: sticky;
  }
  :where(sticky-container)::before {
    content: "";
    --stuck: 0;
    transition: --stuck 1ms step-start;
  }
  @container scroll-state(stuck: top) {
    :where(sticky-container)::before {
      --stuck: 1;
    }
  }
  :where(sticky-container[edge=navbar]) {
    top: var(--navigation-bar-block-size);
  }
  @container (max-block-size: 25rem) {
    :where(sticky-container) {
      position: relative;
      top: unset;
    }
  }
}
@layer sw-components {
  :where([is=sheet-view]) {
    inset-inline: 0px;
    inset-block: 0px;
    margin: 0px;
    border: none;
    padding: 0px;
    background-color: transparent;
    color: transparent;
    max-width: 100lvw;
    max-height: 100lvh;
    outline: none;
  }
  :where([is=sheet-view])::backdrop {
    background-color: transparent;
  }
  :where([is=sheet-view]) {
    overflow: clip;
    width: 100lvw;
    height: var(--100lvh, 100lvh);
    transform: var(--sheet-view-translate, );
    --sheet-view-translate: translateY(var(--view-transition-dialog-offscreen-y));
  }
  @media (pointer: coarse) and (orientation: portrait) {
    :where([is=sheet-view]) {
      clip-path: inset(var(--safe-area-inset-top) 0 0 0 round 2rem 2rem 0 0);
    }
  }
  @media (min-width: 37rem) and (min-height: 27.75rem) {
    :where([is=sheet-view]) {
      clip-path: none;
      max-width: 37rem;
      aspect-ratio: 1.3333333333;
      border-radius: 26px;
      margin: var(--safe-area-inset-top) var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left);
      height: auto;
      inset-inline-start: calc(var(--inset-inline-start-resettor, 1) * (50lvw - 37rem / 2 - (var(--safe-area-inset-left) + var(--safe-area-inset-right)) / 2));
      inset-block-start: calc(50lvh - 27.75rem / 2 - (var(--safe-area-inset-top) + var(--safe-area-inset-bottom)) / 2);
    }
    :where([is=sheet-view] scroll-view) {
      border-radius: 26px;
    }
    @supports (hanging-punctuation: first) {
      :where([is=sheet-view]:has([is=sheet-view]:not([open]))) {
        overflow: visible;
      }
      :where([is=sheet-view]:has([is=sheet-view]:not([open])) scroll-view:has(~ body-view), [is=sheet-view]:has([is=sheet-view]:not([open])) scroll-view:has(~ body-view) ~ tool-bar) {
        opacity: 0;
      }
      :where([is=sheet-view] [is=sheet-view]:not([open])) {
        inset-inline-start: 0;
        inset-block-start: 0;
      }
    }
  }
}
@layer sw-components {
  :where(content-unavailable-view) {
    place-content: center;
    place-items: center;
    text-align: center;
    row-gap: 1rem;
    padding-inline: 1rem;
    padding-block: 1rem;
  }
  :where(content-unavailable-view)::part(content-unavailable-actions-stack), :where(content-unavailable-view)::part(content-unavailable-title-stack), :where(content-unavailable-view)::part(content-unavailable-description-stack) {
    max-inline-size: 20rem;
  }
  :where(content-unavailable-view)::part(content-unavailable-actions-stack) {
    row-gap: 0.2rem;
  }
  :where(content-unavailable-view)::part(content-unavailable-title-stack) {
    --label-flow: vertical;
    --label-font: title3;
  }
  :where(content-unavailable-view > :not([slot])) {
    --label-image-size: 5;
    --label-gap: 1;
  }
  :where(content-unavailable-view:not(:has(> [slot=description])))::part(content-unavailable-description-stack) {
    display: none;
  }
  :where(content-unavailable-view:not(:has(> [slot=actions])))::part(content-unavailable-actions-stack) {
    display: none;
  }
}
@layer sw-components {
  :where([is=confirmation-dialog]) {
    inset-inline: 0px;
    inset-block: 0px;
    margin: 0px;
    border: none;
    padding: 0px;
    background-color: transparent;
    color: transparent;
    max-width: 100lvw;
    max-height: 100lvh;
    outline: none;
  }
  :where([is=confirmation-dialog])::backdrop {
    background-color: transparent;
  }
  :where([is=confirmation-dialog]) {
    color: var(--text, );
    touch-action: none;
    position: fixed;
    inline-size: var(--confirmation--dialog-inline-size, anchor-size());
    block-size: fit-content;
    height: auto;
    max-inline-size: var(--confirmation--dialog-max-inline-size, );
    max-block-size: var(--confirmation--dialog-max-block-size, );
    margin-block: var(--confirmation--dialog-margin-block, );
    margin-inline: var(--confirmation--dialog-margin-inline, );
    transform: var(--confirmation--dialog-scale, );
    opacity: var(--confirmation--dialog-opacity, );
    position-anchor: --confirmation-dialog;
    position-area: center;
    overflow: clip;
    border-radius: 0.9rem;
    backdrop-filter: var(--liquid-glass-backdrop-filter, );
    box-shadow: var(--menu-popover-box-shadow, );
    padding-block: 1rem;
    padding-inline: 1rem;
    gap: 1rem;
    --confirmation--dialog-scale: scale(0.7);
    --confirmation--dialog-opacity: 0.8;
    --confirmation--inner-scale: scale3d(1, 1, 1);
  }
  :where([is=confirmation-dialog] > *) {
    transform: var(--confirmation--inner-scale, );
    transform-origin: top;
  }
  :where([is=confirmation-dialog] > :nth-child(1)) {
    transform-origin: bottom;
  }
  :where([is=confirmation-dialog][open]) {
    --confirmation--dialog-inline-size: min(20rem, 80vw);
    --confirmation--dialog-max-inline-size: min(20rem, 80vw);
    --confirmation--dialog-max-block-size: 80vh;
    --confirmation--dialog-margin-block: max(env(safe-area-inset-top), var(--menu-spacing)) max(env(safe-area-inset-bottom), var(--menu-spacing));
    --confirmation--dialog-margin-inline: max(env(safe-area-inset-left), var(--menu-spacing)) max(env(safe-area-inset-right), var(--menu-spacing));
    --confirmation--dialog-scale: scale(1);
    --confirmation--dialog-opacity: 1;
    --confirmation--inner-scale: scale3d(1, 1, 1);
  }
  @starting-style {
    :where([is=confirmation-dialog][open]) {
      --confirmation--dialog-scale: scale(0.7);
      --confirmation--dialog-opacity: 0.8;
      --confirmation--inner-scale: scale3d(0, 0, 1);
    }
  }
  :where([is=confirmation-dialog][closing]) {
    --confirmation--dialog-inline-size: anchor-size();
    --confirmation--dialog-max-inline-size: anchor-size();
    --confirmation--dialog-max-block-size: anchor-size();
    --confirmation--dialog-scale: scale(0.7);
    --confirmation--dialog-opacity: 0;
    --confirmation--inner-scale: scale3d(0, 0, 1);
  }
}
@layer sw-components {
  :where([is=alert-dialog]) {
    inset-inline: 0px;
    inset-block: 0px;
    margin: 0px;
    border: none;
    padding: 0px;
    background-color: transparent;
    color: transparent;
    max-width: 100lvw;
    max-height: 100lvh;
    outline: none;
  }
  :where([is=alert-dialog])::backdrop {
    background-color: transparent;
  }
  @media (prefers-reduced-motion: no-preference) {
    :where([is=alert-dialog])::backdrop {
      transition: display var(--view-transition-duration) ease-out allow-discrete, overlay var(--view-transition-duration) ease-out allow-discrete, background-color var(--view-transition-duration) ease-out allow-discrete;
      will-change: background-color, overlay, display;
    }
  }
  :where([is=alert-dialog]) {
    color: var(--text, );
    touch-action: none;
    position: fixed;
    inline-size: fit-content;
    block-size: fit-content;
    height: auto;
    max-inline-size: min(20rem, 80vw);
    max-block-size: 80vh;
    margin-block: auto;
    margin-inline: auto;
    transform: var(--alert--dialog-scale, );
    opacity: var(--alert--dialog-opacity, );
    place-self: center;
    overflow: clip;
    border-radius: 0.9rem;
    backdrop-filter: var(--liquid-glass-backdrop-filter, );
    box-shadow: var(--menu-popover-box-shadow, );
    padding-block: 1rem;
    padding-inline: 1rem;
    gap: 1rem;
    --alert--dialog-scale: scale(1.2);
    --alert--dialog-opacity: 0.8;
  }
  :where([is=alert-dialog][open])::backdrop {
    background-color: var(--view-transition-dialog-onscreen-backdrop-bg);
  }
  @starting-style {
    :where([is=alert-dialog][open])::backdrop {
      background-color: transparent;
    }
  }
  :where([is=alert-dialog][open]) {
    --alert--dialog-scale: scale(1);
    --alert--dialog-opacity: 1;
  }
  @starting-style {
    :where([is=alert-dialog][open]) {
      --alert--dialog-scale: scale(1.2);
      --alert--dialog-opacity: 0.8;
    }
  }
  :where([is=alert-dialog][closing])::backdrop {
    background-color: var(--clear);
  }
  @starting-style {
    :where([is=alert-dialog][closing])::backdrop {
      background-color: transparent;
    }
  }
  :where([is=alert-dialog][closing]) {
    --alert--dialog-scale: scale(0.98);
    --alert--dialog-opacity: 0;
  }
}
@layer sw-components {
  :where(navigation-stack > scroll-view:has(~ tool-bar > [slot^=top-bar]), navigation-stack > scroll-view:has(> [slot^=top-bar]), navigation-split-view > scroll-view:has(~ tool-bar > [slot^=top-bar]), navigation-split-view > scroll-view:has(> [slot^=top-bar]), [is=sidebar-view] > scroll-view:has(~ tool-bar > [slot^=top-bar]), [is=sidebar-view] > scroll-view:has(> [slot^=top-bar]), body-view > scroll-view:has(~ tool-bar > [slot^=top-bar]), body-view > scroll-view:has(> [slot^=top-bar]), [is=full-screen] > scroll-view:has(~ tool-bar > [slot^=top-bar]), [is=full-screen] > scroll-view:has(> [slot^=top-bar]), [is=sheet-view] > scroll-view:has(~ tool-bar > [slot^=top-bar]), [is=sheet-view] > scroll-view:has(> [slot^=top-bar])) {
    scroll-padding-top: var(--navigation-bar-block-size);
  }
  :where(navigation-stack > scroll-view:has(~ tool-bar > [slot^=bottom-bar]), navigation-stack > scroll-view:has(> [slot^=bottom-bar]), navigation-split-view > scroll-view:has(~ tool-bar > [slot^=bottom-bar]), navigation-split-view > scroll-view:has(> [slot^=bottom-bar]), [is=sidebar-view] > scroll-view:has(~ tool-bar > [slot^=bottom-bar]), [is=sidebar-view] > scroll-view:has(> [slot^=bottom-bar]), body-view > scroll-view:has(~ tool-bar > [slot^=bottom-bar]), body-view > scroll-view:has(> [slot^=bottom-bar]), [is=full-screen] > scroll-view:has(~ tool-bar > [slot^=bottom-bar]), [is=full-screen] > scroll-view:has(> [slot^=bottom-bar]), [is=sheet-view] > scroll-view:has(~ tool-bar > [slot^=bottom-bar]), [is=sheet-view] > scroll-view:has(> [slot^=bottom-bar])) {
    scroll-padding-bottom: var(--tool-bar-block-size);
  }
  :where(navigation-stack > scroll-view:has(~ tool-bar > [slot^=bottom-bar]) > *:not([slot]), navigation-stack > scroll-view:has(> [slot^=bottom-bar]) > *:not([slot]), navigation-split-view > scroll-view:has(~ tool-bar > [slot^=bottom-bar]) > *:not([slot]), navigation-split-view > scroll-view:has(> [slot^=bottom-bar]) > *:not([slot]), [is=sidebar-view] > scroll-view:has(~ tool-bar > [slot^=bottom-bar]) > *:not([slot]), [is=sidebar-view] > scroll-view:has(> [slot^=bottom-bar]) > *:not([slot]), body-view > scroll-view:has(~ tool-bar > [slot^=bottom-bar]) > *:not([slot]), body-view > scroll-view:has(> [slot^=bottom-bar]) > *:not([slot]), [is=full-screen] > scroll-view:has(~ tool-bar > [slot^=bottom-bar]) > *:not([slot]), [is=full-screen] > scroll-view:has(> [slot^=bottom-bar]) > *:not([slot]), [is=sheet-view] > scroll-view:has(~ tool-bar > [slot^=bottom-bar]) > *:not([slot]), [is=sheet-view] > scroll-view:has(> [slot^=bottom-bar]) > *:not([slot])) {
    margin-block-end: var(--tool-bar-block-size);
  }
  :where(navigation-stack > scroll-view, navigation-split-view > scroll-view, [is=sidebar-view] > scroll-view, body-view > scroll-view, [is=full-screen] > scroll-view, [is=sheet-view] > scroll-view) {
    overflow: clip auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    padding-block: var(--safe-area-inset-top) var(--safe-area-inset-bottom);
    padding-inline: var(--safe-area-inset-left) var(--safe-area-inset-right);
    container: scroll-view/size;
    background-color: var(--face, );
    color: var(--text, );
    box-shadow: var(--scroll-view-box-shadow, );
    transform: var(--scroll-view-translate, );
    scrollbar-width: thin;
  }
  :where(navigation-stack > scroll-view, navigation-split-view > scroll-view, [is=sidebar-view] > scroll-view, body-view > scroll-view, [is=full-screen] > scroll-view, [is=sheet-view] > scroll-view)::before {
    grid-column: 1/-1;
    grid-row: 1/-1;
    content: "";
    display: block;
    block-size: calc(100% + 1px);
    z-index: -1;
    pointer-events: none;
  }
  :where(navigation-stack > scroll-view, navigation-split-view > scroll-view, [is=sidebar-view] > scroll-view, body-view > scroll-view, [is=full-screen] > scroll-view, [is=sheet-view] > scroll-view)::before {
    block-size: calc(100% + var(--safe-area-inset-bottom) + 1px);
  }
  :where(navigation-stack > scroll-view, navigation-split-view > scroll-view, [is=sidebar-view] > scroll-view, body-view > scroll-view, [is=full-screen] > scroll-view, [is=sheet-view] > scroll-view) {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: 0 minmax(max-content, 1fr);
    grid-template-areas: "toolbar" "main";
  }
  :where(navigation-stack > scroll-view, navigation-split-view > scroll-view, [is=sidebar-view] > scroll-view, body-view > scroll-view, [is=full-screen] > scroll-view, [is=sheet-view] > scroll-view) > *:not([slot]) {
    grid-area: main;
  }
  :where(navigation-stack > scroll-view, navigation-split-view > scroll-view, [is=sidebar-view] > scroll-view, body-view > scroll-view, [is=full-screen] > scroll-view, [is=sheet-view] > scroll-view):has(~ tool-bar > [slot^=top-bar]), :where(navigation-stack > scroll-view, navigation-split-view > scroll-view, [is=sidebar-view] > scroll-view, body-view > scroll-view, [is=full-screen] > scroll-view, [is=sheet-view] > scroll-view):has(> [slot^=top-bar]) {
    grid-template-rows: var(--navigation-bar-block-size) minmax(max-content, 1fr);
  }
  :where(navigation-stack > scroll-view[navigation-bar-title-display-mode=large], navigation-split-view > scroll-view[navigation-bar-title-display-mode=large], [is=sidebar-view] > scroll-view[navigation-bar-title-display-mode=large], body-view > scroll-view[navigation-bar-title-display-mode=large], [is=full-screen] > scroll-view[navigation-bar-title-display-mode=large], [is=sheet-view] > scroll-view[navigation-bar-title-display-mode=large]) > [slot=top-bar-principal] {
    opacity: 0;
    visibility: collapse;
  }
  :where(navigation-stack > scroll-view sticky-container, navigation-split-view > scroll-view sticky-container, [is=sidebar-view] > scroll-view sticky-container, body-view > scroll-view sticky-container, [is=full-screen] > scroll-view sticky-container, [is=sheet-view] > scroll-view sticky-container):before, :where(navigation-stack > scroll-view sticky-container, navigation-split-view > scroll-view sticky-container, [is=sidebar-view] > scroll-view sticky-container, body-view > scroll-view sticky-container, [is=full-screen] > scroll-view sticky-container, [is=sheet-view] > scroll-view sticky-container):after {
    backface-visibility: hidden;
    content: "";
    inset: 0 0 var(--navbar-backdrop-inset-block-end, 0) 0;
    position: absolute;
    pointer-events: none;
    z-index: -1;
  }
  :where(navigation-stack > scroll-view sticky-container, navigation-split-view > scroll-view sticky-container, [is=sidebar-view] > scroll-view sticky-container, body-view > scroll-view sticky-container, [is=full-screen] > scroll-view sticky-container, [is=sheet-view] > scroll-view sticky-container):before {
    backdrop-filter: blur(2px);
    mask-image: linear-gradient(to bottom, oklch(0% 0 0deg) 50%, oklch(0% 0 0deg / 0) 100%);
  }
  :where(navigation-stack > scroll-view sticky-container, navigation-split-view > scroll-view sticky-container, [is=sidebar-view] > scroll-view sticky-container, body-view > scroll-view sticky-container, [is=full-screen] > scroll-view sticky-container, [is=sheet-view] > scroll-view sticky-container):after {
    background-image: linear-gradient(to bottom, var(--face) 0, oklch(0% 0 0deg / 0) 100%);
  }
  :where(navigation-stack > scroll-view sticky-container, navigation-split-view > scroll-view sticky-container, [is=sidebar-view] > scroll-view sticky-container, body-view > scroll-view sticky-container, [is=full-screen] > scroll-view sticky-container, [is=sheet-view] > scroll-view sticky-container):after {
    display: none;
  }
  @supports (container-type: scroll-state) {
    :where(navigation-stack > scroll-view:has(sticky-container[stuck]), navigation-split-view > scroll-view:has(sticky-container[stuck]), [is=sidebar-view] > scroll-view:has(sticky-container[stuck]), body-view > scroll-view:has(sticky-container[stuck]), [is=full-screen] > scroll-view:has(sticky-container[stuck]), [is=sheet-view] > scroll-view:has(sticky-container[stuck]))::part(scroll-view-navbar):before {
      mask-image: none !important;
    }
  }
  @supports not (container-type: scroll-state) {
    :where(navigation-stack > scroll-view:has(sticky-container), navigation-split-view > scroll-view:has(sticky-container), [is=sidebar-view] > scroll-view:has(sticky-container), body-view > scroll-view:has(sticky-container), [is=full-screen] > scroll-view:has(sticky-container), [is=sheet-view] > scroll-view:has(sticky-container))::part(scroll-view-navbar):before {
      mask-image: none !important;
    }
  }
  @media (min-width: 37rem) and (min-height: 27.75rem) {
    :where([is=sheet-view] scroll-view:not(scroll-view scroll-view)) {
      --safe-area-inset-top: 0px;
      --safe-area-inset-right: 0px;
      --safe-area-inset-bottom: 0px;
      --safe-area-inset-left: 0px;
    }
  }
}
@layer sw-components {
  :where(scroll-view-proxy) {
    display: contents;
  }
  :where(scroll-view-proxy:has(> v-stack, > h-stack) > v-stack,
  scroll-view-proxy:has(> v-stack, > h-stack) > h-stack) {
    position: relative;
    scrollbar-width: thin;
    container: scroll-view-proxy/inline-size;
  }
  :where(scroll-view-proxy:has(> v-stack, > h-stack) > v-stack > :not([slot]),
  scroll-view-proxy:has(> v-stack, > h-stack) > h-stack > :not([slot])) {
    scroll-snap-stop: normal;
    scroll-snap-align: center;
  }
  :where(scroll-view-proxy:has(> v-stack, > h-stack) > v-stack[distribution=leading] > :not([slot]),
  scroll-view-proxy:has(> v-stack, > h-stack) > h-stack[distribution=leading] > :not([slot])) {
    scroll-snap-align: start;
  }
  :where(scroll-view-proxy:has(> v-stack, > h-stack) > v-stack) {
    overflow: clip auto;
    scroll-snap-type: block mandatory;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-block: contain;
  }
  :where(scroll-view-proxy:has(> v-stack, > h-stack) > h-stack) {
    overflow: auto clip;
    scroll-snap-type: inline mandatory;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-inline: contain;
  }
  :where(scroll-view-proxy:has(> v-stack, > h-stack) > h-stack[padding]) {
    scroll-padding-inline: 1rem;
  }
}
@layer sw-components {
  :where(h-stack) {
    grid-auto-flow: column;
    grid-template-rows: minmax(0, 1fr);
    place-items: safe center;
    place-content: safe center;
    gap: 1rem;
  }
  :where(h-stack[template=spacer]) {
    grid-template-columns: minmax(0, 1fr);
  }
  :where(h-stack[template="repeat(1,spacer)"]) {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  :where(h-stack[template="repeat(2,spacer)"]) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  :where(h-stack[template="repeat(3,spacer)"]) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  :where(h-stack[template="repeat(4,spacer)"]) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  :where(h-stack[template="repeat(5,spacer)"]) {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  :where(h-stack[template="repeat(6,spacer)"]) {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  :where(h-stack[template="repeat(7,spacer)"]) {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  :where(h-stack[template="repeat(8,spacer)"]) {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  :where(h-stack[template="repeat(9,spacer)"]) {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  :where(h-stack[template="repeat(10,spacer)"]) {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  :where(h-stack[template="spacer auto"]) {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  :where(h-stack[template="repeat(1,spacer) auto"]) {
    grid-template-columns: repeat(1, minmax(0, 1fr)) auto;
  }
  :where(h-stack[template="repeat(2,spacer) auto"]) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
  }
  :where(h-stack[template="repeat(3,spacer) auto"]) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
  }
  :where(h-stack[template="repeat(4,spacer) auto"]) {
    grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
  }
  :where(h-stack[template="repeat(5,spacer) auto"]) {
    grid-template-columns: repeat(5, minmax(0, 1fr)) auto;
  }
  :where(h-stack[template="repeat(6,spacer) auto"]) {
    grid-template-columns: repeat(6, minmax(0, 1fr)) auto;
  }
  :where(h-stack[template="repeat(7,spacer) auto"]) {
    grid-template-columns: repeat(7, minmax(0, 1fr)) auto;
  }
  :where(h-stack[template="repeat(8,spacer) auto"]) {
    grid-template-columns: repeat(8, minmax(0, 1fr)) auto;
  }
  :where(h-stack[template="repeat(9,spacer) auto"]) {
    grid-template-columns: repeat(9, minmax(0, 1fr)) auto;
  }
  :where(h-stack[template="repeat(10,spacer) auto"]) {
    grid-template-columns: repeat(10, minmax(0, 1fr)) auto;
  }
  :where(h-stack[template="auto spacer"]) {
    grid-template-columns: auto minmax(0, 1fr);
  }
  :where(h-stack[template="repeat(1,auto) spacer"]) {
    grid-template-columns: repeat(1, auto) minmax(0, 1fr);
  }
  :where(h-stack[template="repeat(2,auto) spacer"]) {
    grid-template-columns: repeat(2, auto) minmax(0, 1fr);
  }
  :where(h-stack[template="repeat(3,auto) spacer"]) {
    grid-template-columns: repeat(3, auto) minmax(0, 1fr);
  }
  :where(h-stack[template="repeat(4,auto) spacer"]) {
    grid-template-columns: repeat(4, auto) minmax(0, 1fr);
  }
  :where(h-stack[template="repeat(5,auto) spacer"]) {
    grid-template-columns: repeat(5, auto) minmax(0, 1fr);
  }
  :where(h-stack[template="repeat(6,auto) spacer"]) {
    grid-template-columns: repeat(6, auto) minmax(0, 1fr);
  }
  :where(h-stack[template="repeat(7,auto) spacer"]) {
    grid-template-columns: repeat(7, auto) minmax(0, 1fr);
  }
  :where(h-stack[template="repeat(8,auto) spacer"]) {
    grid-template-columns: repeat(8, auto) minmax(0, 1fr);
  }
  :where(h-stack[template="repeat(9,auto) spacer"]) {
    grid-template-columns: repeat(9, auto) minmax(0, 1fr);
  }
  :where(h-stack[template="repeat(10,auto) spacer"]) {
    grid-template-columns: repeat(10, auto) minmax(0, 1fr);
  }
  :where(h-stack[template="auto auto spacer"]) {
    grid-template-columns: auto auto minmax(0, 1fr);
  }
  :where(h-stack[template="auto auto auto spacer"]) {
    grid-template-columns: auto auto auto minmax(0, 1fr);
  }
  :where(h-stack[template="auto auto auto auto spacer"]) {
    grid-template-columns: auto auto auto auto minmax(0, 1fr);
  }
  :where(h-stack[template="auto spacer auto"]) {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }
  :where(h-stack[template="repeat(1,auto) spacer repeat(1,auto)"]) {
    grid-template-columns: repeat(1, auto) minmax(0, 1fr) repeat(1, auto);
  }
  :where(h-stack[template="repeat(1,auto) spacer repeat(2,auto)"]) {
    grid-template-columns: repeat(1, auto) minmax(0, 1fr) repeat(2, auto);
  }
  :where(h-stack[template="repeat(1,auto) spacer repeat(3,auto)"]) {
    grid-template-columns: repeat(1, auto) minmax(0, 1fr) repeat(3, auto);
  }
  :where(h-stack[template="repeat(1,auto) spacer repeat(4,auto)"]) {
    grid-template-columns: repeat(1, auto) minmax(0, 1fr) repeat(4, auto);
  }
  :where(h-stack[template="repeat(1,auto) spacer repeat(5,auto)"]) {
    grid-template-columns: repeat(1, auto) minmax(0, 1fr) repeat(5, auto);
  }
  :where(h-stack[template="repeat(2,auto) spacer repeat(1,auto)"]) {
    grid-template-columns: repeat(2, auto) minmax(0, 1fr) repeat(1, auto);
  }
  :where(h-stack[template="repeat(3,auto) spacer repeat(1,auto)"]) {
    grid-template-columns: repeat(3, auto) minmax(0, 1fr) repeat(1, auto);
  }
  :where(h-stack[template="repeat(4,auto) spacer repeat(1,auto)"]) {
    grid-template-columns: repeat(4, auto) minmax(0, 1fr) repeat(1, auto);
  }
  :where(h-stack[template="repeat(5,auto) spacer repeat(1,auto)"]) {
    grid-template-columns: repeat(5, auto) minmax(0, 1fr) repeat(1, auto);
  }
  :where(h-stack[template="repeat(2,auto) spacer repeat(2,auto)"]) {
    grid-template-columns: repeat(2, auto) minmax(0, 1fr) repeat(2, auto);
  }
  :where(h-stack[template="auto spacer auto auto"]) {
    grid-template-columns: auto minmax(0, 1fr) auto auto;
  }
}
@layer sw-components {
  :where(v-stack) {
    grid-template-columns: minmax(0, 1fr);
    place-items: safe center;
    place-content: safe center;
    gap: 1rem;
  }
  :where(v-stack[template=spacer]) {
    grid-template-rows: minmax(0, 1fr);
  }
  :where(v-stack[template="repeat(1,spacer)"]) {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  :where(v-stack[template="repeat(2,spacer)"]) {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  :where(v-stack[template="repeat(3,spacer)"]) {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  :where(v-stack[template="repeat(4,spacer)"]) {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  :where(v-stack[template="repeat(5,spacer)"]) {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  :where(v-stack[template="repeat(6,spacer)"]) {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  :where(v-stack[template="repeat(7,spacer)"]) {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }
  :where(v-stack[template="repeat(8,spacer)"]) {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }
  :where(v-stack[template="repeat(9,spacer)"]) {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }
  :where(v-stack[template="repeat(10,spacer)"]) {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }
  :where(v-stack[template="spacer auto"]) {
    grid-template-rows: minmax(0, 1fr) auto;
  }
  :where(v-stack[template="repeat(1,spacer) auto"]) {
    grid-template-rows: repeat(1, minmax(0, 1fr)) auto;
  }
  :where(v-stack[template="repeat(2,spacer) auto"]) {
    grid-template-rows: repeat(2, minmax(0, 1fr)) auto;
  }
  :where(v-stack[template="repeat(3,spacer) auto"]) {
    grid-template-rows: repeat(3, minmax(0, 1fr)) auto;
  }
  :where(v-stack[template="repeat(4,spacer) auto"]) {
    grid-template-rows: repeat(4, minmax(0, 1fr)) auto;
  }
  :where(v-stack[template="repeat(5,spacer) auto"]) {
    grid-template-rows: repeat(5, minmax(0, 1fr)) auto;
  }
  :where(v-stack[template="repeat(6,spacer) auto"]) {
    grid-template-rows: repeat(6, minmax(0, 1fr)) auto;
  }
  :where(v-stack[template="repeat(7,spacer) auto"]) {
    grid-template-rows: repeat(7, minmax(0, 1fr)) auto;
  }
  :where(v-stack[template="repeat(8,spacer) auto"]) {
    grid-template-rows: repeat(8, minmax(0, 1fr)) auto;
  }
  :where(v-stack[template="repeat(9,spacer) auto"]) {
    grid-template-rows: repeat(9, minmax(0, 1fr)) auto;
  }
  :where(v-stack[template="repeat(10,spacer) auto"]) {
    grid-template-rows: repeat(10, minmax(0, 1fr)) auto;
  }
  :where(v-stack[template="auto spacer"]) {
    grid-template-rows: auto minmax(0, 1fr);
  }
  :where(v-stack[template="repeat(1,auto) spacer"]) {
    grid-template-rows: repeat(1, auto) minmax(0, 1fr);
  }
  :where(v-stack[template="repeat(2,auto) spacer"]) {
    grid-template-rows: repeat(2, auto) minmax(0, 1fr);
  }
  :where(v-stack[template="repeat(3,auto) spacer"]) {
    grid-template-rows: repeat(3, auto) minmax(0, 1fr);
  }
  :where(v-stack[template="repeat(4,auto) spacer"]) {
    grid-template-rows: repeat(4, auto) minmax(0, 1fr);
  }
  :where(v-stack[template="repeat(5,auto) spacer"]) {
    grid-template-rows: repeat(5, auto) minmax(0, 1fr);
  }
  :where(v-stack[template="repeat(6,auto) spacer"]) {
    grid-template-rows: repeat(6, auto) minmax(0, 1fr);
  }
  :where(v-stack[template="repeat(7,auto) spacer"]) {
    grid-template-rows: repeat(7, auto) minmax(0, 1fr);
  }
  :where(v-stack[template="repeat(8,auto) spacer"]) {
    grid-template-rows: repeat(8, auto) minmax(0, 1fr);
  }
  :where(v-stack[template="repeat(9,auto) spacer"]) {
    grid-template-rows: repeat(9, auto) minmax(0, 1fr);
  }
  :where(v-stack[template="repeat(10,auto) spacer"]) {
    grid-template-rows: repeat(10, auto) minmax(0, 1fr);
  }
  :where(v-stack[template="auto auto spacer"]) {
    grid-template-rows: auto auto minmax(0, 1fr);
  }
  :where(v-stack[template="auto auto auto spacer"]) {
    grid-template-rows: auto auto auto minmax(0, 1fr);
  }
  :where(v-stack[template="auto auto auto auto spacer"]) {
    grid-template-rows: auto auto auto auto minmax(0, 1fr);
  }
  :where(v-stack[template="auto spacer auto"]) {
    grid-template-rows: auto minmax(0, 1fr) auto;
  }
  :where(v-stack[template="repeat(1,auto) spacer repeat(1,auto)"]) {
    grid-template-rows: repeat(1, auto) minmax(0, 1fr) repeat(1, auto);
  }
  :where(v-stack[template="repeat(1,auto) spacer repeat(2,auto)"]) {
    grid-template-rows: repeat(1, auto) minmax(0, 1fr) repeat(2, auto);
  }
  :where(v-stack[template="repeat(1,auto) spacer repeat(3,auto)"]) {
    grid-template-rows: repeat(1, auto) minmax(0, 1fr) repeat(3, auto);
  }
  :where(v-stack[template="repeat(1,auto) spacer repeat(4,auto)"]) {
    grid-template-rows: repeat(1, auto) minmax(0, 1fr) repeat(4, auto);
  }
  :where(v-stack[template="repeat(1,auto) spacer repeat(5,auto)"]) {
    grid-template-rows: repeat(1, auto) minmax(0, 1fr) repeat(5, auto);
  }
  :where(v-stack[template="repeat(2,auto) spacer repeat(1,auto)"]) {
    grid-template-rows: repeat(2, auto) minmax(0, 1fr) repeat(1, auto);
  }
  :where(v-stack[template="repeat(3,auto) spacer repeat(1,auto)"]) {
    grid-template-rows: repeat(3, auto) minmax(0, 1fr) repeat(1, auto);
  }
  :where(v-stack[template="repeat(4,auto) spacer repeat(1,auto)"]) {
    grid-template-rows: repeat(4, auto) minmax(0, 1fr) repeat(1, auto);
  }
  :where(v-stack[template="repeat(5,auto) spacer repeat(1,auto)"]) {
    grid-template-rows: repeat(5, auto) minmax(0, 1fr) repeat(1, auto);
  }
  :where(v-stack[template="repeat(2,auto) spacer repeat(2,auto)"]) {
    grid-template-rows: repeat(2, auto) minmax(0, 1fr) repeat(2, auto);
  }
  :where(v-stack[template="auto spacer auto auto"]) {
    grid-template-rows: auto minmax(0, 1fr) auto auto;
  }
}
@layer sw-components {
  :where(h-flex-stack) {
    display: flex;
    flex-flow: row nowrap;
    place-items: safe center;
    place-content: safe center;
  }
  :where(h-flex-stack > *) {
    max-block-size: 100%;
  }
  :where(h-flex-stack > [frame-height=infinity]) {
    flex-grow: 1;
  }
}
@layer sw-components {
  :where(v-flex-stack) {
    display: flex;
    flex-flow: column nowrap;
    place-items: center;
    place-content: center;
  }
  :where(v-flex-stack > *) {
    max-inline-size: 100%;
  }
  :where(v-flex-stack > [frame-height=infinity]) {
    flex-grow: 1;
  }
}
@layer sw-components {
  :where(scroll-view)::part(scroll-view-navbar), :where(scroll-view)::part(scroll-view-toolbar) {
    position: sticky;
    inline-size: 100%;
    place-items: center;
    place-content: center;
    grid-template-columns: minmax(0, 1fr);
    grid-area: toolbar;
    pointer-events: none;
    visibility: collapse;
  }
  :where(scroll-view:has(~ tool-bar > [slot^=top-bar]),
  scroll-view:has(> [slot^=top-bar]))::part(scroll-view-navbar) {
    visibility: visible;
  }
  :where(scroll-view:has(~ tool-bar > [slot^=bottom-bar]),
  scroll-view:has(> [slot^=bottom-bar]))::part(scroll-view-toolbar) {
    visibility: visible;
  }
  :where(scroll-view)::part(scroll-view-navbar-stack), :where(scroll-view)::part(scroll-view-toolbar-stack) {
    grid-template-columns: 1fr auto 1fr;
    pointer-events: all;
    column-gap: var(--toolbar-col-gap);
  }
  :where(scroll-view)::part(scroll-view-navbar-stack)::before, :where(scroll-view)::part(scroll-view-navbar-stack)::after, :where(scroll-view)::part(scroll-view-toolbar-stack)::before, :where(scroll-view)::part(scroll-view-toolbar-stack)::after {
    content: "";
    display: grid;
    pointer-events: none !important;
  }
  :where(scroll-view)::part(scroll-view-navbar) {
    top: 0;
    block-size: calc(var(--safe-area-inset-top) + var(--navigation-bar-block-size));
    padding-block-start: var(--safe-area-inset-top);
    transform: translateY(calc(var(--safe-area-inset-top) * -1));
  }
  @media (pointer: fine) {
    :where(scroll-view)::part(scroll-view-navbar) {
      justify-items: start;
    }
  }
  :where(scroll-view)::part(scroll-view-navbar):before, :where(scroll-view)::part(scroll-view-navbar):after {
    backface-visibility: hidden;
    content: "";
    inset: 0 0 var(--navbar-backdrop-inset-block-end, 0) 0;
    position: absolute;
    pointer-events: none;
    z-index: -1;
  }
  :where(scroll-view)::part(scroll-view-navbar):before {
    backdrop-filter: blur(2px);
    mask-image: linear-gradient(to bottom, oklch(0% 0 0deg) 50%, oklch(0% 0 0deg / 0) 100%);
  }
  :where(scroll-view)::part(scroll-view-navbar):after {
    background-image: linear-gradient(to bottom, var(--face) 0, oklch(0% 0 0deg / 0) 100%);
  }
  :where(scroll-view)::part(scroll-view-toolbar) {
    top: calc(100% - var(--tool-bar-block-size) - var(--safe-area-inset-bottom));
    block-size: calc(var(--safe-area-inset-bottom) + var(--tool-bar-block-size));
    padding-block-end: var(--safe-area-inset-bottom);
    transform: translateY(var(--safe-area-inset-bottom));
  }
  :where(scroll-view)::part(scroll-view-toolbar):before, :where(scroll-view)::part(scroll-view-toolbar):after {
    backface-visibility: hidden;
    content: "";
    inset: 0 0 var(--navbar-backdrop-inset-block-end, 0) 0;
    position: absolute;
    pointer-events: none;
    z-index: -1;
  }
  :where(scroll-view)::part(scroll-view-toolbar):before {
    backdrop-filter: blur(2px);
    mask-image: linear-gradient(to top, oklch(0% 0 0deg) 50%, oklch(0% 0 0deg / 0) 100%);
  }
  :where(scroll-view)::part(scroll-view-toolbar):after {
    background-image: linear-gradient(to top, var(--face) 0, oklch(0% 0 0deg / 0) 100%);
  }
  @media (pointer: fine) {
    :where(scroll-view)::part(scroll-view-navbar-stack) {
      grid-template-columns: max-content auto 1fr;
    }
  }
  :where(scroll-view)::part(scroll-view-navbar-stack)::before {
    inline-size: calc(var(--navbar-padding-inline-start, 0px) + var(--navbar-safe-area-inset-left, 0px) + var(--toolbar-col-gap, 0px));
  }
  :where(scroll-view)::part(scroll-view-navbar-stack)::after {
    inline-size: calc(var(--navbar-padding-inline-end, 0px) + var(--navbar-safe-area-inset-right, 0px) + var(--toolbar-col-gap, 0px));
  }
  :where(scroll-view)::part(scroll-view-toolbar-stack)::before {
    inline-size: calc(var(--toolbar-padding-inline-start) + var(--toolbar-safe-area-inset-left, 0px) + var(--toolbar-col-gap, 0px));
  }
  :where(scroll-view)::part(scroll-view-toolbar-stack)::after {
    inline-size: calc(var(--toolbar-padding-inline-end) + var(--toolbar-safe-area-inset-right, 0px) + var(--toolbar-col-gap, 0px));
  }
}
@layer sw-components {
  :where(tool-bar-item) {
    pointer-events: all;
    border-radius: var(--pill-border-radius);
    --toolbaritemradiustl: var(--toolbar-cell-border-radius);
    --toolbaritemradiustr: var(--toolbar-cell-border-radius);
    --toolbaritemradiusbl: var(--toolbar-cell-border-radius);
    --toolbaritemradiusbr: var(--toolbar-cell-border-radius);
    --toolbaritemborder: 0;
    --menusummaryradiustl: var(--toolbar-cell-border-radius);
    --menusummaryradiustr: var(--toolbar-cell-border-radius);
    --menusummaryradiusbl: var(--toolbar-cell-border-radius);
    --menusummaryradiusbr: var(--toolbar-cell-border-radius);
    --menusummaryborder: 0;
  }
  :where(tool-bar-item:has([disabled])) {
    pointer-events: none;
  }
  :where(tool-bar-item > button), :where(tool-bar-item > picker-view > menu-view)::part(menu-summary), :where(tool-bar-item > menu-view)::part(menu-summary) {
    place-items: center;
    place-content: center;
  }
  :where(tool-bar-item > button > [slot]) {
    position: absolute;
    inset: 0;
    visibility: collapse;
  }
  :where(tool-bar-item > button > [slot=overlay]) {
    visibility: visible;
  }
  :where(tool-bar-item > button:not(:has(> :not([slot]))) > [slot=placeholder]) {
    position: relative;
    visibility: visible;
  }
  :where(tool-bar-item > button:has(> [slot=overlay]) > *:not([slot=overlay])) {
    opacity: 0;
  }
  @media (prefers-reduced-motion: no-preference) {
    :where(tool-bar-item > button:has(> [slot=overlay]) > [slot=overlay]) {
      transition: opacity ease-out 200ms;
    }
  }
  @starting-style {
    :where(tool-bar-item > button:has(> [slot=overlay]) > [slot=overlay]) {
      opacity: 0;
    }
  }
  :where(tool-bar-item > button:has(> label-view > :not([slot])) > label-view,
  tool-bar-item > picker-view > menu-view:has(> label-view > :not([slot])) > label-view,
  tool-bar-item > menu-view:has(> label-view > :not([slot])) > label-view) {
    --label-padding-inline: 0.5rem;
  }
}
@layer sw-actions {
  :where(tool-bar-item[slot]:has(menu-view[open])),
  :where(tool-bar-item-group:has(> tool-bar-item menu-view[open])) {
    --toolbar-cell-scale: var(--menu-host-offscreen-transform);
    --toolbar-cell-filter: var(--menu-host-offscreen-filter);
  }
}
@layer sw-components {
  :where(tool-bar-item-group) {
    grid-auto-flow: column;
    grid-template-columns: minmax(0, 1fr);
    column-gap: var(--toolbar-col-gap);
    background: var(--toolbaritemface);
    padding-inline: var(--toolbar-cell-inline-padding-start) var(--toolbar-cell-inline-padding-end);
    padding-block: var(--toolbar-cell-block-padding-start) var(--toolbar-cell-block-padding-end);
    border-radius: var(--toolbar-cell-border-radius);
    border-width: 0;
  }
  :where(tool-bar-item-group > *) {
    min-inline-size: calc(var(--toolbar-cell-min-size) - var(--toolbar-cell-block-padding-start) - var(--toolbar-cell-block-padding-end));
  }
}
@layer sw-components {}
@layer sw-utils {
  :where([is=plain-button]) {
    text-align: center;
  }
}
@layer sw-components {
  :where([is=borderless-button]) {
    --btnpadistart: 0.1rem;
    --btnpadiend: 0.1rem;
    --btnpadbstart: 0.1rem;
    --btnpadbend: 0.1rem;
  }
  :where([is=borderless-button][role=destructive]) {
    --accentColorEffective: var(--red);
    --accentColorEffective4: var(--red4);
    --accentColor: var(--red);
    --accentColor2: var(--red2);
    --accentColor3: var(--red3);
    --accentColor4: var(--red4);
    --accentColor5: var(--red5);
  }
  :where([is=borderless-button][role=confirm]) {
    --accentColorEffective: var(--blue);
    --accentColorEffective4: var(--blue4);
    --accentColor: var(--blue);
    --accentColor2: var(--blue2);
    --accentColor3: var(--blue3);
    --accentColor4: var(--blue4);
    --accentColor5: var(--blue5);
  }
}
@layer sw-utils {
  :where([is=borderless-button]) {
    text-align: center;
  }
}
@layer sw-components {
  :where([is=bordered-button]) {
    --btnpadistart: var(--regular-btn-padding);
    --btnpadiend: var(--regular-btn-padding);
    --btnpadbstart: var(--regular-btn-padding);
    --btnpadbend: var(--regular-btn-padding);
  }
  @media (pointer: fine) {
    :where([is=bordered-button]) {
      --accentColor: var(--primary);
    }
  }
  :where([is=bordered-button][control-size=mini]) {
    --btnpadistart: var(--mini-btn-padding);
    --btnpadiend: var(--mini-btn-padding);
    --btnpadbstart: var(--mini-btn-padding);
    --btnpadbend: var(--mini-btn-padding);
  }
  :where([is=bordered-button][control-size=regular]) {
    --btnpadistart: var(--regular-btn-padding);
    --btnpadiend: var(--regular-btn-padding);
    --btnpadbstart: var(--regular-btn-padding);
    --btnpadbend: var(--regular-btn-padding);
  }
  :where([is=bordered-button][control-size=small]) {
    --btnpadistart: var(--small-btn-padding);
    --btnpadiend: var(--small-btn-padding);
    --btnpadbstart: var(--small-btn-padding);
    --btnpadbend: var(--small-btn-padding);
  }
  :where([is=bordered-button][control-size=large]) {
    --btnpadistart: var(--large-btn-padding);
    --btnpadiend: var(--large-btn-padding);
    --btnpadbstart: var(--large-btn-padding);
    --btnpadbend: var(--large-btn-padding);
  }
  :where([is=bordered-button][role=destructive]) {
    --accentColorEffective: var(--red);
    --accentColorEffective4: var(--red4);
    --accentColor: var(--red);
    --accentColor2: var(--red2);
    --accentColor3: var(--red3);
    --accentColor4: var(--red4);
    --accentColor5: var(--red5);
  }
  :where([is=bordered-button][role=confirm]) {
    --accentColorEffective: var(--blue);
    --accentColorEffective4: var(--blue4);
    --accentColor: var(--blue);
    --accentColor2: var(--blue2);
    --accentColor3: var(--blue3);
    --accentColor4: var(--blue4);
    --accentColor5: var(--blue5);
  }
}
@layer sw-utils {
  :where([is=bordered-button]) {
    text-align: center;
  }
}
@layer sw-components {
  :where([is=bordered-prominent-button]) {
    --btnpadistart: var(--regular-btn-padding);
    --btnpadiend: var(--regular-btn-padding);
    --btnpadbstart: var(--regular-btn-padding);
    --btnpadbend: var(--regular-btn-padding);
  }
  :where([is=bordered-prominent-button][control-size=mini]) {
    --btnpadistart: var(--mini-btn-padding);
    --btnpadiend: var(--mini-btn-padding);
    --btnpadbstart: var(--mini-btn-padding);
    --btnpadbend: var(--mini-btn-padding);
  }
  :where([is=bordered-prominent-button][control-size=regular]) {
    --btnpadistart: var(--regular-btn-padding);
    --btnpadiend: var(--regular-btn-padding);
    --btnpadbstart: var(--regular-btn-padding);
    --btnpadbend: var(--regular-btn-padding);
  }
  :where([is=bordered-prominent-button][control-size=small]) {
    --btnpadistart: var(--small-btn-padding);
    --btnpadiend: var(--small-btn-padding);
    --btnpadbstart: var(--small-btn-padding);
    --btnpadbend: var(--small-btn-padding);
  }
  :where([is=bordered-prominent-button][control-size=large]) {
    --btnpadistart: var(--large-btn-padding);
    --btnpadiend: var(--large-btn-padding);
    --btnpadbstart: var(--large-btn-padding);
    --btnpadbend: var(--large-btn-padding);
  }
  :where([is=bordered-prominent-button][role=destructive]) {
    --accentColorEffective: var(--red);
    --accentColorEffective4: var(--red4);
    --accentColor: var(--red);
    --accentColor2: var(--red2);
    --accentColor3: var(--red3);
    --accentColor4: var(--red4);
    --accentColor5: var(--red5);
  }
  :where([is=bordered-prominent-button][role=confirm]) {
    --accentColorEffective: var(--blue);
    --accentColorEffective4: var(--blue4);
    --accentColor: var(--blue);
    --accentColor2: var(--blue2);
    --accentColor3: var(--blue3);
    --accentColor4: var(--blue4);
    --accentColor5: var(--blue5);
  }
}
@layer sw-colors {
  :where([is=bordered-prominent-button] > *) {
    --secondary: var(--btntext);
    --blue: var(--btntext);
    --red: var(--btntext);
    --green: var(--btntext);
    --orange: var(--btntext);
    --purple: var(--btntext);
    --accentColor: var(--btntext);
    --accentColorEffective: var(--btntext);
  }
}
@layer sw-utils {
  :where([is=bordered-prominent-button]) {
    text-align: center;
  }
}
@layer sw-components {
  :where([is=glass-button]) {
    backdrop-filter: var(--liquid-glass-backdrop-filter);
    box-shadow: var(--toolbar-cell-box-shadow);
    transform: var(--btn--scale, );
    --btnpadistart: var(--regular-btn-padding);
    --btnpadiend: var(--regular-btn-padding);
    --btnpadbstart: var(--regular-btn-padding);
    --btnpadbend: var(--regular-btn-padding);
  }
  :where([is=glass-button][control-size=mini]) {
    --btnpadistart: var(--mini-btn-padding);
    --btnpadiend: var(--mini-btn-padding);
    --btnpadbstart: var(--mini-btn-padding);
    --btnpadbend: var(--mini-btn-padding);
  }
  :where([is=glass-button][control-size=regular]) {
    --btnpadistart: var(--regular-btn-padding);
    --btnpadiend: var(--regular-btn-padding);
    --btnpadbstart: var(--regular-btn-padding);
    --btnpadbend: var(--regular-btn-padding);
  }
  :where([is=glass-button][control-size=small]) {
    --btnpadistart: var(--small-btn-padding);
    --btnpadiend: var(--small-btn-padding);
    --btnpadbstart: var(--small-btn-padding);
    --btnpadbend: var(--small-btn-padding);
  }
  :where([is=glass-button][control-size=large]) {
    --btnpadistart: var(--large-btn-padding);
    --btnpadiend: var(--large-btn-padding);
    --btnpadbstart: var(--large-btn-padding);
    --btnpadbend: var(--large-btn-padding);
  }
  :where([is=glass-button][role=destructive]) {
    --accentColorEffective: var(--red);
    --accentColorEffective4: var(--red4);
    --accentColor: var(--red);
    --accentColor2: var(--red2);
    --accentColor3: var(--red3);
    --accentColor4: var(--red4);
    --accentColor5: var(--red5);
  }
  :where([is=glass-button][role=confirm]) {
    --accentColorEffective: var(--blue);
    --accentColorEffective4: var(--blue4);
    --accentColor: var(--blue);
    --accentColor2: var(--blue2);
    --accentColor3: var(--blue3);
    --accentColor4: var(--blue4);
    --accentColor5: var(--blue5);
  }
}
@layer sw-utils {
  :where([is=glass-button]) {
    text-align: center;
  }
}
@layer sw-components {
  :where([is=glass-prominent-button]) {
    backdrop-filter: var(--liquid-glass-backdrop-filter);
    box-shadow: var(--toolbar-cell-box-shadow);
    transform: var(--btn--scale, );
    --btnpadistart: var(--regular-btn-padding);
    --btnpadiend: var(--regular-btn-padding);
    --btnpadbstart: var(--regular-btn-padding);
    --btnpadbend: var(--regular-btn-padding);
  }
  :where([is=glass-prominent-button][control-size=mini]) {
    --btnpadistart: var(--mini-btn-padding);
    --btnpadiend: var(--mini-btn-padding);
    --btnpadbstart: var(--mini-btn-padding);
    --btnpadbend: var(--mini-btn-padding);
  }
  :where([is=glass-prominent-button][control-size=regular]) {
    --btnpadistart: var(--regular-btn-padding);
    --btnpadiend: var(--regular-btn-padding);
    --btnpadbstart: var(--regular-btn-padding);
    --btnpadbend: var(--regular-btn-padding);
  }
  :where([is=glass-prominent-button][control-size=small]) {
    --btnpadistart: var(--small-btn-padding);
    --btnpadiend: var(--small-btn-padding);
    --btnpadbstart: var(--small-btn-padding);
    --btnpadbend: var(--small-btn-padding);
  }
  :where([is=glass-prominent-button][control-size=large]) {
    --btnpadistart: var(--large-btn-padding);
    --btnpadiend: var(--large-btn-padding);
    --btnpadbstart: var(--large-btn-padding);
    --btnpadbend: var(--large-btn-padding);
  }
  :where([is=glass-prominent-button][role=destructive]) {
    --accentColorEffective: var(--red);
    --accentColorEffective4: var(--red4);
    --accentColor: var(--red);
    --accentColor2: var(--red2);
    --accentColor3: var(--red3);
    --accentColor4: var(--red4);
    --accentColor5: var(--red5);
  }
  :where([is=glass-prominent-button][role=confirm]) {
    --accentColorEffective: var(--blue);
    --accentColorEffective4: var(--blue4);
    --accentColor: var(--blue);
    --accentColor2: var(--blue2);
    --accentColor3: var(--blue3);
    --accentColor4: var(--blue4);
    --accentColor5: var(--blue5);
  }
}
@layer sw-colors {
  :where([is=glass-prominent-button] > *) {
    --secondary: var(--btntext);
    --blue: var(--btntext);
    --red: var(--btntext);
    --green: var(--btntext);
    --orange: var(--btntext);
    --purple: var(--btntext);
    --accentColor: var(--btntext);
    --accentColorEffective: var(--btntext);
  }
}
@layer sw-utils {
  :where([is=glass-prominent-button]) {
    text-align: center;
  }
}
@layer sw-components {
  :where([is=search-view]) {
    height: 30px;
    backdrop-filter: var(--liquid-glass-backdrop-filter, );
    box-shadow: var(--menu-popover-box-shadow, );
    border-radius: var(--pill-border-radius);
    padding-inline: 1rem;
    appearance: none;
    outline: none;
  }
}
@layer sw-components {
  :where(tool-bar) {
    pointer-events: none;
    touch-action: none;
    color: var(--text, );
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto 1fr auto;
    grid-template-areas: "top-bar" "spacer" "bottom-bar";
  }
  :where(tool-bar)::part(top-bar), :where(tool-bar)::part(bottom-bar) {
    position: relative;
    padding-inline: var(--safe-area-inset-left, 0px) var(--safe-area-inset-right, 0px);
    pointer-events: none;
    grid-template-columns: auto 1fr auto;
    column-gap: var(--toolbar-col-gap);
    grid-template-rows: var(--toolbar-cell-min-size);
    place-content: center;
  }
  :where(tool-bar)::part(top-bar) {
    grid-area: top-bar;
    block-size: calc(var(--safe-area-inset-top) + var(--navigation-bar-block-size));
    padding-block-start: var(--safe-area-inset-top);
  }
  :where(tool-bar)::part(bottom-bar) {
    grid-area: bottom-bar;
    block-size: calc(var(--safe-area-inset-bottom) + var(--tool-bar-block-size));
    padding-block-end: var(--safe-area-inset-bottom);
  }
  :where(tool-bar)::part(toolbar-leading-stack), :where(tool-bar)::part(toolbar-principal-stack), :where(tool-bar)::part(toolbar-trailing-stack) {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: minmax(0, 1fr);
    column-gap: var(--toolbar-col-gap);
    padding-inline: var(--toolbar-col-gap) var(--toolbar-col-gap);
  }
  :where(tool-bar > *:not(sidebar-toggle), tool-bar > sidebar-toggle > tool-bar-item, tab-view > sidebar-toggle > tool-bar-item, navigation-split-view > sidebar-toggle > tool-bar-item) {
    backdrop-filter: var(--liquid-glass-backdrop-filter);
    box-shadow: var(--toolbar-cell-box-shadow);
    min-inline-size: var(--toolbar-cell-min-size);
    transform: var(--toolbar-cell-scale, );
    filter: var(--toolbar-cell-filter, );
    opacity: var(--toolbar-cell-opacity, );
  }
  @media (min-width: 37rem) and (min-height: 27.75rem) {
    :where([is=sheet-view] tool-bar)::part(top-bar), :where([is=sheet-view] tool-bar)::part(bottom-bar) {
      --safe-area-inset-left: 0px;
      --safe-area-inset-right: 0px;
    }
    :where([is=sheet-view] tool-bar)::part(top-bar) {
      --safe-area-inset-top: 0px;
    }
    :where([is=sheet-view] tool-bar)::part(bottom-bar) {
      --safe-area-inset-bottom: 0px;
    }
  }
  :where(tool-bar > [slot^=top-bar-] > button:has(> label-view > [slot=icon]),
  tool-bar > [slot=cancellation-action] > button:has(> label-view > [slot=icon]),
  tool-bar > [slot=primary-action] > button:has(> label-view > [slot=icon]),
  tool-bar > [slot=confirmation-action] > button:has(> label-view > [slot=icon]),
  tool-bar > [slot=destructive-action] > button:has(> label-view > [slot=icon])) {
    --label-style: icon-only;
  }
  @media (pointer: coarse) {
    :where(tool-bar > [slot^=bottom-bar-] > button:has(> label-view > [slot=icon])) {
      --label-style: icon-only;
    }
  }
}
@property --label-gap {
  syntax: "<number>";
  inherits: false;
  initial-value: 0.3;
}
@property --label-image-size {
  syntax: "<number>";
  inherits: false;
  initial-value: 2;
}
@property --label-padding-inline {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@layer sw-components {
  :where(label-view) {
    padding-inline: var(--label-padding-inline);
    align-items: var(--label--host-align-items, );
    justify-items: var(--label--host-justify-items, );
    grid-template-columns: var(--label--host-grid-template-columns, );
    grid-template-rows: var(--label--host-grid-template-rows, );
    gap: calc(var(--label-gap) * 1rem);
    --label-imagestack-fontsize: calc(var(--label-image-size) * 1rem);
    white-space: var(--label--host-white-space, );
  }
  :where(label-view:has(> [slot=icon])) {
    --label--has-icon: yes;
  }
  :where(label-view:has(> :not([slot]))) {
    --label--has-title: yes;
  }
  :where(label-view > :not([slot])) {
    overflow: var(--label--overflow, );
    text-overflow: var(--label--text-overflow, );
    -webkit-box-orient: var(--label--box-orient, );
    line-clamp: var(--label--line-clamp, );
    -webkit-line-clamp: var(--label--line-clamp, );
    font-size: var(--label--titlestack-font-size, );
    line-height: var(--label--titlestack-line-height, );
    font-weight: var(--label--titlestack-font-weight, );
    display: var(--label--titlestack-display, none);
  }
  :where(label-view > [slot=icon]) {
    aspect-ratio: 1/1;
    inline-size: var(--label-imagestack-fontsize);
    block-size: var(--label-imagestack-fontsize);
    font-size: var(--label-imagestack-fontsize);
    display: var(--label--iconstack-display, none);
    --image--fontsize: var(--label-imagestack-fontsize);
  }
  @supports (x: if(else:red)) {
    :where(label-view) {
      --label--titlestack-font-size: if(style(--label-font: footnote): var(--label-footnote-font-size) ; style(--label-font: caption2): var(--label-caption2-font-size) ; style(--label-font: caption): var(--label-caption-font-size) ; style(--label-font: callout): var(--label-callout-font-size) ; style(--label-font: body): var(--label-body-font-size) ; style(--label-font: subheadline): var(--label-subheadline-font-size) ; style(--label-font: headline): var(--label-headline-font-size) ; style(--label-font: title3): var(--label-title3-font-size) ; style(--label-font: title2): var(--label-title2-font-size) ; style(--label-font: title): var(--label-title-font-size) ; style(--label-font: large-title): var(--label-large-title-font-size) ; style(--label-font: extra-large-title): var(--label-extra-large-title-font-size) ;);
      --label--titlestack-line-height: if(style(--label-font: footnote): var(--label-footnote-line-height) ; style(--label-font: caption2): var(--label-caption2-line-height) ; style(--label-font: caption): var(--label-caption-line-height) ; style(--label-font: callout): var(--label-callout-line-height) ; style(--label-font: body): var(--label-body-line-height) ; style(--label-font: subheadline): var(--label-subheadline-line-height) ; style(--label-font: headline): var(--label-headline-line-height) ; style(--label-font: title3): var(--label-title3-line-height) ; style(--label-font: title2): var(--label-title2-line-height) ; style(--label-font: title): var(--label-title-line-height) ; style(--label-font: large-title): var(--label-large-title-line-height) ; style(--label-font: extra-large-title): var(--label-extra-large-title-line-height) ;);
      --label--titlestack-font-weight: if(style(--label-font: footnote): var(--label-footnote-font-weight) ; style(--label-font: caption2): var(--label-caption2-font-weight) ; style(--label-font: caption): var(--label-caption-font-weight) ; style(--label-font: callout): var(--label-callout-font-weight) ; style(--label-font: body): var(--label-body-font-weight) ; style(--label-font: subheadline): var(--label-subheadline-font-weight) ; style(--label-font: headline): var(--label-headline-font-weight) ; style(--label-font: title3): var(--label-title3-font-weight) ; style(--label-font: title2): var(--label-title2-font-weight) ; style(--label-font: title): var(--label-title-font-weight) ; style(--label-font: large-title): var(--label-large-title-font-weight) ; style(--label-font: extra-large-title): var(--label-extra-large-title-font-weight) ;);
      --label--overflow: if(style(--label-truncation-mode: tail): hidden; );
      --label--text-overflow: if(style(--label-truncation-mode: tail): ellipsis; );
      --label--host-white-space: if(style(--label-line-limit: 1): nowrap; style(--label-line-limit: 2): normal; );
      --label--titlestack-display: if(style(--label-line-limit: 2): -webkit-box; );
      --label--box-orient: if(style(--label-line-limit: 2): vertical; );
      --label--line-clamp: if(style(--label-line-limit: 2): 2; );
      --label--host-align-items: if(style(--label-flow: vertical): normal ; else: center ;);
      --label--host-justify-items: if(style(--label-flow: vertical): center ; else: normal ;);
      --label--host-grid-template-columns: if(
        style(--label-style: icon-only): minmax(0, 1fr) ; style(--label-style: title-only): minmax(0, 1fr) ;
          style(--label-style: title-and-icon): if(style(--label-flow: vertical): minmax(0, 1fr) ; else: auto minmax(0, 1fr) ;) ;
          else: if(style(--label--has-icon: yes) and style(--label--has-title: yes): if(style(--label-flow: vertical): minmax(0, 1fr) ; else: auto minmax(0, 1fr) ;) ; else: minmax(0, 1fr) ;) ;
      );
      --label--host-grid-template-rows: if(
        style(--label-style: icon-only): minmax(0, 1fr) ; style(--label-style: title-only): minmax(0, 1fr) ;
          style(--label-style: title-and-icon): if(style(--label-flow: vertical): auto minmax(0, 1fr) ; else: minmax(0, 1fr) ;) ;
          else: if(style(--label--has-icon: yes) and style(--label--has-title: yes): if(style(--label-flow: vertical): auto minmax(0, 1fr) ; else: minmax(0, 1fr) ;) ; else: minmax(0, 1fr) ;) ;
      );
      --label--iconstack-display: if(
        style(--label-style: icon-only): grid ; style(--label-style: title-only): none ; style(--label-style: title-and-icon): grid ; else: if(style(--label--has-icon: yes): grid ; else: none;) ;
      );
      --label--titlestack-display: if(
        style(--label-style: icon-only): none ; style(--label-style: title-only): inline-block ; style(--label-style: title-and-icon): inline-block ;
          else: if(style(--label--has-title: yes): inline-block ; else: none;) ;
      );
    }
  }
  @supports not (x: if(else:red)) {
    @container style(--label-style: icon-only) {
      :where(label-view:not([label-style])) {
        --label-style: icon-only;
        --label--host-align-items: center;
        --label--host-justify-items: normal;
        --label--iconstack-display: grid;
      }
    }
    @container style(--label-style: title-only) {
      :where(label-view:not([label-style])) {
        --label-style: title-only;
        --label--host-align-items: center;
        --label--host-justify-items: normal;
        --label--titlestack-display: inline-block;
      }
    }
    @container style(--label-style: title-and-icon) {
      :where(label-view:not([label-style])) {
        --label-style: title-and-icon;
        --label--host-grid-template-columns: auto minmax(0, 1fr);
        --label--host-grid-template-rows: minmax(0, 1fr);
        --label--host-align-items: center;
        --label--host-justify-items: normal;
        --label--iconstack-display: grid;
        --label--titlestack-display: inline-block;
      }
    }
    :where(label-view[label-style=icon-only]) {
      --label-style: icon-only;
      --label--host-align-items: center;
      --label--host-justify-items: normal;
      --label--iconstack-display: grid;
    }
    :where(label-view[label-style=title-only]) {
      --label-style: title-only;
      --label--host-align-items: center;
      --label--host-justify-items: normal;
      --label--titlestack-display: inline-block;
    }
    :where(label-view[label-style=title-and-icon]) {
      --label-style: title-and-icon;
      --label--host-grid-template-columns: auto minmax(0, 1fr);
      --label--host-grid-template-rows: minmax(0, 1fr);
      --label--host-align-items: center;
      --label--host-justify-items: normal;
      --label--iconstack-display: grid;
      --label--titlestack-display: inline-block;
    }
    @container not style(--label-style) {
      :where(label-view:not([label-style]):has(> [slot=icon]):has(> :not([slot]))) {
        --label-style: title-and-icon;
        --label--host-grid-template-columns: auto minmax(0, 1fr);
        --label--host-grid-template-rows: minmax(0, 1fr);
        --label--host-align-items: center;
        --label--host-justify-items: normal;
        --label--iconstack-display: grid;
        --label--titlestack-display: inline-block;
      }
      :where(label-view:not([label-style]):has(> [slot=icon]):not(:has(> :not([slot])))) {
        --label-style: icon-only;
        --label--host-align-items: center;
        --label--host-justify-items: normal;
        --label--iconstack-display: grid;
      }
      :where(label-view:not([label-style]):has(> :not([slot])):not(:has(> [slot=icon]))) {
        --label-style: title-only;
        --label--host-align-items: center;
        --label--host-justify-items: normal;
        --label--titlestack-display: inline-block;
      }
    }
    @container style(--label-style: icon-only) and style(--label-flow: vertical) {
      :where(label-view:not([label-style])) {
        --label-style: icon-only;
        --label--host-align-items: normal;
        --label--host-justify-items: center;
        --label--iconstack-display: grid;
      }
    }
    @container style(--label-style: title-only) and style(--label-flow: vertical) {
      :where(label-view:not([label-style])) {
        --label-style: title-only;
        --label--host-align-items: normal;
        --label--host-justify-items: center;
        --label--titlestack-display: inline-block;
      }
    }
    @container style(--label-style: title-and-icon) and style(--label-flow: vertical) {
      :where(label-view:not([label-style])) {
        --label-style: title-and-icon;
        --label--host-grid-template-columns: minmax(0, 1fr);
        --label--host-grid-template-rows: auto minmax(0, 1fr);
        --label--host-align-items: normal;
        --label--host-justify-items: center;
        --label--iconstack-display: grid;
        --label--titlestack-display: inline-block;
      }
    }
    @container style(--label-flow: vertical) {
      :where(label-view[label-style=icon-only]) {
        --label-style: icon-only;
        --label--host-align-items: normal;
        --label--host-justify-items: center;
        --label--iconstack-display: grid;
      }
      :where(label-view[label-style=title-only]) {
        --label-style: title-only;
        --label--host-align-items: normal;
        --label--host-justify-items: center;
        --label--titlestack-display: inline-block;
      }
      :where(label-view[label-style=title-and-icon]) {
        --label-style: title-and-icon;
        --label--host-grid-template-columns: minmax(0, 1fr);
        --label--host-grid-template-rows: auto minmax(0, 1fr);
        --label--host-align-items: normal;
        --label--host-justify-items: center;
        --label--iconstack-display: grid;
        --label--titlestack-display: inline-block;
      }
    }
    @container (not style(--label-style)) and style(--label-flow: vertical) {
      :where(label-view:not([label-style]):has(> [slot=icon]):has(> :not([slot]))) {
        --label-style: title-and-icon;
        --label--host-grid-template-columns: minmax(0, 1fr);
        --label--host-grid-template-rows: auto minmax(0, 1fr);
        --label--host-align-items: normal;
        --label--host-justify-items: center;
        --label--iconstack-display: grid;
        --label--titlestack-display: inline-block;
      }
      :where(label-view:not([label-style]):has(> [slot=icon]):not(:has(> :not([slot])))) {
        --label-style: icon-only;
        --label--host-align-items: normal;
        --label--host-justify-items: center;
        --label--iconstack-display: grid;
      }
      :where(label-view:not([label-style]):has(> :not([slot])):not(:has(> [slot=icon]))) {
        --label-style: title-only;
        --label--host-align-items: normal;
        --label--host-justify-items: center;
        --label--titlestack-display: inline-block;
      }
    }
    @container style(--label-line-limit: 1) {
      :where(label-view) {
        --label--host-white-space: nowrap;
      }
    }
    @container not style(--label-line-limit: 1) {
      :where(label-view[line-limit="1"]) {
        --label--host-white-space: nowrap;
      }
    }
    @container style(--label-line-limit: 2) {
      :where(label-view) {
        --label--host-white-space: normal;
        --label--titlestack-display: -webkit-box;
        --label--box-orient: vertical;
        --label--line-clamp: 2;
      }
    }
    @container not style(--label-line-limit: 2) {
      :where(label-view[line-limit="2"]) {
        --label--host-white-space: normal;
        --label--titlestack-display: -webkit-box;
        --label--box-orient: vertical;
        --label--line-clamp: 2;
      }
    }
    @container style(--label-truncation-mode: tail) {
      :where(label-view) {
        --label--overflow: hidden;
        --label--text-overflow: ellipsis;
      }
    }
    @container not style(--label-truncation-mode: tail) {
      :where(label-view[truncation-mode=tail]) {
        --label--overflow: hidden;
        --label--text-overflow: ellipsis;
      }
    }
    @container style(--label-font: footnote) {
      :where(label-view) {
        --label--titlestack-font-size: var(--label-footnote-font-size);
        --label--titlestack-line-height: var(--label-footnote-line-height);
        --label--titlestack-font-weight: var(--label-footnote-font-weight);
      }
    }
    @container not style(--label-font: footnote) {
      :where(label-view[font=footnote]) {
        --label--titlestack-font-size: var(--label-footnote-font-size);
        --label--titlestack-line-height: var(--label-footnote-line-height);
        --label--titlestack-font-weight: var(--label-footnote-font-weight);
      }
    }
    @container style(--label-font: caption2) {
      :where(label-view) {
        --label--titlestack-font-size: var(--label-caption2-font-size);
        --label--titlestack-line-height: var(--label-caption2-line-height);
        --label--titlestack-font-weight: var(--label-caption2-font-weight);
      }
    }
    @container not style(--label-font: caption2) {
      :where(label-view[font=caption2]) {
        --label--titlestack-font-size: var(--label-caption2-font-size);
        --label--titlestack-line-height: var(--label-caption2-line-height);
        --label--titlestack-font-weight: var(--label-caption2-font-weight);
      }
    }
    @container style(--label-font: caption) {
      :where(label-view) {
        --label--titlestack-font-size: var(--label-caption-font-size);
        --label--titlestack-line-height: var(--label-caption-line-height);
        --label--titlestack-font-weight: var(--label-caption-font-weight);
      }
    }
    @container not style(--label-font: caption) {
      :where(label-view[font=caption]) {
        --label--titlestack-font-size: var(--label-caption-font-size);
        --label--titlestack-line-height: var(--label-caption-line-height);
        --label--titlestack-font-weight: var(--label-caption-font-weight);
      }
    }
    @container style(--label-font: callout) {
      :where(label-view) {
        --label--titlestack-font-size: var(--label-callout-font-size);
        --label--titlestack-line-height: var(--label-callout-line-height);
        --label--titlestack-font-weight: var(--label-callout-font-weight);
      }
    }
    @container not style(--label-font: callout) {
      :where(label-view[font=callout]) {
        --label--titlestack-font-size: var(--label-callout-font-size);
        --label--titlestack-line-height: var(--label-callout-line-height);
        --label--titlestack-font-weight: var(--label-callout-font-weight);
      }
    }
    @container style(--label-font: body) {
      :where(label-view) {
        --label--titlestack-font-size: var(--label-body-font-size);
        --label--titlestack-line-height: var(--label-body-line-height);
        --label--titlestack-font-weight: var(--label-body-font-weight);
      }
    }
    @container not style(--label-font: body) {
      :where(label-view[font=body]) {
        --label--titlestack-font-size: var(--label-body-font-size);
        --label--titlestack-line-height: var(--label-body-line-height);
        --label--titlestack-font-weight: var(--label-body-font-weight);
      }
    }
    @container style(--label-font: subheadline) {
      :where(label-view) {
        --label--titlestack-font-size: var(--label-subheadline-font-size);
        --label--titlestack-line-height: var(--label-subheadline-line-height);
        --label--titlestack-font-weight: var(--label-subheadline-font-weight);
      }
    }
    @container not style(--label-font: subheadline) {
      :where(label-view[font=subheadline]) {
        --label--titlestack-font-size: var(--label-subheadline-font-size);
        --label--titlestack-line-height: var(--label-subheadline-line-height);
        --label--titlestack-font-weight: var(--label-subheadline-font-weight);
      }
    }
    @container style(--label-font: headline) {
      :where(label-view) {
        --label--titlestack-font-size: var(--label-headline-font-size);
        --label--titlestack-line-height: var(--label-headline-line-height);
        --label--titlestack-font-weight: var(--label-headline-font-weight);
      }
    }
    @container not style(--label-font: headline) {
      :where(label-view[font=headline]) {
        --label--titlestack-font-size: var(--label-headline-font-size);
        --label--titlestack-line-height: var(--label-headline-line-height);
        --label--titlestack-font-weight: var(--label-headline-font-weight);
      }
    }
    @container style(--label-font: title3) {
      :where(label-view) {
        --label--titlestack-font-size: var(--label-title3-font-size);
        --label--titlestack-line-height: var(--label-title3-line-height);
        --label--titlestack-font-weight: var(--label-title3-font-weight);
      }
    }
    @container not style(--label-font: title3) {
      :where(label-view[font=title3]) {
        --label--titlestack-font-size: var(--label-title3-font-size);
        --label--titlestack-line-height: var(--label-title3-line-height);
        --label--titlestack-font-weight: var(--label-title3-font-weight);
      }
    }
    @container style(--label-font: title2) {
      :where(label-view) {
        --label--titlestack-font-size: var(--label-title2-font-size);
        --label--titlestack-line-height: var(--label-title2-line-height);
        --label--titlestack-font-weight: var(--label-title2-font-weight);
      }
    }
    @container not style(--label-font: title2) {
      :where(label-view[font=title2]) {
        --label--titlestack-font-size: var(--label-title2-font-size);
        --label--titlestack-line-height: var(--label-title2-line-height);
        --label--titlestack-font-weight: var(--label-title2-font-weight);
      }
    }
    @container style(--label-font: title) {
      :where(label-view) {
        --label--titlestack-font-size: var(--label-title-font-size);
        --label--titlestack-line-height: var(--label-title-line-height);
        --label--titlestack-font-weight: var(--label-title-font-weight);
      }
    }
    @container not style(--label-font: title) {
      :where(label-view[font=title]) {
        --label--titlestack-font-size: var(--label-title-font-size);
        --label--titlestack-line-height: var(--label-title-line-height);
        --label--titlestack-font-weight: var(--label-title-font-weight);
      }
    }
    @container style(--label-font: large-title) {
      :where(label-view) {
        --label--titlestack-font-size: var(--label-large-title-font-size);
        --label--titlestack-line-height: var(--label-large-title-line-height);
        --label--titlestack-font-weight: var(--label-large-title-font-weight);
      }
    }
    @container not style(--label-font: large-title) {
      :where(label-view[font=large-title]) {
        --label--titlestack-font-size: var(--label-large-title-font-size);
        --label--titlestack-line-height: var(--label-large-title-line-height);
        --label--titlestack-font-weight: var(--label-large-title-font-weight);
      }
    }
    @container style(--label-font: extra-large-title) {
      :where(label-view) {
        --label--titlestack-font-size: var(--label-extra-large-title-font-size);
        --label--titlestack-line-height: var(--label-extra-large-title-line-height);
        --label--titlestack-font-weight: var(--label-extra-large-title-font-weight);
      }
    }
    @container not style(--label-font: extra-large-title) {
      :where(label-view[font=extra-large-title]) {
        --label--titlestack-font-size: var(--label-extra-large-title-font-size);
        --label--titlestack-line-height: var(--label-extra-large-title-line-height);
        --label--titlestack-font-weight: var(--label-extra-large-title-font-weight);
      }
    }
  }
  @supports (x: attr(x type(*))) {
    :where(label-view) {
      --label-style: attr(label-style type(<custom-ident>), inherit);
      --label-truncation-mode: attr(truncation-mode type(<custom-ident>), inherit);
      --label-line-limit: attr(line-limit type(<number>), inherit);
      --label-font: attr(font type(<custom-ident>), inherit);
    }
  }
  @supports not (x: attr(x type(*))) {
    :where(label-view[line-limit="1"]) {
      --label-line-limit: 1;
    }
    :where(label-view[line-limit="2"]) {
      --label-line-limit: 2;
    }
    :where(label-view[truncation-mode=tail]) {
      --label-truncation-mode: tail;
    }
  }
}
@layer sw-components {
  :where(text-view[prose]) {
    container: text-view/inline-size;
    --text-view--p-margin-block-start: 1rem;
  }
  text-view[prose] p {
    margin-block-start: var(--text-view--p-margin-block-start);
  }
  :where(text-view[prose] h1) {
    font-size: clamp(1rem, var(--text-view--h1-font-size) + 0.5rem, 3rem);
  }
}
@layer sw-components {
  :where(toggle-view) {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    --toggle--trigger-bg: lightgray;
  }
  :where(toggle-view)::part(toggle-stack) {
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    column-gap: var(--labeled-content-column-gap);
  }
  :where(toggle-view)::part(toggle-input-stack) {
    align-items: center;
    justify-items: end;
    place-content: stretch;
  }
  :where(toggle-view)::part(toggle-form-input):focus {
    outline: blue solid 5px;
  }
  :where(toggle-view)::part(toggle-form-input) {
    text-align: end;
    position: relative;
    display: grid;
    outline: red solid 3px;
    border-radius: 2rem;
    inline-size: 4rem;
    block-size: 1rem;
    background: var(--toggle--trigger-bg);
  }
  :where(toggle-view)::part(toggle-form-input)::before {
    content: "";
    display: grid;
    position: absolute;
    inset: 0 auto auto 0;
    inline-size: 1rem;
    block-size: 1rem;
    border-radius: 1rem;
    backdrop-filter: var(--liquid-glass-backdrop-filter);
    box-shadow: var(--liquid-glass-box-shadow);
  }
  :where(form toggle-view)::part(toggle-label-stack) {
    color: var(--secondary);
  }
  :where(toggle-view[aria-checked=true]) {
    --toggle--trigger-bg: green;
  }
  :where(toggle-view > :nth-child(n+2 of [slot=label])) {
    --label-font: callout;
  }
  @supports not (x: if(else:red)) {
    :where(toggle-view > :nth-child(n+2 of [slot=label])) {
      --label--titlestack-font-size: var(--label-callout-font-size);
      --label--titlestack-line-height: var(--label-callout-line-height);
      --label--titlestack-font-weight: var(--label-callout-font-weight);
    }
  }
  :where(toggle-view:not(form toggle-view) > :nth-child(n+2 of [slot=label])) {
    color: var(--secondary);
  }
}
@layer sw-components {
  :where(labeled-content) {
    container: labeled-content/inline-size;
  }
  :where(labeled-content)::part(labeled-content-container) {
    grid-template-columns: subgrid;
    gap: var(--labeled-content-row-gap);
  }
  :where(labeled-content)::part(labeled-content-stack) {
    display: flex;
    flex-flow: var(--labeled-content--value-stack-flex-flow, row wrap);
    justify-content: space-between;
    row-gap: var(--labeled-content-row-gap);
    column-gap: var(--labeled-content-column-gap);
  }
  :where(labeled-content)::part(labeled-content-label-stack) {
    --label-truncation-mode: tail;
    --label-line-limit: 1;
  }
  :where(labeled-content)::part(labeled-content-value-stack) {
    color: var(--secondary);
    justify-items: var(--labeled-content--value-stack-justify-items, flex-end);
    word-break: break-word;
  }
  @media (pointer: fine) {
    :where(labeled-content) {
      --labeled-content--value-stack-flex-flow: column;
      --labeled-content--value-stack-justify-items: flex-start;
    }
  }
  :where(labeled-content)[labeled-content-style=vertical] {
    --labeled-content--value-stack-flex-flow: column;
    --labeled-content--value-stack-justify-items: flex-start;
  }
  :where(labeled-content)[labeled-content-style=horizontal] {
    --labeled-content--value-stack-flex-flow: row wrap;
    --labeled-content--value-stack-justify-items: flex-end;
  }
  :where(labeled-content > :nth-child(n+2 of [slot=label]),
  labeled-content > [slot=header],
  labeled-content > [slot=footer]) {
    color: var(--secondary);
  }
}
@layer sw-components {}
@layer sw-components {
  :where(navigation-large-title) {
    transition: --navigation-bar-block-size 1ms step-start;
  }
  :where(navigation-large-title :nth-child(1 of image-view),
  navigation-large-title :nth-child(1 of label-view)) {
    --label-image-size: 5;
  }
  :where(scroll-view[navigation-bar-title-display-mode=inline]:has(navigation-large-title) navigation-large-title[navigation-bar-auto-hide]) {
    opacity: 0;
    visibility: collapse;
  }
  :where(navigation-large-title[background-style=grouped]) {
    background-color: var(--secondaryGroupedBackground);
    border-radius: var(--insetlist-item-border-radius);
    padding-inline: var(--list-item-padding-inline-start) var(--list-item-padding-inline-end);
    padding-block: 1rem;
  }
}
@layer sw-components {
  :where(navigation-title) {
    display: grid;
  }
}
@layer sw-components {
  :where(tab-view:not([tab-view-style=tab-bar-only]) > sidebar-toggle, navigation-split-view > sidebar-toggle) {
    position: fixed;
    inset: max(env(safe-area-inset-top), var(--sidebar-block-spacing)) auto auto 0;
    padding-inline-start: max(env(safe-area-inset-left), var(--sidebar-inline-spacing));
    block-size: calc(var(--safe-area-inset-top) + var(--navigation-bar-block-size));
    place-content: center;
    grid-template-rows: var(--toolbar-cell-min-size);
  }
  :where(tab-view:not([tab-view-style=tab-bar-only]) > sidebar-toggle > *, navigation-split-view > sidebar-toggle > *) {
    min-inline-size: var(--toolbar-cell-min-size);
  }
  @media (min-width: 43rem) and (orientation: portrait) {
    tab-view navigation-split-view > sidebar-toggle {
      inset-block-start: calc(max(env(safe-area-inset-top), var(--sidebar-block-spacing)) + var(--ipad-tabbar-block-size));
    }
  }
  @media (pointer: fine) {
    :where(tab-view[tab-view-style=tab-bar-only] [is=tab-bar] > [is=form-view] > sidebar-toggle) {
      position: sticky;
      left: 0;
      backdrop-filter: blur(20px);
      border-radius: inherit;
    }
    :where(tab-view[tab-view-style=tab-bar-only] > sidebar-toggle) {
      display: none;
    }
  }
  @media (max-width: 42.9999rem) and (orientation: portrait) {
    :where(tab-view:not([tab-view-style=tab-bar-only]) [is=tab-bar] > [is=form-view] > sidebar-toggle, tab-view:not([tab-view-style=tab-bar-only]) > sidebar-toggle) {
      display: none;
    }
  }
  @media (min-width: 43rem) and (orientation: portrait) {
    :where(tab-view:not([tab-view-style=tab-bar-only]) [is=tab-bar] > [is=form-view] > sidebar-toggle) {
      position: sticky;
      left: 0;
      backdrop-filter: blur(20px);
      border-radius: inherit;
    }
    :where(tab-view:not([tab-view-style=tab-bar-only]) > sidebar-toggle) {
      display: none;
    }
  }
  @media (max-width: 67.9999rem) and (orientation: landscape) {
    :where(tab-view:not([tab-view-style=tab-bar-only]) [is=tab-bar] > [is=form-view] > sidebar-toggle) {
      display: none;
    }
  }
  @media (min-width: 68rem) and (orientation: landscape) {
    :where(tab-view:not([tab-view-style=tab-bar-only]) [is=tab-bar] > [is=form-view] > sidebar-toggle, tab-view:not([tab-view-style=tab-bar-only]) > sidebar-toggle, tab-view:not([tab-view-style=tab-bar-only]) > [is=sidebar-view] > tool-bar > sidebar-toggle) {
      display: none;
    }
  }
  @media (max-width: 42.9999rem) {
    :where(navigation-split-view > sidebar-toggle) {
      display: none;
    }
  }
  @media (min-width: 64rem) {
    :where(navigation-split-view > sidebar-toggle) {
      display: none;
    }
  }
  @media (min-width: 43rem) {
    :where(navigation-split-view:not(:has(> [is=sidebar-view])) > sidebar-toggle) {
      display: none;
    }
    :where(navigation-split-view:has(> [is=sidebar-view]):not([preferred-compact-column=content]) > sidebar-toggle, navigation-split-view:has(> [is=sidebar-view])[column-visibility=double-column] > sidebar-toggle) {
      display: none;
    }
  }
}
@layer sw-components {
  :where(menu-view)::part(menu-summary) {
    transform: var(--menu--summary-scale, );
    filter: var(--menu--summary-filter, );
  }
  :where(menu-view)::part(menu-scrollable) {
    scrollbar-width: thin;
    block-size: calc(100% + 1px);
    padding: var(--menu-padding);
  }
  :where(menu-view)::part(menu-form) {
    inline-size: max-content;
    block-size: min-content;
    max-inline-size: var(--menu-max-inline-size, );
    max-block-size: var(--menu-max-block-size, );
    overflow: clip auto;
    border-radius: inherit;
    background-color: light-dark(var(--menu-bg), var(--menu-bg-dark));
    scrollbar-width: thin;
  }
  :where(menu-view)::part(menu-form)::before {
    grid-column: 1/-1;
    grid-row: 1/-1;
    content: "";
    display: block;
    block-size: calc(100% + 1px);
    z-index: -1;
    pointer-events: none;
  }
  :where(menu-view)::part(menu-form) {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    --menu--dialog-max-inline-size: anchor-size();
    --menu--dialog-max-block-size: anchor-size();
  }
  :where(menu-view)::part(menu-dialog) {
    inset-inline: 0px;
    inset-block: 0px;
    margin: 0px;
    border: none;
    padding: 0px;
    background-color: transparent;
    color: transparent;
    max-width: 100lvw;
    max-height: 100lvh;
    outline: none;
  }
  :where(menu-view)::part(menu-dialog)::backdrop {
    background-color: transparent;
  }
  :where(menu-view)::part(menu-dialog) {
    color: var(--text, );
    touch-action: none;
    position: fixed;
    inline-size: fit-content;
    block-size: fit-content;
    height: auto;
    max-inline-size: var(--menu--dialog-max-inline-size, );
    max-block-size: var(--menu--dialog-max-block-size, );
    margin-block: var(--menu--dialog-margin-block, );
    margin-inline: var(--menu--dialog-margin-inline, );
    transform: var(--menu--dialog-scale, );
    position-area: center;
    overflow: clip;
    border-radius: calc(var(--menu-item-border-radius) + var(--menu-padding));
    backdrop-filter: var(--liquid-glass-backdrop-filter, );
    box-shadow: var(--menu-popover-box-shadow, );
    --menu--dialog-scale: scale(0);
    --menu--summary-scale: ;
    --menu--summary-filter: ;
  }
  :where(menu-view[open])::part(menu-dialog) {
    --menu--dialog-max-inline-size: 100vw;
    --menu--dialog-max-block-size: 100vh;
    --menu--dialog-margin-block: max(env(safe-area-inset-top), var(--menu-spacing)) max(env(safe-area-inset-bottom), var(--menu-spacing));
    --menu--dialog-margin-inline: max(env(safe-area-inset-left), var(--menu-spacing)) max(env(safe-area-inset-right), var(--menu-spacing));
    --menu--dialog-scale: scale(1);
  }
  :where(menu-view[closing])::part(menu-dialog) {
    --menu--dialog-max-inline-size: anchor-size();
    --menu--dialog-max-block-size: anchor-size();
  }
  :where(menu-view[open]:not(tool-bar-item > menu-view)) {
    --menu--summary-scale: scale(0.01);
    --menu--summary-filter: blur(10px);
  }
  :where(menu-view)::part(menu-summary) {
    appearance: none;
    -webkit-appearance: none;
    border: var(--menusummaryborder,);
    background: var(--menusummaryface,);
    color: var(--menusummarytext,);
    padding-inline: var(--menusummarypadistart,) var(--menusummarypadiend,);
    padding-block: var(--menusummarypadbstart,) var(--menusummarypadbend,);
    border-radius: var(--menusummaryradiustl,) var(--menusummaryradiustr,) var(--menusummaryradiusbr,) var(--menusummaryradiusbl,);
  }
  :where(menu-view > button, menu-view > [is=disclosure-group] > button, menu-view > [is=disclosure-group] > summary), :where(menu-view > menu-view)::part(menu-summary) {
    appearance: none;
    -webkit-appearance: none;
    border: var(--menuitemborder,);
    background: var(--menuitemface,);
    color: var(--menuitemtext,);
    padding-inline: var(--menuitempadistart,) var(--menuitempadiend,);
    padding-block: var(--menuitempadbstart,) var(--menuitempadbend,);
    border-radius: var(--menuitemradiustl,) var(--menuitemradiustr,) var(--menuitemradiusbr,) var(--menuitemradiusbl,);
  }
  :where(menu-view)::part(menu-scrollable) {
    --menuitempadistart: var(--menu-item-padding-inline-start);
    --menuitempadiend: var(--menu-item-padding-inline-end);
    --menuitempadbstart: var(--menu-item-padding-block-start);
    --menuitempadbend: var(--menu-item-padding-block-end);
    --menuitemradiustr: var(--menu-item-border-radius);
    --menuitemradiustl: var(--menu-item-border-radius);
    --menuitemradiusbr: var(--menu-item-border-radius);
    --menuitemradiusbl: var(--menu-item-border-radius);
  }
  :where(menu-view) {
    --disclosure-style: marker-trailing;
  }
}
@layer sw-colors {
  :where(menu-view:not(:disabled):not([readonly])):focus-visible {
    outline: none;
  }
  :where(menu-view:not(:disabled):not([readonly])):focus-visible::part(menu-summary) {
    --menusummaryface: var(--menusummaryhighlightface,);
    --menusummarytext: var(--menusummaryhighlighttext,);
  }
  @media (pointer: fine) {
    :where(menu-view:not(:disabled):not([readonly])):hover::part(menu-summary) {
      --menusummaryface: var(--menusummaryhighlightface,);
      --menusummarytext: var(--menusummaryhighlighttext,);
    }
  }
  :where(menu-view > button:not(:disabled):not([readonly]),
  menu-view > [is=disclosure-group] > button:not(:disabled):not([readonly]),
  menu-view > [is=disclosure-group] > summary:not(:disabled):not([readonly])):focus-visible {
    outline: none;
  }
  :where(menu-view > button:not(:disabled):not([readonly]),
  menu-view > [is=disclosure-group] > button:not(:disabled):not([readonly]),
  menu-view > [is=disclosure-group] > summary:not(:disabled):not([readonly])):focus-visible {
    --menuitemface: var(--menuitemhighlightface,);
    --menuitemtext: var(--menuitemhighlighttext,);
    --secondary: var(--menuitemtext);
    --blue: var(--menuitemtext);
    --red: var(--menuitemtext);
    --green: var(--menuitemtext);
    --orange: var(--menuitemtext);
    --purple: var(--menuitemtext);
    --accentColor: var(--menuitemtext);
    --accentColorEffective: var(--menuitemtext);
  }
  @media (pointer: fine) {
    :where(menu-view > button:not(:disabled):not([readonly]),
    menu-view > [is=disclosure-group] > button:not(:disabled):not([readonly]),
    menu-view > [is=disclosure-group] > summary:not(:disabled):not([readonly])):hover {
      --menuitemface: var(--menuitemhighlightface,);
      --menuitemtext: var(--menuitemhighlighttext,);
      --secondary: var(--menuitemtext);
      --blue: var(--menuitemtext);
      --red: var(--menuitemtext);
      --green: var(--menuitemtext);
      --orange: var(--menuitemtext);
      --purple: var(--menuitemtext);
      --accentColor: var(--menuitemtext);
      --accentColorEffective: var(--menuitemtext);
    }
  }
  :where(menu-view > menu-view:not(:disabled):not([readonly])):focus-visible {
    outline: none;
  }
  :where(menu-view > menu-view:not(:disabled):not([readonly])):focus-visible::part(menu-summary) {
    --menuitemface: var(--menuitemhighlightface,);
    --menuitemtext: var(--menuitemhighlighttext,);
    --secondary: var(--menuitemtext);
    --blue: var(--menuitemtext);
    --red: var(--menuitemtext);
    --green: var(--menuitemtext);
    --orange: var(--menuitemtext);
    --purple: var(--menuitemtext);
    --accentColor: var(--menuitemtext);
    --accentColorEffective: var(--menuitemtext);
  }
  @media (pointer: fine) {
    :where(menu-view > menu-view:not(:disabled):not([readonly])):hover::part(menu-summary) {
      --menuitemface: var(--menuitemhighlightface,);
      --menuitemtext: var(--menuitemhighlighttext,);
      --secondary: var(--menuitemtext);
      --blue: var(--menuitemtext);
      --red: var(--menuitemtext);
      --green: var(--menuitemtext);
      --orange: var(--menuitemtext);
      --purple: var(--menuitemtext);
      --accentColor: var(--menuitemtext);
      --accentColorEffective: var(--menuitemtext);
    }
  }
}
@layer sw-actions {
  :where(menu-view:not(:disabled):not([readonly])):active::part(menu-summary) {
    --menusummaryface: var(--menusummaryactiveface,);
    --menusummarytext: var(--menusummaryactivetext,);
  }
  :where(menu-view > button:not(:disabled):not([readonly]),
  menu-view > [is=disclosure-group] > button:not(:disabled):not([readonly]),
  menu-view > [is=disclosure-group] > summary:not(:disabled):not([readonly])):active {
    --menuitemface: var(--menuitemactiveface,);
    --menuitemtext: var(--menuitemactivetext,);
  }
  :where(menu-view > menu-view:not(:disabled):not([readonly])):active::part(menu-summary) {
    --menuitemface: var(--menuitemactiveface,);
    --menuitemtext: var(--menuitemactivetext,);
  }
}
@layer sw-components {
  :where([is=sidebar-view]) {
    inset-inline: 0px;
    inset-block: 0px;
    margin: 0px;
    border: none;
    padding: 0px;
    background-color: transparent;
    color: transparent;
    max-width: 100lvw;
    max-height: 100lvh;
    outline: none;
  }
  :where([is=sidebar-view])::backdrop {
    background-color: transparent;
  }
  :where([is=sidebar-view]) {
    width: 100%;
    height: 100%;
    position: relative;
  }
  @media (prefers-reduced-motion: no-preference) {
    :where([is=sidebar-view])::backdrop {
      transition: display var(--view-transition-duration) ease-out allow-discrete, overlay var(--view-transition-duration) ease-out allow-discrete, background-color var(--view-transition-duration) ease-out allow-discrete;
      will-change: background-color, overlay, display;
    }
  }
  :where([is=sidebar-view]) {
    transform: var(--sidebar-view-scale, );
    --list-style: sidebar;
    --form-style: sidebar;
  }
  @media (max-width: 42.9999rem) {
    :where(navigation-split-view :where([is=sidebar-view])) {
      --list-style: unset;
      --form-style: unset;
    }
  }
  :where([is=sidebar-view] > *) {
    grid-column: 1/-1;
    grid-row: 1/-1;
  }
  :where([is=sidebar-view][open])::backdrop {
    background-color: var(--view-transition-dialog-onscreen-backdrop-bg);
  }
  @starting-style {
    :where([is=sidebar-view][open])::backdrop {
      background-color: transparent;
    }
  }
}
@layer sw-final {
  :where([is=sidebar-view][open]) {
    margin-inline-start: max(env(safe-area-inset-left), var(--sidebar-inline-spacing));
  }
}
@layer sw-list-components {
  :where(list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)) {
    --list--section-gap: var(--list-row-gap);
    --list--host-background-color: var(--list-background-color, );
    --list--highlighteditem-background-color: var(--list-highlighteditem-background-color, );
    --list--item-background-color: var(--list-item-background-color, );
    --list--item-padding-inline-start: var(--list-item-padding-inline-start);
    --list--item-padding-inline-end: var(--list-item-padding-inline-end);
    --list--item-padding-block-start: var(--list-item-padding-block-start);
    --list--item-padding-block-end: var(--list-item-padding-block-end);
    --list--item-color: var(--list-item-color, );
    --list--highlighteditem-color: var(--list-highlighteditem-color, );
    --list--details-background-color: var(--list-openitem-background-color, );
    --list--details-color: var(--list-openitem-color, );
    --list--opensummary-background-color: var(--list-opensummary-background-color, );
    --list--opensummary-color: var(--list-opensummary-color, );
    --list--accessories-size: 1.1rem;
    --list--accessories-display: grid;
  }
  @supports (x: if(else:red)) {
    :where(list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)) {
      --list--item-color: if(style(--list-style: inset): var(--insetlist-item-color, ); style(--list-style: inset-grouped): var(--insetgroupedlist-item-color, ); style(--list-style: sidebar): var(--sidebarlist-item-color, ); else: var(--list-item-color, ) ;);
      --list--item-background-color: if(style(--list-style: inset): var(--insetlist-item-background-color, ); style(--list-style: inset-grouped): var(--insetgroupedlist-item-background-color, ); style(--list-style: sidebar): var(--sidebarlist-item-background-color, ); else: var(--list-item-background-color, ) ;);
      --list--highlighteditem-color: if(style(--list-style: inset): var(--insetlist-highlighteditem-color, ); style(--list-style: inset-grouped): var(--insetgroupedlist-highlighteditem-color, ); style(--list-style: sidebar): var(--sidebarlist-highlighteditem-color, ); else: var(--list-highlighteditem-color, ) ;);
      --list--highlighteditem-background-color: if(style(--list-style: inset): var(--insetlist-highlighteditem-background-color, ); style(--list-style: inset-grouped): var(--insetgroupedlist-highlighteditem-background-color, ); style(--list-style: sidebar): var(--sidebarlist-highlighteditem-background-color, ); else: var(--list-highlighteditem-background-color, ) ;);
      --list--item-border-radius: if(style(--list-style: inset): var(--insetlist-item-border-radius); style(--list-style: inset-grouped): var(--insetlist-item-border-radius); style(--list-style: sidebar): var(--insetlist-item-border-radius); );
      --list--host-background-color: if(style(--list-style: inset): var(--insetlist-background-color, ); style(--list-style: inset-grouped): var(--insetgroupedlist-background-color, ); style(--list-style: sidebar): var(--sidebarlist-background-color, ); else: var(--list-background-color, ) ;);
      --list--host-padding-inline: if(style(--list-style: inset): var(--insetlist-padding-inline); style(--list-style: inset-grouped): var(--insetgroupedlist-padding-inline); style(--list-style: sidebar): var(--sidebarlist-padding-inline); );
      --list--host-padding-block: if(style(--list-style: inset): var(--insetlist-padding-block); style(--list-style: inset-grouped): var(--insetgroupedlist-padding-block); style(--list-style: sidebar): var(--sidebarlist-padding-block); );
      --list--adjacentdetailsitem-border-radius: if(style(--list-style: inset): 0; );
      --list--details-background-color: if(style(--list-style: inset): var(--insetlist-openitem-background-color, ); style(--list-style: inset-grouped): var(--insetgroupedlist-openitem-background-color, ); style(--list-style: sidebar): var(--sidebarlist-openitem-background-color, ); else: var(--list-openitem-background-color, ) ;);
      --list--details-color: if(style(--list-style: inset): var(--insetlist-openitem-color, ); style(--list-style: inset-grouped): var(--insetgroupedlist-openitem-color, ); style(--list-style: sidebar): var(--sidebarlist-openitem-color, ); else: var(--list-openitem-color, ) ;);
      --list--opendetails-background-color: if(style(--list-style: inset): var(--insetlist-openitem-background-color, ); style(--list-style: inset-grouped): var(--insetgroupedlist-openitem-background-color, ); );
      --list--opendetails-color: if(style(--list-style: inset): var(--insetlist-openitem-color, ); style(--list-style: inset-grouped): var(--insetgroupedlist-openitem-color, ); );
      --list--opensummary-background-color: if(style(--list-style: inset): var(--insetlist-opensummary-background-color, ); style(--list-style: inset-grouped): var(--insetgroupedlist-opensummary-background-color, ); style(--list-style: sidebar): var(--sidebarlist-opensummary-background-color, ); else: var(--list-opensummary-background-color, ) ;);
      --list--opensummary-color: if(style(--list-style: inset): var(--insetlist-opensummary-color, ); style(--list-style: inset-grouped): var(--insetgroupedlist-opensummary-color, ); style(--list-style: sidebar): var(--sidebarlist-opensummary-color, ); else: var(--list-opensummary-color, ) ;);
      --list--adjacentitem-border-radius: if(style(--list-style: inset-grouped): 0; style(--list-style: sidebar): unset; );
      --list--details-gap: if(style(--list-style: sidebar): var(--list-row-gap); );
      --list--rootsummary-padding-inline-start: if(style(--list-style: sidebar): 5px; );
      --list--rootsummary-padding-inline-end: if(style(--list-style: sidebar): 5px; );
      --list--rootsummary-padding-block-start: if(style(--list-style: sidebar): 2px; );
      --list--rootsummary-padding-block-end: if(style(--list-style: sidebar): 2px; );
      --list--item-padding-inline-start: if(style(--list-style: sidebar): 5px; else: var(--list-item-padding-inline-start) ;);
      --list--item-padding-inline-end: if(style(--list-style: sidebar): 5px; else: var(--list-item-padding-inline-end) ;);
      --list--item-padding-block-start: if(style(--list-style: sidebar): 5px; else: var(--list-item-padding-block-start) ;);
      --list--item-padding-block-end: if(style(--list-style: sidebar): 5px; else: var(--list-item-padding-block-end) ;);
      --list--rootsummary-background-color: if(style(--list-style: sidebar): transparent; );
      --list--rootsummary-color: if(style(--list-style: sidebar): var(--primary, ); );
      --list--selectedrootsummary-background-color: if(style(--list-style: sidebar): transparent; );
      --list--selectedrootsummary-color: if(style(--list-style: sidebar): var(--primary, ); );
      --list--separator-background-color: if(style(--list-style: sidebar): transparent; );
      --list--activeseparator-background-color: if(style(--list-style: sidebar): transparent; );
      --list--accessories-size: if(style(--list-style: sidebar): 0rem; else: 1.1rem ;);
      --list--accessories-display: if(style(--list-style: sidebar): none; else: grid ;);
      --list--rootsummary-marker-display: if(style(--list-style: sidebar): marker-trailing; );
    }
  }
  @supports not (x: if(else:red)) {
    @container style(--list-style: inset) {
      :where(list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view):not([list-style])) {
        --list-style: inset;
        --list--item-color: var(--insetlist-item-color, );
        --list--item-background-color: var(--insetlist-item-background-color, );
        --list--highlighteditem-color: var(--insetlist-highlighteditem-color, );
        --list--highlighteditem-background-color: var(--insetlist-highlighteditem-background-color, );
        --list--item-border-radius: var(--insetlist-item-border-radius);
        --list--host-background-color: var(--insetlist-background-color, );
        --list--host-padding-inline: var(--insetlist-padding-inline);
        --list--host-padding-block: var(--insetlist-padding-block);
        --list--adjacentdetailsitem-border-radius: 0;
        --list--details-background-color: var(--insetlist-openitem-background-color, );
        --list--details-color: var(--insetlist-openitem-color, );
        --list--opendetails-background-color: var(--insetlist-openitem-background-color, );
        --list--opendetails-color: var(--insetlist-openitem-color, );
        --list--opensummary-background-color: var(--insetlist-opensummary-background-color, );
        --list--opensummary-color: var(--insetlist-opensummary-color, );
      }
    }
    @container style(--list-style: inset-grouped) {
      :where(list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view):not([list-style])) {
        --list-style: inset-grouped;
        --list--item-color: var(--insetgroupedlist-item-color, );
        --list--item-background-color: var(--insetgroupedlist-item-background-color, );
        --list--item-border-radius: var(--insetlist-item-border-radius);
        --list--highlighteditem-color: var(--insetgroupedlist-highlighteditem-color, );
        --list--highlighteditem-background-color: var(--insetgroupedlist-highlighteditem-background-color, );
        --list--host-background-color: var(--insetgroupedlist-background-color, );
        --list--host-padding-inline: var(--insetgroupedlist-padding-inline);
        --list--host-padding-block: var(--insetgroupedlist-padding-block);
        --list--adjacentitem-border-radius: 0;
        --list--details-background-color: var(--insetgroupedlist-openitem-background-color, );
        --list--details-color: var(--insetgroupedlist-openitem-color, );
        --list--opendetails-background-color: var(--insetgroupedlist-openitem-background-color, );
        --list--opendetails-color: var(--insetgroupedlist-openitem-color, );
        --list--opensummary-background-color: var(--insetgroupedlist-opensummary-background-color, );
        --list--opensummary-color: var(--insetgroupedlist-opensummary-color, );
      }
    }
    @container style(--list-style: sidebar) {
      :where(list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view):not([list-style])) {
        --list-style: sidebar;
        --list--item-border-radius: var(--insetlist-item-border-radius);
        --list--details-gap: var(--list-row-gap);
        --list--rootsummary-padding-inline-start: 5px;
        --list--rootsummary-padding-inline-end: 5px;
        --list--rootsummary-padding-block-start: 2px;
        --list--rootsummary-padding-block-end: 2px;
        --list--item-padding-inline-start: 5px;
        --list--item-padding-inline-end: 5px;
        --list--item-padding-block-start: 5px;
        --list--item-padding-block-end: 5px;
        --list--adjacentitem-border-radius: unset;
        --list--host-background-color: var(--sidebarlist-background-color, );
        --list--host-padding-inline: var(--sidebarlist-padding-inline);
        --list--host-padding-block: var(--sidebarlist-padding-block);
        --list--item-background-color: var(--sidebarlist-item-background-color, );
        --list--item-color: var(--sidebarlist-item-color, );
        --list--highlighteditem-background-color: var(--sidebarlist-highlighteditem-background-color, );
        --list--highlighteditem-color: var(--sidebarlist-highlighteditem-color, );
        --list--rootsummary-background-color: transparent;
        --list--rootsummary-color: var(--primary, );
        --list--selectedrootsummary-background-color: transparent;
        --list--selectedrootsummary-color: var(--primary, );
        --list--separator-background-color: transparent;
        --list--activeseparator-background-color: transparent;
        --list--details-background-color: var(--sidebarlist-openitem-background-color, );
        --list--details-color: var(--sidebarlist-openitem-color, );
        --list--opensummary-background-color: var(--sidebarlist-opensummary-background-color, );
        --list--opensummary-color: var(--sidebarlist-opensummary-color, );
        --list--accessories-size: 0rem;
        --list--accessories-display: none;
        --list--rootsummary-marker-display: marker-trailing;
      }
    }
    :where(list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)[list-style=inset]) {
      --list-style: inset;
      --list--item-color: var(--insetlist-item-color, );
      --list--item-background-color: var(--insetlist-item-background-color, );
      --list--highlighteditem-color: var(--insetlist-highlighteditem-color, );
      --list--highlighteditem-background-color: var(--insetlist-highlighteditem-background-color, );
      --list--item-border-radius: var(--insetlist-item-border-radius);
      --list--host-background-color: var(--insetlist-background-color, );
      --list--host-padding-inline: var(--insetlist-padding-inline);
      --list--host-padding-block: var(--insetlist-padding-block);
      --list--adjacentdetailsitem-border-radius: 0;
      --list--details-background-color: var(--insetlist-openitem-background-color, );
      --list--details-color: var(--insetlist-openitem-color, );
      --list--opendetails-background-color: var(--insetlist-openitem-background-color, );
      --list--opendetails-color: var(--insetlist-openitem-color, );
      --list--opensummary-background-color: var(--insetlist-opensummary-background-color, );
      --list--opensummary-color: var(--insetlist-opensummary-color, );
    }
    :where(list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)[list-style=inset-grouped]) {
      --list-style: inset-grouped;
      --list--item-color: var(--insetgroupedlist-item-color, );
      --list--item-background-color: var(--insetgroupedlist-item-background-color, );
      --list--item-border-radius: var(--insetlist-item-border-radius);
      --list--highlighteditem-color: var(--insetgroupedlist-highlighteditem-color, );
      --list--highlighteditem-background-color: var(--insetgroupedlist-highlighteditem-background-color, );
      --list--host-background-color: var(--insetgroupedlist-background-color, );
      --list--host-padding-inline: var(--insetgroupedlist-padding-inline);
      --list--host-padding-block: var(--insetgroupedlist-padding-block);
      --list--adjacentitem-border-radius: 0;
      --list--details-background-color: var(--insetgroupedlist-openitem-background-color, );
      --list--details-color: var(--insetgroupedlist-openitem-color, );
      --list--opendetails-background-color: var(--insetgroupedlist-openitem-background-color, );
      --list--opendetails-color: var(--insetgroupedlist-openitem-color, );
      --list--opensummary-background-color: var(--insetgroupedlist-opensummary-background-color, );
      --list--opensummary-color: var(--insetgroupedlist-opensummary-color, );
    }
    :where(list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)[list-style=sidebar]) {
      --list-style: sidebar;
      --list--item-border-radius: var(--insetlist-item-border-radius);
      --list--details-gap: var(--list-row-gap);
      --list--rootsummary-padding-inline-start: 5px;
      --list--rootsummary-padding-inline-end: 5px;
      --list--rootsummary-padding-block-start: 2px;
      --list--rootsummary-padding-block-end: 2px;
      --list--item-padding-inline-start: 5px;
      --list--item-padding-inline-end: 5px;
      --list--item-padding-block-start: 5px;
      --list--item-padding-block-end: 5px;
      --list--adjacentitem-border-radius: unset;
      --list--host-background-color: var(--sidebarlist-background-color, );
      --list--host-padding-inline: var(--sidebarlist-padding-inline);
      --list--host-padding-block: var(--sidebarlist-padding-block);
      --list--item-background-color: var(--sidebarlist-item-background-color, );
      --list--item-color: var(--sidebarlist-item-color, );
      --list--highlighteditem-background-color: var(--sidebarlist-highlighteditem-background-color, );
      --list--highlighteditem-color: var(--sidebarlist-highlighteditem-color, );
      --list--rootsummary-background-color: transparent;
      --list--rootsummary-color: var(--primary, );
      --list--selectedrootsummary-background-color: transparent;
      --list--selectedrootsummary-color: var(--primary, );
      --list--separator-background-color: transparent;
      --list--activeseparator-background-color: transparent;
      --list--details-background-color: var(--sidebarlist-openitem-background-color, );
      --list--details-color: var(--sidebarlist-openitem-color, );
      --list--opensummary-background-color: var(--sidebarlist-opensummary-background-color, );
      --list--opensummary-color: var(--sidebarlist-opensummary-color, );
      --list--accessories-size: 0rem;
      --list--accessories-display: none;
      --list--rootsummary-marker-display: marker-trailing;
    }
    @media (min-width: 43rem) {
      :where(navigation-split-view [is=sidebar-view] list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)[list-style]) {
        --list--item-border-radius: var(--insetlist-item-border-radius);
        --list--details-gap: var(--list-row-gap);
        --list--rootsummary-padding-inline-start: 5px;
        --list--rootsummary-padding-inline-end: 5px;
        --list--rootsummary-padding-block-start: 2px;
        --list--rootsummary-padding-block-end: 2px;
        --list--item-padding-inline-start: 5px;
        --list--item-padding-inline-end: 5px;
        --list--item-padding-block-start: 5px;
        --list--item-padding-block-end: 5px;
        --list--adjacentitem-border-radius: unset;
        --list--host-background-color: var(--sidebarlist-background-color, );
        --list--host-padding-inline: var(--sidebarlist-padding-inline);
        --list--host-padding-block: var(--sidebarlist-padding-block);
        --list--item-background-color: var(--sidebarlist-item-background-color, );
        --list--item-color: var(--sidebarlist-item-color, );
        --list--highlighteditem-background-color: var(--sidebarlist-highlighteditem-background-color, );
        --list--highlighteditem-color: var(--sidebarlist-highlighteditem-color, );
        --list--rootsummary-background-color: transparent;
        --list--rootsummary-color: var(--primary, );
        --list--selectedrootsummary-background-color: transparent;
        --list--selectedrootsummary-color: var(--primary, );
        --list--separator-background-color: transparent;
        --list--activeseparator-background-color: transparent;
        --list--details-background-color: var(--sidebarlist-openitem-background-color, );
        --list--details-color: var(--sidebarlist-openitem-color, );
        --list--opensummary-background-color: var(--sidebarlist-opensummary-background-color, );
        --list--opensummary-color: var(--sidebarlist-opensummary-color, );
        --list--accessories-size: 0rem;
        --list--accessories-display: none;
        --list--rootsummary-marker-display: marker-trailing;
      }
      :where(navigation-split-view > scroll-view list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)[preferred-expanded-style], navigation-split-view > body-view > scroll-view list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)[preferred-expanded-style]) {
        --list--item-color: var(--insetlist-item-color, );
        --list--item-background-color: var(--insetlist-item-background-color, );
        --list--highlighteditem-color: var(--insetlist-highlighteditem-color, );
        --list--highlighteditem-background-color: var(--insetlist-highlighteditem-background-color, );
        --list--item-border-radius: var(--insetlist-item-border-radius);
        --list--host-background-color: var(--insetlist-background-color, );
        --list--host-padding-inline: var(--insetlist-padding-inline);
        --list--host-padding-block: var(--insetlist-padding-block);
        --list--adjacentdetailsitem-border-radius: 0;
        --list--details-background-color: var(--insetlist-openitem-background-color, );
        --list--details-color: var(--insetlist-openitem-color, );
        --list--opendetails-background-color: var(--insetlist-openitem-background-color, );
        --list--opendetails-color: var(--insetlist-openitem-color, );
        --list--opensummary-background-color: var(--insetlist-opensummary-background-color, );
        --list--opensummary-color: var(--insetlist-opensummary-color, );
      }
    }
  }
  @supports (x: attr(x type(*))) {
    :where(list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)) {
      --list-style: attr(list-style type(<custom-ident>), inherit);
    }
    @media (min-width: 43rem) {
      :where(navigation-split-view:has(> [is=sidebar-view]) > [is=sidebar-view] list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)[list-style]) {
        --list-style: sidebar;
      }
      :where(navigation-split-view > scroll-view list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)[preferred-expanded-style], navigation-split-view > body-view > scroll-view list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)[preferred-expanded-style]) {
        --list-style: inset;
      }
    }
  }
  @container not style(--list-style: sidebar) {
    :where(list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) button[list-item-tint]) {
      --itemhighlightface: var(--accentColor3);
      --itemactiveface: var(--accentColor3);
    }
    list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) button[list-item-tint]:not([navigation-link]) {
      --itemtext: var(--accentColor);
      --itemhighlighttext: var(--accentColor);
      --itemactivetext: var(--accentColor);
    }
  }
  @container style(--list-style: sidebar) {
    :where(list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) button[list-item-tint]) {
      --itemhighlightface: var(--accentColor);
      --itemactiveface: var(--accentColor);
    }
  }
  @media (min-width: 43rem) {
    :where(navigation-split-view > scroll-view list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)) {
      --list--accessories-size: 0rem;
      --list--accessories-display: none;
      --insetlist-highlighteditem-background-color: var(--accentColor);
      --insetlist-highlighteditem-color: var(--tintcontrast);
      --insetgroupedlist-highlighteditem-background-color: var(--accentColor);
      --insetgroupedlist-highlighteditem-color: var(--tintcontrast);
    }
    @container style(--list-style: inset) or style(--list-style: inset-grouped) {
      :where(navigation-split-view > scroll-view list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) button[list-item-tint]) {
        --itemhighlightface: var(--accentColor);
        --itemactiveface: var(--accentColor);
      }
    }
    :where(navigation-split-view:has(> [is=sidebar-view])[preferred-compact-column=content]:not([column-visibility=double-column]) > body-view > scroll-view list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)) {
      --list--accessories-size: 0rem;
      --list--accessories-display: none;
      --insetlist-highlighteditem-background-color: var(--accentColor);
      --insetlist-highlighteditem-color: var(--tintcontrast);
      --insetgroupedlist-highlighteditem-background-color: var(--accentColor);
      --insetgroupedlist-highlighteditem-color: var(--tintcontrast);
    }
    @container style(--list-style: inset) or style(--list-style: inset-grouped) {
      :where(navigation-split-view:has(> [is=sidebar-view])[preferred-compact-column=content]:not([column-visibility=double-column]) > body-view > scroll-view list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) button[list-item-tint]) {
        --itemhighlightface: var(--accentColor);
        --itemactiveface: var(--accentColor);
      }
    }
  }
  @media (min-width: 64rem) {
    :where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) > body-view > scroll-view list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)) {
      --list--accessories-size: 0rem;
      --list--accessories-display: none;
      --insetlist-highlighteditem-background-color: var(--accentColor);
      --insetlist-highlighteditem-color: var(--tintcontrast);
      --insetgroupedlist-highlighteditem-background-color: var(--accentColor);
      --insetgroupedlist-highlighteditem-color: var(--tintcontrast);
    }
    @container style(--list-style: inset) or style(--list-style: inset-grouped) {
      :where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) > body-view > scroll-view list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) button[list-item-tint]) {
        --itemhighlightface: var(--accentColor);
        --itemactiveface: var(--accentColor);
      }
    }
  }
  :where(list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)[navigation-link-indicator-visibility=hidden]) {
    --list--accessories-size: 0rem;
    --list--accessories-display: none;
  }
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)[preferred-root-disclosure-style=sidebar] {
    --list--rootsummary-color: var(--primary);
    --list--selectedrootsummary-color: var(--primary);
    --list--rootsummary-background-color: transparent;
    --list--selectedrootsummary-background-color: transparent;
    --list--rootsummary-padding-inline-start: var(--list--item-padding-inline-start);
    --list--rootsummary-padding-inline-end: var(--list--item-padding-inline-start);
    --list--rootsummary-padding-block-start: 5px;
    --list--rootsummary-padding-block-end: 5px;
  }
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)[preferred-root-disclosure-style=sidebar] > [is=disclosure-group] ~ [is=disclosure-group],
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)[preferred-root-disclosure-style=sidebar] > section-view > [is=disclosure-group] ~ [is=disclosure-group] {
    margin-block-start: var(--list-row-gap);
  }
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)[preferred-root-disclosure-style=sidebar] > [is=disclosure-group] ~ [is=disclosure-group]::before,
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)[preferred-root-disclosure-style=sidebar] > section-view > [is=disclosure-group] ~ [is=disclosure-group]::before {
    display: none;
  }
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)[preferred-root-disclosure-style=sidebar] > [is=disclosure-group],
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)[preferred-root-disclosure-style=sidebar] > section-view > [is=disclosure-group] {
    --list--details-background-color: var(--list--item-background-color);
    --list--opensummary-background-color: var(--list--item-background-color);
  }
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)[preferred-root-disclosure-style=sidebar] > [is=disclosure-group] > details,
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)[preferred-root-disclosure-style=sidebar] > [is=disclosure-group] > button:first-of-type,
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)[preferred-root-disclosure-style=sidebar] > section-view > [is=disclosure-group] > details,
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)[preferred-root-disclosure-style=sidebar] > section-view > [is=disclosure-group] > button:first-of-type {
    --itemradiustl: var(--list--item-border-radius);
    --itemradiustr: var(--list--item-border-radius);
  }
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)[preferred-root-disclosure-style=sidebar] > [is=disclosure-group] > details::before,
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)[preferred-root-disclosure-style=sidebar] > [is=disclosure-group] > button:first-of-type::before,
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)[preferred-root-disclosure-style=sidebar] > section-view > [is=disclosure-group] > details::before,
  list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)[preferred-root-disclosure-style=sidebar] > section-view > [is=disclosure-group] > button:first-of-type::before {
    display: none;
  }
}
@layer sw-list-components {
  :where([is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view])) {
    --list--section-gap: var(--form-gap);
    --list--host-background-color: var(--form-background-color, );
    --list--item-padding-inline-start: var(--form-item-padding-inline-start);
    --list--item-padding-inline-end: var(--form-item-padding-inline-end);
    --list--item-padding-block-start: var(--form-item-padding-block-start);
    --list--item-padding-block-end: var(--form-item-padding-block-end);
    --list--item-background-color: var(--form-item-background-color, );
    --list--highlighteditem-background-color: var(--form-highlighteditem-background-color, );
    --list--item-color: var(--form-item-color, );
    --list--highlighteditem-color: var(--form-highlighteditem-color, );
    --list--accessories-size: 1.1rem;
    --list--accessories-display: grid;
  }
  [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) :where(section-view:has(> [slot=header]), section-view:has(> [slot=footer]) + section-view) {
    --list--section-gap: var(--form-extra-gap);
  }
  @supports (x: if(else:red)) {
    :where([is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view])) {
      --list--host-background-color: if(style(--form-style: inset): var(--insetform-background-color, ); style(--form-style: inset-grouped): var(--insetgroupedform-background-color, ); style(--form-style: sidebar): var(--sidebarform-background-color, ); else: var(--form-background-color, ) ;);
      --list--host-padding-inline: if(style(--form-style: inset): var(--insetform-padding-inline); style(--form-style: inset-grouped): var(--insetgroupedform-padding-inline); style(--form-style: sidebar): var(--sidebarform-padding-inline); );
      --list--host-padding-block: if(style(--form-style: inset): var(--insetform-padding-block); style(--form-style: inset-grouped): var(--insetgroupedform-padding-block); style(--form-style: sidebar): var(--sidebarform-padding-block); );
      --list--item-color: if(style(--form-style: inset): var(--insetform-item-color, ); style(--form-style: inset-grouped): var(--insetgroupedform-item-color, ); style(--form-style: sidebar): var(--sidebarform-item-color, ); else: var(--form-item-color, ) ;);
      --list--item-background-color: if(style(--form-style: inset): var(--insetform-item-background-color, ); style(--form-style: inset-grouped): var(--insetgroupedform-item-background-color, ); style(--form-style: sidebar): var(--sidebarform-item-background-color, ); else: var(--form-item-background-color, ) ;);
      --list--highlighteditem-color: if(style(--form-style: inset): var(--insetform-highlighteditem-color, ); style(--form-style: inset-grouped): var(--insetgroupedform-highlighteditem-color, ); style(--form-style: sidebar): var(--sidebarform-highlighteditem-color, ); else: var(--form-highlighteditem-color, ) ;);
      --list--highlighteditem-background-color: if(style(--form-style: inset): var(--insetform-highlighteditem-background-color, ); style(--form-style: inset-grouped): var(--insetgroupedform-highlighteditem-background-color, ); style(--form-style: sidebar): var(--sidebarform-highlighteditem-background-color, ); else: var(--form-highlighteditem-background-color, ) ;);
      --list--item-border-radius: if(style(--form-style: inset): var(--insetform-item-border-radius); style(--form-style: inset-grouped): var(--insetform-item-border-radius); style(--form-style: sidebar): var(--insetform-item-border-radius); );
      --list--adjacentdetailsitem-border-radius: if(style(--form-style: inset): 0; );
      --list--details-background-color: if(style(--form-style: inset): var(--insetform-openitem-background-color, ); style(--form-style: inset-grouped): var(--insetgroupedform-openitem-background-color, ); style(--form-style: sidebar): var(--sidebarform-openitem-background-color, ); );
      --list--details-color: if(style(--form-style: inset): var(--insetform-openitem-color, ); style(--form-style: inset-grouped): var(--insetgroupedform-openitem-color, ); style(--form-style: sidebar): var(--sidebarform-openitem-color, ); );
      --list--opendetails-background-color: if(style(--form-style: inset): var(--insetform-openitem-background-color, ); style(--form-style: inset-grouped): var(--insetgroupedform-openitem-background-color, ); );
      --list--opendetails-color: if(style(--form-style: inset): var(--insetform-openitem-color, ); style(--form-style: inset-grouped): var(--insetgroupedform-openitem-color, ); );
      --list--opensummary-background-color: if(style(--form-style: inset): var(--insetform-opensummary-background-color, ); style(--form-style: inset-grouped): var(--insetgroupedform-opensummary-background-color, ); style(--form-style: sidebar): var(--sidebarform-opensummary-background-color, ); );
      --list--opensummary-color: if(style(--form-style: inset): var(--insetform-opensummary-color, ); style(--form-style: inset-grouped): var(--insetgroupedform-opensummary-color, ); style(--form-style: sidebar): var(--sidebarform-opensummary-color, ); );
      --list--adjacentitem-border-radius: if(style(--form-style: inset-grouped): 0; style(--form-style: sidebar): unset; );
      --list--details-gap: if(style(--form-style: sidebar): var(--form-gap); );
      --list--rootsummary-padding-inline-start: if(style(--form-style: sidebar): 5px; );
      --list--rootsummary-padding-inline-end: if(style(--form-style: sidebar): 5px; );
      --list--rootsummary-padding-block-start: if(style(--form-style: sidebar): 2px; );
      --list--rootsummary-padding-block-end: if(style(--form-style: sidebar): 2px; );
      --list--item-padding-inline-start: if(style(--form-style: sidebar): 5px; else: var(--form-item-padding-inline-start) ;);
      --list--item-padding-inline-end: if(style(--form-style: sidebar): 5px; else: var(--form-item-padding-inline-end) ;);
      --list--item-padding-block-start: if(style(--form-style: sidebar): 5px; else: var(--form-item-padding-block-start) ;);
      --list--item-padding-block-end: if(style(--form-style: sidebar): 5px; else: var(--form-item-padding-block-end) ;);
      --list--rootsummary-background-color: if(style(--form-style: sidebar): transparent; );
      --list--rootsummary-color: if(style(--form-style: sidebar): var(--primary, ); );
      --list--selectedrootsummary-background-color: if(style(--form-style: sidebar): transparent; );
      --list--selectedrootsummary-color: if(style(--form-style: sidebar): var(--primary, ); );
      --list--separator-background-color: if(style(--form-style: sidebar): transparent; );
      --list--activeseparator-background-color: if(style(--form-style: sidebar): transparent; );
      --list--accessories-size: if(style(--form-style: sidebar): 0rem; else: 1.1rem ;);
      --list--accessories-display: if(style(--form-style: sidebar): none; else: grid ;);
      --list--rootsummary-marker-display: if(style(--form-style: sidebar): marker-trailing; );
    }
  }
  @supports not (x: if(else:red)) {
    @container style(--form-style: inset) {
      :where([is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]):not([form-style])) {
        --form-style: inset;
        --list--host-background-color: var(--insetform-background-color, );
        --list--host-padding-inline: var(--insetform-padding-inline);
        --list--host-padding-block: var(--insetform-padding-block);
        --list--item-color: var(--insetform-item-color, );
        --list--item-background-color: var(--insetform-item-background-color, );
        --list--highlighteditem-color: var(--insetform-highlighteditem-color, );
        --list--highlighteditem-background-color: var(--insetform-highlighteditem-background-color, );
        --list--item-border-radius: var(--insetform-item-border-radius);
        --list--adjacentdetailsitem-border-radius: 0;
        --list--details-background-color: var(--insetform-openitem-background-color, );
        --list--details-color: var(--insetform-openitem-color, );
        --list--opendetails-background-color: var(--insetform-openitem-background-color, );
        --list--opendetails-color: var(--insetform-openitem-color, );
        --list--opensummary-background-color: var(--insetform-opensummary-background-color, );
        --list--opensummary-color: var(--insetform-opensummary-color, );
      }
    }
    @container style(--form-style: inset-grouped) {
      :where([is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]):not([form-style])) {
        --form-style: inset-grouped;
        --list--host-background-color: var(--insetgroupedform-background-color, );
        --list--host-padding-inline: var(--insetgroupedform-padding-inline);
        --list--host-padding-block: var(--insetgroupedform-padding-block);
        --list--item-color: var(--insetgroupedform-item-color, );
        --list--item-background-color: var(--insetgroupedform-item-background-color, );
        --list--item-border-radius: var(--insetform-item-border-radius);
        --list--highlighteditem-color: var(--insetgroupedform-highlighteditem-color, );
        --list--highlighteditem-background-color: var(--insetgroupedform-highlighteditem-background-color, );
        --list--adjacentitem-border-radius: 0;
        --list--details-background-color: var(--insetgroupedform-openitem-background-color, );
        --list--details-color: var(--insetgroupedform-openitem-color, );
        --list--opendetails-background-color: var(--insetgroupedform-openitem-background-color, );
        --list--opendetails-color: var(--insetgroupedform-openitem-color, );
        --list--opensummary-background-color: var(--insetgroupedform-opensummary-background-color, );
        --list--opensummary-color: var(--insetgroupedform-opensummary-color, );
      }
    }
    @container style(--form-style: sidebar) {
      :where([is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]):not([form-style])) {
        --form-style: sidebar;
        --list--item-border-radius: var(--insetform-item-border-radius);
        --list--details-gap: var(--form-gap);
        --list--rootsummary-padding-inline-start: 5px;
        --list--rootsummary-padding-inline-end: 5px;
        --list--rootsummary-padding-block-start: 2px;
        --list--rootsummary-padding-block-end: 2px;
        --list--item-padding-inline-start: 5px;
        --list--item-padding-inline-end: 5px;
        --list--item-padding-block-start: 5px;
        --list--item-padding-block-end: 5px;
        --list--adjacentitem-border-radius: unset;
        --list--host-background-color: var(--sidebarform-background-color, );
        --list--host-padding-inline: var(--sidebarform-padding-inline);
        --list--host-padding-block: var(--sidebarform-padding-block);
        --list--item-background-color: var(--sidebarform-item-background-color, );
        --list--item-color: var(--sidebarform-item-color, );
        --list--highlighteditem-background-color: var(--sidebarform-highlighteditem-background-color, );
        --list--highlighteditem-color: var(--sidebarform-highlighteditem-color, );
        --list--rootsummary-background-color: transparent;
        --list--rootsummary-color: var(--primary, );
        --list--selectedrootsummary-background-color: transparent;
        --list--selectedrootsummary-color: var(--primary, );
        --list--separator-background-color: transparent;
        --list--activeseparator-background-color: transparent;
        --list--details-background-color: var(--sidebarform-openitem-background-color, );
        --list--details-color: var(--sidebarform-openitem-color, );
        --list--opensummary-background-color: var(--sidebarform-opensummary-background-color, );
        --list--opensummary-color: var(--sidebarform-opensummary-color, );
        --list--accessories-size: 0rem;
        --list--accessories-display: none;
        --list--rootsummary-marker-display: marker-trailing;
      }
    }
    :where([is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view])[form-style=inset]) {
      --form-style: inset;
      --list--host-background-color: var(--insetform-background-color, );
      --list--host-padding-inline: var(--insetform-padding-inline);
      --list--host-padding-block: var(--insetform-padding-block);
      --list--item-color: var(--insetform-item-color, );
      --list--item-background-color: var(--insetform-item-background-color, );
      --list--highlighteditem-color: var(--insetform-highlighteditem-color, );
      --list--highlighteditem-background-color: var(--insetform-highlighteditem-background-color, );
      --list--item-border-radius: var(--insetform-item-border-radius);
      --list--adjacentdetailsitem-border-radius: 0;
      --list--details-background-color: var(--insetform-openitem-background-color, );
      --list--details-color: var(--insetform-openitem-color, );
      --list--opendetails-background-color: var(--insetform-openitem-background-color, );
      --list--opendetails-color: var(--insetform-openitem-color, );
      --list--opensummary-background-color: var(--insetform-opensummary-background-color, );
      --list--opensummary-color: var(--insetform-opensummary-color, );
    }
    :where([is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view])[form-style=inset-grouped]) {
      --form-style: inset-grouped;
      --list--host-background-color: var(--insetgroupedform-background-color, );
      --list--host-padding-inline: var(--insetgroupedform-padding-inline);
      --list--host-padding-block: var(--insetgroupedform-padding-block);
      --list--item-color: var(--insetgroupedform-item-color, );
      --list--item-background-color: var(--insetgroupedform-item-background-color, );
      --list--item-border-radius: var(--insetform-item-border-radius);
      --list--highlighteditem-color: var(--insetgroupedform-highlighteditem-color, );
      --list--highlighteditem-background-color: var(--insetgroupedform-highlighteditem-background-color, );
      --list--adjacentitem-border-radius: 0;
      --list--details-background-color: var(--insetgroupedform-openitem-background-color, );
      --list--details-color: var(--insetgroupedform-openitem-color, );
      --list--opendetails-background-color: var(--insetgroupedform-openitem-background-color, );
      --list--opendetails-color: var(--insetgroupedform-openitem-color, );
      --list--opensummary-background-color: var(--insetgroupedform-opensummary-background-color, );
      --list--opensummary-color: var(--insetgroupedform-opensummary-color, );
    }
    :where([is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view])[form-style=sidebar]) {
      --form-style: sidebar;
      --list--item-border-radius: var(--insetform-item-border-radius);
      --list--details-gap: var(--form-gap);
      --list--rootsummary-padding-inline-start: 5px;
      --list--rootsummary-padding-inline-end: 5px;
      --list--rootsummary-padding-block-start: 2px;
      --list--rootsummary-padding-block-end: 2px;
      --list--item-padding-inline-start: 5px;
      --list--item-padding-inline-end: 5px;
      --list--item-padding-block-start: 5px;
      --list--item-padding-block-end: 5px;
      --list--adjacentitem-border-radius: unset;
      --list--host-background-color: var(--sidebarform-background-color, );
      --list--host-padding-inline: var(--sidebarform-padding-inline);
      --list--host-padding-block: var(--sidebarform-padding-block);
      --list--item-background-color: var(--sidebarform-item-background-color, );
      --list--item-color: var(--sidebarform-item-color, );
      --list--highlighteditem-background-color: var(--sidebarform-highlighteditem-background-color, );
      --list--highlighteditem-color: var(--sidebarform-highlighteditem-color, );
      --list--rootsummary-background-color: transparent;
      --list--rootsummary-color: var(--primary, );
      --list--selectedrootsummary-background-color: transparent;
      --list--selectedrootsummary-color: var(--primary, );
      --list--separator-background-color: transparent;
      --list--activeseparator-background-color: transparent;
      --list--details-background-color: var(--sidebarform-openitem-background-color, );
      --list--details-color: var(--sidebarform-openitem-color, );
      --list--opensummary-background-color: var(--sidebarform-opensummary-background-color, );
      --list--opensummary-color: var(--sidebarform-opensummary-color, );
      --list--accessories-size: 0rem;
      --list--accessories-display: none;
      --list--rootsummary-marker-display: marker-trailing;
    }
    @media (min-width: 43rem) {
      :where(navigation-split-view [is=sidebar-view] [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view])[form-style]) {
        --list--item-border-radius: var(--insetform-item-border-radius);
        --list--details-gap: var(--form-gap);
        --list--rootsummary-padding-inline-start: 5px;
        --list--rootsummary-padding-inline-end: 5px;
        --list--rootsummary-padding-block-start: 2px;
        --list--rootsummary-padding-block-end: 2px;
        --list--item-padding-inline-start: 5px;
        --list--item-padding-inline-end: 5px;
        --list--item-padding-block-start: 5px;
        --list--item-padding-block-end: 5px;
        --list--adjacentitem-border-radius: unset;
        --list--host-background-color: var(--sidebarform-background-color, );
        --list--host-padding-inline: var(--sidebarform-padding-inline);
        --list--host-padding-block: var(--sidebarform-padding-block);
        --list--item-background-color: var(--sidebarform-item-background-color, );
        --list--item-color: var(--sidebarform-item-color, );
        --list--highlighteditem-background-color: var(--sidebarform-highlighteditem-background-color, );
        --list--highlighteditem-color: var(--sidebarform-highlighteditem-color, );
        --list--rootsummary-background-color: transparent;
        --list--rootsummary-color: var(--primary, );
        --list--selectedrootsummary-background-color: transparent;
        --list--selectedrootsummary-color: var(--primary, );
        --list--separator-background-color: transparent;
        --list--activeseparator-background-color: transparent;
        --list--details-background-color: var(--sidebarform-openitem-background-color, );
        --list--details-color: var(--sidebarform-openitem-color, );
        --list--opensummary-background-color: var(--sidebarform-opensummary-background-color, );
        --list--opensummary-color: var(--sidebarform-opensummary-color, );
        --list--accessories-size: 0rem;
        --list--accessories-display: none;
        --list--rootsummary-marker-display: marker-trailing;
      }
      :where(navigation-split-view > scroll-view [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view])[preferred-expanded-style], navigation-split-view > body-view > scroll-view [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view])[preferred-expanded-style]) {
        --list--host-background-color: var(--insetform-background-color, );
        --list--host-padding-inline: var(--insetform-padding-inline);
        --list--host-padding-block: var(--insetform-padding-block);
        --list--item-color: var(--insetform-item-color, );
        --list--item-background-color: var(--insetform-item-background-color, );
        --list--highlighteditem-color: var(--insetform-highlighteditem-color, );
        --list--highlighteditem-background-color: var(--insetform-highlighteditem-background-color, );
        --list--item-border-radius: var(--insetform-item-border-radius);
        --list--adjacentdetailsitem-border-radius: 0;
        --list--details-background-color: var(--insetform-openitem-background-color, );
        --list--details-color: var(--insetform-openitem-color, );
        --list--opendetails-background-color: var(--insetform-openitem-background-color, );
        --list--opendetails-color: var(--insetform-openitem-color, );
        --list--opensummary-background-color: var(--insetform-opensummary-background-color, );
        --list--opensummary-color: var(--insetform-opensummary-color, );
      }
    }
  }
  @supports (x: attr(x type(*))) {
    :where([is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view])) {
      --form-style: attr(form-style type(<custom-ident>), inherit);
    }
    @media (min-width: 43rem) {
      :where(navigation-split-view:has(> [is=sidebar-view]) > [is=sidebar-view] [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view])[list-style]) {
        --form-style: sidebar;
      }
      :where(navigation-split-view > scroll-view [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view])[preferred-expanded-style], navigation-split-view > body-view > scroll-view [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view])[preferred-expanded-style]) {
        --form-style: inset;
      }
    }
  }
  @container not style(--form-style: sidebar) {
    :where([is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) button[list-item-tint]) {
      --itemhighlightface: var(--accentColor3);
      --itemactiveface: var(--accentColor3);
    }
    [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) button[list-item-tint]:not([navigation-link]) {
      --itemtext: var(--accentColor);
      --itemhighlighttext: var(--accentColor);
      --itemactivetext: var(--accentColor);
    }
  }
  @container style(--form-style: sidebar) {
    :where([is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) button[list-item-tint]) {
      --itemhighlightface: var(--accentColor);
      --itemactiveface: var(--accentColor);
    }
  }
  @media (min-width: 43rem) {
    :where(navigation-split-view > scroll-view [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view])) {
      --list--accessories-size: 0rem;
      --list--accessories-display: none;
      --insetform-highlighteditem-background-color: var(--accentColor);
      --insetform-highlighteditem-color: var(--tintcontrast);
      --insetgroupedform-highlighteditem-background-color: var(--accentColor);
      --insetgroupedform-highlighteditem-color: var(--tintcontrast);
    }
    @container style(--list-style: inset) or style(--list-style: inset-grouped) {
      :where(navigation-split-view > scroll-view [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) button[list-item-tint]) {
        --itemhighlightface: var(--accentColor);
        --itemactiveface: var(--accentColor);
      }
    }
    :where(navigation-split-view:has(> [is=sidebar-view])[preferred-compact-column=content]:not([column-visibility=double-column]) > body-view > scroll-view [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view])) {
      --list--accessories-size: 0rem;
      --list--accessories-display: none;
      --insetform-highlighteditem-background-color: var(--accentColor);
      --insetform-highlighteditem-color: var(--tintcontrast);
      --insetgroupedform-highlighteditem-background-color: var(--accentColor);
      --insetgroupedform-highlighteditem-color: var(--tintcontrast);
    }
    @container style(--list-style: inset) or style(--list-style: inset-grouped) {
      :where(navigation-split-view:has(> [is=sidebar-view])[preferred-compact-column=content]:not([column-visibility=double-column]) > body-view > scroll-view [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) button[list-item-tint]) {
        --itemhighlightface: var(--accentColor);
        --itemactiveface: var(--accentColor);
      }
    }
  }
  @media (min-width: 64rem) {
    :where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) > body-view > scroll-view [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view])) {
      --list--accessories-size: 0rem;
      --list--accessories-display: none;
      --insetform-highlighteditem-background-color: var(--accentColor);
      --insetform-highlighteditem-color: var(--tintcontrast);
      --insetgroupedform-highlighteditem-background-color: var(--accentColor);
      --insetgroupedform-highlighteditem-color: var(--tintcontrast);
    }
    @container style(--list-style: inset) or style(--list-style: inset-grouped) {
      :where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) > body-view > scroll-view [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) button[list-item-tint]) {
        --itemhighlightface: var(--accentColor);
        --itemactiveface: var(--accentColor);
      }
    }
  }
  :where([is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view])[navigation-link-indicator-visibility=hidden]) {
    --list--accessories-size: 0rem;
    --list--accessories-display: none;
  }
}
@layer sw-components {
  :where(section-view) {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(max-content, 1fr) auto;
    grid-template-areas: "header" "main" "footer";
    gap: 0.5rem;
  }
  :where(section-view)::part(section-header-stack), :where(section-view)::part(section-footer-stack) {
    pointer-events: none;
  }
  :where(section-view)::part(section-header-stack) {
    grid-area: header;
  }
  :where(section-view)::part(section-main-stack) {
    grid-area: main;
  }
  :where(section-view)::part(section-footer-stack) {
    grid-area: footer;
  }
  :where(section-view)::part(section-header-stack) {
    order: -1;
  }
  :where(section-view:has(> [slot=header]):not(:has(> [slot=footer]))) {
    grid-template-rows: auto minmax(max-content, 1fr);
    grid-template-areas: "header" "main";
  }
  :where(section-view:has(> [slot=footer]):not(:has(> [slot=header]))) {
    grid-template-rows: minmax(max-content, 1fr) auto;
    grid-template-areas: "main" "footer";
  }
  :where(section-view:not(:has(> [slot=footer])):not(:has(> [slot=header]))) {
    grid-template-rows: minmax(max-content, 1fr);
    grid-template-areas: "main";
  }
  :where(section-view:not(:has(> [slot=header])))::part(section-header-stack) {
    display: none;
  }
  :where(section-view:not(:has(> [slot=footer])))::part(section-footer-stack) {
    display: none;
  }
  section-view {
    /*  :where(&:not(& &))::part(section-footer-stack),
    :where(&:not(& &))::part(section-header-stack) {
      // pointer-events: none;

      // outline: red solid 1px;

      padding-inline: calc(var(--list--root-padding-inline, 0px) + var(--toolbaritempadistart, 0px))
        calc(var(--list--root-padding-inline, 0px) + var(--toolbaritempadiend, 0px));

      margin-inline: calc(var(--list--root-padding-inline) * -1);
    }

    // :where(&:not(& &) [slot='header'] span) {
    //   backdrop-filter: blur(10px);
    // }

    :where(&:not(& &))::part(section-header-stack) {
      top: var(--navigation-bar-block-size);

      position: sticky;

      backdrop-filter: blur(20px);

      // background: rgba(255, 255, 255, 0.5);

      text-shadow: 0 0 5px var(--face);
    } */
  }
}
@property --adaptable-table-style-index {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}
@layer sw-list-components {
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view)) {
    container: table/inline-size;
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view))::part(table-container) {
    grid-template-columns: subgrid;
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view))::part(table-header-stack), :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view))::part(table-footer-stack) {
    position: relative;
    padding-inline: var(--list--host-padding-inline, 0px);
    background-color: var(--secondaryBackground);
    column-gap: var(--toolbar-col-gap);
    grid-auto-flow: column;
    grid-template-columns: auto 1fr auto;
    grid-template-rows: var(--toolbar-cell-min-size);
    place-content: center;
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view))::part(table-header-stack) {
    border-radius: var(--insetlist-item-border-radius) var(--insetlist-item-border-radius) 0 0;
    border-bottom: 1px solid var(--separator);
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view))::part(table-footer-stack) {
    border-radius: 0 0 var(--insetlist-item-border-radius) var(--insetlist-item-border-radius);
    border-top: 1px solid var(--separator);
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view))::part(table-header-leading-stack), :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view))::part(table-header-principal-stack), :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view))::part(table-header-trailing-stack), :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view))::part(table-footer-leading-stack), :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view))::part(table-footer-principal-stack), :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view))::part(table-footer-trailing-stack) {
    grid-auto-flow: column;
    grid-template-columns: minmax(0, 1fr);
    column-gap: var(--toolbar-col-gap);
  }
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view)::part(table-column-stack) {
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    column-gap: var(--table-col-gap);
    padding-inline: var(--list--host-padding-inline, 0px);
    padding-block: var(--table-row-gap);
    font-size: 0.875rem;
    font-weight: 600;
    background-color: var(--separator);
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) > [slot^=header],
  table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) > [slot^=footer]) {
    place-content: center;
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) > button[slot^=header], table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) > button[slot^=footer]), :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) > picker-view > menu-view[slot^=header], table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) > picker-view > menu-view[slot^=footer])::part(menu-summary), :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) > menu-view[slot^=header], table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) > menu-view[slot^=footer])::part(menu-summary) {
    border-radius: 0.7rem;
  }
  @container table (width <= 31rem) {
    :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) > [slot=column]) {
      display: none;
    }
    :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view))::part(table-column-stack) {
      display: none;
    }
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view))::part(table-container) {
    transition: --adaptable-table-style-index 1ms step-start;
    --adaptable-table-style-index: 0;
    --adaptable-table-style: compact;
  }
  @container table (width > 31rem) {
    :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view))::part(table-container) {
      --adaptable-table-style-index: 1;
      --adaptable-table-style: expanded;
    }
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view)) {
    --table--expanded-columns: 1;
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view)):has(> [slot=column]:nth-child(2 of [slot=column])) {
    --table--expanded-columns: 2;
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view)):has(> [slot=column]:nth-child(3 of [slot=column])) {
    --table--expanded-columns: 3;
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view)):has(> [slot=column]:nth-child(4 of [slot=column])) {
    --table--expanded-columns: 4;
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view)):has(> [slot=column]:nth-child(5 of [slot=column])) {
    --table--expanded-columns: 5;
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view)):has(> [slot=column]:nth-child(6 of [slot=column])) {
    --table--expanded-columns: 6;
  }
  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view)) {
    --list--host-background-color: var(--list-background-color, );
    --list--highlighteditem-background-color: var(--list-highlighteditem-background-color, );
    --list--item-background-color: var(--list-item-background-color, );
    --list--item-padding-inline-start: var(--list-item-padding-inline-start);
    --list--item-padding-inline-end: var(--list-item-padding-inline-end);
    --list--item-padding-block-start: var(--list-item-padding-block-start);
    --list--item-padding-block-end: var(--list-item-padding-block-end);
    --list--item-color: var(--list-item-color, );
    --list--highlighteditem-color: var(--list-highlighteditem-color, );
    --list--details-background-color: var(--list-openitem-background-color, );
    --list--details-color: var(--list-openitem-color, );
    --list--opensummary-background-color: var(--list-opensummary-background-color, );
    --list--opensummary-color: var(--list-opensummary-color, );
    --list--accessories-size: 1.1rem;
    --list--accessories-display: grid;
  }
  @supports (x: if(else:red)) {
    :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view)) {
      --list--item-color: if(style(--table-style: inset): var(--insetgroupedlist-item-color, ); else: var(--list-item-color, ) ;);
      --list--item-background-color: if(style(--table-style: inset): var(--insetgroupedlist-item-background-color, ); else: var(--list-item-background-color, ) ;);
      --list--highlighteditem-color: if(style(--table-style: inset): var(--insetgroupedlist-highlighteditem-color, ); else: var(--list-highlighteditem-color, ) ;);
      --list--highlighteditem-background-color: if(style(--table-style: inset): var(--insetgroupedlist-highlighteditem-background-color, ); else: var(--list-highlighteditem-background-color, ) ;);
      --list--item-border-radius: if(style(--table-style: inset): 0; );
      --list--host-background-color: if(style(--table-style: inset): var(--insetgroupedlist-background-color, ); else: var(--list-background-color, ) ;);
      --list--host-padding-inline: if(style(--table-style: inset): var(--insetgroupedlist-padding-inline); );
      --list--host-padding-block: if(style(--table-style: inset): var(--insetgroupedlist-padding-block); );
      --list--adjacentdetailsitem-border-radius: if(style(--table-style: inset): 0; );
      --list--details-background-color: if(style(--table-style: inset): var(--insetgroupedlist-openitem-background-color, ); else: var(--list-openitem-background-color, ) ;);
      --list--details-color: if(style(--table-style: inset): var(--insetgroupedlist-openitem-color, ); else: var(--list-openitem-color, ) ;);
      --list--opendetails-background-color: if(style(--table-style: inset): var(--insetgroupedlist-openitem-background-color, ); );
      --list--opendetails-color: if(style(--table-style: inset): var(--insetgroupedlist-openitem-color, ); );
      --list--opensummary-background-color: if(style(--table-style: inset): var(--insetgroupedlist-opensummary-background-color, ); else: var(--list-opensummary-background-color, ) ;);
      --list--opensummary-color: if(style(--table-style: inset): var(--insetgroupedlist-opensummary-color, ); else: var(--list-opensummary-color, ) ;);
    }
  }
  @supports not (x: if(else:red)) {
    @container style(--table-style: inset) {
      :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view):not([table-style])) {
        --list--item-color: var(--insetgroupedlist-item-color, );
        --list--item-background-color: var(--insetgroupedlist-item-background-color, );
        --list--highlighteditem-color: var(--insetgroupedlist-highlighteditem-color, );
        --list--highlighteditem-background-color: var(--insetgroupedlist-highlighteditem-background-color, );
        --list--item-border-radius: 0;
        --list--host-background-color: var(--insetgroupedlist-background-color, );
        --list--host-padding-inline: var(--insetgroupedlist-padding-inline);
        --list--host-padding-block: var(--insetgroupedlist-padding-block);
        --list--adjacentdetailsitem-border-radius: 0;
        --list--details-background-color: var(--insetgroupedlist-openitem-background-color, );
        --list--details-color: var(--insetgroupedlist-openitem-color, );
        --list--opendetails-background-color: var(--insetgroupedlist-openitem-background-color, );
        --list--opendetails-color: var(--insetgroupedlist-openitem-color, );
        --list--opensummary-background-color: var(--insetgroupedlist-opensummary-background-color, );
        --list--opensummary-color: var(--insetgroupedlist-opensummary-color, );
      }
    }
    :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view)[table-style=inset]) {
      --list--item-color: var(--insetgroupedlist-item-color, );
      --list--item-background-color: var(--insetgroupedlist-item-background-color, );
      --list--highlighteditem-color: var(--insetgroupedlist-highlighteditem-color, );
      --list--highlighteditem-background-color: var(--insetgroupedlist-highlighteditem-background-color, );
      --list--item-border-radius: 0;
      --list--host-background-color: var(--insetgroupedlist-background-color, );
      --list--host-padding-inline: var(--insetgroupedlist-padding-inline);
      --list--host-padding-block: var(--insetgroupedlist-padding-block);
      --list--adjacentdetailsitem-border-radius: 0;
      --list--details-background-color: var(--insetgroupedlist-openitem-background-color, );
      --list--details-color: var(--insetgroupedlist-openitem-color, );
      --list--opendetails-background-color: var(--insetgroupedlist-openitem-background-color, );
      --list--opendetails-color: var(--insetgroupedlist-openitem-color, );
      --list--opensummary-background-color: var(--insetgroupedlist-opensummary-background-color, );
      --list--opensummary-color: var(--insetgroupedlist-opensummary-color, );
    }
  }
  @supports (x: attr(x type(*))) {
    :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view)) {
      --table-style: attr(table-style type(<custom-ident>), inherit);
    }
  }
}
@layer sw-components {
  :where([is=table-row]) {
    row-gap: var(--table-row-gap);
    column-gap: var(--table-col-gap);
    --label-line-limit: 1;
    --label-truncation-mode: tail;
  }
  @container table (width > 31rem) and (style(--table--expanded-columns: 1)) {
    :where([is=table-row] > :nth-child(n+2)) {
      display: none;
    }
  }
  @container table (width > 31rem) and (style(--table--expanded-columns: 2)) {
    :where([is=table-row] > :nth-child(n+3)) {
      display: none;
    }
  }
  @container table (width > 31rem) and (style(--table--expanded-columns: 3)) {
    :where([is=table-row] > :nth-child(n+4)) {
      display: none;
    }
  }
  @container table (width > 31rem) and (style(--table--expanded-columns: 4)) {
    :where([is=table-row] > :nth-child(n+5)) {
      display: none;
    }
  }
  @container table (width > 31rem) and (style(--table--expanded-columns: 5)) {
    :where([is=table-row] > :nth-child(n+6)) {
      display: none;
    }
  }
  @container table (width > 31rem) and (style(--table--expanded-columns: 6)) {
    :where([is=table-row] > :nth-child(n+7)) {
      display: none;
    }
  }
  @container table (width > 31rem) and (style(--table--expanded-columns: 7)) {
    :where([is=table-row] > :nth-child(n+8)) {
      display: none;
    }
  }
  @container table (width > 31rem) and (style(--table--expanded-columns: 8)) {
    :where([is=table-row] > :nth-child(n+9)) {
      display: none;
    }
  }
  @container table (width > 31rem) and (style(--table--expanded-columns: 9)) {
    :where([is=table-row] > :nth-child(n+10)) {
      display: none;
    }
  }
  @container table (width > 31rem) and (style(--table--expanded-columns: 10)) {
    :where([is=table-row] > :nth-child(n+11)) {
      display: none;
    }
  }
  @container table (width > 31rem) {
    :where([is=table-row]) {
      --itempadiend: var(--itempadistart);
    }
    :where([is=table-row]):after {
      display: none;
    }
    :where([is=table-row]) {
      --list--accessories-size: 0rem;
      --list--accessories-display: none;
      grid-auto-flow: column;
      grid-auto-columns: minmax(0, 1fr);
      grid-template-rows: minmax(0, 1fr);
    }
    :where([is=table-row] > :nth-child(n+2)) {
      color: var(--secondary);
    }
  }
  @container table (width <= 31rem) {
    :where([is=table-row] > :nth-child(n+2)) {
      display: none;
      color: var(--secondary);
    }
    :where(table-view[preferred-compact-template="title:trailing:subtitle"] > [is=table-row]) {
      grid-template-columns: 1fr 1fr;
      grid-template-rows: repeat(2, auto);
      grid-template-areas: "title trailing" "subtitle _";
    }
    :where(table-view[preferred-compact-template="title:trailing:subtitle"] > [is=table-row] > :nth-child(-n+3)) {
      display: grid;
    }
    :where(table-view[preferred-compact-template="title:trailing:subtitle"] > [is=table-row] > :nth-child(1)) {
      grid-area: title;
    }
    :where(table-view[preferred-compact-template="title:trailing:subtitle"] > [is=table-row] > :nth-child(2)) {
      grid-area: trailing;
      place-self: end;
    }
    :where(table-view[preferred-compact-template="title:trailing:subtitle"] > [is=table-row] > :nth-child(3)) {
      grid-area: subtitle;
      grid-column: 1/-1;
    }
    :where(table-view[preferred-compact-template="trailing:title:subtitle"] > [is=table-row]) {
      grid-template-columns: 1fr 1fr;
      grid-template-rows: repeat(2, auto);
      grid-template-areas: "title trailing" "subtitle _";
    }
    :where(table-view[preferred-compact-template="trailing:title:subtitle"] > [is=table-row] > :nth-child(-n+3)) {
      display: grid;
    }
    :where(table-view[preferred-compact-template="trailing:title:subtitle"] > [is=table-row] > :nth-child(1)) {
      grid-area: trailing;
      place-self: end;
    }
    :where(table-view[preferred-compact-template="trailing:title:subtitle"] > [is=table-row] > :nth-child(2)) {
      grid-area: title;
    }
    :where(table-view[preferred-compact-template="trailing:title:subtitle"] > [is=table-row] > :nth-child(3)) {
      grid-area: subtitle;
      grid-column: 1/-1;
    }
    :where(table-view[preferred-compact-template="title:subtitle:trailing"] > [is=table-row]) {
      grid-template-columns: 1fr 1fr;
      grid-template-rows: repeat(2, auto);
      grid-template-areas: "title trailing" "subtitle _";
    }
    :where(table-view[preferred-compact-template="title:subtitle:trailing"] > [is=table-row] > :nth-child(-n+3)) {
      display: grid;
    }
    :where(table-view[preferred-compact-template="title:subtitle:trailing"] > [is=table-row] > :nth-child(1)) {
      grid-area: title;
    }
    :where(table-view[preferred-compact-template="title:subtitle:trailing"] > [is=table-row] > :nth-child(2)) {
      grid-area: subtitle;
    }
    :where(table-view[preferred-compact-template="title:subtitle:trailing"] > [is=table-row] > :nth-child(3)) {
      grid-area: trailing;
      place-self: end;
      grid-column: 1/-1;
    }
    :where(table-view[preferred-compact-template="title:trailing"] > [is=table-row]) {
      grid-template-columns: 1fr 1fr;
      grid-template-rows: repeat(2, auto);
      grid-template-areas: "title trailing" "subtitle _";
    }
    :where(table-view[preferred-compact-template="title:trailing"] > [is=table-row] > :nth-child(-n+2)) {
      display: grid;
    }
    :where(table-view[preferred-compact-template="title:trailing"] > [is=table-row] > :nth-child(1)) {
      grid-area: title;
    }
    :where(table-view[preferred-compact-template="title:trailing"] > [is=table-row] > :nth-child(2)) {
      grid-area: trailing;
      place-self: end;
      grid-column: 1/-1;
    }
    :where(table-view[preferred-compact-template="*"] > [is=table-row] > :nth-child(n+2)) {
      display: grid;
    }
  }
}
@layer sw-components {
  :where([is=table-column]) {
    column-gap: var(--table-accessory-gap);
    grid-auto-flow: column;
    grid-template-columns: auto var(--table-accessory-size);
    place-content: start;
    place-items: center;
    color: var(--blue);
  }
  :where([is=table-column][aria-sort])::after {
    pointer-events: none;
    content: "";
    -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" fill="currentColor" viewBox="0 0 256 256"%3E%3Cpath d="M216.49,168.49a12,12,0,0,1-17,0L128,97,56.49,168.49a12,12,0,0,1-17-17l80-80a12,12,0,0,1,17,0l80,80A12,12,0,0,1,216.49,168.49Z"%3E%3C/path%3E%3C/svg%3E') no-repeat center/contain;
    mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" fill="currentColor" viewBox="0 0 256 256"%3E%3Cpath d="M216.49,168.49a12,12,0,0,1-17,0L128,97,56.49,168.49a12,12,0,0,1-17-17l80-80a12,12,0,0,1,17,0l80,80A12,12,0,0,1,216.49,168.49Z"%3E%3C/path%3E%3C/svg%3E') no-repeat center/contain;
    transform-origin: center;
    aspect-ratio: 1;
    place-self: center;
  }
  :where([is=table-column][aria-sort])::after {
    display: grid;
    block-size: var(--table-accessory-size);
    inline-size: var(--table-accessory-size);
    background-color: var(--blue);
    transform: var(--tablecol--after-rotate, );
  }
  @media (prefers-reduced-motion: no-preference) {
    :where([is=table-column][aria-sort])::after {
      transition: transform 100ms ease-out;
      will-change: transform;
    }
  }
  :where([is=table-column][aria-sort=descending])::after {
    --tablecol--after-rotate: rotate(180deg);
  }
}
@layer sw-components {
  :where(text-field) {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
  }
  :where(text-field)::part(text-field-stack) {
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    column-gap: var(--labeled-content-column-gap);
  }
  :where(text-field)::part(text-field-label-stack) {
    color: var(--secondary);
  }
  :where(text-field)::part(text-field-input-stack) {
    place-items: stretch;
    place-content: stretch;
  }
  :where(text-field)::part(text-field-form-input) {
    text-align: end;
    appearance: none;
    border: 0;
    outline: 0;
    padding: 0;
    background-color: transparent;
  }
}
@layer sw-components {
  :where(date-picker) {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
  }
  :where(date-picker)::part(date-picker-stack) {
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
  }
  :where(date-picker)::part(date-picker-input-stack) {
    place-items: stretch;
    place-content: stretch;
    grid-auto-flow: column;
  }
  :where(date-picker)::part(date-picker-form-input) {
    text-align: end;
  }
}
@layer sw-components {
  :where(picker-view) {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    padding-inline: var(--picker--stack-grid-padding-inline, );
    padding-block: var(--picker--stack-grid-padding-block, );
    background: var(--picker--stack-grid-background, );
    border-radius: var(--picker--stack-grid-border-radius, );
    border: var(--picker--stack-grid-border, );
    color: var(--picker--stack-grid-color, );
  }
  :where(picker-view)::part(picker-stack) {
    grid-template-columns: var(--picker--stack-grid-template-columns, );
    grid-template-rows: var(--picker--stack-grid-template-rows, );
    row-gap: var(--picker--stack-row-gap, );
    column-gap: var(--picker--stack-column-gap, );
  }
  :where(picker-view)::part(picker-input-stack) {
    text-align: var(--picker--input-stack-text-align, );
  }
  :where(picker-view)::part(picker-label-stack) {
    display: var(--picker--labelstack-display, none);
    color: var(--secondary);
    --label-truncation-mode: tail;
    --label-line-limit: 1;
  }
  :where(picker-view) {
    --picker--stack-grid-template-columns: minmax(30%, 1fr) auto;
    --picker--stack-grid-template-rows: minmax(0, 1fr);
  }
  @container not style(--picker-style) {
    :where(picker-view > list-view > section-view > :not(button):first-child) {
      color: var(--secondary);
      --itemtext: var(--secondary);
    }
  }
  @supports (x: if(else:red)) {
    :where(form picker-view) {
      --picker--labelstack-display: if(style(--picker-style: sheet): grid ; style(--picker-style: navigation-link): grid ; style(--picker-style: menu): grid ; else: none ;);
      --picker--stack-display: if(style(--picker-style: sheet): flex ; style(--picker-style: navigation-link): flex ; style(--picker-style: menu): flex ;);
      --picker--stack-justify-content: if(style(--picker-style: sheet): space-between ; style(--picker-style: navigation-link): space-between ; style(--picker-style: menu): space-between ;);
      --picker--stack-row-gap: if(
        style(--picker-style: sheet): var(--labeled-content-row-gap) ; style(--picker-style: navigation-link): var(--labeled-content-row-gap) ;
          style(--picker-style: menu): var(--labeled-content-row-gap) ;
      );
      --picker--stack-column-gap: if(
        style(--picker-style: sheet): var(--labeled-content-column-gap) ; style(--picker-style: navigation-link): var(--labeled-content-column-gap) ;
          style(--picker-style: menu): var(--labeled-content-column-gap) ;
      );
      --picker--stack-grid-padding-inline: if(
        style(--picker-style: sheet): var(--itempadistart,) var(--itempadiend,) ; style(--picker-style: navigation-link): var(--itempadistart,) var(--itempadiend,) ;
          style(--picker-style: menu): var(--itempadistart,) var(--itempadiend,) ;
      );
      --picker--stack-grid-padding-block: if(
        style(--picker-style: sheet): var(--itempadbstart,) var(--itempadbend,) ; style(--picker-style: navigation-link): var(--itempadbstart,) var(--itempadbend,) ;
          style(--picker-style: menu): var(--itempadbstart,) var(--itempadbend,) ;
      );
      --picker--stack-grid-border-radius: if(
        style(--picker-style: sheet): var(--itemradiustl,) var(--itemradiustr,) var(--itemradiusbr,) var(--itemradiusbl,) ; style(--picker-style: navigation-link): var(--itemradiustl,)
          var(--itemradiustr,) var(--itemradiusbr,) var(--itemradiusbl,) ; style(--picker-style: menu): var(--itemradiustl,) var(--itemradiustr,) var(--itemradiusbr,) var(--itemradiusbl,) ;
      );
      --picker--stack-grid-background: if(
        style(--picker-style: sheet): var(--itemface,) ; style(--picker-style: navigation-link): var(--itemface,) ; style(--picker-style: menu): var(--itemface,) ;
      );
      --picker--stack-grid-color: if(style(--picker-style: sheet): var(--itemtext,) ; style(--picker-style: navigation-link): var(--itemtext,) ; style(--picker-style: menu): var(--itemtext,) ;);
      --picker--stack-grid-border: if(
        style(--picker-style: sheet): var(--itemborder,) ; style(--picker-style: navigation-link): var(--itemborder,) ; style(--picker-style: menu): var(--itemborder,) ;
      );
      --picker--input-stack-text-align: if(style(--picker-style: sheet): end ; style(--picker-style: navigation-link): end ; style(--picker-style: menu): end ;);
    }
  }
  @supports not (x: if(else:red)) {
    @container style(--picker-style: menu) {
      :where(picker-view:not([picker-style])) {
        --picker--labelstack-display: grid;
        --picker--input-stack-text-align: end;
        --picker--stack-row-gap: var(--labeled-content-row-gap);
        --picker--stack-column-gap: var(--labeled-content-column-gap);
        --picker--stack-grid-padding-inline: var(--itempadistart, ) var(--itempadiend, );
        --picker--stack-grid-padding-block: var(--itempadbstart, ) var(--itempadbend, );
        --picker--stack-grid-border-radius: var(--itemradiustl, ) var(--itemradiustr, ) var(--itemradiusbr, ) var(--itemradiusbl, );
        --picker--stack-grid-background: var(--itemface, );
        --picker--stack-grid-color: var(--itemtext, );
        --picker--stack-grid-border: var(--itemborder, );
      }
    }
    @container style(--picker-style: navigation-link) {
      :where(picker-view:not([picker-style])) {
        --picker--labelstack-display: grid;
        --picker--input-stack-text-align: end;
        --picker--stack-row-gap: var(--labeled-content-row-gap);
        --picker--stack-column-gap: var(--labeled-content-column-gap);
        --picker--stack-grid-padding-inline: var(--itempadistart, ) var(--itempadiend, );
        --picker--stack-grid-padding-block: var(--itempadbstart, ) var(--itempadbend, );
        --picker--stack-grid-border-radius: var(--itemradiustl, ) var(--itemradiustr, ) var(--itemradiusbr, ) var(--itemradiusbl, );
        --picker--stack-grid-background: var(--itemface, );
        --picker--stack-grid-color: var(--itemtext, );
        --picker--stack-grid-border: var(--itemborder, );
      }
    }
    @container style(--picker-style: sheet) {
      :where(picker-view:not([picker-style])) {
        --picker--labelstack-display: grid;
        --picker--input-stack-text-align: end;
        --picker--stack-row-gap: var(--labeled-content-row-gap);
        --picker--stack-column-gap: var(--labeled-content-column-gap);
        --picker--stack-grid-padding-inline: var(--itempadistart, ) var(--itempadiend, );
        --picker--stack-grid-padding-block: var(--itempadbstart, ) var(--itempadbend, );
        --picker--stack-grid-border-radius: var(--itemradiustl, ) var(--itemradiustr, ) var(--itemradiusbr, ) var(--itemradiusbl, );
        --picker--stack-grid-background: var(--itemface, );
        --picker--stack-grid-color: var(--itemtext, );
        --picker--stack-grid-border: var(--itemborder, );
      }
    }
    :where(form picker-view[picker-style=menu]) {
      --picker--labelstack-display: grid;
      --picker--input-stack-text-align: end;
      --picker--stack-row-gap: var(--labeled-content-row-gap);
      --picker--stack-column-gap: var(--labeled-content-column-gap);
      --picker--stack-grid-padding-inline: var(--itempadistart, ) var(--itempadiend, );
      --picker--stack-grid-padding-block: var(--itempadbstart, ) var(--itempadbend, );
      --picker--stack-grid-border-radius: var(--itemradiustl, ) var(--itemradiustr, ) var(--itemradiusbr, ) var(--itemradiusbl, );
      --picker--stack-grid-background: var(--itemface, );
      --picker--stack-grid-color: var(--itemtext, );
      --picker--stack-grid-border: var(--itemborder, );
    }
    :where(form picker-view[picker-style=navigation-link]) {
      --picker--labelstack-display: grid;
      --picker--input-stack-text-align: end;
      --picker--stack-row-gap: var(--labeled-content-row-gap);
      --picker--stack-column-gap: var(--labeled-content-column-gap);
      --picker--stack-grid-padding-inline: var(--itempadistart, ) var(--itempadiend, );
      --picker--stack-grid-padding-block: var(--itempadbstart, ) var(--itempadbend, );
      --picker--stack-grid-border-radius: var(--itemradiustl, ) var(--itemradiustr, ) var(--itemradiusbr, ) var(--itemradiusbl, );
      --picker--stack-grid-background: var(--itemface, );
      --picker--stack-grid-color: var(--itemtext, );
      --picker--stack-grid-border: var(--itemborder, );
    }
    :where(form picker-view[picker-style=sheet]) {
      --picker--labelstack-display: grid;
      --picker--input-stack-text-align: end;
      --picker--stack-row-gap: var(--labeled-content-row-gap);
      --picker--stack-column-gap: var(--labeled-content-column-gap);
      --picker--stack-grid-padding-inline: var(--itempadistart, ) var(--itempadiend, );
      --picker--stack-grid-padding-block: var(--itempadbstart, ) var(--itempadbend, );
      --picker--stack-grid-border-radius: var(--itemradiustl, ) var(--itemradiustr, ) var(--itemradiusbr, ) var(--itemradiusbl, );
      --picker--stack-grid-background: var(--itemface, );
      --picker--stack-grid-color: var(--itemtext, );
      --picker--stack-grid-border: var(--itemborder, );
    }
  }
}
@layer sw-final {
  @supports not (x: attr(x type(*))) {
    @container style(--picker-label-value-placement: vertical) {
      :where(picker-view:not([label-value-placement])) {
        --picker-label-value-placement: vertical;
      }
    }
    @container style(--picker-label-value-placement: horizontal) {
      :where(picker-view:not([label-value-placement])) {
        --picker-label-value-placement: horizontal;
      }
    }
    :where(picker-view[label-value-placement=vertical]) {
      --picker-label-value-placement: vertical;
    }
    :where(picker-view[label-value-placement=horizontal]) {
      --picker-label-value-placement: horizontal;
    }
  }
  @supports (x: attr(x type(*))) {
    :where(picker-view) {
      --picker-style: attr(picker-style type(<custom-ident>), inherit);
      --picker-label-value-placement: attr(label-value-placement type(<custom-ident>), inherit);
    }
  }
}
@layer sw-nav-components {
  :where(navigation-stack) {
    touch-action: none;
    block-size: var(--100lvh, 100lvh);
  }
}
@layer sw-nav-components {
  :where(navigation-split-view) {
    touch-action: none;
    block-size: var(--100lvh, 100lvh);
    --nav-split-view--content-inline-size: var(--nav-split-view-content-inline-size,);
    --nav-split-view--detail-placeholder-inset: 0 0 0 var(--nav-split-view--content-inline-size);
    --nav-split-view--detail-placeholder-inline-size: calc(100lvw - var(--nav-split-view--content-inline-size));
    --nav-split-view--detail-placeholder-visibility: visible;
  }
  @media (min-width: 43rem) {
    :where(scroll-view:has(~ navigation-split-view:not([hidden])), scroll-view:has(~ navigation-split-view:not([hidden])) ~ tool-bar) {
      opacity: 0;
      pointer-events: none;
    }
  }
  @media (max-width: 42.9999rem) {
    :where(scroll-view:has(~ navigation-split-view:not([hidden]))) {
      z-index: -1;
    }
    :where(navigation-split-view > body-view ~ scroll-view, navigation-split-view > body-view ~ [is=sidebar-view]) {
      z-index: -1;
    }
    :where(navigation-split-view:has(> [is=sidebar-view]) > body-view ~ [is=sidebar-view]) {
      z-index: -2;
    }
    :where(navigation-split-view:has(> [is=sidebar-view]) > body-view > body-view ~ scroll-view) {
      z-index: -1;
    }
  }
  @media (max-width: 63.9999rem) {
    :where(navigation-split-view:has(> [is=sidebar-view]):not([preferred-compact-column=content]) > body-view > body-view ~ scroll-view) {
      z-index: -1;
    }
  }
  @media (min-width: 43rem) {
    :where(navigation-split-view:has(> [is=sidebar-view])[column-visibility=double-column] > body-view > body-view ~ scroll-view) {
      z-index: -1;
    }
  }
  @media (min-width: 43rem) {
    :where(navigation-split-view > scroll-view,
    navigation-split-view > tool-bar,
    navigation-split-view > [is=sidebar-view]) {
      --safe-area-inset-right: 0px;
    }
    :where(navigation-split-view > scroll-view, navigation-split-view > scroll-view ~ tool-bar) {
      inline-size: var(--nav-split-view--content-inline-size);
    }
    :where(navigation-split-view > scroll-view ~ tool-bar > tool-bar-item,
    navigation-split-view > scroll-view ~ tool-bar > tool-bar-item-group,
    navigation-split-view > [is=sidebar-view] > scroll-view ~ tool-bar > tool-bar-item,
    navigation-split-view > [is=sidebar-view] > scroll-view ~ tool-bar > tool-bar-item-group) {
      --toolbar-cell-scale: scale(var(--view-transition-toolbar-cell-onscreen-scale));
      --toolbar-cell-filter: none;
      --toolbar-cell-opacity: 1;
    }
    :where(navigation-split-view > scroll-view) {
      border-right: solid 1px var(--separator);
    }
    :where(navigation-split-view > body-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), navigation-split-view > body-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar) {
      margin-inline-start: var(--nav-split-view--content-inline-size);
    }
    :where(navigation-split-view:has(> [is=sidebar-view]) > [is=sidebar-view]) {
      inline-size: var(--nav-split-view-sidebar-inline-size);
      margin-inline-start: max(env(safe-area-inset-left), var(--sidebar-inline-spacing));
      --safe-area-inset-left: 0px;
      --safe-area-inset-right: 0px;
      overflow: visible;
      padding-block: max(var(--safe-area-inset-top), var(--sidebar-block-spacing)) max(var(--safe-area-inset-bottom), var(--sidebar-block-spacing));
      border-radius: var(--sidebar-border-radius);
    }
    :where(navigation-split-view:has(> [is=sidebar-view]) > [is=sidebar-view] > scroll-view, navigation-split-view:has(> [is=sidebar-view]) > [is=sidebar-view] > scroll-view ~ tool-bar) {
      --safe-area-inset-top: 0px;
      --safe-area-inset-bottom: 0px;
    }
    :where(navigation-split-view:has(> [is=sidebar-view]) > [is=sidebar-view] > scroll-view) {
      border-radius: var(--sidebar-border-radius);
      backdrop-filter: var(--liquid-glass-backdrop-filter);
      --scroll-view-box-shadow: var(--liquid-glass-box-shadow);
    }
    :where(navigation-split-view:has(> [is=sidebar-view]) > body-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), navigation-split-view:has(> [is=sidebar-view]) > body-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar) {
      margin-inline-start: 0px;
      --safe-area-inset-left: calc(var(--nav-split-view-sidebar-inline-size) + max(env(safe-area-inset-left), var(--sidebar-inline-spacing)));
      --safe-area-inset-top: max(env(safe-area-inset-top), var(--sidebar-block-spacing));
      --safe-area-inset-bottom: max(env(safe-area-inset-bottom), var(--sidebar-block-spacing));
    }
  }
  @media (min-width: 43rem) and (max-width: 63.9999rem) {
    :where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] > scroll-view,
    navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] > tool-bar,
    navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] > [is=sidebar-view]) {
      margin-inline-start: calc(var(--nav-split-view-sidebar-inline-size) * -1);
    }
    :where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] > body-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] > body-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar) {
      margin-inline-start: var(--nav-split-view--content-inline-size);
      --safe-area-inset-left: 0px;
    }
    :where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] > body-view > scroll-view) {
      border-right: solid 1px var(--separator);
    }
    :where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] > body-view > scroll-view ~ tool-bar > tool-bar-item,
    navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] > body-view > scroll-view ~ tool-bar > tool-bar-item-group) {
      --toolbar-cell-scale: scale(var(--view-transition-toolbar-cell-onscreen-scale));
      --toolbar-cell-filter: none;
      --toolbar-cell-opacity: 1;
    }
    :where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] > body-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] > body-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar) {
      inline-size: var(--nav-split-view--content-inline-size);
      margin-inline-start: 0px;
      --safe-area-inset-left: env(safe-area-inset-left);
      --safe-area-inset-right: 0px;
    }
    :where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] > body-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view)) {
      --navbar-safe-area-inset-left: calc(var(--sidebar-toggle-padding-inline-start, 0px) - env(safe-area-inset-left));
    }
    :where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] > body-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar)::part(bottom-bar) {
      --safe-area-inset-left: max(env(safe-area-inset-left), var(--sidebar-inline-spacing));
    }
    :where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] > body-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar)::part(top-bar) {
      --safe-area-inset-left: var(--sidebar-toggle-padding-inline-start, 0px);
    }
  }
  @media (min-width: 43rem) and (min-width: 64rem) {
    :where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) > body-view > scroll-view ~ tool-bar > tool-bar-item,
    navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) > body-view > scroll-view ~ tool-bar > tool-bar-item-group) {
      --toolbar-cell-scale: scale(var(--view-transition-toolbar-cell-onscreen-scale));
      --toolbar-cell-filter: none;
      --toolbar-cell-opacity: 1;
    }
    :where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) > body-view > scroll-view, navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) > body-view > scroll-view ~ tool-bar) {
      inline-size: calc(var(--nav-split-view--content-inline-size) + var(--nav-split-view-sidebar-inline-size));
      --safe-area-inset-right: 0px;
    }
    :where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) > body-view > scroll-view) {
      border-right: solid 1px var(--separator);
    }
    :where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) > body-view > body-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) > body-view > body-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar) {
      --safe-area-inset-left: 0px;
      margin-inline-start: calc(var(--nav-split-view-sidebar-inline-size) + var(--nav-split-view--content-inline-size));
    }
  }
}
@layer sw-final {
  @media (min-width: 43rem) {
    navigation-split-view > scroll-view,
    navigation-split-view > [is=sidebar-view] > scroll-view {
      --scroll-view-translate: translateX(var(--view-transition-principal-x));
    }
    navigation-split-view > body-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view).bwd, navigation-split-view > body-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view).fwdd, navigation-split-view > body-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar .bwn, navigation-split-view > body-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar .fwnn {
      transition-duration: 0ms;
    }
  }
  @media (min-width: 43rem) and (max-width: 63.9999rem) {
    navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] > body-view > scroll-view {
      --scroll-view-translate: translateX(var(--view-transition-principal-x));
    }
    navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] > body-view > body-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view).bwd, navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] > body-view > body-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view).fwdd, navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] > body-view > body-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar .bwn, navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] > body-view > body-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar .fwnn {
      transition-duration: 0ms;
    }
  }
  @media (min-width: 43rem) and (min-width: 64rem) {
    navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) > body-view > scroll-view {
      --scroll-view-translate: translateX(var(--view-transition-principal-x));
    }
    navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) > body-view > body-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view).bwd, navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) > body-view > body-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view).fwdd, navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) > body-view > body-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar .bwn, navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) > body-view > body-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar .fwnn {
      transition-duration: 0ms;
    }
  }
}
@property --adaptable-tab-bar-placement-index {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}
@layer sw-tab-components {
  :where(tab-view) {
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
    transition: --adaptable-tab-bar-placement-index 1ms step-start;
  }
  :where(tab-view > navigation-stack[hidden], tab-view > navigation-split-view[hidden]) {
    z-index: -1;
  }
  @media (prefers-reduced-motion: no-preference) and (pointer: coarse) {
    :where(tab-view > navigation-stack, tab-view > navigation-split-view) {
      transform: scale(1);
      transform-origin: bottom;
      transition: transform 100ms ease-out allow-discrete;
    }
    @starting-style {
      :where(tab-view > navigation-stack, tab-view > navigation-split-view) {
        transform: scale(0.99);
      }
    }
  }
  :where(tab-view > [is=sidebar-view]) {
    inline-size: var(--nav-split-view-sidebar-inline-size);
    margin-inline-start: max(env(safe-area-inset-left), var(--sidebar-inline-spacing));
    --safe-area-inset-left: 0px;
    --safe-area-inset-right: 0px;
    overflow: visible;
    padding-block: max(var(--safe-area-inset-top), var(--sidebar-block-spacing)) max(var(--safe-area-inset-bottom), var(--sidebar-block-spacing));
    border-radius: var(--sidebar-border-radius);
  }
  :where(tab-view > [is=sidebar-view] > scroll-view, tab-view > [is=sidebar-view] > scroll-view ~ tool-bar) {
    --safe-area-inset-top: 0px;
    --safe-area-inset-bottom: 0px;
  }
  :where(tab-view > [is=sidebar-view] > scroll-view) {
    border-radius: var(--sidebar-border-radius);
    backdrop-filter: var(--liquid-glass-backdrop-filter);
    --scroll-view-box-shadow: var(--liquid-glass-box-shadow);
  }
  :where(tab-view > [is=sidebar-view]) {
    margin-inline-start: calc(var(--nav-split-view-sidebar-inline-size) * -1);
  }
  @media (pointer: coarse) {
    :where(tab-view[tab-view-style=tab-bar-only]) {
      --adaptable-tab-bar-placement: bottom-bar;
      --adaptable-tab-bar-placement-index: 0;
    }
    :where(tab-view[tab-view-style=tab-bar-only] navigation-stack > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view[tab-view-style=tab-bar-only] navigation-stack > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar, tab-view[tab-view-style=tab-bar-only] navigation-split-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view[tab-view-style=tab-bar-only] navigation-split-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar, tab-view[tab-view-style=tab-bar-only] body-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view[tab-view-style=tab-bar-only] body-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar) {
      --safe-area-inset-bottom: max(env(safe-area-inset-bottom), var(--sidebar-block-spacing));
    }
  }
  @media (pointer: coarse) and (max-width: 42.9999rem) {
    :where(tab-view[tab-view-style=tab-bar-only] navigation-split-view > [is=sidebar-view] > scroll-view, tab-view[tab-view-style=tab-bar-only] navigation-split-view > [is=sidebar-view] > scroll-view ~ tool-bar) {
      --safe-area-inset-bottom: max(env(safe-area-inset-bottom), var(--sidebar-block-spacing));
    }
  }
  @media (pointer: coarse) {
    :where(tab-view[tab-view-style=tab-bar-only] navigation-stack > scroll-view:not(:has(~ tool-bar > [slot^=bottom-bar])):not(:has(> [slot^=bottom-bar]))), :where(tab-view[tab-view-style=tab-bar-only] navigation-split-view > scroll-view:not(:has(~ tool-bar > [slot^=bottom-bar])):not(:has(> [slot^=bottom-bar]))), :where(tab-view[tab-view-style=tab-bar-only] body-view > scroll-view:not(:has(~ tool-bar > [slot^=bottom-bar])):not(:has(> [slot^=bottom-bar]))) {
      --safe-area-inset-bottom: calc(max(env(safe-area-inset-bottom), var(--sidebar-block-spacing)) + var(--iphone-tabbar-block-size));
    }
  }
  @media (pointer: coarse) and (max-width: 42.9999rem) {
    :where(tab-view[tab-view-style=tab-bar-only] navigation-split-view > [is=sidebar-view] > scroll-view:not(:has(~ tool-bar > [slot^=bottom-bar])):not(:has(> [slot^=bottom-bar]))) {
      --safe-area-inset-bottom: calc(max(env(safe-area-inset-bottom), var(--sidebar-block-spacing)) + var(--iphone-tabbar-block-size));
    }
  }
  @media (orientation: landscape) {
    :where(tab-view:not([tab-view-style=tab-bar-only]) navigation-stack > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view:not([tab-view-style=tab-bar-only]) navigation-stack > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar, tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar, tab-view:not([tab-view-style=tab-bar-only]) body-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view:not([tab-view-style=tab-bar-only]) body-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar) {
      --safe-area-inset-top: max(env(safe-area-inset-top), var(--sidebar-block-spacing));
      --safe-area-inset-bottom: max(env(safe-area-inset-bottom), var(--sidebar-block-spacing));
    }
  }
  @media (orientation: landscape) and (max-width: 42.9999rem) {
    :where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view > [is=sidebar-view] > scroll-view, tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view > [is=sidebar-view] > scroll-view ~ tool-bar) {
      --safe-area-inset-top: max(env(safe-area-inset-top), var(--sidebar-block-spacing));
      --safe-area-inset-bottom: max(env(safe-area-inset-bottom), var(--sidebar-block-spacing));
    }
  }
  @media (max-width: 42.9999rem) and (orientation: portrait) {
    :where(tab-view:not([tab-view-style=tab-bar-only])) {
      --adaptable-tab-bar-placement: bottom-bar;
      --adaptable-tab-bar-placement-index: 0;
    }
    :where(tab-view:not([tab-view-style=tab-bar-only]) navigation-stack > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view:not([tab-view-style=tab-bar-only]) navigation-stack > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar, tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar, tab-view:not([tab-view-style=tab-bar-only]) body-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view:not([tab-view-style=tab-bar-only]) body-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar) {
      --safe-area-inset-bottom: max(env(safe-area-inset-bottom), var(--sidebar-block-spacing));
    }
  }
  @media (max-width: 42.9999rem) and (orientation: portrait) and (max-width: 42.9999rem) {
    :where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view > [is=sidebar-view] > scroll-view, tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view > [is=sidebar-view] > scroll-view ~ tool-bar) {
      --safe-area-inset-bottom: max(env(safe-area-inset-bottom), var(--sidebar-block-spacing));
    }
  }
  @media (max-width: 42.9999rem) and (orientation: portrait) {
    :where(tab-view:not([tab-view-style=tab-bar-only]) navigation-stack > scroll-view:not(:has(~ tool-bar > [slot^=bottom-bar])):not(:has(> [slot^=bottom-bar]))), :where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view > scroll-view:not(:has(~ tool-bar > [slot^=bottom-bar])):not(:has(> [slot^=bottom-bar]))), :where(tab-view:not([tab-view-style=tab-bar-only]) body-view > scroll-view:not(:has(~ tool-bar > [slot^=bottom-bar])):not(:has(> [slot^=bottom-bar]))) {
      --safe-area-inset-bottom: calc(max(env(safe-area-inset-bottom), var(--sidebar-block-spacing)) + var(--iphone-tabbar-block-size));
    }
  }
  @media (max-width: 42.9999rem) and (orientation: portrait) and (max-width: 42.9999rem) {
    :where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view > [is=sidebar-view] > scroll-view:not(:has(~ tool-bar > [slot^=bottom-bar])):not(:has(> [slot^=bottom-bar]))) {
      --safe-area-inset-bottom: calc(max(env(safe-area-inset-bottom), var(--sidebar-block-spacing)) + var(--iphone-tabbar-block-size));
    }
  }
  @media (max-width: 67.9999rem) and (orientation: landscape) {
    :where(tab-view:not([tab-view-style=tab-bar-only])) {
      --adaptable-tab-bar-placement: ornament;
      --adaptable-tab-bar-placement-index: 3;
    }
    :where(tab-view:not([tab-view-style=tab-bar-only]) scroll-view:not(dialog scroll-view):not(scroll-view scroll-view)) {
      grid-template-rows: var(--navigation-bar-block-size) minmax(max-content, 1fr);
    }
    :where(tab-view:not([tab-view-style=tab-bar-only]) scroll-view:not(dialog scroll-view):not(scroll-view scroll-view))::part(scroll-view-navbar) {
      visibility: visible;
    }
    :where(tab-view:not([tab-view-style=tab-bar-only]) scroll-view:not(dialog scroll-view):not(scroll-view scroll-view)) {
      --navbar-safe-area-inset-left: calc(var(--sidebar-toggle-padding-inline-start, 0px) - env(safe-area-inset-left));
    }
    :where(tab-view:not([tab-view-style=tab-bar-only]) scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar)::part(bottom-bar) {
      --safe-area-inset-left: max(env(safe-area-inset-left), var(--sidebar-inline-spacing));
    }
    :where(tab-view:not([tab-view-style=tab-bar-only]) scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar)::part(top-bar) {
      --safe-area-inset-left: var(--sidebar-toggle-padding-inline-start, 0px);
    }
  }
  @media (max-width: 67.9999rem) and (orientation: landscape) and (max-width: 42.9999rem) {
    :where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view > [is=sidebar-view]:not([open]) > scroll-view) {
      --navbar-safe-area-inset-left: calc(var(--sidebar-toggle-padding-inline-start, 0px) - env(safe-area-inset-left));
    }
    :where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view > [is=sidebar-view]:not([open]) > scroll-view ~ tool-bar)::part(bottom-bar) {
      --safe-area-inset-left: max(env(safe-area-inset-left), var(--sidebar-inline-spacing));
    }
    :where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view > [is=sidebar-view]:not([open]) > scroll-view ~ tool-bar)::part(top-bar) {
      --safe-area-inset-left: var(--sidebar-toggle-padding-inline-start, 0px);
    }
  }
  @media (max-width: 67.9999rem) and (orientation: landscape) and (min-width: 43rem) {
    :where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view > [is=sidebar-view]:not([open]) > scroll-view) {
      --navbar-safe-area-inset-left: calc(var(--sidebar-toggle-padding-inline-start, 0px) - max(env(safe-area-inset-left), var(--sidebar-inline-spacing)));
    }
    :where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view > [is=sidebar-view]:not([open]) > scroll-view ~ tool-bar)::part(top-bar) {
      --safe-area-inset-left: calc(var(--sidebar-toggle-padding-inline-start, 0px) - max(env(safe-area-inset-left), var(--sidebar-inline-spacing)));
    }
  }
  @media (max-width: 67.9999rem) and (orientation: landscape) and (min-width: 43rem) {
    :where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:not(:has(> [is=sidebar-view])) > body-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view)) {
      --navbar-safe-area-inset-left: revert;
    }
    :where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:not(:has(> [is=sidebar-view])) > body-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar)::part(bottom-bar) {
      --safe-area-inset-left: revert;
    }
    :where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:not(:has(> [is=sidebar-view])) > body-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar)::part(top-bar) {
      --safe-area-inset-left: revert;
    }
    :where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]):not([preferred-compact-column=content]) > body-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view)) {
      --navbar-safe-area-inset-left: revert;
    }
    :where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]):not([preferred-compact-column=content]) > body-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar)::part(bottom-bar) {
      --safe-area-inset-left: revert;
    }
    :where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]):not([preferred-compact-column=content]) > body-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar)::part(top-bar) {
      --safe-area-inset-left: revert;
    }
  }
  @media (max-width: 67.9999rem) and (orientation: landscape) and (min-width: 43rem) and (max-width: 63.9999rem) {
    :where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] > body-view > body-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view)) {
      --navbar-safe-area-inset-left: revert;
    }
    :where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] > body-view > body-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar)::part(bottom-bar) {
      --safe-area-inset-left: revert;
    }
    :where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] > body-view > body-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar)::part(top-bar) {
      --safe-area-inset-left: revert;
    }
  }
  @media (max-width: 67.9999rem) and (orientation: landscape) and (min-width: 43rem) and (min-width: 64rem) {
    :where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) > body-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view)) {
      --navbar-safe-area-inset-left: revert;
    }
    :where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) > body-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar)::part(bottom-bar) {
      --safe-area-inset-left: revert;
    }
    :where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) > body-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar)::part(top-bar) {
      --safe-area-inset-left: revert;
    }
  }
  @media (max-width: 67.9999rem) and (orientation: landscape) and (min-width: 43rem) {
    :where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:has(> [is=sidebar-view])[column-visibility=double-column] > body-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view)) {
      --navbar-safe-area-inset-left: revert;
    }
    :where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:has(> [is=sidebar-view])[column-visibility=double-column] > body-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar)::part(bottom-bar) {
      --safe-area-inset-left: revert;
    }
    :where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:has(> [is=sidebar-view])[column-visibility=double-column] > body-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar)::part(top-bar) {
      --safe-area-inset-left: revert;
    }
  }
  @media (min-width: 68rem) and (orientation: landscape) {
    :where(tab-view:not([tab-view-style=tab-bar-only])) {
      --adaptable-tab-bar-placement: sidebar;
      --adaptable-tab-bar-placement-index: 4;
    }
    tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:not(:has(> [is=sidebar-view])) {
      --nav-split-view--content-inline-size: calc(var(--nav-split-view-content-inline-size) + var(--sidebar-inline-size, 0px));
    }
    tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:not(:has(> [is=sidebar-view])) > body-view {
      --sidebar-inline-size: 0px;
      --sidebar-inline-spacing: 0px;
    }
    :where(tab-view:not([tab-view-style=tab-bar-only]) navigation-stack > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view:not([tab-view-style=tab-bar-only]) navigation-stack > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar, tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar, tab-view:not([tab-view-style=tab-bar-only]) body-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view:not([tab-view-style=tab-bar-only]) body-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar) {
      --safe-area-inset-left: calc(max(env(safe-area-inset-left), var(--sidebar-inline-spacing)) + var(--sidebar-inline-size));
    }
  }
}
@layer sw-final {
  @media (pointer: fine) {
    :where(tab-view[tab-view-style=tab-bar-only]) {
      --adaptable-tab-bar-placement: top-bar;
      --adaptable-tab-bar-placement-index: 1;
    }
    :where(tab-view[tab-view-style=tab-bar-only] navigation-stack > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view[tab-view-style=tab-bar-only] navigation-stack > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar, tab-view[tab-view-style=tab-bar-only] navigation-split-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view[tab-view-style=tab-bar-only] navigation-split-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar, tab-view[tab-view-style=tab-bar-only] body-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view[tab-view-style=tab-bar-only] body-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar) {
      --safe-area-inset-top: calc(max(env(safe-area-inset-top), var(--sidebar-block-spacing)) + var(--ipad-tabbar-block-size));
    }
    :where(tab-view[tab-view-style=tab-bar-only] navigation-split-view > [is=sidebar-view]) {
      padding-block-start: calc(max(env(safe-area-inset-top), var(--sidebar-block-spacing)) + var(--ipad-tabbar-block-size));
    }
  }
  @media (min-width: 43rem) and (orientation: portrait) {
    :where(tab-view:not([tab-view-style=tab-bar-only])) {
      --adaptable-tab-bar-placement: top-bar;
      --adaptable-tab-bar-placement-index: 1;
    }
    :where(tab-view:not([tab-view-style=tab-bar-only]) navigation-stack > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view:not([tab-view-style=tab-bar-only]) navigation-stack > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar, tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar, tab-view:not([tab-view-style=tab-bar-only]) body-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view:not([tab-view-style=tab-bar-only]) body-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar) {
      --safe-area-inset-top: calc(max(env(safe-area-inset-top), var(--sidebar-block-spacing)) + var(--ipad-tabbar-block-size));
    }
    :where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view > [is=sidebar-view]) {
      padding-block-start: calc(max(env(safe-area-inset-top), var(--sidebar-block-spacing)) + var(--ipad-tabbar-block-size));
    }
  }
}
@layer sw-tab-components {
  :where([is=tab-bar]) {
    inset-inline: 0px;
    inset-block: 0px;
    margin: 0px;
    border: none;
    padding: 0px;
    background-color: transparent;
    color: transparent;
    max-width: 100lvw;
    max-height: 100lvh;
    outline: none;
  }
  :where([is=tab-bar])::backdrop {
    background-color: transparent;
  }
  :where([is=tab-bar]) {
    inline-size: var(--tab-bar-width, );
    block-size: var(--tab-bar-height, );
    position: fixed;
    transform: var(--tab-bar-translate, ) var(--tab-bar-scale, );
    grid-auto-flow: column;
    place-content: center;
    touch-action: none;
    pointer-events: none;
    --tab-bar-width: fit-content;
    --tab-bar-height: auto;
  }
  :where([is=tab-bar] > [is=form-view])::after {
    content: "";
    display: block;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
    pointer-events: none;
    touch-action: none;
    position-anchor: --tab-view-tabbar-selection;
    inset: anchor(--tab-view-tabbar-selection top) auto auto anchor(--tab-view-tabbar-selection left);
    inline-size: anchor-size();
    block-size: anchor-size();
    border-radius: var(--pill-border-radius);
    z-index: -1;
  }
  :where([is=tab-bar] > [is=form-view]) {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    pointer-events: all;
    touch-action: none;
    grid-auto-flow: column;
    grid-template-rows: minmax(0, 1fr);
    margin-inline: var(--safe-area-inset-left) var(--safe-area-inset-right);
    background: light-dark(var(--liquid-glass-bg), var(--liquid-glass-bg-dark));
    backdrop-filter: var(--liquid-glass-backdrop-filter);
    box-shadow: var(--liquid-glass-box-shadow);
    overflow: auto clip;
  }
  @media (pointer: coarse) {
    :where(tab-view[tab-view-style=tab-bar-only] [is=tab-bar]) {
      --tab-bar-width: 100lvw;
      inset: auto 0 0 0;
    }
    :where(tab-view[tab-view-style=tab-bar-only] [is=tab-bar]):before, :where(tab-view[tab-view-style=tab-bar-only] [is=tab-bar]):after {
      backface-visibility: hidden;
      content: "";
      inset: 0 0 var(--navbar-backdrop-inset-block-end, 0) 0;
      position: absolute;
      pointer-events: none;
      z-index: -1;
    }
    :where(tab-view[tab-view-style=tab-bar-only] [is=tab-bar]):before {
      backdrop-filter: blur(2px);
      mask-image: linear-gradient(to top, oklch(0% 0 0deg) 50%, oklch(0% 0 0deg / 0) 100%);
    }
    :where(tab-view[tab-view-style=tab-bar-only] [is=tab-bar]):after {
      background-image: linear-gradient(to top, var(--face) 0, oklch(0% 0 0deg / 0) 100%);
    }
    :where(tab-view[tab-view-style=tab-bar-only] [is=tab-bar]) {
      --toolbaritempadistart: 1rem;
      --toolbaritempadiend: 1rem;
    }
    :where(tab-view[tab-view-style=tab-bar-only] [is=tab-bar] > [is=form-view]) {
      margin-block-end: max(var(--safe-area-inset-bottom), var(--sidebar-block-spacing));
      max-inline-size: var(--iphone-tabbar-max-inline-size);
      block-size: var(--iphone-tabbar-block-size);
      border-radius: var(--iphone-tabbar-border-radius);
      padding-block: var(--iphone-tabbar-block-padding-start) var(--iphone-tabbar-block-padding-end);
      padding-inline: var(--iphone-tabbar-inline-padding-start) var(--iphone-tabbar-inline-padding-end);
      --label-flow: vertical;
      --label-line-limit: 2;
      --label-truncation-mode: tail;
      --label-font: caption2;
    }
    :where(tab-view[tab-view-style=tab-bar-only] [is=tab-bar] > [is=form-view] button) {
      min-inline-size: calc(var(--iphone-tabbar-block-size) + 0.1rem);
      place-items: center;
      place-content: center;
      border-radius: inherit;
    }
  }
  @media (pointer: fine) {
    :where(tab-view[tab-view-style=tab-bar-only] [is=tab-bar]) {
      --tab-bar-width: 100lvw;
      inset: 0 0 auto 0;
      --toolbaritempadistart: 0.3rem;
      --toolbaritempadiend: 0.3rem;
    }
    :where(tab-view[tab-view-style=tab-bar-only] [is=tab-bar] > [is=form-view]) {
      grid-auto-columns: minmax(max-content, 1fr);
      margin-block-start: max(var(--safe-area-inset-top), var(--sidebar-block-spacing));
      max-inline-size: var(--ipad-tabbar-max-inline-size);
      block-size: var(--ipad-tabbar-block-size);
      border-radius: var(--ipad-tabbar-border-radius);
      scroll-padding-left: calc(var(--sidebar-toggle-padding-inline-start, 0px) + var(--ipad-tabbar-block-padding-start) + var(--ipad-tabbar-block-padding-end));
      padding-block: var(--ipad-tabbar-block-padding-start) var(--ipad-tabbar-block-padding-end);
      padding-inline: var(--ipad-tabbar-inline-padding-start) var(--ipad-tabbar-inline-padding-end);
      --label-line-limit: 1;
      --label-truncation-mode: tail;
    }
    :where(tab-view[tab-view-style=tab-bar-only] [is=tab-bar] > [is=form-view] button) {
      min-inline-size: calc(var(--ipad-tabbar-block-size) + 0.1rem);
      place-items: center;
      place-content: center;
      max-inline-size: max(15vw, 200px);
      border-radius: inherit;
    }
    :where(tab-view[tab-view-style=tab-bar-only] [is=sidebar-view][open] ~ [is=tab-bar] > [is=form-view]) {
      transform: translateY(calc(max(var(--safe-area-inset-top), var(--sidebar-block-spacing)) * -1 - 150%));
    }
  }
  @media (pointer: fine) and (prefers-reduced-motion: no-preference) {
    :where(tab-view[tab-view-style=tab-bar-only] [is=sidebar-view][open] ~ [is=tab-bar] > [is=form-view]) {
      animation: ipad_form_view_slide_up_offedge var(--sidebar-transition-duration) ease forwards;
    }
  }
  @media (max-width: 42.9999rem) and (orientation: portrait) {
    :where(tab-view:not([tab-view-style=tab-bar-only]) [is=tab-bar]) {
      --tab-bar-width: 100lvw;
      inset: auto 0 0 0;
    }
    :where(tab-view:not([tab-view-style=tab-bar-only]) [is=tab-bar]):before, :where(tab-view:not([tab-view-style=tab-bar-only]) [is=tab-bar]):after {
      backface-visibility: hidden;
      content: "";
      inset: 0 0 var(--navbar-backdrop-inset-block-end, 0) 0;
      position: absolute;
      pointer-events: none;
      z-index: -1;
    }
    :where(tab-view:not([tab-view-style=tab-bar-only]) [is=tab-bar]):before {
      backdrop-filter: blur(2px);
      mask-image: linear-gradient(to top, oklch(0% 0 0deg) 50%, oklch(0% 0 0deg / 0) 100%);
    }
    :where(tab-view:not([tab-view-style=tab-bar-only]) [is=tab-bar]):after {
      background-image: linear-gradient(to top, var(--face) 0, oklch(0% 0 0deg / 0) 100%);
    }
    :where(tab-view:not([tab-view-style=tab-bar-only]) [is=tab-bar]) {
      --toolbaritempadistart: 1rem;
      --toolbaritempadiend: 1rem;
    }
    :where(tab-view:not([tab-view-style=tab-bar-only]) [is=tab-bar] > [is=form-view]) {
      margin-block-end: max(var(--safe-area-inset-bottom), var(--sidebar-block-spacing));
      max-inline-size: var(--iphone-tabbar-max-inline-size);
      block-size: var(--iphone-tabbar-block-size);
      border-radius: var(--iphone-tabbar-border-radius);
      padding-block: var(--iphone-tabbar-block-padding-start) var(--iphone-tabbar-block-padding-end);
      padding-inline: var(--iphone-tabbar-inline-padding-start) var(--iphone-tabbar-inline-padding-end);
      --label-flow: vertical;
      --label-line-limit: 2;
      --label-truncation-mode: tail;
      --label-font: caption2;
    }
    :where(tab-view:not([tab-view-style=tab-bar-only]) [is=tab-bar] > [is=form-view] button) {
      min-inline-size: calc(var(--iphone-tabbar-block-size) + 0.1rem);
      place-items: center;
      place-content: center;
      border-radius: inherit;
    }
  }
  @media (min-width: 43rem) and (orientation: portrait) {
    :where(tab-view:not([tab-view-style=tab-bar-only]) [is=tab-bar]) {
      --tab-bar-width: 100lvw;
      inset: 0 0 auto 0;
      --toolbaritempadistart: 0.3rem;
      --toolbaritempadiend: 0.3rem;
    }
    :where(tab-view:not([tab-view-style=tab-bar-only]) [is=tab-bar] > [is=form-view]) {
      grid-auto-columns: minmax(max-content, 1fr);
      margin-block-start: max(var(--safe-area-inset-top), var(--sidebar-block-spacing));
      max-inline-size: var(--ipad-tabbar-max-inline-size);
      block-size: var(--ipad-tabbar-block-size);
      border-radius: var(--ipad-tabbar-border-radius);
      scroll-padding-left: calc(var(--sidebar-toggle-padding-inline-start, 0px) + var(--ipad-tabbar-block-padding-start) + var(--ipad-tabbar-block-padding-end));
      padding-block: var(--ipad-tabbar-block-padding-start) var(--ipad-tabbar-block-padding-end);
      padding-inline: var(--ipad-tabbar-inline-padding-start) var(--ipad-tabbar-inline-padding-end);
      --label-line-limit: 1;
      --label-truncation-mode: tail;
    }
    :where(tab-view:not([tab-view-style=tab-bar-only]) [is=tab-bar] > [is=form-view] button) {
      min-inline-size: calc(var(--ipad-tabbar-block-size) + 0.1rem);
      place-items: center;
      place-content: center;
      max-inline-size: max(15vw, 200px);
      border-radius: inherit;
    }
    :where(tab-view:not([tab-view-style=tab-bar-only]) [is=sidebar-view][open] ~ [is=tab-bar] > [is=form-view]) {
      transform: translateY(calc(max(var(--safe-area-inset-top), var(--sidebar-block-spacing)) * -1 - 150%));
    }
  }
  @media (min-width: 43rem) and (orientation: portrait) and (prefers-reduced-motion: no-preference) {
    :where(tab-view:not([tab-view-style=tab-bar-only]) [is=sidebar-view][open] ~ [is=tab-bar] > [is=form-view]) {
      animation: ipad_form_view_slide_up_offedge var(--sidebar-transition-duration) ease forwards;
    }
  }
  @media (orientation: landscape) {
    :where(tab-view:not([tab-view-style=tab-bar-only]) [is=tab-bar]) {
      display: none;
    }
  }
  :where(tab-view > [is=sidebar-view] > scroll-view)::after {
    content: "";
    display: block;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
    pointer-events: none;
    touch-action: none;
    position-anchor: --tab-view-sidebar-selection;
    inset: anchor(--tab-view-sidebar-selection top) auto auto anchor(--tab-view-sidebar-selection left);
    inline-size: anchor-size();
    block-size: anchor-size();
    border-radius: var(--pill-border-radius);
    z-index: -1;
  }
  :where(tab-view > [is=sidebar-view] > scroll-view)::after {
    background-color: white;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
  }
  @media (prefers-reduced-motion: no-preference) {
    :where(tab-view[js-aftertabreveal] > [is=tab-bar] > [is=form-view])::after,
    :where(tab-view[js-aftertabreveal] > [is=sidebar-view] > scroll-view)::after {
      transition: block-size var(--tabbar-after-tabreveal-duration) ease-out allow-discrete, inline-size var(--tabbar-after-tabreveal-duration) ease-out allow-discrete, inset var(--tabbar-after-tabreveal-duration) ease-out allow-discrete;
    }
  }
  @media (min-width: 68rem) and (orientation: landscape) {
    :where(tab-view:not([tab-view-style=tab-bar-only]) > [is=sidebar-view]) {
      margin-inline-start: max(env(safe-area-inset-left), var(--sidebar-inline-spacing));
    }
  }
}
@layer sw-tab-components {
  :where([is=sidebar-view] [is=tab-item][aria-selected=true]:not([is=disclosure-group]:not([open]) [is=tab-item]), [is=sidebar-view] [is=disclosure-group]:not([open]):has(> [is=tab-item][aria-selected=true]) > summary) {
    anchor-name: --tab-view-sidebar-selection;
  }
  :where([is=tab-bar] [is=tab-item][aria-selected=true]) {
    anchor-name: --tab-view-tabbar-selection;
  }
}
@layer sw-utils {
  :where([background-style=grouped]) {
    --background: var(--groupedBackground);
    --secondaryBackground: var(--secondaryGroupedBackground);
    --tertiaryBackground: var(--tertiaryGroupedBackground);
    --face: var(--background);
  }
  :where([foreground=secondary]) {
    color: var(--secondary);
  }
  :where([foreground=blue]) {
    color: var(--blue);
  }
  :where([foreground=red]) {
    color: var(--red);
  }
  :where([foreground=green]) {
    color: var(--green);
  }
  :where([foreground=orange]) {
    color: var(--orange);
  }
  :where([foreground=purple]) {
    color: var(--purple);
  }
  :where([foreground="blue.secondary"]) {
    color: var(--blue2);
  }
  :where([foreground="red.secondary"]) {
    color: var(--red2);
  }
  :where([foreground="green.secondary"]) {
    color: var(--green2);
  }
  :where([foreground="orange.secondary"]) {
    color: var(--orange2);
  }
  :where([foreground="purple.secondary"]) {
    color: var(--purple2);
  }
  :where([foreground="blue.tertiary"]) {
    color: var(--blue3);
  }
  :where([foreground="red.tertiary"]) {
    color: var(--red3);
  }
  :where([foreground="green.tertiary"]) {
    color: var(--green3);
  }
  :where([foreground="orange.tertiary"]) {
    color: var(--orange3);
  }
  :where([foreground="purple.tertiary"]) {
    color: var(--purple3);
  }
  :where([foreground="blue.quaternary"]) {
    color: var(--blue4);
  }
  :where([foreground="red.quaternary"]) {
    color: var(--red4);
  }
  :where([foreground="green.quaternary"]) {
    color: var(--green4);
  }
  :where([foreground="orange.quaternary"]) {
    color: var(--orange4);
  }
  :where([foreground="purple.quaternary"]) {
    color: var(--purple4);
  }
  :where([foreground="blue.quinary"]) {
    color: var(--blue5);
  }
  :where([foreground="red.quinary"]) {
    color: var(--red5);
  }
  :where([foreground="green.quinary"]) {
    color: var(--green5);
  }
  :where([foreground="orange.quinary"]) {
    color: var(--orange5);
  }
  :where([foreground="purple.quinary"]) {
    color: var(--purple5);
  }
  :where([tint=gray],
  [list-item-tint=gray]) {
    --accentColorEffective: var(--gray);
    --accentColorEffective4: var(--gray4);
    --accentColor: var(--gray);
    --accentColor2: var(--gray2);
    --accentColor3: var(--gray3);
    --accentColor4: var(--gray4);
    --accentColor5: var(--gray5);
  }
  :where([tint=blue],
  [list-item-tint=blue]) {
    --accentColorEffective: var(--blue);
    --accentColorEffective4: var(--blue4);
    --accentColor: var(--blue);
    --accentColor2: var(--blue2);
    --accentColor3: var(--blue3);
    --accentColor4: var(--blue4);
    --accentColor5: var(--blue5);
  }
  :where([tint=red],
  [list-item-tint=red]) {
    --accentColorEffective: var(--red);
    --accentColorEffective4: var(--red4);
    --accentColor: var(--red);
    --accentColor2: var(--red2);
    --accentColor3: var(--red3);
    --accentColor4: var(--red4);
    --accentColor5: var(--red5);
  }
  :where([tint=green],
  [list-item-tint=green]) {
    --accentColorEffective: var(--green);
    --accentColorEffective4: var(--green4);
    --accentColor: var(--green);
    --accentColor2: var(--green2);
    --accentColor3: var(--green3);
    --accentColor4: var(--green4);
    --accentColor5: var(--green5);
  }
  :where([tint=orange],
  [list-item-tint=orange]) {
    --accentColorEffective: var(--orange);
    --accentColorEffective4: var(--orange4);
    --accentColor: var(--orange);
    --accentColor2: var(--orange2);
    --accentColor3: var(--orange3);
    --accentColor4: var(--orange4);
    --accentColor5: var(--orange5);
  }
  :where([tint=purple],
  [list-item-tint=purple]) {
    --accentColorEffective: var(--purple);
    --accentColorEffective4: var(--purple4);
    --accentColor: var(--purple);
    --accentColor2: var(--purple2);
    --accentColor3: var(--purple3);
    --accentColor4: var(--purple4);
    --accentColor5: var(--purple5);
  }
}
@layer sw-utils {
  :where([frame\:width=infinity]) {
    inline-size: 100%;
  }
  :where([frame\:max-width=infinity]) {
    max-inline-size: 100%;
  }
  :where([frame\:max-width="0"]) {
    max-inline-size: 0rem;
  }
  :where([frame\:max-width="0cqi"]) {
    max-inline-size: 0cqi;
  }
  :where([frame\:max-width="1"]) {
    max-inline-size: 1rem;
  }
  :where([frame\:max-width="1cqi"]) {
    max-inline-size: 1cqi;
  }
  :where([frame\:max-width="2"]) {
    max-inline-size: 2rem;
  }
  :where([frame\:max-width="2cqi"]) {
    max-inline-size: 2cqi;
  }
  :where([frame\:max-width="3"]) {
    max-inline-size: 3rem;
  }
  :where([frame\:max-width="3cqi"]) {
    max-inline-size: 3cqi;
  }
  :where([frame\:max-width="4"]) {
    max-inline-size: 4rem;
  }
  :where([frame\:max-width="4cqi"]) {
    max-inline-size: 4cqi;
  }
  :where([frame\:max-width="5"]) {
    max-inline-size: 5rem;
  }
  :where([frame\:max-width="5cqi"]) {
    max-inline-size: 5cqi;
  }
  :where([frame\:max-width="6"]) {
    max-inline-size: 6rem;
  }
  :where([frame\:max-width="6cqi"]) {
    max-inline-size: 6cqi;
  }
  :where([frame\:max-width="7"]) {
    max-inline-size: 7rem;
  }
  :where([frame\:max-width="7cqi"]) {
    max-inline-size: 7cqi;
  }
  :where([frame\:max-width="8"]) {
    max-inline-size: 8rem;
  }
  :where([frame\:max-width="8cqi"]) {
    max-inline-size: 8cqi;
  }
  :where([frame\:max-width="9"]) {
    max-inline-size: 9rem;
  }
  :where([frame\:max-width="9cqi"]) {
    max-inline-size: 9cqi;
  }
  :where([frame\:max-width="10"]) {
    max-inline-size: 10rem;
  }
  :where([frame\:max-width="10cqi"]) {
    max-inline-size: 10cqi;
  }
  :where([frame\:max-width="11"]) {
    max-inline-size: 11rem;
  }
  :where([frame\:max-width="11cqi"]) {
    max-inline-size: 11cqi;
  }
  :where([frame\:max-width="12"]) {
    max-inline-size: 12rem;
  }
  :where([frame\:max-width="12cqi"]) {
    max-inline-size: 12cqi;
  }
  :where([frame\:max-width="13"]) {
    max-inline-size: 13rem;
  }
  :where([frame\:max-width="13cqi"]) {
    max-inline-size: 13cqi;
  }
  :where([frame\:max-width="14"]) {
    max-inline-size: 14rem;
  }
  :where([frame\:max-width="14cqi"]) {
    max-inline-size: 14cqi;
  }
  :where([frame\:max-width="15"]) {
    max-inline-size: 15rem;
  }
  :where([frame\:max-width="15cqi"]) {
    max-inline-size: 15cqi;
  }
  :where([frame\:max-width="16"]) {
    max-inline-size: 16rem;
  }
  :where([frame\:max-width="16cqi"]) {
    max-inline-size: 16cqi;
  }
  :where([frame\:max-width="17"]) {
    max-inline-size: 17rem;
  }
  :where([frame\:max-width="17cqi"]) {
    max-inline-size: 17cqi;
  }
  :where([frame\:max-width="18"]) {
    max-inline-size: 18rem;
  }
  :where([frame\:max-width="18cqi"]) {
    max-inline-size: 18cqi;
  }
  :where([frame\:max-width="19"]) {
    max-inline-size: 19rem;
  }
  :where([frame\:max-width="19cqi"]) {
    max-inline-size: 19cqi;
  }
  :where([frame\:max-width="20"]) {
    max-inline-size: 20rem;
  }
  :where([frame\:max-width="20cqi"]) {
    max-inline-size: 20cqi;
  }
  :where([frame\:max-width="21"]) {
    max-inline-size: 21rem;
  }
  :where([frame\:max-width="21cqi"]) {
    max-inline-size: 21cqi;
  }
  :where([frame\:max-width="22"]) {
    max-inline-size: 22rem;
  }
  :where([frame\:max-width="22cqi"]) {
    max-inline-size: 22cqi;
  }
  :where([frame\:max-width="23"]) {
    max-inline-size: 23rem;
  }
  :where([frame\:max-width="23cqi"]) {
    max-inline-size: 23cqi;
  }
  :where([frame\:max-width="24"]) {
    max-inline-size: 24rem;
  }
  :where([frame\:max-width="24cqi"]) {
    max-inline-size: 24cqi;
  }
  :where([frame\:max-width="25"]) {
    max-inline-size: 25rem;
  }
  :where([frame\:max-width="25cqi"]) {
    max-inline-size: 25cqi;
  }
  :where([frame\:max-width="26"]) {
    max-inline-size: 26rem;
  }
  :where([frame\:max-width="26cqi"]) {
    max-inline-size: 26cqi;
  }
  :where([frame\:max-width="27"]) {
    max-inline-size: 27rem;
  }
  :where([frame\:max-width="27cqi"]) {
    max-inline-size: 27cqi;
  }
  :where([frame\:max-width="28"]) {
    max-inline-size: 28rem;
  }
  :where([frame\:max-width="28cqi"]) {
    max-inline-size: 28cqi;
  }
  :where([frame\:max-width="29"]) {
    max-inline-size: 29rem;
  }
  :where([frame\:max-width="29cqi"]) {
    max-inline-size: 29cqi;
  }
  :where([frame\:max-width="30"]) {
    max-inline-size: 30rem;
  }
  :where([frame\:max-width="30cqi"]) {
    max-inline-size: 30cqi;
  }
  :where([frame\:max-width="31"]) {
    max-inline-size: 31rem;
  }
  :where([frame\:max-width="31cqi"]) {
    max-inline-size: 31cqi;
  }
  :where([frame\:max-width="32"]) {
    max-inline-size: 32rem;
  }
  :where([frame\:max-width="32cqi"]) {
    max-inline-size: 32cqi;
  }
  :where([frame\:max-width="33"]) {
    max-inline-size: 33rem;
  }
  :where([frame\:max-width="33cqi"]) {
    max-inline-size: 33cqi;
  }
  :where([frame\:max-width="34"]) {
    max-inline-size: 34rem;
  }
  :where([frame\:max-width="34cqi"]) {
    max-inline-size: 34cqi;
  }
  :where([frame\:max-width="35"]) {
    max-inline-size: 35rem;
  }
  :where([frame\:max-width="35cqi"]) {
    max-inline-size: 35cqi;
  }
  :where([frame\:max-width="36"]) {
    max-inline-size: 36rem;
  }
  :where([frame\:max-width="36cqi"]) {
    max-inline-size: 36cqi;
  }
  :where([frame\:max-width="37"]) {
    max-inline-size: 37rem;
  }
  :where([frame\:max-width="37cqi"]) {
    max-inline-size: 37cqi;
  }
  :where([frame\:max-width="38"]) {
    max-inline-size: 38rem;
  }
  :where([frame\:max-width="38cqi"]) {
    max-inline-size: 38cqi;
  }
  :where([frame\:max-width="39"]) {
    max-inline-size: 39rem;
  }
  :where([frame\:max-width="39cqi"]) {
    max-inline-size: 39cqi;
  }
  :where([frame\:max-width="40"]) {
    max-inline-size: 40rem;
  }
  :where([frame\:max-width="40cqi"]) {
    max-inline-size: 40cqi;
  }
  :where([frame\:max-width="41"]) {
    max-inline-size: 41rem;
  }
  :where([frame\:max-width="41cqi"]) {
    max-inline-size: 41cqi;
  }
  :where([frame\:max-width="42"]) {
    max-inline-size: 42rem;
  }
  :where([frame\:max-width="42cqi"]) {
    max-inline-size: 42cqi;
  }
  :where([frame\:max-width="43"]) {
    max-inline-size: 43rem;
  }
  :where([frame\:max-width="43cqi"]) {
    max-inline-size: 43cqi;
  }
  :where([frame\:max-width="44"]) {
    max-inline-size: 44rem;
  }
  :where([frame\:max-width="44cqi"]) {
    max-inline-size: 44cqi;
  }
  :where([frame\:max-width="45"]) {
    max-inline-size: 45rem;
  }
  :where([frame\:max-width="45cqi"]) {
    max-inline-size: 45cqi;
  }
  :where([frame\:max-width="46"]) {
    max-inline-size: 46rem;
  }
  :where([frame\:max-width="46cqi"]) {
    max-inline-size: 46cqi;
  }
  :where([frame\:max-width="47"]) {
    max-inline-size: 47rem;
  }
  :where([frame\:max-width="47cqi"]) {
    max-inline-size: 47cqi;
  }
  :where([frame\:max-width="48"]) {
    max-inline-size: 48rem;
  }
  :where([frame\:max-width="48cqi"]) {
    max-inline-size: 48cqi;
  }
  :where([frame\:max-width="49"]) {
    max-inline-size: 49rem;
  }
  :where([frame\:max-width="49cqi"]) {
    max-inline-size: 49cqi;
  }
  :where([frame\:max-width="50"]) {
    max-inline-size: 50rem;
  }
  :where([frame\:max-width="50cqi"]) {
    max-inline-size: 50cqi;
  }
  :where([frame\:max-width="51"]) {
    max-inline-size: 51rem;
  }
  :where([frame\:max-width="51cqi"]) {
    max-inline-size: 51cqi;
  }
  :where([frame\:max-width="52"]) {
    max-inline-size: 52rem;
  }
  :where([frame\:max-width="52cqi"]) {
    max-inline-size: 52cqi;
  }
  :where([frame\:max-width="53"]) {
    max-inline-size: 53rem;
  }
  :where([frame\:max-width="53cqi"]) {
    max-inline-size: 53cqi;
  }
  :where([frame\:max-width="54"]) {
    max-inline-size: 54rem;
  }
  :where([frame\:max-width="54cqi"]) {
    max-inline-size: 54cqi;
  }
  :where([frame\:max-width="55"]) {
    max-inline-size: 55rem;
  }
  :where([frame\:max-width="55cqi"]) {
    max-inline-size: 55cqi;
  }
  :where([frame\:max-width="56"]) {
    max-inline-size: 56rem;
  }
  :where([frame\:max-width="56cqi"]) {
    max-inline-size: 56cqi;
  }
  :where([frame\:max-width="57"]) {
    max-inline-size: 57rem;
  }
  :where([frame\:max-width="57cqi"]) {
    max-inline-size: 57cqi;
  }
  :where([frame\:max-width="58"]) {
    max-inline-size: 58rem;
  }
  :where([frame\:max-width="58cqi"]) {
    max-inline-size: 58cqi;
  }
  :where([frame\:max-width="59"]) {
    max-inline-size: 59rem;
  }
  :where([frame\:max-width="59cqi"]) {
    max-inline-size: 59cqi;
  }
  :where([frame\:max-width="60"]) {
    max-inline-size: 60rem;
  }
  :where([frame\:max-width="60cqi"]) {
    max-inline-size: 60cqi;
  }
  :where([frame\:max-width="61"]) {
    max-inline-size: 61rem;
  }
  :where([frame\:max-width="61cqi"]) {
    max-inline-size: 61cqi;
  }
  :where([frame\:max-width="62"]) {
    max-inline-size: 62rem;
  }
  :where([frame\:max-width="62cqi"]) {
    max-inline-size: 62cqi;
  }
  :where([frame\:max-width="63"]) {
    max-inline-size: 63rem;
  }
  :where([frame\:max-width="63cqi"]) {
    max-inline-size: 63cqi;
  }
  :where([frame\:max-width="64"]) {
    max-inline-size: 64rem;
  }
  :where([frame\:max-width="64cqi"]) {
    max-inline-size: 64cqi;
  }
  :where([frame\:max-width="65"]) {
    max-inline-size: 65rem;
  }
  :where([frame\:max-width="65cqi"]) {
    max-inline-size: 65cqi;
  }
  :where([frame\:max-width="66"]) {
    max-inline-size: 66rem;
  }
  :where([frame\:max-width="66cqi"]) {
    max-inline-size: 66cqi;
  }
  :where([frame\:max-width="67"]) {
    max-inline-size: 67rem;
  }
  :where([frame\:max-width="67cqi"]) {
    max-inline-size: 67cqi;
  }
  :where([frame\:max-width="68"]) {
    max-inline-size: 68rem;
  }
  :where([frame\:max-width="68cqi"]) {
    max-inline-size: 68cqi;
  }
  :where([frame\:max-width="69"]) {
    max-inline-size: 69rem;
  }
  :where([frame\:max-width="69cqi"]) {
    max-inline-size: 69cqi;
  }
  :where([frame\:max-width="70"]) {
    max-inline-size: 70rem;
  }
  :where([frame\:max-width="70cqi"]) {
    max-inline-size: 70cqi;
  }
  :where([frame\:max-width="71"]) {
    max-inline-size: 71rem;
  }
  :where([frame\:max-width="71cqi"]) {
    max-inline-size: 71cqi;
  }
  :where([frame\:max-width="72"]) {
    max-inline-size: 72rem;
  }
  :where([frame\:max-width="72cqi"]) {
    max-inline-size: 72cqi;
  }
  :where([frame\:max-width="73"]) {
    max-inline-size: 73rem;
  }
  :where([frame\:max-width="73cqi"]) {
    max-inline-size: 73cqi;
  }
  :where([frame\:max-width="74"]) {
    max-inline-size: 74rem;
  }
  :where([frame\:max-width="74cqi"]) {
    max-inline-size: 74cqi;
  }
  :where([frame\:max-width="75"]) {
    max-inline-size: 75rem;
  }
  :where([frame\:max-width="75cqi"]) {
    max-inline-size: 75cqi;
  }
  :where([frame\:max-width="76"]) {
    max-inline-size: 76rem;
  }
  :where([frame\:max-width="76cqi"]) {
    max-inline-size: 76cqi;
  }
  :where([frame\:max-width="77"]) {
    max-inline-size: 77rem;
  }
  :where([frame\:max-width="77cqi"]) {
    max-inline-size: 77cqi;
  }
  :where([frame\:max-width="78"]) {
    max-inline-size: 78rem;
  }
  :where([frame\:max-width="78cqi"]) {
    max-inline-size: 78cqi;
  }
  :where([frame\:max-width="79"]) {
    max-inline-size: 79rem;
  }
  :where([frame\:max-width="79cqi"]) {
    max-inline-size: 79cqi;
  }
  :where([frame\:max-width="80"]) {
    max-inline-size: 80rem;
  }
  :where([frame\:max-width="80cqi"]) {
    max-inline-size: 80cqi;
  }
  :where([frame\:max-width="81"]) {
    max-inline-size: 81rem;
  }
  :where([frame\:max-width="81cqi"]) {
    max-inline-size: 81cqi;
  }
  :where([frame\:max-width="82"]) {
    max-inline-size: 82rem;
  }
  :where([frame\:max-width="82cqi"]) {
    max-inline-size: 82cqi;
  }
  :where([frame\:max-width="83"]) {
    max-inline-size: 83rem;
  }
  :where([frame\:max-width="83cqi"]) {
    max-inline-size: 83cqi;
  }
  :where([frame\:max-width="84"]) {
    max-inline-size: 84rem;
  }
  :where([frame\:max-width="84cqi"]) {
    max-inline-size: 84cqi;
  }
  :where([frame\:max-width="85"]) {
    max-inline-size: 85rem;
  }
  :where([frame\:max-width="85cqi"]) {
    max-inline-size: 85cqi;
  }
  :where([frame\:max-width="86"]) {
    max-inline-size: 86rem;
  }
  :where([frame\:max-width="86cqi"]) {
    max-inline-size: 86cqi;
  }
  :where([frame\:max-width="87"]) {
    max-inline-size: 87rem;
  }
  :where([frame\:max-width="87cqi"]) {
    max-inline-size: 87cqi;
  }
  :where([frame\:max-width="88"]) {
    max-inline-size: 88rem;
  }
  :where([frame\:max-width="88cqi"]) {
    max-inline-size: 88cqi;
  }
  :where([frame\:max-width="89"]) {
    max-inline-size: 89rem;
  }
  :where([frame\:max-width="89cqi"]) {
    max-inline-size: 89cqi;
  }
  :where([frame\:max-width="90"]) {
    max-inline-size: 90rem;
  }
  :where([frame\:max-width="90cqi"]) {
    max-inline-size: 90cqi;
  }
  :where([frame\:max-width="91"]) {
    max-inline-size: 91rem;
  }
  :where([frame\:max-width="91cqi"]) {
    max-inline-size: 91cqi;
  }
  :where([frame\:max-width="92"]) {
    max-inline-size: 92rem;
  }
  :where([frame\:max-width="92cqi"]) {
    max-inline-size: 92cqi;
  }
  :where([frame\:max-width="93"]) {
    max-inline-size: 93rem;
  }
  :where([frame\:max-width="93cqi"]) {
    max-inline-size: 93cqi;
  }
  :where([frame\:max-width="94"]) {
    max-inline-size: 94rem;
  }
  :where([frame\:max-width="94cqi"]) {
    max-inline-size: 94cqi;
  }
  :where([frame\:max-width="95"]) {
    max-inline-size: 95rem;
  }
  :where([frame\:max-width="95cqi"]) {
    max-inline-size: 95cqi;
  }
  :where([frame\:max-width="96"]) {
    max-inline-size: 96rem;
  }
  :where([frame\:max-width="96cqi"]) {
    max-inline-size: 96cqi;
  }
  :where([frame\:max-width="97"]) {
    max-inline-size: 97rem;
  }
  :where([frame\:max-width="97cqi"]) {
    max-inline-size: 97cqi;
  }
  :where([frame\:max-width="98"]) {
    max-inline-size: 98rem;
  }
  :where([frame\:max-width="98cqi"]) {
    max-inline-size: 98cqi;
  }
  :where([frame\:max-width="99"]) {
    max-inline-size: 99rem;
  }
  :where([frame\:max-width="99cqi"]) {
    max-inline-size: 99cqi;
  }
  :where([frame\:max-width="100"]) {
    max-inline-size: 100rem;
  }
  :where([frame\:max-width="100cqi"]) {
    max-inline-size: 100cqi;
  }
  :where(scroll-view > [frame\:alignment=leading],
  v-stack > [frame\:alignment=leading]) {
    justify-self: start;
  }
  :where(scroll-view > [frame\:anchor=leading],
  v-stack > [frame\:anchor=leading]) {
    align-self: start;
  }
  :where(scroll-view > [frame\:alignment=center],
  v-stack > [frame\:alignment=center]) {
    justify-self: center;
  }
  :where(scroll-view > [frame\:anchor=center],
  v-stack > [frame\:anchor=center]) {
    align-self: center;
  }
  :where(scroll-view > [frame\:alignment=trailing],
  v-stack > [frame\:alignment=trailing]) {
    justify-self: end;
  }
  :where(scroll-view > [frame\:anchor=trailing],
  v-stack > [frame\:anchor=trailing]) {
    align-self: end;
  }
  :where(scroll-view > [frame\:alignment=fill],
  v-stack > [frame\:alignment=fill]) {
    justify-self: stretch;
  }
  :where(scroll-view > [frame\:anchor=fill],
  v-stack > [frame\:anchor=fill]) {
    align-self: stretch;
  }
  :where(h-stack > [frame\:alignment=leading]) {
    align-self: start;
  }
  :where(h-stack > [frame\:anchor=leading]) {
    justify-self: start;
  }
  :where(h-stack > [frame\:alignment=center]) {
    align-self: center;
  }
  :where(h-stack > [frame\:anchor=center]) {
    justify-self: center;
  }
  :where(h-stack > [frame\:alignment=trailing]) {
    align-self: end;
  }
  :where(h-stack > [frame\:anchor=trailing]) {
    justify-self: end;
  }
  :where(h-stack > [frame\:alignment=fill]) {
    align-self: stretch;
  }
  :where(h-stack > [frame\:anchor=fill]) {
    justify-self: stretch;
  }
  @media (prefers-reduced-motion: no-preference) {
    :where([slow]) {
      visibility: visible;
      transition: opacity 250ms ease-out allow-discrete;
      will-change: opacity;
    }
    :where([slow=hide]) {
      opacity: 0;
    }
    @starting-style {
      :where([slow=hide]) {
        opacity: 1;
      }
    }
    :where([slow=show]) {
      opacity: 1;
    }
    @starting-style {
      :where([slow=show]) {
        opacity: 0;
      }
    }
  }
}
@layer sw-utils {
  h-stack[distribution=leading],
  v-flex-stack[distribution=leading] {
    justify-items: start  ;
    justify-content: start  ;
  }
  h-stack[distribution="leading fill"],
  v-flex-stack[distribution="leading fill"] {
    justify-items: start  ;
    justify-content: stretch  ;
  }
  h-stack[distribution=center],
  v-flex-stack[distribution=center] {
    justify-items: center  ;
    justify-content: center  ;
  }
  h-stack[distribution=trailing],
  v-flex-stack[distribution=trailing] {
    justify-items: end  ;
    justify-content: end  ;
  }
  h-stack[distribution=fill],
  v-flex-stack[distribution=fill] {
    justify-items: stretch  ;
    justify-content: stretch  ;
  }
  h-stack[distribution=space-between],
  v-flex-stack[distribution=space-between] {
    justify-content: space-between  ;
  }
  h-stack[alignment=leading],
  v-flex-stack[alignment=leading] {
    align-items: start  ;
    align-content: start  ;
  }
  h-stack[alignment="leading fill"],
  v-flex-stack[alignment="leading fill"] {
    align-items: start  ;
    align-content: stretch  ;
  }
  h-stack[alignment=center],
  v-flex-stack[alignment=center] {
    align-items: center  ;
    align-content: center  ;
  }
  h-stack[alignment=trailing],
  v-flex-stack[alignment=trailing] {
    align-items: end  ;
    align-content: end  ;
  }
  h-stack[alignment=fill],
  v-flex-stack[alignment=fill] {
    align-items: stretch  ;
    align-content: stretch  ;
  }
  h-stack[alignment=space-between],
  v-flex-stack[alignment=space-between] {
    align-content: space-between  ;
  }
  h-stack[placement=fill],
  v-flex-stack[placement=fill] {
    place-items: stretch  ;
    place-content: stretch  ;
  }
  h-stack[placement="leading fill"],
  v-flex-stack[placement="leading fill"] {
    place-items: stretch start  ;
    place-content: stretch start  ;
  }
  h-stack[placement="fill leading"],
  v-flex-stack[placement="fill leading"] {
    place-items: start stretch  ;
    place-content: start stretch  ;
  }
  h-stack[placement="fill space-between"],
  v-flex-stack[placement="fill space-between"] {
    align-content: space-between  ;
    justify-items: stretch  ;
    justify-content: stretch  ;
  }
  v-stack[distribution=leading],
  h-flex-stack[distribution=leading] {
    align-items: start  ;
    align-content: start  ;
  }
  v-stack[distribution="leading fill"],
  h-flex-stack[distribution="leading fill"] {
    align-items: start  ;
    align-content: stretch  ;
  }
  v-stack[distribution=center],
  h-flex-stack[distribution=center] {
    align-items: center  ;
    align-content: center  ;
  }
  v-stack[distribution=trailing],
  h-flex-stack[distribution=trailing] {
    align-items: end  ;
    align-content: end  ;
  }
  v-stack[distribution=fill],
  h-flex-stack[distribution=fill] {
    align-items: stretch  ;
    align-content: stretch  ;
  }
  v-stack[distribution=space-between],
  h-flex-stack[distribution=space-between] {
    align-content: space-between  ;
  }
  v-stack[alignment=leading],
  h-flex-stack[alignment=leading] {
    justify-items: start  ;
    justify-content: start  ;
  }
  v-stack[alignment="leading fill"],
  h-flex-stack[alignment="leading fill"] {
    justify-items: start  ;
    justify-content: stretch  ;
  }
  v-stack[alignment=center],
  h-flex-stack[alignment=center] {
    justify-items: center  ;
    justify-content: center  ;
  }
  v-stack[alignment=trailing],
  h-flex-stack[alignment=trailing] {
    justify-items: end  ;
    justify-content: end  ;
  }
  v-stack[alignment=fill],
  h-flex-stack[alignment=fill] {
    justify-items: stretch  ;
    justify-content: stretch  ;
  }
  v-stack[alignment=space-between],
  h-flex-stack[alignment=space-between] {
    justify-content: space-between  ;
  }
  v-stack[placement=fill],
  h-flex-stack[placement=fill] {
    place-items: stretch  ;
    place-content: stretch  ;
  }
  v-stack[placement="leading fill"],
  h-flex-stack[placement="leading fill"] {
    place-items: start stretch  ;
    place-content: start stretch  ;
  }
  v-stack[placement="fill leading"],
  h-flex-stack[placement="fill leading"] {
    place-items: stretch start  ;
    place-content: stretch start  ;
  }
  v-stack[placement="space-between fill"],
  h-flex-stack[placement="space-between fill"] {
    align-content: space-between  ;
    justify-items: stretch  ;
    justify-content: stretch  ;
  }
  :where(v-stack[spacing="0"],
  h-stack[spacing="0"]) {
    gap: 0rem;
  }
  :where(v-stack[spacing="1"],
  h-stack[spacing="1"]) {
    gap: 0.1rem;
  }
  :where(v-stack[spacing="2"],
  h-stack[spacing="2"]) {
    gap: 0.2rem;
  }
  :where(v-stack[spacing="3"],
  h-stack[spacing="3"]) {
    gap: 0.3rem;
  }
  :where(v-stack[spacing="4"],
  h-stack[spacing="4"]) {
    gap: 0.4rem;
  }
  :where(v-stack[spacing="5"],
  h-stack[spacing="5"]) {
    gap: 0.5rem;
  }
  :where(v-stack[spacing="6"],
  h-stack[spacing="6"]) {
    gap: 0.6rem;
  }
  :where(v-stack[spacing="7"],
  h-stack[spacing="7"]) {
    gap: 0.7rem;
  }
  :where(v-stack[spacing="8"],
  h-stack[spacing="8"]) {
    gap: 0.8rem;
  }
  :where(v-stack[spacing="9"],
  h-stack[spacing="9"]) {
    gap: 0.9rem;
  }
  :where(v-stack[spacing="10"],
  h-stack[spacing="10"]) {
    gap: 1rem;
  }
  :where(v-stack[spacing="11"],
  h-stack[spacing="11"]) {
    gap: 1.1rem;
  }
  :where(v-stack[spacing="12"],
  h-stack[spacing="12"]) {
    gap: 1.2rem;
  }
  :where(v-stack[spacing="13"],
  h-stack[spacing="13"]) {
    gap: 1.3rem;
  }
  :where(v-stack[spacing="14"],
  h-stack[spacing="14"]) {
    gap: 1.4rem;
  }
  :where(v-stack[spacing="15"],
  h-stack[spacing="15"]) {
    gap: 1.5rem;
  }
  :where(v-stack[spacing="16"],
  h-stack[spacing="16"]) {
    gap: 1.6rem;
  }
  :where(v-stack[spacing="17"],
  h-stack[spacing="17"]) {
    gap: 1.7rem;
  }
  :where(v-stack[spacing="18"],
  h-stack[spacing="18"]) {
    gap: 1.8rem;
  }
  :where(v-stack[spacing="19"],
  h-stack[spacing="19"]) {
    gap: 1.9rem;
  }
  :where(v-stack[spacing="20"],
  h-stack[spacing="20"]) {
    gap: 2rem;
  }
  :where(v-stack[spacing="21"],
  h-stack[spacing="21"]) {
    gap: 2.1rem;
  }
  :where(v-stack[spacing="22"],
  h-stack[spacing="22"]) {
    gap: 2.2rem;
  }
  :where(v-stack[spacing="23"],
  h-stack[spacing="23"]) {
    gap: 2.3rem;
  }
  :where(v-stack[spacing="24"],
  h-stack[spacing="24"]) {
    gap: 2.4rem;
  }
  :where(v-stack[spacing="25"],
  h-stack[spacing="25"]) {
    gap: 2.5rem;
  }
  :where(v-stack[spacing="26"],
  h-stack[spacing="26"]) {
    gap: 2.6rem;
  }
  :where(v-stack[spacing="27"],
  h-stack[spacing="27"]) {
    gap: 2.7rem;
  }
  :where(v-stack[spacing="28"],
  h-stack[spacing="28"]) {
    gap: 2.8rem;
  }
  :where(v-stack[spacing="29"],
  h-stack[spacing="29"]) {
    gap: 2.9rem;
  }
  :where(v-stack[spacing="30"],
  h-stack[spacing="30"]) {
    gap: 3rem;
  }
  :where(v-stack[spacing="31"],
  h-stack[spacing="31"]) {
    gap: 3.1rem;
  }
  :where(v-stack[spacing="32"],
  h-stack[spacing="32"]) {
    gap: 3.2rem;
  }
  :where(v-stack[spacing="33"],
  h-stack[spacing="33"]) {
    gap: 3.3rem;
  }
  :where(v-stack[spacing="34"],
  h-stack[spacing="34"]) {
    gap: 3.4rem;
  }
  :where(v-stack[spacing="35"],
  h-stack[spacing="35"]) {
    gap: 3.5rem;
  }
  :where(v-stack[spacing="36"],
  h-stack[spacing="36"]) {
    gap: 3.6rem;
  }
  :where(v-stack[spacing="37"],
  h-stack[spacing="37"]) {
    gap: 3.7rem;
  }
  :where(v-stack[spacing="38"],
  h-stack[spacing="38"]) {
    gap: 3.8rem;
  }
  :where(v-stack[spacing="39"],
  h-stack[spacing="39"]) {
    gap: 3.9rem;
  }
  :where(v-stack[spacing="40"],
  h-stack[spacing="40"]) {
    gap: 4rem;
  }
  :where(v-stack[spacing="41"],
  h-stack[spacing="41"]) {
    gap: 4.1rem;
  }
  :where(v-stack[spacing="42"],
  h-stack[spacing="42"]) {
    gap: 4.2rem;
  }
  :where(v-stack[spacing="43"],
  h-stack[spacing="43"]) {
    gap: 4.3rem;
  }
  :where(v-stack[spacing="44"],
  h-stack[spacing="44"]) {
    gap: 4.4rem;
  }
  :where(v-stack[spacing="45"],
  h-stack[spacing="45"]) {
    gap: 4.5rem;
  }
  :where(v-stack[spacing="46"],
  h-stack[spacing="46"]) {
    gap: 4.6rem;
  }
  :where(v-stack[spacing="47"],
  h-stack[spacing="47"]) {
    gap: 4.7rem;
  }
  :where(v-stack[spacing="48"],
  h-stack[spacing="48"]) {
    gap: 4.8rem;
  }
  :where(v-stack[spacing="49"],
  h-stack[spacing="49"]) {
    gap: 4.9rem;
  }
  :where(v-stack[spacing="50"],
  h-stack[spacing="50"]) {
    gap: 5rem;
  }
  :where(v-stack[padding],
  h-stack[padding],
  h-flex-stack[padding],
  v-flex-stack[padding]) {
    padding-inline: 1rem;
  }
  :where(scroll-view > v-stack[padding],
  scroll-view > h-stack[padding],
  scroll-view > h-flex-stack[padding],
  scroll-view > v-flex-stack[padding]) {
    padding-block-end: 1rem;
  }
  :where(v-stack > [padding]:not(v-stack, sticky-container,
  h-stack,
  h-flex-stack,
  v-flex-stack), v-stack > [is=disclosure-group] > summary[padding],
  h-stack > [padding]:not(v-stack, sticky-container,
  h-stack,
  h-flex-stack,
  v-flex-stack),
  h-stack > [is=disclosure-group] > summary[padding],
  h-flex-stack > [padding]:not(v-stack, sticky-container,
  h-stack,
  h-flex-stack,
  v-flex-stack),
  h-flex-stack > [is=disclosure-group] > summary[padding],
  v-flex-stack > [padding]:not(v-stack, sticky-container,
  h-stack,
  h-flex-stack,
  v-flex-stack),
  v-flex-stack > [is=disclosure-group] > summary[padding]) {
    margin-inline: 1rem;
  }
  :where(v-stack > sticky-container,
  h-stack > sticky-container,
  h-flex-stack > sticky-container,
  v-flex-stack > sticky-container) {
    padding-inline: 1rem;
  }
}
@layer sw-utils {
  :where([padding-horizontal="0"]) {
    padding-inline: 0rem;
  }
  :where([padding-vertical="0"]) {
    padding-block: 0rem;
  }
  :where([margin-horizontal="0"]) {
    margin-inline: 0rem;
  }
  :where([margin-vertical="0"]) {
    margin-block: 0rem;
  }
  :where([padding-horizontal="1"]) {
    padding-inline: 0.1rem;
  }
  :where([padding-vertical="1"]) {
    padding-block: 0.1rem;
  }
  :where([margin-horizontal="1"]) {
    margin-inline: 0.1rem;
  }
  :where([margin-vertical="1"]) {
    margin-block: 0.1rem;
  }
  :where([padding-horizontal="2"]) {
    padding-inline: 0.2rem;
  }
  :where([padding-vertical="2"]) {
    padding-block: 0.2rem;
  }
  :where([margin-horizontal="2"]) {
    margin-inline: 0.2rem;
  }
  :where([margin-vertical="2"]) {
    margin-block: 0.2rem;
  }
  :where([padding-horizontal="3"]) {
    padding-inline: 0.3rem;
  }
  :where([padding-vertical="3"]) {
    padding-block: 0.3rem;
  }
  :where([margin-horizontal="3"]) {
    margin-inline: 0.3rem;
  }
  :where([margin-vertical="3"]) {
    margin-block: 0.3rem;
  }
  :where([padding-horizontal="4"]) {
    padding-inline: 0.4rem;
  }
  :where([padding-vertical="4"]) {
    padding-block: 0.4rem;
  }
  :where([margin-horizontal="4"]) {
    margin-inline: 0.4rem;
  }
  :where([margin-vertical="4"]) {
    margin-block: 0.4rem;
  }
  :where([padding-horizontal="5"]) {
    padding-inline: 0.5rem;
  }
  :where([padding-vertical="5"]) {
    padding-block: 0.5rem;
  }
  :where([margin-horizontal="5"]) {
    margin-inline: 0.5rem;
  }
  :where([margin-vertical="5"]) {
    margin-block: 0.5rem;
  }
  :where([padding-horizontal="6"]) {
    padding-inline: 0.6rem;
  }
  :where([padding-vertical="6"]) {
    padding-block: 0.6rem;
  }
  :where([margin-horizontal="6"]) {
    margin-inline: 0.6rem;
  }
  :where([margin-vertical="6"]) {
    margin-block: 0.6rem;
  }
  :where([padding-horizontal="7"]) {
    padding-inline: 0.7rem;
  }
  :where([padding-vertical="7"]) {
    padding-block: 0.7rem;
  }
  :where([margin-horizontal="7"]) {
    margin-inline: 0.7rem;
  }
  :where([margin-vertical="7"]) {
    margin-block: 0.7rem;
  }
  :where([padding-horizontal="8"]) {
    padding-inline: 0.8rem;
  }
  :where([padding-vertical="8"]) {
    padding-block: 0.8rem;
  }
  :where([margin-horizontal="8"]) {
    margin-inline: 0.8rem;
  }
  :where([margin-vertical="8"]) {
    margin-block: 0.8rem;
  }
  :where([padding-horizontal="9"]) {
    padding-inline: 0.9rem;
  }
  :where([padding-vertical="9"]) {
    padding-block: 0.9rem;
  }
  :where([margin-horizontal="9"]) {
    margin-inline: 0.9rem;
  }
  :where([margin-vertical="9"]) {
    margin-block: 0.9rem;
  }
  :where([padding-horizontal="10"]) {
    padding-inline: 1rem;
  }
  :where([padding-vertical="10"]) {
    padding-block: 1rem;
  }
  :where([margin-horizontal="10"]) {
    margin-inline: 1rem;
  }
  :where([margin-vertical="10"]) {
    margin-block: 1rem;
  }
  :where([padding-horizontal="11"]) {
    padding-inline: 1.1rem;
  }
  :where([padding-vertical="11"]) {
    padding-block: 1.1rem;
  }
  :where([margin-horizontal="11"]) {
    margin-inline: 1.1rem;
  }
  :where([margin-vertical="11"]) {
    margin-block: 1.1rem;
  }
  :where([padding-horizontal="12"]) {
    padding-inline: 1.2rem;
  }
  :where([padding-vertical="12"]) {
    padding-block: 1.2rem;
  }
  :where([margin-horizontal="12"]) {
    margin-inline: 1.2rem;
  }
  :where([margin-vertical="12"]) {
    margin-block: 1.2rem;
  }
  :where([padding-horizontal="13"]) {
    padding-inline: 1.3rem;
  }
  :where([padding-vertical="13"]) {
    padding-block: 1.3rem;
  }
  :where([margin-horizontal="13"]) {
    margin-inline: 1.3rem;
  }
  :where([margin-vertical="13"]) {
    margin-block: 1.3rem;
  }
  :where([padding-horizontal="14"]) {
    padding-inline: 1.4rem;
  }
  :where([padding-vertical="14"]) {
    padding-block: 1.4rem;
  }
  :where([margin-horizontal="14"]) {
    margin-inline: 1.4rem;
  }
  :where([margin-vertical="14"]) {
    margin-block: 1.4rem;
  }
  :where([padding-horizontal="15"]) {
    padding-inline: 1.5rem;
  }
  :where([padding-vertical="15"]) {
    padding-block: 1.5rem;
  }
  :where([margin-horizontal="15"]) {
    margin-inline: 1.5rem;
  }
  :where([margin-vertical="15"]) {
    margin-block: 1.5rem;
  }
  :where([padding-horizontal="16"]) {
    padding-inline: 1.6rem;
  }
  :where([padding-vertical="16"]) {
    padding-block: 1.6rem;
  }
  :where([margin-horizontal="16"]) {
    margin-inline: 1.6rem;
  }
  :where([margin-vertical="16"]) {
    margin-block: 1.6rem;
  }
  :where([padding-horizontal="17"]) {
    padding-inline: 1.7rem;
  }
  :where([padding-vertical="17"]) {
    padding-block: 1.7rem;
  }
  :where([margin-horizontal="17"]) {
    margin-inline: 1.7rem;
  }
  :where([margin-vertical="17"]) {
    margin-block: 1.7rem;
  }
  :where([padding-horizontal="18"]) {
    padding-inline: 1.8rem;
  }
  :where([padding-vertical="18"]) {
    padding-block: 1.8rem;
  }
  :where([margin-horizontal="18"]) {
    margin-inline: 1.8rem;
  }
  :where([margin-vertical="18"]) {
    margin-block: 1.8rem;
  }
  :where([padding-horizontal="19"]) {
    padding-inline: 1.9rem;
  }
  :where([padding-vertical="19"]) {
    padding-block: 1.9rem;
  }
  :where([margin-horizontal="19"]) {
    margin-inline: 1.9rem;
  }
  :where([margin-vertical="19"]) {
    margin-block: 1.9rem;
  }
  :where([padding-horizontal="20"]) {
    padding-inline: 2rem;
  }
  :where([padding-vertical="20"]) {
    padding-block: 2rem;
  }
  :where([margin-horizontal="20"]) {
    margin-inline: 2rem;
  }
  :where([margin-vertical="20"]) {
    margin-block: 2rem;
  }
  :where([padding-horizontal="21"]) {
    padding-inline: 2.1rem;
  }
  :where([padding-vertical="21"]) {
    padding-block: 2.1rem;
  }
  :where([margin-horizontal="21"]) {
    margin-inline: 2.1rem;
  }
  :where([margin-vertical="21"]) {
    margin-block: 2.1rem;
  }
  :where([padding-horizontal="22"]) {
    padding-inline: 2.2rem;
  }
  :where([padding-vertical="22"]) {
    padding-block: 2.2rem;
  }
  :where([margin-horizontal="22"]) {
    margin-inline: 2.2rem;
  }
  :where([margin-vertical="22"]) {
    margin-block: 2.2rem;
  }
  :where([padding-horizontal="23"]) {
    padding-inline: 2.3rem;
  }
  :where([padding-vertical="23"]) {
    padding-block: 2.3rem;
  }
  :where([margin-horizontal="23"]) {
    margin-inline: 2.3rem;
  }
  :where([margin-vertical="23"]) {
    margin-block: 2.3rem;
  }
  :where([padding-horizontal="24"]) {
    padding-inline: 2.4rem;
  }
  :where([padding-vertical="24"]) {
    padding-block: 2.4rem;
  }
  :where([margin-horizontal="24"]) {
    margin-inline: 2.4rem;
  }
  :where([margin-vertical="24"]) {
    margin-block: 2.4rem;
  }
  :where([padding-horizontal="25"]) {
    padding-inline: 2.5rem;
  }
  :where([padding-vertical="25"]) {
    padding-block: 2.5rem;
  }
  :where([margin-horizontal="25"]) {
    margin-inline: 2.5rem;
  }
  :where([margin-vertical="25"]) {
    margin-block: 2.5rem;
  }
  :where([padding-horizontal="26"]) {
    padding-inline: 2.6rem;
  }
  :where([padding-vertical="26"]) {
    padding-block: 2.6rem;
  }
  :where([margin-horizontal="26"]) {
    margin-inline: 2.6rem;
  }
  :where([margin-vertical="26"]) {
    margin-block: 2.6rem;
  }
  :where([padding-horizontal="27"]) {
    padding-inline: 2.7rem;
  }
  :where([padding-vertical="27"]) {
    padding-block: 2.7rem;
  }
  :where([margin-horizontal="27"]) {
    margin-inline: 2.7rem;
  }
  :where([margin-vertical="27"]) {
    margin-block: 2.7rem;
  }
  :where([padding-horizontal="28"]) {
    padding-inline: 2.8rem;
  }
  :where([padding-vertical="28"]) {
    padding-block: 2.8rem;
  }
  :where([margin-horizontal="28"]) {
    margin-inline: 2.8rem;
  }
  :where([margin-vertical="28"]) {
    margin-block: 2.8rem;
  }
  :where([padding-horizontal="29"]) {
    padding-inline: 2.9rem;
  }
  :where([padding-vertical="29"]) {
    padding-block: 2.9rem;
  }
  :where([margin-horizontal="29"]) {
    margin-inline: 2.9rem;
  }
  :where([margin-vertical="29"]) {
    margin-block: 2.9rem;
  }
  :where([padding-horizontal="30"]) {
    padding-inline: 3rem;
  }
  :where([padding-vertical="30"]) {
    padding-block: 3rem;
  }
  :where([margin-horizontal="30"]) {
    margin-inline: 3rem;
  }
  :where([margin-vertical="30"]) {
    margin-block: 3rem;
  }
  :where([padding-horizontal="31"]) {
    padding-inline: 3.1rem;
  }
  :where([padding-vertical="31"]) {
    padding-block: 3.1rem;
  }
  :where([margin-horizontal="31"]) {
    margin-inline: 3.1rem;
  }
  :where([margin-vertical="31"]) {
    margin-block: 3.1rem;
  }
  :where([padding-horizontal="32"]) {
    padding-inline: 3.2rem;
  }
  :where([padding-vertical="32"]) {
    padding-block: 3.2rem;
  }
  :where([margin-horizontal="32"]) {
    margin-inline: 3.2rem;
  }
  :where([margin-vertical="32"]) {
    margin-block: 3.2rem;
  }
  :where([padding-horizontal="33"]) {
    padding-inline: 3.3rem;
  }
  :where([padding-vertical="33"]) {
    padding-block: 3.3rem;
  }
  :where([margin-horizontal="33"]) {
    margin-inline: 3.3rem;
  }
  :where([margin-vertical="33"]) {
    margin-block: 3.3rem;
  }
  :where([padding-horizontal="34"]) {
    padding-inline: 3.4rem;
  }
  :where([padding-vertical="34"]) {
    padding-block: 3.4rem;
  }
  :where([margin-horizontal="34"]) {
    margin-inline: 3.4rem;
  }
  :where([margin-vertical="34"]) {
    margin-block: 3.4rem;
  }
  :where([padding-horizontal="35"]) {
    padding-inline: 3.5rem;
  }
  :where([padding-vertical="35"]) {
    padding-block: 3.5rem;
  }
  :where([margin-horizontal="35"]) {
    margin-inline: 3.5rem;
  }
  :where([margin-vertical="35"]) {
    margin-block: 3.5rem;
  }
  :where([padding-horizontal="36"]) {
    padding-inline: 3.6rem;
  }
  :where([padding-vertical="36"]) {
    padding-block: 3.6rem;
  }
  :where([margin-horizontal="36"]) {
    margin-inline: 3.6rem;
  }
  :where([margin-vertical="36"]) {
    margin-block: 3.6rem;
  }
  :where([padding-horizontal="37"]) {
    padding-inline: 3.7rem;
  }
  :where([padding-vertical="37"]) {
    padding-block: 3.7rem;
  }
  :where([margin-horizontal="37"]) {
    margin-inline: 3.7rem;
  }
  :where([margin-vertical="37"]) {
    margin-block: 3.7rem;
  }
  :where([padding-horizontal="38"]) {
    padding-inline: 3.8rem;
  }
  :where([padding-vertical="38"]) {
    padding-block: 3.8rem;
  }
  :where([margin-horizontal="38"]) {
    margin-inline: 3.8rem;
  }
  :where([margin-vertical="38"]) {
    margin-block: 3.8rem;
  }
  :where([padding-horizontal="39"]) {
    padding-inline: 3.9rem;
  }
  :where([padding-vertical="39"]) {
    padding-block: 3.9rem;
  }
  :where([margin-horizontal="39"]) {
    margin-inline: 3.9rem;
  }
  :where([margin-vertical="39"]) {
    margin-block: 3.9rem;
  }
  :where([padding-horizontal="40"]) {
    padding-inline: 4rem;
  }
  :where([padding-vertical="40"]) {
    padding-block: 4rem;
  }
  :where([margin-horizontal="40"]) {
    margin-inline: 4rem;
  }
  :where([margin-vertical="40"]) {
    margin-block: 4rem;
  }
  :where([padding-horizontal="41"]) {
    padding-inline: 4.1rem;
  }
  :where([padding-vertical="41"]) {
    padding-block: 4.1rem;
  }
  :where([margin-horizontal="41"]) {
    margin-inline: 4.1rem;
  }
  :where([margin-vertical="41"]) {
    margin-block: 4.1rem;
  }
  :where([padding-horizontal="42"]) {
    padding-inline: 4.2rem;
  }
  :where([padding-vertical="42"]) {
    padding-block: 4.2rem;
  }
  :where([margin-horizontal="42"]) {
    margin-inline: 4.2rem;
  }
  :where([margin-vertical="42"]) {
    margin-block: 4.2rem;
  }
  :where([padding-horizontal="43"]) {
    padding-inline: 4.3rem;
  }
  :where([padding-vertical="43"]) {
    padding-block: 4.3rem;
  }
  :where([margin-horizontal="43"]) {
    margin-inline: 4.3rem;
  }
  :where([margin-vertical="43"]) {
    margin-block: 4.3rem;
  }
  :where([padding-horizontal="44"]) {
    padding-inline: 4.4rem;
  }
  :where([padding-vertical="44"]) {
    padding-block: 4.4rem;
  }
  :where([margin-horizontal="44"]) {
    margin-inline: 4.4rem;
  }
  :where([margin-vertical="44"]) {
    margin-block: 4.4rem;
  }
  :where([padding-horizontal="45"]) {
    padding-inline: 4.5rem;
  }
  :where([padding-vertical="45"]) {
    padding-block: 4.5rem;
  }
  :where([margin-horizontal="45"]) {
    margin-inline: 4.5rem;
  }
  :where([margin-vertical="45"]) {
    margin-block: 4.5rem;
  }
  :where([padding-horizontal="46"]) {
    padding-inline: 4.6rem;
  }
  :where([padding-vertical="46"]) {
    padding-block: 4.6rem;
  }
  :where([margin-horizontal="46"]) {
    margin-inline: 4.6rem;
  }
  :where([margin-vertical="46"]) {
    margin-block: 4.6rem;
  }
  :where([padding-horizontal="47"]) {
    padding-inline: 4.7rem;
  }
  :where([padding-vertical="47"]) {
    padding-block: 4.7rem;
  }
  :where([margin-horizontal="47"]) {
    margin-inline: 4.7rem;
  }
  :where([margin-vertical="47"]) {
    margin-block: 4.7rem;
  }
  :where([padding-horizontal="48"]) {
    padding-inline: 4.8rem;
  }
  :where([padding-vertical="48"]) {
    padding-block: 4.8rem;
  }
  :where([margin-horizontal="48"]) {
    margin-inline: 4.8rem;
  }
  :where([margin-vertical="48"]) {
    margin-block: 4.8rem;
  }
  :where([padding-horizontal="49"]) {
    padding-inline: 4.9rem;
  }
  :where([padding-vertical="49"]) {
    padding-block: 4.9rem;
  }
  :where([margin-horizontal="49"]) {
    margin-inline: 4.9rem;
  }
  :where([margin-vertical="49"]) {
    margin-block: 4.9rem;
  }
  :where([padding-horizontal="50"]) {
    padding-inline: 5rem;
  }
  :where([padding-vertical="50"]) {
    padding-block: 5rem;
  }
  :where([margin-horizontal="50"]) {
    margin-inline: 5rem;
  }
  :where([margin-vertical="50"]) {
    margin-block: 5rem;
  }
}
@layer sw-utils {}
@layer sw-transitions {
  @media (prefers-reduced-motion: no-preference) {
    scroll-view.fwd, scroll-view.fwdd, scroll-view.bwd, scroll-view.bwdd {
      transition: transform var(--view-transition-duration) ease-out allow-discrete, padding-inline-start var(--sidebar-transition-duration) ease-out allow-discrete, margin-inline-start var(--sidebar-transition-duration) ease-out allow-discrete;
      will-change: transform, padding-inline-start, margin-inline-start, scroll-position;
    }
    tool-bar-item.fwn, tool-bar-item.fwnn, tool-bar-item.bwn, tool-bar-item.bwnn,
    tool-bar-item-group.fwn,
    tool-bar-item-group.fwnn,
    tool-bar-item-group.bwn,
    tool-bar-item-group.bwnn {
      transition: transform var(--view-transition-duration) ease-out allow-discrete, opacity var(--view-transition-duration) ease-out allow-discrete, filter var(--view-transition-duration) ease-out allow-discrete;
      will-change: transform, opacity, filter;
    }
    :where(tool-bar-item,
    tool-bar-item-group) {
      transition: transform var(--touchglass-transition-duration) ease-out allow-discrete, filter var(--touchglass-transition-duration) ease-out allow-discrete;
      will-change: transform, filter;
    }
    [is=sheet-view] {
      transition: transform var(--view-transition-duration) ease-out allow-discrete, overlay var(--view-transition-duration) ease-out allow-discrete, display var(--view-transition-duration) ease-out allow-discrete;
      will-change: transform, overlay, display;
    }
  }
  @media (prefers-reduced-motion: no-preference) and (prefers-reduced-motion: no-preference) {
    [is=sheet-view]::backdrop {
      transition: display var(--view-transition-duration) ease-out allow-discrete, overlay var(--view-transition-duration) ease-out allow-discrete, background-color var(--view-transition-duration) ease-out allow-discrete;
      will-change: background-color, overlay, display;
    }
  }
}
@layer sw-transitions {
  scroll-view.fwd {
    pointer-events: none;
  }
  scroll-view.fwdd {
    --scroll-view-translate: translateX(var(--view-transition-principal-x));
    --scroll-view-box-shadow: var(--screen-box-shadow);
  }
  @starting-style {
    scroll-view.fwdd {
      --scroll-view-translate: translateX(var(--view-transition-trailing-x));
    }
  }
  scroll-view.fwdd.fwd {
    --scroll-view-translate: translateX(var(--view-transition-leading-x));
  }
}
@layer sw-transitions {
  scroll-view.bwd {
    --scroll-view-translate: translateX(var(--view-transition-trailing-x));
    --scroll-view-box-shadow: var(--screen-box-shadow);
  }
  scroll-view.bwdd ~ body-view,
  scroll-view.bwdd ~ navigation-stack,
  scroll-view.bwdd ~ navigation-split-view {
    pointer-events: none;
  }
  scroll-view.bwdd {
    --scroll-view-translate: translateX(var(--view-transition-principal-x));
  }
  scroll-view.bwdd.bwd {
    --scroll-view-translate: translateX(var(--view-transition-trailing-x));
  }
  navigation-split-view > body-view:has(~ .bwdd) {
    pointer-events: none;
  }
}
@layer sw-transitions {
  tool-bar-item.fwnn,
  tool-bar-item-group.fwnn {
    --toolbar-cell-scale: scale(var(--view-transition-toolbar-cell-onscreen-scale));
    --toolbar-cell-filter: none;
    --toolbar-cell-opacity: 1;
  }
  @starting-style {
    tool-bar-item.fwnn,
    tool-bar-item-group.fwnn {
      --toolbar-cell-scale: scale(var(--view-transition-toolbar-cell-offscreen-scale));
      --toolbar-cell-filter: blur(10px);
      --toolbar-cell-opacity: 0;
    }
  }
  tool-bar-item.fwnn.fwn,
  tool-bar-item-group.fwnn.fwn {
    --toolbar-cell-scale: scale(var(--view-transition-toolbar-cell-offscreen-scale));
    --toolbar-cell-filter: blur(10px);
    --toolbar-cell-opacity: 0;
  }
}
@layer sw-transitions {
  tool-bar-item.bwn,
  tool-bar-item-group.bwn {
    --toolbar-cell-scale: scale(var(--view-transition-toolbar-cell-offscreen-scale));
    --toolbar-cell-filter: blur(10px);
    --toolbar-cell-opacity: 0;
  }
  tool-bar-item.bwnn,
  tool-bar-item-group.bwnn {
    --toolbar-cell-scale: scale(var(--view-transition-toolbar-cell-onscreen-scale));
    --toolbar-cell-filter: none;
    --toolbar-cell-opacity: 1;
  }
  tool-bar-item.bwnn.bwn,
  tool-bar-item-group.bwnn.bwn {
    --toolbar-cell-scale: scale(var(--view-transition-toolbar-cell-offscreen-scale));
    --toolbar-cell-filter: blur(10px);
    --toolbar-cell-opacity: 0;
  }
}
@layer sw-transitions {
  [is=sheet-view]:not([open]) {
    z-index: var(--top-layer-polyfill-z-index);
  }
  [is=sheet-view][open] {
    --sheet-view-translate: translateY(var(--view-transition-dialog-onscreen-y));
  }
  @media (min-width: 37rem) and (min-height: 27.75rem) and (min-width: 43rem) {
    navigation-split-view [is=sheet-view][open] {
      margin-inline-start: var(--safe-area-inset-left);
    }
  }
  [is=sheet-view][open]::backdrop {
    background-color: var(--view-transition-dialog-onscreen-backdrop-bg);
  }
  @starting-style {
    [is=sheet-view][open]::backdrop {
      background-color: transparent;
    }
  }
  @starting-style {
    [is=sheet-view][open] {
      --sheet-view-translate: translateY(var(--view-transition-dialog-offscreen-y));
    }
  }
}
@layer sw-transitions {
  @media (prefers-reduced-motion: no-preference) {
    :where(fine-tooltip) {
      transition: opacity 150ms allow-discrete ease-out, transform 150ms allow-discrete ease-out;
      transition-delay: 200ms;
      will-change: opacity, transform;
    }
    :where(fine-tooltip[closing]) {
      transition-duration: 100ms;
      transition-delay: 0ms;
    }
  }
}
@layer sw-transitions {
  @media (prefers-reduced-motion: no-preference) {
    :where(menu-view)::part(menu-summary) {
      transition: transform var(--touchglass-transition-duration) allow-discrete ease-out, filter var(--touchglass-transition-duration) allow-discrete ease-out;
      will-change: transform;
    }
    :where(menu-view)::part(menu-dialog) {
      transition: all var(--touchglass-transition-duration) allow-discrete ease-out;
    }
  }
}
@layer sw-transitions {
  @keyframes progressViewCircular {
    0% {
      opacity: 0.85;
    }
    50% {
      opacity: 0.25;
    }
    100% {
      opacity: 0.25;
    }
  }
}
@layer sw-transitions {
  @media (prefers-reduced-motion: no-preference) {
    :where([is=glass-button]) {
      transition: all var(--touchglass-transition-duration) allow-discrete ease-out;
    }
  }
}
@layer sw-transitions {
  @media (prefers-reduced-motion: no-preference) {
    :where([is=glass-prominent-button]) {
      transition: all var(--touchglass-transition-duration) allow-discrete ease-out;
    }
  }
}
@layer sw-transitions {
  @media (prefers-reduced-motion: no-preference) {
    :where([is=confirmation-dialog]) {
      transition: all var(--touchglass-transition-duration) allow-discrete ease-out;
    }
    :where([is=confirmation-dialog] > *) {
      transition: transform var(--touchglass-transition-duration) allow-discrete ease-out;
      will-change: transform;
    }
  }
}
@layer sw-transitions {
  @media (prefers-reduced-motion: no-preference) {
    :where([is=alert-dialog]) {
      transition: display var(--touchglass-transition-duration) allow-discrete ease-out, overlay var(--touchglass-transition-duration) allow-discrete ease-out, transform var(--touchglass-transition-duration) allow-discrete ease-out, opacity var(--touchglass-transition-duration) allow-discrete ease-out;
      will-change: transform, overlay, display, opacity;
    }
  }
}
@layer sw-transitions {}
@layer sw-transitions {
  @media (prefers-reduced-motion: no-preference) {
    :where([is=disclosure-group])::details-content {
      transition: block-size var(--disclosure-group-animation-duration) allow-discrete var(--disclosure-group-animation-easing), content-visibility var(--disclosure-group-animation-duration) allow-discrete var(--disclosure-group-animation-easing);
      will-change: block-size, content-visibility;
    }
    :where([is=disclosure-group] > summary)::after {
      transition: transform var(--disclosure-group-animation-duration) allow-discrete var(--disclosure-group-animation-easing);
      will-change: transform;
    }
    @supports not (interpolate-size: allow-keywords) {
      :where([is=disclosure-group]) {
        transition: grid-template-rows var(--disclosure-group-animation-duration) allow-discrete var(--disclosure-group-animation-easing);
        will-change: grid-template-rows;
      }
    }
  }
}
@layer sw-transitions {
  @media (prefers-reduced-motion: no-preference) and (min-width: 43rem) {
    :where(navigation-split-view:has(> [is=sidebar-view]) [is=sidebar-view]) {
      transition: filter var(--touchglass-transition-duration) ease-out allow-discrete, transform var(--touchglass-transition-duration) ease-out allow-discrete;
      will-change: transform;
    }
  }
  @media (prefers-reduced-motion: no-preference) and (min-width: 43rem) and (max-width: 63.9999rem) {
    :where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] [is=sidebar-view]) {
      transition: filter var(--touchglass-transition-duration) ease-out allow-discrete, transform var(--touchglass-transition-duration) ease-out allow-discrete, margin-inline-start var(--sidebar-transition-duration) ease-out allow-discrete;
      will-change: transform, margin-inline-start;
    }
  }
  @media (prefers-reduced-motion: no-preference) {
    :where(tab-view:has(> [is=sidebar-view]) > [is=sidebar-view]) {
      transition: filter var(--touchglass-transition-duration) ease-out allow-discrete, transform var(--touchglass-transition-duration) ease-out allow-discrete, margin-inline-start var(--sidebar-transition-duration) ease-out allow-discrete;
      will-change: transform, margin-inline-start;
    }
  }
}
@layer sw-transitions {
  @media (prefers-reduced-motion: no-preference) {
    :where([is=tab-bar] > [is=form-view]) {
      transition: transform var(--sidebar-transition-duration) ease-out allow-discrete;
      will-change: transform;
    }
  }
}
@keyframes ipad_form_view_slide_up_offedge {
  to {
    opacity: 0;
  }
}
@property --gray {
  syntax: "<color>";
  initial-value: oklch(64.83% 0.0073 286.19deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --gray {
    syntax: "<color>";
    initial-value: oklch(64.83% 0.0073 286.19deg);
    inherits: true;
  }
}
@media (prefers-contrast: more) {
  @property --gray {
    syntax: "<color>";
    initial-value: oklch(53.26% 0.0062 286.19deg);
    inherits: true;
  }
}
@media (prefers-contrast: more) and (prefers-color-scheme: dark) {
  @property --gray {
    syntax: "<color>";
    initial-value: oklch(75.2% 0.0057 286.26deg);
    inherits: true;
  }
}
@media (pointer: fine) {
  @property --gray {
    syntax: "<color>";
    initial-value: oklch(74.6% 0.0071 286.23deg);
    inherits: true;
  }
}
@media (pointer: fine) and (prefers-color-scheme: dark) {
  @property --gray {
    syntax: "<color>";
    initial-value: oklch(70.73% 0.0072 286.21deg);
    inherits: true;
  }
}
@media (pointer: fine) and (prefers-contrast: more) {
  @property --gray {
    syntax: "<color>";
    initial-value: oklch(63.47% 0.0059 286.23deg);
    inherits: true;
  }
}
@media (pointer: fine) and (prefers-contrast: more) and (prefers-color-scheme: dark) {
  @property --gray {
    syntax: "<color>";
    initial-value: oklch(80.9% 0.0056 286.27deg);
    inherits: true;
  }
}
@property --gray2 {
  syntax: "<color>";
  initial-value: oklch(75.2% 0.0057 286.26deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --gray2 {
    syntax: "<color>";
    initial-value: oklch(50.07% 0.0047 286.23deg);
    inherits: true;
  }
}
@media (prefers-contrast: more) {
  @property --gray2 {
    syntax: "<color>";
    initial-value: oklch(64.83% 0.0073 286.19deg);
    inherits: true;
  }
}
@media (prefers-contrast: more) and (prefers-color-scheme: dark) {
  @property --gray2 {
    syntax: "<color>";
    initial-value: oklch(58.76% 0.006 286.21deg);
    inherits: true;
  }
}
@media (pointer: fine) {
  @property --gray2 {
    syntax: "<color>";
    initial-value: oklch(84.64% 0.0055 286.28deg);
    inherits: true;
  }
}
@media (pointer: fine) and (prefers-color-scheme: dark) {
  @property --gray2 {
    syntax: "<color>";
    initial-value: oklch(56.34% 0.0046 286.25deg);
    inherits: true;
  }
}
@media (pointer: fine) and (prefers-contrast: more) {
  @property --gray2 {
    syntax: "<color>";
    initial-value: oklch(74.6% 0.0071 286.23deg);
    inherits: true;
  }
}
@media (pointer: fine) and (prefers-contrast: more) and (prefers-color-scheme: dark) {
  @property --gray2 {
    syntax: "<color>";
    initial-value: oklch(64.8% 0.0059 286.23deg);
    inherits: true;
  }
}
@property --gray3 {
  syntax: "<color>";
  initial-value: oklch(83.12% 0.0069 286.25deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --gray3 {
    syntax: "<color>";
    initial-value: oklch(40.24% 0.0033 286.25deg);
    inherits: true;
  }
}
@media (prefers-contrast: more) {
  @property --gray3 {
    syntax: "<color>";
    initial-value: oklch(75.2% 0.0057 286.26deg);
    inherits: true;
  }
}
@media (prefers-contrast: more) and (prefers-color-scheme: dark) {
  @property --gray3 {
    syntax: "<color>";
    initial-value: oklch(44.66% 0.0032 286.27deg);
    inherits: true;
  }
}
@media (pointer: fine) {
  @property --gray3 {
    syntax: "<color>";
    initial-value: oklch(92.33% 0.0067 286.27deg);
    inherits: true;
  }
}
@media (pointer: fine) and (prefers-color-scheme: dark) {
  @property --gray3 {
    syntax: "<color>";
    initial-value: oklch(46.83% 0.0032 286.28deg);
    inherits: true;
  }
}
@media (pointer: fine) and (prefers-contrast: more) {
  @property --gray3 {
    syntax: "<color>";
    initial-value: oklch(84.64% 0.0055 286.28deg);
    inherits: true;
  }
}
@media (pointer: fine) and (prefers-contrast: more) and (prefers-color-scheme: dark) {
  @property --gray3 {
    syntax: "<color>";
    initial-value: oklch(51.09% 0.0031 286.29deg);
    inherits: true;
  }
}
@property --gray4 {
  syntax: "<color>";
  initial-value: oklch(86.22% 0.0068 286.26deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --gray4 {
    syntax: "<color>";
    initial-value: oklch(34.92% 0.0034 286.22deg);
    inherits: true;
  }
}
@media (prefers-contrast: more) {
  @property --gray4 {
    syntax: "<color>";
    initial-value: oklch(79.64% 0.0056 286.27deg);
    inherits: true;
  }
}
@media (prefers-contrast: more) and (prefers-color-scheme: dark) {
  @property --gray4 {
    syntax: "<color>";
    initial-value: oklch(38.74% 0.0033 286.24deg);
    inherits: true;
  }
}
@media (pointer: fine) {
  @property --gray4 {
    syntax: "<color>";
    initial-value: oklch(95.36% 0.0067 286.27deg);
    inherits: true;
  }
}
@media (pointer: fine) and (prefers-color-scheme: dark) {
  @property --gray4 {
    syntax: "<color>";
    initial-value: oklch(41.72% 0.0033 286.26deg);
    inherits: true;
  }
}
@media (pointer: fine) and (prefers-contrast: more) {
  @property --gray4 {
    syntax: "<color>";
    initial-value: oklch(88.95% 0.0054 286.29deg);
    inherits: true;
  }
}
@media (pointer: fine) and (prefers-contrast: more) and (prefers-color-scheme: dark) {
  @property --gray4 {
    syntax: "<color>";
    initial-value: oklch(45.38% 0.0032 286.27deg);
    inherits: true;
  }
}
@property --gray5 {
  syntax: "<color>";
  initial-value: oklch(92.33% 0.0067 286.27deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --gray5 {
    syntax: "<color>";
    initial-value: oklch(29.39% 0.0036 286.18deg);
    inherits: true;
  }
}
@media (prefers-contrast: more) {
  @property --gray5 {
    syntax: "<color>";
    initial-value: oklch(88.34% 0.0054 286.29deg);
    inherits: true;
  }
}
@media (prefers-contrast: more) and (prefers-color-scheme: dark) {
  @property --gray5 {
    syntax: "<color>";
    initial-value: oklch(33.52% 0.0104 285.82deg);
    inherits: true;
  }
}
@media (pointer: fine) {
  @property --gray5 {
    syntax: "<color>";
    initial-value: oklch(96.26% 0.0066 286.27deg);
    inherits: true;
  }
}
@media (pointer: fine) and (prefers-color-scheme: dark) {
  @property --gray5 {
    syntax: "<color>";
    initial-value: oklch(34.92% 0.0034 286.22deg);
    inherits: true;
  }
}
@media (pointer: fine) and (prefers-contrast: more) {
  @property --gray5 {
    syntax: "<color>";
    initial-value: oklch(97.43% 0.0053 286.3deg);
    inherits: true;
  }
}
@media (pointer: fine) and (prefers-contrast: more) and (prefers-color-scheme: dark) {
  @property --gray5 {
    syntax: "<color>";
    initial-value: oklch(40.24% 0.0033 286.25deg);
    inherits: true;
  }
}
@property --gray6 {
  syntax: "<color>";
  initial-value: oklch(96.26% 0.0066 286.27deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --gray6 {
    syntax: "<color>";
    initial-value: oklch(22.73% 0.0038 286.09deg);
    inherits: true;
  }
}
@media (prefers-contrast: more) {
  @property --gray6 {
    syntax: "<color>";
    initial-value: oklch(94.15% 0.0067 286.27deg);
    inherits: true;
  }
}
@media (prefers-contrast: more) and (prefers-color-scheme: dark) {
  @property --gray6 {
    syntax: "<color>";
    initial-value: oklch(26.11% 0.0037 286.14deg);
    inherits: true;
  }
}
@media (pointer: fine) {
  @property --gray6 {
    syntax: "<color>";
    initial-value: oklch(99.19% 0.003956 286.3273deg);
    inherits: true;
  }
}
@media (pointer: fine) and (prefers-color-scheme: dark) {
  @property --gray6 {
    syntax: "<color>";
    initial-value: oklch(29.39% 0.0036 286.18deg);
    inherits: true;
  }
}
@media (pointer: fine) and (prefers-contrast: more) {
  @property --gray6 {
    syntax: "<color>";
    initial-value: oklch(100% 0 0deg);
    inherits: true;
  }
}
@media (pointer: fine) and (prefers-contrast: more) and (prefers-color-scheme: dark) {
  @property --gray6 {
    syntax: "<color>";
    initial-value: oklch(33.36% 0.0035 286.21deg);
    inherits: true;
  }
}
@property --blue {
  syntax: "<color>";
  initial-value: oklch(57.71% 0.2207 258.72deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --blue {
    syntax: "<color>";
    initial-value: oklch(59.83% 0.2103 256.76deg);
    inherits: true;
  }
}
@property --blue2 {
  syntax: "<color>";
  initial-value: oklch(75.45% 0.1248 249.16deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --blue2 {
    syntax: "<color>";
    initial-value: oklch(34.97% 0.109177 253.3949deg);
    inherits: true;
  }
}
@property --blue3 {
  syntax: "<color>";
  initial-value: oklch(87.28% 0.0631 246.39deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --blue3 {
    syntax: "<color>";
    initial-value: oklch(22.8% 0.0588 246.17deg);
    inherits: true;
  }
}
@property --blue4 {
  syntax: "<color>";
  initial-value: oklch(90.63% 0.0454 245.27deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --blue4 {
    syntax: "<color>";
    initial-value: oklch(19.6% 0.0464 241.89deg);
    inherits: true;
  }
}
@property --blue5 {
  syntax: "<color>";
  initial-value: oklch(93.99% 0.0298 245.27deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --blue5 {
    syntax: "<color>";
    initial-value: oklch(16.02% 0.0312 241.89deg);
    inherits: true;
  }
}
@property --red {
  syntax: "<color>";
  initial-value: oklch(64.73% 0.2385 27.3deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --red {
    syntax: "<color>";
    initial-value: oklch(65.36% 0.2325 26.55deg);
    inherits: true;
  }
}
@property --red2 {
  syntax: "<color>";
  initial-value: oklch(77.66% 0.1308 22.77deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --red2 {
    syntax: "<color>";
    initial-value: oklch(38.93% 0.1278 25.91deg);
    inherits: true;
  }
}
@property --red3 {
  syntax: "<color>";
  initial-value: oklch(87.85% 0.0643 22deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --red3 {
    syntax: "<color>";
    initial-value: oklch(24.73% 0.0667 23.31deg);
    inherits: true;
  }
}
@property --red4 {
  syntax: "<color>";
  initial-value: oklch(91.42% 0.0439 23.18deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --red4 {
    syntax: "<color>";
    initial-value: oklch(20.85% 0.047 24.05deg);
    inherits: true;
  }
}
@property --red5 {
  syntax: "<color>";
  initial-value: oklch(94.51% 0.0312 23.18deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --red5 {
    syntax: "<color>";
    initial-value: oklch(16.92% 0.0381 24.05deg);
    inherits: true;
  }
}
@property --green {
  syntax: "<color>";
  initial-value: oklch(73.03% 0.1944 147.44deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --green {
    syntax: "<color>";
    initial-value: oklch(75.56% 0.2082 146.98deg);
    inherits: true;
  }
}
@property --green2 {
  syntax: "<color>";
  initial-value: oklch(82.24% 0.1298 162.01deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --green2 {
    syntax: "<color>";
    initial-value: oklch(48.79% 0.1248 152deg);
    inherits: true;
  }
}
@property --green3 {
  syntax: "<color>";
  initial-value: oklch(90.6% 0.0681 165.21deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --green3 {
    syntax: "<color>";
    initial-value: oklch(35.59% 0.0789 157.3deg);
    inherits: true;
  }
}
@property --green4 {
  syntax: "<color>";
  initial-value: oklch(93.23% 0.0504 166.1deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --green4 {
    syntax: "<color>";
    initial-value: oklch(31.56% 0.0607 160.27deg);
    inherits: true;
  }
}
@property --green5 {
  syntax: "<color>";
  initial-value: oklch(95.58% 0.0353 166.1deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --green5 {
    syntax: "<color>";
    initial-value: oklch(26.32% 0.0425 160.27deg);
    inherits: true;
  }
}
@property --orange {
  syntax: "<color>";
  initial-value: oklch(75.33% 0.172 55.72deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --orange {
    syntax: "<color>";
    initial-value: oklch(76.19% 0.167 57.05deg);
    inherits: true;
  }
}
@property --orange2 {
  syntax: "<color>";
  initial-value: oklch(85.48% 0.111 68.86deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --orange2 {
    syntax: "<color>";
    initial-value: oklch(44.68% 0.0914 61.4deg);
    inherits: true;
  }
}
@property --orange3 {
  syntax: "<color>";
  initial-value: oklch(92.68% 0.0611 75.74deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --orange3 {
    syntax: "<color>";
    initial-value: oklch(28.23% 0.051 67.31deg);
    inherits: true;
  }
}
@property --orange4 {
  syntax: "<color>";
  initial-value: oklch(94.43% 0.045 74.78deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --orange4 {
    syntax: "<color>";
    initial-value: oklch(23.89% 0.04 75.03deg);
    inherits: true;
  }
}
@property --orange5 {
  syntax: "<color>";
  initial-value: oklch(96.51% 0.0315 74.78deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --orange5 {
    syntax: "<color>";
    initial-value: oklch(19.83% 0.028 75.03deg);
    inherits: true;
  }
}
@property --purple {
  syntax: "<color>";
  initial-value: oklch(61.67% 0.2607 326deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --purple {
    syntax: "<color>";
    initial-value: oklch(65.86% 0.2795 325.94deg);
    inherits: true;
  }
}
@property --purple2 {
  syntax: "<color>";
  initial-value: oklch(78.07% 0.1464 325.64deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --purple2 {
    syntax: "<color>";
    initial-value: oklch(44.3% 0.1667 326.12deg);
    inherits: true;
  }
}
@property --purple3 {
  syntax: "<color>";
  initial-value: oklch(88.73% 0.0728 324.7deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --purple3 {
    syntax: "<color>";
    initial-value: oklch(32.88% 0.0959 325.84deg);
    inherits: true;
  }
}
@property --purple4 {
  syntax: "<color>";
  initial-value: oklch(91.84% 0.0518 323.99deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --purple4 {
    syntax: "<color>";
    initial-value: oklch(29.81% 0.0724 325.02deg);
    inherits: true;
  }
}
@property --purple5 {
  syntax: "<color>";
  initial-value: oklch(94.55% 0.0358 323.99deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --purple5 {
    syntax: "<color>";
    initial-value: oklch(24.54% 0.0522 323.99deg);
    inherits: true;
  }
}
@property --canvas {
  syntax: "<color>";
  initial-value: oklch(100% 0 0deg);
  inherits: false;
}
@media (prefers-color-scheme: dark) {
  @property --canvas {
    syntax: "<color>";
    initial-value: oklch(0% 0 0deg);
    inherits: false;
  }
}
@property --canvastext {
  syntax: "<color>";
  initial-value: oklch(0% 0 0deg);
  inherits: false;
}
@media (prefers-color-scheme: dark) {
  @property --canvastext {
    syntax: "<color>";
    initial-value: oklch(100% 0 0deg);
    inherits: false;
  }
}
@property --primary {
  syntax: "<color>";
  initial-value: oklch(0% 0 0deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --primary {
    syntax: "<color>";
    initial-value: oklch(100% 0 0deg);
    inherits: true;
  }
}
@media (pointer: fine) {
  @property --primary {
    syntax: "<color>";
    initial-value: oklch(26.86% 0 0deg);
    inherits: true;
  }
}
@media (pointer: fine) and (prefers-color-scheme: dark) {
  @property --primary {
    syntax: "<color>";
    initial-value: oklch(90.34% 0.0013 106.43deg);
    inherits: true;
  }
}
@property --background {
  syntax: "<color>";
  initial-value: oklch(100% 0 0deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --background {
    syntax: "<color>";
    initial-value: oklch(0% 0 0deg);
    inherits: true;
  }
}
@property --secondaryBackground {
  syntax: "<color>";
  initial-value: oklch(95.43% 0.0067 295.45deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --secondaryBackground {
    syntax: "<color>";
    initial-value: oklch(21.86% 0.0039 286.08deg);
    inherits: true;
  }
}
@property --tertiaryBackground {
  syntax: "<color>";
  initial-value: oklch(100% 0 0deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --tertiaryBackground {
    syntax: "<color>";
    initial-value: oklch(27.35% 0.0036 286.16deg);
    inherits: true;
  }
}
@property --groupedBackground {
  syntax: "<color>";
  initial-value: oklch(95.43% 0.0067 295.45deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --groupedBackground {
    syntax: "<color>";
    initial-value: oklch(0% 0 0deg);
    inherits: true;
  }
}
@property --secondaryGroupedBackground {
  syntax: "<color>";
  initial-value: oklch(100% 0 0deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --secondaryGroupedBackground {
    syntax: "<color>";
    initial-value: oklch(21.86% 0.0039 286.08deg);
    inherits: true;
  }
}
@property --tertiaryGroupedBackground {
  syntax: "<color>";
  initial-value: oklch(95.43% 0.0067 295.45deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --tertiaryGroupedBackground {
    syntax: "<color>";
    initial-value: oklch(27.35% 0.0036 286.16deg);
    inherits: true;
  }
}
@property --separator {
  syntax: "<color>";
  initial-value: oklch(94.31% 0 0deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --separator {
    syntax: "<color>";
    initial-value: oklch(28.58% 0.0036 286.17deg);
    inherits: true;
  }
}
@media (pointer: fine) {
  @property --separator {
    syntax: "<color>";
    initial-value: oklch(92.49% 0 0deg);
    inherits: true;
  }
}
@media (pointer: fine) and (prefers-color-scheme: dark) {
  @property --separator {
    syntax: "<color>";
    initial-value: oklch(34.52% 0.0074 84.59deg);
    inherits: true;
  }
}
@property --secondary {
  syntax: "<color>";
  initial-value: oklch(64.83% 0.0073 286.19deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --secondary {
    syntax: "<color>";
    initial-value: oklch(64.83% 0.0073 286.19deg);
    inherits: true;
  }
}
@media (prefers-contrast: more) {
  @property --secondary {
    syntax: "<color>";
    initial-value: oklch(53.26% 0.0062 286.19deg);
    inherits: true;
  }
}
@media (prefers-contrast: more) and (prefers-color-scheme: dark) {
  @property --secondary {
    syntax: "<color>";
    initial-value: oklch(75.2% 0.0057 286.26deg);
    inherits: true;
  }
}
@media (pointer: fine) {
  @property --secondary {
    syntax: "<color>";
    initial-value: oklch(74.6% 0.0071 286.23deg);
    inherits: true;
  }
}
@media (pointer: fine) and (prefers-color-scheme: dark) {
  @property --secondary {
    syntax: "<color>";
    initial-value: oklch(70.73% 0.0072 286.21deg);
    inherits: true;
  }
}
@media (pointer: fine) and (prefers-contrast: more) {
  @property --secondary {
    syntax: "<color>";
    initial-value: oklch(63.47% 0.0059 286.23deg);
    inherits: true;
  }
}
@media (pointer: fine) and (prefers-contrast: more) and (prefers-color-scheme: dark) {
  @property --secondary {
    syntax: "<color>";
    initial-value: oklch(80.9% 0.0056 286.27deg);
    inherits: true;
  }
}
@property --tertiary {
  syntax: "<color>";
  initial-value: oklch(75.2% 0.0057 286.26deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --tertiary {
    syntax: "<color>";
    initial-value: oklch(50.07% 0.0047 286.23deg);
    inherits: true;
  }
}
@media (prefers-contrast: more) {
  @property --tertiary {
    syntax: "<color>";
    initial-value: oklch(64.83% 0.0073 286.19deg);
    inherits: true;
  }
}
@media (prefers-contrast: more) and (prefers-color-scheme: dark) {
  @property --tertiary {
    syntax: "<color>";
    initial-value: oklch(58.76% 0.006 286.21deg);
    inherits: true;
  }
}
@media (pointer: fine) {
  @property --tertiary {
    syntax: "<color>";
    initial-value: oklch(84.64% 0.0055 286.28deg);
    inherits: true;
  }
}
@media (pointer: fine) and (prefers-color-scheme: dark) {
  @property --tertiary {
    syntax: "<color>";
    initial-value: oklch(56.34% 0.0046 286.25deg);
    inherits: true;
  }
}
@media (pointer: fine) and (prefers-contrast: more) {
  @property --tertiary {
    syntax: "<color>";
    initial-value: oklch(74.6% 0.0071 286.23deg);
    inherits: true;
  }
}
@media (pointer: fine) and (prefers-contrast: more) and (prefers-color-scheme: dark) {
  @property --tertiary {
    syntax: "<color>";
    initial-value: oklch(64.8% 0.0059 286.23deg);
    inherits: true;
  }
}
@property --quaternary {
  syntax: "<color>";
  initial-value: oklch(83.12% 0.0069 286.25deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --quaternary {
    syntax: "<color>";
    initial-value: oklch(40.24% 0.0033 286.25deg);
    inherits: true;
  }
}
@media (prefers-contrast: more) {
  @property --quaternary {
    syntax: "<color>";
    initial-value: oklch(75.2% 0.0057 286.26deg);
    inherits: true;
  }
}
@media (prefers-contrast: more) and (prefers-color-scheme: dark) {
  @property --quaternary {
    syntax: "<color>";
    initial-value: oklch(44.66% 0.0032 286.27deg);
    inherits: true;
  }
}
@media (pointer: fine) {
  @property --quaternary {
    syntax: "<color>";
    initial-value: oklch(92.33% 0.0067 286.27deg);
    inherits: true;
  }
}
@media (pointer: fine) and (prefers-color-scheme: dark) {
  @property --quaternary {
    syntax: "<color>";
    initial-value: oklch(46.83% 0.0032 286.28deg);
    inherits: true;
  }
}
@media (pointer: fine) and (prefers-contrast: more) {
  @property --quaternary {
    syntax: "<color>";
    initial-value: oklch(84.64% 0.0055 286.28deg);
    inherits: true;
  }
}
@media (pointer: fine) and (prefers-contrast: more) and (prefers-color-scheme: dark) {
  @property --quaternary {
    syntax: "<color>";
    initial-value: oklch(51.09% 0.0031 286.29deg);
    inherits: true;
  }
}
@property --quinary {
  syntax: "<color>";
  initial-value: oklch(86.22% 0.0068 286.26deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --quinary {
    syntax: "<color>";
    initial-value: oklch(34.92% 0.0034 286.22deg);
    inherits: true;
  }
}
@media (prefers-contrast: more) {
  @property --quinary {
    syntax: "<color>";
    initial-value: oklch(79.64% 0.0056 286.27deg);
    inherits: true;
  }
}
@media (prefers-contrast: more) and (prefers-color-scheme: dark) {
  @property --quinary {
    syntax: "<color>";
    initial-value: oklch(38.74% 0.0033 286.24deg);
    inherits: true;
  }
}
@media (pointer: fine) {
  @property --quinary {
    syntax: "<color>";
    initial-value: oklch(95.36% 0.0067 286.27deg);
    inherits: true;
  }
}
@media (pointer: fine) and (prefers-color-scheme: dark) {
  @property --quinary {
    syntax: "<color>";
    initial-value: oklch(41.72% 0.0033 286.26deg);
    inherits: true;
  }
}
@media (pointer: fine) and (prefers-contrast: more) {
  @property --quinary {
    syntax: "<color>";
    initial-value: oklch(88.95% 0.0054 286.29deg);
    inherits: true;
  }
}
@media (pointer: fine) and (prefers-contrast: more) and (prefers-color-scheme: dark) {
  @property --quinary {
    syntax: "<color>";
    initial-value: oklch(45.38% 0.0032 286.27deg);
    inherits: true;
  }
}
@property --accentColor {
  syntax: "<color>";
  initial-value: oklch(57.71% 0.2207 258.72deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --accentColor {
    syntax: "<color>";
    initial-value: oklch(59.83% 0.2103 256.76deg);
    inherits: true;
  }
}
@property --accentColor2 {
  syntax: "<color>";
  initial-value: oklch(75.45% 0.1248 249.16deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --accentColor2 {
    syntax: "<color>";
    initial-value: oklch(34.97% 0.109177 253.3949deg);
    inherits: true;
  }
}
@property --accentColor3 {
  syntax: "<color>";
  initial-value: oklch(87.28% 0.0631 246.39deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --accentColor3 {
    syntax: "<color>";
    initial-value: oklch(22.8% 0.0588 246.17deg);
    inherits: true;
  }
}
@property --accentColor4 {
  syntax: "<color>";
  initial-value: oklch(90.63% 0.0454 245.27deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --accentColor4 {
    syntax: "<color>";
    initial-value: oklch(19.6% 0.0464 241.89deg);
    inherits: true;
  }
}
@property --accentColor5 {
  syntax: "<color>";
  initial-value: oklch(93.99% 0.0298 245.27deg);
  inherits: true;
}
@media (prefers-color-scheme: dark) {
  @property --accentColor5 {
    syntax: "<color>";
    initial-value: oklch(16.02% 0.0312 241.89deg);
    inherits: true;
  }
}
@property --black {
  syntax: "<color>";
  initial-value: oklch(0% 0 0deg);
  inherits: true;
}
@property --white {
  syntax: "<color>";
  initial-value: oklch(100% 0 0deg);
  inherits: true;
}
@property --clear {
  syntax: "<color>";
  initial-value: oklch(0% 0 0deg / 0);
  inherits: true;
}
@layer sw-colors {
  :root {
    --face: var(--background);
    --text: var(--primary);
  }
  :where([is=sheet-view], [is=full-screen], [is=confirmation-dialog], [is=alert-dialog]) {
    --face: var(--background);
    --background: var(--secondaryBackground);
  }
  @media (min-width: 43rem) {
    :where(navigation-split-view > [is=sidebar-view]) {
      --face: light-dark(var(--liquid-glass-bg), var(--liquid-glass-bg-dark));
    }
  }
  :where(tab-view > [is=sidebar-view]) {
    --face: light-dark(var(--liquid-glass-bg), var(--liquid-glass-bg-dark));
  }
  :where(tab-view > [is=sidebar-view] [is=form-view]) {
    --list--highlighteditem-background-color: transparent;
    --list--highlighteditem-color: var(--accentColor);
  }
  :where([is=tab-bar]) {
    --toolbaritemtext: var(--text);
    --toolbaritemhighlighttext: var(--text);
    --toolbaritemactivetext: var(--text);
  }
  :where(tool-bar-item,
  tool-bar-item-group) {
    --toolbaritemface: light-dark(var(--toolbar-cell-bg), var(--toolbar-cell-bg-dark));
    --toolbaritemhighlightface: light-dark(var(--toolbar-cell-focus-bg), var(--toolbar-cell-focus-bg-dark));
    --toolbaritemactiveface: light-dark(var(--toolbar-cell-active-bg), var(--toolbar-cell-active-bg-dark));
  }
  :where(tool-bar-item[tint]:not(tool-bar-item-group tool-bar-item),
  tool-bar-item-group[tint],
  tool-bar-item-group[tint] > tool-bar-item:not([tint])) {
    --toolbaritemface: light-dark(var(--accentColor), var(--accentColor));
    --toolbaritemtext: light-dark(oklch(from var(--accentColor) clamp(0, (0.7 - l) * 999, 1) none none), oklch(from var(--accentColor) clamp(0, (0.7 - l) * 999, 1) none none));
    --toolbaritemhighlightface: light-dark(oklch(from var(--accentColor) min(calc(l * 1.1), 1) min(calc(c * 1.1), c) h), oklch(from var(--accentColor) min(calc(l * 1.1), 1) min(calc(c * 1.1), c) h));
    --toolbaritemhighlighttext: light-dark(oklch(from var(--accentColor) clamp(0, (0.7 - l) * 999, 1) none none), oklch(from var(--accentColor) clamp(0, (0.7 - l) * 999, 1) none none));
    --toolbaritemactiveface: light-dark(oklch(from var(--accentColor) min(calc(l * 1.2), 1) min(calc(c * 1.1), c) h), oklch(from var(--accentColor) min(calc(l * 1.2), 1) min(calc(c * 1.1), c) h));
    --toolbaritemactivetext: light-dark(oklch(from var(--accentColor) clamp(0, (0.7 - l) * 999, 1) none none), oklch(from var(--accentColor) clamp(0, (0.7 - l) * 999, 1) none none));
  }
  :where(tool-bar-item[tint]:not(tool-bar-item-group tool-bar-item),
  tool-bar-item-group[tint],
  tool-bar-item-group[tint] > tool-bar-item:not([tint])) > button {
    --secondary: var(--toolbaritemtext);
    --blue: var(--toolbaritemtext);
    --red: var(--toolbaritemtext);
    --green: var(--toolbaritemtext);
    --orange: var(--toolbaritemtext);
    --purple: var(--toolbaritemtext);
    --accentColor: var(--toolbaritemtext);
    --accentColorEffective: var(--toolbaritemtext);
  }
  :where(sidebar-toggle) {
    --toolbaritemhighlightface: light-dark(var(--toolbar-cell-focus-bg), var(--toolbar-cell-focus-bg-dark));
    --toolbaritemactiveface: light-dark(var(--toolbar-cell-active-bg), var(--toolbar-cell-active-bg-dark));
  }
  :where(menu-view) {
    --menuitemhighlightface: light-dark(var(--clear), var(--clear));
    --menuitemactiveface: light-dark(oklch(0 0 0 / 20%), oklch(1 0 0 / 20%));
  }
  @media (pointer: fine) {
    :where(menu-view) {
      --menuitemhighlightface: light-dark(var(--accentColor), var(--accentColor));
      --menuitemhighlighttext: light-dark(oklch(from var(--accentColor) clamp(0, (0.7 - l) * 999, 1) none none), oklch(from var(--accentColor) clamp(0, (0.7 - l) * 999, 1) none none));
      --menuitemactivetext: light-dark(oklch(from var(--accentColor) clamp(0, (0.7 - l) * 999, 1) none none), oklch(from var(--accentColor) clamp(0, (0.7 - l) * 999, 1) none none));
      --menuitemactiveface: light-dark(
        oklch(from var(--accentColor) max(calc(l * 0.7), 0) min(calc(c * 1.4), c) h),
        oklch(from var(--accentColor) min(calc(l * 1.3), 1) min(calc(c * 1.2), c) h)
      );
    }
  }
  :where(menu-view) {
    --menusummaryhighlightface: light-dark(var(--toolbar-cell-focus-bg), var(--toolbar-cell-focus-bg-dark));
    --menusummaryactiveface: light-dark(var(--toolbar-cell-active-bg), var(--toolbar-cell-active-bg-dark));
  }
  :where(tool-bar-item > picker-view > menu-view, tool-bar-item > menu-view) {
    --menusummaryface: var(--toolbaritemface);
    --menusummaryhighlightface: var(--toolbaritemhighlightface);
    --menusummaryactiveface: var(--toolbaritemactiveface);
    --menusummarytext: var(--toolbaritemtext);
    --menusummaryhighlighttext: var(--toolbaritemhighlighttext);
    --menusummaryactivetext: var(--toolbaritemactivetext);
  }
  :where([is=confirmation-dialog], [is=alert-dialog]) {
    --dialogbtnface: light-dark(var(--toolbar-cell-bg), var(--toolbar-cell-bg-dark));
    --dialogbtnhighlightface: light-dark(var(--toolbar-cell-focus-bg), var(--toolbar-cell-focus-bg-dark));
    --dialogbtnactiveface: light-dark(var(--toolbar-cell-active-bg), var(--toolbar-cell-active-bg-dark));
  }
  :where([is=borderless-button]) {
    --btntext: var(--accentColor);
    --btnhighlighttext: light-dark(oklch(from var(--accentColor) max(calc(l * 0.7), 0) min(calc(c * 1.4), c) h), oklch(from var(--accentColor) min(calc(l * 1.2), 1) min(calc(c * 1.4), c) h));
    --btnactivetext: light-dark(oklch(from var(--accentColor) max(calc(l * 0.5), 0) min(calc(c * 1.4), c) h), oklch(from var(--accentColor) min(calc(l * 1.3), 1) min(calc(c * 1.4), c) h));
  }
  /**
  * NOTE: --accentColorEffective does NOT exist, it is NOT set anywhere initially!
  * NOTE: Some controls use it to override the initial style WHEN/IF ...Effective is set by someone above.
  */
  :where([is=bordered-button]) {
    --btntext: var(--accentColorEffective, var(--accentColor));
    --btnhighlighttext: light-dark(
      oklch(from var(--accentColorEffective, var(--accentColor)) max(calc(l * 0.7), 0) min(calc(c * 1.4), c) h),
      oklch(from var(--accentColorEffective, var(--accentColor)) min(calc(l * 1.2), 1) min(calc(c * 1.4), c) h)
    );
    --btnactivetext: light-dark(
      oklch(from var(--accentColorEffective, var(--accentColor)) max(calc(l * 0.5), 0) min(calc(c * 1.4), c) h),
      oklch(from var(--accentColorEffective, var(--accentColor)) min(calc(l * 1.3), 1) min(calc(c * 1.4), c) h)
    );
    --btnface: light-dark(var(--accentColorEffective4, oklch(from var(--accentColor4) l 0 h)), var(--accentColorEffective4, oklch(from var(--accentColor4) l 0 h)));
    --btnhighlightface: light-dark(
      oklch(from var(--accentColorEffective4, oklch(from var(--accentColor4) l 0 h)) max(calc(l * 0.95), 0) min(calc(c * 1.8), c) h),
      oklch(from var(--accentColorEffective4, oklch(from var(--accentColor4) l 0 h)) min(calc(l * 1.2), 1) min(calc(c * 1.8), c) h)
    );
    --btnactiveface: light-dark(
      oklch(from var(--accentColorEffective4, oklch(from var(--accentColor4) l 0 h)) max(calc(l * 0.9), 0) min(calc(c * 1.8), c) h),
      oklch(from var(--accentColorEffective4, oklch(from var(--accentColor4) l 0 h)) min(calc(l * 1.3), 1) min(calc(c * 1.8), c) h)
    );
  }
  :where([is=bordered-prominent-button]) {
    --btntext: oklch(from var(--accentColor) clamp(0, (0.7 - l) * 999, 1) none none);
    --btnhighlighttext: oklch(from var(--accentColor) clamp(0, (0.7 - l) * 999, 1) none none);
    --btnactivetext: oklch(from var(--accentColor) clamp(0, (0.7 - l) * 999, 1) none none);
    --btnface: var(--accentColor);
    --btnhighlightface: light-dark(oklch(from var(--accentColor) max(calc(l * 0.9), 0) min(calc(c * 1.4), c) h), oklch(from var(--accentColor) min(calc(l * 1.1), 1) min(calc(c * 1.4), c) h));
    --btnactiveface: light-dark(oklch(from var(--accentColor) max(calc(l * 0.8), 0) min(calc(c * 1.4), c) h), oklch(from var(--accentColor) min(calc(l * 1.2), 1) min(calc(c * 1.4), c) h));
  }
  :where([is=glass-button]) {
    --btntext: var(--accentColorEffective, var(--accentColor));
    --btnhighlighttext: light-dark(
      oklch(from var(--accentColorEffective, var(--accentColor)) min(calc(l * 1.1), 1) min(calc(c * 1.1), c) h),
      oklch(from var(--accentColorEffective, var(--accentColor)) min(calc(l * 1.1), 1) min(calc(c * 1.1), c) h)
    );
    --btnactivetext: light-dark(
      oklch(from var(--accentColorEffective, var(--accentColor)) min(calc(l * 1.2), 1) min(calc(c * 1.1), c) h),
      oklch(from var(--accentColorEffective, var(--accentColor)) min(calc(l * 1.2), 1) min(calc(c * 1.1), c) h)
    );
    --btnface: light-dark(var(--clear-glass-bg), var(--clear-glass-bg-dark));
    --btnhighlightface: light-dark(var(--clear-glass-focus-bg), var(--clear-glass-focus-bg-dark));
    --btnactiveface: light-dark(var(--clear-glass-active-bg), var(--clear-glass-active-bg-dark));
  }
  :where([is=glass-prominent-button]) {
    --btnface: light-dark(var(--accentColor), var(--accentColor));
    --btntext: light-dark(oklch(from var(--accentColor) clamp(0, (0.7 - l) * 999, 1) none none), oklch(from var(--accentColor) clamp(0, (0.7 - l) * 999, 1) none none));
    --btnhighlightface: light-dark(oklch(from var(--accentColor) min(calc(l * 1.1), 1) min(calc(c * 1.1), c) h), oklch(from var(--accentColor) min(calc(l * 1.1), 1) min(calc(c * 1.1), c) h));
    --btnhighlighttext: light-dark(oklch(from var(--accentColor) clamp(0, (0.7 - l) * 999, 1) none none), oklch(from var(--accentColor) clamp(0, (0.7 - l) * 999, 1) none none));
    --btnactiveface: light-dark(oklch(from var(--accentColor) min(calc(l * 1.2), 1) min(calc(c * 1.1), c) h), oklch(from var(--accentColor) min(calc(l * 1.2), 1) min(calc(c * 1.1), c) h));
    --btnactivetext: light-dark(oklch(from var(--accentColor) clamp(0, (0.7 - l) * 999, 1) none none), oklch(from var(--accentColor) clamp(0, (0.7 - l) * 999, 1) none none));
  }
  /* list-view {
    :where(&) {
      // --toolbaritemface: ;
      // --toolbaritemhighlightface: magenta;
      --toolbaritemactiveface: light-dark(oklch(var(--tint-lch) / 1), oklch(var(--tint-lch-dark) / 1));
      // --toolbaritemhighlighttext: yellow;
      --toolbaritemactivetext: white;
    }

    :where(& [aria-selected='true']) {
      --toolbaritemface: light-dark(oklch(var(--tint-lch) / 1), oklch(var(--tint-lch-dark) / 1));
      --toolbaritemhighlightface: light-dark(oklch(var(--tint-lch) / 1), oklch(var(--tint-lch-dark) / 1));
      --toolbaritemactiveface: light-dark(oklch(var(--tint-lch) / 1), oklch(var(--tint-lch-dark) / 1));
      --toolbaritemtext: white;
      --toolbaritemhighlighttext: white;
      --toolbaritemactivetext: white;
    }
  } */
}
@layer sw-final {
  @media (pointer: coarse) {
    :where([is=glass-button][touch-glass],
    [is=glass-prominent-button][touch-glass]) {
      --btn--scale: scale(1.02);
      transition-duration: 100ms;
    }
    :where(menu-view[touch-glass])::part(menu-dialog) {
      --menu--dialog-scale: scale(1.02);
      transition-duration: 100ms;
    }
    :where([is=confirmation-dialog][touch-glass]) {
      --confirmation--dialog-scale: scale(1.02);
      transition-duration: 100ms;
    }
    :where([is=alert-dialog][touch-glass]) {
      --alert--dialog-scale: scale(1.02);
      transition-duration: 100ms;
    }
    :where(tool-bar > *[touch-glass]) {
      --toolbar-cell-scale: scale(1.07);
      transition-duration: 100ms;
    }
  }
  @media (pointer: coarse) and (max-width: 42.9999rem) and (orientation: portrait) {
    :where([is=tab-bar][touch-glass]) {
      --tab-bar-scale: scale(1.02);
      transition-duration: 100ms;
    }
  }
  @media (pointer: coarse) and (max-width: 67.9999rem) and (orientation: landscape) {
    :where([is=tab-bar][touch-glass]) {
      --tab-bar-scale: scale(1.02);
      transition-duration: 100ms;
    }
  }
  @media (pointer: coarse) and (min-width: 68rem) and (orientation: landscape) {
    :where([is=tab-bar][touch-glass]) {
      --tab-bar-scale: scale(1.02);
      transition-duration: 100ms;
    }
  }
  @media (pointer: coarse) and (min-width: 43rem) {
    :where(navigation-split-view:has(> [is=sidebar-view]) > [is=sidebar-view][touch-glass]) {
      --sidebar-view-scale: scale(1.02);
      transition-duration: 100ms;
    }
  }
  @media (pointer: coarse) {
    :where(tab-view > [is=sidebar-view][touch-glass]) {
      --sidebar-view-scale: scale(1.02);
      transition-duration: 100ms;
    }
    :where(tab-view > sidebar-toggle > *[touch-glass]) {
      --toolbar-cell-scale: scale(1.07);
      transition-duration: 100ms;
    }
    :where(tab-view > [is=sidebar-view] > tool-bar > sidebar-toggle > *[touch-glass]) {
      --toolbar-cell-scale: scale(1.07);
      transition-duration: 100ms;
    }
  }
}