/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, vendor, components, utilities;
@layer theme {
  :root, :host {
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --font-weight-bold: 600;
    --spacing-3xs: 0.375rem;
    --spacing-2xs: clamp(0.375rem, calc(0.331rem + 0.1878vw), 0.5rem);
    --spacing-xs: clamp(0.5rem, calc(0.412rem + 0.3756vw), 0.75rem);
    --spacing-sm: clamp(0.75rem, calc(0.662rem + 0.3756vw), 1rem);
    --spacing-md: clamp(1rem, calc(0.8239rem + 0.7512vw), 1.5rem);
    --spacing-lg: clamp(1.375rem, calc(1.1549rem + 0.939vw), 2rem);
    --spacing-xl: clamp(1.75rem, calc(1.4859rem + 1.1268vw), 2.5rem);
    --spacing-2xl: clamp(2.125rem, calc(1.8169rem + 1.3146vw), 3rem);
    --spacing-3xl: clamp(2.625rem, calc(2.3169rem + 1.3146vw), 3.5rem);
    --color-primary: var(--color-purple-70);
    --color-primary-gradient-end: var(--color-purple-60);
    --color-on-primary: var(--color-purple-5);
    --color-primary-container: var(--color-purple-15);
    --color-on-primary-container: var(--color-purple-75);
    --color-secondary: var(--color-deep-blue-30);
    --color-on-secondary: var(--color-deep-blue-70);
    --color-secondary-container: var(--color-deep-blue-15);
    --color-on-secondary-container: var(--color-deep-blue-70);
    --color-tertiary: var(--color-lime-70);
    --color-on-tertiary: var(--color-deep-blue-10);
    --color-tertiary-container: var(--color-lime-10);
    --color-on-tertiary-container: var(--color-lime-75);
    --color-surface: var(--color-deep-blue-5);
    --color-on-surface: var(--color-deep-blue-97);
    --color-surface-container-low: var(--color-deep-blue-5);
    --color-surface-container: var(--color-deep-blue-10);
    --color-surface-container-high: var(--color-deep-blue-15);
    --color-surface-container-highest: var(--color-deep-blue-20);
    --color-outline: var(--color-deep-blue-25);
    --color-on-surface-highlight: var(--color-lime-70);
    --color-on-surface-variant: var(--color-deep-blue-60);
    --color-outline-variant: var(--color-deep-blue-50);
    --color-on-secondary-variant: var(--color-deep-blue-97);
    --color-outline-gradient-start: var(--color-deep-blue-25);
    --color-outline-gradient-end: var(--color-deep-blue-15);
    --color-outline-primary-start: var(--color-purple-70);
    --color-outline-primary-end: var(--color-purple-55);
    --color-outline-gradient-highlight-start: var(--color-lime-70);
    --color-outline-gradient-highlight-end: var(--color-deep-blue-25);
    --color-outline-secondary: var(--color-deep-blue-60);
    --color-outline-highlight: var(--color-lime-70);
    --color-primary-accent: var(--color-purple-20);
    --color-states-pending: var(--color-turquoise-20);
    --color-states-on-pending: var(--color-turquoise-70);
    --color-states-pending-container: var(--color-turquoise-10);
    --color-states-on-pending-container: var(--color-turquoise-70);
    --color-states-pending-outline: var(--color-turquoise-40);
    --color-states-draft: var(--color-pink-20);
    --color-states-on-draft: var(--color-pink-70);
    --color-states-draft-container: var(--color-pink-10);
    --color-states-on-draft-container: var(--color-pink-70);
    --color-states-draft-outline: var(--color-pink-40);
    --color-states-error: var(--color-red-20);
    --color-states-on-error: var(--color-red-70);
    --color-states-error-container: var(--color-red-10);
    --color-states-on-error-container: var(--color-red-70);
    --color-states-error-outline: var(--color-red-40);
    --color-states-attention: var(--color-orange-20);
    --color-states-on-attention: var(--color-orange-70);
    --color-states-attention-container: var(--color-orange-10);
    --color-states-on-attention-container: var(--color-orange-70);
    --color-states-attention-outline: var(--color-orange-40);
    --color-states-success: var(--color-green-20);
    --color-states-on-success: var(--color-green-70);
    --color-states-success-container: var(--color-green-10);
    --color-states-on-success-container: var(--color-green-70);
    --color-states-success-outline: var(--color-green-40);
    --color-states-info: var(--color-blue-20);
    --color-states-on-info: var(--color-blue-70);
    --color-states-info-container: var(--color-blue-10);
    --color-states-on-info-container: var(--color-blue-70);
    --color-states-info-outline: var(--color-blue-40);
    --color-muted: var(--color-on-surface-variant);
    --color-subtle: var(--color-outline-variant);
    --color-error: var(--color-states-on-error);
    --color-success: var(--color-states-on-success);
  }
  :root {
    --color-deep-blue-5: #060914;
    --color-deep-blue-10: #0e1425;
    --color-deep-blue-15: #131c34;
    --color-deep-blue-20: #1b2646;
    --color-deep-blue-25: #213059;
    --color-deep-blue-30: #313f67;
    --color-deep-blue-40: #435889;
    --color-deep-blue-50: #5c6e99;
    --color-deep-blue-60: #7b8eb7;
    --color-deep-blue-70: #9aacd6;
    --color-deep-blue-97: #f5f7f8;
    --color-purple-5: #080713;
    --color-purple-15: #161334;
    --color-purple-20: #2f1f51;
    --color-purple-55: #843cdd;
    --color-purple-60: #914be7;
    --color-purple-70: #a75fff;
    --color-purple-75: #b980ff;
    --color-pink-10: #270934;
    --color-pink-20: #401254;
    --color-pink-40: #763d8f;
    --color-pink-70: #cc85eb;
    --color-lime-5: #090b05;
    --color-lime-10: #1c1e15;
    --color-lime-70: #d5f379;
    --color-lime-75: #ddf593;
    --color-turquoise-10: #0e2f2d;
    --color-turquoise-20: #174f4a;
    --color-turquoise-40: #38948d;
    --color-turquoise-70: #75d7d0;
    --color-blue-10: #02153b;
    --color-blue-20: #112a5f;
    --color-blue-40: #2950a3;
    --color-blue-70: #6699ff;
    --color-red-10: #380506;
    --color-red-20: #541213;
    --color-red-40: #993335;
    --color-red-70: #f37274;
    --color-orange-10: #361b02;
    --color-orange-20: #5c320a;
    --color-orange-40: #aa6422;
    --color-orange-70: #f8b16e;
    --color-green-10: #0f2e1e;
    --color-green-20: #125431;
    --color-green-40: #389463;
    --color-green-70: #79d2a3;
    --border-radius-small-inner: 0.25rem;
    --border-radius-small: 0.375rem;
    --border-radius-medium: 0.75rem;
    --border-radius-large: 1rem;
    --border-radius-extra-large: 1.5rem;
    --border-radius-rounded: 31.25rem;
    --border-width-default: 1px;
    --border-width-bold: 2px;
    --icon-size-xs: 1rem;
    --icon-size-sm: 1.25rem;
    --icon-size-md: 1.5rem;
    --icon-size-lg: 2rem;
    --icon-size-xl: 2.5rem;
    --icon-strokewidth-xs: 1.17px;
    --icon-strokewidth-sm: 1.5px;
    --icon-strokewidth-md: 2px;
    --avatar-size-xs: 1.5rem;
    --avatar-size-sm: 2.25rem;
    --avatar-size-md: 2.5rem;
    --avatar-size-lg: 3rem;
    --avatar-size-xl: 5rem;
    --button-size-xs: 1.5rem;
    --button-size-sm: 2rem;
    --button-size-md: 3rem;
    --button-size-lg: 3.5rem;
    --button-size-xl: 4rem;
    --button-size-2xl: 5rem;
    --dot-size-sm: 0.75rem;
    --touch-target-sm: 2.5rem;
    --touch-target-md: 3rem;
    --transition-fast: 150ms;
    --transition-base: 300ms;
    --transition-easing: ease-in-out;
  }
}
@layer base {
  html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
  }
  body {
    margin: 0;
  }
  h1, h2, h3, p {
    margin: 0;
  }
  hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
  }
  pre {
    font-family: monospace, monospace;
    font-size: 1em;
  }
  a {
    background-color: transparent;
  }
  abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  img {
    border-style: none;
  }
  button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
  }
  button, input {
    overflow: visible;
  }
  button {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: normal;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    &::-moz-focus-inner {
      border: 0;
      padding: 0;
    }
  }
  button, select {
    text-transform: none;
  }
  button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
  }
  button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }
  fieldset {
    padding: 0.35em 0.75em 0.625em;
  }
  legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
  }
  progress {
    vertical-align: baseline;
  }
  textarea {
    overflow: auto;
  }
  [type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0;
  }
  [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }
  [type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
  }
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  input[type="submit"] {
    border: none;
  }
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
  }
  details {
    display: block;
  }
  summary {
    display: list-item;
  }
  template {
    display: none;
  }
  [hidden] {
    display: none;
  }
  ul:where([role="list"]), ol:where([role="list"]) {
    list-style-type: none;
    padding: 0;
  }
  @media (prefers-reduced-motion: reduce) {
    html:focus-within {
      scroll-behavior: auto;
    }
    *, *:before, *:after {
      animation-duration: 0.01s !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01s !important;
      scroll-behavior: auto !important;
    }
  }
  *, *::before, *::after, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.5;
  }
  body {
    font-family: var(--fonts-family-default);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--color-on-surface);
    background: var(--color-surface);
    min-height: 100vh;
  }
  img, svg, video, canvas {
    display: block;
    max-width: 100%;
  }
  input, button, textarea, select {
    font: inherit;
    color: inherit;
  }
  input:-internal-autofill-selected, input[data-com-onepassword-filled="light"], input[data-com-onepassword-filled="dark"], input[data-com-onepassword-filled="light-branded"], input[data-com-onepassword-filled="dark-branded"] {
    box-shadow: 0 0 0 1000px var(--color-surface-container-highest) inset !important;
    -webkit-text-fill-color: var(--color-on-surface) !important;
  }
  button {
    cursor: pointer;
  }
  a {
    color: inherit;
    text-decoration: inherit;
  }
  table {
    border-collapse: collapse;
    width: 100%;
  }
  dialog {
    padding: 0;
    border: none;
  }
  ul, ol {
    list-style: none;
  }
}
@layer vendor {
  .trix-content {
    border: 1px solid var(--rhino-border-color);
    border-radius: 0px 0px var(--rhino-border-radius) var(--rhino-border-radius);
    margin: 0;
    padding: 0.4em 0.6em;
    min-height: 200px;
    outline: transparent;
    overflow-wrap: break-word;
    word-break: break-word;
  }
  .trix-content[contenteditable=true] {
    white-space: pre-wrap;
  }
  .trix-content:is(:focus, :focus-within) {
    border-color: var(--rhino-button-active-border-color);
  }
  .trix-content :is(img, svg, figure) {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
  }
  .trix-content :is(figure, p) {
    padding: 0;
    margin: 0;
  }
  .trix-content figure {
    position: relative;
  }
  .trix-content figcaption {
    line-break: anywhere;
    display: inline-block;
    white-space: normal;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    color: inherit;
    text-align: center;
    vertical-align: top;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .trix-content[contenteditable=true] figcaption {
    white-space: break-spaces;
  }
  .trix-content .rhino-upload-error {
    background-color: rgba(255, 0, 0, 0.3);
  }
  .trix-content:not([readonly]) .attachment--preview:is(:focus-within, :focus, .has-focus) :is(img) {
    outline: transparent;
    box-shadow: var(--rhino-focus-ring);
  }
  .trix-content:not([readonly]) .attachment:not(.attachment--preview):is(:focus-within, :focus, .has-focus) {
    outline: transparent;
    box-shadow: var(--rhino-focus-ring);
  }
  .rhino-attachment-editor::part(delete-button), .rhino-attachment-editor::part(file-metadata) {
    display: none;
  }
  .trix-content:not([readonly]) figure:is(:focus-within, :focus, .has-focus) .rhino-attachment-editor::part(delete-button), .trix-content:not([readonly]) figure:is(:focus-within, :focus, .has-focus) .rhino-attachment-editor::part(file-metadata) {
    display: flex;
  }
  .trix-content .placeholder {
    position: absolute;
    pointer-events: none;
    color: var(--rhino-placeholder-text-color);
    color: light-dark(var(--rhino-placeholder-text-color), var(--rhino-dark-placeholder-text-color));
    cursor: text;
    content: "";
  }
  .trix-content figure.attachment figcaption {
    position: relative;
  }
  .trix-content p.is-editor-empty:first-child::before, .trix-content figure[data-trix-attachment].has-focus figcaption.is-empty::before {
    color: var(--rhino-placeholder-text-color);
    color: light-dark(var(--rhino-placeholder-text-color), var(--rhino-dark-placeholder-text-color));
    content: attr(data-placeholder);
    pointer-events: none;
  }
  .trix-content figure[data-trix-attachment]:not(.has-focus) figcaption.is-empty::before {
    content: attr(data-default-caption);
    pointer-events: none;
  }
  .trix-content ul {
    list-style: disc;
  }
  .trix-content ol {
    list-style-type: decimal;
  }
  .trix-content figure[data-trix-attachment].has-focus figcaption.is-empty::before {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0%);
  }
  .trix-content p.is-editor-empty:first-child::before {
    float: left;
    height: 0;
    pointer-events: none;
  }
  .trix-content {
    box-sizing: border-box;
  }
  .trix-content * {
    box-sizing: inherit;
    margin: 0;
    padding: 0;
  }
  .trix-content h1 {
    font-size: 1.2em;
    line-height: 1.2;
  }
  .trix-content blockquote {
    border: 0 solid #ccc;
    border-inline-start-width: 0.3em;
    margin-inline-start: 0.3em;
    padding-inline-start: 0.6em;
  }
  .trix-content li {
    margin-inline-start: 1em;
  }
  .trix-content :not(pre) code {
    background-color: #eee;
    border-radius: 2px;
    padding: 2px;
    margin: 0 1px;
    border: 1px solid rgba(192, 192, 192, 0.5);
    display: inline;
  }
  .trix-content code, .trix-content pre {
    box-decoration-break: clone;
  }
  .trix-content pre {
    display: block;
    width: 100%;
    font-family: monospace;
    padding: 0.5em;
    white-space: pre;
    overflow-x: auto;
    background-color: #eee;
    font-size: 0.9em;
  }
  .trix-content img {
    max-width: 100%;
    height: auto;
  }
  .trix-content .attachment {
    display: block;
    position: relative;
    max-width: 100%;
  }
  .trix-content .attachment figcaption a, .trix-content .attachment figcaption a:hover {
    color: LinkText;
  }
  .trix-content .attachment figcaption a:visited, .trix-content .attachment figcaption a:hover:visited {
    color: VisitedText;
  }
  .trix-content .attachment__caption {
    text-align: center;
    margin-top: 0.5em;
  }
  .trix-content .attachment__caption .attachment__name + .attachment__size::before {
    content: " \b7  ";
  }
  .trix-content .attachment--preview {
    width: 100%;
    text-align: center;
    margin: 0.6em 0;
  }
  .trix-content .attachment--preview .attachment__caption {
    color: #666;
    font-size: 0.9em;
    line-height: 1.2;
  }
  .trix-content .attachment.attachment--file {
    color: #333;
    line-height: 1;
    margin: 0 2px 2px 2px;
    padding: 0.4em 1em;
    border: 1px solid var(--rhino-border-color);
    border-radius: var(--rhino-border-radius);
  }
  .trix-content .attachment-gallery {
    display: flex;
    flex-wrap: wrap;
    position: relative;
  }
  .trix-content figure.attachment {
    display: inline-block;
    position: relative;
    white-space: normal;
  }
  .trix-content .attachment-gallery > p {
    width: 0px;
    padding: 0;
    flex-basis: 0%;
    max-width: 0%;
    flex-shrink: 1;
    flex-grow: 0;
  }
  .trix-content .attachment-gallery .attachment {
    flex: 1 0 100%;
    padding: 0 0.5em;
    max-width: 100%;
    white-space: normal;
  }
  .trix-content .attachment-gallery > :is(.attachment--preview, action-text-attachment[previewable=true]) {
    flex: 1 0 33%;
    padding: 0 0.5em;
    max-width: 33%;
    white-space: normal;
  }
  .trix-content .attachment-gallery > :is(.attachment, action-text-attachment):first-of-type:nth-last-of-type(1) ~ :is(.attachment, action-text-attachment), .trix-content .attachment-gallery > :is(.attachment, action-text-attachment):first-of-type:nth-last-of-type(1) {
    padding: 0;
    flex-basis: 100%;
    max-width: 100%;
  }
  .attachment-gallery > :is(.attachment--preview, action-text-attachment[previewable=true]):first-of-type:nth-last-of-type(2), .attachment-gallery > :is(.attachment--preview, action-text-attachment[previewable=true]):first-of-type:nth-last-of-type(2) ~ :is(.attachment--preview, action-text-attachment[previewable=true]), .attachment-gallery > :is(.attachment--preview, action-text-attachment[previewable=true]):first-of-type:nth-last-of-type(4), .attachment-gallery > :is(.attachment--preview, action-text-attachment[previewable=true]):first-of-type:nth-last-of-type(4) ~ :is(.attachment--preview, action-text-attachment[previewable=true]) {
    flex-basis: 50%;
    max-width: 50%;
  }
  .trix-content .attachment-gallery.attachment-gallery--2 action-text-attachment > .attachment, .trix-content .attachment-gallery.attachment-gallery--4 action-text-attachment > .attachment, .trix-content .attachment-gallery action-text-attachment > .attachment {
    max-width: 100%;
  }
  :host, .trix-content {
    --rhino-focus-ring: 0px 0px 1px 1px var(--rhino-button-active-border-color);
    --rhino-border-radius: 4px;
    --rhino-danger-border-color: red;
    --rhino-danger-background-color: #ffdddd;
    --rhino-text-color: #374151;
    --rhino-dark-text-color: white;
    --rhino-border-color: #cecece;
    --rhino-placeholder-text-color: #cecece;
    --rhino-dark-placeholder-text-color: gray;
    --rhino-button-text-color: #889;
    --rhino-button-dark-text-color: #eee;
    --rhino-button-border-color: #cecece;
    --rhino-button-disabled-text-color: #d1d5db;
    --rhino-button-disabled-border-color: #d1d5db;
    --rhino-button-disabled-background-color: #d1d5db;
    --rhino-button-active-border-color: #005a9c;
    --rhino-button-active-background-color: rgb(226 239 255);
    --rhino-toolbar-text-color: hsl(219, 6%, 43%);
    --rhino-toolbar-icon-size: 1em;
    --rhino-dialog-border-color: hsl( var(--rhino-button-focus-background-color-hsl) / 50% );
    --rhino-button-focus-background-color: hsl( var(--rhino-button-focus-background-color-hsl) );
    --rhino-button-focus-background-color-hsl: 219 26% 95%;
    --rhino-fake-selection-color: rgb(220, 220, 220);
    display: block;
    color: var(--rhino-text-color);
    color: light-dark(var(--rhino-text-color), var(--rhino-dark-text-color));
  }
  @keyframes rhino-blink {
    49% {
      border-color: unset;
    }
    50% {
      border-color: Canvas;
    }
    99% {
      border-color: Canvas;
    }
  }
  .rhino-editor .no-cursor {
    caret-color: transparent;
  }
  :where(.rhino-editor) .fake-cursor {
    margin: 0;
    padding: 0;
    margin-right: -1px;
    border-left-width: 1px;
    border-left-style: solid;
    animation: rhino-blink 1s;
    animation-iteration-count: infinite;
    position: relative;
    z-index: 1;
  }
  :where(.rhino-editor .ProseMirror):not(:focus-within) .rhino-selection {
    background: var(--rhino-fake-selection-color);
  }
  .ProseMirror-separator {
    display: none !important;
  }
  .rhino-toolbar-button {
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid var(--rhino-border-color);
    border-radius: var(--rhino-border-radius);
    padding: 0.4em;
    color: var(--rhino-button-text-color);
    color: light-dark(var(--rhino-button-text-color), var(--rhino-button-dark-text-color));
    background: Canvas;
    font-size: inherit;
    display: inline-grid;
  }
  .rhino-toolbar-button:is([aria-disabled=true], :disabled) {
    color: var(--rhino-button-disabled-text-color);
    border-color: var(--rhino-button-disabled-border-color);
  }
  .rhino-toolbar-button[aria-disabled=true]:focus {
    border-color: var(--rhino-button-disabled-border-color);
  }
  .rhino-toolbar-button svg {
    min-height: var(--rhino-toolbar-icon-size);
    min-width: var(--rhino-toolbar-icon-size);
    max-height: var(--rhino-toolbar-icon-size);
    max-width: var(--rhino-toolbar-icon-size);
  }
  .rhino-toolbar-button:is(:focus, :hover):not([aria-disabled=true], :disabled) {
    outline: transparent;
    border-color: var(--rhino-button-active-border-color);
  }
  .rhino-toolbar-button:is(:focus):not([aria-disabled=true], :disabled) {
    box-shadow: var(--rhino-focus-ring);
  }
  .rhino-toolbar-button:is(:hover):not([aria-disabled=true], :disabled, [aria-pressed=true], [part~=toolbar__button--active]) {
    background-color: var(--rhino-button-focus-background-color);
    background-color: light-dark(var(--rhino-button-focus-background-color), gray);
  }
  .rhino-toolbar-button:is([aria-disabled=true], :disabled):not([part~=toolbar__button--active]) {
    color: var(--rhino-button-disabled-text-color);
    color: light-dark(var(--rhino-button-disabled-text-color), gray);
    border-color: var(--rhino-button-disabled-border-color);
  }
  .rhino-toolbar-button:is(:focus, :hover):is([aria-disabled=true], :disabled):not([part~=toolbar__button--active]) {
    outline: transparent;
    color: var(--rhino-button-disabled-text-color);
    color: light-dark(var(--rhino-button-disabled-text-color), gray);
    border-color: var(--rhino-button-disabled-border-color);
    box-shadow: 0 0 0 1px var(--rhino-button-disabled-border-color);
    box-shadow: 0 0 0 1px light-dark(var(--rhino-button-disabled-border-color), transparent);
  }
}
@layer components {
  @font-face {
    font-family: "Clash Grotesk";
    src: url("/fonts/ClashGrotesk-Variable.ttf") format("truetype");
    font-weight: 200 700;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Freight";
    src: url("/fonts/Freight-Text-Black.otf") format("opentype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
  }
  :root {
    --text-step-2xs: clamp(0.75rem, calc(0.706rem + 0.1878vw), 0.875rem);
    --text-step-xs: clamp(0.875rem, calc(0.831rem + 0.1878vw), 1rem);
    --text-step-sm: clamp(1rem, calc(0.912rem + 0.3756vw), 1.25rem);
    --text-step-md: clamp(1.125rem, calc(0.9929rem + 0.5634vw), 1.5rem);
    --text-step-lg: clamp(1.5rem, calc(1.3239rem + 0.7512vw), 2rem);
    --text-step-xl: clamp(1.875rem, calc(1.6549rem + 0.939vw), 2.5rem);
    --text-step-2xl: clamp(2.25rem, calc(1.9859rem + 1.1268vw), 3rem);
    --fonts-family-default: "Geist", sans-serif;
    --fonts-family-display: "Clash Grotesk", sans-serif;
    --weight-black: 900;
    --weight-bold: 600;
    --weight-default: 400;
    --weight-medium: 500;
    --line-height-default: 1.3;
    --line-height-small: 1.1;
    --line-height-display: 1;
  }
  .display--large {
    font-family: var(--fonts-family-display);
    font-weight: var(--weight-black);
    line-height: var(--line-height-display);
    font-size: var(--text-step-2xl);
  }
  .display--medium {
    font-family: var(--fonts-family-display);
    font-weight: var(--weight-black);
    line-height: var(--line-height-display);
    font-size: var(--text-step-xl);
  }
  .display--small {
    font-family: var(--fonts-family-display);
    font-weight: var(--weight-black);
    line-height: var(--line-height-display);
    font-size: var(--text-step-lg);
  }
  .headline--large {
    font-weight: var(--weight-bold);
    line-height: var(--line-height-small);
    font-size: var(--text-step-lg);
  }
  .headline--medium {
    font-weight: var(--weight-bold);
    line-height: var(--line-height-small);
    font-size: var(--text-step-md);
  }
  .headline--small {
    font-weight: var(--weight-bold);
    line-height: var(--line-height-small);
    font-size: var(--text-step-sm);
  }
  .body--large {
    font-size: var(--text-step-sm);
    font-weight: var(--weight-default);
    line-height: var(--line-height-default);
  }
  .body--medium {
    font-size: var(--text-step-xs);
    font-weight: var(--weight-default);
    line-height: var(--line-height-default);
  }
  .body--small {
    font-size: var(--text-step-2xs);
    font-weight: var(--weight-default);
    line-height: var(--line-height-default);
  }
  .body--large-bold {
    font-size: var(--text-step-sm);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-default);
  }
  .body--medium-bold {
    font-size: var(--text-step-xs);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-default);
  }
  .body--small-bold {
    font-size: var(--text-step-2xs);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-default);
  }
  .body--large-underline {
    font-size: var(--text-step-sm);
    font-weight: var(--weight-default);
    line-height: var(--line-height-default);
    text-decoration: underline;
  }
  .body--medium-underline {
    font-size: var(--text-step-xs);
    font-weight: var(--weight-default);
    line-height: var(--line-height-default);
    text-decoration: underline;
  }
  .body--small-underline {
    font-size: var(--text-step-2xs);
    font-weight: var(--weight-default);
    line-height: var(--line-height-default);
    text-decoration: underline;
  }
  .label--large {
    font-size: var(--text-step-sm);
    font-weight: var(--weight-medium);
    line-height: var(--line-height-display);
  }
  .label--medium {
    font-size: var(--text-step-xs);
    font-weight: var(--weight-medium);
    line-height: var(--line-height-display);
  }
  .label--small {
    font-size: var(--text-step-2xs);
    font-weight: var(--weight-medium);
    line-height: var(--line-height-display);
  }
  .title--small {
    font-size: var(--text-step-xs);
    font-family: var(--fonts-family-display);
    font-weight: var(--weight-black);
    line-height: var(--line-height-small);
  }
  .border-gradient {
    border: 1px solid transparent;
    background: linear-gradient( var(--border-gradient-bg, var(--color-surface-container)) 0 0 ) padding-box, linear-gradient( to var(--border-gradient-direction, right), var(--border-gradient-start, var(--color-outline-gradient-start)), var(--border-gradient-end, var(--color-outline-gradient-end)) ) border-box;
  }
  .border-gradient--high {
    --border-gradient-bg: var(--color-surface-container-high);
  }
  .border-gradient--highest {
    --border-gradient-bg: var(--color-surface-container-highest);
  }
  .border-gradient--primary {
    --border-gradient-start: var(--color-outline-primary-start);
    --border-gradient-end: var(--color-outline-primary-end);
  }
  .border-gradient--tertiary {
    --border-gradient-start: var(--color-outline-gradient-highlight-start);
    --border-gradient-end: var(--color-outline-gradient-highlight-end);
    --border-gradient-direction: bottom right;
  }
  .border-gradient--blue, .border-gradient--pink, .border-gradient--turquoise, .border-gradient--red, .border-gradient--orange, .border-gradient--green {
    --border-gradient-end: var(--color-outline-gradient-end);
    --border-gradient-direction: bottom right;
  }
  .border-gradient--blue {
    --border-gradient-start: var(--color-blue-40);
  }
  .border-gradient--pink {
    --border-gradient-start: var(--color-pink-40);
  }
  .border-gradient--turquoise {
    --border-gradient-start: var(--color-turquoise-40);
  }
  .border-gradient--red {
    --border-gradient-start: var(--color-red-40);
  }
  .border-gradient--orange {
    --border-gradient-start: var(--color-orange-40);
  }
  .border-gradient--green {
    --border-gradient-start: var(--color-green-40);
  }
  .form {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    max-width: 36rem;
    width: 100%;
    button {
      align-self: flex-start;
    }
  }
  .form__group {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    &[hidden] {
      display: none;
    }
  }
  .hint {
    display: block;
    font-size: var(--text-step-2xs);
    color: var(--color-on-surface-variant);
    margin-top: var(--spacing-3xs);
  }
  :root {
    --sidebar-width: 16.25rem;
  }
  .layout {
    display: grid;
    grid-template-columns: var(--sidebar-width) minmax(0, 1fr);
    grid-template-rows: 6rem;
    grid-template-areas: "sidebar topbar" "sidebar main";
    &::before {
      content: "";
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100dvh;
      z-index: -1;
      background-image: url("/assets/background-pattern-e55bd35d.svg");
      background-size: auto 100dvh;
      background-position: left top;
      background-repeat: no-repeat;
      mask-image: linear-gradient( to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 100% );
    }
  }
  .layout__topbar {
    grid-area: topbar;
    position: sticky;
    top: 0;
    z-index: 50;
    padding: var(--spacing-md);
    background: linear-gradient( to right, transparent 20%, var(--color-surface-container) );
  }
  .layout__sidebar {
    grid-area: sidebar;
    height: 100dvh;
    max-height: 100dvh;
  }
  .layout__logo {
    width: 100%;
    height: auto;
    max-height: 3.25rem;
  }
  .snake-tongue {
    transform: translateY(-0.75rem);
    opacity: 0;
    transition: transform 300ms ease-in-out, opacity 300ms ease-in;
  }
  .snake-eyes {
    opacity: 0;
    transition: opacity 300ms ease-in;
  }
  .easter-egg:hover .snake-tongue {
    transform: translateY(-0.25rem);
    opacity: 1;
  }
  .easter-egg:hover .snake-eyes {
    opacity: 1;
  }
  .layout__main {
    grid-area: main;
    position: relative;
    padding: var(--spacing-2xl);
  }
  .l-auth {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: var(--spacing-lg);
    position: relative;
  }
  .l-sidebar {
    display: flex;
    gap: var(--spacing-xl);
    align-items: flex-start;
  }
  .l-sidebar__nav {
    flex-shrink: 0;
    width: 16rem;
  }
  .l-sidebar__nav--hidden {
    visibility: hidden;
  }
  .l-sidebar__card {
    flex: 1;
    min-width: 0;
    max-width: 64rem;
    padding: var(--spacing-2xl);
    border-radius: var(--border-radius-large);
  }
  @media (max-width: 50em) {
    .l-sidebar {
      flex-direction: column;
    }
    .l-sidebar__nav {
      width: 100%;
    }
    .l-sidebar__nav--hidden {
      display: none;
    }
  }
  .l-fixed-top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
  }
  .l-auth--branded::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100dvh;
    z-index: -1;
    background-image: url("/assets/background-pattern-e55bd35d.svg");
    background-size: auto 100dvh;
    background-position: left top;
    background-repeat: no-repeat;
    mask-image: linear-gradient( to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 100% );
  }
  .l-auth__card-wrap {
    max-width: 30rem;
    width: 100%;
  }
  .l-auth__card-wrap--wide {
    max-width: 64rem;
  }
  .l-auth__logo {
    margin: 0 auto;
    width: 9.3125rem;
    height: auto;
  }
  .l-auth__page-footer {
    width: 100%;
    display: flex;
    gap: var(--spacing-md);
    justify-content: end;
    padding: var(--spacing-lg) var(--spacing-md);
  }
  .l-auth__page-footer a {
    color: var(--color-on-surface-variant);
    text-decoration: underline;
  }
  .info-box {
    padding: var(--spacing-md);
    border-radius: var(--border-radius-small);
    border: var(--border-width-default) solid var(--color-outline);
    background: var(--color-surface-container);
  }
  .info-box--warning {
    border-color: var(--color-states-attention);
    background: var(--color-states-attention);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix( in srgb, var(--color-states-attention) 10%, var(--color-surface) );
    }
  }
  .info-box--error {
    border-color: var(--color-states-error);
    background: var(--color-states-error);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix( in srgb, var(--color-states-error) 10%, var(--color-surface) );
    }
  }
  .mediadeck-upload {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-2xs);
    padding: var(--spacing-lg) var(--spacing-md);
    min-height: 8.75rem;
    border-radius: var(--border-radius-medium);
    border: 1px dashed var(--color-outline);
    background: var(--color-surface-container);
    cursor: pointer;
    text-align: center;
    transition: border-color var(--transition-fast), background-color var(--transition-fast);
  }
  .mediadeck-upload:hover, .mediadeck-upload:focus-within {
    border-color: var(--color-tertiary);
    background: var(--color-surface-container-high);
  }
  .mediadeck-upload--has-file {
    border-style: solid;
    border-color: var(--color-tertiary);
  }
  .mediadeck-upload__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-on-surface-variant);
  }
  .mediadeck-upload__title {
    font-weight: var(--weight-medium);
    color: var(--color-on-surface);
  }
  .mediadeck-upload__hint {
    font-size: var(--text-step-2xs);
    color: var(--color-on-surface-variant);
  }
  .mediadeck-processing {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--spacing-xl);
    padding: var(--spacing-lg) 0;
  }
  .mediadeck-processing__header {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2xs);
  }
  .mediadeck-processing__title {
    color: var(--color-on-surface);
  }
  .mediadeck-processing__subtitle {
    color: var(--color-on-surface-variant);
  }
  .mediadeck-processing__logo {
    width: 12rem;
    height: 12rem;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: mediadeck-processing-pulse 2.4s ease-in-out infinite;
  }
  .mediadeck-processing__logo svg {
    width: 55%;
    height: auto;
  }
  @keyframes mediadeck-processing-pulse {
    0%, 100% {
      transform: scale(1);
      opacity: 1;
    }
    50% {
      transform: scale(0.96);
      opacity: 0.85;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .mediadeck-processing__logo {
      animation: none;
    }
  }
  .mediadeck-processing__helper {
    color: var(--color-on-surface-variant);
    max-width: 32rem;
  }
  .mediadeck-upload--dragover {
    border-color: var(--color-tertiary);
    background: var(--color-surface-container-high);
  }
  .company-show {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2xl);
  }
  .company-show__back {
    margin-bottom: var(--spacing-sm);
  }
  .company-show__dimmable {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2xl);
  }
  .company-show--locked .company-show__dimmable {
    opacity: 0.5;
    pointer-events: none;
  }
  .company-show__status-banner .ui-alert {
    position: static;
    width: 100%;
    bottom: auto;
    right: auto;
  }
  .company-show__header {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(20rem, 100%), 1fr));
    gap: var(--spacing-xl);
    align-items: start;
  }
  .company-show__edit-profile {
    margin-top: var(--spacing-xs);
  }
  .company-show__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-xs);
    margin-bottom: var(--spacing-xs);
  }
  .company-show__contacts {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
  }
  .company-show__contacts-title {
    margin: 0;
    color: var(--color-on-surface-variant);
  }
  .company-show__contacts-list {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
  }
  .company-show__section {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
  }
  .company-show__requests {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
  }
  .company-show__rights-grid, .company-show__partnerships-grid {
    display: grid;
    gap: var(--spacing-md);
  }
  .company-show__rights-grid {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, max(16rem, calc(50% - (var(--spacing-md) / 2)))), 1fr));
  }
  .company-show__partnerships-grid {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, max(20rem, calc(50% - (var(--spacing-md) / 2)))), 1fr));
  }
  .company-show__see-all {
    text-align: center;
    margin-top: var(--spacing-sm);
    color: var(--color-on-surface);
  }
  .brand-show {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2xl);
  }
  .brand-show__section {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
  }
  .brand-show__section-title {
    margin: 0;
    color: var(--color-on-surface-variant);
  }
  .registration-show__header {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(20rem, 100%), 1fr));
    gap: var(--spacing-xl);
    align-items: start;
  }
  .demo-card {
    display: flex;
    max-width: 23.75rem;
    padding: var(--spacing-md);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-sm);
    border-radius: var(--border-radius-large);
    border: 1px solid var(--color-outline);
    background: var(--color-surface-container-high);
    position: absolute;
    inset-block-end: var(--spacing-md);
    inset-inline-end: var(--spacing-md);
    @media (max-width: 83.75em) {
      position: static;
      max-width: 30rem;
    }
  }
  .demo-card__headline {
    display: flex;
    gap: var(--spacing-2xs);
    align-items: center;
    svg {
      width: var(--icon-size-md);
      height: var(--icon-size-md);
    }
  }
  .feed-entry__logo {
    height: 1.5rem;
    width: auto;
    border-radius: var(--border-radius-rounded);
    object-fit: contain;
    flex-shrink: 0;
  }
  .feed-entry__actions {
    padding-top: var(--spacing-xs);
  }
  .feed-header {
    border: 1px solid var(--color-outline, #213059);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: var(--spacing-xs, 12px) var(--spacing-sm, 16px);
  }
  .feed-content {
    border-left: 1px solid var(--color-outline, #213059);
    border-right: 1px solid var(--color-outline, #213059);
    border-bottom: 1px solid var(--color-outline, #213059);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: var(--spacing-xs, 12px) var(--spacing-sm, 16px);
  }
  .feed-entry__body {
    font-size: var(--text-step-sm);
    font-weight: var(--weight-default);
    line-height: var(--line-height-default);
    color: var(--color-on-surface);
    overflow-wrap: break-word;
    word-break: break-word;
  }
  .feed-entry__body p {
    margin-bottom: var(--spacing-xs);
  }
  .feed-entry__body p:last-child {
    margin-bottom: 0;
  }
  .feed-entry__body strong {
    font-weight: var(--weight-bold);
  }
  .feed-entry__body em {
    font-style: italic;
  }
  .feed-entry__body a {
    color: var(--color-on-surface-highlight);
    text-decoration: underline;
  }
  .feed-entry__body h1 {
    font-family: var(--fonts-family-display);
    font-weight: var(--weight-bold);
    font-size: var(--text-step-lg);
    line-height: var(--line-height-small);
    margin-bottom: var(--spacing-xs);
  }
  .feed-entry__body ul, .feed-entry__body ol {
    padding-left: var(--spacing-md);
    margin-bottom: var(--spacing-xs);
  }
  .feed-entry__body ul {
    list-style: disc;
  }
  .feed-entry__body ol {
    list-style: decimal;
  }
  .feed-entry__body li {
    margin-bottom: var(--spacing-3xs);
  }
  .feed-entry__body blockquote {
    border-left: 3px solid var(--color-outline);
    margin-left: var(--spacing-xs);
    padding-left: var(--spacing-xs);
    color: var(--color-on-surface-variant);
  }
  .trix-content:not([contenteditable]) {
    border: none;
    border-radius: 0;
    padding: 0;
    min-height: unset;
  }
  .activities-list__items {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .activities-list__empty {
    padding-block: var(--spacing-sm);
  }
  .activities-list__load-all {
    display: block;
    border-block-start: var(--border-width-default) solid var(--color-outline-variant);
    padding-block-start: var(--spacing-md);
    text-align: center;
  }
  .activities-list-divider {
    display: block;
  }
  .activities-list-divider__rule {
    border: none;
    border-top: 1px solid var(--color-outline-variant);
    margin: 0;
  }
  .activities-list-item {
    padding-block: var(--spacing-md);
  }
  .activities-list-item__body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }
  .activities-list-item__right {
    flex-shrink: 0;
  }
  .activities-list-item__title-row {
    width: 100%;
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-2xs);
  }
  .activities-list-item__title {
    min-width: 0;
  }
  .activities-list-item__link {
    color: inherit;
    text-decoration: none;
  }
  .activities-list-item__link:hover {
    text-decoration: underline;
  }
  .activities-list-item__link:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
  }
  .activities-list-item__subtitle {
    margin: 0;
  }
  .activities-list-item__footer {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    margin-top: var(--spacing-2xs);
  }
  .activities-list-item__time {
    margin-inline-start: auto;
  }
  .activities-list-item--compact .activities-list-item__link {
    color: inherit;
    text-decoration: none;
  }
  .activities-list-item__link:hover {
    text-decoration: underline;
  }
  .activities-list-item__link:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
  }
  .activities-list-item__subtitle {
    color: var(--color-muted);
  }
  .app-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-sm);
    min-height: 6rem;
  }
  .app-header__actions {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    margin-inline-start: auto;
  }
  .app-header__profile {
    display: inline-flex;
    align-items: center;
  }
  .app-header-item {
    display: inline-flex;
  }
  .app-login-failure-dialog__icon {
    display: block;
    width: 5rem;
    height: auto;
  }
  .app-login-failure-dialog__title-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-sm);
    color: var(--color-on-surface);
  }
  .app-login-failure-dialog__display-title {
    color: var(--color-on-surface-highlight);
  }
  .app-login-failure-dialog__title-group-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-3xs);
  }
  .app-login-failure-dialog__description {
    max-width: 35.6875rem;
  }
  .app-main__state {
    --app-state-outline: var(--color-outline-gradient-start);
    --app-state-stop: 100%;
    --app-state-tint: transparent;
    border-radius: var(--border-radius-large) 0 0 0;
    border-block-start: var(--border-width-default) solid transparent;
    border-inline-start: var(--border-width-default) solid transparent;
    background: linear-gradient(135deg, var(--app-state-tint) 0%, transparent 50%) top left / 40rem 40rem no-repeat padding-box, linear-gradient(var(--color-surface-container) 0 0) padding-box, radial-gradient( circle at top left, var(--app-state-outline) 0%, var(--color-outline-gradient-end) var(--app-state-stop) ) border-box;
  }
  .app-main__state--blue {
    --app-state-outline: var(--color-blue-40);
    --app-state-tint: var(--color-blue-10);
    --app-state-stop: 50%;
  }
  .app-main__state--pink {
    --app-state-outline: var(--color-pink-40);
    --app-state-tint: var(--color-pink-10);
    --app-state-stop: 50%;
  }
  .app-main__state--turquoise {
    --app-state-outline: var(--color-turquoise-40);
    --app-state-tint: var(--color-turquoise-10);
    --app-state-stop: 50%;
  }
  .app-main__state--red {
    --app-state-outline: var(--color-red-40);
    --app-state-tint: var(--color-red-10);
    --app-state-stop: 50%;
  }
  .app-main__state--orange {
    --app-state-outline: var(--color-orange-40);
    --app-state-tint: var(--color-orange-10);
    --app-state-stop: 50%;
  }
  .app-main__state--green {
    --app-state-outline: var(--color-green-40);
    --app-state-tint: var(--color-green-10);
    --app-state-stop: 50%;
  }
  .app-main__state > .ui-badge-corner {
    top: calc(var(--border-width-default) * -1);
    left: calc(var(--border-width-default) * -1);
    border-top-left-radius: var(--border-radius-large);
  }
  .app-password-reset-dialog__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-lg);
  }
  .app-password-reset-dialog__form {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    width: 100%;
  }
  .app-settings-navigation {
    align-self: start;
  }
  .app-settings-navigation__list {
    display: flex;
    flex-direction: column;
  }
  .app-settings-navigation-item {
    display: block;
  }
  .app-settings-navigation-item__link {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
    padding-inline: var(--spacing-xs);
    height: 3rem;
    border-radius: var(--border-radius-small);
    color: var(--color-on-surface);
    font-size: var(--text-step-sm);
    line-height: var(--line-height-default);
    white-space: nowrap;
    border: 1px solid transparent;
    transition: background var(--transition-base) var(--transition-easing), color var(--transition-base) var(--transition-easing);
  }
  .app-settings-navigation-item__link:hover {
    background: var(--color-surface-container-highest);
    color: var(--color-on-surface);
  }
  .app-settings-navigation-item__link--active {
    background: var(--color-surface-container-high);
    color: var(--color-tertiary);
    border-color: var(--color-outline);
  }
  .app-settings-navigation-item__icon {
    width: var(--icon-size-sm);
    height: var(--icon-size-sm);
    flex-shrink: 0;
  }
  .app-settings-navigation-item__label {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .app-sidebar {
    padding-block: var(--spacing-md);
    padding-inline: var(--spacing-lg);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: sticky;
    top: 0;
    .app-sidebar__navigation {
      display: flex;
      flex-direction: column;
    }
  }
  .app-sidebar__footer .app-sidebar__footer-list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-sm);
  }
  .app-sidebar__footer .app-sidebar__footer-link {
    color: var(--color-on-surface-variant);
    padding-block: var(--spacing-sm);
  }
  .app-sidebar__footer .app-sidebar__footer-link:hover {
    text-decoration: underline;
  }
  .app-sidebar-item {
    display: flex;
  }
  .app-sidebar-item__link {
    --transform: 0.25rem;
    flex-grow: 1;
    display: flex;
    gap: var(--spacing-2xs);
    align-items: center;
    position: relative;
    padding-block: var(--spacing-xs);
    font-size: var(--text-step-sm);
    font-variation-settings: "wght" var(--weight-default);
    line-height: var(--line-height-default);
    transform: translateX(0);
    transition: font-variation-settings var(--transition-base) var(--transition-easing), color var(--transition-base) var(--transition-easing), transform var(--transition-base) var(--transition-easing);
    &::before {
      content: url("/assets/single-pattern-38aa7bc3.svg");
      position: absolute;
      inset-inline-start: 0;
      inset-block-start: 50%;
      transform: translate(calc(-50% - var(--transform)), -46%);
      z-index: -1;
      opacity: 0;
      transition: opacity var(--transition-fast) var(--transition-easing), transform var(--transition-fast) var(--transition-easing);
    }
    &:not(.app-sidebar-item__link--active):hover {
      font-variation-settings: "wght" var(--weight-bold);
      color: var(--color-primary);
      transform: translateX(var(--transform));
      &::before {
        opacity: 1;
        transform: translate(calc(-50% - var(--transform)), -46%);
        transition: opacity var(--transition-base) var(--transition-easing), transform var(--transition-base) var(--transition-easing);
      }
    }
  }
  .app-sidebar-item__link--small {
    align-items: center;
    gap: var(--spacing-2xs);
    font-size: var(--text-step-xs);
  }
  .app-sidebar-item__link--active {
    font-variation-settings: "wght" var(--weight-bold);
    color: var(--color-primary);
    &::before {
      opacity: 1;
      transform: translate(calc(-50%), -46%);
    }
  }
  .app-sidebar-item__counter {
    background-color: var(--color-tertiary);
    color: var(--color-on-tertiary);
    display: grid;
    place-items: center;
    border-radius: var(--border-radius-rounded);
    aspect-ratio: 1/1;
    line-height: var(--line-height-small);
    min-width: 1.5rem;
    height: 1.5rem;
  }
  .backyard-campaigns-row {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 3fr) minmax(0, 2fr) 10rem minmax(0, 2fr) auto;
    align-items: center;
    gap: var(--spacing-xs);
    padding: var(--spacing-md);
    border: var(--border-width-default) solid var(--color-outline);
    border-radius: var(--border-radius-large);
  }
  .backyard-campaigns-row__brand {
    display: flex;
    align-items: center;
    gap: var(--spacing-2xs);
    min-width: 0;
  }
  .backyard-campaigns-row__brand-name, .backyard-campaigns-row__name, .backyard-campaigns-row__text {
    color: var(--color-on-surface);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .backyard-campaigns-row__brand-name:hover, .backyard-campaigns-row__name:hover {
    text-decoration: underline;
  }
  .backyard-campaigns-row__status {
    display: flex;
  }
  .backyard-campaigns-row__buddy {
    min-width: 0;
  }
  .backyard-companies-comments-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--spacing-xs);
    min-height: 6.875rem;
    padding: var(--spacing-sm);
    background: var(--color-surface-container-high);
    border-radius: var(--border-radius-medium);
  }
  .backyard-companies-comments-card__content {
    padding-right: var(--spacing-xl);
    white-space: pre-line;
    overflow-wrap: anywhere;
  }
  .backyard-companies-comments-card__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-xs);
  }
  .backyard-companies-comments-card__date {
    color: var(--color-on-surface-variant);
  }
  .backyard-companies-comments-card__delete {
    position: absolute;
    top: var(--spacing-2xs);
    right: var(--spacing-2xs);
  }
  .backyard-companies-comments {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
  }
  .backyard-companies-comments__title {
    color: var(--color-on-surface-variant);
  }
  .backyard-companies-comments__items {
    display: flex;
    gap: var(--spacing-sm);
    overflow-x: auto;
    scroll-snap-type: x proximity;
    padding-block-end: var(--spacing-sm);
  }
  .backyard-companies-comments__items > * {
    flex: 0 0 17.5rem;
    scroll-snap-align: start;
  }
  .backyard-companies-comments__add {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-xs);
    min-height: 6.875rem;
    padding: var(--spacing-md);
    color: var(--color-on-surface-variant);
    background: var(--color-surface-container-high);
    border: var(--border-width-default) dashed var(--color-outline-secondary);
    border-radius: var(--border-radius-medium);
    cursor: pointer;
  }
  .backyard-companies-comments__add:hover {
    color: var(--color-on-surface);
  }
  .backyard-companies-comments__add-icon {
    width: var(--icon-size-xs);
    height: var(--icon-size-xs);
  }
  .backyard-companies-comments__form {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
  }
  .backyard-companies-members {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2xs);
  }
  .backyard-companies-members__item {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-xs) var(--spacing-sm);
    background: var(--color-surface-container);
    border: 1px solid var(--color-outline);
    border-radius: var(--border-radius-small);
  }
  .backyard-companies-members__info {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    flex-wrap: wrap;
  }
  .backyard-companies-members__email {
    font-size: var(--text-step-xs);
    font-weight: var(--weight-medium);
    color: var(--color-on-surface);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .backyard-companies-members__meta {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
    flex-wrap: wrap;
  }
  .backyard-companies-members__actions {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: var(--spacing-2xs);
    flex-shrink: 0;
  }
  .backyard-dashboard-employee-deal-volume-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-md);
    padding-block: var(--spacing-2xs);
  }
  .backyard-dashboard-employee-deal-volume-item__data {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-2xs);
    flex-shrink: 0;
  }
  .backyard-dashboard-employee-deal-volume-list__items {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .backyard-dashboard-employee-deal-volume-list__empty {
    padding-block: var(--spacing-sm);
  }
  .backyard-dashboard-employee-deal-volume-list__more {
    display: inline-flex;
    align-self: flex-start;
    padding: 0;
    margin-top: var(--spacing-sm);
    background: none;
    border: none;
    color: var(--color-primary);
    text-decoration: underline;
    text-underline-offset: 2px;
  }
  .backyard-dashboard-employee-deal-volume-list__more:hover {
    opacity: 0.8;
  }
  .backyard-dashboard-focus-topic-distribution-column__items {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .backyard-dashboard-focus-topic-distribution-column__empty {
    padding-block: var(--spacing-sm);
  }
  .backyard-dashboard-focus-topic-distribution-item {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    padding-block: var(--spacing-3xs);
  }
  .backyard-dashboard-focus-topic-distribution-item__label {
    flex: 1 1 auto;
    min-width: 0;
  }
  .backyard-dashboard-focus-topic-distribution-item__bar {
    flex: 0 0 3.75rem;
    height: 0.75rem;
    background: var(--color-surface-container-highest);
    border-radius: var(--border-radius-small-inner);
    overflow: hidden;
  }
  .backyard-dashboard-focus-topic-distribution-item__bar-fill {
    height: 100%;
    background: var(--color-lime-70);
  }
  .backyard-dashboard-focus-topic-distribution-item__percent {
    flex: 0 0 auto;
    min-width: 2.5rem;
    text-align: right;
  }
  .backyard-dashboard-revenue-goal-card {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2xs);
    padding-block: var(--spacing-xs);
    padding-inline: var(--spacing-md);
    background: var(--color-surface-container-high);
    border: var(--border-width-default) solid var(--color-outline);
    border-radius: var(--border-radius-small-inner);
  }
  .backyard-dashboard-revenue-goal-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-sm);
  }
  .backyard-dashboard-revenue-goal-card__edit {
    display: inline-flex;
    color: var(--color-muted);
  }
  .backyard-dashboard-revenue-goal-card__bar {
    height: 0.75rem;
    background: var(--color-surface-container-highest);
    border-radius: var(--border-radius-small-inner);
    overflow: hidden;
  }
  .backyard-dashboard-revenue-goal-card__bar-fill {
    height: 100%;
    background: var(--color-lime-70);
  }
  .backyard-dashboard-revenue-goal-card__percent {
    align-self: flex-end;
    color: var(--color-lime-70);
  }
  .backyard-dashboard-revenue-goal-card__empty {
    padding-block: var(--spacing-2xs);
  }
  .backyard-rights-suggestion-form {
    display: block;
  }
  .backyard-rights-suggestion-form__form {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
  }
  .backyard-rights-suggestion-form__subject-label {
    color: var(--color-muted);
  }
  .bookings-card {
    --partnership-card-min-width: 20rem;
    display: block;
    text-decoration: none;
    border: var(--border-width-default) solid var(--partnership-card-outline);
    border-radius: var(--border-radius-medium);
    overflow: clip;
    min-width: var(--partnership-card-min-width);
  }
  .bookings-card--pending {
    --partnership-card-outline: var(--color-states-pending-outline);
    --partnership-card-header-bg: var(--color-states-pending-container);
    --partnership-card-dot: var(--color-states-on-pending-container);
    --partnership-card-status-text: var(--color-states-on-pending-container);
  }
  .bookings-card--active {
    --partnership-card-outline: var(--color-states-success-outline);
    --partnership-card-header-bg: var(--color-states-success-container);
    --partnership-card-dot: var(--color-states-on-success-container);
    --partnership-card-status-text: var(--color-states-on-success-container);
  }
  .bookings-card--completed {
    --partnership-card-outline: var(--color-states-info-outline);
    --partnership-card-header-bg: var(--color-states-info-container);
    --partnership-card-dot: var(--color-states-on-info-container);
    --partnership-card-status-text: var(--color-states-on-info-container);
  }
  .bookings-card--cancelled {
    --partnership-card-outline: var(--color-states-error-outline);
    --partnership-card-header-bg: var(--color-states-error-container);
    --partnership-card-dot: var(--color-states-on-error-container);
    --partnership-card-status-text: var(--color-states-on-error-container);
  }
  .bookings-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--spacing-sm) var(--spacing-md);
    background: var(--partnership-card-header-bg);
    border-bottom: var(--border-width-default) solid var(--partnership-card-outline);
  }
  .bookings-card__status {
    display: flex;
    align-items: center;
    gap: var(--spacing-2xs);
  }
  .bookings-card__dot {
    width: var(--dot-size-sm);
    height: var(--dot-size-sm);
    border-radius: var(--border-radius-rounded);
    background: var(--partnership-card-dot);
  }
  .bookings-card__status-label {
    color: var(--partnership-card-status-text);
  }
  .bookings-card__date {
    color: var(--color-on-surface);
  }
  .bookings-card__body {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    padding: var(--spacing-md);
  }
  .bookings-card__campaign {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3xs);
  }
  .bookings-card__campaign-name {
    margin: 0;
    color: var(--color-on-surface);
  }
  .bookings-card__details {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-md);
  }
  .bookings-card__detail {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3xs);
    flex: 1 0 7.5rem;
  }
  .bookings-card__label {
    color: var(--color-on-surface-variant);
  }
  .bookings-card__value {
    color: var(--color-on-surface);
  }
  .bookings-card__value--truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .bookings-card__file {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
    color: var(--color-on-surface);
  }
  .bookings-file-section__visuals {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
    gap: var(--spacing-sm);
  }
  .bookings-file-section__documents {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
    gap: var(--spacing-sm);
  }
  .bookings-filter-bar {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-md);
  }
  .bookings-filter-bar__fields {
    display: grid;
    flex-grow: 1;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--spacing-md);
  }
  .bookings-filter-bar__reset {
    margin-top: calc(1rem + var(--spacing-2xs) / 2);
  }
  .bookings-package-picker {
    display: contents;
  }
  .bookings-table-row {
    display: block;
    min-width: 0;
    color: inherit;
    text-decoration: none;
  }
  .bookings-table-row__wrapper {
    border: var(--border-width-default) solid var(--color-outline);
    border-radius: var(--border-radius-large);
    overflow: hidden;
    padding: var(--spacing-md);
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 3fr) minmax(0, 3fr) minmax(0, 2fr) minmax(0, 2.5fr) minmax(0, 2.5fr) var(--icon-size-md);
    gap: var(--spacing-sm);
    align-items: center;
    height: 6rem;
  }
  .bookings-table-row__cell {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2xs);
    min-width: 0;
  }
  .bookings-table-row__cell--person {
    flex-direction: row;
    align-items: center;
  }
  .bookings-table-row__cell--status {
    align-items: flex-start;
  }
  .bookings-table-row__text {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .bookings-table-row__label {
    color: var(--color-on-surface-variant);
  }
  .bookings-table-row__chevron {
    color: var(--color-on-surface-variant);
  }
  @media (width < 64rem) {
    .bookings-table-row__wrapper {
      position: relative;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      height: auto;
      padding-inline-end: calc(var(--spacing-md) + var(--spacing-sm) + var(--icon-size-md));
    }
    .bookings-table-row__chevron {
      position: absolute;
      inset-block-start: var(--spacing-md);
      inset-inline-end: var(--spacing-md);
    }
  }
  .brands-campaigns-card {
    background: var(--color-surface-container-high);
    border: var(--border-width-default) solid var(--color-outline);
    border-radius: var(--border-radius-large);
    display: flex;
    max-height: 12rem;
    overflow: clip;
  }
  .brands-campaigns-card__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    min-width: 0;
    gap: var(--spacing-sm);
    padding: var(--spacing-lg);
  }
  .brands-campaigns-card__header {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2xs);
    min-width: 0;
  }
  .brands-campaigns-card__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .brands-campaigns-card__side {
    overflow: clip;
    min-width: 5rem;
    width: 30%;
    max-width: 15rem;
  }
  .brands-campaigns-card__image {
    display: block;
    object-fit: cover;
    height: 100%;
    width: 100%;
  }
  .brands-campaigns-card__header-subline {
    display: flex;
    align-items: center;
    li {
      display: flex;
      align-items: center;
    }
    > li + li::before {
      content: "|" / "";
      padding-inline: var(--spacing-sm);
    }
  }
  .brands-campaigns-card__footer {
    display: flex;
    align-items: center;
    gap: var(--spacing-2xs);
    margin-left: auto;
  }
  .brands-campaigns-expert-opinion {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    padding: var(--spacing-md);
    background: var(--color-primary-container);
    border: var(--border-width-default) solid var(--color-primary);
    border-radius: var(--border-radius-small);
  }
  .brands-campaigns-expert-opinion__head {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3xs);
  }
  .brands-campaigns-expert-opinion__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--spacing-md);
  }
  @media (min-width: 64rem) {
    .brands-campaigns-expert-opinion__grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .brands-matching-comparison {
    position: fixed;
    z-index: 40;
    inset-block-end: 0;
    inset-inline: var(--sidebar-width) 0;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
    padding: var(--spacing-md);
    background: var(--color-surface-container);
    border-block-start: var(--border-width-default) solid var(--color-outline-variant);
    border-inline-start: var(--border-width-default) solid var(--color-outline-variant);
    border-start-start-radius: var(--border-radius-extra-large);
    box-shadow: 0 -28px 56px rgb(0 0 0 / 0.5);
  }
  .brands-matching-comparison__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-sm);
  }
  .brands-matching-comparison__title {
    margin: 0;
    color: var(--color-on-surface);
  }
  .brands-matching-comparison__toggle[aria-expanded="true"] .ui-button__icon {
    rotate: 180deg;
  }
  .brands-matching-comparison__slots, .brands-matching-comparison__cells {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--spacing-sm);
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .brands-matching-comparison__slots {
    min-height: 5rem;
  }
  .brands-matching-comparison__placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-2xs);
    padding: var(--spacing-2xs);
    border: var(--border-width-default) solid var(--color-outline);
    border-radius: var(--border-radius-medium);
  }
  .brands-matching-comparison__placeholder--hint {
    color: var(--color-states-on-info-container);
    background: var(--color-surface-container-high);
  }
  .brands-matching-comparison__placeholder--empty {
    border-style: dashed;
  }
  .brands-matching-comparison__hint-icon {
    width: var(--icon-size-xs);
    height: var(--icon-size-xs);
    flex-shrink: 0;
    stroke-width: var(--icon-strokewidth-sm);
  }
  .brands-matching-comparison__panel {
    max-height: 60dvh;
    overflow-y: auto;
  }
  .brands-matching-comparison__row {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2xs);
    padding-block: var(--spacing-sm);
    border-block-start: var(--border-width-default) solid var(--color-outline);
  }
  .brands-matching-comparison__row-label {
    margin: 0;
    color: var(--color-on-surface);
  }
  .brands-matching-comparison__cell {
    padding: var(--spacing-xs);
    background: var(--color-surface-container-high);
    border: var(--border-width-default) solid var(--color-outline);
    border-radius: var(--border-radius-medium);
  }
  .brands-matching-comparison__cell--leading {
    border-color: var(--color-outline-highlight);
  }
  .matching-screen:has(.brands-matching-comparison) {
    padding-block-end: 11rem;
  }
  @media (width < 48rem) {
    .brands-matching-comparison__slots, .brands-matching-comparison__cells {
      grid-template-columns: 1fr;
    }
  }
  .brands-matching-comparison-slot {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-2xs);
    padding: var(--spacing-3xs);
    background: var(--color-surface-container-high);
    border: var(--border-width-default) solid var(--color-outline-variant);
    border-radius: var(--border-radius-medium);
  }
  .brands-matching-comparison-slot__preview {
    display: flex;
    flex: 1;
    min-width: 0;
    align-items: center;
    gap: var(--spacing-sm);
  }
  .brands-matching-comparison-slot__thumbnail {
    display: block;
    flex-shrink: 0;
    width: 7.5rem;
    height: 4.25rem;
    object-fit: cover;
    background: var(--color-surface);
    border-radius: var(--border-radius-small);
  }
  .brands-matching-comparison-slot__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--spacing-3xs);
    min-width: 0;
  }
  .brands-matching-comparison-slot__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: var(--color-on-surface);
    overflow-wrap: anywhere;
  }
  .brands-matching-comparison-slot__link {
    color: inherit;
    text-decoration: none;
  }
  .brands-matching-comparison-slot__link::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
  }
  .brands-matching-comparison-slot__link:focus-visible {
    outline: none;
  }
  .brands-matching-comparison-slot__link:focus-visible::after {
    outline: 2px solid var(--color-primary);
    outline-offset: -2px;
  }
  .brands-matching-comparison-slot__score {
    color: var(--color-on-surface-variant);
  }
  .brands-matching-comparison-slot__score--perfect {
    color: var(--color-on-surface-highlight);
  }
  .ui-button.brands-matching-comparison-slot__remove {
    position: relative;
    z-index: 2;
    border-color: transparent;
  }
  .companies-augmentation {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
  }
  .companies-augmentation__status {
    margin: 0;
    color: var(--color-muted);
  }
  .companies-augmentation__status--error {
    color: var(--color-error);
  }
  .companies-augmentation__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-xs);
  }
  .companies-augmentation__review, .companies-augmentation__meta, .companies-augmentation__sources {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
  }
  .companies-augmentation__proposals, .companies-augmentation__source-list {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2xs);
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .companies-augmentation__proposal {
    display: flex;
    align-items: start;
    gap: var(--spacing-xs);
    padding: var(--spacing-xs);
    background: var(--color-surface-container-highest);
    border: var(--border-width-default) solid var(--color-outline);
    border-radius: var(--border-radius-small);
  }
  .companies-augmentation__proposal-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--spacing-2xs);
    min-width: 0;
  }
  .companies-augmentation__proposal-label {
    color: var(--color-muted);
  }
  .companies-augmentation__comparison {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--spacing-2xs);
  }
  @media (width >= 40rem) {
    .companies-augmentation__comparison {
      grid-template-columns: 1fr 1fr;
      gap: var(--spacing-xs);
    }
  }
  .companies-augmentation__side {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3xs);
    min-width: 0;
  }
  .companies-augmentation__side-label {
    color: var(--color-muted);
  }
  .companies-augmentation__current, .companies-augmentation__proposed {
    margin: 0;
    overflow-wrap: anywhere;
  }
  .companies-augmentation__current {
    color: var(--color-muted);
  }
  .companies-augmentation__source-list {
    overflow-wrap: anywhere;
  }
  .companies-augmentation__confidence {
    align-self: start;
  }
  .companies-contact-card {
    position: relative;
    width: 100%;
    min-width: 15rem;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
    padding: var(--spacing-sm);
    background: var(--color-surface-container-high);
    border: var(--border-width-default) solid var(--color-outline);
    border-radius: var(--border-radius-medium);
    overflow: hidden;
    isolation: isolate;
  }
  .companies-contact-card__header {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
    position: relative;
    z-index: 1;
  }
  .companies-contact-card__identity {
    display: flex;
    flex-direction: column;
    min-width: 0;
  }
  .companies-contact-card__name {
    color: var(--color-on-surface);
  }
  .companies-contact-card__role {
    color: var(--color-on-surface-variant);
  }
  .companies-contact-card__actions {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2xs);
  }
  .companies-contact-card__action {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-xs);
    padding: var(--spacing-xs) var(--spacing-sm);
    border: var(--border-width-default) solid var(--color-on-surface-variant);
    border-radius: var(--border-radius-rounded);
    color: var(--color-on-surface-variant);
    min-width: 0;
    width: fit-content;
  }
  .companies-contact-card__action-text {
    white-space: nowrap;
  }
  .companies-contact-card--assignment {
    background: var(--color-primary-container);
    border-color: var(--color-purple-75);
  }
  .companies-contact-card--assignment::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12.78rem;
    height: 22.75rem;
    transform: translate(-50%, -50%) rotate(90deg) scaleY(-1);
    background-image: url("/assets/contact-card-pattern-6ff8fb6b.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    pointer-events: none;
    z-index: 0;
  }
  .companies-contact-card--assignment .companies-contact-card__role {
    color: var(--color-on-primary-container);
  }
  .companies-contact-card--assignment .companies-contact-card__actions {
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--spacing-xs);
  }
  .companies-contact-card--assignment .companies-contact-card__action {
    gap: var(--spacing-2xs);
    min-height: 2rem;
    padding: 0 var(--spacing-sm) 0 var(--spacing-xs);
    background: var(--color-primary-container);
    border-color: var(--color-purple-75);
    color: var(--color-on-primary-container);
  }
  .companies-contact-card__action-button {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 var(--spacing-sm);
    min-height: 2rem;
    background: var(--color-primary-container);
    border: var(--border-width-default) solid var(--color-purple-75);
    border-radius: var(--border-radius-rounded);
    color: var(--color-on-primary-container);
    white-space: nowrap;
    width: 100%;
  }
  .companies-contact-card__action-button:hover {
    background: var(--color-primary-accent);
  }
  .companies-delete {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
  }
  .companies-delete__title {
    display: flex;
    align-items: center;
    gap: var(--spacing-2xs);
  }
  .companies-delete__description {
    color: var(--color-on-surface-variant);
  }
  .companies-delete__actions {
    display: flex;
    gap: var(--spacing-xs);
  }
  .companies-header {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
  }
  .companies-header__logo-row {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
  }
  .companies-header__tag-row {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    flex-wrap: wrap;
  }
  .companies-header__description {
    max-width: 62ch;
    color: var(--color-on-surface);
  }
  .matching-card {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: clip;
    border-radius: var(--border-radius-large);
  }
  .matching-card--plain {
    background: var(--color-surface-container-highest);
  }
  .matching-card.border-gradient {
    border-width: var(--border-width-bold) var(--border-width-default) var(--border-width-default) var(--border-width-bold);
  }
  .matching-card__head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  @media (width < 48rem) {
    .matching-card__head {
      grid-template-columns: 1fr;
    }
  }
  .matching-card__media {
    display: flex;
    min-width: 0;
  }
  .matching-card__image {
    display: block;
    min-width: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }
  .matching-card__placeholder {
    position: relative;
    display: flex;
    flex: 1;
    min-width: 0;
    align-items: center;
    justify-content: center;
    aspect-ratio: 16 / 9;
    background-color: var(--color-surface);
  }
  .matching-card__placeholder::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("/assets/background-pattern-e55bd35d.svg");
    background-size: cover;
    background-position: center;
    opacity: 0.8;
  }
  .matching-card__placeholder-icon {
    position: relative;
    z-index: 1;
    width: 8rem;
    height: auto;
  }
  .matching-card__body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: var(--spacing-md);
    padding: var(--spacing-md) var(--spacing-xl);
  }
  .matching-card__heading {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3xs);
    align-self: stretch;
  }
  .matching-card__title {
    margin: 0;
    color: var(--color-on-surface);
  }
  .matching-card__link {
    color: inherit;
    text-decoration: none;
  }
  .matching-card__link::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
  }
  .matching-card__link:focus-visible {
    outline: none;
  }
  .matching-card__link:focus-visible::after {
    outline: 2px solid var(--color-primary);
    outline-offset: -2px;
  }
  .matching-card__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--spacing-xs);
  }
  .matching-card__meta-text {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--spacing-2xs);
  }
  .matching-card__company {
    color: var(--color-on-surface);
  }
  .matching-card__separator, .matching-card__industry {
    color: var(--color-on-surface-variant);
  }
  .matching-card__actions {
    position: relative;
    z-index: 2;
    display: flex;
    align-self: flex-end;
    align-items: center;
    gap: var(--spacing-2xs);
  }
  .matching-card__metrics {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-md) var(--spacing-lg);
    margin: 0;
    padding: var(--spacing-md);
    background: var(--color-surface-container-high);
    border-block-start: var(--border-width-default) solid var(--color-outline);
  }
  .matching-card__metric {
    display: flex;
    flex: 1 0 8rem;
    flex-direction: column;
    gap: var(--spacing-3xs);
  }
  .matching-card__metric + .matching-card__metric {
    padding-inline-start: var(--spacing-lg);
    border-inline-start: var(--border-width-default) solid var(--color-outline);
  }
  .matching-card__metric-label {
    display: flex;
    align-items: center;
    gap: var(--spacing-2xs);
    color: var(--color-on-surface-variant);
  }
  .matching-card__metric-icon {
    width: var(--icon-size-sm);
    height: var(--icon-size-sm);
    stroke-width: var(--icon-strokewidth-sm);
  }
  .matching-card__metric-value {
    margin: 0;
    color: var(--color-on-surface);
  }
  .matching-card__metric-was {
    color: var(--color-on-surface-variant);
  }
  .matching-card__criteria {
    position: relative;
    z-index: 2;
    background: var(--color-surface-container-high);
    border-block-start: var(--border-width-default) solid var(--color-outline);
  }
  .matching-card__criteria-summary {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-xs);
    padding: var(--spacing-sm);
    color: var(--color-on-secondary-container);
    cursor: pointer;
    list-style: none;
  }
  .matching-card__criteria-summary::-webkit-details-marker {
    display: none;
  }
  .matching-card__criteria-chevron {
    width: var(--icon-size-md);
    height: var(--icon-size-md);
    stroke-width: var(--icon-strokewidth-md);
    transition: rotate var(--transition-fast) var(--transition-easing);
  }
  .matching-card__criteria[open] .matching-card__criteria-chevron {
    rotate: 180deg;
  }
  .matching-card__criteria-panel {
    padding: 0 var(--spacing-md) var(--spacing-md);
  }
  .matching-criteria {
    columns: 2;
    column-gap: var(--spacing-sm);
  }
  @media (width < 48rem) {
    .matching-criteria {
      columns: 1;
    }
  }
  .matching-criteria__group {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2xs);
    margin-block-end: var(--spacing-sm);
    padding: var(--spacing-xs);
    break-inside: avoid;
    background: var(--color-surface-container-highest);
    border: var(--border-width-default) solid var(--color-outline);
    border-radius: var(--border-radius-small);
  }
  .matching-criteria__label {
    margin: 0;
    color: var(--color-on-surface);
  }
  .matching-entry-list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-3xs) var(--spacing-xs);
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .matching-entry-list__item {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-3xs);
    color: var(--color-on-surface-variant);
  }
  .matching-entry-list__item--included {
    color: var(--color-on-surface-highlight);
  }
  .matching-entry-list__icon {
    width: var(--icon-size-xs);
    height: var(--icon-size-xs);
    flex-shrink: 0;
    stroke-width: var(--icon-strokewidth-xs);
  }
  .notifications-bell {
    position: relative;
    display: inline-flex;
  }
  .notifications-bell__indicator {
    position: absolute;
    top: var(--spacing-2xs);
    right: var(--spacing-2xs);
    width: var(--dot-size-sm);
    height: var(--dot-size-sm);
    border-radius: var(--border-radius-rounded);
    background: var(--color-tertiary);
    border: var(--border-width-default) solid var(--color-surface);
  }
  .notifications-bell__panel {
    display: none;
    position: fixed;
    z-index: 50;
    flex-direction: column;
    width: min(29rem, calc(100vw - var(--spacing-lg)));
    max-height: min(32rem, 70vh);
    overflow: hidden;
    background: var(--color-surface-container-high);
    border: var(--border-width-default) solid var(--color-outline-variant);
    border-radius: var(--border-radius-extra-large);
    box-shadow: 0 0 2rem 1rem var(--color-surface-container-low);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 2rem 1rem color-mix(in oklab, var(--color-surface-container-low) 40%, transparent);
    }
  }
  .notifications-bell--open .notifications-bell__panel {
    display: flex;
  }
  .notifications-bell__items {
    flex: 1 1 auto;
    overflow-y: auto;
  }
  .notifications-bell__empty {
    padding: var(--spacing-md) var(--spacing-sm);
    text-align: center;
  }
  .notifications-bell__all {
    flex-shrink: 0;
    padding: var(--spacing-xs);
    background: var(--color-surface-container);
    border-top: var(--border-width-default) solid var(--color-outline);
    color: var(--color-on-surface-variant);
    text-align: center;
  }
  .notifications-bell__all:hover, .notifications-bell__all:focus-visible {
    color: var(--color-on-surface);
  }
  .notifications-list__items:not(:has(li)) {
    display: none;
  }
  .notifications-list__items {
    border: var(--border-width-default) solid var(--color-outline);
    border-radius: var(--border-radius-medium);
    overflow: hidden;
  }
  .notifications-list__pagination {
    display: flex;
    justify-content: flex-end;
    margin-top: var(--spacing-md);
  }
  .notifications-list-item {
    border-bottom: var(--border-width-default) solid var(--color-outline);
  }
  .notifications-list-item:last-child {
    border-bottom: 0;
  }
  .notifications-list-item--unread {
    background: var(--color-surface-container-highest);
    border-bottom-color: var(--color-outline-variant);
  }
  .notifications-list-item__link {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
    padding: var(--spacing-sm);
    color: var(--color-on-surface);
    text-decoration: none;
    transition: background-color var(--transition-base) var(--transition-easing);
  }
  .notifications-list-item__link:hover, .notifications-list-item__link:focus-visible {
    background: var(--color-surface-container-high);
  }
  .notifications-list-item__body {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3xs);
  }
  .notifications-list-item__meta {
    display: flex;
    align-items: baseline;
    gap: var(--spacing-2xs);
    margin: 0;
  }
  .notifications-list-item__message {
    margin: 0;
  }
  .notifications-list-item__indicator {
    flex-shrink: 0;
    width: var(--dot-size-sm);
    height: var(--dot-size-sm);
    border-radius: var(--border-radius-rounded);
    background: var(--color-tertiary);
  }
  .notifications-list-item__chevron {
    flex-shrink: 0;
    color: var(--color-on-surface-variant);
  }
  .rights-card {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
  }
  .rights-card__link {
    display: block;
    text-decoration: none;
    color: inherit;
    border-radius: var(--border-radius-large);
    outline-offset: 2px;
  }
  .rights-card__link:focus-visible {
    outline: 2px solid var(--color-primary);
  }
  .rights-card__cover {
    position: relative;
  }
  .rights-card__bookmark {
    position: absolute;
    top: var(--spacing-sm);
    right: var(--spacing-sm);
  }
  .rights-card__body {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
    padding: var(--spacing-xs) var(--spacing-sm);
  }
  .rights-card__title {
    margin: 0;
    font-family: var(--fonts-family-display);
    font-size: var(--text-step-lg);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-display);
    color: var(--color-on-surface);
  }
  .rights-card__meta {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
    flex-wrap: nowrap;
    color: var(--color-on-surface);
  }
  .rights-card__separator {
    flex-shrink: 0;
    color: var(--color-on-surface);
  }
  .rights-card__tags {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--color-on-surface);
  }
  .rights-packages-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: var(--border-width-default) solid var(--color-outline-variant);
    border-radius: var(--border-radius-medium);
    background: var(--color-surface-container-high);
    max-width: 36rem;
  }
  .rights-packages-card--ai {
    border-color: var(--color-primary);
    background: var(--color-primary-container);
  }
  .rights-packages-card--last-minute {
    border-color: var(--color-states-attention-outline);
  }
  .rights-packages-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-sm);
    padding: var(--spacing-sm) var(--spacing-lg);
    background: var(--color-surface-container-highest);
    border-bottom: var(--border-width-default) solid var(--color-outline-variant);
  }
  .rights-packages-card--ai .rights-packages-card__header {
    background: var(--color-primary-accent);
    border-bottom-color: var(--color-outline-primary-start);
  }
  .rights-packages-card--last-minute .rights-packages-card__header {
    background: var(--color-states-attention-container);
    border-bottom-color: var(--color-states-attention-outline);
  }
  .rights-packages-card__ai-flag {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-2xs);
    color: var(--color-on-primary-container);
  }
  .rights-packages-card__status {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-2xs);
  }
  .rights-packages-card__status-dot {
    width: var(--spacing-2xs);
    height: var(--spacing-2xs);
    border-radius: var(--border-radius-rounded);
    background: var(--color-states-on-success-container);
    flex-shrink: 0;
  }
  .rights-packages-card__status-label {
    color: var(--color-states-on-success);
  }
  .rights-packages-card__period {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-3xs);
    color: var(--color-on-surface-variant);
  }
  .rights-packages-card--last-minute .rights-packages-card__status-dot {
    background: var(--color-states-on-attention-container);
  }
  .rights-packages-card--last-minute .rights-packages-card__status-label, .rights-packages-card--last-minute .rights-packages-card__period {
    color: var(--color-states-on-attention);
  }
  .rights-packages-card__body {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
    padding: var(--spacing-md) var(--spacing-lg) var(--spacing-lg);
  }
  .rights-packages-card__channels {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-xs);
  }
  .rights-packages-card__cpms {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2xs);
  }
  .rights-packages-card__cpm-list {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3xs);
    margin: 0;
  }
  .rights-packages-card__cpm {
    display: flex;
    justify-content: space-between;
    gap: var(--spacing-sm);
  }
  .rights-packages-card__cpm dd {
    margin: 0;
  }
  .rights-packages-card__description {
    color: var(--color-on-surface);
  }
  .rights-packages-card__price {
    color: var(--color-on-surface);
    margin-top: var(--spacing-2xs);
  }
  .rights-packages-card__price--highlight {
    color: var(--color-on-surface-highlight);
  }
  .rights-packages-card__price-original {
    color: var(--color-on-surface-variant);
    text-decoration: line-through;
  }
  .rights-packages-card__footer {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    padding: 0 var(--spacing-lg) var(--spacing-lg);
  }
  .rights-packages-card__footer > * {
    flex: 1;
  }
  .rights-packages-card__action {
    width: 100%;
  }
  .rights-packages-card__footer--split {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .rights-packages-preview {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
  }
  .rights-packages-preview__channels {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-2xs);
  }
  .rights-packages-preview__price-block {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3xs);
  }
  .rights-packages-preview__price {
    margin: 0;
    color: var(--color-on-surface);
  }
  .rights-packages-preview__price--highlight {
    color: var(--color-on-surface-highlight);
  }
  .rights-packages-preview__price-original {
    color: var(--color-on-surface-variant);
  }
  .rights-packages-preview__facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--spacing-sm);
  }
  @media (width < 48rem) {
    .rights-packages-preview__facts {
      grid-template-columns: 1fr;
    }
  }
  .rights-packages-preview__fact {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3xs);
    padding: var(--spacing-md);
    background: var(--color-surface-container-high);
    border: var(--border-width-default) solid var(--color-outline);
    border-radius: var(--border-radius-medium);
  }
  .rights-packages-preview__fact--available {
    background: var(--color-states-success-container);
    border-color: var(--color-states-success-outline);
    color: var(--color-states-on-success-container);
  }
  .rights-packages-preview__fact-label {
    display: flex;
    align-items: center;
    gap: var(--spacing-2xs);
    color: var(--color-on-surface-variant);
  }
  .rights-packages-preview__fact--available .rights-packages-preview__fact-label, .rights-packages-preview__fact--available .rights-packages-preview__fact-value {
    color: var(--color-states-on-success-container);
  }
  .rights-packages-preview__cpm-list {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3xs);
    margin: 0;
  }
  .rights-packages-preview__cpm {
    display: flex;
    justify-content: space-between;
    gap: var(--spacing-sm);
  }
  .rights-packages-preview__cpm dd {
    margin: 0;
  }
  .rights-packages-preview__fact--last-minute {
    background: var(--color-tertiary-container);
    border-color: var(--color-on-tertiary-container);
  }
  .rights-packages-preview__fact--last-minute .rights-packages-preview__fact-label, .rights-packages-preview__fact--last-minute .rights-packages-preview__fact-value {
    color: var(--color-on-tertiary-container);
  }
  .rights-packages-preview__fact-icon {
    flex-shrink: 0;
    width: var(--icon-size-sm);
    height: var(--icon-size-sm);
    stroke-width: var(--icon-strokewidth-sm);
  }
  .rights-packages-preview__fact-value {
    color: var(--color-on-surface);
  }
  .todos-item {
    min-height: var(--touch-target-md);
    padding: var(--spacing-xs) 0;
  }
  .todos-item__label {
    color: var(--color-on-surface);
    padding-top: 1px;
  }
  .todos-item__label--link {
    color: var(--color-primary);
    text-decoration: underline;
    text-underline-offset: 2px;
  }
  .todos-item__label--link:hover {
    text-decoration: none;
  }
  .todos-item__label--done {
    color: var(--color-on-surface-variant);
    text-decoration: line-through;
    text-decoration-skip-ink: none;
  }
  .todos-list {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
  }
  .todos-list__section {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3xs);
  }
  .todos-list__section:not(:has(.todos-list__entries > *)) {
    display: none;
  }
  .todos-list__more-button {
    display: inline-flex;
    align-self: flex-start;
    align-items: center;
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
    color: var(--color-primary);
    text-decoration: underline;
    text-underline-offset: 2px;
  }
  .todos-list__more-button:hover {
    opacity: 0.8;
  }
  .todos-list__section-label {
    color: var(--color-on-surface);
  }
  .todos-list__section-label--completed {
    color: var(--color-on-surface-variant);
  }
  .ui-action-card {
    position: relative;
    padding: var(--spacing-md) var(--spacing-lg);
    background-color: var(--color-primary-container);
    border: 1px solid var(--color-primary);
    border-radius: var(--border-radius-large);
  }
  .ui-action-card__arrow {
    color: var(--color-primary);
  }
  .ui-action-card__link {
    border-radius: inherit;
    inset: 0;
    position: absolute;
  }
  .ui-alert {
    --alert-width: 22.5rem;
    --alert-bottom: 3.75rem;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2xs);
    padding: var(--spacing-sm);
    border: var(--border-width-default) solid var(--alert-outline);
    border-radius: var(--border-radius-small);
    background: var(--alert-container);
    width: var(--alert-width);
    position: fixed;
    bottom: var(--alert-bottom);
    right: var(--spacing-sm);
    z-index: 100;
  }
  .ui-alert--info {
    --alert-container: var(--color-states-info-container);
    --alert-outline: var(--color-states-info-outline);
    --alert-accent: var(--color-states-on-info-container);
  }
  .ui-alert--pending {
    --alert-container: var(--color-states-pending-container);
    --alert-outline: var(--color-states-pending-outline);
    --alert-accent: var(--color-states-on-pending-container);
  }
  .ui-alert--draft {
    --alert-container: var(--color-states-draft-container);
    --alert-outline: var(--color-states-draft-outline);
    --alert-accent: var(--color-states-on-draft-container);
  }
  .ui-alert--success {
    --alert-container: var(--color-states-success-container);
    --alert-outline: var(--color-states-success-outline);
    --alert-accent: var(--color-states-on-success-container);
  }
  .ui-alert--attention {
    --alert-container: var(--color-states-attention-container);
    --alert-outline: var(--color-states-attention-outline);
    --alert-accent: var(--color-states-on-attention-container);
  }
  .ui-alert--error {
    --alert-container: var(--color-states-error-container);
    --alert-outline: var(--color-states-error-outline);
    --alert-accent: var(--color-states-on-error-container);
  }
  .ui-alert--ai-generated {
    --alert-container: var(--color-primary-container);
    --alert-outline: var(--color-primary);
    --alert-accent: var(--color-on-primary-container);
  }
  .ui-alert__header {
    display: flex;
    align-items: center;
    gap: var(--spacing-2xs);
  }
  .ui-alert__icon {
    width: var(--spacing-sm);
    height: var(--spacing-sm);
    flex-shrink: 0;
    color: var(--alert-accent);
  }
  .ui-alert__title {
    font-size: var(--text-step-xs);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-display);
    color: var(--alert-accent);
  }
  .ui-alert__body {
    font-size: var(--text-step-xs);
    font-weight: var(--weight-default);
    line-height: var(--line-height-default);
    color: var(--color-on-surface);
  }
  .ui-alert__dismiss {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: var(--touch-target-md);
    min-height: var(--touch-target-md);
    margin: calc(-1 * var(--spacing-xs));
    margin-left: auto;
    padding: var(--spacing-xs);
    background: none;
    border: none;
    cursor: pointer;
    color: var(--alert-accent);
    transition: opacity var(--transition-fast);
  }
  .ui-alert__dismiss-icon {
    width: var(--spacing-sm);
    height: var(--spacing-sm);
  }
  .ui-avatar {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    gap: var(--spacing-xs);
  }
  .ui-avatar__frame {
    width: var(--avatar-size);
    height: var(--avatar-size);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: var(--color-surface-container-highest);
    overflow: hidden;
  }
  .ui-avatar--xs {
    --avatar-size: var(--avatar-size-xs);
  }
  .ui-avatar--s {
    --avatar-size: var(--avatar-size-sm);
  }
  .ui-avatar--m {
    --avatar-size: var(--avatar-size-md);
  }
  .ui-avatar--l {
    --avatar-size: var(--avatar-size-lg);
  }
  .ui-avatar--xl {
    --avatar-size: var(--avatar-size-xl);
  }
  .ui-avatar--circle .ui-avatar__frame, .ui-avatar--circle .ui-avatar__image {
    border-radius: var(--border-radius-rounded);
  }
  .ui-avatar--square .ui-avatar__frame, .ui-avatar--square .ui-avatar__image {
    border-radius: var(--border-radius-small-inner);
  }
  .ui-avatar--bordered {
    gap: var(--spacing-2xs);
    padding: var(--spacing-3xs) var(--spacing-xs) var(--spacing-3xs) var(--spacing-3xs);
    border: var(--border-width-default) solid var(--color-outline-secondary);
    border-radius: var(--border-radius-small);
  }
  .ui-avatar--bordered .ui-avatar__name {
    font-size: var(--text-step-xs);
    color: var(--color-on-surface);
  }
  .ui-avatar--accent .ui-avatar__frame {
    background: var(--color-orange-70);
  }
  .ui-avatar--accent .ui-avatar__initials {
    color: var(--color-deep-blue-10);
    font-family: var(--fonts-family-display);
    font-weight: var(--weight-black);
    font-size: var(--text-step-md);
    letter-spacing: 0.03em;
  }
  .ui-avatar__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .ui-avatar__initials {
    font-weight: var(--weight-medium);
    line-height: var(--line-height-default);
    color: var(--color-on-surface-variant);
    font-size: var(--text-step-2xs);
  }
  .ui-avatar--m .ui-avatar__initials {
    font-size: var(--text-step-xs);
  }
  .ui-avatar__name {
    font-size: var(--text-step-sm);
    font-weight: var(--weight-default);
    line-height: var(--line-height-default);
    color: var(--color-on-surface-variant);
  }
  .ui-avatar--xs .ui-avatar__name {
    font-size: var(--text-step-xs);
  }
  .ui-badge {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-2xs);
    padding: var(--spacing-2xs) var(--spacing-xs);
    border: var(--border-width-default) solid var(--badge-outline);
    border-radius: var(--border-radius-small);
    background: var(--badge-bg);
    color: var(--badge-text);
    min-width: var(--spacing-xl);
  }
  .ui-badge--blue {
    --badge-bg: var(--color-blue-20);
    --badge-outline: var(--color-blue-40);
    --badge-text: var(--color-blue-70);
  }
  .ui-badge--pink {
    --badge-bg: var(--color-pink-20);
    --badge-outline: var(--color-pink-40);
    --badge-text: var(--color-pink-70);
  }
  .ui-badge--turquoise {
    --badge-bg: var(--color-turquoise-20);
    --badge-outline: var(--color-turquoise-40);
    --badge-text: var(--color-turquoise-70);
  }
  .ui-badge--red {
    --badge-bg: var(--color-red-20);
    --badge-outline: var(--color-red-40);
    --badge-text: var(--color-red-70);
  }
  .ui-badge--orange {
    --badge-bg: var(--color-orange-20);
    --badge-outline: var(--color-orange-40);
    --badge-text: var(--color-orange-70);
  }
  .ui-badge--green {
    --badge-bg: var(--color-green-20);
    --badge-outline: var(--color-green-40);
    --badge-text: var(--color-green-70);
  }
  .ui-badge--tertiary {
    --badge-bg: var(--color-tertiary);
    --badge-outline: transparent;
    --badge-text: var(--color-on-tertiary);
  }
  .ui-badge--secondary {
    --badge-bg: var(--color-surface-container-highest);
    --badge-outline: var(--color-outline-secondary);
    --badge-text: var(--color-on-secondary-container);
  }
  .ui-badge:has(> .ui-badge__leading) {
    min-height: var(--touch-target-sm);
    padding-inline-start: var(--border-width-bold);
    padding-block: var(--border-width-bold);
  }
  .ui-badge__leading {
    display: inline-flex;
    align-self: stretch;
    align-items: center;
    padding-inline: var(--spacing-2xs);
    border-radius: var(--border-radius-small-inner);
    background: var(--badge-text);
    color: var(--badge-bg);
  }
  .ui-badge__icon {
    width: var(--icon-size-sm);
    height: var(--icon-size-sm);
    flex-shrink: 0;
  }
  .ui-badge__text {
    font-size: var(--text-step-2xs);
    font-weight: var(--weight-medium);
    line-height: var(--line-height-display);
    white-space: nowrap;
  }
  .ui-badge-corner {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    display: inline-flex;
    align-items: stretch;
    background: var(--badge-corner-bg);
    border: var(--border-width-default) solid var(--badge-corner-outline);
    border-top-left-radius: var(--border-radius-small);
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: var(--border-radius-small);
  }
  .ui-badge-corner--blue {
    --badge-corner-bg: var(--color-blue-20);
    --badge-corner-container: var(--color-blue-10);
    --badge-corner-outline: var(--color-blue-40);
    --badge-corner-text: var(--color-blue-70);
  }
  .ui-badge-corner--pink {
    --badge-corner-bg: var(--color-pink-20);
    --badge-corner-container: var(--color-pink-10);
    --badge-corner-outline: var(--color-pink-40);
    --badge-corner-text: var(--color-pink-70);
  }
  .ui-badge-corner--turquoise {
    --badge-corner-bg: var(--color-turquoise-20);
    --badge-corner-container: var(--color-turquoise-10);
    --badge-corner-outline: var(--color-turquoise-40);
    --badge-corner-text: var(--color-turquoise-70);
  }
  .ui-badge-corner--red {
    --badge-corner-bg: var(--color-red-20);
    --badge-corner-container: var(--color-red-10);
    --badge-corner-outline: var(--color-red-40);
    --badge-corner-text: var(--color-red-70);
  }
  .ui-badge-corner--orange {
    --badge-corner-bg: var(--color-orange-20);
    --badge-corner-container: var(--color-orange-10);
    --badge-corner-outline: var(--color-orange-40);
    --badge-corner-text: var(--color-orange-70);
  }
  .ui-badge-corner--green {
    --badge-corner-bg: var(--color-green-20);
    --badge-corner-container: var(--color-green-10);
    --badge-corner-outline: var(--color-green-40);
    --badge-corner-text: var(--color-green-70);
  }
  .ui-badge-corner--secondary {
    --badge-corner-bg: var(--color-surface-container-highest);
    --badge-corner-container: var(--color-surface-container-high);
    --badge-corner-outline: var(--color-outline-secondary);
    --badge-corner-text: var(--color-on-secondary-container);
  }
  .ui-badge-corner:has(.ui-badge-corner__trigger) {
    border-top-right-radius: 0;
    border-bottom-right-radius: var(--border-radius-small);
  }
  .ui-badge-corner .ui-badge {
    background: none;
    border: none;
    border-radius: 0;
  }
  .ui-badge-corner__trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--spacing-2xl);
    background: var(--badge-corner-container);
    border: none;
    border-left: var(--border-width-default) solid var(--badge-corner-outline);
    border-top-right-radius: 0;
    border-bottom-right-radius: var(--border-radius-small);
    cursor: pointer;
  }
  .ui-badge-corner__menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 100%;
    margin-top: var(--spacing-2xs);
    background: var(--badge-corner-container);
    border: var(--border-width-default) solid var(--badge-corner-outline);
    border-radius: var(--border-radius-small);
    overflow: hidden;
    z-index: 3;
  }
  .ui-badge-corner--open .ui-badge-corner__menu {
    display: block;
  }
  .ui-badge-corner__menu-item {
    display: flex;
    align-items: center;
    gap: var(--spacing-2xs);
    width: 100%;
    padding: var(--spacing-2xs) var(--spacing-sm);
    background: none;
    border: none;
    color: var(--color-on-surface);
    font-size: var(--text-step-2xs);
    text-align: left;
    cursor: pointer;
  }
  .ui-badge-corner__menu-item:hover {
    background: var(--color-surface-container-high);
  }
  .ui-badge-corner__menu-icon {
    width: var(--icon-size-xs);
    height: var(--icon-size-xs);
  }
  .ui-badge-corner__chevron {
    width: var(--icon-size-xs);
    height: var(--icon-size-xs);
    color: var(--badge-corner-text);
    stroke-width: var(--icon-strokewidth-xs);
  }
  .ui-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius-rounded);
    border: var(--border-width-default) solid transparent;
    gap: var(--spacing-2xs);
    font-weight: var(--weight-medium);
    line-height: var(--line-height-display);
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    --button-fill-hover: var(--button-fill);
    @supports (color: color-mix(in lab, red, red)) {
      --button-fill-hover: color-mix(in oklab, var(--button-fill) 85%, var(--button-on-fill));
    }
    --button-on-fill-hover: var(--color-on-surface);
    &:disabled {
      opacity: 0.5;
      cursor: not-allowed;
    }
  }
  .ui-button--color-primary {
    --button-fill: linear-gradient(
    to left,
    var(--color-primary),
    var(--color-primary-gradient-end)
  );
    --button-on-fill: var(--color-on-primary);
    --button-tint: var(--color-primary-container);
    --button-on-tint: var(--color-on-primary-container);
    --button-outline: var(--color-primary);
    --button-fill-hover: var(--color-primary);
    --button-on-fill-hover: var(--color-on-primary);
  }
  .ui-button--color-secondary {
    --button-fill: var(--color-secondary);
    --button-on-fill: var(--color-on-secondary);
    --button-tint: var(--color-secondary-container);
    --button-on-tint: var(--color-on-secondary-container);
    --button-outline: var(--color-on-surface-variant);
  }
  .ui-button--color-tertiary {
    --button-fill: var(--color-tertiary);
    --button-on-fill: var(--color-on-tertiary);
    --button-tint: var(--color-tertiary-container);
    --button-on-tint: var(--color-on-tertiary-container);
    --button-outline: var(--color-tertiary);
    --button-fill-hover: var(--color-tertiary);
    @supports (color: color-mix(in lab, red, red)) {
      --button-fill-hover: color-mix(in oklab, var(--color-tertiary) 80%, white);
    }
    --button-on-fill-hover: var(--color-on-tertiary);
  }
  .ui-button--color-info {
    --button-fill: var(--color-states-info);
    --button-on-fill: var(--color-states-on-info);
    --button-tint: var(--color-states-info-container);
    --button-on-tint: var(--color-states-on-info-container);
    --button-outline: var(--color-states-info-outline);
  }
  .ui-button--color-success {
    --button-fill: var(--color-states-success);
    --button-on-fill: var(--color-states-on-success);
    --button-tint: var(--color-states-success-container);
    --button-on-tint: var(--color-states-on-success-container);
    --button-outline: var(--color-states-success-outline);
  }
  .ui-button--color-attention {
    --button-fill: var(--color-states-attention);
    --button-on-fill: var(--color-states-on-attention);
    --button-tint: var(--color-states-attention-container);
    --button-on-tint: var(--color-states-on-attention-container);
    --button-outline: var(--color-states-attention-outline);
  }
  .ui-button--color-error {
    --button-fill: var(--color-states-error);
    --button-on-fill: var(--color-states-on-error);
    --button-tint: var(--color-states-error-container);
    --button-on-tint: var(--color-states-on-error-container);
    --button-outline: var(--color-states-error-outline);
  }
  .ui-button--color-pending {
    --button-fill: var(--color-states-pending);
    --button-on-fill: var(--color-states-on-pending);
    --button-tint: var(--color-states-pending-container);
    --button-on-tint: var(--color-states-on-pending-container);
    --button-outline: var(--color-states-pending-outline);
  }
  .ui-button--color-draft {
    --button-fill: var(--color-states-draft);
    --button-on-fill: var(--color-states-on-draft);
    --button-tint: var(--color-states-draft-container);
    --button-on-tint: var(--color-states-on-draft-container);
    --button-outline: var(--color-states-draft-outline);
  }
  .ui-button--default {
    background: var(--button-fill);
    color: var(--button-on-fill);
  }
  .ui-button--outline {
    background: var(--button-tint);
    border-color: var(--button-outline);
    color: var(--button-on-tint);
  }
  .ui-button--ghost {
    background: transparent;
    border-color: var(--button-outline);
    color: var(--button-on-tint);
  }
  .ui-button--default:hover:not(:disabled) {
    background: var(--button-fill-hover);
    color: var(--button-on-fill-hover);
  }
  .ui-button--outline:hover:not(:disabled) {
    background: var(--button-fill);
    color: var(--button-on-fill);
  }
  .ui-button--ghost:hover:not(:disabled) {
    background: var(--button-tint);
  }
  .ui-button--xs {
    height: var(--button-size-xs);
    padding-inline: var(--spacing-xs);
    font-size: var(--text-step-2xs);
  }
  .ui-button--s {
    height: var(--button-size-sm);
    padding-inline: var(--spacing-sm);
    font-size: var(--text-step-xs);
  }
  .ui-button--m {
    height: var(--button-size-md);
    padding-inline: var(--spacing-md);
    font-size: var(--text-step-sm);
  }
  .ui-button--l {
    height: var(--button-size-lg);
    padding-inline: var(--spacing-lg);
    font-size: var(--text-step-md);
  }
  .ui-button--xl {
    height: var(--button-size-xl);
    padding-inline: var(--spacing-xl);
    font-size: var(--text-step-lg);
  }
  .ui-button--2xl {
    height: var(--button-size-2xl);
    padding-inline: var(--spacing-2xl);
    font-size: var(--text-step-xl);
  }
  .ui-button__icon {
    flex-shrink: 0;
  }
  .ui-button--icon-filled .ui-button__icon {
    fill: currentColor;
  }
  .ui-button__icon--xs {
    width: var(--icon-size-xs);
    height: var(--icon-size-xs);
    stroke-width: calc(var(--icon-strokewidth-xs) * 1.5);
  }
  .ui-button__icon--s {
    width: var(--icon-size-xs);
    height: var(--icon-size-xs);
    stroke-width: calc(var(--icon-strokewidth-xs) * 1.5);
  }
  .ui-button__icon--m {
    width: var(--icon-size-sm);
    height: var(--icon-size-sm);
    stroke-width: var(--icon-strokewidth-sm);
  }
  .ui-button__icon--l {
    width: var(--icon-size-md);
    height: var(--icon-size-md);
    stroke-width: var(--icon-strokewidth-md);
  }
  .ui-button__icon--xl {
    width: var(--icon-size-lg);
    height: var(--icon-size-lg);
    stroke-width: var(--icon-strokewidth-md);
  }
  .ui-button__icon--2xl {
    width: var(--icon-size-xl);
    height: var(--icon-size-xl);
    stroke-width: var(--icon-strokewidth-md);
  }
  .ui-button--icon-only {
    width: auto;
    min-width: 0;
    aspect-ratio: 1/1;
    padding: var(--spacing-2xs);
  }
  .ui-button--icon-only .ui-button__icon--m {
    width: var(--icon-size-md);
    height: var(--icon-size-md);
    stroke-width: var(--icon-strokewidth-md);
  }
  .ui-button--square {
    border-radius: var(--border-radius-small);
  }
  .ui-button--full-width {
    width: 100%;
  }
  @keyframes button-icon-spin {
    to {
      transform: rotate(360deg);
    }
  }
  .ui-button__icon--spinning {
    animation: button-icon-spin 1s linear infinite;
  }
  .ui-card {
    border-radius: var(--border-radius-large);
  }
  .ui-card--filled {
    background: var(--color-surface-container-high);
    border: var(--border-width-default) solid var(--color-outline);
  }
  .ui-card--padding-s {
    padding: var(--spacing-md);
  }
  .ui-card--padding-m {
    padding: var(--spacing-lg);
  }
  .ui-card--padding-l {
    padding: var(--spacing-xl);
  }
  .ui-card__header--s {
    padding: var(--spacing-md) var(--spacing-md) var(--spacing-sm);
  }
  .ui-card__header--m {
    padding: var(--spacing-md) var(--spacing-lg);
  }
  .ui-card__header--l {
    padding: var(--spacing-md) var(--spacing-xl);
  }
  .ui-card__body--s {
    padding: var(--spacing-md);
  }
  .ui-card__body--m {
    padding: var(--spacing-lg);
  }
  .ui-card__body--l {
    padding: var(--spacing-xl);
  }
  .ui-card__footer {
    border-top: 1px solid var(--color-outline);
    background: var(--color-surface-container);
  }
  .ui-card__footer--s {
    padding: var(--spacing-sm) var(--spacing-md);
  }
  .ui-card__footer--m {
    padding: var(--spacing-md) var(--spacing-lg);
  }
  .ui-card__footer--l {
    padding: var(--spacing-md) var(--spacing-xl);
  }
  .ui-card--auth {
    background: var(--color-primary-container);
    border: var(--border-width-default) solid var(--color-on-primary-container);
    overflow: hidden;
    max-width: 30rem;
    width: 100%;
  }
  .ui-card--auth .ui-card__header {
    padding: var(--spacing-lg) var(--spacing-xl);
    padding-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: none;
    position: relative;
    .ui-card__header-pattern {
      position: absolute;
      inset-inline: 0;
      top: 0;
      width: 100%;
      height: auto;
      z-index: 0;
    }
  }
  .ui-card--auth .ui-card__header-logo {
    width: 10rem;
    height: auto;
    z-index: 1;
  }
  .ui-card--auth .ui-card__body--l {
    position: relative;
    z-index: 1;
  }
  .ui-checkbox {
    display: flex;
    align-items: center;
    gap: var(--spacing-2xs);
    cursor: pointer;
  }
  .ui-checkbox__input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
  }
  .ui-checkbox__box {
    width: 1.125rem;
    height: 1.125rem;
    flex-shrink: 0;
    border-radius: var(--border-radius-small-inner);
    background: var(--color-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ui-checkbox__check {
    width: 100%;
    height: 100%;
    color: var(--color-on-tertiary);
    opacity: 0;
  }
  .ui-checkbox:not(.ui-checkbox--error):hover .ui-checkbox__input:not(:checked):not(:disabled) ~ .ui-checkbox__box {
    background: var(--color-deep-blue-40);
  }
  .ui-checkbox__input:checked ~ .ui-checkbox__box {
    background: var(--color-tertiary);
  }
  .ui-checkbox__input:checked ~ .ui-checkbox__box .ui-checkbox__check {
    opacity: 1;
  }
  .ui-checkbox__label {
    font-size: var(--text-step-xs);
    font-weight: var(--weight-default);
    line-height: var(--line-height-default);
    color: var(--color-on-surface);
  }
  .ui-checkbox__input:checked ~ .ui-checkbox__label {
    color: var(--color-tertiary);
  }
  .ui-checkbox--error .ui-checkbox__box {
    background: var(--color-states-error-container);
    border: var(--border-width-default) solid var(--color-states-on-error-container);
  }
  .ui-checkbox--error .ui-checkbox__label {
    color: var(--color-states-on-error-container);
  }
  .ui-checkbox__input:disabled ~ .ui-checkbox__box {
    opacity: 0.5;
    cursor: not-allowed;
  }
  .ui-checkbox__input:disabled ~ .ui-checkbox__label {
    opacity: 0.5;
    cursor: not-allowed;
  }
  .ui-detail-list {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
  }
  .ui-detail-list__title {
    margin: 0;
  }
  .ui-detail-list__entries {
    margin: 0;
  }
  .ui-detail-list__entry {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3xs);
    padding: var(--spacing-sm);
    background: var(--color-surface-container-highest);
    border: var(--border-width-default) solid var(--color-outline);
    border-radius: var(--border-radius-small);
  }
  .ui-detail-list__label {
    color: var(--color-muted);
  }
  .ui-detail-list__value {
    margin: 0;
    color: var(--color-on-surface);
    overflow-wrap: anywhere;
  }
  .ui-dialog {
    padding: 0;
    border: none;
    max-width: none;
    max-height: none;
    background: transparent;
    color: inherit;
    margin: 0;
  }
  .ui-dialog:open {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    min-width: 100vw;
    animation: dialog-fade-in var(--transition-base) var(--transition-easing);
  }
  .ui-dialog::backdrop {
    background-color: rgb(0 0 0 / 0.5);
    backdrop-filter: blur(4px);
    animation: backdrop-fade-in var(--transition-base) var(--transition-easing);
  }
  @keyframes dialog-fade-in {
    from {
      opacity: 0;
      scale: 0.95;
    }
    to {
      opacity: 1;
      scale: 1;
    }
  }
  @keyframes backdrop-fade-in {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .ui-dialog__panel {
    --dialog-width: 43.75rem;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    width: var(--dialog-width);
    max-width: 90vw;
    padding: var(--spacing-lg);
    background: var(--color-surface-container);
    border: var(--border-width-default) solid var(--color-outline);
    border-radius: var(--border-radius-large);
    overflow: clip;
  }
  .ui-dialog__frame {
    display: contents;
  }
  .ui-dialog__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  .ui-dialog__title {
    font-size: var(--text-step-lg);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-small);
    color: var(--color-on-surface);
  }
  .ui-dialog__close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: var(--border-radius-rounded);
    background: var(--color-surface-container-high);
    border: var(--border-width-default) solid var(--color-on-surface-variant);
    cursor: pointer;
    color: var(--color-on-surface-variant);
    flex-shrink: 0;
  }
  .ui-dialog__close-icon {
    width: var(--icon-size-md);
    height: var(--icon-size-md);
  }
  .ui-dialog__body {
    width: 100%;
  }
  .ui-dialog__panel--highlight {
    --dialog-width: 42.8125rem;
    position: relative;
    align-items: center;
    gap: var(--spacing-lg);
    padding: var(--spacing-3xl);
    border-color: var(--color-on-surface-highlight);
    text-align: center;
  }
  .ui-dialog__panel--highlight > .ui-dialog__close {
    position: absolute;
    top: var(--spacing-sm);
    right: var(--spacing-sm);
    background: transparent;
    border-color: transparent;
    color: var(--color-on-secondary);
  }
  .ui-dialog__panel--highlight .ui-dialog__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-lg);
  }
  .ui-dialog__panel--bare {
    background: transparent;
    border: none;
    padding: 0;
    width: auto;
    overflow: visible;
  }
  .ui-document-card {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-sm) var(--spacing-md);
    border: var(--border-width-default) solid var(--color-outline);
    border-radius: var(--border-radius-medium);
    color: var(--color-on-surface-variant);
  }
  .ui-document-card__name {
    display: flex;
    flex: 1;
    align-items: center;
    gap: var(--spacing-sm);
    min-width: 0;
  }
  .ui-document-card__icon {
    flex-shrink: 0;
    width: var(--icon-size-sm);
    height: var(--icon-size-sm);
    stroke-width: var(--icon-strokewidth-sm);
  }
  .ui-document-card__filename {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-step-xs);
  }
  .ui-document-card__action {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    color: var(--color-on-surface-variant);
    transition: color var(--transition-fast);
  }
  .ui-document-card__action:hover {
    color: var(--color-on-surface);
  }
  .ui-document-card__action-icon {
    width: var(--icon-size-sm);
    height: var(--icon-size-sm);
    stroke-width: var(--icon-strokewidth-sm);
  }
  .ui-downloads-table {
    border: 1px solid var(--color-outline);
    border-radius: var(--border-radius-medium);
    overflow: hidden;
  }
  .ui-downloads-table__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 2.75rem;
    padding: var(--spacing-xs) var(--spacing-sm);
    background: var(--color-secondary-container);
  }
  .ui-downloads-table__row + .ui-downloads-table__row {
    border-top: 1px solid var(--color-outline);
  }
  .ui-downloads-table__name {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
  }
  .ui-dropdown {
    position: relative;
    display: inline-flex;
  }
  .ui-dropdown__panel {
    display: none;
    position: fixed;
    z-index: 50;
    min-width: 12rem;
    flex-direction: column;
    padding: var(--spacing-2xs);
    background: var(--color-surface-container-highest);
    border: var(--border-width-default) solid var(--color-outline-variant);
    border-radius: var(--border-radius-medium);
  }
  .ui-dropdown--open .ui-dropdown__panel {
    display: flex;
  }
  .ui-dropdown__item {
    display: flex;
    align-items: center;
    gap: var(--spacing-2xs);
    width: 100%;
    padding: var(--spacing-2xs) var(--spacing-xs);
    border: none;
    border-radius: var(--border-radius-small);
    background: none;
    color: var(--color-on-surface);
    font-size: var(--text-step-xs);
    font-family: inherit;
    line-height: var(--line-height-default);
    text-align: left;
    white-space: nowrap;
    cursor: pointer;
    transition: background var(--transition-fast) var(--transition-easing);
  }
  .ui-dropdown__item:hover {
    background: var(--color-surface-container-high);
  }
  .ui-dropdown__icon {
    width: var(--icon-size-xs);
    height: var(--icon-size-xs);
    flex-shrink: 0;
    color: var(--color-on-surface-variant);
  }
  .ui-empty-state {
    padding: var(--spacing-lg) var(--spacing-lg) var(--spacing-3xl);
    text-align: center;
  }
  .ui-empty-state__icon {
    margin: 0 auto;
    width: 3rem;
    height: 3rem;
    color: var(--color-deep-blue-40);
  }
  .ui-empty-state__title {
    margin-top: var(--spacing-xs);
    font-size: var(--text-step-xs);
    font-weight: 500;
    color: var(--color-on-surface-variant);
  }
  .ui-empty-state__description {
    margin-top: var(--spacing-3xs);
    font-size: var(--text-step-xs);
    color: var(--color-outline-variant);
  }
  .ui-empty-state__action {
    margin-top: var(--spacing-lg);
  }
  .ui-file-upload {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
  }
  .ui-file-upload__list {
    border: 1px solid var(--color-outline);
    border-radius: var(--border-radius-medium);
    overflow: hidden;
  }
  .ui-file-upload__list:not(:has(.ui-file-upload__item)) {
    display: none;
  }
  .ui-file-upload__item {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-sm) var(--spacing-md);
    font-size: var(--text-step-sm);
    color: var(--color-on-surface-variant);
  }
  .ui-file-upload__item + .ui-file-upload__item {
    border-top: 1px solid var(--color-outline);
  }
  .ui-file-upload__item-icon {
    display: flex;
    align-items: center;
    color: var(--color-on-surface-variant);
  }
  .ui-file-upload__item-name {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-step-xs);
  }
  .ui-file-upload__item-remove {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    background: none;
    color: var(--color-on-surface-variant);
    cursor: pointer;
    transition: color var(--transition-fast);
  }
  .ui-file-upload__item-remove:hover {
    color: var(--color-on-surface);
  }
  .ui-file-upload__add {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1rem 2rem;
    min-width: 7.5rem;
    max-height: 15rem;
    border: 2px solid var(--color-deep-blue-25);
    border-radius: var(--border-radius-small);
    cursor: pointer;
    color: var(--color-outline-variant);
    transition: border-color var(--transition-fast);
  }
  .ui-file-upload__add:hover {
    border-color: var(--color-deep-blue-40);
  }
  .ui-file-upload__add--dragover {
    border-color: var(--color-deep-blue-40);
    background: var(--color-primary-container);
  }
  .ui-file-upload__add--compact {
    flex-direction: row;
    align-self: flex-start;
    gap: var(--spacing-2xs);
    --file-upload-dash: var(--color-outline-secondary);
    height: var(--button-size-md);
    padding-inline: var(--spacing-md);
    border: none;
    border-radius: var(--border-radius-medium);
    background: var(--color-secondary-container);
    color: var(--color-on-secondary-container);
  }
  .ui-file-upload__add--compact::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: var(--file-upload-dash);
    pointer-events: none;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' rx='12' fill='none' stroke='black' stroke-width='2' stroke-dasharray='8 4'/%3E%3C/svg%3E");
  }
  .ui-file-upload__add--compact:hover {
    --file-upload-dash: var(--color-on-secondary-container);
  }
  .ui-file-upload__add--compact .ui-file-upload__add-label {
    margin-top: 0;
    font-size: var(--text-step-sm);
    font-weight: var(--weight-medium);
    line-height: var(--line-height-display);
  }
  .ui-file-upload__add--compact .ui-file-upload__add-icon {
    font-size: var(--text-step-sm);
  }
  .ui-file-upload__add-icon {
    font-size: var(--text-step-xl);
    line-height: 1;
  }
  .ui-file-upload__add-label {
    font-size: var(--text-step-sm);
    margin-top: var(--spacing-3xs);
    text-align: center;
  }
  .ui-file-upload__sub-label {
    font-size: var(--text-step-2xs);
    margin-top: var(--spacing-3xs);
    text-align: center;
  }
  .ui-file-upload--thumbnails .ui-file-upload__list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-sm);
    border: none;
    border-radius: 0;
    overflow: visible;
  }
  .ui-file-upload--thumbnails .ui-file-upload__item {
    position: relative;
    width: 7.5rem;
    height: 7.5rem;
    padding: 0;
    border: 1px solid var(--color-outline);
    border-radius: var(--border-radius-small);
    overflow: hidden;
  }
  .ui-file-upload__thumbnail {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .ui-file-upload--thumbnails .ui-file-upload__item-name {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: var(--spacing-3xs);
    background: rgb(0 0 0 / 0.5);
    color: var(--color-deep-blue-97);
    font-size: var(--text-step-2xs);
  }
  .ui-file-upload--thumbnails .ui-file-upload__item-remove {
    position: absolute;
    top: var(--spacing-3xs);
    right: var(--spacing-3xs);
    width: 1.5rem;
    height: 1.5rem;
    border-radius: var(--border-radius-rounded);
    background: var(--color-on-surface-variant);
    color: var(--color-deep-blue-97);
  }
  .ui-file-upload--thumbnails .ui-file-upload__item-remove svg {
    width: 0.875rem;
    height: 0.875rem;
  }
  .ui-file-upload__add:has(input:disabled), .ui-file-upload__add:has(input:disabled):hover {
    border-color: var(--color-deep-blue-25);
    cursor: not-allowed;
    opacity: 0.6;
  }
  .ui-floating-action-button {
    position: fixed;
    right: var(--spacing-md);
    bottom: var(--spacing-md);
    width: var(--avatar-size-lg);
    height: var(--avatar-size-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-tertiary);
    color: var(--color-on-tertiary);
    border: none;
    border-radius: var(--border-radius-rounded);
    cursor: pointer;
    z-index: 10;
  }
  .ui-form-control {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    border: var(--border-width-default) solid var(--color-outline-variant);
    border-radius: var(--border-radius-medium);
    background: var(--color-surface-container-highest);
    color: var(--color-on-surface);
    &:focus-within {
      outline: 2px solid var(--color-outline-variant);
      outline-offset: -1px;
    }
    &:has(:disabled) {
      background: var(--color-surface-container-high);
      color: var(--color-on-surface-variant);
      cursor: not-allowed;
    }
  }
  .ui-form-control--error {
    background: var(--color-states-error-container);
    border-color: var(--color-states-on-error-container);
    color: var(--color-states-on-error-container);
  }
  .ui-form-control--ai {
    background: var(--color-primary-container);
    border-color: var(--color-on-primary-container);
  }
  .ui-form-control--wysiwyg {
    display: block;
    overflow: hidden;
  }
  .ui-form-control--auto-grow {
    padding: var(--spacing-xs) var(--spacing-xs) var(--spacing-xs) var(--spacing-md);
  }
  .ui-form-field {
    display: block;
  }
  .ui-form-field__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-3xs);
    margin-bottom: var(--spacing-2xs);
  }
  .ui-form-field__label-wrap {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-3xs);
  }
  .ui-form-field__label {
    display: block;
    font-size: var(--text-step-xs);
    font-weight: var(--weight-medium);
    line-height: var(--line-height-display);
    color: var(--color-on-surface-variant);
  }
  .ui-form-field__required {
    color: var(--color-states-on-error-container);
    font-weight: var(--weight-medium);
    line-height: 1;
  }
  .ui-form-field__optional {
    margin-right: auto;
    font-size: var(--text-step-xs);
    color: var(--color-on-surface-variant);
    font-weight: var(--weight-medium);
  }
  .ui-form-field__ai {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-3xs);
    color: var(--color-on-primary-container);
  }
  .ui-form-field__ai-icon {
    width: var(--icon-size-xs);
    height: var(--icon-size-xs);
    stroke-width: var(--icon-strokewidth-xs);
  }
  .ui-form-field__ai-text {
    font-family: var(--fonts-family-display);
    font-size: var(--text-step-xs);
    font-weight: var(--weight-black);
    line-height: 1;
    translate: 0 0.1em;
  }
  .ui-form-field__hint {
    display: flex;
    align-items: center;
    gap: var(--spacing-2xs);
    font-size: var(--text-step-2xs);
    font-weight: var(--weight-default);
    line-height: var(--line-height-default);
    color: var(--color-on-surface-variant);
    margin-top: var(--spacing-2xs);
  }
  .ui-form-field__hint--error {
    color: var(--color-states-on-error-container);
  }
  .ui-form-field__hint-icon {
    width: var(--spacing-sm);
    height: var(--spacing-sm);
    flex-shrink: 0;
  }
  .ui-form-field--checkbox, .ui-form-field--inline {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
  }
  .ui-form-field--narrow {
    max-width: 28.125rem;
  }
  .ui-heading {
    line-height: var(--line-height-small);
    font-weight: var(--weight-bold);
    font-family: var(--fonts-family-display);
  }
  .ui-heading--xs {
    font-size: var(--text-step-xs);
  }
  .ui-heading--s {
    font-size: var(--text-step-sm);
  }
  .ui-heading--m {
    font-size: var(--text-step-md);
  }
  .ui-heading--l {
    font-size: var(--text-step-lg);
  }
  .ui-heading--xl {
    font-size: var(--text-step-xl);
  }
  .ui-icon {
    flex-shrink: 0;
  }
  .ui-icon--xs {
    width: var(--icon-size-xs);
    height: var(--icon-size-xs);
    path {
      stroke-width: var(--icon-strokewidth-xs);
    }
  }
  .ui-icon--s {
    width: var(--icon-size-sm);
    height: var(--icon-size-sm);
    path {
      stroke-width: var(--icon-strokewidth-sm);
    }
  }
  .ui-icon--m {
    width: var(--icon-size-md);
    height: var(--icon-size-md);
    path {
      stroke-width: var(--icon-strokewidth-md);
    }
  }
  .ui-image-card {
    position: relative;
    overflow: clip;
    border-radius: var(--border-radius-large);
  }
  .ui-image-card__image {
    display: block;
    width: 100%;
    height: 18.75rem;
    object-fit: cover;
  }
  .ui-image-card__placeholder {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 18.75rem;
    background-color: var(--color-surface);
  }
  .ui-image-card__placeholder::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("/assets/background-pattern-e55bd35d.svg");
    background-size: cover;
    background-position: center;
    opacity: 0.8;
  }
  .ui-image-card__placeholder-icon {
    position: relative;
    z-index: 1;
    width: 10rem;
    height: auto;
  }
  .ui-image-card__badge {
    position: absolute;
    top: var(--spacing-2xs);
    left: var(--spacing-2xs);
  }
  .ui-image-card__action {
    position: absolute;
    top: var(--spacing-2xs);
    right: var(--spacing-2xs);
  }
  .ui-image-card--thumbnail .ui-image-card__image {
    height: auto;
    aspect-ratio: 16 / 9;
  }
  .ui-image-card.border-gradient {
    border-width: var(--border-width-bold) var(--border-width-default) var(--border-width-default) var(--border-width-bold);
  }
  .ui-image-card--header {
    height: 24rem;
    border: var(--border-width-default) solid var(--color-outline);
    background-color: var(--color-surface-container);
  }
  .ui-image-card__backdrop {
    position: absolute;
    inset: -0.5rem;
    filter: blur(2px);
  }
  .ui-image-card__backdrop-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .ui-image-card__backdrop::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--color-surface);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--color-surface) 80%, transparent);
    }
  }
  .ui-image-card__stage {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-md);
  }
  .ui-image-card--header .ui-image-card__image {
    width: auto;
    max-width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
    border-radius: var(--border-radius-medium);
  }
  .ui-image-card__empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-2xs);
    max-width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
    border: var(--border-width-default) dashed var(--color-outline-secondary);
    border-radius: var(--border-radius-medium);
    background-color: var(--color-secondary-container);
    color: var(--color-on-secondary-container);
  }
  .ui-image-card__empty-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .ui-image-card--header .ui-image-card__placeholder {
    width: auto;
    max-width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
    overflow: clip;
    border-radius: var(--border-radius-medium);
  }
  .ui-image-card--header .ui-image-card__placeholder-icon {
    width: 28%;
  }
  .ui-image-card--header .ui-image-card__backdrop .ui-image-card__placeholder {
    width: 100%;
    max-width: none;
    aspect-ratio: auto;
    border-radius: 0;
  }
  .ui-image-upload__grid {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-sm);
  }
  .ui-image-upload__preview {
    position: relative;
    width: 7.5rem;
    height: 7.5rem;
    border-radius: var(--border-radius-small);
    overflow: hidden;
    border: 1px solid var(--color-outline);
  }
  .ui-image-upload__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .ui-image-upload__remove {
    position: absolute;
    top: var(--spacing-3xs);
    right: var(--spacing-3xs);
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius-rounded);
    background: var(--color-on-surface-variant);
    color: var(--color-deep-blue-97);
    cursor: pointer;
    font-size: var(--text-step-2xs);
  }
  .ui-image-upload__filename {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: var(--spacing-3xs);
    background: rgb(0 0 0 / 0.5);
    color: var(--color-deep-blue-97);
    font-size: var(--text-step-2xs);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .ui-image-upload--ratio .ui-file-upload__add {
    aspect-ratio: var(--image-upload-ratio);
    width: 15rem;
    min-width: 0;
    max-width: 100%;
    max-height: none;
  }
  .ui-image-upload__delete {
    position: absolute;
    top: var(--spacing-3xs);
    right: var(--spacing-3xs);
    z-index: 200;
    display: none;
    align-items: center;
    justify-content: center;
  }
  .ui-image-upload__preview-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--border-radius-small);
    object-fit: cover;
  }
  .ui-image-upload--filled .ui-file-upload__add {
    border-color: transparent;
  }
  .ui-image-upload--filled .ui-file-upload__add-icon, .ui-image-upload--filled .ui-file-upload__add-label, .ui-image-upload--filled .ui-file-upload__sub-label {
    display: none;
  }
  .ui-file-upload__add.ui-image-upload__border {
    border: 2px dashed var(--color-deep-blue-25);
  }
  .ui-image-upload--uploading .ui-image-upload__preview-image {
    opacity: 0.6;
  }
  .ui-input {
    flex: 1;
    padding: var(--spacing-xs) var(--spacing-sm);
    background: transparent;
    border: none;
    font-size: var(--text-step-sm);
    color: inherit;
  }
  .ui-input:focus {
    outline: none;
  }
  .ui-input::placeholder {
    color: var(--color-on-surface-variant);
  }
  .ui-input--error::placeholder {
    color: var(--color-states-on-error-container);
  }
  .ui-input::-webkit-calendar-picker-indicator {
    width: var(--icon-size-sm);
    height: var(--icon-size-sm);
    padding: 0;
    background-color: var(--color-on-secondary);
    background-image: none;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: var(--icon-size-sm);
    opacity: 1;
    cursor: pointer;
  }
  .ui-input--error::-webkit-calendar-picker-indicator {
    background-color: var(--color-states-on-error-container);
  }
  .ui-input:disabled::-webkit-calendar-picker-indicator {
    background-color: var(--color-on-surface-variant);
    cursor: not-allowed;
  }
  .ui-input--with-icon {
    padding-inline-end: calc(var(--spacing-sm) + var(--icon-size-md) + var(--spacing-2xs));
  }
  .ui-input__icon {
    position: absolute;
    inset-inline-end: var(--spacing-sm);
    top: 50%;
    translate: 0 -50%;
    pointer-events: none;
    color: var(--color-on-surface-variant);
  }
  .ui-input__icon--error {
    color: var(--color-states-on-error-container);
  }
  .ui-key-metrics {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
  }
  .ui-key-metrics__items {
    display: flex;
    gap: var(--spacing-md);
    overflow-x: auto;
    scroll-snap-type: x proximity;
    padding-block-end: var(--spacing-sm);
  }
  .ui-key-metrics__items > * {
    flex: 1 0 auto;
    scroll-snap-align: start;
  }
  .ui-key-metrics-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--spacing-sm);
    padding-block: var(--spacing-xs);
    padding-inline: var(--spacing-md);
    background: var(--color-surface-container-high);
    border: var(--border-width-default) solid var(--color-outline);
    border-radius: var(--border-radius-small-inner);
    overflow: hidden;
    isolation: isolate;
    min-width: 13rem;
    max-width: 22.7rem;
  }
  .ui-key-metrics-item--full-width {
    width: 100%;
    max-width: none;
  }
  .ui-key-metrics-item__data {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .ui-key-metrics-item__pattern {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12.78rem;
    height: 22.75rem;
    transform: translate(-50%, -50%) rotate(90deg) scaleY(-1);
    color: var(--color-surface-container-highest);
    pointer-events: none;
    z-index: 0;
    display: none;
  }
  .ui-key-metrics-item__pattern--visible {
    display: block;
  }
  .ui-key-metrics-item--green {
    background: var(--color-green-10);
    border-color: var(--color-green-40);
    color: var(--color-green-70);
    .ui-key-metrics-item__value {
      color: var(--color-green-70);
    }
  }
  .ui-key-metrics-item--red {
    background: var(--color-red-10);
    border-color: var(--color-red-40);
    color: var(--color-red-70);
    .ui-key-metrics-item__value {
      color: var(--color-red-70);
    }
  }
  .ui-key-metrics-item__previous {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-2xs);
  }
  .ui-key-metrics-item__previous-value {
    font-size: var(--text-step-2xs);
  }
  .ui-key-metrics-item__label, .ui-key-metrics-item__value {
    position: relative;
    z-index: 1;
  }
  .ui-key-metrics-item__label {
    color: var(--color-on-surface);
  }
  .ui-key-metrics-item__value {
    color: var(--color-lime-70);
    font-family: var(--fonts-family-display);
  }
  .ui-link-preview {
    margin: 0;
    background: var(--color-surface-container-highest);
    border: var(--border-width-default) solid var(--color-outline);
    border-radius: var(--border-radius-small);
    overflow: hidden;
  }
  .ui-link-preview__link {
    display: flex;
    align-items: stretch;
    gap: var(--spacing-sm);
    color: inherit;
    text-decoration: none;
  }
  .ui-link-preview__link:hover {
    background: var(--color-surface-container-high);
  }
  .ui-link-preview__image {
    flex: 0 0 auto;
    width: 15rem;
    aspect-ratio: 240 / 151;
    height: auto;
    object-fit: cover;
    display: block;
  }
  .ui-link-preview__image--placeholder {
    display: none;
  }
  .ui-link-preview__content {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--spacing-3xs);
    padding: var(--spacing-sm);
    min-width: 0;
    margin: 0;
  }
  .ui-link-preview__meta {
    display: flex;
    align-items: center;
    gap: var(--spacing-3xs);
    color: var(--color-on-surface-variant);
  }
  .ui-link-preview__favicon {
    width: 1rem;
    height: 1rem;
    border-radius: var(--border-radius-rounded);
    object-fit: cover;
    display: block;
    flex-shrink: 0;
  }
  .ui-link-preview__domain {
    font-family: var(--fonts-family-default);
    font-size: var(--text-step-2xs);
    font-weight: var(--weight-medium);
    line-height: var(--line-height-default);
    color: var(--color-on-surface-variant);
  }
  .ui-link-preview__title {
    font-family: var(--fonts-family-display);
    font-size: var(--text-step-sm);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-small);
    color: var(--color-on-surface);
  }
  .ui-link-preview__description {
    font-family: var(--fonts-family-default);
    font-size: var(--text-step-xs);
    font-weight: var(--weight-default);
    line-height: var(--line-height-default);
    color: var(--color-on-surface);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .ui-link-preview__external {
    flex: 0 0 auto;
    align-self: center;
    width: 2.5rem;
    height: 2.5rem;
    background-color: var(--color-on-surface);
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6'/%3E%3Cpath d='M10 14 21 3'/%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: var(--icon-size-md);
  }
  .ui-link-preview__node {
    position: relative;
    margin-block: var(--spacing-sm);
  }
  .ui-link-preview__dismiss {
    position: absolute;
    top: var(--spacing-2xs);
    right: var(--spacing-2xs);
    width: 1.5rem;
    height: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 0;
    color: var(--color-on-surface-variant);
    cursor: pointer;
    padding: 0;
    transition: color 120ms ease;
  }
  .ui-link-preview__dismiss:hover, .ui-link-preview__dismiss:focus-visible {
    color: var(--color-on-surface);
    outline: none;
  }
  .ui-link-preview__dismiss::before {
    content: "";
    width: var(--icon-size-xs);
    height: var(--icon-size-xs);
    background-color: currentColor;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: center;
  }
  .ui-multiselect {
    position: relative;
  }
  .ui-multiselect__trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: var(--spacing-xs) var(--spacing-sm);
    background: var(--color-surface-container-highest);
    border: 1px solid var(--color-outline-variant);
    border-radius: var(--border-radius-large);
    cursor: pointer;
    text-align: left;
    gap: var(--spacing-2xs);
  }
  .ui-multiselect__trigger-text {
    font-size: var(--text-step-sm);
    color: var(--color-on-surface);
    line-height: 1.3;
  }
  .ui-multiselect__trigger-text--empty {
    color: var(--color-on-surface-variant);
  }
  .ui-multiselect__chevron {
    flex-shrink: 0;
    color: var(--color-on-surface-variant);
    transition: rotate var(--transition-fast);
  }
  .ui-multiselect--open .ui-multiselect__chevron {
    rotate: 180deg;
  }
  .ui-multiselect__panel {
    display: none;
    flex-direction: column;
    gap: var(--spacing-md);
    margin-top: var(--spacing-xs);
    background: var(--color-surface-container-highest);
    border: 1px solid var(--color-outline-variant);
    border-radius: var(--border-radius-medium);
    padding: var(--spacing-sm) var(--spacing-sm) var(--spacing-lg);
  }
  .ui-multiselect--open .ui-multiselect__panel {
    display: flex;
  }
  .ui-multiselect__panel-title {
    font-size: var(--text-step-sm);
    font-weight: 600;
    color: var(--color-on-surface-variant);
    line-height: 1.1;
  }
  .ui-multiselect__group-title {
    font-size: var(--text-step-xs);
    font-weight: 600;
    color: var(--color-on-surface);
    line-height: 1.3;
  }
  :where(.ui-multiselect__group) .ui-multiselect__items {
    padding-left: var(--spacing-md);
  }
  .ui-multiselect__item {
    display: flex;
    align-items: center;
    height: var(--button-size-md);
    gap: var(--spacing-2xs);
    border-bottom: 1px solid var(--color-outline-variant);
    cursor: pointer;
  }
  .ui-multiselect__checkbox-icon {
    flex-shrink: 0;
    width: 1.125rem;
    height: 1.125rem;
    background: var(--color-secondary);
    border-radius: var(--border-radius-small-inner);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ui-multiselect__item:has(input:checked) .ui-multiselect__checkbox-icon {
    background: var(--color-tertiary);
  }
  .ui-multiselect__item:has(input:checked) .ui-multiselect__checkbox-icon::after {
    content: "✓";
    font-size: var(--text-step-2xs);
    color: var(--color-on-tertiary);
    line-height: 1;
  }
  .ui-multiselect__item-label {
    font-size: var(--text-step-xs);
    color: var(--color-on-surface);
    line-height: 1.3;
  }
  .ui-multiselect__item:has(input:checked) .ui-multiselect__item-label {
    color: var(--color-tertiary);
  }
  .ui-page-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-sm);
    margin-bottom: var(--spacing-md);
  }
  .ui-page-header__title {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
  }
  .ui-page-header__actions {
    display: flex;
    align-items: center;
    gap: var(--spacing-2xs);
  }
  .ui-pagination {
    --pagination-radius: 0.5rem;
  }
  .ui-pagination__list {
    display: flex;
    align-items: flex-end;
    gap: var(--spacing-3xs);
  }
  .ui-pagination__link {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-3xs) var(--spacing-xs);
    border: var(--border-width-default) solid var(--color-outline);
    border-radius: var(--pagination-radius);
    background: var(--color-surface-container-high);
    color: var(--color-on-surface);
    font-size: var(--text-step-xs);
    line-height: var(--line-height-default);
    transition: border-color var(--transition-base) var(--transition-easing), color var(--transition-base) var(--transition-easing);
  }
  .ui-pagination__link:hover {
    border-color: var(--color-outline-highlight);
  }
  .ui-pagination__link--current {
    border-color: var(--color-outline-highlight);
    color: var(--color-on-surface-highlight);
  }
  .ui-pagination__gap {
    display: flex;
    align-items: center;
    padding-inline: var(--spacing-3xs);
    color: var(--color-on-surface);
    font-size: var(--text-step-sm);
    line-height: var(--line-height-default);
  }
  .ui-radio-group {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-sm);
  }
  .ui-radio-group--disabled {
    cursor: not-allowed;
    opacity: 0.6;
  }
  .ui-radio-group--disabled .ui-radio-group__option {
    pointer-events: none;
  }
  .ui-radio-group--card {
    flex-direction: column;
  }
  .ui-radio-group--card .ui-radio-group__option {
    height: auto;
    min-width: unset;
    align-items: flex-start;
    padding: var(--spacing-sm);
  }
  .ui-radio-group__option-content {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3xs);
  }
  .ui-radio-group__description {
    font-size: var(--text-step-xs);
    font-weight: var(--weight-default);
    line-height: var(--line-height-default);
    color: var(--color-on-surface-variant);
  }
  .ui-radio-group--card .ui-radio-group__option:has(input:checked) .ui-radio-group__description {
    color: var(--color-on-tertiary);
  }
  .ui-radio-group__option {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3rem;
    min-width: 3rem;
    padding-inline: var(--spacing-sm);
    background: var(--color-surface-container-highest);
    border: var(--border-width-default) solid var(--color-outline-variant);
    border-radius: var(--border-radius-medium);
    cursor: pointer;
    transition: background-color var(--transition-fast) var(--transition-easing), border-color var(--transition-fast) var(--transition-easing), color var(--transition-fast) var(--transition-easing);
  }
  .ui-radio-group__option:has(input:checked) {
    background: var(--color-tertiary);
    border-color: var(--color-tertiary);
  }
  .ui-radio-group__label {
    font-size: var(--text-step-xs);
    font-weight: var(--weight-default);
    line-height: var(--line-height-default);
    color: var(--color-on-surface-variant);
    white-space: nowrap;
  }
  .ui-radio-group__option:has(input:checked) .ui-radio-group__label {
    font-weight: var(--weight-bold);
    color: var(--color-on-tertiary);
  }
  .ui-range-slider {
    --range-slider-fill: 50%;
    --range-slider-track-height: 0.5rem;
    --range-slider-thumb-size: 1.25rem;
    --range-slider-thumb-ring: 2px;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2xs);
    width: 100%;
  }
  .ui-range-slider__input {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: var(--range-slider-thumb-size);
    margin: 0;
    background: transparent;
    cursor: pointer;
  }
  .ui-range-slider__input::-webkit-slider-runnable-track {
    height: var(--range-slider-track-height);
    border-radius: var(--border-radius-rounded);
    background: linear-gradient( to right, var(--color-primary) 0%, var(--color-primary) var(--range-slider-fill), var(--color-surface-container-highest) var(--range-slider-fill), var(--color-surface-container-highest) 100% );
  }
  .ui-range-slider__input::-moz-range-track {
    height: var(--range-slider-track-height);
    border-radius: var(--border-radius-rounded);
    background: var(--color-surface-container-highest);
  }
  .ui-range-slider__input::-moz-range-progress {
    height: var(--range-slider-track-height);
    border-radius: var(--border-radius-rounded);
    background: var(--color-primary);
  }
  .ui-range-slider__input::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: var(--range-slider-thumb-size);
    height: var(--range-slider-thumb-size);
    margin-top: calc((var(--range-slider-track-height) - var(--range-slider-thumb-size)) / 2);
    border: var(--border-width-bold) solid var(--color-surface);
    border-radius: var(--border-radius-rounded);
    background: var(--color-primary);
    box-shadow: 0 0 0 var(--range-slider-thumb-ring) var(--color-primary);
    transition: transform var(--transition-fast) var(--transition-easing);
  }
  .ui-range-slider__input:hover::-webkit-slider-thumb {
    transform: scale(1.1);
  }
  .ui-range-slider__input::-moz-range-thumb {
    width: var(--range-slider-thumb-size);
    height: var(--range-slider-thumb-size);
    border: var(--border-width-bold) solid var(--color-surface);
    border-radius: var(--border-radius-rounded);
    background: var(--color-primary);
    box-shadow: 0 0 0 var(--range-slider-thumb-ring) var(--color-primary);
    transition: transform var(--transition-fast) var(--transition-easing);
  }
  .ui-range-slider__input:hover::-moz-range-thumb {
    transform: scale(1.1);
  }
  .ui-range-slider__input:focus-visible {
    outline: none;
  }
  .ui-range-slider__input:focus-visible::-webkit-slider-thumb {
    outline: var(--border-width-bold) solid var(--color-on-surface-highlight);
    outline-offset: var(--spacing-3xs);
  }
  .ui-range-slider__input:focus-visible::-moz-range-thumb {
    outline: var(--border-width-bold) solid var(--color-on-surface-highlight);
    outline-offset: var(--spacing-3xs);
  }
  .ui-range-slider__labels {
    display: flex;
    justify-content: space-between;
    gap: var(--spacing-sm);
    font-size: var(--text-step-2xs);
    color: var(--color-on-surface-variant);
  }
  .ui-range-slider--disabled {
    opacity: 0.6;
  }
  .ui-range-slider--disabled .ui-range-slider__input {
    cursor: not-allowed;
  }
  .ui-range-slider-gender {
    display: block;
    width: 100%;
  }
  .ui-range-slider-gender__value {
    color: var(--color-on-surface-highlight);
    font-weight: var(--weight-medium);
  }
  .ui-range-slider-gender .ui-range-slider__input::-webkit-slider-runnable-track {
    background: var(--color-primary);
  }
  .ui-range-slider-gender .ui-range-slider__input::-moz-range-track {
    background: var(--color-primary);
  }
  .ui-revealable-sections {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
  }
  .ui-revealable-sections__items {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
  }
  .ui-revealable-sections__section {
    border: none;
    padding: 0;
    margin: 0;
  }
  @property --border-grad-start {
    syntax: "<color>";
    inherits: false;
    initial-value: transparent;
  }
  @property --border-grad-end {
    syntax: "<color>";
    inherits: false;
    initial-value: transparent;
  }
  @property --gradient-stop {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 0%;
  }
  .ui-search {
    --border-grad-start: var(--color-outline);
    --border-grad-end: var(--color-outline);
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
    border-radius: var(--border-radius-rounded);
    border: var(--border-width-default) solid transparent;
    background: linear-gradient(var(--color-surface-container) 0 0) padding-box, linear-gradient( 135deg, var(--border-grad-start) 0%, var(--border-grad-end) var(--gradient-stop) ) border-box;
    position: relative;
    color: var(--color-on-surface-variant);
    transition: color var(--transition-base) var(--transition-easing), --border-grad-start var(--transition-base) var(--transition-easing), --border-grad-end var(--transition-base) var(--transition-easing), --gradient-stop var(--transition-base) var(--transition-easing);
    &:has(.ui-search__input:focus) {
      color: var(--color-on-surface);
      --border-grad-start: var(--color-outline-gradient-highlight-start);
      --border-grad-end: var(--color-outline-gradient-highlight-end);
      --icon-color: var(--color-tertiary);
      --gradient-stop: 100%;
    }
    @media (any-pointer: fine) and (any-hover: hover) {
      &:has(.ui-search__input:hover) {
        color: var(--color-on-surface);
        --border-grad-start: var(--color-outline-gradient-highlight-start);
        --border-grad-end: var(--color-outline-gradient-highlight-end);
        --icon-color: var(--color-tertiary);
        --gradient-stop: 100%;
      }
    }
  }
  .ui-search__input {
    background-color: transparent;
    padding: var(--spacing-xs) var(--spacing-sm);
    padding-inline-start: calc(var(--spacing-sm) * 2 + var(--icon-size-sm));
    border: none;
    min-width: 16rem;
    flex: 1;
    &:focus {
      outline: none;
    }
    &::placeholder {
      color: var(--color-on-surface-variant);
    }
  }
  .ui-search__icon {
    position: absolute;
    top: 50%;
    left: var(--spacing-sm);
    transform: translateY(-50%);
    pointer-events: none;
    stroke: var(--icon-color, currentColor);
    transition: stroke var(--transition-base) var(--transition-easing);
  }
  .ui-select, .ui-select::picker(select) {
    appearance: base-select;
  }
  .ui-select {
    flex: 1;
    padding: var(--spacing-xs) var(--spacing-sm);
    padding-inline-end: calc(var(--spacing-sm) + var(--icon-size-md) + var(--spacing-xs));
    background: transparent;
    border: none;
    font-size: var(--text-step-sm);
    color: inherit;
  }
  .ui-select--s {
    font-size: var(--text-step-xs);
  }
  .ui-select:focus {
    outline: none;
  }
  .ui-select::picker-icon {
    display: none;
  }
  .ui-select__chevron {
    position: absolute;
    inset-inline-end: var(--spacing-xs);
    top: 50%;
    translate: 0 -50%;
    pointer-events: none;
    color: var(--color-outline-variant);
    transition: rotate var(--transition-fast);
  }
  .ui-select:open + .ui-select__chevron {
    rotate: 180deg;
  }
  .ui-select::picker(select) {
    width: anchor-size(width);
    top: calc(anchor(bottom) + var(--spacing-xs));
    left: anchor(left);
    border: 1px solid var(--color-outline-variant);
    border-radius: var(--border-radius-small);
    background: var(--color-surface-container-highest);
    box-shadow: 0 4px 16px rgb(0 0 0 / 0.25);
    opacity: 0;
    transition: opacity var(--transition-fast) allow-discrete;
  }
  .ui-select::picker(select):popover-open {
    opacity: 1;
  }
  @starting-style {
    .ui-select::picker(select):popover-open {
      opacity: 0;
    }
  }
  .ui-select option {
    display: flex;
    align-items: center;
    height: 3rem;
    padding: 0 var(--spacing-sm);
    border-bottom: 1px solid var(--color-outline-variant);
    font-size: var(--text-step-xs);
    color: var(--color-on-surface);
    transition: background-color var(--transition-fast);
  }
  .ui-select option:hover {
    background: var(--color-surface-container-high);
  }
  .ui-select option:checked {
    font-weight: 500;
    color: var(--color-tertiary);
  }
  .ui-select option::checkmark {
    display: none;
  }
  .ui-select optgroup {
    display: flex;
    flex-direction: column;
    margin-bottom: var(--spacing-md);
  }
  .ui-select optgroup:last-child {
    margin-bottom: 0;
  }
  .ui-select optgroup legend {
    font-weight: 600;
    font-size: var(--text-step-xs);
    color: var(--color-on-surface);
  }
  .ui-select optgroup option {
    margin-left: var(--spacing-md);
  }
  .ui-social-links {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
  }
  .ui-social-links__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-on-surface-variant);
    transition: color 0.15s ease;
  }
  .ui-social-links__link:hover {
    color: var(--color-on-surface);
  }
  .ui-status-indicator {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    gap: var(--spacing-2xs);
  }
  .ui-status-indicator__dot {
    width: var(--dot-size-sm);
    height: var(--dot-size-sm);
    flex-shrink: 0;
    border-radius: var(--border-radius-rounded);
    background: var(--status-indicator-color);
  }
  .ui-status-indicator__text {
    color: var(--status-indicator-color);
  }
  .ui-status-indicator--secondary {
    --status-indicator-color: var(--color-on-secondary-container);
  }
  .ui-status-indicator--blue {
    --status-indicator-color: var(--color-blue-70);
  }
  .ui-status-indicator--pink {
    --status-indicator-color: var(--color-pink-70);
  }
  .ui-status-indicator--turquoise {
    --status-indicator-color: var(--color-turquoise-70);
  }
  .ui-status-indicator--red {
    --status-indicator-color: var(--color-red-70);
  }
  .ui-status-indicator--orange {
    --status-indicator-color: var(--color-orange-70);
  }
  .ui-status-indicator--green {
    --status-indicator-color: var(--color-green-70);
  }
  .ui-stepper {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    min-width: 16rem;
  }
  .ui-stepper__title {
    font-size: var(--text-step-sm);
    font-weight: var(--weight-bold);
    color: var(--color-on-surface);
    margin: 0;
  }
  .ui-stepper__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
  }
  .ui-stepper__list-item {
    margin: 0;
  }
  .ui-stepper__link {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
    font-size: var(--text-step-sm);
    font-weight: var(--weight-default);
    line-height: var(--line-height-default);
    color: var(--color-on-surface);
    transition: color var(--transition-fast);
  }
  .ui-stepper__link--completed {
    color: var(--color-on-surface);
    text-decoration: underline;
  }
  .ui-stepper__link--active-completed, .ui-stepper__link--active {
    color: var(--color-tertiary);
  }
  .ui-stepper__link--default {
    color: var(--color-on-surface);
  }
  .ui-stepper__link:hover {
    color: var(--color-tertiary);
  }
  .ui-stepper__icon {
    display: flex;
    align-items: center;
    flex-shrink: 0;
  }
  .ui-stepper__diamond {
    width: 1.125rem;
    height: 1.5rem;
  }
  .ui-stepper__icon--complete {
    color: var(--color-tertiary);
  }
  .ui-stepper__icon--active {
    color: var(--color-tertiary);
  }
  .ui-stepper__icon--default {
    color: var(--color-on-surface);
    opacity: 0.5;
  }
  .ui-switch {
    --switch-track-width: 6.5rem;
    --switch-bubble-size: 3rem;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    cursor: pointer;
  }
  .ui-switch--disabled {
    cursor: not-allowed;
    opacity: 0.6;
  }
  .ui-switch__track {
    position: relative;
    width: var(--switch-track-width);
    height: var(--switch-bubble-size);
    padding: var(--spacing-3xs);
    border: var(--border-width-default) solid var(--color-outline-variant);
    border-radius: var(--border-radius-medium);
    transition: background-color var(--transition-fast) var(--transition-easing), border-color var(--transition-fast) var(--transition-easing);
  }
  .ui-switch__bubble {
    position: absolute;
    top: var(--spacing-3xs);
    left: var(--spacing-3xs);
    width: var(--switch-bubble-size);
    height: calc(100% - var(--spacing-3xs) * 2);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius-small);
    background: var(--color-secondary);
    transition: transform var(--transition-fast) var(--transition-easing), background-color var(--transition-fast) var(--transition-easing);
  }
  .ui-switch__icon {
    width: var(--icon-size-md);
    height: var(--icon-size-md);
  }
  .ui-switch__icon--check {
    display: none;
    color: var(--color-on-tertiary);
  }
  .ui-switch__icon--close {
    display: block;
    color: var(--color-on-secondary);
  }
  .ui-switch:has(input:checked) .ui-switch__track {
    background: var(--color-surface-container-highest);
    border-color: var(--color-tertiary);
  }
  .ui-switch:has(input:checked) .ui-switch__bubble {
    transform: translateX(calc( var(--switch-track-width) - var(--switch-bubble-size) - var(--spacing-3xs) * 2 - var(--border-width-default) * 2 ));
    background: var(--color-tertiary);
  }
  .ui-switch:has(input:checked) .ui-switch__icon--check {
    display: block;
  }
  .ui-switch:has(input:checked) .ui-switch__icon--close {
    display: none;
  }
  .ui-switch__label {
    font-size: var(--text-step-xs);
    font-weight: var(--weight-default);
    line-height: var(--line-height-default);
    color: var(--color-on-surface);
    margin-bottom: var(--spacing-xs);
  }
  .ui-system-message {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2xs);
    padding: var(--spacing-sm);
    border: var(--border-width-default) solid var(--system-message-outline);
    border-radius: var(--border-radius-small);
    background: var(--system-message-container);
  }
  .ui-system-message--info {
    --system-message-container: var(--color-states-info-container);
    --system-message-outline: var(--color-states-info-outline);
    --system-message-accent: var(--color-states-on-info-container);
  }
  .ui-system-message--success {
    --system-message-container: var(--color-states-success-container);
    --system-message-outline: var(--color-states-success-outline);
    --system-message-accent: var(--color-states-on-success-container);
  }
  .ui-system-message--attention {
    --system-message-container: var(--color-states-attention-container);
    --system-message-outline: var(--color-states-attention-outline);
    --system-message-accent: var(--color-states-on-attention-container);
  }
  .ui-system-message--error {
    --system-message-container: var(--color-states-error-container);
    --system-message-outline: var(--color-states-error-outline);
    --system-message-accent: var(--color-states-on-error-container);
  }
  .ui-system-message--ai-generated {
    --system-message-container: var(--color-primary-container);
    --system-message-outline: var(--color-primary);
    --system-message-accent: var(--color-on-primary-container);
  }
  .ui-system-message__header {
    display: flex;
    align-items: center;
    gap: var(--spacing-2xs);
  }
  .ui-system-message__icon {
    width: var(--spacing-sm);
    height: var(--spacing-sm);
    flex-shrink: 0;
    color: var(--system-message-accent);
  }
  .ui-system-message__title {
    font-size: var(--text-step-xs);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-display);
    color: var(--system-message-accent);
  }
  .ui-system-message__body {
    font-size: var(--text-step-xs);
    font-weight: var(--weight-default);
    line-height: var(--line-height-default);
    color: var(--color-on-surface);
  }
  .ui-table {
    width: 100%;
  }
  .ui-table__wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
  }
  .ui-table__scroll {
    position: relative;
    overflow-x: auto;
  }
  .ui-table__head {
    background: var(--color-surface-container);
  }
  .ui-table__th {
    font-size: var(--text-step-2xs);
    font-weight: var(--weight-bold);
    color: var(--color-outline-variant);
    text-align: left;
    padding: var(--spacing-sm) var(--spacing-md);
  }
  .ui-table__td {
    padding: var(--spacing-sm) var(--spacing-md);
    border-top: 1px solid var(--color-outline);
    font-size: var(--text-step-xs);
    font-weight: var(--weight-default);
    text-align: left;
  }
  .ui-table__td--nowrap {
    white-space: nowrap;
  }
  .ui-table__td--actions {
    text-align: right;
  }
  .ui-table-expandable-row__trigger {
    cursor: pointer;
    user-select: none;
    transition: background var(--transition-base) var(--transition-easing);
  }
  .ui-table-expandable-row__trigger:hover {
    background: var(--color-surface-container);
  }
  .ui-table-expandable-row__chevron {
    transition: transform var(--transition-base) var(--transition-easing);
    color: var(--color-outline-variant);
  }
  .ui-table-expandable-row__trigger--open .ui-table-expandable-row__chevron {
    transform: rotate(180deg);
  }
  .ui-table-expandable-row__cell {
    border-top: 1px solid var(--color-outline);
    background: var(--color-surface-container-low);
    padding: var(--spacing-sm) var(--spacing-md);
  }
  .ui-table-sorter {
    display: flex;
    flex-direction: column;
    line-height: 0;
  }
  .ui-table-sorter__link {
    color: var(--color-outline-variant);
    transition: color var(--transition-base) var(--transition-easing);
  }
  .ui-table-sorter__link:hover {
    color: var(--color-on-surface);
  }
  .ui-table-sorter__link--active {
    color: var(--color-primary);
  }
  .ui-table-sorter__icon {
    width: var(--icon-size-xs);
    height: var(--icon-size-xs);
  }
  .ui-tabs {
    display: inline-flex;
    background: var(--color-surface-container-high);
    border: var(--border-width-default) solid var(--color-outline);
    border-radius: var(--border-radius-medium);
    overflow: clip;
  }
  .ui-tabs__item:first-child {
    border-bottom-left-radius: var(--border-radius-medium);
  }
  .ui-tabs__item:last-child {
    border-bottom-right-radius: var(--border-radius-medium);
  }
  .ui-tabs__item {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-3xs);
    padding: var(--spacing-xs) var(--spacing-sm);
    font-size: var(--text-step-xs);
    font-weight: var(--weight-default);
    line-height: var(--line-height-default);
    color: var(--color-on-surface-variant);
    white-space: nowrap;
    border-bottom: var(--border-width-default) solid transparent;
  }
  .ui-tabs__item--active {
    color: var(--color-on-surface);
    border-bottom-color: var(--color-tertiary);
    text-shadow: 0.4px 0 0 currentColor, -0.4px 0 0 currentColor;
  }
  .ui-tabs__icon {
    width: var(--icon-size-xs);
    height: var(--icon-size-xs);
    flex-shrink: 0;
  }
  .ui-tabs__counter {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: var(--icon-size-md);
    min-height: var(--icon-size-md);
    margin-left: var(--spacing-3xs);
    padding: 0 var(--spacing-3xs);
    border: var(--border-width-default) solid var(--color-outline);
    border-radius: var(--border-radius-small);
    font-size: var(--text-step-2xs);
    font-weight: var(--weight-medium);
    line-height: 1;
    background: var(--color-surface-container-highest);
    color: var(--color-on-surface-variant);
  }
  .ui-tabs__counter--highlight {
    color: var(--color-tertiary);
  }
  .ui-tabs__counter--highlight::after {
    content: "";
    position: absolute;
    top: calc(-1 * var(--spacing-3xs) / 2);
    right: calc(-1 * var(--spacing-3xs) / 2);
    width: var(--spacing-2xs);
    height: var(--spacing-2xs);
    border-radius: var(--border-radius-rounded);
    background: var(--color-tertiary);
  }
  .ui-tag {
    display: inline-flex;
    align-items: center;
    padding: var(--spacing-3xs) var(--spacing-xs);
    background: var(--color-surface-container-high);
    border: var(--border-width-default) solid var(--color-lime-70);
    border-radius: var(--border-radius-medium);
    color: var(--color-lime-70);
    white-space: nowrap;
  }
  .ui-teaser {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-sm);
    padding: var(--spacing-md);
    background: var(--color-states-info-container);
    border: var(--border-width-bold) solid var(--color-states-info-outline);
    border-radius: var(--border-radius-medium);
  }
  .ui-teaser__title {
    margin: 0;
    color: var(--color-states-on-info-container);
  }
  .ui-teaser__description {
    margin: 0;
    color: var(--color-states-on-info-container);
  }
  .ui-textarea {
    flex: 1;
    padding: var(--spacing-xs) var(--spacing-sm);
    background: transparent;
    border: none;
    font-size: var(--text-step-sm);
    color: inherit;
    min-height: 9rem;
  }
  .ui-textarea:focus {
    outline: none;
  }
  .ui-textarea::placeholder {
    color: var(--color-on-surface-variant);
  }
  .ui-textarea--error::placeholder {
    color: var(--color-states-on-error-container);
  }
  .ui-textarea:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }
  .ui-textarea--auto-grow {
    min-height: unset;
    resize: none;
    overflow: hidden;
    padding: 0;
  }
  .ui-textarea-magic .ui-form-control {
    border: none;
    border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0;
    &:has(:focus) {
      outline: none;
    }
  }
  .ui-textarea-magic__input {
    border-radius: var(--border-radius-medium);
    border: var(--border-width-default) solid var(--color-outline-variant);
    border-bottom: none;
    border-end-end-radius: 0;
    border-end-start-radius: 0;
  }
  .ui-textarea-magic__footer {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
    padding: var(--spacing-xs) var(--spacing-sm);
    background: var(--color-primary-container);
    border: var(--border-width-default) solid var(--color-primary);
    border-end-start-radius: var(--border-radius-medium);
    border-end-end-radius: var(--border-radius-medium);
  }
  .ui-textarea-magic__hint {
    flex: 1 0 0;
    min-width: 0;
    font-size: var(--text-step-2xs);
    color: var(--color-on-primary-container);
    line-height: 1.3;
  }
  .ui-textarea-magic__button {
    flex-shrink: 0;
    padding-left: var(--spacing-xs);
    &[hidden] {
      display: none;
    }
    &:disabled {
      opacity: 0.5;
      pointer-events: auto;
      cursor: not-allowed;
    }
  }
  .ui-textarea-magic__button--loading:disabled {
    opacity: 1;
  }
  .ui-textarea-magic__icon {
    width: var(--icon-size-xs);
    height: var(--icon-size-xs);
    flex-shrink: 0;
  }
  @keyframes magic-textarea-spin {
    to {
      transform: rotate(360deg);
    }
  }
  .ui-textarea-magic__icon--spinning {
    animation: magic-textarea-spin 1s linear infinite;
  }
  .ui-textarea-wysiwyg {
    display: block;
    width: 100%;
  }
  .ui-textarea-wysiwyg--disabled {
    opacity: 0.7;
  }
  .ui-textarea-wysiwyg--disabled .ui-textarea-wysiwyg__editor::part(toolbar) {
    display: none;
  }
  .ui-textarea-wysiwyg--disabled .ui-textarea-wysiwyg__editor .trix-content {
    pointer-events: none;
  }
  .ui-textarea-wysiwyg__editor {
    --rhino-border-color: transparent !important;
    --rhino-border-radius: 0 !important;
    --rhino-focus-ring: none !important;
    --rhino-text-color: var(--color-on-surface) !important;
    --rhino-dark-text-color: var(--color-on-surface) !important;
    --rhino-placeholder-text-color: var(--color-on-surface-variant) !important;
    --rhino-dark-placeholder-text-color: var(--color-on-surface-variant) !important;
    --rhino-button-text-color: var(--color-on-surface-variant) !important;
    --rhino-button-dark-text-color: var(--color-on-surface-variant) !important;
    --rhino-button-border-color: transparent !important;
    --rhino-button-active-border-color: transparent !important;
    --rhino-button-active-background-color: var(--color-primary-container) !important;
    --rhino-button-focus-background-color: var(--color-surface-container-highest) !important;
    --rhino-button-disabled-text-color: var(--color-outline-variant) !important;
    --rhino-button-disabled-border-color: transparent !important;
    --rhino-button-disabled-background-color: transparent !important;
    --rhino-toolbar-text-color: var(--color-on-surface-variant) !important;
    --rhino-toolbar-icon-size: 1.125rem !important;
    --rhino-fake-selection-color: var(--color-primary-accent) !important;
    color-scheme: dark;
    display: block;
    width: 100%;
    font-family: var(--fonts-family-default);
    font-size: var(--text-step-sm);
    color: var(--color-on-surface);
    background: transparent;
  }
  .ui-textarea-wysiwyg__editor::part(toolbar) {
    background: var(--color-surface-container-high);
    border: 0;
    padding: var(--spacing-2xs) var(--spacing-xs);
    gap: var(--spacing-3xs);
  }
  .ui-textarea-wysiwyg__editor::part(toolbar__button) {
    background: transparent;
    border: var(--border-width-default) solid transparent;
    border-radius: var(--border-radius-medium);
    padding: var(--spacing-3xs);
    color: var(--color-on-surface-variant);
    box-shadow: none;
    transition: background-color 120ms ease, color 120ms ease, border-color 120ms ease;
  }
  .ui-textarea-wysiwyg__editor::part(toolbar__button):hover, .ui-textarea-wysiwyg__editor::part(toolbar__button):focus {
    background: var(--color-surface-container-highest);
    color: var(--color-on-surface);
    border-color: transparent;
    box-shadow: none;
    outline: none;
  }
  .ui-textarea-wysiwyg__editor::part(toolbar__button--active) {
    background: var(--color-primary-container);
    color: var(--color-on-primary-container);
    border-color: var(--color-primary);
  }
  .ui-textarea-wysiwyg__editor::part(toolbar__button--disabled) {
    color: var(--color-outline-variant);
    background: transparent;
    border-color: transparent;
    opacity: 0.5;
  }
  .ui-textarea-wysiwyg__editor::part(editor), .ui-textarea-wysiwyg__editor::part(editor-wrapper) {
    background: transparent;
    border: 0;
    outline: none;
  }
  .ui-textarea-wysiwyg__editor .trix-content {
    border: 0;
    border-radius: 0;
    min-height: 14rem;
    padding: var(--spacing-sm);
    background: transparent;
    color: var(--color-on-surface);
    font-family: var(--fonts-family-default);
    font-size: var(--text-step-sm);
    line-height: var(--line-height-default);
    outline: none;
    box-shadow: none;
  }
  .ui-textarea-wysiwyg__editor .trix-content:is(:focus, :focus-within) {
    border: 0;
    box-shadow: none;
    outline: none;
  }
  .ui-textarea-wysiwyg__editor .trix-content p.is-editor-empty:first-child::before {
    color: var(--color-on-surface-variant);
  }
  .ui-textarea-wysiwyg__editor .trix-content a:not(.ui-link-preview__link) {
    color: var(--color-on-surface-highlight);
    text-decoration: underline;
  }
  .ui-textarea-wysiwyg__editor::part(bubble-menu__popover), .ui-textarea-wysiwyg__editor::part(bubble-menu__popover-base), .ui-textarea-wysiwyg__editor::part(bubble-menu__popover--active), .ui-textarea-wysiwyg__editor::part(bubble-menu__popover--fixed), .ui-textarea-wysiwyg__editor::part(bubble-menu__popover--has-arrow), .ui-textarea-wysiwyg__editor::part(link-bubble-menu__popover), .ui-textarea-wysiwyg__editor::part(link-bubble-menu__popover-base), .ui-textarea-wysiwyg__editor::part(link-bubble-menu__popover--active), .ui-textarea-wysiwyg__editor::part(bubble-menu__toolbar), .ui-textarea-wysiwyg__editor::part(link-bubble-menu__toolbar) {
    background: transparent;
    border: 0;
    padding: 0;
    box-shadow: none;
  }
  .ui-textarea-wysiwyg__editor::part(bubble-menu__arrow), .ui-textarea-wysiwyg__editor::part(link-bubble-menu__arrow) {
    display: none;
  }
  .ui-textarea-wysiwyg__editor::part(bubble-menu__toolbar__base), .ui-textarea-wysiwyg__editor::part(link-dialog__container) {
    background: var(--color-surface-container-high);
    border: var(--border-width-default) solid var(--color-outline-variant);
    border-radius: var(--border-radius-medium);
    padding: var(--spacing-3xs);
    color: var(--color-on-surface);
  }
  .ui-textarea-wysiwyg__editor::part(dialog) {
    background: var(--color-surface-container-high);
    border: var(--border-width-default) solid var(--color-outline-variant);
    border-radius: var(--border-radius-medium);
    color: var(--color-on-surface);
  }
  .ui-textarea-wysiwyg--error .ui-textarea-wysiwyg__editor::part(toolbar) {
    background: var(--color-states-error-container);
  }
  .ui-textarea-wysiwyg--ai .ui-textarea-wysiwyg__editor::part(toolbar) {
    background: var(--color-primary-container);
  }
  .ui-timeline {
    --timeline-rail-width: 0.625rem;
  }
  .ui-timeline__header {
    padding-bottom: var(--spacing-sm);
    margin-bottom: var(--spacing-xs);
    border-bottom: var(--border-width-default) solid var(--color-outline);
  }
  .ui-timeline__more {
    display: block;
    width: 100%;
    background: none;
    border: none;
    border-top: var(--border-width-default) solid var(--color-outline);
    cursor: pointer;
    padding: var(--spacing-sm) 0;
    color: var(--color-primary);
    text-align: start;
  }
  .ui-timeline__more:hover {
    color: var(--color-on-primary-container);
  }
  .ui-timeline__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
  }
  .ui-timeline__list[hidden] {
    display: none;
  }
  .ui-timeline__entry {
    display: grid;
    grid-template-columns: var(--timeline-rail-width) 1fr;
    gap: var(--spacing-sm);
    align-items: start;
    padding: var(--spacing-sm) 0;
    position: relative;
  }
  .ui-timeline__entry:not(:last-child)::after {
    content: "";
    position: absolute;
    top: calc(var(--spacing-sm) + 0.875rem);
    bottom: 0;
    inset-inline-start: calc(var(--timeline-rail-width) / 2);
    width: 1px;
    background: var(--color-outline);
  }
  .ui-timeline__entry + .ui-timeline__entry::before {
    content: "";
    position: absolute;
    top: 0;
    inset-inline-start: calc(var(--timeline-rail-width) / 2);
    width: 1px;
    height: calc(var(--spacing-sm) + 0.25rem);
    background: var(--color-outline);
  }
  .ui-timeline__dot {
    width: var(--timeline-rail-width);
    height: var(--timeline-rail-width);
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 0.25rem;
  }
  .ui-timeline__dot--success {
    background: var(--color-states-on-success);
  }
  .ui-timeline__dot--attention {
    background: var(--color-states-on-attention);
  }
  .ui-timeline__dot--error {
    background: var(--color-states-on-error);
  }
  .ui-timeline__dot--pending {
    background: var(--color-states-on-pending);
  }
  .ui-timeline__content {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3xs);
  }
  .ui-timeline__body {
    padding: var(--spacing-xs) var(--spacing-sm);
    background: var(--color-surface-container-high);
    border-inline-start: var(--border-width-bold) solid var(--color-outline);
    border-radius: var(--border-radius-small);
  }
  .ui-timeline__body p {
    margin-bottom: var(--spacing-xs);
  }
  .ui-timeline__body p:last-child {
    margin-bottom: 0;
  }
  .ui-timeline__time {
    color: var(--color-on-surface-variant);
  }
  .ui-toggle-group {
    display: block;
  }
  .ui-toggle-group__label {
    display: block;
    font-size: var(--text-step-2xs);
    font-weight: var(--weight-medium);
    line-height: var(--line-height-display);
    color: var(--color-on-surface-variant);
    margin-bottom: var(--spacing-xs);
  }
  .ui-toggle-group__track {
    display: flex;
    align-items: center;
    gap: var(--spacing-3xs);
    padding: var(--spacing-3xs);
    background: var(--color-surface-container-highest);
    border: var(--border-width-default) solid var(--color-outline-variant);
    border-radius: var(--border-radius-medium);
    overflow: clip;
  }
  .ui-toggle-group__option {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: var(--spacing-xs) var(--spacing-sm);
    font-size: var(--text-step-xs);
    line-height: var(--line-height-default);
    color: var(--color-on-surface-variant);
    border-radius: var(--border-radius-small);
    white-space: nowrap;
    transition: background-color var(--transition-fast) var(--transition-easing), color var(--transition-fast) var(--transition-easing);
  }
  .ui-toggle-group__option:has(input:checked) {
    background: var(--color-tertiary);
    color: var(--color-on-tertiary);
    font-weight: var(--weight-bold);
  }
  .ui-toggle-group__option--disabled {
    opacity: 0.38;
    cursor: default;
    pointer-events: none;
  }
  .memberships__table tr td + td {
    padding-left: var(--spacing-sm);
  }
  .memberships__table tr th + th {
    padding-left: var(--spacing-sm);
  }
  .memberships__table--row {
    border-bottom: var(--border-width-default) solid var(--color-outline-secondary);
    td {
      padding-block: var(--spacing-md);
    }
  }
}
@layer utilities {
  .collapse {
    visibility: collapse;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .fixed {
    position: fixed;
  }
  .static {
    position: static;
  }
  .z-20 {
    z-index: 20;
  }
  .z-50 {
    z-index: 50;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .mt-2xl {
    margin-top: var(--spacing-2xl);
  }
  .mt-2xs {
    margin-top: var(--spacing-2xs);
  }
  .mt-3xs {
    margin-top: var(--spacing-3xs);
  }
  .mt-lg {
    margin-top: var(--spacing-lg);
  }
  .mt-md {
    margin-top: var(--spacing-md);
  }
  .mt-sm {
    margin-top: var(--spacing-sm);
  }
  .mt-xl {
    margin-top: var(--spacing-xl);
  }
  .mt-xs {
    margin-top: var(--spacing-xs);
  }
  .mb-2xs {
    margin-bottom: var(--spacing-2xs);
  }
  .mb-3xs {
    margin-bottom: var(--spacing-3xs);
  }
  .mb-lg {
    margin-bottom: var(--spacing-lg);
  }
  .mb-md {
    margin-bottom: var(--spacing-md);
  }
  .mb-sm {
    margin-bottom: var(--spacing-sm);
  }
  .mb-xl {
    margin-bottom: var(--spacing-xl);
  }
  .mb-xs {
    margin-bottom: var(--spacing-xs);
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .w-full {
    width: 100%;
  }
  .min-w-max {
    min-width: max-content;
  }
  .flex-1 {
    flex: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .resize {
    resize: both;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-2xl {
    gap: var(--spacing-2xl);
  }
  .gap-2xs {
    gap: var(--spacing-2xs);
  }
  .gap-3xs {
    gap: var(--spacing-3xs);
  }
  .gap-lg {
    gap: var(--spacing-lg);
  }
  .gap-md {
    gap: var(--spacing-md);
  }
  .gap-sm {
    gap: var(--spacing-sm);
  }
  .gap-xl {
    gap: var(--spacing-xl);
  }
  .gap-xs {
    gap: var(--spacing-xs);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-outline {
    border-color: var(--color-outline);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .wrap-break-word {
    overflow-wrap: break-word;
  }
  .text-muted {
    color: var(--color-muted);
  }
  .text-primary {
    color: var(--color-primary);
  }
  .text-subtle {
    color: var(--color-subtle);
  }
  .text-success {
    color: var(--color-success);
  }
  .text-tertiary {
    color: var(--color-tertiary);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline {
    text-decoration-line: underline;
  }
  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .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));
  }
  .focus\:outline-hidden:focus {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  .focus-visible\:bg-transparent:focus-visible {
    background-color: transparent;
  }
  .focus-visible\:ring-0:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus-visible\:ring-offset-0:focus-visible {
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .focus-visible\:outline-hidden:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  @media (width >= 40rem) {
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 64rem) {
    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (width >= 80rem) {
    .xl\:hidden {
      display: none;
    }
  }
  .rtl\:-scale-x-100:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-scale-x: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:block {
      display: block;
    }
    .dark\:hidden {
      display: none;
    }
    .dark\:-outline-offset-1 {
      outline-offset: calc(1px * -1);
    }
  }
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@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-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@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-border-style: solid;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --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-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}