/* [project]/src/app/inter_16c1c9b3.module.css [app-client] (css) */
@font-face {
  font-family: inter;
  src: url("/assets/vendor/InterLatin-s.p.11n2ez9999le9.woff2") format("woff2");
  font-display: swap;
  font-weight: 100 900;
}

@font-face {
  font-family: inter Fallback;
  src: local(Arial);
  ascent-override: 89.79%;
  descent-override: 22.36%;
  line-gap-override: 0.0%;
  size-adjust: 107.89%;
}

.inter_16c1c9b3-module__PkUTgG__className {
  font-family: inter, inter Fallback, ExitFlow Korean, sans-serif;
}

.inter_16c1c9b3-module__PkUTgG__variable {
  --font-exitflow: "inter", "inter Fallback", ExitFlow Korean, sans-serif;
}

/* [project]/src/app/globals.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-ease: initial;
    }
  }
}

@layer reset {
  :where(*), :where(*):before, :where(*):after {
    box-sizing: border-box;
    border: 0 solid;
  }

  :where(html) {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light dark;
    line-height: 1.5;
  }

  @media (prefers-color-scheme: dark) {
    :where(html) {
      --lightningcss-light: ;
      --lightningcss-dark: initial;
    }
  }

  :where(body) {
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
  }

  :where(h1, h2, h3, h4, h5, h6) {
    font-size: inherit;
    font-weight: inherit;
  }

  :where(h1, h2, h3, h4, h5, h6, p, blockquote, figure, pre, dl, dd) {
    margin: 0;
  }

  :where(a) {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  :where(b, strong) {
    font-weight: bolder;
  }

  :where(code, kbd, samp, pre) {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em;
  }

  :where(small) {
    font-size: 80%;
  }

  :where(sub, sup) {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  :where(sub) {
    bottom: -.25em;
  }

  :where(sup) {
    top: -.5em;
  }

  :where(ol, ul, menu) {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  :where(img, svg, video, canvas, audio, iframe, embed, object) {
    vertical-align: middle;
    display: block;
  }

  :where(img, video) {
    max-width: 100%;
    height: auto;
  }

  :where(button, input, optgroup, select, textarea) {
    font: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
  }

  :where(button, [type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
    background-color: #0000;
    background-image: none;
  }

  :where(button, [role="button"]) {
    cursor: pointer;
  }

  :where(:disabled, [aria-disabled="true"]) {
    cursor: default;
  }

  :where(textarea) {
    resize: vertical;
  }

  :where(input, textarea)::placeholder {
    opacity: 1;
    color: var(--color-text-secondary, var(--lightningcss-light, #4e606f) var(--lightningcss-dark, #aaafb5));
  }

  :where([list])::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :where([type="search"])::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  :where([type="search"])::-webkit-search-cancel-button {
    -webkit-appearance: none;
  }

  :where(fieldset) {
    margin: 0;
    padding: 0;
  }

  :where(legend) {
    padding: 0;
  }

  :where(table) {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :where(hr) {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  :where(summary) {
    display: list-item;
  }

  :where(dialog) {
    outline: none;
    padding: 0;
  }

  :where([hidden]:not([hidden="until-found" i])) {
    display: none;
  }

  :where(html) {
    -webkit-tap-highlight-color: transparent;
  }

  :where(html[data-theme="light"]) {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
  }

  :where(html[data-theme="dark"]) {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
  }

  :where(html:not([data-theme])) {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light dark;
  }

  @media (prefers-color-scheme: dark) {
    :where(html:not([data-theme])) {
      --lightningcss-light: ;
      --lightningcss-dark: initial;
    }
  }

  :where([data-astryx-media="dark"]) {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
  }

  :where([data-astryx-media="light"]) {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
  }
}

@layer theme {
  :root, :host {
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-exitflow);
    --default-mono-font-family: var(--font-family-code);
    --color-border: var(--ef-border-control);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer legacy {
  :root {
    --canvas: #fff;
    --ink: #222;
    --muted: #767676;
    --line: #ebebeb;
    --soft: #f5f5f5;
    --radius: 8px;
  }

  * {
    box-sizing: border-box;
  }

  body {
    color: var(--ink);
    font-family: var(--font-exitflow), sans-serif;
    -webkit-font-smoothing: antialiased;
    background: #fff;
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
  }

  button, input, select, textarea {
    font: inherit;
  }

  button, a, input, select, textarea {
    -webkit-tap-highlight-color: transparent;
  }

  button {
    cursor: pointer;
  }

  button:disabled {
    cursor: not-allowed;
    opacity: .45;
  }

  a {
    color: inherit;
    text-decoration: none;
  }

  button {
    color: inherit;
    background: none;
    border: 0;
  }

  input, textarea, select {
    border: 1px solid var(--ef-border-control);
    border-radius: var(--ef-control-radius);
    color: #222;
    background: #fff;
    outline: none;
    width: 100%;
    min-height: 40px;
    padding: 10px 12px;
  }

  input[type="checkbox"] {
    width: 15px;
    height: 15px;
    min-height: 15px;
    accent-color: var(--ef-focus);
    cursor: pointer;
    padding: 0;
  }

  textarea {
    resize: vertical;
  }

  input::placeholder, textarea::placeholder {
    color: #9f9f9f;
  }

  input:focus-visible, textarea:focus-visible, select:focus-visible {
    border-color: var(--ef-border-control);
    box-shadow: 0 0 0 2px #22222212;
  }

  a:focus-visible, button:focus-visible, summary:focus-visible {
    outline: 2px solid var(--ef-focus);
    outline-offset: 4px;
  }

  label {
    color: #444;
    flex-direction: column;
    gap: 7px;
    font-size: 12px;
    font-weight: 600;
    display: flex;
  }

  form {
    flex-direction: column;
    gap: 18px;
    display: flex;
  }

  h1, h2, h3, p {
    margin: 0;
  }

  h1, h2, h3 {
    letter-spacing: -.035em;
  }

  h1 {
    font-size: 34px;
    font-weight: 650;
    line-height: 1.2;
  }

  h2 {
    font-size: 16px;
    font-weight: 650;
    line-height: 1.35;
  }

  h3 {
    font-size: 14px;
    font-weight: 650;
  }

  strong {
    font-weight: 600;
  }

  small {
    font-size: 11px;
  }

  i {
    font-style: normal;
  }

  svg {
    flex-shrink: 0;
  }

  .muted {
    color: var(--muted);
  }

  .small {
    font-size: 12px;
    line-height: 1.65;
  }

  .eyebrow {
    letter-spacing: .1em;
    color: #838383;
    font-size: 10px;
    font-weight: 650;
  }

  .wordmark {
    aspect-ratio: 1988 / 568;
    vertical-align: middle;
    width: 4.1em;
    font-size: 30px;
    line-height: 1;
    display: inline-block;
    position: relative;
    overflow: hidden;
  }

  .wordmark-image {
    width: 109.256%;
    max-width: none;
    height: auto;
    position: absolute;
    top: -20.4225%;
    left: -4.47686%;
  }

  .btn {
    border-radius: var(--ef-control-radius);
    white-space: nowrap;
    border: 1px solid #0000;
    justify-content: center;
    align-items: center;
    gap: 9px;
    min-height: 38px;
    padding: 9px 15px;
    font-size: 12px;
    font-weight: 550;
    line-height: 1.3;
    transition: background .12s;
    display: inline-flex;
  }

  .btn-primary {
    background: var(--ef-control-primary-bg);
    color: var(--ef-control-text);
    border-color: var(--ef-border-control);
  }

  .btn-primary:hover {
    background: var(--ef-control-primary-bg);
  }

  .btn-outline {
    color: #333;
    border-color: var(--ef-border-control);
    background: none;
  }

  .btn-outline:hover {
    background: #f4f4f4;
  }

  .btn-ghost {
    color: #666;
  }

  .btn-ghost:hover {
    background: #f2f2f2;
  }

  .btn-sm {
    min-height: 30px;
    padding: 6px 10px;
    font-size: 11px;
  }

  .btn-icon {
    width: 36px;
    padding: 8px;
  }

  .icon-button {
    border-radius: var(--ef-control-radius);
    color: #696969;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    display: inline-flex;
  }

  .icon-button:hover {
    color: #222;
    background: #eee;
  }

  .text-button {
    color: #535353;
    white-space: nowrap;
    align-items: center;
    gap: 7px;
    padding: 0;
    font-size: 11px;
    font-weight: 550;
    display: inline-flex;
  }

  .text-button:hover, .subtle-link:hover {
    color: #111;
    text-underline-offset: 3px;
    text-decoration: underline;
  }

  .badge {
    color: #666;
    white-space: nowrap;
    background: #f0f0f0;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 3px 7px;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.45;
    display: inline-flex;
  }

  .row {
    flex-wrap: wrap;
    align-items: center;
    display: flex;
  }

  .row-between {
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    display: flex;
  }

  .gap {
    gap: 12px;
  }

  .padded {
    padding: 24px;
  }

  .nowrap {
    white-space: nowrap;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 230px;
    display: block;
    overflow: hidden;
  }

  .bordered {
    border: 1px solid var(--line);
  }

  .app-shell {
    min-height: 100vh;
    display: flex;
  }

  .sidebar {
    z-index: 30;
    background: #f7f7f7;
    border-right: 1px solid #e5e5e5;
    flex-direction: column;
    width: 224px;
    padding: 31px 16px 0;
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
  }

  .sidebar-logo {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 34px;
    padding: 0 12px;
    display: flex;
  }

  .sidebar .wordmark {
    font-size: 29px;
  }

  .workspace-selector {
    text-align: left;
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 6px;
    align-items: center;
    gap: 9px;
    width: 100%;
    margin-bottom: 30px;
    padding: 11px 9px;
    display: flex;
  }

  .organization-avatar {
    letter-spacing: -.04em;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    flex-shrink: 0;
    place-items: center;
    width: 30px;
    height: 32px;
    font-size: 10px;
    font-weight: 750;
    display: grid;
  }

  .workspace-selector > span {
    flex: 1;
    min-width: 0;
  }

  .workspace-selector strong {
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: .015em;
    font-size: 11px;
    display: block;
    overflow: hidden;
  }

  .workspace-selector small {
    color: #878787;
    margin-top: 2px;
    font-size: 10px;
    display: block;
  }

  .workspace-selector > svg {
    color: #888;
    width: 13px;
  }

  .nav-label {
    letter-spacing: .11em;
    color: #949494;
    padding: 0 12px 10px;
    font-size: 9px;
    font-weight: 600;
  }

  .sidebar nav {
    flex-direction: column;
    gap: 5px;
    display: flex;
  }

  .sidebar nav a {
    color: #747474;
    border-radius: 5px;
    align-items: center;
    gap: 11px;
    padding: 10px 12px;
    font-size: 12px;
    font-weight: 450;
    display: flex;
  }

  .sidebar nav a.active {
    color: #282828;
    background: #e9e9e9;
    font-weight: 600;
  }

  .sidebar nav a:hover {
    color: #333;
    background: #ededed;
  }

  .sidebar nav a.active svg {
    stroke-width: 2px;
  }

  .sidebar nav em {
    text-align: center;
    background: #dcdcdc;
    border-radius: 3px;
    min-width: 19px;
    height: 18px;
    margin-left: auto;
    font-size: 10px;
    font-style: normal;
    line-height: 18px;
  }

  .sidebar-bottom {
    margin-top: auto;
    padding-top: 36px;
  }

  .workspace-note {
    background: #f1f1f1;
    border: 1px solid #e2e2e2;
    border-radius: 7px;
    margin: 0 5px 18px;
    padding: 15px 12px;
  }

  .note-icon {
    color: #6d6d6d;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    place-items: center;
    width: 27px;
    height: 27px;
    margin-bottom: 12px;
    display: grid;
  }

  .workspace-note strong {
    letter-spacing: -.02em;
    font-size: 11px;
    display: block;
  }

  .workspace-note p {
    color: #909090;
    margin: 5px 0 12px;
    font-size: 10px;
    line-height: 1.7;
  }

  .workspace-note .text-button {
    font-size: 10px;
  }

  .sidebar-help {
    color: #818181;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 14px 9px;
    font-size: 11px;
    display: flex;
  }

  .sidebar-help svg:last-child {
    margin-left: auto;
  }

  .user-menu {
    border-top: 1px solid #e3e3e3;
    align-items: center;
    gap: 9px;
    margin: 6px -16px 0;
    padding: 17px 20px;
    display: flex;
  }

  .user-avatar {
    color: #717171;
    background: #e4e4e4;
    border-radius: 50%;
    place-items: center;
    width: 29px;
    height: 29px;
    font-size: 11px;
    font-weight: 600;
    display: grid;
  }

  .user-menu > span:nth-child(2) {
    flex: 1;
  }

  .user-menu strong {
    font-size: 11px;
    display: block;
  }

  .user-menu small {
    color: #8d8d8d;
    margin-top: 2px;
    font-size: 9px;
    display: block;
  }

  .main-shell {
    width: calc(100% - 224px);
    margin-left: 224px;
  }

  .app-header {
    border-bottom: 1px solid var(--line);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    z-index: 20;
    background: #ffffffd6;
    justify-content: space-between;
    align-items: center;
    height: 70px;
    padding: 0 40px;
    display: flex;
    position: sticky;
    top: 0;
  }

  .app-header > div {
    align-items: center;
    gap: 15px;
    display: flex;
  }

  .app-header strong, .breadcrumb-root {
    font-size: 11px;
    font-weight: 500;
  }

  .breadcrumb-root {
    color: #979797;
  }

  .breadcrumb-slash {
    color: #cfcfcf;
    font-size: 15px;
    font-weight: 300;
  }

  .header-search {
    color: #909090;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    display: flex;
  }

  .header-search kbd {
    border: 1px solid var(--ef-border-control);
    border-radius: var(--ef-control-radius);
    color: #929292;
    place-items: center;
    width: 18px;
    height: 19px;
    margin-left: 15px;
    font-family: inherit;
    font-size: 12px;
    display: grid;
  }

  .header-divider {
    background: #e5e5e5;
    width: 1px;
    height: 19px;
  }

  .app-header .badge {
    background: #f5f5f5;
    font-size: 9px;
  }

  .status-dot {
    vertical-align: middle;
    background: #8a8a8a;
    border-radius: 50%;
    width: 5px;
    height: 5px;
    margin-right: 3px;
    display: inline-block;
  }

  .warning-dot {
    background: #9a9a9a;
  }

  .demo-ribbon {
    color: #8a8a8a;
    background: #fbfbfb;
    border-bottom: 1px solid #ececec;
    align-items: center;
    gap: 10px;
    padding: 8px 40px;
    font-size: 10px;
    display: flex;
  }

  .demo-ribbon > span {
    letter-spacing: .08em;
    color: #737373;
    background: #ececec;
    border-radius: 2px;
    padding: 2px 4px;
    font-size: 8px;
    font-weight: 600;
  }

  .demo-ribbon > a {
    white-space: nowrap;
    align-items: center;
    gap: 4px;
    margin-left: auto;
    display: flex;
  }

  .main-content {
    max-width: 1580px;
    margin: auto;
    padding: 34px 40px 0;
  }

  .page-heading {
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
    margin-bottom: 31px;
    display: flex;
  }

  .page-heading .eyebrow {
    margin-bottom: 11px;
    display: block;
  }

  .page-heading h1 {
    letter-spacing: -1.1px;
    font-size: 29px;
    font-weight: 650;
  }

  .page-heading p {
    color: #8e8e8e;
    margin-top: 10px;
    font-size: 11.5px;
    line-height: 1.7;
  }

  .heading-actions {
    flex-shrink: 0;
    align-items: center;
    gap: 9px;
    padding-bottom: 2px;
    display: flex;
  }

  .heading-actions .btn {
    min-height: 35px;
    padding: 8px 12px;
    font-size: 11px;
  }

  .metrics-grid {
    border: 1px solid #e3e3e3;
    border-radius: 8px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 26px;
    display: grid;
    overflow: hidden;
  }

  .metric {
    background: #fff;
    border-right: 1px solid #e7e7e7;
    min-width: 0;
    padding: 19px 22px 20px;
  }

  .metric:last-child {
    border-right: 0;
  }

  .metric > span {
    color: #7b7b7b;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
    margin-bottom: 12px;
    font-size: 10px;
    display: flex;
  }

  .metric > span > svg {
    color: #9e9e9e;
    width: 13px;
  }

  .metric > strong {
    letter-spacing: -1px;
    font-variant-numeric: tabular-nums;
    margin-bottom: 11px;
    font-size: 29px;
    font-weight: 550;
    line-height: 1.1;
    display: block;
  }

  .metric small {
    color: #9c9c9c;
    letter-spacing: -.01em;
    font-size: 9px;
    line-height: 1.5;
    display: block;
  }

  .overview-middle {
    grid-template-columns: 1.16fr 1fr;
    gap: 23px;
    margin-bottom: 26px;
    display: grid;
  }

  .panel {
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 8px;
    margin-bottom: 24px;
    overflow: hidden;
  }

  .overview-middle > .panel {
    margin: 0;
  }

  .section-heading {
    border-bottom: 1px solid #ececec;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    min-height: 67px;
    padding: 20px 22px;
    display: flex;
  }

  .section-heading h2 {
    letter-spacing: -.015em;
    font-size: 13px;
  }

  .section-heading p {
    color: #939393;
    margin-top: 5px;
    font-size: 10px;
    line-height: 1.6;
  }

  .section-heading .badge {
    font-size: 9px;
  }

  .recovery-feature {
    color: #fafafa;
    background: #2a2a2a;
    border-radius: 8px;
    min-height: 272px;
    padding: 23px 26px 15px;
    position: relative;
    overflow: hidden;
  }

  .recovery-feature .eyebrow {
    letter-spacing: .13em;
    color: #b4b4b4;
    font-size: 8px;
  }

  .recovery-feature > .row-between > svg {
    color: #c3c3c3;
  }

  .recovery-feature h2 {
    letter-spacing: -.8px;
    margin-top: 13px;
    font-size: 29px;
    font-weight: 450;
    line-height: 1.15;
  }

  .recovery-feature > p {
    color: #a7a7a7;
    margin-top: 10px;
    font-size: 10px;
  }

  .feature-bottom {
    justify-content: space-between;
    align-items: flex-end;
    gap: 14px;
    margin-top: 24px;
    display: flex;
  }

  .feature-bottom strong {
    letter-spacing: -.9px;
    font-size: 28px;
    font-weight: 450;
    line-height: 1.1;
  }

  .feature-bottom span {
    color: #ababab;
    align-items: center;
    gap: 5px;
    margin-top: 6px;
    font-size: 9px;
    display: flex;
  }

  .feature-bottom .btn {
    color: #d6d6d6;
    border-color: var(--ef-border-control);
    min-height: 33px;
    padding: 8px 11px;
    font-size: 10px;
  }

  .feature-bottom .btn:hover {
    background: #3c3c3c;
  }

  .recovery-feature > p.feature-note {
    color: #7d7d7d;
    margin-top: 15px;
    font-size: 8px;
  }

  .health-content {
    padding: 21px 22px 16px;
  }

  .health-amount {
    align-items: baseline;
    gap: 13px;
    margin-bottom: 24px;
    display: flex;
  }

  .health-amount strong {
    letter-spacing: -1px;
    font-size: 27px;
    font-weight: 500;
    line-height: 1;
  }

  .health-amount > span {
    color: #8f8f8f;
    font-size: 9px;
  }

  .health-bar {
    border-radius: 2px;
    gap: 3px;
    width: 100%;
    height: 8px;
    margin-bottom: 17px;
    display: flex;
    overflow: hidden;
  }

  .health-bar span {
    min-width: 0;
  }

  .risk-segment {
    background: #a7a7a7;
  }

  .healthy-segment {
    background: #828282;
  }

  .unknown-segment {
    background: #d7d7d7;
  }

  .health-legend {
    flex-direction: column;
    gap: 9px;
    display: flex;
  }

  .health-legend > div {
    color: #818181;
    justify-content: space-between;
    align-items: center;
    font-size: 10px;
    display: flex;
  }

  .health-legend > div > span {
    align-items: center;
    gap: 7px;
    display: flex;
  }

  .health-legend strong {
    color: #606060;
    font-size: 10px;
    font-weight: 500;
  }

  .legend-dot {
    border-radius: 1px;
    width: 6px;
    height: 6px;
    display: inline-block;
  }

  .subtle-link {
    color: #818181;
    border-top: 1px solid #ececec;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
    padding-top: 12px;
    font-size: 9px;
    display: flex;
  }

  .overview-bottom {
    grid-template-columns: 1.45fr 1fr;
    gap: 23px;
    display: grid;
  }

  .overview-bottom .panel {
    margin: 0;
  }

  .mini-offers {
    padding: 0 21px;
  }

  .mini-offers > div {
    border-bottom: 1px solid var(--line);
    align-items: center;
    gap: 10px;
    padding: 17px 0;
    display: flex;
  }

  .mini-offers > div:last-child {
    border-bottom: 0;
  }

  .mini-offers > div > span:nth-child(2) {
    flex: 1;
    min-width: 0;
  }

  .mini-offers strong {
    font-size: 11px;
    display: block;
  }

  .mini-offers small {
    color: #949494;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 230px;
    margin-top: 3px;
    font-size: 9px;
    display: block;
    overflow: hidden;
  }

  .mini-offers > div > div {
    text-align: right;
  }

  .mini-offers .text-button {
    margin-top: 4px;
    font-size: 9px;
  }

  .buyer-avatar {
    color: #828282;
    background: #efefef;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    flex-shrink: 0;
    place-items: center;
    width: 32px;
    height: 32px;
    font-size: 10px;
    display: grid;
  }

  .principle-card {
    background: #f9f9f9;
    border: 1px solid #e3e3e3;
    border-radius: 8px;
    gap: 16px;
    padding: 24px 22px;
    display: flex;
  }

  .principle-card > svg {
    color: #7c7c7c;
  }

  .principle-card h3 {
    letter-spacing: -.01em;
    margin-bottom: 9px;
    font-size: 12px;
  }

  .principle-card p {
    color: #8f8f8f;
    font-size: 10px;
    line-height: 1.8;
  }

  .principle-card .text-button {
    margin-top: 16px;
    font-size: 10px;
  }

  .table-scroll {
    width: 100%;
    overflow-x: auto;
  }

  table {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
    font-size: 11px;
  }

  th {
    color: #8d8d8d;
    white-space: nowrap;
    background: #fbfbfb;
    border-bottom: 1px solid #eaeaea;
    height: 39px;
    padding: 10px 18px;
    font-size: 9px;
    font-weight: 450;
  }

  td {
    vertical-align: middle;
    border-bottom: 1px solid #ececec;
    padding: 14px 18px;
  }

  tbody tr:last-child td {
    border-bottom: 0;
  }

  td > strong {
    font-size: 11px;
    font-weight: 550;
  }

  td.numeric {
    font-variant-numeric: tabular-nums;
  }

  .numeric {
    text-align: right;
  }

  .inventory-table th:first-child, .inventory-table td:first-child {
    padding-left: 22px;
  }

  .inventory-table td {
    height: 77px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .inventory-table td:last-child {
    width: 40px;
    padding: 5px 13px;
  }

  .product-cell {
    white-space: nowrap;
    align-items: center;
    gap: 12px;
    display: flex;
  }

  .product-cell > img {
    object-fit: cover;
    background: #f2f2f2;
    border-radius: 4px;
    width: 39px;
    height: 43px;
  }

  .product-cell strong {
    font-size: 11px;
    font-weight: 550;
    display: block;
  }

  .product-cell > div > span {
    color: #9b9b9b;
    letter-spacing: .01em;
    margin-top: 5px;
    font-size: 9px;
    display: block;
  }

  .product-cell i {
    color: #c1c1c1;
    padding: 0 4px;
  }

  .table-secondary {
    color: #9e9e9e;
    margin-top: 4px;
    font-size: 9px;
    line-height: 1.5;
    display: block;
  }

  .check-cell {
    width: 25px;
    padding-right: 0;
  }

  .table-footer {
    border-top: 1px solid var(--line);
    color: #8f8f8f;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px;
    font-size: 10px;
    display: flex;
  }

  .pagination {
    align-items: center;
    gap: 8px;
    display: flex;
  }

  .pagination > span {
    border: 1px solid var(--line);
    color: #666;
    border-radius: 3px;
    padding: 2px 7px;
  }

  .table-footnote {
    color: #9e9e9e;
    align-items: center;
    gap: 7px;
    margin-top: -6px;
    font-size: 10px;
    display: flex;
  }

  .strong-link {
    font-weight: 600;
  }

  .strong-link:hover {
    text-decoration: underline;
  }

  .inventory-summary {
    border-bottom: 1px solid var(--line);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    margin: 0 0 27px;
    padding: 0 0 24px;
    display: grid;
  }

  .inventory-summary > div {
    border-right: 1px solid var(--line);
    padding-left: 8px;
  }

  .inventory-summary > div:last-child {
    border-right: 0;
  }

  .inventory-summary small {
    color: #8d8d8d;
    margin-bottom: 10px;
    font-size: 10px;
    display: block;
  }

  .inventory-summary strong {
    letter-spacing: -.8px;
    font-variant-numeric: tabular-nums;
    font-size: 27px;
    font-weight: 500;
    display: block;
  }

  .inventory-summary strong > span {
    color: #acacac;
    font-size: 13px;
    font-weight: 400;
  }

  .table-toolbar {
    border-bottom: 1px solid #e5e5e5;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    min-height: 66px;
    padding: 0 19px;
    display: flex;
  }

  .filter-tabs {
    align-self: stretch;
    gap: 20px;
    display: flex;
  }

  .filter-tabs > button {
    color: #8f8f8f;
    white-space: nowrap;
    align-items: center;
    gap: 6px;
    padding: 15px 0;
    font-size: 11px;
    display: flex;
    position: relative;
  }

  .filter-tabs > button.active {
    color: #343434;
    font-weight: 600;
  }

  .filter-tabs > button.active:after {
    content: "";
    background: var(--ef-control-primary-bg);
    height: 2px;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
  }

  .filter-tabs > button > span {
    background: #eee;
    border-radius: 3px;
    padding: 1px 5px;
    font-size: 9px;
  }

  .toolbar-controls {
    align-items: center;
    gap: 9px;
    display: flex;
  }

  .search-field {
    border: 1px solid var(--ef-border-control);
    border-radius: var(--ef-control-radius);
    background: #fff;
    align-items: center;
    gap: 8px;
    min-width: 190px;
    padding: 0 9px;
    display: flex;
  }

  .search-field > svg {
    color: #9d9d9d;
  }

  .search-field input {
    box-shadow: none;
    background: none;
    border: 0;
    min-height: 31px;
    padding: 8px 0;
    font-size: 10px;
  }

  .selection-bar {
    background: #f2f2f2;
    align-items: center;
    gap: 14px;
    padding: 10px 20px;
    display: flex;
  }

  .selection-bar > span {
    align-items: center;
    gap: 6px;
    font-size: 10px;
    display: flex;
  }

  .selection-bar .btn {
    margin-left: auto;
  }

  .callout {
    color: #828282;
    background: #f6f6f6;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    align-items: flex-start;
    gap: 11px;
    margin-bottom: 24px;
    padding: 15px 17px;
    font-size: 11px;
    line-height: 1.7;
    display: flex;
  }

  .callout > svg {
    color: #8c8c8c;
    margin-top: 2px;
  }

  .callout strong {
    color: #646464;
    font-weight: 550;
  }

  .recovery-grid {
    grid-template-columns: 270px minmax(0, 1fr);
    gap: 26px;
    margin-bottom: 26px;
    display: grid;
  }

  .recovery-sidebar {
    height: max-content;
    margin-bottom: 0;
  }

  .recovery-sidebar .section-heading {
    padding: 17px;
  }

  .candidate {
    border-bottom: 1px solid var(--line);
    text-align: left;
    border-left: 2px solid #0000;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 14px 12px;
    display: flex;
  }

  .candidate:last-child {
    border-bottom: 0;
  }

  .candidate.selected {
    background: #f3f3f3;
    border-left-color: #6b6b6b;
  }

  .candidate > img {
    object-fit: cover;
    border-radius: 4px;
    width: 33px;
    height: 38px;
  }

  .candidate > span {
    flex: 1;
    min-width: 0;
  }

  .candidate strong {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 10px;
    display: block;
    overflow: hidden;
  }

  .candidate small {
    color: #909090;
    margin-top: 4px;
    font-size: 9px;
    display: block;
  }

  .candidate > svg {
    color: #a8a8a8;
  }

  .recovery-product {
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
    padding: 0 0 16px;
    display: flex;
  }

  .recovery-product h2 {
    margin: 7px 0;
    font-size: 23px;
  }

  .recovery-product p {
    color: #888;
    font-size: 11px;
  }

  .risk-explanation {
    color: #828282;
    background: #f3f3f3;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    align-items: flex-start;
    gap: 9px;
    margin-bottom: 17px;
    padding: 10px 13px;
    font-size: 10px;
    line-height: 1.6;
    display: flex;
  }

  .strategy-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
    display: grid;
  }

  .strategy-card {
    border: 1px solid #dfdfdf;
    border-radius: 8px;
    flex-direction: column;
    align-items: flex-start;
    padding: 19px 20px;
    display: flex;
  }

  .featured-strategy {
    background: #fbfbfb;
    border-color: #9b9b9b;
  }

  .strategy-card .eyebrow {
    letter-spacing: .04em;
    white-space: nowrap;
    color: #888;
    font-size: 7px;
  }

  .strategy-card > .row-between {
    gap: 5px;
    width: 100%;
  }

  .strategy-card h3 {
    margin: 16px 0 8px;
    font-size: 14px;
  }

  .strategy-amount {
    letter-spacing: -.6px;
    font-size: 25px;
    font-weight: 500;
  }

  .strategy-card > small {
    color: #959595;
    margin-top: 2px;
    font-size: 9px;
  }

  .strategy-calcs {
    color: #8c8c8c;
    flex-direction: column;
    gap: 7px;
    width: 100%;
    margin: 18px 0 12px;
    font-size: 10px;
    display: flex;
  }

  .strategy-calcs > div {
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    display: flex;
  }

  .strategy-calcs > div > span:last-child {
    color: #5d5d5d;
    white-space: nowrap;
  }

  .evidence-line {
    color: #878787;
    background: #f0f0f0;
    border-radius: 3px;
    padding: 3px 6px;
    font-size: 9px;
  }

  .strategy-card details {
    color: #909090;
    width: 100%;
    margin: 12px 0 17px;
    font-size: 10px;
    line-height: 1.7;
  }

  .strategy-card summary {
    cursor: pointer;
    color: #686868;
    font-size: 10px;
  }

  .strategy-card details p {
    margin-top: 8px;
  }

  .strategy-card > .btn {
    width: 100%;
    margin-top: auto;
  }

  .empty-state {
    text-align: center;
    color: #8d8d8d;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    min-height: 230px;
    padding: 35px;
    display: flex;
  }

  .empty-state h3 {
    color: #545454;
    font-size: 16px;
  }

  .empty-state p {
    max-width: 380px;
    font-size: 12px;
    line-height: 1.7;
  }

  .empty-state .btn {
    margin-top: 6px;
  }

  .offer-row {
    border-bottom: 1px solid var(--line);
    align-items: center;
    gap: 15px;
    padding: 23px 22px;
    display: flex;
  }

  .offer-row:last-child {
    border-bottom: 0;
  }

  .offer-copy {
    flex: 1;
    min-width: 0;
    padding-left: 47px;
  }

  .offer-product {
    position: relative;
  }

  .offer-copy > strong + .offer-product {
    margin-top: 3px;
  }

  .offer-product-photo {
    position: absolute;
    top: 50%;
    left: -47px;
    overflow: hidden;
    transform: translateY(-50%);
  }

  .offer-product-photo img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .offer-product > strong {
    font-size: 12px;
    display: block;
  }

  .offer-product > span:not(.offer-product-photo) {
    color: #989898;
    font-size: 10px;
    display: block;
  }

  .offer-copy > strong, .offer-copy > span, .offer-copy > small {
    display: block;
  }

  .offer-copy > strong {
    font-size: 12px;
  }

  .offer-copy > span {
    color: #989898;
    margin-top: 3px;
    font-size: 10px;
  }

  .offer-copy > small {
    color: #aaa;
    margin-top: 6px;
    font-size: 9px;
  }

  .offer-price {
    text-align: right;
  }

  .offer-price > strong {
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 500;
    display: block;
  }

  .offer-actions {
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    max-width: 250px;
    margin-left: 12px;
    display: flex;
  }

  .market-toolbar {
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
    display: flex;
  }

  .filter-pills {
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    display: flex;
  }

  .filter-pills button {
    border-radius: var(--ef-control-radius);
    color: #7f7f7f;
    background: #f3f3f3;
    height: 30px;
    padding: 0 13px;
    font-size: 11px;
  }

  .filter-pills button.active {
    color: #fff;
    background: #292929;
  }

  .market-toolbar .search-field {
    min-width: 260px;
  }

  .market-result {
    color: #949494;
    border-bottom: 1px solid var(--line);
    justify-content: space-between;
    align-items: center;
    margin-bottom: 22px;
    padding-bottom: 14px;
    font-size: 10px;
    display: flex;
  }

  .market-result > span:first-child {
    color: #5c5c5c;
  }

  .market-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 25px 22px;
    display: grid;
  }

  .lot-card {
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    overflow: hidden;
  }

  .lot-card:hover {
    border-color: #ababab;
  }

  .lot-image {
    aspect-ratio: 1.28;
    background: #f0f0f0;
    position: relative;
    overflow: hidden;
  }

  .lot-image > img {
    object-fit: contain;
    width: 100%;
    height: 100%;
  }

  .lot-image > .badge {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    color: #727272;
    background: #ffffffbd;
    font-size: 9px;
    position: absolute;
    top: 13px;
    left: 13px;
  }

  .lot-image-arrow {
    color: #7c7c7c;
    background: #ffffffc4;
    border-radius: 4px;
    place-items: center;
    width: 28px;
    height: 28px;
    display: grid;
    position: absolute;
    bottom: 13px;
    right: 13px;
  }

  .lot-card-body {
    padding: 18px 19px 0;
  }

  .lot-card-body > .row-between .eyebrow {
    color: #888;
    letter-spacing: .075em;
    font-size: 8px;
  }

  .lot-card-body > .row-between > svg {
    color: #909090;
  }

  .lot-card h3 {
    margin: 10px 0 6px;
    font-size: 14px;
    font-weight: 600;
  }

  .lot-card-body > p {
    color: #9b9b9b;
    font-size: 10px;
  }

  .lot-card-body > p > i {
    padding: 0 4px;
  }

  .lot-price {
    justify-content: space-between;
    align-items: flex-end;
    margin: 22px 0 17px;
    display: flex;
  }

  .lot-price small {
    color: #999;
    margin-bottom: 4px;
    font-size: 9px;
    display: block;
  }

  .lot-price strong {
    letter-spacing: -.6px;
    font-size: 23px;
    font-weight: 550;
  }

  .lot-price > span {
    color: #8c8c8c;
    background: #f4f4f4;
    border-radius: 3px;
    padding: 3px 5px;
    font-size: 9px;
  }

  .lot-bottom {
    color: #9c9c9c;
    border-top: 1px solid #ebebeb;
    justify-content: space-between;
    align-items: center;
    padding: 13px 0;
    font-size: 9px;
    display: flex;
  }

  .back-link {
    color: #898989;
    align-items: center;
    gap: 7px;
    margin-bottom: 27px;
    font-size: 11px;
    display: inline-flex;
  }

  .lot-detail {
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    margin-bottom: 38px;
    display: grid;
  }

  .lot-detail-image {
    background: #f0f0f0;
    border-radius: 8px;
    align-self: start;
    overflow: hidden;
  }

  .lot-detail-image > img {
    aspect-ratio: 1;
    object-fit: contain;
    width: 100%;
  }

  .lot-detail-image > span {
    text-align: center;
    color: #8b8b8b;
    border-top: 1px solid #dfdfdf;
    padding: 12px;
    font-size: 9px;
    display: block;
  }

  .lot-detail-copy h1 {
    margin: 18px 0;
    font-size: 34px;
  }

  .lot-detail-copy > p {
    color: #919191;
    font-size: 12px;
    line-height: 1.9;
  }

  .lot-specs {
    border-bottom: 1px solid var(--line);
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 23px;
    padding: 23px 0;
    display: grid;
  }

  .lot-specs small {
    color: #a1a1a1;
    margin-bottom: 6px;
    font-size: 10px;
    display: block;
  }

  .lot-specs strong {
    font-size: 12px;
    font-weight: 550;
  }

  .lot-buy-box > small {
    color: #8c8c8c;
    margin-bottom: 7px;
    font-size: 11px;
    display: block;
  }

  .lot-buy-box > strong {
    letter-spacing: -1px;
    font-size: 34px;
    font-weight: 550;
    display: block;
  }

  .lot-buy-box > span {
    color: #999;
    margin-top: 3px;
    font-size: 11px;
    display: block;
  }

  .purchase-actions {
    gap: 10px;
    margin-bottom: 15px;
    display: flex;
  }

  .purchase-actions > .btn {
    flex: 1;
  }

  .fee-breakdown {
    padding: 21px 22px;
  }

  .fee-breakdown > div {
    color: #878787;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    padding: 7px 0;
    font-size: 11px;
    display: flex;
  }

  .fee-breakdown > div > span:last-child, .fee-breakdown strong {
    color: #4c4c4c;
    font-variant-numeric: tabular-nums;
    font-weight: 500;
  }

  .fee-breakdown .strong-line {
    border-top: 1px solid #e6e6e6;
    margin-top: 8px;
    padding-top: 14px;
  }

  .fee-breakdown > p {
    color: #a3a3a3;
    margin-top: 17px;
    font-size: 9px;
    line-height: 1.8;
  }

  .lot-buy-box .fee-breakdown {
    padding: 12px 0;
  }

  .transaction-grid {
    grid-template-columns: 1.5fr 1fr;
    gap: 24px;
    display: grid;
  }

  .order-progress {
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    padding: 25px 22px;
    display: flex;
    position: relative;
  }

  .order-progress:before {
    content: "";
    background: #e6e6e6;
    height: 1px;
    position: absolute;
    top: 39px;
    left: 45px;
    right: 45px;
  }

  .order-progress > div {
    z-index: 1;
    text-align: center;
    flex-direction: column;
    flex: 1;
    align-items: center;
    gap: 10px;
    display: flex;
  }

  .order-progress > div > span {
    color: #b3b3b3;
    background: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 50%;
    place-items: center;
    width: 27px;
    height: 27px;
    font-size: 10px;
    display: grid;
  }

  .order-progress > div.done > span {
    color: #fff;
    background: #6b6b6b;
    border-color: #6b6b6b;
  }

  .order-progress strong {
    color: #9f9f9f;
    font-size: 8px;
    font-weight: 500;
  }

  .order-progress .done strong {
    color: #686868;
  }

  .order-actions {
    flex-direction: column;
    align-items: flex-start;
    gap: 13px;
    padding: 0 22px 24px;
    display: flex;
  }

  .order-actions > p {
    color: #8c8c8c;
    font-size: 11px;
    line-height: 1.8;
  }

  .order-actions small {
    color: #a6a6a6;
    font-size: 10px;
  }

  .completion-note {
    align-items: center;
    gap: 8px;
    display: flex;
  }

  .timeline {
    padding: 22px;
  }

  .timeline > div {
    gap: 14px;
    padding-bottom: 22px;
    display: flex;
    position: relative;
  }

  .timeline > div:last-child {
    padding-bottom: 0;
  }

  .timeline > div:not(:last-child):before {
    content: "";
    background: #e2e2e2;
    width: 1px;
    position: absolute;
    top: 7px;
    bottom: 0;
    left: 3px;
  }

  .timeline > div > span {
    z-index: 1;
    background: #fff;
    border: 1px solid #a1a1a1;
    border-radius: 50%;
    flex-shrink: 0;
    width: 7px;
    height: 7px;
    margin-top: 5px;
  }

  .timeline strong {
    color: #7d7d7d;
    font-size: 10px;
    font-weight: 500;
    display: block;
  }

  .timeline small {
    color: #afafaf;
    margin-top: 4px;
    font-size: 9px;
    display: block;
  }

  .ledger-summary {
    border-bottom: 1px solid var(--line);
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    padding: 20px;
    display: grid;
  }

  .ledger-summary > div > span {
    color: #9e9e9e;
    margin-bottom: 8px;
    font-size: 10px;
    display: block;
  }

  .ledger-summary strong {
    color: #646464;
    font-size: 21px;
    font-weight: 500;
  }

  .ledger-row {
    border-bottom: 1px solid var(--line);
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
    padding: 15px 20px;
    display: flex;
  }

  .ledger-row:last-child {
    border-bottom: 0;
  }

  .ledger-row strong {
    color: #7b7b7b;
    font-size: 11px;
    font-weight: 500;
  }

  .ledger-row small {
    color: #acacac;
    margin-top: 4px;
    font-size: 9px;
    line-height: 1.6;
    display: block;
  }

  .settings-grid {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    display: grid;
  }

  .settings-grid .panel {
    margin: 0;
  }

  .settings-content {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    padding: 24px;
    display: flex;
  }

  .settings-content > p {
    color: #8b8b8b;
    font-size: 12px;
    line-height: 1.8;
  }

  .settings-content label {
    width: 100%;
  }

  .profile-mark {
    color: #7d7d7d;
    border: 1px solid #dadada;
    border-radius: 6px;
    place-items: center;
    width: 46px;
    height: 46px;
    font-size: 16px;
    display: grid;
  }

  .big-rate {
    letter-spacing: -2px;
    font-size: 50px;
    font-weight: 400;
    line-height: 1.1;
  }

  .integration-line {
    border-bottom: 1px solid #e8e8e8;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 0 0 15px;
    display: flex;
  }

  .integration-line > span {
    flex: 1;
  }

  .integration-line strong {
    font-size: 12px;
    display: block;
  }

  .integration-line small {
    color: #aaa;
    margin-top: 4px;
    font-size: 9px;
    display: block;
  }

  .integration-icon {
    color: #898989;
    background: #f4f4f4;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    place-items: center;
    width: 35px;
    height: 38px;
    display: grid;
  }

  .connection {
    border-bottom: 1px solid var(--line);
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    padding: 12px 0;
    font-size: 11px;
    display: flex;
  }

  .connection p {
    color: #9f9f9f;
    font-size: 10px;
  }

  .connection small {
    color: #adadad;
    word-break: break-all;
    font-size: 9px;
  }

  .swatch-row {
    gap: 10px;
    display: flex;
  }

  .swatch-row > span {
    border: 1px solid #dadada;
    border-radius: 6px;
    width: 48px;
    height: 48px;
  }

  .admin-review-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 26px;
    display: grid;
  }

  .review-card {
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    flex-direction: column;
    gap: 12px;
    padding: 23px;
    display: flex;
    position: relative;
  }

  .review-card > svg:first-child {
    color: #a0a0a0;
  }

  .review-card > strong {
    color: #686868;
    font-size: 28px;
    font-weight: 500;
  }

  .review-card > span {
    color: #a2a2a2;
    font-size: 10px;
  }

  .review-card > svg:last-child {
    color: #ababab;
    position: absolute;
    top: 23px;
    right: 22px;
  }

  .app-footer {
    color: #acacac;
    border-top: 1px solid #e7e7e7;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    margin-top: 40px;
    padding: 23px 0 25px;
    font-size: 9px;
    display: flex;
  }

  .app-footer > span:first-child {
    letter-spacing: .08em;
    color: #929292;
    font-size: 10px;
    font-weight: 650;
  }

  .app-footer i {
    letter-spacing: 0;
    color: #b8b8b8;
    margin-left: 9px;
    font-size: 8px;
    font-weight: 400;
  }

  .app-footer .text-button {
    color: #9d9d9d;
    font-size: 9px;
  }

  .mobile-menu, .mobile-close {
    display: none;
  }

  .dialog-overlay {
    z-index: 100;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background: #22222248;
    position: fixed;
    inset: 0;
  }

  .dialog-content {
    z-index: 101;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    width: calc(100vw - 40px);
    max-width: 610px;
    max-height: calc(100dvh - 60px);
    padding: 26px;
    position: fixed;
    top: 50%;
    left: 50%;
    overflow-y: auto;
    transform: translate(-50%, -50%);
    box-shadow: 0 18px 60px #00000012;
  }

  .dialog-heading {
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 25px;
    display: flex;
  }

  .dialog-heading h2 {
    letter-spacing: -.6px;
    font-size: 22px;
    font-weight: 600;
  }

  .dialog-heading p {
    color: #979797;
    margin-top: 7px;
    font-size: 11px;
    line-height: 1.7;
  }

  .dialog-content form > .btn {
    align-self: flex-start;
    min-width: 150px;
  }

  .dialog-content > div > p {
    color: #898989;
    margin-bottom: 15px;
    font-size: 12px;
    line-height: 1.8;
  }

  .dialog-content .callout {
    margin-bottom: 0;
  }

  .dialog-content .fee-breakdown {
    padding: 10px 0 20px;
  }

  .dialog-content details {
    color: #8e8e8e;
    font-size: 11px;
  }

  .dialog-content summary {
    cursor: pointer;
    color: #7d7d7d;
    padding: 5px 0;
    font-size: 11px;
  }

  .dialog-content details textarea {
    margin-top: 10px;
    font-family: monospace;
    font-size: 11px;
    font-weight: 400;
  }

  .upload-zone {
    cursor: pointer;
    background: #f9f9f9;
    border: 1px dashed #c9c9c9;
    border-radius: 6px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    min-height: 170px;
    padding: 32px 15px;
    display: flex;
    position: relative;
  }

  .upload-zone > svg {
    color: #989898;
  }

  .upload-zone > strong {
    color: #686868;
    font-size: 13px;
  }

  .upload-zone > span {
    color: #ababab;
    font-size: 10px;
    font-weight: 400;
  }

  .upload-zone > input {
    opacity: 0;
    cursor: pointer;
    position: absolute;
    inset: 0;
  }

  .form-grid {
    grid-template-columns: 1fr 1fr;
    gap: 17px;
    display: grid;
  }

  .lot-item-selection {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    max-height: 210px;
    overflow: auto;
  }

  .lot-item-selection > label {
    border-bottom: 1px solid #e8e8e8;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    padding: 11px 12px;
    display: flex;
  }

  .lot-item-selection > label:last-child {
    border-bottom: 0;
  }

  .lot-item-selection strong {
    font-size: 11px;
    display: block;
  }

  .lot-item-selection small {
    color: #a5a5a5;
    margin-top: 3px;
    font-size: 9px;
    font-weight: 400;
    display: block;
  }

  .lot-item-selection input {
    width: 80px;
    min-height: 30px;
    padding: 6px 8px;
    font-size: 11px;
    font-weight: 400;
  }

  .review-item {
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    margin-bottom: 20px;
    padding: 17px;
  }

  .review-item strong {
    font-size: 13px;
    display: block;
  }

  .review-item span {
    color: #9f9f9f;
    margin-top: 6px;
    font-size: 10px;
    display: block;
  }

  .policy-content ul, .policy-content ol {
    color: #8a8a8a;
    flex-direction: column;
    gap: 13px;
    margin: 20px 0;
    padding-left: 19px;
    font-size: 12px;
    line-height: 1.8;
    display: flex;
  }

  .policy-content .big-rate {
    color: #575757;
  }

  .policy-content > p {
    color: #949494;
    margin: 12px 0;
    font-size: 12px;
  }

  .product-detail-preview {
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    display: flex;
  }

  .product-detail-preview > img {
    object-fit: cover;
    border-radius: 6px;
    width: 105px;
    height: 115px;
  }

  .product-detail-preview h3 {
    margin: 7px 0;
    font-size: 18px;
  }

  .product-detail-preview p {
    color: #a7a7a7;
    margin-top: 8px;
    font-size: 11px;
  }

  .search-results {
    flex-direction: column;
    max-height: 400px;
    margin-top: 16px;
    display: flex;
    overflow: auto;
  }

  .search-results > button, .search-results > a {
    text-align: left;
    border-bottom: 1px solid var(--ef-border-control);
    align-items: center;
    gap: 12px;
    padding: 13px 8px;
    font-size: 12px;
    display: flex;
  }

  .search-results > button:hover, .search-results > a:hover {
    background: #f5f5f5;
  }

  .search-results > button > span, .search-results > a > span {
    flex: 1;
  }

  .search-results small {
    color: #9a9a9a;
    margin-top: 4px;
    font-size: 10px;
    display: block;
  }

  .large-search input {
    min-height: 44px;
    font-size: 14px;
  }

  .error-message, .success-message {
    color: #707070;
    background: #f6f6f6;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    padding: 12px;
    font-size: 11px;
    line-height: 1.7;
  }

  .success-message {
    color: #7c7c7c;
    background: #f6f6f6;
    border-color: #dedede;
  }

  .modal-notice {
    align-items: flex-start;
    gap: 8px;
    margin-top: 22px;
    display: flex;
  }

  .modal-notice > svg {
    margin-top: 2px;
  }

  .toast {
    z-index: 90;
    color: #727272;
    background: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 7px;
    align-items: center;
    gap: 10px;
    width: max-content;
    max-width: 600px;
    padding: 13px 13px 13px 17px;
    font-size: 12px;
    display: flex;
    position: fixed;
    bottom: 24px;
    left: calc(50% + 112px);
    transform: translateX(-50%);
    box-shadow: 0 8px 30px #0000000c;
  }

  .error-toast {
    color: #7c7c7c;
    border-color: #d4d4d4;
  }

  .error-callout {
    color: #858585;
    background: #f2f2f2;
    border-color: #dbdbdb;
  }

  .error-callout > svg {
    color: #858585;
  }

  .standalone {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    max-width: 650px;
    min-height: 90vh;
    margin: auto;
    padding: 80px 30px;
    display: flex;
  }

  .standalone p {
    color: #979797;
    font-size: 14px;
    line-height: 1.8;
  }

  .ef-route-loading {
    text-align: center;
    align-items: center;
    width: 100%;
    max-width: none;
    min-height: 100dvh;
  }

  .loading-bar {
    background: #ddd;
    width: 100px;
    height: 3px;
    position: relative;
    overflow: hidden;
  }

  .loading-bar:after {
    content: "";
    background: #222;
    width: 40%;
    animation: 1s ease-in-out infinite loading;
    position: absolute;
    inset: 0;
  }

  @keyframes loading {
    from {
      left: -40%;
    }

    to {
      left: 100%;
    }
  }

  .auth-page {
    grid-template-columns: 1fr 1fr;
    min-height: 100dvh;
    display: grid;
  }

  .auth-story {
    background: #f0f0f0;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    min-height: 760px;
    padding: 48px 56px;
    display: flex;
  }

  .auth-story > div {
    margin: 65px 0;
  }

  .auth-story h1 {
    letter-spacing: -2px;
    margin: 25px 0;
    font-size: 57px;
    font-weight: 500;
    line-height: 1.1;
  }

  .auth-story > div > p {
    color: #969696;
    font-size: 13px;
    line-height: 1.9;
  }

  .auth-story > .small {
    color: #a5a5a5;
    font-size: 10px;
    line-height: 1.9;
  }

  .auth-path {
    color: #898989;
    align-items: center;
    gap: 16px;
    margin-top: 45px;
    font-size: 11px;
    display: flex;
  }

  .auth-path > svg:last-child {
    color: #505050;
    margin-left: 27px;
  }

  .auth-path > span {
    border-bottom: 1px solid #ccc;
    min-width: 70px;
    padding-bottom: 8px;
  }

  .auth-path > svg {
    color: #adadad;
  }

  .auth-form {
    place-self: center;
    width: 100%;
    max-width: 438px;
    padding: 65px 24px;
  }

  .auth-form h2 {
    letter-spacing: -1px;
    margin: 14px 0 11px;
    font-size: 33px;
    font-weight: 550;
  }

  .auth-form > .muted {
    margin-bottom: 32px;
    font-size: 12px;
  }

  .auth-form form > .btn {
    justify-content: space-between;
    width: 100%;
    min-height: 43px;
    margin-top: 7px;
    padding-left: 17px;
    padding-right: 17px;
  }

  .auth-toggle {
    color: #969696;
    margin-top: 21px;
    font-size: 11px;
  }

  .demo-entrance {
    border-top: 1px solid #e6e6e6;
    margin-top: 38px;
    padding-top: 24px;
  }

  .demo-entrance .eyebrow, .demo-entrance > .row-between > .badge {
    font-size: 8px;
  }

  .demo-entrance > p {
    color: #9d9d9d;
    margin: 10px 0 17px;
    font-size: 10px;
  }

  .demo-buttons {
    gap: 9px;
    display: flex;
  }

  .demo-buttons > .btn {
    flex: 1;
    justify-content: space-between;
    font-size: 11px;
  }

  .auth-security {
    color: #afafaf;
    align-items: center;
    gap: 7px;
    margin-top: 34px;
    font-size: 9px;
    display: flex;
  }

  .onboard {
    flex-direction: column;
    justify-content: center;
    gap: 25px;
    max-width: 500px;
    min-height: 100vh;
    margin: auto;
    padding: 70px 24px;
    display: flex;
  }

  .onboard h1 {
    margin-top: 30px;
    font-size: 31px;
  }

  .onboard > .muted {
    font-size: 12px;
    line-height: 1.8;
  }

  .onboard form {
    margin-top: 10px;
  }

  @media (prefers-reduced-motion: reduce) {
    * {
      scroll-behavior: auto !important;
      transition: none !important;
      animation: none !important;
    }
  }

  @media (min-width: 1600px) {
    .main-content {
      padding-top: 45px;
    }

    .page-heading h1 {
      font-size: 34px;
    }

    .page-heading p {
      font-size: 13px;
    }

    .metric {
      padding: 24px 27px;
    }

    .metric > strong {
      font-size: 34px;
    }

    .metric small {
      font-size: 10px;
    }

    .recovery-feature {
      min-height: 300px;
    }

    .recovery-feature h2 {
      font-size: 33px;
    }

    .feature-bottom {
      margin-top: 30px;
    }

    .health-content {
      padding: 27px;
    }

    .health-legend {
      gap: 12px;
    }
  }

  @media (max-width: 1250px) {
    .sidebar {
      width: 204px;
      padding-left: 12px;
      padding-right: 12px;
    }

    .main-shell {
      width: calc(100% - 204px);
      margin-left: 204px;
    }

    .user-menu {
      margin-left: -12px;
      margin-right: -12px;
    }

    .main-content {
      padding: 28px 26px 0;
    }

    .app-header {
      padding: 0 26px;
    }

    .demo-ribbon {
      padding-left: 26px;
      padding-right: 26px;
    }

    .page-heading h1 {
      font-size: 26px;
    }

    .page-heading p {
      font-size: 10.5px;
    }

    .metric {
      padding: 18px 16px;
    }

    .metric > strong {
      font-size: 26px;
    }

    .metric small {
      font-size: 8px;
    }

    .overview-middle {
      gap: 18px;
    }

    .recovery-feature {
      padding-left: 22px;
      padding-right: 22px;
    }

    .feature-bottom {
      gap: 8px;
    }

    .feature-bottom .btn {
      padding: 7px 9px;
      font-size: 9px;
    }

    .health-amount {
      gap: 9px;
    }

    .health-amount strong {
      font-size: 25px;
    }

    .health-amount span {
      font-size: 8px;
    }

    .overview-bottom {
      grid-template-columns: 1.3fr 1fr;
      gap: 18px;
    }

    .recovery-grid {
      grid-template-columns: 230px 1fr;
      gap: 18px;
    }

    .strategy-card {
      padding: 16px;
    }

    .strategy-card .eyebrow {
      font-size: 6px;
    }

    .transaction-grid {
      grid-template-columns: 1.25fr 1fr;
    }

    .table-toolbar {
      flex-wrap: wrap;
      padding-top: 10px;
      padding-bottom: 10px;
    }

    .filter-tabs {
      min-height: 37px;
    }

    .market-grid {
      gap: 18px;
    }

    .offer-row {
      flex-wrap: wrap;
    }

    .offer-actions {
      margin-left: 47px;
    }

    .toast {
      left: calc(50% + 102px);
    }
  }

  @media (max-width: 1020px) {
    .sidebar {
      width: 190px;
      padding-top: 27px;
    }

    .main-shell {
      width: calc(100% - 190px);
      margin-left: 190px;
    }

    .sidebar-logo {
      margin-bottom: 28px;
      padding: 0 8px;
    }

    .sidebar .wordmark {
      font-size: 26px;
    }

    .workspace-selector {
      gap: 6px;
      padding: 9px 6px;
    }

    .organization-avatar {
      width: 25px;
      height: 28px;
      font-size: 9px;
    }

    .workspace-selector strong {
      font-size: 9px;
    }

    .workspace-selector small {
      font-size: 8px;
    }

    .sidebar nav a {
      padding: 10px;
      font-size: 11px;
    }

    .main-content {
      padding: 25px 22px 0;
    }

    .app-header {
      height: 62px;
      padding: 0 22px;
    }

    .demo-ribbon {
      padding-left: 22px;
      padding-right: 22px;
      font-size: 8px;
    }

    .page-heading {
      flex-direction: column;
      align-items: flex-start;
      gap: 17px;
      margin-bottom: 24px;
    }

    .page-heading h1 {
      font-size: 27px;
    }

    .page-heading p {
      font-size: 11px;
    }

    .metrics-grid {
      grid-template-columns: repeat(2, 1fr);
    }

    .metric:nth-child(2) {
      border-right: 0;
    }

    .metric:nth-child(-n+2) {
      border-bottom: 1px solid var(--line);
    }

    .metric small {
      font-size: 9px;
    }

    .metric {
      padding: 18px;
    }

    .overview-middle {
      grid-template-columns: 1fr;
    }

    .recovery-feature {
      min-height: 260px;
    }

    .feature-bottom {
      margin-top: 23px;
    }

    .health-content {
      padding: 20px 22px;
    }

    .health-amount {
      margin-bottom: 20px;
    }

    .health-legend {
      flex-direction: row;
      gap: 15px;
    }

    .health-legend > div {
      flex: 1;
      gap: 8px;
      font-size: 9px;
    }

    .health-legend strong {
      white-space: nowrap;
      font-size: 9px;
    }

    .overview-bottom {
      grid-template-columns: 1fr;
    }

    .principle-card {
      margin-top: 0;
    }

    .recovery-grid {
      grid-template-columns: 1fr;
    }

    .recovery-sidebar {
      border-radius: 5px;
      max-width: 100%;
      display: flex;
      overflow: auto;
    }

    .recovery-sidebar .section-heading {
      display: none;
    }

    .candidate {
      border-bottom: 2px solid #0000;
      border-left: 0;
      width: 195px;
      min-width: 195px;
    }

    .candidate.selected {
      border-bottom-color: #848484;
      border-left: 0;
    }

    .candidate > svg {
      display: none;
    }

    .candidate strong {
      font-size: 9px;
    }

    .strategy-card .eyebrow {
      font-size: 7px;
    }

    .market-toolbar {
      flex-direction: column;
      align-items: flex-start;
    }

    .market-toolbar .search-field {
      width: 100%;
    }

    .market-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lot-detail {
      gap: 25px;
    }

    .lot-detail-copy h1 {
      font-size: 26px;
    }

    .lot-detail {
      grid-template-columns: 1fr;
    }

    .lot-detail-image {
      justify-self: center;
      width: 100%;
      max-width: 430px;
    }

    .transaction-grid, .settings-grid {
      grid-template-columns: 1fr;
    }

    .inventory-summary {
      gap: 14px;
    }

    .inventory-summary strong {
      font-size: 22px;
    }

    .inventory-summary small {
      font-size: 9px;
    }

    .app-footer > span:nth-child(2), .header-search > span, .header-search kbd {
      display: none;
    }

    .toast {
      max-width: calc(100vw - 240px);
      left: calc(50% + 95px);
    }

    .admin-review-grid {
      gap: 12px;
    }

    .review-card {
      padding: 17px;
    }

    .review-card > span {
      font-size: 9px;
    }

    .review-card > svg:last-child {
      top: 17px;
      right: 15px;
    }
  }

  @media (max-width: 760px) {
    .sidebar {
      width: 224px;
      transition: left .18s;
      left: -245px;
    }

    .sidebar.mobile-open {
      left: 0;
    }

    .main-shell {
      width: 100%;
      margin-left: 0;
    }

    .mobile-menu, .mobile-close {
      display: inline-flex;
    }

    .mobile-scrim {
      z-index: 25;
      background: #0005;
      position: fixed;
      inset: 0;
    }

    .app-header {
      height: 59px;
      padding: 0 17px;
    }

    .app-header > div {
      gap: 9px;
    }

    .app-header .badge {
      font-size: 8px;
    }

    .breadcrumb-root, .breadcrumb-slash {
      display: none;
    }

    .app-header strong {
      font-size: 11px;
    }

    .demo-ribbon {
      align-items: flex-start;
      gap: 7px;
      padding: 8px 19px;
      font-size: 8px;
    }

    .demo-ribbon p {
      max-width: 245px;
      line-height: 1.6;
    }

    .demo-ribbon > a {
      font-size: 8px;
    }

    .main-content {
      padding: 27px 18px 0;
    }

    .page-heading {
      gap: 16px;
    }

    .page-heading .eyebrow {
      margin-bottom: 9px;
      font-size: 8px;
    }

    .page-heading h1 {
      letter-spacing: -.9px;
      font-size: 26px;
    }

    .page-heading p {
      max-width: 350px;
      font-size: 10px;
      line-height: 1.8;
    }

    .heading-actions .btn {
      min-height: 34px;
      font-size: 10px;
    }

    .metrics-grid {
      margin-bottom: 20px;
    }

    .metric {
      padding: 17px 15px;
    }

    .metric > span {
      margin-bottom: 11px;
      font-size: 9px;
    }

    .metric > strong {
      font-size: 28px;
    }

    .metric small {
      font-size: 8px;
      line-height: 1.7;
    }

    .overview-middle {
      gap: 20px;
      margin-bottom: 20px;
    }

    .recovery-feature {
      min-height: 264px;
      padding: 22px;
    }

    .recovery-feature h2 {
      font-size: 29px;
    }

    .feature-bottom .btn {
      padding: 8px 10px;
      font-size: 9px;
    }

    .feature-bottom strong {
      font-size: 27px;
    }

    .feature-bottom span {
      font-size: 8px;
    }

    .section-heading {
      padding: 18px 16px;
    }

    .section-heading h2 {
      font-size: 12px;
    }

    .section-heading p {
      max-width: 245px;
      font-size: 9px;
    }

    .section-heading .text-button {
      font-size: 9px;
    }

    .panel {
      margin-bottom: 20px;
    }

    .health-amount strong {
      font-size: 27px;
    }

    .health-legend {
      flex-direction: column;
      gap: 9px;
    }

    .health-legend > div {
      font-size: 10px;
    }

    .health-content {
      padding: 20px 17px;
    }

    .inventory-table th:first-child, .inventory-table td:first-child {
      padding-left: 16px;
    }

    .inventory-table td {
      height: 73px;
    }

    .product-cell strong {
      font-size: 10px;
    }

    .product-cell > img {
      width: 33px;
      height: 38px;
    }

    .product-cell {
      gap: 9px;
    }

    .product-cell > div > span {
      font-size: 8px;
    }

    .inventory-table th, .inventory-table td {
      padding-left: 13px;
      padding-right: 13px;
    }

    .inventory-table .badge {
      font-size: 8px;
    }

    .inventory-table td.numeric, .inventory-table td.numeric > strong {
      font-size: 10px;
    }

    .inventory-table td:last-child {
      padding: 5px 8px;
    }

    .mini-offers {
      padding: 0 16px;
    }

    .mini-offers strong {
      font-size: 10px;
    }

    .mini-offers small {
      max-width: 170px;
      font-size: 8px;
    }

    .principle-card {
      padding: 21px 17px;
    }

    .app-footer {
      margin-top: 27px;
      padding-top: 19px;
    }

    .inventory-summary {
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
    }

    .inventory-summary > div:nth-child(2) {
      border-right: 0;
    }

    .inventory-summary strong {
      font-size: 25px;
    }

    .table-toolbar {
      gap: 3px;
      padding: 0 14px 14px;
    }

    .filter-tabs {
      gap: 16px;
      width: 100%;
      min-height: 50px;
      overflow: auto;
    }

    .filter-tabs > button {
      font-size: 10px;
    }

    .toolbar-controls {
      width: 100%;
      margin-top: 12px;
    }

    .toolbar-controls .search-field {
      flex: 1;
    }

    .table-footnote {
      align-items: flex-start;
      font-size: 8px;
      line-height: 1.9;
    }

    .table-footnote > svg {
      margin-top: 2px;
    }

    .selection-bar {
      gap: 10px;
      padding: 10px 13px;
    }

    .selection-bar > span {
      font-size: 9px;
    }

    .selection-bar .btn {
      padding: 6px 8px;
      font-size: 9px;
    }

    .recovery-product h2 {
      font-size: 22px;
    }

    .strategy-grid {
      gap: 12px;
    }

    .strategy-card {
      padding: 14px 12px;
    }

    .strategy-card .eyebrow {
      display: none;
    }

    .strategy-card h3 {
      margin-top: 13px;
      font-size: 12px;
    }

    .strategy-amount {
      font-size: 23px;
    }

    .strategy-card > small {
      font-size: 8px;
    }

    .strategy-calcs {
      gap: 8px;
      font-size: 8px;
    }

    .strategy-card .btn {
      gap: 5px;
      padding: 7px 8px;
      font-size: 9px;
    }

    .strategy-card .btn > svg {
      width: 12px;
    }

    .strategy-card details, .strategy-card summary {
      font-size: 9px;
    }

    .evidence-line {
      font-size: 8px;
    }

    .callout {
      gap: 8px;
      margin-bottom: 20px;
      padding: 13px;
      font-size: 10px;
    }

    .market-grid {
      gap: 17px 12px;
    }

    .market-toolbar .search-field {
      min-width: 0;
    }

    .market-result {
      font-size: 9px;
    }

    .lot-card-body {
      padding: 13px 12px 0;
    }

    .lot-card-body > .row-between .eyebrow {
      text-overflow: ellipsis;
      max-width: 120px;
      font-size: 6px;
      overflow: hidden;
    }

    .lot-card h3 {
      margin-top: 8px;
      font-size: 12px;
      line-height: 1.5;
    }

    .lot-card-body > p {
      font-size: 8px;
      line-height: 1.8;
    }

    .lot-price {
      margin: 15px 0 13px;
    }

    .lot-price strong {
      font-size: 21px;
    }

    .lot-price small {
      font-size: 7px;
    }

    .lot-price > span {
      display: none;
    }

    .lot-bottom {
      gap: 8px;
      padding: 11px 0;
      font-size: 7px;
    }

    .lot-image > .badge {
      font-size: 8px;
      top: 9px;
      left: 9px;
    }

    .lot-image-arrow {
      width: 23px;
      height: 23px;
      bottom: 9px;
      right: 9px;
    }

    .lot-detail-copy h1 {
      font-size: 29px;
    }

    .lot-detail-copy > p {
      font-size: 11px;
    }

    .purchase-actions {
      flex-direction: column;
    }

    .offer-row {
      gap: 10px;
      padding: 18px 15px;
    }

    .offer-copy strong {
      font-size: 11px;
    }

    .offer-copy {
      flex-basis: calc(100% - 90px);
      padding-left: 42px;
    }

    .offer-product-photo {
      left: -42px;
    }

    .offer-product > span:not(.offer-product-photo), .offer-copy > span {
      font-size: 9px;
    }

    .offer-copy > small {
      font-size: 8px;
    }

    .offer-price > strong {
      font-size: 13px;
    }

    .offer-price {
      flex: 0 0 80px;
    }

    .offer-actions {
      gap: 10px;
      max-width: none;
      margin-left: 42px;
    }

    .offer-actions .btn, .offer-actions .text-button {
      font-size: 9px;
    }

    .admin-review-grid {
      grid-template-columns: 1fr;
      gap: 12px;
    }

    .review-card {
      flex-direction: row;
      align-items: center;
      gap: 15px;
      padding: 18px;
    }

    .review-card > span {
      font-size: 10px;
    }

    .review-card > strong {
      font-size: 25px;
    }

    .review-card > svg:last-child {
      margin-left: auto;
      position: static;
    }

    .toast {
      width: auto;
      max-width: none;
      font-size: 11px;
      bottom: 18px;
      left: 18px;
      right: 18px;
      transform: none;
    }

    .dialog-content {
      width: calc(100vw - 26px);
      max-height: calc(100dvh - 30px);
      padding: 21px;
    }

    .dialog-heading h2 {
      font-size: 20px;
    }

    .dialog-heading p {
      font-size: 10px;
    }

    .form-grid {
      gap: 13px;
    }

    label {
      font-size: 11px;
    }

    .dialog-content input {
      font-size: 12px;
    }

    .fee-breakdown > div {
      gap: 10px;
      font-size: 10px;
    }

    .dialog-content .fee-breakdown {
      padding-left: 0;
      padding-right: 0;
    }

    .auth-page {
      grid-template-columns: 1fr;
    }

    .auth-story {
      min-height: 0;
      padding: 32px 25px;
    }

    .auth-story > div {
      margin: 44px 0 5px;
    }

    .auth-story h1 {
      margin: 16px 0;
      font-size: 40px;
    }

    .auth-story > div > p {
      font-size: 11px;
    }

    .auth-story > .small, .auth-path {
      display: none;
    }

    .auth-form {
      padding: 40px 25px;
    }

    .auth-form h2 {
      font-size: 29px;
    }

    .auth-form > .muted {
      font-size: 11px;
    }

    .auth-story .wordmark {
      font-size: 27px;
    }

    .auth-story .eyebrow {
      font-size: 8px;
    }

    .demo-entrance {
      margin-top: 30px;
    }

    .demo-buttons > .btn {
      font-size: 10px;
    }

    .settings-content {
      padding: 20px;
    }

    .integration-line .btn {
      font-size: 9px;
    }

    .profile-mark {
      width: 40px;
      height: 40px;
    }

    .order-progress {
      padding-left: 15px;
      padding-right: 15px;
    }

    .order-progress strong {
      font-size: 7px;
    }

    .table-scroll table, .inventory-table {
      min-width: 570px;
    }

    .overview-middle ~ .panel .inventory-table {
      min-width: 540px;
    }

    .table-scroll:focus {
      outline: none;
    }
  }

  .badge.positive {
    color: #52644f;
    background: #eff2ef;
  }

  .badge.warning {
    color: #896e34;
    background: #f7f2e8;
  }

  .badge.risk {
    color: #a45e3b;
    background: #f8ece6;
  }

  .error-ink {
    color: #a35440;
  }

  .recovery-feature {
    background: #222;
  }

  .badge {
    color: #686868;
  }

  .table-secondary, .product-cell > div > span, .page-heading p, .metric small, .health-amount > span, .health-legend > div, .section-heading p, .app-footer, .small.muted, .lot-card-body > p, .lot-bottom, .lot-price small, .strategy-card > small, .strategy-calcs, .strategy-card details, .table-footnote {
    color: #757575;
  }

  .market-filters {
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
    margin: -4px 0 22px;
    display: flex;
  }

  .market-filters label {
    color: #777;
    flex: 1;
    min-width: 130px;
    font-size: 9px;
  }

  .market-filters input, .market-filters select {
    min-height: 32px;
    padding: 7px 9px;
    font-size: 10px;
  }

  .market-filters > .text-button {
    padding-bottom: 9px;
    font-size: 9px;
  }

  @media (max-width: 760px) {
    .market-filters {
      grid-template-columns: 1fr 1fr;
      display: grid;
    }

    .market-filters label {
      min-width: 0;
    }

    .market-filters > .text-button {
      padding: 0;
    }
  }

  .checkbox-label {
    color: #666;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.7;
    display: flex;
  }

  .checkbox-label input {
    flex-shrink: 0;
    margin-top: 3px;
  }

  .allocation-summary {
    border-top: 1px solid #eee;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 16px 0;
    display: flex;
  }

  .allocation-summary p {
    color: #777;
    font-size: 11px;
  }

  .page-heading p:empty {
    display: none;
  }

  .actionable-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .auth-page {
    justify-content: center;
    align-items: center;
    min-height: 100dvh;
    display: flex;
  }

  .auth-story {
    background: none;
    min-height: 0;
    padding: 32px;
    position: absolute;
    top: 0;
    left: 0;
  }

  .auth-story > div, .auth-story > .small {
    display: none;
  }

  .auth-form {
    margin: auto;
    padding-top: 100px;
  }

  .auth-form .eyebrow {
    letter-spacing: .08em;
  }

  .page-heading p {
    max-width: 650px;
  }

  @media (max-width: 760px) {
    .actionable-metrics {
      grid-template-columns: 1fr 1fr;
    }

    .actionable-metrics > .metric:last-child {
      border-top: 1px solid #eee;
      grid-column: 1 / -1;
    }

    .auth-story {
      padding: 26px;
    }

    .auth-form {
      padding-top: 110px;
    }
  }

  .listing-search {
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding: 16px 24px;
    display: flex;
  }

  .listing-search input {
    flex: 1;
    min-width: 0;
  }

  .listing-search button {
    flex: none;
  }

  .admin-review-grid .review-card {
    flex-direction: row;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
  }

  .admin-review-grid .review-card > strong {
    font-size: 20px;
  }

  .admin-review-grid .review-card > span {
    flex: 1;
    font-size: 12px;
  }

  .admin-review-grid .review-card > svg:last-child {
    width: 14px;
    position: static;
  }
}

@layer astryx-base {
  @property --x---_avatar-group-overlap {
    syntax: "*";
    inherits: false
  }

  @property --x---_codeblock-gutter-width {
    syntax: "*";
    inherits: false
  }

  @property --x---_hover-delay {
    syntax: "*";
    inherits: false
  }

  @property --x---_tab-indicator-bottom {
    syntax: "*";
    inherits: false
  }

  @property --x---container-max-height {
    syntax: "*";
    inherits: false
  }

  @property --x---layout-alignment-width {
    syntax: "*";
    inherits: false
  }

  @property --x---layout-content-width {
    syntax: "*";
    inherits: false
  }

  @property --x-126w13d {
    syntax: "*";
    inherits: false
  }

  @property --x-1xmrurk {
    syntax: "*";
    inherits: false
  }

  @property --x-4drmnv {
    syntax: "*";
    inherits: false
  }

  @property --x-animationDelay {
    syntax: "*";
    inherits: false
  }

  @property --x-aspectRatio {
    syntax: "*";
    inherits: false
  }

  @property --x-backgroundColor {
    syntax: "*";
    inherits: false
  }

  @property --x-borderWidth {
    syntax: "*";
    inherits: false
  }

  @property --x-bottom {
    syntax: "*";
    inherits: false
  }

  @property --x-color {
    syntax: "*";
    inherits: false
  }

  @property --x-counterReset {
    syntax: "*";
    inherits: false
  }

  @property --x-fontSize {
    syntax: "*";
    inherits: false
  }

  @property --x-fqzwsx {
    syntax: "*";
    inherits: false
  }

  @property --x-gap {
    syntax: "*";
    inherits: false
  }

  @property --x-gridAutoRows {
    syntax: "*";
    inherits: false
  }

  @property --x-gridTemplateColumns {
    syntax: "*";
    inherits: false
  }

  @property --x-height {
    syntax: "*";
    inherits: false
  }

  @property --x-inlineSize {
    syntax: "*";
    inherits: false
  }

  @property --x-insetInlineEnd {
    syntax: "*";
    inherits: false
  }

  @property --x-insetInlineStart {
    syntax: "*";
    inherits: false
  }

  @property --x-marginBlock {
    syntax: "*";
    inherits: false
  }

  @property --x-marginBlockEnd {
    syntax: "*";
    inherits: false
  }

  @property --x-marginBlockStart {
    syntax: "*";
    inherits: false
  }

  @property --x-marginInline {
    syntax: "*";
    inherits: false
  }

  @property --x-marginInlineEnd {
    syntax: "*";
    inherits: false
  }

  @property --x-marginInlineStart {
    syntax: "*";
    inherits: false
  }

  @property --x-maxBlockSize {
    syntax: "*";
    inherits: false
  }

  @property --x-maxHeight {
    syntax: "*";
    inherits: false
  }

  @property --x-maxWidth {
    syntax: "*";
    inherits: false
  }

  @property --x-minHeight {
    syntax: "*";
    inherits: false
  }

  @property --x-minWidth {
    syntax: "*";
    inherits: false
  }

  @property --x-overflowX {
    syntax: "*";
    inherits: false
  }

  @property --x-overflowY {
    syntax: "*";
    inherits: false
  }

  @property --x-paddingBlock {
    syntax: "*";
    inherits: false
  }

  @property --x-paddingInline {
    syntax: "*";
    inherits: false
  }

  @property --x-paddingInlineEnd {
    syntax: "*";
    inherits: false
  }

  @property --x-paddingInlineStart {
    syntax: "*";
    inherits: false
  }

  @property --x-qthpiu {
    syntax: "*";
    inherits: false
  }

  @property --x-sj6hyi {
    syntax: "*";
    inherits: false
  }

  @property --x-top {
    syntax: "*";
    inherits: false
  }

  @property --x-transform {
    syntax: "*";
    inherits: false
  }

  @property --x-WebkitLineClamp {
    syntax: "*";
    inherits: false
  }

  @property --x-width {
    syntax: "*";
    inherits: false
  }

  @property --x-1dd27dc {
    syntax: "*";
    inherits: true
  }

  @property --x-owu7oy {
    syntax: "*";
    inherits: true
  }

  @property --astryx-press-alpha {
    syntax: "<number>";
    inherits: true;
    initial-value: 0;
  }

  @keyframes x10jkm1t-B {
    from {
      --astryx-press-alpha: 1;
    }

    to {
      --astryx-press-alpha: 0;
    }
  }

  @keyframes x188b6p3-B {
    from {
      color: inherit;
    }

    to {
      color: #0000;
    }
  }

  @keyframes xuvekqa-B {
    0% {
      opacity: .3;
    }

    50% {
      opacity: 1;
    }

    100% {
      opacity: .3;
    }
  }

  @keyframes x1tut0r7-B {
    0% {
      opacity: .3;
      transform: rotateX(52deg) scale(.86);
    }

    50% {
      opacity: 1;
      transform: rotateX(0) scale(1);
    }

    100% {
      opacity: .3;
      transform: rotateX(-52deg) scale(.86);
    }
  }

  @keyframes x13kz0yu-B {
    0%, 100% {
      opacity: 1;
    }

    50% {
      opacity: .5;
    }
  }

  @keyframes x18re5ia-B {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @keyframes xgnty7z-B {
    0% {
      opacity: .25;
    }

    100% {
      opacity: 1;
    }
  }

  @keyframes xtut5q7-B {
    0% {
      opacity: 1;
    }

    50% {
      opacity: .5;
    }

    100% {
      opacity: 1;
    }
  }

  @keyframes x1k48ry3-B {
    from {
      opacity: 0;
      transform: scale(.95);
    }

    to {
      opacity: 1;
      transform: scale(1);
    }
  }

  @keyframes x11lauxq-B {
    from {
      opacity: 0;
      transform: translate(var(--dialog-dir-x, 0px),var(--dialog-dir-y, 16px)) scale(.95);
    }

    to {
      opacity: 1;
      transform: translate(0) scale(1);
    }
  }

  @keyframes xu7jd1z-B {
    from {
      opacity: 0;
      transform: translateX(var(--spacing-2)) scale(.95);
    }

    to {
      opacity: 1;
      transform: translateX(0) scale(1);
    }
  }

  @keyframes xwmkjkf-B {
    from {
      opacity: 0;
      transform: translateX(calc(-1 * var(--spacing-2))) scale(.95);
    }

    to {
      opacity: 1;
      transform: translateX(0) scale(1);
    }
  }

  @keyframes x1ahk7ht-B {
    from {
      opacity: 0;
      transform: translateY(var(--spacing-2)) scale(.95);
    }

    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }

  @keyframes xv1hr86-B {
    from {
      opacity: 0;
      transform: translateY(calc(-1 * var(--spacing-2))) scale(.95);
    }

    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }

  @keyframes x1b6yrix-B {
    from {
      opacity: 0;
      transform: translateY(var(--spacing-2));
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes xiylxmw-B {
    from {
      opacity: 0;
      transform: translateY(calc(-1 * var(--spacing-2)));
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes x1wbvqyn-B {
    0% {
      stroke-dashoffset: 0;
    }

    100% {
      stroke-dashoffset: calc(var(--_spinner-ring-diameter) * -3.14159);
    }
  }

  @keyframes x1c2q33o-B {
    0% {
      transform: translateX(100%);
    }

    100% {
      transform: translateX(-250%);
    }
  }

  @keyframes xr3m334-B {
    0% {
      transform: translateX(-100%);
    }

    100% {
      transform: translateX(250%);
    }
  }

  @keyframes x1xhkexc-B {
    from {
      opacity: 0;
      width: 0;
      margin-inline-end: 0;
    }

    to {
      width: 14px;
      opacity: 1;
      margin-inline-end: var(--spacing-1);
    }
  }

  :root, .x1qqxm5o {
    --astryx-press-alpha: 0;
  }

  :root, .xafi2nm {
    --border-width: 1px;
  }

  :root, .xj0fimd {
    --color-accent: var(--lightningcss-light, #0064e0) var(--lightningcss-dark, #2694fe);
    --color-accent-muted: var(--lightningcss-light, #0082fb33) var(--lightningcss-dark, #0082fb3f);
    --color-on-accent: #fff;
    --color-neutral: var(--lightningcss-light, #0536591a) var(--lightningcss-dark, #dfe2e533);
    --color-background-surface: var(--lightningcss-light, #fff) var(--lightningcss-dark, #1f1f22);
    --color-background-body: var(--lightningcss-light, #f1f4f7) var(--lightningcss-dark, #111112);
    --color-overlay: var(--lightningcss-light, #01122866) var(--lightningcss-dark, #11111299);
    --color-overlay-hover: var(--lightningcss-light, #0536590c) var(--lightningcss-dark, #ffffff0c);
    --color-overlay-pressed: var(--lightningcss-light, #05365919) var(--lightningcss-dark, #ffffff19);
    --color-background-muted: var(--lightningcss-light, #0536590c) var(--lightningcss-dark, #1111127f);
    --color-text-primary: var(--lightningcss-light, #0a1317) var(--lightningcss-dark, #dfe2e5);
    --color-text-secondary: var(--lightningcss-light, #4e606f) var(--lightningcss-dark, #aaafb5);
    --color-text-disabled: var(--lightningcss-light, #a4b0bc) var(--lightningcss-dark, #6f747c);
    --color-text-accent: var(--lightningcss-light, #0064e0) var(--lightningcss-dark, #3e9efb);
    --color-on-dark: #fff;
    --color-on-light: #000;
    --color-icon-accent: var(--lightningcss-light, #0064e0) var(--lightningcss-dark, #2694fe);
    --color-icon-primary: var(--lightningcss-light, #0a1317) var(--lightningcss-dark, #dfe2e5);
    --color-icon-secondary: var(--lightningcss-light, #4e606f) var(--lightningcss-dark, #aaafb5);
    --color-icon-disabled: var(--lightningcss-light, #a4b0bc) var(--lightningcss-dark, #6f747c);
    --color-background-card: var(--lightningcss-light, #fff) var(--lightningcss-dark, #1f1f22);
    --color-background-popover: var(--lightningcss-light, #fff) var(--lightningcss-dark, #28292c);
    --color-background-inverted: var(--lightningcss-light, #0a1317) var(--lightningcss-dark, #fff);
    --color-background-error-inverted: var(--lightningcss-light, #aa071e) var(--lightningcss-dark, #e3193b);
    --color-success: #0d8626;
    --color-success-muted: var(--lightningcss-light, #0b991f33) var(--lightningcss-dark, #0b991f3f);
    --color-on-success: #fff;
    --color-error: var(--lightningcss-light, #e3193b) var(--lightningcss-dark, #f5394f);
    --color-error-muted: var(--lightningcss-light, #e3193b33) var(--lightningcss-dark, #f5394f3f);
    --color-on-error: #fff;
    --color-warning: var(--lightningcss-light, #e9af08) var(--lightningcss-dark, #f2c00b);
    --color-warning-muted: var(--lightningcss-light, #e2a40033) var(--lightningcss-dark, #e2a4003f);
    --color-on-warning: #0a1317;
    --color-border: var(--lightningcss-light, #05365919) var(--lightningcss-dark, #f2f4f619);
    --color-border-emphasized: var(--lightningcss-light, #ccd3db) var(--lightningcss-dark, #494d53);
    --color-skeleton: var(--lightningcss-light, #ccd3db) var(--lightningcss-dark, #5a5e66);
    --color-track: var(--lightningcss-light, #ccd3db) var(--lightningcss-dark, #5a5e66);
    --color-shadow: var(--lightningcss-light, #0536591a) var(--lightningcss-dark, #0000004d);
    --color-tint-hover: var(--lightningcss-light, #000) var(--lightningcss-dark, #fff);
    --color-background-blue: #0171e333;
    --color-border-blue: var(--lightningcss-light, #0064e0) var(--lightningcss-dark, #2694fe);
    --color-icon-blue: var(--lightningcss-light, #0064e0) var(--lightningcss-dark, #2694fe);
    --color-text-blue: var(--lightningcss-light, #042f97) var(--lightningcss-dark, #afd7ff);
    --color-background-cyan: #03a7d733;
    --color-border-cyan: var(--lightningcss-light, #089dd0) var(--lightningcss-dark, #0171a4);
    --color-icon-cyan: var(--lightningcss-light, #00acc1) var(--lightningcss-dark, #26c6da);
    --color-text-cyan: var(--lightningcss-light, #014975) var(--lightningcss-dark, #a1eef9);
    --color-background-gray: var(--lightningcss-light, #0a131733) var(--lightningcss-dark, #666a724c);
    --color-border-gray: var(--lightningcss-light, #647685) var(--lightningcss-dark, #748695);
    --color-icon-gray: var(--lightningcss-light, #4e606f) var(--lightningcss-dark, #aaafb5);
    --color-text-gray: var(--lightningcss-light, #0a1317) var(--lightningcss-dark, #e7eaed);
    --color-background-green: #24bb5e33;
    --color-border-green: var(--lightningcss-light, #0d8626) var(--lightningcss-dark, #0b991f);
    --color-icon-green: var(--lightningcss-light, #0d8626) var(--lightningcss-dark, #26a756);
    --color-text-green: var(--lightningcss-light, #09441f) var(--lightningcss-dark, #a5f690);
    --color-background-orange: #f2790233;
    --color-border-orange: var(--lightningcss-light, #eb6e00) var(--lightningcss-dark, #b34a01);
    --color-icon-orange: var(--lightningcss-light, #e9690b) var(--lightningcss-dark, #fb8c00);
    --color-text-orange: var(--lightningcss-light, #6b2203) var(--lightningcss-dark, #fdb876);
    --color-background-pink: #e638b333;
    --color-border-pink: var(--lightningcss-light, #f351c0) var(--lightningcss-dark, #c02294);
    --color-icon-pink: var(--lightningcss-light, #c2185b) var(--lightningcss-dark, #ec407a);
    --color-text-pink: var(--lightningcss-light, #650053) var(--lightningcss-dark, #feade3);
    --color-background-purple: #7952ff33;
    --color-border-purple: var(--lightningcss-light, #9081ff) var(--lightningcss-dark, #7340fe);
    --color-icon-purple: var(--lightningcss-light, #5b08d8) var(--lightningcss-dark, #7952ff);
    --color-text-purple: var(--lightningcss-light, #3e0697) var(--lightningcss-dark, #b3b0fe);
    --color-background-red: #e3193b33;
    --color-border-red: var(--lightningcss-light, #e3193b) var(--lightningcss-dark, #f5394f);
    --color-icon-red: var(--lightningcss-light, #d31130) var(--lightningcss-dark, #e3193b);
    --color-text-red: var(--lightningcss-light, #7b0210) var(--lightningcss-dark, #ffb2b8);
    --color-background-teal: #0db7af33;
    --color-border-teal: var(--lightningcss-light, #08a3a3) var(--lightningcss-dark, #08767d);
    --color-icon-teal: var(--lightningcss-light, #009688) var(--lightningcss-dark, #26a69a);
    --color-text-teal: var(--lightningcss-light, #083943) var(--lightningcss-dark, #40dccd);
    --color-background-yellow: #e2a40033;
    --color-border-yellow: var(--lightningcss-light, #c58600) var(--lightningcss-dark, #b47700);
    --color-icon-yellow: var(--lightningcss-light, #fbc02d) var(--lightningcss-dark, #ffee58);
    --color-text-yellow: var(--lightningcss-light, #753f07) var(--lightningcss-dark, #fbce03);
  }

  :root, .x7j7z01 {
    --color-data-categorical-blue: #0171e3;
    --color-data-categorical-orange: #eb6e00;
    --color-data-categorical-purple: #6b1efd;
    --color-data-categorical-green: #0b991f;
    --color-data-categorical-pink: #f351c0;
    --color-data-categorical-cyan: #0171a4;
    --color-data-categorical-red: #f5394f;
    --color-data-categorical-teal: #08a3a3;
    --color-data-categorical-brown: #965e03;
    --color-data-categorical-indigo: #6f8aff;
    --color-data-neutral: var(--lightningcss-light, #8494a3) var(--lightningcss-dark, #8c939b);
    --color-data-blue-5: #02165e;
    --color-data-blue-4: #004cbc;
    --color-data-blue-3: #2694fe;
    --color-data-blue-2: #78beff;
    --color-data-blue-1: #dbecff;
    --color-data-shamrock-5: #0b603d;
    --color-data-shamrock-4: #138546;
    --color-data-shamrock-3: #24bb5e;
    --color-data-shamrock-2: #8ef7aa;
    --color-data-shamrock-1: #d6fee4;
    --color-data-orange-5: #a13f04;
    --color-data-orange-4: #d66100;
    --color-data-orange-3: #fd9537;
    --color-data-orange-2: #fdb876;
    --color-data-orange-1: #ffe6cf;
    --color-data-pink-5: #8e1073;
    --color-data-pink-4: #d123a1;
    --color-data-pink-3: #f989d3;
    --color-data-pink-2: #feade3;
    --color-data-pink-1: #fce3f4;
    --color-data-purple-5: #3e0697;
    --color-data-purple-4: #6b1efd;
    --color-data-purple-3: #9081ff;
    --color-data-purple-2: #b3b0fe;
    --color-data-purple-1: #e8e8fb;
    --color-data-red-5: #9d0519;
    --color-data-red-4: #d31130;
    --color-data-red-3: #fb7d87;
    --color-data-red-2: #ffb2b8;
    --color-data-red-1: #fee4e6;
    --color-data-teal-5: #08767d;
    --color-data-teal-4: #0c9293;
    --color-data-teal-3: #0db7af;
    --color-data-teal-2: #6ce6d8;
    --color-data-teal-1: #d7fcf8;
    --color-data-yellow-5: #8a5001;
    --color-data-yellow-4: #d69804;
    --color-data-yellow-3: #fbce03;
    --color-data-yellow-2: #fcec85;
    --color-data-yellow-1: #fdf6ba;
    --color-data-gray-5: var(--lightningcss-light, #25363f) var(--lightningcss-dark, #333338);
    --color-data-gray-4: var(--lightningcss-light, #5d6c7b) var(--lightningcss-dark, #666a72);
    --color-data-gray-3: var(--lightningcss-light, #afb9c4) var(--lightningcss-dark, #b2b8be);
    --color-data-gray-2: var(--lightningcss-light, #ccd3db) var(--lightningcss-dark, #d0d3d6);
    --color-data-gray-1: var(--lightningcss-light, #f1f4f7) var(--lightningcss-dark, #f2f4f6);
  }

  :root, .x14lkjui {
    --duration-fast-min: .13s;
    --duration-fast: .175s;
    --duration-fast-max: .23s;
    --duration-medium-min: .31s;
    --duration-medium: .41s;
    --duration-medium-max: .55s;
    --duration-slow-min: .73s;
    --duration-slow: .975s;
    --duration-slow-max: 1.3s;
  }

  :root, .xf09i69 {
    --ease-standard: cubic-bezier(.24, 1, .4, 1);
  }

  :root, .xzxs3qz {
    --focus-outline-width: 2px;
    --focus-outline-style: solid;
    --focus-outline-color: var(--color-accent);
    --focus-outline-offset: 3px;
  }

  :root, .x5tdzeq {
    --font-family-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --font-family-code: "SF Mono", Monaco, Consolas, monospace;
    --font-family-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  }

  :root, .x1q1ms06 {
    --font-size-4xs: .375rem;
    --font-size-3xs: .4375rem;
    --font-size-2xs: .5rem;
    --font-size-xs: .625rem;
    --font-size-sm: .75rem;
    --font-size-base: .875rem;
    --font-size-lg: 1.0625rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 1.8125rem;
    --font-size-4xl: 2.1875rem;
    --font-size-5xl: 2.625rem;
  }

  :root, .x1ccmotb {
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
  }

  :root, .xrw1vgx {
    --radius-none: 0px;
    --radius-inner: 4px;
    --radius-element: 8px;
    --radius-container: 12px;
    --radius-page: 28px;
    --radius-chat: 28px;
    --radius-full: 9999px;
  }

  :root, .xua8qm3 {
    --shadow-low: 0px 1px 1px var(--lightningcss-light, #0000001a) var(--lightningcss-dark, #0003), 0px 2px 8px var(--lightningcss-light, #0000001a) var(--lightningcss-dark, #0003);
    --shadow-med: 0px 1px 2px var(--lightningcss-light, #0000001a) var(--lightningcss-dark, #0003), 0px 2px 12px var(--lightningcss-light, #0000001a) var(--lightningcss-dark, #0003);
    --shadow-high: 0px 2px 2px var(--lightningcss-light, #0000001a) var(--lightningcss-dark, #0003), 0px 8px 24px var(--lightningcss-light, #0000001a) var(--lightningcss-dark, #0000004d);
    --shadow-inset-hover: inset 0px 0px 0px 2px var(--lightningcss-light, #05365926) var(--lightningcss-dark, #dfe2e533);
    --shadow-inset-selected: inset 0px 0px 0px 2px #0171e380;
    --shadow-inset-success: inset 0px 0px 0px 2px #26a7564d;
    --shadow-inset-warning: inset 0px 0px 0px 2px #e2a4004d;
    --shadow-inset-error: inset 0px 0px 0px 2px #e3193b4d;
  }

  :root, .xkgjyic {
    --size-element-sm: 28px;
    --size-element-md: 32px;
    --size-element-lg: 36px;
  }

  :root, .x1kvdh9l {
    --spacing-0: 0rem;
    --spacing-0-5: .125rem;
    --spacing-1: .25rem;
    --spacing-1-5: .375rem;
    --spacing-2: .5rem;
    --spacing-3: .75rem;
    --spacing-4: 1rem;
    --spacing-5: 1.25rem;
    --spacing-6: 1.5rem;
    --spacing-7: 1.75rem;
    --spacing-8: 2rem;
    --spacing-9: 2.25rem;
    --spacing-10: 2.5rem;
    --spacing-11: 2.75rem;
    --spacing-12: 3rem;
  }

  :root, .x1etlgq0 {
    --text-heading-1-size: var(--font-size-2xl);
    --text-heading-1-weight: var(--font-weight-semibold);
    --text-heading-1-leading: 1.3333;
    --text-heading-2-size: var(--font-size-xl);
    --text-heading-2-weight: var(--font-weight-semibold);
    --text-heading-2-leading: 1.4;
    --text-heading-3-size: var(--font-size-lg);
    --text-heading-3-weight: var(--font-weight-semibold);
    --text-heading-3-leading: 1.4118;
    --text-heading-4-size: var(--font-size-base);
    --text-heading-4-weight: var(--font-weight-semibold);
    --text-heading-4-leading: 1.4286;
    --text-heading-5-size: var(--font-size-sm);
    --text-heading-5-weight: var(--font-weight-semibold);
    --text-heading-5-leading: 1.6667;
    --text-heading-6-size: var(--font-size-xs);
    --text-heading-6-weight: var(--font-weight-semibold);
    --text-heading-6-leading: 1.6;
    --text-body-size: var(--font-size-base);
    --text-body-weight: var(--font-weight-normal);
    --text-body-leading: 1.4286;
    --text-large-size: var(--font-size-lg);
    --text-large-weight: var(--font-weight-semibold);
    --text-large-leading: 1.4118;
    --text-label-size: var(--font-size-base);
    --text-label-weight: var(--font-weight-medium);
    --text-label-leading: 1.4286;
    --text-code-size: var(--font-size-base);
    --text-code-weight: var(--font-weight-normal);
    --text-code-leading: 1.4286;
    --text-supporting-size: var(--font-size-sm);
    --text-supporting-weight: var(--font-weight-normal);
    --text-supporting-leading: 1.6667;
    --text-display-1-size: var(--font-size-5xl);
    --text-display-1-weight: var(--font-weight-normal);
    --text-display-1-leading: 1.2381;
    --text-display-2-size: var(--font-size-4xl);
    --text-display-2-weight: var(--font-weight-normal);
    --text-display-2-leading: 1.2571;
    --text-display-3-size: var(--font-size-3xl);
    --text-display-3-weight: var(--font-weight-normal);
    --text-display-3-leading: 1.2414;
  }

  .xlz5hwt {
    --_avatar-group-overlap: var(--x---_avatar-group-overlap);
  }

  .xdarwi0 {
    --_avatar-radius: var(--radius-element);
  }

  .xeincmr {
    --_avatar-radius: var(--radius-full);
  }

  .x877142 {
    --_avatar-radius: var(--radius-none);
  }

  .xh8ntw8 {
    --_button-radius: calc(var(--radius-element) - var(--spacing-1));
  }

  .xcw7vlg {
    --_button-radius: max(var(--radius-element),calc(var(--_chat-composer-radius) - var(--_chat-composer-padding)));
  }

  .x1rjw8qi {
    --_button-radius: var(--radius-full);
  }

  .xw28qpl {
    --_card-elevation: 0 0 transparent;
  }

  .xnpe7fx {
    --_card-elevation: var(--shadow-high);
  }

  .x1nn8khe {
    --_card-elevation: var(--shadow-low);
  }

  .x1ovzxg0 {
    --_card-elevation: var(--shadow-med);
  }

  .x2kkz0m {
    --_card-radius: var(--radius-container);
  }

  .xr9ms2c {
    --_card-ring: inset 0 0 0 2px var(--color-accent);
  }

  .xgwwt2v {
    --_card-ring: inset 0 0 0 2px var(--color-border-blue);
  }

  .xcdi0x3 {
    --_card-ring: inset 0 0 0 2px var(--color-border-cyan);
  }

  .x1m1zkwp {
    --_card-ring: inset 0 0 0 2px var(--color-border-gray);
  }

  .x1485227 {
    --_card-ring: inset 0 0 0 2px var(--color-border-green);
  }

  .x1cclxpp {
    --_card-ring: inset 0 0 0 2px var(--color-border-orange);
  }

  .xzs6dn4 {
    --_card-ring: inset 0 0 0 2px var(--color-border-pink);
  }

  .x9zgi83 {
    --_card-ring: inset 0 0 0 2px var(--color-border-purple);
  }

  .xo8718j {
    --_card-ring: inset 0 0 0 2px var(--color-border-red);
  }

  .xp4e5fy {
    --_card-ring: inset 0 0 0 2px var(--color-border-teal);
  }

  .x1glw7ee {
    --_card-ring: inset 0 0 0 2px var(--color-border-yellow);
  }

  .x3zsw4j {
    --_card-ring: inset 0 0 0 2px var(--selectable-card-ring-color);
  }

  .x18zce08 {
    --_chat-composer-padding: var(--spacing-2);
  }

  .xk0ittl {
    --_chat-composer-padding: var(--spacing-3);
  }

  .xx161y6 {
    --_chat-composer-radius: var(--radius-chat);
  }

  .xtk08jq {
    --_codeblock-gutter-width: var(--x---_codeblock-gutter-width);
  }

  .x9pmotm {
    --_conceal-opacity: 0;
  }

  .x1kgmhs9 {
    --_conceal-opacity: 1;
  }

  .xvuvksw {
    --_dialog-radius: var(--radius-container);
  }

  .xgory14 {
    --_dropdown-menu-padding: var(--spacing-1);
  }

  .x1fcsqxe {
    --_dropdown-menu-radius: var(--radius-container);
  }

  .x13l1x9d {
    --_fade-delay: 0s;
  }

  .x1832zxr {
    --_field-radius: var(--radius-element);
  }

  .x19nvjgn {
    --_field-status-overlap: calc(var(--size-element-md) / 2);
  }

  .xgzxwq1 {
    --_focus-outline-offset: 0;
  }

  .x17wzz1v {
    --_focus-outline: none;
  }

  .xhg274n {
    --_hover-delay: 0s;
  }

  .x8xu23y {
    --_hover-delay: var(--x---_hover-delay);
  }

  .xqwz7mz {
    --_hovercard-radius: var(--radius-container);
  }

  .xqxtgf4 {
    --_input-clear-hit-content: none;
  }

  .xtoycft {
    --_input-clear-hit-inset: 0px;
  }

  .xqlix59 {
    --_item-description-color: var(--color-error);
  }

  .x1nwg5ib {
    --_item-inset-inline: 0px;
  }

  .xw1s368 {
    --_item-inset-inline: var(--spacing-2);
  }

  .x1ytau7y {
    --_item-inset-inline: var(--spacing-3);
  }

  .xufyqxy {
    --_item-label-color: var(--color-error);
  }

  .xiki222 {
    --_popover-radius: var(--radius-container);
  }

  .x1wkyqe6 {
    --_press-overlay-transition: var(--duration-fast);
  }

  .x1s9pv7w {
    --_press-overlay: transparent;
  }

  .x1l7afqf {
    --_press-paint-image: linear-gradient(var(--_press-paint),var(--_press-paint));
  }

  .xz2mauf {
    --_press-paint: var(--color-overlay-pressed);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .xz2mauf {
      --_press-paint: color-mix(in srgb,var(--color-overlay-pressed) calc(var(--astryx-press-alpha) * 100%),transparent);
    }
  }

  .xdjmrzf {
    --_reveal-delay-reduced: 0s,0s;
  }

  .x1dejzja {
    --_reveal-delay: 0s,0s;
  }

  .x1xiarpw {
    --_reveal-delay: 0s,var(--duration-fast);
  }

  .xct0gwe {
    --_reveal-opacity: 0;
  }

  .x5setjs {
    --_reveal-opacity: 1;
  }

  .xp0pj8v {
    --_reveal-position: absolute;
  }

  .x1r6s5ct {
    --_reveal-position: static;
  }

  .x1f17rg1 {
    --_section-padding-propagated: initial;
  }

  .x2ccaqq {
    --_section-padding-propagated: var(--spacing-0-5);
  }

  .x7mo41q {
    --_section-padding-propagated: var(--spacing-0);
  }

  .xxa843v {
    --_section-padding-propagated: var(--spacing-1-5);
  }

  .x1j3iakl {
    --_section-padding-propagated: var(--spacing-1);
  }

  .x4h2jfd {
    --_section-padding-propagated: var(--spacing-10);
  }

  .xezgk69 {
    --_section-padding-propagated: var(--spacing-2);
  }

  .x1wtz8uf {
    --_section-padding-propagated: var(--spacing-3);
  }

  .x5wdj8h {
    --_section-padding-propagated: var(--spacing-4);
  }

  .xgjndll {
    --_section-padding-propagated: var(--spacing-5);
  }

  .x15i4jqh {
    --_section-padding-propagated: var(--spacing-6);
  }

  .xmb9lpv {
    --_section-padding-propagated: var(--spacing-8);
  }

  .x18jk3ff {
    --_segmented-control-padding: var(--spacing-0-5);
  }

  .x9icjy1 {
    --_segmented-control-radius: var(--radius-element);
  }

  .x69vvuq {
    --_spinner-box-size: calc(var(--_spinner-ring-diameter) + var(--_spinner-ring-stroke) * 2);
  }

  .x2lq4xu {
    --_spinner-ring-diameter: var(--spinner-diameter);
  }

  .x10qssua {
    --_spinner-ring-stroke: var(--spinner-stroke-width);
  }

  .xficto1 {
    --_tab-indicator-bottom: calc(-1 * (var(--spacing-1) + var(--border-width)));
  }

  .xbrl7fg {
    --_tab-indicator-bottom: var(--x---_tab-indicator-bottom);
  }

  .x78b515 {
    --_tab-strip-bleed: 0px;
  }

  .x1kdpo6e {
    --_textarea-inline-padding: var(--spacing-2);
  }

  .x1ur4yav {
    --_thumbnail-hit-inset: 0px;
  }

  .x87gnkx {
    --_toast-slide-y: calc(-1 * var(--spacing-2));
  }

  .x1heqljd {
    --_toast-slide-y: var(--spacing-2);
  }

  .x70muob {
    --_tree-focus-z: auto;
  }

  .x16bblx1 {
    --button-focus-offset: var(--focus-outline-offset);
  }

  .x1v15ycx {
    --button-icon-only-aspect: 1 / 1;
  }

  .x1mtvhk1 {
    --color-syntax-background: transparent;
  }

  .x18nyedi {
    --container-max-height: var(--x---container-max-height);
  }

  .xax9j7h {
    --container-padding-block-end: 0px;
  }

  .x1of45zw {
    --container-padding-block-end: var(--astryx-bottom-sheet-padding-block-end, var(--astryx-bottom-sheet-padding, var(--spacing-4)));
  }

  .x1omyuck {
    --container-padding-block-end: var(--astryx-card-padding-block-end, var(--astryx-card-padding, var(--spacing-4)));
  }

  .x1gvthzm {
    --container-padding-block-end: var(--astryx-dialog-padding-block-end, var(--astryx-dialog-padding, var(--spacing-4)));
  }

  .x1g5mqay {
    --container-padding-block-end: var(--astryx-drawer-padding-block-end, var(--astryx-drawer-padding, var(--spacing-4)));
  }

  .xek4msv {
    --container-padding-block-end: var(--astryx-section-padding-block-end, var(--_section-padding-propagated, var(--astryx-section-padding, var(--spacing-4))));
  }

  .xi9ns85 {
    --container-padding-block-end: var(--layout-padding-inner-y, var(--spacing-4));
  }

  .xfsxxt8 {
    --container-padding-block-end: var(--layout-padding-own-outer-y, var(--layout-padding-outer-y, var(--spacing-4)));
  }

  .x1cao3zv {
    --container-padding-block-end: var(--spacing-0-5);
  }

  .xkunwnr {
    --container-padding-block-end: var(--spacing-0);
  }

  .xv53x8y {
    --container-padding-block-end: var(--spacing-1-5);
  }

  .x57a7ii {
    --container-padding-block-end: var(--spacing-1);
  }

  .x15vxphk {
    --container-padding-block-end: var(--spacing-10);
  }

  .x4bg2x9 {
    --container-padding-block-end: var(--spacing-11);
  }

  .x186mjxr {
    --container-padding-block-end: var(--spacing-12);
  }

  .x1lsgcmx {
    --container-padding-block-end: var(--spacing-2);
  }

  .x1q3ppug {
    --container-padding-block-end: var(--spacing-3);
  }

  .x4hfsld {
    --container-padding-block-end: var(--spacing-4);
  }

  .xbib2ws {
    --container-padding-block-end: var(--spacing-5);
  }

  .x1q8d17g {
    --container-padding-block-end: var(--spacing-6);
  }

  .x1yqogew {
    --container-padding-block-end: var(--spacing-7);
  }

  .x8lgq76 {
    --container-padding-block-end: var(--spacing-8);
  }

  .x1f7f9rt {
    --container-padding-block-end: var(--spacing-9);
  }

  .x1047aw6 {
    --container-padding-block-start: 0px;
  }

  .x8qn3ha {
    --container-padding-block-start: var(--astryx-bottom-sheet-padding-block-start, var(--astryx-bottom-sheet-padding, var(--spacing-4)));
  }

  .x1rqz8me {
    --container-padding-block-start: var(--astryx-card-padding-block-start, var(--astryx-card-padding, var(--spacing-4)));
  }

  .x1g2kccc {
    --container-padding-block-start: var(--astryx-dialog-padding-block-start, var(--astryx-dialog-padding, var(--spacing-4)));
  }

  .x18184ib {
    --container-padding-block-start: var(--astryx-drawer-padding-block-start, var(--astryx-drawer-padding, var(--spacing-4)));
  }

  .xnw7zt4 {
    --container-padding-block-start: var(--astryx-section-padding-block-start, var(--_section-padding-propagated, var(--astryx-section-padding, var(--spacing-4))));
  }

  .xjmgx01 {
    --container-padding-block-start: var(--layout-padding-inner-y, var(--spacing-4));
  }

  .x186o6qk {
    --container-padding-block-start: var(--layout-padding-own-outer-y, var(--layout-padding-outer-y, var(--spacing-4)));
  }

  .xvdf9ev {
    --container-padding-block-start: var(--spacing-0-5);
  }

  .x1i3qcxz {
    --container-padding-block-start: var(--spacing-0);
  }

  .x1kbx601 {
    --container-padding-block-start: var(--spacing-1-5);
  }

  .xnsckjb {
    --container-padding-block-start: var(--spacing-1);
  }

  .x17h9kl7 {
    --container-padding-block-start: var(--spacing-10);
  }

  .x1rdjxae {
    --container-padding-block-start: var(--spacing-11);
  }

  .xecwdl6 {
    --container-padding-block-start: var(--spacing-12);
  }

  .xa8b4fq {
    --container-padding-block-start: var(--spacing-2);
  }

  .x11k4f5r {
    --container-padding-block-start: var(--spacing-3);
  }

  .xm01sq8 {
    --container-padding-block-start: var(--spacing-4);
  }

  .xp8wdkl {
    --container-padding-block-start: var(--spacing-5);
  }

  .x1hmud4d {
    --container-padding-block-start: var(--spacing-6);
  }

  .x1c00sag {
    --container-padding-block-start: var(--spacing-7);
  }

  .xfv60at {
    --container-padding-block-start: var(--spacing-8);
  }

  .x14fzdu7 {
    --container-padding-block-start: var(--spacing-9);
  }

  .xjsfl84 {
    --container-padding-inline-end: 0px;
  }

  .x1ui7op6 {
    --container-padding-inline-end: var(--astryx-bottom-sheet-padding-inline-end, var(--astryx-bottom-sheet-padding-inline, var(--astryx-bottom-sheet-padding, var(--spacing-4))));
  }

  .x1ihxwbr {
    --container-padding-inline-end: var(--astryx-card-padding-inline-end, var(--astryx-card-padding-inline, var(--astryx-card-padding, var(--spacing-4))));
  }

  .x11h1f2o {
    --container-padding-inline-end: var(--astryx-dialog-padding-inline-end, var(--astryx-dialog-padding-inline, var(--astryx-dialog-padding, var(--spacing-4))));
  }

  .xlsqznw {
    --container-padding-inline-end: var(--astryx-drawer-padding-inline-end, var(--astryx-drawer-padding-inline, var(--astryx-drawer-padding, var(--spacing-4))));
  }

  .xu1wldr {
    --container-padding-inline-end: var(--astryx-section-padding-inline-end, var(--astryx-section-padding-inline, var(--_section-padding-propagated, var(--astryx-section-padding, var(--spacing-4)))));
  }

  .xikqloz {
    --container-padding-inline-end: var(--layout-padding-inner-x, var(--spacing-4));
  }

  .xhq06x6 {
    --container-padding-inline-end: var(--layout-padding-own-outer-x, var(--layout-padding-outer-x, var(--spacing-4)));
  }

  .x1wz3t3y {
    --container-padding-inline-end: var(--spacing-0-5);
  }

  .x91ghl5 {
    --container-padding-inline-end: var(--spacing-0);
  }

  .xntetml {
    --container-padding-inline-end: var(--spacing-1-5);
  }

  .x2oyxnl {
    --container-padding-inline-end: var(--spacing-1);
  }

  .xx5lg5w {
    --container-padding-inline-end: var(--spacing-10);
  }

  .x1nmgbqg {
    --container-padding-inline-end: var(--spacing-11);
  }

  .x1wsfsk2 {
    --container-padding-inline-end: var(--spacing-12);
  }

  .xcas3b9 {
    --container-padding-inline-end: var(--spacing-2);
  }

  .xu0ipoa {
    --container-padding-inline-end: var(--spacing-3);
  }

  .xs0pscg {
    --container-padding-inline-end: var(--spacing-4);
  }

  .xgkj7vj {
    --container-padding-inline-end: var(--spacing-5);
  }

  .x94cj42 {
    --container-padding-inline-end: var(--spacing-6);
  }

  .x11tj35w {
    --container-padding-inline-end: var(--spacing-7);
  }

  .x1b9k1pi {
    --container-padding-inline-end: var(--spacing-8);
  }

  .x19w02kr {
    --container-padding-inline-end: var(--spacing-9);
  }

  .xrhngw9 {
    --container-padding-inline-start: 0px;
  }

  .xv7mus7 {
    --container-padding-inline-start: var(--astryx-bottom-sheet-padding-inline-start, var(--astryx-bottom-sheet-padding-inline, var(--astryx-bottom-sheet-padding, var(--spacing-4))));
  }

  .xjmlhfd {
    --container-padding-inline-start: var(--astryx-card-padding-inline-start, var(--astryx-card-padding-inline, var(--astryx-card-padding, var(--spacing-4))));
  }

  .x1tewnwq {
    --container-padding-inline-start: var(--astryx-dialog-padding-inline-start, var(--astryx-dialog-padding-inline, var(--astryx-dialog-padding, var(--spacing-4))));
  }

  .x1mndvw9 {
    --container-padding-inline-start: var(--astryx-drawer-padding-inline-start, var(--astryx-drawer-padding-inline, var(--astryx-drawer-padding, var(--spacing-4))));
  }

  .x19lemt0 {
    --container-padding-inline-start: var(--astryx-section-padding-inline-start, var(--astryx-section-padding-inline, var(--_section-padding-propagated, var(--astryx-section-padding, var(--spacing-4)))));
  }

  .x408pgh {
    --container-padding-inline-start: var(--layout-padding-inner-x, var(--spacing-4));
  }

  .xt2a87w {
    --container-padding-inline-start: var(--layout-padding-own-outer-x, var(--layout-padding-outer-x, var(--spacing-4)));
  }

  .x14ws0sr {
    --container-padding-inline-start: var(--spacing-0-5);
  }

  .x1gu2k80 {
    --container-padding-inline-start: var(--spacing-0);
  }

  .x176g23i {
    --container-padding-inline-start: var(--spacing-1-5);
  }

  .x1cvlban {
    --container-padding-inline-start: var(--spacing-1);
  }

  .xserb3f {
    --container-padding-inline-start: var(--spacing-10);
  }

  .xziclwo {
    --container-padding-inline-start: var(--spacing-11);
  }

  .x1iiwihq {
    --container-padding-inline-start: var(--spacing-12);
  }

  .x1xlrr2o {
    --container-padding-inline-start: var(--spacing-2);
  }

  .xfdwxua {
    --container-padding-inline-start: var(--spacing-3);
  }

  .x1dlhslv {
    --container-padding-inline-start: var(--spacing-4);
  }

  .x1s81nki {
    --container-padding-inline-start: var(--spacing-5);
  }

  .x1ep0dkj {
    --container-padding-inline-start: var(--spacing-6);
  }

  .x157xojc {
    --container-padding-inline-start: var(--spacing-7);
  }

  .xw1diwv {
    --container-padding-inline-start: var(--spacing-8);
  }

  .xraca2a {
    --container-padding-inline-start: var(--spacing-9);
  }

  .xd9j5qm {
    --indicator-color: var(--resize-hint, transparent);
  }

  .x19kr0ht {
    --layout-alignment-width: 100cqi;
  }

  .x1b1nz06 {
    --layout-alignment-width: var(--x---layout-alignment-width);
  }

  .x15lplax {
    --layout-content-width: 100cqi;
  }

  .x4906uf {
    --layout-content-width: var(--x---layout-content-width);
  }

  .x1qfll2g {
    --layout-padding-inner-x: initial;
  }

  .xp9icaw {
    --layout-padding-inner-x: var(--astryx-bottom-sheet-padding-inline-start, var(--astryx-bottom-sheet-padding-inline, var(--astryx-bottom-sheet-padding, var(--spacing-4))));
  }

  .x4poyjn {
    --layout-padding-inner-x: var(--astryx-card-padding-inline-start, var(--astryx-card-padding-inline, var(--astryx-card-padding, var(--spacing-4))));
  }

  .x2so38 {
    --layout-padding-inner-x: var(--astryx-dialog-padding-inline-start, var(--astryx-dialog-padding-inline, var(--astryx-dialog-padding, var(--spacing-4))));
  }

  .x1qbr0dm {
    --layout-padding-inner-x: var(--astryx-drawer-padding-inline-start, var(--astryx-drawer-padding-inline, var(--astryx-drawer-padding, var(--spacing-4))));
  }

  .x1v3gmnx {
    --layout-padding-inner-x: var(--astryx-section-padding-inline-start, var(--astryx-section-padding-inline, var(--_section-padding-propagated, var(--astryx-section-padding, var(--spacing-4)))));
  }

  .xlriy2h {
    --layout-padding-inner-x: var(--spacing-0-5);
  }

  .xj1bl4l {
    --layout-padding-inner-x: var(--spacing-0);
  }

  .xd38f90 {
    --layout-padding-inner-x: var(--spacing-1-5);
  }

  .x6uuyak {
    --layout-padding-inner-x: var(--spacing-1);
  }

  .x1vf4qco {
    --layout-padding-inner-x: var(--spacing-10);
  }

  .xsmamsf {
    --layout-padding-inner-x: var(--spacing-11);
  }

  .x2xk2xj {
    --layout-padding-inner-x: var(--spacing-12);
  }

  .xxqksqd {
    --layout-padding-inner-x: var(--spacing-2);
  }

  .x1fyui2f {
    --layout-padding-inner-x: var(--spacing-3);
  }

  .x1i2ajwi {
    --layout-padding-inner-x: var(--spacing-4);
  }

  .x1tac27u {
    --layout-padding-inner-x: var(--spacing-5);
  }

  .x1ntgf3t {
    --layout-padding-inner-x: var(--spacing-6);
  }

  .xhjd9tl {
    --layout-padding-inner-x: var(--spacing-7);
  }

  .xn7c84u {
    --layout-padding-inner-x: var(--spacing-8);
  }

  .xeqkbsz {
    --layout-padding-inner-x: var(--spacing-9);
  }

  .xyvxpqs {
    --layout-padding-inner-y: initial;
  }

  .x10u54dy {
    --layout-padding-inner-y: var(--astryx-bottom-sheet-padding-block-start, var(--astryx-bottom-sheet-padding, var(--spacing-4)));
  }

  .x1u1kw4e {
    --layout-padding-inner-y: var(--astryx-card-padding-block-start, var(--astryx-card-padding, var(--spacing-4)));
  }

  .xinu7xd {
    --layout-padding-inner-y: var(--astryx-dialog-padding-block-start, var(--astryx-dialog-padding, var(--spacing-4)));
  }

  .x1ek71mq {
    --layout-padding-inner-y: var(--astryx-drawer-padding-block-start, var(--astryx-drawer-padding, var(--spacing-4)));
  }

  .x15yx5hm {
    --layout-padding-inner-y: var(--astryx-section-padding-block-start, var(--_section-padding-propagated, var(--astryx-section-padding, var(--spacing-4))));
  }

  .x180h0y5 {
    --layout-padding-inner-y: var(--spacing-0-5);
  }

  .xwuefyo {
    --layout-padding-inner-y: var(--spacing-0);
  }

  .x1g8jpzm {
    --layout-padding-inner-y: var(--spacing-1-5);
  }

  .xmpug6m {
    --layout-padding-inner-y: var(--spacing-1);
  }

  .x18gbwmk {
    --layout-padding-inner-y: var(--spacing-10);
  }

  .x14zymzj {
    --layout-padding-inner-y: var(--spacing-11);
  }

  .xzfpkx9 {
    --layout-padding-inner-y: var(--spacing-12);
  }

  .x1lksgje {
    --layout-padding-inner-y: var(--spacing-2);
  }

  .x4j7gld {
    --layout-padding-inner-y: var(--spacing-3);
  }

  .x1s3ehtl {
    --layout-padding-inner-y: var(--spacing-4);
  }

  .x1rj5eim {
    --layout-padding-inner-y: var(--spacing-5);
  }

  .x1ftgg6u {
    --layout-padding-inner-y: var(--spacing-6);
  }

  .x1ho74vh {
    --layout-padding-inner-y: var(--spacing-7);
  }

  .xm2cs6f {
    --layout-padding-inner-y: var(--spacing-8);
  }

  .x1vsq92b {
    --layout-padding-inner-y: var(--spacing-9);
  }

  .xdt8ak2 {
    --layout-padding-outer-x: initial;
  }

  .x11ixy8q {
    --layout-padding-outer-x: var(--astryx-bottom-sheet-padding-inline-start, var(--astryx-bottom-sheet-padding-inline, var(--astryx-bottom-sheet-padding, var(--spacing-4))));
  }

  .x14rzhog {
    --layout-padding-outer-x: var(--astryx-card-padding-inline-start, var(--astryx-card-padding-inline, var(--astryx-card-padding, var(--spacing-4))));
  }

  .x1hsjncj {
    --layout-padding-outer-x: var(--astryx-dialog-padding-inline-start, var(--astryx-dialog-padding-inline, var(--astryx-dialog-padding, var(--spacing-4))));
  }

  .x18e7m0u {
    --layout-padding-outer-x: var(--astryx-drawer-padding-inline-start, var(--astryx-drawer-padding-inline, var(--astryx-drawer-padding, var(--spacing-4))));
  }

  .x15i0zw9 {
    --layout-padding-outer-x: var(--astryx-section-padding-inline-start, var(--astryx-section-padding-inline, var(--_section-padding-propagated, var(--astryx-section-padding, var(--spacing-4)))));
  }

  .xihiwg7 {
    --layout-padding-outer-x: var(--spacing-0-5);
  }

  .xswhm3q {
    --layout-padding-outer-x: var(--spacing-0);
  }

  .x1u93lgd {
    --layout-padding-outer-x: var(--spacing-1-5);
  }

  .xc96xmq {
    --layout-padding-outer-x: var(--spacing-1);
  }

  .x1jdf5a4 {
    --layout-padding-outer-x: var(--spacing-10);
  }

  .x1hct0t0 {
    --layout-padding-outer-x: var(--spacing-11);
  }

  .x11cyqoe {
    --layout-padding-outer-x: var(--spacing-12);
  }

  .x15dxnc0 {
    --layout-padding-outer-x: var(--spacing-2);
  }

  .xadgj3j {
    --layout-padding-outer-x: var(--spacing-3);
  }

  .x1v56qcf {
    --layout-padding-outer-x: var(--spacing-4);
  }

  .x1nzs0gl {
    --layout-padding-outer-x: var(--spacing-5);
  }

  .x1c3n52a {
    --layout-padding-outer-x: var(--spacing-6);
  }

  .x1gfiokx {
    --layout-padding-outer-x: var(--spacing-7);
  }

  .x1t3kfz {
    --layout-padding-outer-x: var(--spacing-8);
  }

  .xzr4qsh {
    --layout-padding-outer-x: var(--spacing-9);
  }

  .x1rs4lu4 {
    --layout-padding-outer-y: initial;
  }

  .x1iwhsh0 {
    --layout-padding-outer-y: var(--astryx-bottom-sheet-padding-block-start, var(--astryx-bottom-sheet-padding, var(--spacing-4)));
  }

  .xjej9fs {
    --layout-padding-outer-y: var(--astryx-card-padding-block-start, var(--astryx-card-padding, var(--spacing-4)));
  }

  .x1pui4bz {
    --layout-padding-outer-y: var(--astryx-dialog-padding-block-start, var(--astryx-dialog-padding, var(--spacing-4)));
  }

  .xc006j {
    --layout-padding-outer-y: var(--astryx-drawer-padding-block-start, var(--astryx-drawer-padding, var(--spacing-4)));
  }

  .x1vw4zgg {
    --layout-padding-outer-y: var(--astryx-section-padding-block-start, var(--_section-padding-propagated, var(--astryx-section-padding, var(--spacing-4))));
  }

  .x1vj96e0 {
    --layout-padding-outer-y: var(--spacing-0-5);
  }

  .x1mzf5mb {
    --layout-padding-outer-y: var(--spacing-0);
  }

  .xd3dqby {
    --layout-padding-outer-y: var(--spacing-1-5);
  }

  .x1gpfxoh {
    --layout-padding-outer-y: var(--spacing-1);
  }

  .x26l4wa {
    --layout-padding-outer-y: var(--spacing-10);
  }

  .x10zktp0 {
    --layout-padding-outer-y: var(--spacing-11);
  }

  .x1yz3n6a {
    --layout-padding-outer-y: var(--spacing-12);
  }

  .x10pz7y9 {
    --layout-padding-outer-y: var(--spacing-2);
  }

  .x1p6yq3h {
    --layout-padding-outer-y: var(--spacing-3);
  }

  .xx738ci {
    --layout-padding-outer-y: var(--spacing-4);
  }

  .x6yxws5 {
    --layout-padding-outer-y: var(--spacing-5);
  }

  .x180vrwl {
    --layout-padding-outer-y: var(--spacing-6);
  }

  .x1q6rme1 {
    --layout-padding-outer-y: var(--spacing-7);
  }

  .xid7e43 {
    --layout-padding-outer-y: var(--spacing-8);
  }

  .x1t5kicu {
    --layout-padding-outer-y: var(--spacing-9);
  }

  .xbjcssu {
    --layout-padding-own-outer-x: 0px;
  }

  .x1vii845 {
    --layout-padding-own-outer-x: initial;
  }

  .x1ftjo2o {
    --layout-padding-own-outer-x: var(--spacing-0-5);
  }

  .xhcsosl {
    --layout-padding-own-outer-x: var(--spacing-0);
  }

  .x1k4nu17 {
    --layout-padding-own-outer-x: var(--spacing-1-5);
  }

  .x14y473 {
    --layout-padding-own-outer-x: var(--spacing-1);
  }

  .xczqutc {
    --layout-padding-own-outer-x: var(--spacing-10);
  }

  .x18c6olm {
    --layout-padding-own-outer-x: var(--spacing-2);
  }

  .x1cfn5ow {
    --layout-padding-own-outer-x: var(--spacing-3);
  }

  .xh30wjg {
    --layout-padding-own-outer-x: var(--spacing-4);
  }

  .xse87af {
    --layout-padding-own-outer-x: var(--spacing-5);
  }

  .xznoj5s {
    --layout-padding-own-outer-x: var(--spacing-6);
  }

  .xtjvahm {
    --layout-padding-own-outer-x: var(--spacing-8);
  }

  .x1bz2q72 {
    --layout-padding-own-outer-y: 0px;
  }

  .xojybgt {
    --layout-padding-own-outer-y: initial;
  }

  .x1b6unwa {
    --layout-padding-own-outer-y: var(--spacing-0-5);
  }

  .xe1wva8 {
    --layout-padding-own-outer-y: var(--spacing-0);
  }

  .x1g16mdy {
    --layout-padding-own-outer-y: var(--spacing-1-5);
  }

  .x1nxw61z {
    --layout-padding-own-outer-y: var(--spacing-1);
  }

  .xaqnhag {
    --layout-padding-own-outer-y: var(--spacing-10);
  }

  .xm4vj23 {
    --layout-padding-own-outer-y: var(--spacing-2);
  }

  .x69uvy7 {
    --layout-padding-own-outer-y: var(--spacing-3);
  }

  .x139ridu {
    --layout-padding-own-outer-y: var(--spacing-4);
  }

  .x1cq2jmq {
    --layout-padding-own-outer-y: var(--spacing-5);
  }

  .x1ir1f5p {
    --layout-padding-own-outer-y: var(--spacing-6);
  }

  .xhbsdkj {
    --layout-padding-own-outer-y: var(--spacing-8);
  }

  .xnpej1e {
    --radius-element: var(--radius-full);
  }

  .x1tnip43 {
    --resize-hint: transparent;
  }

  .x11rj6l1 {
    --selectable-card-ring-color: var(--color-accent);
  }

  .xkce8z9 {
    --separator-display: flex;
  }

  .x7o5821 {
    --spinner-arc-fraction: .375;
  }

  .x1uzk0gl {
    --spinner-color: currentColor;
  }

  .xt1b8mc {
    --spinner-color: var(--color-accent);
  }

  .x13u6jys {
    --spinner-color: var(--color-on-dark);
  }

  .x1jevo6s {
    --spinner-color: var(--color-text-secondary);
  }

  .x11wm0hx {
    --spinner-diameter: 10px;
  }

  .x15pu9g6 {
    --spinner-diameter: 14px;
  }

  .x1w424tr {
    --spinner-diameter: 18px;
  }

  .x1orj1z9 {
    --spinner-diameter: 28px;
  }

  .xls98ul {
    --spinner-stroke-width: 2px;
  }

  .xr0wkrm {
    --spinner-stroke-width: 3px;
  }

  .x7y2bof {
    --spinner-stroke-width: 4px;
  }

  .xbfzqbu {
    --spinner-track-color: currentColor;
  }

  .x1ufpcf6 {
    --spinner-track-color: var(--color-on-dark);
  }

  .xspt9s2 {
    --spinner-track-color: var(--color-track);
  }

  .x152dxt4 {
    --step-connector-gap: 0px;
  }

  .x5letbq {
    --step-connector-gap: inherit;
  }

  .x1qkaldv {
    --step-connector-gap: initial;
  }

  .xpa4xmd {
    --tree-list-indent: var(--spacing-4);
  }

  .x1xbi2jf {
    --tree-list-row-gap: var(--spacing-0-5);
  }

  .x1wfyzv7:focus-within {
    --_fade-delay: 0s;
  }

  .xqchwus:focus-visible {
    --_focus-outline-offset: var(--focus-outline-offset);
  }

  .xqih627:focus-visible {
    --_focus-outline: var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color);
  }

  .x1z42dm:focus-within {
    --_reveal-delay-reduced: 0s,0s;
  }

  .x1mjsb9v:focus-within {
    --_reveal-delay: 0s,0s;
  }

  .xi33vf3:focus-within {
    --_reveal-opacity: 1;
  }

  .xoa21yc:focus-within {
    --_reveal-position: static;
  }

  .x1sk5w8o:focus-visible {
    --_tree-focus-z: 2;
  }

  .x11woleg:focus-visible {
    --indicator-color: var(--color-accent);
  }

  .x1i79oho.x1i79oho:hover:where(:not(:disabled, [aria-disabled="true"])) {
    --indicator-color: var(--resize-hint-gate, var(--color-accent));
  }

  .x1qs65gq:has( > [data-size="lg"]) {
    --_field-status-overlap: calc(var(--size-element-lg) / 2);
  }

  .xlumz0n:has( > [data-size="sm"]) {
    --_field-status-overlap: calc(var(--size-element-sm) / 2);
  }

  .x158n88w:has(:focus-visible) {
    --_tab-strip-bleed: calc(var(--focus-outline-width) + var(--focus-outline-offset));
  }

  .x1ibt0lz:first-child {
    --separator-display: none;
  }

  .xztvxw7:nth-child(2n of :not([data-expansion-panel])) {
    --table-row-overlay: var(--color-background-muted);
  }

  @media (any-pointer: coarse) {
    .x1hl81f0.x1hl81f0 {
      --_fade-delay: 0s;
    }
  }

  @media (pointer: coarse) {
    .xp8r40j.xp8r40j {
      --_input-clear-hit-content: "";
    }

    .x181bpwf.x181bpwf {
      --_input-clear-hit-inset: -2px;
    }
  }

  @media (any-pointer: coarse) {
    .xm1aeao.xm1aeao {
      --_reveal-delay-reduced: 0s,0s;
    }

    .x1pn63d7.x1pn63d7 {
      --_reveal-delay: 0s,0s;
    }

    .xi7d7de.xi7d7de {
      --_reveal-opacity: 1;
    }

    .xarvkxi.xarvkxi {
      --_reveal-position: static;
    }
  }

  @media (pointer: coarse) {
    .x1h9khjt.x1h9khjt {
      --_thumbnail-hit-inset: -2px;
    }
  }

  @media (hover: hover) {
    .x1m110vg.x1m110vg {
      --resize-hint: transparent;
    }
  }

  .xb8awce.xb8awce:active:where(:not(:disabled, [aria-disabled="true"])) {
    --_press-overlay: var(--color-overlay-pressed);
  }

  @media (hover: hover) {
    .x1316hva.x1316hva.x1316hva:hover:where(:not(:disabled, [aria-disabled="true"])) {
      --_conceal-opacity: 0;
    }

    .xuzfaso.xuzfaso.xuzfaso:hover:where(:not(:disabled, [aria-disabled="true"])) {
      --_conceal-opacity: 1;
    }

    .xq03417.xq03417.xq03417:hover:where(:not(:disabled, [aria-disabled="true"])) {
      --_fade-delay: 0s;
    }

    .x14nxqze.x14nxqze.x14nxqze:hover:where(:not(:disabled, [aria-disabled="true"])) {
      --_fade-delay: var(--_hover-delay, 0s);
    }

    .xap96qf.xap96qf.xap96qf:hover:where(:not(:disabled, [aria-disabled="true"])) {
      --_reveal-delay-reduced: 0s,0s;
    }

    .xvd8mm8.xvd8mm8.xvd8mm8:hover:where(:not(:disabled, [aria-disabled="true"])) {
      --_reveal-delay-reduced: var(--_hover-delay, 0s),var(--_hover-delay, 0s);
    }

    .x1t6fdr0.x1t6fdr0.x1t6fdr0:hover:where(:not(:disabled, [aria-disabled="true"])) {
      --_reveal-delay: 0s,0s;
    }

    .x1tx49wl.x1tx49wl.x1tx49wl:hover:where(:not(:disabled, [aria-disabled="true"])) {
      --_reveal-delay: 0s,var(--duration-fast);
    }

    .xi1ebb6.xi1ebb6.xi1ebb6:hover:where(:not(:disabled, [aria-disabled="true"])) {
      --_reveal-delay: var(--_hover-delay, 0s),var(--_hover-delay, 0s);
    }

    .xfqgg65.xfqgg65.xfqgg65:hover:where(:not(:disabled, [aria-disabled="true"])) {
      --_reveal-opacity: 0;
    }

    .x2xrgwu.x2xrgwu.x2xrgwu:hover:where(:not(:disabled, [aria-disabled="true"])) {
      --_reveal-opacity: 1;
    }

    .x17ock8y.x17ock8y.x17ock8y:hover:where(:not(:disabled, [aria-disabled="true"])) {
      --_reveal-position: absolute;
    }

    .x1or4zte.x1or4zte.x1or4zte:hover:where(:not(:disabled, [aria-disabled="true"])) {
      --_reveal-position: static;
    }

    .x1o1xfy8.x1o1xfy8.x1o1xfy8:hover:where(:not(:disabled, [aria-disabled="true"])) {
      --resize-hint: var(--resize-hint-gate, var(--color-border));
    }

    .xc01ov8.xc01ov8.xc01ov8:hover:where(:not(:disabled, [aria-disabled="true"])) {
      --table-row-overlay: var(--color-overlay-hover);
    }

    .xmfmiv1.xmfmiv1.xmfmiv1:hover:where(:not(:disabled, [aria-disabled="true"])):where(:not(:disabled, [aria-disabled="true"])) {
      --_press-overlay: var(--color-overlay-hover);
    }
  }

  @media (pointer: coarse) {
    .x1a5qima.x1a5qima.x1a5qima:active:where(:not(:disabled, [aria-disabled="true"])) {
      --_press-overlay: transparent;
    }
  }

  @media (hover: hover) {
    .x1hn5ov8.x1hn5ov8.x1hn5ov8:active:where(:not(:disabled, [aria-disabled="true"])) {
      --_press-overlay: var(--color-overlay-pressed);
    }
  }

  .xln7xf2:not(#\#) {
    font: inherit;
  }

  .x15r89dc:not(#\#) {
    grid-area: 1 / 1;
  }

  .x10a8y8t:not(#\#) {
    inset: 0;
  }

  .x1anvkwx:not(#\#) {
    inset: auto;
  }

  .xh3736h:not(#\#) {
    inset: unset;
  }

  .xkdpibf:not(#\#) {
    margin: -1px;
  }

  .x1ghz6dp:not(#\#) {
    margin: 0;
  }

  .xkib98w:not(#\#) {
    margin: 8px;
  }

  .x1bpp3o7:not(#\#) {
    margin: auto;
  }

  .x1717udv:not(#\#) {
    padding: 0;
  }

  .x1tamke2:not(#\#) {
    padding: 16px;
  }

  .x1i3ajwb:not(#\#) {
    padding: 2px;
  }

  .xfawy5m:not(#\#) {
    padding: 4px;
  }

  .x1b50gpf:not(#\#) {
    padding: calc(var(--_chat-composer-padding) - var(--border-width));
  }

  .x18oj4ui:not(#\#) {
    padding: var(--_chat-composer-padding);
  }

  .xpoxszi:not(#\#) {
    padding: var(--_segmented-control-padding);
  }

  .xtozwh:not(#\#) {
    padding: var(--spacing-1) var(--spacing-2);
  }

  .x9epnlk:not(#\#) {
    padding: var(--spacing-1);
  }

  .x15nmkw0:not(#\#) {
    padding: var(--spacing-2) 0;
  }

  .xlsj2fj:not(#\#) {
    padding: var(--spacing-2);
  }

  .x1b2ylru:not(#\#) {
    padding: var(--spacing-3);
  }

  .x1shk3sm:not(#\#) {
    padding: var(--spacing-4);
  }

  .x1y5lnwp:focus:not(#\#) {
    margin: 0;
  }

  .xg8s4dl:not(#\#):not(#\#) {
    animation-range: cover;
  }

  .x9r1u3d:not(#\#):not(#\#) {
    border-color: #0000;
  }

  .xad5do:not(#\#):not(#\#) {
    border-color: var(--color-accent);
  }

  .x1touxvs:not(#\#):not(#\#) {
    border-color: var(--color-background-surface);
  }

  .xlee4gx:not(#\#):not(#\#) {
    border-color: var(--color-border-blue);
  }

  .xb1xfl:not(#\#):not(#\#) {
    border-color: var(--color-border-cyan);
  }

  .xvy26l8:not(#\#):not(#\#) {
    border-color: var(--color-border-emphasized);
  }

  .x1w9ec3u:not(#\#):not(#\#) {
    border-color: var(--color-border-gray);
  }

  .xy90a9n:not(#\#):not(#\#) {
    border-color: var(--color-border-green);
  }

  .xloqurj:not(#\#):not(#\#) {
    border-color: var(--color-border-orange);
  }

  .x1czkbn8:not(#\#):not(#\#) {
    border-color: var(--color-border-pink);
  }

  .xq98wne:not(#\#):not(#\#) {
    border-color: var(--color-border-purple);
  }

  .xjqgoec:not(#\#):not(#\#) {
    border-color: var(--color-border-red);
  }

  .x1r9gxr1:not(#\#):not(#\#) {
    border-color: var(--color-border-teal);
  }

  .x1kpnwn1:not(#\#):not(#\#) {
    border-color: var(--color-border-yellow);
  }

  .x14i3s5s:not(#\#):not(#\#) {
    border-color: var(--color-border);
  }

  .x1ofxpqo:not(#\#):not(#\#) {
    border-color: var(--color-error);
  }

  .x16m2moy:not(#\#):not(#\#) {
    border-color: var(--color-success);
  }

  .xqcx1ss:not(#\#):not(#\#) {
    border-color: var(--color-text-primary);
  }

  .x8wg1ba:not(#\#):not(#\#) {
    border-color: var(--color-warning);
  }

  .x2u8bby:not(#\#):not(#\#) {
    border-radius: 0;
  }

  .x1nj7uno:not(#\#):not(#\#) {
    border-radius: 1px;
  }

  .x16rqkct:not(#\#):not(#\#) {
    border-radius: 50%;
  }

  .xur7f20:not(#\#):not(#\#) {
    border-radius: 8px;
  }

  .x1pjcqnp:not(#\#):not(#\#) {
    border-radius: inherit;
  }

  .x1ws5lxm:not(#\#):not(#\#) {
    border-radius: max(0px,calc(var(--_dropdown-menu-radius, var(--spacing-2)) - var(--_dropdown-menu-padding, var(--spacing-1))));
  }

  .xc910v0:not(#\#):not(#\#) {
    border-radius: max(0px,calc(var(--_segmented-control-radius) - var(--_segmented-control-padding)));
  }

  .xbc78cj:not(#\#):not(#\#) {
    border-radius: var(--_avatar-radius);
  }

  .x1vf2byn:not(#\#):not(#\#) {
    border-radius: var(--_banner-radius, var(--radius-container));
  }

  .x1jxw6zd:not(#\#):not(#\#) {
    border-radius: var(--_button-radius, var(--radius-element));
  }

  .xy0xnkn:not(#\#):not(#\#) {
    border-radius: var(--_button-radius, var(--radius-full));
  }

  .x153u1i6:not(#\#):not(#\#) {
    border-radius: var(--_card-radius);
  }

  .x1xunbrq:not(#\#):not(#\#) {
    border-radius: var(--_chat-composer-radius);
  }

  .xuacgfc:not(#\#):not(#\#) {
    border-radius: var(--_dialog-radius);
  }

  .x1n97fys:not(#\#):not(#\#) {
    border-radius: var(--_dropdown-menu-radius);
  }

  .xvdfih8:not(#\#):not(#\#) {
    border-radius: var(--_field-radius);
  }

  .x7a53xk:not(#\#):not(#\#) {
    border-radius: var(--_hovercard-radius);
  }

  .x11m9jtl:not(#\#):not(#\#) {
    border-radius: var(--_popover-radius);
  }

  .x1hapoqb:not(#\#):not(#\#) {
    border-radius: var(--_segmented-control-radius);
  }

  .xashgol:not(#\#):not(#\#) {
    border-radius: var(--radius-chat);
  }

  .x1hviunn:not(#\#):not(#\#) {
    border-radius: var(--radius-container);
  }

  .xh6dtrn:not(#\#):not(#\#) {
    border-radius: var(--radius-element);
  }

  .xjspbzw:not(#\#):not(#\#) {
    border-radius: var(--radius-full);
  }

  .xx3sua9:not(#\#):not(#\#) {
    border-radius: var(--radius-inner);
  }

  .xwksslw:not(#\#):not(#\#) {
    border-radius: var(--radius-none);
  }

  .xbsl7fq:not(#\#):not(#\#) {
    border-style: dashed;
  }

  .xng3xce:not(#\#):not(#\#) {
    border-style: none;
  }

  .x1y0btm7:not(#\#):not(#\#) {
    border-style: solid;
  }

  .xc342km:not(#\#):not(#\#) {
    border-width: 0;
  }

  .xmkeg23:not(#\#):not(#\#) {
    border-width: 1px;
  }

  .xdh2fpr:not(#\#):not(#\#) {
    border-width: 2px;
  }

  .x1litavf:not(#\#):not(#\#) {
    border-width: var(--border-width);
  }

  .x1mw0n95:not(#\#):not(#\#) {
    border-width: var(--x-borderWidth);
  }

  .x1somy94:not(#\#):not(#\#) {
    flex: 0 0 0;
  }

  .x3psx0u:not(#\#):not(#\#) {
    flex: none;
  }

  .xkz0k9k:not(#\#):not(#\#) {
    flex: 0 auto;
  }

  .x1cqoux5:not(#\#):not(#\#) {
    flex: 1 1 0;
  }

  .x845mor:not(#\#):not(#\#) {
    flex: 1;
  }

  .xfoc8du:not(#\#):not(#\#) {
    flex: 40px;
  }

  .x12lumcd:not(#\#):not(#\#) {
    flex: auto;
  }

  .x98rzlu:not(#\#):not(#\#) {
    flex: 1;
  }

  .xxhr3t:not(#\#):not(#\#) {
    gap: 0;
  }

  .x1jnr06f:not(#\#):not(#\#) {
    gap: 4px;
  }

  .x14kbac9:not(#\#):not(#\#) {
    gap: inherit;
  }

  .x1lsbc85:not(#\#):not(#\#) {
    gap: var(--spacing-0-5);
  }

  .xsn7fz1:not(#\#):not(#\#) {
    gap: var(--spacing-0);
  }

  .x1s4dlld:not(#\#):not(#\#) {
    gap: var(--spacing-1-5);
  }

  .xzye2dw:not(#\#):not(#\#) {
    gap: var(--spacing-1);
  }

  .x3hoi3v:not(#\#):not(#\#) {
    gap: var(--spacing-10);
  }

  .xpec5dj:not(#\#):not(#\#) {
    gap: var(--spacing-2) var(--spacing-4);
  }

  .x1txdalj:not(#\#):not(#\#) {
    gap: var(--spacing-2);
  }

  .xlaq8a2:not(#\#):not(#\#) {
    gap: var(--spacing-3) var(--spacing-4);
  }

  .xjcht0a:not(#\#):not(#\#) {
    gap: var(--spacing-3);
  }

  .x18g69wz:not(#\#):not(#\#) {
    gap: var(--spacing-4);
  }

  .x9mgr7n:not(#\#):not(#\#) {
    gap: var(--spacing-5);
  }

  .x1qh66ti:not(#\#):not(#\#) {
    gap: var(--spacing-6);
  }

  .x4t41sb:not(#\#):not(#\#) {
    gap: var(--spacing-8);
  }

  .x1pidvrl:not(#\#):not(#\#) {
    gap: var(--x-gap);
  }

  .xgkxs2y:not(#\#):not(#\#) {
    grid-column: 1;
  }

  .x1ms6mhf:not(#\#):not(#\#) {
    grid-row: 1;
  }

  .x10no89f:not(#\#):not(#\#) {
    inset-block: 0;
  }

  .x17y0mx6:not(#\#):not(#\#) {
    inset-inline: 0;
  }

  .xe8uvvx:not(#\#):not(#\#) {
    list-style: none;
  }

  .x10im51j:not(#\#):not(#\#) {
    margin-block: 0;
  }

  .x81ka23:not(#\#):not(#\#) {
    margin-block: calc(-1 * (var(--spacing-3) - var(--spacing-2)));
  }

  .xhzvc8f:not(#\#):not(#\#) {
    margin-block: calc(-1 * var(--spacing-2));
  }

  .xqixskq:not(#\#):not(#\#) {
    margin-block: calc(var(--size-element-md) / 2 - var(--spacing-2) - var(--text-heading-2-size) * var(--text-heading-2-leading) / 2);
  }

  .xsq74q5:not(#\#):not(#\#) {
    margin-block: var(--spacing-1);
  }

  .x1g06x3t:not(#\#):not(#\#) {
    margin-block: var(--spacing-2);
  }

  .x1oqu0vw:not(#\#):not(#\#) {
    margin-block: var(--x-marginBlock);
  }

  .xvueqy4:not(#\#):not(#\#) {
    margin-inline: auto;
  }

  .xi5l473:not(#\#):not(#\#) {
    margin-inline: calc(-1 * (var(--_tab-strip-bleed)));
  }

  .xtedp8i:not(#\#):not(#\#) {
    margin-inline: calc(-1 * var(--spacing-1));
  }

  .x1ho7dyk:not(#\#):not(#\#) {
    margin-inline: calc(-1 * var(--spacing-2));
  }

  .x1ng9b9t:not(#\#):not(#\#) {
    margin-inline: calc(-1 * var(--spacing-4));
  }

  .xhrcg97:not(#\#):not(#\#) {
    margin-inline: var(--spacing-1);
  }

  .xam6yil:not(#\#):not(#\#) {
    margin-inline: var(--spacing-3);
  }

  .xvlecxo:not(#\#):not(#\#) {
    margin-inline: var(--x-marginInline);
  }

  .x1a2a7pz:not(#\#):not(#\#) {
    outline: none;
  }

  .xaw4jrz:not(#\#):not(#\#) {
    outline: var(--_focus-outline, none);
  }

  .xysyzu8:not(#\#):not(#\#) {
    overflow: auto;
  }

  .x7giv3:not(#\#):not(#\#) {
    overflow: clip;
  }

  .xb3r6kr:not(#\#):not(#\#) {
    overflow: hidden;
  }

  .x1rea2x4:not(#\#):not(#\#) {
    overflow: visible;
  }

  .xish69e:not(#\#):not(#\#) {
    overscroll-behavior: contain;
  }

  .xt970qd:not(#\#):not(#\#) {
    padding-block: 0;
  }

  .xsmncjp:not(#\#):not(#\#) {
    padding-block: calc((var(--size-element-lg) - max(min(var(--spacing-5),max(var(--size-element-lg) - 2 * var(--border-width),1.5em)),20px,1rem) - 2 * var(--border-width)) / 2);
  }

  .xj646f7:not(#\#):not(#\#) {
    padding-block: calc((var(--size-element-md) - max(min(var(--spacing-5),max(var(--size-element-md) - 2 * var(--border-width),1.5em)),20px,1rem) - 2 * var(--border-width)) / 2);
  }

  .x9ccq01:not(#\#):not(#\#) {
    padding-block: calc((var(--size-element-sm) - max(min(var(--spacing-5),max(var(--size-element-sm) - 2 * var(--border-width),1.5em)),20px,1rem) - 2 * var(--border-width)) / 2);
  }

  .x1x7cmac:not(#\#):not(#\#) {
    padding-block: calc(var(--spacing-1) - 1px);
  }

  .xwo4yc8:not(#\#):not(#\#) {
    padding-block: calc(var(--tree-list-row-gap, 0px) / 2);
  }

  .x13f7esw:not(#\#):not(#\#) {
    padding-block: var(--spacing-0-5);
  }

  .x1hp7d8q:not(#\#):not(#\#) {
    padding-block: var(--spacing-0);
  }

  .x1vofgu7:not(#\#):not(#\#) {
    padding-block: var(--spacing-1-5);
  }

  .xu0wf1k:not(#\#):not(#\#) {
    padding-block: var(--spacing-1);
  }

  .xce4md1:not(#\#):not(#\#) {
    padding-block: var(--spacing-2);
  }

  .x8o8v82:not(#\#):not(#\#) {
    padding-block: var(--spacing-3);
  }

  .x1na6nto:not(#\#):not(#\#) {
    padding-block: var(--spacing-4);
  }

  .xq6koh6:not(#\#):not(#\#) {
    padding-block: var(--spacing-6);
  }

  .xmfvnks:not(#\#):not(#\#) {
    padding-block: var(--spacing-8);
  }

  .x1giekp1:not(#\#):not(#\#) {
    padding-block: var(--x-paddingBlock);
  }

  .x1uameg1:not(#\#):not(#\#) {
    padding-block: 118px;
  }

  .xnjsko4:not(#\#):not(#\#) {
    padding-inline: 0;
  }

  .xx2oswg:not(#\#):not(#\#) {
    padding-inline: calc(var(--spacing-1) - 1px);
  }

  .x2hg6jq:not(#\#):not(#\#) {
    padding-inline: calc(var(--spacing-1) + var(--border-width));
  }

  .xaip428:not(#\#):not(#\#) {
    padding-inline: var(--_item-inset-inline);
  }

  .x1kpkw9v:not(#\#):not(#\#) {
    padding-inline: var(--_tab-strip-bleed);
  }

  .x1w6f3ag:not(#\#):not(#\#) {
    padding-inline: var(--_textarea-inline-padding);
  }

  .xkjnx3w:not(#\#):not(#\#) {
    padding-inline: var(--spacing-0-5);
  }

  .x17a0aqu:not(#\#):not(#\#) {
    padding-inline: var(--spacing-0);
  }

  .x4ezzuc:not(#\#):not(#\#) {
    padding-inline: var(--spacing-1-5);
  }

  .x7a5moj:not(#\#):not(#\#) {
    padding-inline: var(--spacing-1);
  }

  .xixulwi:not(#\#):not(#\#) {
    padding-inline: var(--spacing-10);
  }

  .xf314gf:not(#\#):not(#\#) {
    padding-inline: var(--spacing-2);
  }

  .xrrkdod:not(#\#):not(#\#) {
    padding-inline: var(--spacing-3);
  }

  .x1pzlopt:not(#\#):not(#\#) {
    padding-inline: var(--spacing-4);
  }

  .xzz68wx:not(#\#):not(#\#) {
    padding-inline: var(--spacing-5);
  }

  .xm7rs69:not(#\#):not(#\#) {
    padding-inline: var(--spacing-6);
  }

  .x6xnjw4:not(#\#):not(#\#) {
    padding-inline: var(--spacing-8);
  }

  .x30g6up:not(#\#):not(#\#) {
    padding-inline: var(--x-paddingInline);
  }

  .x1ku5rj1:not(#\#):not(#\#) {
    place-items: center;
  }

  .x1xif8ns:not(#\#):not(#\#) {
    scroll-padding-inline: calc(var(--_tab-strip-bleed) + var(--spacing-8));
  }

  .xdf8p4l:not(#\#):not(#\#) {
    scroll-padding-inline: var(--spacing-0-5);
  }

  .x9lgdif:not(#\#):not(#\#) {
    scroll-padding-inline: var(--spacing-0);
  }

  .x1w8vatw:not(#\#):not(#\#) {
    scroll-padding-inline: var(--spacing-1-5);
  }

  .x1u2972t:not(#\#):not(#\#) {
    scroll-padding-inline: var(--spacing-1);
  }

  .xw959t8:not(#\#):not(#\#) {
    scroll-padding-inline: var(--spacing-10);
  }

  .x1mfb6cv:not(#\#):not(#\#) {
    scroll-padding-inline: var(--spacing-2);
  }

  .xpnzzb2:not(#\#):not(#\#) {
    scroll-padding-inline: var(--spacing-3);
  }

  .x3m3szd:not(#\#):not(#\#) {
    scroll-padding-inline: var(--spacing-4);
  }

  .x1vx7sv0:not(#\#):not(#\#) {
    scroll-padding-inline: var(--spacing-5);
  }

  .x1mvw9yj:not(#\#):not(#\#) {
    scroll-padding-inline: var(--spacing-6);
  }

  .x1xn2tv3:not(#\#):not(#\#) {
    scroll-padding-inline: var(--spacing-8);
  }

  .xhfbhpw:not(#\#):not(#\#) {
    scroll-snap-type: x mandatory;
  }

  .x168l2et:not(#\#):not(#\#) {
    scroll-snap-type: y mandatory;
  }

  .xmqliwb:not(#\#):not(#\#) {
    text-decoration: line-through;
  }

  .x1hl2dhg:not(#\#):not(#\#) {
    text-decoration: none;
  }

  .x1bvjpef:not(#\#):not(#\#) {
    text-decoration: underline;
  }

  .xrg7dcy:not(#\#):not(#\#) {
    transition: box-shadow var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard);
  }

  .xb0j27v:not(#\#):not(#\#) {
    transition: grid-template-rows var(--duration-medium) var(--ease-standard);
  }

  .xq2gx43:not(#\#):not(#\#) {
    transition: none;
  }

  .x1ey1afo:not(#\#):not(#\#) {
    transition: opacity var(--duration-fast);
  }

  .x1ob6yzd:not(#\#):not(#\#) {
    transition: transform var(--duration-fast) var(--ease-standard);
  }

  .x6q1khz:focus-within:not(#\#):not(#\#) {
    border-color: var(--color-accent);
  }

  .xk2sxw7:focus-within:not(#\#):not(#\#) {
    border-color: var(--color-error);
  }

  .xyq33ac:focus-within:not(#\#):not(#\#) {
    border-color: var(--color-success);
  }

  .xa1yw2k:focus-within:not(#\#):not(#\#) {
    border-color: var(--color-warning);
  }

  .x1bax923.x1bax923:where(.xgy66g5:has(:focus-visible) *):not(#\#):not(#\#) {
    outline: var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color);
  }

  .x1dordxg:focus-within:not(#\#):not(#\#) {
    overflow: visible;
  }

  .x16it14f:has( > [aria-disabled="true"]:focus-visible):not(#\#):not(#\#) {
    border-color: var(--color-accent);
  }

  .x2uiyk:has(input:focus):not(#\#):not(#\#) {
    border-color: var(--color-accent);
  }

  .xb0m1lw:has( > div > .astryx-layout-content):not(#\#):not(#\#) {
    margin-inline: 0;
  }

  .x16s19ga:has(:focus-visible):not(#\#):not(#\#) {
    outline: var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color);
  }

  .xf0xpto:placeholder-shown:not(#\#):not(#\#) {
    flex: none;
  }

  .x64lkcz:focus:not(#\#):not(#\#) {
    border-color: var(--color-error);
  }

  .x1lglk5v:focus:not(#\#):not(#\#) {
    border-color: var(--color-success);
  }

  .x12sck4v:focus:not(#\#):not(#\#) {
    border-color: var(--color-warning);
  }

  .x1uvtmcs:focus:not(#\#):not(#\#) {
    outline: none;
  }

  .xomzh7y:focus:not(#\#):not(#\#) {
    overflow: visible;
  }

  .xh2mrf5:focus:not(#\#):not(#\#) {
    padding-block: var(--spacing-2);
  }

  .x1cf3d6k:focus:not(#\#):not(#\#) {
    padding-inline: var(--spacing-4);
  }

  @media (forced-colors: active) {
    .x1w1tqly.x1w1tqly:not(#\#):not(#\#) {
      border-color: canvastext;
    }

    .xmnqt3w.xmnqt3w:not(#\#):not(#\#) {
      border-color: graytext;
    }

    .xx61lck.xx61lck:not(#\#):not(#\#) {
      border-style: solid;
    }

    .x13rsnn2.x13rsnn2:not(#\#):not(#\#) {
      border-width: 1px;
    }
  }

  @media (max-width: 480px) {
    .x1a1jff.x1a1jff:not(#\#):not(#\#) {
      gap: var(--spacing-4);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .x9kvfbb.x9kvfbb:not(#\#):not(#\#) {
      transition: none;
    }
  }

  @media (hover: hover) {
    .x1ozl1p1.x1ozl1p1.x1ozl1p1:where(.x1odsvnm:hover *):not(#\#):not(#\#) {
      border-color: var(--color-accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .x1ozl1p1.x1ozl1p1.x1ozl1p1:where(.x1odsvnm:hover *):not(#\#):not(#\#) {
        border-color: color-mix(in srgb,var(--color-accent),var(--color-tint-hover) 15%);
      }
    }

    .xilc7fp.xilc7fp.xilc7fp:where(.x1odsvnm:hover *):not(#\#):not(#\#) {
      border-color: var(--color-border-emphasized);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .xilc7fp.xilc7fp.xilc7fp:where(.x1odsvnm:hover *):not(#\#):not(#\#) {
        border-color: color-mix(in srgb,var(--color-border-emphasized),var(--color-tint-hover) 20%);
      }
    }

    .x61roa7.x61roa7.x61roa7:where(.x1odsvnm:hover *):not(#\#):not(#\#) {
      border-color: var(--color-border);
    }

    .x1xwh4np.x1xwh4np.x1xwh4np:hover:where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#) {
      border-color: var(--color-border-emphasized);
    }

    .x13nosk6.x13nosk6.x13nosk6:hover:where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#) {
      text-decoration: underline;
    }
  }

  .x1lugfcp:not(#\#):not(#\#):not(#\#) {
    -webkit-appearance: none;
  }

  .x67t5t6:not(#\#):not(#\#):not(#\#) {
    -webkit-backdrop-filter: blur(12px);
  }

  .x1ua5tub:not(#\#):not(#\#):not(#\#) {
    -webkit-box-orient: vertical;
  }

  .x1yhjpo9:not(#\#):not(#\#):not(#\#) {
    -webkit-line-clamp: var(--x-WebkitLineClamp);
  }

  .xiy8rlo:not(#\#):not(#\#):not(#\#) {
    -webkit-mask-image: linear-gradient(#0000, #000 24px);
  }

  .x1bv1mxo:not(#\#):not(#\#):not(#\#) {
    -webkit-mask-image: linear-gradient(#0000, #000 36px);
  }

  .xo9xo30:not(#\#):not(#\#):not(#\#) {
    -webkit-mask-image: linear-gradient(#0000, #000 48px);
  }

  .xt2iwb0:not(#\#):not(#\#):not(#\#) {
    -webkit-mask-image: linear-gradient(#0000, #0000);
  }

  .x5lxg6s:not(#\#):not(#\#):not(#\#) {
    -webkit-overflow-scrolling: touch;
  }

  .x1i10hfl:not(#\#):not(#\#):not(#\#) {
    -webkit-tap-highlight-color: transparent;
  }

  .xg7jpbn:not(#\#):not(#\#):not(#\#) {
    -webkit-text-fill-color: transparent;
  }

  .xpdipgo:not(#\#):not(#\#):not(#\#) {
    -webkit-touch-callout: none;
  }

  .x1winvzj:not(#\#):not(#\#):not(#\#) {
    -webkit-user-select: none;
  }

  .x8gbvx8:not(#\#):not(#\#):not(#\#) {
    align-content: flex-start;
  }

  .x1pha0wt:not(#\#):not(#\#):not(#\#) {
    align-items: baseline;
  }

  .x6s0dn4:not(#\#):not(#\#):not(#\#) {
    align-items: center;
  }

  .xpqajaz:not(#\#):not(#\#):not(#\#) {
    align-items: end;
  }

  .xuk3077:not(#\#):not(#\#):not(#\#) {
    align-items: flex-end;
  }

  .x1cy8zhl:not(#\#):not(#\#):not(#\#) {
    align-items: flex-start;
  }

  .x1h91t0o:not(#\#):not(#\#):not(#\#) {
    align-items: inherit;
  }

  .xaz6w31:not(#\#):not(#\#):not(#\#) {
    align-items: last baseline;
  }

  .x7a106z:not(#\#):not(#\#):not(#\#) {
    align-items: start;
  }

  .x1qjc9v5:not(#\#):not(#\#):not(#\#) {
    align-items: stretch;
  }

  .xoi2r2e:not(#\#):not(#\#):not(#\#) {
    align-self: baseline;
  }

  .xamitd3:not(#\#):not(#\#):not(#\#) {
    align-self: center;
  }

  .xpvyfi4:not(#\#):not(#\#):not(#\#) {
    align-self: flex-end;
  }

  .xqcrz7y:not(#\#):not(#\#):not(#\#) {
    align-self: flex-start;
  }

  .x1y8v6su:not(#\#):not(#\#):not(#\#) {
    align-self: start;
  }

  .xkh2ocl:not(#\#):not(#\#):not(#\#) {
    align-self: stretch;
  }

  .x7dpabl:not(#\#):not(#\#):not(#\#) {
    anchor-name: --outline-active;
  }

  .x17yabm6:not(#\#):not(#\#):not(#\#) {
    animation-delay: var(--duration-medium-min);
  }

  .xvo38ju:not(#\#):not(#\#):not(#\#) {
    animation-delay: var(--x-animationDelay);
  }

  .xpz12be:not(#\#):not(#\#):not(#\#) {
    animation-direction: alternate;
  }

  .xmg6eyc:not(#\#):not(#\#):not(#\#) {
    animation-duration: 1.5s;
  }

  .xjlvqhv:not(#\#):not(#\#):not(#\#) {
    animation-duration: 1ms;
  }

  .x1c74tu6:not(#\#):not(#\#):not(#\#) {
    animation-duration: 2s;
  }

  .xwms9i0:not(#\#):not(#\#):not(#\#) {
    animation-duration: auto;
  }

  .x9uej1z:not(#\#):not(#\#):not(#\#) {
    animation-duration: var(--duration-fast-max);
  }

  .xb2rp9n:not(#\#):not(#\#):not(#\#) {
    animation-duration: var(--duration-fast);
  }

  .xqgcaz:not(#\#):not(#\#):not(#\#) {
    animation-duration: var(--duration-medium-max);
  }

  .x12wqnr7:not(#\#):not(#\#):not(#\#) {
    animation-duration: var(--duration-medium);
  }

  .x14qxm4i:not(#\#):not(#\#):not(#\#) {
    animation-duration: var(--duration-slow-min);
  }

  .xskzprw:not(#\#):not(#\#):not(#\#) {
    animation-fill-mode: backwards;
  }

  .x1u6ievf:not(#\#):not(#\#):not(#\#) {
    animation-fill-mode: both;
  }

  .x10e4vud:not(#\#):not(#\#):not(#\#) {
    animation-fill-mode: forwards;
  }

  .xa4qsjk:not(#\#):not(#\#):not(#\#) {
    animation-iteration-count: infinite;
  }

  .x1ewfqum:not(#\#):not(#\#):not(#\#) {
    animation-name: x11lauxq-B;
  }

  .xcx56e2:not(#\#):not(#\#):not(#\#) {
    animation-name: x13kz0yu-B;
  }

  .x1ffowhz:not(#\#):not(#\#):not(#\#) {
    animation-name: x188b6p3-B;
  }

  .xqcmdr3:not(#\#):not(#\#):not(#\#) {
    animation-name: x18re5ia-B;
  }

  .x3psbcj:not(#\#):not(#\#):not(#\#) {
    animation-name: x1ahk7ht-B;
  }

  .x1dvww92:not(#\#):not(#\#):not(#\#) {
    animation-name: x1b6yrix-B;
  }

  .x97zbip:not(#\#):not(#\#):not(#\#) {
    animation-name: x1k48ry3-B;
  }

  .x1nlxm0d:not(#\#):not(#\#):not(#\#) {
    animation-name: x1wbvqyn-B;
  }

  .x1gbn2au:not(#\#):not(#\#):not(#\#) {
    animation-name: x1xhkexc-B;
  }

  .xeuoslp:not(#\#):not(#\#):not(#\#) {
    animation-name: xgnty7z-B;
  }

  .x1srr2gu:not(#\#):not(#\#):not(#\#) {
    animation-name: xiylxmw-B;
  }

  .xozk8ic:not(#\#):not(#\#):not(#\#) {
    animation-name: xr3m334-B;
  }

  .x1mta51n:not(#\#):not(#\#):not(#\#) {
    animation-name: xtut5q7-B;
  }

  .xck01x9:not(#\#):not(#\#):not(#\#) {
    animation-name: xu7jd1z-B;
  }

  .xl1vlw0:not(#\#):not(#\#):not(#\#) {
    animation-name: xv1hr86-B;
  }

  .x1i331go:not(#\#):not(#\#):not(#\#) {
    animation-name: xwmkjkf-B;
  }

  .x190lv1:not(#\#):not(#\#):not(#\#) {
    animation-timeline: view(y);
  }

  .x4hg4is:not(#\#):not(#\#):not(#\#) {
    animation-timing-function: ease-in-out;
  }

  .x1esw782:not(#\#):not(#\#):not(#\#) {
    animation-timing-function: linear;
  }

  .x193epu2:not(#\#):not(#\#):not(#\#) {
    animation-timing-function: steps(10, end);
  }

  .x128ha8g:not(#\#):not(#\#):not(#\#) {
    animation-timing-function: var(--ease-standard);
  }

  .xjyslct:not(#\#):not(#\#):not(#\#) {
    appearance: none;
  }

  .x1plog1:not(#\#):not(#\#):not(#\#) {
    aspect-ratio: 1;
  }

  .xioom0i:not(#\#):not(#\#):not(#\#) {
    aspect-ratio: var(--button-icon-only-aspect);
  }

  .x10y9f9r:not(#\#):not(#\#):not(#\#) {
    aspect-ratio: var(--x-aspectRatio);
  }

  .xvn2z4z:not(#\#):not(#\#):not(#\#) {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }

  .xlp1x4z:not(#\#):not(#\#):not(#\#) {
    backface-visibility: hidden;
  }

  .xx83zyx:not(#\#):not(#\#):not(#\#) {
    background-clip: padding-box;
  }

  .x1rkw3yq:not(#\#):not(#\#):not(#\#) {
    background-color: #fff9;
  }

  .xgcd1z6:not(#\#):not(#\#):not(#\#) {
    background-color: inherit;
  }

  .xcpsgoo:not(#\#):not(#\#):not(#\#) {
    background-color: #00000080;
  }

  .xjbqb8w:not(#\#):not(#\#):not(#\#) {
    background-color: #0000;
  }

  .xgcxg3y:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-accent-muted);
  }

  .x1ewilqj:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-accent);
  }

  .x1o0wnni:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-background-blue);
  }

  .x1eiddq6:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-background-body);
  }

  .x1de1mus:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-background-card);
  }

  .x1rgj867:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-background-cyan);
  }

  .x1l5t2a3:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-background-error-inverted);
  }

  .xspzpui:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-background-gray);
  }

  .x1sqjeoo:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-background-green);
  }

  .xenstv7:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-background-inverted);
  }

  .xwmxj5m:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-background-muted);
  }

  .x1e9xt6e:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-background-orange);
  }

  .xnpoty2:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-background-pink);
  }

  .x1prclbq:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-background-popover);
  }

  .x16i6n6f:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-background-purple);
  }

  .x1cibrc5:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-background-red);
  }

  .x10xzikg:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-background-surface);
  }

  .x1jtji5o:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-background-teal);
  }

  .x1bo7t0x:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-background-yellow);
  }

  .x7njt3n:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-border-emphasized);
  }

  .x1m4xfpy:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-border);
  }

  .x1pritpl:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-error-muted);
  }

  .x1pjz0fi:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-error);
  }

  .xowkcby:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-icon-primary);
  }

  .x1q5y3ey:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-icon-secondary);
  }

  .x17x4s8c:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-neutral);
  }

  .x1azo05:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-on-accent);
  }

  .xfba6wv:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-on-error);
  }

  .x9mohwv:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-on-success);
  }

  .xmgwp2l:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-on-warning);
  }

  .x1lmrjuc:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-overlay-hover);
  }

  .xi89dp7:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-overlay-pressed);
  }

  .x1u4601x:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-overlay);
  }

  .xprdx6m:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-skeleton);
  }

  .xu13z74:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-success-muted);
  }

  .xdsz4j9:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-success);
  }

  .xjqijk9:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-syntax-added);
  }

  .xzyc27v:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-syntax-background);
  }

  .x11ds9ch:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-syntax-diff-header);
  }

  .xv48ua2:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-syntax-removed);
  }

  .x16fr6go:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-text-disabled);
  }

  .x19aspcf:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-text-primary);
  }

  .xdomwnj:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-text-secondary);
  }

  .xdsb6cv:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-track);
  }

  .x24i8r5:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-warning-muted);
  }

  .x1q8g9m5:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-warning);
  }

  .x1fd97le:not(#\#):not(#\#):not(#\#) {
    background-color: var(--table-sticky-background, var(--color-background-card));
  }

  .xl8spv7:not(#\#):not(#\#):not(#\#) {
    background-color: var(--x-backgroundColor);
  }

  .xafqdz2:not(#\#):not(#\#):not(#\#) {
    background-image: linear-gradient(to bottom,var(--color-background-surface) 60%,transparent);
  }

  .x1vrk509:not(#\#):not(#\#):not(#\#) {
    background-image: linear-gradient(var(--color-background-muted),var(--color-background-muted));
  }

  .x14bno8m:not(#\#):not(#\#):not(#\#) {
    background-image: linear-gradient(var(--color-neutral),var(--color-neutral));
  }

  .xpl5ynk:not(#\#):not(#\#):not(#\#) {
    background-image: linear-gradient(var(--color-overlay-pressed),var(--color-overlay-pressed));
  }

  .x18o3ruo:not(#\#):not(#\#):not(#\#) {
    background-image: none;
  }

  .x1mwwwfo:not(#\#):not(#\#):not(#\#) {
    border-collapse: collapse;
  }

  .x16uus16:not(#\#):not(#\#):not(#\#) {
    border-end-end-radius: 0;
  }

  .x1eprgri:not(#\#):not(#\#):not(#\#) {
    border-end-end-radius: var(--_banner-radius, var(--radius-container));
  }

  .x6k0y1c:not(#\#):not(#\#):not(#\#) {
    border-end-end-radius: var(--_chat-composer-radius);
  }

  .xoao14b:not(#\#):not(#\#):not(#\#) {
    border-end-end-radius: var(--_field-radius);
  }

  .x14i3lts:not(#\#):not(#\#):not(#\#) {
    border-end-end-radius: var(--radius-element);
  }

  .x1dgc8on:not(#\#):not(#\#):not(#\#) {
    border-end-end-radius: var(--radius-full);
  }

  .x1whkvtz:not(#\#):not(#\#):not(#\#) {
    border-end-end-radius: var(--radius-inner);
  }

  .xbiv7yw:not(#\#):not(#\#):not(#\#) {
    border-end-start-radius: 0;
  }

  .x1k5g1gk:not(#\#):not(#\#):not(#\#) {
    border-end-start-radius: var(--_banner-radius, var(--radius-container));
  }

  .xkvxy4d:not(#\#):not(#\#):not(#\#) {
    border-end-start-radius: var(--_chat-composer-radius);
  }

  .xquck67:not(#\#):not(#\#):not(#\#) {
    border-end-start-radius: var(--radius-element);
  }

  .x1wc3881:not(#\#):not(#\#):not(#\#) {
    border-end-start-radius: var(--radius-full);
  }

  .xrfs2vl:not(#\#):not(#\#):not(#\#) {
    border-end-start-radius: var(--radius-inner);
  }

  .xl0t3rv:not(#\#):not(#\#):not(#\#) {
    border-inline-end-color: var(--color-border-emphasized);
  }

  .x1gejf6u:not(#\#):not(#\#):not(#\#) {
    border-inline-end-color: var(--color-border);
  }

  .x18b5jzi:not(#\#):not(#\#):not(#\#) {
    border-inline-end-style: solid;
  }

  .x1lun4ml:not(#\#):not(#\#):not(#\#) {
    border-inline-end-width: 1px;
  }

  .xw8tdv1:not(#\#):not(#\#):not(#\#) {
    border-inline-end-width: var(--border-width);
  }

  .x14ydlgx:not(#\#):not(#\#):not(#\#) {
    border-inline-start-color: var(--color-border-emphasized);
  }

  .x1j92z86:not(#\#):not(#\#):not(#\#) {
    border-inline-start-color: var(--color-border);
  }

  .xrvmtm5:not(#\#):not(#\#):not(#\#) {
    border-inline-start-color: var(--color-on-accent);
  }

  .x1t7ytsu:not(#\#):not(#\#):not(#\#) {
    border-inline-start-style: solid;
  }

  .xpilrb4:not(#\#):not(#\#):not(#\#) {
    border-inline-start-width: 1px;
  }

  .xgbv0en:not(#\#):not(#\#):not(#\#) {
    border-inline-start-width: var(--border-width);
  }

  .xtpqe59:not(#\#):not(#\#):not(#\#) {
    border-inline-start-width: var(--spacing-0-5);
  }

  .x1gukg7c:not(#\#):not(#\#):not(#\#) {
    border-spacing: 0;
  }

  .x1ga7v0g:not(#\#):not(#\#):not(#\#) {
    border-start-end-radius: 0;
  }

  .x13nour3:not(#\#):not(#\#):not(#\#) {
    border-start-end-radius: var(--_banner-radius, var(--radius-container));
  }

  .xzc3kxz:not(#\#):not(#\#):not(#\#) {
    border-start-end-radius: var(--_chat-composer-radius);
  }

  .x1g2gkjz:not(#\#):not(#\#):not(#\#) {
    border-start-end-radius: var(--_field-radius);
  }

  .xg0tfu:not(#\#):not(#\#):not(#\#) {
    border-start-end-radius: var(--radius-chat);
  }

  .x7hs6f1:not(#\#):not(#\#):not(#\#) {
    border-start-end-radius: var(--radius-container);
  }

  .x8agd5o:not(#\#):not(#\#):not(#\#) {
    border-start-end-radius: var(--radius-full);
  }

  .x126per9:not(#\#):not(#\#):not(#\#) {
    border-start-end-radius: var(--radius-inner);
  }

  .x15mokao:not(#\#):not(#\#):not(#\#) {
    border-start-start-radius: 0;
  }

  .xwxb7qi:not(#\#):not(#\#):not(#\#) {
    border-start-start-radius: var(--_banner-radius, var(--radius-container));
  }

  .xy7p8pm:not(#\#):not(#\#):not(#\#) {
    border-start-start-radius: var(--_chat-composer-radius);
  }

  .x1n70msy:not(#\#):not(#\#):not(#\#) {
    border-start-start-radius: var(--radius-chat);
  }

  .x81l70g:not(#\#):not(#\#):not(#\#) {
    border-start-start-radius: var(--radius-container);
  }

  .x19415el:not(#\#):not(#\#):not(#\#) {
    border-start-start-radius: var(--radius-full);
  }

  .x3qb8m:not(#\#):not(#\#):not(#\#) {
    border-start-start-radius: var(--radius-inner);
  }

  .x183tx6i:not(#\#):not(#\#):not(#\#) {
    border-start-start-radius: var(--radius-page);
  }

  .x1lp15jv:not(#\#):not(#\#):not(#\#) {
    box-shadow: inset 0 0 0 1px var(--color-border-emphasized);
  }

  .x1er153n:not(#\#):not(#\#):not(#\#) {
    box-shadow: inset 0 0 0 1px var(--color-border);
  }

  .x1iobdd1:not(#\#):not(#\#):not(#\#) {
    box-shadow: inset 0 0 0 1px var(--color-text-primary);
  }

  .x1gnnqk1:not(#\#):not(#\#):not(#\#) {
    box-shadow: none;
  }

  .x1p8z4y0:not(#\#):not(#\#):not(#\#) {
    box-shadow: var(--_card-ring, 0 0 transparent),var(--_card-elevation, 0 0 transparent);
  }

  .x1kcpxr7:not(#\#):not(#\#):not(#\#) {
    box-shadow: var(--shadow-high);
  }

  .x1i5ehqx:not(#\#):not(#\#):not(#\#) {
    box-shadow: var(--shadow-low);
  }

  .x14hfi27:not(#\#):not(#\#):not(#\#) {
    box-shadow: var(--shadow-med);
  }

  .x9f619:not(#\#):not(#\#):not(#\#) {
    box-sizing: border-box;
  }

  .x1afcbsf:not(#\#):not(#\#):not(#\#) {
    box-sizing: content-box;
  }

  .xbuiw85:not(#\#):not(#\#):not(#\#) {
    caret-color: #0000;
  }

  .xxugrtn:not(#\#):not(#\#):not(#\#) {
    caret-color: var(--color-accent);
  }

  .x13hy1yx:not(#\#):not(#\#):not(#\#) {
    clip-path: inset(0 0 0 max(0px,min(var(--step-connector-gap, 0px),var(--spacing-2))));
  }

  .x1yxrbr4:not(#\#):not(#\#):not(#\#) {
    clip-path: inset(0 0 max(0px,min(var(--step-connector-gap, 0px),var(--spacing-2))) 0);
  }

  .x17qoqre:not(#\#):not(#\#):not(#\#) {
    clip-path: inset(0 max(0px,min(var(--step-connector-gap, 0px),var(--spacing-2))) 0 0);
  }

  .x1hyvwdk:not(#\#):not(#\#):not(#\#) {
    clip-path: inset(50%);
  }

  .x1eyou77:not(#\#):not(#\#):not(#\#) {
    clip-path: inset(max(0px,min(var(--step-connector-gap, 0px),var(--spacing-2))) 0 0 0);
  }

  .xzpqnlu:not(#\#):not(#\#):not(#\#) {
    clip: rect(0,0,0,0);
  }

  .xntwwlm:not(#\#):not(#\#):not(#\#) {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
  }

  .x108lcm5:not(#\#):not(#\#):not(#\#) {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light dark;
  }

  @media (prefers-color-scheme: dark) {
    .x108lcm5:not(#\#):not(#\#):not(#\#) {
      --lightningcss-light: ;
      --lightningcss-dark: initial;
    }
  }

  .x19aimcq:not(#\#):not(#\#):not(#\#) {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
  }

  .xj8ax7g:not(#\#):not(#\#):not(#\#) {
    color: red;
  }

  .x1heor9g:not(#\#):not(#\#):not(#\#) {
    color: inherit;
  }

  .x19co3pv:not(#\#):not(#\#):not(#\#) {
    color: #0000;
  }

  .x1gb3s7i:not(#\#):not(#\#):not(#\#) {
    color: var(--_item-description-color, var(--color-text-secondary));
  }

  .x5tbw38:not(#\#):not(#\#):not(#\#) {
    color: var(--_item-label-color, var(--color-text-primary));
  }

  .xqwr325:not(#\#):not(#\#):not(#\#) {
    color: var(--color-accent);
  }

  .xrkvqaz:not(#\#):not(#\#):not(#\#) {
    color: var(--color-background-surface);
  }

  .xjt36v0:not(#\#):not(#\#):not(#\#) {
    color: var(--color-error);
  }

  .x1fns2mt:not(#\#):not(#\#):not(#\#) {
    color: var(--color-icon-blue);
  }

  .x157w0xa:not(#\#):not(#\#):not(#\#) {
    color: var(--color-icon-cyan);
  }

  .xqa6c3m:not(#\#):not(#\#):not(#\#) {
    color: var(--color-icon-disabled);
  }

  .x1eyinzz:not(#\#):not(#\#):not(#\#) {
    color: var(--color-icon-gray);
  }

  .xmxeech:not(#\#):not(#\#):not(#\#) {
    color: var(--color-icon-green);
  }

  .xxu74a4:not(#\#):not(#\#):not(#\#) {
    color: var(--color-icon-orange);
  }

  .x1kxxfg5:not(#\#):not(#\#):not(#\#) {
    color: var(--color-icon-pink);
  }

  .xtbr613:not(#\#):not(#\#):not(#\#) {
    color: var(--color-icon-primary);
  }

  .xzdw94u:not(#\#):not(#\#):not(#\#) {
    color: var(--color-icon-purple);
  }

  .xeffzf7:not(#\#):not(#\#):not(#\#) {
    color: var(--color-icon-red);
  }

  .xv9yike:not(#\#):not(#\#):not(#\#) {
    color: var(--color-icon-secondary);
  }

  .x1f3zxcb:not(#\#):not(#\#):not(#\#) {
    color: var(--color-icon-teal);
  }

  .x1g6zdft:not(#\#):not(#\#):not(#\#) {
    color: var(--color-icon-yellow);
  }

  .x17wrial:not(#\#):not(#\#):not(#\#) {
    color: var(--color-on-accent);
  }

  .x9e3rv5:not(#\#):not(#\#):not(#\#) {
    color: var(--color-on-dark);
  }

  .x1m024r3:not(#\#):not(#\#):not(#\#) {
    color: var(--color-on-error);
  }

  .xri61p4:not(#\#):not(#\#):not(#\#) {
    color: var(--color-on-success);
  }

  .xrebv38:not(#\#):not(#\#):not(#\#) {
    color: var(--color-on-warning);
  }

  .xtjic6:not(#\#):not(#\#):not(#\#) {
    color: var(--color-success);
  }

  .x1wxerb0:not(#\#):not(#\#):not(#\#) {
    color: var(--color-syntax-added-marker);
  }

  .x1mjzq1q:not(#\#):not(#\#):not(#\#) {
    color: var(--color-syntax-comment);
  }

  .xt5rlkq:not(#\#):not(#\#):not(#\#) {
    color: var(--color-syntax-punctuation);
  }

  .x103bwea:not(#\#):not(#\#):not(#\#) {
    color: var(--color-syntax-removed-marker);
  }

  .xdfisg:not(#\#):not(#\#):not(#\#) {
    color: var(--color-syntax-variable);
  }

  .xjse4m1:not(#\#):not(#\#):not(#\#) {
    color: var(--color-text-accent);
  }

  .x1vvqiwl:not(#\#):not(#\#):not(#\#) {
    color: var(--color-text-blue);
  }

  .x1txnczv:not(#\#):not(#\#):not(#\#) {
    color: var(--color-text-cyan);
  }

  .xnbbluu:not(#\#):not(#\#):not(#\#) {
    color: var(--color-text-disabled);
  }

  .xru1t7f:not(#\#):not(#\#):not(#\#) {
    color: var(--color-text-gray);
  }

  .xltfdvo:not(#\#):not(#\#):not(#\#) {
    color: var(--color-text-green);
  }

  .xm47u9q:not(#\#):not(#\#):not(#\#) {
    color: var(--color-text-orange);
  }

  .xiuofww:not(#\#):not(#\#):not(#\#) {
    color: var(--color-text-pink);
  }

  .x1tgivj0:not(#\#):not(#\#):not(#\#) {
    color: var(--color-text-primary);
  }

  .x1m9wyeb:not(#\#):not(#\#):not(#\#) {
    color: var(--color-text-purple);
  }

  .x1joocv1:not(#\#):not(#\#):not(#\#) {
    color: var(--color-text-red);
  }

  .xv1l7n4:not(#\#):not(#\#):not(#\#) {
    color: var(--color-text-secondary);
  }

  .x9x0lbs:not(#\#):not(#\#):not(#\#) {
    color: var(--color-text-teal);
  }

  .xdhq94a:not(#\#):not(#\#):not(#\#) {
    color: var(--color-text-yellow);
  }

  .xs3pv69:not(#\#):not(#\#):not(#\#) {
    color: var(--color-warning);
  }

  .x14rh7hd:not(#\#):not(#\#):not(#\#) {
    color: var(--x-color);
  }

  .x1o1pmfc:not(#\#):not(#\#):not(#\#) {
    column-gap: 0;
  }

  .xf5zn4v:not(#\#):not(#\#):not(#\#) {
    column-gap: calc(var(--spacing-3) + var(--border-width) + var(--spacing-4));
  }

  .x1kihgfc:not(#\#):not(#\#):not(#\#) {
    column-gap: var(--spacing-0-5);
  }

  .x1o57wo1:not(#\#):not(#\#):not(#\#) {
    column-gap: var(--spacing-0);
  }

  .x1thn6ci:not(#\#):not(#\#):not(#\#) {
    column-gap: var(--spacing-1-5);
  }

  .x1lfs0n9:not(#\#):not(#\#):not(#\#) {
    column-gap: var(--spacing-1);
  }

  .x1p37tyl:not(#\#):not(#\#):not(#\#) {
    column-gap: var(--spacing-10);
  }

  .xak3so:not(#\#):not(#\#):not(#\#) {
    column-gap: var(--spacing-2);
  }

  .xewh9hi:not(#\#):not(#\#):not(#\#) {
    column-gap: var(--spacing-3);
  }

  .xty4p9g:not(#\#):not(#\#):not(#\#) {
    column-gap: var(--spacing-4);
  }

  .x1eqhezk:not(#\#):not(#\#):not(#\#) {
    column-gap: var(--spacing-5);
  }

  .x3qlgwd:not(#\#):not(#\#):not(#\#) {
    column-gap: var(--spacing-6);
  }

  .xicv188:not(#\#):not(#\#):not(#\#) {
    column-gap: var(--spacing-8);
  }

  .xawy1a7:not(#\#):not(#\#):not(#\#) {
    contain: layout style;
  }

  .x12h1iku:not(#\#):not(#\#):not(#\#) {
    container-type: inline-size;
  }

  .xb5mbof:not(#\#):not(#\#):not(#\#) {
    content-visibility: auto;
  }

  .xfrknyr:not(#\#):not(#\#):not(#\#) {
    counter-increment: astryx-list;
  }

  .xif0320:not(#\#):not(#\#):not(#\#) {
    counter-reset: astryx-list;
  }

  .x1khind5:not(#\#):not(#\#):not(#\#) {
    counter-reset: var(--x-counterReset);
  }

  .xicojor:not(#\#):not(#\#):not(#\#) {
    cursor: col-resize;
  }

  .xt0e3qv:not(#\#):not(#\#):not(#\#) {
    cursor: default;
  }

  .x7eptgl:not(#\#):not(#\#):not(#\#) {
    cursor: ew-resize;
  }

  .x1jm3nie:not(#\#):not(#\#):not(#\#) {
    cursor: grab;
  }

  .xi9pz9s:not(#\#):not(#\#):not(#\#) {
    cursor: grabbing;
  }

  .xmper1u:not(#\#):not(#\#):not(#\#) {
    cursor: inherit;
  }

  .x1ypdohk:not(#\#):not(#\#):not(#\#) {
    cursor: pointer;
  }

  .xyozgr7:not(#\#):not(#\#):not(#\#) {
    cursor: row-resize;
  }

  .x1ed109x:not(#\#):not(#\#):not(#\#) {
    cursor: text;
  }

  .x1huxd7x:not(#\#):not(#\#):not(#\#) {
    cursor: zoom-in;
  }

  .x104kibb:not(#\#):not(#\#):not(#\#) {
    display: -webkit-box;
  }

  .x1lliihq:not(#\#):not(#\#):not(#\#) {
    display: block;
  }

  .xjp7ctv:not(#\#):not(#\#):not(#\#) {
    display: contents;
  }

  .x78zum5:not(#\#):not(#\#):not(#\#) {
    display: flex;
  }

  .xufnvkl:not(#\#):not(#\#):not(#\#) {
    display: flow-root;
  }

  .xrvj5dj:not(#\#):not(#\#):not(#\#) {
    display: grid;
  }

  .x1rg5ohu:not(#\#):not(#\#):not(#\#) {
    display: inline-block;
  }

  .x3nfvp2:not(#\#):not(#\#):not(#\#) {
    display: inline-flex;
  }

  .xwz0xwf:not(#\#):not(#\#):not(#\#) {
    display: inline-grid;
  }

  .xt0psk2:not(#\#):not(#\#):not(#\#) {
    display: inline;
  }

  .x1s85apg:not(#\#):not(#\#):not(#\#) {
    display: none;
  }

  .x11ke7fs:not(#\#):not(#\#):not(#\#) {
    display: var(--separator-display);
  }

  .xbh8q5q:not(#\#):not(#\#):not(#\#) {
    fill: none;
  }

  .x1r8uery:not(#\#):not(#\#):not(#\#) {
    flex-basis: 0;
  }

  .xrjwirl:not(#\#):not(#\#):not(#\#) {
    flex-basis: 196px;
  }

  .xjpgo6f:not(#\#):not(#\#):not(#\#) {
    flex-basis: 200px;
  }

  .xchdapg:not(#\#):not(#\#):not(#\#) {
    flex-basis: 300px;
  }

  .xgualba:not(#\#):not(#\#):not(#\#) {
    flex-basis: 8rem;
  }

  .xdl72j9:not(#\#):not(#\#):not(#\#) {
    flex-basis: auto;
  }

  .x3ieub6:not(#\#):not(#\#):not(#\#) {
    flex-direction: column-reverse;
  }

  .xdt5ytf:not(#\#):not(#\#):not(#\#) {
    flex-direction: column;
  }

  .x15zctf7:not(#\#):not(#\#):not(#\#) {
    flex-direction: row-reverse;
  }

  .x1q0g3np:not(#\#):not(#\#):not(#\#) {
    flex-direction: row;
  }

  .x1c4vz4f:not(#\#):not(#\#):not(#\#) {
    flex-grow: 0;
  }

  .x1iyjqo2:not(#\#):not(#\#):not(#\#) {
    flex-grow: 1;
  }

  .xgyuaek:not(#\#):not(#\#):not(#\#) {
    flex-grow: 2;
  }

  .x2lah0s:not(#\#):not(#\#):not(#\#) {
    flex-shrink: 0;
  }

  .xs83m0k:not(#\#):not(#\#):not(#\#) {
    flex-shrink: 1;
  }

  .x1g3ib7:not(#\#):not(#\#):not(#\#) {
    flex-shrink: 10;
  }

  .xozqiw3:not(#\#):not(#\#):not(#\#) {
    flex-wrap: nowrap;
  }

  .x8hhl5t:not(#\#):not(#\#):not(#\#) {
    flex-wrap: wrap-reverse;
  }

  .x1a02dak:not(#\#):not(#\#):not(#\#) {
    flex-wrap: wrap;
  }

  .xjb2p0i:not(#\#):not(#\#):not(#\#) {
    font-family: inherit;
  }

  .x9ynric:not(#\#):not(#\#):not(#\#) {
    font-family: var(--font-family-body);
  }

  .x9m5x89:not(#\#):not(#\#):not(#\#) {
    font-family: var(--font-family-code);
  }

  .x1g81bgm:not(#\#):not(#\#):not(#\#) {
    font-family: var(--font-family-heading);
  }

  .xboafo0:not(#\#):not(#\#):not(#\#) {
    font-size: .75rem;
  }

  .x1603h9y:not(#\#):not(#\#):not(#\#) {
    font-size: 1.25rem;
  }

  .xngnso2:not(#\#):not(#\#):not(#\#) {
    font-size: 1.5rem;
  }

  .x1k6wstc:not(#\#):not(#\#):not(#\#) {
    font-size: 10px;
  }

  .xfifm61:not(#\#):not(#\#):not(#\#) {
    font-size: 12px;
  }

  .xif65rj:not(#\#):not(#\#):not(#\#) {
    font-size: 14px;
  }

  .x1jchvi3:not(#\#):not(#\#):not(#\#) {
    font-size: 1rem;
  }

  .x1qlqyl8:not(#\#):not(#\#):not(#\#) {
    font-size: inherit;
  }

  .xhs0kqb:not(#\#):not(#\#):not(#\#) {
    font-size: var(--font-size-2xl);
  }

  .x16a80zy:not(#\#):not(#\#):not(#\#) {
    font-size: var(--font-size-2xs);
  }

  .x10srzze:not(#\#):not(#\#):not(#\#) {
    font-size: var(--font-size-3xl);
  }

  .x10p7juq:not(#\#):not(#\#):not(#\#) {
    font-size: var(--font-size-3xs);
  }

  .xqcvi3d:not(#\#):not(#\#):not(#\#) {
    font-size: var(--font-size-4xl);
  }

  .xxc45ev:not(#\#):not(#\#):not(#\#) {
    font-size: var(--font-size-4xs);
  }

  .x1j29vfg:not(#\#):not(#\#):not(#\#) {
    font-size: var(--font-size-base);
  }

  .xc7cgfe:not(#\#):not(#\#):not(#\#) {
    font-size: var(--font-size-lg);
  }

  .x1eqnyfr:not(#\#):not(#\#):not(#\#) {
    font-size: var(--font-size-sm);
  }

  .x1wqms48:not(#\#):not(#\#):not(#\#) {
    font-size: var(--font-size-xl);
  }

  .x51wmvv:not(#\#):not(#\#):not(#\#) {
    font-size: var(--font-size-xs);
  }

  .xho7bvi:not(#\#):not(#\#):not(#\#) {
    font-size: var(--spacing-4);
  }

  .xjm74w1:not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-body-size);
  }

  .xp03k98:not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-code-size);
  }

  .xsub3ws:not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-display-1-size);
  }

  .x1yego12:not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-display-2-size);
  }

  .xlgnzhf:not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-display-3-size);
  }

  .xcg7oai:not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-heading-1-size);
  }

  .x1xvnhcw:not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-heading-2-size);
  }

  .xii13ha:not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-heading-3-size);
  }

  .x8tkxat:not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-heading-4-size);
  }

  .xsgqta0:not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-heading-5-size);
  }

  .xw5ohdf:not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-heading-6-size);
  }

  .xcr08ib:not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-label-size);
  }

  .x18juvz8:not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-large-size);
  }

  .x141an7d:not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-supporting-size);
  }

  .xdmh292:not(#\#):not(#\#):not(#\#) {
    font-size: var(--x-fontSize);
  }

  .x1j61x8r:not(#\#):not(#\#):not(#\#) {
    font-style: normal;
  }

  .xss6m8b:not(#\#):not(#\#):not(#\#) {
    font-variant-numeric: tabular-nums;
  }

  .xk50ysn:not(#\#):not(#\#):not(#\#) {
    font-weight: 500;
  }

  .x1s688f:not(#\#):not(#\#):not(#\#) {
    font-weight: 600;
  }

  .x1pd3egz:not(#\#):not(#\#):not(#\#) {
    font-weight: inherit;
  }

  .x1lvx875:not(#\#):not(#\#):not(#\#) {
    font-weight: var(--font-weight-bold);
  }

  .x1e4wzip:not(#\#):not(#\#):not(#\#) {
    font-weight: var(--font-weight-medium);
  }

  .x1sodnla:not(#\#):not(#\#):not(#\#) {
    font-weight: var(--font-weight-normal);
  }

  .x2mo6ok:not(#\#):not(#\#):not(#\#) {
    font-weight: var(--font-weight-semibold);
  }

  .xxovm9e:not(#\#):not(#\#):not(#\#) {
    font-weight: var(--text-body-weight);
  }

  .xx3eeay:not(#\#):not(#\#):not(#\#) {
    font-weight: var(--text-code-weight);
  }

  .x1txul5o:not(#\#):not(#\#):not(#\#) {
    font-weight: var(--text-display-1-weight);
  }

  .x1y36c3f:not(#\#):not(#\#):not(#\#) {
    font-weight: var(--text-display-2-weight);
  }

  .x1on40hk:not(#\#):not(#\#):not(#\#) {
    font-weight: var(--text-display-3-weight);
  }

  .x1v68xuy:not(#\#):not(#\#):not(#\#) {
    font-weight: var(--text-heading-1-weight);
  }

  .x12yy4cs:not(#\#):not(#\#):not(#\#) {
    font-weight: var(--text-heading-2-weight);
  }

  .x1jcxfy8:not(#\#):not(#\#):not(#\#) {
    font-weight: var(--text-heading-3-weight);
  }

  .x2hcmsi:not(#\#):not(#\#):not(#\#) {
    font-weight: var(--text-heading-4-weight);
  }

  .xno150v:not(#\#):not(#\#):not(#\#) {
    font-weight: var(--text-heading-5-weight);
  }

  .x1pw4frv:not(#\#):not(#\#):not(#\#) {
    font-weight: var(--text-heading-6-weight);
  }

  .xmhvcl5:not(#\#):not(#\#):not(#\#) {
    font-weight: var(--text-label-weight);
  }

  .x149oux8:not(#\#):not(#\#):not(#\#) {
    font-weight: var(--text-large-weight);
  }

  .xv8on6e:not(#\#):not(#\#):not(#\#) {
    font-weight: var(--text-supporting-weight);
  }

  .x1kzknox:not(#\#):not(#\#):not(#\#) {
    forced-color-adjust: none;
  }

  .xu6a5m6:not(#\#):not(#\#):not(#\#) {
    grid-auto-columns: 1fr;
  }

  .x1mt1orb:not(#\#):not(#\#):not(#\#) {
    grid-auto-flow: column;
  }

  .xhij9v2:not(#\#):not(#\#):not(#\#) {
    grid-auto-rows: var(--x-gridAutoRows);
  }

  .xcrlgei:not(#\#):not(#\#):not(#\#) {
    grid-column-start: 1;
  }

  .x1agbcgv:not(#\#):not(#\#):not(#\#) {
    grid-row-start: 1;
  }

  .xrnahuw:not(#\#):not(#\#):not(#\#) {
    grid-template-columns: 1ch 1fr;
  }

  .x134kloy:not(#\#):not(#\#):not(#\#) {
    grid-template-columns: 1fr auto 1fr;
  }

  .x52fmzj:not(#\#):not(#\#):not(#\#) {
    grid-template-columns: 1fr auto;
  }

  .x1y6fwsi:not(#\#):not(#\#):not(#\#) {
    grid-template-columns: 1fr;
  }

  .x1g3yg12:not(#\#):not(#\#):not(#\#) {
    grid-template-columns: auto 1fr auto;
  }

  .x1pmbctz:not(#\#):not(#\#):not(#\#) {
    grid-template-columns: auto 1fr;
  }

  .x1rkzygb:not(#\#):not(#\#):not(#\#) {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .x1wthsqz:not(#\#):not(#\#):not(#\#) {
    grid-template-columns: auto repeat(7, 1fr);
  }

  .x1mkdm3x:not(#\#):not(#\#):not(#\#) {
    grid-template-columns: minmax(0, 1fr);
  }

  .x1mzazjb:not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(7, 1fr);
  }

  .x189bvgu:not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  }

  .x1xx4m37:not(#\#):not(#\#):not(#\#) {
    grid-template-columns: var(--_codeblock-gutter-width) 1fr;
  }

  .x1v9b7p9:not(#\#):not(#\#):not(#\#) {
    grid-template-columns: var(--_codeblock-gutter-width) auto 1fr;
  }

  .xqketvx:not(#\#):not(#\#):not(#\#) {
    grid-template-columns: var(--x-gridTemplateColumns);
  }

  .xihq33y:not(#\#):not(#\#):not(#\#) {
    grid-template-rows: 0fr;
  }

  .x1tu4anv:not(#\#):not(#\#):not(#\#) {
    grid-template-rows: 1fr;
  }

  .xy8nx85:not(#\#):not(#\#):not(#\#) {
    grid-template-rows: repeat(6, 1fr);
  }

  .xxydokm:not(#\#):not(#\#):not(#\#) {
    -webkit-hyphens: manual;
    hyphens: manual;
  }

  .xtijo5x:not(#\#):not(#\#):not(#\#) {
    inset-inline-end: 0;
  }

  .xz03a8w:not(#\#):not(#\#):not(#\#) {
    inset-inline-end: 2px;
  }

  .x1woyocn:not(#\#):not(#\#):not(#\#) {
    inset-inline-end: auto;
  }

  .x13oyzgk:not(#\#):not(#\#):not(#\#) {
    inset-inline-end: var(--_textarea-inline-padding);
  }

  .xu9ngte:not(#\#):not(#\#):not(#\#) {
    inset-inline-end: var(--astryx-layer-inset-inline-end, 0px);
  }

  .xy3asu9:not(#\#):not(#\#):not(#\#) {
    inset-inline-end: var(--spacing-1);
  }

  .x72tfeb:not(#\#):not(#\#):not(#\#) {
    inset-inline-end: var(--spacing-2);
  }

  .x1mcfs9z:not(#\#):not(#\#):not(#\#) {
    inset-inline-end: var(--spacing-3);
  }

  .xqxgn94:not(#\#):not(#\#):not(#\#) {
    inset-inline-end: var(--x-insetInlineEnd);
  }

  .x1o0tod:not(#\#):not(#\#):not(#\#) {
    inset-inline-start: 0;
  }

  .x9p6ekw:not(#\#):not(#\#):not(#\#) {
    inset-inline-start: 14px;
  }

  .xaoy8p5:not(#\#):not(#\#):not(#\#) {
    inset-inline-start: 2px;
  }

  .xbudbmw:not(#\#):not(#\#):not(#\#) {
    inset-inline-start: 50%;
  }

  .xhi6v0a:not(#\#):not(#\#):not(#\#) {
    inset-inline-start: auto;
  }

  .xmt1zuk:not(#\#):not(#\#):not(#\#) {
    inset-inline-start: calc(-1 * (var(--spacing-1) - 1px));
  }

  .x1kiyvbf:not(#\#):not(#\#):not(#\#) {
    inset-inline-start: var(--_textarea-inline-padding);
  }

  .xsrzrpt:not(#\#):not(#\#):not(#\#) {
    inset-inline-start: var(--astryx-layer-inset-inline-start, 0px);
  }

  .x1mzz43t:not(#\#):not(#\#):not(#\#) {
    inset-inline-start: var(--spacing-1);
  }

  .x1ybfrjj:not(#\#):not(#\#):not(#\#) {
    inset-inline-start: var(--spacing-3);
  }

  .x1lxsm33:not(#\#):not(#\#):not(#\#) {
    inset-inline-start: var(--x-insetInlineStart);
  }

  .xc8icb0:not(#\#):not(#\#):not(#\#) {
    isolation: isolate;
  }

  .xl56j7k:not(#\#):not(#\#):not(#\#) {
    justify-content: center;
  }

  .x13a6bvl:not(#\#):not(#\#):not(#\#) {
    justify-content: flex-end;
  }

  .x1nhvcw1:not(#\#):not(#\#):not(#\#) {
    justify-content: flex-start;
  }

  .x1l1ennw:not(#\#):not(#\#):not(#\#) {
    justify-content: space-around;
  }

  .x1qughib:not(#\#):not(#\#):not(#\#) {
    justify-content: space-between;
  }

  .xaw8158:not(#\#):not(#\#):not(#\#) {
    justify-content: space-evenly;
  }

  .x1o2pa38:not(#\#):not(#\#):not(#\#) {
    justify-items: center;
  }

  .x4xo5sw:not(#\#):not(#\#):not(#\#) {
    justify-items: end;
  }

  .x619ttb:not(#\#):not(#\#):not(#\#) {
    justify-items: start;
  }

  .xl4xnwh:not(#\#):not(#\#):not(#\#) {
    justify-items: stretch;
  }

  .x7v7x1q:not(#\#):not(#\#):not(#\#) {
    justify-self: center;
  }

  .x1lqcxt8:not(#\#):not(#\#):not(#\#) {
    justify-self: start;
  }

  .x1i21sxh:not(#\#):not(#\#):not(#\#) {
    letter-spacing: normal;
  }

  .x14ju556:not(#\#):not(#\#):not(#\#) {
    line-height: 0;
  }

  .xo5v014:not(#\#):not(#\#):not(#\#) {
    line-height: 1;
  }

  .x19v9tvf:not(#\#):not(#\#):not(#\#) {
    line-height: 22px;
  }

  .x15bjb6t:not(#\#):not(#\#):not(#\#) {
    line-height: inherit;
  }

  .xkwxim8:not(#\#):not(#\#):not(#\#) {
    line-height: max(min(var(--spacing-5),max(var(--size-element-lg) - 2 * var(--border-width),1.5em)),20px,1rem);
  }

  .xe5am2i:not(#\#):not(#\#):not(#\#) {
    line-height: max(min(var(--spacing-5),max(var(--size-element-md) - 2 * var(--border-width),1.5em)),20px,1rem);
  }

  .x1j3cc6x:not(#\#):not(#\#):not(#\#) {
    line-height: max(min(var(--spacing-5),max(var(--size-element-sm) - 2 * var(--border-width),1.5em)),20px,1rem);
  }

  .x8vohu:not(#\#):not(#\#):not(#\#) {
    line-height: max(var(--spacing-5),20px,1rem);
  }

  .x1ojctns:not(#\#):not(#\#):not(#\#) {
    line-height: var(--spacing-4);
  }

  .x7acx1w:not(#\#):not(#\#):not(#\#) {
    line-height: var(--spacing-5);
  }

  .xw6l6zx:not(#\#):not(#\#):not(#\#) {
    line-height: var(--text-body-leading);
  }

  .x17iicif:not(#\#):not(#\#):not(#\#) {
    line-height: var(--text-code-leading);
  }

  .x112ttwr:not(#\#):not(#\#):not(#\#) {
    line-height: var(--text-display-1-leading);
  }

  .xh0iwvy:not(#\#):not(#\#):not(#\#) {
    line-height: var(--text-display-2-leading);
  }

  .x1ujwuaq:not(#\#):not(#\#):not(#\#) {
    line-height: var(--text-display-3-leading);
  }

  .xfmsba7:not(#\#):not(#\#):not(#\#) {
    line-height: var(--text-heading-1-leading);
  }

  .x1cpk1wn:not(#\#):not(#\#):not(#\#) {
    line-height: var(--text-heading-2-leading);
  }

  .xwjzt0u:not(#\#):not(#\#):not(#\#) {
    line-height: var(--text-heading-3-leading);
  }

  .xqerer:not(#\#):not(#\#):not(#\#) {
    line-height: var(--text-heading-4-leading);
  }

  .xo3gurs:not(#\#):not(#\#):not(#\#) {
    line-height: var(--text-heading-5-leading);
  }

  .xeixjfn:not(#\#):not(#\#):not(#\#) {
    line-height: var(--text-heading-6-leading);
  }

  .x1kq96og:not(#\#):not(#\#):not(#\#) {
    line-height: var(--text-label-leading);
  }

  .xf74fhv:not(#\#):not(#\#):not(#\#) {
    line-height: var(--text-large-leading);
  }

  .x1ltkj2j:not(#\#):not(#\#):not(#\#) {
    line-height: var(--text-supporting-leading);
  }

  .x3ct3a4:not(#\#):not(#\#):not(#\#) {
    list-style-type: none;
  }

  .x14z9mp:not(#\#):not(#\#):not(#\#) {
    margin-inline-end: 0;
  }

  .x11t971q:not(#\#):not(#\#):not(#\#) {
    margin-inline-end: auto;
  }

  .x1fcf3bl:not(#\#):not(#\#):not(#\#) {
    margin-inline-end: calc(-1 * var(--container-padding-inline-end, 0px));
  }

  .x1kpg4um:not(#\#):not(#\#):not(#\#) {
    margin-inline-end: calc(-1 * var(--layout-padding-inner-x, var(--spacing-4)));
  }

  .xkd40ry:not(#\#):not(#\#):not(#\#) {
    margin-inline-end: calc(-1 * var(--spacing-1));
  }

  .x3kzqx6:not(#\#):not(#\#):not(#\#) {
    margin-inline-end: calc(-1 * var(--spacing-2));
  }

  .xmequkd:not(#\#):not(#\#):not(#\#) {
    margin-inline-end: calc(var(--spacing-1) * -1);
  }

  .x144kxal:not(#\#):not(#\#):not(#\#) {
    margin-inline-end: calc(calc(var(--spacing-4) + max(var(--astryx-layer-inset-inline-start, 0px), var(--astryx-layer-inset-inline-end, 0px))));
    margin-inline-end: calc(calc(max(var(--spacing-4), env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px)) + max(var(--astryx-layer-inset-inline-start, 0px), var(--astryx-layer-inset-inline-end, 0px))));
  }

  .x2gtn1o:not(#\#):not(#\#):not(#\#) {
    margin-inline-end: max(var(--container-padding-inline-end, 0px) - var(--_item-inset-inline),0px);
  }

  .xnur1sd:not(#\#):not(#\#):not(#\#) {
    margin-inline-end: var(--spacing-1);
  }

  .x1pezmd8:not(#\#):not(#\#):not(#\#) {
    margin-inline-end: var(--spacing-2);
  }

  .x1c9tiao:not(#\#):not(#\#):not(#\#) {
    margin-inline-end: var(--x-marginInlineEnd);
  }

  .xa3ewmy:not(#\#):not(#\#):not(#\#) {
    margin-inline-end: calc(max(var(--spacing-4), env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px)) + max(var(--astryx-layer-inset-inline-start, 0px), var(--astryx-layer-inset-inline-end, 0px)));
  }

  .x1qfufaz:not(#\#):not(#\#):not(#\#) {
    margin-inline-start: -8px;
  }

  .x1lziwak:not(#\#):not(#\#):not(#\#) {
    margin-inline-start: 0;
  }

  .xvc5jky:not(#\#):not(#\#):not(#\#) {
    margin-inline-start: auto;
  }

  .xd10s4z:not(#\#):not(#\#):not(#\#) {
    margin-inline-start: calc(-1 * var(--border-width));
  }

  .xojxgvx:not(#\#):not(#\#):not(#\#) {
    margin-inline-start: calc(-1 * var(--container-padding-inline-start, 0px));
  }

  .x1wim8z0:not(#\#):not(#\#):not(#\#) {
    margin-inline-start: calc(-1 * var(--layout-padding-inner-x, var(--spacing-4)));
  }

  .x547jwd:not(#\#):not(#\#):not(#\#) {
    margin-inline-start: calc(-1 * var(--spacing-1));
  }

  .x1s1akpx:not(#\#):not(#\#):not(#\#) {
    margin-inline-start: calc(-1 * var(--spacing-2));
  }

  .x6n8pbd:not(#\#):not(#\#):not(#\#) {
    margin-inline-start: calc((40px - min(var(--spacing-6),40px)) / 2 - var(--spacing-2));
  }

  .xs69w1r:not(#\#):not(#\#):not(#\#) {
    margin-inline-start: calc((40px - min(var(--spacing-6),40px)) / 2 - var(--spacing-3));
  }

  .x1idpjx9:not(#\#):not(#\#):not(#\#) {
    margin-inline-start: calc((40px - min(var(--spacing-6),40px)) / 2 - var(--spacing-4));
  }

  .x1xrm450:not(#\#):not(#\#):not(#\#) {
    margin-inline-start: calc(var(--spacing-2) - var(--spacing-1) + 1px);
  }

  .x6w1cxl:not(#\#):not(#\#):not(#\#) {
    margin-inline-start: calc(var(--spacing-3) + var(--border-width) + var(--spacing-4));
  }

  .xpdk1p0:not(#\#):not(#\#):not(#\#) {
    margin-inline-start: calc(calc(var(--spacing-4) + max(var(--astryx-layer-inset-inline-start, 0px), var(--astryx-layer-inset-inline-end, 0px))));
    margin-inline-start: calc(calc(max(var(--spacing-4), env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px)) + max(var(--astryx-layer-inset-inline-start, 0px), var(--astryx-layer-inset-inline-end, 0px))));
  }

  .xch736x:not(#\#):not(#\#):not(#\#) {
    margin-inline-start: max(var(--container-padding-inline-start, 0px) - var(--_item-inset-inline),0px);
  }

  .x13hpdyo:not(#\#):not(#\#):not(#\#) {
    margin-inline-start: var(--_avatar-group-overlap);
  }

  .xladpz9:not(#\#):not(#\#):not(#\#) {
    margin-inline-start: var(--spacing-0-5);
  }

  .x17lnmll:not(#\#):not(#\#):not(#\#) {
    margin-inline-start: var(--spacing-1-5);
  }

  .x11g1kdw:not(#\#):not(#\#):not(#\#) {
    margin-inline-start: var(--spacing-1);
  }

  .x6i7dpz:not(#\#):not(#\#):not(#\#) {
    margin-inline-start: var(--spacing-3);
  }

  .x1l10yog:not(#\#):not(#\#):not(#\#) {
    margin-inline-start: var(--spacing-6);
  }

  .x4lel18:not(#\#):not(#\#):not(#\#) {
    margin-inline-start: var(--x-marginInlineStart);
  }

  .x1cytvie:not(#\#):not(#\#):not(#\#) {
    margin-inline-start: calc(max(var(--spacing-4), env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px)) + max(var(--astryx-layer-inset-inline-start, 0px), var(--astryx-layer-inset-inline-end, 0px)));
  }

  .xkm2don:not(#\#):not(#\#):not(#\#) {
    -webkit-mask-image: linear-gradient(#0000, #000 24px);
    mask-image: linear-gradient(#0000, #000 24px);
  }

  .xw26lqc:not(#\#):not(#\#):not(#\#) {
    -webkit-mask-image: linear-gradient(#0000, #000 36px);
    mask-image: linear-gradient(#0000, #000 36px);
  }

  .xr5yg4x:not(#\#):not(#\#):not(#\#) {
    -webkit-mask-image: linear-gradient(#0000, #000 48px);
    mask-image: linear-gradient(#0000, #000 48px);
  }

  .xtdd0ob:not(#\#):not(#\#):not(#\#) {
    -webkit-mask-image: linear-gradient(to left,transparent 0%,#0000004d 2px,black var(--spacing-1));
    mask-image: linear-gradient(to left,transparent 0%,#0000004d 2px,black var(--spacing-1));
  }

  .xoj6v2h:not(#\#):not(#\#):not(#\#) {
    -webkit-mask-image: linear-gradient(to left,transparent var(--_tab-strip-bleed),black calc(var(--_tab-strip-bleed) + var(--spacing-8)));
    mask-image: linear-gradient(to left,transparent var(--_tab-strip-bleed),black calc(var(--_tab-strip-bleed) + var(--spacing-8)));
  }

  .x1b5cd1y:not(#\#):not(#\#):not(#\#) {
    -webkit-mask-image: linear-gradient(to right,transparent 0%,#0000004d 2px,black var(--spacing-1),black calc(100% - var(--spacing-1)),#0000004d calc(100% - 2px),transparent 100%);
    mask-image: linear-gradient(to right,transparent 0%,#0000004d 2px,black var(--spacing-1),black calc(100% - var(--spacing-1)),#0000004d calc(100% - 2px),transparent 100%);
  }

  .x1ujl4f5:not(#\#):not(#\#):not(#\#) {
    -webkit-mask-image: linear-gradient(to right,transparent 0%,#0000004d 2px,black var(--spacing-1));
    mask-image: linear-gradient(to right,transparent 0%,#0000004d 2px,black var(--spacing-1));
  }

  .xq05pg6:not(#\#):not(#\#):not(#\#) {
    -webkit-mask-image: linear-gradient(to right,transparent var(--_tab-strip-bleed),black calc(var(--_tab-strip-bleed) + var(--spacing-8)),black calc(100% - calc(var(--_tab-strip-bleed) + var(--spacing-8))),transparent calc(100% - var(--_tab-strip-bleed)));
    mask-image: linear-gradient(to right,transparent var(--_tab-strip-bleed),black calc(var(--_tab-strip-bleed) + var(--spacing-8)),black calc(100% - calc(var(--_tab-strip-bleed) + var(--spacing-8))),transparent calc(100% - var(--_tab-strip-bleed)));
  }

  .x1hua2o0:not(#\#):not(#\#):not(#\#) {
    -webkit-mask-image: linear-gradient(to right,transparent var(--_tab-strip-bleed),black calc(var(--_tab-strip-bleed) + var(--spacing-8)));
    mask-image: linear-gradient(to right,transparent var(--_tab-strip-bleed),black calc(var(--_tab-strip-bleed) + var(--spacing-8)));
  }

  .x1cb67k9:not(#\#):not(#\#):not(#\#) {
    -webkit-mask-image: linear-gradient(#0000, #0000);
    mask-image: linear-gradient(#0000, #0000);
  }

  .xw4ya9i:not(#\#):not(#\#):not(#\#) {
    -webkit-mask-image: none;
    mask-image: none;
  }

  .x19kjcj4:not(#\#):not(#\#):not(#\#) {
    object-fit: contain;
  }

  .xl1xv1r:not(#\#):not(#\#):not(#\#) {
    object-fit: cover;
  }

  .x1xyvc85:not(#\#):not(#\#):not(#\#) {
    opacity: .15;
  }

  .xvpkmg4:not(#\#):not(#\#):not(#\#) {
    opacity: .25;
  }

  .xuzhngd:not(#\#):not(#\#):not(#\#) {
    opacity: .3;
  }

  .x3onkmb:not(#\#):not(#\#):not(#\#) {
    opacity: .35;
  }

  .xbyyjgo:not(#\#):not(#\#):not(#\#) {
    opacity: .5;
  }

  .x197sbye:not(#\#):not(#\#):not(#\#) {
    opacity: .6;
  }

  .xg01cxk:not(#\#):not(#\#):not(#\#) {
    opacity: 0;
  }

  .x1hc1fzr:not(#\#):not(#\#):not(#\#) {
    opacity: 1;
  }

  .x1wnsjo:not(#\#):not(#\#):not(#\#) {
    opacity: var(--_conceal-opacity, 1);
  }

  .xgsobzw:not(#\#):not(#\#):not(#\#) {
    opacity: var(--_reveal-opacity, 1);
  }

  .x1i7u4iq:not(#\#):not(#\#):not(#\#) {
    opacity: var(--_toast-swipe-opacity, 1);
  }

  .x1clqncf:not(#\#):not(#\#):not(#\#) {
    order: -1;
  }

  .x1g77sc7:not(#\#):not(#\#):not(#\#) {
    order: 0;
  }

  .x19bwoy8:not(#\#):not(#\#):not(#\#) {
    outline-color: var(--focus-outline-color);
  }

  .x1wfwxd8:not(#\#):not(#\#):not(#\#) {
    outline-offset: 0;
  }

  .x1kvmbwa:not(#\#):not(#\#):not(#\#) {
    outline-offset: var(--_focus-outline-offset, 0);
  }

  .x1eqjuhu:not(#\#):not(#\#):not(#\#) {
    outline-offset: var(--focus-outline-offset);
  }

  .x1t137rt:not(#\#):not(#\#):not(#\#) {
    outline-style: none;
  }

  .x9ssot5:not(#\#):not(#\#):not(#\#) {
    outline-style: var(--focus-outline-style);
  }

  .x1k57tk5:not(#\#):not(#\#):not(#\#) {
    outline-width: 0;
  }

  .xak0ai5:not(#\#):not(#\#):not(#\#) {
    outline-width: var(--focus-outline-width);
  }

  .x9y5y3v:not(#\#):not(#\#):not(#\#) {
    overflow-clip-margin: 1px;
  }

  .xj0a0fe:not(#\#):not(#\#):not(#\#) {
    overflow-wrap: anywhere;
  }

  .x1mzt3pk:not(#\#):not(#\#):not(#\#) {
    overflow-wrap: break-word;
  }

  .x1h4wwuj:not(#\#):not(#\#):not(#\#) {
    overflow-wrap: normal;
  }

  .xyri2b:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: 0;
  }

  .xtvv6yu:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: calc(var(--_tab-strip-bleed, 0px) + max(var(--container-padding-inline-end, 0px) - var(--spacing-3),0px));
  }

  .x1g2apga:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: calc(var(--_textarea-inline-padding) + var(--spacing-12));
  }

  .xp2dy4z:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: calc(var(--_textarea-inline-padding) + var(--spacing-6));
  }

  .x12frdag:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: calc(var(--container-padding-inline-end) - var(--border-width));
  }

  .x1ahicqp:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: max(var(--container-padding-inline-end, 0px),calc((100cqi - var(--layout-alignment-width)) / 2 + var(--container-padding-inline-end, 0px)));
  }

  .xy07wb4:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: max(var(--container-padding-inline-end, 0px),calc(100cqi - var(--layout-alignment-width) + var(--container-padding-inline-end, 0px)));
  }

  .x1pyz5s7:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: max(var(--container-padding-inline-end, 0px),var(--_item-inset-inline));
  }

  .x1g0rcpp:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: max(var(--spacing-4),env(safe-area-inset-right, 0px));
  }

  .x1p6hqjl:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: var(--_tokenizer-end-lane-reserve, 0px);
  }

  .x1by8st6:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: var(--astryx-dialog-padding-inline-end, var(--astryx-dialog-padding-inline, var(--astryx-dialog-padding, max(var(--spacing-4),env(safe-area-inset-right, 0px)))));
  }

  .x17sfb9:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: var(--astryx-number-input-padding-inline-end, var(--astryx-number-input-padding-inline, var(--astryx-number-input-padding, var(--spacing-2))));
  }

  .x64h4k7:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: var(--container-padding-inline-end);
  }

  .x1peupej:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: var(--layout-padding-inner-x, var(--spacing-4));
  }

  .x19eyx77:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: var(--layout-padding-own-outer-x, var(--layout-padding-outer-x, var(--spacing-4)));
  }

  .x1le3yxw:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: var(--spacing-0-5);
  }

  .x1s0aq8i:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: var(--spacing-0);
  }

  .x17hk9do:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: var(--spacing-1-5);
  }

  .x1nryj5t:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: var(--spacing-1);
  }

  .x160ivqr:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: var(--spacing-10);
  }

  .x1djylfy:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: var(--spacing-2);
  }

  .x1t818jl:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: var(--spacing-3);
  }

  .xnjyzlh:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: var(--spacing-4);
  }

  .xdbrk9v:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: var(--spacing-5);
  }

  .x1we12cn:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: var(--spacing-6);
  }

  .x1q91b2g:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: var(--spacing-8);
  }

  .x120eax6:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: var(--x-paddingInlineEnd);
  }

  .x1c1uobl:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: 0;
  }

  .x12t6xex:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: calc(-1 * var(--_avatar-group-overlap));
  }

  .x1f43n9v:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: calc(16px + var(--spacing-1-5));
  }

  .x8oor0o:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: calc(40px + var(--spacing-2));
  }

  .xir64ve:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: calc(40px + var(--spacing-3));
  }

  .x19picz4:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: calc(40px + var(--spacing-4));
  }

  .xwb75os:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: calc(var(--_tab-strip-bleed, 0px) + max(var(--container-padding-inline-start, 0px) - var(--spacing-3),0px));
  }

  .x1b6te9z:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: calc(var(--_textarea-inline-padding) + var(--spacing-6));
  }

  .xs19ii7:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: calc(var(--container-padding-inline-start) - var(--border-width));
  }

  .x2a0j69:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: calc(var(--spacing-2) - var(--spacing-1) + 1px);
  }

  .xhlv5e7:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: max(var(--container-padding-inline-start, 0px),calc((100cqi - var(--layout-alignment-width)) / 2 + var(--container-padding-inline-start, 0px)));
  }

  .xxjme2g:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: max(var(--container-padding-inline-start, 0px),calc(100cqi - var(--layout-alignment-width) + var(--container-padding-inline-start, 0px)));
  }

  .xua885n:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: max(var(--container-padding-inline-start, 0px),var(--_item-inset-inline));
  }

  .xf4btlh:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: max(var(--spacing-4),env(safe-area-inset-left, 0px));
  }

  .xw2xrtw:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: var(--_tree-indent, 0px);
  }

  .xqmdmw:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: var(--astryx-dialog-padding-inline-start, var(--astryx-dialog-padding-inline, var(--astryx-dialog-padding, max(var(--spacing-4),env(safe-area-inset-left, 0px)))));
  }

  .x1jni19p:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: var(--astryx-number-input-padding-inline-start, var(--astryx-number-input-padding-inline, var(--astryx-number-input-padding, var(--spacing-2))));
  }

  .x1c35znw:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: var(--container-padding-inline-start);
  }

  .xwjyata:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: var(--layout-padding-inner-x, var(--spacing-4));
  }

  .xaku5ci:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: var(--layout-padding-own-outer-x, var(--layout-padding-outer-x, var(--spacing-4)));
  }

  .x138rykx:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: var(--spacing-0-5);
  }

  .x18gyask:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: var(--spacing-0);
  }

  .xfti1ec:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: var(--spacing-1-5);
  }

  .x1vsv5vr:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: var(--spacing-1);
  }

  .xqp078j:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: var(--spacing-10);
  }

  .xc8afjc:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: var(--spacing-11);
  }

  .x19b7t93:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: var(--spacing-12);
  }

  .x12gdq22:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: var(--spacing-2);
  }

  .x126nfab:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: var(--spacing-3);
  }

  .x1rey3nv:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: var(--spacing-4);
  }

  .x1blguxw:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: var(--spacing-5);
  }

  .x31w388:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: var(--spacing-6);
  }

  .xchaq28:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: var(--spacing-7);
  }

  .x1j3hnjz:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: var(--spacing-8);
  }

  .xnvo3vl:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: var(--x-paddingInlineStart);
  }

  .x201tam:not(#\#):not(#\#):not(#\#) {
    perspective: 520px;
  }

  .x67bb7w:not(#\#):not(#\#):not(#\#) {
    pointer-events: auto;
  }

  .x47corl:not(#\#):not(#\#):not(#\#) {
    pointer-events: none;
  }

  .x1tsffl5:not(#\#):not(#\#):not(#\#) {
    position-anchor: --outline-active;
  }

  .x10l6tqk:not(#\#):not(#\#):not(#\#) {
    position: absolute;
  }

  .xixxii4:not(#\#):not(#\#):not(#\#) {
    position: fixed;
  }

  .x1n2onr6:not(#\#):not(#\#):not(#\#) {
    position: relative;
  }

  .x1uhb9sk:not(#\#):not(#\#):not(#\#) {
    position: static;
  }

  .x7wzq59:not(#\#):not(#\#):not(#\#) {
    position: sticky;
  }

  .x1mf7ja4:not(#\#):not(#\#):not(#\#) {
    position: var(--_reveal-position, static);
  }

  .xio8zfp:not(#\#):not(#\#):not(#\#) {
    r: calc(var(--_spinner-ring-diameter) / 2);
  }

  .xtt52l0:not(#\#):not(#\#):not(#\#) {
    resize: none;
  }

  .x288g5:not(#\#):not(#\#):not(#\#) {
    resize: vertical;
  }

  .xajebq8:not(#\#):not(#\#):not(#\#) {
    row-gap: calc(var(--spacing-1) - 1px);
  }

  .x1tw44j4:not(#\#):not(#\#):not(#\#) {
    row-gap: var(--spacing-0-5);
  }

  .x6yxi7o:not(#\#):not(#\#):not(#\#) {
    row-gap: var(--spacing-0);
  }

  .xhq53yo:not(#\#):not(#\#):not(#\#) {
    row-gap: var(--spacing-1-5);
  }

  .x1ngg2t4:not(#\#):not(#\#):not(#\#) {
    row-gap: var(--spacing-1);
  }

  .x1xpicb7:not(#\#):not(#\#):not(#\#) {
    row-gap: var(--spacing-10);
  }

  .x1x7z4sm:not(#\#):not(#\#):not(#\#) {
    row-gap: var(--spacing-2);
  }

  .x4olc9o:not(#\#):not(#\#):not(#\#) {
    row-gap: var(--spacing-3);
  }

  .xtx9w7w:not(#\#):not(#\#):not(#\#) {
    row-gap: var(--spacing-4);
  }

  .x1iu6piu:not(#\#):not(#\#):not(#\#) {
    row-gap: var(--spacing-5);
  }

  .xczp1bk:not(#\#):not(#\#):not(#\#) {
    row-gap: var(--spacing-6);
  }

  .xgx0vcf:not(#\#):not(#\#):not(#\#) {
    row-gap: var(--spacing-8);
  }

  .xkcv6ua:not(#\#):not(#\#):not(#\#) {
    scroll-behavior: smooth;
  }

  .xrw9175:not(#\#):not(#\#):not(#\#) {
    scroll-padding-block-end: 48px;
  }

  .x1hdbdi8:not(#\#):not(#\#):not(#\#) {
    scroll-snap-align: center;
  }

  .x1bhewko:not(#\#):not(#\#):not(#\#) {
    scroll-snap-align: start;
  }

  .x19jbwzc:not(#\#):not(#\#):not(#\#) {
    scrollbar-color: var(--color-neutral) transparent;
  }

  .x24f09q:not(#\#):not(#\#):not(#\#) {
    scrollbar-gutter: auto;
  }

  .xosa0jh:not(#\#):not(#\#):not(#\#) {
    scrollbar-width: auto;
  }

  .x1rohswg:not(#\#):not(#\#):not(#\#) {
    scrollbar-width: none;
  }

  .xdv9ggb:not(#\#):not(#\#):not(#\#) {
    stroke-dasharray: calc(var(--_spinner-ring-diameter) * 3.14159 * var(--spinner-arc-fraction)) calc(var(--_spinner-ring-diameter) * 3.14159 * (1 - var(--spinner-arc-fraction)));
  }

  .x1owpc8m:not(#\#):not(#\#):not(#\#) {
    stroke-linecap: round;
  }

  .x7bo2k:not(#\#):not(#\#):not(#\#) {
    stroke-opacity: .3;
  }

  .x1smxkh6:not(#\#):not(#\#):not(#\#) {
    stroke-opacity: .302;
  }

  .x1g350g8:not(#\#):not(#\#):not(#\#) {
    stroke-opacity: 1;
  }

  .xgw3ha0:not(#\#):not(#\#):not(#\#) {
    stroke-width: var(--_spinner-ring-stroke);
  }

  .xtve3lm:not(#\#):not(#\#):not(#\#) {
    stroke: var(--spinner-color);
  }

  .xalkhop:not(#\#):not(#\#):not(#\#) {
    stroke: var(--spinner-track-color);
  }

  .xeq4nuv:not(#\#):not(#\#):not(#\#) {
    tab-size: 2;
  }

  .x1drmoe9:not(#\#):not(#\#):not(#\#) {
    table-layout: auto;
  }

  .x140o2bo:not(#\#):not(#\#):not(#\#) {
    table-layout: fixed;
  }

  .x7ssn7h:not(#\#):not(#\#):not(#\#) {
    text-align-last: auto;
  }

  .x2b8uid:not(#\#):not(#\#):not(#\#) {
    text-align: center;
  }

  .xp4054r:not(#\#):not(#\#):not(#\#) {
    text-align: end;
  }

  .x16tdsg8:not(#\#):not(#\#):not(#\#) {
    text-align: inherit;
  }

  .x1yc453h:not(#\#):not(#\#):not(#\#) {
    text-align: start;
  }

  .x1b2iylo:not(#\#):not(#\#):not(#\#) {
    text-box-edge: cap alphabetic;
  }

  .xwgcxoh:not(#\#):not(#\#):not(#\#) {
    text-box-trim: trim-both;
  }

  .xycaml9:not(#\#):not(#\#):not(#\#) {
    -webkit-text-decoration-color: var(--color-border-emphasized);
    text-decoration-color: var(--color-border-emphasized);
  }

  .xujl8zx:not(#\#):not(#\#):not(#\#) {
    text-decoration-line: underline;
  }

  .xev0dqp:not(#\#):not(#\#):not(#\#) {
    text-decoration-style: dashed;
  }

  .xzugeeo:not(#\#):not(#\#):not(#\#) {
    text-indent: 0;
  }

  .xbrixnn:not(#\#):not(#\#):not(#\#) {
    text-overflow: clip;
  }

  .xlyipyv:not(#\#):not(#\#):not(#\#) {
    text-overflow: ellipsis;
  }

  .x19pm5ym:not(#\#):not(#\#):not(#\#) {
    text-shadow: none;
  }

  .x6mezaz:not(#\#):not(#\#):not(#\#) {
    text-transform: none;
  }

  .xtvhhri:not(#\#):not(#\#):not(#\#) {
    text-transform: uppercase;
  }

  .xrys4gj:not(#\#):not(#\#):not(#\#) {
    text-underline-offset: 2px;
  }

  .x11b3rvo:not(#\#):not(#\#):not(#\#) {
    text-underline-offset: var(--spacing-0-5);
  }

  .x1w2vvpw:not(#\#):not(#\#):not(#\#) {
    text-wrap: balance;
  }

  .xebhuq6:not(#\#):not(#\#):not(#\#) {
    text-wrap: nowrap;
  }

  .x1fzhlzt:not(#\#):not(#\#):not(#\#) {
    text-wrap: pretty;
  }

  .xk4td0m:not(#\#):not(#\#):not(#\#) {
    text-wrap: wrap;
  }

  .x5ve5x3:not(#\#):not(#\#):not(#\#) {
    touch-action: none;
  }

  .x1bblx7b:not(#\#):not(#\#):not(#\#) {
    touch-action: pan-x;
  }

  .xge0x1e:not(#\#):not(#\#):not(#\#) {
    touch-action: pan-y pinch-zoom;
  }

  .xx69xxh:not(#\#):not(#\#):not(#\#) {
    touch-action: pan-y;
  }

  .x1j4r261:not(#\#):not(#\#):not(#\#) {
    touch-action: pinch-zoom;
  }

  .x1764fhq:not(#\#):not(#\#):not(#\#) {
    transform-box: fill-box;
  }

  .x1g0ag68:not(#\#):not(#\#):not(#\#) {
    transform-origin: center;
  }

  .x1oyok0e:not(#\#):not(#\#):not(#\#) {
    transform-style: preserve-3d;
  }

  .x1c071of:not(#\#):not(#\#):not(#\#) {
    transform: none;
  }

  .x9tu13d:not(#\#):not(#\#):not(#\#) {
    transform: rotate(-90deg);
  }

  .x7p49u4:not(#\#):not(#\#):not(#\#) {
    transform: rotate(0);
  }

  .x19jd1h0:not(#\#):not(#\#):not(#\#) {
    transform: rotate(180deg);
  }

  .x1iffjtl:not(#\#):not(#\#):not(#\#) {
    transform: rotate(90deg);
  }

  .x3oybdh:not(#\#):not(#\#):not(#\#) {
    transform: scale(1);
  }

  .x11lhmoz:not(#\#):not(#\#):not(#\#) {
    transform: translate(-50%, -50%);
  }

  .x1m9mm8y:not(#\#):not(#\#):not(#\#) {
    transform: translate(-50%, 50%);
  }

  .xv8yid9:not(#\#):not(#\#):not(#\#) {
    transform: translate(25%, 25%);
  }

  .x4v1no5:not(#\#):not(#\#):not(#\#) {
    transform: translate(50%, 50%);
  }

  .x145au52:not(#\#):not(#\#):not(#\#) {
    transform: translate3d(calc(-1 * var(--_item-swipe-travel, 0px)),0,0);
  }

  .x1kncwj0:not(#\#):not(#\#):not(#\#) {
    transform: translate3d(var(--_item-swipe-travel, 0px),0,0);
  }

  .x5i6ehr:not(#\#):not(#\#):not(#\#) {
    transform: translateX(-100%);
  }

  .xuuh30:not(#\#):not(#\#):not(#\#) {
    transform: translateX(-50%);
  }

  .xbryuvx:not(#\#):not(#\#):not(#\#) {
    transform: translateX(0);
  }

  .xumwmo6:not(#\#):not(#\#):not(#\#) {
    transform: translateX(100%);
  }

  .xv5t66b:not(#\#):not(#\#):not(#\#) {
    transform: translateX(12px);
  }

  .x15481yp:not(#\#):not(#\#):not(#\#) {
    transform: translateX(14px);
  }

  .xitnhlw:not(#\#):not(#\#):not(#\#) {
    transform: translateX(50%);
  }

  .x105ttfm:not(#\#):not(#\#):not(#\#) {
    transform: translateY(-100%);
  }

  .x19xzu86:not(#\#):not(#\#):not(#\#) {
    transform: translateY(-3px) scale(.985);
  }

  .x1bvilyr:not(#\#):not(#\#):not(#\#) {
    transform: translateY(-4px);
  }

  .x1cb1t30:not(#\#):not(#\#):not(#\#) {
    transform: translateY(-50%);
  }

  .xp0htlv:not(#\#):not(#\#):not(#\#) {
    transform: translateY(-6px) scale(.97);
  }

  .xnn1q72:not(#\#):not(#\#):not(#\#) {
    transform: translateY(0);
  }

  .x1weeur4:not(#\#):not(#\#):not(#\#) {
    transform: translateY(100%);
  }

  .x131p8rn:not(#\#):not(#\#):not(#\#) {
    transform: translateY(50%);
  }

  .x149p1fo:not(#\#):not(#\#):not(#\#) {
    transform: translateY(var(--_toast-swipe-exit-y, var(--_toast-swipe-y, var(--_toast-slide-y, var(--spacing-2))))) scale(var(--_toast-swipe-scale, 1));
  }

  .x1qk3xlt:not(#\#):not(#\#):not(#\#) {
    transform: translateY(var(--_toast-swipe-y, 0px)) scale(var(--_toast-swipe-scale, 1));
  }

  .x11wx31z:not(#\#):not(#\#):not(#\#) {
    transform: var(--x-qthpiu);
  }

  .xsqj5wx:not(#\#):not(#\#):not(#\#) {
    transform: var(--x-transform);
  }

  .xd00j3c:not(#\#):not(#\#):not(#\#) {
    transition-behavior: allow-discrete;
  }

  .x5h36tt:not(#\#):not(#\#):not(#\#) {
    transition-delay: .15s;
  }

  .xf1rc6:not(#\#):not(#\#):not(#\#) {
    transition-delay: 0s, 0s;
  }

  .xostmdb:not(#\#):not(#\#):not(#\#) {
    transition-delay: 0s,var(--duration-medium);
  }

  .x1ahifba:not(#\#):not(#\#):not(#\#) {
    transition-delay: 0s;
  }

  .x4avkj2:not(#\#):not(#\#):not(#\#) {
    transition-delay: var(--_fade-delay, 0s);
  }

  .x1rq8cwj:not(#\#):not(#\#):not(#\#) {
    transition-delay: var(--_reveal-delay, 0s,0s);
  }

  .x10b1n17:not(#\#):not(#\#):not(#\#) {
    transition-delay: var(--duration-fast);
  }

  .x11bq7d0:not(#\#):not(#\#):not(#\#) {
    transition-duration: 60ms;
  }

  .xx6bhzk:not(#\#):not(#\#):not(#\#) {
    transition-duration: .15s;
  }

  .x13dflua:not(#\#):not(#\#):not(#\#) {
    transition-duration: .2s;
  }

  .xjd9b36:not(#\#):not(#\#):not(#\#) {
    transition-duration: 1ms;
  }

  .xxfakuu:not(#\#):not(#\#):not(#\#) {
    transition-duration: var(--_item-swipe-duration, 0s),var(--_item-swipe-duration, 0s);
  }

  .x2rcmwa:not(#\#):not(#\#):not(#\#) {
    transition-duration: var(--duration-fast-max);
  }

  .x15p14ac:not(#\#):not(#\#):not(#\#) {
    transition-duration: var(--duration-fast-min),var(--_item-swipe-duration, 0s);
  }

  .xkvfbh3:not(#\#):not(#\#):not(#\#) {
    transition-duration: var(--duration-fast-min);
  }

  .x1tw3moq:not(#\#):not(#\#):not(#\#) {
    transition-duration: var(--duration-fast),0s;
  }

  .xuedmi6:not(#\#):not(#\#):not(#\#) {
    transition-duration: var(--duration-fast);
  }

  .xgneliz:not(#\#):not(#\#):not(#\#) {
    transition-duration: var(--duration-medium-min);
  }

  .x1eizr8u:not(#\#):not(#\#):not(#\#) {
    transition-duration: var(--duration-medium),0s;
  }

  .x80gvsz:not(#\#):not(#\#):not(#\#) {
    transition-duration: var(--duration-medium);
  }

  .x1eaenvl:not(#\#):not(#\#):not(#\#) {
    transition-property: background-color, border-color, color;
  }

  .xts7igz:not(#\#):not(#\#):not(#\#) {
    transition-property: background-color, border-color;
  }

  .x106061f:not(#\#):not(#\#):not(#\#) {
    transition-property: background-color, box-shadow;
  }

  .xzo0q3i:not(#\#):not(#\#):not(#\#) {
    transition-property: background-color, color, border-color;
  }

  .xs2xxs2:not(#\#):not(#\#):not(#\#) {
    transition-property: background-color, color;
  }

  .x1e8aii2:not(#\#):not(#\#):not(#\#) {
    transition-property: background-color, opacity;
  }

  .xuo13n2:not(#\#):not(#\#):not(#\#) {
    transition-property: background-color, transform;
  }

  .x15406qy:not(#\#):not(#\#):not(#\#) {
    transition-property: background-color;
  }

  .xrafxwg:not(#\#):not(#\#):not(#\#) {
    transition-property: background-image, background-color, color, opacity, transform;
  }

  .x12qzo2w:not(#\#):not(#\#):not(#\#) {
    transition-property: background-image;
  }

  .x1tv3a4w:not(#\#):not(#\#):not(#\#) {
    transition-property: border-color, box-shadow, background-color;
  }

  .x12zzom9:not(#\#):not(#\#):not(#\#) {
    transition-property: border-color, box-shadow;
  }

  .xshfolx:not(#\#):not(#\#):not(#\#) {
    transition-property: border-color;
  }

  .x16mfhj0:not(#\#):not(#\#):not(#\#) {
    transition-property: box-shadow, border-color;
  }

  .xkdsq27:not(#\#):not(#\#):not(#\#) {
    transition-property: box-shadow;
  }

  .x1vix5yk:not(#\#):not(#\#):not(#\#) {
    transition-property: color, background-color, box-shadow;
  }

  .x1gbuem2:not(#\#):not(#\#):not(#\#) {
    transition-property: color, background-color;
  }

  .x1jbe559:not(#\#):not(#\#):not(#\#) {
    transition-property: color, font-weight;
  }

  .x1mpt4pi:not(#\#):not(#\#):not(#\#) {
    transition-property: color, -webkit-text-decoration, text-decoration;
  }

  .xt3l3uh:not(#\#):not(#\#):not(#\#) {
    transition-property: color;
  }

  .xrgi2yo:not(#\#):not(#\#):not(#\#) {
    transition-property: display;
  }

  .x6kj92:not(#\#):not(#\#):not(#\#) {
    transition-property: grid-template-rows, overflow;
  }

  .xjshnde:not(#\#):not(#\#):not(#\#) {
    transition-property: grid-template-rows, padding;
  }

  .x1qn9uv2:not(#\#):not(#\#):not(#\#) {
    transition-property: grid-template-rows;
  }

  .x157bb6t:not(#\#):not(#\#):not(#\#) {
    transition-property: -webkit-mask-image, mask-image;
  }

  .x13b0p5u:not(#\#):not(#\#):not(#\#) {
    transition-property: none;
  }

  .x1wbls7o:not(#\#):not(#\#):not(#\#) {
    transition-property: opacity, background-color, transform;
  }

  .xnpjden:not(#\#):not(#\#):not(#\#) {
    transition-property: opacity, background-color;
  }

  .xsm4mo9:not(#\#):not(#\#):not(#\#) {
    transition-property: opacity, display, overlay;
  }

  .x1n1p2mu:not(#\#):not(#\#):not(#\#) {
    transition-property: opacity, position;
  }

  .xrgg2z9:not(#\#):not(#\#):not(#\#) {
    transition-property: opacity, transform, max-width, visibility;
  }

  .x4bbghf:not(#\#):not(#\#):not(#\#) {
    transition-property: opacity, transform, overlay, display;
  }

  .x6o7n8i:not(#\#):not(#\#):not(#\#) {
    transition-property: opacity, transform;
  }

  .xxup5nn:not(#\#):not(#\#):not(#\#) {
    transition-property: opacity, visibility, transform;
  }

  .x1jl3cmp:not(#\#):not(#\#):not(#\#) {
    transition-property: opacity, visibility;
  }

  .x19991ni:not(#\#):not(#\#):not(#\#) {
    transition-property: opacity;
  }

  .x1xuz8iz:not(#\#):not(#\#):not(#\#) {
    transition-property: top, height;
  }

  .x18dpk69:not(#\#):not(#\#):not(#\#) {
    transition-property: transform, background-color;
  }

  .xwcsmn1:not(#\#):not(#\#):not(#\#) {
    transition-property: transform, opacity;
  }

  .xh3q6i0:not(#\#):not(#\#):not(#\#) {
    transition-property: transform, width, height;
  }

  .x13zkoj4:not(#\#):not(#\#):not(#\#) {
    transition-property: transform, width;
  }

  .x11xpdln:not(#\#):not(#\#):not(#\#) {
    transition-property: transform;
  }

  .x74b7sa:not(#\#):not(#\#):not(#\#) {
    transition-property: visibility;
  }

  .xxrbq2n:not(#\#):not(#\#):not(#\#) {
    transition-property: width;
  }

  .xv2sgk5:not(#\#):not(#\#):not(#\#) {
    transition-timing-function: cubic-bezier(.3, 0, .6, .6);
  }

  .xn34ekc:not(#\#):not(#\#):not(#\#) {
    transition-timing-function: ease-out, ease-out;
  }

  .x9lcvmn:not(#\#):not(#\#):not(#\#) {
    transition-timing-function: ease-out;
  }

  .xcj1dhv:not(#\#):not(#\#):not(#\#) {
    transition-timing-function: linear;
  }

  .x158wxwp:not(#\#):not(#\#):not(#\#) {
    transition-timing-function: var(--ease-standard),ease-out;
  }

  .xlr8y92:not(#\#):not(#\#):not(#\#) {
    transition-timing-function: var(--ease-standard);
  }

  .x3sa99s:not(#\#):not(#\#):not(#\#) {
    translate: 0 -50%;
  }

  .x87ps6o:not(#\#):not(#\#):not(#\#) {
    -webkit-user-select: none;
    user-select: none;
  }

  .x11njtxf:not(#\#):not(#\#):not(#\#) {
    vertical-align: baseline;
  }

  .x3ajldb:not(#\#):not(#\#):not(#\#) {
    vertical-align: bottom;
  }

  .xxymvpz:not(#\#):not(#\#):not(#\#) {
    vertical-align: middle;
  }

  .x1v0h343:not(#\#):not(#\#):not(#\#) {
    vertical-align: super;
  }

  .x16dsc37:not(#\#):not(#\#):not(#\#) {
    vertical-align: top;
  }

  .xlshs6z:not(#\#):not(#\#):not(#\#) {
    visibility: hidden;
  }

  .xnpuxes:not(#\#):not(#\#):not(#\#) {
    visibility: visible;
  }

  .xeaf4i8:not(#\#):not(#\#):not(#\#) {
    white-space: normal;
  }

  .xuxw1ft:not(#\#):not(#\#):not(#\#) {
    white-space: nowrap;
  }

  .x126k92a:not(#\#):not(#\#):not(#\#) {
    white-space: pre-wrap;
  }

  .x1sdyfia:not(#\#):not(#\#):not(#\#) {
    white-space: pre;
  }

  .x1q1rmc8:not(#\#):not(#\#):not(#\#) {
    will-change: transform,opacity;
  }

  .x1yn0g08:not(#\#):not(#\#):not(#\#) {
    word-break: break-all;
  }

  .x13faqbe:not(#\#):not(#\#):not(#\#) {
    word-break: break-word;
  }

  .x1lldw8n:not(#\#):not(#\#):not(#\#) {
    word-break: normal;
  }

  .xp3md9m:not(#\#):not(#\#):not(#\#) {
    word-spacing: normal;
  }

  .x8knxv4:not(#\#):not(#\#):not(#\#) {
    z-index: -1;
  }

  .x1ja2u2z:not(#\#):not(#\#):not(#\#) {
    z-index: 0;
  }

  .x1vjfegm:not(#\#):not(#\#):not(#\#) {
    z-index: 1;
  }

  .xfo81ep:not(#\#):not(#\#):not(#\#) {
    z-index: 1000;
  }

  .xhtitgo:not(#\#):not(#\#):not(#\#) {
    z-index: 2;
  }

  .xzkaem6:not(#\#):not(#\#):not(#\#) {
    z-index: 3;
  }

  .x6cuj84:not(#\#):not(#\#):not(#\#) {
    z-index: 500;
  }

  .x1q2oy4v:not(#\#):not(#\#):not(#\#) {
    z-index: 9999;
  }

  .x6tapwc:not(#\#):not(#\#):not(#\#) {
    z-index: var(--_tree-focus-z, auto);
  }

  .x1wphrdb[data-astryx-press="fading"]:not(#\#):not(#\#):not(#\#), .xbb2ue6[data-astryx-press="on"]:not(#\#):not(#\#):not(#\#) {
    --_press-overlay-transition: 0s;
  }

  .x11z29ks[data-astryx-press="on"]:not(#\#):not(#\#):not(#\#), .xli5ek3[data-astryx-press="fading"]:not(#\#):not(#\#):not(#\#) {
    --astryx-press-alpha: 1;
  }

  .x1v2claj.x1v2claj:where(.x84s7jz:focus-within *):not(#\#):not(#\#):not(#\#) {
    opacity: 1;
  }

  .x3730vf.x3730vf:where(.x84s7jz:focus-within *):not(#\#):not(#\#):not(#\#) {
    pointer-events: auto;
  }

  .xuqivmr.xuqivmr:where(.x84s7jz:focus-within *):not(#\#):not(#\#):not(#\#) {
    transform: translateY(0);
  }

  .x7v6acp.x7v6acp:where(.x84s7jz:focus-within *):not(#\#):not(#\#):not(#\#) {
    visibility: visible;
  }

  .x5um2zc.x5um2zc:where(.x1twag4g:first-child *):not(#\#):not(#\#):not(#\#), .x1se5z8o.x1se5z8o:where(.x1twag4g:last-child *):not(#\#):not(#\#):not(#\#) {
    visibility: hidden;
  }

  .x6ipy2d.x6ipy2d:where(.x1u3b27q:active *):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-overlay-pressed);
  }

  @supports (animation-timeline: view()) {
    .x1iu2jvn.x1iu2jvn:not(#\#):not(#\#):not(#\#) {
      animation-name: x1tut0r7-B;
    }
  }

  @supports (container-type: scroll-state) {
    .xafyuhj.xafyuhj:not(#\#):not(#\#):not(#\#) {
      container-type: scroll-state;
    }
  }

  .xfd3fxj:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#) {
    animation-name: x1c2q33o-B;
  }

  .x1vxsm5i:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#) {
    animation-name: xu7jd1z-B;
  }

  .x18lne9g:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#) {
    animation-name: xwmkjkf-B;
  }

  .x1spg45b.x1spg45b:hover:where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-accent);
  }

  .x1tgb0ru.x1tgb0ru:where(.astryx-input-group > *):has( ~ :not([popover]):not(template):not(dialog)):not(#\#):not(#\#):not(#\#) {
    border-end-end-radius: 0;
  }

  .x1ursds5:not(:has( ~ :not([popover]):not(template):not(dialog))):not(#\#):not(#\#):not(#\#) {
    border-end-end-radius: var(--radius-element);
  }

  .xf2wquc.xf2wquc:where(.astryx-input-group > *):not(:first-child):not(#\#):not(#\#):not(#\#) {
    border-end-start-radius: 0;
  }

  .xy2bsav:not(:has( ~ :not([popover]):not(template):not(dialog))):not(#\#):not(#\#):not(#\#) {
    border-end-start-radius: var(--radius-element);
  }

  .x2dar1b.x2dar1b:where(.astryx-input-group > *):has( ~ :not([popover]):not(template):not(dialog)):not(#\#):not(#\#):not(#\#) {
    border-start-end-radius: 0;
  }

  .x149bkfe:not(:has( ~ :not([popover]):not(template):not(dialog))):not(#\#):not(#\#):not(#\#) {
    border-start-end-radius: var(--radius-element);
  }

  .x1epqg88.x1epqg88:where(.astryx-input-group > *):not(:first-child):not(#\#):not(#\#):not(#\#) {
    border-start-start-radius: 0;
  }

  .xuihb5h:focus-within:not(#\#):not(#\#):not(#\#) {
    box-shadow: inset 0 0 0 2px var(--color-accent-muted);
  }

  .x15ysqaf:focus-within:not(#\#):not(#\#):not(#\#) {
    box-shadow: none;
  }

  .xyavpck:focus-within:not(#\#):not(#\#):not(#\#) {
    box-shadow: var(--shadow-med);
  }

  .x153f7d5:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#) {
    clip-path: inset(0 0 0 max(0px,min(var(--step-connector-gap, 0px),var(--spacing-2))));
  }

  .x7cmjge:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#) {
    clip-path: inset(0 max(0px,min(var(--step-connector-gap, 0px),var(--spacing-2))) 0 0);
  }

  .x10wafsz:focus-within:not(#\#):not(#\#):not(#\#) {
    clip-path: none;
  }

  .xy5bzlh.xy5bzlh:hover:where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#):not(#\#) {
    color: var(--color-icon-primary);
  }

  .x9o1np9.x9o1np9:hover:where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#):not(#\#) {
    color: var(--color-text-primary);
  }

  .x16khyan:is(:disabled, [aria-disabled="true"]):not(#\#):not(#\#):not(#\#) {
    cursor: default;
  }

  .x1y40yee:popover-open:not(#\#):not(#\#):not(#\#) {
    display: flex;
  }

  .x17xqekc:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#) {
    -webkit-mask-image: linear-gradient(to left,transparent 0%,#0000004d 2px,black var(--spacing-1));
    mask-image: linear-gradient(to left,transparent 0%,#0000004d 2px,black var(--spacing-1));
  }

  .x1nwey30:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#) {
    -webkit-mask-image: linear-gradient(to left,transparent var(--_tab-strip-bleed),black calc(var(--_tab-strip-bleed) + var(--spacing-8)));
    mask-image: linear-gradient(to left,transparent var(--_tab-strip-bleed),black calc(var(--_tab-strip-bleed) + var(--spacing-8)));
  }

  .x8ulde1:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#) {
    -webkit-mask-image: linear-gradient(to right,transparent 0%,#0000004d 2px,black var(--spacing-1));
    mask-image: linear-gradient(to right,transparent 0%,#0000004d 2px,black var(--spacing-1));
  }

  .x1rxa4r8:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#) {
    -webkit-mask-image: linear-gradient(to right,transparent var(--_tab-strip-bleed),black calc(var(--_tab-strip-bleed) + var(--spacing-8)));
    mask-image: linear-gradient(to right,transparent var(--_tab-strip-bleed),black calc(var(--_tab-strip-bleed) + var(--spacing-8)));
  }

  .x16lv2iq:not([stylex-hack]) > :is(img, video):not(#\#):not(#\#):not(#\#) {
    object-fit: contain;
  }

  .x492jj3:not([stylex-hack]) > :is(img, video):not(#\#):not(#\#):not(#\#) {
    object-fit: cover;
  }

  .x1euntei:focus-within:not(#\#):not(#\#):not(#\#), .x25t5g8:focus-visible:not(#\#):not(#\#):not(#\#), .xof6bs:is(th:hover *):not(#\#):not(#\#):not(#\#) {
    opacity: 1;
  }

  .xofkqq2:popover-open:not(#\#):not(#\#):not(#\#) {
    opacity: 1;
  }

  .x1e0x2sz:focus-visible:not(#\#):not(#\#):not(#\#) {
    outline-color: var(--color-error);
  }

  .xx47ajj:focus-visible:not(#\#):not(#\#):not(#\#) {
    outline-color: var(--focus-outline-color);
  }

  .x7s97pk:focus-visible:not(#\#):not(#\#):not(#\#) {
    outline-offset: 2px;
  }

  .x1nw7mhf:focus-visible:not(#\#):not(#\#):not(#\#) {
    outline-offset: calc(-1 * var(--focus-outline-width));
  }

  .x1l5jwag:focus-visible:not(#\#):not(#\#):not(#\#) {
    outline-offset: calc(0px - var(--focus-outline-width));
  }

  .x13aywxo:focus-visible:not(#\#):not(#\#):not(#\#) {
    outline-offset: var(--button-focus-offset);
  }

  .x1s7sthk.x1s7sthk:where(.xgy66g5:has(:focus-visible) *):not(#\#):not(#\#):not(#\#), .x1vwwbsn:focus-visible:not(#\#):not(#\#):not(#\#) {
    outline-offset: var(--focus-outline-offset);
  }

  .x1jhp3zv:focus-visible:not(#\#):not(#\#):not(#\#) {
    outline-style: var(--focus-outline-style);
  }

  .x1vidyx5:focus-visible:not(#\#):not(#\#):not(#\#) {
    outline-width: var(--focus-outline-width);
  }

  .x1n6uwha:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#) {
    padding-inline-end: max(var(--spacing-4),env(safe-area-inset-left, 0px));
  }

  .xtjjor6:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#) {
    padding-inline-end: var(--astryx-dialog-padding-inline-end, var(--astryx-dialog-padding-inline, var(--astryx-dialog-padding, max(var(--spacing-4),env(safe-area-inset-left, 0px)))));
  }

  .x19efkpl:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#) {
    padding-inline-start: max(var(--spacing-4),env(safe-area-inset-right, 0px));
  }

  .x1i7f2ot:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#) {
    padding-inline-start: var(--astryx-dialog-padding-inline-start, var(--astryx-dialog-padding-inline, var(--astryx-dialog-padding, max(var(--spacing-4),env(safe-area-inset-right, 0px)))));
  }

  .xbt4iw:focus-within:not(#\#):not(#\#):not(#\#) {
    pointer-events: auto;
  }

  .xo74pv5:focus-within:not(#\#):not(#\#):not(#\#) {
    position: static;
  }

  .x1mqgsch[data-astryx-scrolling]:not(#\#):not(#\#):not(#\#) {
    scrollbar-width: none;
  }

  .x8ppqj.x8ppqj:active:where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#):not(#\#) {
    transform: scale(.98);
  }

  .xaafvuh:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#) {
    transform: scaleX(-1) rotate(0);
  }

  .x1nxqau:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#) {
    transform: scaleX(-1) rotate(90deg);
  }

  .xgtlewx:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#) {
    transform: scaleX(-1);
  }

  .x10fxb7p:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#) {
    transform: translate(-25%, 25%);
  }

  .xqgnvz5:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#) {
    transform: translate(-50%, 50%);
  }

  .xoffwj3:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#) {
    transform: translate(50%, -50%);
  }

  .x1df3fe5:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#) {
    transform: translateX(-100%);
  }

  .xi9aj42:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#) {
    transform: translateX(-12px);
  }

  .x12xz5k6:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#) {
    transform: translateX(-14px);
  }

  .x36dvrd:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#) {
    transform: translateX(-50%);
  }

  .xttggg:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#) {
    transform: translateX(100%);
  }

  .x1nyx83j:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#) {
    transform: translateX(50%);
  }

  .x9cjr8z:popover-open:not(#\#):not(#\#):not(#\#) {
    transform: translateY(0);
  }

  .x75qhwu:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#) {
    transform: var(--x-sj6hyi);
  }

  .x1rm9qnc:focus-within:not(#\#):not(#\#):not(#\#) {
    z-index: 1;
  }

  .x1qf1n5z.x1qf1n5z:where(.astryx-input-group > *):focus-visible:not(#\#):not(#\#):not(#\#) {
    z-index: 2;
  }

  .x1s2lk0z.x1s2lk0z:where(:not(:disabled, [aria-disabled="true"]))[data-astryx-press="fading"]:not(#\#):not(#\#):not(#\#), .x1sad4of.x1sad4of:where(:not(:disabled, [aria-disabled="true"]))[data-astryx-press="on"]:not(#\#):not(#\#):not(#\#) {
    --_press-overlay: var(--_press-paint);
  }

  .xwmge8v:has( > [aria-disabled="true"]:focus-visible):not(#\#):not(#\#):not(#\#) {
    box-shadow: inset 0 0 0 2px var(--color-accent-muted);
  }

  .xxsos93:has(input:focus):not(#\#):not(#\#):not(#\#) {
    box-shadow: inset 0 0 0 2px var(--color-accent-muted);
  }

  .x1btxeh5:has(input:focus-visible):not(#\#):not(#\#):not(#\#) {
    box-shadow: inset 0 0 0 2px var(--color-accent);
  }

  .xsw3flo:has( > div > .astryx-layout-content):not(#\#):not(#\#):not(#\#) {
    container-type: inline-size;
  }

  .x1ab7gxt:has( ~ * > [data-astryx-submenu-regions="view"]:not([hidden])):not(#\#):not(#\#):not(#\#) {
    display: none;
  }

  .x92e2el:has( > [data-astryx-edge-comp]:last-child):not(#\#):not(#\#):not(#\#) {
    margin-inline-end: var(--x-4drmnv);
  }

  .x1kftj4p:has( > [data-astryx-edge-comp]:first-child):not(#\#):not(#\#):not(#\#) {
    margin-inline-start: var(--x-126w13d);
  }

  .x1uy843r:has(:focus-visible):not(#\#):not(#\#):not(#\#) {
    outline-color: var(--focus-outline-color);
  }

  .xobxmqy:has( > :first-child:focus-visible):not(#\#):not(#\#):not(#\#) {
    outline-color: var(--focus-outline-color);
  }

  .x1jumodi:has(:focus-visible):not(#\#):not(#\#):not(#\#) {
    outline-offset: var(--focus-outline-offset);
  }

  .x2vr5qc:has( > :first-child:focus-visible):not(#\#):not(#\#):not(#\#) {
    outline-offset: var(--focus-outline-offset);
  }

  .xciu248:has(:focus-visible):not(#\#):not(#\#):not(#\#) {
    outline-style: var(--focus-outline-style);
  }

  .xfd04fr:has( > :first-child:focus-visible):not(#\#):not(#\#):not(#\#) {
    outline-style: var(--focus-outline-style);
  }

  .x11j6mr8:has(:focus-visible):not(#\#):not(#\#):not(#\#) {
    outline-width: var(--focus-outline-width);
  }

  .xmmisi4:has( > :first-child:focus-visible):not(#\#):not(#\#):not(#\#) {
    outline-width: var(--focus-outline-width);
  }

  .xxdn8bs:has( > div > .astryx-layout-content):not(#\#):not(#\#):not(#\#) {
    padding-inline-end: max(0px,calc((100% - var(--layout-content-width)) / 2));
  }

  .xmnmr5y:has(.astryx-nav-icon):not(#\#):not(#\#):not(#\#) {
    padding-inline-start: 0;
  }

  .x1vvd0s7:has( > div > .astryx-layout-content):not(#\#):not(#\#):not(#\#) {
    padding-inline-start: max(0px,calc((100% - var(--layout-content-width)) / 2));
  }

  .x3x83r7:has(:focus-visible):not(#\#):not(#\#):not(#\#) {
    z-index: 2;
  }

  .xbw113y:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):not(#\#):not(#\#):not(#\#) {
    transform: translateX(-100%);
  }

  .x1eqdj8u:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):not(#\#):not(#\#):not(#\#) {
    transform: translateX(100%);
  }

  .x1xrp5p4:first-child:not(#\#):not(#\#):not(#\#) {
    border-end-start-radius: var(--radius-element);
  }

  .xyf0ibl:first-child:not(#\#):not(#\#):not(#\#) {
    border-inline-start-style: none;
  }

  .x1pjv70x:first-child:not(#\#):not(#\#):not(#\#) {
    border-inline-start-width: 0;
  }

  .x2qxyot:first-child:not(#\#):not(#\#):not(#\#) {
    border-start-end-radius: var(--radius-element);
  }

  .x8eehn2:first-child:not(#\#):not(#\#):not(#\#) {
    border-start-start-radius: var(--radius-element);
  }

  .x1pwwqoy:first-child:not(#\#):not(#\#):not(#\#) {
    margin-inline-start: 0;
  }

  .x5uh4xs:first-child:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: max(var(--container-padding-inline-start, var(--spacing-2)),var(--spacing-2));
  }

  .x9bi00s:first-child:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: max(var(--container-padding-inline-start, var(--spacing-3)),var(--spacing-2));
  }

  .x18c6q21:first-child:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: max(var(--container-padding-inline-start, var(--spacing-4)),var(--spacing-2));
  }

  .x747jw7:last-child:not(#\#):not(#\#):not(#\#) {
    border-end-end-radius: var(--radius-element);
  }

  .x1qlsc9e:last-child:not(#\#):not(#\#):not(#\#) {
    border-inline-end-width: 0;
  }

  .x11xp8u1:last-child:not(#\#):not(#\#):not(#\#) {
    border-start-end-radius: var(--radius-element);
  }

  .xbg7gas:last-child:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: max(var(--container-padding-inline-end, var(--spacing-2)),var(--spacing-2));
  }

  .xpilulx:last-child:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: max(var(--container-padding-inline-end, var(--spacing-3)),var(--spacing-2));
  }

  .x1wzlfcn:last-child:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: max(var(--container-padding-inline-end, var(--spacing-4)),var(--spacing-2));
  }

  .x189zj9d:nth-child(2n of :not([data-expansion-panel])):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-background-muted);
  }

  .xjl7jj:empty:not(#\#):not(#\#):not(#\#) {
    display: none;
  }

  .x1e0d1ib:empty:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: 0;
  }

  .x1cs7wtd:placeholder-shown:not(#\#):not(#\#):not(#\#) {
    inset-inline-start: calc(var(--spacing-1) - 1px);
  }

  .x1wg34a1:placeholder-shown:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: var(--spacing-1);
  }

  .xf0ofad:placeholder-shown:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: 0;
  }

  .x1utg46d:placeholder-shown:not(#\#):not(#\#):not(#\#) {
    position: absolute;
  }

  .x75j1tr:placeholder-shown:not(#\#):not(#\#):not(#\#) {
    text-align: end;
  }

  .xv6p7n0:placeholder-shown:not(#\#):not(#\#):not(#\#) {
    transform: translateY(-50%);
  }

  .x1c52tdz:focus:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-overlay-hover);
  }

  .x1rsz1da:focus:not(#\#):not(#\#):not(#\#) {
    clip-path: none;
  }

  .xodanix:focus:not(#\#):not(#\#):not(#\#) {
    inset-inline-start: var(--spacing-2);
  }

  .x1xrnuwo:focus:not(#\#):not(#\#):not(#\#) {
    position: fixed;
  }

  .x1hbpcn8:focus:not(#\#):not(#\#):not(#\#) {
    white-space: normal;
  }

  .xjtnuge:active:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-neutral);
  }

  .xuqm82a:active:not(#\#):not(#\#):not(#\#) {
    background-image: none;
  }

  .x1pdlv7q:active:not(#\#):not(#\#):not(#\#) {
    transform: none;
  }

  .xk4oym4:active:not(#\#):not(#\#):not(#\#) {
    transform: scale(.98);
  }

  @media (max-width: 480px) {
    .x1q32nj3.x1q32nj3:not(#\#):not(#\#):not(#\#) {
      align-items: stretch;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .x14q22ui.x14q22ui:not(#\#):not(#\#):not(#\#) {
      animation-delay: 0s;
    }

    .xnh0sag.xnh0sag:not(#\#):not(#\#):not(#\#) {
      animation-duration: 3s;
    }

    .x1aquc0h.x1aquc0h:not(#\#):not(#\#):not(#\#) {
      animation-name: none;
    }
  }

  @media (forced-colors: active) {
    .x9yvj25.x9yvj25:not(#\#):not(#\#):not(#\#) {
      background-color: canvas;
    }

    .xwvh9j7.xwvh9j7:not(#\#):not(#\#):not(#\#) {
      background-color: canvastext;
    }
  }

  @media (prefers-contrast: more) and (not (forced-colors: active)) {
    .x1j0df82.x1j0df82:not(#\#):not(#\#):not(#\#) {
      background-color: var(--color-skeleton);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .x1j0df82.x1j0df82:not(#\#):not(#\#):not(#\#) {
        background-color: color-mix(in srgb,var(--color-skeleton),var(--color-text-primary) 30%);
      }
    }
  }

  @media (forced-colors: active) {
    .x1o55y2u.x1o55y2u:not(#\#):not(#\#):not(#\#) {
      background-color: graytext;
    }

    .x1jzqe4.x1jzqe4:not(#\#):not(#\#):not(#\#) {
      background-color: highlight;
    }

    .x1sir5s4.x1sir5s4:not(#\#):not(#\#):not(#\#) {
      background-color: highlighttext;
    }
  }

  @media (hover: hover) {
    .x150ydqw.x150ydqw:not(#\#):not(#\#):not(#\#) {
      background-color: #0000;
    }
  }

  @media (forced-colors: active) {
    .xs5hli.xs5hli:not(#\#):not(#\#):not(#\#) {
      color: canvastext;
    }

    .x1k5gbb1.x1k5gbb1:not(#\#):not(#\#):not(#\#) {
      color: highlighttext;
    }
  }

  @media (hover: hover) {
    .x2dt3px.x2dt3px:not(#\#):not(#\#):not(#\#) {
      cursor: zoom-in;
    }

    .xqwu39o.xqwu39o:not(#\#):not(#\#):not(#\#) {
      display: flex;
    }
  }

  @media (max-width: 480px) {
    .xedohl4.xedohl4:not(#\#):not(#\#):not(#\#) {
      display: flex;
    }

    .x1rpgqan.x1rpgqan:not(#\#):not(#\#):not(#\#) {
      flex-direction: column;
    }
  }

  @media (pointer: coarse) {
    .x1jymrmb.x1jymrmb:not(#\#):not(#\#):not(#\#) {
      margin-inline-start: auto;
    }
  }

  @media (forced-colors: active) {
    .x1tbh5bv.x1tbh5bv:not(#\#):not(#\#):not(#\#) {
      opacity: 1;
    }
  }

  @media (pointer: coarse) {
    .xozvky.xozvky:not(#\#):not(#\#):not(#\#) {
      order: 1;
    }
  }

  @media (forced-colors: active) {
    .x1x84bn5.x1x84bn5:not(#\#):not(#\#):not(#\#) {
      outline-color: highlight;
    }

    .x815t2r.x815t2r:not(#\#):not(#\#):not(#\#) {
      outline-style: solid;
    }

    .x1xvue0r.x1xvue0r:not(#\#):not(#\#):not(#\#) {
      outline-width: var(--border-width);
    }
  }

  @media (pointer: coarse) {
    .x1bjav06.x1bjav06:not(#\#):not(#\#):not(#\#) {
      pointer-events: none;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .xg83hb1.xg83hb1:not(#\#):not(#\#):not(#\#) {
      scroll-behavior: auto;
    }
  }

  @media (forced-colors: active) {
    .xrih18v.xrih18v:not(#\#):not(#\#):not(#\#) {
      scrollbar-color: auto;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .x1k6wr6r.x1k6wr6r:not(#\#):not(#\#):not(#\#) {
      transition-delay: 0s, 0s;
    }

    .xwgk2z2.xwgk2z2:not(#\#):not(#\#):not(#\#) {
      transition-delay: var(--_reveal-delay-reduced, 0s,0s);
    }

    .xsagj69.xsagj69:not(#\#):not(#\#):not(#\#) {
      transition-duration: .01ms;
    }

    .xzg1mie.xzg1mie:not(#\#):not(#\#):not(#\#) {
      transition-duration: 10ms;
    }

    .xsr0bmt.xsr0bmt:not(#\#):not(#\#):not(#\#) {
      transition-duration: 0s, 0s;
    }

    .x12w9bfk.x12w9bfk:not(#\#):not(#\#):not(#\#) {
      transition-duration: 0s;
    }

    .x4wkmsb.x4wkmsb:not(#\#):not(#\#):not(#\#) {
      transition-property: none;
    }
  }

  .x1anq1lc.x1anq1lc:active:where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-overlay-pressed);
  }

  .xzmimnh.xzmimnh:active:where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#):not(#\#) {
    background-image: linear-gradient(var(--color-overlay-pressed),var(--color-overlay-pressed)),linear-gradient(var(--color-neutral),var(--color-neutral));
  }

  .x7uyq82.x7uyq82:active:where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#):not(#\#) {
    background-image: linear-gradient(var(--color-overlay-pressed),var(--color-overlay-pressed));
  }

  @media (hover: hover) and (forced-colors: none) {
    .xcgwt1n.xcgwt1n.xcgwt1n:where(.x1iwu4tg:hover *):not(#\#):not(#\#):not(#\#) {
      background-color: var(--color-accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .xcgwt1n.xcgwt1n.xcgwt1n:where(.x1iwu4tg:hover *):not(#\#):not(#\#):not(#\#) {
        background-color: color-mix(in srgb,var(--color-accent),var(--color-tint-hover) 15%);
      }
    }
  }

  @media (hover: hover) {
    .x17srpfb.x17srpfb.x17srpfb:where(.x1odsvnm:hover *):not(#\#):not(#\#):not(#\#) {
      background-color: var(--color-accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .x17srpfb.x17srpfb.x17srpfb:where(.x1odsvnm:hover *):not(#\#):not(#\#):not(#\#) {
        background-color: color-mix(in srgb,var(--color-accent),var(--color-tint-hover) 15%);
      }
    }
  }

  @media (hover: hover) and (forced-colors: none) {
    .x1a8ae7b.x1a8ae7b.x1a8ae7b:where(.x1iwu4tg:hover *):not(#\#):not(#\#):not(#\#) {
      background-color: var(--color-background-gray);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .x1a8ae7b.x1a8ae7b.x1a8ae7b:where(.x1iwu4tg:hover *):not(#\#):not(#\#):not(#\#) {
        background-color: color-mix(in srgb,var(--color-background-gray),var(--color-tint-hover) 5%);
      }
    }
  }

  @media (hover: hover) {
    .xeultfy.xeultfy.xeultfy:where(.x1odsvnm:hover *):not(#\#):not(#\#):not(#\#) {
      background-color: var(--color-background-surface);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .xeultfy.xeultfy.xeultfy:where(.x1odsvnm:hover *):not(#\#):not(#\#):not(#\#) {
        background-color: color-mix(in srgb,var(--color-background-surface),var(--color-tint-hover) 5%);
      }
    }

    .xqxnq6d.xqxnq6d.xqxnq6d:where(.x1odsvnm:hover *):not(#\#):not(#\#):not(#\#) {
      background-color: var(--color-background-muted);
    }

    .x1pe4z86.x1pe4z86.x1pe4z86:where(.x-default-marker:hover *):not(#\#):not(#\#):not(#\#) {
      background-color: var(--color-icon-primary);
    }

    .x1a1zr74.x1a1zr74.x1a1zr74:where(.x1u3b27q:hover *):not(#\#):not(#\#):not(#\#) {
      background-color: var(--color-overlay-hover);
    }

    .x1t9gxa6.x1t9gxa6.x1t9gxa6:where(.x-default-marker:hover *):not(#\#):not(#\#):not(#\#) {
      color: var(--color-text-primary);
    }

    .xcwhr9z.xcwhr9z.xcwhr9z:where(.x84s7jz:hover *):not(#\#):not(#\#):not(#\#) {
      opacity: 1;
    }

    .x8ydxbz.x8ydxbz.x8ydxbz:where(.x84s7jz:hover *):not(#\#):not(#\#):not(#\#) {
      pointer-events: auto;
    }

    .x17hxqr7.x17hxqr7.x17hxqr7:where(.x84s7jz:hover *):not(#\#):not(#\#):not(#\#) {
      transform: translateY(0);
    }

    .xneequu.xneequu.xneequu:where(.x84s7jz:hover *):not(#\#):not(#\#):not(#\#) {
      visibility: visible;
    }
  }

  @media (pointer: coarse) {
    .x1brxl7n.x1brxl7n.x1brxl7n:where(.x1u3b27q:active *):not(#\#):not(#\#):not(#\#) {
      background-color: #0000;
    }
  }

  @media (hover: hover) and (not (pointer: coarse)) {
    .xvy5t78.xvy5t78.xvy5t78:where(.x1u3b27q:active *):not(#\#):not(#\#):not(#\#) {
      background-color: var(--color-overlay-pressed);
    }
  }

  @media (forced-colors: none) {
    .x1xm682w.x1xm682w.x1xm682w:where(.x1iwu4tg:active *):not(#\#):not(#\#):not(#\#) {
      background-image: linear-gradient(var(--color-overlay-pressed),var(--color-overlay-pressed));
    }
  }

  @supports (animation-timeline: view()) {
    @media (prefers-reduced-motion: reduce) {
      .xk3h8ob.xk3h8ob.xk3h8ob:not(#\#):not(#\#):not(#\#) {
        animation-name: xuvekqa-B;
      }
    }
  }

  @supports (-webkit-touch-callout: none) {
    @media (pointer: coarse) {
      .xf9zqsd.xf9zqsd.xf9zqsd:not(#\#):not(#\#):not(#\#) {
        font-size: max(1rem,var(--text-body-size));
      }

      .x1w61h2b.x1w61h2b.x1w61h2b:not(#\#):not(#\#):not(#\#) {
        font-size: max(1rem,var(--text-label-size));
      }
    }
  }

  @media (hover: hover) {
    .xvxo0qp.xvxo0qp.xvxo0qp:hover:where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#):not(#\#) {
      background-color: var(--color-accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .xvxo0qp.xvxo0qp.xvxo0qp:hover:where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#):not(#\#) {
        background-color: color-mix(in srgb,var(--color-accent),var(--color-tint-hover) 15%);
      }
    }

    .x1pfkqlk.x1pfkqlk.x1pfkqlk:hover:where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#):not(#\#) {
      background-color: #0000;
    }

    .xcu6dpe.xcu6dpe.xcu6dpe:hover:where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#):not(#\#) {
      background-color: var(--color-neutral);
    }

    .xoevpu5.xoevpu5.xoevpu5:hover:where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#):not(#\#) {
      background-color: var(--color-overlay-hover);
    }

    .xprvw0a.xprvw0a.xprvw0a:active:where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#):not(#\#) {
      background-color: var(--color-overlay-pressed);
    }

    .xmvprkv.xmvprkv.xmvprkv:hover:where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#):not(#\#) {
      background-image: linear-gradient(var(--color-overlay-hover),var(--color-overlay-hover));
    }

    .x1bm8j9m.x1bm8j9m.x1bm8j9m:hover:where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#):not(#\#) {
      background-image: none;
    }
  }

  @media (pointer: coarse) {
    .x1xp12g4.x1xp12g4.x1xp12g4:where(.x1u3b27q[data-astryx-press="fading"] *):not(#\#):not(#\#):not(#\#), .x80uhwv.x80uhwv.x80uhwv:where(.x1u3b27q[data-astryx-press="on"] *):not(#\#):not(#\#):not(#\#) {
      background-image: var(--_press-paint-image);
    }
  }

  @media (hover: hover) {
    .x1telqz2.x1telqz2.x1telqz2:hover:not(:focus-within):where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#):not(#\#) {
      box-shadow: inset 0 0 0 2px var(--color-accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .x1telqz2.x1telqz2.x1telqz2:hover:not(:focus-within):where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#):not(#\#) {
        box-shadow: inset 0 0 0 2px color-mix(in srgb,var(--color-accent) 20%,transparent);
      }
    }

    .x1v5wwkd.x1v5wwkd.x1v5wwkd:hover:where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#):not(#\#) {
      box-shadow: inset 0 0 0 2px var(--color-accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .x1v5wwkd.x1v5wwkd.x1v5wwkd:hover:where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#):not(#\#) {
        box-shadow: inset 0 0 0 2px color-mix(in srgb,var(--color-accent) 20%,transparent);
      }
    }

    .x1xqjsvb.x1xqjsvb.x1xqjsvb:hover:not(:focus-within):where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#):not(#\#) {
      box-shadow: inset 0 0 0 2px var(--color-border-emphasized);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .x1xqjsvb.x1xqjsvb.x1xqjsvb:hover:not(:focus-within):where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#):not(#\#) {
        box-shadow: inset 0 0 0 2px color-mix(in srgb,var(--color-border-emphasized) 30%,transparent);
      }
    }

    .x1s17dad.x1s17dad.x1s17dad:hover:not(:focus-within):where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#):not(#\#) {
      box-shadow: none;
    }

    .x1bgmis8.x1bgmis8.x1bgmis8:hover:not(:focus-within):where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#):not(#\#) {
      box-shadow: var(--shadow-inset-error);
    }

    .x8wp45d.x8wp45d.x8wp45d:hover:not(:focus-within):where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#):not(#\#) {
      box-shadow: var(--shadow-inset-success);
    }

    .x9156jc.x9156jc.x9156jc:hover:not(:focus-within):where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#):not(#\#) {
      box-shadow: var(--shadow-inset-warning);
    }

    .x1ymidup.x1ymidup.x1ymidup:hover:where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#):not(#\#) {
      box-shadow: var(--shadow-med);
    }

    .x1rfoswn.x1rfoswn.x1rfoswn:hover:where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#):not(#\#) {
      color: var(--color-text-accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .x1rfoswn.x1rfoswn.x1rfoswn:hover:where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#):not(#\#) {
        color: color-mix(in srgb,var(--color-text-accent),var(--color-tint-hover) 15%);
      }
    }

    .xcunlro.xcunlro.xcunlro:hover:where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#):not(#\#) {
      color: var(--color-text-primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .xcunlro.xcunlro.xcunlro:hover:where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#):not(#\#) {
        color: color-mix(in srgb,var(--color-text-primary),var(--color-tint-hover) 15%);
      }
    }

    .x7jm8ul.x7jm8ul.x7jm8ul:hover:where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#):not(#\#) {
      color: var(--color-text-secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .x7jm8ul.x7jm8ul.x7jm8ul:hover:where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#):not(#\#) {
        color: color-mix(in srgb,var(--color-text-secondary),var(--color-tint-hover) 15%);
      }
    }

    .xo5jvnm.xo5jvnm.xo5jvnm:hover:where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#):not(#\#) {
      color: var(--color-text-primary);
    }
  }

  @media (pointer: coarse) {
    .xom6oz5.xom6oz5.xom6oz5:active:where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#):not(#\#) {
      transform: scale(1);
    }
  }

  @container (max-width: 399px) {
    .x1alyx8p.x1alyx8p:not(#\#):not(#\#):not(#\#) {
      flex-wrap: wrap;
    }
  }

  @media (forced-colors: active) {
    .x1vo6n7o.x1vo6n7o:active:not(#\#):not(#\#):not(#\#) {
      background-color: highlight;
    }
  }

  @media (hover: hover) {
    .x1otsd3y.x1otsd3y.x1otsd3y:hover:where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#):not(#\#) {
      background-image: linear-gradient(var(--color-overlay-hover),var(--color-overlay-hover)),linear-gradient(var(--color-neutral),var(--color-neutral));
    }
  }

  @media (pointer: coarse) {
    .x5lqen6.x5lqen6:active:not(#\#):not(#\#):not(#\#) {
      transform: scale(1);
    }

    .x1s5nr2v.x1s5nr2v.x1s5nr2v:active:where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#):not(#\#) {
      background-color: #0000;
    }

    .xvbnuu.xvbnuu.xvbnuu:active:where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#):not(#\#) {
      background-image: linear-gradient(var(--color-neutral),var(--color-neutral));
    }
  }

  @media (hover: hover) {
    .xo3fi6e.xo3fi6e.xo3fi6e:active:where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#):not(#\#) {
      background-image: linear-gradient(var(--color-overlay-pressed),var(--color-overlay-pressed)),linear-gradient(var(--color-neutral),var(--color-neutral));
    }

    .xetgvay.xetgvay.xetgvay:active:where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#):not(#\#) {
      background-image: linear-gradient(var(--color-overlay-pressed),var(--color-overlay-pressed));
    }
  }

  @media (pointer: coarse) {
    .x3f84ok.x3f84ok.x3f84ok:active:where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#):not(#\#) {
      background-image: none;
    }

    @media (forced-colors: none) {
      .xowtp19.xowtp19.xowtp19.xowtp19:where(.x1iwu4tg:active *):not(#\#):not(#\#):not(#\#) {
        background-image: none;
      }
    }
  }

  @media (hover: hover) {
    @media (forced-colors: active) {
      .x1d42zcn.x1d42zcn.x1d42zcn.x1d42zcn:hover:where(:not(:disabled, [aria-disabled="true"])):not(#\#):not(#\#):not(#\#) {
        background-color: highlight;
      }
    }
  }

  @media (pointer: coarse) {
    @media (forced-colors: none) {
      .x1p4304o.x1p4304o.x1p4304o.x1p4304o:where(.x1iwu4tg[data-astryx-press="fading"] *):not(#\#):not(#\#):not(#\#), .xphwcek.xphwcek.xphwcek.xphwcek:where(.x1iwu4tg[data-astryx-press="on"] *):not(#\#):not(#\#):not(#\#) {
        background-image: var(--_press-paint-image);
      }
    }
  }

  .xib2hle:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-bottom-color: var(--color-border-emphasized);
  }

  .xw8gpjh:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-bottom-color: var(--color-border);
  }

  .x1q0q8m5:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-bottom-style: solid;
  }

  .x1qhh985:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-bottom-width: 0;
  }

  .xso031l:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-bottom-width: 1px;
  }

  .xlxy82:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-bottom-width: 2px;
  }

  .x92x3c3:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-bottom-width: var(--border-width);
  }

  .x1mly77v:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-top-color: var(--color-border-emphasized);
  }

  .x1pc3f07:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-top-color: var(--color-border);
  }

  .x11npmm7:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-top-color: var(--color-on-accent);
  }

  .x13fuv20:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-top-style: solid;
  }

  .x178xt8z:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-top-width: 1px;
  }

  .x11xkdxz:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-top-width: var(--border-width);
  }

  .x1ey2m1c:not(#\#):not(#\#):not(#\#):not(#\#) {
    bottom: 0;
  }

  .x1c7jfne:not(#\#):not(#\#):not(#\#):not(#\#) {
    bottom: 2px;
  }

  .xyi47jn:not(#\#):not(#\#):not(#\#):not(#\#) {
    bottom: var(--_tab-indicator-bottom, -1px);
  }

  .xvxfwfv:not(#\#):not(#\#):not(#\#):not(#\#) {
    bottom: var(--astryx-layer-inset-block-end, 0px);
  }

  .x112dmjn:not(#\#):not(#\#):not(#\#):not(#\#) {
    bottom: var(--spacing-1);
  }

  .x1nqzi6q:not(#\#):not(#\#):not(#\#):not(#\#) {
    bottom: var(--x-bottom);
  }

  .xvle69y:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: .75rem;
  }

  .xqtp20y:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 0;
  }

  .xmll18r:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 1.25rem;
  }

  .xam5rvr:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 1.5rem;
  }

  .x5yr21d:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 100%;
  }

  .xtdtrs8:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 100dvh;
  }

  .xpyat2d:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 100px;
  }

  .x1dr59a3:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 100vh;
  }

  .x170jfvy:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 10px;
  }

  .x1wkxgih:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 120px;
  }

  .x1kpxq89:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 12px;
  }

  .xhjk10j:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 140px;
  }

  .x1v9usgg:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 14px;
  }

  .x1ymw6g:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 160px;
  }

  .xlup9mm:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 16px;
  }

  .xmix8c7:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 18px;
  }

  .xlzyvqe:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 1em;
  }

  .xg2ss61:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 1lh;
  }

  .xjm9jq1:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 1px;
  }

  .x1l36t39:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 1rem;
  }

  .x1qx5ct2:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 20px;
  }

  .xxk0z11:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 24px;
  }

  .x1fgtraw:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 28px;
  }

  .x36qwtl:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 2px;
  }

  .x10w6t97:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 32px;
  }

  .xuoj239:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 3px;
  }

  .x1vqgdyp:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 40px;
  }

  .xsdox4t:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 48px;
  }

  .xqu0tyb:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 4px;
  }

  .xols6we:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 6px;
  }

  .xwzfr38:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 80px;
  }

  .xdk7pt:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 8px;
  }

  .x1qjb5ga:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: anchor-size(--outline-active height,0px);
  }

  .xt7dq6l:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: auto;
  }

  .xuk38ov:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(100% - var(--tree-list-row-gap, 0px) / 2);
  }

  .xs02d24:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(100% + 1px);
  }

  .x12qplqi:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(100% + var(--container-padding-block-start, 0px) + var(--container-padding-block-end, 0px));
  }

  .xpa73km:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(100dvh - var(--_app-shell-header-height, 0px));
  }

  .x1tpcejd:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(var(--_sheet-budget) + 48px);
  }

  .x1uiybsj:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(var(--size-element-lg) - 4px);
  }

  .x102lyln:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(var(--size-element-lg) - 8px);
  }

  .x184gfjb:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(var(--size-element-md) - 4px);
  }

  .xrmxcn7:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(var(--size-element-md) - 8px);
  }

  .x1u5rhrp:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(var(--size-element-md) + var(--spacing-1));
  }

  .xzj98nu:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(var(--size-element-sm) - 4px);
  }

  .xzydfjl:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(var(--size-element-sm) - 8px);
  }

  .xdya1qv:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(var(--table-resize-height, 100%) - var(--table-resize-offset, 0px));
  }

  .x1mutkkf:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(var(--text-body-size) * var(--text-body-leading));
    height: 1lh;
  }

  .x1q370uo:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(var(--text-body-size) * var(--text-body-leading));
  }

  .x14o5nre:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(var(--text-supporting-size) * var(--text-supporting-leading));
  }

  .xw1wawg:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 36px;
  }

  .xg7h5cd:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: fit-content;
  }

  .xsbjeu0:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: min(var(--spacing-6),40px);
  }

  .xhovv34:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: var(--_progressbar-mark-height, 8px);
  }

  .x7yyq19:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: var(--_spinner-box-size);
  }

  .xsyqizj:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: var(--border-width);
  }

  .x5kfih4:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: var(--resize-handle-hit-area, 16px);
  }

  .xssyfek:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: var(--size-element-lg);
  }

  .x1ueg155:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: var(--size-element-md);
  }

  .x6k0iem:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: var(--size-element-sm);
  }

  .x1b2l0oc:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: var(--spacing-0-5);
  }

  .xcenk2v:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: var(--spacing-1-5);
  }

  .x11c6zpc:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: var(--spacing-1);
  }

  .x1k15mir:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: var(--spacing-12);
  }

  .xoqw5ej:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: var(--spacing-2);
  }

  .x9gl9lo:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: var(--spacing-3);
  }

  .x6b6gus:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: var(--spacing-4);
  }

  .x1grt7ep:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: var(--spacing-5);
  }

  .xvpftlf:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: var(--spacing-6);
  }

  .x18to7ep:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: var(--spacing-8);
  }

  .x1seg80s:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: var(--text-large-size);
  }

  .x15rwvks:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: var(--text-supporting-size);
  }

  .x16ye13r:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: var(--x-height);
  }

  .xm8gem:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 264px;
  }

  .x6hpsvf:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 28px;
  }

  .x1nrll8i:not(#\#):not(#\#):not(#\#):not(#\#) {
    left: 50%;
  }

  .x1jyxor1:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: -1px;
  }

  .x1if0o47:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: -48px;
  }

  .xat24cr:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: 0;
  }

  .xlgak1e:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: calc(-1 * (max(var(--_tab-strip-bleed),calc(-1 * var(--_tab-indicator-bottom, -1px)))));
  }

  .x1z0f2p2:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: calc(-1 * var(--_chat-composer-radius));
  }

  .x13i4uq0:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: calc(-1 * var(--astryx-number-input-padding-block-end, var(--astryx-number-input-padding, var(--spacing-1))));
  }

  .x6h7pi7:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: calc(-1 * var(--container-padding-block-end, 0px));
  }

  .x1cdrix3:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: calc(-1 * var(--radius-chat));
  }

  .xdrfirk:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: calc(-1 * var(--spacing-1-5));
  }

  .x3z50q0:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: calc(calc(var(--spacing-4) + max(var(--astryx-layer-inset-block-start, 0px), var(--astryx-layer-inset-block-end, 0px))));
    margin-bottom: calc(calc(max(var(--spacing-4), env(safe-area-inset-top, 0px), env(safe-area-inset-bottom, 0px)) + max(var(--astryx-layer-inset-block-start, 0px), var(--astryx-layer-inset-block-end, 0px))));
  }

  .xlstkdb:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: var(--spacing-0-5);
  }

  .x14cgwvg:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: var(--spacing-1);
  }

  .x1p37lm5:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: var(--spacing-2);
  }

  .xep27e5:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: var(--spacing-3);
  }

  .xwh1t77:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: var(--spacing-4);
  }

  .x4d5cxa:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: var(--spacing-6);
  }

  .xlm3tn6:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: var(--x-marginBlockEnd);
  }

  .x119uzjn:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: calc(max(var(--spacing-4), env(safe-area-inset-top, 0px), env(safe-area-inset-bottom, 0px)) + max(var(--astryx-layer-inset-block-start, 0px), var(--astryx-layer-inset-block-end, 0px)));
  }

  .xdj266r:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: 0;
  }

  .xr1yuqi:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: auto;
  }

  .xmqyaqf:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: calc(-1 * (var(--_tab-strip-bleed)));
  }

  .xvyqdj1:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: calc(-1 * anchor-size(height) - 8px);
  }

  .xckg3cf:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: calc(-1 * var(--_chat-composer-radius));
  }

  .x3dbumh:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: calc(-1 * var(--_field-status-overlap, var(--spacing-1-5)));
  }

  .x5j3pgv:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: calc(-1 * var(--astryx-number-input-padding-block-start, var(--astryx-number-input-padding, var(--spacing-1))));
  }

  .x1sa9bsh:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: calc(-1 * var(--container-padding-block-start, 0px));
  }

  .x1c40v9y:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: calc(-1 * var(--spacing-1-5));
  }

  .x1ajqlyv:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: calc(-1 * var(--spacing-2));
  }

  .x1oms9s6:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: calc((1em * var(--text-body-leading) - 20px) / 2);
  }

  .x1233pnv:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: calc((1em * var(--text-body-leading) - 6px) / 2);
  }

  .x1j6tnbc:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: calc(calc(var(--spacing-4) + max(var(--astryx-layer-inset-block-start, 0px), var(--astryx-layer-inset-block-end, 0px))));
    margin-top: calc(calc(max(var(--spacing-4), env(safe-area-inset-top, 0px), env(safe-area-inset-bottom, 0px)) + max(var(--astryx-layer-inset-block-start, 0px), var(--astryx-layer-inset-block-end, 0px))));
  }

  .xjc2qm6:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: var(--spacing-0-5);
  }

  .xcsaf9d:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: var(--spacing-1);
  }

  .xtbrsbv:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: var(--spacing-2);
  }

  .xj6sv8s:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: var(--spacing-3);
  }

  .x1s1qpeq:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: var(--spacing-4);
  }

  .x13rv44w:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: var(--spacing-6);
  }

  .x1vhfslr:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: var(--x-marginBlockStart);
  }

  .x1lhixnp:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: calc(max(var(--spacing-4), env(safe-area-inset-top, 0px), env(safe-area-inset-bottom, 0px)) + max(var(--astryx-layer-inset-block-start, 0px), var(--astryx-layer-inset-block-end, 0px)));
  }

  .xmz0i5r:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-height: 100%;
  }

  .x1wj9ous:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-height: 100dvh;
  }

  .x18s7i0i:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-height: 176px;
  }

  .x1xiyphd:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-height: 240px;
  }

  .xuyqlj2:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-height: 300px;
  }

  .xbhvqqn:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-height: calc(100% - var(--spacing-3));
  }

  .x14bu9tk:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-height: calc(92dvh + 48px);
  }

  .x3v4n1:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-height: calc(calc(100vh - var(--spacing-4) - var(--spacing-4) - var(--astryx-layer-inset-block-start, 0px) - var(--astryx-layer-inset-block-end, 0px)));
    max-height: calc(calc(100dvb - calc(max(var(--spacing-4), env(safe-area-inset-top, 0px)) + var(--astryx-layer-inset-block-start, 0px)) - calc(max(var(--spacing-4), env(safe-area-inset-bottom, 0px)) + var(--astryx-layer-inset-block-end, 0px))));
  }

  .x1uh1i8a:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-height: min(300px,calc(100vh - var(--spacing-4) - var(--spacing-4) - var(--astryx-layer-inset-block-start, 0px) - var(--astryx-layer-inset-block-end, 0px)));
    max-height: min(300px,calc(100dvb - calc(max(var(--spacing-4), env(safe-area-inset-top, 0px)) + var(--astryx-layer-inset-block-start, 0px)) - calc(max(var(--spacing-4), env(safe-area-inset-bottom, 0px)) + var(--astryx-layer-inset-block-end, 0px))));
  }

  .xpnbb6b:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-height: min(480px, 100vh - 32px);
  }

  .x7ab17h:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-height: none;
  }

  .xenllk4:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-height: var(--container-max-height, none);
  }

  .xbmfmqd:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-height: var(--x-maxBlockSize);
  }

  .x1jols5v:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-height: var(--x-maxHeight);
  }

  .x1m189uc:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 0;
  }

  .x193iq5w:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 100%;
  }

  .xlbgzzq:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 100dvw;
  }

  .x55n99s:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 15em;
  }

  .x1ncir08:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 200px;
  }

  .xw5ewwj:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 300px;
  }

  .xxc7z9f:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 360px;
  }

  .x1j9u4d2:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 400px;
  }

  .x17fpy1y:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 480px;
  }

  .xrlsmeg:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 600px;
  }

  .x11gisft:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 640px;
  }

  .x1ap80js:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 800px;
  }

  .xq8v1hd:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 90%;
  }

  .x1rfgw7b:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: calc(100% + var(--container-padding-inline-start, 0px) + var(--container-padding-inline-end, 0px));
  }

  .xc0b1yq:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: calc(calc(100vw - var(--spacing-4) - var(--spacing-4) - var(--astryx-layer-inset-inline-start, 0px) - var(--astryx-layer-inset-inline-end, 0px)));
    max-width: calc(calc(100vi - calc(max(var(--spacing-4), env(safe-area-inset-left, 0px)) + var(--astryx-layer-inset-inline-start, 0px)) - calc(max(var(--spacing-4), env(safe-area-inset-right, 0px)) + var(--astryx-layer-inset-inline-end, 0px))));
  }

  .xl6temz:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: max(80%, 280px);
  }

  .x1m1aaou:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: min(960px,calc(100dvw - var(--spacing-4)));
  }

  .x1x1rfll:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: none;
  }

  .xjl2t3p:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: var(--layout-content-width, none);
  }

  .x1jys5uj:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: var(--size-element-md);
  }

  .xf68679:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: var(--x-maxWidth);
  }

  .x2lwn1j:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 0;
  }

  .x1us19tq:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 100%;
  }

  .x1ov3xa9:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 100dvh;
  }

  .xz65tgg:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 200px;
  }

  .xisnujt:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 20px;
  }

  .xe0957l:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 22px;
  }

  .xjwf9q1:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 24px;
  }

  .xe0p6wg:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 28px;
  }

  .x21xpn4:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 32px;
  }

  .x121v3j4:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: min-content;
  }

  .x1xf4nls:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: var(--size-element-lg);
  }

  .x1uogy3y:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: var(--size-element-md);
  }

  .x1gdqauq:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: var(--size-element-sm);
  }

  .x175cymr:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: var(--spacing-2);
  }

  .ximsjs8:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: var(--spacing-7);
  }

  .xkoleio:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: var(--spacing-8);
  }

  .x82snj4:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: var(--x-minHeight);
  }

  .x1dg37ty:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 44px;
  }

  .xeuugli:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 0;
  }

  .xgqtt45:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 100%;
  }

  .x1i9suas:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 120px;
  }

  .x1d77m7x:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 140px;
  }

  .x1b27s9g:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 160px;
    min-width: min(160px,calc(100vw - var(--spacing-4) - var(--spacing-4) - var(--astryx-layer-inset-inline-start, 0px) - var(--astryx-layer-inset-inline-end, 0px)));
    min-width: min(160px,calc(100vi - calc(max(var(--spacing-4), env(safe-area-inset-left, 0px)) + var(--astryx-layer-inset-inline-start, 0px)) - calc(max(var(--spacing-4), env(safe-area-inset-right, 0px)) + var(--astryx-layer-inset-inline-end, 0px))));
  }

  .x5w4yej:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 160px;
  }

  .xfb3i0g:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 180px;
  }

  .xgomdpo:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 1rem;
  }

  .x1jzhcrs:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 200px;
  }

  .xt4ypqs:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 20px;
  }

  .x12rczxh:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 220px;
  }

  .xlm99nl:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 240px;
  }

  .x1u2d2a2:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 280px;
  }

  .x1fns5xo:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 40px;
  }

  .x900493:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 48px;
  }

  .x13n9wmd:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 4ch;
  }

  .xfvyar9:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 60px;
  }

  .x187xtus:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 72px;
  }

  .xviorkc:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: anchor-size(width);
    min-width: min(anchor-size(width),calc(100vw - var(--spacing-4) - var(--spacing-4) - var(--astryx-layer-inset-inline-start, 0px) - var(--astryx-layer-inset-inline-end, 0px)));
    min-width: min(anchor-size(width),calc(100vi - calc(max(var(--spacing-4), env(safe-area-inset-left, 0px)) + var(--astryx-layer-inset-inline-start, 0px)) - calc(max(var(--spacing-4), env(safe-area-inset-right, 0px)) + var(--astryx-layer-inset-inline-end, 0px))));
  }

  .xrzjruh:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: anchor-size(width);
  }

  .x15x72sd:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: auto;
  }

  .x8wyhu6:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: calc(anchor-size(width) + 16px);
  }

  .x1pshirs:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: fit-content;
  }

  .xk8lq53:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: max-content;
  }

  .xg3bzn3:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: min(400px,calc(100vw - var(--spacing-4) - var(--spacing-4) - var(--astryx-layer-inset-inline-start, 0px) - var(--astryx-layer-inset-inline-end, 0px)));
    min-width: min(400px,calc(100vi - calc(max(var(--spacing-4), env(safe-area-inset-left, 0px)) + var(--astryx-layer-inset-inline-start, 0px)) - calc(max(var(--spacing-4), env(safe-area-inset-right, 0px)) + var(--astryx-layer-inset-inline-end, 0px))));
  }

  .x17ydmr0:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: var(--size-element-md);
  }

  .x1nkkqge:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: var(--size-element-sm);
  }

  .x18ki04u:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: var(--spacing-2);
  }

  .x16asifk:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: var(--spacing-5);
  }

  .xy8csz5:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: var(--spacing-7);
  }

  .xkj4a21:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: var(--x-minWidth);
  }

  .x1tutbut:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 44px;
  }

  .xw2csxc:not(#\#):not(#\#):not(#\#):not(#\#) {
    overflow-x: auto;
  }

  .x101abm8:not(#\#):not(#\#):not(#\#):not(#\#) {
    overflow-x: clip;
  }

  .x6ikm8r:not(#\#):not(#\#):not(#\#):not(#\#) {
    overflow-x: hidden;
  }

  .xyto64x:not(#\#):not(#\#):not(#\#):not(#\#) {
    overflow-x: var(--x-overflowX);
  }

  .x1odjw0f:not(#\#):not(#\#):not(#\#):not(#\#) {
    overflow-y: auto;
  }

  .x10wlt62:not(#\#):not(#\#):not(#\#):not(#\#) {
    overflow-y: hidden;
  }

  .x4ncuvb:not(#\#):not(#\#):not(#\#):not(#\#) {
    overflow-y: var(--x-overflowY);
  }

  .x7p5m3t:not(#\#):not(#\#):not(#\#):not(#\#) {
    overscroll-behavior-x: contain;
  }

  .x18d9i69:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: 0;
  }

  .x1j85h84:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: 1px;
  }

  .x1wkw6tp:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 48px);
  }

  .x9jihrk:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: calc(var(--_chat-composer-padding) + var(--_chat-composer-radius));
  }

  .xvmia7e:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: calc(var(--container-padding-block-end, 0px) + env(safe-area-inset-bottom, 0px));
  }

  .xbv1mwh:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: calc(var(--container-padding-block-end) - var(--border-width));
  }

  .xxbfulo:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: calc(var(--spacing-3) + var(--radius-chat));
  }

  .xwhchk8:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: max(var(--_tab-strip-bleed),calc(-1 * var(--_tab-indicator-bottom, -1px)));
  }

  .xew4nw4:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: max(var(--spacing-4),env(safe-area-inset-bottom, 0px));
  }

  .xvpcij2:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: var(--_chat-composer-padding);
  }

  .x1rgxemn:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: var(--astryx-dialog-padding-block-end, var(--astryx-dialog-padding, max(var(--spacing-4),env(safe-area-inset-bottom, 0px))));
  }

  .x3jnfsm:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: var(--astryx-number-input-padding-block-end, var(--astryx-number-input-padding, var(--spacing-1)));
  }

  .xc1wllq:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: var(--container-padding-block-end);
  }

  .xg476vw:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: var(--layout-padding-inner-y, var(--spacing-4));
  }

  .x1363qu6:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: var(--layout-padding-own-outer-y, var(--layout-padding-outer-y, var(--spacing-4)));
  }

  .xij103a:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: var(--spacing-0-5);
  }

  .x1l20ajd:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: var(--spacing-0);
  }

  .x1opdxmq:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: var(--spacing-1-5);
  }

  .xy143xn:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: var(--spacing-1);
  }

  .x2izi54:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: var(--spacing-10);
  }

  .x1wesfrj:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: var(--spacing-2);
  }

  .xvmdzux:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: var(--spacing-3);
  }

  .x1awphl8:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: var(--spacing-4);
  }

  .x1hk98q:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: var(--spacing-5);
  }

  .xjpqqx5:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: var(--spacing-6);
  }

  .xekm6fs:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: var(--spacing-7);
  }

  .x2oz4g1:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: var(--spacing-8);
  }

  .xexx8yu:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: 0;
  }

  .x1htvmrp:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: calc(var(--_chat-composer-padding) + var(--_chat-composer-radius));
  }

  .xdgtoc0:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: calc(var(--_field-status-overlap, var(--spacing-1-5)) + var(--spacing-2));
  }

  .x1enrzb7:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: calc(var(--border-width) + var(--spacing-1));
  }

  .x1nex4ik:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: calc(var(--container-padding-block-start) - var(--border-width));
  }

  .x1vjezoa:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: max(var(--spacing-4),env(safe-area-inset-top, 0px));
  }

  .x2gtn7z:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: var(--_chat-composer-padding);
  }

  .xlr2r7p:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: var(--_tab-strip-bleed);
  }

  .x15ld1ci:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: var(--astryx-dialog-padding-block-start, var(--astryx-dialog-padding, max(var(--spacing-4),env(safe-area-inset-top, 0px))));
  }

  .x4kswst:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: var(--astryx-number-input-padding-block-start, var(--astryx-number-input-padding, var(--spacing-1)));
  }

  .x14m0hsi:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: var(--container-padding-block-start);
  }

  .xqty4a:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: var(--layout-padding-inner-y, var(--spacing-4));
  }

  .xuqi0w:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: var(--layout-padding-own-outer-y, var(--layout-padding-outer-y, var(--spacing-4)));
  }

  .xbx876j:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: var(--spacing-0-5);
  }

  .x1ydh6w3:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: var(--spacing-0);
  }

  .x1kwdpsa:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: var(--spacing-1-5);
  }

  .xfsso4q:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: var(--spacing-1);
  }

  .xk6660b:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: var(--spacing-10);
  }

  .x1xye8es:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: var(--spacing-2);
  }

  .x1vlblms:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: var(--spacing-3);
  }

  .x1oa1p4a:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: var(--spacing-4);
  }

  .xx7rijo:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: var(--spacing-5);
  }

  .x1adxfkp:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: var(--spacing-6);
  }

  .xoxd1wu:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: var(--spacing-8);
  }

  .x13vifvy:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: 0;
  }

  .xuivejd:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: 14px;
  }

  .xs7f9wi:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: 2px;
  }

  .xwa60dl:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: 50%;
  }

  .x1ltwjim:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: anchor(--outline-active top,0px);
  }

  .x80663w:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: auto;
  }

  .x7rbydg:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: calc(50% - 14px);
  }

  .x1oysc8t:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: calc(var(--size-element-lg) / 2 - 1px);
  }

  .xkmsrut:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: calc(var(--size-element-md) / 2 - 1px);
  }

  .x1968x6z:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: calc(var(--size-element-sm) / 2 - 1px);
  }

  .xht72ud:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: var(--_app-shell-header-height, 0px);
  }

  .xawarol:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: var(--astryx-layer-inset-block-start, 0px);
  }

  .x8d4r5l:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: var(--spacing-1);
  }

  .xctzyg:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: var(--spacing-2);
  }

  .xyx6v2t:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: var(--spacing-3);
  }

  .xjbys53:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: var(--x-top);
  }

  .x1jw3ynk:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: .75rem;
  }

  .xnalus7:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 0;
  }

  .xwqq7k2:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 1.25rem;
  }

  .xp8d6y2:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 1.5rem;
  }

  .xh8yej3:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 100%;
  }

  .x1o6l61p:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 100dvw;
  }

  .xn9wirt:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 100vw;
  }

  .x1fsd2vl:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 10px;
  }

  .xsmyaan:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 12px;
  }

  .x6jxa94:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 14px;
  }

  .x1kky2od:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 16px;
  }

  .xzjbwwf:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 180px;
  }

  .x1xp8n7a:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 18px;
  }

  .x15vhz18:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 1em;
  }

  .x1i1rx1s:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 1px;
  }

  .xcdlrvm:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 1rem;
  }

  .x1oysuqx:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 200px;
  }

  .xw4jnvo:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 20px;
  }

  .xafpxmx:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 240px;
  }

  .xvy4d1p:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 24px;
  }

  .x1hfn5x7:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 260px;
  }

  .xfo62xy:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 2px;
  }

  .x1td3qas:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 32px;
  }

  .x1g8rjiy:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 3px;
  }

  .xz84dc7:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 40%;
  }

  .x1l2rt3b:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 400px;
  }

  .x100vrsf:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 40px;
  }

  .x51ohtg:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 4px;
  }

  .x1fu8urw:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 64px;
  }

  .x1v4s8kt:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 6px;
  }

  .x1xc55vz:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 8px;
  }

  .x1xgy17j:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: anchor-size(width);
  }

  .x14atkfc:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: auto;
  }

  .xx6qvi6:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: calc(100% + var(--container-padding-inline-start, 0px) + var(--container-padding-inline-end, 0px));
  }

  .x1y2t9nm:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 36px;
  }

  .xeq5yr9:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: fit-content;
  }

  .xezivpi:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: max-content;
  }

  .x1qwjaml:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: max(0px,calc(-1 * calc(var(--_item-swipe-travel, 0px) * var(--_item-swipe-dir, 1))));
  }

  .x96shys:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: max(0px,calc(var(--_item-swipe-travel, 0px) * var(--_item-swipe-dir, 1)));
  }

  .x17cz0of:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: min(var(--spacing-6),40px);
  }

  .x63cpjl:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: var(--_progressbar-mark-width, 2px);
  }

  .x6v0vjy:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: var(--_spinner-box-size);
  }

  .xjk4fl7:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: var(--border-width);
  }

  .xkhob8h:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: var(--resize-handle-hit-area, 16px);
  }

  .x1m747yf:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: var(--size-element-lg);
  }

  .x805d0l:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: var(--size-element-md);
  }

  .x1fvqzum:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: var(--size-element-sm);
  }

  .x1wu31ai:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: var(--spacing-1-5);
  }

  .xx9zwd3:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: var(--spacing-1);
  }

  .xhgvbfk:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: var(--spacing-12);
  }

  .x1f0dxl5:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: var(--spacing-2);
  }

  .x1ad1g3v:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: var(--spacing-3);
  }

  .x12xnipv:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: var(--spacing-4);
  }

  .xfyiiit:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: var(--spacing-5);
  }

  .x1mtvzj0:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: var(--spacing-6);
  }

  .xgc8j7m:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: var(--spacing-8);
  }

  .xta46cu:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: var(--text-large-size);
  }

  .x5livx5:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: var(--text-supporting-size);
  }

  .x11ymkkh:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: var(--x-1xmrurk);
  }

  .x1uyokj7:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: var(--x-inlineSize);
  }

  .x5lhr3w:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: var(--x-width);
  }

  .x1wp2rvj.x1wp2rvj:where(.x139im0d:last-child *):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-bottom-width: 0;
  }

  .x1m6kvgq:not([stylex-hack]) > :not(#\#):not(#\#):not(#\#):not(#\#), .x1vonza8.x1vonza8:where(.astryx-input-group > *):not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 100%;
  }

  .x132qfvm:focus-within:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: auto;
  }

  .xsg11nj.xsg11nj:where(.x-default-marker:has( > .astryx-layout-footer:not([data-divider])) *):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: 0;
  }

  .x1ioh5az.x1ioh5az:where(.x-default-marker:has( > .astryx-layout-header:not([data-divider])) *):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: 0;
  }

  .x1kw28su:focus-within:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: var(--spacing-1);
  }

  .xyz6fim:not([stylex-hack]) > :not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 100%;
  }

  .x10okhzq:focus-within:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: auto;
  }

  .x5du68j:has( ~ * [data-chat-name]):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: var(--spacing-5);
  }

  .xzzx6db:has([role="radio"]:not([aria-label])):not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 100%;
  }

  .xnpzo02:has( > div > .astryx-layout-content):not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: none;
  }

  .xpgkkid:has( > .astryx-layout-content):not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: none;
  }

  .xmzx3xy:has([role="radio"]:not([aria-label])):not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 0;
  }

  .x1d9v4yf:first-child:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-top-style: none;
  }

  .x1g31smg:first-child:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-top-width: 0;
  }

  .xkibk3:first-child:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: calc(-1 * var(--container-padding-block-start, 0px));
  }

  .x1vjq31q:first-child:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: 0;
  }

  .x1t1lzn6:last-child:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-bottom-width: 0;
  }

  .xlayyun:last-child:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: calc(-1 * var(--container-padding-block-end, 0px));
  }

  .xup0pd7:last-child:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: 0;
  }

  .xcax4zt:placeholder-shown:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 1px;
  }

  .x1o13q2w:placeholder-shown:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: calc(var(--size-element-lg) / 2 - 1px);
  }

  .x811pv0:placeholder-shown:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: calc(var(--size-element-md) / 2 - 1px);
  }

  .x1a21zuh:placeholder-shown:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: calc(var(--size-element-sm) / 2 - 1px);
  }

  .xbuu7xz:placeholder-shown:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: calc(100% - calc(var(--spacing-1) - 1px) - var(--_tokenizer-end-lane-reserve, calc(var(--spacing-1) - 1px)) - 2px - 1px);
  }

  .x15cytp8:focus:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: auto;
  }

  .x1rw3289:focus:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: var(--spacing-2);
  }

  .x1jqxupm:focus:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: auto;
  }

  @media (any-pointer: coarse) {
    .x1d3wnk4.x1d3wnk4:not(#\#):not(#\#):not(#\#):not(#\#) {
      height: 24px;
    }
  }

  @media (pointer: coarse) {
    .x80b3aj.x80b3aj:not(#\#):not(#\#):not(#\#):not(#\#) {
      min-height: 24px;
    }

    .x17aqpur.x17aqpur:not(#\#):not(#\#):not(#\#):not(#\#), .xygd9yz.xygd9yz:not(#\#):not(#\#):not(#\#):not(#\#) {
      min-height: 44px;
    }

    .xkagaj0.xkagaj0:not(#\#):not(#\#):not(#\#):not(#\#) {
      min-width: 24px;
    }

    .x1xrq5m.x1xrq5m:not(#\#):not(#\#):not(#\#):not(#\#), .xngvp7v.xngvp7v:not(#\#):not(#\#):not(#\#):not(#\#) {
      min-width: 44px;
    }
  }

  @media (any-pointer: coarse) {
    .x1c4064q.x1c4064q:not(#\#):not(#\#):not(#\#):not(#\#) {
      width: 24px;
    }
  }

  @media (max-width: 640px) {
    .xci7e5a.xci7e5a:not(#\#):not(#\#):not(#\#):not(#\#) {
      width: var(--x-fqzwsx);
    }
  }

  @supports (-webkit-touch-callout: none) {
    @media (pointer: coarse) {
      .x9w4715.x9w4715.x9w4715:not(#\#):not(#\#):not(#\#):not(#\#) {
        height: calc(max(1rem,var(--text-body-size)) * var(--text-body-leading));
        height: 1lh;
      }
    }
  }

  .x8s9nux[data-astryx-press="fading"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    animation-duration: .2s;
  }

  .xziyay6[data-astryx-press="fading"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    animation-fill-mode: both;
  }

  .x14e4jsf[data-astryx-press="fading"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    animation-name: x10jkm1t-B;
  }

  .xwkbtvz[data-astryx-press="fading"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
  }

  .x7qqc7o[data-astryx-press="on"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .xf3x42i[data-astryx-press="fading"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-neutral);
  }

  .x1bev2v5[data-astryx-press="on"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .x524tya[data-astryx-press="fading"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-image: none;
  }

  @starting-style {
    .x1sopeo2.x1sopeo2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      grid-template-rows: 0fr;
    }
  }

  .xramuyw:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    inset: -4px;
  }

  .xarstr8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after, .xxx281p:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    inset: 0;
  }

  .xht581f:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    inset: var(--_input-clear-hit-inset);
  }

  .xeu5z55:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    inset: var(--_thumbnail-hit-inset);
  }

  @starting-style {
    .x4itv7f.x4itv7f:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      opacity: 0;
    }
  }

  .x1ylxtyb[data-astryx-press="on"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    transform: none;
  }

  .x3y5scg[data-astryx-press="on"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    transform: scale(.98);
  }

  @starting-style {
    .x6mt36l.x6mt36l:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      transform: translateX(-100%);
    }

    .x1yqmsfc.x1yqmsfc:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      transform: translateX(100%);
    }

    .xub2912.xub2912:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      transform: translateY(-100%);
    }

    .x12p7p72.x12p7p72:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      transform: translateY(-4px);
    }

    .xhbqy3z.xhbqy3z:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      transform: translateY(100%);
    }

    .x6s140c.x6s140c:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      transform: translateY(var(--_toast-slide-y, var(--spacing-2)));
    }
  }

  .x13ugjdw.x13ugjdw:where(:not(:disabled, [aria-disabled="true"]))[data-astryx-press="on"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .xl8sb5e.xl8sb5e:where(:not(:disabled, [aria-disabled="true"]))[data-astryx-press="fading"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: #0000;
  }

  .x1qxwyo6.x1qxwyo6:where(:not(:disabled, [aria-disabled="true"]))[data-astryx-press="fading"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .x5rw36h.x5rw36h:where(:not(:disabled, [aria-disabled="true"]))[data-astryx-press="on"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-image: var(--_press-paint-image),linear-gradient(var(--color-neutral),var(--color-neutral));
  }

  .x7ngsy6.x7ngsy6:where(:not(:disabled, [aria-disabled="true"]))[data-astryx-press="on"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .xubczrd.xubczrd:where(:not(:disabled, [aria-disabled="true"]))[data-astryx-press="fading"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-image: var(--_press-paint-image);
  }

  @starting-style {
    .x1lymnkk.x1lymnkk:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      transform: translateX(-100%);
    }

    .x14gflnl.x14gflnl:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      transform: translateX(100%);
    }

    .xrxqmjf.xrxqmjf:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      transform: translateX(-100%);
    }

    .x1r0dqvm.x1r0dqvm:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      transform: translateX(100%);
    }
  }

  @media (forced-colors: active) {
    .x1pjcgc3.x1pjcgc3[data-astryx-press="fading"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .x1r4mieh.x1r4mieh[data-astryx-press="on"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: highlight;
    }
  }

  .x1k48kgn:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after, .xxyica1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    border-radius: inherit;
  }

  .xq94oqs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    border-radius: var(--radius-full);
  }

  .xtb6wbx:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    border-radius: var(--radius-inner);
  }

  .x17gn2l9:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    grid-column: 1;
  }

  .xd54j2p:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    inset-block: 0;
  }

  .xpsyfx0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-date-and-time-value {
    margin-block: 0;
  }

  .x1qqcexc:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-date-and-time-value {
    margin-inline: 0;
  }

  .x1xb3ux:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    overflow: hidden;
  }

  .x1x4c3m6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-date-and-time-value {
    padding-block: 0;
  }

  .xtbxizx:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-datetime-edit {
    padding-block: 0;
  }

  @starting-style {
    .x5rzir7.x5rzir7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      padding-bottom: 0;
    }
  }

  .xkqr7wz:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-date-and-time-value {
    padding-inline: 0;
  }

  .xslb4at:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-datetime-edit {
    padding-inline: 0;
  }

  .xvtkv6q:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    transition: background-color .15s, width .15s;
  }

  .x17s1k9h:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    transition: opacity .15s;
  }

  .x19ds33d:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    align-self: start;
  }

  .x1abwkk1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
  }

  .xyhc2n1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    background-color: #0000;
  }

  .x1l0fnur:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    background-color: var(--_press-overlay);
  }

  .x1tzqye7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    background-color: var(--color-accent);
  }

  .xnixb3f:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop {
    background-color: var(--color-overlay);
  }

  .x1i3206j:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    background-color: var(--indicator-color, transparent);
  }

  .x1uvfo0n:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    background-color: var(--table-row-overlay, transparent);
  }

  .xccdyz0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    background-image: linear-gradient(to left,var(--color-shadow),transparent);
  }

  .x1ppu1g5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    background-image: linear-gradient(to right,var(--color-shadow),transparent);
  }

  .xnnzo76:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    border-inline-start-color: var(--color-border);
  }

  .xvsnedh:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    border-inline-start-style: solid;
  }

  .x1p96cux:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    border-inline-start-width: var(--border-width);
  }

  .x147exv5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    color: var(--color-syntax-added-marker);
  }

  .xtkarl4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    color: var(--color-syntax-punctuation);
  }

  .x16hy5kr:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    color: var(--color-syntax-removed-marker);
  }

  .xnf3u0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::placeholder {
    color: var(--color-text-disabled);
  }

  .xeyghm5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::placeholder {
    color: var(--color-text-secondary);
  }

  .x1cpjm7i:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before, .x1s928wv:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    content: "";
  }

  .x4jt1l0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    content: "​";
    content: "​" / "";
  }

  .x46gnpd:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    content: attr(data-line);
  }

  .x1mls8ih:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    content: counter(astryx-list, lower-alpha) ".";
  }

  .xdaf9gw:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    content: counter(astryx-list, lower-roman) ".";
  }

  .xc2ndz5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    content: counter(astryx-list) ".";
  }

  .xh3pasq:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    content: var(--_input-clear-hit-content);
  }

  .xhkezso:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    display: block;
  }

  .xolhmmf:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-calendar-picker-indicator {
    display: none;
  }

  .x3nzp0f:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    font-family: var(--font-family-code);
  }

  .x1899uy6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    font-size: var(--text-body-size);
  }

  .xekda60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    inset-inline-end: -2px;
  }

  .x1unh1gc:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    inset-inline-end: 0;
  }

  .xvw6utc:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    inset-inline-start: -2px;
  }

  .x1iygr5g:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    inset-inline-start: 0;
  }

  .x1km86hw:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    inset-inline-start: calc(var(--spacing-4) + var(--_codeblock-gutter-width) + var(--spacing-3));
  }

  .x15bqym3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-datetime-edit {
    line-height: inherit;
  }

  .x1f74mqm:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-date-and-time-value {
    line-height: inherit;
  }

  .x1xcinxp:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    line-height: var(--text-body-leading);
  }

  .xph5o2a:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop {
    opacity: 0;
  }

  .xb3n6bw:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop {
    opacity: 1;
  }

  .xni466t:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop {
    opacity: var(--_sheet-scrim-opacity, 1);
  }

  .x1c2idit:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    opacity: var(--table-sticky-shadow-end, 0);
  }

  .x1sggmfs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    opacity: var(--table-sticky-shadow-start, 0);
  }

  .x2q1x1w:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after, .xkk1bqk:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    pointer-events: none;
  }

  .x1hmns74:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before, .x1j6awrg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    position: absolute;
  }

  .x1wnbjh8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    text-align: end;
  }

  .x9rmy9g:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-date-and-time-value {
    text-align: start;
  }

  .x1fgylwi:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    transform-origin: top;
  }

  .xgu12d:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    transform-origin: 0;
  }

  .x1e8txe:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    transform: scaleX(0);
  }

  .xp1ps4y:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    transform: scaleX(1);
  }

  .xb5f74o:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    transform: scaleY(0);
  }

  .xd30wvy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    transform: scaleY(1);
  }

  .xvs0bi2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    transform: translateX(-100%);
  }

  .x1qyefdi:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    transform: translateX(100%);
  }

  .x142juwg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop {
    transition-behavior: allow-discrete;
  }

  .xizoc3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    transition-delay: var(--x-owu7oy);
  }

  .x18w5vxb:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    transition-duration: var(--_press-overlay-transition);
  }

  .x10buo38:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop {
    transition-duration: var(--_sheet-scrim-duration, var(--duration-medium));
  }

  .x1y1nw7a:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    transition-duration: var(--duration-fast);
  }

  .xft5bk6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop, .xuhr57t:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    transition-duration: var(--duration-medium);
  }

  .x196sc62:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    transition-duration: var(--x-1dd27dc);
  }

  .x1ywzrc5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after, .xxcwgru:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    transition-property: background-color;
  }

  .xc0dz0a:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop {
    transition-property: opacity, display;
  }

  .x167zut7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop {
    transition-property: opacity;
  }

  .x1hu8v7x:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    transition-property: transform;
  }

  .x1cz9k3x:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop, .xyt8op7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    transition-timing-function: linear;
  }

  .x15h3t91:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop, .x1dlmc9c:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after, .xa5v58t:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    transition-timing-function: var(--ease-standard);
  }

  .x1rbqspl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    -webkit-user-select: none;
    user-select: none;
  }

  .xy5mcqj:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    z-index: -1;
  }

  .xzywxsk.xzywxsk:where(.x1odsvnm:active *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after, .x2kv6q6.x2kv6q6:where(.x1odsvnm:active:not(:has(a:active, button:active, [role="button"]:active, [role="link"]:active)) *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    background-color: var(--color-overlay-pressed);
  }

  .xk7vujl:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    background-image: linear-gradient(to left,var(--color-shadow),transparent);
  }

  .xlptwl5:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    background-image: linear-gradient(to right,var(--color-shadow),transparent);
  }

  .xdq8fwl:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    transform-origin: 100%;
  }

  .x1c108yo:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    transform: translateX(-100%);
  }

  .x12ayhd5:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    transform: translateX(100%);
  }

  @media (prefers-reduced-motion: reduce) {
    .xhhm9v0.xhhm9v0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
      transition-delay: 0s;
    }

    .x1viac0w.x1viac0w:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop {
      transition-duration: 10ms;
    }

    .x13sdc92.x13sdc92:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
      transition-duration: 0s;
    }

    .x15l12jy.x15l12jy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop {
      transition-duration: var(--_sheet-scrim-duration, 10ms);
    }
  }

  @media (pointer: coarse) {
    .x1gybruy.x1gybruy.x1gybruy:where(.x1odsvnm:active *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after, .xapkq76.xapkq76.xapkq76:where(.x1odsvnm:active:not(:has(a:active, button:active, [role="button"]:active, [role="link"]:active)) *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
      background-color: #0000;
    }

    .x1ikgzpo.x1ikgzpo.x1ikgzpo:where(.x1odsvnm[data-astryx-press="on"] *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after, .xsozn46.xsozn46.xsozn46:where(.x1odsvnm[data-astryx-press="fading"] *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
      background-image: var(--_press-paint-image);
    }
  }

  .xe80sof:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    bottom: -2px;
  }

  .x1xrz1ek:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    bottom: 0;
  }

  .xu6fald:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    height: var(--_sheet-keyboard-inset, 0px);
  }

  .xec4aax:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-date-and-time-value {
    min-height: 0;
  }

  .x51xajf:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    top: -2px;
  }

  .x1m1drc7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    top: 0;
  }

  .xk9ib7f:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before, .xkj6t0a:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    width: 0;
  }

  .xzkji8o:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    width: 6px;
  }

  .xi8c0p9:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    width: var(--indicator-width, 1px);
  }

  @starting-style {
    .xxiuuzi.xxiuuzi:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop {
      opacity: 0;
    }
  }
}

@layer astryx-theme, components;

@layer utilities {
  .collapse {
    visibility: collapse;
  }

  .visible {
    visibility: visible;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .isolate {
    isolation: isolate;
  }

  .-order-0 {
    order: calc(0 * -1);
  }

  .-order-4 {
    order: calc(4 * -1);
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .table {
    display: table;
  }

  .flex-shrink {
    flex-shrink: 1;
  }

  .grow {
    flex-grow: 1;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .resize {
    resize: both;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .rounded {
    border-radius: .25rem;
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

/* [project]/src/app/commerce.css [app-client] (css) */
@layer legacy {
  .commerce-shell {
    color: #222;
    background: #fff;
    min-height: 100dvh;
    font-size: 14px;
  }

  .commerce-pilot-bar {
    color: #555;
    letter-spacing: .02em;
    background: #f5f5f5;
    border-bottom: 1px solid #eee;
    justify-content: center;
    align-items: center;
    gap: 10px;
    min-height: 29px;
    padding: 5px 16px;
    font-size: 11px;
    display: flex;
  }

  .commerce-pilot-bar span {
    color: #aaa;
  }

  .commerce-header {
    z-index: 35;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: #ffffffed;
    border-bottom: 1px solid #ebebeb;
    align-items: center;
    gap: 36px;
    min-height: 83px;
    padding: 0 max(32px, 50vw - 688px);
    display: flex;
    position: sticky;
    top: 0;
  }

  .commerce-header .wordmark {
    letter-spacing: -1.7px;
    font-size: 32px;
  }

  .commerce-header .brand-arrow {
    margin-left: 5px;
  }

  .commerce-desktop-nav {
    flex: 1;
    align-self: stretch;
    align-items: stretch;
    gap: 25px;
    display: flex;
  }

  .commerce-desktop-nav > a {
    color: #777;
    white-space: nowrap;
    align-items: center;
    font-size: 12px;
    display: flex;
    position: relative;
  }

  .commerce-desktop-nav > a[aria-current="page"] {
    color: #222;
    font-weight: 650;
  }

  .commerce-desktop-nav > a[aria-current="page"]:after {
    content: "";
    background: #222;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .commerce-header-actions {
    align-items: center;
    gap: 23px;
    margin-left: auto;
    display: flex;
  }

  .commerce-signin {
    white-space: nowrap;
    font-size: 12px;
  }

  .commerce-join {
    background: var(--ef-control-primary-bg);
    color: var(--ef-control-text);
    white-space: nowrap;
    align-items: center;
    gap: 14px;
    padding: 12px 16px;
    font-size: 12px;
    display: inline-flex;
  }

  .commerce-menu-toggle {
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    display: none;
  }

  .commerce-account {
    position: relative;
  }

  .commerce-account summary {
    cursor: pointer;
    align-items: center;
    gap: 9px;
    font-size: 12px;
    list-style: none;
    display: flex;
  }

  .commerce-account summary::-webkit-details-marker {
    display: none;
  }

  .commerce-account summary > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 170px;
    overflow: hidden;
  }

  .commerce-account > div {
    z-index: 40;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    width: 220px;
    padding: 8px;
    position: absolute;
    top: 34px;
    right: 0;
  }

  .commerce-account button {
    text-align: left;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 10px;
    font-size: 12px;
    display: flex;
  }

  .commerce-account-status {
    color: #777;
    border-bottom: 1px solid #eee;
    margin-bottom: 3px;
    padding: 10px;
    font-size: 11px;
    display: block;
  }

  .commerce-mobile-nav {
    z-index: 34;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    padding: 8px 24px 18px;
    position: sticky;
    top: 76px;
  }

  .commerce-mobile-nav > a {
    border-bottom: 1px solid #f1f1f1;
    justify-content: space-between;
    align-items: center;
    padding: 13px 0;
    font-size: 14px;
    display: flex;
  }

  .commerce-mobile-nav > a[aria-current="page"] {
    font-weight: 700;
  }

  .commerce-main-shell {
    min-width: 0;
  }

  .commerce-content {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 32px 64px;
  }

  .commerce-eyebrow {
    letter-spacing: .13em;
    color: #666;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.5;
    display: block;
  }

  .commerce-hero {
    grid-template-columns: .92fr 1.08fr;
    gap: 0;
    padding: 32px 0 0;
    display: grid;
  }

  .commerce-hero-copy {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 57px 28px 55px 16px;
    display: flex;
  }

  .commerce-hero-copy h1 {
    letter-spacing: -.058em;
    margin: 24px 0 22px;
    font-size: clamp(40px, 4.1vw, 63px);
    font-weight: 570;
    line-height: 1.09;
  }

  .commerce-hero-copy h1 > span {
    color: #8a8881;
  }

  .commerce-hero-copy > p {
    color: #666;
    font-size: 15px;
    line-height: 1.8;
  }

  .commerce-hero-actions {
    align-items: center;
    gap: 23px;
    margin-top: 32px;
    display: flex;
  }

  .commerce-shell .btn {
    border-radius: var(--ef-control-radius);
    gap: 16px;
    min-height: 43px;
    padding: 12px 18px;
    font-size: 12px;
  }

  .commerce-shell .btn-primary {
    background: var(--ef-control-primary-bg);
    color: var(--ef-control-text);
    border: 1px solid var(--ef-border-control);
  }

  .commerce-shell .btn-outline {
    color: #222;
    border: 1px solid var(--ef-border-control);
    background: none;
  }

  .commerce-text-link {
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 500;
    display: inline-flex;
  }

  .commerce-hero-image {
    aspect-ratio: 1.35;
    background: #f3f1ec;
    border-radius: 8px;
    min-width: 0;
    margin: 0;
    position: relative;
    overflow: hidden;
  }

  .commerce-hero-image > img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
  }

  .commerce-hero-image > figcaption {
    color: #57534e;
    background: #ffffffe8;
    border: 1px solid #fff6;
    border-radius: 2px;
    padding: 4px 7px;
    font-size: 9px;
    position: absolute;
    bottom: 13px;
    right: 13px;
  }

  .commerce-principles {
    border-bottom: 1px solid #e5e5e5;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    padding: 25px 16px;
    display: grid;
  }

  .commerce-principles > span {
    color: #5c5c5c;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 11px;
    display: flex;
  }

  .commerce-principles > span + span {
    border-left: 1px solid #e5e5e5;
  }

  .commerce-principles svg {
    color: #777;
  }

  .commerce-discovery {
    padding: 54px 0 0;
  }

  .commerce-section-head {
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    margin-bottom: 23px;
    display: flex;
  }

  .commerce-section-head h2 {
    letter-spacing: -.045em;
    margin-top: 8px;
    font-size: 29px;
    font-weight: 550;
    line-height: 1.2;
  }

  .commerce-home-search {
    border-bottom: 1px solid #999;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    width: 330px;
    padding-bottom: 3px;
  }

  .commerce-home-search input {
    border-radius: var(--ef-control-radius);
    outline-offset: 0;
    border: 0;
    min-height: 40px;
    padding: 8px 0;
    font-size: 13px;
  }

  .commerce-home-search button {
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    display: flex;
  }

  .discovery-categories {
    gap: 8px;
    margin-bottom: 26px;
    padding: 1px;
    display: flex;
    overflow-x: auto;
  }

  .discovery-categories > a {
    white-space: nowrap;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    align-items: center;
    gap: 26px;
    padding: 13px 16px;
    font-size: 12px;
    display: flex;
  }

  .discovery-categories > a:first-child {
    background: #f5f5f5;
    border-color: #f5f5f5;
  }

  .discovery-categories svg {
    color: #888;
  }

  .commerce-empty {
    text-align: center;
    background: #fafaf8;
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 290px;
    padding: 40px 22px;
    display: flex;
  }

  .commerce-empty > svg {
    color: #888;
    margin-bottom: 17px;
  }

  .commerce-empty h3 {
    letter-spacing: -.04em;
    margin: 9px 0;
    font-size: 24px;
    font-weight: 500;
  }

  .commerce-empty p {
    color: #777;
    max-width: 460px;
    font-size: 13px;
    line-height: 1.8;
  }

  .commerce-empty .btn {
    margin-top: 23px;
  }

  .commerce-seller-invite {
    background: #f5f4f0;
    border-radius: 8px;
    justify-content: space-between;
    align-items: flex-end;
    gap: 40px;
    margin-top: 56px;
    padding: 45px 42px;
    display: flex;
  }

  .commerce-seller-invite h2 {
    letter-spacing: -.045em;
    margin: 13px 0 15px;
    font-size: 38px;
    font-weight: 500;
    line-height: 1.15;
  }

  .commerce-seller-invite p {
    color: #777;
    font-size: 13px;
    line-height: 1.8;
  }

  .commerce-seller-invite > div:last-child {
    max-width: 300px;
  }

  .commerce-seller-invite .btn {
    margin-top: 22px;
  }

  .commerce-footer {
    border-top: 1px solid #e5e5e5;
    flex-wrap: wrap;
    align-items: center;
    gap: 25px;
    max-width: 1376px;
    margin: 0 auto;
    padding: 35px 0 28px;
    display: flex;
  }

  .commerce-footer .wordmark {
    font-size: 25px;
  }

  .commerce-footer .brand-arrow svg {
    width: 18px;
    height: 18px;
  }

  .commerce-footer p {
    color: #888;
    flex: 1;
    font-size: 11px;
  }

  .commerce-footer nav {
    color: #666;
    gap: 25px;
    font-size: 11px;
    display: flex;
  }

  .commerce-footer small {
    color: #999;
    flex-basis: 100%;
    font-size: 10px;
  }

  .commerce-shell .demo-ribbon {
    margin: 0;
  }

  .catalog-heading {
    padding: 53px 0 27px;
  }

  .catalog-heading h1 {
    letter-spacing: -.05em;
    margin: 10px 0 12px;
    font-size: 43px;
    font-weight: 550;
  }

  .catalog-heading p {
    color: #777;
    font-size: 14px;
  }

  .commerce-verification-note {
    color: #777;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    align-items: center;
    gap: 12px;
    margin-bottom: 23px;
    padding: 14px 17px;
    display: flex;
  }

  .commerce-verification-note strong {
    color: #444;
    font-weight: 500;
  }

  .catalog-search-form {
    gap: 20px;
  }

  .catalog-search-input {
    border-bottom: 1px solid var(--ef-border-control);
    align-items: center;
    gap: 15px;
    padding: 0 0 14px;
    display: flex;
  }

  .catalog-search-input > svg {
    color: #666;
  }

  .catalog-search-input input {
    letter-spacing: -.02em;
    border-radius: var(--ef-control-radius);
    outline: 2px solid var(--ef-focus);
    border: 0;
    min-height: 44px;
    padding: 8px 0;
    font-size: 22px;
  }

  .catalog-search-input input:focus-visible {
    box-shadow: none;
  }

  .catalog-search-input:focus-within {
    border-color: var(--ef-border-control);
  }

  .catalog-search-input .btn {
    flex-shrink: 0;
  }

  .commerce-shell .market-filters {
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
    margin: 0;
  }

  .commerce-shell .market-filters label {
    color: #777;
    gap: 8px;
    min-width: 135px;
    font-size: 11px;
    font-weight: 450;
  }

  .commerce-shell .market-filters input, .commerce-shell .market-filters select {
    border: 1px solid var(--ef-border-control);
    border-radius: var(--ef-control-radius);
    min-height: 40px;
    padding: 9px 10px;
    font-size: 12px;
  }

  .catalog-category-row {
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin: 27px 0 20px;
    display: flex;
  }

  .catalog-category-row .filter-pills {
    flex: 1;
    gap: 7px;
  }

  .catalog-category-row .filter-pills a {
    border-radius: var(--ef-control-radius);
    color: #666;
    background: #f5f5f5;
    padding: 8px 14px;
    font-size: 12px;
  }

  .catalog-category-row .filter-pills a.active {
    background: var(--ef-control-primary-bg);
    color: var(--ef-control-text);
  }

  .catalog-category-row > .text-button {
    flex-shrink: 0;
    font-size: 11px;
  }

  .commerce-shell .market-result {
    margin: 0 0 25px;
    padding-bottom: 16px;
    font-size: 11px;
  }

  .commerce-shell .market-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 30px 20px;
  }

  .commerce-shell .lot-card {
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    min-width: 0;
    display: block;
  }

  .commerce-shell .lot-image {
    aspect-ratio: 1.12;
    background: #f5f5f5;
  }

  .commerce-shell .lot-image > img {
    object-fit: contain;
    display: block;
  }

  .commerce-shell .lot-image > .badge {
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 10px;
    font-weight: 500;
    top: 12px;
    left: 12px;
  }

  .photo-unavailable {
    text-align: center;
    color: #888;
    font-size: 11px;
    position: absolute;
    bottom: 20%;
    left: 0;
    right: 0;
  }

  .commerce-shell .lot-card-body {
    padding: 16px 16px 0;
  }

  .commerce-shell .lot-card-body > .row-between .eyebrow {
    letter-spacing: 0;
    text-transform: none;
    color: #777;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 5px;
    font-size: 10px;
    overflow: hidden;
  }

  .seller-verified-mark {
    color: #777;
    display: inline-flex;
  }

  .commerce-shell .lot-card h3 {
    letter-spacing: -.025em;
    margin: 8px 0 7px;
    font-size: 15px;
    font-weight: 550;
    line-height: 1.5;
  }

  .commerce-shell .lot-card-body > p {
    font-size: 11px;
  }

  .commerce-shell .lot-price {
    align-items: flex-end;
    gap: 5px;
    margin: 21px 0 16px;
  }

  .commerce-shell .lot-price small {
    margin-bottom: 4px;
    font-size: 10px;
  }

  .commerce-shell .lot-price strong {
    font-size: 24px;
    font-weight: 550;
  }

  .commerce-shell .lot-price > span {
    color: #888;
    white-space: nowrap;
    background: none;
    padding: 0 0 3px;
    font-size: 10px;
  }

  .commerce-shell .lot-bottom {
    gap: 10px;
    padding: 14px 0;
    font-size: 10px;
  }

  .commerce-shell .lot-bottom > span:first-child {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .commerce-shell .lot-bottom > span:last-child {
    color: #555;
    flex-shrink: 0;
    align-items: center;
    gap: 4px;
    display: flex;
  }

  .catalog-pagination {
    justify-content: center;
    align-items: center;
    gap: 32px;
    margin: 38px 0 0;
    font-size: 12px;
    display: flex;
  }

  .catalog-pagination > span {
    color: #999;
  }

  .catalog-pagination > a {
    text-underline-offset: 4px;
    text-decoration: underline;
  }

  .commerce-content > .back-link {
    margin: 30px 0 25px;
    font-size: 12px;
  }

  .commerce-shell .lot-detail {
    gap: 60px;
    margin-bottom: 50px;
  }

  .commerce-shell .lot-detail-image {
    border: 1px solid #e8e8e8;
    position: relative;
  }

  .commerce-shell .lot-detail-copy h1 {
    margin: 20px 0 18px;
    font-size: 37px;
    font-weight: 550;
    line-height: 1.18;
  }

  .commerce-shell .lot-detail-copy > p {
    color: #777;
    white-space: pre-line;
    font-size: 14px;
    line-height: 1.85;
  }

  .commerce-shell .lot-specs {
    gap: 20px;
    margin: 23px 0;
  }

  .commerce-shell .lot-specs small {
    font-size: 11px;
  }

  .commerce-shell .lot-specs strong {
    font-size: 13px;
    font-weight: 500;
  }

  .commerce-shell .lot-buy-box > strong {
    margin: 7px 0;
    font-size: 37px;
    font-weight: 550;
  }

  .commerce-shell .lot-buy-box > span {
    font-size: 12px;
  }

  .commerce-shell .lot-buy-box .fee-breakdown {
    padding: 18px 0;
  }

  .commerce-shell .fee-breakdown > div {
    font-size: 13px;
  }

  .commerce-shell .purchase-actions {
    gap: 10px;
  }

  .commerce-shell .purchase-actions .btn {
    flex: 1;
    min-height: 47px;
  }

  .commerce-shell .panel {
    border-radius: 8px;
  }

  .commerce-shell .section-heading {
    padding: 21px 24px;
  }

  .commerce-shell .section-heading h2 {
    font-size: 16px;
  }

  .commerce-shell table {
    font-size: 12px;
  }

  .commerce-shell .page-heading {
    padding: 42px 0 24px;
  }

  .commerce-shell .page-heading h1 {
    font-size: 34px;
    font-weight: 550;
  }

  .commerce-shell .page-heading p {
    font-size: 13px;
  }

  .commerce-shell .transaction-grid {
    gap: 28px;
  }

  .commerce-shell .callout {
    font-size: 12px;
  }

  .sell-hero .commerce-hero-copy h1 {
    font-size: clamp(39px, 3.7vw, 55px);
  }

  .sell-hero .commerce-hero-copy > .btn {
    margin-top: 27px;
  }

  .sell-hero .commerce-hero-copy > small {
    color: #888;
    max-width: 300px;
    margin-top: 18px;
    font-size: 10px;
  }

  .selling-steps {
    padding: 66px 0 0;
  }

  .selling-steps ol {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px;
    margin: 35px 0;
    padding: 0;
    list-style: none;
    display: grid;
  }

  .selling-steps li {
    border-top: 1px solid #ccc;
    padding: 24px 0;
  }

  .selling-steps li > div {
    color: #999;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    display: flex;
  }

  .selling-steps h3 {
    margin: 25px 0 11px;
    font-size: 17px;
    font-weight: 550;
  }

  .selling-steps p {
    color: #777;
    font-size: 13px;
    line-height: 1.8;
  }

  .seller-fee-note {
    background: #f5f4f0;
    border-radius: 8px;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 55px;
    margin: 28px 0 0;
    padding: 39px 44px;
    display: grid;
  }

  .seller-fee-note h2 {
    margin-top: 10px;
    font-size: 31px;
    font-weight: 500;
  }

  .seller-fee-note p {
    color: #666;
    font-size: 13px;
    line-height: 1.9;
  }

  .sell-final-cta {
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 57px 0 0;
    display: flex;
  }

  .sell-final-cta h2 {
    font-size: 27px;
    font-weight: 500;
  }

  .seller-journey {
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 25px;
    display: grid;
    overflow: hidden;
  }

  .seller-journey > div {
    border-right: 1px solid #e5e5e5;
    padding: 20px;
  }

  .seller-journey > div:last-child {
    border-right: 0;
  }

  .seller-journey small {
    color: #888;
    justify-content: space-between;
    align-items: center;
    font-size: 10px;
    display: flex;
  }

  .seller-journey h3 {
    margin: 13px 0 8px;
    font-size: 13px;
  }

  .seller-journey p {
    color: #777;
    font-size: 11px;
    line-height: 1.7;
  }

  .seller-journey .text-button {
    margin-top: 13px;
    font-size: 11px;
  }

  .seller-journey .journey-done {
    background: #fafaf8;
  }

  .onboard > .commerce-eyebrow {
    margin: 36px 0 13px;
  }

  @media (min-width: 1600px) {
    .commerce-hero-copy {
      padding-left: 35px;
    }
  }

  @media (max-width: 1200px) {
    .commerce-header {
      gap: 25px;
      padding: 0 24px;
    }

    .commerce-desktop-nav {
      gap: 18px;
    }

    .commerce-desktop-nav > a {
      font-size: 11px;
    }

    .commerce-account summary > span {
      max-width: 115px;
    }

    .commerce-header-actions {
      gap: 16px;
    }

    .commerce-content {
      padding: 0 24px 50px;
    }

    .commerce-hero-copy {
      padding: 36px 25px 36px 5px;
    }

    .commerce-hero-copy h1 {
      font-size: 49px;
    }

    .commerce-hero-actions {
      flex-direction: column;
      align-items: flex-start;
      gap: 17px;
      margin-top: 25px;
    }

    .commerce-shell .market-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .commerce-footer {
      margin: 0 24px;
    }

    .commerce-shell .lot-detail {
      gap: 35px;
    }
  }

  @media (max-width: 960px) {
    .commerce-desktop-nav {
      display: none;
    }

    .commerce-menu-toggle {
      display: flex;
    }

    .commerce-header {
      min-height: 76px;
    }

    .commerce-hero-copy h1 {
      font-size: 41px;
    }

    .commerce-hero-copy > p {
      font-size: 13px;
    }

    .commerce-hero-image {
      aspect-ratio: .99;
    }

    .commerce-principles {
      gap: 8px;
      padding: 21px 0;
    }

    .commerce-principles > span {
      gap: 7px;
      font-size: 10px;
    }

    .commerce-shell .market-filters {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      display: grid;
    }

    .commerce-shell .market-filters label {
      min-width: 0;
    }

    .commerce-shell .lot-detail {
      grid-template-columns: 1fr 1fr;
      gap: 26px;
    }

    .commerce-shell .lot-detail-copy h1 {
      font-size: 28px;
    }

    .selling-steps ol {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .commerce-seller-invite {
      padding: 33px;
    }
  }

  @media (max-width: 760px) {
    .commerce-pilot-bar {
      gap: 6px;
      min-height: 27px;
      font-size: 9px;
    }

    .commerce-header {
      gap: 15px;
      min-height: 69px;
      padding: 0 18px;
    }

    .commerce-header .wordmark {
      font-size: 28px;
    }

    .commerce-header .brand-arrow svg {
      width: 21px;
      height: 21px;
    }

    .commerce-mobile-nav {
      top: 69px;
    }

    .commerce-header-actions {
      gap: 11px;
    }

    .commerce-join {
      gap: 7px;
      padding: 10px 11px;
      font-size: 10px;
    }

    .commerce-signin {
      display: none;
    }

    .commerce-account summary > span {
      max-width: 116px;
      font-size: 11px;
    }

    .commerce-content {
      padding: 0 18px 35px;
    }

    .commerce-hero {
      flex-direction: column;
      padding-top: 0;
      display: flex;
    }

    .commerce-hero-copy {
      padding: 37px 5px 33px;
    }

    .commerce-hero-copy h1 {
      margin: 18px 0 17px;
      font-size: 45px;
    }

    .commerce-hero-copy > p {
      font-size: 13px;
    }

    .commerce-hero-actions {
      flex-direction: row;
      align-items: center;
      gap: 19px;
      margin-top: 25px;
    }

    .commerce-shell .btn {
      gap: 10px;
      min-height: 42px;
      padding: 11px 14px;
    }

    .commerce-hero-actions .commerce-text-link {
      gap: 5px;
      font-size: 11px;
    }

    .commerce-hero-image {
      aspect-ratio: 1.55;
    }

    .commerce-hero-image > figcaption {
      font-size: 8px;
      bottom: 8px;
      right: 8px;
    }

    .commerce-principles {
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 13px 7px;
      padding: 21px 0;
      display: flex;
    }

    .commerce-principles > span {
      justify-content: flex-start;
      font-size: 9px;
    }

    .commerce-principles > span + span {
      border: 0;
    }

    .commerce-principles > span > svg {
      width: 15px;
      height: 15px;
    }

    .commerce-discovery {
      padding-top: 34px;
    }

    .commerce-section-head {
      align-items: flex-start;
      gap: 18px;
    }

    .commerce-section-head h2 {
      font-size: 25px;
    }

    .commerce-section-head .commerce-text-link {
      white-space: nowrap;
      margin-top: 27px;
      font-size: 11px;
    }

    .commerce-section-head:has(.commerce-home-search) {
      flex-direction: column;
      align-items: stretch;
      gap: 13px;
    }

    .commerce-home-search {
      width: 100%;
    }

    .discovery-categories {
      gap: 7px;
      margin-bottom: 19px;
    }

    .discovery-categories > a {
      gap: 16px;
      padding: 11px 13px;
      font-size: 11px;
    }

    .commerce-empty {
      min-height: 275px;
      padding: 30px 19px;
    }

    .commerce-empty h3 {
      font-size: 23px;
    }

    .commerce-empty p {
      font-size: 12px;
    }

    .commerce-seller-invite {
      flex-direction: column;
      align-items: flex-start;
      gap: 24px;
      margin-top: 35px;
      padding: 29px 24px;
    }

    .commerce-seller-invite h2 {
      font-size: 32px;
    }

    .commerce-seller-invite p {
      font-size: 12px;
    }

    .commerce-seller-invite .btn {
      margin-top: 16px;
    }

    .commerce-footer {
      gap: 16px;
      margin: 0 18px;
      padding-top: 25px;
    }

    .commerce-footer p {
      flex-basis: calc(100% - 145px);
      font-size: 10px;
    }

    .commerce-footer nav {
      gap: 22px;
      width: 100%;
      font-size: 11px;
    }

    .catalog-heading {
      padding: 35px 0 25px;
    }

    .catalog-heading h1 {
      margin-top: 12px;
      font-size: 34px;
    }

    .catalog-heading p {
      font-size: 12px;
    }

    .catalog-search-input {
      flex-wrap: wrap;
      gap: 10px;
    }

    .catalog-search-input > input {
      flex: 1;
      width: auto;
      min-width: 0;
      font-size: 19px;
    }

    .catalog-search-input > .btn {
      gap: 4px;
      padding: 9px 11px;
      font-size: 10px;
    }

    .catalog-search-input > svg {
      width: 18px;
    }

    .commerce-shell .market-filters {
      grid-template-columns: 1fr 1fr;
      gap: 12px;
    }

    .commerce-shell .market-filters input, .commerce-shell .market-filters select {
      font-size: 12px;
    }

    .commerce-shell .market-filters > .btn {
      margin: 0;
    }

    .catalog-category-row {
      align-items: flex-start;
      gap: 10px;
      margin: 24px 0 18px;
    }

    .catalog-category-row .filter-pills {
      gap: 6px;
    }

    .catalog-category-row .filter-pills a {
      padding: 7px 12px;
      font-size: 11px;
    }

    .catalog-category-row > .text-button {
      padding-top: 7px;
      font-size: 10px;
    }

    .commerce-shell .market-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 17px 11px;
    }

    .commerce-shell .lot-card-body {
      padding: 12px 11px 0;
    }

    .commerce-shell .lot-image {
      aspect-ratio: 1;
    }

    .commerce-shell .lot-image > .badge {
      padding: 3px 5px;
      font-size: 8px;
      top: 8px;
      left: 8px;
    }

    .commerce-shell .lot-image-arrow {
      display: none;
    }

    .commerce-shell .lot-card-body > .row-between .eyebrow {
      font-size: 9px;
    }

    .commerce-shell .lot-card h3 {
      margin: 7px 0 6px;
      font-size: 12px;
      line-height: 1.5;
    }

    .commerce-shell .lot-card-body > p {
      font-size: 9px;
    }

    .commerce-shell .lot-price {
      flex-direction: column;
      align-items: flex-start;
      gap: 5px;
      margin: 16px 0 10px;
    }

    .commerce-shell .lot-price small {
      font-size: 9px;
    }

    .commerce-shell .lot-price strong {
      font-size: 21px;
    }

    .commerce-shell .lot-price > span {
      font-size: 9px;
    }

    .commerce-shell .lot-bottom {
      gap: 5px;
      padding: 10px 0;
      font-size: 9px;
    }

    .commerce-shell .lot-bottom > span:first-child {
      max-width: 75px;
    }

    .commerce-shell .lot-detail {
      grid-template-columns: 1fr;
      gap: 27px;
    }

    .commerce-shell .lot-detail-image > img {
      aspect-ratio: 1.2;
      object-fit: contain;
    }

    .commerce-shell .lot-detail-copy h1 {
      margin: 16px 0;
      font-size: 30px;
    }

    .commerce-shell .lot-specs {
      grid-template-columns: 1fr 1fr;
      padding: 20px 0;
    }

    .commerce-shell .lot-buy-box > strong {
      font-size: 33px;
    }

    .commerce-shell .lot-detail-copy > p {
      font-size: 13px;
    }

    .commerce-shell .page-heading {
      padding-top: 30px;
    }

    .commerce-shell .page-heading h1 {
      font-size: 30px;
    }

    .commerce-shell .transaction-grid {
      grid-template-columns: 1fr;
    }

    .commerce-shell .table-scroll table {
      min-width: 580px;
    }

    .commerce-verification-note {
      align-items: flex-start;
      font-size: 11px;
    }

    .sell-hero .commerce-hero-copy h1 {
      font-size: 40px;
    }

    .selling-steps {
      padding-top: 38px;
    }

    .selling-steps ol {
      gap: 15px;
      margin-top: 25px;
    }

    .selling-steps li {
      padding: 20px 0;
    }

    .selling-steps h3 {
      margin: 20px 0 9px;
      font-size: 14px;
    }

    .selling-steps p {
      font-size: 12px;
    }

    .seller-fee-note {
      grid-template-columns: 1fr;
      gap: 20px;
      padding: 28px 24px;
    }

    .seller-fee-note h2 {
      font-size: 28px;
    }

    .seller-fee-note p {
      font-size: 12px;
    }

    .sell-final-cta {
      flex-direction: column;
      align-items: flex-start;
      padding-top: 35px;
    }

    .sell-final-cta h2 {
      font-size: 25px;
    }

    .seller-journey {
      grid-template-columns: 1fr 1fr;
    }

    .seller-journey > div {
      border-bottom: 1px solid #e5e5e5;
      padding: 17px;
    }

    .seller-journey > div:nth-child(2) {
      border-right: 0;
    }

    .seller-journey > div:nth-last-child(-n+2) {
      border-bottom: 0;
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .commerce-shell a, .commerce-shell button {
      transition: background-color .15s, border-color .15s, color .15s;
    }
  }
}

/* [project]/src/app/application.css [app-client] (css) */
@layer legacy {
  .application-width {
    width: min(720px, 100%);
    margin-inline: auto;
  }

  .application-flow {
    background: #fff;
    min-height: 100dvh;
  }

  .application-flow-header {
    z-index: 10;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: #fffffff7;
    border-bottom: 1px solid #eee;
    padding: 24px 28px 0;
    position: sticky;
    top: 0;
  }

  .application-topline {
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    display: flex;
  }

  .application-topline .wordmark {
    font-size: 29px;
  }

  .application-title {
    margin: 36px 0 30px;
  }

  .application-title h1 {
    letter-spacing: -1.1px;
    margin: 10px 0;
    font-size: 30px;
    font-weight: 550;
  }

  .application-title p {
    color: #777;
    font-size: 13px;
  }

  .application-stepper {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
  }

  .application-stepper li {
    padding-bottom: 22px;
    position: relative;
  }

  .application-stepper li:not(:last-child):after {
    content: "";
    background: #ddd;
    height: 1px;
    position: absolute;
    top: 15px;
    left: 30px;
    right: 0;
  }

  .application-stepper button {
    z-index: 1;
    color: #888;
    cursor: pointer;
    text-align: left;
    background: none;
    border: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    padding: 0;
    display: flex;
    position: relative;
  }

  .application-stepper button > span {
    border: 1px solid var(--ef-border-control);
    background: #fff;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    font-size: 12px;
    display: flex;
  }

  .application-stepper strong {
    font-size: 12px;
    font-weight: 500;
  }

  .application-stepper .current button {
    color: #222;
  }

  .application-stepper .current button > span {
    background: var(--ef-control-primary-bg);
    color: var(--ef-control-text);
    border-color: var(--ef-border-control);
  }

  .application-stepper .complete button {
    color: #222;
  }

  .application-stepper .has-error button {
    color: #a43131;
  }

  .application-stepper .has-error button > span {
    border-color: #a43131;
  }

  .application-flow-content {
    min-height: 420px;
    padding: 36px 0 48px;
  }

  .application-flow-content h2 {
    letter-spacing: -.65px;
    margin: 0 0 10px;
    font-size: 24px;
    font-weight: 550;
  }

  .application-intro {
    color: #777;
    margin: 0 0 30px;
    font-size: 13px;
    line-height: 1.8;
  }

  .application-field {
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    margin-bottom: 23px;
    display: flex;
  }

  .application-field > label, .application-review-form > label {
    font-size: 13px;
    font-weight: 500;
  }

  .application-field > label small {
    color: #888;
    margin-left: 9px;
    font-size: 11px;
    font-weight: 400;
  }

  .application-field > label {
    flex-direction: row;
    align-items: baseline;
    gap: 0;
  }

  .application-field input, .application-field select, .application-field textarea, .application-review-form textarea {
    border: 1px solid var(--ef-border-control);
    border-radius: var(--ef-control-radius);
    width: 100%;
    font: inherit;
    color: #222;
    background: #fff;
    min-height: 44px;
    padding: 11px 13px;
    font-size: 14px;
  }

  .application-field textarea {
    resize: vertical;
    min-height: 112px;
  }

  .application-field p {
    color: #888;
    margin: 0;
    font-size: 11px;
    line-height: 1.7;
  }

  .application-field input[readonly] {
    color: #666;
    background: #f7f7f7;
  }

  .application-field [aria-invalid="true"] {
    border-color: #a43131;
  }

  .application-field-error {
    color: #a43131;
    font-size: 12px;
    line-height: 1.6;
    display: block;
  }

  .application-two-columns {
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    display: grid;
  }

  .application-phone-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 18px;
    display: grid;
  }

  .application-kind, .application-categories {
    border: 0;
    margin: 0 0 25px;
    padding: 0;
  }

  .application-kind legend, .application-categories legend {
    margin-bottom: 12px;
    font-size: 13px;
    font-weight: 500;
  }

  .application-kind {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    display: grid;
  }

  .application-kind > label {
    cursor: pointer;
    border: 1px solid #ddd;
    border-radius: 8px;
    grid-template-columns: 18px 1fr;
    align-items: start;
    gap: 8px 11px;
    padding: 18px;
    display: grid;
  }

  .application-kind input {
    accent-color: #222;
    width: 16px;
    height: 16px;
    min-height: 16px;
    margin: 2px 0;
  }

  .application-kind strong {
    font-size: 14px;
    font-weight: 500;
  }

  .application-kind > label > span {
    color: #888;
    grid-column: 2;
    font-size: 11px;
    line-height: 1.7;
  }

  .application-kind > label.selected {
    background: #fafafa;
    border-color: #222;
  }

  .application-categories > div {
    flex-wrap: wrap;
    gap: 10px 20px;
    display: flex;
  }

  .application-categories label {
    flex-direction: row;
    align-items: center;
    gap: 8px;
    min-height: 32px;
    font-size: 13px;
    display: flex;
  }

  .application-categories input, .application-checkbox input, .application-review-form input {
    accent-color: #222;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    min-height: 16px;
  }

  .application-checkbox {
    flex-direction: row;
    align-items: flex-start;
    gap: 11px;
    margin: 24px 0 10px;
    font-size: 13px;
    line-height: 1.8;
    display: flex;
  }

  .application-checkbox input {
    margin-top: 4px;
  }

  .application-fine-print {
    color: #888;
    margin: 20px 0 0;
    font-size: 11px;
    line-height: 1.8;
  }

  .application-flow-footer {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    z-index: 10;
    background: #fffffff7;
    border-top: 1px solid #eee;
    padding: 18px 28px;
    position: sticky;
    bottom: 0;
  }

  .application-flow-footer > .application-width {
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 20px;
    display: grid;
  }

  .application-footer-note {
    color: #888;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    display: flex;
  }

  .application-step-count {
    color: #888;
    font-size: 12px;
  }

  .application-flow-footer .application-width > div {
    justify-content: flex-end;
    gap: 10px;
    display: flex;
  }

  .application-flow-footer .btn {
    white-space: nowrap;
    min-height: 42px;
  }

  .application-summary {
    margin-bottom: 30px;
  }

  .application-summary section {
    border-bottom: 1px solid #e9e9e9;
    padding: 24px 0;
  }

  .application-summary section:first-child {
    padding-top: 0;
  }

  .application-summary-heading {
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    margin-bottom: 16px;
    display: flex;
  }

  .application-summary h3 {
    margin: 0;
    font-size: 15px;
    font-weight: 550;
  }

  .application-summary .text-button {
    font-size: 11px;
  }

  .application-summary dl {
    margin: 0;
  }

  .application-summary dl > div {
    grid-template-columns: 190px minmax(0, 1fr);
    gap: 20px;
    padding: 9px 0;
    font-size: 13px;
    line-height: 1.7;
    display: grid;
  }

  .application-summary dt {
    color: #888;
  }

  .application-summary dd {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    margin: 0;
  }

  .application-review-warning {
    background: #faf6ed;
    padding: 16px;
    font-size: 12px;
    line-height: 1.8;
  }

  .application-status-page {
    max-width: 780px;
    margin: 0 auto;
    padding: 40px 28px 70px;
  }

  .application-status-page > .commerce-eyebrow {
    margin: 30px 0 20px;
    display: block;
  }

  .application-status-banner {
    align-items: flex-start;
    gap: 20px;
    padding-bottom: 24px;
    display: flex;
  }

  .application-status-banner > svg {
    flex-shrink: 0;
    margin-top: 7px;
  }

  .application-status-banner h1 {
    letter-spacing: -.8px;
    margin: 0 0 12px;
    font-size: 29px;
    font-weight: 550;
    line-height: 1.3;
  }

  .application-status-banner p {
    color: #777;
    margin: 0;
    font-size: 13px;
    line-height: 1.9;
  }

  .application-status-meta {
    color: #777;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    margin-bottom: 28px;
    padding: 17px 0;
    font-size: 11px;
    display: flex;
  }

  .application-status-actions {
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
    display: flex;
  }

  .application-decision-note {
    background: #f6f6f6;
    border-radius: 8px;
    margin-bottom: 25px;
    padding: 22px;
  }

  .application-decision-note h2 {
    margin: 0 0 10px;
    font-size: 14px;
  }

  .application-decision-note p {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    margin: 0;
    font-size: 13px;
    line-height: 1.8;
  }

  .application-decision-note small {
    color: #777;
    overflow-wrap: anywhere;
    margin-top: 15px;
    display: block;
  }

  .application-review-form {
    max-width: 720px;
    padding: 24px;
  }

  .application-review-form fieldset {
    border: 0;
    margin: 0 0 22px;
    padding: 0;
  }

  .application-review-form legend {
    margin-bottom: 14px;
    font-size: 13px;
    font-weight: 500;
  }

  .application-review-form fieldset label {
    flex-direction: row;
    align-items: center;
    gap: 10px;
    margin: 12px 0;
    font-size: 13px;
    display: flex;
  }

  .application-review-form > label {
    display: block;
  }

  .application-review-form textarea {
    resize: vertical;
    margin: 10px 0 22px;
  }

  .application-inbox-search {
    border-bottom: 1px solid #eee;
    flex-flow: wrap;
    align-items: center;
    gap: 12px;
    padding: 18px 22px;
    display: flex;
  }

  .application-inbox-search .search-field {
    flex: 1;
    min-width: 200px;
  }

  .application-inbox-search select {
    border: 1px solid var(--ef-border-control);
    border-radius: var(--ef-control-radius);
    background: #fff;
    width: auto;
    min-height: 36px;
    padding: 7px 10px;
    font-size: 12px;
  }

  .application-inbox-pagination {
    color: #888;
    border-top: 1px solid #eee;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 16px 22px;
    font-size: 11px;
    display: flex;
  }

  .application-inbox-pagination > div {
    align-items: center;
    gap: 15px;
    display: flex;
  }

  .application-inbox-pagination a {
    color: #222;
    text-underline-offset: 3px;
    text-decoration: underline;
  }

  .commerce-account > div > a {
    color: #333;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    padding: 10px 0;
    font-size: 12px;
    display: flex;
  }

  @media (max-width: 780px) {
    .application-flow-content {
      padding: 30px 24px 40px;
    }

    .application-flow-header {
      padding: 20px 24px 0;
    }

    .application-title {
      margin: 28px 0 25px;
    }

    .application-title h1 {
      font-size: 25px;
    }

    .application-flow-footer {
      padding: 15px 24px;
    }

    .application-footer-note {
      display: none;
    }

    .application-flow-footer > .application-width {
      grid-template-columns: auto 1fr;
      gap: 12px;
    }

    .application-two-columns {
      grid-template-columns: 1fr;
      gap: 0;
    }

    .application-phone-grid {
      grid-template-columns: minmax(0, 1fr);
      gap: 0;
    }

    .application-kind > label {
      padding: 14px;
    }

    .application-summary dl > div {
      grid-template-columns: 150px minmax(0, 1fr);
      gap: 15px;
    }

    .application-status-banner h1 {
      font-size: 25px;
    }
  }

  @media (max-width: 430px) {
    .application-kind {
      grid-template-columns: 1fr;
    }

    .application-kind > label {
      gap: 5px 10px;
    }

    .application-summary dl > div {
      padding: 10px 0;
      display: block;
    }

    .application-summary dt {
      margin-bottom: 4px;
    }

    .application-flow-footer .btn {
      padding-inline: 12px;
      font-size: 11px;
    }

    .application-flow-footer .btn svg {
      width: 12px;
    }

    .application-title h1 {
      font-size: 23px;
    }

    .application-topline .wordmark {
      font-size: 25px;
    }

    .application-status-meta {
      flex-direction: column;
      align-items: flex-start;
      gap: 8px;
    }

    .application-status-actions .btn {
      width: 100%;
    }

    .application-review-form {
      padding: 18px;
    }
  }
}

/* [project]/src/lib/exitflow-theme.css [app-client] (css) */
@layer reset {
  @scope ([data-astryx-theme="exitflow"]) to ([data-astryx-theme]) {
    :where(h1, h2, h3, h4, h5, h6) {
      font-family: var(--font-family-heading);
      color: var(--color-text-primary);
    }

    :where(h1) {
      font-size: var(--text-heading-1-size);
      font-weight: var(--text-heading-1-weight);
      line-height: var(--text-heading-1-leading);
    }

    :where(h2) {
      font-size: var(--text-heading-2-size);
      font-weight: var(--text-heading-2-weight);
      line-height: var(--text-heading-2-leading);
    }

    :where(h3) {
      font-size: var(--text-heading-3-size);
      font-weight: var(--text-heading-3-weight);
      line-height: var(--text-heading-3-leading);
    }

    :where(h4) {
      font-size: var(--text-heading-4-size);
      font-weight: var(--text-heading-4-weight);
      line-height: var(--text-heading-4-leading);
    }

    :where(h5) {
      font-size: var(--text-heading-5-size);
      font-weight: var(--text-heading-5-weight);
      line-height: var(--text-heading-5-leading);
    }

    :where(h6) {
      font-size: var(--text-heading-6-size);
      font-weight: var(--text-heading-6-weight);
      line-height: var(--text-heading-6-leading);
    }

    :where(p) {
      font-family: var(--font-family-body);
      font-size: var(--text-body-size);
      font-weight: var(--text-body-weight);
      line-height: var(--text-body-leading);
      color: var(--color-text-primary);
    }

    :where(small) {
      font-size: var(--text-supporting-size);
      font-weight: var(--text-supporting-weight);
      line-height: var(--text-supporting-leading);
      color: var(--color-text-secondary);
    }

    :where(code, pre) {
      font-family: var(--font-family-code);
      font-size: var(--text-code-size);
      line-height: var(--text-code-leading);
    }

    :where(hr) {
      border: none;
      border-top: 1px solid var(--color-border);
    }
  }
}

@layer astryx-base;

@layer astryx-theme {
  :root {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light dark;
  }

  @media (prefers-color-scheme: dark) {
    :root {
      --lightningcss-light: ;
      --lightningcss-dark: initial;
    }
  }

  html[data-theme="light"] {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
  }

  html[data-theme="dark"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
  }

  @scope ([data-astryx-theme="exitflow"]) to ([data-astryx-theme]) {
    :scope {
      --font-size-4xs: .375rem;
      --font-size-3xs: .4375rem;
      --font-size-2xs: .5rem;
      --font-size-xs: .625rem;
      --font-size-sm: .75rem;
      --font-size-base: .875rem;
      --font-size-lg: 1.0625rem;
      --font-size-xl: 1.25rem;
      --font-size-2xl: 1.5rem;
      --font-size-3xl: 1.8125rem;
      --font-size-4xl: 2.1875rem;
      --font-size-5xl: 2.625rem;
      --text-heading-1-size: var(--font-size-2xl);
      --text-heading-1-weight: var(--font-weight-semibold);
      --text-heading-1-leading: 1.3333;
      --text-heading-2-size: var(--font-size-xl);
      --text-heading-2-weight: var(--font-weight-semibold);
      --text-heading-2-leading: 1.4;
      --text-heading-3-size: var(--font-size-lg);
      --text-heading-3-weight: var(--font-weight-bold);
      --text-heading-3-leading: 1.4118;
      --text-heading-4-size: var(--font-size-base);
      --text-heading-4-weight: var(--font-weight-bold);
      --text-heading-4-leading: 1.4286;
      --text-heading-5-size: var(--font-size-sm);
      --text-heading-5-weight: var(--font-weight-semibold);
      --text-heading-5-leading: 1.6667;
      --text-heading-6-size: var(--font-size-xs);
      --text-heading-6-weight: var(--font-weight-semibold);
      --text-heading-6-leading: 1.6;
      --text-body-size: var(--font-size-base);
      --text-body-weight: var(--font-weight-normal);
      --text-body-leading: 1.4286;
      --text-large-size: var(--font-size-lg);
      --text-large-weight: var(--font-weight-semibold);
      --text-large-leading: 1.4118;
      --text-label-size: var(--font-size-base);
      --text-label-weight: var(--font-weight-medium);
      --text-label-leading: 1.4286;
      --text-code-size: var(--font-size-base);
      --text-code-weight: var(--font-weight-normal);
      --text-code-leading: 1.4286;
      --text-supporting-size: var(--font-size-sm);
      --text-supporting-weight: var(--font-weight-normal);
      --text-supporting-leading: 1.6667;
      --text-display-1-size: var(--font-size-5xl);
      --text-display-1-weight: var(--font-weight-normal);
      --text-display-1-leading: 1.2381;
      --text-display-2-size: var(--font-size-4xl);
      --text-display-2-weight: var(--font-weight-normal);
      --text-display-2-leading: 1.2571;
      --text-display-3-size: var(--font-size-3xl);
      --text-display-3-weight: var(--font-weight-normal);
      --text-display-3-leading: 1.3793;
      --duration-fast-min: 95ms;
      --duration-fast: .125s;
      --duration-fast-max: .165s;
      --duration-medium-min: .225s;
      --duration-medium: .3s;
      --duration-medium-max: .4s;
      --duration-slow-min: .525s;
      --duration-slow: .7s;
      --duration-slow-max: .935s;
      --font-family-body: var(--font-exitflow), sans-serif;
      --font-family-heading: var(--font-exitflow), sans-serif;
      --font-family-code: ui-monospace, "SF Mono", Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
      --color-syntax-keyword: var(--lightningcss-light, #6b187c) var(--lightningcss-dark, #efa8ff);
      --color-syntax-string: var(--lightningcss-light, #0b5615) var(--lightningcss-dark, #a4d6a3);
      --color-syntax-comment: var(--lightningcss-light, #6a6a6a) var(--lightningcss-dark, #9e9e9e);
      --color-syntax-number: var(--lightningcss-light, #733100) var(--lightningcss-dark, #ffb37e);
      --color-syntax-function: var(--lightningcss-light, #00458c) var(--lightningcss-dark, #a1caff);
      --color-syntax-type: var(--lightningcss-light, #6b187c) var(--lightningcss-dark, #efa8ff);
      --color-syntax-variable: var(--lightningcss-light, #111) var(--lightningcss-dark, #e2e2e2);
      --color-syntax-operator: var(--lightningcss-light, #6a6a6a) var(--lightningcss-dark, #9e9e9e);
      --color-syntax-constant: var(--lightningcss-light, #733100) var(--lightningcss-dark, #ffb37e);
      --color-syntax-tag: var(--lightningcss-light, #8a0011) var(--lightningcss-dark, #ffaea7);
      --color-syntax-attribute: var(--lightningcss-light, #584400) var(--lightningcss-dark, #eec448);
      --color-syntax-property: var(--lightningcss-light, #005348) var(--lightningcss-dark, #90d7c8);
      --color-syntax-punctuation: var(--lightningcss-light, #6a6a6a) var(--lightningcss-dark, #9e9e9e);
      --color-syntax-background: var(--lightningcss-light, #fff) var(--lightningcss-dark, #111);
      --color-syntax-added: color-mix(in srgb, var(--color-success-muted) 25%, transparent);
      --color-syntax-removed: color-mix(in srgb, var(--color-error-muted) 25%, transparent);
      --color-syntax-diff-header: transparent;
      --color-syntax-added-marker: var(--color-syntax-punctuation);
      --color-syntax-removed-marker: var(--color-syntax-punctuation);
      --color-background-surface: var(--lightningcss-light, #fff) var(--lightningcss-dark, #262626);
      --color-background-body: var(--lightningcss-light, #f1f1f1) var(--lightningcss-dark, #1b1b1b);
      --color-background-card: var(--lightningcss-light, #fff) var(--lightningcss-dark, #1b1b1b);
      --color-background-popover: var(--lightningcss-light, #fff) var(--lightningcss-dark, #1b1b1b);
      --color-background-muted: var(--lightningcss-light, #f1f1f1) var(--lightningcss-dark, #1b1b1b);
      --color-accent: #f3f4f6;
      --color-accent-muted: var(--lightningcss-light, #f1f1f1) var(--lightningcss-dark, #262626);
      --color-neutral: var(--lightningcss-light, #0000000f) var(--lightningcss-dark, #ffffff1a);
      --color-overlay: var(--lightningcss-light, #00000080) var(--lightningcss-dark, #000c);
      --color-overlay-hover: var(--lightningcss-light, #0000000d) var(--lightningcss-dark, #ffffff0d);
      --color-overlay-pressed: var(--lightningcss-light, #0000001a) var(--lightningcss-dark, #ffffff1a);
      --color-text-primary: #18181b;
      --color-text-secondary: #52525b;
      --color-text-disabled: var(--lightningcss-light, #919191) var(--lightningcss-dark, #525252);
      --color-text-accent: var(--lightningcss-light, #1b1b1b) var(--lightningcss-dark, #f1f1f1);
      --color-on-dark: #fff;
      --color-on-light: #111;
      --color-on-accent: #3f3f46;
      --color-on-success: var(--lightningcss-light, #fff) var(--lightningcss-dark, #111);
      --color-on-error: var(--lightningcss-light, #fff) var(--lightningcss-dark, #111);
      --color-on-warning: #111;
      --color-icon-accent: var(--lightningcss-light, #1b1b1b) var(--lightningcss-dark, #f1f1f1);
      --color-icon-primary: var(--lightningcss-light, #000) var(--lightningcss-dark, #fff);
      --color-icon-secondary: var(--lightningcss-light, #6a6a6a) var(--lightningcss-dark, #9e9e9e);
      --color-icon-disabled: var(--lightningcss-light, #919191) var(--lightningcss-dark, #525252);
      --color-success: var(--lightningcss-light, #00490b) var(--lightningcss-dark, #a4d6a3);
      --color-error: var(--lightningcss-light, #76000c) var(--lightningcss-dark, #ffc4be);
      --color-warning: var(--lightningcss-light, #4b3900) var(--lightningcss-dark, #f8d36a);
      --color-success-muted: var(--lightningcss-light, #bce0bb) var(--lightningcss-dark, #90ca903d);
      --color-error-muted: var(--lightningcss-light, #ffc4be) var(--lightningcss-dark, #ff98903d);
      --color-warning-muted: var(--lightningcss-light, #fae19e) var(--lightningcss-dark, #e2b6233d);
      --color-border: var(--lightningcss-light, #00000014) var(--lightningcss-dark, #ffffff1a);
      --color-border-emphasized: var(--lightningcss-light, #d4d4d4) var(--lightningcss-dark, #525252);
      --color-skeleton: var(--lightningcss-light, #f1f1f1) var(--lightningcss-dark, #525252);
      --color-shadow: var(--lightningcss-light, #0000001a) var(--lightningcss-dark, #0000004d);
      --color-tint-hover: var(--lightningcss-light, #000) var(--lightningcss-dark, #fff);
      --color-background-red: var(--lightningcss-light, #ffc4be) var(--lightningcss-dark, #5b2b28);
      --color-border-red: var(--lightningcss-light, #ffaea7) var(--lightningcss-dark, #fa6762);
      --color-icon-red: var(--lightningcss-light, #76000c) var(--lightningcss-dark, #ff9890);
      --color-text-red: var(--lightningcss-light, #76000c) var(--lightningcss-dark, #ffaea7);
      --color-background-orange: var(--lightningcss-light, #ffc7a1) var(--lightningcss-dark, #503424);
      --color-border-orange: var(--lightningcss-light, #ffc7a1) var(--lightningcss-dark, #df843f);
      --color-icon-orange: var(--lightningcss-light, #622700) var(--lightningcss-dark, #ff9e55);
      --color-text-orange: var(--lightningcss-light, #622700) var(--lightningcss-dark, #ffb37e);
      --color-background-yellow: var(--lightningcss-light, #fae19e) var(--lightningcss-dark, #453a1c);
      --color-border-yellow: var(--lightningcss-light, #e3c36c) var(--lightningcss-dark, #c29900);
      --color-icon-yellow: var(--lightningcss-light, #4b3900) var(--lightningcss-dark, #e2b623);
      --color-text-yellow: var(--lightningcss-light, #4b3900) var(--lightningcss-dark, #eec448);
      --color-background-green: var(--lightningcss-light, #bce0bb) var(--lightningcss-dark, #2b422b);
      --color-border-green: var(--lightningcss-light, #aad4a9) var(--lightningcss-dark, #6ab26b);
      --color-icon-green: var(--lightningcss-light, #00490b) var(--lightningcss-dark, #90ca90);
      --color-text-green: var(--lightningcss-light, #00490b) var(--lightningcss-dark, #90ca90);
      --color-background-teal: var(--lightningcss-light, #a9e2d6) var(--lightningcss-dark, #28413c);
      --color-border-teal: var(--lightningcss-light, #90d7c8) var(--lightningcss-dark, #4fb1a0);
      --color-icon-teal: var(--lightningcss-light, #00463d) var(--lightningcss-dark, #81c9bb);
      --color-text-teal: var(--lightningcss-light, #00463d) var(--lightningcss-dark, #90d7c8);
      --color-background-cyan: var(--lightningcss-light, #9ae2f4) var(--lightningcss-dark, #274046);
      --color-border-cyan: var(--lightningcss-light, #85d5e9) var(--lightningcss-dark, #49adc4);
      --color-icon-cyan: var(--lightningcss-light, #004351) var(--lightningcss-dark, #71c7dd);
      --color-text-cyan: var(--lightningcss-light, #004351) var(--lightningcss-dark, #85d5e9);
      --color-background-blue: var(--lightningcss-light, #b9d7ff) var(--lightningcss-dark, #253c5a);
      --color-border-blue: var(--lightningcss-light, #a1caff) var(--lightningcss-dark, #5aa0f8);
      --color-icon-blue: var(--lightningcss-light, #003978) var(--lightningcss-dark, #88bcff);
      --color-text-blue: var(--lightningcss-light, #003978) var(--lightningcss-dark, #a1caff);
      --color-background-purple: var(--lightningcss-light, #f7d5ff) var(--lightningcss-dark, #4a2f51);
      --color-border-purple: var(--lightningcss-light, #f3bfff) var(--lightningcss-dark, #d885eb);
      --color-icon-purple: var(--lightningcss-light, #5c0e6c) var(--lightningcss-dark, #e496f6);
      --color-text-purple: var(--lightningcss-light, #5c0e6c) var(--lightningcss-dark, #eaacf8);
      --color-background-pink: var(--lightningcss-light, #ffc0d7) var(--lightningcss-dark, #572b3d);
      --color-border-pink: var(--lightningcss-light, #ffc0d7) var(--lightningcss-dark, #fc78b1);
      --color-icon-pink: var(--lightningcss-light, #70003f) var(--lightningcss-dark, #fd92bd);
      --color-text-pink: var(--lightningcss-light, #70003f) var(--lightningcss-dark, #ffa9ca);
      --color-background-gray: var(--lightningcss-light, #e2e2e2) var(--lightningcss-dark, #303030);
      --color-border-gray: var(--lightningcss-light, #d4d4d4) var(--lightningcss-dark, #262626);
      --color-icon-gray: var(--lightningcss-light, #474747) var(--lightningcss-dark, #9e9e9e);
      --color-text-gray: var(--lightningcss-light, #1b1b1b) var(--lightningcss-dark, #d4d4d4);
      --radius-none: 0px;
      --radius-inner: 12px;
      --radius-element: 12px;
      --radius-container: 8px;
      --radius-page: 8px;
      --radius-full: 9999px;
      --shadow-low: 0 2px 4px var(--lightningcss-light, #0000000d) var(--lightningcss-dark, #00000040), 0 4px 8px var(--lightningcss-light, #0000001a) var(--lightningcss-dark, #0006), inset 0 0 0 1px var(--lightningcss-light, #0000) var(--lightningcss-dark, #ffffff14);
      --shadow-med: 0 2px 4px var(--lightningcss-light, #0000000d) var(--lightningcss-dark, #00000059), 0 4px 12px var(--lightningcss-light, #0000001a) var(--lightningcss-dark, #00000080), inset 0 0 0 1px var(--lightningcss-light, #0000) var(--lightningcss-dark, #ffffff1f);
      --shadow-high: 0 4px 6px var(--lightningcss-light, #0000001a) var(--lightningcss-dark, #00000080), 0 12px 24px var(--lightningcss-light, #00000026) var(--lightningcss-dark, #000000b3), inset 0 0 0 1px var(--lightningcss-light, #0000) var(--lightningcss-dark, #ffffff26);
      --shadow-inset-hover: inset 0px 0px 0px 2px #0074e24d;
      --shadow-inset-selected: inset 0px 0px 0px 2px #0074e280;
      --shadow-inset-success: inset 0px 0px 0px 2px #2f7d334d;
      --shadow-inset-warning: inset 0px 0px 0px 2px #f8d36a4d;
      --shadow-inset-error: inset 0px 0px 0px 2px #de47454d;
      --astryx-theme-neutral-color-status-fill-accent: var(--lightningcss-light, #0074e2) var(--lightningcss-dark, #6d9cfe);
      --astryx-theme-neutral-color-status-fill-success: var(--lightningcss-light, #198100) var(--lightningcss-dark, #64af4c);
      --astryx-theme-neutral-color-status-fill-warning: #ffce2f;
      --astryx-theme-neutral-color-status-fill-error: var(--lightningcss-light, #c9303a) var(--lightningcss-dark, #ff705d);
      --astryx-theme-neutral-color-status-muted-accent: var(--lightningcss-light, #b9d7ff) var(--lightningcss-dark, #88bcff3d);
      --astryx-theme-neutral-color-on-tint-neutral: var(--lightningcss-light, #fafafa4d) var(--lightningcss-dark, #0a0a0a4d);
      --astryx-theme-neutral-color-on-tint-overlay-hover: var(--lightningcss-light, #fafafa1a) var(--lightningcss-dark, #0a0a0a1a);
      --astryx-theme-neutral-color-on-tint-overlay-pressed: var(--lightningcss-light, #fafafa33) var(--lightningcss-dark, #0a0a0a33);
      --astryx-theme-neutral-color-destructive-overlay-hover: var(--lightningcss-light, #ff7f770d) var(--lightningcss-dark, #ee736c0d);
      --astryx-theme-neutral-color-destructive-overlay-pressed: var(--lightningcss-light, #ff7f771a) var(--lightningcss-dark, #ee736c1a);
    }

    @supports (color: lab(0% 0 0)) {
      :scope {
        --shadow-low: 0 2px 4px var(--lightningcss-light, lab(0% 0 0 / .05)) var(--lightningcss-dark, lab(0% 0 0 / .25)), 0 4px 8px var(--lightningcss-light, lab(0% 0 0 / .1)) var(--lightningcss-dark, lab(0% 0 0 / .4)), inset 0 0 0 1px var(--lightningcss-light, lab(0% 0 0 / 0)) var(--lightningcss-dark, lab(100% 0 0 / .08));
        --shadow-med: 0 2px 4px var(--lightningcss-light, lab(0% 0 0 / .05)) var(--lightningcss-dark, lab(0% 0 0 / .35)), 0 4px 12px var(--lightningcss-light, lab(0% 0 0 / .1)) var(--lightningcss-dark, lab(0% 0 0 / .5)), inset 0 0 0 1px var(--lightningcss-light, lab(0% 0 0 / 0)) var(--lightningcss-dark, lab(100% 0 0 / .12));
        --shadow-high: 0 4px 6px var(--lightningcss-light, lab(0% 0 0 / .1)) var(--lightningcss-dark, lab(0% 0 0 / .5)), 0 12px 24px var(--lightningcss-light, lab(0% 0 0 / .15)) var(--lightningcss-dark, lab(0% 0 0 / .7)), inset 0 0 0 1px var(--lightningcss-light, lab(0% 0 0 / 0)) var(--lightningcss-dark, lab(100% 0 0 / .15));
      }
    }

    :scope {
      font-family: var(--font-family-body);
    }

    .astryx-heading[data-level="1"] {
      font-family: var(--font-family-heading);
      font-size: var(--text-heading-1-size);
      font-weight: var(--text-heading-1-weight);
      line-height: var(--text-heading-1-leading);
    }

    .astryx-heading[data-level="2"] {
      font-family: var(--font-family-heading);
      font-size: var(--text-heading-2-size);
      font-weight: var(--text-heading-2-weight);
      line-height: var(--text-heading-2-leading);
    }

    .astryx-heading[data-level="3"] {
      font-family: var(--font-family-heading);
      font-size: var(--text-heading-3-size);
      font-weight: var(--text-heading-3-weight);
      line-height: var(--text-heading-3-leading);
    }

    .astryx-heading[data-level="4"] {
      font-family: var(--font-family-heading);
      font-size: var(--text-heading-4-size);
      font-weight: var(--text-heading-4-weight);
      line-height: var(--text-heading-4-leading);
    }

    .astryx-heading[data-level="5"] {
      font-family: var(--font-family-heading);
      font-size: var(--text-heading-5-size);
      font-weight: var(--text-heading-5-weight);
      line-height: var(--text-heading-5-leading);
    }

    .astryx-heading[data-level="6"] {
      font-family: var(--font-family-heading);
      font-size: var(--text-heading-6-size);
      font-weight: var(--text-heading-6-weight);
      line-height: var(--text-heading-6-leading);
    }

    .astryx-heading[data-type="display-1"] {
      font-family: var(--font-family-heading);
      font-size: var(--text-display-1-size);
      line-height: var(--text-display-1-leading);
    }

    .astryx-heading[data-type="display-2"] {
      font-family: var(--font-family-heading);
      font-size: var(--text-display-2-size);
      line-height: var(--text-display-2-leading);
    }

    .astryx-heading[data-type="display-3"] {
      font-family: var(--font-family-heading);
      font-size: var(--text-display-3-size);
      line-height: var(--text-display-3-leading);
    }

    .astryx-text[data-type="body"] {
      font-family: var(--font-family-body);
      font-size: var(--text-body-size);
      line-height: var(--text-body-leading);
    }

    .astryx-text[data-type="large"] {
      font-family: var(--font-family-body);
      font-size: var(--text-large-size);
      line-height: var(--text-large-leading);
    }

    .astryx-text[data-type="label"] {
      font-family: var(--font-family-body);
      font-size: var(--text-label-size);
      line-height: var(--text-label-leading);
    }

    .astryx-text[data-type="code"] {
      font-family: var(--font-family-code);
      font-size: var(--text-code-size);
      line-height: var(--text-code-leading);
    }

    .astryx-text[data-type="supporting"] {
      font-family: var(--font-family-body);
      font-size: var(--text-supporting-size);
      line-height: var(--text-supporting-leading);
    }

    .astryx-text[data-type="display-1"] {
      font-family: var(--font-family-heading);
      font-size: var(--text-display-1-size);
      line-height: var(--text-display-1-leading);
    }

    .astryx-text[data-type="display-2"] {
      font-family: var(--font-family-heading);
      font-size: var(--text-display-2-size);
      line-height: var(--text-display-2-leading);
    }

    .astryx-text[data-type="display-3"] {
      font-family: var(--font-family-heading);
      font-size: var(--text-display-3-size);
      line-height: var(--text-display-3-leading);
    }

    .astryx-button[data-variant="destructive"] {
      background-color: var(--color-error-muted);
      color: var(--color-error);
      --color-overlay-hover: var(--astryx-theme-neutral-color-destructive-overlay-hover);
      --color-overlay-pressed: var(--astryx-theme-neutral-color-destructive-overlay-pressed);
    }

    .astryx-button {
      border-radius: var(--ef-control-radius, 12px);
      background-color: var(--ef-control-bg, #fff);
      color: var(--ef-control-text, #3f3f46);
      --_button-radius: var(--ef-control-radius, 12px);
    }

    .astryx-badge[data-variant="info"] {
      background-color: var(--astryx-theme-neutral-color-status-fill-accent);
      color: var(--color-on-accent);
    }

    .astryx-badge[data-variant="neutral"] {
      background-color: var(--color-background-gray);
      color: var(--color-text-gray);
    }

    .astryx-badge[data-variant="success"] {
      background-color: var(--astryx-theme-neutral-color-status-fill-success);
      color: var(--color-on-success);
    }

    .astryx-badge[data-variant="warning"] {
      background-color: var(--astryx-theme-neutral-color-status-fill-warning);
      color: var(--color-on-warning);
    }

    .astryx-badge[data-variant="error"] {
      background-color: var(--astryx-theme-neutral-color-status-fill-error);
      color: var(--color-on-error);
    }

    .astryx-badge[data-variant="red"] {
      background-color: var(--color-background-red);
      color: var(--color-text-red);
    }

    .astryx-badge[data-variant="orange"] {
      background-color: var(--color-background-orange);
      color: var(--color-text-orange);
    }

    .astryx-badge[data-variant="yellow"] {
      background-color: var(--color-background-yellow);
      color: var(--color-text-yellow);
    }

    .astryx-badge[data-variant="green"] {
      background-color: var(--color-background-green);
      color: var(--color-text-green);
    }

    .astryx-badge[data-variant="teal"] {
      background-color: var(--color-background-teal);
      color: var(--color-text-teal);
    }

    .astryx-badge[data-variant="cyan"] {
      background-color: var(--color-background-cyan);
      color: var(--color-text-cyan);
    }

    .astryx-badge[data-variant="blue"] {
      background-color: var(--color-background-blue);
      color: var(--color-text-blue);
    }

    .astryx-badge[data-variant="purple"] {
      background-color: var(--color-background-purple);
      color: var(--color-text-purple);
    }

    .astryx-badge[data-variant="pink"] {
      background-color: var(--color-background-pink);
      color: var(--color-text-pink);
    }

    .astryx-badge[data-variant="gray"] {
      background-color: var(--color-background-gray);
      color: var(--color-text-gray);
    }

    .astryx-status-dot[data-variant="success"] {
      background-color: var(--astryx-theme-neutral-color-status-fill-success);
    }

    .astryx-status-dot[data-variant="warning"] {
      background-color: var(--astryx-theme-neutral-color-status-fill-warning);
    }

    .astryx-status-dot[data-variant="error"] {
      background-color: var(--astryx-theme-neutral-color-status-fill-error);
    }

    .astryx-status-dot[data-variant="accent"] {
      background-color: var(--astryx-theme-neutral-color-status-fill-accent);
    }

    .astryx-avatar-status-dot[data-variant="success"] {
      background-color: var(--astryx-theme-neutral-color-status-fill-success);
    }

    .astryx-avatar-status-dot[data-variant="error"] {
      background-color: var(--astryx-theme-neutral-color-status-fill-error);
    }

    .astryx-segmented-control {
      padding: var(--spacing-1);
      --_segmented-control-padding: var(--spacing-1);
    }

    .astryx-segmented-control-item[data-size="sm"] {
      height: calc(var(--size-element-sm) - 8px);
    }

    .astryx-segmented-control-item[data-size="md"] {
      height: calc(var(--size-element-md) - 8px);
    }

    .astryx-segmented-control-item[data-size="lg"] {
      height: calc(var(--size-element-lg) - 8px);
    }

    .astryx-segmented-control-item[data-selected="selected"] {
      box-shadow: none;
    }

    .astryx-banner {
      --color-neutral: var(--astryx-theme-neutral-color-on-tint-neutral);
      --color-overlay-hover: var(--astryx-theme-neutral-color-on-tint-overlay-hover);
      --color-overlay-pressed: var(--astryx-theme-neutral-color-on-tint-overlay-pressed);
    }

    .astryx-banner[data-status="info"] {
      --color-accent-muted: var(--astryx-theme-neutral-color-status-muted-accent);
      --color-text-primary: var(--color-text-blue);
      --color-text-secondary: var(--color-text-blue);
      --color-accent: var(--color-text-blue);
    }

    .astryx-banner[data-status="success"] {
      --color-text-primary: var(--color-text-green);
      --color-text-secondary: var(--color-text-green);
      --color-success: var(--color-text-green);
    }

    .astryx-banner[data-status="warning"] {
      --color-text-primary: var(--color-text-yellow);
      --color-text-secondary: var(--color-text-yellow);
      --color-warning: var(--color-text-yellow);
    }

    .astryx-banner[data-status="error"] {
      --color-text-primary: var(--color-text-red);
      --color-text-secondary: var(--color-text-red);
      --color-error: var(--color-text-red);
    }

    .astryx-step-indicator[data-status="accent"] {
      --color-accent: var(--astryx-theme-neutral-color-status-fill-accent);
    }

    .astryx-step-indicator[data-status="success"] {
      --color-success: var(--astryx-theme-neutral-color-status-fill-success);
    }

    .astryx-step-indicator[data-status="warning"] {
      --color-warning: var(--astryx-theme-neutral-color-status-fill-warning);
    }

    .astryx-step-indicator[data-status="error"] {
      --color-error: var(--astryx-theme-neutral-color-status-fill-error);
    }

    .astryx-switch {
      --color-background-gray: var(--color-border-emphasized);
    }

    .astryx-progress-bar {
      --color-background-muted: var(--color-border-emphasized);
    }

    .astryx-progress-bar[data-variant="accent"] {
      --color-accent: var(--astryx-theme-neutral-color-status-fill-accent);
    }

    .astryx-progress-bar[data-variant="success"] {
      --color-success: var(--astryx-theme-neutral-color-status-fill-success);
    }

    .astryx-progress-bar[data-variant="warning"] {
      --color-warning: var(--astryx-theme-neutral-color-status-fill-warning);
    }

    .astryx-progress-bar[data-variant="error"] {
      --color-error: var(--astryx-theme-neutral-color-status-fill-error);
    }

    .astryx-card {
      box-shadow: none;
      --astryx-card-padding: var(--spacing-3);
      --_card-radius: 8px;
      border-width: 1px;
      border-radius: 8px;
    }

    .astryx-section {
      --astryx-section-padding: var(--spacing-3);
    }

    .astryx-text[data-color="primary"], .astryx-heading[data-color="primary"] {
      color: var(--color-text-primary);
    }

    .astryx-text[data-color="secondary"], .astryx-heading[data-color="secondary"] {
      color: var(--color-text-secondary);
    }

    .astryx-text[data-color="disabled"], .astryx-heading[data-color="disabled"] {
      color: var(--color-text-disabled);
    }

    .astryx-text[data-color="placeholder"], .astryx-heading[data-color="placeholder"] {
      color: var(--color-text-secondary);
    }

    .astryx-text[data-color="accent"], .astryx-heading[data-color="accent"] {
      color: var(--color-text-accent);
    }

    .astryx-text[data-size="4xs"] {
      font-size: var(--font-size-4xs);
    }

    .astryx-text[data-size="3xs"] {
      font-size: var(--font-size-3xs);
    }

    .astryx-text[data-size="2xs"] {
      font-size: var(--font-size-2xs);
    }

    .astryx-text[data-size="xsm"] {
      font-size: var(--font-size-xs);
    }

    .astryx-text[data-size="sm"] {
      font-size: var(--font-size-sm);
    }

    .astryx-text[data-size="base"] {
      font-size: var(--font-size-base);
    }

    .astryx-text[data-size="lg"] {
      font-size: var(--font-size-lg);
    }

    .astryx-text[data-size="xl"] {
      font-size: var(--font-size-xl);
    }

    .astryx-text[data-size="2xl"] {
      font-size: var(--font-size-2xl);
    }

    .astryx-text[data-size="3xl"] {
      font-size: var(--font-size-3xl);
    }

    .astryx-text[data-size="4xl"] {
      font-size: var(--font-size-4xl);
    }

    .astryx-heading[data-weight="normal"] {
      font-weight: var(--font-weight-normal);
    }

    .astryx-heading[data-weight="medium"] {
      font-weight: var(--font-weight-medium);
    }

    .astryx-heading[data-weight="semibold"] {
      font-weight: var(--font-weight-semibold);
    }

    .astryx-heading[data-weight="bold"] {
      font-weight: var(--font-weight-bold);
    }
  }

  @media (not (min-width: 1024px)) and (pointer: coarse) {
    @scope ([data-astryx-theme="exitflow"]) to ([data-astryx-theme]) {
      :scope {
        --font-size-4xs: .4375rem;
        --font-size-3xs: .5rem;
        --font-size-2xs: .625rem;
        --font-size-xs: .75rem;
        --font-size-sm: .875rem;
        --font-size-base: 1rem;
        --font-size-lg: 1.1875rem;
        --font-size-xl: 1.375rem;
        --font-size-2xl: 1.625rem;
        --font-size-3xl: 1.875rem;
        --font-size-4xl: 2.25rem;
        --font-size-5xl: 2.625rem;
        --text-heading-1-size: var(--font-size-2xl);
        --text-heading-1-weight: var(--font-weight-semibold);
        --text-heading-1-leading: 1.3846;
        --text-heading-2-size: var(--font-size-xl);
        --text-heading-2-weight: var(--font-weight-semibold);
        --text-heading-2-leading: 1.4545;
        --text-heading-3-size: var(--font-size-lg);
        --text-heading-3-weight: var(--font-weight-bold);
        --text-heading-3-leading: 1.4737;
        --text-heading-4-size: var(--font-size-base);
        --text-heading-4-weight: var(--font-weight-bold);
        --text-heading-4-leading: 1.5;
        --text-heading-5-size: var(--font-size-sm);
        --text-heading-5-weight: var(--font-weight-semibold);
        --text-heading-5-leading: 1.4286;
        --text-heading-6-size: var(--font-size-xs);
        --text-heading-6-weight: var(--font-weight-semibold);
        --text-heading-6-leading: 1.6667;
        --text-body-size: var(--font-size-base);
        --text-body-weight: var(--font-weight-normal);
        --text-body-leading: 1.5;
        --text-large-size: var(--font-size-lg);
        --text-large-weight: var(--font-weight-semibold);
        --text-large-leading: 1.4737;
        --text-label-size: var(--font-size-base);
        --text-label-weight: var(--font-weight-medium);
        --text-label-leading: 1.5;
        --text-code-size: var(--font-size-base);
        --text-code-weight: var(--font-weight-normal);
        --text-code-leading: 1.5;
        --text-supporting-size: var(--font-size-sm);
        --text-supporting-weight: var(--font-weight-normal);
        --text-supporting-leading: 1.4286;
        --text-display-1-size: var(--font-size-5xl);
        --text-display-1-weight: var(--font-weight-normal);
        --text-display-1-leading: 1.2381;
        --text-display-2-size: var(--font-size-4xl);
        --text-display-2-weight: var(--font-weight-normal);
        --text-display-2-leading: 1.2222;
        --text-display-3-size: var(--font-size-3xl);
        --text-display-3-weight: var(--font-weight-normal);
        --text-display-3-leading: 1.4667;
        --font-family-body: Figtree, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        --font-family-heading: Figtree, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        --font-family-code: ui-monospace, "SF Mono", Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
      }
    }
  }

  @scope ([data-astryx-theme="exitflow"]) to ([data-astryx-theme]) {
    [data-astryx-media="dark"] {
      --lightningcss-light: ;
      --lightningcss-dark: initial;
      color-scheme: dark;
      --color-text-primary: var(--color-on-dark);
      --color-icon-primary: var(--color-on-dark);
      --color-accent: var(--color-on-dark);
    }

    [data-astryx-media="light"] {
      --lightningcss-light: initial;
      --lightningcss-dark: ;
      color-scheme: light;
      --color-text-primary: var(--color-on-light);
      --color-icon-primary: var(--color-on-light);
      --color-accent: var(--color-on-light);
    }
  }
}

/* [project]/src/app/exitflow-marketplace.css [app-client] (css) */
.exitflow-app-shell {
  color: #222;
  --font-family-body: var(--font-exitflow), sans-serif;
  --font-family-heading: var(--font-exitflow), sans-serif;
  --radius-inner: var(--ef-control-radius);
  --radius-element: var(--ef-control-radius);
  --radius-container: 8px;
  --radius-page: 8px;
  --color-accent: var(--ef-control-primary-bg);
  --color-on-accent: var(--ef-control-text);
  background: #fff;
  min-height: 100dvh;
}

.exitflow-topnav {
  z-index: 40;
  -webkit-backdrop-filter: saturate(180%) blur(16px);
  background: #ffffffeb;
  border-bottom: 1px solid #f0f0f0;
  position: sticky;
  inset-block-start: 0;
}

.ef-account-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 190px;
  display: block;
  overflow: hidden;
}

@media (max-width: 760px) {
  .ef-account-label {
    max-width: min(28vw, 115px);
  }
}

.exitflow-app-shell .xds-button {
  border-radius: var(--ef-control-radius);
}

.exitflow-guest-actions {
  align-items: center;
  gap: 6px;
  display: flex;
}

.ef-marketplace-content {
  width: min(var(--ef-container), 100%);
  color: var(--ef-ink);
  margin-inline: auto;
  padding: 40px 48px 64px;
}

.ef-demo-ribbon {
  color: #4d4632;
  background: #fbf8ec;
  border-bottom: 1px solid #e7e0c8;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-height: 34px;
  padding: 6px 16px;
  font-size: 12px;
  display: flex;
}

.ef-demo-ribbon > span {
  letter-spacing: .04em;
  font-weight: 700;
}

.ef-demo-ribbon p {
  margin: 0;
}

.ef-buyer-page {
  flex-direction: column;
  gap: 22px;
  display: flex;
}

.ef-buyer-page-heading {
  flex-direction: column;
  gap: 5px;
  display: flex;
}

.ef-marketplace-heading {
  justify-content: space-between;
  align-items: end;
  gap: 20px;
  margin-bottom: 26px;
  display: flex;
}

.ef-marketplace-heading h1 {
  font-size: 30px;
  font-weight: 550;
  line-height: 1.25;
}

.ef-marketplace-heading h1, .ef-detail-copy h1 {
  letter-spacing: -.035em;
}

.ef-marketplace-heading p {
  color: var(--ef-ink-muted);
  margin-top: 7px;
  font-size: 14px;
}

.ef-review-banner {
  margin-bottom: 24px;
}

.ef-search-row {
  grid-template-columns: minmax(200px, 1fr) 190px auto;
  align-items: end;
  gap: 10px;
  margin-bottom: 12px;
  display: grid;
}

.ef-search-row > :first-child {
  min-width: 0;
}

.ef-marketplace-content .astryx-text-input {
  border-color: var(--ef-border-control);
}

.ef-search-control-row {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 8px;
  min-width: 0;
  display: grid;
}

.ef-filter-count {
  color: #222;
  font-variant-numeric: tabular-nums;
  background: #e9e9e9;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  height: 20px;
  font-size: 11px;
  display: inline-flex;
}

.ef-filter-panel {
  border-radius: var(--ef-radius-md);
  background: #fafafa;
  border: 1px solid #ebebeb;
  grid-template-columns: repeat(4, minmax(140px, 1fr)) auto;
  align-items: end;
  gap: 12px;
  margin-bottom: 14px;
  padding: 16px;
  display: grid;
}

.ef-filter-panel > * {
  min-width: 0;
}

.ef-filter-actions {
  white-space: nowrap;
  align-items: center;
  gap: 4px;
  display: flex;
}

.ef-category-nav, .ef-active-filters {
  scrollbar-width: none;
  align-items: center;
  gap: 6px;
  min-width: 0;
  padding-block: 10px;
  display: flex;
  overflow-x: auto;
}

.ef-category-nav::-webkit-scrollbar {
  display: none;
}

.ef-active-filters::-webkit-scrollbar {
  display: none;
}

.ef-category-nav {
  border-bottom: 1px solid var(--ef-border);
  gap: 24px;
  padding-block: 4px 0;
}

.ef-category-tab {
  min-height: 44px;
  color: var(--ef-ink-muted);
  white-space: nowrap;
  border-bottom: 2px solid #0000;
  align-items: center;
  margin-bottom: -1px;
  padding: 10px 0;
  font-size: 13px;
  display: inline-flex;
}

.ef-category-tab[aria-current="page"] {
  border-bottom-color: var(--ef-ink);
  color: var(--ef-ink);
  font-weight: 550;
}

.ef-category-nav > * {
  flex: none;
}

.ef-active-filters {
  flex-wrap: wrap;
  padding-block: 10px 2px;
  overflow: visible;
}

.ef-active-filters > * {
  flex: none;
}

.ef-results-line {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-block: 22px 16px;
  display: flex;
}

.ef-lot-grid {
  width: 100%;
}

.ef-lot-card {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --color-background-card: var(--ef-canvas);
  --color-text-primary: var(--ef-ink);
  --color-text-secondary: var(--ef-ink-muted);
  background: var(--ef-canvas);
  min-width: 0;
  height: 100%;
  color: var(--ef-ink);
  transition: border-color var(--ef-motion-fast) var(--ef-ease-standard),
    background-color var(--ef-motion-fast) var(--ef-ease-standard);
  border-color: var(--ef-border);
  border-radius: var(--ef-radius-md);
  flex-direction: column;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.ef-lot-card:hover {
  background: #fff;
  border-color: #aaa;
}

.ef-lot-card:focus-within {
  outline: 2px solid var(--ef-focus);
  outline-offset: 2px;
}

.ef-lot-photo {
  aspect-ratio: 4 / 3;
  background: var(--ef-surface-hover);
  min-width: 0;
  color: var(--ef-ink-muted);
  place-items: center;
  display: grid;
  position: relative;
  overflow: hidden;
}

.ef-lot-photo img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}

.ef-photo-message {
  text-align: center;
  color: var(--ef-ink-muted);
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 28px;
  font-size: 12px;
  display: flex;
}

.ef-lot-photo-unavailable {
  aspect-ratio: auto;
  min-height: 128px;
}

.ef-lot-photo-unavailable .ef-photo-message {
  flex-direction: row;
  padding: 38px 16px 24px;
  font-size: 11px;
}

.ef-demo-inventory-tag {
  z-index: 1;
  position: absolute;
  inset-block-start: 10px;
  inset-inline-start: 10px;
}

.ef-lot-card-content {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  padding: 16px;
  display: flex;
}

.ef-lot-card-content h3 {
  letter-spacing: -.025em;
  font-size: 16px;
  font-weight: 550;
  line-height: 1.45;
}

.ef-lot-card-content .astryx-text[data-type="supporting"] {
  color: var(--ef-ink-muted);
  font-size: 12px;
  line-height: 1.5;
}

.ef-lot-price .ef-lot-price-value {
  letter-spacing: -.025em;
  font-size: 19px;
  font-weight: 550;
}

.ef-lot-price .ef-lot-price-label {
  font-size: 11px;
}

.ef-seller-line {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.ef-verified {
  color: #555;
  flex: none;
  display: inline-flex;
}

.ef-lot-price {
  justify-content: space-between;
  align-items: end;
  gap: 10px;
  margin-top: auto;
  padding-top: 10px;
  display: flex;
}

.ef-lot-price > div {
  flex-direction: column;
  gap: 1px;
  display: flex;
}

.ef-lot-meta {
  border-top: 1px solid var(--ef-border);
  justify-content: space-between;
  gap: 10px;
  padding-top: 8px;
  display: flex;
}

.ef-marketplace-content :is(a, button, input, select):focus-visible {
  outline: 2px solid var(--ef-focus);
  outline-offset: 3px;
}

.ef-filter-panel .astryx-field-label {
  align-items: flex-start;
}

.ef-empty-wrap {
  padding-block: 34px;
}

.ef-pagination {
  justify-content: center;
  align-items: center;
  gap: 14px;
  margin-top: 28px;
  display: flex;
}

.ef-detail-grid {
  grid-template-columns: minmax(0, 1.1fr) minmax(360px, .9fr);
  align-items: start;
  gap: clamp(28px, 5vw, 72px);
  margin-top: 20px;
  display: grid;
}

.ef-detail-media {
  flex-direction: column;
  gap: 8px;
  display: flex;
  position: sticky;
  inset-block-start: 92px;
}

.ef-detail-media .ef-lot-photo {
  min-height: min(58vw, 620px);
}

.ef-detail-copy {
  flex-direction: column;
  align-items: stretch;
  gap: 14px;
  min-width: 0;
  display: flex;
}

.ef-detail-copy > p {
  line-height: 1.65;
}

.ef-spec-grid {
  border-top: 1px solid #ebebeb;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 16px;
  margin: 2px 0 0;
  display: grid;
}

.ef-spec-grid > div {
  border-bottom: 1px solid #ebebeb;
  flex-direction: column;
  gap: 2px;
  padding-block: 11px;
  display: flex;
}

.ef-spec-grid dt {
  color: #767676;
  font-size: 12px;
}

.ef-spec-grid dd {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
}

.ef-buy-card {
  flex-direction: column;
  gap: 7px;
  margin-top: 4px;
  display: flex;
}

.ef-total-price {
  font-variant-numeric: tabular-nums;
}

.ef-cost-lines {
  border-top: 1px solid #ebebeb;
  flex-direction: column;
  gap: 5px;
  margin-block: 12px 8px;
  padding-top: 11px;
  display: flex;
}

.ef-cost-lines > div {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.ef-cost-lines .ef-cost-total {
  border-top: 1px solid #ebebeb;
  margin-top: 2px;
  padding-top: 7px;
}

.ef-purchase-actions {
  gap: 8px;
  margin-block: 4px;
  display: grid;
}

.ef-inventory-disclosure {
  flex-direction: column;
  gap: 14px;
  margin-top: 52px;
  display: flex;
}

.ef-inventory-disclosure > div:first-child {
  flex-direction: column;
  gap: 5px;
  display: flex;
}

.ef-table-card {
  overflow: hidden;
}

.ef-table-scroll {
  overflow-x: auto;
}

.ef-table-scroll table {
  border-collapse: collapse;
  text-align: start;
  width: 100%;
}

.ef-table-scroll th, .ef-table-scroll td {
  vertical-align: top;
  text-align: start;
  white-space: nowrap;
  border-bottom: 1px solid #f0f0f0;
  padding: 11px 14px;
}

.ef-table-scroll th {
  color: #767676;
  background: #fafafa;
  font-size: 12px;
  font-weight: 500;
}

.ef-table-scroll td:last-child {
  white-space: normal;
}

.ef-table-scroll tbody tr:last-child td {
  border-bottom: 0;
}

.ef-table-scroll td strong, .ef-table-scroll td span {
  display: block;
}

.ef-table-scroll td span {
  color: #767676;
  margin-top: 2px;
  font-size: 12px;
}

.ef-guest-content {
  max-width: 780px;
  margin-inline: auto;
  padding: clamp(42px, 10vh, 96px) 0;
}

.ef-guest-content > p {
  max-width: 590px;
  margin-top: 10px;
  line-height: 1.65;
}

.ef-guest-search {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 8px;
  margin-top: 28px;
  display: grid;
}

.ef-guest-note {
  color: #555;
  border-top: 1px solid #eee;
  align-items: flex-start;
  gap: 8px;
  margin-top: 24px;
  padding-block: 14px;
  display: flex;
}

.ef-guest-note svg {
  flex: none;
  margin-top: 2px;
}

.ef-guest-seller {
  border-top: 1px solid #eee;
  margin-top: 36px;
  padding-top: 20px;
}

@media (max-width: 920px) {
  .ef-marketplace-content {
    padding-inline: 32px;
  }

  .ef-filter-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ef-filter-actions {
    grid-column: 1 / -1;
  }

  .ef-detail-grid {
    grid-template-columns: minmax(0, 1fr) minmax(320px, .9fr);
    gap: 26px;
  }
}

@media (max-width: 680px) {
  .ef-demo-ribbon {
    justify-content: flex-start;
    font-size: 11px;
  }

  .ef-marketplace-content {
    padding: 28px 20px 44px;
  }

  .ef-marketplace-heading {
    margin-bottom: 16px;
  }

  .ef-marketplace-heading h1 {
    font-size: 27px;
  }

  .ef-search-row {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
  }

  .ef-search-row > :nth-child(2) {
    grid-area: 2 / 1 / auto / -1;
  }

  .ef-search-row > :nth-child(3) {
    grid-area: 1 / 2;
  }

  .ef-filter-panel {
    grid-template-columns: minmax(0, 1fr);
    padding: 12px;
  }

  .ef-filter-actions {
    grid-column: auto;
  }

  .ef-results-line {
    align-items: flex-start;
    margin-top: 12px;
  }

  .ef-results-line > :last-child {
    text-align: end;
  }

  .ef-search-row button, .ef-filter-panel button {
    min-height: 44px;
  }

  .ef-detail-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
    margin-top: 12px;
  }

  .ef-detail-media {
    position: static;
  }

  .ef-detail-media .ef-lot-photo {
    min-height: min(92vw, 420px);
  }

  .ef-detail-copy {
    gap: 12px;
  }

  .ef-inventory-disclosure {
    margin-top: 36px;
  }

  .ef-guest-content {
    padding-block: 48px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ef-marketplace-content *, .ef-marketplace-content :before, .ef-marketplace-content :after {
    transition: none !important;
    animation: none !important;
  }
}

@media (max-width: 390px) {
  .ef-search-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .ef-search-row > :nth-child(2) {
    grid-column: 1 / -1;
  }

  .ef-filter-count {
    display: none;
  }
}

.ef-marketplace-brand {
  flex-shrink: 0;
  align-items: center;
  text-decoration: none;
  display: inline-flex;
}

.ef-marketplace-brand .wordmark {
  font-size: 26px;
}

.ef-offer-table {
  table-layout: fixed;
  border-collapse: collapse;
  font-variant-numeric: tabular-nums;
  width: 100%;
}

.ef-offer-table caption {
  caption-side: bottom;
  text-align: left;
  color: var(--ef-ink-muted);
  padding: 12px 16px;
  font-size: 11px;
}

.ef-offer-quantity-col {
  width: 100px;
}

.ef-offer-unit-col {
  width: 112px;
}

.ef-offer-total-col {
  width: 120px;
}

.ef-offer-status-col {
  width: 140px;
}

.ef-offer-action-col {
  width: 200px;
}

@media (min-width: 1360px) {
  .ef-offer-product-col {
    width: 36%;
  }

  .ef-offer-action-col {
    width: auto;
  }
}

.ef-offer-table .offer-row {
  border: 0;
  padding: 0;
  display: table-row;
}

.ef-offer-table :is(th, td) {
  border-bottom: 1px solid var(--ef-border);
  text-align: left;
  vertical-align: top;
  white-space: normal;
  padding: 18px 14px;
}

.ef-offer-table th {
  color: var(--ef-ink-muted);
  padding-block: 12px;
  font-size: 12px;
  font-weight: 500;
}

.ef-offer-table :is(th, td).numeric {
  text-align: right;
}

.ef-offer-table tbody tr:last-child td {
  border-bottom: 0;
}

:root .ef-interface .offer-list .ef-offer-table td strong {
  color: var(--ef-ink);
  font-size: 13px;
  font-weight: 500;
}

.ef-offer-table td small {
  color: var(--ef-ink-muted);
  margin-top: 3px;
  font-size: 11px;
  display: block;
}

.ef-offer-product {
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.ef-offer-thumbnail {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  margin-top: -6px;
  overflow: hidden;
}

.ef-offer-thumbnail img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.ef-offer-product-copy {
  min-width: 0;
}

.ef-offer-product-copy > strong {
  overflow-wrap: anywhere;
  line-height: 1.5;
  display: block;
}

.ef-offer-buyer {
  color: var(--ef-ink-muted);
  margin-top: 4px;
  font-size: 12px;
  display: block;
}

.ef-offer-details {
  color: var(--ef-ink-muted);
  overflow-wrap: anywhere;
  margin-top: 4px;
  font-size: 11px;
}

.ef-offer-details summary {
  cursor: pointer;
  width: fit-content;
  min-height: 28px;
  padding-block: 4px;
}

.ef-offer-details > div {
  flex-direction: column;
  gap: 6px;
  margin-block: 4px 8px;
  display: flex;
}

.ef-offer-details p {
  margin: 0;
}

.ef-offer-quantity-line {
  display: block;
}

.ef-offer-quantity-line + .ef-offer-quantity-line {
  margin-top: 6px;
}

.ef-offer-unavailable {
  color: var(--ef-ink-muted);
  font-size: 12px;
}

.ef-offer-actions {
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  display: flex;
}

.ef-offer-actions > :is(.btn, button) {
  white-space: normal;
  text-align: center;
  max-width: 100%;
  min-height: 32px;
  font-size: 12px;
}

.ef-offer-status .badge {
  white-space: normal;
  max-width: 100%;
}

.ef-offer-actions > .text-button {
  padding-inline: 10px;
}

.ef-offer-cell-label {
  display: none;
}

.ef-offer-table :is(a, button, summary):focus-visible {
  outline: 2px solid var(--ef-focus);
  outline-offset: 3px;
}

@media (max-width: 1100px) {
  .ef-offer-table, .ef-offer-table tbody {
    display: block;
  }

  .ef-offer-table colgroup {
    display: none;
  }

  .ef-offer-table caption {
    width: 100%;
    display: block;
  }

  .ef-offer-table thead {
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
  }

  .ef-offer-table .offer-row {
    border-bottom: 1px solid var(--ef-border);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
    gap: 16px;
    padding: 20px 16px;
    display: grid;
  }

  .ef-offer-table .offer-row:last-child {
    border-bottom: 0;
  }

  .ef-offer-table :is(td, td.numeric) {
    text-align: left;
    border: 0;
    min-width: 0;
    padding: 0;
    display: block;
  }

  .ef-offer-product-cell {
    grid-column: 1 / -1;
  }

  .ef-offer-status {
    grid-column: 1;
  }

  .ef-offer-action-cell {
    grid-column: 2 / -1;
    align-self: end;
  }

  .ef-offer-table .ef-offer-cell-label {
    color: var(--ef-ink-muted);
    margin-bottom: 6px;
    font-size: 11px;
    display: block;
  }

  .ef-offer-status .badge {
    white-space: normal;
    max-width: 100%;
    line-height: 1.5;
  }

  .ef-offer-actions {
    flex-flow: wrap;
    justify-content: flex-end;
  }

  :root .ef-interface .ef-offer-table .ef-offer-actions > :is(.btn, button) {
    min-height: 44px;
  }

  .ef-offer-details summary {
    min-height: 44px;
    padding-block: 12px;
  }
}

@media (max-width: 380px) {
  .ef-offer-table .offer-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ef-offer-total {
    grid-column: 1;
  }

  .ef-offer-status {
    grid-column: 2;
  }

  .ef-offer-action-cell {
    grid-column: 1 / -1;
  }
}

/* [project]/src/app/exitflow-settings.css [app-client] (css) */
.ef-settings {
  width: min(100%, 1120px);
  color: var(--ef-ink);
  margin-inline: auto;
}

.ef-settings-content {
  width: 100%;
  min-width: 0;
  padding: 8px 24px 28px;
}

.ef-settings-card {
  background: none;
  margin: 0;
}

.ef-settings-row-wrap + .ef-settings-row-wrap {
  border-top: 1px solid var(--ef-border);
}

.ef-settings-row {
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  min-height: 76px;
  padding: 16px 0;
  display: flex;
}

.ef-settings-row-main {
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  min-width: 0;
  display: grid;
}

.ef-settings-row-icon {
  color: var(--ef-ink-muted);
  flex: none;
  margin-top: 1px;
}

.ef-settings-row-copy {
  overflow-wrap: anywhere;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
  display: flex;
}

.ef-settings-row strong {
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}

.ef-settings-row span, .ef-settings-row small, .ef-settings-group p, .ef-settings-note {
  color: var(--ef-ink-muted);
  font-size: 12px;
  line-height: 1.6;
}

.ef-settings-row > button, .ef-settings-row > a, .ef-settings-inline-actions {
  flex-shrink: 0;
}

.ef-settings-inline-actions {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.ef-settings-editor {
  border: 1px solid var(--ef-border);
  background: var(--ef-surface);
  border-radius: 10px;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 16px;
  padding: 16px;
  display: flex;
}

.ef-settings-editor > p[role="alert"] {
  color: var(--ef-negative);
  margin: 0;
  font-size: 12px;
}

.ef-settings-editor > small {
  color: var(--ef-ink-muted);
  font-size: 12px;
}

.ef-settings-form-actions {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.ef-settings-phone-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.ef-settings-phone-input {
  flex-direction: column;
  gap: 7px;
  min-width: 0;
  font-size: 13px;
  font-weight: 500;
  display: flex;
}

.ef-settings-phone-input input {
  border: 1px solid var(--ef-border-control);
  border-radius: var(--ef-control-radius);
  background: var(--ef-canvas);
  width: 100%;
  min-width: 0;
  min-height: 36px;
  color: var(--ef-ink);
  font: inherit;
  padding: 0 10px;
  font-weight: 400;
}

.ef-settings-phone-input input:focus-visible {
  outline: 2px solid var(--ef-focus);
  outline-offset: 2px;
}

.ef-settings-group {
  margin-top: 24px;
}

.ef-settings-group h3 {
  margin: 0 0 6px;
  font-size: 14px;
  font-weight: 500;
}

.ef-settings-group p {
  margin: 0 0 14px;
}

.ef-settings-diagnostics {
  margin-top: 24px;
}

.ef-settings-diagnostics summary {
  color: var(--ef-ink-muted);
  cursor: pointer;
  padding: 8px 0;
  font-size: 12px;
}

.ef-settings-diagnostics .ef-settings-card {
  margin-top: 12px;
}

.ef-settings-note {
  margin: 16px 0 0;
}

.ef-settings-help {
  border: 1px solid var(--ef-border);
  background: var(--ef-surface);
  box-shadow: none;
  border-radius: 12px;
  margin-top: 24px;
}

.ef-settings-help > div {
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: start;
  gap: 14px;
  padding: 18px 16px;
  display: grid;
}

.ef-settings-help > div + div {
  border-top: 1px solid var(--ef-border);
}

.ef-settings-help svg {
  color: var(--ef-ink-muted);
  margin-top: 2px;
}

.ef-settings-help h3 {
  margin: 0 0 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.ef-settings-help p {
  color: var(--ef-ink-muted);
  margin: 0;
  font-size: 12px;
  line-height: 1.6;
}

.ef-settings-content > .ef-buyer-alerts {
  border: 0;
  padding: 16px 0 0;
}

.ef-settings .ef-buyer-alerts > p {
  margin: 12px 0 20px;
}

.ef-settings .ef-buyer-alerts fieldset {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 20px;
  margin-block: 20px;
  display: grid;
}

.ef-settings .ef-buyer-alerts fieldset legend {
  margin-bottom: 12px;
  font-size: 13px;
  font-weight: 500;
}

.ef-settings .ef-buyer-alerts fieldset label {
  min-width: 0;
  font-size: 12px;
}

@media (max-width: 760px) {
  .ef-settings-content {
    padding: 8px 16px 20px;
  }

  .ef-settings-row {
    gap: 12px;
  }

  .ef-settings-row > button, .ef-settings-row > a {
    min-height: 44px;
  }

  .ef-settings-help {
    margin-top: 20px;
  }

  .ef-settings-help > div {
    gap: 10px;
    padding: 16px 12px;
  }
}

@media (max-width: 480px) {
  .ef-settings-phone-fields, .ef-settings .ef-buyer-alerts fieldset {
    grid-template-columns: minmax(0, 1fr);
  }

  .ef-settings-inline-actions {
    flex-direction: column;
  }

  .ef-settings-editor {
    padding: 12px;
  }
}

:root .ef-interface .ef-settings .ef-buyer-alerts > label, :root .ef-interface .ef-settings .ef-buyer-alerts fieldset label {
  text-align: left;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  font-weight: 400;
  display: flex;
}

:root .ef-interface .ef-settings .ef-buyer-alerts input[type="checkbox"] {
  flex: none;
}

:root .ef-interface .ef-settings .ef-buyer-alerts > button {
  align-self: flex-start;
  width: auto;
}

/* [project]/src/app/exitflow-account-deletion.css [app-client] (css) */
.ef-account-deletion-dialog .ef-account-deletion-body {
  gap: 20px;
  min-width: 0;
  display: grid;
}

.ef-account-deletion-body p {
  color: var(--ef-ink-muted);
  overflow-wrap: anywhere;
  margin: 0;
  font-size: 13px;
  line-height: 1.65;
}

.ef-account-deletion-dialog .dialog-heading p {
  color: var(--ef-ink-muted);
}

.ef-account-deletion-workspace {
  border-block: 1px solid var(--ef-border);
  padding-block: 16px;
}

.ef-account-deletion-workspace h3 {
  overflow-wrap: anywhere;
  margin: 0 0 12px;
  font-size: 14px;
  font-weight: 500;
}

.ef-account-deletion-workspace dl {
  gap: 8px;
  margin: 0;
  display: grid;
}

.ef-account-deletion-workspace dl > div {
  justify-content: space-between;
  gap: 16px;
  font-size: 13px;
  display: flex;
}

.ef-account-deletion-workspace dt {
  color: var(--ef-ink-muted);
}

.ef-account-deletion-workspace dd {
  font-variant-numeric: tabular-nums;
  margin: 0;
}

.ef-account-deletion-retention, .ef-account-deletion-blockers {
  gap: 8px;
  font-size: 13px;
  line-height: 1.65;
  display: grid;
}

.ef-account-deletion-blockers ul {
  gap: 8px;
  margin: 0;
  padding-inline-start: 20px;
  display: grid;
}

.ef-account-deletion-body .ef-account-deletion-note {
  color: var(--ef-ink-muted);
  font-size: 12px;
}

.ef-account-deletion-confirmation {
  gap: 8px;
  font-size: 13px;
  display: grid;
}

.ef-account-deletion-check {
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
  line-height: 1.65;
  display: flex;
}

.ef-account-deletion-check input {
  flex: none;
  margin-block-start: 4px;
}

.ef-account-deletion-body .dialog-actions {
  margin-block-start: 4px;
}

@media (max-width: 480px) {
  .ef-account-deletion-body .dialog-actions > button {
    flex: auto;
  }
}

/* [project]/src/app/exitflow-communications.css [app-client] (css) */
.ef-comm {
  min-width: 0;
}

.ef-comm h2, .ef-comm h3 {
  overflow-wrap: anywhere;
  margin: 0 0 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.ef-comm p {
  margin: 8px 0;
}

.ef-comm-intro {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 16px 0;
  display: flex;
}

.ef-comm-help {
  padding: 20px 0 0;
}

.ef-comm-form {
  flex-direction: column;
  gap: 16px;
  max-width: 760px;
  padding: 24px 0;
  display: flex;
}

.ef-comm-form > h2, .ef-comm-form > p {
  margin: 0;
}

.ef-comm-form label, .ef-comm-search label {
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  font-size: 13px;
  font-weight: 500;
  display: flex;
}

.ef-comm-form textarea {
  resize: vertical;
  min-height: 140px;
}

.ef-comm-form textarea, .ef-comm-form input, .ef-comm-form select {
  width: 100%;
  min-width: 0;
}

.ef-comm-form .row {
  flex-wrap: wrap;
}

.ef-comm-search {
  flex-flow: wrap;
  align-items: flex-end;
  gap: 12px;
  padding: 20px 0;
  display: flex;
}

.ef-comm-search input[type="search"] {
  width: 100%;
  min-width: 0;
}

.ef-comm-search label:first-of-type {
  flex: 240px;
  max-width: 440px;
}

.ef-comm-search > .text-button {
  align-self: center;
}

.ef-comm-list, .ef-comm-messages {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ef-comm-list > li + li, .ef-comm-messages > li + li {
  border-top: 1px solid var(--ef-border);
}

.ef-comm-post-link {
  overflow-wrap: anywhere;
  min-width: 0;
  padding: 18px 0;
  display: block;
}

.ef-comm-post-link:hover h2, .ef-comm-post-link:hover h3 {
  text-underline-offset: 3px;
  text-decoration: underline;
}

.ef-comm-post-link > p {
  color: var(--ef-ink-muted);
  max-width: 75ch;
}

.ef-comm-entry-heading {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px 16px;
  display: flex;
}

.ef-comm-entry-heading > h2, .ef-comm-entry-heading > h3 {
  margin: 0;
}

.ef-comm-meta, .ef-comm-messages time {
  color: var(--ef-ink-muted);
  font-size: 12px;
  line-height: 1.6;
}

.ef-comm-article, .ef-comm-conversation {
  padding: 20px 0;
}

.ef-comm-article > h2, .ef-comm-conversation > .ef-comm-entry-heading {
  margin-top: 24px;
}

.ef-comm-body {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  max-width: 75ch;
  line-height: 1.75;
}

.ef-comm-article > .ef-comm-body {
  margin-top: 24px;
}

.ef-comm-messages {
  margin-top: 20px;
}

.ef-comm-messages > li {
  padding: 20px 0;
}

.ef-comm-messages .ef-comm-body {
  margin: 12px 0 0;
}

.ef-comm-pagination {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 18px 0;
  display: flex;
}

.ef-comm-service-policies {
  border-top: 1px solid var(--ef-border);
  margin-top: 24px;
  padding-top: 24px;
}

.ef-comm-faq {
  border-bottom: 1px solid var(--ef-border);
  padding: 16px 0;
}

.ef-comm-faq summary {
  cursor: pointer;
  font-weight: 500;
  line-height: 1.6;
}

.ef-comm-faq p {
  max-width: 75ch;
  color: var(--ef-ink-muted);
  margin: 12px 0;
  line-height: 1.75;
}

.ef-comm-empty {
  padding: 28px 0;
}

.ef-comm-empty p {
  max-width: 65ch;
  color: var(--ef-ink-muted);
}

.ef-comm :is(a, button, summary, input, textarea, select):focus-visible {
  outline: 2px solid var(--ef-focus);
  outline-offset: 3px;
}

@media (max-width: 760px) {
  .ef-comm-search label:first-of-type {
    flex-basis: 100%;
    max-width: none;
  }

  .ef-comm :is(summary, .text-button) {
    min-height: 44px;
  }

  .ef-comm-faq summary {
    padding-block: 10px;
    display: list-item;
  }

  .ef-comm .ef-settings-form-actions > .btn {
    min-height: 44px;
  }

  .ef-comm-entry-heading {
    align-items: flex-start;
  }
}

.ef-support-heading, .ef-support-guidance, .ef-support-followup {
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.ef-support-heading > svg, .ef-support-guidance > svg, .ef-support-followup > svg {
  color: var(--ef-ink-muted);
  flex: none;
  margin-top: 2px;
}

.ef-support-heading > div, .ef-support-guidance > div, .ef-support-followup > div {
  min-width: 0;
}

.ef-support-heading p {
  margin: 0;
}

.ef-support-label, .ef-inquiry-meta > span {
  align-items: center;
  gap: 7px;
  min-width: 0;
  display: inline-flex;
}

.ef-support-label > svg, .ef-inquiry-meta svg {
  color: var(--ef-ink-muted);
  flex: none;
}

.ef-support-label > .muted {
  font-size: 12px;
  font-weight: 400;
}

.ef-support-guidance {
  border: 1px solid var(--ef-border);
  background: var(--ef-surface);
  border-radius: 10px;
  padding: 14px 16px;
}

.ef-support-guidance p, .ef-support-followup p {
  color: var(--ef-ink-muted);
  margin: 0;
  font-size: 13px;
  line-height: 1.65;
}

.ef-support-order-help {
  padding-left: 1px;
  font-size: 13px;
}

.ef-support-order-help p {
  color: var(--ef-ink-muted);
  margin: 0 0 8px;
}

.ef-support-followup {
  border-top: 1px solid var(--ef-border);
  padding-top: 18px;
}

.ef-support-followup .text-button {
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  display: inline-flex;
}

.ef-support-form .ef-settings-form-actions button {
  gap: 8px;
}

.ef-inquiry-empty > svg {
  color: var(--ef-ink-muted);
  margin-bottom: 14px;
}

.ef-inquiry-empty .text-button {
  margin-top: 10px;
}

.ef-inquiry-subject > h2 {
  margin: 0;
}

.ef-inquiry-status {
  flex: none;
}

.ef-inquiry-meta {
  flex-wrap: wrap;
  align-items: center;
  gap: 7px 14px;
  display: flex;
}

.ef-inquiry-meta > svg:last-child {
  margin-left: auto;
}

@media (max-width: 760px) {
  .ef-support-guidance {
    padding: 12px;
  }

  .ef-support-order-help .text-button, .ef-support-followup .text-button, .ef-inquiry-empty .text-button {
    min-height: 44px;
  }

  .ef-inquiry-subject {
    align-items: flex-start;
  }

  .ef-inquiry-meta {
    gap: 6px 12px;
  }
}

/* [project]/src/app/exitflow-auth.css [app-client] (css) */
.ef-auth-page {
  color: #222;
  background: #fff;
  min-height: 100dvh;
  padding: 36px 18px;
}

.ef-auth-column {
  width: min(100%, 420px);
}

.ef-auth-brand {
  color: #222;
  text-decoration: none;
}

.ef-auth-brand .wordmark {
  font-size: 27px;
}

.ef-auth-card {
  width: 100%;
  box-shadow: none;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  overflow: visible;
}

.ef-auth-intro {
  text-align: center;
}

.ef-auth-intro h1 {
  letter-spacing: -.035em;
  margin: 0;
  font-size: 25px;
  font-weight: 650;
}

.ef-auth-intro p {
  margin: 0;
  line-height: 1.5;
}

.ef-auth-form {
  text-align: left;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  display: flex;
}

.ef-auth-form input {
  border-radius: var(--ef-control-radius);
}

.ef-auth-contact-note, .ef-auth-code-destination {
  color: var(--ef-ink-muted);
  overflow-wrap: anywhere;
  margin: 0;
  font-size: 12px;
  line-height: 1.6;
}

.ef-auth-code-destination strong {
  color: var(--ef-ink);
  font-weight: 500;
}

.ef-auth-code-field {
  flex-direction: column;
  gap: 8px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
}

.ef-auth-code-field input {
  letter-spacing: .3em;
  text-align: center;
  font-variant-numeric: tabular-nums;
  width: 100%;
  min-height: 44px;
  font-size: 20px;
}

.ef-auth-code-actions {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.ef-auth-code-actions button {
  min-height: 36px;
}

.ef-auth-code-actions button:disabled {
  color: var(--ef-ink-muted);
  cursor: not-allowed;
  text-decoration: none;
}

.ef-auth-form .astryx-field-label {
  align-items: flex-start;
}

.ef-auth-form input:focus-visible, .ef-auth-page button:focus-visible, .ef-auth-page a:focus-visible {
  outline: 2px solid var(--ef-focus);
  outline-offset: 2px;
}

.ef-auth-forgot {
  color: #555;
  align-self: flex-end;
  font-size: 12px;
  text-decoration: none;
}

.ef-auth-forgot:hover, .ef-auth-switch a:hover, .ef-auth-text-action:hover {
  text-decoration: underline;
}

.ef-auth-page .xds-button {
  border-radius: var(--ef-control-radius);
}

.ef-auth-error, .ef-auth-status {
  color: #8d2929;
  background: #fff8f8;
  border: 1px solid #e8d0d0;
  border-radius: 6px;
  margin: 0;
  padding: 10px 12px;
  font-size: 12px;
  line-height: 1.5;
}

.ef-auth-status {
  color: #385b3e;
  background: #f8fbf8;
  border-color: #d6e1d8;
}

.ef-auth-text-action {
  color: #444;
  cursor: pointer;
  font: inherit;
  background: none;
  border: 0;
  align-self: flex-start;
  padding: 0;
  font-size: 12px;
}

.ef-auth-provider-note {
  color: #777;
  text-align: center;
  margin: 2px 0 0;
  font-size: 11px;
  line-height: 1.5;
}

.ef-auth-switch {
  color: #666;
  text-align: center;
  margin: 0;
  font-size: 12px;
}

.ef-auth-switch a {
  color: #222;
  font-weight: 650;
  text-decoration: none;
}

.ef-auth-demo {
  text-align: center;
  border-top: 1px solid #ececec;
  width: 100%;
  padding: 15px 0 0;
}

.ef-auth-demo > span, .ef-auth-footnote {
  color: #777;
  font-size: 11px;
}

.ef-auth-demo > div {
  justify-content: center;
  gap: 8px;
  margin-top: 12px;
  display: flex;
}

.ef-auth-footnote {
  text-align: center;
  margin: 0;
}

@media (max-width: 480px) {
  .ef-auth-page {
    align-items: flex-start;
    padding: 28px 16px 36px;
  }

  .ef-auth-column {
    gap: 20px;
  }

  .ef-auth-card {
    padding: 25px 20px;
  }
}

/* [project]/src/app/exitflow-design.css [app-client] (css) */
@font-face {
  font-family: ExitFlow Korean;
  src: url("/fonts/PretendardVariable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --ef-canvas: #fff;
  --ef-surface: #fafafa;
  --ef-surface-hover: #f4f4f5;
  --ef-ink: #18181b;
  --ef-ink-muted: #52525b;
  --ef-ink-faint: #71717a;
  --ef-ink-disabled: #a1a1aa;
  --ef-body-size: 13px;
  --ef-body-leading: 20px;
  --ef-font-regular: 400;
  --ef-font-medium: 500;
  --ef-border: #e2e5e9;
  --ef-border-control: #e2e5e9;
  --ef-border-selected: #b7bec8;
  --ef-table-text-size: 13px;
  --ef-focus: #7b8490;
  --ef-positive: #15803d;
  --ef-warning: #854d0e;
  --ef-negative: #b91c1c;
  --ef-status-positive-ink: #166534;
  --ef-status-positive-bg: #f0fdf4;
  --ef-status-warning-ink: #9a3412;
  --ef-status-warning-bg: #fff7ed;
  --ef-status-negative-ink: #b91c1c;
  --ef-status-negative-bg: #fef2f2;
  --ef-radius-sm: 10px;
  --ef-radius-md: 12px;
  --ef-control-radius: 12px;
  --ef-control-height: 36px;
  --ef-control-height-sm: 32px;
  --ef-control-height-touch: 44px;
  --ef-control-bg: #fff;
  --ef-control-primary-bg: #f3f4f6;
  --ef-control-hover: #eceef1;
  --ef-control-text: #3f3f46;
  --ef-control-focus-halo: 0 0 0 4px #7b849029;
  --ef-page-title-size: 20px;
  --ef-page-title-weight: 500;
  --ef-container: 1360px;
  --ef-motion-fast: .14s;
  --ef-motion-ui: .22s;
  --ef-motion-enter: .52s;
  --ef-motion-hero: .76s;
  --ef-motion-panel: .62s;
  --ef-motion-stagger: 85ms;
  --ef-ease-out: cubic-bezier(.22, 1, .36, 1);
  --ef-ease-standard: cubic-bezier(.2, .8, .2, 1);
}

.badge[data-status-tone="positive"], .ef-admin-shell .badge[data-status-tone="positive"] {
  color: var(--ef-status-positive-ink);
  background: var(--ef-status-positive-bg);
  border-color: #bbf7d0;
}

.badge[data-status-tone="warning"], .ef-admin-shell .badge[data-status-tone="warning"] {
  color: var(--ef-status-warning-ink);
  background: var(--ef-status-warning-bg);
  border-color: #fed7aa;
}

.badge[data-status-tone="risk"], .ef-admin-shell .badge[data-status-tone="risk"] {
  color: var(--ef-status-negative-ink);
  background: var(--ef-status-negative-bg);
  border-color: #fecaca;
}

/* [project]/src/app/exitflow-landing.css [app-client] (css) */
.ef-marketing-header {
  z-index: 40;
  background: var(--ef-canvas);
  border-bottom: 1px solid var(--ef-border);
  position: sticky;
  top: 0;
}

.ef-marketing-header-inner {
  width: min(var(--ef-container), 100%);
  align-items: center;
  gap: 32px;
  min-height: 72px;
  margin-inline: auto;
  padding: 12px 48px;
  display: flex;
}

.ef-marketing-brand {
  color: var(--ef-ink);
  flex-shrink: 0;
  align-items: center;
  text-decoration: none;
  display: inline-flex;
}

.ef-marketing-brand .wordmark {
  font-size: 26px;
}

.ef-marketing-navigation {
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.ef-marketing-nav-item {
  border-radius: var(--ef-control-radius);
  min-height: 40px;
  color: var(--ef-ink);
  font: inherit;
  white-space: nowrap;
  transition: background-color var(--ef-motion-fast) var(--ef-ease-standard);
  background: none;
  border: 0;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-flex;
}

.ef-marketing-nav-item:hover {
  background: var(--ef-surface-hover);
}

.ef-marketing-platform {
  position: relative;
}

.ef-marketing-platform > button {
  cursor: pointer;
}

.ef-marketing-platform > button > svg {
  color: var(--ef-ink-muted);
  transition: transform var(--ef-motion-fast) var(--ef-ease-standard);
}

.ef-marketing-platform > button[aria-expanded="true"] > svg {
  transform: rotate(180deg);
}

.ef-marketing-platform-panel {
  border: 1px solid var(--ef-border);
  border-radius: var(--ef-control-radius);
  background: var(--ef-canvas);
  width: 252px;
  padding: 8px;
  position: absolute;
  top: calc(100% + 12px);
  left: 0;
  box-shadow: 0 6px 20px #18181b0d;
}

.ef-marketing-platform-panel[hidden] {
  display: none;
}

.ef-marketing-platform-panel ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ef-marketing-platform-panel li {
  color: var(--ef-ink-muted);
  padding: 12px;
  font-size: 13px;
  line-height: 20px;
}

.ef-marketing-platform-link {
  border-radius: var(--ef-control-radius);
  color: var(--ef-ink);
  margin: -12px;
  padding: 12px;
  text-decoration: none;
  display: block;
}

.ef-marketing-platform-link:hover {
  background: var(--ef-surface-hover);
}

.ef-marketing-header-actions {
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  margin-left: auto;
  display: flex;
}

.ef-marketing-menu-toggle, .ef-marketing-mobile-login {
  display: none;
}

.ef-marketing-header :is(a, button):focus-visible {
  outline: 2px solid var(--ef-focus);
  outline-offset: 3px;
}

.ef-landing #workflow-heading {
  scroll-margin-top: 96px;
}

@media (max-width: 1023px) {
  .ef-marketing-header-inner {
    flex-wrap: wrap;
    gap: 0 16px;
    min-height: 64px;
    padding: 10px 20px;
  }

  .ef-marketing-brand .wordmark {
    font-size: 24px;
  }

  .ef-marketing-header-actions {
    gap: 8px;
  }

  .ef-marketing-menu-toggle {
    justify-content: center;
    align-items: center;
    width: 44px;
    min-width: 44px;
    height: 44px;
    display: inline-flex;
  }

  .ef-marketing-navigation {
    border-top: 1px solid var(--ef-border);
    flex-direction: column;
    flex: 0 0 100%;
    order: 3;
    align-items: stretch;
    gap: 4px;
    max-height: calc(100dvh - 84px);
    margin-top: 10px;
    padding: 12px 0 6px;
    display: none;
    overflow-y: auto;
  }

  .ef-marketing-navigation.is-open {
    display: flex;
  }

  .ef-marketing-nav-item {
    justify-content: flex-start;
    min-height: 44px;
    padding: 10px 12px;
  }

  .ef-marketing-platform > button {
    justify-content: space-between;
    width: 100%;
  }

  .ef-marketing-platform-panel {
    width: 100%;
    box-shadow: none;
    border: 0;
    padding: 0 12px 8px;
    position: static;
  }

  .ef-marketing-platform-panel li {
    white-space: normal;
    padding: 10px 12px;
  }

  .ef-marketing-desktop-login {
    display: none;
  }

  .ef-marketing-mobile-login {
    display: inline-flex;
  }

  .ef-marketing-header .ef-account-label {
    max-width: min(30vw, 150px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ef-marketing-header *, .ef-marketing-header :before, .ef-marketing-header :after {
    transition: none;
  }
}

.ef-landing {
  color: var(--ef-ink);
  background: var(--ef-canvas);
}

.ef-landing-container {
  width: min(var(--ef-container), 100%);
  margin-inline: auto;
  padding-inline: 48px;
}

.ef-landing h1, .ef-landing h2, .ef-landing h3, .ef-landing p {
  margin: 0;
}

.ef-landing h1, .ef-landing h2 {
  letter-spacing: -.045em;
  font-weight: 500;
}

.ef-eyebrow {
  color: var(--ef-ink-muted);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
}

.ef-landing-hero {
  padding-top: 100px;
}

.ef-hero-copy h1 {
  max-width: 1020px;
  margin-top: 22px;
  font-size: clamp(44px, 5.2vw, 76px);
  line-height: 1.08;
}

.ef-hero-lead {
  color: var(--ef-ink-muted);
  font-size: 17px;
  line-height: 1.6;
  margin-top: 26px !important;
}

.ef-hero-actions {
  gap: 10px;
  margin-top: 28px;
  display: flex;
}

:root .ef-interface .ef-hero-actions .astryx-button.ef-hero-seller-action:not(:disabled):not([aria-disabled="true"]) {
  color: #fff;
  background: #2440d6;
  border-color: #2440d6;
}

:root .ef-interface .ef-hero-actions .astryx-button.ef-hero-seller-action:not(:disabled):not([aria-disabled="true"]):hover {
  background: #2039c1;
  border-color: #2039c1;
}

:root .ef-interface .ef-hero-actions .astryx-button.ef-hero-seller-action:not(:disabled):not([aria-disabled="true"]):active {
  background: #1c32aa;
  border-color: #1c32aa;
}

.ef-hero-context {
  color: var(--ef-ink-faint);
  gap: 18px;
  margin-block: 28px 46px;
  font-size: 12px;
  display: flex;
}

.ef-hero-context > span + span {
  border-left: 1px solid var(--ef-border);
  padding-left: 18px;
}

.ef-hero-showcase {
  border: 1px solid var(--ef-border);
  border-radius: var(--ef-radius-md);
  background: var(--ef-surface);
  padding: 48px 64px 32px;
}

.ef-preview-stage {
  min-width: 0;
}

.ef-preview-layered {
  min-height: 420px;
  padding-bottom: 38px;
  padding-right: 280px;
  position: relative;
}

.ef-workflow-frame {
  border: 1px solid var(--ef-border);
  border-radius: var(--ef-radius-md);
  background: var(--ef-canvas);
  min-width: 0;
  overflow: hidden;
}

.ef-preview-chrome {
  border-bottom: 1px solid var(--ef-border);
  color: var(--ef-ink-faint);
  align-items: center;
  gap: 16px;
  padding: 14px 20px;
  font-size: 11px;
  display: flex;
}

.ef-preview-brand {
  color: var(--ef-ink);
  letter-spacing: -.04em;
  align-items: center;
  gap: 5px;
  margin-right: auto;
  font-size: 15px;
  font-weight: 650;
  display: inline-flex;
}

.ef-preview-brand .wordmark {
  font-size: inherit;
}

.ef-workflow-tabs {
  border-bottom: 1px solid var(--ef-border);
  gap: 20px;
  padding: 0 20px;
  display: flex;
}

.ef-workflow-tabs button {
  min-height: 48px;
  color: var(--ef-ink-muted);
  white-space: nowrap;
  transition: color var(--ef-motion-fast) var(--ef-ease-standard),
    border-color var(--ef-motion-fast) var(--ef-ease-standard);
  border-bottom: 2px solid #0000;
  align-items: center;
  gap: 7px;
  margin-bottom: -1px;
  padding: 0;
  font-size: 12px;
  display: flex;
}

.ef-workflow-tabs button span {
  color: var(--ef-ink-faint);
  font-variant-numeric: tabular-nums;
  font-size: 10px;
}

.ef-workflow-tabs button[aria-selected="true"] {
  color: var(--ef-ink);
  border-bottom-color: var(--ef-ink);
}

.ef-workflow-pane {
  padding: 26px 24px 22px;
}

.ef-workflow-title {
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  display: flex;
}

.ef-workflow-title h3 {
  letter-spacing: -.02em;
  font-size: 15px;
  font-weight: 550;
  line-height: 1.4;
}

.ef-preview-record {
  margin: 0;
}

.ef-preview-record > div {
  border-top: 1px solid var(--ef-border);
  grid-template-columns: 128px 1fr;
  gap: 15px;
  padding: 14px 0;
  font-size: 12px;
  line-height: 1.5;
  display: grid;
}

.ef-preview-record dt {
  color: var(--ef-ink-muted);
}

.ef-preview-record dd {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: 0;
  display: flex;
}

.ef-preview-record dd svg {
  color: var(--ef-positive);
  flex-shrink: 0;
}

.ef-preview-footnote {
  color: var(--ef-ink-muted);
  align-items: flex-start;
  gap: 6px;
  font-size: 11px;
  line-height: 1.6;
  display: flex;
  margin-top: 18px !important;
}

.ef-preview-footnote svg {
  flex-shrink: 0;
  margin-top: 2px;
}

.ef-preview-bottom {
  border-top: 1px solid var(--ef-border);
  background: var(--ef-surface);
  color: var(--ef-ink-muted);
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 14px 20px;
  font-size: 11px;
  display: flex;
}

.ef-preview-bottom a {
  color: var(--ef-ink);
  align-items: center;
  gap: 8px;
  font-weight: 500;
  display: inline-flex;
}

.ef-preview-fee {
  border: 1px solid var(--ef-border);
  border-radius: var(--ef-radius-md);
  background: var(--ef-canvas);
  width: 248px;
  padding: 23px;
  position: absolute;
  bottom: 0;
  right: 0;
  box-shadow: 0 3px 12px #18181b06;
}

.ef-preview-fee-label {
  color: var(--ef-ink-muted);
  margin-bottom: 16px;
  font-size: 11px;
  display: block;
}

.ef-preview-fee > div {
  flex-direction: column;
  display: flex;
}

.ef-preview-fee strong {
  letter-spacing: -.05em;
  font-variant-numeric: tabular-nums;
  font-size: 50px;
  font-weight: 500;
  line-height: 1;
}

.ef-preview-fee strong span {
  font-size: 27px;
}

.ef-preview-fee > div > span {
  color: var(--ef-ink-muted);
  margin-top: 7px;
  font-size: 12px;
}

.ef-preview-fee p {
  color: var(--ef-ink-muted);
  margin-top: 20px;
  font-size: 12px;
  line-height: 1.6;
}

.ef-preview-fee a {
  align-items: center;
  gap: 8px;
  margin-top: 19px;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
}

.ef-landing-story {
  padding-block: 48px 80px;
}

.ef-landing-story h2, .ef-landing-cta h2 {
  margin-top: 18px;
  font-size: clamp(32px, 3.6vw, 52px);
  line-height: 1.13;
}

.ef-section-lead {
  color: var(--ef-ink-muted);
  font-size: 16px;
  margin-top: 20px !important;
}

.ef-story-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 32px;
  margin-top: 66px;
  display: grid;
}

.ef-story-card {
  min-width: 0;
  position: relative;
}

.ef-story-card + .ef-story-card:before {
  border-left: 1px solid var(--ef-border);
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -16px;
}

.ef-story-image {
  aspect-ratio: 1;
  border: 1px solid var(--ef-border);
  border-radius: var(--ef-radius-md);
  background: var(--ef-surface);
  place-items: center;
  width: 100%;
  padding: 16px;
  display: grid;
  overflow: hidden;
}

.ef-story-image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: block;
}

.ef-story-copy {
  padding-top: 28px;
}

.ef-story-copy h3 {
  letter-spacing: -.03em;
  margin-top: 15px;
  font-size: 23px;
  font-weight: 500;
  line-height: 1.35;
}

.ef-story-copy p {
  max-width: 43ch;
  color: var(--ef-ink-muted);
  margin-top: 14px;
  font-size: 14px;
  line-height: 1.65;
}

.ef-landing-cta {
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 60px;
  padding-block: 100px;
  display: grid;
}

.ef-landing-cta > div:last-child {
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  display: flex;
}

.ef-landing-cta > div:last-child > p {
  color: var(--ef-ink-muted);
  margin-top: 5px;
  font-size: 11px;
}

.ef-landing-footer {
  border-top: 1px solid var(--ef-border);
  align-items: center;
  gap: 40px;
  min-height: 100px;
  display: flex;
}

.ef-landing-footer .wordmark {
  font-size: 24px;
}

.ef-landing-footer nav {
  gap: 24px;
  margin-left: auto;
  font-size: 12px;
  display: flex;
}

.ef-landing-footer > span {
  color: var(--ef-ink-muted);
  font-size: 11px;
}

.ef-landing a:focus-visible, .ef-landing button:focus-visible, .ef-landing [role="tabpanel"]:focus-visible {
  outline: 2px solid var(--ef-focus);
  outline-offset: 4px;
}

.ef-landing a:hover {
  text-underline-offset: 4px;
  text-decoration: underline;
}

@media (prefers-reduced-motion: no-preference) {
  .ef-hero-enter {
    animation: ef-hero-enter var(--ef-motion-hero) var(--ef-ease-out) both;
  }

  .ef-hero-copy h1 {
    animation-delay: var(--ef-motion-stagger);
  }

  .ef-hero-lead {
    animation-delay: calc(var(--ef-motion-stagger) * 2);
  }

  .ef-hero-actions {
    animation-delay: calc(var(--ef-motion-stagger) * 3);
  }

  .ef-hero-showcase {
    animation-delay: calc(var(--ef-motion-stagger) * 4);
  }

  .ef-preview-layered .ef-preview-fee {
    animation: ef-panel-enter var(--ef-motion-panel) var(--ef-ease-out) both;
    animation-delay: calc(var(--ef-motion-stagger) * 6);
  }

  .ef-section-reveal[data-reveal-variant="section"][data-reveal-state="running"] {
    animation: ef-section-enter var(--ef-motion-enter) var(--ef-ease-out) both;
  }

  .ef-section-reveal:is([data-reveal-variant="visuals"], [data-reveal-variant="stagger"])[data-reveal-state="running"] [data-reveal-visual][data-reveal-active] {
    animation: ef-section-enter var(--ef-motion-enter) var(--ef-ease-out) both;
    animation-delay: var(--ef-reveal-delay, 0s);
  }

  .ef-section-reveal[data-reveal-variant="stagger"] > [data-reveal-item]:nth-child(2) {
    --ef-reveal-delay: var(--ef-motion-stagger);
  }

  .ef-section-reveal[data-reveal-variant="stagger"] > [data-reveal-item]:nth-child(3) {
    --ef-reveal-delay: calc(var(--ef-motion-stagger) * 2);
  }

  .ef-workflow-pane {
    animation: ef-preview-change var(--ef-motion-ui) var(--ef-ease-standard)
      both;
  }
}

@keyframes ef-hero-enter {
  from {
    opacity: 0;
    transform: translateY(18px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes ef-panel-enter {
  from {
    opacity: 0;
    transform: translate(20px, 12px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes ef-section-enter {
  from {
    opacity: .7;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes ef-preview-change {
  from {
    opacity: .4;
    transform: translateY(5px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@media (max-width: 1023px) {
  .ef-landing-container {
    padding-inline: 32px;
  }

  .ef-landing-hero {
    padding-top: 76px;
  }

  .ef-hero-copy h1 {
    font-size: 60px;
  }

  .ef-hero-showcase {
    padding: 30px 24px;
  }

  .ef-preview-layered {
    padding-bottom: 0;
    padding-right: 0;
  }

  .ef-preview-fee {
    width: auto;
    margin-top: 16px;
    padding: 20px;
    position: static;
  }

  .ef-preview-fee > div {
    flex-direction: row;
    align-items: baseline;
    gap: 12px;
  }

  .ef-story-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .ef-story-card {
    width: 100%;
    max-width: 560px;
    margin-inline: auto;
  }

  .ef-story-card + .ef-story-card:before {
    display: none;
  }

  .ef-preview-bottom {
    flex-wrap: wrap;
    gap: 6px;
  }

  .ef-landing-cta {
    gap: 36px;
  }
}

@media (max-width: 767px) {
  .ef-landing-container {
    padding-inline: 20px;
  }

  .ef-landing-hero {
    padding-top: 60px;
  }

  .ef-hero-copy h1 {
    font-size: clamp(40px, 8vw, 58px);
    line-height: 1.1;
  }

  .ef-desktop-break {
    display: none;
  }

  .ef-hero-lead {
    font-size: 15px;
  }

  .ef-hero-context {
    flex-wrap: wrap;
    gap: 8px 12px;
    margin-bottom: 30px;
    font-size: 11px;
  }

  .ef-hero-context > span + span {
    padding-left: 12px;
  }

  .ef-hero-actions > * {
    min-height: 44px;
  }

  .ef-hero-showcase {
    padding: 12px;
  }

  .ef-preview-layered {
    min-height: 0;
    padding: 0;
  }

  .ef-preview-fee {
    width: auto;
    box-shadow: none;
    margin-top: 12px;
    padding: 18px;
    position: static;
  }

  .ef-preview-fee > div {
    flex-direction: row;
    align-items: baseline;
    gap: 12px;
  }

  .ef-preview-fee strong {
    font-size: 36px;
  }

  .ef-preview-fee p {
    margin-top: 12px;
  }

  .ef-preview-fee-label {
    margin-bottom: 12px;
  }

  .ef-preview-fee a {
    margin-top: 12px;
  }

  .ef-preview-chrome {
    gap: 8px;
    padding: 12px;
  }

  .ef-preview-chrome > svg {
    display: none;
  }

  .ef-workflow-tabs {
    gap: 14px;
    padding-inline: 12px;
  }

  .ef-workflow-tabs button {
    gap: 4px;
    min-height: 44px;
    font-size: 11px;
  }

  .ef-workflow-pane {
    padding: 22px 14px;
  }

  .ef-workflow-title {
    align-items: flex-start;
    gap: 8px;
  }

  .ef-workflow-title svg {
    flex-shrink: 0;
    margin-top: 1px;
  }

  .ef-workflow-title h3 {
    font-size: 14px;
  }

  .ef-preview-record > div {
    grid-template-columns: 1fr;
    gap: 4px;
    padding-block: 11px;
  }

  .ef-preview-record dd {
    font-size: 12px;
  }

  .ef-preview-bottom {
    padding: 12px 14px;
  }

  .ef-preview-bottom a {
    min-height: 30px;
  }

  .ef-landing-story {
    padding-block: 32px 48px;
  }

  .ef-story-grid {
    gap: 40px;
    margin-top: 36px;
  }

  .ef-story-copy {
    padding-top: 24px;
  }

  .ef-story-copy h3 {
    font-size: 22px;
  }

  .ef-story-copy p {
    max-width: none;
  }

  .ef-landing-cta {
    grid-template-columns: 1fr;
    gap: 30px;
    padding-block: 60px;
  }

  .ef-landing-cta > div:last-child {
    align-items: flex-start;
  }

  .ef-landing-cta > div:last-child > a {
    width: 100%;
    min-height: 44px;
  }

  .ef-landing-footer {
    flex-wrap: wrap;
    gap: 24px;
    padding-block: 28px;
  }

  .ef-landing-footer nav {
    order: 3;
    gap: 24px;
    width: 100%;
    margin: 0;
  }

  .ef-landing-footer > span {
    margin-left: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ef-landing *, .ef-landing :before, .ef-landing :after {
    scroll-behavior: auto !important;
    transition: none !important;
    animation: none !important;
    transform: none !important;
  }
}

.cossad-flow-section {
  background: #f6f8fb;
}

.cossad-product-flow {
  isolation: isolate;
  min-width: 0;
  padding-block: 88px 40px;
  scroll-margin-top: 80px;
  position: relative;
}

.cossad-product-flow:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  opacity: .7;
  background-image: linear-gradient(to right, #e8edf4 1px, #0000 1px), linear-gradient(#e8edf4 1px, #0000 1px);
  background-size: max(220px, 20%) 240px;
  position: absolute;
  inset: 0;
}

.cossad-product-flow-intro {
  text-align: center;
  max-width: 900px;
  margin-inline: auto;
  padding-inline: 24px;
}

.ef-landing .cossad-product-flow-intro h2 {
  letter-spacing: -.045em;
  color: #252b36;
  font-size: clamp(36px, 4.2vw, 58px);
  font-weight: 550;
  line-height: 1.12;
}

.cossad-product-flow-intro .ef-section-lead {
  max-width: 550px;
  margin-inline: auto;
  font-size: 15px;
  line-height: 1.7;
}

.cossad-flow-demo {
  min-width: 0;
  max-width: 1360px;
  margin: 28px auto 0;
  scroll-margin-top: 90px;
}

.cossad-flow-stage {
  min-height: 640px;
  padding: 40px 48px 12px;
}

.cossad-flow-demo :is(h3, h4) {
  scroll-margin-block: 100px 24px;
}

.cossad-flow-stock-layout {
  min-width: 0;
}

.cossad-flow-stock-list {
  max-width: 1080px;
  margin-inline: auto;
}

.cossad-flow-stock-list ul {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: 28px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.cossad-flow-stock-list li {
  min-width: 0;
}

.cossad-flow-stock-list li:first-child {
  padding-top: 64px;
}

.cossad-flow-stock-list li:last-child {
  padding-top: 112px;
}

:root .ef-interface .cossad-product-flow .cossad-flow-product-card {
  color: #343b48;
  text-align: left;
  width: 100%;
  font: inherit;
  cursor: pointer;
  transition: transform var(--ef-motion-ui) var(--ef-ease-out),
    border-color var(--ef-motion-ui) var(--ef-ease-standard),
    box-shadow var(--ef-motion-ui) var(--ef-ease-standard);
  background: #fff;
  border: 1px solid #e7ebf2;
  border-radius: 28px;
  flex-direction: column;
  padding: 24px;
  display: flex;
  box-shadow: 0 18px 44px #2535550f;
}

:root .ef-interface .cossad-product-flow .cossad-flow-product-card:hover {
  border-color: #b5bef2;
  box-shadow: 0 22px 48px #2535551a;
}

.cossad-flow-product-cell {
  flex-direction: column;
  width: 100%;
  min-width: 0;
  display: flex;
}

.cossad-flow-product-cell img {
  object-fit: contain;
  width: 100%;
  height: 250px;
  margin-bottom: 24px;
  display: block;
}

.cossad-flow-card-name {
  color: #525b6a;
  font-size: 15px;
  line-height: 1.5;
}

.cossad-flow-card-price {
  font-variant-numeric: tabular-nums;
  letter-spacing: -.035em;
  margin-top: 10px;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.25;
}

.cossad-flow-card-price small {
  letter-spacing: 0;
  color: var(--ef-ink-muted);
  font-size: 11px;
  font-weight: 400;
}

.cossad-flow-card-meta {
  color: #667080;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  margin-top: 26px;
  font-size: 11px;
  line-height: 1.5;
  display: flex;
}

.cossad-flow-card-meta > span {
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  display: flex;
}

.cossad-flow-card-meta b {
  color: #596273;
  text-align: right;
  font-variant-numeric: tabular-nums;
  font-weight: 400;
}

.cossad-flow-stock-status {
  color: #5f6979;
  white-space: nowrap;
  background: #f1f3f6;
  border-radius: 6px;
  align-items: center;
  gap: 5px;
  padding: 3px 6px;
  font-size: 10px;
  line-height: 1.5;
  display: inline-flex;
}

.cossad-flow-stock-status i {
  background: currentColor;
  border-radius: 50%;
  flex: none;
  width: 4px;
  height: 4px;
}

.cossad-flow-stock-status[data-offers="true"] {
  color: #2440d6;
  background: #eef1ff;
}

.cossad-flow-card-link {
  color: #2440d6;
  border-top: 1px solid #edf0f5;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin-top: 22px;
  padding-top: 16px;
  font-size: 12px;
  display: flex;
}

.cossad-flow-stock-layout[data-selected="true"] .cossad-flow-stock-list {
  display: none;
}

.cossad-flow-detail {
  background: #fff;
  border: 1px solid #e7ebf2;
  border-radius: 28px;
  grid-template-columns: 280px minmax(0, 1fr);
  column-gap: 32px;
  min-width: 0;
  max-width: 840px;
  margin: 28px auto;
  padding: 28px 32px;
  display: grid;
  box-shadow: 0 18px 44px #2535550f;
}

.cossad-flow-back {
  min-height: 44px;
  color: var(--ef-ink-muted);
  background: none;
  border: 0;
  grid-column: 1 / -1;
  justify-self: start;
  align-items: center;
  gap: 6px;
  padding: 0;
  font-size: 12px;
  display: inline-flex;
}

.cossad-flow-detail > img {
  object-fit: contain;
  grid-area: 2 / 1 / span 4;
  align-self: center;
  width: 100%;
  height: 300px;
  display: block;
}

.cossad-flow-detail > :is(h3, p, dl, .btn) {
  grid-column: 2;
}

.cossad-flow-detail h3, .cossad-flow-offer-product h3 {
  letter-spacing: -.025em;
  margin-top: 20px;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.35;
}

.cossad-flow-detail > p {
  color: var(--ef-ink-muted);
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.6;
}

.cossad-flow-demo dl {
  margin: 22px 0;
}

.cossad-flow-demo dl > div {
  border-bottom: 1px solid #edf0f5;
  justify-content: space-between;
  gap: 16px;
  padding-block: 12px;
  font-size: 13px;
  line-height: 1.5;
  display: flex;
}

.cossad-flow-demo dt {
  color: var(--ef-ink-muted);
}

.cossad-flow-demo dd {
  text-align: right;
  margin: 0;
  font-weight: 500;
}

.cossad-flow-detail .btn {
  width: 100%;
}

.cossad-flow-offers {
  max-width: 980px;
  margin: 20px auto;
}

.cossad-flow-offer-product {
  justify-content: center;
  align-items: center;
  gap: 14px;
  margin-bottom: 28px;
  display: flex;
}

.cossad-flow-offer-product img {
  object-fit: contain;
  width: 60px;
  height: 60px;
}

.cossad-flow-offer-product h3 {
  margin-top: 0;
}

.cossad-flow-offer-product p {
  color: var(--ef-ink-muted);
  margin-top: 6px;
  font-size: 12px;
}

.cossad-flow-offer-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 28px;
  display: grid;
}

.cossad-flow-offer {
  background: #fff;
  border: 1px solid #e7ebf2;
  border-radius: 26px;
  min-width: 0;
  padding: 28px;
  box-shadow: 0 18px 44px #2535550f;
}

.cossad-flow-offer:nth-child(2) {
  margin-top: 32px;
}

.cossad-flow-buyer {
  justify-content: space-between;
  align-items: start;
  gap: 16px;
  display: flex;
}

.cossad-flow-buyer span {
  color: var(--ef-ink-muted);
  font-size: 12px;
}

.cossad-flow-buyer h4 {
  margin: 8px 0 0;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.4;
}

.cossad-flow-offer-total {
  flex-direction: column;
  gap: 8px;
  margin-top: 28px;
  display: flex;
}

.cossad-flow-offer-total span {
  color: var(--ef-ink-muted);
  font-size: 12px;
}

.cossad-flow-offer-total strong {
  letter-spacing: -.04em;
  font-variant-numeric: tabular-nums;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.2;
}

.cossad-flow-offer-actions {
  gap: 10px;
  display: flex;
}

.cossad-flow-response {
  background: #fff;
  border: 1px solid #b5bef2;
  border-radius: 22px;
  margin-top: 28px;
  padding: 24px;
  scroll-margin-block: 100px 24px;
}

.cossad-flow-response h4 {
  margin: 0 0 10px;
  font-size: 17px;
  font-weight: 500;
}

.cossad-flow-response p {
  color: var(--ef-ink-muted);
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.65;
}

.cossad-flow-response > a {
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  font-size: 13px;
  display: inline-flex;
}

.cossad-flow-response form {
  margin-top: 20px;
}

.cossad-flow-response form label {
  margin-bottom: 8px;
  font-size: 13px;
  display: block;
}

.cossad-flow-response form > div {
  align-items: center;
  gap: 10px;
  display: flex;
}

.cossad-flow-response input {
  width: min(240px, 100%);
  min-width: 0;
}

.cossad-flow-response form > span {
  color: var(--ef-ink-muted);
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.6;
  display: block;
}

.cossad-flow-response [role="alert"] {
  color: var(--ef-negative, #b91c1c);
}

.cossad-flow-response [role="status"] {
  align-items: start;
  gap: 8px;
  display: flex;
}

.cossad-flow-disclosure {
  color: #667080;
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px 24px;
  padding: 16px 24px;
  font-size: 11px;
  line-height: 1.6;
  display: flex;
}

.cossad-flow-noscript {
  text-align: center;
  padding: 16px 24px;
  font-size: 13px;
}

.cossad-flow-fees {
  border-top: 1px solid #e5eaf1;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  max-width: 1080px;
  margin: 28px auto 0;
  padding: 24px 24px 0;
  scroll-margin-top: 100px;
  display: flex;
}

.cossad-flow-fees p {
  max-width: 80ch;
  color: var(--ef-ink-muted);
  font-size: 11px;
  line-height: 1.7;
}

.cossad-flow-fees strong {
  color: var(--ef-ink);
  font-weight: 500;
}

.cossad-flow-fees a {
  flex: none;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  display: inline-flex;
}

@media (prefers-reduced-motion: no-preference) {
  .cossad-flow-stage, .cossad-flow-detail, .cossad-flow-response {
    animation: cossad-flow-enter var(--ef-motion-ui) var(--ef-ease-out) both;
  }
}

@keyframes cossad-flow-enter {
  from {
    opacity: .3;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@media (max-width: 1023px) {
  .cossad-product-flow {
    padding-top: 64px;
  }

  .cossad-flow-stage {
    min-height: 580px;
    padding-inline: 24px;
  }

  .cossad-flow-stock-list ul {
    gap: 16px;
  }

  .cossad-flow-stock-list li:first-child {
    padding-top: 32px;
  }

  .cossad-flow-stock-list li:last-child {
    padding-top: 56px;
  }

  :root .ef-interface .cossad-product-flow .cossad-flow-product-card {
    border-radius: 24px;
    padding: 18px;
  }

  .cossad-flow-product-cell img {
    height: 190px;
    margin-bottom: 16px;
  }

  .cossad-flow-card-price {
    font-size: 23px;
  }

  .cossad-flow-card-meta {
    gap: 10px;
    font-size: 11px;
  }

  .cossad-flow-card-meta > span {
    flex-wrap: wrap;
    gap: 8px;
  }

  .cossad-flow-stock-status {
    font-size: 11px;
  }

  .cossad-flow-detail {
    grid-template-columns: 220px minmax(0, 1fr);
    column-gap: 24px;
  }
}

@media (max-width: 639px) {
  .cossad-product-flow {
    padding-block: 48px 28px;
  }

  .cossad-product-flow-intro {
    padding-inline: 20px;
  }

  .ef-landing .cossad-product-flow-intro h2 {
    font-size: 36px;
  }

  .cossad-product-flow-intro .ef-section-lead {
    font-size: 14px;
  }

  .cossad-flow-stage {
    min-height: 0;
    padding: 28px 20px 0;
  }

  .cossad-flow-stock-list {
    max-width: 360px;
  }

  .cossad-flow-stock-list ul {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .cossad-flow-stock-list li:first-child, .cossad-flow-stock-list li:last-child {
    padding-top: 0;
  }

  :root .ef-interface .cossad-product-flow .cossad-flow-product-card {
    padding: 24px;
    transform: none;
  }

  .cossad-flow-product-cell img {
    height: 240px;
  }

  .cossad-flow-card-name {
    font-size: 16px;
  }

  .cossad-flow-card-price {
    font-size: 27px;
  }

  .cossad-flow-card-meta {
    gap: 12px;
    font-size: 12px;
  }

  .cossad-flow-stock-status {
    font-size: 11px;
  }

  .cossad-flow-detail {
    flex-direction: column;
    gap: 0;
    margin-block: 0;
    padding: 20px 24px 24px;
    display: flex;
  }

  .cossad-flow-detail > img {
    width: 100%;
    height: 240px;
  }

  .cossad-flow-detail h3 {
    margin-top: 16px;
    font-size: 21px;
  }

  .cossad-flow-offers {
    margin-block: 0;
  }

  .cossad-flow-offer-product {
    justify-content: start;
    gap: 10px;
  }

  .cossad-flow-offer-product h3 {
    font-size: 18px;
  }

  .cossad-flow-offer-product p {
    font-size: 11px;
  }

  .cossad-flow-offer-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .cossad-flow-offer {
    padding: 24px 20px;
  }

  .cossad-flow-offer:nth-child(2) {
    margin-top: 0;
  }

  .cossad-flow-buyer {
    flex-direction: column;
    gap: 8px;
  }

  .cossad-flow-demo dl > div {
    gap: 12px;
    font-size: 12px;
  }

  .cossad-flow-demo dd {
    max-width: 62%;
  }

  .cossad-flow-response {
    padding: 20px 16px;
  }

  .cossad-flow-response form > div {
    flex-direction: column;
    align-items: stretch;
  }

  .cossad-flow-response input {
    width: 100%;
  }

  .cossad-flow-fees {
    flex-direction: column;
    align-items: start;
    gap: 12px;
    margin-top: 16px;
    padding-inline: 20px;
  }
}

/* [project]/src/app/exitflow-admin.css [app-client] (css) */
.ef-admin-shell {
  background: var(--ef-surface);
  color: var(--ef-ink);
  font-size: 13px;
}

.ef-admin-shell .sidebar {
  border-color: var(--ef-border);
  background: var(--ef-surface);
  width: 232px;
  padding: 24px 12px 0;
}

.ef-admin-shell .sidebar-logo {
  margin-bottom: 22px;
  padding: 0 12px;
}

.ef-admin-shell .sidebar .wordmark {
  font-size: 25px;
}

.ef-admin-shell .workspace-selector {
  border-color: var(--ef-border);
  border-radius: var(--ef-radius-md);
  margin-bottom: 24px;
  padding: 10px;
}

.ef-admin-shell .workspace-selector strong {
  letter-spacing: -.01em;
  font-size: 12px;
  font-weight: 550;
}

.ef-admin-shell .workspace-selector small {
  color: var(--ef-ink-muted);
  font-size: 11px;
}

.ef-admin-shell .organization-avatar {
  width: 28px;
  height: 28px;
  font-size: 11px;
}

.ef-admin-shell .nav-label {
  color: var(--ef-ink-muted);
  letter-spacing: .06em;
  font-size: 10px;
  font-weight: 500;
}

.ef-admin-shell .sidebar nav {
  gap: 3px;
}

.ef-admin-shell .sidebar nav a {
  min-height: 38px;
  color: var(--ef-ink-muted);
  border-radius: var(--ef-radius-sm);
  transition: background-color var(--ef-motion-fast) var(--ef-ease-standard);
  gap: 10px;
  padding: 9px 12px;
  font-size: 13px;
  font-weight: 400;
}

.ef-admin-shell .sidebar nav a svg {
  width: 16px;
  height: 16px;
}

.ef-admin-shell .sidebar nav a.active {
  color: var(--ef-ink);
  background: #ededee;
  font-weight: 550;
}

.ef-admin-shell .sidebar nav a:hover {
  background: var(--ef-surface-hover);
}

.ef-admin-shell .sidebar-help {
  min-height: 44px;
  color: var(--ef-ink-muted);
  font-size: 12px;
}

.ef-admin-shell .user-menu strong {
  color: var(--ef-ink);
  font-size: 12px;
}

.ef-admin-shell .user-menu small {
  color: var(--ef-ink-muted);
  font-size: 11px;
}

.ef-admin-shell .main-shell {
  width: calc(100% - 232px);
  min-width: 0;
  margin-left: 232px;
}

.ef-admin-shell .app-header {
  border-color: var(--ef-border);
  background: var(--ef-canvas);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  height: 56px;
  padding: 0 32px;
}

.ef-admin-shell .app-header strong, .ef-admin-shell .breadcrumb-root {
  font-size: 12px;
  font-weight: 500;
}

.ef-admin-shell .breadcrumb-root, .ef-admin-shell .header-search {
  color: var(--ef-ink-muted);
}

.ef-admin-shell .header-search {
  font-size: 12px;
}

.ef-admin-shell .header-search kbd, .ef-admin-shell .app-header .badge {
  font-size: 11px;
}

.ef-admin-shell .demo-ribbon {
  color: var(--ef-ink-muted);
  background: var(--ef-surface);
  padding: 7px 32px;
  font-size: 11px;
}

.ef-admin-shell .demo-ribbon > span {
  font-size: 9px;
}

.ef-admin-shell .main-content {
  max-width: 1360px;
  padding: 30px 32px 0;
}

.ef-admin-shell .page-heading {
  align-items: center;
  margin-bottom: 24px;
}

.ef-admin-shell .page-heading .eyebrow {
  display: none;
}

.ef-admin-shell .page-heading h1 {
  letter-spacing: -.035em;
  font-size: 27px;
  font-weight: 550;
  line-height: 1.25;
}

.ef-admin-shell .page-heading p {
  color: var(--ef-ink-muted);
  margin-top: 7px;
  font-size: 13px;
  line-height: 1.5;
}

.ef-admin-shell .btn {
  border-radius: var(--ef-control-radius);
  min-height: 34px;
  padding: 7px 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
}

.ef-admin-shell .btn-outline {
  border-color: var(--ef-border-control);
  background: var(--ef-canvas);
}

.ef-admin-shell .text-button, .ef-admin-shell .strong-link {
  font-size: 12px;
}

.ef-admin-shell .strong-link {
  font-weight: 550;
}

.ef-admin-shell .heading-actions .btn {
  min-height: 34px;
  font-size: 12px;
}

.ef-admin-shell .metrics-grid {
  border-color: var(--ef-border);
  border-radius: var(--ef-radius-md);
  margin-bottom: 24px;
}

.ef-admin-shell .metric {
  border-color: var(--ef-border);
  padding: 20px;
}

.ef-admin-shell .metric > span {
  color: var(--ef-ink-muted);
  margin-bottom: 12px;
  font-size: 12px;
}

.ef-admin-shell .metric > strong {
  letter-spacing: -.035em;
  margin-bottom: 7px;
  font-size: 27px;
  font-weight: 500;
}

.ef-admin-shell .metric > small {
  color: var(--ef-ink-muted);
  font-size: 11px;
}

.ef-admin-shell .panel {
  border-color: var(--ef-border);
  border-radius: var(--ef-radius-md);
  box-shadow: none;
  margin-bottom: 24px;
}

.ef-admin-shell .section-heading {
  border-color: var(--ef-border);
  min-height: 60px;
  padding: 17px 20px;
}

.ef-admin-shell .section-heading h2 {
  font-size: 14px;
  font-weight: 550;
}

.ef-admin-shell .section-heading p {
  max-width: 65ch;
  color: var(--ef-ink-muted);
  margin-top: 4px;
  font-size: 12px;
}

.ef-admin-shell .section-heading .badge {
  font-size: 11px;
}

.ef-admin-overview-grid {
  grid-template-columns: 1.15fr 1fr;
  align-items: start;
  gap: 24px;
  display: grid;
}

.ef-admin-queue > a {
  border-bottom: 1px solid var(--ef-border);
  min-height: 76px;
  transition: background var(--ef-motion-fast) var(--ef-ease-standard);
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  display: flex;
}

.ef-admin-queue > a:hover {
  background: var(--ef-surface);
}

.ef-admin-queue > a:last-child {
  border-bottom: 0;
}

.ef-admin-queue > a > svg {
  color: var(--ef-ink-muted);
  flex-shrink: 0;
}

.ef-admin-queue > a > span:first-of-type {
  flex: 1;
}

.ef-admin-queue strong, .ef-admin-jobs strong {
  font-size: 13px;
  font-weight: 500;
  display: block;
}

.ef-admin-queue small, .ef-admin-jobs small {
  color: var(--ef-ink-muted);
  margin-top: 4px;
  font-size: 11px;
  line-height: 1.4;
  display: block;
}

.ef-queue-count {
  white-space: nowrap;
  color: var(--ef-ink-muted);
  font-size: 11px;
}

.ef-queue-count.has-items {
  color: var(--ef-ink);
  font-weight: 550;
}

.ef-admin-jobs details {
  border-bottom: 1px solid var(--ef-border);
  padding: 14px 20px;
}

.ef-admin-jobs details:last-child {
  border-bottom: 0;
}

.ef-admin-jobs summary {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  list-style: none;
  display: flex;
}

.ef-admin-jobs summary::-webkit-details-marker {
  display: none;
}

.ef-admin-jobs summary:after {
  content: "+";
  color: var(--ef-ink-muted);
  font-size: 16px;
}

.ef-admin-jobs summary > span:first-child {
  flex: 1;
}

.ef-admin-jobs details[open] summary:after {
  content: "−";
}

.ef-admin-jobs details > p {
  color: var(--ef-ink-muted);
  overflow-wrap: anywhere;
  margin: 14px 0 0;
  font-size: 12px;
  line-height: 1.6;
}

.ef-admin-empty {
  text-align: center;
  min-height: 228px;
  color: var(--ef-ink-muted);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 24px;
  display: flex;
}

.ef-admin-empty strong {
  color: var(--ef-ink);
  font-weight: 500;
}

.ef-admin-empty p {
  max-width: 34ch;
  margin: 0;
  font-size: 12px;
  line-height: 1.6;
}

.ef-admin-shell table {
  font-variant-numeric: tabular-nums;
  width: 100%;
}

.ef-admin-shell th {
  border-color: var(--ef-border);
  background: var(--ef-surface);
  color: var(--ef-ink-muted);
  padding: 11px 18px;
  font-size: 12px;
  font-weight: 450;
}

.ef-admin-shell td {
  border-color: var(--ef-border);
  color: var(--ef-ink);
  vertical-align: middle;
  padding: 13px 18px;
  font-size: 13px;
}

.ef-admin-shell td > strong, .ef-admin-shell td strong {
  font-size: 13px;
  font-weight: 500;
}

.ef-admin-shell tbody tr:hover {
  background: var(--ef-surface);
}

.ef-admin-shell .table-secondary {
  color: var(--ef-ink-muted);
  margin-top: 4px;
  font-size: 11px;
}

.ef-admin-shell .badge {
  color: var(--ef-ink-muted);
  background: var(--ef-surface-hover);
  border: 1px solid var(--ef-border);
  border-radius: var(--ef-radius-sm);
  align-items: center;
  gap: 5px;
  padding: 3px 7px;
  font-size: 11px;
  line-height: 1.4;
  display: inline-flex;
}

.ef-admin-shell .badge.positive {
  color: var(--ef-positive);
  background: #f0fdf4;
  border-color: #dcfce7;
}

.ef-admin-shell .badge.warning {
  color: var(--ef-warning);
  background: #fffbeb;
  border-color: #fef3c7;
}

.ef-admin-shell .badge.risk {
  color: var(--ef-negative);
  background: #fef2f2;
  border-color: #fee2e2;
}

.ef-admin-shell .badge .status-dot {
  margin: 0;
}

.ef-admin-shell input:not([type="checkbox"]):not([type="radio"]), .ef-admin-shell select, .ef-admin-shell textarea {
  border-color: var(--ef-border-control);
  min-height: 36px;
  font-size: 13px;
}

.ef-admin-shell .application-inbox-search {
  gap: 8px;
  padding: 16px 20px;
}

.ef-admin-shell .application-inbox-search .search-field {
  max-width: 360px;
}

.ef-admin-shell .application-inbox-search select {
  width: auto;
}

.ef-admin-shell .listing-search {
  padding: 16px 20px;
}

.ef-admin-shell .listing-search input {
  max-width: 420px;
}

.ef-admin-shell .application-status-meta {
  font-size: 12px;
}

.ef-admin-shell .application-summary {
  font-size: 13px;
}

.ef-admin-shell .app-footer {
  min-height: 80px;
  color: var(--ef-ink-muted);
  margin-top: 28px;
  font-size: 11px;
}

.ef-admin-shell :is(a, button, input, select, textarea, summary):focus-visible {
  outline: 2px solid var(--ef-focus);
  outline-offset: 3px;
}

@media (max-width: 1200px) {
  .ef-admin-overview-grid {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .ef-admin-jobs {
    grid-template-columns: 1fr 1fr;
    display: grid;
  }

  .ef-admin-jobs details {
    border-bottom: 1px solid var(--ef-border);
  }
}

@media (max-width: 1023px) {
  .ef-admin-shell .main-content, .ef-admin-shell .app-header, .ef-admin-shell .demo-ribbon {
    padding-inline: 24px;
  }

  .ef-admin-shell .page-heading {
    align-items: flex-start;
  }
}

@media (max-width: 760px) {
  .ef-admin-shell .sidebar {
    width: 250px;
    transition: transform var(--ef-motion-ui) var(--ef-ease-standard);
    left: 0;
    transform: translateX(-100%);
  }

  .ef-admin-shell .sidebar:not(.mobile-open) {
    visibility: hidden;
  }

  .ef-admin-shell .sidebar.mobile-open {
    transform: none;
  }

  .ef-admin-shell .sidebar nav a {
    min-height: 44px;
  }

  .ef-admin-shell .main-shell {
    width: 100%;
    margin-left: 0;
  }

  .ef-admin-shell .app-header {
    height: 56px;
    padding-inline: 16px;
  }

  .ef-admin-shell .app-header .badge {
    font-size: 10px;
  }

  .ef-admin-shell .demo-ribbon {
    padding: 9px 20px;
    font-size: 10px;
  }

  .ef-admin-shell .demo-ribbon > a {
    font-size: 10px;
  }

  .ef-admin-shell .main-content {
    padding: 24px 20px 0;
  }

  .ef-admin-shell .page-heading {
    gap: 16px;
  }

  .ef-admin-shell .page-heading h1 {
    font-size: 26px;
  }

  .ef-admin-shell .metrics-grid {
    grid-template-columns: 1fr 1fr;
  }

  .ef-admin-shell .metric {
    padding: 16px;
  }

  .ef-admin-shell .metric > strong {
    font-size: 24px;
  }

  .ef-admin-shell .metric > span, .ef-admin-shell .metric > small {
    font-size: 11px;
  }

  .ef-admin-shell .section-heading {
    padding-inline: 16px;
  }

  .ef-admin-queue > a {
    gap: 10px;
    padding-inline: 16px;
  }

  .ef-admin-queue > a > svg:first-child {
    display: none;
  }

  .ef-admin-jobs {
    grid-template-columns: 1fr;
  }

  .ef-admin-jobs details {
    padding-inline: 16px;
  }

  .ef-admin-shell .application-inbox-search {
    flex-wrap: wrap;
    padding-inline: 16px;
  }

  .ef-admin-shell .application-inbox-search .search-field {
    flex-basis: 100%;
    max-width: none;
  }

  .ef-admin-shell .application-inbox-search select {
    flex: 1;
    min-width: 0;
  }

  .ef-admin-shell .icon-button {
    min-width: 44px;
    min-height: 44px;
  }

  .ef-admin-shell .btn {
    min-height: 44px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ef-admin-shell *, .ef-admin-shell :before, .ef-admin-shell :after {
    transition: none !important;
    animation: none !important;
  }
}

/* [project]/src/app/exitflow-orders.css [app-client] (css) */
.ef-seller-orders .ef-orders-panel > .section-heading {
  min-height: 60px;
  padding: 12px 16px;
}

.ef-seller-orders .ef-orders-panel > .section-heading h1 {
  letter-spacing: -.015em;
  margin: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.ef-seller-orders .section-heading h2, .ef-order-customer .section-heading h2 {
  font-size: 15px;
  font-weight: 550;
}

.ef-seller-orders .section-heading p {
  color: var(--ef-ink-muted);
  font-size: 12px;
}

.ef-orders-export {
  border: 1px solid var(--ef-border);
  border-radius: var(--ef-control-radius);
  background: var(--ef-canvas);
  justify-content: center;
  align-items: center;
  gap: 7px;
  min-height: 36px;
  padding: 0 12px;
  font-size: 12px;
  display: inline-flex;
}

.ef-orders-export:hover {
  background: var(--ef-surface);
}

.ef-orders-toolbar {
  border-bottom: 1px solid var(--ef-border);
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  padding: 12px 16px;
  display: flex;
}

.ef-orders-filter {
  flex: 1 0 auto;
  min-width: 108px;
}

.ef-orders-filter summary {
  cursor: pointer;
  border: 1px solid var(--ef-border-control);
  border-radius: var(--ef-control-radius);
  align-items: center;
  gap: 7px;
  min-height: 36px;
  padding: 0 11px;
  font-size: 12px;
  list-style: none;
  display: inline-flex;
}

.ef-orders-filter summary::-webkit-details-marker {
  display: none;
}

.ef-orders-filter summary span {
  background: var(--ef-surface-hover);
  border-radius: var(--ef-control-radius);
  padding: 0 5px;
}

.ef-orders-filter-fields {
  flex-wrap: wrap;
  gap: 12px;
  padding-top: 14px;
  display: flex;
}

.ef-orders-filter-fields label {
  color: var(--ef-ink-muted);
  flex-direction: column;
  gap: 6px;
  font-size: 11px;
  display: flex;
}

.ef-orders-search-controls {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.ef-orders-search-controls > select {
  flex: none;
  width: auto;
}

.ef-orders-toolbar select, .ef-order-form-grid select {
  border: 1px solid var(--ef-border-control);
  background: var(--ef-canvas);
  border-radius: var(--ef-control-radius);
  min-height: 36px;
  color: var(--ef-ink);
  max-width: 100%;
  padding: 0 28px 0 10px;
  font-family: inherit;
  font-size: 12px;
}

.ef-orders-search-controls .search-field {
  width: 240px;
  min-height: 36px;
}

.ef-orders-search-controls .search-field input {
  min-width: 0;
  font-size: 12px;
}

:root .ef-interface .ef-seller-orders .ef-orders-table {
  table-layout: fixed;
  width: 100%;
  min-width: 0;
}

.ef-orders-scroll-hint {
  display: none;
}

.ef-seller-orders .table-scroll {
  overscroll-behavior-x: contain;
  max-width: 100%;
  position: relative;
  overflow-x: auto;
}

.ef-seller-orders .table-scroll:focus-visible {
  outline: 2px solid var(--ef-focus);
  outline-offset: -2px;
}

.ef-orders-table th {
  color: var(--ef-ink-muted);
  padding: 10px 12px;
  font-size: 11px;
  font-weight: 500;
}

.ef-orders-table td {
  vertical-align: middle;
  color: var(--ef-ink-muted);
  font-variant-numeric: tabular-nums;
  padding: 10px 12px;
  font-size: 12px;
}

.ef-orders-table th:first-child, .ef-orders-table td:first-child {
  padding-left: 16px;
}

.ef-orders-table td:first-child {
  min-width: 0;
}

.ef-orders-table td:nth-child(2) {
  white-space: nowrap;
}

.ef-orders-table td:nth-child(3) {
  overflow-wrap: anywhere;
  min-width: 0;
}

.ef-orders-table td > strong {
  color: var(--ef-ink);
  font-size: 12px;
  font-weight: 500;
}

.ef-order-lot-title, .ef-order-secondary {
  color: var(--ef-ink-muted);
  margin-top: 4px;
  font-size: 11px;
  display: block;
}

.ef-order-lot-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ef-order-reference {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: flex;
}

.ef-order-test-label {
  background: var(--ef-surface-hover);
  color: var(--ef-ink-muted);
  border-radius: 4px;
  padding: 1px 5px;
  font-size: 10px;
  line-height: 16px;
  display: inline-flex;
}

.ef-orders-table td:nth-child(3) > :is(strong, .ef-order-secondary) {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
}

:root .ef-interface .ef-seller-orders .ef-orders-table :is(th, td):last-child {
  padding: 8px;
}

.ef-order-currency {
  color: var(--ef-ink-faint);
  font-size: 10px;
}

.ef-fulfillment-status {
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.ef-fulfillment-status:before {
  content: "";
  background: var(--ef-warning);
  border-radius: 2px;
  width: 6px;
  height: 6px;
}

.ef-fulfillment-status.is-fulfilled:before {
  background: var(--ef-positive);
}

.ef-orders-pagination {
  border-top: 1px solid var(--ef-border);
  color: var(--ef-ink-muted);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  font-size: 12px;
  display: flex;
}

.ef-orders-pagination nav {
  align-items: center;
  gap: 16px;
  display: flex;
}

.ef-orders-pagination nav a, .ef-orders-pagination nav > span {
  align-items: center;
  gap: 4px;
  min-height: 36px;
  display: inline-flex;
}

.ef-orders-pagination [aria-disabled="true"] {
  color: var(--ef-ink-faint);
}

.ef-order-detail {
  grid-template-columns: minmax(0, 1.65fr) minmax(300px, 1fr);
  gap: 16px;
}

.ef-order-detail > div {
  min-width: 0;
}

:root .ef-interface .ef-order-items-scroll .ef-order-items-table {
  table-layout: fixed;
  width: 100%;
  min-width: 0;
}

:root .ef-interface .ef-order-items-scroll .ef-order-items-table :is(th, td) {
  white-space: normal;
  overflow-wrap: anywhere;
  padding: 8px 12px;
}

.ef-order-customer .section-heading {
  min-height: 60px;
  padding: 18px 20px;
}

.ef-order-customer .text-button {
  align-items: center;
  gap: 5px;
  min-height: 32px;
  font-size: 12px;
  display: inline-flex;
}

.ef-customer-rows {
  margin: 0;
  font-size: 12px;
}

.ef-customer-rows > div {
  border-top: 1px solid var(--ef-border);
  grid-template-columns: 100px minmax(0, 1fr);
  gap: 16px;
  padding: 17px 20px;
  display: grid;
}

.ef-customer-rows > div:first-child {
  border-top: 0;
}

.ef-customer-rows dt {
  color: var(--ef-ink-muted);
  line-height: 1.6;
}

.ef-customer-rows dd {
  overflow-wrap: anywhere;
  margin: 0;
  line-height: 1.65;
}

.ef-customer-rows dd > span, .ef-customer-rows dd > a, .ef-customer-rows dd small {
  display: block;
}

.ef-customer-rows dd small {
  color: var(--ef-ink-muted);
  margin-top: 4px;
  font-size: 11px;
}

.ef-customer-rows dd strong {
  font-weight: 550;
}

.ef-customer-value {
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.ef-customer-value > a, .ef-customer-value address {
  flex: 1;
  min-width: 0;
}

.ef-customer-value address {
  white-space: pre-line;
  font-style: normal;
}

.ef-copy-value {
  flex-shrink: 0;
}

.ef-copy-value button {
  width: 28px;
  height: 28px;
  min-height: 28px;
  color: var(--ef-ink-faint);
}

.ef-customer-confirmation {
  background: var(--ef-surface);
  color: var(--ef-ink-muted);
  border-top: 1px solid var(--ef-border);
  padding: 12px 20px;
  font-size: 11px;
  line-height: 1.6;
}

.ef-customer-confirmation span {
  margin-top: 4px;
  display: block;
}

.ef-order-contact-form {
  padding-top: 4px;
}

.ef-order-contact-note {
  color: var(--ef-ink-muted);
  margin: 0 0 24px;
  font-size: 12px;
  line-height: 1.6;
}

.ef-address-fields {
  border: 0;
  min-width: 0;
  margin: 0 0 24px;
  padding: 0;
}

.ef-address-fields legend {
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 550;
}

.ef-order-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

.ef-order-form-grid label {
  min-width: 0;
  color: var(--ef-ink);
  font-size: 12px;
  display: block;
}

.ef-order-form-grid label > span {
  color: var(--ef-ink-faint);
  font-weight: 400;
  display: inline;
}

.ef-order-form-grid input {
  border: 1px solid var(--ef-border-control);
  border-radius: var(--ef-control-radius);
  width: 100%;
  min-width: 0;
  height: 38px;
  color: var(--ef-ink);
  background: var(--ef-canvas);
  margin-top: 7px;
  padding: 0 10px;
  font-family: inherit;
  font-size: 13px;
  display: block;
}

.ef-order-form-grid select {
  width: 100%;
  height: 38px;
  margin-top: 7px;
  font-size: 13px;
  display: block;
}

.ef-order-form-grid .ef-field-wide {
  grid-column: 1 / -1;
}

.ef-billing-checkbox {
  margin-bottom: 22px;
  font-size: 12px;
  line-height: 1.6;
}

.ef-order-form-error, .ef-address-required {
  color: var(--ef-negative);
  font-size: 12px;
  line-height: 1.6;
}

.ef-orders-filter summary:focus-visible, .ef-orders-toolbar input:focus-visible, .ef-orders-toolbar select:focus-visible, .ef-order-form-grid input:focus-visible, .ef-order-form-grid select:focus-visible {
  outline: 2px solid var(--ef-focus);
  outline-offset: 3px;
}

@media (max-width: 1100px) {
  :root .ef-interface .ef-seller-orders .ef-orders-table {
    min-width: 860px;
  }

  .ef-orders-scroll-hint {
    color: var(--ef-ink-muted);
    border-bottom: 1px solid var(--ef-border);
    padding: 9px 16px;
    font-size: 11px;
    display: block;
  }

  .ef-order-detail {
    grid-template-columns: minmax(0, 1fr);
  }

  .ef-orders-search-controls {
    flex: 100%;
  }

  .ef-orders-search-controls .search-field {
    flex: 1;
  }
}

@media (max-width: 639px) {
  .ef-orders-toolbar {
    padding: 14px;
  }

  .ef-orders-search-controls {
    gap: 8px;
  }

  .ef-orders-search-controls .search-field {
    flex: 100%;
    width: 100%;
  }

  .ef-orders-toolbar select, .ef-orders-filter summary, .ef-orders-export, .ef-orders-search-controls button {
    min-height: 44px;
  }

  .ef-orders-filter-fields {
    grid-template-columns: 1fr;
    display: grid;
  }

  .ef-orders-filter {
    min-width: 100%;
  }

  .ef-orders-pagination {
    padding: 12px 14px;
    font-size: 11px;
  }

  .ef-orders-pagination nav {
    gap: 12px;
  }

  .ef-orders-pagination nav a, .ef-orders-pagination nav > span {
    min-height: 44px;
  }

  .ef-customer-rows > div {
    grid-template-columns: 90px minmax(0, 1fr);
    gap: 10px;
    padding: 16px;
  }

  .ef-order-form-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .ef-order-form-grid input, .ef-order-form-grid select {
    min-height: 44px;
    font-size: 16px;
  }

  .ef-order-customer .text-button, .ef-copy-value button {
    min-height: 44px;
  }
}

.ef-delivery-panel {
  padding: 20px;
}

.ef-delivery-steps {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
  display: grid;
}

.ef-delivery-steps[data-carrier="true"] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  row-gap: 18px;
}

.ef-delivery-steps li {
  color: var(--ef-ink-muted);
  align-items: center;
  gap: 8px;
  font-size: 12px;
  display: flex;
}

.ef-delivery-steps li > span {
  border: 1px solid var(--ef-border);
  border-radius: 8px;
  flex-shrink: 0;
  place-items: center;
  width: 24px;
  height: 24px;
  display: grid;
}

.ef-delivery-steps .is-done > span {
  color: #4b5563;
  background: #f3f4f6;
}

.ef-delivery-steps [aria-current="step"] {
  color: var(--ef-ink);
  font-weight: 500;
}

.ef-delivery-facts, .ef-delivery-notices dl {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin: 0;
  display: grid;
}

.ef-delivery-panel dt {
  color: var(--ef-ink-muted);
  margin-bottom: 6px;
  font-size: 12px;
}

.ef-delivery-panel dd {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  margin: 0;
  font-size: 13px;
}

.ef-delivery-panel address {
  font-style: normal;
}

.ef-delivery-note {
  color: var(--ef-ink-muted);
  align-items: flex-start;
  gap: 8px;
  margin: 20px 0 0;
  font-size: 12px;
  line-height: 1.6;
  display: flex;
}

.ef-delivery-note svg {
  flex-shrink: 0;
  margin-top: 3px;
}

.ef-delivery-notices {
  border-top: 1px solid var(--ef-border);
  margin-top: 20px;
  padding-top: 16px;
}

.ef-delivery-notices h3 {
  align-items: center;
  gap: 8px;
  margin: 0 0 16px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
}

.ef-delivery-route {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 0;
  display: grid;
}

.ef-delivery-address-card {
  border: 1px solid var(--ef-border);
  border-radius: 10px;
  min-width: 0;
  padding: 14px 16px;
}

.ef-delivery-address-card dt, .ef-delivery-group-heading {
  align-items: center;
  gap: 8px;
  display: flex;
}

.ef-delivery-address-card dt {
  margin-bottom: 12px;
  line-height: 20px;
}

.ef-delivery-address-card dt svg, .ef-delivery-contact-phone svg, .ef-delivery-group-heading svg, .ef-carrier-event-heading svg, .ef-carrier-event-location svg {
  flex-shrink: 0;
}

.ef-delivery-contact address {
  flex-direction: column;
  gap: 2px;
  line-height: 1.6;
  display: flex;
}

.ef-delivery-contact address strong {
  margin-bottom: 3px;
  font-weight: 500;
}

.ef-delivery-contact-phone {
  color: var(--ef-ink-muted);
  font-variant-numeric: tabular-nums;
  align-items: center;
  gap: 7px;
  margin-top: 10px;
  display: flex;
}

.ef-delivery-transport {
  border-top: 1px solid var(--ef-border);
  margin-top: 20px;
  padding-top: 20px;
}

.ef-delivery-group-heading {
  margin: 0 0 16px;
  font-size: 13px;
  font-weight: 500;
}

.ef-delivery-transport dd {
  line-height: 1.6;
}

.ef-delivery-tracking-reference {
  font-variant-numeric: tabular-nums;
}

.ef-delivery-tracking-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.ef-pickup-heading {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px 16px;
  margin-bottom: 12px;
  display: flex;
}

.ef-pickup-heading h3 {
  margin: 0;
}

.ef-pickup-disclosure {
  color: var(--ef-ink-muted);
  overflow-wrap: anywhere;
  margin: 0 0 14px;
  font-size: 12px;
  line-height: 1.6;
}

.ef-pickup-panel .ef-pickup-facts {
  margin: 16px 0;
}

.ef-pickup-refresh {
  margin-bottom: 16px;
}

.ef-pickup-form, .ef-pickup-form fieldset {
  gap: 14px;
  min-width: 0;
  display: grid;
}

.ef-pickup-form fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

.ef-pickup-form fieldset:disabled {
  opacity: .65;
}

.ef-pickup-form label:not(.ef-pickup-confirmation) {
  min-width: 0;
  color: var(--ef-ink);
  gap: 6px;
  font-size: 12px;
  line-height: 1.5;
  display: grid;
}

.ef-pickup-window {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.ef-pickup-form :is(input[type="datetime-local"], select, textarea) {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: var(--ef-control-height);
  color: var(--ef-control-text);
  background: var(--ef-control-bg);
  border: 1px solid var(--ef-border-control);
  border-radius: var(--ef-control-radius);
  font: inherit;
  padding: 7px 10px;
}

.ef-pickup-form textarea {
  resize: vertical;
}

.ef-pickup-form > .btn, .ef-pickup-form fieldset > .btn {
  justify-self: start;
}

.ef-pickup-booking, .ef-pickup-cancellation {
  border-top: 1px solid var(--ef-border);
  margin-top: 20px;
  padding-top: 16px;
}

.ef-pickup-booking .ef-pickup-disclosure {
  margin: 0;
}

.ef-pickup-confirmation {
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
  font-size: 12px;
  line-height: 1.6;
  display: flex;
}

.ef-pickup-confirmation input {
  flex-shrink: 0;
  margin-top: 3px;
}

.ef-delivery-notices > .small.muted {
  margin-top: 16px;
  line-height: 1.6;
}

.ef-carrier-timeline {
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}

.ef-carrier-timeline > li {
  grid-template-columns: 8px minmax(0, 1fr);
  gap: 12px;
  padding-bottom: 20px;
  display: grid;
  position: relative;
}

.ef-carrier-timeline > li:last-child {
  padding-bottom: 0;
}

.ef-carrier-timeline > li:not(:last-child):before {
  content: "";
  background: var(--ef-border);
  width: 1px;
  position: absolute;
  top: 14px;
  bottom: 0;
  left: 3px;
}

.ef-carrier-event-marker {
  z-index: 1;
  border: 1px solid var(--ef-ink-faint);
  background: var(--ef-canvas);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin-top: 5px;
  position: relative;
}

.ef-carrier-event-content {
  overflow-wrap: anywhere;
  min-width: 0;
}

.ef-carrier-event-heading {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: 4px 12px;
  display: flex;
}

.ef-carrier-event-heading strong {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
}

.ef-carrier-event-heading time, .ef-carrier-event-location {
  color: var(--ef-ink-muted);
  align-items: center;
  gap: 6px;
  font-size: 11px;
  line-height: 1.6;
  display: flex;
}

.ef-carrier-event-content p {
  margin: 6px 0 0;
  font-size: 12px;
  line-height: 1.6;
}

.ef-carrier-event-location {
  align-items: flex-start;
  margin-top: 6px;
}

.ef-carrier-event-location svg {
  margin-top: 3px;
}

.ef-delivery-notification-groups {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.ef-delivery-notification-group {
  border: 1px solid var(--ef-border);
  border-radius: 10px;
  min-width: 0;
  padding: 14px;
}

.ef-delivery-notification-group h4 {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
}

.ef-delivery-notices .ef-delivery-recipient-list {
  display: block;
}

.ef-delivery-recipient-list > div {
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 10px;
  padding: 7px 0;
  display: grid;
}

.ef-delivery-recipient-list dt {
  margin: 0;
  line-height: 1.6;
}

.ef-delivery-recipient-list dd {
  font-size: 12px;
  line-height: 1.6;
}

.ef-delivery-notices .ef-delivery-receipt-recipients {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

.ef-order-customer .ef-order-contact-details {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.ef-order-customer .ef-order-contact-line {
  min-width: 0;
  line-height: 1.6;
}

.ef-order-customer .ef-order-customer-company {
  margin-top: 4px;
}

.ef-order-detail .order-actions {
  gap: 12px;
  padding: 16px 20px 20px;
}

.ef-order-detail .ef-order-terminal-note {
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  display: flex;
}

.ef-order-terminal-note svg {
  flex-shrink: 0;
  margin-top: 2px;
}

@media (max-width: 639px) {
  .ef-delivery-panel {
    padding: 16px;
  }

  .ef-delivery-steps, .ef-delivery-steps[data-carrier="true"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  .ef-delivery-facts, .ef-delivery-route, .ef-pickup-window, .ef-delivery-notification-groups, .ef-delivery-notices .ef-delivery-receipt-recipients {
    grid-template-columns: 1fr;
  }

  .ef-delivery-address-card {
    padding: 14px;
  }

  .ef-delivery-tracking-actions .btn {
    min-height: 44px;
  }

  .ef-pickup-form :is(input[type="datetime-local"], select, textarea) {
    min-height: 44px;
    font-size: 16px;
  }

  .ef-pickup-form .btn, .ef-pickup-confirmation {
    min-height: 44px;
  }

  .ef-order-detail .order-actions {
    padding: 16px;
  }
}

/* [project]/src/app/exitflow-reports.css [app-client] (css) */
.ef-report-detail {
  flex-direction: column;
  gap: 20px;
  min-width: 0;
  display: flex;
}

.ef-report-detail .panel {
  min-width: 0;
  margin: 0;
}

.ef-report-body {
  flex-direction: column;
  gap: 16px;
  padding: 20px;
  display: flex;
}

.ef-report-body p, .ef-report-upload p {
  margin: 0;
}

.ef-report-meta {
  color: var(--ef-ink-muted);
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  font-size: 12px;
  display: flex;
}

.ef-report-note {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  line-height: 1.65;
}

.ef-report-decision {
  border: 1px solid var(--ef-border);
  border-radius: var(--ef-radius-md);
  background: var(--ef-surface);
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  display: flex;
}

.ef-report-form {
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  display: flex;
}

.ef-report-form label, .ef-report-filters label {
  flex-direction: column;
  gap: 6px;
  font-size: 13px;
  display: flex;
}

.ef-report-form input, .ef-report-form select, .ef-report-form textarea, .ef-report-filters input, .ef-report-filters select {
  border: 1px solid var(--ef-border-control);
  border-radius: var(--ef-control-radius);
  background: var(--ef-canvas);
  width: 100%;
  min-width: 0;
  font: inherit;
  color: var(--ef-ink);
  padding: 9px 11px;
}

.ef-report-form .ef-report-check {
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
  line-height: 1.6;
}

.ef-report-check input {
  flex: none;
  width: 16px;
  min-width: 16px;
  min-height: 16px;
  margin-top: 3px;
}

.ef-report-fields {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.ef-report-address-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 16px;
  display: grid;
}

.ef-report-address {
  border: 1px solid var(--ef-border);
  border-radius: var(--ef-radius-md);
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  padding: 16px;
  display: flex;
}

.ef-report-form details > summary {
  cursor: pointer;
  min-height: 44px;
  list-style: revert;
  align-items: center;
  font-size: 13px;
  display: flex;
}

.ef-report-form details > div + div {
  margin-top: 16px;
}

.ef-report-upload {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.ef-report-upload > input[type="file"] {
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.ef-report-upload > .btn, .ef-report-form > .btn {
  align-self: flex-start;
}

.ef-report-files {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.ef-report-files li {
  min-width: 0;
}

.ef-report-files a {
  border: 1px solid var(--ef-border);
  border-radius: var(--ef-radius-sm);
  align-items: center;
  gap: 12px;
  min-height: 64px;
  padding: 10px;
  display: flex;
}

.ef-report-files img {
  object-fit: cover;
  border-radius: var(--ef-radius-sm);
  width: 64px;
  height: 64px;
}

.ef-report-files a > svg {
  flex: none;
}

.ef-report-files span {
  overflow-wrap: anywhere;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.ef-report-files strong {
  font-size: 13px;
  font-weight: 500;
}

.ef-report-files small {
  color: var(--ef-ink-muted);
  font-size: 11px;
}

.ef-report-filters {
  grid-template-columns: 200px minmax(0, 1fr) auto;
  align-items: end;
  gap: 12px;
  padding: 16px 20px;
  display: grid;
}

.ef-report-queue > a {
  border-top: 1px solid var(--ef-border);
  align-items: center;
  gap: 16px;
  padding: 18px 20px;
  display: flex;
}

.ef-report-queue > a > div {
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.ef-report-queue strong {
  overflow-wrap: anywhere;
  font-size: 14px;
  font-weight: 500;
}

.ef-report-queue span, .ef-report-queue small {
  color: var(--ef-ink-muted);
  font-size: 12px;
}

.ef-report-queue > a:hover {
  background: var(--ef-surface);
}

.ef-report-pagination {
  border-top: 1px solid var(--ef-border);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  font-size: 12px;
  display: flex;
}

.ef-report-detail :is(a, button, input, select, textarea, summary):focus-visible, .ef-report-filters :is(button, input, select):focus-visible, .ef-report-queue a:focus-visible {
  outline: 2px solid var(--ef-focus);
  outline-offset: 3px;
}

@media (max-width: 760px) {
  .ef-report-body {
    padding: 16px;
  }

  .ef-report-fields, .ef-report-address-grid, .ef-report-files, .ef-report-filters {
    grid-template-columns: minmax(0, 1fr);
  }

  .ef-report-form :is(input:not([type="checkbox"]), select, textarea) {
    min-height: 44px;
    font-size: 16px;
  }

  .ef-report-form .btn, .ef-report-upload .btn, .ef-report-pagination .btn {
    min-height: 44px;
  }

  .ef-report-queue > a {
    flex-wrap: wrap;
    gap: 10px;
    padding: 16px;
  }

  .ef-report-filters {
    padding: 16px;
  }

  .ef-report-pagination {
    flex-wrap: wrap;
  }
}

/* [project]/src/app/exitflow-inventory.css [app-client] (css) */
.ef-inventory-workspace .toolbar-controls {
  flex-wrap: wrap;
}

.ef-inventory-detail .page-heading h1, .ef-inventory-detail .page-heading p {
  overflow-wrap: anywhere;
}

.ef-inventory-form .search-field input:not([type="checkbox"]) {
  background: none;
  border: 0;
  outline: none;
  margin-top: 0;
  padding: 0;
}

.ef-inventory-form .search-field:focus-within {
  outline: 2px solid var(--ef-focus);
  outline-offset: 2px;
}

.ef-inventory-location-caption {
  color: var(--ef-ink-faint);
  margin: 5px 0 0 47px;
  font-size: 10px;
  display: block;
}

.ef-inventory-detail-grid {
  grid-template-columns: minmax(0, 1.75fr) minmax(280px, 1fr);
  gap: 16px;
  display: grid;
}

.ef-inventory-detail-grid > * {
  min-width: 0;
}

.ef-inventory-detail .section-heading h2, .ef-inventory-workspace > .panel .section-heading h2 {
  font-size: 15px;
  font-weight: 550;
}

.ef-inventory-detail .section-heading {
  min-height: 62px;
  padding: 18px 20px;
}

.ef-inventory-detail-rows {
  margin: 0;
}

.ef-inventory-detail-rows > div {
  border-top: 1px solid var(--ef-border);
  grid-template-columns: minmax(100px, 1fr) minmax(0, 1.2fr);
  gap: 18px;
  padding: 17px 22px;
  font-size: 13px;
  line-height: 1.65;
  display: grid;
}

.ef-inventory-detail-rows > div:first-child {
  border-top: 0;
}

.ef-inventory-detail-rows dt {
  color: var(--ef-ink-muted);
}

.ef-inventory-detail-rows dd {
  color: var(--ef-ink);
  overflow-wrap: anywhere;
  white-space: pre-line;
  margin: 0;
}

.ef-inventory-table-scroll {
  overscroll-behavior-x: contain;
  max-width: 100%;
  position: relative;
  overflow-x: auto;
}

.ef-inventory-table-scroll table {
  width: 100%;
  min-width: 620px;
}

.ef-inventory-table-scroll th {
  color: var(--ef-ink-muted);
  padding: 13px 18px;
  font-size: 11px;
  font-weight: 500;
}

.ef-inventory-table-scroll td {
  color: var(--ef-ink);
  font-variant-numeric: tabular-nums;
  vertical-align: middle;
  padding: 16px 18px;
  font-size: 12px;
}

.ef-inventory-table-scroll td small {
  color: var(--ef-ink-muted);
  overflow-wrap: anywhere;
  max-width: 240px;
  margin-top: 4px;
  font-size: 11px;
  line-height: 1.6;
  display: block;
}

.ef-inventory-table-scroll td:first-child {
  min-width: 180px;
}

.ef-inventory-table-scroll .text-button {
  font-size: 12px;
}

.ef-inventory-row-actions {
  align-items: center;
  gap: 12px;
  display: flex;
}

.ef-inventory-panel-note {
  color: var(--ef-ink-muted);
  border-top: 1px solid var(--ef-border);
  padding: 14px 20px;
  font-size: 11px;
  line-height: 1.7;
}

.ef-inventory-linked-listings > a {
  border-top: 1px solid var(--ef-border);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  display: flex;
}

.ef-inventory-linked-listings > a:first-child {
  border-top: 0;
}

.ef-inventory-linked-listings > a:hover {
  background: var(--ef-surface);
}

.ef-inventory-linked-listings strong {
  overflow-wrap: anywhere;
  font-size: 12px;
  font-weight: 500;
}

.ef-inventory-linked-listings small {
  color: var(--ef-ink-muted);
  margin-top: 4px;
  font-size: 11px;
  line-height: 1.6;
  display: block;
}

.ef-inventory-reservation-toolbar {
  border-bottom: 1px solid var(--ef-border);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 14px 20px;
  display: flex;
}

.ef-inventory-reservation-toolbar .filter-tabs {
  align-self: stretch;
}

.ef-inventory-reservation-toolbar .search-field {
  width: 240px;
}

.ef-inventory-table-footer {
  border-top: 1px solid var(--ef-border);
  color: var(--ef-ink-muted);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  font-size: 12px;
  display: flex;
}

.ef-inventory-table-footer > div {
  align-items: center;
  gap: 16px;
  display: flex;
}

.ef-inventory-table-footer button {
  cursor: pointer;
  background: none;
  border: 0;
  min-height: 32px;
  padding: 0;
}

.ef-inventory-table-footer button:disabled {
  color: var(--ef-ink-faint);
  cursor: default;
}

.ef-inventory-workspace .table-scroll {
  position: relative;
}

.ef-inventory-drawer.dialog-content, .ef-inventory-editor.dialog-content {
  flex-direction: column;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.ef-inventory-drawer.dialog-content {
  width: min(580px, 100vw - 16px);
  max-width: none;
  height: calc(100dvh - 16px);
  max-height: none;
  top: 8px;
  left: auto;
  right: 8px;
  transform: none;
}

.ef-inventory-editor.dialog-content {
  width: calc(100vw - 24px);
  max-width: none;
  height: calc(100dvh - 24px);
  max-height: none;
  top: 12px;
  left: 12px;
  transform: none;
}

.ef-inventory-drawer .dialog-heading, .ef-inventory-editor .dialog-heading {
  border-bottom: 1px solid var(--ef-border);
  flex-shrink: 0;
  margin: 0;
  padding: 18px 24px;
}

.ef-inventory-drawer .dialog-heading h2, .ef-inventory-editor .dialog-heading h2 {
  font-size: 18px;
  font-weight: 550;
  line-height: 1.4;
}

.ef-inventory-drawer .dialog-heading p, .ef-inventory-editor .dialog-heading p {
  color: var(--ef-ink-muted);
  font-size: 12px;
}

.ef-inventory-drawer > :not(.dialog-heading), .ef-inventory-editor > :not(.dialog-heading) {
  overscroll-behavior: contain;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}

.ef-inventory-drawer > :not(.dialog-heading) {
  padding: 24px;
}

.ef-inventory-editor > .ef-inventory-form {
  padding: 32px max(24px, 50% - 380px);
}

.ef-inventory-form {
  flex-direction: column;
  gap: 22px;
  display: flex;
}

.ef-inventory-form [hidden] {
  display: none !important;
}

.ef-inventory-form label {
  color: var(--ef-ink);
  min-width: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.6;
  display: block;
}

.ef-inventory-form label > span {
  color: var(--ef-ink-muted);
  font-weight: 400;
}

.ef-inventory-form input:not([type="checkbox"]), .ef-inventory-form select, .ef-inventory-form textarea {
  width: 100%;
  min-width: 0;
  color: var(--ef-ink);
  border: 1px solid var(--ef-border-control);
  background: var(--ef-canvas);
  box-shadow: none;
  border-radius: 5px;
  margin-top: 7px;
  padding: 8px 10px;
  font-family: inherit;
  font-size: 13px;
  display: block;
}

.ef-inventory-form input:not([type="checkbox"]), .ef-inventory-form select {
  min-height: 38px;
}

.ef-inventory-form input[readonly] {
  background: var(--ef-surface);
  color: var(--ef-ink-muted);
}

.ef-inventory-form label small {
  color: var(--ef-ink-muted);
  margin-top: 5px;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.65;
  display: block;
}

.ef-inventory-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px 16px;
  display: grid;
}

.ef-inventory-wide {
  grid-column: 1 / -1;
}

.ef-inventory-shipping.checkbox-label {
  border: 1px solid var(--ef-border);
  background: var(--ef-surface);
  border-radius: 6px;
  align-items: flex-start;
  gap: 10px;
  margin: 24px 0;
  padding: 16px;
  display: flex;
}

.ef-inventory-shipping.checkbox-label > span {
  color: var(--ef-ink);
}

.ef-inventory-form input[type="checkbox"] {
  width: 16px;
  height: 16px;
  accent-color: var(--ef-focus);
  flex-shrink: 0;
}

.ef-inventory-attributes-fields {
  border: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.ef-inventory-attributes-fields legend {
  border-top: 1px solid var(--ef-border);
  width: 100%;
  padding: 24px 0 20px;
  font-size: 15px;
  font-weight: 550;
  display: block;
}

.ef-inventory-form .checkbox-label {
  align-items: flex-start;
  gap: 10px;
  font-size: 12px;
  display: flex;
}

.ef-inventory-note {
  color: var(--ef-ink-muted);
  font-size: 12px;
  line-height: 1.7;
}

.ef-inventory-detail > .ef-inventory-note {
  margin-bottom: 20px;
}

.ef-inventory-form-error {
  color: var(--ef-negative);
  border: 1px solid var(--ef-negative);
  border-radius: 5px;
  padding: 10px 12px;
  font-size: 12px;
  line-height: 1.7;
}

.ef-inventory-form-subtitle {
  margin-bottom: 24px;
  font-size: 16px;
  font-weight: 550;
}

.ef-inventory-form-footer {
  border-top: 1px solid var(--ef-border);
  background: var(--ef-canvas);
  z-index: 1;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 12px;
  padding: 18px 0;
  display: flex;
  position: sticky;
  bottom: -24px;
}

.ef-inventory-mini-summary {
  border: 1px solid var(--ef-border);
  border-radius: 6px;
  margin: 0;
}

.ef-inventory-mini-summary > div {
  border-top: 1px solid var(--ef-border);
  grid-template-columns: 1fr 1.2fr;
  gap: 12px;
  padding: 10px 12px;
  font-size: 12px;
  line-height: 1.6;
  display: grid;
}

.ef-inventory-mini-summary > div:first-child {
  border-top: 0;
}

.ef-inventory-mini-summary dt {
  color: var(--ef-ink-muted);
}

.ef-inventory-mini-summary dd {
  overflow-wrap: anywhere;
  min-width: 0;
  margin: 0;
}

.ef-inventory-steps {
  border-bottom: 1px solid var(--ef-border);
  margin-bottom: 6px;
  display: flex;
}

.ef-inventory-steps > * {
  text-align: left;
  color: var(--ef-ink-muted);
  background: none;
  border: 0;
  border-bottom: 2px solid #0000;
  flex: 1;
  padding: 12px 16px;
  font-size: 13px;
}

.ef-inventory-steps [aria-current="step"] {
  color: var(--ef-ink);
  border-bottom-color: var(--ef-ink);
  font-weight: 550;
}

.ef-inventory-availability {
  flex-direction: column;
  gap: 20px;
  display: flex;
}

.ef-inventory-availability h3 {
  font-size: 18px;
  font-weight: 550;
}

.ef-inventory-availability > p {
  color: var(--ef-ink-muted);
  font-size: 13px;
  line-height: 1.7;
}

.ef-inventory-availability-row {
  border: 1px solid var(--ef-border);
  border-radius: 6px;
  grid-template-columns: minmax(0, 1fr) 150px;
  align-items: center;
  gap: 20px;
  padding: 14px;
  display: grid;
}

.ef-inventory-availability-row > label:nth-child(2) {
  color: var(--ef-ink-muted);
  font-size: 11px;
}

.ef-inventory-location-options {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.ef-inventory-location-option {
  border: 1px solid var(--ef-border);
  border-radius: 6px;
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
  padding: 14px;
  display: flex !important;
}

.ef-inventory-location-option.selected {
  border-color: var(--ef-border-control);
  background: var(--ef-surface);
}

.ef-inventory-location-option strong {
  color: var(--ef-ink);
  font-size: 13px;
  font-weight: 500;
}

.ef-inventory-location-option small {
  color: var(--ef-ink-muted);
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.6;
  display: block;
}

.ef-inventory-table-scroll:focus-visible, .ef-inventory-form input:focus-visible, .ef-inventory-form select:focus-visible, .ef-inventory-form textarea:focus-visible {
  outline: 2px solid var(--ef-focus);
  outline-offset: 2px;
}

@media (max-width: 1100px) {
  .ef-inventory-detail-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 639px) {
  .ef-inventory-workspace .heading-actions {
    flex-wrap: wrap;
  }

  .ef-inventory-workspace .toolbar-controls {
    width: 100%;
  }

  .ef-inventory-workspace .toolbar-controls .search-field {
    flex: 1;
  }

  .ef-inventory-drawer.dialog-content, .ef-inventory-editor.dialog-content {
    border-radius: 0;
    width: 100vw;
    height: 100dvh;
    inset: 0;
  }

  .ef-inventory-drawer .dialog-heading, .ef-inventory-editor .dialog-heading {
    padding: 16px 20px;
  }

  .ef-inventory-drawer > :not(.dialog-heading), .ef-inventory-editor > .ef-inventory-form {
    padding: 24px 20px;
  }

  .ef-inventory-form-grid {
    grid-template-columns: 1fr;
  }

  .ef-inventory-form input:not([type="checkbox"]), .ef-inventory-form select, .ef-inventory-form textarea {
    min-height: 44px;
    font-size: 16px;
  }

  .ef-inventory-availability-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .ef-inventory-form-footer {
    bottom: -24px;
  }

  .ef-inventory-form-footer button, .ef-inventory-table-footer button, .ef-inventory-row-actions button {
    min-height: 44px;
  }

  .ef-inventory-detail-rows > div {
    grid-template-columns: 100px minmax(0, 1fr);
    gap: 12px;
    padding: 16px;
  }

  .ef-inventory-reservation-toolbar .search-field {
    width: 100%;
  }
}

/* [project]/src/app/exitflow-products.css [app-client] (css) */
.ef-catalog-workspace, .ef-catalog-detail {
  min-width: 0;
}

.ef-catalog-detail > .ef-inventory-back {
  align-items: center;
  gap: 6px;
  margin-bottom: 18px;
  font-size: 12px;
  display: inline-flex;
}

.ef-catalog-detail-main > .panel, .ef-catalog-detail-side > .panel {
  margin-bottom: 0;
}

.ef-catalog-form-drawer > form.ef-inventory-form {
  flex-direction: column;
  flex: 1;
  gap: 0;
  min-height: 0;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.ef-catalog-form-drawer .ef-catalog-drawer-body {
  flex: 1;
  min-height: 0;
  padding: 24px;
  overflow-y: auto;
}

.ef-catalog-form-drawer .ef-inventory-form-footer {
  flex-shrink: 0;
  margin: 0;
  padding: 14px 24px;
  position: static;
}

.ef-catalog-workspace .heading-actions {
  flex-wrap: wrap;
}

.ef-catalog-toolbar {
  border-bottom: 1px solid var(--ef-border);
  flex-flow: wrap;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 16px 20px;
  display: flex;
}

.ef-catalog-toolbar .search-field {
  flex: 1;
  min-width: 180px;
  max-width: 280px;
}

.ef-catalog-toolbar select {
  background: var(--ef-canvas);
  width: auto;
  min-height: 34px;
  color: var(--ef-ink);
  border: 1px solid var(--ef-border-control);
  border-radius: var(--ef-control-radius);
  padding: 6px 25px 6px 9px;
  font-family: inherit;
  font-size: 12px;
}

.ef-catalog-toolbar .search-field input {
  background: none;
  border: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  font-size: 12px;
}

.ef-catalog-product-cell {
  min-width: 180px;
  max-width: 340px;
  color: inherit;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  display: flex;
}

.ef-catalog-product-cell img {
  object-fit: contain;
  border: 1px solid var(--ef-border);
  background: var(--ef-surface);
  border-radius: 4px;
  width: 36px;
  height: 42px;
}

.ef-catalog-product-cell strong {
  overflow-wrap: anywhere;
  font-weight: 550;
}

.ef-catalog-product-cell:hover strong {
  text-decoration: underline;
}

.ef-catalog-product-table {
  min-width: 0;
}

.ef-catalog-product-table tbody tr:hover {
  background: var(--ef-surface);
}

.ef-catalog-pagination {
  border-top: 1px solid var(--ef-border);
  color: var(--ef-ink-muted);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 18px 20px;
  font-size: 12px;
  display: flex;
}

.ef-catalog-pagination > div {
  align-items: center;
  gap: 20px;
  display: flex;
}

.ef-catalog-pagination [aria-disabled="true"] {
  color: var(--ef-ink-faint);
}

.ef-catalog-caption {
  color: var(--ef-ink-muted);
  font-size: 12px;
}

.ef-catalog-note {
  color: var(--ef-ink-muted);
  margin: 0;
  padding: 16px 20px;
  font-size: 12px;
  line-height: 1.7;
}

.ef-catalog-detail-main, .ef-catalog-detail-side {
  flex-direction: column;
  gap: 16px;
  min-width: 0;
  display: flex;
}

.ef-catalog-detail .page-heading {
  text-align: left;
  align-items: flex-start;
}

.ef-catalog-media-strip {
  flex-wrap: wrap;
  gap: 12px;
  padding: 20px;
  display: flex;
}

.ef-catalog-media-thumb {
  border: 1px solid var(--ef-border);
  background: var(--ef-surface);
  border-radius: 6px;
  width: 96px;
  height: 105px;
  padding: 8px;
  position: relative;
}

.ef-catalog-media-thumb img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.ef-catalog-media-thumb span {
  background: var(--ef-canvas);
  border-radius: 3px;
  padding: 2px 4px;
  font-size: 9px;
  position: absolute;
  bottom: 3px;
  left: 3px;
}

.ef-catalog-chips {
  flex-wrap: wrap;
  gap: 5px;
  display: flex;
}

.ef-catalog-chips > span {
  background: var(--ef-surface);
  border: 1px solid var(--ef-border);
  border-radius: 4px;
  padding: 2px 5px;
  font-size: 11px;
}

.ef-catalog-drawer-body {
  flex-direction: column;
  gap: 22px;
  display: flex;
}

.ef-catalog-drawer-body > p {
  color: var(--ef-ink-muted);
  margin: 0;
  font-size: 12px;
  line-height: 1.7;
}

.ef-catalog-check, .ef-inventory-form label.ef-catalog-check {
  color: var(--ef-ink);
  flex-direction: row;
  align-items: flex-start;
  gap: 9px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.7;
  display: flex;
}

.ef-catalog-check input {
  flex-shrink: 0;
  margin-top: 3px;
}

.ef-catalog-toggle {
  background: var(--ef-surface);
  border: 1px solid var(--ef-border);
  border-radius: 6px;
  margin: 0 0 28px;
  padding: 16px;
}

.ef-catalog-toggle > span {
  color: var(--ef-ink) !important;
}

.ef-product-editor > form.ef-inventory-form {
  flex-direction: column;
  flex: 1;
  gap: 0;
  min-height: 0;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.ef-catalog-steps {
  border-bottom: 1px solid var(--ef-border);
  flex-shrink: 0;
  display: flex;
  overflow-x: auto;
}

.ef-catalog-steps button {
  min-width: 160px;
  color: var(--ef-ink-muted);
  background: var(--ef-surface);
  border: 0;
  border-right: 1px solid var(--ef-border);
  white-space: nowrap;
  align-items: center;
  gap: 10px;
  padding: 15px 24px;
  font-size: 12px;
  display: flex;
}

.ef-catalog-steps button[aria-current="step"] {
  background: var(--ef-canvas);
  color: var(--ef-ink);
}

.ef-catalog-steps button > span {
  border: 1px solid var(--ef-border-control);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  font-size: 10px;
  display: inline-flex;
}

.ef-catalog-steps button[aria-current="step"] > span {
  border-color: var(--ef-focus);
  color: var(--ef-focus);
}

.ef-catalog-editor-body {
  overscroll-behavior: contain;
  flex: 1;
  min-height: 0;
  padding: 52px max(24px, 50% - 380px) 40px;
  overflow: auto;
}

.ef-catalog-editor-body h3 {
  margin: 0 0 28px;
  font-size: 18px;
  font-weight: 550;
  line-height: 1.5;
}

.ef-catalog-editor-body p {
  color: var(--ef-ink-muted);
  font-size: 12px;
  line-height: 1.7;
}

.ef-catalog-editor-body small {
  color: var(--ef-ink-muted);
  margin-top: 8px;
  font-size: 11px;
  line-height: 1.65;
  display: block;
}

.ef-catalog-editor-wide {
  padding-left: 24px;
  padding-right: 24px;
}

.ef-product-editor .ef-inventory-form-footer, .ef-catalog-media-editor .ef-inventory-form-footer {
  flex-shrink: 0;
  margin: 0;
  padding: 14px 24px;
  position: static;
}

.ef-catalog-form-section {
  border-top: 1px solid var(--ef-border);
  margin-top: 30px;
  padding-top: 26px;
}

.ef-catalog-form-section > h3 {
  margin-bottom: 10px;
}

.ef-catalog-form-section > label {
  margin: 18px 0;
}

.ef-catalog-option {
  border: 1px solid var(--ef-border);
  border-radius: 6px;
  margin: 12px 0;
  padding: 14px;
}

.ef-catalog-option > div:first-child {
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  display: flex;
}

.ef-catalog-value-picker {
  flex-wrap: wrap;
  gap: 10px 16px;
  margin-top: 10px;
  display: flex;
}

.ef-inventory-form .ef-catalog-value-picker label {
  flex-direction: row;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  font-size: 12px;
  display: flex;
}

.ef-catalog-fieldset {
  border: 0;
  border-top: 1px solid var(--ef-border);
  min-width: 0;
  margin: 25px 0 0;
  padding: 16px 0 0;
}

.ef-catalog-fieldset legend {
  padding: 0 10px 0 0;
  font-size: 13px;
  font-weight: 500;
}

.ef-catalog-advanced {
  border-top: 1px solid var(--ef-border);
  margin-top: 24px;
  padding-top: 20px;
}

.ef-catalog-advanced summary {
  cursor: pointer;
  min-height: 34px;
  font-size: 13px;
}

.ef-catalog-advanced[open] > div, .ef-catalog-advanced[open] > label {
  margin-top: 16px;
}

.ef-catalog-code {
  line-height: 1.7;
  font-family: ui-monospace, SFMono-Regular, monospace !important;
  font-size: 12px !important;
}

.ef-catalog-json {
  white-space: pre;
  min-width: 0;
  max-width: 100%;
  overflow: auto;
}

.ef-catalog-variant-grid {
  min-width: 1000px;
}

.ef-catalog-variant-grid input:not([type="checkbox"]), .ef-catalog-variant-grid select {
  min-width: 100px;
  margin-top: 0;
}

.ef-catalog-variant-grid input[type="checkbox"] {
  margin: 0 auto;
  display: block;
}

.ef-catalog-variant-grid th {
  white-space: normal;
  max-width: 130px;
}

.ef-catalog-variant-grid td {
  padding: 12px !important;
}

.ef-catalog-inline {
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin: 18px 0;
  display: flex;
}

.ef-catalog-inline > label {
  min-width: 140px;
}

.ef-catalog-price-set {
  border-top: 1px solid var(--ef-border);
  padding: 20px 0;
  font-size: 13px;
}

.ef-catalog-price-row {
  grid-template-columns: 90px minmax(120px, 1fr) 120px 120px 32px;
  align-items: end;
  gap: 12px;
  margin: 18px 0;
  display: grid;
}

.ef-catalog-section-title {
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 20px;
  display: flex;
}

.ef-catalog-section-title h3 {
  margin-bottom: 8px;
}

.ef-catalog-kit {
  border-top: 1px solid var(--ef-border);
  margin-top: 26px;
  padding: 24px 0 0;
}

.ef-catalog-kit-row {
  border: 1px solid var(--ef-border);
  border-radius: 6px;
  grid-template-columns: minmax(0, 1fr) 130px 32px;
  align-items: end;
  gap: 12px;
  margin-top: 12px;
  padding: 14px;
  display: grid;
}

.ef-catalog-upload {
  border: 1px dashed var(--ef-border-control);
  border-radius: 6px;
  margin-top: 26px;
  padding: 20px;
}

.ef-catalog-upload > div {
  border-top: 1px solid var(--ef-border);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
  padding: 8px 0;
  font-size: 12px;
  display: flex;
}

.ef-catalog-upload input[type="file"] {
  border: 0;
  padding-left: 0;
}

.ef-catalog-media-editor > form.ef-inventory-form {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.ef-catalog-media-body {
  flex: 1;
  grid-template-columns: minmax(0, 1fr) 340px;
  min-height: 0;
  display: grid;
  overflow: auto;
}

.ef-catalog-image-grid {
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  align-content: start;
  gap: 18px;
  padding: 24px;
  display: grid;
}

.ef-catalog-image-grid > button {
  background: var(--ef-surface);
  border: 1px solid var(--ef-border);
  border-radius: var(--ef-control-radius);
  height: 200px;
  padding: 12px;
  position: relative;
}

.ef-catalog-image-grid > button.selected {
  outline: 2px solid var(--ef-focus);
  outline-offset: 2px;
}

.ef-catalog-image-grid img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  max-height: 250px;
}

.ef-catalog-thumbnail-label {
  background: var(--ef-canvas);
  border: 1px solid var(--ef-border);
  border-radius: 4px;
  align-items: center;
  gap: 4px;
  padding: 4px 7px;
  font-size: 10px;
  display: inline-flex;
  position: absolute;
  bottom: 8px;
  left: 8px;
}

.ef-catalog-upload-panel {
  border-left: 1px solid var(--ef-border);
  min-width: 0;
  padding: 24px;
}

.ef-catalog-upload-panel p {
  color: var(--ef-ink-muted);
  margin: 16px 0;
  font-size: 12px;
  line-height: 1.7;
}

.ef-inventory-form label.ef-catalog-dropzone {
  text-align: center;
  border: 1px dashed var(--ef-border-control);
  background: var(--ef-surface);
  border-radius: 6px;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 24px 14px;
  display: flex;
}

.ef-catalog-dropzone.dragging {
  outline: 2px solid var(--ef-focus);
}

.ef-catalog-image-actions {
  border-top: 1px solid var(--ef-border);
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px 24px;
  display: flex;
}

.ef-catalog-config-tabs {
  flex-wrap: wrap;
  margin-bottom: 20px;
  display: flex;
}

.ef-catalog-toolbar :focus-visible, .ef-catalog-steps button:focus-visible, .ef-catalog-media-thumb:focus-visible, .ef-catalog-image-grid button:focus-visible {
  outline: 2px solid var(--ef-focus);
  outline-offset: 2px;
}

@media (max-width: 1100px) {
  .ef-catalog-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }

  .ef-catalog-toolbar .search-field {
    grid-column: 1 / -1;
    width: 100%;
    max-width: none;
  }

  .ef-catalog-toolbar select {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 900px) {
  .ef-catalog-media-body {
    grid-template-columns: minmax(0, 1fr);
  }

  .ef-catalog-upload-panel {
    border-left: 0;
    border-top: 1px solid var(--ef-border);
  }

  .ef-catalog-price-row {
    grid-template-columns: 100px minmax(0, 1fr);
  }
}

@media (max-width: 639px) {
  .ef-catalog-toolbar {
    gap: 9px;
    padding: 14px;
  }

  .ef-catalog-toolbar .search-field {
    flex-basis: 100%;
    max-width: none;
  }

  .ef-catalog-toolbar select {
    flex: 1;
    min-width: 110px;
    max-width: 100%;
    min-height: 44px;
  }

  .ef-catalog-toolbar .text-button, .ef-catalog-toolbar button {
    min-height: 44px;
  }

  .ef-catalog-pagination {
    padding: 16px;
  }

  .ef-catalog-pagination > div {
    flex-wrap: wrap;
    gap: 16px;
  }

  .ef-catalog-pagination a {
    align-items: center;
    min-height: 44px;
    display: inline-flex;
  }

  .ef-catalog-editor-body {
    padding: 24px 20px;
  }

  .ef-catalog-steps button {
    min-width: 130px;
    padding: 14px 18px;
  }

  .ef-catalog-section-title {
    flex-direction: column;
    gap: 12px;
  }

  .ef-catalog-kit-row {
    grid-template-columns: minmax(0, 1fr) 32px;
  }

  .ef-catalog-kit-row > label:first-child {
    grid-column: 1 / -1;
  }

  .ef-catalog-value-picker label {
    min-height: 44px !important;
  }

  .ef-product-editor .ef-inventory-form-footer, .ef-catalog-media-editor .ef-inventory-form-footer {
    padding: 12px 16px;
  }

  .ef-product-editor .ef-inventory-form-footer button {
    flex: 1 0 auto;
  }

  .ef-catalog-image-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 20px;
  }

  .ef-catalog-image-grid > button {
    height: 150px;
  }

  .ef-catalog-image-actions {
    padding: 12px 16px;
  }

  .ef-catalog-image-actions button {
    min-height: 44px;
  }

  .ef-catalog-price-row {
    grid-template-columns: minmax(0, 1fr);
  }
}

.ef-custom-option-value {
  border: 1px solid var(--ef-border);
  border-radius: var(--ef-radius-sm);
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 0 8px;
  display: inline-flex;
}

.ef-custom-option-value button {
  min-width: 28px;
  min-height: 32px;
  padding: 4px;
}

.ef-custom-option-remove {
  margin-inline-start: 12px;
}

@media (max-width: 639px) {
  .ef-custom-option-value button {
    min-width: 44px;
    min-height: 44px;
  }
}

.ef-products-content {
  padding: 12px;
}

.ef-product-subnav {
  align-items: center;
  gap: 20px;
  min-height: 36px;
  margin-bottom: 12px;
  padding: 0 12px;
  display: flex;
  overflow-x: auto;
}

.ef-product-subnav a {
  color: var(--ef-ink-muted);
  white-space: nowrap;
  border-bottom: 2px solid #0000;
  align-items: center;
  min-height: 36px;
  font-size: 13px;
  text-decoration: none;
  display: flex;
}

.ef-product-subnav a[aria-current="page"] {
  color: var(--ef-ink);
  border-color: var(--ef-ink);
}

.ef-product-list-panel, .ef-catalog-detail .panel {
  border: 1px solid var(--ef-border);
  background: var(--ef-canvas);
  border-radius: 8px;
  overflow: visible;
  box-shadow: 0 1px 2px #18181b08;
}

.ef-product-list-heading, .ef-catalog-detail .section-heading {
  border-bottom: 1px solid var(--ef-border);
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  min-height: 60px;
  padding: 16px 24px;
  display: flex;
}

.ef-product-list-heading h1, .ef-catalog-detail .section-heading h1, .ef-catalog-detail .section-heading h2 {
  letter-spacing: 0;
  overflow-wrap: anywhere;
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.ef-product-heading-actions, .ef-product-detail-title-actions {
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  display: flex;
}

.ef-products-content .ef-catalog-workspace .btn, .ef-catalog-detail .btn, .ef-product-drawer .btn, .ef-product-menu-trigger {
  border-radius: var(--ef-control-radius);
  letter-spacing: 0;
  text-transform: none;
  height: auto;
  min-height: 28px;
  box-shadow: none;
  gap: 6px;
  padding: 4px 9px;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}

.ef-products-content .ef-catalog-workspace .btn-outline, .ef-catalog-detail .btn-outline, .ef-product-drawer .btn-outline, .ef-product-menu-trigger {
  background: var(--ef-canvas);
  color: var(--ef-ink);
  border: 1px solid var(--ef-border);
}

.ef-product-menu-trigger {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  min-width: 28px;
  display: inline-flex;
}

.ef-product-menu-trigger:has( > img:only-child) {
  box-shadow: none;
  background: none;
  border: 0;
  padding: 4px;
}

.ef-product-menu-trigger:hover {
  background: var(--ef-surface-hover);
}

.ef-product-menu-trigger img {
  width: 15px;
  height: 15px;
}

.ef-product-action-menu {
  border: 1px solid var(--ef-border);
  background: var(--ef-canvas);
  width: 208px;
  max-width: calc(100vw - 16px);
  color: var(--ef-ink);
  border-radius: 6px;
  max-height: calc(100dvh - 16px);
  margin: 0;
  padding: 4px;
  position: fixed;
  inset: auto;
  overflow: auto;
  box-shadow: 0 4px 12px #18181b1a;
}

.ef-product-action-menu [role="menuitem"] {
  width: 100%;
  min-height: 32px;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 4px;
  align-items: center;
  padding: 7px 8px;
  font-size: 13px;
  line-height: 20px;
  text-decoration: none;
  display: flex;
}

.ef-product-action-menu [role="menuitem"]:hover, .ef-product-action-menu [role="menuitem"]:focus-visible {
  background: var(--ef-surface-hover);
  outline: none;
}

.ef-product-action-menu [role="menuitem"]:disabled {
  color: var(--ef-ink-faint);
  cursor: not-allowed;
}

.ef-product-menu-note {
  color: var(--ef-ink-muted);
  border-top: 1px solid var(--ef-border);
  margin: 4px 0 0;
  padding: 8px;
  font-size: 11px;
  line-height: 17px;
}

.ef-product-menu-trigger:focus-visible, .ef-product-subnav a:focus-visible, .ef-product-list-toolbar summary:focus-visible {
  outline: 2px solid var(--ef-focus);
  outline-offset: 2px;
}

.ef-catalog-toolbar.ef-product-list-toolbar {
  flex-flow: wrap;
  gap: 8px;
  min-height: 60px;
  padding: 16px 24px;
  display: flex;
  position: relative;
}

.ef-product-list-toolbar > .search-field {
  border-radius: var(--ef-control-radius);
  border: 1px solid var(--ef-border);
  background: var(--ef-surface);
  flex: 0 240px;
  order: 2;
  grid-column: auto;
  width: 240px;
  min-width: 100px;
  max-width: 240px;
  min-height: 32px;
  margin-left: auto;
  padding: 5px 9px;
}

.ef-product-list-toolbar > .ef-product-filters {
  order: 0;
  margin: 0;
}

.ef-product-list-toolbar > .ef-product-sort {
  order: 3;
  margin: 0;
}

.ef-product-list-toolbar > .btn {
  order: 4;
  min-width: 30px;
  min-height: 30px;
  padding: 5px;
}

.ef-product-list-toolbar > .text-button {
  order: 1;
  font-size: 12px;
}

.ef-product-list-toolbar summary {
  cursor: pointer;
  border: 1px solid var(--ef-border);
  background: var(--ef-canvas);
  border-radius: 6px;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 4px 8px;
  font-size: 13px;
  list-style: none;
  display: flex;
  box-shadow: 0 1px 2px #18181b12;
}

.ef-product-list-toolbar summary::-webkit-details-marker {
  display: none;
}

.ef-product-list-toolbar details[open] summary {
  background: var(--ef-surface-hover);
}

.ef-product-filter-popover {
  background: var(--ef-canvas);
  border: 1px solid var(--ef-border);
  border-radius: var(--ef-control-radius);
  width: 260px;
  max-width: calc(100% - 32px);
  box-shadow: none;
  z-index: 30;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
  display: flex;
  position: absolute;
  top: calc(100% - 8px);
  left: 24px;
}

.ef-product-sort .ef-product-filter-popover {
  left: auto;
  right: 24px;
}

.ef-product-filter-popover select {
  width: 100%;
}

.ef-product-list-panel .ef-inventory-table-scroll {
  border-radius: 0 0 8px 8px;
}

.ef-product-list-panel .ef-catalog-product-table {
  table-layout: fixed;
  min-width: 0;
}

.ef-product-list-panel .ef-catalog-product-table :is(th, td), .ef-catalog-detail .ef-inventory-table-scroll :is(th, td) {
  height: 48px;
  color: var(--ef-ink-muted);
  border-bottom: 1px solid var(--ef-border);
  white-space: normal;
  padding: 8px 24px;
  font-size: 13px;
  line-height: 20px;
}

.ef-product-list-panel .ef-catalog-product-table th, .ef-catalog-detail .ef-inventory-table-scroll th {
  background: var(--ef-surface);
  font-weight: 400;
}

.ef-product-list-panel .ef-catalog-product-table td:last-child {
  padding: 8px 12px;
}

.ef-product-list-panel .ef-catalog-product-table tbody tr:last-child td {
  border-bottom: 0;
}

.ef-product-list-panel .ef-catalog-product-cell {
  gap: 12px;
  min-width: 0;
}

.ef-product-list-panel .ef-catalog-product-cell strong {
  font-weight: 400;
  display: block;
}

.ef-product-list-panel .ef-catalog-product-cell img, .ef-product-no-image {
  border: 1px solid var(--ef-border);
  background: var(--ef-surface);
  object-fit: contain;
  border-radius: 4px;
  flex-shrink: 0;
  width: 24px;
  height: 32px;
}

.ef-product-no-image {
  color: var(--ef-ink-faint);
  justify-content: center;
  align-items: center;
  display: flex;
}

.ef-product-list-panel .badge, .ef-product-information .badge {
  text-transform: none;
  white-space: nowrap;
  border: 0;
  border-radius: 0;
  align-items: center;
  gap: 8px;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  display: inline-flex;
  color: var(--ef-ink-muted) !important;
  background: none !important;
}

.ef-product-list-panel .badge:before, .ef-product-information .badge:before {
  content: "";
  background: #a1a1aa;
  border-radius: 2px;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
}

.ef-product-list-panel .badge.positive:before, .ef-product-information .badge.positive:before {
  background: var(--ef-positive);
}

.ef-catalog-detail .ef-inventory-detail-grid {
  grid-template-columns: minmax(0, 2.15fr) minmax(280px, 1fr);
}

.ef-catalog-detail > .ef-inventory-back {
  min-height: 32px;
  color: var(--ef-ink-muted);
  margin: 0 12px 12px;
}

.ef-catalog-detail .ef-inventory-detail-rows > div {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 20px;
  padding: 14px 24px;
  line-height: 21px;
}

.ef-catalog-detail .ef-inventory-detail-rows :is(dt, dd) {
  color: var(--ef-ink-muted);
  font-weight: 400;
}

.ef-catalog-detail .ef-catalog-media-strip {
  padding: 16px 24px;
}

.ef-catalog-detail .ef-catalog-media-thumb {
  background: #fff;
  width: 100px;
  height: 102px;
}

.ef-catalog-detail .ef-catalog-chips > span {
  background: var(--ef-surface-hover);
  border-color: var(--ef-border);
  padding: 1px 4px;
  font-size: 12px;
  line-height: 16px;
}

.ef-catalog-detail .ef-catalog-toolbar {
  gap: 8px;
  padding: 12px 24px;
}

.ef-catalog-detail .ef-inventory-table-scroll td strong {
  font-weight: 400;
}

.ef-catalog-detail .ef-inventory-table-scroll td:last-child {
  padding: 8px 12px;
}

.ef-catalog-detail .ef-inventory-table-scroll table {
  min-width: 640px;
}

.ef-product-stock-empty {
  color: var(--ef-negative);
}

.ef-catalog-detail .ef-catalog-pagination {
  padding: 16px 24px;
}

.ef-product-drawer.dialog-content {
  border: 1px solid var(--ef-border);
  border-radius: 8px;
  flex-direction: column;
  width: 560px;
  max-width: calc(100vw - 16px);
  height: calc(100dvh - 16px);
  max-height: none;
  padding: 0;
  display: flex;
  inset: 8px 8px 8px auto;
  overflow: hidden;
  transform: none;
  box-shadow: 0 4px 20px #18181b1a;
}

.ef-product-drawer .dialog-heading {
  border-bottom: 1px solid var(--ef-border);
  flex-shrink: 0;
  align-items: center;
  min-height: 60px;
  margin: 0;
  padding: 16px 24px;
}

.ef-product-drawer .dialog-heading h2 {
  letter-spacing: 0;
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.ef-product-drawer .dialog-heading p {
  clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.ef-product-drawer .dialog-heading .icon-button {
  border-radius: var(--ef-control-radius);
  width: 28px;
  height: 28px;
  min-height: 28px;
  position: relative;
}

.ef-product-drawer .dialog-heading .icon-button:before {
  content: "esc";
  background: var(--ef-surface-hover);
  border: 1px solid var(--ef-border);
  color: var(--ef-ink-muted);
  border-radius: 4px;
  padding: 0 4px;
  font-size: 11px;
  line-height: 20px;
  position: absolute;
  right: 36px;
}

.ef-product-drawer .ef-product-drawer-form {
  flex-direction: column;
  flex: 1;
  gap: 0;
  min-height: 0;
  display: flex;
}

.ef-product-drawer-body {
  overscroll-behavior: contain;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  min-height: 0;
  padding: 24px;
  display: flex;
  overflow: auto;
}

.ef-product-drawer-body label {
  color: var(--ef-ink);
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
}

.ef-product-drawer-body label > span:not(.ef-product-handle) {
  color: var(--ef-ink-faint);
  font-weight: 400;
}

.ef-product-drawer-body input:not([type="checkbox"]), .ef-product-drawer-body select, .ef-product-drawer-body textarea {
  width: 100%;
  min-width: 0;
  min-height: 32px;
  font: inherit;
  background: var(--ef-surface);
  color: var(--ef-ink);
  border: 1px solid var(--ef-border);
  box-shadow: none;
  border-radius: 6px;
  margin: 0;
  padding: 6px 9px;
  font-size: 13px;
  line-height: 20px;
}

.ef-product-drawer-body textarea {
  resize: vertical;
  min-height: 92px;
}

.ef-product-drawer-body :is(input, select, textarea, button):focus-visible {
  outline: 2px solid var(--ef-focus);
  outline-offset: 2px;
}

.ef-product-field-grid {
  grid-template-columns: 1fr 1fr;
  gap: 24px 16px;
  display: grid;
}

.ef-product-drawer-body h3 {
  border-top: 1px solid var(--ef-border);
  margin: 8px 0 0;
  padding-top: 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.ef-product-drawer-body small, .ef-product-drawer-body p {
  color: var(--ef-ink-muted);
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

.ef-product-drawer-body .ef-product-switch {
  border: 1px solid var(--ef-border);
  background: var(--ef-surface);
  border-radius: 6px;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  display: flex;
}

.ef-product-switch input {
  appearance: none;
  cursor: pointer;
  width: 28px;
  height: 16px;
  transition: background var(--ef-motion-fast, .14s);
  background: #d4d4d8;
  border: 0;
  border-radius: 20px;
  flex-shrink: 0;
  margin: 2px 0 0;
  position: relative;
}

.ef-product-switch input:before {
  content: "";
  background: var(--ef-canvas);
  width: 12px;
  height: 12px;
  box-shadow: none;
  transition: transform var(--ef-motion-fast, .14s);
  border-radius: 50%;
  position: absolute;
  top: 2px;
  left: 2px;
}

.ef-product-switch input:checked {
  background: var(--ef-focus);
}

.ef-product-switch input:checked:before {
  transform: translateX(12px);
}

.ef-product-drawer-body .ef-product-switch > span {
  color: var(--ef-ink);
  flex-direction: column;
  gap: 4px;
  font-weight: 500;
  display: flex;
}

.ef-product-drawer .ef-inventory-form-footer {
  border-top: 1px solid var(--ef-border);
  background: var(--ef-canvas);
  flex-shrink: 0;
  justify-content: flex-end;
  gap: 8px;
  margin: 0;
  padding: 16px 24px;
  display: flex;
  position: static;
}

.ef-product-handle {
  border: 1px solid var(--ef-border);
  background: var(--ef-surface);
  border-radius: 6px;
  align-items: center;
  display: flex;
}

.ef-product-handle > span {
  border-right: 1px solid var(--ef-border);
  color: var(--ef-ink-faint);
  padding: 0 12px;
}

.ef-product-handle input {
  box-shadow: none !important;
  border: 0 !important;
}

.ef-product-drawer-body fieldset {
  border: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.ef-product-drawer-body legend {
  margin-bottom: 12px;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}

.ef-product-drawer-body label.ef-product-check {
  flex-direction: row;
  align-items: center;
  margin: 8px 0;
  font-weight: 400;
}

.ef-product-existing-configurations {
  border-top: 1px solid var(--ef-border);
  padding-top: 16px;
}

.ef-product-existing-configurations summary {
  cursor: pointer;
  font-size: 13px;
}

.ef-product-existing-configurations fieldset {
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 20px;
  display: grid;
}

.ef-product-existing-configurations legend {
  margin-bottom: 12px;
}

.ef-product-drawer-body .ef-catalog-form-section {
  border: 0;
  margin: 0;
  padding: 0;
}

.ef-product-drawer-body .ef-catalog-form-section > h3 {
  border: 0;
  margin: 0 0 8px;
  padding: 0;
}

.ef-product-drawer-body .ef-catalog-fieldset {
  border-top: 1px solid var(--ef-border);
  margin: 24px 0;
  padding: 20px 0 0;
}

.ef-product-drawer-body .ef-catalog-value-picker {
  gap: 6px;
  margin-top: 10px;
}

.ef-product-drawer-body .ef-custom-option-value {
  background: var(--ef-surface);
  border-radius: 4px;
  gap: 4px;
  min-height: 28px;
  padding: 0 6px;
}

.ef-product-drawer-body .ef-custom-option-value button {
  min-width: 24px;
  min-height: 24px;
  font-size: 12px;
}

.ef-product-drawer-body .ef-catalog-inline {
  flex-wrap: nowrap;
  gap: 8px;
  display: flex;
}

.ef-product-drawer-body .ef-catalog-inline label {
  flex: 1;
  min-width: 0;
}

@media (max-width: 1023px) {
  .ef-catalog-detail .ef-inventory-detail-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .ef-catalog-detail .ef-catalog-toolbar {
    display: flex;
  }
}

@media (max-width: 639px) {
  .ef-products-content {
    padding: 12px;
  }

  .ef-product-subnav {
    gap: 20px;
    padding: 0;
  }

  .ef-product-list-heading {
    flex-wrap: wrap;
    gap: 12px;
    padding: 16px;
  }

  .ef-product-list-heading .ef-product-heading-actions {
    margin-left: auto;
  }

  .ef-catalog-toolbar.ef-product-list-toolbar {
    gap: 8px;
    padding: 12px 16px;
  }

  .ef-product-list-toolbar > .search-field {
    flex: 1 0 100%;
    order: -1;
    width: 100%;
    max-width: none;
    min-height: 44px;
    margin: 0;
  }

  .ef-product-list-toolbar summary, .ef-product-list-heading .btn, .ef-product-menu-trigger {
    min-width: 36px;
    min-height: 44px;
  }

  .ef-catalog-detail .section-heading {
    padding: 16px;
  }

  .ef-catalog-detail .ef-inventory-detail-rows > div {
    gap: 12px;
    padding: 14px 16px;
  }

  .ef-product-detail-title-actions {
    gap: 4px;
  }

  .ef-product-information .badge {
    gap: 4px;
    font-size: 12px;
  }

  .ef-product-drawer .dialog-heading {
    padding: 16px;
  }

  .ef-product-drawer-body {
    gap: 24px;
    padding: 20px 16px;
  }

  .ef-product-drawer-body input:not([type="checkbox"]), .ef-product-drawer-body select, .ef-product-drawer .btn {
    min-height: 44px;
    font-size: 14px;
  }

  .ef-product-drawer .ef-inventory-form-footer {
    padding: 12px 16px;
  }

  .ef-product-field-grid {
    gap: 24px 12px;
  }

  .ef-product-action-menu [role="menuitem"] {
    min-height: 44px;
  }

  .ef-product-drawer-body .ef-custom-option-value button {
    min-width: 32px;
    min-height: 36px;
  }

  .ef-product-drawer .dialog-heading h2 {
    max-width: calc(100vw - 110px);
    font-size: 17px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ef-product-switch input, .ef-product-switch input:before {
    transition: none;
  }
}

.ef-product-overlay {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: #0000005c;
}

.ef-product-drawer-body label > .ef-product-field-label {
  color: var(--ef-ink);
  font-weight: 500;
  display: block;
}

.ef-product-field-label > span {
  color: var(--ef-ink-faint);
  font-weight: 400;
}

.ef-product-drawer .icon-button:focus-visible {
  outline: 2px solid var(--ef-focus);
  outline-offset: 2px;
}

.ef-product-list-panel .ef-catalog-product-cell > span:last-child {
  flex: 1;
  min-width: 0;
}

.ef-product-list-panel .ef-catalog-product-cell strong, .ef-product-list-panel .ef-catalog-product-table td:not(:last-child) {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

:root .ef-product-editor .ef-product-simple-body {
  padding: 32px max(24px, 50% - 410px) 40px;
}

:root .ef-product-simple-body > h3 {
  margin-bottom: 20px;
}

:root .ef-product-simple-body .ef-product-general-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

:root .ef-product-simple-body .ef-product-general-grid .ef-inventory-wide {
  grid-column: 1 / -1;
}

:root .ef-product-simple-body label {
  min-width: 0;
}

:root .ef-product-simple-body .ef-catalog-upload {
  margin-top: 24px;
}

:root .ef-product-simple-body .ef-catalog-upload > h3 {
  margin-bottom: 10px;
  font-size: 14px;
}

:root .ef-product-simple-body .ef-catalog-upload > label {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 132px;
  display: flex;
}

:root .ef-product-simple-body .ef-catalog-toggle {
  border-radius: 12px;
  margin-bottom: 16px;
}

:root .ef-product-options-section > h3 {
  margin-bottom: 12px;
}

:root .ef-product-option-fields > .ef-catalog-form-section, :root .ef-product-option-fields .ef-catalog-form-section:first-of-type {
  border: 0;
  margin: 0;
  padding: 0;
}

:root .ef-product-option-fields .ef-catalog-form-section > h3 {
  margin-bottom: 8px;
  font-size: 14px;
}

:root .ef-product-simple-body > .ef-catalog-advanced {
  margin-top: 20px;
}

:root .ef-product-simple-body .ef-catalog-advanced > summary {
  cursor: pointer;
  padding: 12px 0;
  font-size: 13px;
}

:root .ef-variant-simple .ef-variant-advanced-col {
  display: none;
}

:root .ef-product-simple-body .ef-catalog-variant-grid {
  min-width: 0;
}

:root .ef-product-simple-body .ef-inventory-table-scroll {
  margin-block: 16px;
}

:root .ef-product-simple-body .ef-catalog-variant-grid input:not([type="checkbox"]) {
  min-width: 110px;
}

:root .ef-product-simple-body .ef-catalog-note {
  margin-block: 12px;
}

:root .ef-category-select {
  position: relative;
}

:root .ef-category-select > summary {
  border: 1px solid var(--ef-border-control);
  cursor: pointer;
  background: #fff;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  min-height: 36px;
  padding: 8px 12px;
  font-size: 13px;
  list-style: none;
  display: flex;
}

:root .ef-category-select > summary:after {
  content: "⌄";
  margin-left: 8px;
}

:root .ef-category-select > summary::-webkit-details-marker {
  display: none;
}

:root .ef-category-select-menu {
  z-index: 8;
  border: 1px solid var(--ef-border);
  background: #fff;
  border-radius: 12px;
  max-height: 320px;
  padding: 12px;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  overflow: auto;
  box-shadow: 0 4px 12px #0000000f;
}

:root .ef-category-select-menu .ef-catalog-value-picker {
  flex-direction: column;
  align-items: stretch;
  gap: 2px;
  display: flex;
}

:root .ef-category-select-menu .ef-catalog-value-picker button {
  text-align: left;
  justify-content: flex-start;
  width: 100%;
}

:root .ef-product-simple-body input[role="switch"] {
  appearance: none;
  cursor: pointer;
  background: #d9dde2;
  border: 1px solid #aeb4bd;
  border-radius: 10px;
  width: 32px;
  min-width: 32px;
  height: 18px;
  min-height: 18px;
  padding: 2px;
}

:root .ef-product-simple-body input[role="switch"]:before {
  content: "";
  width: 12px;
  height: 12px;
  transition: transform var(--ef-motion-fast);
  background: #fff;
  border-radius: 50%;
  display: block;
}

:root .ef-product-simple-body input[role="switch"]:checked {
  background: #7b8490;
}

:root .ef-product-simple-body input[role="switch"]:checked:before {
  transform: translateX(14px);
}

@media (max-width: 760px) {
  :root .ef-product-editor .ef-product-simple-body {
    padding: 20px 16px 28px;
  }

  :root .ef-product-simple-body .ef-product-general-grid {
    grid-template-columns: 1fr;
  }

  :root .ef-product-simple-body .ef-catalog-steps button {
    min-width: 120px;
  }

  :root .ef-category-select > summary {
    min-height: 44px;
  }

  :root .ef-product-simple-body .ef-catalog-variant-grid {
    min-width: 540px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root .ef-product-simple-body input[role="switch"]:before {
    transition: none;
  }
}

:root .ef-product-simple-body .ef-catalog-upload {
  border: 0;
  padding: 0;
}

:root .ef-product-simple-body .ef-catalog-upload > label {
  border: 1px dashed var(--ef-border-control);
  cursor: pointer;
  background: var(--ef-surface);
  border-radius: 12px;
  position: relative;
}

:root .ef-product-simple-body .ef-catalog-upload input[type="file"] {
  clip-path: inset(50%);
  border: 0;
  width: 1px;
  min-width: 0;
  height: 1px;
  min-height: 0;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

:root .ef-product-simple-body .ef-catalog-upload > label:focus-within {
  outline: 2px solid var(--ef-focus);
  outline-offset: 2px;
}

:root .ef-product-simple-body .ef-product-stock-title {
  border-top: 1px solid var(--ef-border);
  margin: 24px 0 12px;
  padding-top: 20px;
  font-size: 16px;
}

:root .ef-product-simple-body .ef-catalog-fieldset {
  margin-block: 20px;
  padding-top: 16px;
}

:root .ef-product-simple-body .ef-catalog-fieldset > legend {
  font-size: 13px;
}

:root .ef-product-list-heading {
  flex-wrap: wrap;
  gap: 12px;
}

:root .ef-product-heading-actions {
  flex-wrap: wrap;
  max-width: 100%;
}

:root .ef-catalog-workspace {
  min-width: 0;
  max-width: 100%;
}

:root .ef-product-subnav {
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
}

.ef-catalog-product-table :is(th, td).numeric {
  text-align: right;
}

:root .ef-product-simple-body {
  --ef-product-section-gap: 24px;
}

:root .ef-product-simple-body > label:not(.ef-catalog-check) {
  margin-bottom: var(--ef-product-section-gap);
  gap: 8px;
  display: grid;
}

:root .ef-product-simple-body .ef-catalog-fieldset > .ef-catalog-check {
  margin: 8px 0 20px;
}

:root .ef-product-simple-body .ef-catalog-fieldset > .ef-inventory-form-grid {
  margin-top: 16px;
}

:root .ef-product-simple-body .ef-catalog-form-section > p {
  margin: 0 0 16px;
}

:root .ef-custom-attribute-suggestions {
  flex-wrap: wrap;
  gap: 8px;
  margin: 16px 0 20px;
  display: flex;
}

:root .ef-custom-attributes > .ef-inventory-form-grid {
  border-bottom: 1px solid var(--ef-border);
  margin: 20px 0;
  padding-bottom: 20px;
}

:root .ef-product-variant-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  display: flex;
}

:root .ef-category-select-menu .ef-catalog-value-picker .btn {
  white-space: normal;
  border-radius: 8px;
  min-height: 36px;
}

:root .ef-category-select-menu > p {
  margin: 12px 0;
}

@media (max-width: 760px) {
  :root .ef-product-variant-actions {
    justify-content: flex-start;
  }

  :root .ef-category-select-menu .ef-catalog-value-picker .btn {
    min-height: 44px;
  }
}

:root .ef-product-editor .ef-catalog-form-section > h3 {
  color: var(--ef-ink);
  font-size: 16px;
  font-weight: 500;
}

.ef-product-sale-summary {
  gap: 16px;
  padding: 20px 24px;
  display: grid;
}

.ef-product-sale-summary p {
  color: var(--ef-ink-muted);
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 1.6;
}

.ef-product-sale-summary .btn {
  justify-self: start;
}

.ef-product-price-summary {
  gap: 6px;
  margin: 0;
  display: grid;
}

.ef-product-price-summary dt {
  color: var(--ef-ink-muted);
  font-size: 13px;
}

.ef-product-price-summary dd {
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-size: 20px;
  font-weight: 500;
}

:root .ef-interface .ef-product-list-panel .ef-catalog-product-table {
  table-layout: fixed;
  width: 100%;
  min-width: 0;
}

:root .ef-interface .ef-product-list-panel .ef-catalog-product-table :is(th, td) {
  white-space: normal;
  overflow-wrap: anywhere;
  padding: 8px 12px;
}

:root .ef-interface .ef-product-list-panel .ef-catalog-product-table td:last-child {
  padding: 8px;
}

:root .ef-interface .ef-product-list-panel .ef-catalog-product-cell strong {
  white-space: normal;
}

:root .ef-interface .ef-catalog-term-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  display: flex;
}

@media (min-width: 640px) and (max-width: 1023px) {
  :root .ef-interface .ef-product-list-panel .ef-catalog-product-table {
    --ef-product-stock-column: 14%;
    --ef-product-variants-column: 14%;
    --ef-product-status-column: 16%;
  }

  :root .ef-interface .ef-product-list-panel .ef-catalog-product-table :is(th, td) {
    padding-inline: 8px;
  }

  :root .ef-interface .ef-product-list-panel .ef-catalog-product-table th {
    overflow-wrap: normal;
    word-break: normal;
  }
}

@media (max-width: 639px) {
  :root .ef-interface .ef-product-list-panel .ef-catalog-product-table colgroup {
    display: none;
  }

  :root .ef-interface .ef-product-list-panel .ef-catalog-product-table thead {
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
  }

  :root .ef-interface .ef-product-list-panel .ef-catalog-product-table tbody {
    display: block;
  }

  :root .ef-interface .ef-product-list-panel .ef-catalog-product-table tbody tr {
    border-bottom: 1px solid var(--ef-border);
    grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(74px, 1fr);
    gap: 12px 8px;
    padding: 12px;
    display: grid;
  }

  :root .ef-interface .ef-product-list-panel .ef-catalog-product-table td {
    text-align: left;
    border: 0;
    min-width: 0;
    height: auto;
    padding: 0;
    display: block;
    overflow: visible;
  }

  :root .ef-interface .ef-product-list-panel .ef-catalog-product-table td:first-child {
    grid-column: 1 / 4;
  }

  :root .ef-interface .ef-product-list-panel .ef-catalog-product-table td:last-child {
    grid-area: 1 / 4;
    justify-self: end;
    padding: 0;
  }

  :root .ef-interface .ef-product-list-panel .ef-catalog-product-table td[data-label]:before {
    content: attr(data-label);
    color: var(--ef-ink-muted);
    font-size: 11px;
    display: block;
  }

  :root .ef-interface .ef-catalog-term-actions .text-button {
    min-height: 44px;
  }
}

.ef-product-variants-panel > .section-heading {
  flex-wrap: wrap;
  gap: 12px;
}

.ef-product-variants-panel > .section-heading h2 {
  white-space: nowrap;
  flex-shrink: 0;
}

@media (max-width: 639px) {
  .ef-product-sale-summary {
    padding: 16px;
  }
}

/* [project]/src/app/exitflow-seller-onboarding.css [app-client] (css) */
.application-profile-photo {
  align-items: flex-start;
  gap: 16px;
  margin: 0 0 28px;
  display: flex;
}

.application-profile-photo-preview {
  border: 1px solid var(--ef-border);
  border-radius: var(--ef-control-radius);
  background: var(--ef-surface);
  width: 64px;
  height: 64px;
  color: var(--ef-ink-muted);
  flex: 0 0 64px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  overflow: hidden;
}

.application-profile-photo-preview img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.application-profile-photo > div {
  min-width: 0;
}

.application-profile-photo label {
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 500;
  display: block;
}

.application-profile-photo label small {
  color: var(--ef-ink-muted);
  margin-left: 8px;
  font-weight: 400;
}

.application-profile-photo-actions {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.application-profile-photo p {
  color: var(--ef-ink-muted);
  margin: 8px 0 0;
  font-size: 12px;
}

.application-profile-photo p.application-field-error {
  color: var(--ef-negative);
}

.application-business-asset .application-profile-photo-preview img {
  object-fit: contain;
}

.application-business-asset-name {
  overflow-wrap: anywhere;
}

.application-summary-asset {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: inline-flex;
}

.application-summary-asset img {
  object-fit: contain;
  border-radius: var(--ef-control-radius);
  width: 56px;
  height: 56px;
}

.ef-seller-signup, .ef-seller-application {
  --seller-field-height: var(--ef-control-height);
  --seller-control-radius: var(--ef-control-radius);
  --seller-field-shadow: none;
  color: var(--ef-ink);
}

.ef-auth-page.ef-seller-signup {
  background: var(--ef-surface);
  padding: 48px 24px;
}

.ef-seller-signup .ef-auth-column {
  gap: 24px;
  width: min(100%, 360px);
}

.ef-seller-signup .ef-auth-brand .wordmark {
  font-size: 24px;
}

.ef-seller-signup .ef-auth-card {
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  padding: 0;
}

.ef-seller-signup .ef-auth-card > div {
  gap: 20px;
}

.ef-seller-signup .ef-auth-intro {
  gap: 4px;
}

.ef-seller-signup .ef-auth-intro h1 {
  letter-spacing: -.02em;
  font-size: 20px;
  font-weight: 550;
  line-height: 28px;
}

.ef-seller-signup .ef-auth-intro p {
  color: var(--ef-ink-muted);
  font-size: 13px;
  line-height: 20px;
}

.ef-seller-signup .ef-auth-form {
  gap: 24px;
}

.ef-seller-signup .ef-auth-form > div {
  gap: 16px;
}

.ef-seller-signup .astryx-field-label {
  color: var(--ef-ink);
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}

.ef-seller-signup .astryx-text-input {
  height: var(--seller-field-height);
  min-height: var(--seller-field-height);
  border: 1px solid var(--ef-border-control);
  border-radius: var(--ef-control-radius);
  background: var(--ef-canvas);
  box-shadow: none;
  transition: border-color var(--ef-motion-fast) var(--ef-ease-standard),
    box-shadow var(--ef-motion-fast) var(--ef-ease-standard);
  padding: 0 8px;
}

.ef-seller-signup .astryx-text-input input {
  border-radius: var(--ef-control-radius);
  height: 100%;
  min-height: 0;
  box-shadow: none;
  background: none;
  border: 0;
  padding: 0;
  font-size: 13px;
  line-height: 20px;
}

.ef-seller-signup .astryx-text-input:focus-within {
  outline: 2px solid var(--ef-focus);
  outline-offset: 2px;
}

.ef-seller-signup .astryx-text-input input:focus-visible {
  box-shadow: none;
  outline: none;
}

.ef-auth-page.ef-seller-signup button {
  min-height: var(--seller-field-height);
  height: var(--seller-field-height);
  border-radius: var(--ef-control-radius);
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}

.ef-seller-signup .ef-auth-form button[type="submit"] {
  background: var(--ef-control-primary-bg);
  color: var(--ef-control-text);
  border: 1px solid var(--ef-border-control);
  box-shadow: none;
}

.ef-seller-signup .ef-auth-social button {
  background: var(--ef-canvas);
  border: 1px solid var(--ef-border-control);
  box-shadow: none;
}

.ef-seller-signup .ef-auth-social button:disabled {
  opacity: .6;
}

.ef-seller-signup .ef-auth-switch {
  font-size: 13px;
  line-height: 20px;
}

.ef-seller-signup .ef-auth-demo {
  padding-top: 18px;
}

.ef-seller-signup .ef-auth-provider-note, .ef-seller-signup .ef-auth-footnote, .ef-seller-signup .ef-auth-demo > span {
  color: var(--ef-ink-muted);
}

.application-flow.ef-seller-application {
  background: var(--ef-surface);
  flex-direction: column;
  height: 100dvh;
  min-height: 0;
  padding: 12px;
  display: flex;
  overflow: hidden;
}

.ef-seller-application .application-flow-header {
  background: var(--ef-canvas);
  border: 1px solid var(--ef-border);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-radius: 8px 8px 0 0;
  flex-shrink: 0;
  padding: 0;
  position: static;
  overflow: hidden;
}

.ef-seller-application .application-flow-header > .application-width {
  align-items: stretch;
  width: 100%;
  display: flex;
}

.ef-seller-flow-cancel {
  min-width: 88px;
  min-height: 52px;
  color: var(--ef-ink-muted);
  border-right: 1px solid var(--ef-border);
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  font-size: 13px;
  display: inline-flex;
}

.ef-seller-flow-cancel:hover {
  background: var(--ef-surface-hover);
  color: var(--ef-ink);
}

.ef-seller-flow-brand {
  flex-shrink: 0;
  align-items: center;
  margin-left: auto;
  padding: 0 20px;
  display: flex;
}

.ef-seller-flow-brand .wordmark {
  font-size: 19px;
}

.ef-seller-flow-brand .brand-arrow svg {
  width: 18px;
  height: 18px;
}

.ef-seller-application .application-flow-header nav {
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
  flex: 1;
  min-width: 0;
  overflow-x: auto;
}

.ef-seller-application .application-stepper {
  width: max-content;
  min-width: 0;
  margin: 0;
  padding: 0;
  display: flex;
}

.ef-seller-application .application-stepper li {
  flex: 0 0 200px;
  width: 200px;
  padding: 0;
}

.ef-seller-application .application-stepper li:after {
  content: none;
}

.ef-seller-application .application-stepper button {
  border-right: 1px solid var(--ef-border);
  background: var(--ef-surface);
  min-height: 52px;
  color: var(--ef-ink-muted);
  transition: background-color var(--ef-motion-fast) var(--ef-ease-standard);
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 0 16px;
}

.ef-seller-application .application-stepper button > span {
  width: 15px;
  height: 15px;
  color: inherit;
  background: none;
  border: 0;
  border-radius: 0;
}

.ef-seller-application .application-stepper button > span img {
  flex-shrink: 0;
  display: block;
}

.ef-seller-application .application-stepper strong {
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}

.ef-seller-application .application-stepper .current button {
  background: var(--ef-canvas);
  color: var(--ef-ink);
}

.ef-seller-application .application-stepper .current button > span {
  color: var(--ef-focus);
  background: none;
}

.ef-seller-application .application-stepper .complete button {
  color: var(--ef-ink);
}

.ef-seller-application .application-stepper .has-error button {
  color: var(--ef-negative);
}

.ef-seller-application > form {
  background: var(--ef-canvas);
  border: 1px solid var(--ef-border);
  border-top: 0;
  border-radius: 0 0 8px 8px;
  flex-direction: column;
  flex: 1;
  gap: 0;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.ef-seller-application .application-flow-content {
  overscroll-behavior-y: contain;
  scrollbar-gutter: stable both-edges;
  flex: 1;
  width: 100%;
  min-height: 0;
  margin: 0;
  padding: 56px max(24px, 50% - 360px) 40px;
  overflow-y: auto;
}

.ef-seller-application .application-flow-content h1 {
  letter-spacing: -.015em;
  outline: none;
  margin: 0 0 4px;
  font-size: 18px;
  font-weight: 550;
  line-height: 28px;
}

.ef-seller-application .application-intro {
  color: var(--ef-ink-muted);
  margin: 0 0 32px;
  font-size: 13px;
  line-height: 20px;
}

.ef-seller-application .application-identity-row, .ef-seller-application .application-two-columns, .ef-seller-application .application-phone-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  column-gap: 16px;
  display: grid;
}

.ef-seller-application .application-field {
  gap: 8px;
  min-width: 0;
  margin-bottom: 24px;
}

.ef-seller-application .application-field > label {
  flex-wrap: wrap;
  align-items: center;
  min-height: 20px;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}

.ef-seller-application .application-field > label small {
  color: var(--ef-ink-muted);
  font-size: 11px;
  line-height: 20px;
}

.ef-seller-application .application-field input, .ef-seller-application .application-field select, .ef-seller-application .application-field textarea {
  min-height: var(--seller-field-height);
  height: var(--seller-field-height);
  border: 1px solid var(--ef-border-control);
  border-radius: var(--ef-control-radius);
  background: var(--ef-surface);
  color: var(--ef-ink);
  box-shadow: none;
  transition: border-color var(--ef-motion-fast) var(--ef-ease-standard),
    box-shadow var(--ef-motion-fast) var(--ef-ease-standard);
  padding: 5px 8px;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  display: block;
}

.ef-seller-application .application-field textarea {
  resize: vertical;
  height: auto;
  min-height: 96px;
}

.ef-seller-application .application-field input[readonly] {
  color: var(--ef-ink-muted);
  background: var(--ef-surface-hover);
}

.ef-seller-application .application-field input:focus-visible, .ef-seller-application .application-field select:focus-visible, .ef-seller-application .application-field textarea:focus-visible {
  outline: 2px solid var(--ef-focus);
  outline-offset: 2px;
}

.ef-seller-application .application-field [aria-invalid="true"] {
  border-color: var(--ef-negative);
}

.ef-seller-application .application-field > p {
  color: var(--ef-ink-muted);
  margin: 0;
  font-size: 11px;
  line-height: 18px;
}

.ef-seller-application .application-field-error {
  color: var(--ef-negative);
  font-size: 12px;
  line-height: 18px;
}

.ef-seller-application .application-kind {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 28px;
  display: grid;
}

.ef-seller-application .application-kind legend {
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}

.ef-seller-application .application-kind label {
  border: 1px solid var(--ef-border);
  background: var(--ef-canvas);
  border-radius: 6px;
  grid-template-columns: 16px minmax(0, 1fr);
  gap: 6px 8px;
  padding: 12px;
}

.ef-seller-application .application-kind label.selected {
  background: var(--ef-surface);
  border-color: var(--ef-border-control);
}

.ef-seller-application .application-kind strong {
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}

.ef-seller-application .application-kind label > span {
  color: var(--ef-ink-muted);
  font-size: 11px;
  line-height: 18px;
}

.ef-seller-application .application-kind input[type="radio"] {
  margin-top: 2px;
}

:root .ef-interface .application-kind input[type="radio"] {
  appearance: none;
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  background: var(--ef-canvas);
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  color: var(--ef-focus);
  box-shadow: none;
  border: 1px solid #8b949e;
  border-radius: 50%;
  place-items: center;
  padding: 0;
  display: grid;
}

:root .ef-interface .application-kind input[type="radio"]:before {
  content: "";
  visibility: hidden;
  background: currentColor;
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

:root .ef-interface .application-kind input[type="radio"]:checked {
  border-color: var(--ef-focus);
}

:root .ef-interface .application-kind input[type="radio"]:checked:before {
  visibility: visible;
}

:root .ef-interface .application-kind input[type="radio"]:disabled {
  background: var(--ef-canvas);
  color: var(--ef-focus);
  cursor: not-allowed;
  opacity: 1;
}

:root .ef-interface .application-kind input[type="radio"]:focus-visible {
  outline: 2px solid var(--ef-focus);
  outline-offset: 3px;
}

@media (forced-colors: active) {
  :root .ef-interface .application-kind input[type="radio"] {
    appearance: auto;
  }

  :root .ef-interface .application-kind input[type="radio"]:before {
    display: none;
  }
}

.ef-seller-application .application-categories {
  margin-bottom: 24px;
}

.ef-seller-application .application-categories legend {
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 500;
}

.ef-seller-application .application-categories > div {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.ef-seller-application .application-categories label {
  border-radius: 6px;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 13px;
  line-height: 20px;
}

.ef-seller-application .application-categories input[type="checkbox"], .ef-seller-application .application-checkbox input[type="checkbox"] {
  accent-color: var(--ef-focus);
}

.ef-seller-application .application-checkbox {
  gap: 10px;
  font-size: 13px;
  line-height: 20px;
}

.ef-seller-application .application-checkbox > span {
  color: var(--ef-ink);
}

.ef-seller-application .application-fine-print {
  color: var(--ef-ink-muted);
  font-size: 11px;
  line-height: 18px;
}

.ef-seller-application .application-summary {
  margin: 0 0 24px;
}

.ef-seller-application .application-summary section {
  border: 1px solid var(--ef-border);
  border-radius: 8px;
  margin-bottom: 16px;
  padding: 0;
  overflow: hidden;
}

.ef-seller-application .application-summary-heading {
  border-bottom: 1px solid var(--ef-border);
  margin: 0;
  padding: 14px 16px;
}

.ef-seller-application .application-summary h3 {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.ef-seller-application .application-summary dl > div {
  border-bottom: 1px solid var(--ef-border);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
  gap: 16px;
  padding: 10px 16px;
  font-size: 12px;
  line-height: 20px;
}

.ef-seller-application .application-summary dl > div:last-child {
  border: 0;
}

.ef-seller-application .application-summary dt {
  color: var(--ef-ink-muted);
}

.ef-seller-application .application-flow-footer {
  border-top: 1px solid var(--ef-border);
  background: var(--ef-canvas);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  flex-shrink: 0;
  padding: 12px 16px;
  position: static;
}

.ef-seller-application .application-flow-footer > .application-width {
  gap: 16px;
  width: 100%;
}

.ef-seller-application .application-footer-note, .ef-seller-application .application-step-count {
  color: var(--ef-ink-muted);
}

.ef-seller-application .application-flow-footer .btn {
  border-radius: var(--ef-control-radius);
  border: 1px solid var(--ef-border-control);
  height: auto;
  min-height: 32px;
  box-shadow: none;
  padding: 5px 10px;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}

.ef-seller-application .application-flow-footer .btn-primary {
  background: var(--ef-control-primary-bg);
  color: var(--ef-control-text);
  border-color: var(--ef-border-control);
  box-shadow: none;
}

.ef-seller-application .application-flow-footer .btn-outline {
  background: var(--ef-canvas);
}

.ef-seller-application button:focus-visible, .ef-seller-application a:focus-visible {
  outline: 2px solid var(--ef-focus);
  outline-offset: -3px;
}

.ef-seller-application .application-summary button:focus-visible, .ef-seller-application .application-flow-footer button:focus-visible {
  outline-offset: 2px;
}

@media (min-width: 640px) and (max-width: 1100px) {
  .ef-seller-application .application-stepper {
    width: 100%;
  }

  .ef-seller-application .application-stepper li {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
  }

  .ef-seller-application .application-stepper button {
    gap: 8px;
    padding: 0 12px;
  }

  .ef-seller-application .application-stepper strong {
    font-size: 12px;
  }
}

@media (max-width: 639px) {
  .ef-auth-page.ef-seller-signup {
    --seller-field-height: var(--ef-control-height);
    align-items: flex-start;
    padding: 32px 20px;
  }

  .ef-seller-signup .astryx-text-input input {
    font-size: 16px;
  }

  .application-flow.ef-seller-application {
    --seller-field-height: var(--ef-control-height);
    padding: 0;
  }

  .ef-seller-application .application-flow-header {
    border: 0;
    border-bottom: 1px solid var(--ef-border);
    border-radius: 0;
  }

  .ef-seller-application .application-flow-header > .application-width {
    grid-template-columns: auto minmax(0, 1fr);
    display: grid;
  }

  .ef-seller-flow-cancel {
    border: 0;
    grid-area: 1 / 1;
    min-width: 80px;
    min-height: 48px;
    padding: 0 16px;
  }

  .ef-seller-flow-brand {
    grid-area: 1 / 2;
    justify-self: end;
    padding: 0 16px;
  }

  .ef-seller-application .application-flow-header nav {
    border-top: 1px solid var(--ef-border);
    grid-column: 1 / -1;
  }

  .ef-seller-application .application-stepper {
    width: 100%;
  }

  .ef-seller-application .application-stepper li {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
  }

  .ef-seller-application .application-stepper button {
    gap: 6px;
    min-height: 44px;
    padding: 0 10px;
  }

  .ef-seller-application .application-stepper strong {
    font-size: 11px;
  }

  .ef-seller-application > form {
    border: 0;
    border-radius: 0;
  }

  .ef-seller-application .application-flow-content {
    scrollbar-gutter: auto;
    padding: 28px 20px;
  }

  .ef-seller-application .application-identity-row, .ef-seller-application .application-two-columns, .ef-seller-application .application-phone-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .ef-seller-application .application-field input, .ef-seller-application .application-field select, .ef-seller-application .application-field textarea {
    padding: 9px 10px;
    font-size: 16px;
  }

  .ef-seller-application .application-kind {
    gap: 8px;
  }

  .ef-seller-application .application-kind label {
    padding: 10px;
  }

  .ef-seller-application .application-kind label > span {
    display: block;
  }

  .ef-seller-application .application-categories > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ef-seller-application .application-categories label {
    min-height: 44px;
  }

  .ef-seller-application .application-summary dl > div {
    grid-template-columns: minmax(0, 1fr);
    gap: 3px;
  }

  .ef-seller-application .application-footer-note {
    display: none;
  }

  .ef-seller-application .application-flow-footer {
    padding: 12px 16px;
  }

  .ef-seller-application .application-flow-footer > .application-width {
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px;
  }

  .ef-seller-application .application-flow-footer .application-width > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    display: grid;
  }

  .ef-seller-application .application-flow-footer .btn {
    white-space: normal;
    min-width: 0;
    min-height: 44px;
    padding: 7px 9px;
  }

  .ef-seller-application .application-flow-footer .btn-primary svg {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ef-seller-signup *, .ef-seller-application * {
    scroll-behavior: auto !important;
    transition-duration: 0s !important;
  }
}

/* [project]/src/app/exitflow-requests.css [app-client] (css) */
.ef-sale-requests .ef-request-toolbar {
  border-bottom: 1px solid var(--ef-border);
  gap: 16px;
  padding: 16px 20px;
  display: flex;
}

.ef-request-toolbar label {
  flex: 1;
  gap: 6px;
  max-width: 360px;
  font-size: 12px;
  display: grid;
}

.ef-request-toolbar input, .ef-request-toolbar select {
  border: 1px solid var(--ef-border-control);
  border-radius: var(--ef-control-radius);
  background: var(--ef-canvas);
  min-height: 36px;
  color: var(--ef-ink);
  padding: 6px 10px;
}

.ef-request-facts {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  padding: 20px;
  display: grid;
}

.ef-request-facts dt {
  color: var(--ef-ink-muted);
  margin-bottom: 6px;
  font-size: 12px;
}

.ef-request-facts dd {
  overflow-wrap: anywhere;
  margin: 0;
  font-size: 13px;
}

.ef-sale-requests .panel > p {
  padding: 0 20px 16px;
}

.ef-request-tools {
  gap: 8px;
  padding: 0 20px 16px;
  display: flex;
}

.ef-request-decisions {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-width: 180px;
  display: flex;
}

.ef-request-decisions small {
  color: var(--ef-ink-muted);
  flex-basis: 100%;
}

.ef-request-note {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  max-width: 320px;
  margin-bottom: 8px;
}

.ef-request-advanced {
  color: var(--ef-ink-muted);
  margin-top: 24px;
  font-size: 12px;
}

.ef-request-advanced summary {
  cursor: pointer;
  padding: 12px 0;
}

.ef-request-advanced > div {
  flex-wrap: wrap;
  gap: 24px;
  padding: 12px 0;
  display: flex;
}

.ef-request-advanced a:focus-visible, .ef-sale-requests .table-scroll:focus-visible, .ef-request-toolbar :focus-visible {
  outline: 2px solid var(--ef-focus);
  outline-offset: 2px;
}

.ef-buyer-alerts {
  border-top: 1px solid var(--ef-border);
  padding: 20px;
}

.ef-buyer-alerts > label {
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  display: flex;
}

.ef-buyer-alerts fieldset {
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 16px;
  display: flex;
}

.ef-buyer-alerts fieldset label {
  align-items: center;
  gap: 6px;
  min-height: 32px;
  display: flex;
}

@media (max-width: 639px) {
  .ef-sale-requests .ef-request-toolbar {
    flex-direction: column;
  }

  .ef-request-toolbar label {
    max-width: none;
  }

  .ef-request-toolbar input, .ef-request-toolbar select {
    min-height: 44px;
    font-size: 16px;
  }

  .ef-request-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }

  .ef-request-decisions .btn, .ef-buyer-alerts fieldset label {
    min-height: 44px;
  }
}

.ef-request-offer-detail .ef-offer-review-status[data-pending="true"] > .badge {
  color: var(--ef-status-warning-ink);
  background: var(--ef-status-warning-bg);
}

.ef-request-offer-detail .ef-offer-review-identity {
  align-items: center;
  gap: 14px;
  min-width: 0;
  padding: 20px 20px 0;
  display: flex;
}

.ef-request-offer-detail .ef-offer-review-photo {
  border-radius: var(--ef-radius-sm);
  background: var(--ef-surface);
  width: 56px;
  height: 56px;
  color: var(--ef-ink-faint);
  object-fit: contain;
  flex: 0 0 56px;
  place-items: center;
  display: grid;
}

.ef-request-offer-detail .ef-offer-review-identity > div {
  min-width: 0;
}

.ef-request-offer-detail .ef-offer-review-identity h3 {
  overflow-wrap: anywhere;
  margin: 0 0 6px;
  font-size: 15px;
  line-height: 22px;
}

.ef-request-offer-detail .ef-offer-review-identity p {
  color: var(--ef-ink-faint);
  overflow-wrap: anywhere;
  margin: 0;
  font-size: 12px;
  line-height: 18px;
}

.ef-request-offer-detail .ef-offer-review-financial, .ef-request-offer-detail .ef-offer-review-terms {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px 40px;
  min-width: 0;
  padding: 24px 20px;
  display: grid;
}

.ef-request-offer-detail :is(.ef-offer-review-financial, .ef-offer-review-terms, .ef-offer-review-context) dl {
  min-width: 0;
  margin: 0;
  padding: 0;
}

.ef-request-offer-detail :is(.ef-offer-review-financial, .ef-offer-review-terms, .ef-offer-review-context) dt {
  color: var(--ef-ink-muted);
  font-size: 12px;
  line-height: 18px;
}

.ef-request-offer-detail :is(.ef-offer-review-financial, .ef-offer-review-terms, .ef-offer-review-context) dd {
  color: var(--ef-ink);
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
  margin: 5px 0 0;
  font-size: 13px;
  line-height: 20px;
}

.ef-request-offer-detail :is(.ef-offer-review-financial, .ef-offer-review-context) small {
  color: var(--ef-ink-faint);
  letter-spacing: normal;
  overflow-wrap: anywhere;
  margin-top: 6px;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  display: block;
}

.ef-request-offer-detail .ef-offer-review-amounts {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 20px;
  display: grid;
}

.ef-request-offer-detail .ef-offer-review-total {
  grid-column: 1 / -1;
}

.ef-request-offer-detail :is(.ef-offer-review-total, .ef-offer-review-proceeds) dd {
  letter-spacing: -.025em;
  font-size: 30px;
  font-weight: 500;
  line-height: 38px;
}

.ef-request-offer-detail .ef-offer-review-proceeds small {
  max-width: 42ch;
  margin-top: 10px;
}

.ef-request-offer-detail .ef-offer-review-terms {
  border-top: 1px solid var(--ef-border);
  padding-block: 20px;
}

.ef-request-offer-detail :is(.ef-offer-review-terms, .ef-offer-review-context) h3 {
  margin: 0 0 14px;
  font-size: 14px;
  line-height: 20px;
}

.ef-request-offer-detail .ef-offer-review-breakdown > div {
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  padding: 6px 0;
  display: flex;
}

.ef-request-offer-detail .ef-offer-review-breakdown dd {
  text-align: right;
  flex-shrink: 0;
  margin: 0;
}

.ef-request-offer-detail .ef-offer-review-delivery {
  gap: 14px;
  display: grid;
}

.ef-request-offer-detail .ef-offer-detail-decisions {
  border-top: 1px solid var(--ef-border);
  background: var(--ef-surface);
  gap: 12px 20px;
}

.ef-request-offer-detail .ef-offer-review-context {
  padding: 24px 20px;
}

.ef-request-offer-detail .ef-offer-review-comparison {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  display: grid;
}

.ef-request-offer-detail dl.ef-offer-review-reference {
  border-top: 1px solid var(--ef-border);
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  gap: 20px;
  margin-top: 20px;
  padding-top: 20px;
  display: grid;
}

.ef-request-offer-detail .ef-offer-review-reference .text-button {
  white-space: normal;
  text-align: left;
  overflow-wrap: anywhere;
  max-width: 100%;
}

.ef-request-offer-detail .ef-offer-review-note {
  max-width: 72ch;
  margin-top: 24px;
}

.ef-request-offer-detail .ef-offer-review-note p {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  margin: 0;
  font-size: 13px;
  line-height: 22px;
}

@media (max-width: 639px) {
  .ef-request-offer-detail .ef-offer-review-identity {
    align-items: flex-start;
    gap: 12px;
    padding: 16px 16px 0;
  }

  .ef-request-offer-detail .ef-offer-review-photo {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
  }

  .ef-request-offer-detail .ef-offer-review-identity h3 {
    font-size: 14px;
    line-height: 20px;
  }

  .ef-request-offer-detail .ef-offer-review-financial {
    gap: 16px;
    padding: 20px 16px;
  }

  .ef-request-offer-detail .ef-offer-review-amounts {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .ef-request-offer-detail :is(.ef-offer-review-total, .ef-offer-review-proceeds) dd {
    font-size: 24px;
    line-height: 32px;
  }

  .ef-request-offer-detail .ef-offer-review-terms {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 20px 16px;
  }

  .ef-request-offer-detail .ef-offer-review-delivery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  .ef-request-offer-detail .ef-offer-review-context {
    padding: 24px 16px;
  }

  .ef-request-offer-detail :is(.ef-offer-review-comparison, dl.ef-offer-review-reference) {
    grid-template-columns: 1fr;
    gap: 18px;
  }
}

@media (max-width: 359px) {
  .ef-request-offer-detail :is(.ef-offer-review-total, .ef-offer-review-proceeds) dt {
    min-height: 36px;
  }
}

.ef-workflow-summary {
  flex-wrap: wrap;
  gap: 12px 24px;
  padding: 12px 0 20px;
  font-size: 13px;
  display: flex;
}

.ef-workflow-summary a {
  color: var(--ef-control-text);
}

.ef-request-create-body {
  width: 100%;
  max-width: 1024px;
  margin: auto;
  padding: 24px;
}

.ef-request-create-heading {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  display: flex;
}

.ef-request-create-heading h3 {
  margin: 0;
}

.ef-request-stock-list {
  border: 1px solid var(--ef-border);
  border-radius: 12px;
  max-height: 320px;
  margin: 16px 0;
  overflow: auto;
}

.ef-request-stock-row {
  border-bottom: 1px solid var(--ef-border);
  grid-template-columns: minmax(0, 1fr) 100px;
  align-items: center;
  gap: 16px;
  padding: 12px;
  display: grid;
}

.ef-request-stock-row small {
  margin-top: 4px;
  display: block;
}

.ef-request-create-body > label, .ef-request-create-body > .ef-inventory-form-grid {
  margin-block: 16px;
}

.ef-request-notice-list {
  padding: 16px 32px;
  font-size: 13px;
  line-height: 1.7;
}

.ef-product-advanced-nav {
  padding: 10px 12px;
  font-size: 12px;
  position: relative;
}

.ef-product-advanced-nav > a {
  z-index: 4;
  white-space: nowrap;
  border: 1px solid var(--ef-border);
  background: #fff;
  border-radius: 12px;
  padding: 12px;
  position: absolute;
  top: 100%;
  right: 0;
}

@media (max-width: 760px) {
  .ef-request-create-body {
    padding: 16px;
  }

  .ef-request-stock-row {
    grid-template-columns: minmax(0, 1fr) 72px;
    gap: 10px;
  }
}

.ef-request-facts .ef-request-disclosure {
  grid-column: 1 / -1;
}

.ef-request-disclosure dd {
  white-space: pre-wrap;
}

.ef-offer-inbox-facts {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px 24px;
  margin: 20px 0;
  display: grid;
}

.ef-offer-inbox-facts dt {
  color: var(--ef-ink-muted);
  margin-bottom: 6px;
  font-size: 12px;
}

.ef-offer-inbox-facts dd {
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-size: 15px;
  font-weight: 500;
}

.ef-offer-inbox-facts small {
  color: var(--ef-ink-muted);
  margin-top: 5px;
  font-size: 11px;
  line-height: 1.5;
  display: block;
}

.ef-incoming-inventory {
  border: 1px solid var(--ef-border);
  border-radius: 12px;
  margin: 16px 0;
}

.ef-incoming-inventory summary {
  cursor: pointer;
  padding: 14px 16px;
  font-size: 13px;
}

@media (max-width: 1023px) {
  .ef-offer-inbox-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 390px) {
  .ef-offer-inbox-facts {
    gap: 16px 12px;
  }
}

.ef-offer-comparison-list {
  gap: 16px;
  min-width: 0;
  padding: 16px;
  display: grid;
}

.ef-offer-comparison {
  border: 1px solid var(--ef-border);
  border-radius: 12px;
  min-width: 0;
  overflow: hidden;
}

.ef-offer-comparison-header {
  border-bottom: 1px solid var(--ef-border);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px 24px;
  padding: 16px;
  display: flex;
}

.ef-offer-comparison-product {
  flex: 280px;
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.ef-offer-comparison-product > img, .ef-offer-comparison-thumbnail {
  border: 1px solid var(--ef-border);
  background: var(--ef-surface);
  object-fit: cover;
  border-radius: 8px;
  flex: 0 0 48px;
  place-items: center;
  width: 48px;
  height: 48px;
  display: grid;
  overflow: hidden;
}

.ef-offer-comparison-thumbnail > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.ef-offer-comparison-thumbnail > svg {
  color: var(--ef-ink-faint);
}

.ef-offer-comparison-product > div:not(.ef-offer-comparison-thumbnail) {
  min-width: 0;
}

.ef-offer-comparison-product h3 {
  overflow-wrap: anywhere;
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.ef-offer-comparison-product small {
  color: var(--ef-ink-muted);
  overflow-wrap: anywhere;
  margin-top: 4px;
  font-size: 11px;
  line-height: 1.6;
  display: block;
}

.ef-offer-comparison-asking {
  font-variant-numeric: tabular-nums;
  gap: 4px;
  min-width: 0;
  display: grid;
}

.ef-offer-comparison-asking > span, .ef-offer-comparison-asking small {
  color: var(--ef-ink-muted);
  font-size: 11px;
  line-height: 1.5;
}

.ef-offer-comparison-asking strong {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

:root .ef-interface .ef-offer-comparison .ef-offer-comparison-table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  min-width: 0;
  margin: 0;
}

:root .ef-interface .ef-offer-comparison-table :is(th, td) {
  vertical-align: middle;
  text-align: right;
  white-space: normal;
  overflow-wrap: anywhere;
  padding: 12px;
}

:root .ef-interface .ef-offer-comparison-table :is(th, td):is(:first-child, :last-child) {
  text-align: left;
}

:root .ef-interface .ef-offer-comparison-table th {
  color: var(--ef-ink-muted);
  background: var(--ef-surface);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.5;
}

:root .ef-interface .ef-offer-comparison-table td {
  font-variant-numeric: tabular-nums;
  font-size: 12px;
  line-height: 1.6;
}

.ef-offer-comparison-table th:first-child {
  width: 30%;
}

.ef-offer-comparison-table th:nth-child(2) {
  width: 14%;
}

.ef-offer-comparison-table th:nth-child(3) {
  width: 10%;
}

.ef-offer-comparison-table th:nth-child(4), .ef-offer-comparison-table th:nth-child(5) {
  width: 16%;
}

.ef-offer-comparison-table th:last-child {
  width: 14%;
}

.ef-offer-comparison-table tr[data-offer-id] {
  position: relative;
}

.ef-offer-comparison-table tr[data-offer-id]:is(:hover, :focus-within) {
  background: var(--ef-control-hover);
}

.ef-offer-open {
  color: inherit;
  text-decoration: none;
  position: static;
}

.ef-offer-open:after {
  content: "";
  z-index: 1;
  border-radius: 6px;
  position: absolute;
  inset: 0;
}

.ef-offer-open:focus-visible {
  outline: none;
}

.ef-offer-open:focus-visible:after {
  outline: 2px solid var(--ef-focus);
  outline-offset: -3px;
}

.ef-offer-comparison-table tbody > tr[data-highest="true"] {
  background: var(--ef-surface);
}

.ef-offer-comparison-buyer strong {
  font-weight: 500;
  line-height: 1.5;
  display: block;
}

.ef-offer-comparison-buyer small {
  color: var(--ef-ink-muted);
  margin-top: 4px;
  font-size: 11px;
  line-height: 1.5;
  display: block;
}

.ef-offer-highest {
  border: 1px solid var(--ef-border);
  width: fit-content;
  color: var(--ef-ink-muted);
  background: var(--ef-canvas);
  white-space: nowrap;
  border-radius: 6px;
  align-items: center;
  margin-top: 6px;
  padding: 1px 6px;
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  display: inline-flex;
}

.ef-offer-row-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.ef-offer-row-actions .btn {
  flex: none;
  min-height: 32px;
}

.ef-offer-decision-note {
  color: var(--ef-ink-muted);
  overflow-wrap: anywhere;
  margin-top: 6px;
  font-size: 11px;
  line-height: 1.5;
  display: block;
}

.ef-offer-comparison-detail-content {
  overflow-wrap: anywhere;
  padding: 14px 0 4px;
  line-height: 1.6;
}

.ef-offer-comparison-detail-content dl {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 0 0 12px;
  display: grid;
}

.ef-offer-comparison-detail-content dt {
  color: var(--ef-ink-muted);
  margin-bottom: 4px;
  font-size: 11px;
}

.ef-offer-comparison-detail-content dd {
  margin: 0;
  font-size: 12px;
}

.ef-request-offer-detail > .section-heading {
  gap: 12px;
  padding: 16px 20px;
}

.ef-request-offer-detail {
  min-width: 0;
}

.ef-request-offer-detail .ef-offer-comparison-detail-content {
  padding: 20px;
}

.ef-offer-detail-decisions {
  border-bottom: 1px solid var(--ef-border);
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
  padding: 16px 20px;
  display: flex;
}

.ef-offer-detail-decisions .ef-offer-row-actions {
  justify-content: flex-start;
}

.ef-offer-detail-decisions .ef-offer-decision-note, .ef-offer-detail-decisions > small {
  min-width: 0;
  color: var(--ef-ink-muted);
  overflow-wrap: anywhere;
  margin: 0;
  font-size: 11px;
  line-height: 1.5;
}

@media (max-width: 1023px) {
  :root .ef-interface .ef-offer-comparison .ef-offer-comparison-table, .ef-offer-comparison-table tbody {
    display: block;
  }

  .ef-offer-comparison-table thead {
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .ef-offer-comparison-table tbody > tr {
    border-top: 1px solid var(--ef-border);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 16px;
    padding: 16px;
    display: grid;
  }

  .ef-offer-comparison-table tbody > tr:first-child {
    border-top: 0;
  }

  :root .ef-interface .ef-offer-comparison-table tbody td, :root .ef-interface .ef-offer-comparison-table tbody td:is(:first-child, :last-child) {
    text-align: left;
    border: 0;
    width: auto;
    min-width: 0;
    padding: 0;
    display: block;
  }

  .ef-offer-comparison-table td[data-label]:before {
    content: attr(data-label);
    color: var(--ef-ink-muted);
    margin-bottom: 5px;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.5;
    display: block;
  }

  .ef-offer-comparison-table .ef-offer-comparison-buyer, .ef-offer-comparison-table .ef-offer-comparison-status {
    grid-column: 1 / -1;
  }

  .ef-offer-row-actions {
    justify-content: flex-start;
  }

  .ef-offer-comparison-detail-content dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 639px) {
  .ef-offer-comparison-list {
    gap: 12px;
    padding: 12px;
  }

  .ef-offer-comparison-header {
    align-items: flex-start;
    gap: 14px;
    padding: 14px;
  }

  .ef-offer-comparison-product {
    flex-basis: 100%;
    gap: 10px;
  }

  .ef-offer-comparison-product > img, .ef-offer-comparison-thumbnail {
    flex-basis: 40px;
    width: 40px;
    height: 40px;
  }

  .ef-offer-comparison-table tbody > tr {
    gap: 14px 12px;
    padding: 14px;
  }

  .ef-offer-row-actions {
    --ef-control-height-sm: 44px;
  }

  .ef-offer-detail-decisions :is(.btn, button, a) {
    min-height: 44px;
  }

  .ef-request-offer-detail > .section-heading, .ef-offer-detail-decisions, .ef-request-offer-detail .ef-offer-comparison-detail-content {
    padding: 16px;
  }

  .ef-offer-comparison-detail-content dl {
    grid-template-columns: 1fr;
  }
}

.ef-sale-requests .ef-request-toolbar {
  flex-wrap: wrap;
  align-items: flex-end;
}

.ef-offer-live-status {
  color: var(--ef-ink-muted);
  margin-left: auto;
  padding-bottom: 8px;
  font-size: 11px;
  line-height: 1.5;
}

.ef-offer-comparison-buyer small > svg {
  vertical-align: -2px;
  margin-right: 3px;
  display: inline-block;
}

.ef-offer-order-link {
  align-items: center;
  gap: 4px;
  margin-top: 8px;
  display: inline-flex;
}

.ef-offer-comparison-table [data-highest="true"] td[data-label="Offer / unit"] {
  color: var(--ef-ink);
  font-weight: 550;
}

@media (max-width: 639px) {
  .ef-sale-requests .ef-request-toolbar {
    align-items: stretch;
  }

  .ef-request-toolbar label {
    width: 100%;
    min-width: 0;
  }

  .ef-offer-live-status {
    margin-left: 0;
    padding: 0;
  }
}

/* [project]/src/app/exitflow-dashboard.css [app-client] (css) */
.ef-outcomes {
  --ef-chart-blue-strong: #2440d6;
  --ef-chart-blue: #465de0;
  --ef-chart-blue-mid: #6b7de6;
  --ef-chart-blue-soft: #909eec;
  --ef-chart-blue-pale: #b5bef2;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
  display: flex;
}

.ef-outcome-period, .ef-outcome-block-heading {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.ef-outcome-period {
  color: var(--ef-ink-muted);
  font-size: 12px;
}

.ef-outcome-grid {
  gap: 16px;
  min-width: 0;
  display: grid;
}

.ef-outcome-grid-three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ef-outcome-grid-four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ef-outcome-grid-two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ef-outcome-metric {
  border: 1px solid var(--ef-border);
  background: #fff;
  border-radius: 12px;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  padding: 20px;
  display: flex;
}

.ef-outcome-label {
  color: var(--ef-ink-muted);
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  display: flex;
}

.ef-outcome-metric > strong {
  letter-spacing: -.035em;
  font-variant-numeric: tabular-nums;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.25;
}

.ef-outcome-grid-four .ef-outcome-metric > strong {
  font-size: 23px;
}

.ef-outcome-unmeasured {
  color: var(--ef-ink-muted);
  font-size: 11px;
}

.ef-outcome-info {
  min-width: 28px;
  min-height: 28px;
  color: inherit;
  font: inherit;
  cursor: help;
  background: none;
  border: 0;
  border-radius: 6px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 4px;
  display: inline-flex;
  position: relative;
}

.ef-outcome-info:hover {
  background: var(--ef-surface-hover);
}

.ef-outcome-info [role="tooltip"] {
  z-index: 12;
  width: min(240px, 70vw);
  color: var(--ef-ink);
  border: 1px solid var(--ef-border);
  background: #fff;
  border-radius: 10px;
  padding: 12px;
  font-size: 12px;
  line-height: 1.6;
  display: block;
  position: absolute;
  top: calc(100% + 6px);
  right: -4px;
  box-shadow: 0 3px 10px #0000000d;
}

.ef-outcome-info:is(:hover, :focus) [role="tooltip"] {
  display: block;
}

.ef-outcome-block-heading {
  margin-top: 8px;
}

.ef-outcome-block-heading h2 {
  font-size: 15px;
  font-weight: 500;
}

.ef-outcome-block-heading > span {
  color: var(--ef-ink-muted);
  font-size: 12px;
}

.ef-outcome-chart-controls {
  color: var(--ef-ink-muted);
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  font-size: 12px;
  display: flex;
}

.ef-outcome-sample-note {
  color: var(--ef-ink-muted);
  margin: -8px 0 0;
  font-size: 12px;
  line-height: 20px;
}

.ef-outcome-chart.panel {
  min-width: 0;
  margin: 0;
}

.ef-outcome-chart > .section-heading {
  padding: 16px 18px;
}

.ef-outcome-chart .section-heading h2 {
  font-size: 13px;
}

.ef-outcome-chart-body {
  padding: 10px 12px 12px;
  position: relative;
}

.ef-outcome-chart-body > svg {
  width: 100%;
  height: clamp(220px, 22vw, 300px);
  display: block;
  overflow: visible;
}

.ef-outcome-axis line {
  stroke: var(--ef-border);
  stroke-dasharray: 3 4;
}

.ef-outcome-axis text, .ef-outcome-month, .ef-outcome-axis-title {
  fill: var(--ef-ink-muted);
  font-variant-numeric: tabular-nums;
  font-family: inherit;
  font-size: 12px;
}

.ef-outcomes .ef-outcome-series-0 {
  --series-color: var(--ef-chart-blue-strong);
  --series-middle: var(--ef-chart-blue-mid);
  --series-light: var(--ef-chart-blue-pale);
}

.ef-outcomes .ef-outcome-series-1 {
  --series-color: var(--ef-chart-blue);
  --series-middle: var(--ef-chart-blue-soft);
  --series-light: var(--ef-chart-blue-pale);
}

.ef-outcomes .ef-outcome-series-2 {
  --series-color: var(--ef-chart-blue-mid);
  --series-middle: var(--ef-chart-blue-soft);
  --series-light: var(--ef-chart-blue-pale);
}

.ef-outcome-gradient-start {
  stop-color: var(--series-color);
}

.ef-outcome-gradient-middle {
  stop-color: var(--series-middle);
}

.ef-outcome-gradient-end {
  stop-color: var(--series-light);
}

.ef-outcome-gradient-area .ef-outcome-gradient-start {
  stop-opacity: .48;
}

.ef-outcome-gradient-area .ef-outcome-gradient-middle {
  stop-opacity: .28;
}

.ef-outcome-gradient-area .ef-outcome-gradient-end {
  stop-opacity: .1;
}

.ef-outcome-line-halo {
  fill: none;
  stroke: #fff;
  stroke-width: 5px;
  stroke-linejoin: round;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
}

.ef-outcome-line {
  fill: none;
  stroke: var(--series-color);
  stroke-width: 2px;
  stroke-linejoin: round;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
}

.ef-outcome-line.ef-outcome-series-1 {
  stroke-dasharray: 6 4;
}

.ef-outcome-line.ef-outcome-series-2 {
  stroke-dasharray: 2 4;
}

.ef-outcome-area {
  fill-opacity: 1;
  stroke: none;
}

.ef-outcome-point {
  fill: #fff;
  stroke: var(--series-color);
  stroke-width: 2px;
}

.ef-outcome-crosshair {
  stroke: var(--ef-border-strong, #d0d5dc);
  stroke-dasharray: 3 3;
  pointer-events: none;
}

.ef-outcome-period-switch {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.ef-outcome-period-switch [aria-pressed="true"] {
  --ef-control-bg: var(--ef-control-primary-bg, #f3f4f6);
  font-weight: 550;
}

.ef-outcome-series {
  stroke: var(--series-color);
  stroke-width: .75px;
  vector-effect: non-scaling-stroke;
}

.ef-outcomes svg rect[tabindex]:focus-visible {
  outline: 2px solid var(--ef-focus);
  outline-offset: 0;
  border-radius: 4px;
}

.ef-outcome-legend {
  min-height: 24px;
  color: var(--ef-ink-muted);
  flex-wrap: wrap;
  gap: 8px 14px;
  padding: 4px 8px;
  font-size: 11px;
  display: flex;
}

.ef-outcome-legend > span {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.ef-outcome-legend i {
  background: var(--series-color);
  border-radius: 2px;
  width: 8px;
  height: 8px;
}

.ef-outcome-legend i.ef-outcome-legend-line {
  border-top: 2px solid var(--series-color);
  background: none;
  border-radius: 0;
  width: 14px;
  height: 0;
}

.ef-outcome-legend-line.ef-outcome-series-1 {
  border-top-style: dashed;
}

.ef-outcome-legend-line.ef-outcome-series-2 {
  border-top-style: dotted;
}

.ef-outcome-chart-empty {
  min-height: 260px;
  color: var(--ef-ink-muted);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 32px 24px;
  display: flex;
}

.ef-outcome-chart-empty > span {
  font-size: 28px;
  font-weight: 400;
}

.ef-outcome-chart-empty p {
  max-width: 36ch;
  font-size: 12px;
  line-height: 1.7;
}

.ef-outcome-chart-tooltip {
  pointer-events: none;
  border: 1px solid var(--ef-border);
  background: #fff;
  border-radius: 10px;
  flex-direction: column;
  gap: 8px;
  width: min(230px, 85%);
  padding: 12px;
  font-size: 11px;
  display: flex;
  position: absolute;
  top: 12px;
  right: 14px;
  box-shadow: 0 2px 8px #0000000d;
}

.ef-outcome-chart-tooltip strong {
  font-weight: 500;
}

.ef-outcome-chart-tooltip span {
  justify-content: space-between;
  gap: 12px;
  display: flex;
}

.ef-outcome-chart-tooltip b {
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}

.ef-outcome-chart-data {
  margin: 8px;
  font-size: 11px;
}

.ef-outcome-method summary {
  cursor: pointer;
  color: var(--ef-ink-muted);
  border-radius: 4px;
}

.ef-outcome-chart-data > p {
  color: var(--ef-ink-muted);
  margin: 10px 0 0;
  font-weight: 500;
  line-height: 1.6;
}

.ef-outcome-chart-data table {
  table-layout: fixed;
  font-variant-numeric: tabular-nums;
  width: 100%;
  margin-top: 12px;
}

.ef-outcome-chart-data :is(th, td) {
  overflow-wrap: anywhere;
  white-space: normal;
  border-bottom: 1px solid var(--ef-border);
  padding: 8px 6px;
  font-size: 11px;
  font-weight: 400;
}

.ef-outcome-chart-data thead th {
  color: var(--ef-ink-muted);
  background: var(--ef-surface);
  text-align: left;
}

.ef-outcome-chart-data tbody th {
  text-align: left;
}

.ef-outcome-chart-data :is(th, td):not(:first-child) {
  text-align: right;
}

.ef-outcome-transactions.panel {
  margin: 0;
}

.ef-outcome-transactions .section-heading > span {
  color: var(--ef-ink-muted);
  font-size: 12px;
}

.ef-outcome-table-scroll {
  overflow: auto;
}

.ef-outcome-table-scroll table {
  table-layout: fixed;
  width: 100%;
}

.ef-outcome-table-scroll :is(th, td) {
  border-bottom: 1px solid var(--ef-border);
  overflow-wrap: anywhere;
  padding: 12px;
  font-size: 12px;
}

.ef-outcome-table-scroll th {
  background: var(--ef-surface);
  color: var(--ef-ink-muted);
  font-weight: 400;
}

.ef-outcome-table-scroll :is(th, td):first-child {
  width: 27%;
}

.ef-outcome-table-scroll td:first-child span {
  color: var(--ef-ink-muted);
  margin-top: 4px;
  display: block;
}

.ef-outcome-table-scroll td:first-child a {
  font-weight: 500;
}

.ef-outcome-table-scroll tbody tr:hover {
  background: var(--ef-surface-hover);
}

.ef-outcome-table-scroll .numeric {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.ef-outcome-table-empty {
  text-align: center;
  padding: 32px 20px;
}

.ef-outcome-table-empty p {
  margin-bottom: 8px;
  font-size: 14px;
}

.ef-outcome-table-empty span {
  color: var(--ef-ink-muted);
  font-size: 12px;
}

.ef-outcome-table-footer {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  font-size: 12px;
  display: flex;
}

.ef-outcome-table-footer span {
  color: var(--ef-ink-muted);
}

.ef-outcome-method {
  font-size: 12px;
  line-height: 1.7;
}

.ef-outcome-method p {
  max-width: 100ch;
  color: var(--ef-ink-muted);
  margin-top: 12px;
}

@media (max-width: 1100px) {
  .ef-outcome-grid-three {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ef-outcome-grid-three > :last-child {
    grid-column: 1 / -1;
  }

  .ef-outcome-grid-four {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 639px) {
  .ef-outcome-chart-data table:not([data-series-count="1"]) {
    display: block;
  }

  .ef-outcome-chart-data table:not([data-series-count="1"]) thead {
    clip-path: inset(50%);
    white-space: nowrap;
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
  }

  .ef-outcome-chart-data table:not([data-series-count="1"]) tbody, .ef-outcome-chart-data table:not([data-series-count="1"]) tr {
    width: 100%;
    display: block;
  }

  .ef-outcome-chart-data table:not([data-series-count="1"]) tbody th {
    background: var(--ef-surface);
    width: 100%;
    padding: 10px 6px;
    font-weight: 500;
    display: block;
  }

  .ef-outcome-chart-data table:not([data-series-count="1"]) td {
    white-space: nowrap;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    display: flex;
  }

  .ef-outcome-chart-data table:not([data-series-count="1"]) td:before {
    content: attr(data-label);
    white-space: normal;
    text-align: left;
    color: var(--ef-ink-muted);
  }

  .ef-outcomes {
    gap: 16px;
  }

  .ef-outcome-grid {
    gap: 12px;
  }

  .ef-outcome-grid-three, .ef-outcome-grid-two {
    grid-template-columns: minmax(0, 1fr);
  }

  .ef-outcome-metric {
    padding: 16px;
  }

  .ef-outcome-grid-four .ef-outcome-metric {
    padding: 14px 12px;
  }

  .ef-outcome-grid-four .ef-outcome-label {
    font-size: 12px;
  }

  .ef-outcome-grid-four .ef-outcome-metric > strong {
    font-size: 20px;
  }

  .ef-outcome-info [role="tooltip"] {
    width: auto;
    position: fixed;
    inset: auto 24px 24px;
  }

  .ef-outcome-table-scroll table {
    min-width: 700px;
  }

  .ef-outcome-chart-empty {
    min-height: 220px;
  }
}

.ef-outcome-info:focus-visible {
  outline: 2px solid var(--ef-focus);
  outline-offset: 2px;
  box-shadow: var(--ef-control-focus-halo);
}

@media (max-width: 760px), (pointer: coarse) {
  .ef-outcome-info {
    min-width: 44px;
    min-height: 44px;
  }
}

/* [project]/src/app/exitflow-controls.css [app-client] (css) */
.ef-interface {
  --radius-inner: var(--ef-control-radius);
  --radius-element: var(--ef-control-radius);
  --color-accent: var(--ef-control-primary-bg);
  --color-on-accent: var(--ef-control-text);
  --color-focus-ring: var(--ef-focus);
}

:root .ef-interface :where(button, input, select, textarea, summary, [role="combobox"], .btn, .astryx-text-input, .astryx-number-input, .search-field) {
  border-radius: var(--ef-control-radius);
  transition: background-color var(--ef-motion-fast) var(--ef-ease-standard),
    border-color var(--ef-motion-fast) var(--ef-ease-standard),
    box-shadow var(--ef-motion-fast) var(--ef-ease-standard);
  font-family: inherit;
}

:root .ef-interface :is(.btn, .astryx-button, .xds-button, .ef-orders-export, .icon-button) {
  border: 1px solid var(--ef-border-control);
  border-radius: var(--ef-control-radius);
  background: var(--ef-control-bg);
  color: var(--ef-control-text);
  box-shadow: none;
  min-height: var(--ef-control-height);
  letter-spacing: 0;
  text-transform: none;
  gap: 8px;
  padding: 7px 12px;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}

:root .ef-interface :is(.btn-primary, .astryx-button[data-variant="primary"], .xds-button[data-variant="primary"]) {
  background: var(--ef-control-primary-bg);
  color: var(--ef-control-text);
  border-color: var(--ef-border-control);
  font-weight: 550;
}

:root .ef-interface :is(.btn-sm, .astryx-button[data-size="sm"]) {
  min-height: var(--ef-control-height-sm);
  padding: 5px 10px;
}

:root .ef-interface :is(.btn-icon, .icon-button, .ef-product-menu-trigger:has( > img:only-child)) {
  width: var(--ef-control-height);
  height: var(--ef-control-height);
  min-width: var(--ef-control-height);
  flex-shrink: 0;
  padding: 8px;
}

:root .ef-interface :is(.btn, .astryx-button, .icon-button, .ef-orders-export) > svg {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

:root .ef-interface :is(.btn, .astryx-button, .xds-button, .icon-button, .ef-orders-export):not(:disabled):not([aria-disabled="true"]):not(:where(.btn-destructive, [data-variant="destructive"])):hover {
  background: var(--ef-control-hover);
  color: var(--ef-control-text);
  border-color: #d4d9df;
}

:root .ef-interface :is(.btn, .astryx-button, .icon-button, .ef-product-menu-trigger):not(:disabled):not(:where(.btn-destructive, [data-variant="destructive"])):active {
  background: #e5e8ec;
}

:root .ef-interface :is(button, .btn, input, select, textarea, summary, [role="combobox"], a):focus-visible {
  outline: 2px solid var(--ef-focus);
  outline-offset: 2px;
  box-shadow: var(--ef-control-focus-halo);
}

:root .ef-interface :is(.btn, .astryx-button, .xds-button, .icon-button, .ef-product-menu-trigger):disabled, :root .ef-interface :is(.btn, .astryx-button)[aria-disabled="true"] {
  color: #818994;
  border-color: var(--ef-border);
  opacity: .65;
  cursor: not-allowed;
  box-shadow: none;
  background: #f7f8f9;
}

:root .ef-interface :is(input:not(:where([type="checkbox"])):not(:where([type="radio"])):not(:where([type="range"])):not(:where([type="hidden"])):not(:where([type="file"])), select, textarea, [role="combobox"], .search-field, .astryx-text-input, .astryx-number-input) {
  border: 1px solid var(--ef-border-control);
  border-radius: var(--ef-control-radius);
  background: var(--ef-control-bg);
  color: var(--ef-control-text);
  min-height: var(--ef-control-height);
  box-shadow: none;
  padding: 7px 11px;
  font-size: 13px;
  line-height: 20px;
}

:root .ef-interface :is(.astryx-text-input, .astryx-number-input, .search-field):focus-within {
  outline: 2px solid var(--ef-focus);
  outline-offset: 2px;
  box-shadow: var(--ef-control-focus-halo);
}

:root .ef-interface :is(.astryx-text-input, .astryx-number-input, .search-field) input {
  border-radius: inherit;
  box-shadow: none;
  background: none;
  border: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  line-height: 20px;
}

:root .ef-interface :is(.astryx-text-input, .astryx-number-input, .search-field) input:focus-visible {
  box-shadow: none;
  outline: none;
}

:root .ef-interface input::placeholder, :root .ef-interface textarea::placeholder {
  color: #747d88;
  opacity: 1;
}

:root .ef-interface textarea {
  resize: vertical;
  height: auto;
  min-height: 96px;
}

:root .ef-interface select {
  padding-right: 28px;
}

:root .ef-interface input[type="file"] {
  border: 1px dashed var(--ef-border-control);
  border-radius: var(--ef-control-radius);
  background: var(--ef-control-bg);
  max-width: 100%;
  padding: 12px;
}

:root .ef-interface input::file-selector-button {
  font: inherit;
  border: 1px solid var(--ef-border-control);
  border-radius: var(--ef-control-radius);
  background: var(--ef-control-primary-bg);
  color: var(--ef-control-text);
  cursor: pointer;
  margin-right: 12px;
  padding: 7px 12px;
}

:root .ef-interface input:is([type="checkbox"], [type="radio"]) {
  accent-color: var(--ef-focus);
}

:root .ef-interface :is(input, select, textarea):disabled {
  color: #818994;
  cursor: not-allowed;
  background: #f7f8f9;
}

:root .ef-interface :is(input, textarea)[readonly] {
  background: var(--ef-surface);
}

:is(:root .ef-interface :is(input, select, textarea)[aria-invalid="true"], :root .ef-interface :is(input, select, textarea):user-invalid) {
  border-color: var(--ef-negative);
  background: snow;
}

:root .ef-interface :is(input, select, textarea)[aria-invalid="true"]:focus-visible {
  outline-color: var(--ef-negative);
  box-shadow: 0 0 0 4px #b91c1c1a;
}

:root .ef-interface :is(.btn-destructive, button[data-variant="destructive"], [role="menuitem"][data-destructive="true"]) {
  background: var(--ef-status-negative-bg);
  color: var(--ef-negative);
  border: 1px solid #fecaca;
}

:root .ef-interface :is(.btn-destructive, button[data-variant="destructive"]):not(:disabled):hover {
  color: var(--ef-negative);
  background: #fee2e2;
  border-color: #fca5a5;
}

:root .ef-interface :is(.ef-product-action-menu, [role="menu"], [role="listbox"]) {
  border-radius: var(--ef-control-radius);
  border-color: var(--ef-border-control);
  box-shadow: 0 4px 12px #37415114;
}

:root .ef-interface [role="menuitem"] {
  border-radius: var(--ef-radius-sm);
}

:root .ef-interface .dialog-content {
  border-color: var(--ef-border-control);
  border-radius: var(--ef-radius-md);
}

.dialog-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-block-start: 20px;
  display: flex;
}

.dialog-actions > .btn {
  white-space: normal;
  max-width: 100%;
}

:root .ef-interface input[role="switch"], :root .ef-interface .ef-product-switch input {
  border-radius: 20px;
}

:root .ef-interface .ef-product-switch input:checked {
  background: var(--ef-focus);
}

:root .ef-interface :is(.main-content, .ef-marketplace-content) {
  padding: 16px 24px 32px;
}

:root .ef-interface .ef-settings {
  padding: 0;
}

:root .ef-interface :is(.page-heading, .ef-page-header) {
  border-bottom: 1px solid var(--ef-border);
  text-align: left;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  margin: 0 0 16px;
  padding: 0 0 12px;
  display: flex;
}

:root .ef-interface :is(.main-content, .ef-marketplace-content, .ef-settings) h1 {
  font-size: var(--ef-page-title-size);
  font-weight: var(--ef-page-title-weight);
  letter-spacing: -.015em;
  margin: 0;
  line-height: 28px;
}

:root .ef-interface .heading-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

:root .ef-interface .ef-page-reference {
  color: var(--ef-ink-muted);
  font-size: 11px;
}

:root .ef-interface :is(.ef-page-detail-description, .ef-page-notice) {
  color: var(--ef-ink-muted);
  max-width: 80ch;
  margin: 0 0 16px;
  font-size: 12px;
  line-height: 20px;
}

:root .ef-interface .ef-page-notice {
  background: var(--ef-surface);
  border: 1px solid var(--ef-border);
  border-radius: var(--ef-radius-sm);
  padding: 8px 12px;
}

:root .ef-interface .ef-buyer-page {
  gap: 16px;
}

:root .ef-interface .ef-product-subnav {
  margin-bottom: 10px;
}

:root .ef-interface .app-header {
  height: 56px;
  min-height: 56px;
}

:root .ef-interface .app-header > div {
  gap: 10px;
}

:root .ef-interface .demo-ribbon {
  min-height: 30px;
  padding-block: 6px;
}

:root .ef-interface .ef-auth-intro h1 {
  letter-spacing: -.015em;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

@media (max-width: 760px) {
  :root .ef-interface :is(.main-content, .ef-marketplace-content) {
    padding: 14px 16px 28px;
  }

  :root .ef-interface :is(.btn, .astryx-button, .xds-button, .icon-button, .ef-orders-export, .ef-product-menu-trigger) {
    min-height: var(--ef-control-height-touch);
  }

  :root .ef-interface :is(.btn-icon, .icon-button, .ef-product-menu-trigger:has( > img:only-child)) {
    width: var(--ef-control-height-touch);
    height: var(--ef-control-height-touch);
    min-width: var(--ef-control-height-touch);
  }

  :root .ef-interface :is(input:not(:where([type="checkbox"])):not(:where([type="radio"])):not(:where([type="range"])):not(:where([type="hidden"])), select, [role="combobox"], .search-field, .astryx-text-input, .astryx-number-input) {
    min-height: var(--ef-control-height-touch);
  }

  :root .ef-interface :is(.astryx-text-input, .astryx-number-input, .search-field) input {
    min-height: 0;
  }

  :root .ef-interface .ef-page-header {
    align-items: flex-start;
    gap: 12px;
  }

  :root .ef-interface .heading-actions {
    max-width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root .ef-interface :is(button, input, select, textarea, summary, .btn, .astryx-text-input, .search-field) {
    transition: none;
  }
}

:root .ef-interface :is(.astryx-selector, .ef-product-handle) {
  min-height: var(--ef-control-height);
  border: 1px solid var(--ef-border-control);
  border-radius: var(--ef-control-radius);
  background: var(--ef-control-bg);
  color: var(--ef-control-text);
  box-shadow: none;
  padding: 7px 11px;
}

:root .ef-interface .astryx-selector > button {
  border-radius: inherit;
  color: inherit;
  box-shadow: none;
  background: none;
  border: 0;
  height: auto;
  min-height: 0;
  padding: 0;
}

:root .ef-interface :is(.astryx-selector, .ef-product-handle):focus-within {
  outline: 2px solid var(--ef-focus);
  outline-offset: 2px;
  box-shadow: var(--ef-control-focus-halo);
}

:root .ef-interface .astryx-selector > button:focus-visible {
  box-shadow: none;
  outline: none;
}

:root .ef-interface .ef-product-handle {
  padding: 0;
}

:root .ef-interface :is(.dialog-heading, .ef-settings-section-title) h2 {
  letter-spacing: -.015em;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

:root .ef-interface .section-heading h2 {
  letter-spacing: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

@media (max-width: 760px) {
  :root .ef-interface :is(.astryx-selector, .ef-product-handle) {
    min-height: var(--ef-control-height-touch);
  }
}

:root .ef-interface :is(.ef-category-tab, .ef-product-subnav a, .ef-catalog-tabs a)[aria-current="page"] {
  border-color: var(--ef-border-selected);
  color: var(--ef-control-text);
}

:where(.ef-interface .table-scroll table, .ef-interface .ef-inventory-table-scroll table) {
  min-width: 760px;
}

:root .ef-interface :is(.table-scroll, .ef-inventory-table-scroll) :is(th, td) {
  font-size: var(--ef-table-text-size);
  line-height: 20px;
}

@media (max-width: 1023px) {
  :root .ef-interface :is(.table-scroll, .ef-inventory-table-scroll) table {
    min-width: 760px;
  }

  :root .ef-interface :is(.table-scroll, .ef-inventory-table-scroll) :is(th, td) {
    white-space: nowrap;
  }
}

:root .ef-interface input[type="checkbox"]:not([role="switch"]):not(.ef-product-switch input) {
  appearance: none;
  vertical-align: middle;
  cursor: pointer;
  background: #fff;
  border: 1px solid #9ca3af;
  border-radius: 4px;
  flex-shrink: 0;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  padding: 0;
}

:root .ef-interface input[type="checkbox"]:checked:not([role="switch"]):not(.ef-product-switch input) {
  background: #7b8490 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3.5 8 3 3 6-6' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px no-repeat;
  border-color: #7b8490;
}

:root .ef-interface input[type="checkbox"]:indeterminate:not([role="switch"]) {
  background: #7b8490;
  box-shadow: inset 0 6px #7b8490, inset 0 -6px #7b8490, inset 0 0 0 4px #fff;
}

:root .ef-interface input[type="checkbox"]:disabled {
  opacity: .5;
  cursor: not-allowed;
}

/* [project]/src/app/exitflow-workspace-layout.css [app-client] (css) */
:root .ef-interface .app-shell > .main-shell {
  background: var(--ef-surface);
}

:root .ef-interface .ef-workspace-page {
  border: 1px solid var(--ef-border);
  background: var(--ef-canvas);
  width: 100%;
  min-width: 0;
  box-shadow: none;
  border-radius: 12px;
  margin: 0 0 20px;
}

:root .ef-interface .ef-workspace-page-header {
  border: 0;
  border-bottom: 1px solid var(--ef-border);
  text-align: left;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px 16px;
  min-height: 64px;
  margin: 0;
  padding: 12px 16px;
  display: flex;
}

:root .ef-interface .ef-workspace-page-title {
  min-width: 0;
  padding-top: 4px;
}

:root .ef-interface .ef-workspace-page-header h1 {
  color: var(--ef-ink);
  letter-spacing: -.015em;
  overflow-wrap: anywhere;
  margin: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

:root .ef-interface .ef-workspace-page-header > .heading-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
  display: flex;
}

:root .ef-interface .ef-workspace-page-header.page-heading {
  border: 1px solid var(--ef-border);
  background: var(--ef-canvas);
  border-radius: 12px;
  margin-bottom: 16px;
}

:root .ef-interface .ef-workspace-page-navigation {
  border-bottom: 1px solid var(--ef-border);
  min-width: 0;
}

:root .ef-interface .ef-workspace-page-navigation > .ef-product-subnav {
  min-height: 44px;
  margin: 0;
  padding: 0 16px;
}

:root .ef-interface .ef-workspace-page-navigation .ef-product-subnav a {
  min-height: 44px;
}

:root .ef-interface .ef-settings {
  width: 100%;
  max-width: none;
  margin: 0;
}

:root .ef-interface .ef-inventory-list > .inventory-summary {
  margin: 0;
  padding: 20px 16px;
}

:root .ef-interface .ef-inventory-list > .panel {
  box-shadow: none;
  border: 0;
  border-radius: 0;
  margin: 0;
}

:root .ef-interface .ef-inventory-list > .table-footnote {
  margin: 0;
  padding: 16px;
}

:root .ef-interface :is(.demo-ribbon, .ef-demo-ribbon) > p {
  font: inherit;
  color: inherit;
  margin: 0;
}

:root .ef-interface .sidebar {
  --ef-sidebar-font-size: 11px;
  --ef-sidebar-row-height: 32px;
  --ef-sidebar-icon-size: 15px;
  padding: 16px 12px 0;
  overflow-y: auto;
}

:root .ef-interface .ef-sidebar-toggle {
  background: none;
  border: 0;
  justify-content: center;
  align-items: center;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  padding: 6px;
  display: inline-flex;
}

@media (min-width: 761px) {
  .app-shell.is-sidebar-collapsed > .sidebar {
    display: none;
  }

  :root .ef-interface .app-shell.is-sidebar-collapsed > .main-shell {
    width: 100%;
    margin-left: 0;
  }

  .app-shell > .mobile-scrim {
    display: none;
  }
}

@media (pointer: coarse) {
  :root .ef-interface .ef-sidebar-toggle {
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
  }
}

:root .ef-interface .sidebar .workspace-selector {
  min-height: 60px;
  box-shadow: none;
  background: none;
  border: 0;
  gap: 10px;
  margin-bottom: 16px;
  padding: 10px 8px;
}

:root .ef-interface .sidebar .workspace-selector:hover {
  background: var(--ef-surface-hover);
}

:root .ef-interface .sidebar .organization-avatar {
  background: var(--ef-canvas);
  width: 36px;
  height: 36px;
  font-size: 12px;
  overflow: hidden;
}

:root .ef-interface .sidebar .organization-avatar img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
}

:root .ef-interface .sidebar .workspace-selector strong {
  letter-spacing: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}

:root .ef-interface .sidebar .workspace-selector small {
  font-size: 11px;
  line-height: 16px;
}

.ef-sidebar-top {
  display: none;
}

.ef-sidebar-top.is-settings {
  justify-content: space-between;
  align-items: center;
  min-height: 32px;
  margin-bottom: 12px;
  display: flex;
}

.ef-settings-workspace-back {
  min-height: 32px;
  color: var(--ef-ink);
  border-radius: var(--ef-control-radius);
  align-items: center;
  gap: 10px;
  padding: 6px 8px;
  font-size: 13px;
  font-weight: 500;
  display: inline-flex;
}

.ef-settings-workspace-back:hover {
  background: var(--ef-surface-hover);
}

.ef-settings-sidebar-group + .ef-settings-sidebar-group {
  border-top: 1px solid var(--ef-border);
  margin-top: 20px;
  padding-top: 16px;
}

:root .ef-interface .ef-settings-sidebar-group > h2 {
  color: var(--ef-ink-faint);
  margin: 0;
  padding: 0 8px 8px;
  font-size: 11px;
  font-weight: 400;
  line-height: 18px;
}

.ef-settings-sidebar-group {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

@media (max-width: 760px) {
  :root .ef-interface .ef-sidebar-toggle {
    display: none;
  }

  .sidebar:not(.mobile-open) {
    visibility: hidden;
  }

  .ef-sidebar-top, .ef-sidebar-top.is-settings {
    justify-content: flex-end;
    margin-bottom: 8px;
    display: flex;
  }

  .ef-sidebar-top.is-settings {
    justify-content: space-between;
  }

  .ef-settings-workspace-back {
    min-height: 44px;
  }
}

:root .ef-interface .sidebar nav {
  gap: 2px;
}

:root .ef-interface .sidebar nav a {
  min-height: var(--ef-sidebar-row-height);
  font-size: var(--ef-sidebar-font-size);
  gap: 8px;
  padding: 7px 8px;
  font-weight: 400;
  line-height: 18px;
}

:root .ef-interface .sidebar nav a.active {
  font-weight: 500;
}

:root .ef-interface .sidebar nav a svg {
  width: var(--ef-sidebar-icon-size);
  height: var(--ef-sidebar-icon-size);
  flex-shrink: 0;
}

:root .ef-interface .sidebar-bottom {
  padding-top: 20px;
}

:root .ef-interface .sidebar .sidebar-help {
  min-height: 36px;
  padding: 8px;
  font-size: 11px;
  line-height: 18px;
}

:root .ef-interface .sidebar .user-menu {
  gap: 8px;
  margin: 4px -12px 0;
  padding: 10px 12px;
}

:root .ef-interface .sidebar .user-avatar {
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  overflow: hidden;
}

:root .ef-interface .sidebar .user-avatar img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

:root .ef-interface .sidebar .user-menu > span:nth-child(2) {
  min-width: 0;
}

:root .ef-interface .sidebar .user-menu strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
  overflow: hidden;
}

:root .ef-interface .sidebar .user-menu small {
  font-size: 10px;
  line-height: 14px;
}

@media (max-width: 760px), (pointer: coarse) {
  :root .ef-interface .sidebar {
    --ef-sidebar-font-size: 12px;
    --ef-sidebar-row-height: 44px;
  }

  :root .ef-interface .sidebar .sidebar-help {
    min-height: 44px;
  }
}

/* [project]/src/app/exitflow-typography.css [app-client] (css) */
:root {
  --ink: var(--ef-ink);
  --muted: var(--ef-ink-muted);
}

.ef-interface {
  font-family: var(--font-exitflow), "ExitFlow Korean", sans-serif;
  color: var(--ef-ink);
  font-weight: var(--ef-font-regular);
}

:root .ef-interface :is(.demo-ribbon, .ef-demo-ribbon) {
  color: var(--ef-ink-faint);
  line-height: 1.5;
}

:root .ef-interface :is(.sidebar, .ef-auth-brand, .exitflow-topnav) .wordmark {
  color: var(--ef-ink);
}

:root .ef-interface :is(.app-shell, .exitflow-app-shell, .dialog-content, .application-flow, .ef-auth-page) {
  font-size: var(--ef-body-size);
  line-height: var(--ef-body-leading);
  color: var(--ef-ink-muted);
}

:root .ef-interface :is(.app-shell, .exitflow-app-shell, .dialog-content, .application-flow, .ef-auth-page) :is(h1, h2, h3, h4, h5, h6) {
  color: var(--ef-ink);
  font-weight: var(--ef-font-medium);
}

:root .ef-interface :is(.app-shell, .exitflow-app-shell, .dialog-content, .application-flow, .ef-auth-page) strong:not(.wordmark) {
  font-weight: var(--ef-font-medium);
}

:root .ef-interface :is(.app-shell, .exitflow-app-shell, .dialog-content) table {
  color: var(--ef-ink-muted);
  font-size: var(--ef-table-text-size);
  line-height: var(--ef-body-leading);
}

:root .ef-interface :is(.app-shell, .exitflow-app-shell, .dialog-content) table :is(th, td) {
  color: inherit;
  font-size: var(--ef-table-text-size);
  line-height: var(--ef-body-leading);
}

:root .ef-interface :is(.app-shell, .exitflow-app-shell, .dialog-content) table th {
  font-weight: var(--ef-font-medium);
}

:root .ef-interface :is(.app-shell, .exitflow-app-shell, .dialog-content) table td {
  font-weight: var(--ef-font-regular);
}

:root .ef-interface table :is(td > strong, .product-cell strong, .ef-catalog-product-cell strong) {
  color: var(--ef-ink-muted);
  font-size: var(--ef-table-text-size);
  font-weight: var(--ef-font-regular);
}

:root .ef-interface :is(.table-secondary, .product-cell > div > span, .table-footnote, .section-heading > div > p, .page-heading > div > p, .muted):not(.error-ink) {
  color: var(--ef-ink-faint);
}

:root .ef-interface :is(input, select, textarea) {
  font-weight: var(--ef-font-regular);
}

:root .ef-interface :is(.app-shell, .exitflow-app-shell, .dialog-content, .application-flow, .ef-auth-page) label, :root .ef-interface :is(.btn, .astryx-button, .xds-button, .ef-orders-export) {
  font-weight: var(--ef-font-medium);
}

:root .ef-interface :is(input, textarea)::placeholder {
  color: var(--ef-ink-faint);
}

:root .ef-interface .sidebar nav a {
  color: var(--ef-ink-muted);
}

:root .ef-interface .sidebar nav a:is(.active, :hover) {
  color: var(--ef-ink);
}

:root .ef-interface .sidebar :is(.nav-label, .sidebar-help, .workspace-selector small, .user-menu small) {
  color: var(--ef-ink-faint);
}

:root .ef-interface .sidebar :is(.workspace-selector strong, .user-menu strong) {
  color: var(--ef-ink);
}

:root .ef-interface .ef-settings-row > div > span {
  color: var(--ef-ink-muted);
  font-size: var(--ef-body-size);
  line-height: var(--ef-body-leading);
}

:root .ef-interface .ef-settings-row :is(strong, small) {
  line-height: var(--ef-body-leading);
}

:root .ef-interface .ef-settings-row strong {
  color: var(--ef-ink);
}

/* [project]/src/app/exitflow-notifications.css [app-client] (css) */
.ef-notification-bell {
  flex-shrink: 0;
  position: relative;
}

.ef-notification-count {
  color: #354969;
  background: #e8edf5;
  border: 2px solid #fff;
  border-radius: 8px;
  place-items: center;
  min-width: 19px;
  height: 19px;
  padding: 0 4px;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  display: grid;
  position: absolute;
  top: -5px;
  right: -5px;
}

.ef-notification-connection {
  background: var(--ef-warning, #854d0e);
  border-radius: 50%;
  width: 7px;
  height: 7px;
  position: absolute;
  bottom: 2px;
  right: 2px;
}

.ef-marketplace-account-actions {
  align-items: center;
  gap: 12px;
  display: flex;
}

.dialog-overlay.ef-notifications-overlay {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: #18181b2e;
}

.dialog-content.ef-notifications-drawer {
  width: min(420px, 100vw);
  max-width: 100vw;
  height: 100dvh;
  max-height: 100dvh;
  animation: ef-notification-enter var(--motion-ui, .22s) ease-out;
  border-radius: 12px 0 0 12px;
  flex-direction: column;
  padding: 0;
  display: flex;
  inset: 0 0 0 auto;
  overflow: hidden;
  transform: none;
  box-shadow: -4px 0 24px #18181b0d;
}

.ef-notifications-drawer .dialog-heading {
  border-bottom: 1px solid var(--ef-control-border, #e2e5e9);
  flex-shrink: 0;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin: 0;
  padding: 22px 20px 18px;
  display: flex;
}

.ef-notifications-drawer .dialog-heading h2 {
  margin: 0 0 5px;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

.ef-notifications-drawer .dialog-heading p {
  color: var(--ef-muted, #52525b);
  margin: 0;
  font-size: 12px;
  line-height: 18px;
}

.ef-notification-controls {
  border-bottom: 1px solid #e2e5e9;
  flex-shrink: 0;
  padding: 16px 20px;
}

.ef-notification-filters {
  background: #f6f7f8;
  border: 1px solid #e2e5e9;
  border-radius: 12px;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
  padding: 3px;
  display: grid;
}

.ef-notification-filters button {
  color: #52525b;
  min-height: 34px;
  transition: background var(--motion-fast, .14s);
  background: none;
  border: 1px solid #0000;
  border-radius: 9px;
  font-size: 12px;
  font-weight: 500;
}

.ef-notification-filters button[aria-pressed="true"] {
  color: #18181b;
  background: #fff;
  border-color: #e2e5e9;
}

.ef-notification-filters button:hover {
  background: #fff;
}

.ef-notification-tools {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 14px;
  font-size: 12px;
  display: flex;
}

.ef-notification-tools label {
  white-space: nowrap;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  display: flex;
}

.ef-notification-tools .text-button {
  align-items: center;
  gap: 5px;
  font-size: 12px;
  display: inline-flex;
}

.ef-notification-tools button:disabled {
  opacity: .5;
  cursor: default;
}

.ef-notification-list {
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  flex: 1;
  min-height: 0;
  overflow: auto;
}

.ef-notification-item {
  border-bottom: 1px solid #e2e5e9;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 12px;
  padding: 20px;
  display: grid;
}

.ef-notification-item.is-unread {
  background: #fafbfc;
}

.ef-notification-icon {
  border-radius: 10px;
  flex-shrink: 0;
  place-items: center;
  width: 34px;
  height: 34px;
  display: grid;
}

.ef-notification-icon--offers {
  color: #2563a5;
  background: #edf4fd;
}

.ef-notification-icon--shipping {
  color: #15803d;
  background: #eef8f1;
}

.ef-notification-icon--payments {
  color: #65508a;
  background: #f4f0f8;
}

.ef-notification-meta {
  color: #71717a;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin-bottom: 7px;
  font-size: 11px;
  line-height: 16px;
  display: flex;
}

.ef-notification-environment {
  color: #52525b;
  background: #eceef1;
  border-radius: 4px;
  padding: 1px 5px;
  font-size: 10px;
  font-weight: 500;
  line-height: 15px;
  display: inline-block;
}

.ef-notification-unread {
  background: #597495;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  margin-left: auto;
}

.ef-notification-body {
  min-width: 0;
}

.ef-notification-body h3 {
  color: #18181b;
  overflow-wrap: anywhere;
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
}

.ef-notification-product {
  color: #52525b;
  overflow-wrap: anywhere;
  margin: 5px 0 12px;
  font-size: 13px;
  line-height: 20px;
}

.ef-notification-body dl {
  gap: 7px;
  margin: 0;
  display: grid;
}

.ef-notification-body dl > div {
  grid-template-columns: 86px minmax(0, 1fr);
  gap: 10px;
  font-size: 12px;
  line-height: 18px;
  display: grid;
}

.ef-notification-body dt {
  color: #71717a;
}

.ef-notification-body dd {
  color: #3f3f46;
  overflow-wrap: anywhere;
  margin: 0;
}

.ef-notification-caution {
  color: #52525b;
  background: #f3f4f6;
  border-left: 2px solid #d8dde4;
  border-radius: 0 6px 6px 0;
  margin: 12px 0 0;
  padding: 9px 10px;
  font-size: 11px;
  line-height: 17px;
}

.ef-notification-item-actions {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
  display: flex;
}

.ef-notification-read {
  color: #71717a;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  display: inline-flex;
}

.ef-notification-empty {
  text-align: center;
  color: #71717a;
  align-content: center;
  justify-items: center;
  gap: 12px;
  padding: 60px 28px;
  font-size: 13px;
  display: grid;
}

.ef-notification-empty strong {
  color: #3f3f46;
  font-weight: 500;
}

.ef-notification-empty p {
  margin: 0;
  line-height: 21px;
}

.ef-notification-error {
  color: #854d0e;
  background: #fffbeb;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  font-size: 12px;
  line-height: 18px;
  display: flex;
}

.ef-notification-more {
  margin: 16px auto;
  display: flex;
}

.ef-notification-toasts {
  z-index: 90;
  gap: 10px;
  width: min(380px, 100vw - 32px);
  display: grid;
  position: fixed;
  top: 72px;
  right: 20px;
}

.ef-notification-toast {
  animation: ef-notification-enter var(--motion-ui, .22s) ease-out;
  background: #fff;
  border: 1px solid #e2e5e9;
  border-radius: 12px;
  grid-template-columns: 34px minmax(0, 1fr) 32px;
  gap: 10px;
  padding: 16px;
  display: grid;
  box-shadow: 0 4px 16px #18181b12;
}

.ef-notification-toast strong {
  margin-top: 4px;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  display: block;
}

.ef-notification-toast p {
  color: #52525b;
  overflow-wrap: anywhere;
  margin: 4px 0 8px;
  font-size: 12px;
  line-height: 18px;
}

.ef-notification-toast a {
  text-underline-offset: 3px;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  text-decoration: underline;
  display: inline-flex;
}

.ef-workspace-account {
  flex: 1;
  min-width: 0;
  position: relative;
}

.ef-workspace-account-trigger {
  text-align: left;
  width: 100%;
  color: inherit;
  background: none;
  border: 0;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
  padding: 4px;
  display: flex;
}

.ef-workspace-account-trigger:hover {
  background: #f3f4f6;
}

.ef-workspace-account-trigger > span {
  min-width: 0;
}

.ef-workspace-account-trigger strong, .ef-workspace-account-trigger small {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}

.ef-workspace-account-popover {
  z-index: 45;
  background: #fff;
  border: 1px solid #e2e5e9;
  border-radius: 12px;
  width: 210px;
  padding: 8px;
  position: absolute;
  bottom: calc(100% + 12px);
  left: -36px;
  box-shadow: 0 4px 16px #18181b12;
}

.ef-workspace-account-popover p, .ef-workspace-account-popover button {
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 9px 8px;
  font-size: 12px;
  line-height: 18px;
  display: flex;
}

.ef-workspace-account-popover p {
  color: #71717a;
}

.ef-workspace-account-popover button {
  color: #3f3f46;
  text-align: left;
  background: #fff;
  border: 0;
  border-radius: 8px;
  width: 100%;
}

.ef-workspace-account-popover button:hover {
  background: #f3f4f6;
}

@keyframes ef-notification-enter {
  from {
    opacity: 0;
    translate: 12px;
  }

  to {
    opacity: 1;
    translate: 0;
  }
}

@media (max-width: 480px) {
  .dialog-content.ef-notifications-drawer {
    border-radius: 0;
  }

  .ef-notifications-drawer .dialog-heading, .ef-notification-controls, .ef-notification-item {
    padding: 16px;
  }

  .ef-notification-item {
    gap: 10px;
  }

  .ef-notification-body dl > div {
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 8px;
  }

  .ef-notification-filters button, .ef-notification-tools .text-button {
    min-height: 44px;
  }

  .ef-notification-toasts {
    top: 64px;
    right: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dialog-content.ef-notifications-drawer, .ef-notification-toast {
    animation: none;
  }
}

/* [project]/src/app/exitflow-search.css [app-client] (css) */
.ef-interface {
  --ef-search-height: 32px;
  --ef-search-background: #f9fafb;
  --ef-search-border: #e2e5e9;
}

:root .ef-interface :is(.search-field.ef-search-field, .header-search.ef-search-trigger) {
  height: var(--ef-search-height);
  min-height: var(--ef-search-height);
  border: 1px solid var(--ef-search-border);
  border-radius: var(--ef-control-radius);
  background: var(--ef-search-background);
  min-width: 0;
  max-width: 100%;
  color: var(--ef-ink-muted);
  font: inherit;
  box-shadow: none;
  align-items: center;
  gap: 8px;
  padding: 5px 9px;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
}

:root .ef-interface .search-field.ef-search-field > input {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: 20px;
  min-height: 0;
  color: var(--ef-ink);
  box-shadow: none;
  font: inherit;
  background: none;
  border: 0;
  border-radius: 0;
  outline: none;
  margin: 0;
  padding: 0;
}

:root .ef-interface .search-field.ef-search-field > input:focus-visible {
  box-shadow: none;
  outline: none;
}

:root .ef-interface :is(.search-field.ef-search-field, .header-search.ef-search-trigger) > svg {
  width: 14px;
  height: 14px;
  color: var(--ef-ink-faint);
  flex: none;
}

:root .ef-interface :is(.search-field.ef-search-field:hover, .header-search.ef-search-trigger:hover) {
  background: #f3f4f6;
}

:root .ef-interface .search-field.ef-search-field:focus-within, :root .ef-interface .header-search.ef-search-trigger:focus-visible {
  outline: 2px solid var(--ef-focus);
  outline-offset: 2px;
  box-shadow: var(--ef-control-focus-halo);
}

:root .ef-interface .search-field.ef-search-field:has( > input:disabled) {
  opacity: .65;
  cursor: not-allowed;
}

:root .ef-interface .search-field.ef-search-field:has( > input[aria-invalid="true"]) {
  border-color: var(--ef-negative);
}

:root .ef-interface .header-search.ef-search-trigger {
  text-align: left;
  justify-content: flex-start;
  width: 190px;
}

.ef-search-control-row > .ef-search-field, .ef-landing-search > .ef-search-field, .listing-search > .ef-search-field, label > .ef-search-field, .ef-category-select-menu > .ef-search-field, .ef-search-field.large-search {
  width: 100%;
}

@media (max-width: 1020px) {
  :root .ef-interface .header-search.ef-search-trigger {
    justify-content: center;
    width: 32px;
    min-width: 32px;
  }
}

@media (max-width: 760px), (pointer: coarse) {
  .ef-interface {
    --ef-search-height: 44px;
  }

  :root .ef-interface .search-field.ef-search-field > input {
    font-size: 16px;
  }

  :root .ef-interface .header-search.ef-search-trigger {
    justify-content: center;
    width: auto;
    min-width: 44px;
  }
}

/* [project]/src/app/exitflow-checkout.css [app-client] (css) */
.ef-interface .dialog-content.ef-checkout-dialog {
  width: calc(100vw - 48px);
  max-width: 1100px;
  color: var(--ef-ink, #30343b);
  padding: 28px 32px 32px;
}

.ef-checkout-dialog .dialog-heading {
  border-bottom: 1px solid #e2e5e9;
  margin-bottom: 28px;
  padding-bottom: 24px;
}

.ef-checkout-dialog .dialog-heading p {
  color: var(--ef-ink-muted, #646975);
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.6;
}

.ef-checkout-layout {
  grid-template-columns: minmax(0, 1fr) 350px;
  align-items: start;
  gap: 40px;
  display: grid;
}

.ef-checkout-form-column {
  grid-area: 1 / 1;
  min-width: 0;
}

.ef-checkout-summary {
  background: #fafafa;
  border: 1px solid #e2e5e9;
  border-radius: 12px;
  grid-area: 1 / 2;
  min-width: 0;
  position: sticky;
  top: 0;
}

.ef-checkout-summary summary {
  cursor: pointer;
  align-items: center;
  gap: 12px;
  padding: 20px;
  font-size: 14px;
  font-weight: 500;
  list-style: none;
  display: flex;
}

.ef-checkout-summary summary::-webkit-details-marker {
  display: none;
}

.ef-checkout-summary details[open] summary {
  border-bottom: 1px solid #e2e5e9;
}

.ef-checkout-summary summary strong {
  white-space: nowrap;
  margin-left: auto;
  font-weight: 500;
}

.ef-checkout-summary summary > svg {
  color: #646975;
  flex-shrink: 0;
}

.ef-checkout-summary details[open] summary > svg {
  transform: rotate(180deg);
}

.ef-checkout-summary summary:focus-visible {
  outline-offset: 3px;
  border-radius: 12px;
  outline: 2px solid #929aa9;
}

.ef-checkout-summary-content {
  padding: 20px;
}

.ef-checkout-reference {
  color: #646975;
  font-variant-numeric: tabular-nums;
  margin: 0 0 10px;
  font-size: 11px;
}

.ef-checkout-summary h3 {
  overflow-wrap: anywhere;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.ef-checkout-items {
  margin: 20px 0;
  padding: 0;
  list-style: none;
}

.ef-checkout-items li {
  border-bottom: 1px solid #e2e5e9;
  align-items: center;
  gap: 12px;
  padding: 16px 0;
  font-size: 12px;
  line-height: 1.5;
  display: flex;
}

.ef-checkout-items li > span:nth-child(2) {
  overflow-wrap: anywhere;
  flex: 1;
  min-width: 0;
}

.ef-checkout-items strong {
  font-weight: 500;
}

.ef-checkout-items small {
  color: #646975;
  margin-top: 5px;
  display: block;
}

.ef-checkout-item-quantity {
  text-align: right;
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
  max-width: 78px;
}

.ef-checkout-item-icon {
  color: #777d89;
  background: #f3f4f6;
  border-radius: 10px;
  flex-shrink: 0;
  place-items: center;
  width: 44px;
  height: 48px;
  display: grid;
}

.ef-checkout-totals {
  margin: 0;
}

.ef-checkout-totals > div {
  justify-content: space-between;
  gap: 16px;
  padding: 8px 0;
  font-size: 13px;
  display: flex;
}

.ef-checkout-totals dt {
  color: #646975;
}

.ef-checkout-totals dd {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  margin: 0;
}

.ef-checkout-totals .ef-checkout-total {
  border-top: 1px solid #e2e5e9;
  margin-top: 16px;
  padding-top: 20px;
  font-size: 18px;
  font-weight: 500;
}

.ef-checkout-total dt {
  color: inherit;
}

.ef-checkout-reservation {
  color: #646975;
  margin-top: 16px;
  font-size: 11px;
  line-height: 1.6;
}

.ef-checkout-section {
  border-top: 1px solid #e2e5e9;
  margin-top: 32px;
  padding-top: 28px;
}

.ef-checkout-section:first-child {
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}

.ef-checkout-section h3 {
  letter-spacing: -.015em;
  align-items: center;
  gap: 10px;
  margin: 0 0 18px;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
}

.ef-checkout-section h3 svg {
  color: #777d89;
  flex-shrink: 0;
}

.ef-checkout-confirmed-contact {
  overflow-wrap: anywhere;
  flex-direction: column;
  gap: 7px;
  font-size: 13px;
  line-height: 1.6;
  display: flex;
}

.ef-checkout-confirmed-contact strong {
  font-weight: 500;
}

.ef-checkout-confirmed-contact span, .ef-checkout-confirmed-contact address {
  color: #646975;
}

.ef-checkout-confirmed-contact address {
  white-space: pre-line;
  margin-top: 10px;
  font-style: normal;
}

.ef-checkout-dialog .ef-order-contact-form {
  margin: 0;
  display: block;
}

.ef-order-contact-inputs {
  border: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
  display: block;
}

.ef-checkout-dialog .ef-address-fields {
  border: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.ef-checkout-dialog .ef-address-fields + .ef-address-fields {
  border-top: 1px solid #e2e5e9;
  margin-top: 32px;
  padding-top: 28px;
}

.ef-checkout-dialog .ef-address-fields legend {
  color: inherit;
  margin: 0 0 20px;
  padding: 0;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.4;
}

.ef-checkout-dialog .ef-order-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px 16px;
  display: grid;
}

.ef-checkout-dialog .ef-order-form-grid label {
  min-width: 0;
  font-size: 12px;
  line-height: 1.5;
  display: block;
}

.ef-checkout-dialog .ef-order-form-grid label > span {
  color: #646975;
  display: inline;
}

.ef-checkout-dialog .ef-order-form-grid input, .ef-checkout-dialog .ef-order-form-grid select {
  background: #fff;
  border-color: #e2e5e9;
  border-radius: 12px;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  font-size: 13px;
}

.ef-checkout-dialog .ef-field-wide {
  grid-column: 1 / -1;
}

.ef-checkout-dialog .ef-billing-checkbox {
  align-items: flex-start;
  gap: 10px;
  margin: 24px 0 0;
  font-size: 12px;
  line-height: 1.6;
  display: flex;
}

.ef-checkout-dialog .ef-billing-checkbox + .ef-address-fields {
  margin-top: 24px;
}

.ef-checkout-dialog input[type="checkbox"] {
  accent-color: #828995;
  flex-shrink: 0;
}

.ef-checkout-dialog .btn {
  white-space: normal;
  min-height: 44px;
}

.ef-checkout-delivery-option, .ef-checkout-payment-provider {
  background: #fafafa;
  border: 1px solid #e2e5e9;
  border-radius: 12px;
  align-items: flex-start;
  gap: 16px;
  margin: 0 0 16px;
  padding: 18px;
  font-size: 13px;
  line-height: 1.6;
  display: flex;
}

.ef-checkout-delivery-option > div, .ef-checkout-payment-provider > div {
  flex: 1;
  min-width: 0;
}

.ef-checkout-delivery-option strong, .ef-checkout-payment-provider strong {
  font-weight: 500;
}

.ef-checkout-delivery-option > strong {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.ef-checkout-payment-provider > svg {
  color: #777d89;
  flex-shrink: 0;
  margin-top: 2px;
}

.ef-checkout-delivery-option p, .ef-checkout-payment-provider p {
  color: #646975;
  margin: 6px 0 0;
  font-size: 12px;
  line-height: 1.6;
}

.ef-checkout-notice, .ef-checkout-error {
  color: #646975;
  background: #fafafa;
  border: 1px solid #e2e5e9;
  border-radius: 12px;
  margin: 0 0 20px;
  padding: 12px 14px;
  font-size: 12px;
  line-height: 1.6;
}

.ef-checkout-error {
  color: #b42318;
  background: snow;
  border-color: #f0ceca;
}

.ef-checkout-error a {
  text-underline-offset: 3px;
  text-decoration: underline;
}

.ef-checkout-fineprint {
  color: #646975;
  align-items: flex-start;
  gap: 8px;
  margin: 16px 0 0;
  font-size: 11px;
  line-height: 1.65;
  display: flex;
}

.ef-checkout-fineprint svg {
  flex-shrink: 0;
  margin-top: 2px;
}

.ef-checkout-demo-payment {
  border-top: 1px solid #e2e5e9;
  margin-top: 24px;
  padding-top: 22px;
}

.ef-checkout-demo-payment > strong {
  margin-bottom: 12px;
  font-size: 13px;
  font-weight: 500;
  display: block;
}

.ef-checkout-demo-payment label {
  color: #646975;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 16px;
  font-size: 12px;
  line-height: 1.65;
  display: flex;
}

@media (max-width: 800px) {
  .ef-interface .dialog-content.ef-checkout-dialog {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
    padding: 22px;
  }

  .ef-checkout-dialog .dialog-heading {
    margin-bottom: 22px;
    padding-bottom: 20px;
  }

  .ef-checkout-layout {
    flex-direction: column;
    gap: 28px;
    display: flex;
  }

  .ef-checkout-summary {
    width: 100%;
    position: static;
  }

  .ef-checkout-form-column {
    width: 100%;
  }

  .ef-checkout-summary-content {
    padding: 18px;
  }

  .ef-checkout-summary summary {
    padding: 16px 18px;
  }
}

@media (max-width: 480px) {
  .ef-interface .dialog-content.ef-checkout-dialog {
    padding: 18px;
  }

  .ef-checkout-dialog .ef-order-form-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .ef-checkout-delivery-option {
    gap: 12px;
    padding: 15px;
  }

  .ef-checkout-summary h3 {
    font-size: 15px;
  }

  .ef-checkout-section > .btn {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ef-checkout-dialog *, .ef-checkout-dialog :before, .ef-checkout-dialog :after {
    transition: none;
    animation: none;
  }
}

.ef-checkout-item-icon img {
  object-fit: contain;
  border-radius: inherit;
  width: 100%;
  height: 100%;
}

.ef-checkout-provider {
  flex-direction: column;
  gap: 16px;
  min-width: 0;
  font-size: 13px;
  line-height: 1.6;
  display: flex;
}

.ef-checkout-provider > .btn {
  width: 100%;
}

.ef-checkout-provider [role="alert"] {
  color: #b42318;
}

.ef-checkout-dialog .ef-order-form-grid input, .ef-checkout-dialog .ef-order-form-grid select {
  margin-top: 8px;
  display: block;
}

/* [project]/src/app/exitflow-buyer-dashboard.css [app-client] (css) */
.exitflow-app-shell {
  --ef-marketplace-inset: 48px;
}

:root .ef-interface .ef-marketplace-content {
  min-width: 0;
  padding-inline: var(--ef-marketplace-inset);
}

:root .ef-interface .exitflow-topnav {
  padding-inline: max(var(--ef-marketplace-inset),
    calc((100% - var(--ef-container)) / 2 + var(--ef-marketplace-inset)));
}

.ef-marketplace-account-icon {
  display: none;
}

:root .ef-interface .ef-buyer-shell > .main-shell, :root .ef-interface .ef-buyer-shell .main-content {
  min-width: 0;
}

@media (max-width: 760px) {
  :root .ef-interface .ef-buyer-shell > .sidebar {
    transition: transform var(--ef-motion-ui) var(--ef-ease-standard);
    left: 0;
    right: auto;
    transform: translateX(-100%);
  }

  :root .ef-interface .ef-buyer-shell > .sidebar.mobile-open {
    transform: none;
  }
}

.ef-buyer-dashboard {
  --buyer-dash-inset: 20px;
}

.ef-buyer-dash-intro {
  color: var(--ef-ink-muted);
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px 24px;
  font-size: 13px;
  display: flex;
}

.ef-buyer-dash-intro p {
  margin: 0;
}

.ef-buyer-dash-intro > span {
  font-size: 12px;
}

.ef-buyer-dash-metrics {
  align-items: stretch;
}

.ef-buyer-dash-metric small {
  color: var(--ef-ink-muted);
  margin-top: auto;
  font-size: 12px;
  line-height: 1.5;
}

.ef-buyer-dash-next-steps {
  border: 1px solid var(--ef-border);
  border-radius: var(--ef-radius-md);
  background: var(--ef-surface);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px 20px;
  padding: 14px 20px;
  font-size: 13px;
  display: flex;
}

.ef-buyer-dash-next-steps > span {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 16px;
  display: flex;
}

.ef-buyer-dash-next-steps strong {
  font-weight: 500;
}

.ef-buyer-dash-next-steps > span > span {
  color: var(--ef-ink-muted);
  font-size: 12px;
}

#buyer-actions {
  scroll-margin-top: 80px;
}

.ef-buyer-dash-columns {
  grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
  align-items: start;
  gap: 20px;
  display: grid;
}

.ef-buyer-dash-stack {
  flex-direction: column;
  gap: 20px;
  min-width: 0;
  display: flex;
}

.ef-buyer-dashboard .panel {
  border-radius: var(--ef-radius-md);
  min-width: 0;
  margin: 0;
}

.ef-buyer-dashboard .section-heading {
  padding: 16px var(--buyer-dash-inset);
}

.ef-buyer-dashboard .section-heading h2 {
  font-size: 15px;
  font-weight: 500;
}

.ef-buyer-dashboard .section-heading > span {
  color: var(--ef-ink-muted);
  font-size: 12px;
}

.ef-buyer-dash-text-link {
  align-items: center;
  gap: 6px;
  font-size: 12px;
  display: inline-flex;
}

.ef-buyer-dash-caught-up {
  align-items: flex-start;
  gap: 12px;
  padding: 20px;
  display: flex;
}

.ef-buyer-dash-caught-up strong, .ef-buyer-dash-note > strong {
  font-size: 13px;
  font-weight: 550;
}

.ef-buyer-dash-caught-up p, .ef-buyer-dash-note p {
  color: var(--ef-ink-muted);
  margin: 5px 0 0;
  font-size: 13px;
  line-height: 1.6;
}

.ef-buyer-dash-attention > a {
  padding: 17px var(--buyer-dash-inset);
  border-top: 1px solid var(--ef-border);
  align-items: center;
  gap: 14px;
  display: flex;
}

.ef-buyer-dash-attention > a:first-child {
  border-top: 0;
}

.ef-buyer-dash-attention > a > svg {
  flex-shrink: 0;
}

.ef-buyer-dash-attention > a > span {
  flex-direction: column;
  flex: 1;
  gap: 4px;
  min-width: 0;
  display: flex;
}

.ef-buyer-dash-attention strong {
  font-size: 13px;
  font-weight: 550;
}

.ef-buyer-dash-attention span span {
  overflow-wrap: anywhere;
  font-size: 13px;
}

.ef-buyer-dash-attention small {
  color: var(--ef-ink-muted);
  font-size: 12px;
}

.ef-buyer-dash-attention .ef-buyer-dash-more {
  justify-content: flex-end;
  font-size: 12px;
}

.ef-buyer-dash-order {
  padding: 16px var(--buyer-dash-inset);
  border-top: 1px solid var(--ef-border);
  align-items: center;
  gap: 12px;
  min-height: 82px;
  display: flex;
}

.ef-buyer-dash-order:first-of-type {
  border-top: 0;
}

.ef-buyer-dash-icon {
  border: 1px solid var(--ef-border);
  border-radius: var(--ef-radius-sm);
  flex-shrink: 0;
  place-items: center;
  width: 36px;
  height: 36px;
  display: grid;
}

.ef-buyer-dash-row-copy {
  flex-direction: column;
  flex: 1;
  gap: 5px;
  min-width: 0;
  display: flex;
}

.ef-buyer-dash-row-copy strong {
  overflow-wrap: anywhere;
  font-size: 13px;
  font-weight: 500;
}

.ef-buyer-dash-row-copy > span {
  color: var(--ef-ink-muted);
  font-size: 11px;
}

.ef-buyer-dash-row-end {
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-end;
  gap: 6px;
  display: flex;
}

.ef-buyer-dash-row-end strong {
  font-variant-numeric: tabular-nums;
  font-size: 13px;
  font-weight: 500;
}

.ef-buyer-dash-order > svg {
  flex-shrink: 0;
}

.ef-buyer-dash-note {
  padding: 22px var(--buyer-dash-inset);
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.ef-buyer-dash-note p {
  margin: 0;
}

.ef-buyer-dash-shipments > a {
  padding: 20px var(--buyer-dash-inset);
  border-top: 1px solid var(--ef-border);
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.ef-buyer-dash-shipments > a:first-child {
  border-top: 0;
}

.ef-buyer-dash-shipment-heading {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.ef-buyer-dash-shipment-heading small {
  color: var(--ef-ink-muted);
  font-size: 11px;
}

.ef-buyer-dash-shipments strong {
  overflow-wrap: anywhere;
  font-size: 13px;
  font-weight: 550;
}

.ef-buyer-dash-shipments a > span:not(.ef-buyer-dash-text-link) {
  color: var(--ef-ink-muted);
  font-size: 12px;
}

.ef-buyer-dash-shipments p {
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
}

.ef-buyer-dash-offers a {
  padding: 17px var(--buyer-dash-inset);
  border-top: 1px solid var(--ef-border);
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.ef-buyer-dash-offers a:first-child {
  border-top: 0;
}

.ef-buyer-dash-offers strong {
  overflow-wrap: anywhere;
  font-size: 13px;
  font-weight: 500;
}

.ef-buyer-dash-offers a > span {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  display: flex;
}

.ef-buyer-dashboard a:hover {
  background-color: var(--ef-surface);
}

.ef-buyer-dashboard a {
  transition: background-color var(--ef-motion-fast) var(--ef-ease-standard);
}

.ef-buyer-dashboard a:focus-visible {
  outline: 2px solid var(--ef-focus, #2563eb);
  outline-offset: -3px;
}

@media (max-width: 1023px) {
  .exitflow-app-shell {
    --ef-marketplace-inset: 32px;
  }

  .ef-buyer-dash-columns {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .exitflow-app-shell {
    --ef-marketplace-inset: 20px;
  }
}

@media (max-width: 760px), (pointer: coarse) {
  .ef-buyer-dashboard .ef-buyer-dash-text-link {
    min-height: 44px;
  }
}

@media (max-width: 480px) {
  :root .ef-interface .ef-buyer-dashboard .ef-workspace-page-header {
    flex-direction: column;
    align-items: flex-start;
  }

  :root .ef-interface .ef-buyer-dashboard .heading-actions, :root .ef-interface .ef-buyer-dashboard .heading-actions > a {
    min-height: var(--ef-control-height-touch);
  }

  .exitflow-topnav .ef-marketplace-account-icon {
    display: block;
  }

  .exitflow-topnav .ef-account-label {
    display: none;
  }

  .exitflow-topnav .ef-marketplace-brand {
    flex-shrink: 0;
  }

  :root .ef-interface .exitflow-topnav .ef-marketplace-account-actions button {
    min-height: var(--ef-control-height-touch);
  }

  .ef-buyer-dashboard {
    --buyer-dash-inset: 14px;
  }

  .ef-buyer-dash-metric > span {
    align-items: flex-start;
  }

  .ef-buyer-dash-icon, .ef-buyer-dash-order > svg {
    display: none;
  }

  .ef-buyer-dash-order {
    gap: 8px;
  }

  .ef-buyer-dash-row-end .badge, .ef-buyer-dash-row-copy > span {
    font-size: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root .ef-interface .ef-buyer-shell > .sidebar, .ef-buyer-dashboard a {
    transition: none;
  }
}

/* [project]/src/app/inventory-showcase.css [app-client] (css) */
.ef-landing-hero.ef-landing-hero--device {
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.35fr);
  align-items: center;
  gap: 56px;
  padding-top: 106px;
  padding-bottom: 106px;
  display: grid;
}

.ef-landing-hero--device .ef-hero-copy {
  min-width: 0;
}

.ef-landing-hero--device .ef-hero-copy h1 {
  max-width: 490px;
  font-size: clamp(44px, 4.3vw, 64px);
  line-height: 1.07;
}

.ef-landing-hero--device .ef-hero-copy h1 > span {
  display: block;
}

.ef-landing-hero--device .ef-hero-lead {
  max-width: 48ch;
  font-size: 16px;
  line-height: 1.65;
  margin-top: 25px !important;
}

.ef-landing-hero--device .ef-desktop-break {
  display: none;
}

.ef-landing-hero--device .ef-hero-context {
  flex-wrap: wrap;
  gap: 8px 14px;
  margin-block: 26px 0;
  font-size: 11px;
}

.ef-landing-hero--device .ef-hero-context > span + span {
  padding-left: 14px;
}

.ef-landing-hero--device .ef-hero-showcase {
  background: none;
  border: 0;
  border-radius: 0;
  min-width: 0;
  padding: 0;
}

.inventory-showcase {
  width: 100%;
  min-width: 0;
  color: var(--ef-ink-muted);
}

.inventory-showcase-figure {
  margin: 0;
}

.inventory-showcase-laptop {
  padding-top: 1px;
  padding-bottom: 13px;
  position: relative;
}

.inventory-showcase-lid {
  background: #111214;
  border: 2px solid #32353a;
  border-radius: 19px 19px 7px 7px;
  width: 91%;
  margin-inline: auto;
  padding: 17px 11px 14px;
  position: relative;
  box-shadow: 0 0 0 1px #b3b5ba;
}

.inventory-showcase-camera {
  background: #202530;
  border: 1px solid #41434a;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  position: absolute;
  top: 6px;
  left: calc(50% - 2px);
}

.inventory-showcase-screen {
  aspect-ratio: 8 / 5;
  background: var(--ef-surface);
  border: 1px solid #292b2f;
  border-radius: 4px;
  overflow: hidden;
}

.inventory-showcase-screen img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
}

.inventory-showcase-base {
  z-index: 1;
  background: linear-gradient(#f5f5f6 0%, #d1d3d7 28%, #96999f 100%);
  border: 1px solid #aaadb3;
  border-radius: 2px 2px 48% 48% / 2px 2px 11px 11px;
  width: 100%;
  height: 15px;
  margin-top: -1px;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px #fff;
}

.inventory-showcase-base > span {
  background: #d2d4d9;
  border: 1px solid #aeb1b7;
  border-top: 0;
  border-radius: 0 0 6px 6px;
  width: 14%;
  height: 6px;
  position: absolute;
  top: -1px;
  left: 43%;
  box-shadow: inset 0 -1px 2px #f1f2f4;
}

.inventory-showcase-ground {
  filter: blur(6px);
  background: #18181b29;
  border-radius: 50%;
  height: 8px;
  position: absolute;
  bottom: 7px;
  left: 6%;
  right: 6%;
}

.inventory-showcase-figure figcaption {
  color: var(--ef-ink-muted);
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 6px 15px;
  margin-top: 15px;
  font-size: 11px;
  line-height: 1.6;
  display: flex;
}

.inventory-showcase-demo {
  color: var(--ef-ink-faint);
}

@media (min-width: 1024px) and (max-width: 1199px) {
  .ef-landing-hero.ef-landing-hero--device {
    gap: 32px;
    padding-top: 88px;
    padding-bottom: 88px;
  }

  .ef-landing-hero--device .ef-hero-context {
    flex-direction: column;
  }

  .ef-landing-hero--device .ef-hero-context > span + span {
    border: 0;
    padding-left: 0;
  }
}

@media (max-width: 1023px) {
  .ef-landing-hero.ef-landing-hero--device {
    grid-template-columns: 1fr;
    gap: 44px;
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .ef-landing-hero--device .ef-hero-copy h1 {
    max-width: 680px;
    font-size: clamp(44px, 7.2vw, 60px);
  }

  .ef-landing-hero--device .ef-hero-lead {
    max-width: 65ch;
  }

  .ef-landing-hero--device .ef-hero-showcase {
    width: 100%;
    max-width: 800px;
    margin-inline: auto;
  }
}

@media (max-width: 639px) {
  .ef-landing-hero.ef-landing-hero--device {
    gap: 36px;
    padding-top: 46px;
    padding-bottom: 48px;
  }

  .ef-landing-hero--device .ef-hero-copy h1 {
    margin-top: 18px;
    font-size: clamp(40px, 10vw, 54px);
    line-height: 1.1;
  }

  .ef-landing-hero--device .ef-hero-lead {
    font-size: 15px;
    margin-top: 22px !important;
  }

  .ef-landing-hero--device .ef-hero-context {
    font-size: 10px;
  }

  .inventory-showcase-lid {
    border-width: 1px;
    border-radius: 10px 10px 4px 4px;
    padding: 9px 5px 7px;
  }

  .inventory-showcase-camera {
    width: 3px;
    height: 3px;
    top: 3px;
  }

  .inventory-showcase-screen {
    border-radius: 2px;
  }

  .inventory-showcase-base {
    height: 9px;
  }

  .inventory-showcase-base > span {
    height: 4px;
  }

  .inventory-showcase-figure figcaption {
    flex-direction: column;
    gap: 4px;
    margin-top: 9px;
    font-size: 11px;
  }
}

/* [project]/src/app/seller-workspace-showcase.css [app-client] (css) */
.cossad-workspace-showcase {
  border-top: 1px solid var(--ef-border);
  padding-top: 64px;
  padding-bottom: 56px;
  scroll-margin-top: 88px;
}

.cossad-workspace-showcase-heading {
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: 48px;
  margin-bottom: 44px;
  display: grid;
}

.ef-landing .cossad-workspace-showcase-heading h2 {
  letter-spacing: -.04em;
  font-size: clamp(32px, 3.2vw, 46px);
  font-weight: 500;
  line-height: 1.12;
}

.cossad-workspace-showcase-heading .ef-section-lead {
  max-width: 440px;
  font-size: 18px;
  line-height: 1.55;
  margin-top: 0 !important;
}

.cossad-workspace-showcase-controls {
  --ef-control-height: 44px;
  --ef-control-height-touch: 44px;
  align-items: center;
  gap: 10px;
  margin-top: 24px;
  display: flex;
}

.cossad-workspace-showcase-controls > span {
  color: var(--ef-ink-muted);
  font-variant-numeric: tabular-nums;
  margin-left: 6px;
  font-size: 12px;
}

.cossad-workspace-showcase-viewport {
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
  scrollbar-color: #d4d9e1 transparent;
  margin-inline: -8px;
  padding-bottom: 14px;
  scroll-margin-top: 88px;
  overflow-x: auto;
}

.cossad-workspace-showcase-viewport:focus-visible {
  outline: 2px solid var(--ef-focus-ring, #909eec);
  outline-offset: 4px;
  border-radius: 8px;
}

.cossad-workspace-showcase-viewport ul {
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.cossad-workspace-showcase-viewport li {
  border-right: 1px solid var(--ef-border);
  scroll-snap-align: start;
  scroll-snap-stop: always;
  flex: 0 0 52%;
  min-width: 0;
  padding: 0 12px;
}

.cossad-workspace-showcase-viewport li:first-child {
  padding-left: 8px;
}

.cossad-workspace-showcase-viewport li:last-child {
  border-right: 0;
}

.cossad-workspace-showcase-viewport figure {
  margin: 0;
}

.cossad-workspace-showcase-image {
  aspect-ratio: 4 / 3;
  border: 1px solid var(--ef-border);
  background: #f7f8fa;
  border-radius: 12px;
  overflow: hidden;
}

.cossad-workspace-showcase-image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
}

.cossad-workspace-showcase-viewport figcaption {
  padding: 24px 10px 8px;
}

.cossad-workspace-showcase-number {
  color: var(--ef-ink-muted);
  font-size: 12px;
  line-height: 1.5;
}

.ef-landing .cossad-workspace-showcase-viewport h3 {
  letter-spacing: -.025em;
  margin: 10px 0 8px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
}

.cossad-workspace-showcase-viewport figcaption p {
  max-width: 48ch;
  color: var(--ef-ink-muted);
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
}

.ef-landing .cossad-workspace-showcase-disclosure {
  color: var(--ef-ink-muted);
  margin: 16px 0 0;
  font-size: 11px;
  line-height: 1.6;
}

@media (max-width: 1023px) {
  .cossad-workspace-showcase-heading {
    gap: 32px;
    margin-bottom: 32px;
  }

  .cossad-workspace-showcase-viewport li {
    flex-basis: 80%;
  }
}

@media (max-width: 639px) {
  .cossad-workspace-showcase {
    padding-top: 40px;
    padding-bottom: 32px;
  }

  .cossad-workspace-showcase-heading {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    margin-bottom: 24px;
  }

  .cossad-workspace-showcase-heading .ef-section-lead {
    font-size: 15px;
  }

  .cossad-workspace-showcase-controls {
    margin-top: 18px;
  }

  .cossad-workspace-showcase-viewport li {
    flex-basis: 92%;
    padding-inline: 8px;
  }

  .cossad-workspace-showcase-viewport figcaption {
    padding: 18px 4px 4px;
  }

  .ef-landing .cossad-workspace-showcase-viewport h3 {
    font-size: 18px;
  }

  .cossad-workspace-showcase-viewport figcaption p {
    font-size: 13px;
  }
}

/* [project]/src/app/inventory-cost.css [app-client] (css) */
.cossad-inventory-cost {
  padding-top: 72px;
  padding-bottom: 56px;
  scroll-margin-top: 88px;
}

.ef-landing .cossad-cost-intro h2 {
  letter-spacing: -.045em;
  font-size: clamp(32px, 3.6vw, 52px);
  font-weight: 500;
  line-height: 1.15;
}

.ef-landing .cossad-cost-intro > p {
  color: var(--ef-ink-muted);
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.65;
}

.cossad-cost-inputs {
  --ef-control-height: 44px;
  --ef-control-height-touch: 44px;
  border: 0;
  grid-template-columns: minmax(0, 1fr) minmax(0, .9fr) minmax(0, 1.25fr);
  align-items: start;
  gap: 16px 24px;
  min-width: 0;
  margin: 32px 0 0;
  padding: 0;
  display: grid;
}

.cossad-cost-inputs legend {
  color: var(--ef-ink);
  margin-bottom: 18px;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
}

.cossad-cost-inputs label, .cossad-cost-period {
  min-width: 0;
  color: var(--ef-ink-muted);
  gap: 9px;
  font-size: 12px;
  line-height: 1.5;
  display: grid;
}

.cossad-cost-inputs input, .cossad-cost-inputs select {
  border: 1px solid var(--ef-border);
  border-radius: var(--ef-control-radius, 12px);
  width: 100%;
  min-width: 0;
  min-height: 44px;
  color: var(--ef-ink);
  font: inherit;
  font-variant-numeric: tabular-nums;
  background: #fff;
  padding: 10px 12px;
  font-size: 14px;
}

.cossad-cost-inputs :is(input, select):focus-visible {
  outline: 2px solid var(--ef-focus-ring, #909eec);
  outline-offset: 2px;
}

.cossad-cost-inputs input[aria-invalid="true"] {
  border-color: var(--ef-negative, #b91c1c);
}

.cossad-cost-period > div {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.cossad-cost-period .btn {
  --ef-control-height: 44px;
  --ef-control-height-touch: 44px;
  flex: auto;
}

.cossad-cost-period .btn[aria-pressed="true"] {
  color: #2440d6;
  background: #eef1ff;
  border-color: #b5bef2;
}

.ef-landing .cossad-cost-input-hint, .ef-landing .cossad-cost-error {
  grid-column: 1 / -1;
  margin: 0;
  font-size: 11px;
  line-height: 1.6;
}

.ef-landing .cossad-cost-input-hint {
  color: var(--ef-ink-muted);
}

.ef-landing .cossad-cost-error {
  color: var(--ef-negative, #b91c1c);
}

.cossad-cost-result-announcement {
  clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.cossad-cost-cards {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  margin-top: 36px;
  display: grid;
}

.cossad-cost-cards > article {
  border: 1px solid var(--ef-border);
  background: #fafbfe;
  border-radius: 18px;
  flex-direction: column;
  min-width: 0;
  padding: 28px;
  display: flex;
}

.cossad-cost-label {
  color: var(--ef-ink-muted);
  align-items: center;
  gap: 8px;
  font-size: 13px;
  line-height: 1.5;
  display: flex;
}

.ef-landing .cossad-cost-stat {
  color: var(--ef-ink);
  letter-spacing: -.055em;
  font-variant-numeric: tabular-nums;
  margin-top: 18px;
  font-size: clamp(30px, 4.3vw, 60px);
  font-weight: 500;
  line-height: 1.1;
}

.cossad-cost-stat > span {
  margin-left: 2px;
  font-size: .64em;
}

.ef-landing .cossad-cost-description {
  max-width: 42ch;
  min-height: 44px;
  color: var(--ef-ink-muted);
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.6;
}

.ef-landing .cossad-cost-range-caption {
  color: var(--ef-ink-muted);
  margin-top: 10px;
  font-size: 11px;
  line-height: 1.6;
}

.cossad-cost-figure {
  border-top: 1px solid #e6eaf2;
  margin: 26px 0 0;
  padding-top: 22px;
}

.cossad-cost-chart-heading {
  color: var(--ef-ink-muted);
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  font-size: 12px;
  line-height: 1.5;
  display: flex;
}

.cossad-cost-chart-heading > span:first-child {
  color: var(--ef-ink);
  font-weight: 500;
}

.cossad-cost-chart-heading > span:last-child {
  flex-shrink: 0;
  font-size: 11px;
}

.cossad-cost-figure svg {
  width: 100%;
  height: auto;
  margin-top: 4px;
  display: block;
  overflow: visible;
}

.cossad-cost-figure svg text {
  fill: #636b7a;
  font-variant-numeric: tabular-nums;
  font-family: inherit;
  font-size: 12px;
}

.cossad-cost-figure svg .cossad-cost-end-label {
  fill: #2440d6;
  font-weight: 500;
}

.cossad-cost-grid {
  stroke: #e2e7f0;
  stroke-width: 1px;
  vector-effect: non-scaling-stroke;
}

.cossad-cost-figure figcaption {
  min-height: 51px;
  color: var(--ef-ink-muted);
  font-size: 11px;
  line-height: 1.55;
}

.cossad-cost-source {
  color: var(--ef-ink-muted);
  border-top: 1px solid #e6eaf2;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-top: auto;
  padding-top: 16px;
  font-size: 11px;
  line-height: 1.6;
  text-decoration: none;
  display: flex;
}

.cossad-cost-source > svg {
  flex-shrink: 0;
  margin-top: 2px;
}

.ef-landing .cossad-cost-context {
  color: var(--ef-ink-muted);
  margin-top: 18px;
  font-size: 11px;
  line-height: 1.6;
}

.cossad-cost-legend {
  color: var(--ef-ink-muted);
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 18px;
  margin: 2px 0 18px;
  font-size: 11px;
  line-height: 1.6;
  display: flex;
}

.cossad-cost-legend span {
  align-items: center;
  gap: 7px;
  display: inline-flex;
}

.cossad-cost-legend i {
  flex-shrink: 0;
  width: 18px;
  display: inline-block;
}

.cossad-cost-legend-line {
  background: #2440d6;
  border-radius: 2px;
  height: 3px;
}

.cossad-cost-legend-band {
  background: #dadff9;
  border-radius: 2px;
  height: 9px;
}

.cossad-cost-waste-visual {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  min-height: 0;
  display: grid;
}

.cossad-cost-figure svg .cossad-cost-donut-value {
  fill: #2440d6;
  letter-spacing: -.04em;
  font-size: 38px;
  font-weight: 500;
}

.cossad-cost-waste-example {
  min-width: 0;
  color: var(--ef-ink-muted);
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding-left: 12px;
  font-size: 11px;
  line-height: 1.6;
  display: flex;
}

.cossad-cost-waste-example strong {
  overflow-wrap: anywhere;
  max-width: 100%;
  color: var(--ef-ink);
  letter-spacing: -.04em;
  font-variant-numeric: tabular-nums;
  font-size: clamp(22px, 2.6vw, 36px);
  font-weight: 500;
}

.cossad-cost-waste-visual + figcaption {
  margin: 18px 0;
}

.cossad-cost-chart-empty {
  min-height: 290px;
  color: var(--ef-ink-muted);
  align-content: center;
  font-size: 13px;
  line-height: 1.6;
  display: grid;
}

.cossad-cost-next-step {
  border-top: 1px solid var(--ef-border);
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  margin-top: 28px;
  padding-top: 24px;
  display: flex;
}

.ef-landing .cossad-cost-next-step h3 {
  letter-spacing: -.02em;
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}

.ef-landing .cossad-cost-next-step p {
  max-width: 65ch;
  color: var(--ef-ink-muted);
  margin: 6px 0 0;
  font-size: 13px;
  line-height: 1.6;
}

.cossad-cost-next-step .btn {
  flex-shrink: 0;
  min-height: 44px;
}

@media (prefers-reduced-motion: no-preference) {
  [data-reveal-state="running"] .cossad-cost-draw-line {
    animation: cossad-cost-draw var(--ef-motion-hero) var(--ef-ease-out) both;
  }

  [data-reveal-state="running"] .cossad-cost-waste-arc {
    animation: cossad-cost-arc var(--ef-motion-hero) var(--ef-ease-out) both;
  }

  .cossad-cost-range circle {
    transition: cy var(--ef-motion-ui) var(--ef-ease-standard);
  }
}

@keyframes cossad-cost-draw {
  from {
    stroke-dasharray: 1;
    stroke-dashoffset: 1px;
  }

  to {
    stroke-dasharray: 1;
    stroke-dashoffset: 0;
  }
}

@keyframes cossad-cost-arc {
  from {
    stroke-dasharray: 0 100;
  }

  to {
    stroke-dasharray: 8 92;
  }
}

@media (max-width: 1023px) {
  .cossad-cost-inputs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cossad-cost-period {
    grid-column: 1 / -1;
  }

  .cossad-cost-figure svg text {
    font-size: 20px;
  }

  .cossad-cost-waste-visual {
    grid-template-columns: minmax(0, 1fr);
  }

  .cossad-cost-waste-visual svg {
    justify-self: center;
    max-width: 220px;
  }

  .cossad-cost-waste-example {
    gap: 4px;
    padding: 0 0 12px;
  }

  .cossad-cost-cards > article {
    padding: 24px;
  }
}

@media (max-width: 639px) {
  .cossad-inventory-cost {
    padding-top: 48px;
    padding-bottom: 32px;
  }

  .cossad-cost-inputs {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    margin-top: 24px;
  }

  .cossad-cost-period {
    grid-column: auto;
  }

  .cossad-cost-cards {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
    margin-top: 28px;
  }

  .cossad-cost-cards > article {
    padding: 22px 20px;
  }

  .cossad-cost-chart-heading {
    font-size: 11px;
  }

  .cossad-cost-range text {
    font-size: 19px;
  }

  .cossad-cost-figure svg.cossad-cost-donut text {
    font-size: 13px;
  }

  .cossad-cost-figure svg.cossad-cost-donut .cossad-cost-donut-value {
    font-size: 38px;
  }

  .cossad-cost-next-step {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .cossad-cost-figure figcaption {
    min-height: 0;
  }
}