/* src/global.css */
/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root,
  :host {
    --font-sans: var(--font-sans);
    --font-mono:
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace;
    --color-red-200: oklch(88.5% 0.062 18.334);
    --color-red-300: oklch(80.8% 0.114 19.571);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-green-200: oklch(92.5% 0.084 155.995);
    --color-green-400: oklch(79.2% 0.209 151.711);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-cyan-600: oklch(60.9% 0.126 221.723);
    --color-cyan-800: oklch(45% 0.085 224.283);
    --color-cyan-950: oklch(30.2% 0.056 229.695);
    --color-sky-300: oklch(82.8% 0.111 230.318);
    --color-blue-100: oklch(93.2% 0.032 255.585);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-blue-800: oklch(42.4% 0.199 265.638);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-white: #fff;
    --spacing: 0.25rem;
    --text-xs: 10px;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 12px;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 16px;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 18px;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 20px;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 24px;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 32px;
    --text-4xl: 48px;
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-light: var(--font-weight-light);
    --font-weight-normal: var(--font-weight-normal);
    --font-weight-medium: var(--font-weight-medium);
    --font-weight-semibold: var(--font-weight-semibold);
    --font-weight-bold: var(--font-weight-bold);
    --tracking-tighter: var(--tracking-tighter);
    --tracking-tight: var(--tracking-tight);
    --tracking-normal: var(--tracking-normal);
    --leading-tight: var(--leading-tight);
    --leading-snug: var(--leading-snug);
    --leading-relaxed: var(--leading-relaxed);
    --leading-loose: var(--leading-loose);
    --radius-xs: 0.125rem;
    --radius-sm: var(--radius-sm);
    --radius-md: var(--radius-md);
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --radius-4xl: 2rem;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-sm: 8px;
    --blur-md: 12px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --font-display: var(--font-display);
    --spacing-0: 0;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 12px;
    --spacing-lg: 16px;
    --spacing-xl: 20px;
    --spacing-2xl: 24px;
    --spacing-3xl: 32px;
    --spacing-4xl: 40px;
    --spacing-5xl: 48px;
    --page-padding-x: var(--spacing-xl);
    --page-padding-top: var(--spacing-2xl);
    --page-padding-bottom: var(--spacing-5xl);
    --page-top-content-y: var(--spacing-3xl);
    --radius-full: var(--radius-full);
  }
}
@layer base {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html,
  :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    display: block;
    vertical-align: middle;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea,
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
    }
    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit,
  ::-webkit-datetime-edit-year-field,
  ::-webkit-datetime-edit-month-field,
  ::-webkit-datetime-edit-day-field,
  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-minute-field,
  ::-webkit-datetime-edit-second-field,
  ::-webkit-datetime-edit-millisecond-field,
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button,
  input:where([type=button], [type=reset], [type=submit]),
  ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden=until-found])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: var(--spacing-0);
  }
  .inset-x-0 {
    inset-inline: var(--spacing-0);
  }
  .inset-y-0 {
    inset-block: var(--spacing-0);
  }
  .-top-1 {
    top: calc(var(--spacing) * -1);
  }
  .top-0 {
    top: var(--spacing-0);
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .top-4 {
    top: calc(var(--spacing) * 4);
  }
  .top-5 {
    top: calc(var(--spacing) * 5);
  }
  .top-8 {
    top: calc(var(--spacing) * 8);
  }
  .right-0 {
    right: var(--spacing-0);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .right-5 {
    right: calc(var(--spacing) * 5);
  }
  .right-11 {
    right: calc(var(--spacing) * 11);
  }
  .bottom-0 {
    bottom: var(--spacing-0);
  }
  .bottom-3 {
    bottom: calc(var(--spacing) * 3);
  }
  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }
  .bottom-20 {
    bottom: calc(var(--spacing) * 20);
  }
  .-left-px {
    left: -1px;
  }
  .left-0 {
    left: var(--spacing-0);
  }
  .left-1\/2 {
    left: calc(1/2 * 100%);
  }
  .left-5 {
    left: calc(var(--spacing) * 5);
  }
  .left-12 {
    left: calc(var(--spacing) * 12);
  }
  .z-10 {
    z-index: 10;
  }
  .z-50 {
    z-index: 50;
  }
  .container {
    width: 100%;
  }
  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }
  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }
  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }
  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }
  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }
  .m-0 {
    margin: var(--spacing-0);
  }
  .mx-\(--page-padding-x\) {
    margin-inline: var(--page-padding-x);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .me-6 {
    margin-inline-end: calc(var(--spacing) * 6);
  }
  .mt-\(--form-block-header-margin-top\,0\) {
    margin-top: var(--form-block-header-margin-top,0);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-auto {
    margin-top: auto;
  }
  .mb-\(--form-block-description-margin-bottom\,0\) {
    margin-bottom: var(--form-block-description-margin-bottom,0);
  }
  .mb-\(--form-block-header-margin-bottom\,1rem\) {
    margin-bottom: var(--form-block-header-margin-bottom,1rem);
  }
  .mb-\(--form-block-title-margin-bottom\,0\) {
    margin-bottom: var(--form-block-title-margin-bottom,0);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .ml-\(--avatarcard-avatar-overlap\) {
    margin-left: var(--avatarcard-avatar-overlap);
  }
  .ml-auto {
    margin-left: auto;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-flex {
    display: inline-flex;
  }
  .size-\(--iconbutton-md-size\) {
    width: var(--iconbutton-md-size);
    height: var(--iconbutton-md-size);
  }
  .size-\(--iconbutton-sm-size\) {
    width: var(--iconbutton-sm-size);
    height: var(--iconbutton-sm-size);
  }
  .size-1 {
    width: calc(var(--spacing) * 1);
    height: calc(var(--spacing) * 1);
  }
  .size-1\.5 {
    width: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1.5);
  }
  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .size-14 {
    width: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 14);
  }
  .size-20 {
    width: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 20);
  }
  .size-24 {
    width: calc(var(--spacing) * 24);
    height: calc(var(--spacing) * 24);
  }
  .size-28 {
    width: calc(var(--spacing) * 28);
    height: calc(var(--spacing) * 28);
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-13 {
    height: calc(var(--spacing) * 13);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-18 {
    height: calc(var(--spacing) * 18);
  }
  .h-44 {
    height: calc(var(--spacing) * 44);
  }
  .h-50 {
    height: calc(var(--spacing) * 50);
  }
  .h-52 {
    height: calc(var(--spacing) * 52);
  }
  .h-70 {
    height: calc(var(--spacing) * 70);
  }
  .h-100 {
    height: calc(var(--spacing) * 100);
  }
  .h-\[1\.1lh\] {
    height: 1.1lh;
  }
  .h-\[42px\] {
    height: 42px;
  }
  .h-\[72px\] {
    height: 72px;
  }
  .h-\[80\%\] {
    height: 80%;
  }
  .h-\[210px\] {
    height: 210px;
  }
  .h-\[400px\] {
    height: 400px;
  }
  .h-\[calc\(100\%\+5px\)\] {
    height: calc(100% + 5px);
  }
  .h-full {
    height: 100%;
  }
  .max-h-10 {
    max-height: calc(var(--spacing) * 10);
  }
  .max-h-96 {
    max-height: calc(var(--spacing) * 96);
  }
  .max-h-full {
    max-height: 100%;
  }
  .min-h-35 {
    min-height: calc(var(--spacing) * 35);
  }
  .min-h-\[600px\] {
    min-height: 600px;
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-13 {
    width: calc(var(--spacing) * 13);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-18 {
    width: calc(var(--spacing) * 18);
  }
  .w-72 {
    width: calc(var(--spacing) * 72);
  }
  .w-\[35\%\] {
    width: 35%;
  }
  .w-\[calc\(100\%\+2px\)\] {
    width: calc(100% + 2px);
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .max-w-16 {
    max-width: calc(var(--spacing) * 16);
  }
  .max-w-32 {
    max-width: calc(var(--spacing) * 32);
  }
  .max-w-100 {
    max-width: calc(var(--spacing) * 100);
  }
  .max-w-125 {
    max-width: calc(var(--spacing) * 125);
  }
  .max-w-\[209px\] {
    max-width: 209px;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-md {
    max-width: var(--spacing-md);
  }
  .min-w-0 {
    min-width: var(--spacing-0);
  }
  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }
  .min-w-16 {
    min-width: calc(var(--spacing) * 16);
  }
  .min-w-\[80px\] {
    min-width: 80px;
  }
  .flex-1 {
    flex: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .\[appearance\:textfield\] {
    appearance: textfield;
  }
  .auto-cols-\[1fr\] {
    grid-auto-columns: 1fr;
  }
  .grid-flow-col {
    grid-auto-flow: column;
  }
  .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));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .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;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-around {
    justify-content: space-around;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-evenly {
    justify-content: space-evenly;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-\(--appointment-card-gap\) {
    gap: var(--appointment-card-gap);
  }
  .gap-\(--calloutcard-gap\) {
    gap: var(--calloutcard-gap);
  }
  .gap-\(--capturecard-gap\) {
    gap: var(--capturecard-gap);
  }
  .gap-\(--checkboxgroup-gap\,0\.5rem\) {
    gap: var(--checkboxgroup-gap,0.5rem);
  }
  .gap-\(--detailcard-gap\) {
    gap: var(--detailcard-gap);
  }
  .gap-\(--detailexpandablecard-gap\) {
    gap: var(--detailexpandablecard-gap);
  }
  .gap-\(--goalcard-gap\) {
    gap: var(--goalcard-gap);
  }
  .gap-\(--infolistcard-gap\) {
    gap: var(--infolistcard-gap);
  }
  .gap-\(--infolistcard-text-gap\) {
    gap: var(--infolistcard-text-gap);
  }
  .gap-\(--infostatscard-gap\) {
    gap: var(--infostatscard-gap);
  }
  .gap-\(--list-menu-gap\) {
    gap: var(--list-menu-gap);
  }
  .gap-\(--notification-card-gap\) {
    gap: var(--notification-card-gap);
  }
  .gap-\(--processstatuscard-gap\) {
    gap: var(--processstatuscard-gap);
  }
  .gap-\(--radiogroup-gap\,0\.5rem\) {
    gap: var(--radiogroup-gap,0.5rem);
  }
  .gap-\(--row-button-gap\) {
    gap: var(--row-button-gap);
  }
  .gap-\(--selectionbutton-gap\) {
    gap: var(--selectionbutton-gap);
  }
  .gap-\(--snapshotcard-gap\) {
    gap: var(--snapshotcard-gap);
  }
  .gap-\(--stepoverviewcard-gap\) {
    gap: var(--stepoverviewcard-gap);
  }
  .gap-\(--summarycard-gap\) {
    gap: var(--summarycard-gap);
  }
  .gap-\(--taskcard-gap\) {
    gap: var(--taskcard-gap);
  }
  .gap-\(--visitcard-gap\) {
    gap: var(--visitcard-gap);
  }
  .gap-\(--visitstatuscard-gap\) {
    gap: var(--visitstatuscard-gap);
  }
  .gap-0 {
    gap: var(--spacing-0);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
  .self-start {
    align-self: flex-start;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-\(--appointment-card-border-radius\) {
    border-radius: var(--appointment-card-border-radius);
  }
  .rounded-\(--avatarcard-border-radius\) {
    border-radius: var(--avatarcard-border-radius);
  }
  .rounded-\(--calloutcard-border-radius\) {
    border-radius: var(--calloutcard-border-radius);
  }
  .rounded-\(--capturecard-preview-border-radius\) {
    border-radius: var(--capturecard-preview-border-radius);
  }
  .rounded-\(--carousel-border-radius\) {
    border-radius: var(--carousel-border-radius);
  }
  .rounded-\(--checkboxgroup-border-radius\) {
    border-radius: var(--checkboxgroup-border-radius);
  }
  .rounded-\(--checkboxgroup-card-border-radius\) {
    border-radius: var(--checkboxgroup-card-border-radius);
  }
  .rounded-\(--detailcard-border-radius\) {
    border-radius: var(--detailcard-border-radius);
  }
  .rounded-\(--detailexpandablecard-border-radius\) {
    border-radius: var(--detailexpandablecard-border-radius);
  }
  .rounded-\(--digitalcredentialcard-border-radius\) {
    border-radius: var(--digitalcredentialcard-border-radius);
  }
  .rounded-\(--form-block-border-radius\,var\(--radius-4xl\)\) {
    border-radius: var(--form-block-border-radius,var(--radius-4xl));
  }
  .rounded-\(--goalcard-border-radius\) {
    border-radius: var(--goalcard-border-radius);
  }
  .rounded-\(--infolistcard-border-radius\) {
    border-radius: var(--infolistcard-border-radius);
  }
  .rounded-\(--infostatscard-border-radius\) {
    border-radius: var(--infostatscard-border-radius);
  }
  .rounded-\(--labresultcard-border-radius\) {
    border-radius: var(--labresultcard-border-radius);
  }
  .rounded-\(--list-menu-border-radius\) {
    border-radius: var(--list-menu-border-radius);
  }
  .rounded-\(--notification-card-border-radius\) {
    border-radius: var(--notification-card-border-radius);
  }
  .rounded-\(--notification-card-image-border-radius\) {
    border-radius: var(--notification-card-image-border-radius);
  }
  .rounded-\(--processstatuscard-border-radius\) {
    border-radius: var(--processstatuscard-border-radius);
  }
  .rounded-\(--radiogroup-border-radius\) {
    border-radius: var(--radiogroup-border-radius);
  }
  .rounded-\(--row-button-primary-border-radius\) {
    border-radius: var(--row-button-primary-border-radius);
  }
  .rounded-\(--row-button-secondary-border-radius\) {
    border-radius: var(--row-button-secondary-border-radius);
  }
  .rounded-\(--selectionbutton-border-radius\) {
    border-radius: var(--selectionbutton-border-radius);
  }
  .rounded-\(--snapshotcard-border-radius\) {
    border-radius: var(--snapshotcard-border-radius);
  }
  .rounded-\(--summarycard-border-radius\) {
    border-radius: var(--summarycard-border-radius);
  }
  .rounded-\(--tabs-border-radius\) {
    border-radius: var(--tabs-border-radius);
  }
  .rounded-\(--taskcard-border-radius\) {
    border-radius: var(--taskcard-border-radius);
  }
  .rounded-\(--timebadge-border-radius\) {
    border-radius: var(--timebadge-border-radius);
  }
  .rounded-\(--visitcard-border-radius\) {
    border-radius: var(--visitcard-border-radius);
  }
  .rounded-\(--visitstatuscard-border-radius\) {
    border-radius: var(--visitstatuscard-border-radius);
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }
  .rounded-full {
    border-radius: var(--radius-full);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-none {
    border-radius: 0;
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-t-3xl {
    border-top-left-radius: var(--radius-3xl);
    border-top-right-radius: var(--radius-3xl);
  }
  .rounded-l-md {
    border-top-left-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }
  .rounded-r-md {
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
  }
  .rounded-b-\(--taskcard-border-radius\) {
    border-bottom-right-radius: var(--taskcard-border-radius);
    border-bottom-left-radius: var(--taskcard-border-radius);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-\(length\:--checkboxgroup-border-width\) {
    border-style: var(--tw-border-style);
    border-width: var(--checkboxgroup-border-width);
  }
  .border-\(length\:--radiogroup-border-width\) {
    border-style: var(--tw-border-style);
    border-width: var(--radiogroup-border-width);
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-\[0\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 0.5px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .border-\(--appointment-card-border-color\) {
    border-color: var(--appointment-card-border-color);
  }
  .border-\(--avatarcard-avatar-border-color\) {
    border-color: var(--avatarcard-avatar-border-color);
  }
  .border-\(--calloutcard-border-color\) {
    border-color: var(--calloutcard-border-color);
  }
  .border-\(--capturecard-button-border-color\) {
    border-color: var(--capturecard-button-border-color);
  }
  .border-\(--checkboxgroup-border-color\) {
    border-color: var(--checkboxgroup-border-color);
  }
  .border-\(--checkboxgroup-selected-border-color\) {
    border-color: var(--checkboxgroup-selected-border-color);
  }
  .border-\(--detailcard-border-color\) {
    border-color: var(--detailcard-border-color);
  }
  .border-\(--goalcard-range-line-color\) {
    border-color: var(--goalcard-range-line-color);
  }
  .border-\(--iconbutton-border-color\) {
    border-color: var(--iconbutton-border-color);
  }
  .border-\(--infolistcard-border-color\) {
    border-color: var(--infolistcard-border-color);
  }
  .border-\(--infolistcard-outer-border-color\) {
    border-color: var(--infolistcard-outer-border-color);
  }
  .border-\(--labresultcard-border-color\) {
    border-color: var(--labresultcard-border-color);
  }
  .border-\(--notification-card-border-color\) {
    border-color: var(--notification-card-border-color);
  }
  .border-\(--p-form-field-invalid-border-color\) {
    border-color: var(--p-form-field-invalid-border-color);
  }
  .border-\(--p-inputtext-disabled-color\) {
    border-color: var(--p-inputtext-disabled-color);
  }
  .border-\(--p-surface-300\) {
    border-color: var(--p-surface-300);
  }
  .border-\(--p-surface-950\) {
    border-color: var(--p-surface-950);
  }
  .border-\(--processstatuscard-border-color\) {
    border-color: var(--processstatuscard-border-color);
  }
  .border-\(--radiogroup-border-color\) {
    border-color: var(--radiogroup-border-color);
  }
  .border-\(--radiogroup-selected-border-color\) {
    border-color: var(--radiogroup-selected-border-color);
  }
  .border-\(--selectionbutton-idle-border\) {
    border-color: var(--selectionbutton-idle-border);
  }
  .border-\(--selectionbutton-selected-border\) {
    border-color: var(--selectionbutton-selected-border);
  }
  .border-\(--snapshotcard-color-border\) {
    border-color: var(--snapshotcard-color-border);
  }
  .border-\(--stepoverviewcard-border-color\) {
    border-color: var(--stepoverviewcard-border-color);
  }
  .border-\(--summarycard-border-color\) {
    border-color: var(--summarycard-border-color);
  }
  .border-\(--visitcard-border-color\) {
    border-color: var(--visitcard-border-color);
  }
  .border-\(--visitstatuscard-border-color\) {
    border-color: var(--visitstatuscard-border-color);
  }
  .border-cyan-600 {
    border-color: var(--color-cyan-600);
  }
  .border-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-gray-300 {
    border-color: var(--color-gray-300);
  }
  .border-green-400 {
    border-color: var(--color-green-400);
  }
  .border-red-200 {
    border-color: var(--color-red-200);
  }
  .border-red-300 {
    border-color: var(--color-red-300);
  }
  .border-surface-100 {
    border-color: var(--p-surface-100);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-surface-100 {
      border-color: color-mix(in srgb, var(--p-surface-100) calc(100% * 1), transparent);
    }
  }
  .border-surface-300 {
    border-color: var(--p-surface-300);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-surface-300 {
      border-color: color-mix(in srgb, var(--p-surface-300) calc(100% * 1), transparent);
    }
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-b-\(--labresultcard-border-color\) {
    border-bottom-color: var(--labresultcard-border-color);
  }
  .border-b-\(--stepoverviewcard-border-color\) {
    border-bottom-color: var(--stepoverviewcard-border-color);
  }
  .bg-\(--appointment-card-background\) {
    background-color: var(--appointment-card-background);
  }
  .bg-\(--avatar-background\) {
    background-color: var(--avatar-background);
  }
  .bg-\(--calloutcard-background\) {
    background-color: var(--calloutcard-background);
  }
  .bg-\(--capturecard-button-background\) {
    background-color: var(--capturecard-button-background);
  }
  .bg-\(--capturecard-preview-background\) {
    background-color: var(--capturecard-preview-background);
  }
  .bg-\(--checkboxgroup-background\) {
    background-color: var(--checkboxgroup-background);
  }
  .bg-\(--checkboxgroup-card-badge-background\) {
    background-color: var(--checkboxgroup-card-badge-background);
  }
  .bg-\(--checkboxgroup-card-footer-background\) {
    background-color: var(--checkboxgroup-card-footer-background);
  }
  .bg-\(--checkboxgroup-selected-background\) {
    background-color: var(--checkboxgroup-selected-background);
  }
  .bg-\(--component-danger-background\) {
    background-color: var(--component-danger-background);
  }
  .bg-\(--component-primary-background\) {
    background-color: var(--component-primary-background);
  }
  .bg-\(--dayswitcher-background\) {
    background-color: var(--dayswitcher-background);
  }
  .bg-\(--form-block-background\,var\(--p-surface-0\)\) {
    background-color: var(--form-block-background,var(--p-surface-0));
  }
  .bg-\(--iconbutton-md-background\) {
    background-color: var(--iconbutton-md-background);
  }
  .bg-\(--iconbutton-sm-background\) {
    background-color: var(--iconbutton-sm-background);
  }
  .bg-\(--infobanner-danger-background\) {
    background-color: var(--infobanner-danger-background);
  }
  .bg-\(--infobanner-primary-background\) {
    background-color: var(--infobanner-primary-background);
  }
  .bg-\(--infostatscard-background\) {
    background-color: var(--infostatscard-background);
  }
  .bg-\(--labresultcard-background\) {
    background-color: var(--labresultcard-background);
  }
  .bg-\(--modal-background\) {
    background-color: var(--modal-background);
  }
  .bg-\(--notification-card-background\) {
    background-color: var(--notification-card-background);
  }
  .bg-\(--p-inputtext-disabled-background\) {
    background-color: var(--p-inputtext-disabled-background);
  }
  .bg-\(--p-neutral-100-50\) {
    background-color: var(--p-neutral-100-50);
  }
  .bg-\(--p-surface-0\) {
    background-color: var(--p-surface-0);
  }
  .bg-\(--p-surface-200\) {
    background-color: var(--p-surface-200);
  }
  .bg-\(--page-background\) {
    background-color: var(--page-background);
  }
  .bg-\(--processstatuscard-background\) {
    background-color: var(--processstatuscard-background);
  }
  .bg-\(--progressbar-marker-active-color\) {
    background-color: var(--progressbar-marker-active-color);
  }
  .bg-\(--progressbar-marker-idle-color\) {
    background-color: var(--progressbar-marker-idle-color);
  }
  .bg-\(--progressbar-track-background\) {
    background-color: var(--progressbar-track-background);
  }
  .bg-\(--progressbar-track-fill-color\) {
    background-color: var(--progressbar-track-fill-color);
  }
  .bg-\(--radiogroup-background\) {
    background-color: var(--radiogroup-background);
  }
  .bg-\(--radiogroup-selected-background\) {
    background-color: var(--radiogroup-selected-background);
  }
  .bg-\(--row-button-primary-background\) {
    background-color: var(--row-button-primary-background);
  }
  .bg-\(--row-button-secondary-background\) {
    background-color: var(--row-button-secondary-background);
  }
  .bg-\(--selectionbutton-disabled-background\) {
    background-color: var(--selectionbutton-disabled-background);
  }
  .bg-\(--selectionbutton-idle-background\) {
    background-color: var(--selectionbutton-idle-background);
  }
  .bg-\(--selectionbutton-selected-background\) {
    background-color: var(--selectionbutton-selected-background);
  }
  .bg-\(--snapshotcard-color-background\) {
    background-color: var(--snapshotcard-color-background);
  }
  .bg-\(--stepoverviewcard-background\) {
    background-color: var(--stepoverviewcard-background);
  }
  .bg-\(--summarycard-background\) {
    background-color: var(--summarycard-background);
  }
  .bg-\(--tabs-selected-background\) {
    background-color: var(--tabs-selected-background);
  }
  .bg-\(--taskcard-action-background\) {
    background-color: var(--taskcard-action-background);
  }
  .bg-\(--timebadge-background\) {
    background-color: var(--timebadge-background);
  }
  .bg-\(--visitstatuscard-background\) {
    background-color: var(--visitstatuscard-background);
  }
  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }
  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }
  .bg-current {
    background-color: currentcolor;
  }
  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-green-200 {
    background-color: var(--color-green-200);
  }
  .bg-green-400 {
    background-color: var(--color-green-400);
  }
  .bg-red-200 {
    background-color: var(--color-red-200);
  }
  .bg-sky-300 {
    background-color: var(--color-sky-300);
  }
  .bg-surface-0 {
    background-color: var(--p-surface-0);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-0 {
      background-color: color-mix(in srgb, var(--p-surface-0) calc(100% * 1), transparent);
    }
  }
  .bg-surface-50 {
    background-color: var(--p-surface-50);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-50 {
      background-color: color-mix(in srgb, var(--p-surface-50) calc(100% * 1), transparent);
    }
  }
  .bg-surface-50\/50 {
    background-color: var(--p-surface-50);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-50\/50 {
      background-color: color-mix(in oklab, color-mix(in srgb, var(--p-surface-50) calc(100% * 1), transparent) 50%, transparent);
    }
  }
  .bg-surface-100 {
    background-color: var(--p-surface-100);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-100 {
      background-color: color-mix(in srgb, var(--p-surface-100) calc(100% * 1), transparent);
    }
  }
  .bg-surface-100\/50 {
    background-color: var(--p-surface-100);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-100\/50 {
      background-color: color-mix(in oklab, color-mix(in srgb, var(--p-surface-100) calc(100% * 1), transparent) 50%, transparent);
    }
  }
  .bg-surface-100\/75 {
    background-color: var(--p-surface-100);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-100\/75 {
      background-color: color-mix(in oklab, color-mix(in srgb, var(--p-surface-100) calc(100% * 1), transparent) 75%, transparent);
    }
  }
  .bg-surface-200 {
    background-color: var(--p-surface-200);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-200 {
      background-color: color-mix(in srgb, var(--p-surface-200) calc(100% * 1), transparent);
    }
  }
  .bg-surface-950 {
    background-color: var(--p-surface-950);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-950 {
      background-color: color-mix(in srgb, var(--p-surface-950) calc(100% * 1), transparent);
    }
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/50 {
    background-color: color-mix(in srgb, #fff 50%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/50 {
      background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }
  .bg-linear-to-b {
    --tw-gradient-position: to bottom;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-b {
      --tw-gradient-position: to bottom in oklab;
    }
  }
  .bg-\(image\:--digitalcredentialcard-background-image\) {
    background-image: var(--digitalcredentialcard-background-image);
  }
  .from-\(--gradients-tertiary-start\) {
    --tw-gradient-from: var(--gradients-tertiary-start);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .via-\(--gradients-tertiary-middle\) {
    --tw-gradient-via: var(--gradients-tertiary-middle);
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .to-\(--gradients-tertiary-stop\) {
    --tw-gradient-to: var(--gradients-tertiary-stop);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .bg-cover {
    background-size: cover;
  }
  .bg-center {
    background-position: center;
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .object-fill {
    object-fit: fill;
  }
  .object-none {
    object-fit: none;
  }
  .object-center {
    object-position: center;
  }
  .p-\(--avatarcard-padding\) {
    padding: var(--avatarcard-padding);
  }
  .p-\(--goalcard-padding\) {
    padding: var(--goalcard-padding);
  }
  .p-\(--tabs-padding\) {
    padding: var(--tabs-padding);
  }
  .p-\(--taskcard-padding-x\) {
    padding: var(--taskcard-padding-x);
  }
  .p-0 {
    padding: var(--spacing-0);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-px {
    padding: 1px;
  }
  .px-\(--appointment-card-padding-x\) {
    padding-inline: var(--appointment-card-padding-x);
  }
  .px-\(--calloutcard-padding-x\) {
    padding-inline: var(--calloutcard-padding-x);
  }
  .px-\(--checkboxgroup-padding-x\,0\.5rem\) {
    padding-inline: var(--checkboxgroup-padding-x,0.5rem);
  }
  .px-\(--detailcard-padding-x\) {
    padding-inline: var(--detailcard-padding-x);
  }
  .px-\(--detailexpandablecard-padding-x\) {
    padding-inline: var(--detailexpandablecard-padding-x);
  }
  .px-\(--digitalcredentialcard-padding-x\) {
    padding-inline: var(--digitalcredentialcard-padding-x);
  }
  .px-\(--infolistcard-padding-x\) {
    padding-inline: var(--infolistcard-padding-x);
  }
  .px-\(--infostatscard-padding-x\) {
    padding-inline: var(--infostatscard-padding-x);
  }
  .px-\(--labresultcard-padding-x\) {
    padding-inline: var(--labresultcard-padding-x);
  }
  .px-\(--list-menu-padding-x\) {
    padding-inline: var(--list-menu-padding-x);
  }
  .px-\(--notification-card-padding-x\) {
    padding-inline: var(--notification-card-padding-x);
  }
  .px-\(--page-padding-x\) {
    padding-inline: var(--page-padding-x);
  }
  .px-\(--processstatuscard-padding-x\) {
    padding-inline: var(--processstatuscard-padding-x);
  }
  .px-\(--radiogroup-padding-x\,0\.5rem\) {
    padding-inline: var(--radiogroup-padding-x,0.5rem);
  }
  .px-\(--row-button-padding-x\) {
    padding-inline: var(--row-button-padding-x);
  }
  .px-\(--snapshotcard-padding-x\) {
    padding-inline: var(--snapshotcard-padding-x);
  }
  .px-\(--stepoverviewcard-padding-x\) {
    padding-inline: var(--stepoverviewcard-padding-x);
  }
  .px-\(--summarycard-padding-x\) {
    padding-inline: var(--summarycard-padding-x);
  }
  .px-\(--taskcard-padding-x\) {
    padding-inline: var(--taskcard-padding-x);
  }
  .px-\(--visitcard-padding-x\) {
    padding-inline: var(--visitcard-padding-x);
  }
  .px-\(--visitstatuscard-padding-x\) {
    padding-inline: var(--visitstatuscard-padding-x);
  }
  .px-0\.5 {
    padding-inline: calc(var(--spacing) * 0.5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .py-\(--appointment-card-padding-y\) {
    padding-block: var(--appointment-card-padding-y);
  }
  .py-\(--calloutcard-padding-y\) {
    padding-block: var(--calloutcard-padding-y);
  }
  .py-\(--checkboxgroup-padding-y\,0\.5rem\) {
    padding-block: var(--checkboxgroup-padding-y,0.5rem);
  }
  .py-\(--detailcard-padding-y\) {
    padding-block: var(--detailcard-padding-y);
  }
  .py-\(--detailexpandablecard-padding-y\) {
    padding-block: var(--detailexpandablecard-padding-y);
  }
  .py-\(--digitalcredentialcard-padding-y\) {
    padding-block: var(--digitalcredentialcard-padding-y);
  }
  .py-\(--infolistcard-padding-y\) {
    padding-block: var(--infolistcard-padding-y);
  }
  .py-\(--infostatscard-padding-y\) {
    padding-block: var(--infostatscard-padding-y);
  }
  .py-\(--labresultcard-padding-y\) {
    padding-block: var(--labresultcard-padding-y);
  }
  .py-\(--list-menu-padding-y\) {
    padding-block: var(--list-menu-padding-y);
  }
  .py-\(--notification-card-padding-y\) {
    padding-block: var(--notification-card-padding-y);
  }
  .py-\(--page-padding-top\) {
    padding-block: var(--page-padding-top);
  }
  .py-\(--page-top-content-y\) {
    padding-block: var(--page-top-content-y);
  }
  .py-\(--processstatuscard-padding-y\) {
    padding-block: var(--processstatuscard-padding-y);
  }
  .py-\(--radiogroup-padding-y\,0\.5rem\) {
    padding-block: var(--radiogroup-padding-y,0.5rem);
  }
  .py-\(--row-button-padding-y\) {
    padding-block: var(--row-button-padding-y);
  }
  .py-\(--snapshotcard-padding-y\) {
    padding-block: var(--snapshotcard-padding-y);
  }
  .py-\(--stepoverviewcard-padding-y\) {
    padding-block: var(--stepoverviewcard-padding-y);
  }
  .py-\(--summarycard-padding-y\) {
    padding-block: var(--summarycard-padding-y);
  }
  .py-\(--taskcard-padding-y\) {
    padding-block: var(--taskcard-padding-y);
  }
  .py-\(--visitcard-padding-y\) {
    padding-block: var(--visitcard-padding-y);
  }
  .py-\(--visitstatuscard-padding-y\) {
    padding-block: var(--visitstatuscard-padding-y);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .ps-0 {
    padding-inline-start: var(--spacing-0);
  }
  .ps-6 {
    padding-inline-start: calc(var(--spacing) * 6);
  }
  .ps-\[1\.5rem\] {
    padding-inline-start: 1.5rem;
  }
  .pe-0 {
    padding-inline-end: var(--spacing-0);
  }
  .pt-\(--form-block-padding-top\,1rem\) {
    padding-top: var(--form-block-padding-top,1rem);
  }
  .pt-\(--page-padding-top\) {
    padding-top: var(--page-padding-top);
  }
  .pt-\(--page-top-content-y\) {
    padding-top: var(--page-top-content-y);
  }
  .pt-\(--visitcard-padding-y\) {
    padding-top: var(--visitcard-padding-y);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
  .pt-12 {
    padding-top: calc(var(--spacing) * 12);
  }
  .pt-\[env\(safe-area-inset-top\)\] {
    padding-top: env(safe-area-inset-top);
  }
  .pr-\(--visitcard-padding-x\) {
    padding-right: var(--visitcard-padding-x);
  }
  .pb-\(--form-block-padding-bottom\,1rem\) {
    padding-bottom: var(--form-block-padding-bottom,1rem);
  }
  .pb-\(--page-padding-bottom\) {
    padding-bottom: var(--page-padding-bottom);
  }
  .pb-\(--page-padding-top\) {
    padding-bottom: var(--page-padding-top);
  }
  .pb-\(--page-top-content-y\) {
    padding-bottom: var(--page-top-content-y);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-7 {
    padding-bottom: calc(var(--spacing) * 7);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-9 {
    padding-bottom: calc(var(--spacing) * 9);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
  .pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }
  .pb-36 {
    padding-bottom: calc(var(--spacing) * 36);
  }
  .pb-\[env\(safe-area-inset-bottom\)\] {
    padding-bottom: env(safe-area-inset-bottom);
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .font-\(family-name\:--button-font-family\) {
    font-family: var(--button-font-family);
  }
  .font-\(family-name\:--goalcard-font-family\) {
    font-family: var(--goalcard-font-family);
  }
  .font-\(family-name\:--infolistcard-font-family\) {
    font-family: var(--infolistcard-font-family);
  }
  .font-\(family-name\:--row-button-font-family\) {
    font-family: var(--row-button-font-family);
  }
  .font-display {
    font-family: var(--font-display);
  }
  .font-sans {
    font-family: var(--font-sans);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
  .text-6xl {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\(length\:--checkboxgroup-label-font-size\,var\(--text-sm\)\) {
    font-size: var(--checkboxgroup-label-font-size,var(--text-sm));
  }
  .text-\(length\:--form-block-description-font-size\,var\(--text-sm\)\) {
    font-size: var(--form-block-description-font-size,var(--text-sm));
  }
  .text-\(length\:--form-block-title-font-size\,var\(--text-2xl\)\) {
    font-size: var(--form-block-title-font-size,var(--text-2xl));
  }
  .text-\(length\:--radiogroup-label-font-size\,var\(--text-sm\)\) {
    font-size: var(--radiogroup-label-font-size,var(--text-sm));
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }
  .leading-\[1\.3\] {
    --tw-leading: 1.3;
    line-height: 1.3;
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-\(--button-font-weight\) {
    --tw-font-weight: var(--button-font-weight);
    font-weight: var(--button-font-weight);
  }
  .font-\(--checkboxgroup-label-font-weight\,500\) {
    --tw-font-weight: var(--checkboxgroup-label-font-weight,500);
    font-weight: var(--checkboxgroup-label-font-weight,500);
  }
  .font-\(--digitalcredentialcard-font-family\) {
    --tw-font-weight: var(--digitalcredentialcard-font-family);
    font-weight: var(--digitalcredentialcard-font-family);
  }
  .font-\(--form-block-title-font-weight\,600\) {
    --tw-font-weight: var(--form-block-title-font-weight,600);
    font-weight: var(--form-block-title-font-weight,600);
  }
  .font-\(--radiogroup-label-font-weight\,500\) {
    --tw-font-weight: var(--radiogroup-label-font-weight,500);
    font-weight: var(--radiogroup-label-font-weight,500);
  }
  .font-\(--snapshotcard-font-family\) {
    --tw-font-weight: var(--snapshotcard-font-family);
    font-weight: var(--snapshotcard-font-family);
  }
  .font-\(--summarycard-font-family\) {
    --tw-font-weight: var(--summarycard-font-family);
    font-weight: var(--summarycard-font-family);
  }
  .font-\(--tabs-font-weight\) {
    --tw-font-weight: var(--tabs-font-weight);
    font-weight: var(--tabs-font-weight);
  }
  .font-\(--textarea-label-font-weight\,500\) {
    --tw-font-weight: var(--textarea-label-font-weight,500);
    font-weight: var(--textarea-label-font-weight,500);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-\[-0\.4px\] {
    --tw-tracking: -0.4px;
    letter-spacing: -0.4px;
  }
  .tracking-\[-2\.4px\] {
    --tw-tracking: -2.4px;
    letter-spacing: -2.4px;
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .text-\(--avatar-initials-color\) {
    color: var(--avatar-initials-color);
  }
  .text-\(--bottombar-idle-color\) {
    color: var(--bottombar-idle-color);
  }
  .text-\(--bottombar-selected-color\) {
    color: var(--bottombar-selected-color);
  }
  .text-\(--checkboxgroup-card-badge-color\) {
    color: var(--checkboxgroup-card-badge-color);
  }
  .text-\(--detailexpandablecard-content-color\) {
    color: var(--detailexpandablecard-content-color);
  }
  .text-\(--form-block-description-color\,var\(--p-surface-500\)\) {
    color: var(--form-block-description-color,var(--p-surface-500));
  }
  .text-\(--form-block-title-color\,inherit\) {
    color: var(--form-block-title-color,inherit);
  }
  .text-\(--infobanner-color\) {
    color: var(--infobanner-color);
  }
  .text-\(--infobanner-danger-color\) {
    color: var(--infobanner-danger-color);
  }
  .text-\(--infobanner-primary-color\) {
    color: var(--infobanner-primary-color);
  }
  .text-\(--list-menu-support-text-color\) {
    color: var(--list-menu-support-text-color);
  }
  .text-\(--list-menu-title-color\) {
    color: var(--list-menu-title-color);
  }
  .text-\(--notification-card-supporting-text-color\) {
    color: var(--notification-card-supporting-text-color);
  }
  .text-\(--notification-card-title-color\) {
    color: var(--notification-card-title-color);
  }
  .text-\(--p-form-field-invalid-placeholder-color\) {
    color: var(--p-form-field-invalid-placeholder-color);
  }
  .text-\(--p-inputtext-disabled-color\) {
    color: var(--p-inputtext-disabled-color);
  }
  .text-\(--p-surface-500\) {
    color: var(--p-surface-500);
  }
  .text-\(--p-text-muted-color\) {
    color: var(--p-text-muted-color);
  }
  .text-\(--surface-700\) {
    color: var(--surface-700);
  }
  .text-\(--surface-900\) {
    color: var(--surface-900);
  }
  .text-\(--tabs-color\) {
    color: var(--tabs-color);
  }
  .text-\(--tabs-selected-color\) {
    color: var(--tabs-selected-color);
  }
  .text-blue-800 {
    color: var(--color-blue-800);
  }
  .text-cyan-800 {
    color: var(--color-cyan-800);
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-gray-600 {
    color: var(--color-gray-600);
  }
  .text-gray-700 {
    color: var(--color-gray-700);
  }
  .text-gray-900 {
    color: var(--color-gray-900);
  }
  .text-green-500 {
    color: var(--color-green-500);
  }
  .text-red-200 {
    color: var(--color-red-200);
  }
  .text-red-500 {
    color: var(--color-red-500);
  }
  .text-surface-0 {
    color: var(--p-surface-0);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-surface-0 {
      color: color-mix(in srgb, var(--p-surface-0) calc(100% * 1), transparent);
    }
  }
  .text-surface-400 {
    color: var(--p-surface-400);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-surface-400 {
      color: color-mix(in srgb, var(--p-surface-400) calc(100% * 1), transparent);
    }
  }
  .text-surface-700 {
    color: var(--p-surface-700);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-surface-700 {
      color: color-mix(in srgb, var(--p-surface-700) calc(100% * 1), transparent);
    }
  }
  .text-white {
    color: var(--color-white);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .underline {
    text-decoration-line: underline;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-\(--avatarcard-shadow\) {
    --tw-shadow: var(--avatarcard-shadow);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-\(--digitalcredentialcard-shadow\) {
    --tw-shadow: var(--digitalcredentialcard-shadow);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-\(--visitstatuscard-shadow\) {
    --tw-shadow: var(--visitstatuscard-shadow);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .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);
  }
  .ring-\(--selectionbutton-selected-border\) {
    --tw-ring-color: var(--selectionbutton-selected-border);
  }
  .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,);
  }
  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .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));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property:
      transform,
      translate,
      scale,
      rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .\[--form-block-background\:transparent\] {
    --form-block-background: transparent;
  }
  .\[background\:var\(--list-menu-background\)\] {
    background: var(--list-menu-background);
  }
  .\[file\:line\] {
    file: line;
  }
  @media (hover: hover) {
    .hover\:border-\(--checkboxgroup-hover-border-color\):hover {
      border-color: var(--checkboxgroup-hover-border-color);
    }
  }
  @media (hover: hover) {
    .hover\:border-\(--radiogroup-hover-border-color\):hover {
      border-color: var(--radiogroup-hover-border-color);
    }
  }
  @media (hover: hover) {
    .hover\:border-\(--selectionbutton-selected-border\):hover {
      border-color: var(--selectionbutton-selected-border);
    }
  }
  @media (hover: hover) {
    .hover\:border-cyan-600:hover {
      border-color: var(--color-cyan-600);
    }
  }
  @media (hover: hover) {
    .hover\:bg-\(--checkboxgroup-hover-background\):hover {
      background-color: var(--checkboxgroup-hover-background);
    }
  }
  @media (hover: hover) {
    .hover\:bg-\(--iconbutton-md-hover-background\):hover {
      background-color: var(--iconbutton-md-hover-background);
    }
  }
  @media (hover: hover) {
    .hover\:bg-\(--iconbutton-sm-hover-background\):hover {
      background-color: var(--iconbutton-sm-hover-background);
    }
  }
  @media (hover: hover) {
    .hover\:bg-\(--notification-card-hover-background\):hover {
      background-color: var(--notification-card-hover-background);
    }
  }
  @media (hover: hover) {
    .hover\:bg-\(--radiogroup-hover-background\):hover {
      background-color: var(--radiogroup-hover-background);
    }
  }
  @media (hover: hover) {
    .hover\:bg-\(--row-button-primary-hover-background\):hover {
      background-color: var(--row-button-primary-hover-background);
    }
  }
  @media (hover: hover) {
    .hover\:bg-\(--row-button-secondary-hover-background\):hover {
      background-color: var(--row-button-secondary-hover-background);
    }
  }
  @media (hover: hover) {
    .hover\:bg-\(--tabs-selected-background\):hover {
      background-color: var(--tabs-selected-background);
    }
  }
  @media (hover: hover) {
    .hover\:bg-gray-200:hover {
      background-color: var(--color-gray-200);
    }
  }
  @media (hover: hover) {
    .hover\:bg-surface-0:hover {
      background-color: var(--p-surface-0);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-surface-0:hover {
        background-color: color-mix(in srgb, var(--p-surface-0) calc(100% * 1), transparent);
      }
    }
  }
  @media (hover: hover) {
    .hover\:bg-surface-200:hover {
      background-color: var(--p-surface-200);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-surface-200:hover {
        background-color: color-mix(in srgb, var(--p-surface-200) calc(100% * 1), transparent);
      }
    }
  }
  @media (hover: hover) {
    .hover\:text-\(--appointment-card-hover-color\):hover {
      color: var(--appointment-card-hover-color);
    }
  }
  @media (hover: hover) {
    .hover\:text-\(--tabs-selected-color\):hover {
      color: var(--tabs-selected-color);
    }
  }
  @media (hover: hover) {
    .hover\:text-cyan-950:hover {
      color: var(--color-cyan-950);
    }
  }
  @media (hover: hover) {
    .hover\:text-gray-700:hover {
      color: var(--color-gray-700);
    }
  }
  @media (hover: hover) {
    .hover\:ring-1:hover {
      --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);
    }
  }
  @media (hover: hover) {
    .hover\:ring-\(--selectionbutton-selected-border\):hover {
      --tw-ring-color: var(--selectionbutton-selected-border);
    }
  }
  @media (hover: hover) {
    .hover\:\[background\:var\(--list-menu-hover-background\)\]:hover {
      background: var(--list-menu-hover-background);
    }
  }
  .active\:scale-95:active {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }
  .disabled\:opacity-50:disabled {
    opacity: 50%;
  }
  @media (min-width: 48rem) {
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (min-width: 48rem) {
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .\[\&_\.gap-6\]\:gap-0 .gap-6 {
    gap: var(--spacing-0);
  }
  .\[\&_\.mb-4\]\:mb-0 .mb-4 {
    margin-bottom: var(--spacing-0);
  }
  :where(.\[\&_\.space-y-4\]\:space-y-0 .space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing-0) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing-0) * calc(1 - var(--tw-space-y-reverse)));
  }
  .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
    appearance: none;
  }
  .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
    appearance: none;
  }
}
:root {
  --ion-color-primary: #0054e9;
  --ion-color-primary-rgb:
    0,
    84,
    233;
  --ion-color-primary-contrast: #fff;
  --ion-color-primary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-primary-shade: #004acd;
  --ion-color-primary-tint: #1a65eb;
  --ion-color-secondary: #0163aa;
  --ion-color-secondary-rgb:
    1,
    99,
    170;
  --ion-color-secondary-contrast: #fff;
  --ion-color-secondary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-secondary-shade: #015796;
  --ion-color-secondary-tint: #1a73b3;
  --ion-color-tertiary: #6030ff;
  --ion-color-tertiary-rgb:
    96,
    48,
    255;
  --ion-color-tertiary-contrast: #fff;
  --ion-color-tertiary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-tertiary-shade: #542ae0;
  --ion-color-tertiary-tint: #7045ff;
  --ion-color-success: #2dd55b;
  --ion-color-success-rgb:
    45,
    213,
    91;
  --ion-color-success-contrast: #000;
  --ion-color-success-contrast-rgb:
    0,
    0,
    0;
  --ion-color-success-shade: #28bb50;
  --ion-color-success-tint: #42d96b;
  --ion-color-warning: #ffc409;
  --ion-color-warning-rgb:
    255,
    196,
    9;
  --ion-color-warning-contrast: #000;
  --ion-color-warning-contrast-rgb:
    0,
    0,
    0;
  --ion-color-warning-shade: #e0ac08;
  --ion-color-warning-tint: #ffca22;
  --ion-color-danger: #c5000f;
  --ion-color-danger-rgb:
    197,
    0,
    15;
  --ion-color-danger-contrast: #fff;
  --ion-color-danger-contrast-rgb:
    255,
    255,
    255;
  --ion-color-danger-shade: #ad000d;
  --ion-color-danger-tint: #cb1a27;
  --ion-color-light: #f4f5f8;
  --ion-color-light-rgb:
    244,
    245,
    248;
  --ion-color-light-contrast: #000;
  --ion-color-light-contrast-rgb:
    0,
    0,
    0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;
  --ion-color-medium: #636469;
  --ion-color-medium-rgb:
    99,
    100,
    105;
  --ion-color-medium-contrast: #fff;
  --ion-color-medium-contrast-rgb:
    255,
    255,
    255;
  --ion-color-medium-shade: #57585c;
  --ion-color-medium-tint: #737478;
  --ion-color-dark: #222428;
  --ion-color-dark-rgb:
    34,
    36,
    40;
  --ion-color-dark-contrast: #fff;
  --ion-color-dark-contrast-rgb:
    255,
    255,
    255;
  --ion-color-dark-shade: #1e2023;
  --ion-color-dark-tint: #383a3e;
}
html.ios {
  --ion-default-font:
    -apple-system,
    BlinkMacSystemFont,
    "Helvetica Neue",
    "Roboto",
    sans-serif;
}
html.md {
  --ion-default-font:
    "Roboto",
    "Helvetica Neue",
    sans-serif;
}
html {
  --ion-dynamic-font: -apple-system-body;
  --ion-font-family: var(--ion-default-font);
}
body {
  background: var(--ion-background-color);
  color: var(--ion-text-color);
}
body.backdrop-no-scroll {
  overflow: hidden;
}
html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,
html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,
html.ios ion-modal ion-footer ion-toolbar:first-of-type,
html.ios ion-footer.modal-footer-moving ion-toolbar:first-of-type {
  padding-top: 6px;
}
html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,
html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type {
  padding-bottom: 6px;
}
html.ios ion-modal ion-toolbar,
html.ios .modal-footer-moving ion-toolbar {
  padding-right: calc(var(--ion-safe-area-right) + 8px);
  padding-left: calc(var(--ion-safe-area-left) + 8px);
}
@media screen and (min-width: 768px) {
  html.ios ion-modal.modal-card:first-of-type {
    --backdrop-opacity: 0.18;
  }
}
ion-modal.modal-default.show-modal ~ ion-modal.modal-default {
  --backdrop-opacity: 0;
  --box-shadow: none;
}
html.ios ion-modal.modal-card .ion-page {
  border-top-left-radius: var(--border-radius);
}
.ion-color-primary {
  --ion-color-base: var(--ion-color-primary, #0054e9) !important;
  --ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important;
  --ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-primary-shade, #004acd) !important;
  --ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important;
}
.ion-color-secondary {
  --ion-color-base: var(--ion-color-secondary, #0163aa) !important;
  --ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important;
  --ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-secondary-shade, #015796) !important;
  --ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important;
}
.ion-color-tertiary {
  --ion-color-base: var(--ion-color-tertiary, #6030ff) !important;
  --ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important;
  --ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important;
  --ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important;
}
.ion-color-success {
  --ion-color-base: var(--ion-color-success, #2dd55b) !important;
  --ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;
  --ion-color-contrast: var(--ion-color-success-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;
  --ion-color-tint: var(--ion-color-success-tint, #42d96b) !important;
}
.ion-color-warning {
  --ion-color-base: var(--ion-color-warning, #ffc409) !important;
  --ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;
  --ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;
  --ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important;
}
.ion-color-danger {
  --ion-color-base: var(--ion-color-danger, #c5000f) !important;
  --ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important;
  --ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important;
  --ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important;
}
.ion-color-light {
  --ion-color-base: var(--ion-color-light, #f4f5f8) !important;
  --ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;
  --ion-color-contrast: var(--ion-color-light-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;
  --ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important;
}
.ion-color-medium {
  --ion-color-base: var(--ion-color-medium, #636469) !important;
  --ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important;
  --ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-medium-shade, #57585c) !important;
  --ion-color-tint: var(--ion-color-medium-tint, #737478) !important;
}
.ion-color-dark {
  --ion-color-base: var(--ion-color-dark, #222428) !important;
  --ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;
  --ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;
  --ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important;
}
.ion-page {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  contain: layout size style;
  z-index: 0;
}
.ion-page.ion-page-overlay-passthrough {
  pointer-events: none;
}
ion-modal > .ion-page {
  position: relative;
  contain: layout style;
  height: 100%;
}
.split-pane-visible > .ion-page.split-pane-main {
  position: relative;
}
ion-route,
ion-route-redirect,
ion-router,
ion-select-option,
ion-nav-controller,
ion-menu-controller,
ion-action-sheet-controller,
ion-alert-controller,
ion-loading-controller,
ion-modal-controller,
ion-picker-controller,
ion-popover-controller,
ion-toast-controller,
.ion-page-hidden {
  display: none !important;
}
.ion-page-invisible {
  opacity: 0;
}
.can-go-back > ion-header ion-back-button {
  display: block;
}
html.plt-ios.plt-hybrid,
html.plt-ios.plt-pwa {
  --ion-statusbar-padding: 20px;
}
@supports (padding-top: 20px) {
  html {
    --ion-safe-area-top: var(--ion-statusbar-padding);
  }
}
@supports (padding-top: env(safe-area-inset-top)) {
  html {
    --ion-safe-area-top: var(--safe-area-inset-top, env(safe-area-inset-top));
    --ion-safe-area-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom));
    --ion-safe-area-left: var(--safe-area-inset-left, env(safe-area-inset-left));
    --ion-safe-area-right: var(--safe-area-inset-right, env(safe-area-inset-right));
  }
}
ion-card.ion-color .ion-inherit-color,
ion-card-header.ion-color .ion-inherit-color {
  color: inherit;
}
.menu-content {
  transform: translate3d(0, 0, 0);
}
.menu-content-open {
  cursor: pointer;
  touch-action: manipulation;
  pointer-events: none;
  overflow-y: hidden;
}
.menu-content-open ion-content {
  --overflow: hidden;
}
.menu-content-open .ion-content-scroll-host {
  overflow: hidden;
}
.ios .menu-content-reveal {
  box-shadow: -8px 0 42px rgba(0, 0, 0, .08);
}
[dir=rtl].ios .menu-content-reveal {
  box-shadow: 8px 0 42px rgba(0, 0, 0, .08);
}
.md .menu-content-reveal {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, .18);
}
.md .menu-content-push {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, .18);
}
ion-accordion-group.accordion-group-expand-inset > ion-accordion:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
ion-accordion-group.accordion-group-expand-inset > ion-accordion:last-of-type {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
ion-accordion-group > ion-accordion:last-of-type ion-item[slot=header] {
  --border-width: 0px;
}
ion-accordion.accordion-animated > [slot=header] .ion-accordion-toggle-icon {
  transition: 300ms transform cubic-bezier(0.25, 0.8, 0.5, 1);
}
@media (prefers-reduced-motion: reduce) {
  ion-accordion .ion-accordion-toggle-icon {
    transition: none !important;
  }
}
ion-accordion.accordion-expanding > [slot=header] .ion-accordion-toggle-icon,
ion-accordion.accordion-expanded > [slot=header] .ion-accordion-toggle-icon {
  transform: rotate(180deg);
}
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-previous ion-item[slot=header] {
  --border-width: 0px;
  --inner-border-width: 0px;
}
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanding:first-of-type,
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanded:first-of-type {
  margin-top: 0;
}
ion-input input::-webkit-date-and-time-value {
  text-align: start;
}
.ion-datetime-button-overlay {
  --width: fit-content;
  --height: fit-content;
}
.ion-datetime-button-overlay ion-datetime.datetime-grid {
  width: 320px;
  min-height: 320px;
}
[ion-last-focus],
header[tabindex="-1"]:focus,
[role=banner][tabindex="-1"]:focus,
main[tabindex="-1"]:focus,
[role=main][tabindex="-1"]:focus,
h1[tabindex="-1"]:focus,
[role=heading][aria-level="1"][tabindex="-1"]:focus {
  outline: none;
}
.popover-viewport:has(> ion-content) {
  overflow: hidden;
}
@supports not selector(:has(> ion-content)) {
  .popover-viewport {
    overflow: hidden;
  }
}
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
html {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
html.ion-ce body {
  display: block;
}
html.plt-pwa {
  height: 100vh;
}
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: fixed;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  transform: translateZ(0);
  text-rendering: optimizeLegibility;
  overflow: hidden;
  touch-action: manipulation;
  -webkit-user-drag: none;
  -ms-content-zooming: none;
  word-wrap: break-word;
  overscroll-behavior-y: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
@keyframes p-icon-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.p-button .p-button-loading-icon svg[data-p-icon=spinner],
.p-button .p-button-loading-icon svg,
.p-button [data-p-icon=spinner] {
  color: currentcolor;
  fill: currentcolor;
  animation: p-icon-spin 1s linear infinite;
}
.p-button-icon.p-hidden {
  display: none;
}
.p-button-loading-icon {
  position: absolute;
}
app-button .p-button-loading-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-45%);
}
.p-button.p-button-text {
  padding: 0;
}
.p-button-text.p-button-contrast:hover {
  color: var(--p-surface-600);
}
.p-button div {
  text-box-trim: var(--text-box-trim, trim-end);
}
.p-iconfield {
  position: relative;
  display: block;
}
.p-inputicon {
  position: absolute;
  top: 50%;
  margin-top: calc(-1 * (var(--p-icon-size) / 2));
  color: var(--p-iconfield-icon-color);
  line-height: 1;
}
.p-iconfield .p-inputicon:first-child {
  inset-inline-start: var(--p-form-field-padding-x);
}
.p-inputtext,
.p-textarea {
  font-weight: var(--form-field-font-weight);
}
.p-inputotp .p-inputtext {
  font-family: var(--inputotp-font-family);
  font-weight: var(--inputotp-font-weight);
  font-size: var(--inputotp-font-size);
  border-radius: var(--inputotp-border-radius);
}
.p-inputotp .p-invalid {
  color: var(--inputotp-invalid-color);
}
.p-iconfield:has(.p-iconfield-right) .p-inputtext {
  padding-inline-end: calc((var(--p-form-field-padding-x) * 2) + var(--p-icon-size));
}
.p-iconfield:has(.p-iconfield-left) .p-inputtext {
  padding-inline-start: calc((var(--p-form-field-padding-x) * 2) + var(--p-icon-size));
}
.p-inputtext.p-invalid {
  color: var(--p-inputtext-invalid-border-color);
}
p-inputgroup p-floatlabel label {
  z-index: 2;
}
p-inputgroup p-floatlabel input {
  box-shadow: none;
}
p-inputgroup p-floatlabel input.prefix {
  border-left: none;
}
p-inputgroup p-floatlabel input.suffix {
  border-right: none;
}
.p-inputgroupaddon {
  transition:
    background var(--p-form-field-transition-duration),
    color var(--p-form-field-transition-duration),
    border-color var(--p-form-field-transition-duration),
    outline-color var(--p-form-field-transition-duration),
    box-shadow var(--p-form-field-transition-duration);
}
.p-datepicker-year,
.p-datepicker-month {
  font-weight: var(--font-weight-semibold);
}
.p-datepicker-select-month,
.p-datepicker-select-year {
  background: var(--p-datepicker-date-background);
  border-radius: var(--radius-md);
  padding: 0.25rem 1rem;
  color: var(--p-datepicker-date-color);
}
p-datepicker .p-datepicker-day-cell {
  font-weight: var(--font-weight-semibold);
  padding: var(--spacing-xs);
}
p-datepicker .p-datepicker-day {
  width: var(--p-datepicker-date-width);
  height: var(--p-datepicker-date-height);
}
.p-datepicker-today > .p-datepicker-day {
  border: none;
}
p-datepicker .p-datepicker-day-cell:not(.p-datepicker-other-month, :has(.p-disabled)) .p-datepicker-day:not(.p-datepicker-day-selected) {
  background: var(--p-blue-100);
  color: var(--p-blue-900);
  border-radius: 50%;
}
p-datepicker .p-datepicker-day.p-datepicker-day-selected {
  background: var(--p-blue-900);
  color: var(--p-surface-100);
}
p-datepicker .p-datepicker-day.p-disabled {
  background: transparent;
  color: var(--p-surface-700);
  opacity: 1;
}
@media (hover: none) {
  .p-button-primary:hover {
    background: var(--p-button-primary-background);
    border-color: var(--p-button-primary-border-color);
    color: var(--p-button-primary-color);
  }
  .p-button-secondary:hover {
    background: var(--p-button-secondary-background);
    border-color: var(--p-button-secondary-border-color);
    color: var(--p-button-secondary-color);
  }
  .p-button-info:hover {
    background: var(--p-button-info-background);
    border-color: var(--p-button-info-border-color);
    color: var(--p-button-info-color);
  }
  .p-button-danger:hover {
    background: var(--p-button-danger-background);
    border-color: var(--p-button-danger-border-color);
    color: var(--p-button-danger-color);
  }
  .p-button-help:hover {
    background: var(--p-button-help-background);
    border-color: var(--p-button-help-border-color);
    color: var(--p-button-help-color);
  }
  .p-button-contrast:hover {
    background: var(--p-button-contrast-background);
    border-color: var(--p-button-contrast-border-color);
    color: var(--p-button-contrast-color);
  }
}
.p-button:disabled,
.p-button.p-disabled {
  opacity: 1;
  background: var(--button-disabled-background);
  border-color: var(--button-disabled-border-color);
  color: var(--button-disabled-color);
  cursor: not-allowed;
}
.p-button-text:disabled,
.p-button-text.p-disabled {
  background: transparent;
  border-color: transparent;
}
p-checkbox .p-checkbox-box {
  border-width: var(--checkboxgroup-input-border-width);
}
button:focus-visible,
.p-button:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring-color);
  outline-offset: var(--focus-ring-offset);
}
.p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box,
.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
  outline: var(--focus-ring-width) solid var(--focus-ring-color);
  outline-offset: var(--focus-ring-offset);
}
.p-fileupload-choose-button .p-button-icon {
  display: none;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fade-in-scale {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fade-out-scale {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.95);
  }
}
.animate-fade-in {
  animation: fade-in 300ms ease-out forwards;
}
.animate-fade-out {
  animation: fade-out 200ms ease-in forwards;
}
.animate-fade-in-scale {
  animation: fade-in-scale 300ms ease-out forwards;
}
.animate-fade-out-scale {
  animation: fade-out-scale 200ms ease-in forwards;
}
.gradient-primary {
  background:
    linear-gradient(
      253deg,
      var(--gradients-primary-start) 0%,
      var(--gradients-primary-middle) 15%,
      var(--gradients-primary-stop) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gradient-secondary {
  background:
    linear-gradient(
      204.4deg,
      var(--gradients-secondary-start) 0%,
      var(--gradients-secondary-middle) 30%,
      var(--gradients-secondary-stop) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gradient-tertiary {
  background:
    linear-gradient(
      180deg,
      var(--gradients-tertiary-start) 0%,
      var(--gradients-tertiary-middle) 50%,
      var(--gradients-tertiary-stop) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
lib-form-screen[data-step-mode=question] {
  --selectionbuttongroup-gap: var(--selectionbuttongroup-question-gap);
  --selectionbuttongroup-label-font-size: var(--selectionbuttongroup-question-label-font-size);
  --selectionbuttongroup-label-font-weight: var(--selectionbuttongroup-question-label-font-weight);
  --selectionbuttongroup-label-line-height: var(--selectionbuttongroup-question-label-line-height);
  --radiogroup-legend-margin-bottom: var(--radiogroup-question-legend-margin-bottom);
  --radiogroup-legend-font-size: var(--radiogroup-question-legend-font-size);
  --radiogroup-legend-font-weight: var(--radiogroup-question-legend-font-weight);
  --radiogroup-legend-line-height: var(--radiogroup-question-legend-line-height);
  --checkboxgroup-legend-margin-bottom: var(--checkboxgroup-question-legend-margin-bottom);
  --checkboxgroup-legend-font-size: var(--checkboxgroup-question-legend-font-size);
  --checkboxgroup-legend-font-weight: var(--checkboxgroup-question-legend-font-weight);
  --checkboxgroup-legend-line-height: var(--checkboxgroup-question-legend-line-height);
  --textarea-label-margin-bottom: var(--textarea-question-label-margin-bottom);
  --textarea-label-font-size: var(--textarea-question-label-font-size);
  --textarea-label-font-weight: var(--textarea-question-label-font-weight);
  --textarea-label-line-height: var(--textarea-question-label-line-height);
}
body,
html {
  height: 100%;
  text-wrap: balance;
  color: var(--body-color);
}
@keyframes enter {
  from {
    opacity: var(--p-enter-opacity, 1);
    transform: translate3d(var(--p-enter-translate-x, 0), var(--p-enter-translate-y, 0), 0) scale3d(var(--p-enter-scale, 1), var(--p-enter-scale, 1), var(--p-enter-scale, 1)) rotate(var(--p-enter-rotate, 0));
  }
}
@keyframes leave {
  to {
    opacity: var(--p-leave-opacity, 1);
    transform: translate3d(var(--p-leave-translate-x, 0), var(--p-leave-translate-y, 0), 0) scale3d(var(--p-leave-scale, 1), var(--p-leave-scale, 1), var(--p-leave-scale, 1)) rotate(var(--p-leave-rotate, 0));
  }
}
@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-rotate-x { syntax: "*"; inherits: false; }
@property --tw-rotate-y { syntax: "*"; inherits: false; }
@property --tw-rotate-z { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }
@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-gradient-position { syntax: "*"; inherits: false; }
@property --tw-gradient-from { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-via { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-to { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-via-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0%; }
@property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }
@property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100%; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-tracking { syntax: "*"; inherits: false; }
@property --tw-ordinal { syntax: "*"; inherits: false; }
@property --tw-slashed-zero { syntax: "*"; inherits: false; }
@property --tw-numeric-figure { syntax: "*"; inherits: false; }
@property --tw-numeric-spacing { syntax: "*"; inherits: false; }
@property --tw-numeric-fraction { 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-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-backdrop-blur { syntax: "*"; inherits: false; }
@property --tw-backdrop-brightness { syntax: "*"; inherits: false; }
@property --tw-backdrop-contrast { syntax: "*"; inherits: false; }
@property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }
@property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-backdrop-invert { syntax: "*"; inherits: false; }
@property --tw-backdrop-opacity { syntax: "*"; inherits: false; }
@property --tw-backdrop-saturate { syntax: "*"; inherits: false; }
@property --tw-backdrop-sepia { syntax: "*"; inherits: false; }
@property --tw-duration { syntax: "*"; inherits: false; }
@property --tw-ease { 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; }
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@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-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: 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-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-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}

/* src/theme/variables.scss */
:root {
  --ion-font-family: var(--font-sans, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
  --ion-toolbar-background: var(--p-neutral-100-50);
  --ion-tab-bar-color: var(--p-surface-100);
  --ion-background-color: var(--page-background);
  --ion-toolbar-padding-top: 1rem;
  --ion-safe-area-top: env(safe-area-inset-top, 0px);
  --ion-grid-width-sm: 540px;
  --ion-grid-width-md: 720px;
  --ion-grid-width-lg: 720px;
  --ion-grid-width-xl: 860px;
}
html {
  --ion-font-family: var(--font-sans, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
  --ion-default-font: var(--font-sans, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
}
ion-modal {
  --ion-background-color: var(--modal-background);
}
ion-modal::part(backdrop) {
  --backdrop-opacity: var(--modal-backdrop-opacity);
  --backdrop-color: var(--modal-backdrop-color);
}
ion-modal.modal-card {
  --border-radius: var(--modal-border-radius);
  --max-width: 100%;
  --max-height: 100%;
}
ion-modal.modal-center {
  --width: calc(100% - 24px);
  --height: fit-content;
  --max-height: 90vh;
  --border-radius: var(--modal-border-radius);
}
ion-modal.modal-bottom {
  --ion-background-color: transparent;
  --height: auto;
  --max-height: 90vh;
  --width: 100%;
  --border-radius: 0;
  display: flex;
  align-items: flex-end;
}
ion-modal.modal-bottom .ion-page {
  background: var(--modal-background);
  border-radius: var(--modal-border-radius) var(--modal-border-radius) 0 0;
  overflow: hidden;
}
ion-content {
  transition: opacity 0.2s ease-in;
  --overflow: auto;
}
ion-tabs.tab-transition ion-content {
  opacity: 0;
}
ion-grid[fixed] {
  margin-left: auto;
  margin-right: auto;
}
ion-header ion-toolbar {
  --border-color: rgb(0 0 0 / 10%);
}
ion-header ion-toolbar:first-of-type {
  padding-top: var(--ion-toolbar-padding-top) !important;
}
ion-progress-bar {
  --background: var(--progressbar-background, rgb(0 0 0 / 10%));
  --progress-background: var(--progressbar-progress-background);
  height: 3px;
}
@media (max-width: 768px) {
  .hide-progress-bar ion-header ion-progress-bar {
    display: none !important;
  }
  .hide-progress-bar ion-modal ion-header ion-progress-bar {
    display: block !important;
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */